/*css*/
@font-face{
    font-family: 'ArialMT';
    src : url('../../images/homeNew/ArialMT.ttf');
    font-display: swap;
}
@font-face{
    font-family: 'Arial-BoldMT';
    src : url('../../images/homeNew/Arial-BoldMT.otf');
    font-display: swap;
}
body{font-size:12px;font-family:'ArialMT','Microsoft YaHei' , 'notosans';  min-width: 1300px;overflow-y: scroll;color: #222222;}
.w1300{width: 1280px!important;}
.w150{width: 150px;}
.w160{width: 160px;}
.w100{width: 100px;}
.w110{width: 110px;}
.disnone{display: none!important;width:0;height:0;}
.w120 {
    width: 120px;
}
.w140 {
    width: 140px !important;
}
.w20{width: 20px !important;}
.w186{width: 186px;}
.w200{width: 199px;}
.mw200{min-width:200px;}
.w430{width: 430px;}
.w450{width: 450px;}
.w480{width: 480px;}
.w500{width: 500px !important;}
.w818{width: 817px;}
.w1060{width: 1060px;}
.w1440{max-width: 1440px; min-width: 1300px;}
.w65{width: 65px;}
.w50p{width:50%; }
.w65p{width: 65%;}
.w20p{width: 20%;}
.w90p{width: 90%;}
.w890{width: 890px!important;}
.w972{width: 972px!important;}
.w74p{width: 74%!important;min-width: 700px!important;}
.w288{width: 288px;}
.w220{width: 220px;}
.w600{width: 600px;}
.w650{width: 650px;}
.w700{width: 700px;}
.w1100{width: 1100px;}
.w1000{width: 1000px;}
.w38p{width: 38%;}
.w53{width: 53%;}
.w30{min-width: 30px;}
.w800{width: 800px;}
.w894{width: 894px;}
.maxw600{max-width: 600px;}
.minw800{min-width: 800px;}
.minH300{min-height: 300px;}
.minh180{min-height: 180px;}
.h36{height: 36px;}
.h50{height: 50px;}
.h80{height: 80px;}
.h52{height: 52px}
.h120{ height: 120px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px!important;}
.font16{font-size: 16px!important;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font28{font-size: 28px;}
.font32{font-size:32px; }
.font34{font-size:34px; }
.font36{font-size:36px; }
.color0{color: #000!important;}
.color3{color: #333;}
.color6{color: #666;}
.color75{color:#757575;}
.color8{color: #888;}
.color9{color: #999!important;}
.color93{color: #939393;}
.colorc0{color: #c0c0c0;}
.colord0{color: #d0d0d0;}
.color5764{color:#57647d;}
.color3b4b{color: #3b4b68;}
.blue{color: #2B8CED!important;}
.blue:focus,.blue:active{color: #2B8CED;}
.btn-primary{background:#2B8CED; border-color:#2B8CED; }
.color09f {color: #0096ff!important;  }
.bgf5{background: #f5f5f5;}
.bgfff{background: #fff!important;}
.pad0{padding: 0!important;}
.plr20{padding-left: 20px;padding-right: 20px;}
.ptb10{padding-top: 10px;padding-bottom: 10px;}
.paddingB10{
    padding-bottom: 10px;
}
.ptb20{padding-top: 20px;padding-bottom: 20px;}
.plr15{padding-right: 15px;padding-left: 15px;}
.plr10{padding-left: 10px!important;padding-right: 10px!important;}
.pl25{padding-left: 25px;}
.pl0{padding-left: 0;}
.pr0{padding-right: 0;}
.pr10{padding-right: 10px !important;}
.pr20{padding-right: 20px;}
.pt30{padding-top: 30px;}
.pt10{padding-top: 10px;}
.pb12{padding-bottom: 12px !important;}
.pt50{padding-top: 50px;}
.pt58{padding-top: 58px;}
.pt100{padding-top: 100px;}
.pb40{padding-bottom: 40px;}
.pl80{padding-left: 80px;}
.padding20{
    padding: 20px;
}
.pt20{ padding-top: 20px!important;}
.ver{vertical-align: middle;}
em{font-style: normal;}
.nowrap{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-overflow: unset}
.ellipsis{ text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.block{display: block;}
.over{overflow: hidden;}
.strong{font-weight: bold;}
.mt5{margin-top: 5px;}
.ml3{margin-left: 3px;}
.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mb0{margin-bottom: 0;}
.mt0{margin-top: 0!important;}
.mt10{margin-top: 10px!important;}
.mt12{margin-top: 12px;}
.ml15{margin-left: 15px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px;}
.mb20{margin-bottom: 20px;}
.mt22{margin-top: 22px;}
.mb30{margin-bottom: 30px;}
.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.mb15{margin-bottom: 15px;}
.mb60{margin-bottom: 60px;}
.ml50{ margin-left: 50px;}
.ptb2{padding-top: 1px;padding-bottom: 4px;line-height: 1;}
.mlr-10{margin-right: -10px;margin-left: -10px;}
.mlr10{margin-left: 10px;margin-right: 10px;}
.ml200{margin-left: 200px;}
.ml95{margin-left: 95px;}
.margin0{margin: 0;}
.mgAuto{margin-right: auto;margin-left: auto;}
.line50{line-height: 50px;}
.line20{line-height: 20px;}
.line24{line-height: 24px;}
.line25{line-height: 25px;}
.line30{line-height: 30px!important;}
.line35{line-height: 35px!important;}
.line40{line-height: 40px!important;}
.line60{line-height: 60px;}
.line38{line-height: 38px;}
.line52{line-height: 52px;}
.line19{line-height: 19px;}
.line21{line-height: 21px;}
.line34{line-height: 34px;}
.h135{height: 135px;}
.h30{height: 30px;}
.borderTop{border-top: 1px solid #e5e5e5;}
.btn-warning {  background-color:#F97425;  border-color: #f37124;  }
.inline{display: inline-block;}
.relative{position: relative;}
img{max-width: 100%;}
a{  color: #333;}
.pr40{padding-right: 40px;}
.bged{background: #ededed;}
.line45{line-height: 45px;}
.normal{font-weight: normal;}
.orange{color: #F5730B!important;}
.orange1{color: #ff8c22;}
.orange1:hover {color: #ff8c22;}
.h14{ height: 14px;}
.h24{ height: 24px;}
.pl160{ padding-left: 160px;}
.red{color:#FF1010; }
.radius0{border-radius: 0;}
.radius3{border-radius: 3px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.mb10{margin-bottom: 10px!important;}
.mb25{margin-bottom: 25px;}
.plr25{padding-left: 25px;padding-right: 25px;}
.h40{height: 40px!important;}
.h340{height: 340px;}
.border{border: 1px solid #cacaca;}
.borderNone{border: none!important;box-shadow: none!important;}
.hand{cursor: pointer;}
.hand-hover:hover{
    color: #2B8CED !important;
}
.floatRight {
    float: right;
}
a:focus{outline: none;}
.maxw20{max-width: 20px;}
.pb10{padding-bottom: 10px;}
.pad10{padding: 10px;}
.plr6{padding-left: 6px;padding-right: 6px;}
.ml120{margin-left: 120px;}
/*图标的路径*/
.orderIcon3{background: url("/client/image/order-ico.f9b46a02.png") no-repeat;}
/*header*/
.minHead{min-height: 106px;}
.home-header-cont{height: 80px; line-height: 80px;}
.w1200{width: 1200px;}
.bgf2f{background: #f2f9ff;color:#50748e; }
.ico-span {  background: url(/client/image/ico.df65468e.png) no-repeat;  display: inline-block;  width: 32px;  height: 30px;  }
.ico-chinese {float: right;  background-position: 0 -277px;  }
.ico-span2 {  float: left;  background-position: 8px -209px;}
.ico-span3 {  float: left;  background-position: 8px -393px;  }
/*.nav_home {  background: url(/client/image/home-navicon.e09d1657.png) center bottom no-repeat;  }*/
.nav_home{position: relative;}
.nav_home:after{position: absolute;content: "";bottom: 0;left: 50%;margin-left: -30px;width: 60px;height: 4px;background: #0699FF;}
.navHead li{ }
.home-header-cont .navHead li{ margin-left: 40px}
.home-header-cont .navHead li.ml80{ margin-left: 80px}
.home-header-cont .navHead li a{ color: #222222}
.logo{}
.mt36{margin-top: 36px;}
.navHead a{font-size: 16px;font-family: 'Arial-BoldMT'; display: block;color: #2a2a2a;}
.navHead a span{ display: inline-block; height: 22px; line-height: 21px; border-bottom: 1px solid #fff;}
.navHead a:hover span, .navHead li.on a span{ color: #2B8CED; border-bottom: 1px solid #2B8CED;}

.cartNumber{width: 14px; height: 14px;  background: #ff0000;  color: #fff;  line-height: 14px;  text-align: center;  border-radius: 50%;  position: absolute;  left: 28px;  top: 1px;  font-size: 10px;  }
.cartNumber:hover{text-decoration: none;color: #fff;}
.hoverShow:hover ul{display: block;}
.hoverMenu a:hover{background: inherit!important;color: #0096ff!important;}
.ulLi>li{padding-bottom: 10px;}
.hoverSh{padding-right: 18px;}
/*.hoverSh:after{content: "";position: absolute;right: 0;top: 13px;width: 10px;height: 10px;background:url("/client/image/order-ico.f9b46a02.png") no-repeat -113px -458px;}*/
.hoverSh:hover .absHead{display: block;}
.hoverSh:hover:after{background-position: -141px -458px;}

.absHead {
    position: absolute;
    width: 370px;
    top: 37px;
    left: 0;
    background-color: white;
    z-index: 100;
    text-align: left;
    padding-left: 10px;
    display: none;
}
.absHead .ico-com{margin-right: 20px;}
.absHead li{line-height: 28px;}
.ico-com{background:url("/client/image/order-ico.f9b46a02.png") no-repeat;display: inline-block;width: 20px;height: 15px;}
.ico-usd{background-position: -153px -426px; }
.ico-eur{background-position: -115px -393px; }
.ico-jpy{background-position: -154px -393px; }
.ico-rub{background-position: -194px -393px; }
.ico-aud{background-position: -74px -393px; }
.ico-gbp{background-position: -74px -461px; }
.ico-cad{background-position: -194px -426px; }
.ico-brl{background-position: -115px -426px; }
.ico-uah{background-position: -74px -426px; }
.pad030{padding: 0 30px;}
.pl53{padding-left: 53px;}
a.hoverNone:hover,a.hoverNone:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
.minw70{min-width:70px;}
.ml0{margin-left: 0!important;}
/*footer*/
.contain {  font-size: 14px;  color: #666666;  line-height: 32px;  }
.partner {  width: 75%;  margin: 60px auto;  height: 224px;  border: 1px solid #e5e5e5;  }
/*nav*/
.breadcrumb{padding: 20px 0; background: #ffffff; margin: 0; line-height: 17px; font-size: 12px;}
.breadcrumb a,.breadcrumb li{color: #999999;}
.breadcrumb li:last-child,
.breadcrumb li:last-child a{color: #666666;}
.breadcrumb>li+li:before{padding: 0 3px;}
.bgSearch{background: #c5c5c5 url("/client/image/order-ico.f9b46a02.png") no-repeat -11px 4px;}
.order-header-input-box .bgSearch{ border: none; width: 22px; height: 22px; background: #ffffff url("/client/svg/Search_icon.svg") no-repeat center; margin: 4px 10px 4px 4px;}
.order-header-input-box input{ border: none; outline: none; display: inline-block; height: 30px; width: 260px; text-indent: 16px; background: transparent;}
.order-header-input-box input:focus{ outline: none;}
.order-header-input-box{ position: absolute; right: 0; top: -81px; background: #ffffff; border: 1px solid #ecf0fb; border-radius: 16px; }
.h32{ height: 32px;}
.tabList{display: inline-block;width:30px; margin-left: 38px;height: 30px;}
.bgLi{background: url("/client/image/order-ico.f9b46a02.png") no-repeat -9px -40px;}
.bgLi.active{background-position: -9px -1166px; }
.bgList{background: url("/client/image/order-ico.f9b46a02.png") no-repeat -9px -89px;}
.bgList.active{background-position: -9px -1215px; }
/*left*/
.headImg{width: 38px;border-radius: 50%;height: 38px;}
.creatTeam .icon{width: 25px;height:25px;background: url("/client/image/order-ico.f9b46a02.png") no-repeat -15px -543px; display: inline-block;vertical-align: middle}
.lefMenu{padding-left: 45px;}
.lefMenu li a{line-height:40px;color: #ACACAC; font-size: 16px;}
.lefMenu li a.active{color: #089EFD;}
/*boxlist*/
.boxList li .box,.boxLi .box{border: 1px solid #d7d7d7;border-radius: 3px;}
.box:hover{box-shadow: 0 0 5px 3px #eee;-moz-box-shadow: 0 0 5px 3px #eee;-webkit-box-shadow: 0 0 5px 3px #eee;  -ms-box-shadow: outset 0 0 5px 3px #eee; }
.icon-delete{width: 20px;height: 20px;background: url("/client/image/order-ico.f9b46a02.png") no-repeat -15px -628px;}
.icon-down{width: 20px;height: 20px;background: url("/client/image/order-ico.f9b46a02.png") no-repeat -108px -359px;}
.icon-ed{width: 20px;height: 20px;background: url("/client/image/order-ico.f9b46a02.png") no-repeat -73px -358px;}
.btnG{display: none;}
.boxList li:hover .btnG,.boxLi li:hover .btnG{display: block;}
.boxList li{margin-bottom: 30px;}
.boxList li .img{max-height: 113px;max-width: 90%; cursor: move;}
.bgeb{background: #EBEBEB;}
.noImg{position: relative;}
.noImg:after{content: "No Image";font-size: 26px;color: #ccc;height: 40px;line-height:40px;position: absolute;left: 30px;top: 50px;background: #EBEBEB url("/client/image/order-ico.f9b46a02.png") no-repeat 10px -665px; padding-left: 65px;}
.radius20{border-radius: 20px;}
.h170{height: 197px;}
.boxLi .img{max-height: 193px;max-width: 85%; cursor: move;}
.boxLi .noImg:after{top: 70px;}
.mt-130{margin-top: -129px!important;}
.displayTable{text-align: center;}
.displayTable a{vertical-align: middle;}
.w100p{width: 100%;}
/*order status*/
.w14p{width: 14.285%;}
.ml7p{margin-left: 7.1425%;}


.orderIcon{background: url("/client/image/orderIcon.7ee39c77.png") no-repeat;
    height: 40px;width: 42px;display: inline-block; vertical-align: middle;}
/*
.orderSubmitted{background-position: -54px -76px;}
.active .orderSubmitted{background-position: -107px -76px; }
.active1 .orderReviewed{background-position: -210px -76px;}
.orderReviewed{background-position: -161px -76px;}
.active .orderReviewed{background-position: -262px -76px; }
.active1 .orderPaid{background-position: -61px -140px;}
.orderPaid{background-position: 0px -140px;}
.active .orderPaid{background-position: -122px -140px; }
.active1 .orderProduction{background-position: -241px -136px;}
.orderProduction{background-position: -182px -136px;}
.active .orderProduction{background-position: -0px -194px; }
.orderShipped{background-position: -57px -194px;}
.active .orderShipped{background-position: -113px -194px; }
.active1 .orderCancelled{background-position: -214px -193px;}
.orderCancelled{background-position: -166px -193px;}
.active .orderCancelled{background-position: -261px -193px; }
.orderRefunded{background-position: 0px -249px;}
.active .orderRefunded{background-position: -61px -249px; }
*/
.orderStatusBox .orderIcon{ width: 32px; height: 32px; display: block; margin: 0 auto;}
.orderSubmitted{ background: url("/client/svg/order_icon_sub.svg")}
.orderReviewed{ background: url("/client/svg/review_icon_no.svg")}
.active .orderReviewed,
.active1 .orderReviewed{ background: url("/client/svg/reviewed_icon.svg")}
.orderCancelled{ background: url("/client/svg/cancelled_icon_l.svg")}
.orderPaid{ background: url("/client/svg/card_b.svg")}
.active .orderPaid,
.active1 .orderPaid{ background: url("/client/svg/pay_icon_b.svg")}
.orderRefunded{ background: url("/client/svg/refunded_icon.svg")}
.active .orderRefunded{ background: url("/client/svg/refunded_icon_b.svg")}
.orderProduction{ background: url("/client/svg/produce_icon_pre.svg")}
.active .orderProduction,
.active1 .orderProduction { background: url("/client/svg/produce_icon_l.svg")}
.orderShipped{  background: url("/client/svg/transport_icon_l.svg")}
.active .orderShipped{ background: url("/client/svg/transport_icon_b.svg")}

.plr60{padding-left: 60px!important;padding-right: 60px!important;width: 960px;}
.orderStatus{margin-bottom: 0;}
.orderStatus p{color: #999999;}
.orderStatus .active1 p{color: #2B8CED;}
.orderStatus .active p{color: #2B8CED;}
.orderStatus li{width: 110px; margin-left: 187px; float: left; position: relative}
.orderStatus li:after{content: ""; position: absolute; top:10px; left: 100%; width: 187px; height: 11px;
    background: url("/client/svg/jian_you.svg") no-repeat; background-size: 187px 10px;}
.orderStatus li.active:after{  background: url("/client/svg/dian.svg") no-repeat; background-size: 187px 10px;}
.orderStatus li.active1:after{  background: url("/client/svg/arro_process.svg") no-repeat; background-size: 187px 10px;}
.orderStatus li.active3:after{  background: url("/client/svg/arro_process.svg") no-repeat; background-size: 187px 10px;}
.orderStatus li:last-child:after{display: none;}
.orderStatus li:first-child{ margin-left: 0;}
.maxH160{max-height: 150px;overflow: hidden;}

.hr{border-top: 1px solid #ddd;margin-top: -10px;}
.bgJian{background-image:url("/client/image/order-ico.f9b46a02.png");background-position: 85px -1117px;padding-right: 30px;background-repeat: no-repeat; font-size: 24px;padding-top: 2px;padding-bottom: 2px; }
.hoverYellow a:hover{text-decoration: none;color: #E8BF30;}
/*payment*/
.icon-default{display:inline-block;width: 18px;height: 18px; background: url("/client/image/order-ico.f9b46a02.png") no-repeat -72px -174px;}
.icon-edit{display:inline-block;width: 20px;height: 18px; background: url("/client/image/order-ico.f9b46a02.png") no-repeat -106px -174px;}
.hoverEdit:hover,.hoverRemove:hover{color: #6AB6FF;text-decoration: none;}
.hoverEdit:hover .icon-edit{ background: url("/client/image/order-ico.f9b46a02.png") no-repeat -140px -174px;}
.icon-remove{display:inline-block;width:20px;height: 18px; background: url("/client/image/order-ico.f9b46a02.png") no-repeat -174px -174px;}
.hoverRemove:hover .icon-remove{ background: url("/client/image/order-ico.f9b46a02.png") no-repeat -208px -174px;}
.hoverAddr .pull-right{display: none;}
.hoverAddr.color2{color: #222222!important;}
.hoverAddr.color9:hover{color: #222222!important;}
.hoverAddr:hover .pull-right{display: block;}
.pl12{padding-left: 12px;}
.icon-bg{display:inline-block;width: 67px;height: 38px; background: url("/client/image/order-ico.f9b46a02.png") no-repeat;}
.icon-bank1{background-position: -74px -60px; }
.icon-bank2{background-position: -164px -60px; }
.icon-bank3{background-position: -74px -118px; }
.icon-bank4{background-position: -74px 0;width: 130px; }
.icon-checkbox{width: 10px;height: 10px;background-position: -74px -118px; }
.borderColorc{border-color: #ccc;}
.huiBox{background: #E6E6E6;padding: 30px 30px 0;}
.icon-lock{width: 15px;height: 15px;background-position: -70px -243px;}
.icon-ssl{width: 100px;height: 60px;background-position: -73px -278px;}
.icon-ques{width: 15px;height: 15px;background-position: -103px -243px;}
.icon-ques1{width: 15px;height: 15px;background-position: -75px -210px;}
.icon-email{width: 15px;height: 15px;background-position: -135px -243px;}
.btn-hui{background: #acacac;color: #fff;}
.afterDrop{position: relative;padding-right: 25px;}
.afterDrop:after{content: "";position: absolute;right: 5px;top: 50%;margin-top: -5px;width: 14px;height: 14px;background: url("/client/svg/down-icon.svg") no-repeat ;cursor: pointer;}
.absList{position: absolute;left: 0;right:0;top: 100%;width: auto;max-height: 150px;overflow-y: auto;line-height: 25px;border: 1px solid #cacaca;background: #fff;z-index: 999;padding: 5px 10px;font-size: 12px;font-weight: bold;display: none;}
.area-code-choose-box.afterDrop:after{
    top: 40%;
}
.area-code-choose-box .absList{
    right: -100px;
}
/*大图显示*/
.absBigPic{position: absolute;width: 400px;height: 300px;border: 1px solid #ccc;overflow: hidden;margin-left: 240px;margin-top: -300px;display: none;z-index: 9;background: #fff;}
.absBigPic.mt0{margin-top: 0;}
.absBigPic img{position: absolute;max-width: 1000%;}
.absSmall{    display: none;  position: absolute;  top: 0;  background: #09f;  border: 1px solid #09f; opacity: .3; height: 20px;  width: 20px;  cursor: move;  z-index: 10;}
/*订单详情弹框*/
.detail-main{  padding: 8px 10px 24px;  }
.detail-p1 {  font-size: 24px;  color: #069aff;  padding-left: 10px;  padding-bottom: 3px;  border-bottom: 2px solid #069aff;  }
.detail-p2 {  margin-top: 15px;  padding-left: 10px;  }
.detail-span1 {font-size: 14px;  color: #3a3a3a;  }
.detail-span2 {font-size: 15px;  color: #7c7b7b;  padding-left: 10px;  }
.orderTab a:hover,.orderTab a:focus{text-decoration: none;color: #6AB6FF;}
.orderTab .active{color: #6AB6FF;position: relative;}
.orderTab .active:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 2px solid #6AB6FF;}
/*进度弹框*/
.process em{background: url("/client/image/order-ico.f9b46a02.png") no-repeat -132px -358px;height: 20px;position: relative; }
.process li{padding-top:20px; }
.process em:before{content:"";position: absolute;bottom: 17px;left: 50%;top: -23px;height: auto;border-left: 1px dashed #ddd; }
.process li:first-child em:before{display: none;}
.process em.active{background-position: -168px -358px; }
.process em.active:before{border-left: 1px solid #ddd;}

.process em.activePlay {
    position: relative;
}

.process em.activePlay span {
    position: absolute;
    left: 13px;
    top: 3px;
    background: #eee;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
}

.process em.activePlay:after {
    content: "";
    position: absolute;
    left: 18px;
    top: 3px;
    border: 7px solid #fff;
    border-color: transparent transparent transparent #fff;
    z-index: 99;
}
.none{
    display: none;
}
.numCard{
    display: inline-block;
    min-width: 18px;
    height: 18px;
    background: #ff0000;
    color: #fff;
    line-height: 18px;
    text-align: center;
    border-radius: 9px;
    font-size: 10px;
    position:relative;
    top:-8px;
    left:-12px;
    padding: 0 1px;
}
.icon-cart{background-position: -270px -1113px;width: 24px;height: 22px;}
.icon-cartWhite{background-position: -270px -1162px;width: 24px;height: 22px;}
.icon-btm{background-position: -313px -1114px;width: 14px;height: 14px;}
.icon-btmWhite{background-position: -313px -1163px;width: 14px;height: 14px;}
.absUserList{
    width:240px;
    left: auto;
    right: -80px;
    top: 44px;
    padding: 0;
    margin-left: -60px;
    margin-top: -5px;
    background: #ffffff;
    border-radius: 1px;
    box-shadow: 0px 1px 4px 2px rgba(198,206,221,0.3);
    border: none;
}
.absUserList a .account-new-btn{
    width: 180px;
    height: 30px;
    background: #2b8ced;
    border-radius: 15px;
    color: #fff;
    border: none;
    font-size: 14px;
}
.absUserList li a.hasLogin{line-height: 40px; color: #222222;}
.userInfo:hover .absUserList{display: block;}
.cartList:hover .headCartList{display: block;}
.absUserList.dropdown-menu>li>a:hover {
    color: #2B8CED;
    background-color: #fff;
}
.absUserList.dropdown-menu>li>a.btn,.absUserList.dropdown-menu>li>a.btn:hover {
    color: #fff;
}
.line17{ line-height: 17px;}
.absUserList li {
    padding: 0 30px;
}
.absUserList:before{
    content: "";
    position: absolute;
    right: 90px;
    top: -17px;
    width: 30px;
    height: 17px;
    background: url("/client/svg/topsanjiao.svg");
}
.dropdown-menu.absUserList>li>a{
    padding: unset;
}
.btn-register{background:#F0F9FE!important;color: #0699ff!important;border-color: #E0F1FE!important; }
.btn-register:hover,.btn-register:hover:active{background: #e8f1f6 !important;color: #0699ff!important;}
.relativeCopy{position: relative;}
.relativeCopy:hover .dropLiCopy{display: block;}
#loginClick:hover #loginInnerShow{
    display: block;
}
#loginClicksearch:hover #searchLoginInnerShow{
    display: block;
}
.dropLiCopy{position: absolute;top: 92%;right: -200px;background: #fff;box-shadow: 0 0 10px 1px #ddd;-webkit-box-shadow: 0 0 10px 1px #ddd;}
.dropLiCopy ul{width: 516px;text-align: center; background: #fff;border-radius: 4px;padding: 16px 16px 10px 0;}
.dropLiCopy:after{content: "";position: absolute;right:210px;top: -20px;border: 10px solid #fff;border-color: transparent transparent #fff transparent;}
.dropLiCopy .flileList, .dropLiCopy .flileListNoList{
    display: inline-block;
    width: 150px;
    height: auto;
    vertical-align: top;
}
.dropLiCopy .flileList{
    margin-left: 16px;
    float: left;
}
.dropLiCopy .flileListText{
    width: 148px;
    height: 90px;
    line-height: 70px;
    padding: 8px;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    text-align: center;
    position: relative;
}
.smtFlag{position: absolute;top:0;right: 0;}
.dropLiCopy .flileListNoImg{
    padding-top: 10px;
    float: none;

}
.dropLiCopy .flileListNoImg .flileListNoImg-img{
    display: block;
    width: 80px;
    height: 80px;
    background: url("/client/svg/files_yet.svg");
    margin:0 auto;
}
.dropLiCopy .listLength {
    margin-left: 16px;
    width: 100%;
    height: 32px;
    line-height: 12px;
    font-size: 12px;
    float: none;
    padding-bottom: 15px;
}
.dropLiCopy .noLoginText{
    display: inline-block;
    width: 100%;
    height: 90px;
    line-height: 90px;
    float: none;
    font-size: 12px;
    color: #545454;
}
.imgMaxHeight{
    max-width: 100%;
    max-height: 100%;
}
.dropLiCopy .flileListName{
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 146px;
    color: #545454;
}
.dropLiCopy .flileListName1{
    width: 112px;
    display: inline-block;
    vertical-align: middle;
}
.dropLiCopy .smt-flag{
    font-size: 12px;
    display: inline-block;
    width: 32px;
    color: #ffffff;
    background: #cccccc;
    vertical-align: middle;
    height: 18px;
    border-radius: 4px;
    line-height: 18px;
}
.process em.activePlay:hover span {
    background: #6AB6FF;
}
.steelProcess em{background-position:  -142px -358px; }
.steelProcess em.active{background-position: -178px -358px; }
.wh200{height: 200px;width: 200px;}
.mt60{margin-top: 60px;}
.h20{height: 21px;}
.plr1{padding-left: 1px!important;padding-right: 1px!important;}
/*物流进度*/
.trackProcess li{border-left:1px dashed #d0d2da;}
.trackProcess em{display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: #d2d2d7;position: absolute;  top:3px;right:3px}
.trackProcess em:before {  content: "";  position: absolute;  bottom: 13px;  left: 3px;  top: -30px;  height: auto;  border-left: 1px solid #ddd; display: none; }
.trackProcess em.active{background-position: -169px -359px;}
.trackProcess li{position: relative;min-height: 40px;}
.borderBH{border-bottom: 1px solid #ccc;}
.outBorder{padding:5px;border-radius: 50%;  border:1px solid #fff;display: inline-block;width:14px;height: 14px;position: absolute;vertical-align: middle;left:-7px;}
.trackProcess li:first-child .outBorder{border-color:#2b8ced;}
.trackProcess li:first-child .radioEm{background: #2b8ced;border:1px solid  #2b8ced;}
.trackProcess li:last-child{border-left:none;}
.trackProcess li:first-child {color:#222222;}
/*购物车*/
.pl20{padding-left: 20px;}
.bgf9{background: #f7faff;}
.table-borderB td{border-bottom: 1px solid #ddd!important;border-top: none!important;}
.confirm-table tr td { padding: 10px 20px!important;}
.table-borderB thead td{border-bottom: 1px solid #000!important;}
.w80p{width: 85%;}
.pl10 {  padding-left: 10px;  }
.newcart-main {  width: 890px; border: 1px solid #eaeaea;  padding: 30px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  }
.newcart-main h2.main-title {  font-size: 18px;  color: #000;  font-weight: bold;  line-height: 42px;  margin: 0;  }
.main-cart-headbox {  height: 46px;  line-height: 44px;  border: 1px solid #d9d9d9;  background: #f7f7f7;  }
.main-cart .data-choice {  width: 60px;  }
.main-cart .data-choice input{margin: 0;vertical-align: middle;}
.main-cart .data-commodity {  width: 425px;  }
.main-cart .data-unit {  width: 180px; }
.main-cart .data-opera {  width: 120px;  }
.main-cart-headbox span {  margin-left: 10px; vertical-align: middle; }

.main-cart-list {
    padding: 30px 20px 10px;
    margin-top: 5px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.main-cart-list .absNotice {
    margin-top: -30px;
    padding-bottom: 8px;
    padding-left: 70px;
}
.data-unit .price {  margin-left: 10px;  color: #f04134;  font-size: 18px;  }
.data-unit .unit-span1 {  color: #c4c4c4 !important;  line-height: 36px;  text-decoration: line-through;  font-weight: bold !important;  }
.change-save {  border: 2px solid #069aff;  padding: 5px 0;  line-height: 18px; width: 120px;  margin: 0 auto;  }
.change-save span {  font-size: 14px;  font-weight: bold;  color: #069aff;  margin: 0;  }
.main-cl-propic a img {  max-width: 100%;max-height: 100%;  }
a.main-cl-propic-name {  font-size: 14px;  color: #333;  margin-top: 20px;  display: block;  }
.main-cl-name {  width: 276px;  margin-left: 20px;  overflow: hidden;  height: 90px;  }
.main-cl-name h4 {  margin: 0;  font-size: 16px;  font-weight: normal;  color: #333; padding-bottom: 10px; }
.probox{width:118px; border: 1px solid #e6e6e6;height: 92px;padding: 8px;line-height: 76px;}
.main-cl-name p {
    margin: 0;
    line-height: 20px;
    font-size: 12px;
    word-wrap: break-word;
}
.main-cl-del a {  background: url(/client/image/ico.df65468e.png) -6px -319px no-repeat;  }
.main-cl-edit a {  background: url(/client/image/ico.df65468e.png) -6px -359px no-repeat;  }
.data-opera a {  display: inline-block;  width: 20px;  height: 20px;  }
.shrink-btn a {  height: 20px;  display: block;  background: url(/client/image/icon015.6e2801eb.png) center center no-repeat;  }
.shrink-btn a.up { background: url(/client/image/icon014.b1b348f7.png) center center no-repeat;  }
.main-cart .data-opera div {  margin-bottom: 20px;  padding-top: 5px;  }
.newcart-rightbar {  width: 350px;  border: 1px solid #eaeaea;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  }
.rightbar-inner{ padding: 30px 30px 20px;}
.pb30{padding-bottom: 30px;}
.sec-title {  font-weight: bold;  line-height: 42px;  padding-bottom: 20px;  color: #000; margin: 0;font-size: 14px; }
.rightbar-list {   padding-bottom: 20px;  margin: 0;}
.newcart-rightbar .rightbar-total {  padding: 20px 0 20px;  }
.newcart-rightbar .rightbar-btn .additem-btn {  background: #f7f7f7;  color: #666;  border: 1px solid #d9d9d9;  margin-top: 30px; }
.newcart-rightbar .rightbar-btn .additem-btn em {  font-size: 18px;  margin-right: 20px;  }
.rightbar-list li{line-height: 28px;}
.rightbar-list li span {   font-size: 14px;  }
.newcart-rightbar .rightbar-list li span.pull-right {  color: #333;  font-weight: bold;  }
.newcart-rightbar .rightbar-total span {  color: #fd9500;  font-size: 14px;  }
/*首页*/
.w80{width: 80px!important;}
.color2a{color: #2a2a2a;}
.colorf{color: #fff;}
.colorfb9{color: #fb9100;}
.color9{color: #999!important;}
.color37a{color: #37abff;}
.color8d{color:#8d8d8d;}
.color80{color:#808080;}
.vermi{vertical-align: middle;display: table-cell;}
.line18{line-height: 18px;}
.line26{line-height: 26px;}
.line32{line-height: 32px;}
.mt18{margin-top: 18px;}
.mt80{margin-top: 80px;}
.mt60{margin-top: 60px;}
.mr175{margin-right: 175px;}
.mb120{margin-bottom: 120px;}
.ml30{margin-left: 30px;}
.mr60{ margin-right: 60px;}
.mr6{ margin-right: 6px;}
.borderLRNone{border-left: none;border-right: none;}
.borderRNone{border-right: none!important;}
.borderLNone{border-left: none!important;}
.bgd7{background: #d7d7d7;}
.underline{text-decoration: underline!important;}
.addon28{min-width: 28px;padding-left: 0;padding-right: 0;}
.bannerbox{height: 425px;}
.bannerbox .bd a{display: block;height: 425px;}
.bannerbox a.banner{  background-size: auto 425px;}
.bannerbox a.banner01{background: url(/client/image/home-banner01.60c96861.jpg) center center no-repeat;  background-size: auto 425px;}
.bannerbox a.banner03{background: url(/client/image/home-banner03.96488986.jpg) center center no-repeat;  background-size: auto 425px;}
.titCell{position: absolute;bottom: 15px;left: 0;width: 100%;text-align: center;z-index: 9999;}
.titCell li{background: #fff;width: 8px;height: 8px;border-radius: 50%;display: inline-block;text-align: center;font-size: 0;margin: 0 15px; border: 2px solid #fff;}
.titCell li.on{ background: #0096ff;}
.absBox{position: absolute;right: 20px;bottom: 70px;height: 305px;width: 420px;background: #fff;border-radius: 4px;}
.absBox .cur,.absBox .cur:focus{background:#fff;color: #2a2a2a; }
.mlr-12{margin-left: -12px;margin-right: -12px;}
.plr12{padding-left: 12px;padding-right: 12px;}
.boxShadow{    height: 416px;  padding: 30px 24px 20px;  -webkit-box-shadow: 0 0 2px #ccc;  -moz-box-shadow: 0 0 2px #ccc;  box-shadow: 0 0 2px #ccc;}
.h76{height: 76px;}
.h100{height: 100px;}
.btn-outline{height: 38px;    border: 1px solid #0096ff;  font-size: 14px;  font-weight: bold;  color: #0096ff;  background: #fff;width: 134px;}
.homecont-title {  line-height: 40px;  font-size: 24px;  font-weight: 500;  color: #2a2a2a;  border-left: 2px solid #0096ff;  padding-left: 15px;  }
.boxShadow1{ padding:0 30px;  -webkit-box-shadow: 0 0 2px #ccc;  -moz-box-shadow: 0 0 2px #ccc;  box-shadow: 0 0 2px #ccc;height: 145px;}
.homecont-icon{line-height: 145px;}
.homecont-litext {  margin-left: 75px;margin-top: 20px;  }
.homecont-litext h2 {  font-size: 18px;  color: #2a2a2a;  height: 18px;  margin: 20px 0;  font-weight: normal;  }
.homecont-litext p {  font-size: 12px;  color: #666;  line-height: 20px;  margin: 0;  }
.homecont-scroll .bd1 li{width:204px;margin: 0 48px;}
.hd1 .scrollbtn{position: absolute;top: 50%;margin-top: -8px;z-index: 9999;}
.hd1 .prev{left: 0;}
.hd1 .next{right: 0;}
.subbanbox {  background: #7bd02f;  height: 40px;  }
.homecont-rohs {  margin: 40px auto;  min-height: 500px; background: #fff; padding: 40px 30px 10px;}
.home-orderadd-l {  width: 890px; -webkit-box-shadow: 0 0 2px #ccc;  -moz-box-shadow: 0 0 2px #ccc;  box-shadow: 0 0 2px #ccc;  background: #fff;  }
.home-orderadd-r {  width: 350px;  background: #fff;  padding: 20px 30px 30px;  position: relative;}
.boxShadowRight{ -webkit-box-shadow: 0 0 2px #ccc;  -moz-box-shadow: 0 0 2px #ccc;  box-shadow: 0 0 2px #ccc; }
.home-orderadd-loading:after{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);}
.home-orderadd-r .home-orderadd-abs{position: absolute;top: 45%;left: 45%;margin-left: 10px;display: none;z-index: 99;}
.home-orderadd-loading .home-orderadd-abs{display: block;}
.home-orderadd-tab {  height: 80px;  line-height: 80px;  margin-bottom: 50px;  }
.home-orderadd-tab a {  display: block;  width: 50%;  height: 80px;  text-align: center;  float: left;  background: #d7d7d7; font-size: 18px; }
.home-orderadd-tab a.cur {  background: #fff; }
.home-orderadd-tab a span {
    display: inline-block;
    height: 80px;
    color: #fff;
    font-size: 18px;
    background: url(/client/image/orderadd-icon01-h.ccad6bf5.png) left center no-repeat;
    padding-left: 50px;
}
.home-orderadd-tab a.tab-stencil span {
    background: url(/client/image/orderadd-icon02-h.ad84206d.png) left center no-repeat;
}
.home-orderadd-tab a:focus span, .home-orderadd-tab a.cur span {
    background: url(/client/image/orderadd-icon01.2becdedb.png) left center no-repeat;
    color: #2a2a2a;
}
.home-orderadd-tab a.tab-stencil:focus span, .home-orderadd-tab a.tab-stencil.cur span {  background: url(/client/image/orderadd-icon02.a17d83f3.png) left center no-repeat;  }
.gerberfile input {  width: 100%; height: 100%; cursor: pointer;  text-decoration: none;  position: absolute;  right: 0;  top: 0;  filter: alpha(opacity=0);  opacity: 0;  }
.main-btn-group {  margin-top: 30px;  }
.home-orderadd-l .main-btn-group label {
    width: 180px;
    line-height: 26px;
    margin-bottom: 0;
    text-align: right;
    float: left;
    margin-right: 20px;
    font-size: 14px;
}
.main-btn-group label a {
    padding-left: 5px;
    display: inline-block;
}
.main-btn-group label a span {
    color: #96d0fa;
}
.btnlg{padding:3px 20px;margin-right: 5px;border-radius: 0;}
.btnlg:last-child{margin-right: 0;}
.inputH28{border-radius: 0;height: 28px;text-align: center;width: 100px!important;font-size: 14px;}
.selectH28{height: 28px;line-height: 26px;padding-top: 0;padding-bottom: 0;min-width: 411px;}
.qtySelect{border-radius: 0;height: 28px;width: 100px!important;text-align: left;line-height: 1;}
.mlr40{margin-left: 40px;margin-right: 40px;}
.listNote li i {
    display: inline-block;
    _display: inline;
    width: 4px;
    height: 4px;
    background: #37abff;
    margin-right: 16px;
    vertical-align: middle;
}
.buildList li{line-height: 24px;margin-bottom: 10px;}
.saveCart {
/*    width: 218px;*/
    height: 40px;
    padding: 0;
    line-height: 40px;
    font-weight: bold;
    border: none;
    outline: none;
    color: #fff;
}
.btnlg.cur ,.btn-default.cur{
    border-color: #37abff;
    background: url(/client/image/home-icon-cur.a1425b7e.png) right bottom no-repeat #fff;
}
button i {  display: inline-block;  width: 10px;  height: 10px;  -webkit-border-radius: 100px;  -moz-border-radius: 100px;  border-radius: 100px;  margin-right: 5px;  }
button.green i {  background: #32b16c;  }
button.red1 i {  background: #e60012;  }
button.yellow i {  background: #fff100;  }
button.blue1 i {  background: #00479d;  }
button.white i {  background: #eee;  }
button.black i {  background: #000;  }
.inputGr input{height: 28px;padding:0;text-align: center;border-radius: 0;}
.inputGr .input-group-addon{padding-left: 0;padding-right: 0;text-align: center;width: 60px!important;font-size: 12px;border-radius: 0;}
.absExample{position: absolute;left: 100%;bottom: -200px;width: 300px;z-index: 999;display: none;}
.absExample1{position: absolute;left: 100%;bottom: -40px;width: 300px;z-index: 999;display: none;}
.relative:hover .absExample{display: block;}

.btnList {
    position: absolute;
    top: 27px;
    left: 0;
    width: 600px;
    background: #fff;
    padding: 20px;
    border: 1px solid #d7d7d7;
    border-top: 0;
    box-shadow: 0 2px 2px #e0dede;
    -webkit-box-shadow: 0 2px 2px #e0dede;
    -moz-box-shadow: 0 2px 2px #e0dede;
    z-index: 9999;
}
.btnList .btn{border-radius: 0;width: 100px;height: 28px;margin: 0 5px 10px;}
.btnList  li{float: left;}
.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default:active{outline: none;}
.explanation-span {  display: inline-block;  background: url(/client/image/explan.25ceff79.png) scroll 0 0 no-repeat;  width: 18px;  height: 18px;  margin-right: 10px;  }
.explanation-success {  background-position: 0 -142px;  }
.explanation-sp1{    background-position: 0 -93px;}
.failed-p1 {  font-size: 22px;  font-weight: bold;  color: #000;  line-height: 24px;  }
.failed-p2 {  font-size: 18px;  font-weight: bold;  color: #000;  line-height: 20px;  margin: 25px 0 20px;  }
.proce-image span{padding: 10px;width: 47%;min-height: 230px;line-height: 220px;}
.green{  color: green;}
.progress-bar{background-color: #3280fc;}
.absCartPic{margin-top: -210px;left: 10px;}
.height100{height: 100%;}
/*钢网弹框*/
.w1000{width: 1000px!important;}
.padBox{padding: 45px 40px!important;}
.pr0{padding-right: 0;}
.icon-left:after{content:"";background: url("/client/image/order-ico.f9b46a02.png") no-repeat -76px -580px;position: absolute;left:0;top: -11px;width: 10px;height: 20px; }
.icon-right:after{content:"";background: url("/client/image/order-ico.f9b46a02.png") no-repeat -100px -580px;position: absolute;right:0;top: -11px;width: 10px;height: 20px; }
.w155line{width: 150px;display: inline-block;border-top: 1px solid #000;position: relative; margin-top: 10px;}
.h80line{display: block;border-left: 1px solid #000;position: relative;height: 80px;}
.icon-top:after{content:"";background: url("/client/image/order-ico.f9b46a02.png") no-repeat -170px -587px;position: absolute;left:-7px;top: 0;width: 20px;height: 10px; }
.icon-bottom:after{content:"";background: url("/client/image/order-ico.f9b46a02.png") no-repeat -132px -584px;position: absolute;left:-7px;bottom: 0;width: 20px;height: 10px; }
.w55{width: 55px;}
.solidBox{border: 1px solid #D0D5D9;border-radius: 3px;height: 200px;width: 400px;padding: 63px 140px;background: #fff;}
.bgImg{background:  url("/client/image/order-ico.f9b46a02.png") no-repeat -75px -492px;height: 70px;}
.ml55{margin-left: 58px;}
.plr30{  padding-left:30px;padding-right: 45px; }
.dashBox{width: 400px;height: 200px;border: 1px dashed #D0D5D9;border-radius: 3px;margin-top: 30px;text-align: center;background: #F5F8FA;padding: 18px 80px 20px 50px;}
.w236{width: 236px;height: 120px;padding: 25px 60px;}
.h35line{display: block;border-left: 1px solid #000;position: relative;height: 35px;}
.w80line{width: 80px;display: inline-block;border-top: 1px solid #000;position: relative; margin-top: 10px;}
.w70{width: 70px;}
.w80{width: 80px;}
.ml30{margin-left: 30px;}
.w30{width: 30px;}
.inline-block{display: inline-block;}
.h50{line-height:50px;height: 50px;}
.inputh25 input{height: 25px;width: 55px;}
.inputh25 .input-group-addon{padding: 4px 12px;height: 25px;}
.bg-close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;background: url("/client/image/order-ico.f9b46a02.png") no-repeat -206px -580px;display: block;}
.w15{width: 15px;}

/*售后回复*/
.borderColore{border-color: #ebebeb;}
.plr75{padding-left: 75px;padding-right: 75px;}
.mb35{margin-bottom: 35px;}
.txtArea{resize: none;height: 180px;width: 100%;border-color: #EBEBEB;border-radius: 4px;padding: 12px 20px;}
.imgBox{border: 1px dashed #dbdbdb;padding: 8px;height: 230px;}
.imgBox p{margin-bottom: 0;}
.imgBox img{height: 175px;}
.line210{line-height: 210px;}
.uploadBox{padding: 20px 0;border: 1px dashed #ddd;}
.uploadBox input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}
.icon-upload{width: 65px;height: 65px;background-position: -72px -658px;}
.icon-reply{width: 20px;height: 16px;background-position: -180px -1402px; vertical-align: middle;margin-left: 5px;}
.absLeft{position: absolute;left: 0;top: 0;}
.pl110{padding-left: 110px;}
.dashBorder{border-top-style: dashed;}
.pl130{padding-left: 130px;}
.w720{width: 710px;}
.ml37p{margin-left: 37.5%;}
.ml25p{margin-left: 25%;}
.ml12p{margin-left: 12.5%;}
.absClose{position: absolute;top: 3px;right: 5px;}
.absShow{position: absolute;bottom: 13px;right: 8px;}
.icon-bigShow{width: 23px;height: 22px;background-position: -150px -618px;}
.ico-result{width: 20px;height: 21px;background-position: -110px -620px; vertical-align: middle;margin-right: 8px;}
.ico-service{width: 20px;height: 19px;background-position: -350px -1113px; vertical-align: middle;margin-right: 8px;}
.huang{color:#FFBB3C; }
.bgColor{position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: #000;opacity: .5;filter: alpha(opacity=50);-ms-filter: alpha(opacity=50);}
.absBigImg{position: fixed;left: 0;right: 0;top: 50%;text-align: center;z-index: 999;}
.absBigImg img{max-height: 100%;max-width: 100%;}

/*新订单列表*/
.newOrderHead{ background: #f7faff;}
.newOrderHead span{float: left;}
.newOrderHead .w405{width: 405px;}
.w76 { width: 76px !important; }
.w130 { width: 130px !important; }
.w195{width: 195px;}
.w180{width: 180px;}
.w140{width: 140px;}
.w119{width: 139px;}
.w220{width:220px;}
.w230{width: 230px;}
.w445{width: 445px;}
.w275{width: 275px;}
.w290{width: 290px;}
.w130{width: 130px;}

.newOrderHead .w395{width: 395px;}
.newOrderTable{}
.newOrderTable .thead-line{ height: 10px; width: 1px; background: #D2D2D7; margin: 0 6px}
.newOrderTable thead td{vertical-align: middle!important;padding-top: 6px!important;padding-bottom: 6px!important;height: 35px;}
.icon-edit:hover{ background: url("/client/image/order-ico.f9b46a02.png") no-repeat -140px -174px;}
.icon-remove:hover{ background: url("/client/image/order-ico.f9b46a02.png") no-repeat -208px -174px;}
.pl15{padding-left: 15px!important;}
.newOrderTable tbody .afterLine{position: relative;}
.newOrderTable tbody .afterLine:after{content:"";position:absolute;top:10px;bottom:10px;right:0;border-left: 1px dashed #e6e6e6;height: auto;display: inline-block;}
.h110{height: 110px;line-height: 90px;}
.h130{height: 130px;line-height: 110px;}
.h148{height: 130px;line-height: 128px;}
.icon-pay{width: 18px;height: 18px;background-position:-73px -750px; vertical-align: middle;margin-left: 5px;}
.icon-approved{width: 18px;height: 18px;background-position:-110px -750px; vertical-align: middle;margin-left: 5px;}
.icon-review{width: 18px;height: 18px;background-position:-145px -750px; vertical-align: middle;margin-left: 5px;}
.icon-progress{width: 18px;height: 18px;background-position:-177px -750px; vertical-align: middle;margin-left: 5px;}
.icon-failure{width: 18px;height: 18px;background-position:-213px -750px; vertical-align: middle;margin-left: 5px;}
.icon-track{width: 18px;height: 18px;background-position:-74px -795px; vertical-align: middle;}
.icon-inproduction{width: 24px;height: 22px;background:url("/client/image/inproduction.e0034b59.png") no-repeat; vertical-align: middle;margin-left: 5px;}
.plr5{padding-left: 5px;padding-right: 5px;}
.btn-supple{background: #fff!important;color:#0F9BFD;border-color:#0F9BFD; }
.btn-supple:hover,.btn-supple:active{background: #fff!important;color:#0F9BFD;border-color:#0F9BFD; }
/*.order-edit{display: none;}*/
.order-edit a{margin-left: 0;vertical-align: middle;}
/*.newOrderTable:hover .order-edit{display: inline-block;}*/
.newBorder{border: 1px solid #ccc;padding: 4px 0;margin-left: 5px!important;background: #fff;border-radius: 4px;width: 101px;text-align: center;font-size: 12px;}
.displayTabl{display: table; width: 100%;}
.table-cell{display: table-cell;padding: 20px 10px 20px 20px;position: relative;}
.table-cell.pl0{ padding-left: 0;}
.table-cell.pr0{ padding-right: 0;}
.displayTabl .table-cell:last-child{width: 40%;}
.truncate{line-height: 20px;overflow: hidden;text-wrap:normal;word-wrap: break-word;}
.h100p{height: 100%;}
.maxH100p{max-height: 100%;}
.mt-180{margin-top: -190px;}
.line106{line-height: 106px;}
.minH190{min-height: 190px;}
.w60{width: 60px;}
.maxw165{max-width: 165px;}

.readonyBg{background: #fff!important;opacity: .65!important;}
.reorderSuccess{position: absolute;left:0;top:0;  background: url(/client/image/ico.df65468e.png) no-repeat -7px -397px;width: 20px;height: 20px; display: none;}

/*address的样式*/
.addressTable .current td{background-color:lightblue!important;}
.addressTable thead td{color: #333;font-weight: bold;}
/*addressEdit的样式*/
.addressEdit .title{background-color: #0059e3;color: #fff;}
.addressEdit .title .f18{font-size: 18px;font-weight: 700;line-height: 25px;}
.addressEdit .title .f14{font-size: 14px;line-height: 25px;}
.fw700{font-weight: 700;}
.mb20{margin-bottom: 20px;}
.addressEdit .btnGreen,
.addressEdit  #btnCancel{color: #fff;font-size: 16px;border: 1px solid #588a10;}
.addressEdit  .btnGreen{background-color: #588a10;}
.addressEdit  .btnGreen:hover{background-color: #588a10!important;}

.btn-warning.disabled{background: #eee;border-color: #eee;}
.scrollLeft{position: static;top: 60px;}
.borTB{border-bottom: 1px solid #ddd;padding-top: 15px;padding-bottom: 5px;}
.borderB{border-bottom: 1px solid #ddd;}
.h430{height: 430px;}
.h45{height:45px;}
.w900{width: 900px;}
.w1000{width: 1000px;}
.pb100{padding-bottom: 230px;}
.pl30{padding-left: 30px!important;}
.pr30{padding-right: 30px;}
.mt2{margin-top: 2px!important;}
.mt50{margin-top:50px;}
/*删除弹框*/
.deleteHead{padding: 0.4em 0.5em 0.4em 1em;border: 1px solid #dddddd;  background: #e9e9e9;  color: #333333;  font-weight: bold;border-radius: 3px;}
.deleteBody {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}
.overflow_auto {
    overflow: auto !important;
}
.process-hints{
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.process-btnno{
    background-color: #9dbfd7;
    border-color: #9dbfd7;
}
.process-btnno:hover{
    background-color: #96b6cd;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
    text-align: center;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}
.ui-dialog-buttonset {
    margin: .5em .4em;
    background: #dcdcdc;
    color: #afafaf;
    height: 30px;
    width: 90px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #afafaf;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    padding: 0;
}
.pad3{padding: 3px;}
.w400{width: 400px;}
/*审核失败原因弹框*/
.danger-outline{background: #FFF5F5;border:1px solid #F87171;color: #F87171;height: 26px;width: 80px; line-height: 1;}
.w630{width: 630px;}
.pad20{padding: 20px!important;}
.pad5{padding: 5px;}
.indent2{text-indent: 2rem;}

.borderBD {
    border-bottom: 1px dashed #aaa;
}

.borderRed {
    border-color: red;
}

/*placeholder*/
:-moz-placeholder,
::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ddd;
    font-weight: normal;
}
/*placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #c2c2c2;
    font-size: 14px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #c2c2c2;
    font-size: 14px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #c2c2c2;
    font-size: 14px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #c2c2c2;
    font-size: 14px;
}

.nullHint {
    border-color: #f56c6c !important;
}

.w350 {
    width: 350px !important;
}
.w360 {
    width: 360px !important;
}

.w300 {
    width: 300px !important;
}
.textIndent {
    text-indent: 56px;
    margin-bottom: 0;
}

/*--------新增发货-------*/
.shippingArea {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #707070;
    position: relative;
    top: 0;
}
.shippingDown{width: 14px;height: 14px;position: absolute;}
.shippingDown.up{background: url("../../images/up.ba078a46.png")no-repeat center center;}
.shippingDown.down{background: url("../../images/down.2d2bf2d7.png")no-repeat center center;}
.body-bottom input[type="radio"]{position: relative;top:-3px;}

.mask{width:100%;height: 100%;position:fixed;top:0;left:0;right: 0;bottom:0;background:#000;opacity: 0.2;
    filter:alpha(opacity=0.2);display: none;  z-index:999;}

.openDiv1 {
    width: 500px;
    box-shadow: 0px 0px 10px #959697;
    position: fixed;
    top: 50%;
    margin-top: -170px;
    left: 50%;
    border: 1px solid #a1a1a1;
    margin-left: -320px;
    z-index: 1000;
    padding: 0px 0px 50px;
    display: none;
    background-color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    behavior: url(../plug/PIE.htc);
}
.openDiv1-top{padding-left: 20px;height: 43px;}
.openDiv1-top>.title{line-height: 63px;font-size: 18px;font-weight: 600;margin-bottom: 0;}
.body-bottom li{margin-bottom: 20px;}
.openDiv1-bottom {padding-left:20px; max-height: 350px;  overflow: auto;}
.closeOpenDiv1{padding-right:20px;padding-top: 25px;color:#bbbec3;font-size: 16px;}

.downOpenIcon {
    position: relative;
    top: 2px !important;
    cursor: pointer;
    color: #666666;
    left: 2px;
}
.openDiv1-bottom strong{font-weight: bold;}


/*----------------修改头部--------------------*/
li{list-style: none;}
.subMenuBox{
    position: absolute;
    height: 250px;
    background: #fff;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 99;
    padding-top: 60px;
    box-shadow: 0px 2px 3px 0px rgba(198,206,221,0.3);
}
.subMenuBox li{  margin-right:150px;float: left;}
.subMenuBoxMask{
    position: fixed;
    top: 110px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    /*background: #0a143e;*/
    opacity: 0.06;
    display: none;
}
.navHeadUl li:hover a{color:#2b8ced;font-weight: normal;}
.w180{width:180px;}
.mr12{margin-right:12px;}
.partLine{height:1px; width:200px;margin-left: -10px; background-color: #ecf0fb;}



.color999 {
    color: #999999 !important;
}

.color4d9 {
    color: #4d90ce !important;
    margin-top: -2px;
}
.hoverNone{display: inline-block;}
.headerUl .li{float: left; text-align: center; position: relative;margin-left: 30px;}
.curCodeText1{position: absolute;  top:11px;  color:#4d90ce!important; font-weight: 600;left:44px; z-index:1;line-height: 13px;}
.curCodeText1.current-country{
    position: unset;
    line-height: 36px;
    margin-left: 45px;
    color:#222222!important;
    font-weight: normal;
}
.headerCountryIcon{ vertical-align: middle!important;}
.countryCode{line-height: 30px;}
#noticeTopMsg p{margin-bottom: 0; line-height: 38px!important;}
.notice-content{color: #50748e;}
.notice-content p{margin-bottom: 0;}

.iconfontDown{position: absolute;right: 0;width: 16px;height: 16px;top:13px;}
.iconfontDown.up{background: url("../../images/up.ba078a46.png")no-repeat;}
.iconfontDown.down{background: url("../../images/down.2d2bf2d7.png")no-repeat;}
/*::-webkit-scrollbar {
    height:15px;
    background-color: rgba(255,255,255,.3);
}*/

/*国家选择弹出框的样式的开始*/
.mask{width:100%;height: 100%;position:fixed;top:0;left:0;right: 0;bottom:0;background:#000;opacity: 0.2;
    filter:alpha(opacity=0.2);display: none;  z-index:999;}
.openDiv{width: 500px;box-shadow: 0px 0px 10px #959697;position:absolute;top:30%;left: 50%;border:1px solid #a1a1a1;margin-left: -320px;z-index:1000;padding-bottom: 30px;display: none;
    background-color: white;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;behavior: url(../plug/PIE.htc);}
.modal_ship_1 .modal_title {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    padding: 33px 0 14px 0;
    border: none;
    color: #333;
    font-weight: bold;
}
.modal_ship_1 p {
    font-size: 12px;
    color: #333;
    line-height: 18px;
    text-align: center;
    margin: 0;
}
.modal_ship_1 .modal_ship_con {
    padding: 0 62px 50px;
}
.modal_ship_1 .modal_ship_con .country b, .modal_ship_1 .modal_ship_con .currency b {
    padding: 10px 0;
    color: #999;
    font-weight: normal;
    display: block;
}
.modal_ship_1 .modal_ship_con .country {
    padding-top: 13px;
}
.country_list .active{
    border: solid 1px #eeeeee;
    border-radius: 2px;
    width: 370px;
    position: relative;
    box-sizing: border-box;
    color: #333;
    font-weight: bold;
    display: inline-block;
    height: 36px;
    line-height: 36px;
}
.country_list #nowFlag1{
    border: solid 1px #eeeeee;
    border-radius: 2px;
    width: 370px;
    position: relative;
    box-sizing: border-box;
    color: #333;
    left:-64px;
    min-height:36px;
    z-index:1;
}
#nowFlag1 .countryCode {position: absolute;  top:8px;  color:#4d90ce!important; font-weight: 600;left:44px; z-index:1;line-height: 13px;}
#nowFlag1 img{padding-top: 5px;padding-left: 10px;}

.countryExchangeRateListDiv {
    width: 370px;
    height: 228px;
    overflow-y: scroll !important;
    overflow-x: hidden;
    background: white;
    border: 1px solid #d7d7d7;
    z-index: 100;
    margin-top: -4px;
    top: 100%;
    left: 0;
    position: absolute;
}
#countryExchangeRateList1{padding-left:10px;}
.modal_ship_con .currency_list {
    position: relative;
    cursor: pointer;
    z-index: 5;
    background-color: white;
}
.modal_ship_1 .modal_ship_con .currency_list .active {
    padding-left: 12px;
}
.new-search-country-icon{
    position: absolute;
    right: 10px;
    z-index: 200;
    top: 8px;
}
.modal_ship_con .currency_list .active {
    border: solid 1px #eeeeee;
    border-radius: 2px;
    width: 370px;
    position: relative;
    box-sizing: border-box;
    color: #333;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
}
.modal_ship_con .currency_box {
    width: 370px;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    margin-top:9px;
    height:270px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background: #fff;
}
.modal_ship_1 .modal_ship_con .currency_box li {
    /*padding: 5px 8px;*/
    float: left;
    width: 76px;
    /*margin: 5px 11px 5px 0;*/
    box-sizing: border-box;
    color: #333;
    width: 33.333%;
    text-align: center;
    margin-bottom: 10px;
}
.modal_ship_con .currency u {
    text-decoration: none;
    display: inline-block;
    width: 25px;
    padding-left: 5px;
    color: #bbb;
}
.modal_ship_1 .modal_ship_con .currency_box li:hover{
    background: #f2f2f2;
    color:#ec7612;
}
.submit .cancle {
    background: #f2f2f2;
    border-radius: 2px;
    border: solid 1px #ddd;
    margin-right: 10px;
    color: #333;
    width: 180px;
    height: 36px;
    float: left;
}
.submit .save {
    border: none;
    padding: 0;
    width: 180px;
    height: 36px;
    float: left;
    background: #ec7612;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 12px;
    color:white;
}
.arrow_a{
    position: absolute;
    right: 0px;
    top: 7px;
    width:20px;
    height: 20px;
}
.arrow_a i {
    width: 0;
    height: 0;
    border: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #999;
    display: block;
    position: relative;
    margin: 0;
    bottom: -7px;
    left: 6px;
}

.currency_box {
    height: 434px;
    padding: 8px 0px;
    margin: 0px;
    width: 370px;
    opacity: 1;
    overflow-y: auto;
    z-index: 2;
}
.country_search>input {
    border: none;
    line-height: 28px;
    color: #222222;
    width: 368px;
    box-sizing: border-box;
    padding: 4px 4px 4px 8px;
    border-radius: 0;
    font-size: 14px;
}
.country-down-icon{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all linear 0.1s;
}
.new-arrow-icon-down{
    background-image: url("/client/svg/open_icon.svg");
}
.new-arrow-icon-up{
    background-image: url("/client/svg/up-icon.svg");
}
#countryExchangeRateList1 li:hover font{color:#db6612;  cursor:pointer;}
.country_search{height: 36px;position: relative;}
.country_search .iconfont{position: absolute;  left:8px;top:6px;z-index:1;font-size: 18px;}
.country_search>input{position: absolute;}
.country_search:hover input{border-bottom: 1px solid #f2f2f2;}
.shipColor{margin-right: 10px!important;}
#nowFlag{  color: #333333 !important;}
.headerLine{color:white !important;}
/*字体图标*/
/*@font-face {*/
    /*font-family: 'iconfont';*/
    /*src: url('../../fonts/iconfont.eot');*/
    /*src: url('../../fonts/iconfont.eot?#iefix') format('embedded-opentype'),*/
    /*url('../../fonts/iconfont.woff') format('woff'),*/
    /*url('../../fonts/iconfont.ttf') format('truetype'),*/
    /*url('../../fonts/iconfont.svg#iconfont') format('svg');*/
/*}*/
/*.iconfont{*/
    /*font-family:"iconfont" !important;*/
    /*font-size:16px;font-style:normal;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-webkit-text-stroke-width: 0.2px;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/

.openDiv .absHead{display: block;}
.currency_box li{list-style: none;}
/*.inputchang:hover{border-bottom: 2px solid #7382c6;}*/
/*国家选择弹出框的样式的结束*/
/*国家的字体图标*/
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    font-size:24px;
}
#countryExchangeRateList1 li{min-height:24px;position:relative;margin-bottom: 8px;}
#countryExchangeRateList1 li>svg{position:absolute;}
#countryExchangeRateList1 li>.liText{position:absolute;left:25px;min-width: 150px;line-height:16px;top:6px;}
.svgBg{width:40px;height:34px;background-color:#f0f0f0;display: inline-block;position: absolute;left:0;top:0; }
.svgBg>.icon{position: absolute;left:5px;top:5px;}
.svgBgLi{width:38px;height:24px;background-color:#f0f0f0;display: inline-block;position: relative;top:5px;}
.svgBgLi>svg{position:absolute;left:7px;top:0px;}
.mr38{margin-right: 38px;}
.mr30{margin-right: 30px;}
/*底部cookie*/
.cookieNote {
    position: fixed;
    bottom: 0;
    left: 10%;
    width: 80%;
    min-width: 1200px;
    color: #222;
    font-size: 12px;
    /*display: none;*/
    min-height: 100px;
    opacity: 1;
    background: #ffffff;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 20px 0px rgba(110,127,156,0.20);
    z-index: 999;
}

.cookieNote .contentBox {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
}

.cookieNote .contentBox .title{
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.cookieNote p {
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    line-height: 20px;
}

.cookieNote p a {
    color: #222;
}
.cookieNote p a:hover {
    color: #2b8ced;
}

.cookieNote p a:focus, .cookieNote p a:active {
    text-decoration: none;
}

.cookieNote .btn {
    width: 120px;
    height: 34px;
    opacity: 1;
    background: #2b8ced;
    border: 1px solid #2b8ced;
    border-radius: 4px;

    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Semibold;
    /*font-weight: 600;*/
    color: #ffffff;
    line-height: 20px;
}
/*footer新*/
.w1008{width: 1008px;}
.mb62{margin-bottom: 62px;}
.newFooter .tit {
    line-height: 1;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: Arial-BoldMT;
    color: #1F2D3D;
}
.newFooter .contain {
    color: #666666;
    line-height: 1;
    margin-bottom: 10px;
    font-family: ArialMT;
    display: block;
    font-size: 14px;
}
.pt40{padding-top: 40px;}
.footerWidth #footer_us_2 ,.footerWidth #footer_us_1{    font-family: ArialMT;  font-size: 14px;  color: #91A1B7;}
.newPro {
    font-family: ArialMT;
    font-size: 14px;
    color: #5E6D82;
    line-height: 22px;
}
.headerUl .li.relative:hover .dropLi{display: block;}
.dropLi{position: absolute;top: 100%;left: 50%;margin-left: -110px;display: none;z-index: 9999;}
.dropLi ul{width: 220px;background: #fff;border-radius: 4px;padding: 10px 5px;box-shadow: 0 0 10px 1px #ddd;-webkit-box-shadow: 0 0 10px 1px #ddd;}
.dropLi ul:after{content: "";position: absolute;left: 50%;top: -20px;border: 10px solid #fff;border-color: transparent transparent #fff transparent;}
.home-header-cont .dropLi ul li{line-height: 30px;font-size: 14px;font-family: 'Arial-BoldMT';float: none;margin: 0;height: 30px;line-height: 30px;color: #aaa;}
.home-header-cont .dropLi ul li a{color: #333;font-size: 14px;    font-family: 'Arial-BoldMT';}
.afterDr:after{ content: "";position: absolute;right: -10px;top: 24px;
    display: inline-block;
    border: 5px solid #fff;
    border-color: #2a2a2a transparent transparent transparent;}

/*发票页*/
.maxw1440 {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}
.pt68{ padding-top: 68px;}
.invoice-top-btn{
    width: 112px;
    height: 34px;
    margin-right: 20px;
    border-radius: 17px;
    background: #F4FAFF;
    font-size: 12px;
}
.download {
    border: 1px solid #F5730A;
    color: #F5730A;
}
.download:hover, .download:focus{
    color: #F5730A;
}
.print {
    border: 1px solid #069AFF;
    color: #069AFF;
}
.print:hover, .print:focus{
    color: #069AFF;
}
.invoice-head-right-title-de {
    height: 73px;
    font-size: 52px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 26px;
    color: #bbbbbb;
    line-height: 73px;
}
.invoice-head-right{
    width: 334px;
    padding: 20px;
    border: 1px solid #cccccc ;
}
.invoice-head-right span{
    display: inline-block;
    width: 104px;
}
.invoice-head-right p:last-child{
    margin-bottom: 0;
}
.borderTW {
    border-top: 2px solid #ddd;
    margin-top: 30px;
    padding-top: 40px;
}
.bg333{ background: #333333;}
.bgf2{ background: #F2F2F2;}
.invoice-table{
    /*border: 1px solid #333333;*/
    border-bottom: 1px solid #333333;
}
.invoice-table tr{ border-left: 1px solid #333333; border-right: 1px solid #333333; }
.invoice-table.table>tbody>tr>td{ border-top: none; padding: 0 8px; line-height: 50px;}
.invoice-table.table>tbody>tr>th{ padding: 0 8px; line-height: 40px; font-weight: normal}
.bgef{ background: #efefef;}
.invoice-money{ text-align: right}
.invoice-money span{ display: inline-block; width: 110px;}
.invoice-money span:first-child{ font-weight: bold; text-align: left;}
.invoice-money p{padding-right: 40px;}
.orderExpressDeFooter div{
    width: 33%;
    float: left;
}
.orderExpressDeFooter p{
    margin-bottom: 5px;
}
.orderExpressDeFooter p.mb15{ margin-bottom: 15px}
.w130 {
    width: 130px;
}

.ml18 {
    margin-left: 18px;
}

.ml35 {
    margin-left: 37px;
}

.text-left {
    text-align: left;
}

.borderTNone {
    border-top: none !important;
}

.borderBNone {
    border-bottom: none !important;
}
.pb160{ padding-bottom: 160px}
@media print {
    body {
        min-width: 500px;
        width: 100%;
    }

    a[href]:after {
        content: none !important;
    }

    .printHide {
        display: none;
    }

    .maxw1000 {
        max-width: 1500px;
        width: 100%;
        margin-left: 0;
    }
    #beacon-container{
        display: none;
    }
    #launcher{
        display: none;
    }
    .savePDF.pad40{
        padding: 0!important;
    }
    .invoice-table.table>tbody>tr>td{ border-top: 1px solid #333333}
    .invoice-table.table>tbody>tr>th{ border-top: 1px solid #333333}
    .pb160{ padding: 0}
}
.h28{height: 28px;}
/*绑定订单cart*/
.pt0{padding-top: 0!important;}
.color5{color: #525252!important;}

/*阻抗神器*/
.line80 {
    line-height: 80px;
}

.borderBc {
    border-bottom: 1px solid #cddbe4;
}

.bordercd {
    border: 1px solid #cddbe4;
}

.w280 {
    width: 280px;
}

.ml40 {
    margin-left: 40px;
}

.calculatorBox {
    border: 1px solid #cddbe4;
    padding: 20px 15px 0;
}

.w680 {
    width: 680px;
}

.btn.active {
    border-color: #37abff;
    background: url(/client/image/home-icon-cur.a1425b7e.png) right bottom no-repeat #fff;
}

.w620 {
    width: 620px;
    padding-left: 0;
    padding-right: 45px;
}
.w520{width: 520px;}
.calculatorBox {
    height: 541px;
}

.calculatorBox .w160 {
    width: 160px;
}

.h145 {
    height: 145px;
}

.pt15 {
    padding-top: 15px;
}

.pad15 {
    padding: 15px;
}

.impedanceType figcaption {
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

.impedanceType figure img {
    width: 204px;
}

.impedanceType figcaption ul {
    margin-left: 15px;
    margin-bottom: 0;
}

.impedanceType figcaption li {
    float: left;
    width: 115px;
    margin-bottom: 10px;
    font-weight: bold;
}

.btn-default:hover, .btn-default:active, .btn-default:visited, .btn-default.active {
    background-color: #fff !important;
}
.btn-primary:hover {
    background-color: #286090!important;
}
.verB {
    vertical-align: bottom;
}

.font15 {
    font-size: 15px;
}

.bgf0 {
    background: #F0F9FE;
}

.tdplr10 {
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
}

.tdplr10 td, .tdplr10 th {
    padding-left: 20px;
    line-height: 40px;
    vertical-align: middle !important;
}

.tableBor {
    border-radius: 5px;
    border: 1px solid #ddd;
}

.font24 {
    font-size: 24px;
}

.space2 {
    letter-spacing: 1px;
}

.bg-green {
    background-color: #57AF65;
    color: #fff;
}

.bg-yellow {
    background-color: #E8A401;
    color: #fff;
}

.bg-orange {
    background-color: #FFC501;
    color: #fff;
}

select[disabled] {
    background: #fff !important;
}

.borderRed, .borderRed * {
    border-color: red !important;
}

.borderBg {
    background: #eee;
}

.ml485 {
    margin-left: 485px;
}
.ml390{margin-left: 390px;}

/*进度视频*/
.absVideo {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 280px;
    margin-left: -250px;
    margin-top: -140px;
    z-index: 9999;
    padding-top: 20px;
}

.videoModal video{
    background: #000;
    -webkit-box-shadow: 0px 0px 100px rgba(0, 160, 210, 0.20);
    box-shadow: 0px 0px 100px rgba(0, 160, 210, 0.20);
    -moz-box-shadow: 0px 0px 100px rgba(0, 160, 210, 0.20);
}

.closeModal {
    position: absolute;
    right: 0px;
    top: -10px;
    color: #000;
    display: block;
    font-size: 28px;
    font-family: Arial;
    -webkit-box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.20);
    box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.20);
    -moz-box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.20);
    z-index: 2;
}

/*小金库*/
.navTab .active a {
    border: none !important;
    color: #089EFD !important;
    position: relative;
    /*cursor: pointer !important;*/
}

.navTab li a {
    padding: 10px 50px 10px 30px;
}
.navTab .active a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #089EFD;
}

.borderDash td {
    padding-left: 20px !important;
}

.borderDash tbody td {
    border-top: 1px dashed #ddd !important;
}

.borderDash tbody tr:first-child td {
    border-top: none !important;
}
.borderDash tbody tr:last-child td {
    border-bottom: 1px dashed #ddd !important;
}

.colorRe {
    color: #892024;
}
.colorRed{
    color: red;
}

.aUnderline {
    display: inline-block;
    padding: 1px 5px;
    border-bottom: 1px solid #089EFD;
}

.bg799 {
    background: #799cb2;
    border-color: #799cb2;
    color: #fff;
}

.bg799:hover, .bg799:active, .bg799:visited {
    background: #799cb2 !important;
    color: #fff !important;
}

.letter1 {
    letter-spacing: 1px;
}

.topUptable tbody td {
    border-top: 1px dashed #ddd !important;
    padding-left: 3px;
}

.color0 {
    color: #000;
}

.ico-upload {
    background-position: -107px -792px;
    width: 30px;
    height: 25px;
}

.ico-success {
    background-position: -185px -1043px;
    width: 55px;
    height: 46px;
}

.icon-jpay {
    background-position: -169px -970px;
    width: 40px;
    height: 38px;
}

.cursor {
    cursor: pointer;
}

.tdPtb10 td, .tdPtb10 th {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.notActiveL{width:40%;float: left;position: relative;}
.listnone{list-style: none;}
.notActiveR{width:444px;float: right;}
.activeBtn{height:40px;line-height: 40px;padding:0 25px;background: #089efd;color:#fff;font-size: 18px;outline: none;border:none;border-radius: 3px;}
.activeBtn:active{background: #21a6fa;}
.stepViewBox{overflow: hidden;position: relative;padding-left: 0;}
.stepViewBox li{float: left;margin-left: 320px;list-style: none;}
.activateIcon{background: url("/client/image/order-ico.f9b46a02.png") no-repeat;display: inline-block;}
.activateIcon.jpayEffect{background-position: -75px -840px;}
.activateIcon.jpaySecure{background-position: -130px -841px;}
.activateIcon.jpayUse{background-position: -185px -842px;}
.jpayNotActive{width:35px;height:40px;position: absolute;left: -52px;top:50%;margin-top: -20px;}
.activateIcon.activateStep{background-position: -126px -903px;width:32px;height:32px;}
.nowStep .activateIcon.activateStep{background-position: -75px -904px;}
.nowStep p{color:#000000;}
.stepProgress{position: absolute;width:880px;left:50%;margin-left: -440px;top:13px;z-index: -1;}
.stepProgress p{width:50%;height:6px;background: #e6e6e6;overflow:hidden;float: left;}
.stepProgress p.nowStep{background: #46cb6e;}
.stepIcon{width:62px;height:24px;line-height: 24px;background-position: -178px -911px;text-align: center; }
.activeBtn.bg79{background-color: #799cb2;}
.activeBtn.bg79:active{background-color: #6191af;}
.activateIcon.timeIcon{width:21px;height:21px;background-position: -75px -966px;vertical-align: middle;}
.activateIcon.w195{width:195px;text-align: center;padding:0;}
.successIcon{width:80px;height:75px;display: inline-block;vertical-align: middle;}
.successIcon.activate{background-position: -74px -1122px;}
.successIcon.resetPassword{background-position: -76px -1017px;}


/*团队介绍页面*/
.ourteamBox{width: 1280px;}
.ot_left,.ot_left img{  width:180px;height: 180px;}
.ourteamBox h4{margin-top: 0;margin-bottom: 25px;font-weight: bold;}
.ourteamBox p{color:#9999b2;font-size: 14px;}
.ourteamWrapper{margin: 0 auto;width: 1280px;}
/*颜色提示*/
.absColorNotice{position: absolute;top: -30px;left: 0;border: 1px solid #ccc;padding: 2px 5px;font-size: 12px;background: #fff;color: #888;box-shadow: 0 2px 7px 1px #eee;z-index: 99;display: none;}
.absSmale{background-position: -186px -1161px;width: 17px;height: 17px;}
.absSmale1{background-position: -219px -1161px;width: 17px;height: 17px;}
.absColorNotice:after{content: "";position: absolute;left: 10px;top: 20px;border:6px solid #fff;  border-color: #fff transparent transparent transparent;}
.absJpayNotice{background-position: -186px -1127px;width: 17px;height: 17px;}
button:hover .absColorNotice{display:block;}
button,button:active,button:visited,button:focus{outline: none!important;}
/*?提示*/
.absQuestionNotice{position: absolute;bottom: 35px;left: -10px;padding: 10px;font-size: 12px;background: #fff;color: #888;box-shadow: 0 2px 7px 1px #eee;z-index: 99;display: none;min-width: 250px;
    -webkit-box-shadow: 2px 3px 7px 2px #CEEAFF;
    -moz-box-shadow:  2px 3px 7px 2px #CEEAFF;
    box-shadow:  2px 3px 7px 2px #CEEAFF;text-align: left;line-height: 20px;font-weight: normal;}
.absQuestionNotice p{margin-bottom: 0;}
.absQuestionNotice:after{content: "";position: absolute;left: 12px;bottom: -19px;border:10px solid #fff;  border-color: #fff transparent transparent transparent;}
.absQuestionNoticeHover:hover .absQuestionNotice{display:block;}

/*提示在问号图标下边*/
.absQuestionNoticeDown{position: absolute;top: 24px;left: -16px;padding: 10px;font-size: 12px;background: #fff;color: #888;box-shadow: 0 2px 7px 1px #eee;z-index: 99;display: none;min-width: 250px;
    -webkit-box-shadow: 2px 3px 7px 2px #CEEAFF;
    -moz-box-shadow:  2px 3px 7px 2px #CEEAFF;
    box-shadow:  2px 3px 7px 2px #CEEAFF;text-align: left;line-height: 20px;font-weight: normal;}
.absQuestionNoticeDown p{margin-bottom: 0;}
.absQuestionNoticeDown:after{content: "";position: absolute;left: 12px;top: -19px;border:10px solid #fff;  border-color: transparent transparent #fff transparent;}
.absQuestionNoticeHover:hover .absQuestionNoticeDown{display:block;}

.tips{
    position: relative;
    cursor: pointer;
    z-index: 20;
}
.tipsHover{
    display: none;
}
.tips:hover .tipsHover{
    display: block;
    background: #fff;
    position: absolute;
    z-index: 1;
}
.showOutTimeTips{
    width:549px;
    left: -20px;
    top: -70px;
    padding: 7px 15px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(78,122,194,0.24); 
}
.showOutTimeTips1{
    width:441px;
    right: -20px;
    top: -70px;
    padding: 7px 15px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(78,122,194,0.24); 
}
.showOutTimeTips:after{content: "";position: absolute;left: 16px;top: 60px;border:10px solid #fff;  border-color: #fff transparent transparent transparent;}
.showOutTimeTips1:after{content: "";position: absolute;left: 289px;top: 60px;border:10px solid #fff;  border-color: #fff transparent transparent transparent;}
/*优惠券样式*/
.applyBtn{padding: 4px 12px;border-color:#427de5;margin-left: 15px;background-color:white;color:#427de5;}
.useCouponIcon{  display: inline-block; width: 50px;height: 25px;background-position:-77px -1227px; position: relative;top:2px;float: right;}
.color6e7a{color:#6e7a90;}

.couponWrapper{
    /* width: 100%; */
    overflow: auto;
    overflow-y: hidden;
    /* justify-content: space-between; */
    white-space: nowrap;
    align-items: center;
    display: flex;
}
/* 设置滚动条的样式 */
.couponWrapper::-webkit-scrollbar {
    height: 6px;
}
/* 滚动槽 */
.couponWrapper::-webkit-scrollbar-track {
    height: 6px;
    opacity: 1;
    background: #ffffff;
    border-radius: 5px;
}
/* 滚动条滑块 */
.couponWrapper::-webkit-scrollbar-thumb {
    height: 6px;
    opacity: 1;
    background: #ffffff;
    border-radius: 5px;
}
.couponWrapper:hover::-webkit-scrollbar-thumb {
    background: #dedede;
}
.scrollX{overflow-x: scroll;}
.couponWrapper-coupon-available{
    height:130px;
    flex-shrink: 0;
    background-color: #f5faff;
    list-style: none;
    width: 290px;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #3b4b68;
    /*float: left;*/
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.couponWrapper-coupon-disable{
    height:130px;
    flex-shrink: 0;
    background-color: #F7F7F7;
    list-style: none;
    width: 290px;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #BBBBBB;
    /*float: left;*/
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.new-coupon-tag-disable {
    color: #ffffff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #BBBBBB;
    height: 20px;
    line-height: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
.couponWrapper .new-active-coupon{
    /*background-color: #f3f4f5;*/
    border: 1px solid #2b8ced;
}
.colorBBB{
    color: #bbbbbb;
}
.new-coupon-selected{
    position: absolute;
    bottom: 0;
    right: 0;
}
.new-coupon-margin{
    margin-left: 25px;
    margin-right: 25px;
}
.couponCode{padding-left: 16px;width: 180px;}
.applyBtnDiv{display: inline-block;}
.color6d6d{color:#6d6d6d;}
.couponBox label{color: #333333 !important;font-weight:normal!important;}
.cw_top{ width: 100%;line-height: 35px;height: 35px;cursor: default;}
.cw_bottom{line-height: 12px;margin-top:12px;color:#6e7a90!important;overflow: hidden;text-overflow: ellipsis;height: 16px;white-space:nowrap;cursor: default; }
.usedCouponIcon{background-position:-155px -1227px; display: inline-block; width: 50px;height: 25px;position: relative;top:2px;cursor:pointer;float: right;}
.downIcon{display: inline-block;margin-left:15px;width: 13px;height: 8px;background-position:-168px -687px; }
.ww100{width: 100%;}
.accountCoupon li{width: 300px;height: 130px;background: url("/client/image/bigCouponBg.eaa300a9.png") no-repeat;padding: 16px 16px 7px 15px ;list-style: none;float: left;margin-bottom: 30px;margin-right: 30px;position: relative;}
.partOne{height: 33px;line-height: 33px;}
.partTwo{height: 33px;line-height: 33px;position: relative;z-index: 1;}
.moneyUint{position: relative;top:-4px;}
.goUp{display: inline-block;margin-left:15px;width: 13px;height: 8px;background-position:-168px -713px;}
.mycouponBox{cursor: pointer;position: absolute;width: 200px; z-index:2;}
.queryCondition{height: 30px;width: 100%;line-height: 30px;}
.mycouponBox li{ float: left;height: 30px;line-height: 30px;width: 100%;list-style: none;font-size: 14px;position: relative;}
.searchUl{overflow: hidden;padding: 0;background-color:#fff;}
.mycouponBox li:hover{background: #F0F0F0;color:#089EFD !important;}
.activedStateBg{background: #F0F0F0;color:#089EFD !important;}
.accountCouponWrapper{position: relative;top:70px;background: white;overflow: hidden;}
.accountCoupon li{position: relative;}
.accountCoupon li.grayBg{width: 300px;height: 130px;background: url("/client/image/bigUsedCouponBgBtn.e8481ebf.png") no-repeat;padding: 16px 16px 7px 15px ;list-style: none;float: left;margin-bottom: 30px;margin-right: 30px; color: #b5b5b5!important;}
.expiredCouponsIcon {width: 86px;height: 86px;background-position: -120px -1281px ;position: absolute;bottom: 26px;left: 35%;}
.usedCouponsBgIcon{width: 86px;height: 86px;background-position: -8px -1281px ;position: absolute;bottom: 26px;left: 35%;}
.accountCoupon {overflow: hidden;padding-top: 10px;}
.partOne>span{width: 205px;text-overflow: ellipsis;overflow: hidden;display: inline-block;font-size: 16px;cursor: default;height: 26px;}
.conditions {height:23px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 269px;cursor: default;}
.showConditions{width: 270px;background-color: #d7d7d7;position: absolute; bottom:28px;left: 10px;z-index: 1;padding: 8px;word-wrap: break-word; line-height: 16px;}
.showTitle{width: 270px;background-color: #d7d7d7;position: absolute; top:0px;left: 10px;z-index: 1;padding: 8px;word-wrap: break-word; line-height: 16px;}

/*优惠券提示*/
.absColorNotice1{border: 1px solid #ccc;padding: 2px 5px;font-size: 12px;background: #fff;color: #888;box-shadow: 0 2px 7px 1px #eee;z-index: 99;}
absColorNotice1 .absSmale{background-position: -186px -1161px;width: 17px;height: 17px;}
absColorNotice1 .absSmale1{background-position: -219px -1161px;width: 17px;height: 17px;}
.absColorNotice1:after{content: "";position: absolute;left: 10px;bottom: -12px;;border:6px solid #fff;  border-color: #fff transparent transparent transparent;}
absColorNotice1 .absJpayNotice{background-position: -186px -1127px;width: 17px;height: 17px;}

.couponWrapper .showTitle{top: -23px;  left: 50px;}
.green{ color: #3c763d;}
.bgLoad{position: fixed;left: 0;top:0;  width:100%;height: 100%;background: rgba(0,0,0,.5)}
.absLoading{position: absolute;left: 50%;top:50%;margin-left: -100px;margin-top: -40px;color: #fff;}

/*下载*/
.fileList{border: 1px solid #ddd;border-bottom: none;line-height: 30px;background: #fff;font-size: 12px;position: absolute;left: 0;top: 80%;width: 120px;display: none;}
.fileList a{display: block;text-align: center;border-bottom: 1px solid #ddd;}
.hoverShow:hover ul{display: block;}
.hoverShow{cursor: pointer;}
.absGerber{position: absolute;left:20px;top:133px;width:140px; }

.cursor1{  cursor: default;}
.icon-warning{background-position: -260px -355px;width: 22px;height: 22px;vertical-align: middle;}
.borderTopNone td{border-top: none!important;}
.opacity{opacity: .4}
.bgColorC{border:1px solid #e2e2e2!important; color:#b8b8b8!important;}
.breakword{word-wrap: break-word;}
.word-break{word-break: break-word;}
.top100{top:35px;}
.top100:after{content:'';position: absolute;top: -12px;left: 0px;width:100%;height:10px;background: transparent;border:none;}
.absAccountList{position: absolute;left: 0;width: 100%;max-height:300px;overflow: auto;border: 1px solid #ddd;border-top: none;background: #fff;padding: 5px 0px; z-index: 1;}
.absAccountList li{line-height: 25px;padding-left: 10px;}

/*图标*/
.no-upload-box p i,
.switch-box-icon,
.tooltip-bg i,
.smt-upload-btn i,
.choose-side-box div i,
.close-icon,
.buildList i
{
    background-image: url("/client/image/order-ico.f9b46a02.png");
}
/*订单页面*/
.switch-box{
    line-height: 60px;
    padding: 0 40px;
    height: 60px;
}
.switch-box .switch-box-icon{
    float: left;
    width: 32px;
    height: 32px;
    margin-top: 15px;
    background-position: -320px 0;
    margin-right: 12px;
}
.switch-box-icon.smt-icon{
    background-position: -260px 0;
}

.switch-box h6{
    float: left;
    margin: 0;
    line-height: 60px;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
}
.switch-box span{
    float: right;
    margin-right: 8px;
    font-size: 14px;
    color: #8d8d8d;
}
.switch-box.on{
    border-bottom: 1px solid #e6e6e6;
}
/*滑块开关*/
.switch-btn{
    width: 40px;
    height: 24px;
    position: relative;
    background: #eeeeee;
    border-radius: 12px;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-top: 18px;
}
.switch-btn i{
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 9px;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: left .3s;
}
.switch-btn.on{
    background: #37abff;
}
.switch-btn.on i{
    left: 19px;
}
.home-orderadd-l.off .switch-btn.on{
    background: #cbcbcb;
}
.home-orderadd-l.off .switch-btn.on i{
    left: 3px;
}


.no-upload-box{
    padding: 20px 0 10px 320px;
    border-top: 1px solid #e6e6e6;
}
.no-upload-box .listNote i{
    background: #7e7e7e;
    margin-right: 6px;
}
.no-upload-box .listNote{
    font-size: 13px;
    color: #7e7e7e;
    line-height: 24px;
}
.no-upload-box p i{
    display: inline-block;
    width:  30px;
    height: 26px;
    background-position: -289px -111px;
    vertical-align: middle;
}
.home-orderadd-l.on{
    margin-top: 0;
    -webkit-box-shadow: 0 2px 1px #ccc;
    -moz-box-shadow: 0 2px 1px #ccc;
    box-shadow: 0 2px 1px #ccc;
    overflow: hidden;
}
.pb20{
    padding-bottom: 20px !important;
}
.home-orderadd-l{
    position: relative;
}

.tooltip-bg{
    position: absolute;
    z-index: 100;
    font-size: 12px;
    display: none;
}
.tooltip-bg .tooltip-icon{
    width: 16px;
    height: 12px;
    background-position: -218px -216px;
    left: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: 200;
}
.tooltip-bg .tooltip-box{
    background: #f7f7f7;
    margin-left: 8px;
    margin-bottom: 4px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 1px #e6e6e6;
}
.home-orderadd-l .tooltip-bg{
    bottom: 32px;
    left: 204px;
    display: none;
}
.home-orderadd-l .tooltip-box{
    width: 550px;
    padding: 10px;
    line-height: 20px;
}
.home-orderadd-l .tooltip-box i.icon-i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -293px -146px;
}
.home-orderadd-l.off .tooltip-bg{
    display: block;
}
.home-orderadd-l.off .switch-box{
    background: #f0f0f0;
}
.choose-side-box{
    border-top: 1px solid #e6e6e6;
    padding: 20px 0;
}
.choose-side-box .w47p{
    width: 47%;
}
.choose-side-box .img-box{
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: 10px;
    min-height: 230px;
    line-height: 220px;
    cursor: pointer;
}
.choose-side-box div i,
.buildList i{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: -376px -112px;
    vertical-align: middle;
}
.choose-side-box div .on i,
.buildList i.on{
    background-position: -342px -112px;
}
.buildList i{
    cursor: pointer;
}
.choose-side-box span{
    vertical-align: middle;
    line-height: 20px;
}
.choose-side-box ul{
    padding: 0;
    margin: 20px 0 0;
}
.choose-side-box li{
    list-style: none;
    float: left;
    margin-right: 40px;
    color: #7e7e7e;
    font-size: 13px;
}
.choose-side-box li  i{
    width: 4px;
    height: 4px;
    background: #7e7e7e;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.choose-side-box button{
    height: 30px;
    width: 105px;
    color: #ffffff;
    background: #37abff;
    color: #ffffff;
    font-size: 14px;
    border-radius: 4px;
    border: none;
    display: block;
    margin: 0 auto;
}
.smt-price-box{
    border-bottom: 1px dashed #eeeeee;
    padding-bottom: 15px;
}
.smt-price-box h5{
    line-height: 35px;
    font-size: 13px;
    color: #555555;
    margin-bottom: 0;
    font-weight: bold;
}
.smt-price-box span{
    line-height: 28px;
}
.smt-price-box span:first-child{
    float: left;
    color: #999999;
}
.smt-price-box span:last-child{
    float: right;
    color: #2a2a2a;
    font-size: 14px;
}
.smt-price-box span.blue{
    color: #6AB6FF;
}
.smt-price-box .glyphicon{
    top: 6px;
    color: #96d0fa;
    margin-left: 4px;
    cursor: pointer;
}
.smt-price-box .tooltip-bg{
    display: none;
    top: -70px;
    left: 70px;
}
.smt-price-box .tooltip-bg.on{
    display: block;
}
.smt-price-box .tooltip-box{
    width: 160px;
    padding: 6px 8px;
    line-height: 20px;
}
.smt-price-box>div{
    position: relative;
}

/*smt下单*/
/*步骤条*/
.step-container{
    width: 1256px;
    height: 120px;
    margin: 50px auto 0;
}
.gray-line{
    width: 100%;
    height: 6px;
    background: #e6e6e6;
}
.blue-line{
    width: 50px;
    height: 6px;
    background: #37abff;
    transition: width .2s;
}
.step-container ul{
    width: 100%;
    position: relative;
    margin-top: -20px;
}
.step-container li{
    position: absolute;
    display: block;
    height: 60px;
    text-align: center;
    width: 130px;
    font-size: 14px;
    color: #939393;
}
.step-container li:first-child,
.step-container li:last-child
{
    width: 100px;
}
.step-container li:first-child{
    left: 0;
}
.step-container li:nth-child(2){
    left: 370px;
}
.step-container li:nth-child(3){
    right: 370px;
}
.step-container li:last-child{
    right: 0;
}
.step-container li i{
    background-image: url("/client/image/order-ico.f9b46a02.png");
    display: block;
    margin: 0 auto 20px;
    width: 32px;
    height: 32px;
    background-position: -311px -252px;
}
.step-container li.on{
    color: #000000;
}
.step-container li.on i{
    background-position: -257px -252px;
}

.smt-quote-container{
    box-shadow: 0 0 2px #ccc;
    background: #ffffff;
    margin: 0 auto;
    padding: 30px;
}
.smt-upload-btn{
    width: 198px;
    height: 48px;
    border: 1px solid #37abff;
    border-radius: 4px;
    font-size: 16px;
    color: #37abff;
    position: relative;
    float: left;
    margin-right: 8px;
    cursor: pointer;
}
.smt-upload-btn i{
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
.bom-icon{
    background-position: -254px -190px;
}
.cpl-icon{
    background-position: -312px -190px;
}
.smt-upload-btn span{
    vertical-align: middle;
    line-height: 48px;
}
.smt-upload-btn input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
}
.smt-upload-btn div:last-child{
    float: left;
}
.smt-upload-btn+div p:first-child{
    font-size: 14px;
    height: 18px;
}
.smt-upload-btn+div p:last-child{
    font-size: 12px;
    color: #999999;
}
.smt-upload .sample-hint{
    color: #37abff;
    padding-bottom: 20px;
}
.smt-upload .sample-hint i{
    display: inline-block;
    width: 10px;
    height: 10px;
}
.table-bordered>thead td{border-bottom-width: 1px!important; }
.bgf7,
.table .table.bgf7
{
    background: #f7f7f7;
}
i.fileImg{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -258px -308px;
    vertical-align: middle;
}
i.fileImg1{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -350px -801px;
    vertical-align: middle;
}

.colorae{
    color: #aeaeae;
}
.summary-text{
    line-height: 40px;
    border-bottom: 1px solid #d1d1d1;
    margin-top: 30px;
    padding-left: 886px;
    font-size: 16px;
}
.price-box{
    padding-left: 886px;
    font-size: 14px;
    position: relative;
}
.price-box i.glyphicon{
    color: #96d0fa;
}
.smt-quote-footer .goBack{
    line-height: 36px;
    color: #37abff;
    font-size: 14px;
    cursor: pointer;
    margin-left: 30px;
}
.smt-quote-footer button{
    float: right;
    height: 50px;
    width: 100%;
    background: #37abff;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    border: none;
}
.smt-quote-footer button:disabled{
    background: #bbbbbb;
    cursor: not-allowed;
}

#smt-modal .nav{
    border-bottom: 1px solid #f1f3f6;
    margin-bottom: 20px;
}
#smt-modal .nav div{
    float: left;
    width: 130px;
    line-height: 22px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 16px;
    color: #999999;
    cursor: pointer;
    margin-right: 80px;
    margin-bottom: -1px;
    border-bottom: 1px solid #f1f3f6;
}
#smt-modal .nav div.on{
    color: #222222;
    padding-bottom: 9px;
    border-bottom: 2px solid #222222;
    font-weight: 600;
}
.modalClose.close-icon{
    width: 30px;
    height: 20px;
    background-position: -299px -310px;
    display: inline-block;
    cursor: pointer;
}
#smt-modal .close-icon{
    position: absolute;
    top: 10px;
    right: -24px;
    cursor: pointer;
}
#smt-modal .modal-body{
    padding: 0 70px 30px;
}
.smt-modal-table-head span{
    margin-right: 36px;
}
.smt-modal-table-head span.margin0{
    margin: 0;
}
.color-fd9500{
    color: #fd9500;
}
.search-box{
    position: relative;
}
.select-button{
    width: 188px;
    height: 32px;
    border: 1px solid #d1d1d1;
    background: #ffffff;
    line-height: 30px;
    float: left;
    margin-left: 30px;
    text-align: left;
    color: #777777;
    cursor: pointer;
}
.select-button span{
    margin-left: 16px;
    width: 140px;
    overflow: hidden;
    display: inline-block;
    height: 30px;
}
.select-button i{
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 8px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    float: right;
    margin: 12px 16px 0 0;
}
.select-box li{
    padding: 3px 20px;
    text-align: left;
    cursor: pointer;

}
.select-box li:hover{
    background: #f5f5f5;
}

.price-box .tooltip-box{
    width: 270px;
    height: 110px;
    padding: 6px;
    line-height: 20px;
}
.price-box .tooltip-bg{
    top: -52px;
    right: -200px;
}
.price-box .tooltip-bg.on{
    display: block;
}
.colorfd9500{
    color: #fd9500;
}
.color96d0fa{
    color: #96d0fa;
}
.text-decoration-underline{
    text-decoration: underline;
}
.duty-tax-advice-explain-icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/client/image/svg/question_mark.svg);
    color: transparent;
}
/*结算页面改版*/
.line65{line-height: 65px;}
.icon-gou{width: 18px;height: 18px;background-position:-345px -692px; }
.plr24{padding-left: 24px;padding-right: 24px;}
.icon-edi{width: 18px;height: 18px;background-position:-376px -656px; }
.icon-radio-off{width: 15px;height: 15px;background-position:-375px -532px; }
.icon-radio-on{width: 15px;height: 15px;background-position:-343px -532px; }
.disabled{cursor: not-allowed;}
.icon-checkbox-off{width: 15px;height: 15px;background-position:-343px -616px; }
.icon-checkbox-on{width: 15px;height: 15px;background-position:-375px -575px; }
.w550{width: 550px;}
.icon-arrow-down{width: 15px;height: 15px;background-position:-374px -613px;}
.icon-arrow-up{width: 15px;height: 15px;background-position:-343px -654px;}
.icon-arrow{width: 20px;height: 15px;background-position:-343px -572px;}
.borderDash{border-top: 1px dashed #bfbfbf;}
input[disabled]{background: #ebebeb;border:1px solid #e5e5e5;}
.color91a{color: #91a1b7}
.radius13{border-radius: 13px;}
.h26{height: 26px;padding-top: 0;padding-bottom: 0;}
.btn-disable{background: #ebebeb;color: #7f7f7f;}
.w660{width: 660px;}
.smtSearch{background:url("/client/image/smtSearchBg.1ea5a66a.png") no-repeat;height: 395px;padding-top: 85px; }
.w888{width: 790px;}
.colore{color: #eee;}
.mb12{padding-bottom: 12px;}
.font40{font-size: 40px;}
.pb90{padding-bottom: 90px;}
.bg-logo{width:172px;background-position: -225px -1000px;height:40px;  }
.bg-logo1{width:172px;background-position: -225px -950px;height:40px;}
/*placeholder*/
.inpSearch .inp:-moz-placeholder,
.inpSearch .inp::-moz-placeholder ,
.inpSearch .inp:-ms-input-placeholder,
.inpSearch .inp::-webkit-input-placeholder {
    color: #57657f;
   font-size: 16px;
}
/*.inpSearch .inp{height: 67px;background:#17253f;color: #fff;border: 1px solid #51627c; font-size: 16px;}*/
.inpSearch .inp{height: 67px;background: #F5F5F5;color: #fff;border: 1px solid #F5F5F5;font-size: 16px;margin-left: 20px;}
.inpSearch .glyphicon-search1{position: absolute;right: 15px;top: 17px;width:40px;background-position: -340px -870px;height:40px;  }
/*.smtSearchHead{background:url("/client/image/searchHeadBg.b299d691.png") no-repeat #fff;height: 80px;padding-top: 15px;position: fixed;left: 0;top: 0;width: 100%; z-index: 999;}*/
.smtSearchHead{background: #ffffff;height: 80px;padding-top: 15px;position: fixed;left: 0;top: 0;width: 100%; z-index: 999;box-shadow: 0px 0px 3px 0px rgba(198,206,221,0.20), 0px 2px 3px 0px rgba(198,206,221,0.20);min-width: 1300px;}
.headSearch{width:700px; }
.headSearch .inp{height: 47px;background:#5669b6;color: #fff;border: 1px solid #7d8fd1; font-size: 16px;}
/*placeholder*/
.headSearch .inp:-moz-placeholder,
.headSearch .inp::-moz-placeholder ,
.headSearch .inp:-ms-input-placeholder,
.headSearch .inp::-webkit-input-placeholder {
    color: #57657f;
    font-size: 16px;
}
.borderF5{border: 1px solid #f5f5f5;}
.headSearch .glyphicon-search1{width:25px;background-position: -350px -835px;height:25px;right: 12px;top: 12px;  }
/*.colorf:hover{color: #fff;}*/
.hoverBlue:hover{color:#35acff; }
.hoverBlue1:hover{color:#2d8ded !important; }
.searchboxList{border: 1px solid #35acff;padding-top: 20px;margin-top: -13px;margin-bottom: 12px;}
.searchboxList li{height:45px;padding-left: 40px; line-height: 18px;}
.activeSeach{background: #fff;border: 1px solid #35acff;border-bottom: 1px solid #fff;height: 101px;}
.w25p{width: 25%;}
.h35{height: 35px;line-height: 17px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.bge{background: #eee;}
.bgf7f8{background: #f7f8fe;}
.striped td{vertical-align: middle;}
.bgf1{background: #f1f1f9!important;}
.opacity5{opacity: 0.5;filter: alpha(opacity=50);}
/*eda弹框样式*/
.pop-bg{-moz-opacity: 0.2; opacity: 0.2; filter: alpha(opacity=20); width: 100%; height: 100%; position: fixed; z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pop-box{width: 494px; background-color: #ffffff; position: fixed; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; -moz-box-shadow: 0 0 3px 3px #b4b4b4; -webkit-box-shadow: 0 0 3px 3px #b4b4b4; box-shadow: 0 0 3px 3px #b4b4b4; left: 50%; top: -150px; margin: 320px 0 0 -216px; z-index: 1004;}
.pop-detail{padding: 38px 32px 0;}
.pop-span1{font-size: 16px; color: #343434;}
.pop-titp img{float: right;}
.pop-contentp{font-size: 14px; color: #343434; line-height: 26px; margin-top: 26px; width: 100%;}
.pop-sumbit{margin: 45px auto;text-align: center;}
.pop-sumbit a{display: inline-block; width: 120px; text-align: center; font-size: 14px; height: 32px; line-height: 32px; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #37abff;}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
    height: 38px;
    padding: 10px 12px;
    border: 1px solid #ddd;
    background-color: white;
    /*box-shadow: 0 1px 3px 0 #e6ebf1;*/
    /*-webkit-transition: box-shadow 150ms ease;*/
    /*transition: box-shadow 150ms ease;*/
}
.StripeElement--focus {
    /*box-shadow: 0 1px 3px 0 #cfd7df;*/
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
/*文件管理*/
.h140{height: 140px;line-height: 120px;}
.btn-quote{border-radius: 3px;color: #fd9500;font-size: 12px;background: #fff;border:1px solid #fd9500;padding-top: 0px;padding-bottom: 0px;}
.btn-quote:hover{color: #ef8d00;}
.icon-link{width: 20px;height: 20px;background-position:-380px -692px;}
.hoverBorder{border: 1px solid transparent;}
.hoverBorder:hover{border: 1px solid #dfdfdf;}
.tag{padding: 1px 3px;display: inline-block;background:#B9C7DB; color: #fff;}
.tagBg{background:#C9C9C9; }

.bg777{background: #777;}
.colorQing{color: #50d0fb;}
.maxH250{max-height: 250px;max-width: 100%;}
.dropLiCopy .flileListNoImg1{height: 90px;padding-top: 30px;width: 148px;}
.color66{color: #666666;}
.ml22{margin-left: 22px;}
.w805{width: 805px;}
.plr40{padding-left: 40px;padding-right: 40px;}

/*地址弹框*/
.h58Addr{height: 58px;padding-top: 19px;padding-left: 20px;display: block;}
.radioBtn{border: 1px solid #bbbbbb;display: inline-block;width: 14px;height: 14px;border-radius: 50%;cursor: pointer;}
.checked .radioBtn{border-color:#2d8ded;background-color: #2d8ded;}
.checked .strong{color: #1166DD;}
.h56{height: 56px;}
.select2 .select2-selection{height: 34px!important;}


.line28{line-height: 28px;}
.left-50{left: -80px;}
.left-50:after{left: 85px;}
.radius4{border-radius: 4px;}
.radius6{border-radius: 6px;}
.randius12{border-radius: 12px;}
.ptb5{padding-top: 5px;padding-bottom: 5px;}
.ptb3{padding-top: 3px;padding-bottom: 3px;}
.mt7{margin-top: 7px;}
.mb7{margin-bottom: 7px;}
.icon-refund0{background-position:-197px 0px; width: 25px;height: 20px;}
.icon-refund1{background-position:-237px 0px;width: 25px;height: 20px; }
.icon-refund2{background-position:-277px 0px;width: 25px;height: 20px; }

/*售后*/
.badge-green{background:#55d955; }
.badge-hui{background: #f2f2f1;color: #999; }
.badge-blue{background:#F2F8FC;border: 1px solid #dfedf7;color: #dfedf7; }
.icon-linkDown{width: 18px;height: 18px;background-position: -145px -1402px;}
.icon-closeFile{width: 18px;height: 18px;background-position: -303px -310px;}
.bgf8f{background: #f8fafc;}
.bgf8f9{background: #F8F9FB;}
.pad40{padding: 40px;}
.supportHead{width: 55px;margin-right: 15px;}
.supportHead img{border-radius: 50%;width: 100%;background: #E2E6E7;height: 55px;}
.w907{width: 907px;}
.pl110{padding-left: 110px;}
.borderTopDash{border-top: 1px dashed #ddd;}
.icon-great{width: 18px;height: 18px;background-position:-228px -1312px; }
.icon-ok{width: 18px;height: 18px;background-position:-257px -1312px; }
.icon-bad{width: 18px;height: 18px;background-position:-286px -1312px; }
.icon-uploadAfterSale{width: 18px;height: 18px;background-position:-213px -1400px; }
.icon-deleteUpload{width: 15px;height: 15px;background-position:-241px -1401px; }
.icon-feedbackSuccess{width: 60px;height: 62px;background-position:-227px -1213px; }
.icon-close{width: 16px;height: 16px;background-position:-312px -1400px;}
.w320{width: 320px;}
.headDownImg{    background: url(../../images/down.2d2bf2d7.png)no-repeat;width: 16px;height: 10px;display: inline-block;background-position: 0 2px;}
.headLi ul{width: 230px;padding: 0;line-height: 1.2;text-align: left;}
.headLi ul:after{left: 62%;}
.icon-question{width: 28px;height: 30px;background-position:-17px -1491px; vertical-align: top;}
.icon-emailHead{width: 28px;height: 30px;background-position:-67px -1491px;vertical-align: top;}
.icon-call{width: 28px;height: 30px;background-position:-113px -1491px; vertical-align: top;}
.headLi{margin-left: -160px;z-index: 999;font-size: 12px;}
.headLi .inline{ padding-top: 8px; font-size: 13px; width: 165px; margin-left: 2px;}
.headLi .list-unstyled li.last-li{ border-radius: 4px; color: #a1a8ab;}
.colorb4{color: #b4b4b4;}
.bgf5f{background: #f5fcff;}
.dropLi a:hover{color: #6AB6FF!important;}
.mr9{margin-right: 9px;}
.borderDashBorder{border: 1px dashed #d6d6d6;}
.icon-check{width: 16px;height: 16px;background-position:-372px -1057px; }
.btn.holiday{opacity: .65;filter: alpha(opacity=65);color: #ccc;}

a.a-hover-333:hover{
    color: #333333;
}
.minHeight35{
    min-height: 35px;
}
.w75{ width: 75px}
/*订单详情,订单列表改版*/
/*.breadcrumb>li+li:before{content: '/';}*/
.h200{height: 200px;}
.borderE6{border:1px solid #e6e6e6;}
.BorderRight{border-right: 1px solid #e6e6e6;}
.w1280{width: 1280px;padding-left:0;padding-right: 0;}
.h290{height: 290px;}
/*.orderProcess li{padding-bottom: 20px;}*/
.orderProcess li{ min-height: 50px; z-index: 1}
.orderProcess .processIco{width: 18px;height: 18px;margin-left:15px;margin-right: 15px;}
/*.orderProcess .processStatusIcon:before{content: "";position: absolute;top:6px;left: 143px;width: 7px;height: 7px;background: #ccc;border-radius: 50%;}*/
.orderProcess .processStatusIcon:after{content: "";position: absolute;top:0px;bottom:0;left: 152px;
    width: 0px;height: auto; z-index: -2; border-right: 1px dashed #dbdbdb}
.orderProcess li:first-child .processStatusIcon:after{ top: 10px}
.orderProcess li:first-child .processIco:after{top: 6px;}
.orderProcess li.active  .processIco:before{background: #069AFF;}
.orderProcess li.active{color: #222222;}
.orderProcess .orderIcon{background-color: #fff;}
.orderProcess .orderIcon:before{display: none;}
.processSubmitted{background-position: -186px -305px;}
.active .processSubmitted{background-position: -216px -305px;}
.processReviewed{background-position: -246px -305px;}
.active .processReviewed{background-position: -273px -305px;}
.processFile{background-position: -0px -339px;}
.active .processFile{background-position: -30px -339px;}
.processProduction{background-position: -61px -339px;}
.active .processProduction{background-position: -91px -339px;}
.processPackage{background-position: -117px -339px;}
.active .processPackage{background-position: -149px -339px;}
.processTransport{background-position: -180px -339px;}
.active .processTransport{background-position: -207px -339px;}
.processPaid{background-position: -238px -339px;}
.active .processPaid{background-position: -273px -339px;}
.processCancelled{background-position: -238px -379px;}
.active .processCancelled{background-position: -272px -379px;}
.statusPending{width: 20px;height: 20px;background-position: 1px -39px;}
.statusCancelled{width: 20px;height: 20px;background-position: -161px 0px;}
.statusPayment{width: 22px;height: 20px;background-position: -197px 0px;}
.statusReviewing{width: 20px;height: 20px;background-position: -125px 0px;}
.statusApproved{width: 20px;height: 20px;background-position: -251px -39px;}
.statusAudit{width: 20px;height: 20px;background-position: -238px -379px;}
.statusWaitProduction{width: 20px;height: 20px;background-position: -61px -339px;}
.statusProduction{width: 20px;height: 20px;background-position: -91px -339px;}
.processFile{width: 20px;height: 20px;background-position: -36px -39px;}
.orderArrow{width: 10px;height: 10px;background-position: -100px -2px;}
/*.processFinish{width: 20px;height: 20px;background-position: -214px -38px;}*/
.iconProgress{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #069AFF;position: relative;
    display: inline-block;}
.iconProgress:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;}
.productionFileDownloadIcon{ width: 10px; height: 12px; background-position: -22px -427px;}

.processFinish{ width: 16px; height: 16px; background: url("/client/svg/production_icon.svg");
    display: inline-block;}
.absRefund{
    position: absolute;
    left: 92px;
    bottom: -50px;
    background: #fff;
    border-radius: 2px;
    width: 530px;
    height: 290px;
    box-shadow: 0px 1px 5px 0px rgba(192,213,233,0.39);
    padding: 30px 60px 30px 30px;
    display: none;
    z-index: 9999;
}
.absRefund:before{
    content: "";
    position: absolute;
    right: 100%;
    bottom: 42px;
    width: 10px;
    height: 34px;
    background: url(/client/image/orderIcon.7ee39c77.png) no-repeat -204px -379px;
}
.absRefundHover:hover .absRefund{display: block;}
.w960Process{padding-left: 60px;width: 960px;padding-right: 0;}
.orderShipping{width: 30px;height: 30px;background-position: 0 -378px; }
.orderPayment{width: 40px;height: 30px;background-position: -44px -380px; }
.btn-primary-outline{  border: 1px solid #0096ff; color: #0096ff;  background: #fff;}
.btn-hui-outline{ border: 1px solid #CCCCCC; color: #808080;  background: #FAFAFA;}
.btn-hui-outline:hover{border: 1px solid #0096ff; color: #0096ff;  background: #fff;}
.btn-warning-outline{border: 1px solid #F97424; color: #F97424;  background: #fff;}
.colorbf{color: #bfbfbf;}
.absOrderProcess{position: absolute;right: 300px;top: -110px;background: #fff;border-radius: 2px;width:623px;
    min-height: 220px;
    box-shadow: 0px 1px 5px 0px rgba(192,213,233,0.39);
    padding: 20px;
    display: none;
    z-index: 9999;}
.absOrderProcessHover:hover .absOrderProcess{display: block;}
.absOrderProcess:before{content: "";position: absolute;left: 100%;top: 105px;width: 20px;height: 20px; background: url("/client/image/orderIcon.7ee39c77.png") no-repeat -181px -379px;}
.bge5{background: #f5f5f5;}
.orderDetailsTable{ border-bottom: 1px solid #e0e0e0;}
.w730{width: 730px;}
.w164{width: 164px;}
.w151{width: 151px;}
.w232{width: 232px;}
.verT{vertical-align: top;}
.cellBorder .table-cell{border-left: 1px dashed #e6e6e6;border-bottom: 1px dashed #e6e6e6;}
.cellBorder .table-cell:first-child{border-left: none;}
.h130{height: 130px;overflow: hidden;}
.absDetail{position: absolute;left: 50%;top: 30px;background: #fff;border-radius: 4px;min-width:300px;margin-left: -120px;
    border:1px solid rgba(223,233,239,1);
    transform: translateX(-58%);
    box-shadow:0px 5px 5px 0px rgba(6,154,255,0.12);
    padding: 15px;
    display: none;z-index: 9999;}
.absDetail li {display: flex;justify-content: space-between;white-space: nowrap}
.absDetailHover{padding-bottom: 10px;}
.absDetailHover:hover .absDetail{display: block;}
.absDetail .pull-right {margin-left: 15px}
.absDetail:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: -12px;width: 20px;height: 20px; background: url("/client/image/orderIcon.7ee39c77.png") no-repeat -141px -379px;}
.ptb8{padding-top: 8px;padding-bottom: 8px;}
.w345{width: 345px;}
.w700{width: 700px;}
.colorbf{color: #bfbfbf;}
.pl5{padding-left: 5px;}
.icon-circle{width:22px;height: 22px;background-position: -40px -1538px;background-color: #fff;position: relative;z-index: 9; }
.active .icon-circle{width:22px;height: 22px;background-position: 0 -1538px; }
.flexTrack{display: flex;justify-content: center;}
.flexTrack li {flex: 1;overflow: hidden;}
.flexTrack li .afterLi{position: relative;}
.flexTrack li .afterLi:before{content: "";position: absolute;right: 50%;top:11px;width:240px;border-top:1px solid #b3b3b3;}
.flexTrack li .afterLi:after{content: "";position: absolute;left: 50%;top:11px;width:220px;border-top:1px solid #b3b3b3;}
.flexTrack li:first-child .afterLi:before{display: none;}
.flexTrack li:last-child .afterLi:after{display: none; }
.flexTrack li.active .afterLi:before{border-top:1px dashed #069AFF;}
.flexTrack li.active .afterLi:after{border-top:1px dashed #069AFF;}
.flexTrack li.active+li .afterLi:before{border-top:1px dashed #069AFF;}
.flexTrack .active{color: #525252;}
.absCustoms{position: absolute;left: 88px;top:-15px;width: 230px;text-align: center;color:#2b8ced;font-size: 12px;}
.w960{width: 960px;}
.w570{width: 570px;}
.icon-i{width: 20px;height: 20px;background-position: -257px -1496px;}
.icon-downOrder{width: 20px;height: 20px;background-position: -348px -1165px;}
.icon-jiaOrder{width: 20px;height: 20px;background-position: -150px -618px;position: absolute;right: 10px;bottom: 10px;}
.ml60{margin-left: 60px;}
.absDash{position: absolute;left: 0;width: 100%;border: 1px dashed #999999;margin-top: -30px;}
.confirmProductionImg{height: 200px;background: #F0F0F0;padding: 20px;position: relative;line-height: 160px;}
.confirmProductionImg .maxH100p{max-height: 160px; }
.borderTextarea{border: 1px solid #e6e6e6;border-radius: 4px;width: 100%;}
.uploadBtn{height:40px;border:1px solid rgba(198,232,255,1);border-radius:4px;background:#F5FBFF; color: #069AFF;text-align: center;width: 100%;padding-top: 8px;}
.icon-uploadOrder{width: 25px;height: 20px;background-position: -293px -112px;}
.tableH56 td{padding: 16px 20px!important;}
.tableH57 td{padding: 10px 20px!important;}
.icon-downLink{width: 20px;height: 20px;background-position: -145px -1400px;}
/*使图片在浏览器中居中显示*/
.bigImg {
    position: absolute;
    top: 50%;
    left: 50%;
    /*图片向左移动自身宽度的50%, 向上移动自身高度的50%。*/
    transform: translate(-50%,-50%);
}

/*遮罩层*/
.opacityBottom {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    top: 0;
    left: 0;
}
.opacityBottom img{max-height: 100%;}
.duty-tax-advice-explain-icon:hover +.duty-tax-advice-explain{
    display: block;
}
.duty-tax-advice-explain{
    position: absolute;
    width: 520px;
    height: 160px;
    background: #ffffff;
    color: #525252;
    font-size: 14px;
    line-height: 18px;
    top: -184px;
    left: -115px;
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    padding: 20px 14px 0;
    display: none;
}
.duty-tax-advice-explain p{
    margin-bottom: 14px;
}
.duty-tax-advice-explain i{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 16px solid #ffffff;
    position: absolute;
    top: 160px;
    left: 252px;
}

/*底部内容*/
.mr40{margin-right: 40px;}
.icon-ul{width: 50px;height: 50px;background-position: -440px -1px;}
.icon-ISO{width: 53px;height: 53px;background-position: -439px -79px;}
.icon-IPC{width: 85px;height: 50px;background-position: -409px -151px;}
.icon-RoHS{width: 50px;height: 50px;background-position: -441px -222px;}
.icon-ISO1{width: 54px;height: 50px;background-position: -438px -300px;}
.icon-IATF{width: 53px;height: 50px;background-position: -438px -374px;}
.icon-AEO{width: 70px;height: 50px;background-position: -431px -451px;}
.absFooterNotice{position: absolute;left: 50%;top: 100%;line-height:36px;min-width: 120px;margin-left: -70px;padding: 0 16px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(223,233,239,1);
    box-shadow:0px 5px 5px 0px rgba(6,154,255,0.12);
    border-radius:4px;
    color:rgba(1,1,1,1);
    white-space: nowrap;
    display: none;
}
.relative:hover>.absFooterNotice{display: block;}
.borderDashColorc{border-top:1px solid #F1F3F6;}
.icon-closeFile{border-radius: 15px;border: 1px solid #aaa;display: inline-block;width: 14px;height: 14px;line-height: 12px;color: #aaa;}
.pictureColorPath{width: 100px;height: 100px;overflow: hidden;}
.pictureColorPath img{margin-left: -52px;width: 200px;margin-top: -31px;max-width: 200px;}
#ip-img-preview{max-width: 10000%;}

.pr20{padding-right: 20px;}
.icon-copy{position: absolute;right: 0;top: 12px;width: 20px;height: 20px;background-position:-456px -728px; }
.icon-copy:hover .absCopyNotice{display: block;}
.absCopyNotice{position: absolute;right: 30px;background: #e5e5e5;display: none;padding: 3px 5px;line-height: 1;}
.absCopyNotice:after{content: "";position: absolute;right: -10px;top:5px;border: 5px solid #e5e5e5;border-color: transparent transparent transparent #e5e5e5; }
/*灰色提示弹框*/
.w600Notice{position: fixed;top: 37%;left: 0;width: 100%;margin-top: -30px;z-index: 99999;text-align:center;display: none;height:0px;}
.noticeClose{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 666;
    border-radius: 8px;
    display: none;
    width: 20px;height: 20px;background-position:-304px -309px ;
    background-color: #fff;
}
.w600NoticeMsg{
    display: inline-block;
    margin:0 auto;
    min-width: 100px;
    max-width: 520px;
    background: #000;
    color: #fff;
    border-radius:6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    opacity: .85;
    filter: alpha(opacity=85);
    padding: 10px 33px;
    line-height: 24px;
}
#w600Notice:hover .noticeClose{display: block!important;}
.detailsTab { border-bottom: 1px solid #e0e0e0;}
.detailsTab li{margin-right: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: -1px}
.detailsTab a{display: block;width: 130px;line-height: 22px;
    color: #999999; border-bottom: 1px solid #fff; padding-bottom: 10px;}
.detailsTab .active a{color: #222222; border-bottom: 1px solid #222222;}
.detailsTab li.active{ border-bottom: 1px solid #222222;}

.line-through{ text-decoration: line-through; padding-left: 15px; color: #666666}
.pcb-details-box .line-through{ color: #bbbbbb}

.logistics-legend-box{
    width: 830px;
    height: 524px;
    position: absolute;
    margin-left: -415px;
    display: none;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    z-index: 10000;
}
.logistics-legend-box img{
    width: 100%;
    height: 100%;
}
.JLCPCB_Factory{
    cursor: pointer;
    color: #2B8CED!important;
}
/*改版后*/
.color2{ color: #222222;}
.blue2{ color: #2B8CED;}
.fontW600{ font-weight: 600;}
.messageSettingTable .w510 {
    height: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tableHeader{
    background: #E4F0FF;
}
.tableBody .disabled{
    width: 18px;
    height: 18px;
    background: #bfdcf9;
    border-radius: 1px;
}
.submit-btn{
    height: 40px;
    padding: 0 30px;
    border-radius: 20px;
    color: #FFFFFF;
    background: #2B8CED;
    font-size: 16px;
    border: none;
}
.message-list>div{
    font-size: 14px;
    line-height: 79px;
    padding-right: 56px;
    border-bottom: 1px solid #ECF0FB;
}
.message-list>div:hover{
    border-radius: 4px;
    box-shadow: 0px 2px 14px 0px rgba(126,162,171,0.2);
    padding-left: 20px;
}
.message-list.color2 a{
    color: #222222;
}
.message-list .color9 a{
    color: #999999;
}
.font-blod{
    font-weight: bold;
}
.message-handle-box{
    background: #f7faff;
    padding: 20px 30px;
    color: #606D7C;
    margin-bottom: 30px;
}
.replace-file-btn{
    width: 120px;
    height: 34px;
    border: 1px solid #ff8c22;
    border-radius: 17px;
    background: transparent;
    color: #ff8c22;
    text-align: center;
    line-height: 32px;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
}
.replace-file-btn.fail{
    border: 1px solid #F73163;
    color: #F73163;
}
.confirm-file-btn{
    width: 182px;
    border: 1px solid #2b8ced;
    color: #2b8ced;
}
.message-closed{
    position: absolute;
    top: 0;
    right: 0;
}
.no-messages-box{
    padding: 140px 0;
}
.download-list a{
    background: #f7faff;
    padding: 5px 10px;
    color: #222222;
    border-radius: 4px;
}
.download-list a:last-child{
    margin-bottom: 30px!important;
}
.message-detail.borderTop{
    border-top: 1px solid #eeeeee;
}

.h24{ height: 24px;}
/*专属客服*/
.customer-service-box{
    background: #F1F7FF;
     height: 120px;
    border-radius: 10px;
}
.customer-service-box .img-box{
    width: 68px;
    height: 68px;
    position: relative;
}
.customer-service-box .img-box img{
    width: 68px;
    height: 68px;
}
.customer-service-box .img-box .headerImg{
    border-radius: 50%;
}
.customer-service-box .img-box .isWorkImg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.customer-service-box .mail-box a:hover{
    border-bottom: 1px solid #3B95EE;
    color: #2B8CED;
}
.change-icon i{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("/client/svg/change_icon_pre.svg");
}
.change-icon:hover{
    border-bottom: 1px solid #3B95EE;
}
.eMailHint{
    position: absolute;
    height: 30px;
    width: 394px;
    background: url("/client/svg/eMailHint.svg") no-repeat;
    top: 24px;
    right: 137px;
    padding-left: 15px;
    display: none;
}
.customer-service-box-left-img:hover + .eMailHint{
    display: block;
}
.eMailHint:hover{
    display: block;
}
.eMailHint .blue2:hover{
    border-bottom: 1px solid #3B95EE;
    color: #2B8CED;
}
.service-img-box{
    width: 78px;
    height: 78px;
    position: relative;
    border: 1px solid #ffffff;
    border-radius: 50%;
}
.service-img-box img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.service-img-box .on-icon{
    position: absolute;
    width: 16px;
    height: 16px;
    right: 4px;
    bottom: 8px;
    z-index: 1;
    display: none;
}
.service-item.on .service-img-box .on-icon{
    display: block;
}
.service-item.on .service-img-box{
    border: 1px solid #2B8CED;
}
.service-item.on p{
    color: #2B8CED;
}
.cancel-btn, .save-btn{
    width: 120px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 20px;
    font-size: 14px;
}
.cancel-btn{
    color: #2B8CED;
    border: 1px solid #2B8CED;
    background: #ffffff;
}
.save-btn{
    color: #ffffff;
    border: none;
    background: #2B8CED;
}
.changeServiceTextarea{
    border: 1px solid #ececec;
    margin: 0 auto;
    display: block;
}
textarea:focus, input:focus{
    outline: none;
}
.pl50{
    padding-left: 50px;
}
.pr50{
    padding-right: 50px;
}
.my-account-nav{
     height: 50px;
    border-bottom: 1px solid #ecf0fb;
}
.my-account-nav a{
    float: left;
    width: 160px;
    height: 50px;
    line-height: 50px;
    background: #a5d0fc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    position: relative;
}
.my-account-nav a.active{
    background: #2B8CED;
}
.my-account-nav .unReadNumBox{
    position: absolute;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    top: -6px;
    left: 152px;
    color: #ffffff;
    background: #FD4775;
    font-size: 10px;
    text-align: center;
    line-height: 16px;
    font-weight: normal;
    padding: 0 2px;
}

.processOutBox{width: 535px;  height: 10px;  background: #ebecf0; border-radius: 16px; vertical-align: middle}
.processWidth{background-color: #2b8ced;height:100%; border-radius: 16px;width: 0}
.pl40{padding-left:40px;}
.w800{width:800px;}


/*改版快递进度进度*/
.process-icon2{position: absolute; left: -6px; top:0px;width: 10px; height: 10px;border-radius: 50%;z-index: 1;background-color: #d2d2d7;}
.trackProcessUl li{height:40px;}
.pl0{padding-left: 0;}
.grayCircle{width: 10px; height: 10px;border-radius: 50%;background-color: #d2d2d7;display: inline-block;position: relative;  top: 3px;  z-index: 1;}
.active  .grayCircle{background-color: #2b8ced;}
.active  p{color:#2b8ced;}


    /*改版工艺流程*/
.track-list{position: relative;top:28px;}
.process-border{border-left: 1px dashed  #d9d9d9;}
.track-list li{position: relative; color:#4e5051;font-size: 14px;list-style: none;}
.track-list li.goning{color: red; padding-top: 0;}
.track-list li .process-icon{position: absolute; left: -11px; top:0px;width: 20px; height: 20px;border-radius: 50%;border: 1px solid #d0d2da;color: #d1d3d9;text-align: center;background-color: white;z-index: 1;font-size: 12px;}
.track-list li .time{margin-right: 20px; position: relative; top:2px; display: inline-block; vertical-align:top;}
.track-list li .txt{ position: relative; top: 2px; display: inline-block; vertical-align:top;left: 20px;}
.track-list li .time{position: absolute;right: 0;}
.track-list li p{display: inline-block;}
.track-list li.goning .time{margin-right: 28px;}
.nextProgress{margin-bottom: 50px;float: left;margin-left:113px;font-size: 14px;cursor: pointer;}
.nextProgressIcon{background-position: -10px -835px;width: 16px;height: 16px;display: inline-block;position: relative;top:5px;margin-right: 10px;}
.nextProgressIcon.up{background-position: -10px -868px;}
.main{position: absolute;
    right: 0;width: 150px;height: 150px;background-color: pink;top:48px;border-radius: 50%;}
.deliveryUl li{width: 100%;color:#c7c7c7;}
.deliveryUl li .time{position: absolute;left:180px;}
.pcbProcessLiBottom{display: none;}

.track-list li.deliveryActive{color:#656464; padding-top: 0;}
.track-list li.deliveryActive .process-icon{background-position:0 -584px;}
.borderDb{border-bottom: 1px dashed #dbdbdb;}
.plr28{padding-left: 28px;padding-right: 28px;}
 .processPlayIcon.activePlay:after {
    content: "";
    position: absolute;
    left: 18px;
    top: 3px;
    border: 7px solid #fff;
    border-color: transparent transparent transparent #fff;
    z-index: 99;
}
.blueBorder{  border-left-color: #2b8ced!important;}
.completeIcon{position: absolute; left: -10px; top:0;width: 20px; height: 20px;  z-index: 1;background: white;}

.hover-hint-box{
    position: absolute;
    bottom: 20px;
    width: 530px;
    font-weight: normal;
    left: -140px;
    padding-bottom: 10px;
    display: none;
}
.hover-hint-container:hover .hover-hint-box{
    display: block;
}
.hover-hint-box>div{
    background: #ffffff;
    border: 1px solid #ecedf1;
    box-shadow: 0px 1px 5px 0px rgba(192,213,233,0.39);
    padding: 8px 28px;
    color: #222222;
    line-height: 24px;

}
.hover-hint-box>i{
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #ffffff;
    position: absolute;
    bottom: 0;
    left: 132px;
}
.w510{ width: 510px;}
.ml185{ margin-left: 185px;}
.ml80{ margin-left: 80px;}
.reply-box{
    width: 100%;
    border: 1px solid #e4e4e4;
}
.reply-box.on{ border: 1px solid #FB86A3;}
.reply-box .attach-list{
    padding: 0 150px 10px 10px;
}
.reply-box .attach-list .reply-file-item{
    height: 30px;
    line-height: 30px;
    background: #f7faff;
    border-radius: 2px;
    padding: 0 4px 0 8px;
    color: #222222;
}
.reply-box textarea{
    border: none;
    display: block;
    width: 1420px;
    margin: 10px auto;
    height: 230px;
    resize: none;
}
.reply-box textarea:focus{
    outline:none
}
.reply-box>div{
    min-height: 44px;
}
.reply-box .reply-btn{
    position: absolute;
    width: 80px;
    height: 34px;
    background: #2b8ced;
    border-radius: 17px;
    border: none;
    color: #ffffff;
    font-size: 16px;
    bottom: 10px;
    right: 20px;
}
.messageContentBox img{
    /*max-width: 100px;*/
    display: block;
}
.red2{ color: #F73163}
.upload-progress-bar{
    width: 200px;
    height: 6px;
    background: #A5CEF8;
    border-radius: 4px;
}
.upload-progress-bar>div{
    border-radius: 4px;
    height: 6px;
    background: #2b8ced;
}
.maxw200{ max-width: 200px;}


.after-sale-content .after-sale-introduce{
    text-indent: 5px;
    color: #999999;
    margin-bottom: -10px;
    padding-top: 5px;
}
.after-sale-content .after-sale-status{
    list-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline-start:40px;
    padding-inline-end:40px;
    width: 100%;
}
.after-sale-status-container{
    background-color: #F7FAFF;
    /*padding-bottom: 10px;*/
    margin-top: 10px;
}
.after-sale-status{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: unset!important;
}
.after-sale-status .after-sale-status-item{
    display: inline-block;
}
.after-sale-status-item.right-arrow{
    width:31%;
    text-align: right;
    position: relative;
}
.after-sale-status-item.right-arrow.arrow-width2{
    width:29%;
}
.after-sale-status-item.right-arrow.arrow-width3{
    width:28%;
}

.after-sale-status-item .status-icon{
    width: 36px;
    height: 36px;
    vertical-align: middle;
    margin-right: 10px;
}
.after-sale-status-item .status-icon.verticalB{
    vertical-align: bottom;
}
.after-sale-active-status{
    color: #2B8CED;
}
.status-icon,.status-name-container{
    display: inline-block;
}
.status-icon{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.status-icon.submit{
    background-image: url("/client/image/after-sale-submit.svg");
}
.status-icon.submit.active-submit{
    background-image: url("/client/image/after-sale-submitted.svg");
}
.status-icon.processing{
    background-image: url("/client/image/after-sale-processing.svg");
}
.processing-status.relative-status,
.resolved-status.relative-status{
    position: relative;
    min-width: 120px;
}
.processing-status.relative-status .status-name-container,
.resolved-status.relative-status .status-name-container{
    position: absolute;
    top: 9px;
}
.status-icon.processing.active-processing{
    background-image: url("/client/image/after-sale-processed.svg");
}
.status-icon.resolved{
    background-image: url("/client/image/after-sale-resolve.svg");
}
.status-icon.resolved.active-resolved{
    background-image: url("/client/image/after-sale-resolved.svg");
}
.after-sale-status-item.right-arrow .line{
    position: absolute;
    border-top: 1px dashed;
    width: 90%;
    left: 18px;
    top: -12px;
}
.after-sale-status-item.right-arrow .line.after-sale-line{
    top: -5px;
}
.after-sale-status-item.right-arrow .arrow{
    position: absolute;
    right: 10px;
    top: -15px;
    border:1px solid;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.after-sale-status-item.right-arrow .arrow.after-sale-arrow{
    top: -8px;
}
.right-arrow .line,
.right-arrow .arrow{
    border-color: #999999;
    /*#9EA2A7*/
}
.right-arrow.active-arrow .line,
.right-arrow.active-arrow .arrow{
    border-color: #2B8CED;
}
.after-sale-content .status-item .status-description{
    font-size: 16px;
    font-family: OpenSans;
    text-align: left;
    color: #2b8ced;
    margin-left: 10px;
}
.after-sale-form-item .after-sale-form-right{
    position: relative;
}
.after-sale-form-item .description-error{
    position: absolute;
    color: #FB86A3;
    bottom: -22px;
    left: 0;
}
.after-sale-content .after-sale-form,
.after-sale-form-item.description .after-sale-form-right #afterSaleDesc{
    width: 100%;
}
.after-sale-content .after-sale-form .after-sale-form-item{
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}
.after-sale-content .after-sale-form .after-sale-form-item .after-sale-form-left{
    width: 150px;
    float: left;
    font-size: 14px;
    font-family: OpenSans, OpenSans-Bold;
    font-weight: 700;
    text-align: left;
    color: #222222;
}
.after-sale-content .after-sale-form .after-sale-form-item .after-sale-form-right{
    flex: 1;
    /* float: left; */
}
.after-sale-form-item.orderDetails .after-sale-form-left{
    line-height: 60px;
}
.after-sale-form-item.orderDetails .order-detail-img,
.after-sale-form-item.orderDetails .order-detail-description{
    float: left;
}
.after-sale-form-item.orderDetails .order-detail-img>img{
    width: 60px;
    height:60px;
}
.after-sale-form-item.orderDetails .order-detail-description{
    text-align: left;
    color: #222222;
    margin-left: 10px;
}
 .after-sale-form-item.description .after-sale-form-right #afterSaleDesc{
     resize: none;
     width: 100%;
     border-color: #EBEBEB;
     border-radius: 4px;
     height: 120px;
     padding-left: 8px;
     padding-top: 8px;
 }
.after-sale-form-item.description .after-sale-form-left,
.after-sale-form-item.imgFile .after-sale-form-left{
    line-height: 120px;
}
.after-sale-imgFile{
    width: 120px;
    height: 120px;
    position: relative;
    float: left;
}
.after-sale-form-item.imgFile .after-sale-imgFile .del-icon{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    background-image: url("/client/image/after-sale-closed.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
    /*background: url("/client/image/order-ico.f9b46a02.png") no-repeat -241px -1401px;*/
    cursor: pointer;
}
.imgFile-icon{
    width: 120px;
    height: 90px;
    border: 1px solid #ececec;
    cursor: pointer;
}
.after-sale-imgFile.upload-file .upload-file-input{
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 90px;
    opacity: 0;
    cursor: pointer;
}
.after-sale-imgFile .imgFile-icon .file-icon{
    height: 46px;
    width: 32px;
    margin: 22px auto;
    background: url("/client/image/after-sale-attachment.svg") no-repeat 100% 100%;
}
.after-sale-imgFile .imgFile-icon .add-icon{
    /*height: 42px;*/
    /*width: 32px;*/
    /*margin: 24px auto;*/
    /*background: url("/client/image/order-ico1.f96d12c8.png") no-repeat -267px -1050px;*/
    width: 24px;
    height: 24px;
    color: #d2d2d7;
    transition: color .25s;
    position: relative;
    margin: 32px auto;
}
.after-sale-imgFile .imgFile-icon .add-icon:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    margin-left: -12px;
    margin-top: -2px;
    border-top: 4px solid;
}
.after-sale-imgFile .imgFile-icon .add-icon:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 24px;
    margin-left: -2px;
    margin-top: -12px;
    border-left: 4px solid;
}
.after-sale-form-item.imgFile .after-sale-imgFile .imgFile-name{
    width: 100%;
    text-align: left;
    height: 30px;
    line-height: 30px;
    color: #999999;
}
.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.show-fileName-all{
    background: #dddddd;
    position: absolute;
    top: 69px;
    left: 0;
    z-index: 100;
    white-space: nowrap;
    padding: 3px 6px;
}

.after-sale-form-item.imgFile .after-sale-imgFile-desc{
    /*margin-left: -10px;*/
    margin-top: 50px;
    color: #999999;
}
.afterSale-btn-radius.btn{
    border-radius: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.after-sale-result{
    width: 100%;
}
.after-sale-result-desc{
    font-weight: 700;
}
.after-sale-result-issue{
    color: #222222;
    line-height: 19px;
}
.after-sale-result-time{
    display: inline-block;
    margin-left: 40px;
}
.after-sale-checkout{
    width: 30px;
    height: 36px;
    background: url("/client/image/orderIcon.7ee39c77.png") no-repeat -247px -32px;
    vertical-align: middle;
}

.reply-border{
    border-bottom: 1px solid #eeeeee;
}
/*.reply-box.after-sale-reply,*/
/*.reply-box.after-sale-reply textarea{*/
    /*width: 100%;*/
/*}*/
.txtArea.satis{
    width: 600px;
}
.satisfaction-item{
    width: 24px;
    height: 24px;
    margin-right: 60px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.greate-satisfaction{
    background-image: url("/client/image/after-sale-happy.svg");
}
.greate-satisfaction.active-satisfaction{
    background-image: url("/client/image/after-sale-happiness.svg");
}
.gergenal-satisfaction{
    background-image: url("/client/image/after-sale-gergenal.svg");
}
.gergenal-satisfaction.active-satisfaction{
    background-image: url("/client/image/after-sale-gergenally.svg");
}
.bad-satisfaction{
    background-image: url("/client/image/after-sale-sad.svg");
}
.bad-satisfaction.active-satisfaction{
    background-image: url("/client/image/after-sale-saddness.svg");
}
.reply-color{
    color:#2B8CED;
}
/*.arrow-bottom{*/
    /*border: solid #999999;*/
    /*border-width: 0 1px 1px 0;*/
    /*display: inline-block;*/
    /*padding: 4px;*/
    /*transform: rotate(45deg);*/
    /*-webkit-transform: rotate(45deg);    */
/*}*/
.finished-evaluate img{
    display: inline;
    vertical-align: bottom;
}


/*改版jplay*/
/*.tabBox li{float: left;list-style: none;padding-left: 10px;padding-right: 10px;}*/
/*.tabBox li{line-height: 22px;font-weight: 600;float: left;margin-right: 35px;padding-bottom: 11px;cursor: pointer;}*/
/*.tabBox{overflow: hidden ;border-bottom:1px solid #c0ccda; padding:0;}*/
/*.activeLi{color: #222222;border-bottom:2px solid #2b8ced;}*/
/*.tabBox  a{color: #c0ccda;}*/
/*.activeLi a{color: #222222;}*/
.radius25{border-radius: 25px;}

/*改版客户中心按钮通用样式*/
.account-new-btn:hover, .account-new-btn:active{
    opacity: .5!important;
}
.account-new-btn[disabled],
.account-new-btn.disabled {
    background: #d9d9d9!important;
    color: #999999!important;
    cursor: not-allowed!important;
}
.account-new-btn.border-btn[disabled],
.account-new-btn.border-btn.disabled {
    background: transparent!important;
    color: #999999!important;
    border: 1px solid #d9d9d9!important;
}
.account-new-btn[disabled]:hover{
    opacity: 1!important;
}
.h148{ height: 148px}
.newOrderTable.table>tbody>tr>td{
    padding: 0;
    border-top: 1px solid #d9dde7;
}
.mt14{ margin-top: 14px}
.mb14{ margin-bottom: 14px}
.newOrderTable .account-new-btn{
    width: 100px;
    border: none;
    color: #ffffff;
    font-size: 16px;
}
.newOrderTable .account-new-btn.border-btn{
    background: #ffffff;
}
.newOrderTable .account-new-btn.blue-btn{
    height: 30px;
    background: #2b8ced;
    border-radius: 15px;
}
.newOrderTable .account-new-btn.orange-btn{
    height: 34px;
    background: #ff8c22;
    border-radius: 17px;
}
.newOrderTable .account-new-btn.yellow-btn{
    width: 120px;
    height: 34px;
    border: 1px solid #fba730;
    border-radius: 17px;
    color: #fba730;
    text-align: center;
    line-height: 32px;
    display: inline-block;
    font-size: 14px;
}
.newOrderTable .account-new-btn.gray-btn{
    width: 140px;
    height: 34px;
    border: 1px solid #9ba1b1;
    border-radius: 17px;
    color: #9ba1b1;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
}
.newOrderTable .account-new-btn.gray-btn.w64{
    width: 64px;
}
.newOrderTable .account-new-btn.blue-border-btn{
    width: 180px;
    height: 34px;
    border: 1px solid #2b8ced;
    border-radius: 17px;
    color: #2b8ced;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
}
.newOrderTable .account-new-btn.replace-file-btn{
    width: 120px;
    border: 1px solid #F73163;
    color: #F73163;
    font-size: 14px;
}

.confirmFileHint{
    background: #f7faff;
    color: #7C8895;}
.confirmFileHint span{
    color: #FB9709;
}
.confirmFileHint + tr td{
    border-top: none!important;
}
.newOrderTable .opacity{opacity: .5;}
.newOrderTable .processStatusIcon{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.newOrderTable .processStatusIcon.processStatusIcon0 { /*节点*/
    background: url("/client/svg/node_no.svg") no-repeat;
}
.newOrderTable .active .processStatusIcon.processStatusIcon0 { /*节点*/
    background: url("/client/svg/node.svg") no-repeat;
}
.newOrderTable .processStatusIcon.processStatusIcon1 { /*提交订单-Order submitted*/
    background: url("/client/svg/order_pre.svg") no-repeat;
}
.newOrderTable .active .processStatusIcon.processStatusIcon1 { /*提交订单-Order submitted*/
    background: url("/client/svg/order_icon.svg") no-repeat;
}
.newOrderTable .processStatusIcon.processStatusIcon2 { /*审核订单-Reviewing*/
    background: url("/client/svg/review_icon_pre.svg") no-repeat;
}
.newOrderTable .active .processStatusIcon.processStatusIcon2 { /*审核订单-Reviewing*/
    background: url("/client/svg/review_icon.svg") no-repeat;
}
.newOrderTable .processStatusIcon.processStatusIcon3 { /*文件处理 -Data Preparation*/
    background: url("/client/svg/file_icon_pre.svg") no-repeat;
}
.newOrderTable .active .processStatusIcon.processStatusIcon3 { /*文件处理-Data Preparation*/
    background: url("/client/svg/file_icon.svg") no-repeat;
}
.newOrderTable .processStatusIcon.processStatusIcon4 { /*生产中 -In Production*/
    background: url("/client/svg/produce_icon_no.svg") no-repeat;
}
.newOrderTable .active .processStatusIcon.processStatusIcon4 { /*生产中-In Production*/
    background: url("/client/svg/produce_icon.svg") no-repeat;
}
.newOrderTable .processStatusIcon.processStatusIcon5 { /*打包 -Packed & waiting carrier pickup*/
    background: url("/client/svg/bale_icon_no.svg") no-repeat;
}
.newOrderTable .active .processStatusIcon.processStatusIcon5 { /*打包-Packed & waiting carrier pickup*/
    background: url("/client/svg/bale_icon.svg") no-repeat;
}
.newOrderTable .processStatusIcon.processStatusIcon6 { /*运输 -In Transit*/
    background: url("/client/svg/transport_icon_pre.svg") no-repeat;
}
.newOrderTable .active .processStatusIcon.processStatusIcon7 { /*运输-In Transit*/
    background: url("/client/svg/transport_icon.svg") no-repeat;
}
.w145{
    width: 145px;
}
.mt6{ margin-top: 6px;}
.cancelRemarkBox{
    position: absolute;
    left: 200px;
    bottom: -20px;
    background: #fff;
    border-radius: 2px;
    width: 480px;
    min-height: 220px;
    box-shadow: 0px 1px 5px 0px rgba(192,213,233,0.39);
    padding: 20px;
    display: none;
    z-index: 9999;
}
.cancelRemarkBox:before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 20px;
    width: 10px;
    height: 34px;
    background: url(/client/image/orderIcon.7ee39c77.png) no-repeat -204px -379px;
}
.cancelRemarkBoxHover:hover .cancelRemarkBox{
    display: block;
}
.opacity1{
    opacity: 1;
}
.new-product-detail.detail-main{
    padding: 0 30px 30px;
}
.lin27{line-height: 27px}
.new-product-detail p{
    margin: 0;
}
.new-product-detail .detail-p1{
    padding: 0 0 20px 0;
    border-bottom: none;
    font-size: 20px;
}
.new-product-detail .details-box{
    border-top: 1px solid #ecf0fb;
    border-left: 1px solid #ecf0fb;
}
.new-product-detail .details-box>.detail-p2{
    float: left;
    width: 50%;
    min-height: 60px;
    border: 1px solid #ecf0fb;
    border-top: none;
    border-left: none;
    margin: 0;
    padding-left: 0;
}
.new-product-detail .details-box .detail-span1{
    width: 200px;
    display: flex;
    line-height: 20px;
    margin: 0;
    min-height: 60px;
    padding: 20px 0 20px 30px;
    float: left;
    background: #F7FAFF;
}
.new-product-detail .details-box .detail-value{
    float: left;
    width: 317px;
    flex-direction: column;
    justify-content: center;
    display: flex;
    min-height: 60px;
    background: #ffffff;
}
.new-product-detail .details-box .detail-span2{
    font-size: 14px;
    color: #222222;
    padding-left: 30px;
}
.new-product-detail .details-box .detail-span2.line-through{
    font-size: 12px;
    color: #aaaaaa;
    display: inline-block;
    line-height: 17px;
    padding-top: 8px;
}
.webkit-line-clamp{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.w440{ width: 440px}
.pt80{ padding-top: 80px;}
.h400{ height: 400px;}
.w626{ width: 626px;}
.w337{ width: 337px;}
.w305{ width: 305px;}
.w172{ width: 172px;}
.bgNattierBlue{ background: #f7faff;}
.pb0{ padding-bottom: 0;}
.line17{ line-height: 17px;}
.unread-message{
    position: absolute;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    top: 10px;
    left: 116px;
    color: #ffffff;
    background: #FD4775;
    font-size: 10px;
    text-align: center;
    line-height: 16px;
    font-weight: normal;
    padding: 0 2px;
}
.unread-message.unread99{
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 11px;
}
.account-nav{
    border-bottom: 1px solid #c0ccda;
}
.account-nav>div{
    float: left;
    height: 37px;
    min-width: 120px;
    border-bottom: 1px solid #c0ccda;
    margin-bottom: -1px;
    margin-left: 16px;
}
.account-nav a{
    display: block;
    min-width: 120px;
    height: 36px;
    border-bottom: 3px solid #fff;
    color: #C0CCDA;
    text-align: center;
}
.account-nav>div.active{
    border-bottom: 1px solid #2b8ced;
}
.account-nav>div.active a{
    color: #222222;
    border-bottom: 3px solid #2b8ced;
}
.account-nav>div:first-child i{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/client/svg/jpay_icon_off.svg") no-repeat;
}
.account-nav>div.active:first-child i{
    background: url("/client/svg/jpay_icon_on.svg") no-repeat;
}
.account-nav>div:nth-child(2) i{
    display: inline-block;
    width: 24px;
    height: 18px;
    margin-top: 2px;
    background: url("/client/svg/coupon_off.svg") no-repeat;
}
.account-nav>div.active:nth-child(2) i{
    background: url("/client/svg/coupon_on.svg") no-repeat;
}
.account-nav>div:last-child i{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/client/svg/billing_off.svg") no-repeat;
}
.account-nav>div.active:last-child i{
    background: url("/client/svg/billing_on.svg") no-repeat;
}
.process-video{
    margin-left: 30px;
    margin-top: 12px;
    border-radius: 10px;
}
.process-video-close{
    position: absolute;
    left: 502px;
    top: 13px;
    width: 25px;
    height: 25px;
}
.attach-process{
    width: 100px;
    height: 6px;
    opacity: 0.4;
    background-color: #ebecf0;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 12px;
}
.attach-current-process{
    background-color: #2b8ced;
    height: 6px;
    border-radius: 4px;
    position: absolute;
}
.attach-process-num{
    margin-left: 105px;
}
.paste-img-contentbox.messageContentBox img{
    display: unset;
}
#editedPasted{
    height: 230px;
    outline: none;
    padding: 10px;
    overflow-y: scroll
}

.contentEditable{
    position: absolute;
    opacity: 0;
}
.show-contentEditContainer.contentEditable{
    position: unset;
    opacity: 1;
}
.contentEdit-container-cover{
    width: 1260px;
    height: 270px;
    position: absolute;
    z-index: 10;
}
#editedPasted{
    height: 230px;
    outline: none;
    padding: 10px;
    overflow-y: scroll
}

.contentEditable{
    position: absolute;
    opacity: 0;
}
.show-contentEditContainer.contentEditable{
    position: unset;
    opacity: 1;
}
.contentEdit-container-cover{
    width: 1260px;
    height: 270px;
    position: absolute;
    z-index: 10;
}
.payment-desc{
    position: absolute;
    top: 50%;
    left: 500px;
    transform: translateY(-50%);
}
.jpay-payment-desc{
    color: #FF9000;
}
.steel-dialog-title{
    font-weight: 600;
}
.select-container{
    position: absolute;
    top: 22px;
    left: 0;
    box-shadow: 0px 2px 4px 1px rgba(218,228,234,0.56);
    z-index: 10;
    background-color: #ffffff;
}
.order-received{
    background-image: url(/client/image/explan.25ceff79.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: -1px -142px;
    vertical-align: middle;
}
.change-btn{
    background: #f4fbff;
    border: 1px solid #84cdff;
    border-radius: 4px;
}
.pcb-layer-details{
    position: absolute;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 1px 4px 2px rgba(198,206,221,0.3);
    padding: 10px;
    z-index: 10;
    right: 0;
    display: block;
    bottom: 40px;
}
.discount-position{
    position: absolute;
    top: 0;
    left: 500px;
}
.new-tag{
    width: 34px;
    height: 16px;
    background: #49ea91;
    border-radius: 8px;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: -8px;
    left: 96px;
}
.order-modify-nav .breadcrumb{
    background-color: #f5f5f5;
}
.w972 .discount-position{
    left: 450px;
}

.countryExchangeRateListDiv.country-select-container{
    width: 370px;
    height: unset;
    overflow-y: unset !important;
    overflow-x: unset;
    z-index: 100;
    margin-top: -4px;
    border: solid 1px #eeeeee;
    position: unset;
    /*display: none;*/
}
.country-select-ul{
    height: 125px;
    overflow-x: hidden;
    overflow-y: scroll !important;
}
.alignL{
    text-align: left;
}
.current-currency{
    border: solid 1px #eeeeee;
    height: 36px;
    line-height: 36px;
}
.select-container-country{
    border: solid 1px #eeeeee;
    margin-top: -1px;
    /*display: none;*/
}
.active-currency-select,.active-currency-select>span{
    color: #2b8ced!important;
    /*font-weight: 600;*/
}
.new-btn-default{ color: #2B8CED; background:#ffffff; border-color:#2B8CED; }
.new-btn-default:hover{ color: #0A70D6; border-color:#0A70D6;}
.new-btn-default[disabled]{color: #2B8CED;!important; border-color:#2B8CED!important; opacity: .5; }
.country-new-container{
    position: absolute;
    left: -325px;
    top: 40px;
    z-index: 10;
    background: #ffffff;
    border: solid 1px #eeeeee;
    padding: 10px 15px 30px;
    border-radius: 4px;
    box-shadow: 0px 1px 4px 2px rgba(198,206,221,0.30);
    display: none;
}
#saveCountry img{
    width: 20px;
    height: 20px;
    min-width: 20px;
}
.country-head:hover .country-new-container{
    display: block;
}
/*.country-head:hover .country-new-container{*/
    /*display: n;*/
/*}*/
/*.country-head:hover .country-new-container .country-select-container{*/
/*display: none;*/
/*}*/
.heightL40{
    height: 40px;
    line-height: 40px;
}
.new-paymethods label{
    font-weight: normal;
}
.btn.border-radius25{
    border-radius: 25px;
}
.new-coupon-tag{
    color: #ffffff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #2b8ced80;
    height: 20px;
    line-height: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
.new-coupon-money{
    height: 59px;
    line-height: 59px;
    /*border-bottom: 1px dashed #2b8ced;*/
}
.new-coupon-dashed-line{
    width: 100%;
    height: 1px;
    background-image: linear-gradient(
            to right,
            #2b8ced 0%,
            #2b8ced 50%,
            transparent 50%
    );
    background-size: 8px 1px;
    background-repeat: repeat-x;
    opacity: 0.5;
}
.new-coupon-dashed-line-disabel{
    width: 100%;
    height: 1px;
    background-image: linear-gradient(
            to right,
            #bbbbbb 0%,
            #bbbbbb 50%,
            transparent 50%
    );
    background-size: 8px 1px;
    background-repeat: repeat-x;
    opacity: 0.5;
}
.color4{
    color: #444444;
}
.new-card-cvv-container:hover .new-card-cvv{
    display: block;
}
.new-card-cvv{
    position: absolute;
    width: 280px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 1px 4px 2px rgba(198,206,221,0.30);
    z-index: 10;
    padding: 15px;
    margin-top: -203px;
    margin-left: -145px;
    display: none;
}
.new-card-cvv:after {
    content: "";
    position: absolute;
    left: 145px;
    bottom: -19px;
    border: 10px solid #fff;
    border-color: #fff transparent transparent transparent;
}
.total-money{
    color: #ff8c22;
}
.model-close-icon{
    position: absolute;
    right: 0;
    top: 0;
}
.model-close-icon.btn{
    background-color: #ffffff;
    border: unset;
}
.address-border{
    border: 1px solid #dbdbdb;
}
.input-box-flex{
    justify-items: center;
    align-items: center;
    height: 60px;
}
.flex1{
    flex: 1;
}
/*.new-address-name .new-input-label{*/
    /*flex-basis: 100px;*/
/*}*/
/*.new-address-address .new-input-label{*/
    /*flex-basis: 65px;*/
/*}*/
/*.new-address-code-left .new-input-label{*/
    /*flex-basis: 110px;*/
/*}*/
/*.new-address-tax .new-input-label{*/
    /*flex-basis: 165px;*/
/*}*/
/*.new-address-tin .new-input-label{*/
    /*flex-basis: 205px;*/
/*}*/
/*.new-address-code-right .new-input-label{*/
    /*flex-basis: 150px;*/
/*}*/
/*.new-ddress-edit-container .form-control{*/
    /*padding: 6px 0;*/
/*}*/
.form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: none !important;
}
.base-form-item{
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: none !important;
}
.flex{display: flex;}
.align-center{align-items: center}
.justify-between { justify-content: space-between; }
.new-input-label{
    position: absolute;
    top: 20px;
    font-size: 14px;
    transition: all linear 0.25s;
    -moz-transition: all linear 0.25s;
    -webkit-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
}
.top5{
    top: 8px;
    font-size: 12px;
}
.new-address-code-right.hasSelect .new-input-label{
    margin-top: -28px;
}
.new-address-code-right.hasSelect .new-input-label{
    margin-top: -16px;
}
.new-address-code-right.hasSelect .new-input-label.top5{
    margin-top: 0;
}
.new-address-code-right.hasSelect .new-input-label.top5~input{
    padding-left: 130px;
}
.area-code-choose-box{
    position: absolute;
    border: 1px solid #cacaca;
    left: 28px;
    width: 110px;
    top: 28px;
    height: 25px;
    border-radius: 2px;
}
.area-code-choose-box .form-control{
    border: 1px solid #ccc;
    outline: none;
    box-shadow: none;
    padding: 0;
    height: 24px;
    text-indent: 12px;
}
.area-code-choose-box .svgBg{
    width: 27px;
    height: 22px;
}
.area-code-choose-box .svgBg .icon{
    width: .7em;
    height: .7em;
    top: 3px;
    left: 3px;
}
.area-code-choose-box>input{
    display: inline-block;
    width: 58px;
    border: none;
    vertical-align: middle;
    height: 22px;
    margin-left: 32px;
    font-size: 12px;
}
.area-code-choose-box>input:focus{
    outline: none;
}
/*.area-code-choose-box.afterDrop:after{*/
    /*top: 40%;*/
/*}*/
.area-code-choose-box .absList{
    right: -100px;
}
.mb-10{
    margin-bottom: -10px;
}
.cart-paymethod{
    margin-left: 16px;
}
.new-radio-on{
    border-color: #2d8ded;
    background-color: #2d8ded;
}

.new-checkbox{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.new-checkbox-checked{
    background-image: url("/client/svg/choose_box_icon.svg");
}
.new-checkbox-uncheck{
    background-image: url("/client/svg/choose_un.svg");
}
.new-radio-on{
    border-color: #2d8ded;
    background-color: #2d8ded;
}
/*选国家placeholder*/
#newAddressSelectCountry::-webkit-input-placeholder{
    color: #c0c0c0!important;
}
#newAddressSelectCountry:w1100-moz-placeholder{
    color: #c0c0c0!important;
}
#newAddressSelectCountry::-moz-placeholder{
    color: #c0c0c0!important;
}
#newAddressSelectCountry::-ms-input-placeholder{
    color: #c0c0c0!important;
}
#newAddressSelectCountry:-ms-input-placeholder{
    color: #c0c0c0!important;
}
#newAddressSelectCountry::placeholder{
    color: #c0c0c0!important;
}
.h60{
    height: 60px;
}
.mt24{
    margin-top: 24px;
}

.arrowIcon{ height: 20px; cursor: pointer; width: 20px; margin: 0 auto;}
.arrowIcon.on{ background: url("/client/image/svg/open_up.svg") no-repeat center;}
.arrowIcon.off { background: url("/client/image/svg/open_down.svg") no-repeat center;}
.new-cart-delete-close.close{
    float: unset;
    position: absolute;
    right: 10px;
    top: 10px;
}
.parts-table{
    text-align: left;
    margin-bottom: 0px;
}
.parts-table.table>thead>tr>td{ padding: 8px 0;}
.parts-table>thead{
    background: #f7faff;
    line-height: 24px;
}
.parts-table .img-box{
    width: 90px;
    height: 90px;
    background: #ffffff;
    text-align: center;
    box-sizing: content-box;
    float: left;
}
.smt-price-parts-table.parts-table .img-box{
    width: 100px;
    height: 100px;
}
.parts-table .img-box img{
    vertical-align: middle;
}
.parts-table tbody tr td{
    padding: 20px 0;
    background: #fff;
}
.smt-price-parts-table.parts-table.table>tbody>tr>td{
    padding: 30px 0;
    border-bottom: 1px solid #f1f3f6;
}
.smt-price-parts-table.parts-table.table>tbody>tr>td.pad10{
    padding: 10px;
}
.smt-price-parts-table.parts-table.table>tbody>tr>td:nth-child(3)>div{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}

.smt-price-parts-table.parts-table.table tbody tr td.pad10{
    padding: 10px;
}
.smt-price-parts-table.parts-table.table tbody tr td.bg{
    background: #f5f5f5;
}
.select-parts-table.table>tbody>tr>td.pad2030{
    padding: 20px 30px;
}
.select-parts-table.table>tbody>tr>td,
.parts-table.table>tbody>tr>td{
    border-top: none;
}
.parts-table .show-all-box .arrowIcon{
    width: 16px; height: 16px; display: inline-block; margin-left: 4px;
}
.noMatchBomList.parts-table tr td{
    padding: 15px 20px;
}
.noMatchBomList.parts-table tbody tr:first-child td{
    padding-top: 30px;
}
.noMatchBomList.parts-table.table>thead>tr>td{
    padding: 8px 20px;
}
.parts-table i + span{
    vertical-align: middle;
}
.parts-table.table>thead tr td{
    line-height: 24px;
}
.parts-table.table>thead tr td:first-child{
    padding-left: 20px;
}
.componentPricesList li:first-child{ margin-top: 0;}
.parts-table .select-btn{
    width: 160px;
    height: 40px;
    border-radius: 20px;
    box-sizing: border-box;
    border: 1px solid #bbbbbb;
    color: #bbbbbb;
    background: transparent;
}
.parts-table .select-btn.on{
    border: 1px solid #2B8CED;
    color: #2B8CED;
    font-weight: bold;
}
.parts-table .select-btn .question-icon{
    position: absolute;
    top: 12px;
    left: 104px;
    width: 14px;
    height: 14px;
    background: url("/client/svg/question_mark.svg") no-repeat center;
}
.parts-table .select-btn .question-icon:hover .absQuestionNotice{ display: block;}
.parts-table .select-btn .question-icon .absQuestionNotice:after{ left: 126px;}
.parts-table.table>tbody>tr>td.on+td,
.parts-table.table>tbody>tr>td.on+td+td{
    border-bottom: none;
}
.smt-price-parts-table.parts-table.table>tbody>tr>td.on+td+td>div{
    min-height: 28px;
}
.disabled-standard {
    cursor: not-allowed !important;
}
.bg-shadow{
    box-shadow: 0px 2px 3px 0px rgba(198,206,221,0.30);
}
.bg-new{
    background-color: #F1F3F6;
}
.new-shipping-bg{
    background-color: #f4f9fe;
}
.more-options{
    display: inline-block;
    transform: scale(1.5);
    vertical-align: text-bottom;
    color: #d8d8d8;
}
/*triangle*/
.triangle-up{
    width: 0;
    height: 0;
    border-bottom: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    cursor: pointer;
    color: #2E2E2E;
}
.triangle-down{
    width: 0;
    height: 0;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    cursor: pointer;
    color: #2E2E2E;
}
.footer-title{
    line-height: 1;
    margin-bottom: 20px;
    font-size: 16px;
    color: white;
}
.mb16{margin-bottom: 16px}
.footer-li a{
    color: #9e9e9e;
    line-height: 22px;
    font-size: 16px;
}
.footer-li a:hover{
    text-decoration: underline;
    cursor: pointer;
    color: #9e9e9e;
}
.footer-container ul{
    padding-inline-start: 0;
    list-style: none;
}
a.copyright-a:hover{
    text-decoration: underline;
    color: #555;
}
.ml440{ margin-left: 440px;}
.feedback-box{
    padding: 40px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0px 2px 3px 0px rgba(198,206,221,0.30);
}
.feedback-box .choose-icon{
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid #bbbbbb;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 10px;
}
.feedback-box .choose-icon.on{
    background-color: #2D8DED;
    border: 1px solid #2D8DED;
}
.feedback-box .submit-btn{
    width: 120px;
    height: 40px;
    background: #2b8ced;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    float: right;
    margin-top: 40px;
}
.feedback-box #editedPasted{
    height: 280px;
}
.feedback-border{
    border: 1px solid #fd4775;
}
.feedback-box-end{
    height: 124px;
    padding-top: 48px;
    box-shadow: 0px 2px 3px 0px rgba(198,206,221,0.30);
    border: 1px solid #eeeeee;
    font-family: PingFangSC, PingFangSC-Regular;
    color: #2b8ced;
    text-align: center;
}
#editedPasted.dfm:empty:before{
    content: 'Your feedback helps us provide you the best customer experience.';
    color: #999999;
}
#editedPasted.dfm:focus:before{
    content:none;
}
.jpay-account-selectcountry{
    position: absolute;
    right: 120px;
    top: 28px;
    background: #fff;
}
.temp-select-country .jpay-countryName{
    color:orange;
}
.feedback-border{
    border: 1px solid #fd4775;
}
.feedback-box-end{
    height: 124px;
    padding-top: 48px;
    box-shadow: 0px 2px 3px 0px rgba(198,206,221,0.30);
    border: 1px solid #eeeeee;
    font-family: PingFangSC, PingFangSC-Regular;
    color: #2b8ced;
    text-align: center;
}
#editedPasted.dfm:empty:before{
    content: 'Your feedback helps us provide you the best customer experience.';
    color: #999999;
}
#editedPasted.dfm:focus:before{
    content:none;
}
.smtPrivateLibrary-tabs{
    border-bottom: 1px solid #ecf0fb;
    height: 40px;
    color: #c0ccda;
}
.smtPrivateLibrary-tab{
    height: 40px;
}
.smtPrivateLibrary-tabs .smtPrivateLibrary-tab-active{
    color: #222222;
    border-bottom: 4px solid #2b8ced;
}

.first-level{
    height: 80px;
    background: #f7f7f7;
}
.first-level.active-level{
    background-color: #ffffff;
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    /*box-shadow: 0px 1px 4px 0px rgba(198,206,221,0.30);*/
    /*box-shadow: 0 -1px 4px -3px rgba(198,206,221,0.30);*/
    /*box-shadow: 0 -4px 4px -3px rgba(198,206,221,0.30), 4px 0 4px -3px rgba(198,206,221,0.30), -4px 0 4px -3px rgba(198,206,221,0.30);*/
}
.first-level.active-level .levelName,.second-level-li:hover .secondName{
    color: #2b8ced!important;
}
.active-connect{
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #dbdbdb;
}
.second-level{
    /*margin-top: -20px;*/
    /*margin-bottom: 20px;*/
}
.second-level-item{
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    /*box-shadow:  -4px 0 4px -3px rgba(198,206,221,0.30), 0 4px 4px -3px rgba(198,206,221,0.30), 4px 0 4px -3px rgba(198,206,221,0.30);*/
    /*margin-bottom: 20px;*/
}
#junction{
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    /*box-shadow: -4px 0 4px -3px rgba(198,206,221,0.30),4px 0 4px -3px rgba(198,206,221,0.30);*/
}
.new-parts-search{
    height: 360px;
    background: url("/client/svg/smt-libary.15ee8341.png") no-repeat;
    background-size: 100% 100%;
}
#junctionLine{
    position: absolute;
    top: 20px;
    background-color: #ffffff;
    z-index: 10;
}
.active-tab-detail{
    border-bottom: 1px solid #222222;
    color: #222222;
    font-weight: 600;
}
.smt-libraries-details{
    height: 22px;
    line-height: 22px;
}
.smt-copy{
    width: 44px;
    height: 22px;
    line-height: 22px;
    background-color: #ecedee;
    text-align: center;
    border-radius: 10px;
    float: right;
}
.smt-copied{
    width: 56px;
    height: 22px;
    line-height: 22px;
    background-color: #ecedee;
    border-radius: 10px;
    text-align: center;
}
.smt-search-active{
    color: #2b8ced;
}
.btn.btn-primary-paymethod{background:#2B8CED; border-color:#2B8CED;color: #fff }
.btn.btn-primary-paymethod:hover{
    opacity: 0.5;
}
.fixed-right{
    position: fixed;
    top:30px;
}
.abs-right{
    position: absolute;
    top:30px;
    right: 0;
}
.not-allowed{
    cursor: not-allowed;
}
.question-mark-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/client/svg/question_mark.svg);
    vertical-align: middle;
}
.page .btn:disabled{opacity: 1;}
.fileImg-blue{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    vertical-align: middle;
    background: url(/client/image/pdf_icon.c856bd3c.png) no-repeat;
}
.Img-search{
    width: 20px;
    height: 20px;
    margin-top: -35px;
    vertical-align: middle;
    background: url(/client/image/Search_icon.cadc657a.png) no-repeat;
}
#copyTxt5{
    color: black;
}
#copyTxt5:hover{
    color: #2B8CED;
}
.list-container{
    margin-left: -1px;
    margin-top: 3px;
    width: 315px;
    height: 230px;
    opacity: 1;
    background: #ffffff;
    box-shadow: 0px 1px 2px 0px rgb(192 208 219 / 70%);
    z-index: 999;
    position: absolute;
    display: none;
}
.list-search{
    width: 295px;
    height: 30px;
    opacity: 1;
    background: #f5f5f5;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 10px;
}
.list-ul{

    width: 315px;
    max-height: 180px;
    overflow-y: auto;
    background: #fff;
    z-index: 999;
    padding: 5px 10px;
    margin-top: 10px;
}
.list-ul-text{
    opacity: 1;
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #222222;
    line-height: 30px;
}
.list-ul-text-ac{
    color: #999999;
    margin-left: 5px;
}
.list-ul-text:hover{
    opacity: 1;
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #3B95EE;
    background: #f7faff;
    line-height: 30px;
}
.list-img{
    position: absolute;
    height: 20px;
    width: 20px;
    margin-left: 277px;
    margin-top: 16px;
}
.area-code-choose-box1{
    width: 120px;
    height: 60px;
    border: 1px solid #dbdbdb;
    display: inline-block;
    vertical-align: top;
}
.svgBg1{
    width: 23px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 18px;
}
.icon-text-ac{
    width: 60px;
    height: 19px;
    opacity: 1;
    font-size: 14px;
    font-family: OpenSans;
    color: #222222;
    border: none;
    margin-top: 20px;
    margin-left: 10px;
    position: absolute;
}
.displayIB{
    display: inline-block;
}
.address-label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
    font-weight: 700;
}
.borderDb input{
    border: none;
    box-shadow: none;
    height: 23px;
}
.list-tr:hover{background-color: #ecf0f6;}
.h56 {
    height: 56px;
}
.smt-input{
    width: 80px !important;
    height: 30px;
    opacity: 1 !important;
    border: 1px solid #eeeeee !important;
    border-right: none !important;
    text-align: center;
    border-radius: unset;
    color: #222222;
}
.input-group-drop-addon-box{
    width: 20px;
    height: 30px;
    opacity: 1;
    border: 1px solid #eeeeee;
    position: absolute;
    border-left: none;
    text-align: center;
}
.input-group-drop-addon{
    display: inline-block;
    border: 4px solid #222222;
    border-color: #222222 transparent transparent transparent;
    margin-top: 12px;
}
.smt-reorder-list{
    width: 420px;
    height: 202px;
    opacity: 1;
    background: #ffffff;
    box-shadow: 0px 1px 4px 2px rgb(198 206 221 / 30%);
    top: 31px;
    padding: 0;
    z-index: 10;
}
.smt-reorder-list-pcba{
    width: 720px;
    height: 542px;
    opacity: 1;
    background: #ffffff;
    box-shadow: 0px 1px 4px 2px rgb(198 206 221 / 30%);
    top: 31px;
    padding: 0;
    z-index: 10;
}
.smt-reorder-list-btn{
    width: 80px;
    height: 34px;
    opacity: 1;
    border: 1px solid #eeeeee;
    margin-left: 20px;
    margin-top: 20px;
    background: #ffffff;
}
.smt-reorder-list-btn:hover{
    background: #f7fbff;
}
.smt-reorder-list li{
    position: relative;
}
.smt-list-img1{
    position: absolute;
    right: 0;
    bottom: 0;
    /*display: none;*/
    /*margin-top: 41px;*/
    /*margin-left: -17px;*/
}
.smt-list-img2{
    position: absolute;
    right: 0;
    bottom: 0;
    /*margin-left: -13px;*/
    /*margin-top: 41px;*/
    /*display: none;*/
}
.select-show{
    display: inline;
}
.smt-reorder-modal{
    width: 500px;
    min-height: 244px;
    opacity: 1;
    background: #ffffff;
    border: 1px solid #ecedf1;
    border-radius: 5px;
    box-shadow: 0px 1px 5px 0px rgba(192,213,233,0.39);
}
.smt-reorder-modal-title{
    width: 141px;
    height: 27px;
    opacity: 1;
    font-size: 20px;
    font-family: OpenSans, OpenSans-Semibold;
    font-weight: 600;
    text-align: left;
    color: #222222;
    line-height: 27px;
}
.smt-reorder-modal-text{
    opacity: 1;
    font-size: 14px;
    font-family: OpenSans;
    text-align: left;
    color: #666666;
    line-height: 28px;
    letter-spacing: 0px;
    margin-top: 20px;
    word-break: break-all;
}
.smt-reorder-modal-btn1{
    width: 120px;
    height: 40px;
    opacity: 1;
    border: 1px solid #2b8ced;
    background-color: #ffffff;
    border-radius: 26px;
    color: #2b8ced;
    font-size: 14px;
}
.smt-reorder-modal-btn2{
    width: 120px;
    height: 40px;
    opacity: 1;
    background: #2b8ced;
    border-radius: 25px;
    border: unset;
    color: #ffffff;
    font-size: 14px;
}
.list-tr:hover{background-color: #ecf0f6;}
.absDrop{position: absolute;right: 0;top: 120%;width: 180px;background: #fff;box-shadow: 0 0 5px 1px #eee;border-radius: 3px;line-height: 30px;padding: 10px;color: #333;display: none;z-index: 21;}
.absDrop li:hover{color: #2b8ced;}
.blue2:hover .absDrop{display: block;}
.japayUl{
    text-decoration: underline;
}
.japayUl:hover {
    color: #337ab7 !important;
}
.detail-tab{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #EEEEEE;
    width: 95%;
}
.ans-btn{
    display: block;
    width: 100%;
    height: 50%;
    border-radius: unset;
    border: 1px solid #DBDBDB;
    background: #fff;
    background-repeat:no-repeat;
    background-position: center;
}
.headCartList{
    width:261px;
    left: auto;
    right: -9px;
    top: 44px;
    padding: 0;
    margin-left: -60px;
    margin-top: -5px;
    background: #ffffff;
    border-radius: 1px;
    box-shadow: 0px 1px 4px 2px rgba(198,206,221,0.3);
    border: none;
}
.headCartList :before{
    position: absolute;
    right: 50px;
    top: -17px;
    width: 30px;
    height: 17px;
    background: url(/client/svg/topsanjiao.svg);
}
.headCartList li{
    padding: 0 20px;
}
.headCartList button{
    width: 200px;
    height: 40px;
    opacity: 1;
    border: 1px solid #2d8ded;
    border-radius: 21px;
    background: #FFFFFF;
    font-size: 16px;
    font-family: OpenSans;
    color: #2d8ded;
    line-height: 22px;
}
.scrollBoxBar::-webkit-scrollbar {/*滚动条整体样式*/

    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

    /*height: 1px;*/

}
.scrollBoxBar::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;

    -webkit-box-shadow: unset;

    background: #EEEEEE;
}
.scrollBoxBar::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: unset;

    border-radius: 10px;

    background: #FFFFFF;
}
.showBigImg{
    position: absolute;
    width: 260px;
    height: 260px;
    border: 1px solid #ccc;
    z-index: 10;
    background: #fff;
}
.dot {
    position: relative;
    margin-left: 15px;
}
.dot:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    top: 18%;
    left: -12px;
    background: #999;
}
.tip_popover{
    position: absolute;
    background: #fff;
    min-width: 150px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
}
.overflow_ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wordbreak_all{
    word-break: keep-all;

    word-wrap: break-word;

    white-space: pre-wrap;
}
.maxh40{max-height: 40px;}
.smt-border-btn{border: 1px solid #2b8ced;border-radius: 18px;color: #2b8ced;}
.smt-gray-btn{border: 1px solid #cdd0d8;border-radius: 18px;color: #9ba1b1;}
.relative:hover>.absTitle{display: block;}
.absTitle{position: absolute;left: 103%;z-index: 99;display: none;
    padding: 20px 10px;
    top: -50px;width: 346px;
    min-height: 100px;
    opacity: 1;
    background: #ffffff;
    border: 1px solid #ecedf1;
    border-radius: 3px;
    box-shadow: 0px 1px 20px 0px rgba(192,213,233,0.39); }
.absTitle:after{content: "";position: absolute;left: -20px;
    top: 45%;border: 10px solid #fff;border-color: transparent #fff transparent transparent;}

.smtReplaceTitle{font-family: PingFangSC, PingFangSC-Semibold;font-weight: 600;color: #222222;line-height: 22px;}
.w310{width: 310px;}
.bgfb{background: #fbfcff;}
.desc-longer{
    position: absolute;
    border:1px solid #cccccc;
    background: #fff;
    z-index: 10;
    border-radius: 4px;
    padding: 5px;
    white-space: nowrap;
}
.select-parts-table.table>thead>tr>td{padding:11px 10px;}
.choose-side-box i.operate-btn,
.select-parts-table .operate-btn{
    width: 18px;
    height: 18px;
    border-radius: 1px;
    border: 1px solid #2B8CED;
    display: inline-block;
}
.select-parts-table .operate-btn.disabled{
    border: 1px solid #eeeeee;
    background: #eeeeee;
    position: relative;
}
.select-parts-table .operate-btn.disabled div{
    position: absolute;
    background: #ffffff;
    border-radius: 1px;
    box-shadow: 0px 0px 1px 1px rgba(198,206,221,0.30);
    line-height: 19px;
    font-size: 14px;
    bottom: 20px;
    right: -67px;
    padding: 6px 13px;
    cursor: auto;
    display: none;
}
.select-parts-table .operate-btn.disabled:hover div{
    display: block;
}

.choose-side-box i.operate-btn.cur,
.select-parts-table .operate-btn.cur{
    background: url("/client/image/svg/choose_box_icon.svg");
    border: none;
}
.select-parts-table .showNote{
    position: absolute;left: -230px;top: -20px;background: #fff;display: inline-block;
    line-height: 20px;padding: 0 5px;border-radius: 3px;border: 1px solid #ccc;
    font-size: 12px;color: #333;width: 300px;font-weight: normal;
}

.parts-table i + span{
    vertical-align: middle;
}
.parts-table.table>thead tr td{
    line-height: 24px;
}
.parts-table.table>thead tr td:first-child{
    padding-left: 20px;
}
.componentPricesList li:first-child{ margin-top: 0;}
.parts-table .select-btn{
    width: 80px;
    height: 30px;
    border-radius: 20px;
    box-sizing: border-box;
    border: 1px solid #2b8ced;
    color: #2b8ced;
    background: transparent;
}
.parts-table .select-btn.on{
    border: 1px solid #2B8CED;
    color: #2B8CED;
    font-weight: bold;
}
.parts-table .select-btn .question-icon{
    position: absolute;
    top: 12px;
    left: 104px;
    width: 14px;
    height: 14px;
    background: url("/client/image/svg/question_mark.svg") no-repeat center;
}
.parts-table .select-btn .question-icon:hover .absQuestionNotice{ display: block;}
.parts-table .select-btn .question-icon .absQuestionNotice:after{ left: 126px;}
.select-parts-table .search-box{

}
.select-parts-table .search-box input{
    float: left;
    width: 275px;
    height: 40px;
    border: 1px solid #2b8ced;
    color: #222222;
    font-size: 14px;
    text-indent: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.colorae{
    color: #aeaeae;
}
.select-parts-table .search-box .search-btn{
    width: 80px;
    height: 40px;
    background: #2b8ced;
    color: #ffffff;
    border: none;
    float: left;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.select-parts-table  li{
    list-style: none;
}
.select-parts-table  ul{
    margin: 0;
    padding: 0;
}
button.smt-select-btn{
    width: 100px;
    height: 34px;
    line-height: 34px;
    background-color: #ffff;
    outline: none!important;
    border: 1px solid #2b8ced;
    border-radius: 20px;
    border-radius: 20px;
    color: #2b8ced;
    padding: 0;
}
button.smt-select-btn .question-icon{
    position: absolute;
    top: 9px;
    left: 104px;
    width: 14px;
    height: 14px;
    background: url("/client/image/svg/question_mark.svg") no-repeat center;
}
button.smt-select-btn .question-icon:hover .absQuestionNotice{ display: block;}
button.smt-select-btn .question-icon .absQuestionNotice:after{ left: 126px;}

.component-details-modal .modal-body{
    padding: 10px 20px 30px 20px;
}
.w290{ width: 290px;}
.w170{ width: 170px;}
.component-details-modal .table{
    width: 340px;
}
.component-details-modal .table>thead{
    background: #f7faff;
}
.component-details-modal .table>tbody>tr:nth-child(2n){
    background: #f7faff;
}

.component-details-modal .table tr>td{
    border-top: none;
    line-height: 24px;
}
.component-details-modal .table tr>td:first-child{
    padding-left: 40px;
}
.component-details-modal .table tr>td:last-child{
    padding-left: 20px;
}
.bgUpdate{background: #EFF7FF;line-height: 20px;padding: 0 5px;border-radius: 10px;color: #2B8CED;}
/*新删除弹框*/
.newDeleteHead{
    border: unset;
    background: unset;
    padding: 18px 30px;
    font-size: 20px !important;
    padding-bottom: 20px;
}
.newDeleteBody{
    padding: 0px 30px;
    font-size: 14px;
    color: #666666;
}
.newDeleteBottom{
    border: unset;
    padding: 20px 40px;
    padding-top: 0px;
}
.newDeleteBtn1{
    width: 120px;
    height: 40px;
    opacity: 1;
    background: #2b8ced;
    border-radius: 25px;
    color: #ffffff;
    margin-right: 30px;
}
.newDeleteBtn2{
    width: 120px;
    height: 40px;
    opacity: 1;
    background: #ffffff;
    border: 1px solid #2b8ced;
    border-radius: 25px;
    color: #2b8ced;
}
.hoverUnderline:hover{
    text-decoration: underline;
}
/*禁止复制*/
.user-select{
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.threeDSecure{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -300px;
    border: none;
    zIndex:9999;
    background: #fff;
    box-shadow: darkgrey 0px 0px 30px 5px;
    width: 400px;
    height: 600px;
}

/* 订单历史筛选框 */
.search-area {
    display: flex;
    margin-bottom: 20px;
}
.input-box{
    width: 260px;
    margin-right: 20px;
    background: #ffffff;
    border: 1px solid #ecf0fb;
    border-radius: 2px;
}
.input-box .bgSearch{
    border: none;
    width: 22px;
    height: 22px;
    background:#ffffff url("/client/svg/Search_icon.svg") no-repeat center;
    margin: 4px 10px 4px 4px;
}
.input-box input{
    border: none;
    outline: none;
    display: inline-block;
    height: 30px;
    width: 260px;
    text-indent: 16px;
    background: transparent;
}
.input-box input:focus{
    outline: none;
}

/* 下拉框 */
.select-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* 展开收起图标 */
.select-box .select-box-icon {
    width: 16px;
    height: 32px;
    padding: 0 16px;
    cursor: pointer;
    transition: .2s;
    transform: rotate(180deg);
    background: url("../../images/up.ba078a46.png") no-repeat center center;
}
/* 清空输入框图标 */
.input-box .select-clear-icon {
    position: relative;
    z-index: 3;
    width: 16px;
    height: 8px;
    cursor: pointer;
    background: url("../../images/clear.b74035aa.png") no-repeat center center;
}
.input-box .input-clear-icon {
    position: absolute;
    top: 12px;
    right: 40px;
}
.select-component {
    position: relative;
}
.select-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 36px !important;
    cursor: pointer;
}
/* 下拉选项list */
.select-option-list {
    overflow: hidden;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 9;
    width: 260px;
    height: 0px;
    transition: .2s;
    padding: 0;
    border-radius: 2px;
    background-color: #fff;
}
.option-list-hide {
    box-shadow: 0px 2px 4px 0px rgba(177,185,190,0.70);
}
.select-option-list .select-option-item {
    width: 100%;
    height: 30px;
    cursor: pointer;
    padding: 0 50px;
    line-height: 30px;
}
/* 选中样式 */
.option-checked,
.select-option-list .select-option-item:hover {
    color: #3B95EE;
    background: #f7faff;
}
.smt-dfm-imgbox {
    width: 445px;
    height: 200px;
}


/* 售后质量投诉页面 */
.issue-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 0px;
}
.issue-list .issue-opt {
    width: 180px;
    height: 34px;
    text-align: center;
    padding: 6px 16px 9px 16px;
    margin-right: 30px;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
}
.opt-checked {
    color: #0f9bfd !important;
    border-color: #61B0FF !important;
    background: url(../svg/cur.svg) right bottom no-repeat #f7fbff !important;
}
.img-upload {
    position: relative;
}
.img-upload .img-error{
    position: absolute;
    color: #FB86A3;
    bottom: -22px;
    left: 0;
}
.pcb-qty-input input {
    border: 1px solid #dbdbdb;
}

.unusual-tips-name {
    color: #ffac1f;
}
.unusual-tips-btn {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #999999;
    border-radius: 100%;
    top: -3px;
    cursor: pointer;
}
.unusual-tips-btn::before {
    content: '!';
    position: absolute;
    top: 50%;
    left: 50%;
    color: #999999;
    transform: translate(-50%, -50%) scale(0.7);
}
.unusual-tips-btn.active {
    border: 1px solid #ffac1f;
}
.unusual-tips-btn.active::before {
    color: #ffac1f;
}
.unusual-modal--confirm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 40px;
    background: #2b8ced;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    border: none;
}

.payFun-item {
    margin-left: 20px;
    height: 40px;
    padding: 8px 10px;
    flex-shrink: 0;
    margin-bottom: 20px;
    color: #222;
    border-radius: 2px;
    border: solid 1px #eee;
    transition: border-color .3s cubic-bezier(.645, .045, .355, 1);
    cursor: pointer;
}

.payFun-item.active {
    background:url(../../images/home-icon-cur.a1425b7e.png) right bottom no-repeat;
    transition: none;
    border-color: #2D8DED;
}

.payFun-item:not(.active):hover {
    border-color: #aaa;
}

.payFun-item img {
    max-height: 100%;
    margin-right: 8px;
}

.smtconfirmfile-tag-new {
    width: 36px;
    height: 20px;
    line-height: 20px;
    background: #49ea91;
    color: #fff;
    margin-left: 10px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 10px 10px 10px 0;
}
.smtconfirmfile-layer {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #999;
    font-size: 12px;
}
.text-ellipsis-2line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tdp-tips-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 89px;
    height: 28px;
    color: #fff;
    background: #222222;
    border-radius: 100px 0px 0px 100px;
}
.flex-start {
    display: flex;
    align-items: center;
}

.version-box {
    width: 475px;
    flex-wrap: nowrap;
    font-size: 14px;
    overflow-x: auto;
}

.version-box span {flex-shrink: 0}

.version-box span.active {
    border-bottom: solid 1px #222;
}

::-webkit-scrollbar {
    width: 10px; /* 纵向滚动条*/
    height: 10px; /* 横向滚动条 */
    background-color: #fff;
}

/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: #DBDBDB;
    border-radius: 5px;
}
::-webkit-scrollbar-track{
    height: 6px;
    opacity: 1;
    background: #ffffff;
    border-radius: 5px;
}

.error-tip{
    font-size: 14px;
    font-family: SourceHanSansCN, SourceHanSansCN-Regular;
    font-weight: 400;
    color: #ff2e62;
    margin-top: 10px;
}
.error-tip-border{
    border: 1px solid #ff2e62 !important;
}

.order-type-tab {
    display: flex;
    position: relative;
    margin-bottom: 20px;
}
.order-type-tab .tab-item {
    height: 40px;
    line-height: 40px;
    margin-right: 40px;
    font-size: 14px;
    cursor: pointer;
    color:  #303133;
}
.order-type-tab .tab-item:hover {
    color:  #2B8CED;
}
.tab-checked {
    color:  #2B8CED;
}
.order-type-tab #slide-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #409eff;
    z-index: 2;
    transition: .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
}
.order-type-tab::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e4e7ed;
    z-index: 1;
}
/* 3D模型底部分享 */
.share-box {
    position: fixed;
    bottom: -70px;
    left: 0;
    width: 100%;
    height: 60px;
    background: #ffffff;
    border: 1px solid #f8f8f8;
    box-shadow: 0px 2px 8px 2px rgba(158,164,201,0.50);
    transition: .5s;
}
.show-share-box {
    bottom: 0;
}
.shareAllBoxTips {
    position: absolute;
    top: -50px;
    left: 0px;
    width: 250px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #222222;
    padding: 0 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    transition: 0.5s;
    opacity: 0;
}
.shareAllBoxTips::before {
    display: block;
    content: '';
    position: absolute;
    top: 38px;
    left: 10px;
    width: 0;
    height: 0;
    border: 6px solid #fff;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}
.share-btn {
    height: 34px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 17px;
}
.share-cancel-btn:hover {
    background-color: #d7dadf;
}
.share-check-item {
    position: absolute;
    top: 0;
    left: 0;
}
.btn-disabled {
    background: #d9d9d9!important;
    color: #999999!important;
    cursor: not-allowed!important;
}

/* 折叠框组件样式 */
.fold-panel .arrow-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    transition: .2s;
    transform: rotate(180deg);
    transform-origin: 7px 9px;
    background: url("../../client/image/down_icon@2x.40d6fc5a.png") no-repeat center center;
}
.fold-panel .show-name:hover {
    color: #23527c
}
.fold-panel .hide-input {
    position: absolute;
    z-index: 10;
    width: 0;
    height: 0;
    top: 22px;
    left: 0px;
    opacity: 0;
}
.fold-panel .panel-option-list {
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 22px;
    left: 0px;
    width: 100px;
    height: 0px;
    padding: 0;
    transition: height .5s;
    background: #ffffff;
    border-radius: 0px 0px 2px 2px;
}
.panel-shadow-hide {
    box-shadow: 0px 2px 5px 1px #ccc;;
}
.fold-panel .panel-option-list .panel-option-item {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #222222;
    cursor: pointer;
    padding: 10px 0 10px 14px;
}
.fold-panel .panel-option-list .panel-option-item:hover {
    color: #2b8ced;
    background: #f1f8ff;
}
.fold-panel .help-text-popover {
    display: none;
    position: absolute;
    z-index: 11;
    top: -58px;
    right: -17px;
    width: 283px;
    /* height: 57px; */
    padding: 8px 12px;
    font-size: 12px;
    color: #999999;
    background: #ffffff;
    border: 1px solid #e5e8f1;
    box-shadow: 0px 4px 8px 0px rgba(78,122,194,0.24);
}
.fold-panel .help-text-popover::before {
    display: block;
    content: '';
    position: absolute;
    z-index: 11;
    top: 50px;
    right: 18px;
    width: 0px;
    height: 0px;
    border: 6px solid #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
/* 折叠框组件样式 end*/

.edit_btn{
    background: transparent;
    border: 1px solid #2b8ced;
    color: #2b8ced;
    border-radius: 4px;
    padding: 4px 8px;
    margin-left: 40px;
}
.save_btn{
    width: 230px;
    height: 40px;
    line-height: 40px;
    border: none;
    color: #fff;
    background-color: #0699ff;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    transform: translateX(-40px);
    margin-top: 20px;
}
.errorTips{
    border: 1px solid #e4393c;
    animation: boderChange .7s ease-in-out 3 ;
}

@keyframes boderChange {
    0%{
        opacity: 1;
    }
    100%{
        opacity: .4;
    }
}
.show-note-wrap {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 8px;
}
.show-note-wrap .show-note {
    position: absolute;
    left: 0;
    top: 20px;
    background: #ffffff;
    z-index: 9;
    width: 400px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}
/* 修改地址不允许国家变动提示 */
.changeCountryError {
    position: absolute;
    bottom: -30px;
    left: -124px;
    width: 300px;
}