@charset "utf-8";
body{background: #eef2f8;}

.wrap{width: 1200px; margin: 0 auto;}
a:hover{color:#0d8af9;}
/*顶部*/
.top{height: 36px;background: #f5f7fa; line-height: 34px; font-size: 12px; color: #666;}
.loc-icon{vertical-align: sub;margin-right: 5px;}
.top a{color: #666;}
.top a.login{color: #0d8af9; margin: 0 15px 0 30px;}
.top-mid{display: inline-block; margin-left:185px ;}
.top-mid a{padding: 0 10px;border-left: 1px solid #dedede; color: #666;}
.top-mid a:first-child{border: 0;}
.top-right{float: right;}
.top-right a,.top-right .sj{padding: 0 10px;display: inline-block; height: 36px;}
.top-right span{color: #0d8af9;}
.top-right i{display: inline-block;width: 8px;height: 6px;background: url(../images/show_icon.png); margin-left: 3px;}
.top-right .sj{width: 64px; text-align: center;}
.top-right .sj:hover{position: relative;background: #fff;}
.s-center{position: absolute; background: #fff; width: 84px; text-align: center; left: 0; display: none;border-top: 1px solid #eef2f6;height: auto; padding-bottom:10px;background: #fff;box-shadow: 0px 0px 30px 0px rgba(135, 162, 188, 0.3);-webkit-box-shadow: 0px 0px 30px 0px rgba(135, 162, 188, 0.3);-moz-box-shadow: 0px 0px 30px 0px rgba(135, 162, 188, 0.3);-ms-box-shadow: 0px 0px 30px 0px rgba(135, 162, 188, 0.3);-o-box-shadow: 0px 0px 30px 0px rgba(135, 162, 188, 0.3);border-radius: 0px 0px 8px 8px; padding-top: 10px;}
.s-center a{display: block; height: 25px; line-height: 25px;}
.top-right .sj:hover .s-center{display: block;}
.s-center a:hover,.top a:hover{color: #0d8af9;}

/*头部*/
.head{height: 90px;background: #fff;box-shadow: 0px 0px 1px 0px #e6e6e6;-webkit-box-shadow: 0px 0px 1px 0px #e6e6e6;-moz-box-shadow: 0px 0px 1px 0px #e6e6e6;-ms-box-shadow: 0px 0px 1px 0px #e6e6e6;-o-box-shadow: 0px 0px 1px 0px #e6e6e6; line-height: 90px;}
.head .text{font-size: 21px;font-weight: 600; margin-left: 50px;}

.h-search {width: 364px;  margin-top:25px;}
.bid-search img{float: left; margin: 10px 0 0 22px;}
.bid-search{width: 360px;height:36px;background:#fff;border-radius:20px;border: solid 2px #0d8af9;}
.bid-search button{display: inline-block; float: right; width: 96px;height: 38px;line-height:38px; text-align: center; background: -moz-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -moz-linear-gradient(#0d8af9, #0d8af9);background: -webkit-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -webkit-linear-gradient(#0d8af9, #0d8af9);background: -o-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%),  -o-linear-gradient(#0d8af9, #0d8af9);background: -ms-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -ms-linear-gradient(#0d8af9, #0d8af9);background-image: linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), linear-gradient(#0d8af9, #0d8af9);border-radius: 20px; color: #fff; border: 0; cursor: pointer; font-size: 16px;margin-top: -1px;}
.bid-search .ipt{width: 180px; float: left; border: 0; border-radius:19px; line-height: 36px; padding-left: 10px;}
.bid-search .ipt:focus{border: 0;box-shadow:none;}
.h-btn{display: inline-block; width: 126px;height: 38px;border-radius: 20px;border: solid 1px #0d8af9; text-align: center;font-size: 14px; line-height: 38px; float: right; color: #0d8af9;margin: 25px  0 0 15px;}
a.h-btn{color: #0d8af9;}
a.h-btn:hover,a.h-regist:hover{background: #e6f3fe;}
.h-btn img{vertical-align: text-bottom; margin-right:5px ;}

.change-btn{display: inline-block;width: 96px;height: 32px;background-color: #eff7ff;border-radius: 16px; text-align: center; line-height: 32px; font-size: 14px; color: #0d8af9; font-weight: normal; margin-left: 50px;}
.change-btn:hover{color: #0d8af9; background: #deeaf5;}

.witeBg-con{background: #fff;border-radius: 8px; margin-bottom: 20px; padding: 20px; box-sizing: border-box;}
.y-title{font-size: 18px; font-weight: 600;line-height: 1;}
.y-title span{font-size: 14px; color: #999; margin-left: 30px;font-weight: normal;}
.crumb{font-size: 16px; height: 50px;border-radius: 8px; line-height: 50px; background: #ffff;padding: 0 20px; box-sizing: border-box; margin-bottom: 20px; font-weight: 600;}
.crumb span{font-size: 14px; margin-left: 20px; font-weight: normal;}

/*input*/
.ipt{width: 240px;height: 36px;border: solid 1px #e6eaed;padding-left: 10px;}
.paneloff{display: none}
.ipt:hover{border-color: #0d8af9;}
.ipt:focus{border: 1px solid #0d8af9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);}
select{height: 36px;}
.search .ipt{width:260px;}
.moreCond .ipt{border: 1px solid #0d8af9;height: 40px; width: 460px; }
.moreCond .ipt:focus{border: 1px solid #0d8af9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(234,84,41,0.4);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(234,84,41,0.4);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(234,84,41,0.4);}
.search ul.moreCond li a.queryBtn{height: 40px; line-height:40px;border-radius: 0; margin-left:-5px;}
.ipt2{width: 120px;height: 34px;border: solid 1px #e6e6e6;padding-left: 10px;}


.grayFoot{width: 100%; height: 66px; color: #807f7f; background: #f2f2f2; text-align: center;line-height: 66px;} 
/*.foot{width: 100%;min-width: 1200px; background: #2d2f37;  color: #acacae;}*/
.f-logo{display: inline-block; float: left; margin-right:180px;}
.com-con{float: left;}
.com-con h1{font-size: 18px; color: #e0e0e1;margin-bottom: 30px;}
.com-con p{margin-bottom: 10px;}
.code{float: right;}
.code li{float: left;margin-left: 30px;}
.code li p{margin-top: 12px;}
.foot-con{height: 138px;padding: 56px 0 50px;}
/*.record{height: 60px; line-height: 60px; text-align: center; color: #acacae;}*/

.main{margin: 20px 0 0;}

.left-nav{width: 140px; background: #fff; border-radius: 8px; float: left;padding: 10px; box-sizing: border-box;}
.nav li a{font-size: 15px; color: #333; padding-left: 10px; margin: 10px 0 7px; display: block; font-weight: 600;font-family: MiR;}
/*.nav li i{display: inline-block; width: 12px;height: 8px; background: url(../images/arrow.png) no-repeat right center; float: right;margin-top: 5px;}*/
/*a.selected i{background: url(../images/arrow_down.png) no-repeat right center;}*/
.right-con{width: 1040px;  float: right; min-height: 600px;}

/*.menu{display: none;}*/
.menu li{height: 35px; line-height: 35px;}
.menu li a{font-size: 14px; color: #666;height: 34px; margin: 0 0 5px; padding: 0 10px; box-sizing: border-box; font-weight: normal;display: block;}
.menu li.selected a{background-color: #f5faff;border-radius: 4px; line-height: 34px;color: #0e8eff;}
.menu li a:hover{color: #0e8eff;}
.spe li a{text-align:left;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

.title{height: 55px;line-height: 55px; padding: 0 15px; font-size: 16px; border-bottom: 1px solid #f1f1f1;}
.title a{font-size: 14px;}
.index-img{margin: 57px 0 0 232px; }
.sTitle{padding-top: 25px;height: 35px;font-size: 16px;line-height: 1.875;color: #333; font-weight: bold;}

/*form*/
.formTable{width: 100%; table-layout: fixed; border: 0; }
.formTable th,.formTable td{ padding: 5px 0px; font-size: 14px; }
.formTable th{ width: 110px; color: #666; padding-right: 5px; text-align: right; vertical-align: top; }
.formTable th label{ display: inline-block; padding: 10px 0; line-height: 18px;}
.formTable .ipt{width: 348px;border-radius: 4px;}
.formTable td{ color: #333; word-break: break-all;}
.formTable td a{ color: #0072dc;}
.formTable td a:Hover{ color:#0c74d1; text-decoration:none}
.formTable td .btnGray{ color: #333;}
.formTable td .btnGray:hover{ color: #333;}
.formTable td .btnRed{ color: #fff;}
.formTable a.getCode{display: inline-block; min-width: 66px;padding: 0 15px; height: 34px;background-color: #f0f0f0;border: solid 1px #e5e5e5; line-height: 33px; text-align: center; color: #333;margin-left: 10px;}
.formTable a.getCode:hover{background: #eae9e9; color: #333; }
.formTable1 th{padding-left: 260px;}
.formTable1 {margin-top: 100px;}
.formTable a.filebtn { display:inline-block;height: 36px;overflow:hidden; line-height: 36px; padding: 0 25px;background: #ea5429; text-align: center; color: #fff;text-indent: 0;cursor: pointer; }
.filebtn input {position: absolute;font-size:30px; width:100px;top:-5px;left:-10px; opacity: 0; filter:alpha(opacity=0);cursor: pointer;}
.formTable a.filebtn:hover {background: #d33926; text-decoration: none; color: #fff;}
.formTableSpe th{width: 160px;}
.formTableTwo tr{width: 50%; float: left;}
.formTable td.price{color:#ea5429;}
.formTable .required{color: #ff0101; margin: 5px 1px 0 0;}
.checkbox input{margin: 0 5px 0 15px;}
.checkbox input:first-child{margin-left: 0;}
.relative{position: relative; display: inline-block;}
.relative span{position: absolute; top: 10px; right: 10px;}
.relative a.fadd-btn{position: absolute; top: 0; right:0; display: inline-block;width: 64px;height: 38px;background: #0d8af9;border-radius: 0px 4px 4px 0px;text-align: center; color: #fff; line-height: 38px;}
.relative a.fadd-btn:hover{color: #fff; background: #117fe1;}


.v-bg{background: #f7f9fa; border-radius: 11px; padding: 20px; margin: 10px 0 15px;}
.v-weite{display: inline-block;float: left;width: 240px;margin-top: 5px; margin-right: 40px;}
.v-weite .ipt{width: 200px;}
.v-del{display: inline-block;width: 18px;height: 18px;background: url(../images/v_del.png); vertical-align: middle; margin-left: 5px;}
.v-add{display: inline-block;width: 74px;height: 36px;border-radius: 4px;border: solid 1px #e1e5e8;background: #fff; text-align: center;line-height: 36px;}
.p-del{float:right; color: #0d8af9; margin-top: -25px;}
.p-del:hover,.v-add:hover{color: #0d8af9;}
.v-add{margin-top: 5px;}
.v-add:hover{background: #f5f5f5;}

.dataList .ipt{height: 28px; line-height: 28px; width: 70%;}
.num {display: flex; justify-content: center;}
.num .ipt{width: 40%; margin: 0 5px; text-align: center; background: #f5f5f5; padding-left: 0;}
.num a{display: inline-block;width: 30px;height: 30px;background: #f5f5f5;border-radius: 8px 0px 0px 8px; line-height: 30px; color: #333; text-align: center; font-size: 20px;}
.num a.num-plus{border-radius: 0px 8px 8px 0px;}
a.num-minus0{color: #ababab;}

.darkBox {display:block; width: 40px;height: 20px; position: relative;}
.darkBox input[type=checkbox] {position: absolute;opacity: 0;}
.darkBox input[type=checkbox]:checked+label:before {content: '';text-align: right;width: 40px;}		
.darkBox input[type=checkbox]:checked+label:after {left: 5px;}
.darkBox label {width: 40px;height: 20px;position: relative;}
.darkBox label:before {width: 40px;height: 20px;line-height: 20px;padding-left: 8px;content: '';position: absolute;background: #0d8af9;border-color: #0d8af9;border-radius: 13px;color: #fff;}
.darkBox label:after {content: "";width: 16px;height: 16px;border-radius: 8px;background: #FFF;position: absolute;left: 30px;top: 2px;z-index: 2;transition: all 0.2s ease;}

.formTable a.upf-btn{display: inline-block;height: 38px;padding: 0 15px; background-color: #0d8af9; text-align: center; line-height: 38px; color: #fff;border-radius: 4px;}
.formTable a.upf-btn:hover{color: #fff; background: #117fe1;}

.upf-wrap{height: 38px;}
.upf-wrap .upf-btn{float: left;}
.upf-wrap span{float: left; margin-top: 8px;}

/*图片上传*/
.up-lists{margin-top: 15px;}
.up-img{position: relative; display: inline-block; width: 94px;height: 94px;background-color: #f7fafc;border-radius: 4px;border: solid 1px #e1e5e8; line-height: 1; text-align: center;}
.cam{margin: 25px 0 13px; max-width: 100%;}
.up-img p{color: #666;}
.up-lists li{display: inline-block; float: left; margin-right: 10px;}
.up-lists li:last-child{margin-right: 0;}
.up-img p{color: #666;}
.up-img{display: inline-block; float: left; margin-right: 10px;}
.up-img:last-child{margin-right: 0;}
.w-btn{position: absolute; top: 0; left: 0; width: 94px;height: 94px; line-height: 119px;}

.u-img{max-width: 94px; height: 94px;}
.mask{position: absolute; top: 0; left: 0; width: 96px;height: 96px;background: rgba(28,37,46,.55); text-align: center;line-height: 96px; display: none;}
.imgs:hover .mask{display: block;}

/*开关*/
.switch{position: relative; display: inline-block; width: 40px; height: 20px;}
.cmn-toggle { position: absolute;top: 0; right: 0; visibility: hidden;}
.cmn-toggle + label {display: block;position: relative;cursor: pointer;outline: none; user-select: none;}
input.cmn-toggle-round + label {width: 38px; height: 18px;background: #dddddd;border-radius: 10px;margin-top: 7px;}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {display: block;position: absolute;top: 1px;left: 1px;bottom: 1px;content: "";}
input.cmn-toggle-round + label:before {right: 1px;background-color: #f1f1f1; border-radius: 60px;transition: background 0.4s;}
input.cmn-toggle-round + label:after {width: 16px;height: 16px;border-radius: 50%;  background: #fff;border-radius: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);transition: margin 0.4s;}
input.cmn-toggle-round:checked + label:before {background-color: #0d8af9;}
input.cmn-toggle-round:checked + label:after { margin-left: 18px;}
.v-bg2{padding-bottom: 0;}
.p-list li{width: 450px; float: left; margin-bottom: 25px;}
.p-list li:nth-child(2n){margin-left: 40px;}
.p-list .ipt{width: 450px; margin-top: 8px;}
.p-list a:hover{color: #0d8af9;}
.tips{position: relative; display: inline-block;width: 16px;height: 16px;}
.tips p{position: absolute;right: -165px; width: 324px; background: #1c252e; color: #fff; font-size: 12px; padding: 5px 15px; border-radius: 4px;}

/*btn*/
.btnArea{margin-top: 40px; text-align: center;}
.bigBtn{display: inline-block; min-width: 40px; padding: 0 20px; height: 40px; line-height: 40px; text-align: center; border-radius: 8px; font-size: 16px;}
a.btnGray{border: 1px solid #e1e5e8; background: #fff; color: #666;}
a.btnGray:hover{background: #f2f2f2;}
a.btnRed{background: #0d8af9; height: 42px; line-height: 42px;color: #fff;}
a.btnRed:hover{background: #117fe1;}
.dataList a.btnRed{height: 30px; line-height: 30px; width: 65px; margin-bottom:5px;}
.dataList a.btnRed2{height: 30px; line-height: 30px; width: 48px; margin-bottom:5px;}
.ft-button{text-align: center; height: 72px;box-shadow: 0px 0px 5px 0px rgba(114, 114, 114, 0.1); line-height: 72px; background: #fff; margin-top: 20px;}

/*processor_bar*/
.processor_bar{width: 970px; height:38px;background-color:#fff;border:1px solid #e4e4e4;box-shadow:inset 0 1px 0 0 #f8f8f8;-moz-box-shadow:inset 0 1px 0 0 #f8f8f8;-webkit-box-shadow:inset 0 1px 0 0 #93ca00;margin: 0 auto;}
.processor_bar.ie .step{float: left; background:transparent url(../images/bg_process.png) no-repeat 0 0}
.processor_bar.ie .step.current{background-image:none;background-color:#93ca00}
.processor_bar .step{ float: left; background:transparent url(../images/bg_process.png) no-repeat 0 0;text-align:center;line-height:40px;color:#333}
.processor_bar .step.pprev{background-position:right 0}
.processor_bar .step.pprev h4{padding-right:14px}
.processor_bar .step.prev{background-position:right -76px}
.processor_bar .step.prev h4{padding-right:14px}
.processor_bar .step.current{background-color:#93ca00;color:#fff;background-image:none;}
.processor_bar .step.next{background-position:left -40px}
.processor_bar .step.next h4{padding-left:8px}
.processor_bar .step.nnext{background-position:left 0px}
.processor_bar .step.nnext h4{padding-left:8px}
.processor_bar h4{font-weight:400;font-style:normal;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; font-size:16px;}
.processor_bar{overflow:hidden; background-color:#fff;background-image:none;border-color:#e6e7ea;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.processor_bar .step{background:transparent url(../images/bg_process.png) no-repeat 0 0;line-height:40px}
.processor_bar .step.prev{background-position:right -41px}
.processor_bar .step.next{background-position:0 -80px}
.processor_bar .step.nnext{background-position:0 0}
.size1of2{ width: 49.99%;*width: 49%;}
.size1of3{ width: 33.33%;*width: 33%;}
.size1of4{ width: 25%;*width: 24%;}
.size1of5{ width: 19.98%;*width: 19%;}

/*importSuccess*/
.importSuccess{ width: 410px; margin: 100px 0 0 400px; padding-left: 80px; position:relative;}
.importSuccess em{ width:57px; height: 57px; background: url(../images/yes.png) no-repeat center center; position: absolute;top:0px; left: 0px;}
.importSuccess em.ok{background-image: url(../images/yes.png) ; }
.importSuccess em.warn{ background-image:url(../images/icon_bigwarning.png);}
.importSuccess em.fail{ background-image:url(../images/fail.png);}
.importSuccess em.wait{ background-image:url(../images/icon_time.png);}
.importSuccess h2{ line-height:1.2; padding-top:5px; margin-bottom:10px;  font-size: 16px; color: #333;}
.importSuccess p{ line-height:2; font-size: 14px; color: #999;}
.importSuccess p a{ color: #3b639f;}
.importSuccess p a:Hover{color: #e64733;}

.agreeCon{text-align: center; margin-bottom: 15px;}
.wraper{margin: 0 15px;}

/*tab*/
.tab{ height: 54px; border-bottom: 1px solid #e5e5e5; background: #fff;padding-left:10px;}
.tab li{ float: left;font-size: 16px; margin-right: 30px;}
.tab li a{ display: inline-block;line-height: 54px; text-align: center; color: #666;}
.tab li a span{/*color: #0d8af9;*/ margin-left: 5px;}
.tab li a:hover{ text-decoration: none; color: #0d8af9;}
.tab li.current a{background:#fff; color: #0d8af9; border-bottom:2px solid #0d8af9; }
.tabContent{ display: none; padding: 10px 0;}

/*search*/
.search{ padding: 15px 0;}
.search li{ float: left; margin: 5px 0 8px; margin-right: 20px; height:37px; position:relative;}
.search li label{ display: inline-block; margin-right: 5px; vertical-align: middle; min-width: 70px; text-align: right;}
.search li.imp label{width:90px; text-align:right; margin-right:10px;}
.search li .wdate{ width: 80px; height: 34px; border: solid 1px #e6e6e6; padding-left:10px;}
.search li .wdate_line{ margin: 0 10px;}
.search li .down{display: inline-block; padding-right: 15px;  color: #3b639f; background: url(../images/down.png) no-repeat right center;}
.search li .down:hover{color: #e64733; text-decoration: none;}
.searchTotal{ line-height: 60px; color: #999; text-align: center; border-top:1px dashed #cacaca;} .search li select{ vertical-align: middle;}
input.wdate {width:140px;padding-right:30px;background:url(../images/icon_date.png) no-repeat right center;}
.search ul.moreCond li{float:none; margin:5px 10px 10px; line-height:30px; position:relative; padding-left:80px;}
.search ul.moreCond li label{ width:70px; text-align:right; position:absolute;left:0px;top:0px; display:inline-block}
.search ul.moreCond li a{padding: 0 10px; height:26px; line-height:26px; text-align: center; margin-right:10px; display: inline-block; vertical-align: middle; color: #333; }
.search ul.moreCond li a.queryBtn{color: #fff;}
.search ul.moreCond li a.current{background: #ea5429; color: #fff;border-radius: 13px;-webkit-border-radius: 13px; -ms-border-radius: 13px; -moz-border-radius: 13px;}
.searchTotal{ line-height: 60px; text-align: center; border-top:1px solid #e6e6e6; color: #333;}
.searchTotal span{margin-right: 10px;}
.searchTotal font{ font-size: 24px; color:#e40415;}
.search li select{ vertical-align: middle;} 
a.queryBtn{display: inline-block;min-width: 46px;height: 32px;background-color: #0d8af9;line-height: 32px;border-radius: 4px; text-align: center;border: solid 1px #0d8af9; color: #fff;padding: 0 10px;}
/*search*/
input.wdate2{background: url(../images/icon_date.png) no-repeat 364px center;}

.queryBtn:hover{background-color: #0d8af9; }
a.resetBtn{display: inline-block; min-width: 46px;height: 30px;background-color: #ffffff;border-radius: 4px;border: solid 1px #e2e2e2; text-align: center; font-size: 14px; line-height: 30px; color: #666; padding: 0 10px;}
.resetBtn:hover{border: solid 1px #0d8af9;color: #0d8af9;} .addBtn,.downBtn,.applyBtn,.goodsBtn,.pubBtn,.collBtn,.relBtn{display: inline-block; min-width: 50px;height: 34px;background-color: #ffffff;border-radius: 4px;border: solid 1px #e2e2e2; text-align: center; font-size: 14px; line-height: 34px; color: #666; padding: 0 15px;}
.downBtn:hover,.addBtn:hover,.applyBtn:hover,.goodsBtn:hover,.pubBtn:hover,.collBtn:hover,.relBtn:hover{border: solid 1px #0d8af9;color: #0d8af9;}

.addBtn i,.downBtn i,.applyBtn i,.goodsBtn i,.pubBtn i,.collBtn i,.relBtn i
{display: inline-block; width: 12px;height: 12px; background: url(../images/search_con.png)no-repeat;  margin-right: 5px;}
.downBtn i{background-position: 0 0;}
.downBtn:hover i{background-position: -12px 0;}
.addBtn i{background-position: 0 -12px;}
.addBtn:hover i{background-position: -12px -12px;}
.applyBtn i{background-position: 0 -24px;}
.applyBtn:hover i{background-position: -12px -24px;}
.goodsBtn i{background-position: 0 -36px;}
.goodsBtn:hover i{background-position: -12px -36px;}
.pubBtn i{background-position: 0 -48px;}
.pubBtn:hover i{background-position: -12px -48px;}
.collBtn i{background-position: 0 -60px;}
.collBtn:hover i{background-position: -12px -60px;}
.relBtn i{background-position: 0 -72px;}
.relBtn:hover i{background-position: -12px -72px;}
.table{overflow:auto; max-height: 500px;}

.list-head {background:  #f5f8fa; min-height: 20px; padding:10px 0; margin-top: 10px;border: solid 1px #ebeff2;}
.list-head span{ margin: 0 20px 0 10px; color: #666;}
.list-head p{margin-top: 10px;padding: 0 10px;}
.l-notice{position: relative; display: inline-block; float: right;}
.ln-con{position: absolute; top: 25px; right: -170px; width: 354px;height: 58px; background: url(../images/bn_bg.png); color: #fff; font-size: 12px; padding: 5px 19px; box-sizing: border-box; display: none;}
.l-notice img{cursor: pointer;}

.dataList{table-layout: fixed;}
.dataList thead{ background-color: #f5f8fa; border: 1px solid #e6eaed;}
.dataList thead th{ height: 28px; padding: 5px 4px; text-align: center;  border: 1px solid #e6e6e6;}
.dataList thead th.data_l{text-align: left;}
.dataList tbody{ background-color:#FFF ;}
.dataList td{border: 1px solid #e6e6e6; padding: 5px 4px; line-height: 30px; text-align: center;}
.dataTit{height:34px; line-height:34px; margin-top: 12px; background-color:#f7f6f6; border: 1px solid #e6e6e6; border-bottom: none;}
.dataList .data_r{ text-align: right;}
.dataList .data_l{ text-align: left;}
.dataList td.longTxt,.dataList thead th.longTxt{text-align: left;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.dataNormal{width: 100%;table-layout: fixed;border: 1px solid #e6e6e6;}
/* .dataNormal thead th{border: 0;} */
.dataNormal td{/* border: 0px; */ border-bottom: 1px solid #e6e6e6;padding: 5px 10px;}

a.tableBtn{display: inline-block;min-width: 48px;padding: 0 10px; height: 32px;background-color: #ea5429;border-radius: 3px; text-align: center;line-height: 32px; color: #fff;}
a.tableBtn:hover{background: #d94e27;}
/*goods_list*/
.goods_list dt{ width: 80px; height: 80px; margin: 10px 15px 10px 10px; float: left;}
.goods_list dt img{ width: 100%; height: 100%; display: block;}
.goods_list dt a{width: 100%; height: 100%; display: inline-block;margin-left: 0;}
.goods_list dd{ width:255px; text-align: left; float: left; }
.goods_list dd h4{ line-height: 20px;-webkit-transition: color .2s ease;transition: color .2s ease;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.goods_list dd h4 a{ color: #333; font-size: 14px;margin-left: 0;}
.goods_list dd h4 a:hover{ color: #0072dc;}
.goods_list dd p{margin-top: 5px; line-height: 20px; color: #999; } 

/*dataTotal*/
.dataTotal{ width: 930px;margin: 0 auto; padding: 10px 20px; margin-top: 20px; text-align: right; color: #999;/* background-color: #eff8ff; */border-top: 1px solid #e6eaed;}
.dataTotal span{ margin-left: 20px;}
.tot_money{ padding-bottom: 15px; border-bottom: 1px dashed #c1d3e0;}
.tot_money i{ margin: 0 5px}
/*message_word*/
.message_word{ margin-top: 20px;}
.message_word input.ipt{ width: 40%;}

 /*rem*/
.rem{padding: 10px 20px; margin: 20px auto; line-height:1.5; background-color: #fffeec; border: 1px solid #f5e191; ; color: #9e7336 ; }
.rem span{ color: #333; font-size: 16px;}
.rem span font{ margin: 0 5px;}

/*bankLogo*/
.bankname img{display: inline-block;width:20px;height: 20px;vertical-align: middle;margin-right: 6px;}

 /*annotation*/
.annotation{ background: #fdf9e3; border-left: 4px solid #edd191; padding: 10px; color:#9e7336; margin-top: 30px;}
.annotation h2{ line-height: 30px; font-size: 14px;}
.annotation p{ line-height: 20px; font-size: 12px;}
.annotation p a{ color: #3b639f;}
.annotation ol { margin-left: 15px;}
.annotation ol li{line-height: 24px; font-size: 12px; list-style: decimal; }

.tfoot{padding: 10px;height:32px;}
.tfoot label input[type="checkbox"]{margin-left: 8px; *margin-left:5px; margin-right:5px ;}
/*pagebox*/
.pagebox{ height: 32px; line-height: 32px;  display: inline-block;}
.pagebox span.total{ margin-right: 10px; color: #666; font-size: 12px; display: inline-block;}
.pagebox span.pageNum{ display: inline-block; }
.pagebox span.pageNum a{ display: inline-block; width: 38px; height: 28px; text-align: center; border: 1px solid #e2e2e2; margin-left: -1px; line-height:2.2; color: #333; font-size: 12px;}
.pagebox span.pageNum a:hover{ text-decoration: none; color: #0d8af9;} 
.pagebox span.pageNum a.current{ background: #0d8af9; border: 1px solid #0d8af9; color: #fff;}
.pagebox span.pageNum a.downPage,.pagebox span.pageNum a.upPage{width: 67px;}
.pagebox span.pageNum a.disabled{color: #d2d2d2;}
select.page{min-width:74px; border: solid 1px #e2e2e2; font-size: 12px; height: 30px;background-color: #f7f7f7;}

.turnPage{height: 30px; width: 40px; margin: 0 5px;background-color: #f7f7f7;}
a.okBtn{display: inline-block; width: 46px;height: 30px;background-color: #f7f7f7;border-radius: 2px;border: solid 1px #e2e2e2; color: #333; text-align: center;line-height: 30px;margin-left: 20px; font-size: 12px;} .needTobe{border: solid 1px #e4e4e4;}

.needTobe1{border: 0px;}
.needTobe table{ width: 100%; border: none;table-layout: fixed; margin: 10px 0;}
.needTobe table td{text-align: center; padding:10px 15px; }
.needTobe table td p{ text-align: left;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.needTobe table td font{ font-size: 16px;}
.needTobe p.fieldValue{ line-height: 24px; font-size: 18px; color: #333;}
.needTobe p.fieldName{ line-height: 24px; font-size: 14px; color: #999;}
.need-title{height: 40px;line-height: 40px;padding: 0 10px;  background-color: #f3f3f3;}
.need-title font{float: right;}
.sx{color: #31af27;}

/*btnUpload*/
a.btnUpload {display: inline-block; height:30px; line-height: 30px; padding:0 10px;background: #f1f1f1;
text-align: center;  vertical-align: middle;position: relative; border-radius: 4px; color: #666;}
td a.btnUpload{color: #666;}
.btnUpload:hover { background-color: #EBEEF5;}
.btnUpload input {width: 76px;height: 30px;position: absolute;top: 0;left: 0;opacity: 0;z-index: 1;}
/* td a{margin-left: 5px;}  */
.err{color: #f60;}
.err em{display: inline-block; width: 17px;height: 17px; background-image: url(../images/error_icon.png); vertical-align: middle;margin-right: 10px;}
.wp60{width: 60%} .dataEmpty{padding:20px 0; color:#999;}
.dataEmpty img{margin-right:20px;}

/*0820*/
/*.help-center ul{float: right;}
.help-center li{margin-left: 45px;}
.help-title{display: inline-block; height: 35px; line-height: 35px; font-size:16px; color: #fff; padding-left:25px; border-left: 1px solid #3f4e6d; margin: 20px 0 0 30px;}*/

.dataList2 td{border: 1px solid #e6e6e6; padding: 5px 4px; line-height: 15px; text-align: center;}
.needTobe table td.field p.fieldValue{text-align: center;font-size: 16px;color: #666;}.field p.fieldValue{text-align: center;font-size: 16px;color: #666;}

.formTable .listTitle {width: 718px;margin: 10px 0; padding: 0 15px;}
.formTable .listTitle input{margin-top: -2px;}
.formTable .listTitle em{width: 24px;height: 16px;margin-top: 12px;cursor: pointer; background-position: center center;}
.formTable .listTitle em.show{background: url(../images/arrow_down.png) no-repeat;}
.menuRole{width: 750px;}
.menuRole li{margin-bottom: 20px;}
.menuRole .dataList{display: none;}
.ueditor {margin-top: 12px;}
p.fieldValue15{ line-height: 24px; font-size: 15px; color: #333;}

.intentionBtn{position: relative;}
.intentionBtn i{position: absolute; top: -10px; right: -1px; display: inline-block; background: #f33e0a; color: #fff; text-align: center;font-size: 12px; padding: 0 5px; min-width: 15px; height: 20px; line-height: 20px; border-radius: 10px;}

/*帮助中心*/
.help-center{width: 1200px; display: flex; justify-content: space-between; background: #fff;border-radius: 8px; margin: 20px auto;}
.hc-left{width: 160px; padding: 10px; box-sizing: border-box;}
.hc-left p{height: 40px; line-height: 40px;font-size: 16px; color: #222;}
.hc-left a{display: block; color: #666;height: 40px; line-height: 40px;padding-left: 20px;}
.hc-left a.current,.hc-left a:hover{background-color: #f5faff;border-radius: 4px;color: #0d8af9;}
.hc-right{width: 1040px;border-left: 1px solid #ebeff2; padding: 20px 20px 20px 40px; box-sizing: border-box;}
.hc-crumb{color: #999;}
.hc-crumb a{color: #666;}
.hc-title{font-size: 24px; margin: 20px 0 30px;}
.hc-con p{margin: 15px 0}
.hc-con img{display: block; margin: 15px auto; max-width: 100%;}

.rightSide{position: fixed; top: 30%; right: 20px; width: 58px;height: 270px;background-color: #ffffff;box-shadow: 0px 0px 20px 0px rgba(135, 162, 188, 0.15);border-radius: 8px; padding: 5px 0; box-sizing: border-box;}
.rightSide a{display: block; text-align: center; color: #333; font-size: 12px; margin: 30px 0;}
.rightSide i{display: inline-block; width: 24px;height: 24px; background: url(../images/rightSlide.png) no-repeat;}
.rightSide a:hover{color: #0d8af9;}
.rightSide a:hover i{background-position: -24px 0 ;}
a.cuSer i{background-position: 0 -24px;}
a.sCar i{background-position: 0 -48px;}
a.backTop i{background-position: 0 -72px;}

a.cuSer:hover i{background-position: -24px -24px;}
a.sCar:hover i{background-position: -24px -48px;}
a.backTop:hover i{background-position: -24px -72px;}

/*商品详情*/
.d-wrap{margin: 0 20px;}
.gtable thead th,.gtable td{text-align: left; padding: 5px 20px;}
.gtable .gray_6{display: inline-block; width: 120px;}
.rews-title{height: 55px;}
.fav{float: left; margin-right: 30px;}
.fav span{color: #f22337;font-family: Arial;font-weight: bold; font-size: 30px;line-height: 1;}
.fav span i{font-size: 16px;font-weight: bold;}
.grade-lists i{display: inline-block; width: 21px;height: 20px; background: url(../images/star1.png); margin-left: 8px;}
.grade-lists i.nostar{background: url(../images/star0.png);}
.grade-lists li{float: left;line-height: 50px; margin-left: 55px;}
.grade-lists li span{vertical-align: super;}
.rews-title{position: relative;}
.rews-title .select_box{right: 0;left: 997px; width: 160px;height: 30px;background-color: #fff;border-radius: 4px;border: solid 1px #e6eaed; text-align: left; line-height: 30px;top: 10px;}
.rews-title .select_txt{width: 140px;padding-left: 13px; height: 30px; line-height: 30px; margin-top: 0;}
.rews-title .option{width: 145px; padding-left: 15px; border: solid 1px #e6eaed; border-top: 0;}
.rews-title .option a{line-height: 30px;}
.grad-tab li{display: inline-block;float: left;}
.grad-tab{border-bottom:0;height: 28px; padding-left: 0 !important;}
.grad-tab li a{display: inline-block; height: 28px;background-color: #f5f8fa;border-radius: 14px; line-height: 28px; padding: 0 15px; color: #333;}
.grad-tab li.current a{background: -webkit-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -webkit-linear-gradient(#0d8af9, #0d8af9);background: -o-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -o-linear-gradient(#0d8af9, #0d8af9); background: -ms-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -ms-linear-gradient(#0d8af9, #0d8af9);background: -moz-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -moz-linear-gradient(#0d8af9, #0d8af9);background: linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), linear-gradient(#0d8af9, #0d8af9);border-bottom: 0; color: #fff;}
.grad-tab li{font-size: 14px; margin-right: 15px;}
.gTabContent{ display: none;}
.eval-lists li{display: flex; justify-content: space-between;border-bottom: 1px solid #edf0f5;padding: 20px 0 25px;}
.user-col{width: 110px;}
.user-col img{width: 40px;height: 40px; border-radius: 50%; margin-right:10px; float: left;}
.user-col p{font-size: 16px; line-height: 1;}
.user-col span{display: inline-block;height: 20px;border-radius: 10px;height: 20px; line-height: 20px; color: #fff; padding: 0 5px;font-size: 12px;margin-top: 5px;background: -webkit-linear-gradient(90deg, #6b52b1 0%, #4e4aab 100%), -webkit-linear-gradient(#f1f8ff, #f1f8ff); background: -moz-linear-gradient(90deg, #6b52b1 0%, #4e4aab 100%), -moz-linear-gradient(#f1f8ff, #f1f8ff);background: -ms-linear-gradient(90deg, #6b52b1 0%, #4e4aab 100%), -ms-linear-gradient(#f1f8ff, #f1f8ff);background: -o-linear-gradient(90deg, #6b52b1 0%, #4e4aab 100%), -o-linear-gradient(#f1f8ff, #f1f8ff); background: linear-gradient(90deg, #6b52b1 0%, #4e4aab 100%), linear-gradient(#f1f8ff, #f1f8ff);}
.comment{width: 1020px;}
.c-star {margin-bottom: 5px;}
.c-star i{display: inline-block;width: 17px;height: 17px; background: url(../images/econ_star.png); margin-right: 3px;}
.c-star i.no-star{background-position:0 -17px;}
.c-god{color: #999; font-size: 12px; margin-top: 10px;} 
.c-god span{float: right;}
.add-eval{background-color: #f7f9fa;border-radius: 8px; padding: 15px 13px; margin:15px 0 20px;}
.add-eval span{margin-right: 15px;color: #0d8af9;}
.eva-imgs{margin: 5px 0 5px 0;}
.eva-imgs img{width: 100px; height: 100px; margin-right:10px;border-radius: 8px;}
.sadd-eval{margin-bottom: 0;}

.qa-lists{margin: 0 20px;}
.qa-btn{display: block;width: 130px;height: 40px;text-align: center; line-height: 40px; color: #fff;background: -webkit-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -webkit-linear-gradient(#0d8af9,#0d8af9); background: -moz-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -moz-linear-gradient(#0d8af9,#0d8af9);background: -ms-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -ms-linear-gradient(#0d8af9,#0d8af9);background: -o-linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), -o-linear-gradient(#0d8af9,#0d8af9);background: linear-gradient(90deg, #4dabff 0%, #0d8af9 100%), linear-gradient(#0d8af9,#0d8af9);border-radius: 20px; margin: 25px auto 5px;}
a.qa-btn:hover{color: #fff;}
.qa-btn img{margin-right: 5px;}
.qu,.ans-con{font-weight: bold; margin-bottom: 10px;}
.qu i,.ans-con i{display: inline-block; width: 18px;height: 18px;border-radius: 6px 0px 6px 6px;font-size: 12px; font-weight: bold; margin-right: 10px;vertical-align: middle; color: #fff; text-align: center; line-height: 18px;}
.qu i{background: #0d8af9;}
.ans-con i{background: #38b447;}
.auser-con img{width: 24px;height: 24px; border-radius: 50%; margin-left: 28px; margin-right: 5px;}
.auser-con{font-size: 12px; margin-bottom: 20px;line-height: 24px;}
.auser-con i{display: inline-block;height: 16px;background-color: #f1f8ff;border-radius: 8px;border: solid 1px #7cc0fc;text-align: center; line-height: 16px; padding: 0 5px;color: #0d8af9; margin-left: 10px;}
.auser-con .fr{color: #999; margin-left: 40px;}
.qa-item{padding: 20px 0;}
.qa-item:nth-child(n+2){border-top: 1px solid #edf0f5;}
.ans-more i{display: inline-block;width: 10px;height: 6px; background: url(../images/ba_down.png); margin-left: 5px;}
.ans-more i.hide{background: url(../images/ba_up.png);}
.mor-ans{display: none;}
.mr-10{margin-right: 10px}

.afs{margin: 20px 40px 20px 30px;}
.afs li{display: flex; justify-content:flex-start; margin-bottom: 20px;}
.afs-img{margin-right: 10px;}
.afs h2{font-size: 16px; font-weight: bold; padding-top: 5px; margin-bottom: 5px;}
.afs p{font-size: 12px; margin-top: 5px;}

a.btnImg {display: inline-block; width: 50px; height:50px; line-height: 50px; background:url(../images/add_img.png) #e4e4e4 no-repeat center center;
    color: #fff !important;text-align: center;  vertical-align: middle;position: relative; border-radius: 4px;}
.advert{display: flex; justify-content: space-between;}
.advert-div{width: 48%;}
.advert-div-label{padding: 10px 0;border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; padding: 10px 15px 10px 0; margin-left: -14px;text-align: right;}
.advert-text{width: 20px;text-align: center;  border-radius: 2px;}
.formTable td .advert-text a{color: #000;}
.advert-text-select{background-color: #0d8af9;  border-radius: 2px;}
.formTable td .advert-text-select a{color: #fff;}
.advert-text-disabled{background-color: #f5f5f5; color: #bfbfbf;  border-radius: 2px; border: 0;}
.remark-ellipsis{display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;position: relative}
.remark-ellipsis:hover{-webkit-line-clamp:unset}
.advert-div{border: 1px solid #d9d9d9;border-radius: 8px;padding-left: 14px;box-sizing: border-box;}

.p-tip{position: absolute;background: #fff;border-radius: 6px; box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.1), 0px 8px 10px 1px rgba(0,0,0,0.06), 0px 3px 14px 2px rgba(0,0,0,0.05); padding: 8px;font-size: 12px;color: #1A1A1A; z-index: 9999;display: none;}
.p-tip li{line-height: 1.75;margin-bottom: 0px;}
.p-tip i{display: inline-block; width: 16px;height: 16px; margin-right: 5px; float: left;}
.pg{background: url(../images/pg.png);}
.pf{background: url(../images/pf.png);}
.trg{position: absolute; width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff; bottom: -6px; left: 45%;}
.ipt.error:focus{border: 1px solid #d54941;}

.mySelect{position: relative;}
.mySelect .inputWrap{ width:100%; min-height: 30px; border: 1px solid #e6eaed;border-radius: 3px;position: relative;cursor: pointer;}
.mySelect ul{padding:0 5px ;margin: 0;padding-right: 35px;}
.mySelect li{display: inline-block;background: #E8F4FF;color: #0D8AF9;padding:2px 5px;margin: 5px;border-radius: 5px;font-size: 12px;}
.mySelect .fa-close{cursor: pointer; }
.mySelect .fa-close:hover{color: #237eff;}
.mySelect .mySelect-option{ width: 100%;border: 1px solid #ccc;max-height: 200px;overflow-y: scroll;position: absolute;height: 0;opacity: 0; background: #fff; z-index: 999;}
.mySelect .mySelect-option div{padding: 5px 10px;}
.mySelect .inputWrap>i{position: absolute;padding: 13px;right: 0;top: 0;}
.mySelect-option div{cursor: pointer;margin: 5px;}
.mySelect-option div i{float: right;color: #ffffff;}
.mySelect-option div.selected{color: #0d8af9;}
.mySelect-option div:hover{color: #0d8af9;}
.inputWrap i.pop {display: block;height: 4px;width: 6px;background: url(../images/sort.png) no-repeat;position: absolute;right: 10px;top: 14px; padding: 0;}
.inputWrap i.pop.fa-angle-down {background-position: 0 -5px;}
.tag-close {cursor: pointer;font-size: 14px;color: #0D8AF9;transition: color 0.2s;}

.sel-list{position: absolute;top: 44px; left: 0; width:360px;background: #fff; padding:10px 0;border: solid 1px #e6eaed;box-sizing: border-box; display: none;}
.sel-list li{line-height: 35px; cursor: pointer; padding: 0 15px;}
.sel-list li:hover{background: #F8F8F8;}

.flts{display: inline-block;background: url(../images/fld.png); width: 350px;height: 30px;font-size: 12px;color: #F4791A;line-height: 30px; margin-left: 15px;}
.flts img{float: left; margin: 7px 9px 0 19px;}