html,body{background: #F1F3F7;font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;color:#808080}
.leftBar{width: 176px;position:fixed;left:0;bottom:0;background:url(../images/leftbg.jpg) #39436d center top;top:0;background-size:100% 100%;transition: all 0.5s;-webkit-transition: all 0.5s}
.rightBar{position:absolute;left:176px;top:0;right:0;bottom: 0;}
.topBar{position:absolute;left:0;top:0;right:0;height:76px;border-bottom: 1px rgba(128,128,128,0.2) solid;box-sizing: border-box;z-index:9;}
.upBar{position:absolute;left:0;top:76px;right:0;bottom: 0;}
.sideBar{width: 30px;box-sizing:border-box;right:0;bottom: 0;top:0;position: fixed;-webkit-transition: all .3s;
-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.mainBar{position: absolute;left:0;top:0;bottom:0;right:0px;-webkit-transition: all .3s;
-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.switch-right{position:absolute;width: 30px;height:50px;left:0;top:45%;background-position:-352px -150px}
.switch-right:hover{-webkit-filter: saturate(2);filter: saturate(2);}
.sideCont{width: 0;box-sizing: border-box;border-left:1px #E6E6E6 solid;position: absolute;right:0;top:76px;bottom: 0;overflow:hidden;background-color:#F1F3F7;}
.indexBody .mainBar{right: 120px;;}
.indexBody .sideBar{width: 150px;}
.indexBody .sideCont{width: 120px}
.gd8{color: #D8D8D8}
.g80{color:#808080;}
.gga{color: #9A9A9A}
.gd9{color:#D9D9D9}
.gbf0{border-bottom:1px #F0F0F0 solid;}
.pct14{width:14%;}
.pct18 {width: 18%;}
.pct96{width: 96%}
.pct94{width: 94%}
.mb8{margin-bottom: 8px}
.ui-button.w180{width: 180px;min-width: 180px}
.ui-button.w80{width: 80px;min-width: 80px !important}
.ui-button.h34{height: 34px;line-height: 34px;}
.layui-layer-title{font-weight: 700;color: #282828 !important;}
.ui-input-x.h34> input{border:0;padding:0;margin:0;line-height: 32px;outline:0;border-radius: 3px}
.ui-input-x.h34{height: 34px;line-height: 32px;}
.ui-input-x.h34 input{font-size: 16px;}
.ui-input-x.h34 .ui-inputbut{line-height: 31px;}
.ui-input.h34{height: 34px;line-height: 24px;font-size: 16px;}
.ui-input.h34 input{font-size: 16px;}
/*leftbar*/
.logo{height:77px;text-align: center;padding-top: 10px;box-sizing: border-box;}
.menu::-webkit-scrollbar {width:6px;height:4px;}
.menu::-webkit-scrollbar-track-piece {background-color:#39436d;margin:-spx;}
.menu::-webkit-scrollbar-thumb{background:#98a3d0;border-radius:2px;}
.menu::-webkit-scrollbar-thumb:vertical:hover{background:#7982a5;}
.menu::-webkit-scrollbar-thumb:horizontal:hover{background:#7982a5}
.search-cont::-webkit-scrollbar{width:4px;height:4px;}
.search-cont::-webkit-scrollbar-track-piece{background-color:#ededed;margin:-2px;}
.search-cont::-webkit-scrollbar-thumb {background:#CBCBCB;border-radius:2px;}
.search-cont::-webkit-scrollbar-thumb:vertical:hover {background:#afaeae;}
.search-cont::-webkit-scrollbar-thumb:horizontal:hover {background:#afaeae}
.menu{overflow-y:auto;}
.menulist{height: 45px;line-height: 45px;color:#fff;display:block;margin-bottom: 10px;font-size: 16px;text-indent: 28px;}
.menulist:hover{height: 43px;line-height: 43px;background-color:rgba(0,0,0,0.3);color:#fff;border-top:1px #5E688C solid;border-bottom:1px #5E688C solid;}
.smenulist:hover{height: 38px;line-height: 38px;background-color:rgba(0,0,0,0.3);color:#fff;border-top:1px #5E688C solid;border-bottom:1px #5E688C solid;}
.menulist.on{background-color: #1365E8;border-left:4px #3A9EFF solid;text-indent:24px}
.menulist:last-child{margin-bottom: 100px}
.smenulist{height: 40px;line-height: 40px;color:#fff;display:block;margin-bottom: 5px;font-size: 14px;text-indent: 53px}
.smenulist.on{background-color: #1365E8;border-left:4px #3A9EFF solid;text-indent:49px}
.smenu{display: none}
.imenu-index{width: 20px;height:20px;background-position:-15px -368px}
.imenu-dg{width: 20px;height:20px;background-position:-65px -368px}
.imenu-dd{width: 20px;height:20px;background-position:-115px -368px}
.imenu-ksb{width: 20px;height:20px;background-position:-165px -368px}
.imenu-rny{width: 20px;height:20px;background-position:-215px -368px}
.imenu-ys{width: 20px;height:20px;background-position:-265px -368px}
.imenu-swt{width: 20px;height:20px;background-position:-315px -368px}
.imenu-yw{width: 20px;height:20px;background-position:-365px -368px}
.imenu-g2g{width: 20px;height:20px;background-position:-415px -368px}
.imenu-cyb{width: 20px;height:20px;background-position:-465px -368px}
.imenu-zh{width: 20px;height:20px;background-position:-515px -368px}
.imenu-up{ width: 16px;height: 14px;background-position: -667px -169px;}
.open .imenu-up{background-position: -667px -120px;}
.icon-hidden{width: 24px;height: 20px;background-position: -466px -417px;}
.icon-hidden.on{background-position: -416px -417px;}
/*topBar*/
.id_gold{width: 28px;height: 33px;background-position: -561px -159px;}
.toptitle + .search-cont{top:40px;padding:10px 0;overflow:visible; filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15));-webkit-filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15));}
.toptitle + .search-cont:before{content:'';width: 0;height:0;border-width: 10px;border-style: solid;border-color: transparent transparent #fff transparent ;
position: absolute;top:-15px;left:10px;position: absolute;}
.gold-list{line-height: 36px;height: 36px; padding: 0 35px 0 15px;font-size: 16px;color: #282828;}
.gold-list:hover{background:#F1F3F7;}
.gold-list.active{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAANlBMVEUAAAATZukTZukVZ+oWZ+kTZekUZugWZ+sUZekUZekUZukUZugUZuoUZukVZuoTZ+gaau0aZv+0kc6ZAAAAEnRSTlMA/PFeOayHNvLozsqPgFVDHQqVRL0QAAAAP0lEQVQY02MYGMDCikWMiQ9TjIMXizoUzTz8QIKdiUsQWZCZkQ0oxikA4SFEuZkYWWA8hCgjM6ZrmNkYBgsAALgHANQy5TNqAAAAAElFTkSuQmCC');background-position:92% center;background-repeat: no-repeat}
.id_golds{width: 20px;height: 26px;background-position:-65px -314px;}
.id_procs{width: 20px;height: 26px;background-position:-65px -314px;}
.id_trans{width: 20px;height: 26px;background-position:-115px -314px;}
.id_mylgs{width: 20px;height: 26px;background-position:-165px -314px;}
.topImg{width: 32px;height: 32px;border-radius: 50%}
.topImgN{width: 32px;min-height:34px;margin-top:-2px;}
.topImgCont{width: 32px;height: 32px;border-radius: 50%;border: 1px solid #c1c1c1;display: inline-block;overflow: hidden;vertical-align: middle}
.topExit{width: 18px;height: 18px;background-position: -466px -166px;}
.topdown{width: 16px;height: 10px;background-position: -617px -170px;}
/*sideBar*/
.sideList{box-sizing: border-box;height:80px;padding:0;border-bottom: 1px #E6E6E6 solid;display: block;text-align: center;color:#282828;}
.tool-gj{width: 50px;height: 40px;background-position: 0 -148px}
.tool-yj{width: 50px;height: 40px;background-position: -50px -148px}
.tool-wm{width: 50px;height: 40px;background-position: -100px -148px}
.tool-bz{width: 50px;height: 40px;background-position: -150px -148px}
.tool-lc{width: 50px;height: 40px;background-position: -200px -148px}
.tool-xs{width: 50px;height: 40px;background-position: -250px -148px}
.tool-tel{width: 50px;height: 40px;background-position: -300px -148px}
.tool-lz{width:50px;height: 40px;background-position: -448px -446px}
.tool-ml{width:50px;height: 40px;background-position:-450px -500px}
.sideList:hover{background:#fff;}
.sideBot{position: absolute;bottom:5px;left:0;right:0;height: 80px;text-align: center}
.tool-mail-num{width: 20px;height: 20px;line-height: 20px;text-align: center;color:#FB2020;background: #fff;border-radius: 50%;position: absolute;left:63px;top:10px;text-align: center;font-size: 12px;font-style: normal;box-shadow: 2px 2px 3px 0 #c5cad2;
-webkit-box-shadow:2px 2px 3px 0 #c5cad2;box-sizing: border-box;}
/*topnews*/
.newsContent{height: 38px;box-sizing: border-box;margin-top: 10px;color: #43659C;font-size: 12px}
.icon-news{background-position:-514px -164px;width: 23px;height: 23px;}
.new-detail{color:#9A9A9A;padding-top:5px;clear:both;}
.pct97{width: 97%}
.mw500{min-width: 500px}
.slideBox{height: 220px;}
.slideBoxlist{float: left;border-radius: 6px;height: 220px;width: 100%;display: none}
.slideBoxblock {height: 15px;overflow: hidden;position: absolute;right: 5px;bottom: 15px;z-index: 1;width: 100%;text-align: center;}
.slideB{width:8px;height:8px;margin-right: 6px;border:1px #fff solid;border-radius:50%;cursor: pointer;}
.slideB.on{background-color: #fff;}
.pct85{width: 85%}
.pct15{width: 15%}
.v-0{vertical-align:0px;}
.hotnew{color:#FB2020;border:1px #FB2020 solid;border-radius: 2px;padding:0px 5px;display: inline-block;font-size: 12px}
.icon-down{width: 13px;height: 15px;background-position: -569px -73px;}
.slideBoxlist > a {display: inline-block; width: 100%; height: 100%;}
/*pageWrap*/
.pageWrap{margin: 20px auto 40px;text-align: center;}
.pagegray,.arrowL,.arrowR{width: 30px;color: #676767;height:30px;line-height: 30px;margin: 0 3px; border-radius: 2px;display: inline-block;cursor: pointer;background-color: #F1F3F7; }
.pagegray:hover,.arrowL:hover,.arrowR:hover{background-color: #F0F6FF; color: #1365E8;}
.pagegray.active{color: #fff;background-color: #1365E8;}
/*new pageWrap*/
.newpageWrap{margin: 20px auto 0;text-align: center;}
.newpageWrap .pagegray,.newpageWrap .arrowL,.newpageWrap .arrowR{width: 30px;color: #676767;height:30px;line-height: 30px;margin: 0 3px; border-radius: 2px;display: inline-block;cursor: pointer;background-color: #F1F3F7; }
.newpageWrap .pagegray:hover,.newpage .arrowL:hover,.newpageWrap .arrowR:hover{background-color: #F0F6FF; color: #1365E8;}
.newpageWrap .pagegray.active{color: #fff;background-color: #1365E8;}
/*mcontent*/
.pl25{padding-left:25px;}
.pt25{padding-top:25px;}
.pb25{padding-bottom:25px;}
.h48{height: 48px}
.lh48{line-height: 48px}
.h40{height: 40px}
.lh40{line-height: 40px}
.mcontent{background: #FFFFFF;box-shadow: 0 10px 20px 0 #EBEFF7;-webkit-box-shadow: 0 10px 20px 0 #EBEFF7;border-radius: 6px;}
.index-top-title{font-size: 16px;line-height: 45px;display: inline-block;margin-left: 20px;color:#676767;}
.index-top-title.on{border-bottom: 3px #1365E8 solid;color: #282828;}
.topCM{height: 131px;border-bottom: 1px #F0F0F0 solid;}
.tTabTitle{background: #F6F6F6;height: 36px;line-height: 36px;font-size: 12px;}
.tTabList{height: 44px;line-height: 44px;border-bottom: 1px #F0F0F0 solid;font-size: 12px;color: #282828;}
.tTabListImgCont{border: 1px solid #c1c1c1;width: 32px;height:32px;border-radius: 50%;display: inline-block;overflow: hidden;vertical-align: middle;margin-right:5px;}
.tTabListImgN{width: 32px;vertical-align: -4px;min-height:32px;}
.tTabListImg{width: 28px;height:28px;border-radius: 50%;border: 1px solid #c1c1c1;}
.pbIndexPanel{padding-bottom: 88px;}
.indexPanel{height:820px;}
.nav{font-size: 12px;padding:10px 0;color: #282828}
.ui-content{min-height: calc(100vh - 180px)}
.indexPanel .ui-content{min-height: inherit}
.medalGoldone{width: 30px;height: 25px;background-position: -214px -462px;}
.medalGoldtwo{width: 30px;height: 25px;background-position: -264px -462px;}
.medalGoldthre{width: 30px;height: 25px;background-position: -164px -462px;}
.icon-guide-01{width: 30px;height: 30px;background-position: -510px -460px;}
.icon-guide-02{width: 30px;height: 30px;background-position: -560px -460px;}
.icon-guide-03{width: 30px;height: 30px;background-position: -610px -460px;}
.icon-guide-04{width: 30px;height: 30px;background-position: -660px -460px;}
.icon-guide-05{width: 30px;height: 30px;background-position: -11px -510px;}
.icon-guide-06{width: 30px;height: 30px;background-position: -60px -510px;}
.icon-handle{width: 30px;height: 30px;background:url(../images/icon-handle.png) no-repeat;display: inline-block;}
.index-title-no{font-size: 16px;line-height: 45px;display: inline-block;margin-left: 20px;color: #282828;}
.icon-remind-alert{width: 20px;height: 20px;background-position: -114px -515px;}
.h220{height: 220px}
.undoorder{height: 134px;overflow-y: auto}
.undoorder .tTabList:nth-of-type(3n){border-bottom: 0}
.undoorderCont{height: 170px;}
.index-remind-Cont{width: 300px;box-sizing: border-box;height:110px;padding:10px 20px;overflow-y:auto; }
.index-remind-Cont::-webkit-scrollbar,.undoorder::-webkit-scrollbar{width:4px;height:4px;}
.index-remind-Cont::-webkit-scrollbar-track-piece,.iundoorder::-webkit-scrollbar-track-piece{background-color:#ededed;margin:-2px;}
.index-remind-Cont::-webkit-scrollbar-thumb,.undoorder::-webkit-scrollbar-thumb {background:#CBCBCB;border-radius:2px;}
.index-remind-Cont::-webkit-scrollbar-thumb:vertical:hover,.undoorder::-webkit-scrollbar-thumb:vertical:hover {background:#afaeae;}
.index-remind-Cont::-webkit-scrollbar-thumb:horizontal:hover,.undoorder::-webkit-scrollbar-thumb:horizontal:hover {background:#afaeae}
.qremind > .qtip-content{padding:0;}
.qremind.qtip {max-width:300px;}
.inewGuideCont{height:390px;}
.inewGuidePanel{width: 86%;margin:20px auto;border-left:1px #eee solid;box-sizing: border-box;}
.inewGuideStepIcon{left:-15px;top:-5px;width: 30px;height: 30px;background-image: linear-gradient(156deg, #2FCBFF 0%, #1E76E7 96%);
box-shadow: 0 3px 8px 0 #CDD6E5;border-radius: 50%;color:#fff;font-style: italic;font-weight: bold;line-height: 29px;text-align: center;}
.inewGuideStep{padding-left:20px;position: relative;}
/*customized*/
.pct28{width: 28%}
.pb40{padding-bottom: 40px;}
.cust_vip1{width:30px;height:30px;background-position:-160px -511px;}
.cust_vip2{width:30px;height:30px;background-position:-210px -510px;}
.cust_vip3{width:30px;height:30px;background-position:-260px -510px;}
.package_div{margin-top:5px;margin-left: 76px;border: 1px solid #E6E6E6;width: 240px;height:136px;background:#fff;box-sizing: border-box; }
.package_title{background: #FFF4F4;border-bottom: 1px solid #E6E6E6;height: 29px;line-height: 29px;text-align: center}
.package_content{padding:5px 0 0;text-align: center}
.package_list{display: inline-block;text-align: center;padding:0 20px;}
.package_listImg{height: 70px}
.jgfs_tiemo .selone{font-size:12px;position:absolute;background:#fff;display:none;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);z-index: 9}
.jgfs_tiemo .selone > a{clear:both;display:block;height:27px;line-height:27px;width:140px;text-align:center}
.jgfs_tiemo .selone > a:hover{background:#dedede;color:#333}
#jgfs_tm{border:none}
#jgfs_tm > ul > li a{display:block;height:30px;line-height:30px;width:190px;background:#fff;text-align:left;color:#676767;text-indent:10px;}
#jgfs_tm > ul > li a:hover{color: #1365E8;background: #F0F6FF;}
#jgfs_tm > ul > li a.on{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAANlBMVEUAAAATZukTZukVZ+oWZ+kTZekUZugWZ+sUZekUZekUZukUZugUZuoUZukVZuoTZ+gaau0aZv+0kc6ZAAAAEnRSTlMA/PFeOayHNvLozsqPgFVDHQqVRL0QAAAAP0lEQVQY02MYGMDCikWMiQ9TjIMXizoUzTz8QIKdiUsQWZCZkQ0oxikA4SFEuZkYWWA8hCgjM6ZrmNkYBgsAALgHANQy5TNqAAAAAElFTkSuQmCC');background-position:right ;background-repeat: no-repeat}
#jgfs_tm ul li{height:30px;line-height:30px;}
#jgfs_tm > ul {border-top:1px #ccc solid;border-bottom:1px #ccc solid;border-right:1px #ccc solid;}
#jgfs_tm > ul > li > ul.level01{position:relative;left:190px;top:-28px;display:none;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15)}
#jgfs_tm > ul > li > ul.level01 > li > ul.level02{position:relative;left:190px;top:-28px;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);display:none}
#jgfs_tm > ul > li > ul.level01 > li > ul.level02> li > ul.level03{position:relative;left:190px;top:-28px;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);display:none}
.orderaddr{padding:10px;position:relative;margin-bottom:10px;display:inline-block;margin-right: 10px;width:282px;height:113px;box-sizing: border-box;border:1px #D9D9D9 dashed;border-radius: 3px;}
.orderaddr:hover{border-color:#1365E8 }
.addrInfo{max-height: 36px;margin-bottom: 2px;overflow: hidden}
.addrbut{background: #FAFAFA;padding:1px 5px;color: #9A9A9A;}
.addrdel{display:none;width: 14px;height: 14px;background-position: -318px -468px;position: absolute;right:-5px;top:-5px;}
.orderaddr:hover .addrdel{display: inline-block;}
.orderaddr.active{border-color:#1365E8;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAASFBMVEUAAAAUZukUZukTZehTj+5qnvD+/v/4+v7s8v1+qO8ncurZ5vutyffw8vWUufSOtfOGsPNwofFlmvBimO9fl+83fOszeusUZuiqTSyEAAAAA3RSTlMAgOaInBvYAAAAT0lEQVQY02XIRxKAIAAEQXUkmvP/f6pU4QG2j93UWgkkkEACCSSQoIpzpYxjiBSx+wv+WG4wrgdy0Htj7AaQ4ytnZ5IcqcYHIKYohCq6ML33tgKbIh8BSwAAAABJRU5ErkJggg==');background-position:bottom right;background-repeat: no-repeat; }
.active .addrInfo{color:#282828;}
.defautTip{color:#FB2020;background-color: #FFE3E3;display: inline-block;padding:1px 5px; }
.addrbut{display: none}
.orderaddr:hover .addrbut{display: inline-block; }
.addressBook{height: 123px;overflow: hidden;display: none}
.addressBookBut{display: none}
.addressDBook{padding-top: 5px;}
.en_otitle{width: 11.2%;text-align: right;display: inline-block;}
.pct68{width: 68%;}
.cprocTitle{width: 100px;display: inline-block;text-align: right}
.sel-stockPanel{border:1px #ddd solid;background:#fff;width:600px;font-size:12px;display:none;position:absolute;z-index: 9}
.sel-stocktitle{background:#f9f9f9;height:41px;overflow:hidden}
.sel-stocktlist{width:32%;display:inline-block;text-align:center;height:39px;line-height:39px;border-bottom:1px #ededed solid;float:left}
.sel-stocktitle .sel-current{background:#fff;height:41px;border-bottom:none;width:34%;color:#098AEF;font-weight:bold;font-size:14px;}
.sel-bright{border-right:1px #ededed solid}
.sel-panel{padding:10px;text-align:left}
.sel-panel a{display: inline-block;color: #4D4D4D;line-height: 21px;white-space: nowrap;margin: 0 0 6px 0;padding:0 5px;}
.sel-panel a:hover{color:#1c88d3}
.sel-stockpnamelist{overflow:auto;max-height:250px;}
.sel-stockpnamelist > a{width:48%;display:inline-block;word-break:break-all;word-wrap:break-word;float:left;white-space:normal;*width:47%;}
.cprocinfot{width: 100px;text-align: right;display: inline-block;}
.alertInputErr,.error {border-color:#FB2020 !important;}
.inOutdiameter{width: 30px;height: 25px;background-position:-310px -516px;}
.jgs2016_jgdlist{overflow: hidden;background: #FAFAFA;box-sizing: border-box;border:1px #E7E7E7 solid;}
.indexpline{overflow: hidden;background: #FAFAFA;box-sizing: border-box;margin:-1px 0 0 !important;border:1px #E7E7E7 solid;}
.indexpline > div{border-right: 1px rgba(0,0,0,0.07) solid;box-sizing: border-box;padding:10px 0;}
.indexpline > div:last-child {
border-right: 0;
}
.jgs2016_yllist{margin-top: -1px;box-sizing: border-box;}
.jgs2016_jgddown,.proc .first{clear:both;border-right: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;border-left:5px #08CB93 solid;box-sizing: border-box;}
.list_2{padding:15px;}
.list2_weight{border-bottom: 1px #d9d9d9 dashed;font-size: 12px;padding:10px 0;overflow: hidden;}
.jgs2016_hb_tip{position:absolute;z-index:999999;background:#3b96dd;padding:0 10px;color:#fff;border-radius:5px;opacity: 0.90;*margin-left:-110px;margin-left:-100px;filter: alpha(opacity=90);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90)); }
.jgs2016_hb_tip i{position: absolute;right: -5px;top:6px;width: 0;height: 0;display: inline-block;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #3b96dd;
}
.hbbg{background:#06cb93;width:24px;height:24px;line-height:24px;border-radius:12px;display:inline-block;font-size:12px;text-align:center;color:#fff;position:relative;margin-right: 5px;}
.hbbg i{position:absolute;width:11px;height:11px;right:-5px;top:0px;background:url(../images/new2016_del.png) no-repeat;display:inline-block;cursor:pointer}
.cproctablet{background: #EBEEF2;border-radius: 4px 4px 0 0;clear:both;height: 36px;line-height: 36px;color:#282828;border-left: 1px #E7E7E7 solid;border-right: 1px #E7E7E7 solid;box-sizing: border-box;}
.cproctablet > span{border-right:1px rgba(0,0,0,0.07) solid;box-sizing: border-box;}
.cproctablet > span:last-child{border-right:0;}
.inputText { padding: 4px 5px;outline: none;background-color: #FFFFFF;border: 1px solid #D9D9D9;border-radius: 3px;box-sizing: border-box;height:25px;line-height: 25px;}
.inputText:hover, .inputText:focus {border-color: #1365E8;}
.searchCont{position:absolute;background: #FFFFFF;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);border-radius: 3px;max-width: 600px;top:33px;left:0;max-height: 150px;overflow-y: auto;display: none;z-index: 9;min-width:60px;}
.searchContList{line-height: 30px;height: 30px;padding:0 10px;font-size:12px;color:#676767;display: block;text-align: left}
.searchContList:hover{color:#1365E8 ;background: #F0F6FF;}
.clearBut{min-width: 60px;line-height: 24px;height: 24px;font-size: 12px;border-radius: 3px;background-color: #1365E8;color: #fff;display: inline-block;
text-decoration: none;box-sizing: border-box;cursor: pointer;transition: border-color .15s, background-color .15s;-webkit-transition: border-color .15s, background-color .15s;text-align: center;border: 0;}
.clearBut:hover{background-color:#2060C6;}
.jgs2016_jgdlist .searchUp,.indexpline .searchUp{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAFBAMAAACHocAhAAAAHlBMVEUAAAAUZekTZekVZugUZugUZukWZ+kUZ+sWZ+kVaeoYyzb1AAAACnRSTlMA9KF6cGdeTUU9MIPVRgAAACRJREFUCNdjUGdgKGIAgsQGDjEQzSo5MYABBBxFGMCA2QBEAgBOggMgTR+aYQAAAABJRU5ErkJggg==');background-repeat: no-repeat;background-position: right;}
.jgs2016_jgdlist > span{border-right:1px rgba(0,0,0,0.07) solid;padding:10px 0;box-sizing: border-box;}
.jgs2016_jgdlist > span:last-child{border-right:0;}
.pct17{width: 17%;}
.indent10{text-indent: 10px}
.pct55{width: 55%}
.createProc .search-contM {line-height: initial;}
.createProc .search-cont[data-type='mul']{width: 378px;}
.createProc .search-contM{overflow: hidden;height: auto;padding:0;margin:0;}
.createProc .search-contM .ui-option{min-width:70px;height: 25px;line-height: 25px;padding:0 8px;text-align: center;margin:8px 15px 0px 0;}
.createProc .search-contM .ui-option:nth-of-type(4n){margin-right: 0}
.inputTextline{background: #FFFFFF;border: 1px solid #D9D9D9 !important;border-radius: 3px;outline: none;box-sizing: border-box;line-height: 25px;height: 25px;width: 100px;margin:0 10px;}
.inputTextline:focus,.inputTextline:hover{border-color: #1365E8}
.createProc .jgs2016_jgddown select{border: 1px #ccc solid;padding: 3px; border-radius: 3px;min-width: 100px}
.createProc .list2_num{margin-left:48px;}
.createProc .jgtip{padding:10px 0 10px 48px;}
.hoog {background: #1bb869;width: 22px;height: 18px;border-radius: 3px;display: inline-block;font-size: 12px;text-align: left;color: #fff;position: relative;margin-right:4px;line-height:18px;
}
.pct7 {width: 7%}
.createProc .delall {float: right;}
.createProc .jgs2016_jgbut{padding:0 10px;height: 25px;line-height: 25px; border-radius: 3px;border:1px #1365E8 solid;color: #1365E8;display: inline-block;font-size: 12px;text-decoration: none;box-sizing: border-box;cursor: pointer;transition: border-color .15s, background-color .15s;-webkit-transition: border-color .15s, background-color .15s;text-align: center;}
.createProc .list2_num{border-bottom: 1px #d9d9d9 dashed;}
.createProc .jgs2016_jgbut:hover{background-color: #1365E8;color:#fff;}
.createProc .iconcheckbox {display: inline-block;width: 14px;height: 14px;background-position: -218px -68px;position: relative;}
.createProc .iconcheckbox >.checkboxin {opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;filter: alpha(opacity = 0);}
.createProc .iconcheckbox.on { background-position:-368px -68px;}
.createProc .goldicon {display: inline-block;background-image: url(../images/goldIcon.png);background-repeat: no-repeat;}
.createProc #jg_Buthb {display: none; position: absolute; z-index: 9;}
.createProc #jg_Buthb a{background:#00dfba;border-radius: 2px;color:#fff;font-size:12px;padding:3px 5px;display:inline-block}
.createProc #jg_Buthb a i{position:absolute;right:-5px;width:0;height:0;display:inline-block;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #00dfba;}
.createProc #jg_Buthb a:hover{background:#03d56c}
.createProc #jg_Buthb a:hover i{border-left: 5px solid #03d56c;}
.bbe6{/*border: 1px solid #E6E6E6;*/}
.jgs2016_sh {
background-color: #f1f6ff;
padding: 10px;
}
.jgs2016_sh_more {
background-color: #fff;
padding: 10px 10px 10px 40px;
}
.jgs2016_sh_more .first{line-height:26px}
.jgs2016_sh_more .first .ftitle {
line-height: 40px;
border-bottom: 1px #dedede dashed;
margin-bottom: 10px;
color:#1365E8;
}
.jgs2016_sh_more .first .s_1 {
width: 70px;
}
.jgs2016_sh_more .first span {
display: inline-block;
}
.jgs2016_sh_more .first .s_2 {
width: 280px;
letter-spacing: 0px;
}
.jgs2016_sh_more .first .s_3 {
width: 130px;
}
.jgs2016_sh_more .first .s_4 {
width: 150px;
}
.jgs2016_sh_more .first .ftip {
border-top: 1px #E6E6E6 solid;
line-height: 25px;
margin: 10px 0 10px 0;
padding-top: 10px;
}
.jgs2016_sh_more .first .hbbg{width:26px}
.jgs2016_sh_more .first .hbbgg{width:26px}
.jgs2016_sh_more .first .r{float:right;}
.jgs2016_sh_more i.grey {
display: inline-block;
width: 55px;
font-style: normal;
color: #808080
}
.jgs2016_sh_more i {
font-style: normal;
color: #808080;
vertical-align: inherit;
padding: 0 3px;
}
.jgs2016_sh i {
vertical-align: inherit;
color: #0f1533;
font-style:normal;
}
.jgs2016_sh > span {
margin-right:2%;
color: #9A9A9A;
}
.jgs2016_sh_more .first .hbbg {
background: #1bb869;
width: 26px;
height: 26px;
border-radius: 12px;
display: inline-block;
font-size: 12px;
text-align: center;
color: #fff;
position: relative;
margin-right: 5px;
}
.border3re7{border-bottom:1px #e7e7e7 solid;border-left:1px #e7e7e7 solid;border-right:1px #e7e7e7 solid;}
.switchDotBut.on:after,.switchDotButToReapply.on:after{left:50%;top:39px;transform:translateX(-50%);content:'';position:absolute;width: 17px;height:7px;background:url(../images/switchangleBut.png) no-repeat;}
.startGCircle{display:inline-block;width: 12px;height: 12px;background:#12D013 ;border-radius: 50%;position: relative;}
.startGCircle:before,.endECircle:before{position:absolute;content:'';width: 6px;height: 6px;background:#fff;border-radius: 50%;left:3px;top:3px;}
.endECircle{display:inline-block;width: 12px;height: 12px;background:#FB2020 ;border-radius: 50%;position: relative;}
.btef{border-top: 1px solid #EFEFEF;}
.n18_progressbg{background-color: #fff;height:25px;overflow: hidden;}
.n18_stepbg{display: inline-block;height: 25px;line-height: 25px;border-radius: 3px}
.normal .n18_stepbg{background-color: #42D0E3;}
.normal .n18_stepcolor{color:#42D0E3;}
.unsaturation .n18_stepbg{background-color: #17ceb0;}
.unsaturation .n18_stepcolor{color:#17ceb0;}
.saturation .n18_stepbg{background-color: #5766E7;}
.saturation .n18_stepcolor{color:#5766E7;}
.full .n18_stepbg{background-color: #6A7AA0;}
.full .n18_stepcolor{color:#FF6B6B;}
.fixedbar{position: fixed;bottom: 0;height: 60px;background-color: #fff;width: 100%;box-sizing: border-box;padding:15px 0;}
.mon-bal {display: inline-block;width: 18px;height: 18px;background-color: #fff;border-radius: 100%;font-size: 12px;
line-height: 18px;text-align: center;font-style: normal;border:1px #2172F5 solid;color:#2172F5;}
.mon-bal.m_g{color:#CE9F6B;border-color: #CE9F6B}
.mon-bal.m_w{color:#08CB93 ;border-color: #08CB93 }
.mon-bal.m_f{color:#5F89A1 ;border-color: #5F89A1 }
.mon-bal.m_j{color: #C2976D;border-color: #C2976D;}
.bbdad9{border-bottom: 1px dashed #D9D9D9;}
.ml61{margin-left:61px;}
/* findResource */
.pr25{padding-right: 25px;}
.nav-top{margin-top: 10px;color: #9A9A9A;font-size:12px;height: 17px;line-height: 17px;}
.resource .ui-content{min-height: inherit;}
.resource-top-box{background: #E8F6FE;border: 1px solid #B9D5E6;box-sizing: border-box;padding: 13px 10px 15px 20px;}
.resource-title{font-size: 12px;}
.vertical{width: 1px;background: #D8D8D8;height: 12px;display: inline-block;}
.section{max-width: 560px;}
.pct12{width: 12%;}
.pct16{width: 16%;}
.lh15{line-height: 15px;}
.ui-button[data-type='bigclear']{ min-width: 245px;height: 38px;line-height: 38px;background: #fff;border: 1px #EEEEEE solid;color: #676767;}
.ui-button[data-type='bigclear']:not(:disabled):hover {background: #fff;border-color: #C3DAFF;color: #2172F5;}
.ui-button[data-type='bigborder']{ min-width: 245px;height: 38px;line-height: 38px;background: #fff;border: 1px #1365E8 solid;color: #1365E8;}
.ui-button[data-type='bigborder']:not(:disabled):hover {background:#F0F6FF;color:#1365E8;}
.resource-table td:first-child{padding-right: 5px;background: #FAFAFA;color: #282828;}
.resource-table td:last-child{padding-left: 15px;background: #fff;}
.standardtable thead th,.standardtable tbody td{padding-top: 5px;padding-bottom: 5px;}
.mt25{margin-top: 25px;}
.w80{width: 80px;}
.m108{min-width: 108px;}
.pct45{width: 45%;}
.warehouse-btn{border-top: 1px solid #d9d9d9;height: 49px;line-height: 49px;}
.warehouse-btn button {min-width: 65px;}
.resource-tip{padding-top:34px}
.leftArrow{background: url(../images/leftArrow.png) no-repeat; width: 16px; height: 14px;display: inline-block;vertical-align: middle;}
/* resourceAdvance */
.resource .addInventory{min-width: 96px;color: #1365e8;}
.res-vip{background-image: url(../images/vip.png);background-position:50px 10px;background-repeat: no-repeat }
.tip-box{width: 190px;height: 220px;position: relative;background: #E5E9FD;box-shadow: 0 10px 20px -5px #F1F3F8;border-radius: 3px;display: inline-block;box-sizing: border-box;padding:46px 17px 0 17px;vertical-align: top;}
.tip-box[data-bg='pink']{background: #F9EBE4;box-shadow: 0 10px 20px -5px #FBF4F0;}
.tip-box[data-bg='blue']{background: #D9F5FB;box-shadow: 0 10px 20px -5px #F0FBFE;}
.tipboxtop{ position: absolute; width: 101px; height: 66px; background: url('../images/resource/tipcardtop.png') no-repeat center; top: -20px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
/* warehouse*/
.w460{width: 460px;}
.pl50{padding-left: 50px;}
.pr50{padding-right: 50px;}
.h55{height: 55px;}
/* shtResource */
.pct5{width: 5%;}
.w60{width: 60px;}
.bbe6{border-bottom: 1px solid #e6e6e6;}
.darkgreen{color: #10D1B5;}
.shopcard{display: inline-block;cursor: pointer;width: 20px;height: 20px;vertical-align: middle;background: url('../images/sht/unshopcard.png') no-repeat;}
.shopcard.on{background: url('../images/sht/shopcard.png') no-repeat;}
.unradius{border-top-right-radius: 0;border-top-left-radius: 0;}
.selectSingle a{color: #808080;display: inline-block;}
.selectSingle a:hover{color: #1365e8;}
.selectSingle span{color: #cccccc;}
.selectSingle a.on{color: #1365e8;}
/* shtReport */
.bbef{
border-bottom: 1px solid #EFEFEF;
}
.ui-button[data-type='mNavlist']{ min-width: 90px;height: 30px;line-height: 30px; background: #F9F9F9;;border: 1px #E6E6E6 solid;color: #808080; border-radius: 3px;}
.ui-button[data-type='mNavlist'].on{background: #FFFFFF;border: 1px solid #1365E8;box-shadow: 0 4px 5px 0 #E1E7F0;color: #1365E8;}
.w85{width: 85px;}
.arrow-bottom{display: inline-block;background: url(../images/sht/arrow-bottom.png) no-repeat;width:6px ;height: 30px;}
/* shtIOURecord */
.maxw{background: url('../images/sht/maxw.png') no-repeat;width: 400px;height: 103px;box-sizing: border-box;padding-left: 130px;}
/*queryStock*/
.surlimit{display:-webkit-box; /* iOS 6-, Safari 3.1-6 */display:-webkit-flex; /* Chrome */display:-moz-box; /* Firefox 19 */display:-ms-flexbox; display:flex; /*flex容器*/-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;}
.w72{width: 72px;}
/* resourceParameter */
.resourceparup,.resourcepardown{width: 10px;height: 15px;}
.resourceparup{background: url('../images/resource/resourceparup.png') no-repeat;}
.resourcepardown{background: url('../images/resource/resourcepardown.png') no-repeat;}
.mb40{margin-bottom: 40px;}
/* 我的订单-订单处理 */
.textJustify {text-align: justify;text-align-last: justify;}
.myorder-top{height: 122px;background: url('../images/order/myorder-top.png') no-repeat ;background-size: 100% 100%;}
.myorder-cntop{height: 122px;background: url('../images/order/myorder-cn.png') no-repeat ;background-size: 100% 100%;}
.myorder-kb{height: 122px;background: url('../images/order/myorder-bk.png') no-repeat ;background-size: 100% 100%;}
.ui-thover .bkorder,.ui-thover tr:hover .bktype{display: none}
.ui-thover tr:hover .bkorder{display: inline-block}
.content-top{
width: 100%;
height: 16px;
background: rgba(0,0,0,0.20);
border: 1px solid rgba(0,0,0,0.20);
border-radius: 10px;
box-sizing: border-box;
}
.order-card{
width: 100%;
background: #fff;
border: 1px solid rgba(0,0,0,0.10);
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.06);
margin:-43px 0 30px 0;
}
.order-card-item{
color: #282828;
}
.pct35{width: 35%;}
.order-list{
border: 1px solid #E6E6E6;
}
.order-list-left{
background: #EBEEF2;
height: 140px;
box-sizing: border-box;
border-right: 1px solid #e6e6e6;
}
.leftTop-triangle{
position: absolute;
top: 0;
left: 0;
z-index: 9999999;
color: #fff;
text-align: center;
font-style: normal;
padding: 2px 0 0 4px;
font-size: 12px;
}
.leftTop-triangle::before{
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 30px solid #3A9EFF;
border-right: 30px solid transparent;
top: 0;
left: 0;
z-index: -1;
}
.order-list-right{
height: 140px;
background: #FAFAFA;
box-sizing: border-box;
}
.bte6{
border-top: 1px solid #e6e6e6;
}
.mr105{
margin-right: 105px;
}
.mr25{
margin-right: 25px;
}
.detailTitle{
width: 135px;
display: inline-block;
text-align: right;
}
.rules{
font-size: 12px;
}
.rules>li{
margin-top: 10px;
}
.rulesMsg{
max-width: 60%;
line-height: 15px;
}
.del{
position: absolute;
width: 16px;
height: 16px;
background:url('../images/ic-del.png') no-repeat ;
border-radius: 50%;
right: -8px;
top:-8px;
}
.lh28{
line-height: 28px;
}
.w120{
width: 120px;
}
.w130{
width: 130px;
}
.bre6{
border-right: 1px solid #e6e6e6 ;
}
.order-list-center{
box-sizing: border-box;
border-left: 1px solid #e6e6e6;
padding-left: 16px;
height: 100%;
}
.company-icon{
width: 15px;
height: 15px;
display: inline-block;
background: url('../images/company.png') no-repeat center;
}
.sell-icon{
background: url('../images/sell-icon.png') no-repeat center;
width: 10px;
height: 15px;
display: inline-block;
vertical-align: middle;
}
.newpay-icon{
width: 14px;
height: 12px;
display: inline-block;
background: url('../images/newpay.png') no-repeat center;
}
.location-spot{
width: 10px;
height: 13px;
display: inline-block;
background: url('../images/spot.png') no-repeat center;
}
.line-arrow{
width: 43px;
height: 7px;
display: inline-block;
background: url('../images/aline.png') no-repeat center;
}
.person-icon{width: 13px;height: 14px;display: inline-block;background: url('../images/person.png') no-repeat center;}
.tel-icon{width: 14px;height: 14px;display: inline-block;background: url('../images/tel.png') no-repeat center;}
/*checkProduct*/
.checkP_Div{border-left:1px #D8D8D8 solid;margin:0 2%;}
.checkP_listTit{text-align: left;margin-bottom: 10px;position: relative;left:-7px;}
.checkP_listTitA{top:8px;}
.checkP_body{margin:0 1% 0 3%;text-align: left;display: flex;}
.checkP_yl{display: flex;width:28px;background-color:#617698;text-align: center;color:#fff;box-sizing: border-box;padding:4px;justify-content:center;align-items:center}
.checkP_ylc{background:#08CB93;}
.intable{display: inline-table;}
.showShadow{ box-shadow: 0 3px 8px 0 #e6e9ef;-webkit-box-shadow: 0 3px 8px 0 #e6e9ef;}
.order_status_ok{position: absolute;right:50px;top:100px;}
.order-step{position: relative;width:70%;}
.order-step:before{content: '';position: absolute;top:12px;border-top:1px #D9D9D9 dashed;width:100%;height:1px ;left:0;}
.icon-addf{width: 15px;height: 15px;background-position: -418px -468px;}
.addCardItem:hover > .icon-addf{background-position: -368px -468px;}
.addCardDel{font-size: 12px;line-height: 22px;height: 24px;box-sizing: border-box;display: inline-block;border: 1px solid #E5E5E5;
border-radius: 13px;padding: 0px 10px;color: #676767;overflow: hidden;}
.addCardCont{padding:10px 10px 0;border-top:1px #efefef solid;margin-top:13px;}
.circle24{display:inline-block;font-style:normal;width: 24px;height: 24px;border-radius: 50%;box-sizing: border-box;border:1px #D9D9D9 solid;text-align: center;line-height: 24px;color: #9A9A9A ;background:#fff;}
.order-step1{position:absolute;left:-26px;}
.order-step2{left:50%;transform: translateX(-50%);}
.order-step3{left:100%;transform: translateX(-180%);-webkit-transform:translateX(-180%);}
.on > .circle24{color:#fff;background: #1365E8;border:0;}
.order-step1.on,.order-step2.on,.order-step3.on{color:#1365E8;font-weight: bold;}
.blueBorder{box-sizing: border-box;border: 1px solid #1365E8;border-radius: 3px;color:#1365E8;line-height: 25px;height: 25px;display: inline-block;padding:0 15px;}
.blueBorder:hover{background: #F0F6FF;}
.ui-inputbut.on{background-color: #f1f6ff;color:#1365E8;}
/* 引导 */
.ml-14 {margin-left: -14px;}
.process{position:relative;width: 152px;height: 28px;display: inline-block;cursor: pointer; text-align: center;line-height: 28px;font-size: 12px;padding-left: 10px;box-sizing: border-box;border:1px #2984d5 solid;border-radius: 5px;}
.process:before{content:"";background:url(../images/order/processTip.png);width:30px;height: 28px;position: absolute;left:-11px;top:-2px;}
.process a{color: #2A85D6 ;}
.process-up{padding: 0 12px 0 0;background: url('../images/order/process-up.png') no-repeat right;}
.process-down{padding: 0 12px 0 0;background: url('../images/order/process-down.png') no-repeat right;}
.process01,.process02,.processyel,.processblue{ display: inline-block;padding-right: 22px;box-sizing: border-box;}
.process-blue{background: url('../images/order/process01.png') no-repeat right top;}
.processyel{background: url('../images/order/process00.png') no-repeat right top;}
.processyel .process-top{background: #DCB57E;height: 24px;color: #fff;text-align: center;font-size: 12px;line-height: 24px;}
.processyel .process-bottom{color:#BE8E49;line-height:44px;background-image: linear-gradient(180deg, #FFF6EA 0%, #FFFFFF 100%);height:44px;}
.processyel.addBlue{background-image:url('../images/order/process02.png');}
.processblue{background: url('../images/order/process03.png') #fff no-repeat right top;}
.processblue .process-top{background: #3793e5;height: 24px;color: #fff;text-align: center;font-size: 12px;line-height: 24px;}
.processblue .process-bottom{color:#3793E5;line-height:44px;background-image: linear-gradient(180deg, #DFF0FF 0%, #FFFFFF 100%);height:44px;}
.process02{background: url('../images/order/process02.png') no-repeat right top;}
.process01 .process-top {background: #3793e5;height: 24px;}
.process02 .process-top{background: #DCB57E;height: 24px;color: #fff;text-align: center;font-size: 14px;}
.process01 .process-bottom{background-image: linear-gradient(180deg, #DFF0FF 0%, #FFFFFF 100%);color: #808080;height: 69px;}
.process02 .process-bottom{background-image: linear-gradient(180deg, #FFF6EA 0%, #FFFFFF 100%);color: #808080;height: 69px;}
.process01.pr0{padding-right:0px}
.process-bottom>div{height:100%;display: flex;flex-direction: column;align-items: center;}
.dashed{height:24px;width: 0px;border-left:1px dashed #2984D5 ;left: 50%;}
.process02 .dashed{border-left:1px dashed #DCB57E ;}
/* enBookDepot 订舱合同*/
.enBookDepotContList{
border: 1px solid #E6E6E6;
height: 310px;
}
.enBookDepotContList-left{
box-sizing: border-box;
border-right: 1px solid #E6E6E6;
background: #fafafa;
height: inherit;
}
.enBookDepotContList-right{
height: inherit;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/*单位管理-客户管理*/
.ui-borderEEE{
display: inline-block;
padding:0 5px;
box-sizing: border-box;
border: 1px solid #EEEEEE;
border-radius: 3px;
background: #FFFFFF;
}
.icon-zhizhen{
width: 20px;
height: 20px;
background: url('../images/customer/zhizhen.png') no-repeat center;
display: inline-block;
}
/* 单位管理 供应商评审信息*/
.hight-risk::before{
content: "";
background: url('../images/hight-risk.png') no-repeat ;
width:20px ;
height: 20px;
display: inline-block;
vertical-align: bottom;
}
/* 单位管理 承运商信息*/
.router .startAddr::before ,.router .endAddr::before{
content: "";
width: 8px;
height: 8px;
background: #FFFFFF;
border: 2px solid #10C861;
border-radius: 50%;
display: inline-block;
vertical-align: -2px;
margin-right: 5px;
}
.router .endAddr::before{
border: 2px solid #FB2020;
}
.router .tran{
background: url('../images/customer/allow-down.png') no-repeat;
min-height: 60px;
background-position: 2px 0;
}
/* 单位管理 现场资料上传*/
.pl45{
padding-left: 45px;
}
.pr45{
padding-right: 45px;
}
/*单位管理 寄售资源上挂 */
.download-customer{
width: 300px;
height: 150px;
box-sizing: border-box;
border: 1px dashed #D9D9D9;
border-radius: 3px;
background: #fafafa;
}
.customer-download{
width: 40px;
height: 40px;
display: inline-block;
background: url('../images/customer/customer-download.png') no-repeat center;
}
.customer-upload{
width: 40px;
height: 40px;
display: inline-block;
background: url('../images/customer/customer-upload.png') no-repeat center;
}
.myStock{
border: 1px solid #e5e5e5;
}
.stockSearch{
background: #EBEEF2;
clear: both;
color: #282828;
border-bottom: 1px #E5E5E5 solid;
box-sizing: border-box;
}
.stockTable{border: 1px solid #e5e5e5;}
.stockFoot{height: 60px;line-height: 60px;background: #F3F7FD;}
.mr35{margin-right: 35px;}
/* 发票管理 */
.clearingBill{
background: url(../images/voice/clearingBill.png) no-repeat;
width: 300px;
height: 100px;
box-sizing: border-box;
text-align: center;
line-height: 100px;
background-position: center top;
color: #68491D;
}
.invoiceMsg{
height: 155px;
box-sizing: border-box;
border: 1px solid #E6E6E6;
}
.invoiceCorpMsg{
height: 102px;
box-sizing: border-box;
overflow-y: auto;
}
.invoiceCorpMsg::-webkit-scrollbar {width:6px;height:4px;}
.invoiceCorpMsg::-webkit-scrollbar-track-piece {background-color:transparent;margin:-spx;}
.invoiceCorpMsg::-webkit-scrollbar-thumb{background:#D8D8D8 ;border-radius:2px;}
.invoiceCorpMsg::-webkit-scrollbar-thumb:vertical:hover{background:#bbb;}
.invoiceCorpMsg::-webkit-scrollbar-thumb:horizontal:hover{background:#bbb }
.invoiceCorpMsg-item{
width: 100%;
height:34px ;
box-sizing: border-box;
line-height: 34px;
}
.invoiceCorpMsg-item.on,.invoiceCorpMsg-item:hover{
background: #F0F6FF;
}
.icon-check{
width: 16px;
height:16px;
background: url('../images/voice/icon-check.png') no-repeat;
display: inline-block;
position: relative;
}
.icon-stop{
width: 16px;
height:16px;
background: url('../images/voice/icon-stop.png') no-repeat;
display: inline-block;
position: relative;
}
.icon-check.on{
background: url('../images/voice/icon-checked.png') no-repeat;
}
.vb{
vertical-align: baseline;
}
.hideTable{
background: #F1F3F7;
}
.icon-add::before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url('../images/voice/icon-add.png') no-repeat;
vertical-align: -3px;
margin-right: 5px;
}
.invoice{
box-sizing: border-box;
height: inherit;
}
.corpNameBox{
line-height: 24px;
height: 24px;
overflow: hidden;
}
/* 分红管理 */
.gff{
color:#fff
}
.proTitle{color: #9A9A9A;display: inline-block;width: 10%;text-align: right;}
.proTxt{color: #282828;display: inline-block;width: 12%;text-align: left;}
.extendedResultBox{
box-sizing: border-box;
width: 430px;
height: 115px;
}
.mokeTable{
border: 1px solid #e6e6e6;
border-radius: 4px;
overflow: hidden;
}
.mokeTable-th,.mokeTable-td{
display: flex;
}
.mokeTable-td>span,.showTable>span{
border-top: 1px solid #e6e6e6;
}
.mokeTable-td>span:not(:first-child),.hideTable{
padding: 13px 2px;;
}
.mokeTable-th span,.mokeTable-td span{
border-right: 1px solid #e6e6e6;
padding:8px 2px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
}
.mokeTable-th span:last-child,
.mokeTable-td span:last-child{
border-right: 0;
}
.purchaseTable{
display: flex;
flex-direction: column;
flex: 1;
align-items: center;
justify-content: center;
}
.wordWrap td {
word-break: break-all;
word-wrap: break-word;
/* text-align: center; */
}
.triangle::before {
content: "";
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #676767;
display: inline-block;
}
/* 担保管理*/
.limitBox{
width: 350px;
}
.limitBox-item{
width: 350px;
height: 130px;
border-radius: 3px;
background-color: #5766E7;
box-sizing: border-box;
}
.limitBox-item[data-type=green]{
background-color: #29C4D9;
}
.limitBox-item[data-type=bgfa]{
background-color: #fafafa;
}
.useLimit{
opacity: .6;
}
.icon-money{
background-image: url('../images/guarantee/icon-money.png');
background-position: right center;
background-repeat: no-repeat;
}
.icon-diamonds{
background-image: url('../images/guarantee/icon-diamonds.png');
background-position: right center;
background-repeat: no-repeat;
}
.icon-bankCard{
display:inline-block;
width: 48px;
height: 48px;
background: #F0F6FF url('../images/guarantee/icon-bankCard.png') no-repeat center;
border: 1px solid #B9D5E6 ;
border-radius: 50%;
}
.icon-doc{
display:inline-block;
width: 48px;
height: 48px;
background: #FFF4F4 url('../images/guarantee/icon-doc.png') no-repeat center;
border-radius: 50%;
border: 1px solid #F1DCDC;
}
.limitBox-left{
height: 130px;
display: flex;
justify-content: center;
align-items: center;
}
.dbsqRightTitle{
font-size: 12px;
width: 90px;
}
.certification{
width: 90%;
box-sizing: border-box;
border: 1px solid #D7D7D7;
border-radius: 3px;
}
.pr35{
padding-right: 35px;
}
.pb60{
padding-bottom: 60px;
}
.sequenceNum{
width: 30px;
height: 30px;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #EEEEEE;
font-size: 16px;
color: #1365e8;
font-weight: 700;
/* font-style: italic; */
display:inline-block;
border-radius: 50%;
text-align: center;
line-height: 30px;
transform:rotate(8deg)
}
.handoutTitle{
width: 110px;
display: inline-block;
text-align: right;
}
.ReviewTitle{
width: 70px;
display: inline-block;
text-align: right;
}
/* g2g */
.overview-left{
box-sizing: border-box;
padding:40px 20px 10px 50px;
border-right: 1px solid #E6E6E6;
}
.f25{
font-size: 25px;
}
.overview-title{
display: flex;
justify-content: space-around;
}
.overview-title>div{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.makeLoss{
width: 60px;
height: 25px;
box-sizing: border-box;
border: 1px solid #FB2020;
border-radius: 3px;
text-align: center;
line-height: 25px;
display: inline-block;
font-size: 12px;
color: #FB2020;
}
.makeLoss:hover{
background: rgba(251,32,32,.2);
color: #FB2020;
}
.overview-right{
box-sizing: border-box;
padding: 30px 0 10px 105px;
}
.gtgBalance{
display: flex;
align-items: center;
}
.selInfo-right{
display: flex;
align-items: center;
justify-content: center;
}
.balance-top{
box-sizing: border-box;
width: 256px;
height: 128px;
background: url('../images/g2g/balance-top.png') no-repeat;
background-size: 100%;
box-shadow: 0 18px 15px -10px #ded1bd;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.balance-bottom{
box-sizing: border-box;
width: 256px;
height: 128px;
background: url('../images/g2g/balance-bottom.png') no-repeat;
background-size: 100%;
box-shadow: 0 18px 15px -10px #b8bfcb;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.treasureTitle{
opacity: 0.43;
font-size: 20px;
color: #E7CF9C;
}
.treasure-balance{
color: #E7CF9C;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.mt28{
margin-top: 27px;
}
.treasure-tip{
background: rgba(255,255,255,0.18);
border-radius: 100px 0 0 100px;
box-sizing: border-box;
width: 65px;
height: 20px;
}
.treasureBox{
padding: 50px 92px 50px 92px;
display: flex;
justify-content: space-around;
}
.treasureCard{
box-shadow: 0px 8px 20px 4px rgba(0, 0, 0,0.06);
box-sizing: border-box;
width: 300px;
height: 300px;
}
.treasure-top{
box-sizing: border-box;
padding: 15px 20px 18px 20px;
height: 127px;
}
.f32{
font-size: 32px;
}
.transfer-box{
background: #F1F3F7;
border: 1px solid #EEEEEE;
border-radius: 3px;
}
.treasure-bottom{
box-sizing: border-box;
/* height: 173px; */
background: #fafafa;
border: 1px solid #E6E6E6;
border-top: none;
padding: 15px 20px 20px 20px;
}
.money-transfers{
display: flex;
align-items: center;
}
.money-transfers::before{
content: "";
width: 32px;
height: 160px;
background: url('../images/g2g/transfers.png') no-repeat;
display: inline-block;
margin-right: 5px;
}
.gtgcard-cyan{
background: url('../images/g2g/card-cyan.png') no-repeat;
background-size:100% 100%;
}
.gtgcard-purple {
background: url('../images/g2g/card-purple.png') no-repeat;
background-size:100% 100%;
}
.gtgcard-gray {
background: url('../images/g2g/card-gray.png') no-repeat;
background-size:100% 100%;
}
.newbie{
width: 62px;
height: 22px;
background: #FF6B6B;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.41);
border-radius: 3px;
position: absolute;
font-size: 12px;
line-height: 22px;
text-align: center;
top: -11px;
}
.mt60{
margin-top: 60px;
}
.pt70{
padding-top: 70px;
}
.icon-wallet{
width: 50px;
height: 50px;
background: url('../images/g2g/wallet.png') no-repeat;
display: inline-block;
}
.icon-columns {
width: 50px;
height: 50px;
background: url('../images/g2g/columns.png') no-repeat;
display: inline-block;
}
.icon-redcolumns {
width: 50px;
height: 50px;
background: url('../images/g2g/redcolumns.png') no-repeat;
display: inline-block;
}
.df{
display: flex;
}
.icon-redmoney {
width: 50px;
height: 50px;
background: url('../images/g2g/red-money.png') no-repeat;
display: inline-block;
}
.icon-cyanmoney {
width: 50px;
height: 50px;
background: url('../images/g2g/cyan-money.png') no-repeat;
display: inline-block;
}
.icon-purpleup {
width: 50px;
height: 50px;
background: url('../images/g2g/purple-up.png') no-repeat;
display: inline-block;
}
.icon-greywing {
width: 50px;
height: 50px;
background: url('../images/g2g/grey-wing.png') no-repeat;
display: inline-block;
}
.icon-cyantime {
width: 50px;
height: 50px;
background: url('../images/g2g/cyan-time.png') no-repeat;
display: inline-block;
}
.icon-reddiamond {
width: 50px;
height: 50px;
background: url('../images/g2g/red-diamond.png') no-repeat;
display: inline-block;
}
.icon-purplestart {
width: 50px;
height: 50px;
background: url('../images/g2g/purple-start.png') no-repeat;
display: inline-block;
}
.icon-graycolumns {
width: 50px;
height: 50px;
background: url('../images/g2g/graycolumns.png') no-repeat;
display: inline-block;
}
.recharge-check{
width: 178px;
height: 80px;
box-sizing: border-box;
border: 1px solid #e6e6e6;
background-position: center;
background-repeat: no-repeat;
background-color: #ffff;
}
.icon-blackcode{
background: url('../images/g2g/icon-blackcode.png') no-repeat center;
width: 23px;
height: 23px;
box-sizing: border-box;
display: inline-block;
}
.gtg-zfb{
background: url('../images/g2g/gtg-zfb.png') no-repeat center;
width: 70px;
height: 30px;
display: inline-block;
}
.gtg-weChat{
background: url('../images/g2g/gtg-weChat.png') no-repeat center;
width: 96px;
height:30px;
display: inline-block;
}
.gtg-Unionpay{
background: url('../images/g2g/gtg-Unionpay.png') no-repeat center;
width: 86px;
height: 30px;
display: inline-block;
}
.recharge-check.active{
border: 1px solid #1365e8;
width: 100%;
height: 100%;
}
.payCard{
border: 1px solid #EEEEEE;
box-sizing: border-box;
}
.fxjtitle-left{
width: 63.5%;
background: url('../images/g2g/fxj-left.png') no-repeat left;
background-size:cover;
box-sizing: border-box;
height: 124px;
box-shadow: 0 5px 15px 0 #e6dac7 ;
display: flex;
align-items: center;
justify-content: space-between;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
}
.fxjtitle-right{
background: url('../images/g2g/fxj-right.png') no-repeat left;
background-size:cover;
box-sizing: border-box;
height: 124px;
box-shadow: 0 5px 15px 0 #D5D8E0;
display: flex;
align-items: center;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
}
.showMoreText{
box-sizing: border-box;
padding-right: 50px;
height: 55px;
overflow: hidden;
}
.recharge-bg{
width: 100%;
height: 440px;
background: url('../images/g2g/recharge-bg.png') no-repeat ;
}
.recharge-card{
width: 668px;
height: 291px;
background: #fff;
box-sizing: border-box;
margin: 20px auto 60px auto;
border-radius: 4px;
padding: 40px 112px 40px 75px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.recharge-gtg,.recharge-lcb{
width: 180px;
height: 80px;
box-sizing: border-box;
background:url('../images/g2g/recharge-gtg.png') no-repeat ;
display: inline-block;
position: relative;
cursor: pointer;
}
.recharge-lcb{
background:url('../images/g2g/recharge-lcb.png') no-repeat ;
color:#E7CF9C;
}
.check-gtg{
position: absolute;
background: rgba(0,0,0,0.10);
border: 1px solid #FFFFFF;
height: 20px;
width: 20px;
display: inline-block;
top: 8px;
right:8px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.check-gtg.on{
background: url('../images/g2g/checked.png') no-repeat center;
border:none
}
.icon-white-tip{
height: 20px;
width: 20px;
background: url('../images/g2g/white-tip.png') no-repeat;
display: inline-block;
}
.icon-noneRecord{
width: 178px;
height: 97px;
display: inline-block;
background: url('../images/g2g/icon-noneRecord.png') no-repeat;
}
.absbar{
position: absolute;
bottom: 0;
height: 60px;
background-color: #fff;
width: 100%;
box-sizing: border-box;
padding: 15px 0;
}
.balance-tip{
position: absolute;
top: 0;
display: none;
}
.mr90{
margin-right: 90px;
}
.account-btn{
font-size: 20px;
color: #808080;
}
.account-btn.on{
font-size: 24px;
color: #282828;
text-align: center;
}
.account-box{
width: 100%;
box-sizing: border-box;
border: 2px solid #EDF0F7;
padding: 50px 0 40px 0;
}
.account-content{
width: 800px;
}
.icon-code{
width: 12px;
height: 12px;
display: inline-block;
background: url('../images/g2g/icon-code.png') no-repeat center;
}
.charge-box{
width: 903px;
height: 376px;
margin:74px auto 160px auto;
border: 2px solid #EDF0F7;
}
.chargebox-left{
width: 527px;
height: 375px;
box-sizing: border-box;
padding: 38px 0 50px 47px;
display: inline-block;
}
.chargebox-right{
width: 376px;
height: 376px;
background: url('../images/g2g/chargebox-right.png') no-repeat;
display: inline-block;
}
.f17{
font-size: 17px;
}
.payment-box{
height:319px ;
background: #F1F3F7;
border: 1px solid #EEEEEE;
border-radius: 3px;
box-sizing: border-box;
}
.payment-code{
width: 238px;
height: 240px;
border: 1px solid #E6E6E6;
box-sizing: border-box;
padding: 10px;
background: #fff;
}
.set_transform.on{
color: #282828;
font-weight: bold;
}
.gtg-wallet{
background-image: url('../images/g2g/gtg-wallet.png') ;
background-repeat: no-repeat;
background-position: center;
width:180px;
height: 70px;
display: inline-block;
}
.ksmb-box{
background: #F1F3F7;
border: 1px solid #EEEEEE;
border-radius: 3px;
height: 276px;
box-sizing: border-box;
}
.ksmb-item{
width: 180px;
height: 70px;
display: inline-block;
background-color: #fff;
position: relative;
text-align: center;
line-height: 70px;
border-radius: 3px;
box-sizing: border-box;
}
.ksmb-item.on{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAASFBMVEUAAAAUZukUZukTZehTj+5qnvD+/v/4+v7s8v1+qO8ncurZ5vutyffw8vWUufSOtfOGsPNwofFlmvBimO9fl+83fOszeusUZuiqTSyEAAAAA3RSTlMAgOaInBvYAAAAT0lEQVQY02XIRxKAIAAEQXUkmvP/f6pU4QG2j93UWgkkkEACCSSQoIpzpYxjiBSx+wv+WG4wrgdy0Htj7AaQ4ytnZ5IcqcYHIKYohCq6ML33tgKbIh8BSwAAAABJRU5ErkJggg==) #fff no-repeat right bottom;
border: 1px solid #1365E8;
}
.ksmb-center{
display: inline-block;
}
.gtghover:hover,.gtghover.on{
box-shadow:0 6px 8px #ebe4d9 ;
}
.codehover:hover,.codehover.on{
box-shadow:0 6px 8px #D6DBE3 ;
}
.change-balance{
top: 50%;
position: absolute;
transform: translateY(-50%);
width: 85px;
text-align: right;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.txcg{
width:178px ;
height: 110px;
background: url('../images/g2g/txcg.png') no-repeat center;
margin-top: 100px;
}
/*mobile*/
.invoiceCorpMsg::-webkit-scrollbar {width:6px;height:4px;}
.invoiceCorpMsg::-webkit-scrollbar-track-piece {background-color:#39436d;margin:-spx;}
.invoiceCorpMsg::-webkit-scrollbar-thumb{background:#98a3d0;border-radius:2px;}
.invoiceCorpMsg::-webkit-scrollbar-thumb:vertical:hover{background:#7982a5;}
.invoiceCorpMsg::-webkit-scrollbar-thumb:horizontal:hover{background:#7982a5}
.m_scrollFlag{display: none;}
/* 清除浮动 */
.clearfix:after{content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
/* 数字字母换行 */
.wrap{word-wrap:break-word;word-break:break-all;}
/* 报表模块样式 */
.page-report .plr10{padding-left:10px;padding-right:10px;margin-bottom:10px;margin-right:8px;}
.page-report .form-button-group button{
margin: 0 5px;
}
/*faction bang*/
.factionbg{background:url(../images/faction/factionbg.png) no-repeat;height:300px;background-size:100% 100%;}
.fbgtitle{font-size: 50px;color: #FFFFFF;padding:80px 0 20px ;}
.fbgtsmall{font-size: 18px;color: #FFFFFF;}
.factBoardList{width:32.3%;margin-right:1.5%;display: inline-block;background: #FFFFFF;box-shadow: 0 10px 20px 0 #EBEFF7;border-radius: 6px;height: 150px}
.factBoardList:nth-of-type(3n){margin-right:0;}
.factBoardList:hover{box-shadow: 0 15px 30px 0 #DADEE6;}
.factBoardIbg{background:#FAFAFA;border:1px #E6E6E6 solid;box-sizing: border-box;border-radius:3px;width: 94px;height:108px;}
.factChuang{background:url(../images/faction/icon-Chuang.png) no-repeat;height:88px;width: 72px;}
.factBang{background:url(../images/faction/icon-Bang.png) no-repeat;height:88px;width: 72px;}
.factDai{background:url(../images/faction/icon-Dai.png) no-repeat;height:88px;width: 72px;}
.factcrown{width: 28px;height: 17px;background:url(../images/faction/crown.png) no-repeat;position: absolute;left:50%;top:0px;transform: translateX(-50%);}
.factBoardbz{width: 38px;height: 38px;border-radius: 50%;}
.factBoardbzN{width: 38px;min-height: 42px;margin-top:-4px;}
.factBoardbzCont{overflow:hidden;width: 38px;height: 38px;border-radius: 50%;display: inline-block;box-sizing: border-box;border:1px solid #c1c1c1;}
.mrpt5{margin-right: 5%}
.factChange{width: 16px;height: 16px;background:url(../images/faction/icon-change.png) no-repeat;}
.factEdit{width: 16px;height: 16px;background:url(../images/faction/icon-edit.png) no-repeat;}
.factExit{width: 16px;height: 16px;background:url(../images/faction/icon-exit.png) no-repeat;}
.factIntro{position:absolute;right:12px;top:12px;}
.factImglist{width: 28px;height: 28px;border-radius: 50%;border:2px #fff solid;position: relative;left:0;top:0;vertical-align: middle;}
.factImglistN{width: 28px;min-height: 30px;margin-top:-2px;}
.factImglistCont{display:inline-block;overflow:hidden;width: 28px;height: 28px;border-radius: 50%;border:2px #fff solid;position: relative;left:0;top:0;vertical-align: middle;}
.factImgLast{width: 28px;height: 28px;background: #F2F2F2;border-radius: 50%;border:2px #fff solid;position: relative;left:0;top:0;display: inline-block;vertical-align: middle;}
.factImglist.one,.factImglistCont.one{z-index:9}
.factImglist.two,.factImglistCont.two{left:-15px;z-index:8}
.factImglist.three,.factImglistCont.three{left:-30px;z-index:7}
.factImgLast.four,.factImglistCont.four{left:-45px;z-index:6}
.factImgbg{width: 90px;height: 136px;background:url(../images/faction/icon-imgbg.png) no-repeat; }
.factImgCir{width:60px;height: 60px;border-radius: 50%;margin-top:27px;}
.factImgCirN{width:60px;min-height:65px;margin-top:-5px;}
.factImgCirCont{border-radius: 50%;margin-top:27px;display: inline-block;width:60px;height: 60px;overflow:hidden;}
.factBoardList.h168{height:168px;}
.factImgname{color:#7D4F16;margin-top:8px;width: 42px}
.factIconds{width: 20px;height: 20px;background:url(../images/faction/icon-dsmall.png) no-repeat;}
.factIconbs{width: 20px;height: 20px;background:url(../images/faction/icon-bsmall.png) no-repeat;}
.factAdd{width: 20px;height: 20px;background:url(../images/faction/add.png) no-repeat;}
.factAdd:hover{background:url(../images/faction/addHover.png) no-repeat;}
.factBzbg{height:168px;box-sizing:border-box;width:388px;background: #FFFFFF;border: 1px solid #E6E6E6;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.05);border-radius: 6px;}
.myoperation{display: none}
.factBoardList:hover .myoperation{display: inline-block}
.factionLine{width: 1px;height:30px;background:#D8D8D8;}
.factBandlist{width: 96%;margin:0 auto;height:70px;border-left:1px #efefef solid;border-right:1px #efefef solid;border-top:1px #efefef solid;box-sizing: border-box;overflow: hidden;line-height: 70px;}
.factBandlist:last-child{border-bottom:1px #efefef solid;}
.factImgsmall{width: 40px;height: 40px;border-radius: 50%;border: 2px #D7A361 solid}
.factImgsmallN{width: 40px;min-height: 42px;margin-top:-2px;}
.factImgsmallCont{width: 40px;height: 40px;border-radius: 50%;border: 2px #D7A361 solid;overflow: hidden;display: inline-block;vertical-align: middle;}
.factImgBName{background: #FDEEBD;border: 1px solid #D7A361;border-radius: 3px;line-height: 20px;color: #7D4F16;height: 20px}
.factBandlist:hover {background: #F0F6FF;}
.factBandlist:hover .myoperation{display: inline-block;}
.factBandlist:hover .factAdd{background:url(../images/faction/addHover.png) no-repeat;}
.mw36{min-width: 36px}
.factListbg{width: 53px;height: 53px;background:url(../images/faction/icon-bz.png) no-repeat;position: absolute;right:20px;top:40px;}
.factoutLbg{background: #FAFAFA;border: 1px solid #EEEEEE;border-radius: 3px;box-sizing: border-box;height: 240px;width: 18%;margin-right:2.5%;}
.factoutLbg:nth-of-type(5n){margin-right:0;}
.factoutimgBg{width: 60px;height:60px;border:2px #93c3de solid;border-radius: 50%;}
.factoutimgBgN{width: 60px;min-height:64px;margin-top: -4px}
.factoutimgBgCont{border:2px #93c3de solid;border-radius: 50%;width: 60px;height:60px;overflow:hidden;display: inline-block;}
.factinvbut{display:block;color:#1365E8;background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 3px;height:30px;line-height: 30px;box-sizing: border-box;}
.factinvbut:hover{background-color: #F0F6FF;border-color: #C3DAFF;color: #1365E8;}
.fixbottom{position: fixed;bottom:30px;right:20px;z-index:11}
.progressDiv{position:fixed;z-index:10;top:175px;bottom:0; background:rgba(255,255,255,0.5);left:206px;right:30px;overflow:auto;display: none}
.addProgress{overflow:hidden;}
.addProgress .progressDiv{display: block}
.progressIcon{line-height:48px;box-sizing:border-box;font-size:20px;text-align:center;color:#fff;width:50px;height:50px;border-radius:50%;display:inline-block;background-image: -webkit-linear-gradient(180deg, #7D90C9 0%, #405084 100%);background-image: linear-gradient(180deg, #7D90C9 0%, #405084 100%);border: 1px solid #FFFFFF;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.35);}
.progressIcon:hover{background-image: -webkit-linear-gradient(180deg, #66749e 0%, #405084 100%);background-image: linear-gradient(180deg, #66749e 0%, #405084 100%);color:#fff;}
.addProgress .myprogessXg{filter:blur(10px);-webkit-filter:blur(10px);webkit-transition: all 1s;transition: all 1s;}
.addProgress .progressDetailDiv{animation: fadeInUp 0.5s ease-in-out ;-webkit-animation: fadeInUp 0.5s ease-in-out ;}
.addProgress .progressClose{background:url(../images/goldOut.png) no-repeat;width: 14px;height: 14px;display: inline-block}
.addProgress .progressTxt{display: none}
.prog-all{background: #1365E8;display: inline-block;width: 8px;height: 8px;border-radius: 50%}
.prog-part{background: #fff;border: 2px solid #FB2020;box-sizing:border-box;display: inline-block;width: 8px;height: 8px;border-radius: 50%}
.prog-no{background: #fff;border: 2px solid #ccc;box-sizing:border-box;display: inline-block;width: 8px;height: 8px;border-radius: 50%}
.introjs-tooltip{box-shadow:none;min-width: 220px}
.introjs-tooltipbuttons{text-align: center}
.introjs .sideBar{position: inherit;}
.introjs-button:focus, .introjs-button:active{background: #1365E8;}
.introjs-button{background: #1365E8;border:0;text-shadow:none;color:#fff;font-size:14px;}
.introjs-button:hover{background: #2060C6;box-shadow:none;color:#fff;}
.introjs-skipbutton,.introjs-donebutton{background:transparent;color:#1365E8;}
.introjs-skipbutton:focus,.introjs-skipbutton:active,.introjs-donebutton:focus,.introjs-donebutton:active{background:transparent;color:#1365E8;}
@keyframes fadeInUp {
from {opacity: 0;transform: translateY(200%);}
to {opacity:0.5;transform: translateY(0%);}
}
@keyframes fadeInUp {
from {opacity: 0;transform: translateY(200%);}
to {opacity:0.5;transform: translateY(0%);}
}
.page-report .tfoot1 {
line-height: 45px;
height: 45px;
}
.progressDiv::-webkit-scrollbar {width:6px;height:4px;}
.progressDiv::-webkit-scrollbar-track-piece {background-color:transparent;margin:-spx;}
.progressDiv::-webkit-scrollbar-thumb{background:#D8D8D8 ;border-radius:2px;}
.progressDiv::-webkit-scrollbar-thumb:vertical:hover{background:#bbb;}
.progressDiv::-webkit-scrollbar-thumb:horizontal:hover{background:#bbb }
.page-report .tfoot1 td {
border-right: 1px #efefef solid;
border-bottom: 1px #efefef solid;
}
.page-report #contentWrap {
box-sizing: border-box;
}
.page-report .tfoot1 td:first-child {
text-align: right;
}
/* -- 账户信息模块样式 -- */
.page-userlogin .ui-content * {box-sizing: border-box;}
.slogan{border:1px solid #D9D9D9;border-radius: 3px;}
.checked-slogan{padding:10px;box-sizing: border-box;}
.checked-slogan:hover{color:#1164e8;}
.checked-slogan.on{background-color: #EDF0F7;}
.page-userlogin .baseinfo, .page-userlogin .bankinfo {
font-size: 0;
}
.baseinfo-item {display: inline-block;width: 50%;vertical-align: top;min-height: inherit;}
.baseinfo-item:first-child{border-right: 1px solid #EEEEEE;}
.baseinfo-avatar {width: 266px;margin: 82px auto 0;text-align: center;}
.baseinfo-avatar img {width: 64px;height: 64px;border-radius: 50%;object-fit: cover;}
.baseinfo-aimgCont{width: 64px;height: 64px;border-radius: 50%;border:1px solid #c1c1c1;display: inline-block;overflow:hidden;box-sizing: border-box;}
.baseinfo-avatar img.baseinfo-aimg{width: 64px;min-height:68px;margin-top: -4px;height: auto}
.baseinfo-avatar a {margin-top: 15px;}
.page-userlogin .baseinfo .tips {width: 266px;margin: 16px auto 0;font-size: 12px;color: #9A9A9A;line-height: 17px;}
.business-card {width: 266px;height: 100px;margin: 28px auto 0;padding: 20px;background: #F0F6FF;border: 1px solid #D5E0F0;border-radius: 3px;
}
.business-card-t {text-align: center;font-size: 12px;color: #282828;line-height: 17px;
}
.usiness-card-actions {margin-top: 20px;
}
.usiness-card-a {display: inline-block;width: 33%;vertical-align: middle;font-size: 12px;color: #676767;
}
.page-userlogin .form-item {margin-bottom: 10px;font-size: 0;}
.form-item-label {display: inline-block;width: 84px;height: 25px;vertical-align: top;font-size: 12px;line-height: 25px;text-align: right;
}
.form-item-control {margin-left: 10px; display: inline-block;width: calc(84% - 94px);vertical-align: top;font-size: 12px;color: #282828;line-height: 25px;
}
.page-userlogin .show-label {display: inline-block;height: 25px;padding: 0 10px;background: #F9F9F9;border: 1px solid #E6E6E6;border-radius: 3px;line-height: 25px;
color: #676767;
}
.form-item-control-input {display: inline-block;width: 140px;height: 25px;
}
.form-item-control-textarea {max-width: 376px;min-height: 100px;padding: 8px 12px;border: 1px solid #D9D9D9;border-radius: 3px;}
.page-userlogin .certificateinfo {padding-top: 91px;}
.page-userlogin .certificateinfo .idcardnum {text-align: center;font-size: 14px;color: #282828;}
.page-userlogin .certificateinfo .idcardimg {margin-top: 25px;text-align: center;}
.page-userlogin .idcardimg-item {display: inline-block;margin: 10px;width: 388px;height: 200px;background:#eee;border-radius: 3px;}
.page-userlogin .idcardimg-item img{width: 388px;height: 200px;}
.page-userlogin .idcardbtn {margin-top: 25px;text-align: center;}
.page-userlogin .bankinfo-item {display: inline-block;padding-top: 42px;width: 50%;vertical-align: top;min-height: inherit;}
.bankinfo .warning-tips {padding: 0 20px;text-align: center;}
.bankinfo .form {margin-top: 60px;padding: 0 16%;}
.bankinfo .form .form-item {font-size: 0;}
.bankinfo .form-item-label {height: 30px;line-height: 30px;}
.bankinfo .form-item-control {margin-left: 0;width: calc(100% - 94px); max-width: 320px;}
.bankinfo .bank-card {
position: relative;width: 320px;
height: 160px;margin: 0 auto 30px;
/*background-image: linear-gradient(270deg, #7993BC 0%, #5D729A 100%);
*/background:url('../images/userlogin/idcard-bg.png') no-repeat center;box-shadow: 0 5px 8px 0 #CCD3DE;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;
}
.page-userlogin .bankinfo .bank-card:only-child {margin-top: 90px;}
.bank-card-num {
height: 53px;padding: 22px 24px 0; font-size: 20px;color: #282828;letter-spacing: 3px;line-height: 23px;text-align: center;border-bottom: 1px solid rgba(255,255,255,.14);
}
.mt3{margin-top: 3px;}
.bank-card-desc {padding: 0px 24px; font-size: 12px;}
.bank-card-desc-title {margin-top: 6px;color: rgba(255, 255, 255, .5);}
.bank-card-desc-content {margin-top: 3px;color: #FFFFFF;}
.bank-card-default {position: absolute;right: 10px;bottom: 10px;height: 20px;margin: 0;padding: 0 7px;background: #fb2020;border: none;border-radius: 3px;font-size: 12px;color: #FFFFFF;line-height: 20px;
}
.bank-card-default[data-default=false] {display: none;color: #1365e8;cursor: pointer;background: 0;
}
.bank-card-close {display: none;position: absolute;right: -6px;top: -6px;
width: 14px;height: 14px;background: url(../images/ic-del.png) no-repeat center / cover;cursor: pointer;
}
.bank-card:hover .bank-card-default[data-default=false] {display: block;}
.bank-card:hover .bank-card-close {display: block;}
.page-userlogin .sms {padding-top: 16px;}
.page-userlogin .sms .warning-tips {text-align: center;}
.sms-tab-wrap {margin-top: 20px; text-align: center;}
.sms-tab {margin: 0 4px; min-width: 90px;}
.sms-panel-wrap {margin-top: 30px;text-align: center;font-size: 0;}
.sms-content {box-sizing: border-box;display: inline-block;width: 780px;vertical-align: top;}
.sms-content-item {box-sizing: border-box;width: 46%;height: 70px;margin:0 2% 20px 0;float:left;padding: 16px 19px;border: 1px solid #E6E6E6;background: #F9F9F9;text-align: left;}
.sms-content-item.on {background: #fff;}
.sms-content-item-panel {display: inline-block;width: calc(100% - 40px);font-size: 12px;line-height: 17px;vertical-align: top;}
.sms-content-item-panel-title {color: #282828;}
.sms-content-item-panel-desc {margin-top: 5px;color: #AEAEAE;}
.sms-content-item-switch {display: inline-block;width: 40px;height: 100%;vertical-align: top;}
/* 开关样式 */
.sms-content-item-switch svg rect {
transition: fill linear .5s;fill: #ccc;
}
.sms-content-item-switch svg circle {
transition: all linear .5s;transform: translate(-22px);fill: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.10);
}
.sms-content-item.on .sms-content-item-switch svg rect {
fill: #B9D2F8;
}
.sms-content-item.on .sms-content-item-switch svg circle{
transform: translate(0);
fill: #1890FF;
box-shadow: 0 2px 4px 0 #B8D2E9;
}
.icon-eyes{
display: inline-block;
width: 17px;
height: 11px;
background: url('../images/userlogin/eyes.png') no-repeat center;
vertical-align: inherit;
}
.icon-idcard{
display: inline-block;
width: 18px;
height: 13px;
background: url('../images/userlogin/idcard.png') no-repeat center;
vertical-align: inherit;
}
.icon-download{
display: inline-block;
width: 14px;
height: 14px;
background: url('../images/userlogin/download.png') no-repeat center;
vertical-align: inherit;
}
.resignation-info-img{
width: 270px;
height: 160px;
font-size: 12px;
background: url('../images/userlogin/nomsg.png') no-repeat top center;
}
.content-item{
min-height: inherit;
}
.tips-content{
left: 0;
bottom: 0;
}
/* 金牌商家实名认证 */
.reapply-title::before{
content: "";
display: block;
width: 100%;
height: 1px;
background:#CCD7E9;;
}
.reapply-title::after{
content: "";
display: block;
width: 100%;
height: 1px;
background:#CCD7E9;
margin-top: 3px;
}
.reapply-title span{
position: absolute;
left:50%;
top: 50%;
background: #fff;
padding:0 22px;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
}
.reapply-top{
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.10);
background: #fff;
}
.logTitle {
width: 1200px;
height: 96px;
line-height: 96px;
}
.logoText {
font-size: 20px;
margin-left: 25px;
padding-left: 25px;
position: relative;
color: #282828;
}
.lgLogoWhite svg {
width: 180px;
height: 70px;
vertical-align: middle;
margin-top: -8px;
}
.logoText:before {
position: absolute;
content: '';
height: 30px;
width: 1px;
background: #CDCDCD;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.reapply-main{
width: 992px;
background: #fff;
box-sizing: border-box;
border-radius: 6px;
padding:30px 95px 87px 95px;
margin-bottom: 20px;
}
.reapplyTitle{
width: 13%;
text-align: right;
color: #282828;
display: inline-block;
}
.mt55{
margin-top: 55px;
}
.idCard-upload{
width: 136px;
display: inline-block;
}
.idCard-obverse{
background-image:url('../images/jpsj/icon-addImg.png') ;
background-position: center 13px;
background-repeat: no-repeat;
position: absolute;
top:0;
left:0;
width: 136px;
height: 78px;
}
.idCard-box:hover .idCard-obverse.on,.userPhoto-box:hover .userPhoto.on{
display: block !important;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
}
.idCard-box{
width: 136px;
height: 78px;
cursor: pointer;
border-radius: 3px;
position: relative;
background: #EDF0F7;
}
.switchDotButToReapply.on::after{
top:67px
}
.userPhoto-box{
border-radius: 3px;
width: 98px;
height: 130px;
display: inline-block;
cursor: pointer;
position: relative;
background: #EDF0F7;
}
.userPhoto{
background-image:url('../images/jpsj/icon-addImg.png') ;
background-position: center 30px;
background-repeat: no-repeat;
position: absolute;
top:0;
left:0;
width: 100%;
height: 130px;
}
.userPhotoExample{
width: 98px;
height: 130px;
box-sizing: border-box;
position: relative;
}
.userPhotoExample img,.idCardExample img{
width: 100%;
height: 100%;
}
.exampleText{
background: rgba(0,0,0,0.48);
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 34px;
height: 18px;
color: #fff;
text-align: center;
line-height: 18px;
}
.idCardExample{
width: 128px;
height: 85px;
box-sizing: border-box;
/* border: 1px solid #E6E6E6; */
position: relative;
}
.idCardExample .exampleText{
top: 6px;
left: 2px;
}
/* 选择金牌商家 */
.boxLeft {
border-right: 1px #E5E5E5 solid;
background-color: #FCFCFC;
}
.selg_Search {
background: #FFFFFF;
border: 1px solid #ADADAD;
border-radius: 3px;
margin: 0 35px;
height: 34px;
line-height: 34px;
}
.commendBox {
margin: 10px 0 5px 40px;
}
.mt70{
margin-top: 70px;
}
.enterSystemBox{
width: 450px;
height: 475px;
background: url('../images/jpsj/qizi.png') #FFFFFF center 95px no-repeat;
box-shadow: 0 10px 20px 0 #EBEFF7;
border-radius: 6px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.ui-table tbody td{
color: #282828;
}
.singleBox{display: flex;}
.singleBox .selectSingle{flex: 1;}
.ui-thover tr:hover td{
border-right: 1px solid #ebf7ff;
}
.ui-table thead th {
background-image: linear-gradient(180deg, #FCFCFC 0%, #DFE2E6 100%);
box-shadow: inset 1px 2px 1px 0 #FFFFFF;
border-bottom: 1px solid #cccc;
}
.ui-table[data-type='edit'] thead th {
background-image: linear-gradient(180deg, #FCFCFC 0%, #DFE2E6 100%);
box-shadow: inset 1px 2px 1px 0 #FFFFFF;
border-bottom: 1px solid #cccc;
}
.new_board img{ max-width: 100% }
.ui-button[data-type='download'], .ui-button[data-type='upfile'], .ui-button[data-type='import'], .ui-button[data-type='refresh'] {
border: 1px #1365e8 solid;
}
.createProc .ishengqie .pct50{width: 48%}
.icon-profit{
display: inline-block;
width: 17px;
height: 17px;
background: url('../images/icon-profit.png') no-repeat;
margin-left: 0;
}
.applyResultBox {
background: #FFFFFF;
border: 1px solid #EEEEEE;
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.07);
border-radius: 6px;
height: 464px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ui-input[data-type='time'] >input.pct45{width: 41%}
/*sht*/
.sht_requireTitbg{background:#E0F3FA;border-radius: 6px;height:84px;}
.sht_resourceTitbg{border-radius: 6px;height:84px;background: url(../images/sht/pic-res.png) top right no-repeat #FBEBDB;}
.sht_rqbg{background:url(../images/sht/pic-dem.png) top right no-repeat;height:100%;}
.ui-button.orange{background: #FF6C00;border: 1px solid #FFFFFF;border-radius: 3px;height: 32px;}
.ui-button.orange:hover{background:#fb7e3d;}
.ui-input.red{color:#FB2020;}
.act-top{
height: 90px;
border-bottom: 1px #D9D9D9 solid;
background: #F1F3F7;
width: 100%;
}
.applyAct{
width: 85px;
height: 24px;
background: url(../images/activation/apply-time.png) no-repeat center;
}
.ml8{
margin-left: 8px;
}
/*order 20200903 add xyy*/
.editGreen{width: 16px;height: 16px;background:url(../images/editGreen.png) no-repeat;display: inline-block;}
.ui-button.w120{min-width: 120px}
/*.ui-tableLine{border-collapse: collapse;background: #fff;box-sizing: border-box;border: 1px #e6e6e6 solid;}
.ui-tableLine thead th {color: #282828;background: #fafafa;padding: 8px 2px;background-image: linear-gradient(180deg, #FCFCFC 0%, #DFE2E6 100%);box-shadow: inset 1px 2px 1px 0 #FFFFFF;}
.ui-tableLine tbody td{padding:13px 2px;}
.greybr td{border: 1px #e6e6e6 solid;}
.greentdBg {background: #F2FFFB !important;;border: 1px solid #08CB93 !important;}
.greentdLine{border-right-color:#08CB93 !important;;}*/
/* 手机版 */
@media (max-width: 1024px) {
html,body{font-size:14px !important;}
.f12{font-size:14px !important;}
.f14{font-size:16px !important;}
.new-detail{display: none}
.indexPanel{float: none;width:100%;height:auto;}
.indexPanel > .ml10{margin-left:0;}
.indexPanel > .mr10{margin-right:0;}
.m-adv{background:url(../images/index/m_adv1.jpg) left top;height:220px;border-radius: 6px;margin-bottom: 20px;}
.switch-right{display: none}
.ui-tab1-cont{font-size: 14px;}
.myorder-cntop >.ui-tab1-cont > .pct75{width: 70%}
.myorder-cntop >.ui-tab1-cont > .pct25 {width: 30%}
.ui-tab1-cont > .pct25 >.ui-tab1-list{margin-right: 4px;padding-left:0%;padding-right:0%;}
.myorder-top >.ui-tab1-cont > .pct80 >.ui-tab1-list{padding-left:0.1%;padding-right:0.1%;}
.factBoardList .mr15{margin-right: 5px;}
.factBoardList .factBoardIbg{border:0;background: none}
.ui-tab3-list{font-size: 14px;}
.overview-right{padding:30px 0 10px 2%;}
.treasureBox{padding: 50px 5% 50px 5%;}
.treasureCard{width: 34%}
.tTabList{font-size: 14px;}
.tTabTitle{font-size: 14px;}
.m_scrollFlag{cursor:pointer;width: 50px;height: 100px;display: inline-block;position: fixed;top: 45%;right: 0px;z-index: 12;background: url(../images/index/m_scrollFlag.png) no-repeat;position: fixed;}
.scrollOpen .m_scrollFlag{right:72px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.pct16{width:12%;}
.m_dn{display: none !important;}
.w60{width: 70px;}
.en_otitle {width: 18.2%;vertical-align: top;margin-top:5px;}
.ui-option, .ui-optionNo{margin-bottom: 5px}
.package_menu {width: 85%;display: inline-block;vertical-align: top}
.pct90{width: 88%}
.cprocTitle{width: 105px}
.pct40{width:38%;}
.trans_dai > .f0 > .pct60,.trans_dai > .f0 > .pct40{width:100%;}
.trans_dai > .f0 .pct33{width: 50%}
.ui-input[data-type='time'] >input.pct45{width: 40%}
.m-tabLimitSCroll{overflow-x:auto;}
.m-tabLimitSCroll > .ui-table{min-width: 1440px;}
.m-tabLimitSCroll > .ui-tab3 {min-width: 1440px;}
.w72{width: 84px;}
.w85{width: 98px;}
/* .treasure-bottom{height: 190px;} */
.m_fn{float: none;}
.selectSingle.pct16{width: 30%}
.m_db{display: block;}
.m_tc{text-align: center;}
.m_mt15{margin-top: 15px;}
.m_mt10{margin-top: 10px;}
.factoutLbg{width: 30%}
.factoutLbg:nth-of-type(5n){margin-right:2.5%}
.factBoardList{width: 48.5%;}
.factBoardList:nth-of-type(3n){margin-right:1.5%;}
.m_mr10{margin-right: 10px !important;}
.ui-button{min-width: 100px;}
.order-list-left,.order-list-right{float:none;width: 100%}
.enBookDepotContList-left > .pct33{width:50%;}
.enBookDepotContList{height: auto;}
.m_pct25{width: 25% !important;}
.ui-input[data-type='section'] >input {width: 41%;}
.m_mr0{margin-right: 0 !important;}
.m_mt0{margin-top: 0 !important;}
.m_ml0{margin-left: 0 !important;}
.m_pct20{width: 20% !important;}
.m_pct45{width: 45% !important;}
.overview-title{display: block;margin-top: 20px;}
.m_mb60{margin-bottom: 60px !important;}
.m_mb40{margin-bottom: 40px !important;}
.m_pl30{padding-left: 30px !important;}
.m_pt30{padding-top:30px !important;}
.m_mt20{margin-top: 20px !important;}
.m_ml10{margin-left: 10px !important;}
.m_pct50{width: 50% !important;}
.m_pct45{width: 45% !important;}
.m_pct75{width: 75% !important;}
.m_pct55{width: 55% !important;}
.m_tl{text-align: left !important;}
}
.colorWt {
/* 已发送颜色 */
background: #ff6b6b;
}
.colorS {
/* 申请中颜色 */
background: #1365E8FF;
}
.daj {
display: flex;
align-items: center;
justify-content: center;
}
.dac {
display: flex;
align-items: center;
}
.df {
display: flex;
align-items: center;
justify-content: space-between;
}
.zxx_text_overflow {
width: 150px;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.w980{
width: 980px;
}
.f22{
font-family: PingFangSC-Semibold;
font-size: 22px;
letter-spacing: 0;
}
.borB{
height: 80px;
border-bottom:1px solid #808080;
}
.ml25{
margin-left: 25px;
}
/* 20200914 gtg hx */
.payItem{
width: 180px;height: 80px;box-sizing: border-box;display: inline-block;background: url(../images/g2g/alipay.png) no-repeat center;background-size: 99px 40px;
}
.payItem[data-type="wechat"]{background: url(../images/g2g/wepay.png) no-repeat center;}
.payItem[data-type="bank"]{background: url(../images/g2g/Unionpay.png) no-repeat center;}
.payBox{border: 1px solid #E6E6E6;border-radius: 3px;cursor: pointer;}
.pct47{width: 47%;}
.payBox.on{background: url(../images/g2g/active.png) right bottom no-repeat;background-size:26px 26px;border: 1px solid #1365e8;}
.payment_l{box-sizing: border-box;padding: 53px 134px 0 92px;font-size: 14px;border-right: 1px solid #E6E6E6;min-height: calc(100vh - 180px);}
.pers-card{width: 320px;height: 130px;box-sizing: border-box;background: url('../images/g2g/pers-card.png') no-repeat center;padding-left: 20px; padding-top: 10px;}
.addCard{width: 320px;height: 130px;background: #F1F3F7;border-radius: 16px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.icon-addCard{width: 50px;height: 50px;background: url(../images/g2g/add-card.png) center no-repeat;display: inline-block;background-size: cover;}
.payment_r{box-sizing: border-box;padding: 53px 134px 0 92px;font-size: 14px;}
.lg-card{width: 352px;height: 190px;background: url('../images/g2g/lg-card.png') no-repeat center;box-sizing: border-box;padding:56px 0 0 28px ;}
.pay_lable{opacity: 0.6;font-size: 12px;color: #47301A;}
.gatherBox{
background: #FFFFFF;
border-radius: 6px;
}
.table-cw {
TABLE-LAYOUT: fixed;
WORD-BREAK: break-all;
}
.dac{
display: flex;
flex-wrap: nowrap;
align-items: center;
align-content: space-between;
}
.f1{
flex: 1;
}
.sel_add{
border: 1px solid #e6e6e6;
box-sizing: border-box;
padding: 0 0px 10px 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
overflow-y: auto;
max-height: 120px;
}
.rule_tip{
position: absolute;
right: 10px;
top: 15px;
}
.bg_hover:hover{
background: #ebf7ff;
}
.sel_goldBox{
background: #fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
padding-bottom: 20px;
box-sizing:border-box;
width: 313px;
padding-right: 20px;
border: 1px solid #e6e6e6;
box-shadow: 0 5px 15px 0px rgba(203,211,223, 0.4) ;
}
.sel_btn{
line-height: 120px;
}
.sel_goldIcon{
width: 20px;
height: 20px;
background: url(../images/voice/icon-check.png) no-repeat;
display: inline-block;
position: relative;
background-size: 100% 100%;
}
.sel_goldBox.on{
border: 1px solid #1365e8;
}
.sel_goldBox.on .sel_goldIcon{
background: url(../images/g2g/checked.png) no-repeat;
}
.minH{
min-height: calc(100vh - 180px);
}
.reapply-cont{
padding: 0 95px 0 95px;
}
.reapply-main1{
width: 992px;
background: #fff;
box-sizing: border-box;
border-radius: 6px;
padding: 10px 0 87px 0;
margin-bottom: 20px;
}
.reapply-title1{
background:url(../images/goldTitle.png) no-repeat ;
height: 90px;
line-height: 90px;
width: 98%;
}
.orderDetail_t{
margin-top: 30px;
padding-bottom: 15px;
border-bottom: double #282828;
}
.lable_t::before{
content: "";
height: 18px;
width: 4px;
display: inline-block;
background: #1365E8;
margin-right: 7px;
vertical-align: sub;
}
.orderDetail_cont{
background: #fafafa;
box-sizing: border-box;
padding:20px 0 20px 25px ;
line-height: 22px;
}
/*20201125 xyy sale contact add*/
.mt23{margin-top:23px;}
.sale_contbg{overflow:hidden;color:#fff;border-radius: 6px;width: 204px;height:68px;box-sizing: border-box;padding:10px;}
.sale_contbg.g2g{background-image: linear-gradient(269deg, #F1D29C 1%, #C3985D 98%);box-shadow: 0 15px 15px -10px #E5DACA;}
.sale_contbg.reserve{background-image: linear-gradient(90deg, #8699CE 0%, #ADBBE1 98%);box-shadow: 0 15px 15px -10px #D2D9E3;}
.sale_contbg.loan{background-image: linear-gradient(269deg, #96D7E8 1%, #7CB2CE 100%);box-shadow: 0 15px 15px -10px #CDDDE5;}
.sale_g2gbt{background: #C4995D;border: 1px solid rgba(255,255,255,0.50);border-radius: 12.5px;font-size: 12px;display: inline-block;box-sizing: border-box;line-height: 23px;height: 25px;color:#fff;padding:0 10px;}
.sale_loanbt{background: #65A1BF;border: 1px solid rgba(255,255,255,0.50);border-radius: 12.5px;font-size: 12px;display: inline-block;box-sizing: border-box;line-height: 23px;height: 25px;color:#fff;padding:0 10px;}
.sale_g2gbt:hover,.sale_loanbt:hover{border: 1px solid rgba(255,255,255,1);color:#fff;}
.userPhoto-box2{ width: 136px;}
.sale_contToprigt{position: absolute;right:30px;top:20px;}
.ui-button.w92{min-width: 92px;}
/*弹框*/
.isPc {
font-size: 14px !important
}
.isPc .f12 {
font-size: 12px !important
}
/*20201202 xyy sale contact add*/
.selLevelCont{position: relative;}
.selLevelDetCont{position: absolute;left:0;top:30px;width: 100%}
.search_level,.search_level2{position:absolute;background: #FFFFFF;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);border-radius: 3px;top:0px;left:0;overflow-y: auto;display: none;z-index: 9;box-sizing: border-box;}
.search_level{width: 90px;}
.search_level2{left:90px;width: 120px;}
/* 2020-12-12 yga communication.html*/
.summarize {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
}
.msglistl .contentmsg {
text-indent: 0;
background-color: #e4e4e4;
color: #666;
padding: 20px;
margin-left: 92px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
min-height: 50px;
text-align: left;
}
.icon-good {
display: inline-block;
width: 16px;
height: 18px;
background: url(../images/culture/icon-zan.png) no-repeat;
cursor: pointer;
}
.icon-bad {
display: inline-block;
width: 16px;
height: 18px;
background: url(../images/culture/icon-cha.png) no-repeat;
cursor: pointer;
}
.center-line {
height: 14px;
width: 1px;
display: inline-block;
background: rgba(0,0,0,0.20);
margin-left: 5px;
margin-right: 5px;
}
.summarize_result[data-type="error"]{border: 1px solid #FB2020;color:#FB2020;}
.summarize_result{display: inline-block;width: 38px;height: 20px;background: #FFFFFF;border: 1px solid #1365e8;border-radius: 3px;color:#1365e8;text-align: center;line-height: 20px;}
.summarize-Con {
padding: 5px 20px;
background: #FFFFFF;
border: 1px solid #E6E6E6;
border-radius: 3px;
box-sizing: border-box;
}
.icon-gold{display: inline-block;width: 16px;height: 18px;background: url(../images/culture/icon-gold.png) no-repeat;cursor: pointer;}
.icon-txt{display: inline-block;width: 16px;height: 18px;background: url(../images/culture/icon-txt.png) no-repeat;cursor: pointer;}
.bbtb {border-bottom: 1px solid rgba(0,0,0,0.20)}
.addRed{
width:20px;
height:20px;
color:#fff;
background:#fb2020;
position: absolute;
line-height:20px;
border-radius:50%;
right: 13%;
bottom: 63%;
box-shadow:0 2px 6px 0 rgba(251,32,32,0.50);
}
.flowLine{border-left:1px #CDCDCD solid;padding:0;position: relative;}
.flow_stepCont{padding-left:20px;text-align: left;padding-bottom: 30px;}
.flow_stepDot{border-radius:50%;background:url(http://resource.lgsteel.cn/admin2020/images/toApply/dot2.png) no-repeat;width: 18px;height: 18px;display: inline-block;position: absolute;left:-10px;margin-top: 2px}
.flow_stepTit{text-align: left;font-size: 14px;font-weight: bold;overflow: hidden;padding-bottom: 10px}
.flow_stepDet{}
.flgshadow{ box-shadow: 0 0 0px 0 rgba(3,169,244,.2); -webkit-box-shadow: 0 0 0px 0 rgba(3,169,244,.2); }
.flow_stepCont:hover .flgshadow,.flow_stepContbg:hover .flgshadow{animation:grow 1.5s infinite;-webkit-animation:grow 1.5s infinite;-moz-animation:grow 1.5s infinite;-ms-animation:grow 1.5s infinite;}
@keyframes grow{
0%{box-shadow:0 0 0px 0px rgba(19,101,232,0.5);}
100%{box-shadow:0 0 0px 8px rgba(19,101,232,0.0);}
}
@-webkit-keyframes grow{
0%{box-shadow:0 0 0px 0px rgba(19,101,232,0.5);}
100%{box-shadow:0 0 0px 8px rgba(19,101,232,0.0);}
}
@-moz-keyframes grow{
0%{box-shadow:0 0 0px 0px rgba(19,101,232,0.5);}
100%{box-shadow:0 0 2px 8px rgba(19,101,232,0.0);}
}
@-ms-keyframes grow{
0%{box-shadow:0 0 0px 0px rgba(19,101,232,0.5);}
100%{box-shadow:0 0 2px 8px rgba(19,101,232,0.0);}
}
.flow_stepContbg{
background: #FFFFFF;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
border-radius: 6px;
margin:20px 20px 30px 30px;
}
.flow_stepContbg:hover{ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.flow_stepContbg .flow_stepTit{height: 30px;line-height: 30px;padding:5px 10px;background: #F1F3F7;border-radius: 6px 6px 0px 0px;border: 1px solid #EFEFEF;}