@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}
html{height:100%;}
/*字体*/
@font-face {font-family: "Alibaba Sans";font-weight: normal;font-style: normal;}
@font-face {
  font-family: 'ROBOTO';
  src: url('/img/css/fonts/ROBOTO/roboto.eot');
  src:
    url('/img/css/fonts/ROBOTO/roboto.eot') format('embedded-opentype'),
    url('/img/css/fonts/ROBOTO/roboto.woff') format('woff'),
    url('/img/css/fonts/ROBOTO/roboto.ttf') format('truetype'),
    url('/img/css/fonts/ROBOTO/roboto.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{ font:13px/1.5 ROBOTO,Helvetica,Tahoma,Arial; color:#000; height: 100%; background-color: #fff;}
*, ::after, ::before {
    box-sizing: content-box
}

/*bootstrap*/
/**{box-sizing:border-box}*/
.pull-left {
  float: left !important;
}
.pull-right{
 float: right !important;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.btn-f90{ background:#ff9900;color:#fff;}
.btn-f90:hover{background:#ffad33;color:#fff;}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1300px;
    padding:0;
  }
}

/*bootstrap*/

address,cite,dfn,em,var,i{font-style:normal;}
body,input,button,textarea{ font-family:'HarmonyOS_Sans',Roboto,Tahoma,Arial,"Microsoft YaHei UI"!important;}
/*body,div,p{word-wrap:break-word;box-sizing:content-box!important}*/
small{font-size:12px;}
.normal{font-weight:400;}
.bold{font-weight:700;}
ul,ol,li{list-style:none;}
a{color:#2192d9; text-decoration:none; cursor:pointer; outline:none;}
.new-footer a:hover{text-decoration:underline; color:#FF9900;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
td{word-wrap:break-word;word-break:break-all;}
input,select{ margin:0;}
select{padding:0; border:none;}
input[type="text"]{-webkit-appearance: none;}
.rel{position:relative;}
.abs{position:absolute;}
.noborder{border:0;}
.undis{display:none;}
.dis,.show{display:block;}
.inline-block{display: inline-block;}
.clear,.cfix,.clearfix{zoom:1;}
.clear:after,.cfix:after,.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.verticaltop{ vertical-align: top;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.b-bradius4{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
.no-border{border: 0 !important;}

.w1360{ width:auto; padding:0 20px; min-width:1360px}
.w1180{width:1300px; margin:auto}
.w180{width:180px;}
.w280{width:280px;}
.h36{height: 36px; line-height: 36px;}
/*.line-wrap{min-width:1300px;}*/
.bg_ico{background: url(../img/orderonline/jijia_ico.png) no-repeat 0 0}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb60{ margin-bottom:60px}
.mr20{ margin-right:20px}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.pt40{padding-top: 40px;}
.ml10{margin-left: 10px;}
.f36{ font-size:36px}
.f26{ font-size:26px}
.f24{ font-size:24px}
.f20{ font-size:20px}
.f22{ font-size:22px}
.f12{ font-size:12px}
.f14{ font-size:14px}
.f16{ font-size:16px}
.f18{ font-size:18px}
.f28{ font-size:28px}
.f40{ font-size:40px}
.gray{color:#999}
.blue{ color:#2192d9 !important;}
.yellow,.red{color: #f90}
.color-666{color: #666;}
.color-999{color: #999;}
.color-f00{color: #f00;}
.cl-666{color:#666}
.cl-b4b4b4{color: #b4b4b4;}
.cl-8d8d8d{color: #8d8d8d;}
.cl-909090{color: #909090;}
.cl-959595{color: #959595;}
.cl-b29a7a{color: #b29a7a;}
.black{color:#000;}
.text-center{text-align: center;}
.not-allowed{cursor: not-allowed !important;}
.not-selectable{background-color: #eee; color: #bbb !important; cursor: not-allowed !important;}
.pointer{cursor: pointer;}
.btn-order-now{color: #b29a7a; padding: 4px 10px; text-align: center; border: 2px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.btn-order-now:hover,.btn-order-now:focus{background-color: #f90; color: #fff; border-color: #f90; text-decoration: none;}
.w1181 {width: 1300px;margin: 0px auto;}
.util-clearfix:after{content:" "; display:block; clear:both; height:0; overflow:hidden; visibility:hidden; }







.rightjj{ position:fixed; right:0;top:40%}
.rightjj a{background:#FF9900;width:60px; height:60px; display:inline-block;border-radius:6px 0 0 6px;}
.rightjj a i{ display:inline-block; width:49px; height:40px; background-position:-81px -81px; margin:10px 0 0 5px}
/*.top-nav li a:hover,.fotlink dd a:hover,.header .header-car a:hover{color: #ff9900;}*/
.top-nav li a:hover{text-decoration:underline;}
.i-delimit,.i-arr-dropdown,.i-ico{background-image: url('../img/orderonline/jijia_ico.png'); background-repeat: no-repeat; vertical-align: inherit; display: inline-block;}


.maskLayer{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:999; background-color: #000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.b-box{display: none; width: 100%; height: 100%; position: fixed; top: 100px; left: 0; z-index:1000;}
.box-con{width: 540px; padding: 0px 0px 30px; margin: 0 auto; background-color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.box-con ul {list-style-type:none;margin:0;padding:0;width:540px;}
.box-con ul li{margin-bottom:20px;}
.box-con ul label {display:block;font-size:16px;margin:0 0 5px; color: #333;font-weight:normal}
.box-con ul input,.box-con ul textarea {border:1px solid #BDBDBD;color:#999999;display:block;font-size:15px;font-style:normal;margin:0 0 10px;padding:4px;resize:none;width:460px;border-radius:4px;}
.box-con .btn{font-size:16px;height:50px;line-height:50px; cursor:pointer; border: 0; padding: 0 35px; color:#fff;font-weight:400; border-radius:4px;width:228px;box-sizing:border-box}
.box-con .btn-submit{ background:#ff9900;}
.box-con .btn-submit:hover{background:#ffad33}
.box-con .btn-cancle{ background:#EBEBEB!important; margin-left: 10px;color:#000!important}
.btn-message .i-ico {width:13px; height:13px; background-position: -103px -294px; vertical-align:middle; margin-right:2px;}
.box-hd {border-bottom:1px solid #ddd; margin-bottom:10px;}
.box-hd .fl {width:90px;}
.box-hd img {width:90px; height:auto;}
.box-hd .fr {width:340px; font-size:14px; margin-left:20px; margin-top:30px;}


.shadow-box{width: 100%; height: 5px; background: url('../img/orderonline/shadow_bg.gif') repeat-x;}

[name=google_conversion_frame] {display:none;}
/* 兼容ie6位置fixed问题 */
#scrolldiv {width:62px;height:50px;right:50px;bottom:80px;cursor:pointer;position:fixed;display:none;background:url("../img/top.png");z-index:20;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:40px;}


/*20170302 bootstrap 分页*/
.pagination {display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li {display:inline}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {color:#2a6496;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span {padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span {padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-bottom-right-radius:3px;border-top-right-radius:3px}
.pager {padding-left:0;margin:20px 0;list-style:none;text-align:center}
.pager li {display:inline}
.pager li>a,.pager li>span {display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:hover,.pager li>a:focus {text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span {float:right}
.pager .previous>a,.pager .previous>span {float:left}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {color:#999;background-color:#fff;cursor:not-allowed}

.top-nav .t_box_tit a:hover{background-color: #ffad33;}
.top-nav .t_box_tit{line-height:24px;}

/*重定义*/
.pagination>li>a,.pagination>li>span {color: #333;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #fff; background-color:#f90!important; border: 1px solid #f90!important;}


/*2017421 Message 未读消息提示*/
.tips-numbox{margin-left:6px; margin-top:8px;}
.tips-num{height:18px; min-width:10px; text-align:center; font-size:12px; line-height:18px; padding-left:4px; padding-right:4px; background-color:#f90; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:inline-block;}
.no-message a{background-color:#ccc;}
.tips-numbox .i-ico{position:absolute; top:18px; left:4px; width:7px; height:4px; background: url('../img/orderonline/jijia_ico.png') no-repeat -8px -836px;}
.no-message .i-ico{background-position: 0 -836px;}

/*20170509 顶部提示*/
.top-tips{width: 100%;}
.top-tips a{display: block; width:100%; height:100%; text-indent:-9999em; overflow:hidden;}

/*owl-carousel 切换基本样式*/
.owl-theme .owl-controls {text-align:center;}
.owl-pagination{display: none;}
.owl-theme .owl-controls .owl-buttons div {color:#999;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#c2c2c2;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page {display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span {display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#c2c2c2;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {background-color:#f60;}
.owl-theme .owl-controls .owl-page span.owl-numbers {height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.owl-item.loading {min-height:150px;background:url('/Content/img/orderonline/AjaxLoader.gif') no-repeat center center}

.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel {display:none;position:relative;width:96%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper {display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper-outer {overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item {float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div {cursor:pointer;}
.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.grabbing {cursor:url('/Content/img/orderonline/grabbing.png') 8 8,move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:80px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}


/*20171012 新版*/
.f30{font-size: 30px;}
.new-ico{background-image: url('/img/img/icons180822.png'); background-repeat: no-repeat; vertical-align: text-bottom; display: inline-block;}
.ico-calculator{width: 17px; height: 21px; background-position: -30px 0;}
.ico-cart{width: 20px; height: 20px; background-position: -60px 0;}
.ico-customerservice{width: 22px; height: 22px; background-position: -250px -40px; vertical-align: middle;}
.white{color: #ffffff;}
.cl-936c30{color: #936c30;}
.cl-a78732{color: #a78732;}
.cl-a8a8a8{color: #a8a8a8;}
.cl-b8a87e{color: #b8a87e;}
.cl-464646{color: #464646;}
.cl-5e5e5e{color: #5e5e5e;}
.cl-626262{color: #626262;}
.cl-696969{color: #696969;}
.cl-6a6a6a{color: #6a6a6a;}
.cl-737373{color: #737373;}
.cl-7c7c7c{color: #7c7c7c;}
.cl-868686{color: #868686;}
.cl-9f9f9f{color: #9f9f9f;}
.cl-f90{color: #f90;}
.cl-d5ad70{color: #d5ad70;}
.ml5{margin-left: 5px;}
.ml20{margin-left: 20px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mb5{margin-bottom: 5px;}
.mb50{margin-bottom: 50px;}
/*头部*/
.topbar,.header{width: 100%; /*height: 96px;*/ background-color: #7b5822; /*border-bottom:1px solid #8a7048;*/ transition:background .3s cubic-bezier(0,0,.2,1) .15s;}
.topbar.active,.header.active{background-color: #3c3c3c; border-bottom-color: #4d4d4d; transition:background .3s cubic-bezier(0,0,.2,1) 0ms;}
.topbar.active .top-nav{border-bottom-color: #4d4d4d;}
.topbar .logo{margin-top: 9px;}
.topbar .logo:hover,.header-right .salesteam:hover{text-decoration: none;}
.header-right .salesteam:hover span{text-decoration: underline;}
.header .hot-ico{position: absolute; top: -10px; right: -12px; width: 23px; height: 16px; background-position: 0 0;}
.header-right{position: absolute; top: 0; right: 29px; z-index: 8;}
.header-right dd{float: left; margin-left: 24px;}
.header-right a{line-height: 56px;}
.headercar{display: block; width: 140px; height: 56px; text-align: center; background-color: #ff9900;}
.headercar em{position: absolute; top: 9px; left: 50px; min-width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; background-color: #000; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.headercar:hover{background-color: #ffad33;}
.headercar span{display: inline-block; text-indent: 12px;}
/*重定义*/
.top-nav{width: auto;padding-right: 20px; background-color: transparent; border-bottom-color: #65533d;}
.top-nav li a.white{color: #ffffff !important;font-size:14px}
.top-nav li.on a.white{color: #f90 !important;}
.top-nav li .span, .top-nav .t_user, .top-nav .btn-message{line-height: 66px;}
.top-nav li.i-delimit{margin-top: 13px;}
.btn-message .i-ico{background: url('../img/icons.png') no-repeat -250px 0;}
.header{background-color: #7b5822; padding: 0; height: 55px;}
.header .menutop{width: 100%; margin-left: 0; margin-top: 0; z-index: 6;}
.header .menutop li{margin-top: 17px; padding-left: 20px; margin-right: 4px;}
.header .menutop a{height: 36px; color: #ffffff; margin: 0;}
#magic-line{top: 42px; z-index: 4;background:#f90;position:absolute;height:4px;}
.header .secondNav{top: 56px; left: 0; z-index: 3; width: 100%; height: 46px; line-height: 46px; background-color: #2b2b2b; box-shadow: none;}
.header .secondNav dd{float: left;}
.header .secondNav dd a{width: auto; height: 46px; line-height: 46px; padding-left: 20px;}
.header .secondNav dd a:hover{color:#ff9900; background-color:transparent;}
/*new-footer*/
.new-footer{background-color: #f1f1f1; padding: 25px 0;}
.slh{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.slh2{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.bottom-navigation{width: 1065px; padding: 30px 0 0px 0px; /*border-right: 1px solid #d7d7d7;*/}
.cl-A5915F{color:#A5915F}
.bottom-navigation dt{margin-bottom:8px;}
.bottom-navigation dt span{color:#fff;font-weight:normal;font-size:14px;}
.bottom-navigation dd a{font-size:14px!important;color:#bbbbbb;margin-bottom:4px;display:inline-block;}

.bottom-navigation dl:first-of-type dd{width:50%; float: left;}
.contact-mail{width: 230px; margin-top: 30px; text-align: left;font-size:14px;}
.contact-mail .new-ico{width: 58px; height: 38px; background-position: -200px -90px;}
.minbothide{font-size:12px; padding:10px 0;}

/*重定义*/

.followus a.followus-icon{height: 22px; background-image: url('../img/shareicon2.png');background-size:630%;transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.followus a.followus-icon{height: 21px; background-image: url('../img/shareicon2.png');background-size:630%;transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s;display: inline-block;text-indent: -999999px;}
.followus a.twitter{width: 22px; background-position: -47px 0px;}
.followus a.facebook{width: 22px; background-position: 2px 0px;}
.followus a.youtube{width: 22px; background-position: -93px -0px;}
.followus a.plus-google{width: 22px; background-position: -70px 0px;}
.followus a.instagram{  width: 22px;background-position: -22px -0px;}
.followus a.instagram{  width: 22px;background-position: -22px -0px;}
.followus a.linkedin{  width: 22px;background-position: -95px -36px;}
.followus a.tumblr{  width: 22px;background-position: -118px -36px;}
.followus a.followus-icon:hover{transform:translateY(-3px);}

.followus a.newfollowus-icon{height: 30px; background-image: url(/img/img/newindex/bot_icon.png);transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s;margin-right:4px;margin-top:15px;}
.followus a.newtwitter{width: 30px; background-position: 0px -124px;}
.followus a.newfacebook{width: 30px; background-position: 0px -62px;}
.followus a.newyoutube{width: 30px; background-position: 0px -93px;}
.followus a.newplus-google{width: 30px; background-position: -70px 0px;}
.followus a.newinstagram{  width: 30px;background-position: -22px -0px;}
.followus a.newinstagram{  width: 30px;background-position: -22px -0px;}
.followus a.newlinkedin{  width: 30px;background-position: 0px -186px;}
.followus a.newtumblr{  width: 30px;background-position: 0px -217px;}
.followus a.newfollowus-icon{ text-indent: -9999em; overflow: hidden; display: inline-block;}
.followus a.newfollowus-icon{transform:translateY(-3px); background-image: url(/img/img/newindex/bot_icon2.png)}
.footbox {
    font-size:14px;
    padding: 25px 0;
    margin-top: 0;
    border-bottom:1px solid #3a3d3e;
}
.help-icon {
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: bottom;
    background-image: url('/img/img/faq/faqicons.png');
}
.help-icon-phone {
    background-position-x: -72px;
}
.help-icon-question {
    background-position-x: -0px;
}
.help-icon-livechat {
    background-position-x: -24px;
}
.help-icon-email {
    background-position-x: -48px;
}
.help-icon-service {
    height: 17px;
    width: 17px;
    background-position: 38px -3px;
}
.help-icon-copy {
    height: 20px;
    width: 20px;
    background-position: 56px -3px;
}
.help-icon-seach {
    height: 17px;
    width: 17px;
    background-position: 19px -3px;
}

.cl-bbb{color:#bbb;}
.contact-mail a{display:block;font-size:14px;}
.serviceico{display:inline-block;width:30px;height:30px;background:url(/img/img/newindex/bot_icon.png) no-repeat;vertical-align:middle;margin-right:10px}
.telico{display:inline-block;width:30px;height:30px;background:url(/img/img/newindex/bot_icon.png) no-repeat center -32px;vertical-align:middle;margin-right:10px}

/*评分*/
.score{width: 80px; height: 15px; background: url("../img/icons.png") no-repeat -160px -55px;}
.score i{position: absolute; top: 0; left: 0; height: 15px; background-position: -160px -40px;}

.btn-comm{padding: 6px 10px; background-color: #f90; text-align: center; color: #fff !important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display: block;}
.btn-comm:hover{background-color: #ffad33;}
.btn-d5ad70{background-color: #d5ad70; color: #fff;}
.btn-d5ad70:hover,.btn-d5ad70:focus{background-color: #f90; color: #fff;}

/*animation*/
@-webkit-keyframes mymove {from {top:0px;}
to {top:5px;}
}
@-moz-keyframes mymove {from {top:0px;}
to {top:5px;}
}
@-ms-keyframes mymove {from {top:0px;}
to {top:5px;}
}
@keyframes mymove {from {top:0px;}
to {top:5px;}
}
/*20180604 layer重定义*/
.layui-layer-hui .layui-layer-content{text-align: left !important;}


.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.rightsidebar{position: fixed; margin-top:-100px;top: 50%; right: 20px; z-index: 99999; background-color: #fff; -moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 8px #aaa; box-shadow:0px 0px 8px #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#at-custom-sidebar{margin-top:190px;}
.sidebar-tab{position: relative; cursor: pointer;}
.sidebar-tab:hover{background-color: #f90;}
.sidebar-tab-avatar{padding: 10px;}
.sidebar-tab-avatar .avatar-img{width: 40px!important; height: 40px!important; text-align: center; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.sidebar-tab-tip{position: absolute; top: 15px; right: 72px; width: 153px; opacity: 0; text-align: center; height: 35px; line-height: 35px; color: #fff; padding-right: 7px; background: url("/img/img/icons_sidebar.png") no-repeat 0 -45px;}
.sidebar-tab-tip .item-con{display: block; width: 130px; padding-left: 3px; height: 35px; line-height: 33px; text-align: center; background-color: #494949; border-width: 1px 0 1px 1px; border-color: #a3a3a3; border-style: solid;}
.rightsidebar .icon-sidebar{display: inline-block; width: 60px; height: 60px; padding: 10px; background-image: url('/img/img/icons_sidebar.png'); background-repeat: no-repeat;}
.sidebar-tab-tip .icon-sidebar{width: 16px; height: 35px; padding: 0; background-position: 0 -320px;}
.rightsidebar .icon-sidebar-email{background-position: 10px -10px}
.rightsidebar .icon-sidebar-tel{background-position: 10px -170px;}
.rightsidebar .icon-sidebar-skype{background-position: 10px -250px;}
.rightsidebar .icon-sidebar-quotebysales{background-position: 10px -90px;}
.avatar-img{width:40px!important;border-radius:50%!important}
.rightsidebar .sidebar-tab-tip .item-con:nth-of-type(1){width:150px}
.rightsidebar .sidebar-tab-tip .item-con:nth-of-type(2){width:150px}
.rightsidebar .sidebar-tab-tip:nth-of-type(1){width:173px;}
.rightsidebar .sidebar-tab-tip:nth-of-type(2){width:173px;}


.rightsidebar{width:60px;border-radius:0;top:50%!important}
.rightsidebar li:hover{background:#f90}
.rightsidebar .new-rightsidebarlist-tip{width:290px;right:82px;line-height:28px;padding:20px;}
.rightsidebar .new-rightsidebarlist-tip a{color:#000!important}
.rightsidebar .maxservice img{display:block;margin:auto}
.rightsidebar .triangle-tip{right:67px}
.rightsidebar .avatar-img{width:40px!important}
.rightsidebar .maxservice{border-bottom:1px solid #ccc;padding-bottom:35px;}
.rightsidebar .xdico1{display:inline-block;width:25px;height:20px;background:url('/img/img/indexV3/i/icon2.png') no-repeat -5px 2px;vertical-align:middle}
.rightsidebar .xdico2{display:inline-block;width:25px;height:20px;background:url('/img/img/indexV3/i/icon2.png') no-repeat -5px -30px;vertical-align:middle}
.rightsidebar .xdico3{display:inline-block;width:25px;height:20px;background:url('/img/img/indexV3/i/icon2.png') no-repeat -5px -60px;vertical-align:middle}
.hovershow1{display:none}

/*20180814*/
.cl-999{color: #999;}
.order-step-list{margin-top: 20px; margin-left: 20px;}
.order-step-list li{float: left;}
.order-step-list .icon-step{display: inline-block; width: 30px; height: 30px; background-image: url("/img/img/icon_step0814.png"); background-repeat: no-repeat; vertical-align: middle;}
.order-step-list .icon-step-quotationcurrent,.step-list .step-quotation:hover .icon-step-quotation{background-position: 0 0;}
.order-step-list .icon-step-quotation{background-position: -240px 0;}
.order-step-list .icon-step-cart{background-position: -30px 0;}
.order-step-list .step-cart:hover .icon-step-cart{background-position: -270px 0;}
.order-step-list .icon-step-uploadfile{background-position: -60px 0;}
.order-step-list .icon-step-filereview{background-position: -90px 0;}
.order-step-list .icon-step-payment{background-position: -120px 0;}
.order-step-list .icon-step-fabrication{background-position: -150px 0;}
.order-step-list .icon-step-ship{background-position: -180px 0;}
.order-step-list .icon-step-confirmrecevied{background-position: -210px 0;}
.order-step-list .dividing-line{width: 40px; height: 2px; background-color: #dcdcdc; margin-top: 14px; margin-left: 6px; margin-right: 6px;}
.order-step-list .dividing-line.current{background-color: #f90;}


/*20181205注册的金币*/
.ico-redpacket {position: absolute;left: 50%;top: -17px;margin-left: -38px;width: 55px;height: 70px;background: url('../img/tab-goldcoin.png') no-repeat;
-webkit-animation: mymove 2s both linear infinite;

-moz-animation: mymove 2s both linear infinite;

-ms-animation: mymove 2s both linear infinite;

animation: mymove 2s both linear infinite;
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
     0%{background-position: 0 -186px;}
    100%{background-position: 0 214px;}
}
@-moz-keyframes mymove
{
    0%{background-position: 0 -186px;}
    100%{background-position: 0 214px;}
}
@-ms-keyframes mymove
{
    0%{background-position: 0 -186px;}
    100%{background-position: 0 214px;}
}
@keyframes mymove
{
    0%{background-position: 0 -186px;}
    100%{background-position: 0 214px;}
}
/*圣诞节广告*/
.advers-banner {width:100%;height:80px;background:url(/Content/img/advers-banner.jpg) no-repeat center;position:relative;}
.advers-banner b {display:block;position:absolute;width:24px;height:24px;background:url(/Content/img/close-btn.png) no-repeat center;position:absolute;right:88px;top:10px;cursor:pointer;}
.user-hd-r .clearfix a{color:black}
/*base*/
.bg_ico{background: url(../img/orderonline/jijia_ico.png) no-repeat 0 0}
.strong{ font-weight:bold}

.customer-reviews-list .item{width:300px!important;float:left;margin:0 12px;padding:20px 0;background:#fbfbfb;border-radius:10px}
.bx-viewport{overflow:inherit!important}
.bx-pager {display:none;}
.bx-wrapper{position:relative;}

.new-footer {background-color: #1d1f20 !important;}
/*响应式*/
.pointer {
    cursor: pointer;
}
.bottom-navigation dl dt img{width:8px;display:none;}
.absolute {
    position: absolute;
}
.menu-toggle {
    color: #000;
    font-size: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 45px;
    height: 53px;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: #7b5822 url(../img/liebiao.png) no-repeat 50% 45%;
    background-size:100%;}


@media screen and (max-width:1320px) {
  .bottom-navigation{width:100%!important;border:0;padding:0;}
  .contact-mail{margin:auto;float: unset;display:none}
   .new-footer{padding-top:30px}
  .w1180{width:96%!important;margin:auto;}
}

@media screen and (max-width:1204px) {
    .header{height:110px;}
    .header .menutop{display:block}
    .header-right{top:55px;}
     .parameter-configuration .item-show .active,.parameter-configuration .item-PCcon dl{width:480px!important;}
    .bx-wrapper{overflow:hidden;}

    .customer-reviews-list .item{width:22%!important;}
    .selfZone,.cart-total .con{width:980px!important;}
    .cart-list .info_2,.cart-list dt .product-info{width:210px!important}
    .cart-list .info_3,.cart-list dt .product-quantity{width:150px!important}
    .cart-list .info_4,.cart-list dt .product-subtotal{width:120px!important}
}
@media screen and (max-width: 1020px){
.minmr0 {
    margin-left: 0!important;
}
.footbox>.fl:nth-of-type(2) img {
    width: 100%;
}
.notic{display:none!important}
}
@media screen and (max-width:823px) {
    /*.topbar ul{display:none}*/
    .topbar ul{float:left;display:block;}

    .mb20>img{width:260px}
}

@media screen and (max-width: 820px) {
    .top-nav{padding:0;}
    .top-nav li.i-delimit{display:none}

}
@media screen and (max-width:768px) {
    .header-right{top:0px;}
    .contact-mail{display:block}
    .header .menu-toggle {
        display: block;
    }
    .header{height:55px;}
    .header .menutop{
        background:#7b5822;
        position:absolute;
        top:55px;
        display:none;
    }
    .header .menutop li{
        float:none!important;
            width: 100%;
            height: 45px;
            line-height: 45px;
            text-align: center;
            border-bottom: 1px solid #333;
            margin-top:0;
    }
    #magic-line,.footbox,.minbothide{display:none}
    .footbox{border:0}
    .bottom-navigation{border-bottom:1px solid #3a3d3e}
    .new-footer{background-color: #1d1f20 !important; padding-bottom:10px; padding-top:0;}
    .followus a.newfollowus-icon{background:url(/img/img/newindexv3/bot_icon.png);background-size:30px}
    .followus a.newtwitter{width: 30px; background-position: 0px -121px;}
.followus a.newfacebook{width: 30px; background-position: 0px -61px;}
.followus a.newyoutube{width: 30px; background-position: 0px -91px;}
.followus a.newplus-google{width: 30px; background-position: -70px 0px;}
.followus a.newinstagram{  width: 30px;background-position: -22px -0px;}
.followus a.newinstagram{  width: 30px;background-position: -22px -0px;}
.followus a.newlinkedin{  width: 30px;background-position: 0px -182px;}
.followus a.newtumblr{  width: 30px;background-position: 0px -152px;}
}
@media screen and (min-width: 769px) {
    /*.bottom-navigation dl{float: left; width: 20%;box-sizing:border-box}*/
    .bottom-navigation dl:nth-of-type(1){min-width:370px;}
    /*.bottom-navigation dl:nth-of-type(2){width: 20%;}*/
    /*.bottom-navigation dl:nth-of-type(3){width: 21%;}*/
    /*.bottom-navigation dl:nth-of-type(4){width: 17%;}*/
    /*.bottom-navigation dl:nth-of-type(5){width: 18%;}*/
    .newright{padding-left:70px;}
    .businessnewsbox{width: 1300px;margin:0px auto;padding-bottom:45px;}

    .header .menu-toggle {
        display: none;
    }

    .header .menutop {
        display: block;
    }
}
@media screen and (max-width: 745px) {
    .bottom-navigation dl{ width: 100%!important; text-align: left;margin-bottom:5px;}
    .bottom-navigation dl dt span{font-size:14px;}
    .bottom-navigation dl dt img{width:8px;display:block; margin-top:7px;}
    .bottom-navigation dl dd{display:none}
    .topbar{height:97px;padding:0;}
    .new-footer .line-wrap{width:90%!important;margin:auto;}
    .footbox{padding-left:0}

    }

@media screen and (max-width: 494px) {
    .footbox img:nth-of-type(2){width:100%}
    }

@media screen and (max-width: 320px) {
.topbar{
    height:120px;
}
.topbar span{display:block;margin:15px 0 0 40px;}
.topbar ul{margin-left:-40px;}
    }
hyml,body{width:100%;overflow-x:hidden}
.header #menutop,.top-nav ul{margin-bottom:0;}

.filezone{ word-break:break-all;font-size:12px;}


.capability-con table{border:0!important}
.item-box h2{border:0!important }

.capability-con .item-box .customize td {
    border: 1px solid #bebebe;
    line-height: 20px;
    padding: 2px 4px;
    font-size: 14px !important;
    word-break: break-word;
}
.capability-con .item-box .customize td span,.capability-con .item-box .customize td p{font-size:14px!important;font-family:ROBOTO,Helvetica,Tahoma,Arial,"Microsoft YaHei"!important;}

@charset "utf-8";
.smtonline{background-color: #ececec;padding-top: 20px;padding-bottom: 100px;}
.smtonline-options{width: 690px;margin-bottom: 10px;padding-left: 50px;padding-right: 25px;}
.smtonline-box{padding-top: 20px;padding-bottom: 20px}
.smtonline-results{width: 580px;padding-left: 35px;padding-right: 25px;}
.smtonline-ico{background-position: -46px -12px;width: 17px;height: 21px;margin-right: 4px;}
.online-quotes-input li input{width: 220px;padding: 0 46px 0 10px;height:26px;line-height:26px;color: #888;}
.online-quotes-input li input, .online-quotes-input li select {border: 1px solid #ccc;border-radius: 2px;overflow: hidden;font-family: "Microsoft YaHei";}
.online-quotes-input li b {width: 40px;height: 26px;border-left: 1px solid #ccc;background: #efefef;color: #000;font-size: 12px;display: inline-block;vertical-align:top;margin-left: -42px;margin-top:1px;text-align: center;line-height: 26px;font-weight: normal;}
.online-quotes-input li {
    margin-bottom:5px;
}
.online-quotes-input li select {
    width: 220px;
    height:26px;
    line-height:26px;
    color: #666;
}
.online-quotes-input-row li input, .online-quotes-input-row li select {
    width:120px;
}
.tooltip-arrow{
   border-top-color: #fff!important;
}
.option-choose .item,.option-choose .item_ck {
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    color: #666;
    border: 1px solid #e7e7e7;
    margin-right: 8px;
    font-weight: 400;
    cursor: pointer;
}
.option-choose .item_ck{cursor: default!important;}
.option-choose .choose {
    border: 2px solid #f90;
    color: #000;
}
.form-col4 {
    padding: 5px 10px;
    border: 1px #ccc solid;
    color: #666;
}
.quotes-more-demand .title{width:122px;text-align:left;}
/*费用明细*/
.cost-details .jp-ico{width: 20px; height: 22px; background-position: -162px -34px;}
.cost-details-list{width: 513px; border-right: 1px solid #cacaca; border-top: 1px solid #cacaca; }
.cost-details-list dt,.cost-details-list dd,.price-delivery-list dt{ overflow: hidden;}
.cost-details-list .ww{width: 160px; padding: 4px 8px; height: 30px; border-left: 1px solid #cacaca; border-bottom: 1px solid #cacaca; display: block;}
.cost-details-list .title{width: 96px; background-color: #e1e1e1;}
/*计价*/
.generate-quotes{border:2px solid #f90;margin-bottom:15px;}
.generate-quotes-title ul.quote-price{background:#f90;}
.generate-quotes-title ul.quote-price a{color:#fff;}
.generate-quotes-title ul li{float:left;width:25%;height:35px;line-height:35px;text-align:center;}
.generate-quotes-title ul li.current{background:#f90;}
.generate-quotes-title ul li.current a{color: #fff;}
.generate-quotes-title ul li a{display: inline-block;width: 100%;color:#666;}
.generate-quotes-title ul li.on{border-bottom:1px solid #34964e;}
.generate-quotes-box {background:#fff5e7}
.generate-quotes-box ul{padding:12px 19px;}
.generate-quotes-box ul li p{line-height:20px;color:#666;display:inline-block;margin:0;}
.generate-quotes-box ul li p:first-child{width:70%;}
.generate-quotes-box ul li:last-child p{font-weight:bold;}
.generate-quotes ul li:last-child {
    border: none;
}
.delivery-description a:hover {
    color: #f00;
    text-decoration: underline;
}
.express-selection .jp-ico {
    width: 38px;
    height: 16px;
    background-position: -162px -166px;
    margin-left: 10px;
}
/*交期*/
.pcb-time{padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.pcb-time .item{width: 175px;}
.pcb-time .jp-ico{width: 39px; height: 41px; margin-left: 10px; margin-right: 10px;}
.pcb-time .expected-ship{background-position: -162px -188px;}
.pcb-time .expected-arrival{background-position: -162px -231px;}
.pcb-time .dividing-line{width: 17px; height: 50px; background-position: -162px -80px;}
.pcb-time span{display: block;}
/* 备注自定*/
.customize .customize-input{width: 187px;}
.customize .title{line-height: 34px;}
.add-cart {
    height: 38px;
    line-height: 38px;
    margin: 20px 4px 20px 6px;
    padding: 0px 30px;
}
.add-cart:active{font-size:20px;padding: 0px 0px;}
/*PCB价格和交期*/
.price-delivery-list dt{height: 35px; line-height: 35px; color: #fff;}
.price-delivery-list dd{height: 58px; line-height: 58px;}
.price-delivery-list .w1{width: 40%;}
.price-delivery-list .w2{width: 30%;}
.price-delivery-list .w3{width: 30%;}

/*查看更多工艺*/
.smt-moreadd {padding-left:20px;height:16px;background:url(/Content/img/smt/add.png) no-repeat left center;}
.smt-morereduce { padding-left: 20px;height: 16px;background: url(/Content/img/smt/produce.png) no-repeat left center;}
.quotes-more-demand-box {width:100%;border:1px solid #ccc;text-align:center;cursor:pointer;}
.quotes-more-demand-box.hideCon{background:#f9f9f9;}
.quotes-more-demand-box.showCon{background:#fff;}
.quotes-more-demand-box h2{display:inline-block;}
.online-quotes-input-row  li{margin-bottom:18px;}
.online-quotes-input-row {width:525px;margin:auto;}
.mr40 { margin-right: 40px;}
/*充值*/
.recharge-box{padding: 20px 20px 30px!important;}
.recharge-box h4{font-size: 16px; color: #000; font-weight: 400; padding: 10px 0 12px;}
.recharge-box .pay-item label,.recharge-box label{width: 130px!important; color: #5d5d5d!important; font-size: 15px!important; display: inline-block; text-align: right!important; line-height: 45px;}
.recharge-box input.inp-price,.takeout input.inp-price{border: 1px solid #c9c9c9; color: #936d51; font-size: 22px; width: 150px; margin-top: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight: 400; height: 20px; padding: 8px; background-color: #f0f0f0;}
.recharge-box span{color: #5b5b5b; font-size: 30px; font-weight: 400; margin-left: 6px; margin-right: 6px;}
.recharge-list li{float: left; margin-right: 10px; margin-bottom: 10px;}
.recharge-list a{display: block; font-size: 16px; color: #000; padding: 8px 16px; border: 1px solid #c8c8c8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.recharge-list li.selected a{background-color: #fff7ec; border: 1px solid #f90;}
.recharge-list a:hover{text-decoration: none;}

.recharge-box .gift-amount{line-height: 45px;}
/*加入购物车弹窗样式*/
/*.layui-layer-title{display:none;}*/
.layui-layer-page .layui-layer-content{padding-top: 20px;padding-left: 10px;}
.order-cart-title {height:60px;margin-left: 40px;}
.order-cart-title h2{margin:0;padding:0;height:60px;line-height:60px;}
.mt40 {
    margin-top: 40px;
}
.smtonline-con-titel li i.smtonline-con-item1{background-image: url(/Content/img/evali-icon.png);}
.smtonline-con-titel li i.smtonline-con-item3{background-image: url(/Content/img/evali-icon.png);}
/*.online-quotes-inputsmt{margin-top:15px;}*/
.online-quotes-inputsmt li input{width:200px!important;padding:0 10px;color:black;}
.online-quotes-inputsmt li{width:35%;margin-right:5%;font-size:13px;}
.online-quotes-inputsmt2 li input{padding:0;}
.online-quotes-inputsmt2 .option-con{width:120px}


.first0{height:134px;border:1px solid #e7e7e7;border-radius:15px 15px 0 0;background:#f9f9f9;}
.btn-first{width:200px;height:42px;border:0;background:#f90;color:#fff!important;text-align:center;line-height:42px;border-radius:4px;display:block;font-size:16px;margin:50px 38px;}
.btn-first:hover{background-color: #ffad33;}

.notic .dv1{height:60px;padding-top:10px;margin-right:10px;}
.notic .dv2{width:97%;padding-top:6px;}

.new-rightsidebar{position: fixed;top: 20%;right: 20px;z-index: 99999;background-color: #fff;box-shadow: 0px 0px 8px #aaa;}
.new-rightsidebarlist li{padding:10px;position:relative;cursor:pointer;}
.new-rightsidebarlist li .cartnum{display:inline-block;min-width:20px;height:20px;border-radius:50%;background:#000;color:#fff;position:absolute;right:10px;top:10px;text-align:center;line-height:20px;}
.new-rightsidebarlist-tip{position:absolute;top:0;right:70px;width:240px;background:#fff;box-shadow: 0px 0px 8px #aaa;box-sizing:border-box;line-height:46px;font-size:14px;color:#222;}
.havelogin{padding:20px;}
.nohavelogin{padding:10px 20px;}
.new-rightsidebarlist-tip a{color:#f90;}
.tipi1{display:inline-block;width:24px;height:24px;background:url(/img/img/indexV3/i/icon.png) no-repeat 0 0;vertical-align:middle;margin-right:5px}
.tipi2{display:inline-block;width:24px;height:24px;background:url(/img/img/indexV3/i/icon.png) no-repeat 0 -22px;vertical-align:middle;margin-right:5px}
.tipi3{display:inline-block;width:24px;height:24px;background:url(/img/img/indexV3/i/icon.png) no-repeat 0 -46px;vertical-align:middle;margin-right:5px}
.tipi4{display:inline-block;width:24px;height:24px;background:url(/img/img/indexV3/i/icon.png) no-repeat 0 -68px;vertical-align:middle;margin-right:5px}
.triangle-tip{width: 0;height: 0;border: 8px solid transparent;border-top-color: transparent;
              border-bottom-color: transparent;border-left-color: #fff;border-right-color: transparent;
              position:absolute;top:25px;right:54px;z-index:999
}
.new-rightsidebar a:hover{text-decoration:underline}
.tipbox{padding:10px 20px;line-height:40px;min-height:60px;box-sizing:border-box}
.new-rightsidebarlist li:hover .triangle-tip{display:block}
.new-rightsidebarlist li:hover .new-rightsidebarlist-tip{display:block}
.layui-layer-shade{z-index:9999!important}
.new-rightsidebar .layui-layer-title{background:#fff;border:0}
.new-rightsidebar .layui-layer-page .layui-layer-content{padding-top:0;padding-left:0px;}
.Recharge-btn{display:block;width:300px;height:40px;background:#f90;color:#fff;text-align:center;line-height:40px;margin:30px auto 0;font-size:16px;}
.Amountinput{width:230px;height:40px;font-size:24px;text-align:center;background:#f8f8f8;border:1px solid #ccc;}
    .Amountinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #936d51;
    }
.btnAddCart1 .layui-layer-title{background:#fff;border:0}
.btnAddCart1{padding-left:35px;padding-top:10px;}
.btnAddCart1-btn{width:200px;height:40px;text-align:center;line-height:40px;display:inline-block;font-size:16px;}
.btn-ebebeb{background:#ebebeb;color:#000;margin-right:10px}
body .yourclass{border-radius:8px;}
body .yourclass .layui-layer-title{border-radius:8px 8px 0 0;}
.cart-flyer {
    position: relative;
    z-index: 9999999;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0px 0px 10px #999;
    -moz-box-shadow: 0px 0px 10px #999;
    box-shadow: 0px 0px 10px #999;
}

@media screen and (max-width: 750px) {
    .rightsidebar,.addthis-smartlayers,.at-custom-sidebar .at-custom-sidebar-btns{display:none!important}
    .contact-mail{width:100%; padding-top:10px;}
    .item_news .fontclass img{max-width:90%;margin:auto;display:block;}
    .item_news .fontclass span,.item_news .fontclass p{font-size:24px;line-height:26px;}
    .bottom-navigation{flex-wrap: wrap; padding-top:20px}
    .bottom-navigation dt{margin:3px 0;}
    .bottom-navigation dl dd{margin-bottom:0px;line-height:30px}
    .bottom-navigation dd a{margin-bottom:0}
    .bottom-navigation{padding-bottom:20px}
    .notic{height:200px!important}
    .n_con>div{width:90%!important;}
    .n_con>div:nth-of-type(1){width:8%!important}
    .notic .dv1{height:30px;}
    .n_con .overnotic{width:20%!important;}

}

 .commodity-list .item{float:left}
 .cl-c39f68{color:#c39f68;}





 /*头部的CSS*/
 .top-nav .t_user_box{ width:300px; background:#fff; padding:20px 0 6px;box-shadow:0px 0px  2px #888;display: block;border-radius:6px;
                      box-sizing:content-box;}
.top-nav .t_box_tit{ padding-left:20px; font-size:14px; margin-bottom:10px;}
.top-nav .t_box_tit p{ font-size:16px; color:#5f5f5f; height: 20px; line-height: 20px; margin-bottom:6px;}
.top-nav .t_box_tit a{ text-align:center;background:#ff9900; border:1px solid #ff9900; color:#fff; height:26px; line-height:26px; display:inline-block; padding:0 10px; border-radius:4px; text-decoration: none;}
.top-nav .t_box_tit span{ padding:0 10px;}
.top-nav .t_box_alist p.on{ font-size:16px;background:#f2f3f7; border-top:1px solid #dae2ed;border-bottom:1px solid #dae2ed; line-height:32px; text-indent:20px; display:block;font-weight:600}
.top-nav .t_box_alist a{display:block;text-indent:20px;font-size:14px;width:100%;line-height:30px;color:#000;border:0;padding:0}
/*.top-nav .t_box_tit a:hover,.top-nav .t_box_tit a.on{ background-color:#ff9900; color:#fff;text-align:center}*/
.top-nav .item-service a{font-size: 14px;height: 20px; margin-top:7px; margin-left:10px; text-decoration:none; line-height: 22px; padding: 0 8px; color: #000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display: inline-block;}
.top-nav .item-service a.on{  color:#f90;border: 1px solid #f90; }
.top-nav .item-service a.off{color:#999;border: 1px solid #ccc; }
.top-nav .Explanation{margin-left:6px; margin-top:8px;}
.top-nav .Explanation .bg_ico{ width: 16px; height: 16px; display: inline-block; background-position: 0 -81px;}
.top-nav .Explanation .explanationDetails{display:none;background-color:#fff;position:absolute;left:0;top:20px;
padding:20px; width:250px; -webkit-box-shadow:0 0 8px #aaa;-moz-box-shadow:0 0 8px #aaa;box-shadow:0 0 8px #aaa;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #aaa;padding:10px;z-index:120;
background-color:#fff;font-weight:normal;font-size:12px;line-height:18px;}

.accountshowhide{right:10px;top:70px;z-index:99}
.accountshowhide p{margin-bottom:0!important;line-height:40px!important;color:#222}
.sign-btn{box-sizing:border-box;display:block;font-size:14px;text-align:center;line-height:30px!important;background:#f90!important;color:#fff!important}
.accountshowhide .t_user_box .sign-btn:hover{background:#ffad33!important;color:#fff!important}

.join-btn{box-sizing:border-box;margin-bottom:10px;border:1px solid #f90!important;display:block;font-size:14px;text-align:center;line-height:30px!important;background:#fceeda!important;color:#f90!important}

/*新头部*/
.top-nav{height: 66px;padding:0 20px;border-bottom:1px solid  #745018!important;}
.top-nav>div>p,.top-nav>div>span,.top-nav>div>div>a{line-height:65px}
.joinsign{width: 130px;height: 24px;text-align: center;line-height: 24px;color: #fff;background: #a98142;border-bottom: 1px solid #c19858;border-radius: 4px;cursor: pointer;margin-top: 8px;}
.joinsign a{color: #fff;}

.suggestions{color: #fff;}
.Message{color: #fff;}

.suggestions a{border-right:1px solid #fff;padding:0 15px;}
.Message a{border-right:1px solid #fff;padding:0 15px;}
.account>i{border-right:1px solid #fff;padding:0 15px;position:relative;display:inline-block;height:16px;line-height:16px;box-sizing:border-box;margin-top:25px;}
.account a{color:#Fff}
.max-header{background:#966B29;}

/*.account:hover .accountshowhide{display:block}*/

.menubox{height:41px;line-height:40px;position: relative;max-width: 1300px;margin: auto;}
.menubox li{cursor: pointer;}
.one-menu>li{float: left;color: #fff;font-size: 16px;padding: 0 20px 0 0;}
.one-menu>li>a:hover{color: #f90;}
.one-menu>li a{display:inline-block;color: #fff;text-decoration: none;font-size:14px;height:40px;box-sizing:border-box}
.one-menu>li a.active{border-bottom:3px solid #f90;color:#f90;}
.con-menu{position: absolute;background: #7b5822;left: 0;width: 100%;padding-left: 327px;height:50px;z-index: 100;box-shadow: 0 0 8px #999;}
.one-menu>li>img{vertical-align: middle;margin-left:5px;}
.one-menu>li>.rotateimg{transform: rotate(90deg);width: 8px;}
.one-menu{position:relative}

.vertical-conmenu{padding-left: 65px !important;display: none;height: 270px!important;width: 300px!important;left:645px;}
.vertical-conmenu li a{display:block}

.vertical-conmenu li{float:none!important}
.twokhover{padding-right:35px!important;}
.twokhover>a:hover{color:#f90!important}
.top-nav a:hover{color:#f90!important;text-decoration:underline!important}
.top-nav .fl a{text-decoration:none!important}

.two-menu{position: relative;width: 100%;overflow: hidden;padding-left: 420px}
.two-menu li{color: #c0bcb9;float: left;line-height: 40px;}
.two-menu li a{color: #222;padding:0 25px;}
.two-menu li a:hover{color: #f90;font-weight:600}
.three-menu{position: absolute;left: 250px;top: 0px;width: 420px;padding-left:20px; }
.two-menu li img{width: 8px;margin-top: 20px;}
#magic-line{top:44px;/*display:none!important*/}
.lazy{object-fit: cover;}

.shoppingnumbox{margin-left:15px;padding-top:19px;position:relative}

.Message a{color:#fff}
.Messagenum{white-space: nowrap;display:inline-block;width:20px;height:20px;background:#f90;text-align:center;line-height:20px;color:#fff;border-radius:50%;position:absolute;left:18px;top:-10px}
.shoppingnum{white-space: nowrap;display:inline-block;width:20px;height:20px;background:#f90;text-align:center;line-height:20px;color:#fff;border-radius:50%;position:absolute;right:-15px;top:10px}
.min-top-nav{background: #7b5822;padding:10px 15px;}
.min-top-nav .fr img{width: 30px;display:inline-block;margin:0 15px;cursor: pointer;}

.min-menu{background-image: linear-gradient(90deg, #a07c42 0%, #3c3c3c 60%, #3c3c3c 100%);position:relative;z-index:999}
.notlogin{height:64px;line-height: 64px;padding: 0 15px;}
.minsign-btn,.minjoin-btn{width:40%;display: inline-block;text-align: center;margin: 0 4%; line-height:36px;color: #fff!important;font-size: 14px;}
.minsign-btn{background: #f90;border-radius: 4px;}

.cf90{color: #ff9900}
.yeslogin{padding:15px; }
.logintit img{width: 70px;height: 70px;border-radius: 50%;margin-right: 10px;}
.dengji{background: url(/img/img/hyzs/new/icon_diamond.png) no-repeat 0 -18px;height: 18px;width: 40%}
.minsignout{background:#f90;display: inline-block;border-radius: 4px;float: right;padding: 0 15px;height:24px;line-height: 24px;color: #fff!important;margin-top:15px; }
.logintext{width:135px;}
.logintext p{color: #fff;font-size: 16px;}
.yeslogin-menu{border-bottom: 1px solid #545454;}
.yeslogin-menu,.min-menubtn{background: #3c3c3c;padding: 0 15px;}
.yeslogin-menu li,.min-menubtn li{line-height:40px;color: #c9c9c9;font-size: 14px;cursor: pointer;}
.min-menubtn li li{padding-left:1em;}
.yeslogin-menu li img,.min-menubtn li img{width: 8px;display: block;margin-top: 13px;}
.min-menubtn a,.yeslogin-menu a{color:#c9c9c9;display:inline-block;width: 90%;}
.triangle11{
				width: 0;
				height: 0;
				border: 4px solid transparent;
				border-top-color: #fff;
				border-bottom: none;
				border-left-color: transparent;
				border-right-color: transparent;
                margin-top:-5px;
                display:block;
                margin: 7px 0 0 4px;
			}
        .triangle12 {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
margin:-20px 0 0 230px;position:relative
        }

.new-ico2 {
    background-image: url(/img/img/icons180822.png);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    display: inline-block;
    background-size: 160px 251px;
    width: 30px;
    height: 30px;
    background-position: -100px -35px;
}
.pull-left suggestions {
    color:#fff
}
.menu-email{padding-bottom: 20px;}
.menu-email span{color: #c39f68;font-size: 16px;padding: 0 10px}
/*.acitve1{background: #333;}
.acitve2{background: #222;padding:0 5px}*/

.rotate12{
transform: rotate(-90deg);
transition: transform .1s ease 0s;
}
.rotate12{
transform: rotate(90deg);
transition: transform .1s ease 0s;
}
/*.max-header:hover .top-nav,.max-header:hover .menubox{background: #3c3c3c;border-bottom-color: #4d4d4d}*/
.con-menu{background: #fff;color:#f90!important;}
/*.con-menu li:hover{background: #f90;}
.con-menu li:hover a{color: #fff!important}*/
.top-nav .t_user{padding: 0 8px;}
.top-nav .t_user:hover{background: #fff;}
.top-nav .t_user:hover.t_user>a{color: #f90}
.top-nav li a{color: #666; text-decoration:none;}
.top-nav li a:hover{text-decoration:underline;}
.max-header .i-arr-dropdown{background-position:-11px -294px!important;width: 8px; height: 4px; vertical-align: middle;background: url(/img/img/orderonline/jijia_ico.png) no-repeat;display: inline-block;}
.top-nav .t_user:hover .i-arr-dropdown{background-position:-22px -294px!important;}
.min-header{display: none;}
@media screen and (max-width: 1080px) {
.max-header,.introducebanner-nav{display: none;}
.min-header{display: block;}
}

.shoppingnumbox .icon-a-gouwuche_fuzhi_huaban1{
    font-size:20px;
}

/* by DG */
@font-face {
    font-family: 'iconfont_dg';  /* Project id 2880966 */
    src: url('/img/fontNew/iconfont_dg.woff2?t=16727115882541') format('woff2'),
    url('/img/fontNew/iconfont_dg.woff?t=16727115882541') format('woff'),
    url('/img/fontNew/iconfont_dg.ttf?t=16727115882541') format('truetype');
}
@font-face {
    font-family: 'HarmonyOS_Sans';
    src: url(/img/fontNew/HarmonyOS_Sans_Light.ttf);
    font-weight: 200;
}
@font-face {
    font-family: 'HarmonyOS_Sans';
    src: url(/img/fontNew/HarmonyOS_Sans_Regular.ttf);
    font-weight: 400;
}
@font-face {
    font-family: 'HarmonyOS_Sans';
    src: url(/img/fontNew/HarmonyOS_Sans_Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: 'HarmonyOS_Sans';
    src: url(/img/fontNew/HarmonyOS_Sans_Bold.ttf);
    font-weight:bold;
}
body,input,textarea{font-family:'HarmonyOS_Sans';}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,.pic img,.nheadr21 a,.showNHRM,.portraitsBootom_2,.bnsa,.bnsa:after,p.nc:after,.find_search,.BoxShowPics,.picbox .close,.BoxShowPics ul li:after,.member_info,.ecms_list dl,.boxSW_ns .swiper-slide,.boxSUN>div,.boxSUN>div:after,.IllustrateLeft ul li,.boxMenu a,.boxMenu a:after,.boxMenu a:before,.boxMenu>ul>li ul,.boxMenu>ul>li div,.tab-quote li,.alt_box21,.alt_box21 .box,.boxClose,.BoxShowPics .close,.boxalt2021,.boxalt2021 .note,.boxAltNote,.boxAltNote .box,.boxalt2021 .close:after,.boxNote1,.boxNote1 .box,.boxloading,.altFXbox,.altFXbox .box,span.alt,.head_btn,.boxAltCoupon,.boxAltCoupon .n,.pt i,.boxEditQuoteQty,.boxEditQuoteQty ul li:before,.titCertifications>ul{transition:all 0.1s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.anmt2{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.boximg{max-width:100%!important; height:auto!important;}
.noCkSel,.parameter .increaseNum .calculator i{-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.boximg{width:100%; display: block;}
.oohid{opacity:0;visibility: hidden;}
.boxW,.boxWs,.boxM{max-width:1300px;margin:auto;position:relative;}
.boxWs{width:1280px;}
.boxM{max-width:590px;}
.pic{overflow: hidden; display: block;}
.pic img,.IllustrateRight li .pull-left img{display:block; width:100%; height:100%; object-fit:cover;}
.pic:hover img,a:hover .pic img{transform: scale(1.05);}
.font2h,.font3h,.listdiv .commenttext,.boxSW_ns .info p,.list3 .v .text11>p{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h{-webkit-line-clamp:3;}

.fontovdd,.confirmOrder dd .ww.ww2 a span,.describe p span.cl_999,.pro_server li p b,.pro_server li p span,.boxSW_ns .info b,.boxMyPR li,#shippingCost{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.confirmOrder dd .ww.ww2 a span{line-height:48px;}
.fontsa{font-weight: bold; font-size:16px;}
.boxCLAs:after{content:''; clear: both; display:block; font-size:0; line-height:0; width:0; height:0;}
.ft_d{font-size:20px;}
.tab-quote,.tab-quote li a{font-size:14px;}
.obline_bd{font-size:13px;}
.bkfff{background-color:white}
.bkf9{background-color:#F9F9F9}
.both{overflow: hidden;}
.main_mbRight{margin-left:260px; overflow: hidden;}
.main_mbRight .titnb{font-size:14px; color:#333; line-height:1.4em; font-weight: bold; padding:10px 0;}
.main_mbRight.boxMBR2{padding:1em; background-color:#fff; font-size:20px}
.main_mbRight .tit{padding:0 0 .5em; font-size:.8em; border-bottom:1px solid #eee; margin-bottom:1em}
.main_mbRight #changePwd{max-width:500px; padding:1.5em 0 0}
.bkfcf{background-color:#FCF1E6;}
.boxflxsb{display:flex; justify-content:space-between;}

[v-show],[v-if]{display: none!important;}

.price_btn span{width:200px; line-height:36px; margin:0 auto; text-align:center; cursor:pointer; font-size:14px}
.price_btn span img{position:relative; top:-2px}
.boxCenter{text-align:center;}

.boxMenu{clear: both; font-size:14px;}
.boxMenu>ul{overflow: visible; padding:0; margin:0;}
.boxMenu>ul>li{float:left; position: relative;}
.boxMenu>ul>li>a{color:#fff; padding:.5em 1.3em; display:inline-block; position: relative;}
.boxMenu>ul>li>a.m:after{content:'\eca6'; font-family:iconfont_dg; display: inline-block; margin-left:.5em;}
.boxMenu>ul>li>a.m:hover:after,.boxMenu>ul>li:hover>a.m:after{transform:rotate(180deg);}
.boxMenu>ul>li.active:after{content:''; position: absolute; left:1em; right:1em; bottom:0; height:2px; background-color: #f90;}
.boxMenu>ul>li ul,.boxMenu>ul>li div.n{position: absolute; left:0; top:100%; visibility: hidden; opacity:0; background-color: #fff; box-shadow:rgba(0,0,0,.3) 0 0 1em; padding:0 2em 0 1.3em; border-radius:0 0 .3em .3em; z-index:11;}
.boxMenu>ul>li ul a{color:#333; display: inline-block; line-height:2.4em;}
.boxMenu>ul>li:hover ul,.boxMenu>ul>li:hover div.n{visibility:visible; opacity:1; padding:1em 2em 1em 1.3em;}
.boxMenu>ul>li:first-of-type>a{padding-left:0;}
.boxMenu>ul>li:first-of-type.active:after{left:0;}
.boxMenu a{position: relative; white-space: nowrap;}
.boxMenu a.hot:before,.boxMenu a.new:before,.boxMenu a.free:before,.boxMenu a.ih24:before{content:''; display: none; background:no-repeat center center / contain; width:34px; height:26px; position:absolute; }
.boxMenu a.hot:before{background-image:url('/img/img/ico_hot.png'); bottom:60%; right:.5em; width:30px; height:20px; animation:admHotTBTB .5s infinite;}
.boxMenu a.new:before{background-image:url('/img/img/ico_new.gif'); bottom:50%; right:-.5em}
.boxMenu a.free:before{background-image:url('/img/img/ico_free.png'); bottom:50%; right:-1.8em; width:31px; height:20px; animation:admHotTBTB .5s infinite;}
.boxMenu a.ih24:before{display:block; background-image:url('/img/img/ico_ih24.png'); bottom:64%; right:7px; width:30px; height:21px; animation:admHotTBTB .5s infinite;}
.boxMenu a:hover,.boxMenu>ul>li.active>a,.boxMenu>ul>li:hover>a{color:#f90!important;text-decoration: none;}
.boxMenu>ul>li div.nm{width:400px; left:-1em; padding-right:1em!important; box-sizing: border-box;}
.boxMenu>ul>li div.nm:after{content:''; position: absolute; top:2em; left:200px; bottom:2em; border-right:1px solid #eee}
.boxMenu>ul>li div.nm>div{float: left; width:160px; box-sizing: border-box; padding:1em 0 1em 1.5em}
.boxMenu>ul>li div.nm>.mcm2{margin-left:30px;}
.boxMenu>ul>li div.nm>.mcm2 div{display: none;}
.boxMenu>ul>li div.nm>.mcm2 div.on{display: block}
.boxMenu>ul>li div.nm>.mcm2 a{display:block; background-color:#fff}
.boxMenu>ul>li div.nm>.mcm3{width:130px}
/*.boxMenu>ul>li div.nm>.mcm2 a:first-of-type,.boxMenu>ul>li div.nm>.mcm3 a:first-of-type{font-weight: bold;}*/
/*.boxMenu>ul>li div.nm>.mcm2 a:first-of-type{font-weight:bold}*/
.boxMenu>ul>li div.nm>div a{color:#333; display: inline-block; line-height:2em}
.boxMenu>ul>li div.nm>div a:hover{color:#f90}
.boxMenu>ul>li div.nm>.mcm1{padding:1em 0}
.boxMenu>ul>li div.nm>.mcm1 a{display: block; background-color:#F5F5F5; font-size:14px; padding:.5em 0 .5em .8em; margin-bottom:.5em; color:#333; cursor: pointer; user-select:none}
.boxMenu>ul>li div.nm>.mcm1 a:last-of-type{margin-bottom:0;}
.boxMenu>ul>li div.nm>.mcm1 a:hover,
.boxMenu>ul>li div.nm>.mcm1 a.on{background-color:#FFF2DC; color:#f90}
.boxMenu>ul>li div.nm>.mcm1.cnc a:before{content:''; background: no-repeat center center / contain; width:26px; height:26px; display: inline-block; vertical-align: middle; margin-right:.5em}
.boxMenu>ul>li div.nm>.mcm1.cnc a.ic1:before{background-image: url("/img/img/cnc/ic1.png")}
.boxMenu>ul>li div.nm>.mcm1.cnc a.ic4:before{background-image: url("/img/img/cnc/ic4.png")}
.boxMenu>ul>li div.nm>.mcm1.cnc a.ic2:before{background-image: url("/img/img/cnc/ic2.png")}
.boxMenu>ul>li div.nm>.mcm1.cnc a.ic3:before{background-image: url("/img/img/cnc/ic3.png")}
.boxMenu>ul>li div.nm.SPQ{width:520px}
.boxMenu>ul>li div.nm.SPQ:after{left:260px}
.boxMenu>ul>li div.nm.SPQ>.mcm1{width:222px}
#one-menu > li div, #one-menu a {
    transition: opacity 0.3s !important;
}
.bnsa{background-color: #f90; color:#fff; border-radius:2em; overflow: hidden; padding:.5em 2em; display:inline-block; position: relative; cursor:pointer; border:none;}
a.bnsa:focus{color:#fff}
.bnsa.xL{font-size:15px; padding:.7em 3em;}
.bnsa span{position: relative; z-index:1; margin:0!important;}
.bnsa:after{content:''; position: absolute; z-index:0; top:100%; left:0; right:0; height:100%; background-image: -webkit-linear-gradient(top, rgba(255,153,0,1),rgba(255,92,0,1));}
.bnsa:hover{color:#fff;}
.bnsa:hover:after{top:0;}
.bnsa.close{color:#333; border:1px solid #ccc!important; background-color:#fff;}
.bnsa.close:after{display: none;}
.bnsa.close:hover{color:#f90; border-color:#f90!important;}
a.bnsa.close:focus{color:#f90}
.bnsa.sk{border-radius:.3em;}
.bnsa.tm{background-color: transparent; color:#f90; border:1px solid #f90; box-sizing: border-box;}
.bnsa.tm:after{display: none;}
.bnsa.tm:hover{background-color:#f90; color:#fff;}
.bnsa.b{border:1px solid #f90;}
.bnsa.w{border-color:#fff; color:#fff}
.bnsa.w:hover{border-color:#f90}
.bnsa.white{border-color:#fff; background-color:#fff; color:#f90}
.bnsa.white:hover{border-color:#f90; background-color:#f90; color:#fff}
.bnsa.white:after{display: none}

.alt_box21{position: fixed; top:0; left:0; right:0; bottom:0; z-index:999; background-color:rgba(0,0,0,.2); visibility: hidden; opacity:0; font-size:20px;}
.alt_box21 .box{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(.9); width:90%; max-width:800px; box-sizing: border-box; background-color:#fff; box-shadow:rgba(0,0,0,.3) 0 0 1em; padding:1em 2.5em; max-height:90%; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.alt_box21 .box.np{padding:1em 0;}
.alt_box21 .box .cnt{overflow: auto; max-height:500px; padding:0 1em;}
.alt_box21 .box .cnt::-webkit-scrollbar{width:8px; height:8px}
.alt_box21 .box .cnt::-webkit-scrollbar-thumb{border-radius:3px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#999}
.alt_box21 .box .cnt::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#f7f7f7}
.alt_box21 .box .cnt::-webkit-scrollbar-thumb:hover{background:#f90}
.alt_box21.on{visibility: visible; opacity:1;}
.alt_box21.on .box{padding:1.5em 2.5em; transform: translate(-50%,-50%) scale(1);}
.alt_box21.on .box.np{padding:2em 0 1em;}
.boxClose{position:absolute; top:.5em; right:.5em; cursor:pointer; line-height:1em; user-select: none}
.boxClose:hover{transform: rotate(90deg); color:#f90;}
.boxClose:after{content:'\e61d'; font-family:iconfont_dg; display: inline-block;}

.nheadr21{float: right; font-size:20px; color:#fff;}
.nheadr21 a{color:#fff; position: relative;}
.nheadr21 .la{position: relative; display: inline-block; font-size:.6em; padding:0 1em;}
.nheadr21 .la:after{content:''; position: absolute; right:-.3em; top:50%; transform: translate(0,-50%); height:1em; border-right:1px solid #fff;}
.nheadr21 div.la:after{display: none;}
.nheadr21 .la>i,.ifdg{font-family:'iconfont_dg'; margin:-.2em .4em 0 0; display: inline-block; font-size:1.4em; vertical-align:middle;}
.nheadr21 .la>em{position: absolute; top:1.1em; left:1.7em; font-size:.9em; background-color:#f90; color:#fff; border-radius:50%; width:1.4em; height:1.4em; line-height:1.4em; text-align: center;}
.nheadr21 div.la>a:after{content:''; display:inline-block; width:0; height:0; line-height:0; border-bottom:none; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid #fff; margin:.3em 0 0 .5em;}
.nheadr21 div.la>a:hover:after{border-top-color:#f90}
.nheadr21 .showNHRM{position: absolute; width:200px; padding:1em; top:90%; right:0; z-index:8; background-color: #fff; opacity:0; visibility: hidden; color:#333; border-radius:.4em; box-shadow: rgba(0,0,0,.2) 0 0 5px;}
.nheadr21 .showNHRM:after{content:'';width:0; height:0; line-height:0; border-bottom:none; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:7px solid #fff; position: absolute; top:-7px; right:10%;}
.nheadr21 div.la:hover .showNHRM{top:110%; opacity:1; visibility:visible;}
.nheadr21 .sign-btn,.nheadr21 .join-btn{max-width:100%!important;}
.nheadr21 .sign-btn:hover{color:#fff!important;}
.nheadr21 a.head_btn{font-size:.6em; border:1px solid #fff; border-radius:3px; padding:3px 1.5em; margin:0 1em 0 1.4em; display: inline-block; line-height:1.4em; text-decoration: none!important;}
.nheadr21 .head_btn.signUp{border-color:#f90; background-color:#f90; color:#fff; margin:0}
.nheadr21 .head_btn.signUp:hover{color:#fff!important; background-color: rgba(255, 153, 0,.7)
}
.nheadr21 .head_btn.logIn:hover{border-color:#f90; color:#f90!important;}
.user_bottom img{margin:0!important;}
.user_bottom{padding-bottom:0!important;}
.usermsliimgs{overflow: hidden; padding-bottom:10px;}
.usermsliimgs li{float: left; width:20%; box-sizing: border-box; padding:1%; height:100px; cursor: pointer;}
.usermsliimgs li:nth-child(6){display: none;}

.BoxShowPics{position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; visibility: hidden; background-color: rgba(0,0,0,.7)!important; font-size:20px;}
.BoxShowPics.on{opacity:1;visibility: visible; z-index:999;}
.BoxShowPics .close{position: absolute; top:.5em; right:.5em; background-color:rgba(255,255,255,.7); font-weight: normal; color:#000; width:1.8em; height:1.8em; line-height:1.8em; text-align: center; opacity:1; border-radius:50%; font-size:.8em;}
.BoxShowPics .close:after{content:'\e61d'; font-family:iconfont_dg;}
.BoxShowPics .close:hover,.boxalt2021 .close:hover:after{opacity:.5; transform: rotate(90deg);}
.BoxShowPics .picbox{max-width:96%; height:calc(97% - (130px + 3%)); overflow: hidden; margin:3% auto 0;}
.BoxShowPics .picbox img{object-fit:contain; width:100%; height:100%; display: block;}
.BoxShowPics ul{position:fixed; left:50%; bottom:10px; text-align: center; max-width:1000px; transform: translate(-50%,0); width:90%;}
.BoxShowPics ul li{display: inline-block; width:16%; height:100px; overflow:hidden; background-color: #f90; position: relative;}
.BoxShowPics ul li:after{content:''; border:0 solid #f90; position: absolute; top:0; right:0; bottom:0; left:0; opacity:0;}
.BoxShowPics ul li.on:after{border-width: 4px; opacity:1;}

.boxloading{text-align: center; padding:2em 0; font-size:20px; line-height:2em; box-sizing: border-box; width:100%; max-width:100%;}
.boxloading:before,.boxloading.fx.c span:before{content:'\e60f'; font-family: iconfont_dg; display:inline-block; vertical-align:middle; font-size:1.6em; animation:admRT360 2s linear infinite;}
.boxloading:after,.boxloading.fx.c span:after{content:'Loading..'; display: inline-block; vertical-align:middle; color:#666;}
.boxloading.w{background-color:white;}
.boxloading.bw{background-color:rgba(255,255,255,.8);}
.boxloading.fx{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.boxloading.fx.t{top:0; bottom:0; transform: translate(-50%,0); background-color:rgba(255,255,255,.7);}
.boxloading.fx.c{top:0; left:0; right:0; bottom:0; height:100%; transform: translate(0,0);}
.boxloading.fx.c:after,.boxloading.fx.c:before{display: none;}
.boxloading.fx.c span{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.boxloading.fx:before,.boxloading.fx:after,.boxloading.fx.c span:before,.boxloading.fx.c span:after{color:#000;}
.boxloading.nodata:before{content:'\e619'; animation:none; transform: scale(1.1);}
.boxloading.nodata:after{content:'No Data'; color:#999; margin-left:.5em; font-weight:lighter; font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif, FreeSans, Arimo}
.boxloading.ov{opacity:0; visibility:hidden;}
.boxloading.nPF14{padding:.5em; font-size:14px;}

.boxTopic{font-size:20px}
.table_li2 .t{display: flex; align-items: center;}
.table_li2 .t img{float: left; margin-right:10px;}
.table_li2 .t span{line-height:1.4em; margin:0;}
.member_main_con.ld{position: relative;}
.member_main_con.ld .member_info{opacity:.3;}
.titsa{font-size:20px; text-align: center;}
.titsa h2{font-size:1.8em;}
.titsa p{font-size:16px; color:#666;}
.titsa p b{color:#333; font-size:1.3em; margin:0 .5em;}
.titsa p em{margin:0 2em;}
.titsa.sd p{font-size:14px;}
.titsa.sp{padding:30px 0 20px}

.boxSuccess{text-align: center; font-size:20px; padding:5em 0;}
.boxSuccess i{font-family:iconfont_dg; border:2px solid #00c250; color:#00c250; font-size:1.5em; border-radius:50%; width:2em; height:2em; text-align: center; line-height:2em; margin:0 auto; display: block;}
.boxSuccess b{display: block; color:#333; margin:.5em 0;}
.boxSuccess p{font-size:.7em;}
.boxSuccess .bnsa{font-size:.7em; margin-top:2em; text-decoration:none;}.boxSW_ns{font-size:20px; position: relative; padding:0 1.5em;}
.boxSW_ns .swiper-container{padding:1em 0; box-sizing: border-box;}
.boxSW_ns .swiper-slide{background-color:#fff; box-shadow: rgba(0,0,0,.05) 0 0 .3em;}
.boxSW_ns .swiper-slide:hover{box-shadow: rgba(0,0,0,.2) 0 0 .5em;}
.boxSW_ns .pic{display:block; height:13em;}
.boxSW_ns .info{padding:.7em 1em}
.boxSW_ns .info b{font-size:.8em;}
.boxSW_ns .info p{font-size:.7em; color:#666; margin-bottom:.5em;}
.boxSW_ns .info div{color:#666; font-size:.6em;}
.boxSW_ns .info a{float: right; color:#f90;}
.boxSW_ns .info a:hover{color:#BF7300}
.boxSUN>div{position: absolute; top:50%; z-index: 2; transform: translate(0,-50%); background-color:rgba(0,0,0,.5); font-size:1.4em; line-height:2em; border-radius:.1em; cursor: pointer;}
.boxSUN>div.swiper-button-disabled{opacity:.1; cursor:default;}
.boxSUN>div:after{font-family:iconfont_dg; display:inline-block; color:#fff;}
.boxSUN>div:hover:after{color:#000;}
.boxSUN>div.n{left:0;}
.boxSUN>div.p{right:0;}
.boxSUN>div.n:after{content:'\e7be';}
.boxSUN>div.p:after{content:'\e64f';}

.boxAltNote{background-color: rgba(0,0,0,.2)!important; position: fixed; top:0; left:0; right:0; bottom:0; z-index:999!important; font-size:20px; opacity:0; visibility: hidden;}
.boxAltNote.on{opacity:1; visibility: visible;}
.boxAltNote .box{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.8); box-shadow: rgba(0,0,0,.2) 0 0 1em; background-color:#fff; width:300px;}
.boxAltNote.on .box{transform:translate(-50%,-50%) scale(1)}
.boxAltNote .box>.t{background-color: #f6f6f6; line-height:46px; padding:0 1em; font-size:.8em; color:#000; position: relative;}
.boxAltNote .box>.t:before{content:'\e602'; font-family: iconfont_dg; margin-right:.5em; color:#f90;}
.boxAltNote .box>.t.noicon:before{display:none;}
.boxAltNote i.boxClose{top:32%; right:1em;}
.boxAltNote i.close{position: absolute; top:50%; right:1em; transform: translate(0,-50%); width:1.6em; height:1.6em;line-height:1.6em; text-align: center; font-size:.9em; color:#666; opacity:1; cursor: pointer;}
.boxAltNote i.close:before{content:'\e61d'; font-family: iconfont_dg; display: inline-block;}
.boxAltNote i.close:hover:before{opacity:.5; transform:rotate(90deg);}
.boxAltNote .box>.n{text-align: center; color:#333; font-size:.7em; line-height:1.6em; padding:2em 2em 1.5em; word-break:break-all;}
.boxAltNote .box>.n.textLeft{text-align: left}
.boxAltNote .bn{text-align: center; font-size:.7em; padding-bottom:1em;}
.boxAltNote .bn .bnsa{padding:.4em 1.5em; border:1px solid #f90; margin:0 .3em;}
.boxAltNote .bn .bnsa.close{float:none; font-size:inherit; line-height:inherit; opacity:1; text-shadow: none; font-weight: normal;}
.orderdetail td{padding:.1em 1em;}

.boxFY{padding:20px; clear: both; position: relative; overflow: hidden; font-size:0;}
.boxFY.p2{padding:30px 20px;}
.boxFY.c{text-align: center;}
.boxFY.l{float: left;}
.boxFY.r{float: right;}
.boxFY li{display:inline-block; border:1px solid #fc6; border-right:none; padding:.5em 1em; margin:0; cursor:pointer; color:#333; font-size:12px;}
.boxFY li:hover{color:#f90;}
.boxFY li:last-of-type{border-right:1px solid #fc6;}
.boxFY li.on{background-color:#f9f9f9; border-color:#ddd; color:#666; cursor:default;}
.boxFY li.m{padding:.5em;}
.boxFY li.n.on{background-color: #f90; border-color:#f90; color:#fff;}

/* boxalt2021 */

.boxalt2021,.boxalt2021n{position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999!important; background-color: rgba(0,0,0,.2)!important; opacity:0; visibility: hidden; font-size:20px;}
.boxalt2021 .close{position: absolute; top:0; right:0; color:#fff; font-size:.8em; text-align: center; width:1.4em; height:1.4em; line-height:1.4em; background-color:#000; border-radius:0 0 0 10px; cursor: pointer; opacity:1; display: none;}
.boxalt2021 .close:after{content:'\e61d'; font-family: iconfont_dg; display: block; font-size:.8em;}
.boxalt2021 .note{position:absolute; top:50%; left:40%; transform: translate(-50%,-50%); font-size:20px; border-radius:5px; background-color:rgba(0,0,0,.7); color:#fff; min-width:9em; text-align: center; box-sizing:border-box; padding:1.5em 1em; overflow: hidden;}
.boxalt2021.on,.boxalt2021n.on{opacity:1; visibility: visible;}
.boxalt2021.on .note{left:50%;}
.boxalt2021 .icon{display:none; font-size:2em; line-height:1em; padding:.2em 0;}
.boxalt2021 .icon:after{font-family:iconfont_dg; display: block;}
.boxalt2021 .icon.l:after{content:'\e60f'; font-size:2em; animation:admRT360 2s linear infinite;}
.boxalt2021 .icon.s:after{content:'\e600'; font-size:1.5em; color:limegreen;}
.boxalt2021 .icon.e:after{content:'\ebb3'; font-size:1.2em; color:#f30;}
.boxalt2021 .icon.w{padding:.1em 0; display:none;}
.boxalt2021 .icon.w:after{content:'\e650'; font-size:1.3em; text-align: center; margin:0 auto; padding-left:.1em; box-sizing:border-box; line-height:1.4em; width:1.4em; height:1.4em; color:#000; border-radius:50%; background-color:#f90;}
.boxalt2021 .text{font-size:.7em; display: block; max-width:180px;}
/* 公共 altFXbox */
.boxNote1,.altFXbox{position: fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,.2)!important; font-size:20px; opacity:0!important; visibility: hidden; z-index:999!important;}
.boxNote1 .box,.altFXbox .box{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(.9); max-width:560px; background-color:#fff; border-radius:.5em; padding:.5em 1em 1em;}
.boxNote1.on,.altFXbox.on{opacity:1!important; visibility:visible;}
.boxNote1.on .box,.altFXbox.on .box{transform: translate(-50%,-50%) scale(1);}
.boxNote1 .box .boxClose{padding:.4em .5em .4em;}
.boxNote1 .box .t{border-bottom:1px solid #ccc; line-height:2.6em; font-size:.9em;}
.boxNote1 .box .n{padding:1em 0; font-size:.7em; color:#333;}
.boxNote1 .box .n em{text-transform: Capitalize;}
.boxNote1 .box .n p{color:#000; padding:.2em 0; margin:0;}
.boxNote1 .box .bn{text-align: center;}
.boxNote1 .box .bn em{line-height:38px; display:block; margin-right:2em; font-size:.8em; color:#f90;}
.boxNote1 .box .bn .bnsa{font-size:.7em; margin-right:1em; border:1px solid #f90;}

.formADD .addcls{padding-left:130px;position: relative; font-size:15px; margin-bottom:1em;}
.formADD .addcls label{position:absolute; left:0; top:0; line-height:2em; width:120px; text-align: right;}
.formADD .addcls .addmore{position:absolute; left:130px; top:0; right:0; display: none; z-index: 2; border:1px solid #ccc; background-color:#fff; border-radius:.5em; box-shadow:rgba(0,0,0,.15) 0 0 1em; padding-bottom:1em;}
.formADD .addcls .addmore .chosen-search{}
.formADD .addcls .addmore input{border:none; border-bottom:1px solid #ccc; border-radius:.5em .5em 0 0;}
.formADD .addcls .sel{max-height:100px; overflow-y: auto; padding:.5em 1em;}
.formADD .addcls .sel li{font-size:13px;}
.formADD .addcls input,.formADD .addcls textarea{width:100%; border:1px solid #ccc; border-radius:.5em; font-size:15px; line-height:2em; padding:0 1em; box-sizing: border-box;}
.formADD .chosen-search:after{content:'\e655'; font-family:iconfont_dg; position:absolute; top:0; right:.7em; pointer-events:none; line-height:2em;}
.formADD .morestyle{background-color:#f90; color:#fff; border-radius:.5em; font-size:12px; margin-left:1em; line-height:1.6em; padding:0 1em;}
.formADD .bn{text-align: center; font-size:16px; padding:.5em 0 1em;}

.el-button.el-button--jiepei{color:#FFF; background-color:#f90; border-color:#f90;}
.el-button.el-button--jiepei:active{background-color:#f90!important;}
.el-button.el-button--jiepei:hover,.el-button.el-button--jiepei:focus{color:#FFF; background-color:#ffad32; border-color:#f90;}
.el-button.el-button--jiepei-c:hover,.el-button.el-button--jiepei-c:focus{color:#f90; background-color:#FFF5E7; border-color:#f90;}

.BoxAddAddress .el-select .el-input.is-focus .el-select__caret{}
.el-select .el-input .el-select__caret.is-reverse.el-icon-arrow-up:before,.ricSoso .is-focus .el-input__icon:before{content:'\e655';font-family: iconfont_dg; color:#666; font-size:18px;}

.altSP21box .box{width:94%; max-width:900px; text-align: center;}
.altSP21box b.t{font-weight:normal; display: block; text-align: center; padding:1em 0 .5em; color:#333;}
.altSP21box b.t a{color:#B16A00; text-decoration: underline;}
.altSP21box b.t a:hover{color:#f90;}
.altSP21box ul{max-width:840px; margin:0 auto; overflow: hidden;}
.altSP21box li{float: left; margin:0 .5em .5em;}
.altSP21box .bn{text-align: center; padding:1em 0 0; clear: both; font-size:.8em;}
.altSP21box .bn .bnsa{padding:.5em 4em;}
.points21box.t{font-size:1.4em; margin:.2em .5em; display: inline-block}
.points21box.b b{line-height:1.4em; margin-top:.3em;}
.points21box.b:after{height:2.6em;}
.points21box p{background-color:#FDF0D2; clear: both; border-radius:.3em; text-align: center; font-size:.5em; padding-bottom:1em; line-height:1em;}
.points21box{width:13em; position: relative; color:#BA7220; overflow: hidden; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMjYwIDgwIj4NCiAgPGRlZnM+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSItMC4wOTMiIHkxPSItMC4xMDEiIHgyPSIxIiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmRmM2RhIi8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZGYwZDEiLz4NCiAgICA8L2xpbmVhckdyYWRpZW50Pg0KICA8L2RlZnM+DQogIDxwYXRoIGlkPSLlh4/ljrtfMTUiIGRhdGEtbmFtZT0i5YeP5Y67IDE1IiBkPSJNMjY4LDgwSDE2YTQuMDA1LDQuMDA1LDAsMCwxLTQtNFY0OGExMCwxMCwwLDEsMCwwLTIwVjRhNCw0LDAsMCwxLDQtNEgyNjhhNCw0LDAsMCwxLDQsNFYyOGExMCwxMCwwLDEsMCwwLDIwVjc2QTQsNCwwLDAsMSwyNjgsODBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIgMCkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPg0KPC9zdmc+DQo=") no-repeat top center / contain; text-align:left}
.points21box:after{content:''; position: absolute; top:.5em; height:3em; left:5em; border-right:1px dashed #F3C998;}
.points21box b{float: left; font-size:2em; font-weight:normal; width:2.6em; line-height:2em; text-align: center; letter-spacing:-.06em;}
.points21box div{margin-left:5em; padding:.8em 0 0 .4em;}
.points21box div span{font-size:.8em; display: block;}
.points21box div em{font-size:.7em; display: block;}

.boxScrollbar::-webkit-scrollbar{width:8px; height:1px}
.boxScrollbar::-webkit-scrollbar-thumb{border-radius:10px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1); background-color:#ccc;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
.boxScrollbar::-webkit-scrollbar-track{border-radius:10px; background:#f6f6f6}

.bnQuote{height:28px; color:#666; border:1px solid #ddd; margin-right:5px; font-weight:400; cursor:pointer; margin-bottom:5px; line-height:26px; background:#fff; border-radius:2px; position:relative; min-width:112px; text-align:center; white-space:nowrap; padding:0 1em; display:inline-block;}
.bnQuote:hover,.bnQuote.on{border-color:#f90; color:#333;}
.bnQuote.on{background:#FFF5E7}
.bnQuote.on:after{content:''; background:url(/img/img/lu/new/pcb/icons.png) no-repeat -106px -365px; width:16px; height:16px; position:absolute; bottom:-1px; right:-1px; vertical-align:middle; display:inline-block; }

/* 老客升级 icon */
.i_upcpn{font-size:20px; position: fixed; z-index:99; right:1em; bottom:16%;}
.i_upcpn *{display: block;}
.i_upcpn a{background: url("/img/img/newindex/i_rocket.png") no-repeat center center / cover; width:6em; height:6.3em; position:relative; margin:0 auto;}
.i_upcpn i{top:105%; left:40%; right:auto;}
.i_upcpn i:after{font-size:.6em; width:2em; height:2em; line-height:2em; text-align: center; color:#fff; background-color:rgba(0,0,0,.5); border-radius:50%;}
.i_upcpn span{color:#fff; font-size:.6em; border-radius:2em; position:relative; text-align:center; width:10em; line-height:2.6em; background-color:#FEAA57; overflow:hidden;}
.i_upcpn span em{position:relative; z-index:2;}
.i_upcpn span:after{
    content:''; position: absolute; top:0; left:0; bottom:0; width:22em; z-index:1; animation:admRtL 2s linear infinite;
    background-image: -moz-linear-gradient( 0deg, #FEAA57 0%, rgb(254,82,30) 50%, #FEAA57 100%);
    background-image: -webkit-linear-gradient( 0deg, #FEAA57 0%, rgb(254,82,30) 50%, #FEAA57 100%);
    background-image: -ms-linear-gradient( 0deg, #FEAA57 0%, rgb(254,82,30) 50%, #FEAA57 100%);
}
.titaltxmsg{position: relative;}
.titaltxmsg span.alt{position: absolute; right:0; top:90%; z-index: 1; font-weight: normal!important; color:#333!important; background-color:#fff; border:1px solid #ccc; border-radius:.5em; padding:.5em 1em; visibility: hidden; opacity:0; text-align: left; line-height:1.2em; box-shadow: rgba(0,0,0,.1) 0 .5em .5em;}
.titaltxmsg:hover span.alt{opacity:1; visibility: visible; top:100%;}
i.i_w{background-color:#f90; border-radius:50%; text-align:center; cursor:pointer; width:1.2em; height:1.2em; line-height:1.2em; margin:0 .3em; display:inline-block;}
i.i_w:after{content:'?'; display:inline-block; color:#fff; font-weight:normal;}

.liBoxCPr{background:url("/img/img/MemberNew/member/bkCP_R.png") no-repeat center center / cover; height:74px; color:#fff; position: relative; max-width:280px; margin:1em auto}
.liBoxCPr.hv{cursor: pointer}
.liBoxCPr>div{position: absolute; top:50%; transform: translate(0,-50%)}
.liBoxCPr .t{left:0; text-align: center; width:90px}
.liBoxCPr .t b{display: block; font-size:18px}
.liBoxCPr .t span{font-size:14px}
.liBoxCPr .n{left:94px; color:#333; padding:0 1.2em}
.liBoxCPr .n p{font-size:13px}

.boxformLR{max-width:600px; margin:2em auto; position: relative}
.boxformLR .boxloading{z-index:9}
.boxformLR .el-input__inner{line-height:34px; height:34px}
.boxformLR .el-form-item__error{padding:0}
.boxformLR .bnct{text-align:center;}
.boxformLR .bnct .el-button{margin:0 .5em 1em; padding:.8em 3em}
.boxformLR .bnct p{color:#B16a00}
.boxformLR .el-form-item{margin-bottom:1em}
.boxformLR .el-form-item__label{width:200px; color:#333}
.boxformLR .el-form-item__content{margin-left:200px}
.boxformLR .el-select{display:block}
.boxformLR .el-radio__inner,.boxformLR .el-checkbox__inner{border:1px solid #f90; width:1.3em; height:1.3em; display: block}
.boxformLR .el-radio__input.is-checked .el-radio__inner{border-color:#f90; background-color:#fff}
.boxformLR .el-radio__inner::after{background-color:#f90; width:.75em; height:.75em}
.boxformLR .el-radio__input.is-checked+.el-radio__label,.boxformLR .el-checkbox__input.is-checked+.el-checkbox__label{color:#f90}
.boxformLR .el-checkbox{font-size:20px}
.boxformLR .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#f90}
.boxformLR .el-checkbox__input.is-checked .el-checkbox__inner,.boxformLR .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#f90; border-color:#f90}
.boxformLR .el-checkbox__inner{width:.9em; height:.9em}
.boxformLR .el-checkbox__inner::after{top:1px; left:5px; height:10px; width:5px}
.boxformLR .el-select .el-loading-mask{background-color: rgba(255,255,255,.3)}
.boxformLR .el-select .el-loading-mask .el-loading-spinner .circular{width:1.4em; height:1.4em; margin-top:.8em}
.ricSoso .el-input__icon:before{content: "\e6e1";}
.el-select.ricSoso .el-input.is-focus .el-select__caret{-webkit-transform:rotateZ(0); transform:rotateZ(0)}

.boxStepA{display:flex;flex-flow:row; max-width:880px; margin:4em auto 0;}
.boxStepA li{width:100%; position: relative;}
.boxStepA li:after{content:''; background-color:#E9E9F0; height:8px; position: absolute; top:1em; left:0; right:0; z-index:0;}
.boxStepA li:first-of-type:after{border-radius:8px 0 0 8px}
.boxStepA li:last-of-type:after{border-radius:0 8px 8px 0}
.boxStepA li i{display:block; position: relative; z-index:1; background-color:#E9E9F0; font-size:1.2em; color:#fff; text-align:center; border-radius:50%; width:2em; height:2em; line-height:2em; margin:0 auto}
.boxStepA li span{display:block; color:#E9E9F0; font-size:1.4em; text-align:center; margin-top:.3em}
.boxStepA li.ov:after,.boxStepA li.ov i{background-color:#FFD699}
.boxStepA li.ov span{color:#FFD699}
.boxStepA li.on:after,.boxStepA li.on i{background-color:#f90}
.boxStepA li.on span{color:#f90}

.boxThreeSignIN .li{padding:0.5em 0; text-align:center;}
.boxThreeSignIN .li.txt{display: none}
.boxThreeSignIN .li>*{display:inline-block; width:40px; height:40px; overflow: hidden; vertical-align:middle;margin:0 5px}
.boxThreeSignIN .bn_login_fb{position: relative;width: 40px;}
.boxThreeSignIN .bn_login_fb:before{content:'\eb8d'; color:#1877f2; font-size:38px; box-shadow:rgb(0 0 0 / 10%) 0 3px 3px; font-family:iconfont_dg; position:absolute; top:1px; left:0; border-radius:50%; width:1em; height:1em; line-height:1em; pointer-events:none;}
.boxThreeSignIN .fb_iframe_widget{opacity:0;}
.boxTitBQ{position: relative; margin:10px 0 0; }
.boxTitBQ.c{text-align: center}
.boxTitBQ span{display: inline-block; padding:0 1em; background-color:#fff; color:#999; font-size:14px; position: relative; z-index:1;}
.boxTitBQ:after{content:''; position: absolute; z-index:0; top:50%; left:0; right:0; transform: translateY(-50%); border-bottom:1px solid #E6E9ED}

.el-upload:focus .el-upload-dragger,.el-upload--picture-card:hover{border-color:#f90!important;}
.boxCncQuote textarea:focus{border-color:#f90;}
.el-textarea__inner{padding-bottom:1em!important;}
.el-textarea .el-input__count{background-color:transparent!important; line-height:1em!important;}


.iconBoxC{width:14px; height:14px; display: inline-block; position: relative; top:2px; margin-left:8px;}
.iconBoxC:before,.iconBoxC:after{content:''; background:url("/img/img/icon_box25.png") no-repeat; position: absolute; left:0; right:0;}
.iconBoxC:before{background-position:center top; top:0; height:6px; animation:admIconBox25_t 1s linear infinite;}
.iconBoxC:after{background-position:center bottom; bottom:0; height:8px;}
.boxQuote2022 *::-webkit-scrollbar{width:8px; height:8px}
.boxQuote2022 *::-webkit-scrollbar-thumb{border-radius:3px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#999}
.boxQuote2022 *::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#f7f7f7}
.boxQuote2022 *::-webkit-scrollbar-thumb:hover{background:#FF9900}
.anmt3,.listSPC_sel,.listSPC_sel ul{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.boxDF{display: flex;}
/* 国家选择下拉框 */
.boxSelSPC{font-size:20px; position:relative; margin:0 auto; width:300px; padding-bottom:8px;}
.boxSelSPC .ipt{position: relative;}
.boxSelSPC .ipt:before{content:'\e655'; font-family: iconfont_dg; opacity:.7; position: absolute; top:50%; left:.5em; font-size:.8em; transform: translateY(-50%);}
.boxSelSPC .ipt:after{content:'\eca6'; font-family: iconfont_dg; position: absolute; top:50%; right:.5em; font-size:.7em; transform: translateY(-50%);}
.boxSelSPC #shippingCost{font-size:16px; border:1px solid #ccc; padding:.3em 1.2em .3em 2em; border-radius:.3em; width:100%; display: block; box-sizing: border-box;}
.boxSelSPC #shippingCost:focus{outline-color:#f90;}
.listSPC_sel{position: absolute; top:100%; left:0; opacity:0; z-index: 2; visibility: hidden; background-color:#fff; border:1px solid #ccc; border-radius:.3em; max-width:100%; box-shadow: rgba(0,0,0,.2) 0 -3px 10px;}
.listSPC_sel:after{content:''; position: absolute; top:-6px; left:14px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #fff;}
.listSPC_sel.show{opacity:1; visibility: visible;}
.listSPC_sel ul{padding:0; margin:0; max-height:300px; overflow-y: auto;}
.listSPC_sel li{font-size:.7em; cursor:pointer; list-style: none; padding:.5em 1em; white-space: nowrap; display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.listSPC_sel li:hover{background-color:#f5f5f5;color:#f90;}
.listSPC_sel li.on{color:#f90; font-weight: bold;background-color:#f5f5f5;}

.boxAltNote .box.boxAltUploadFiles{width:680px; max-width:100%;}
.boxAltNote .box.boxAltUploadFiles .n{padding:2em 4em 1em;}
.boxAltUploadFiles .bnsa{font-size:16px!important; padding:.4em 3em!important;}
.boxAltUploadFiles .t{z-index: 4;}
.boxAltUploadFiles .boxloading{z-index:3;}
.boxAltUploadFiles .upfileInfo{background-color:#F7F6F4; border:1px solid #FFD08A; padding:1.5em 1em 1em; position: relative;}
.boxAltUploadFiles .upfileInfo .fileInfo{color:#f90; display: none; font-size:1.2em;}
.boxAltUploadFiles .upfileInfo .fileInfo:before{content:'\e604'; font-family: iconfont_dg; margin-right:.5em;}
.boxAltUploadFiles .upfileInfo .bnsaUpFile{font-weight: bold; padding:.6em 3em!important;}
.boxAltUploadFiles .upfileInfo p{font-weight: bold; color:#333}
.boxAltUploadFiles .upfileInfo #altUFBarID{position: absolute; left:0; bottom:0; width:0; height:5px; background-color:#f90; z-index:4;}
.boxAltUploadFiles .note{line-height:2em; margin-top:.3em; text-align: left; color:#999}
.boxAltNote.boxAltDelOrder .n{padding-top:1em}
.boxAltDelOrder .box{width:400px; border-top:4px solid #f90}
.boxAltDelOrder .note{line-height:1.4em; text-align: left; color:#999;}
.boxAltDelOrder .delReason{border:1px solid #ccc; width:100%; display: block; padding:.3em .5em; border-radius:.3em; margin:1em 0 .5em}
.mbIsVerified{display: none; font-size:12px; line-height:1em; color:#333; border-radius:2em; padding:.3em 1em}
.portraitsTop .memberNo{margin:0}
.mbIsVerified span{display: inline-block}
.mbIsVerified.ov{background-color:#F5E2A4; display: inline-block!important;}
.mbIsVerified.ov:before,.mbIsVerified.nv:after{display:inline-block; vertical-align:middle}
.mbIsVerified.ov:before{content:''; background:url("/img/img/icon_vip.png") no-repeat center center / cover; width:12px; height:12px; margin-right:.5em}
.boxAltCoupon{position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background-color:rgba(0,0,0,.4); font-size:20px; opacity:0; visibility:hidden; transform: scale(1.05); user-select: none}
.mbIsVerified.nv{display: inline-block!important;}
.mbIsVerified.nv:after{content:''; background:url("/img/img/icon_coupon.png") no-repeat center center / cover; width:21px; height:14px; margin-left:.5em; animation:admIconBox25_t 1s linear infinite;}
.mbIsVerified.nv span{text-decoration-line:underline}
.boxAltCoupon *{padding:0; margin:0}
.boxAltCoupon.show{opacity:1; visibility:visible; transform: scale(1)}
.boxAltCoupon .n{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.boxMonthlyCoupon .n{background: url("/img/img/bk_MonthlyCoupon.png") no-repeat center top; width:23.5em; height:21.1em;}
.boxMonthlyCoupon .n ul{padding:8.2em 0 .5em .8em; width:11.1em; height:7.4em; margin:0 auto; box-sizing: content-box!important;}
.boxMonthlyCoupon li{position:relative; background: url("/img/img/bk_MonthlyCoupon_li.png") no-repeat; height:3.5em; padding-right:.8em; margin-bottom:.2em; cursor:pointer}
.boxMonthlyCoupon li.on:after{content:'\e607'; font-family:iconfont_dg; position: absolute; right:.3em; bottom:.1em; color:#FE3E21;}
.boxMonthlyCoupon li .m{float: left; font-size:1.5em; color:#F9F2CB; line-height:1em; width: 2.5em; text-align: center; padding-top: .6em;}
.boxMonthlyCoupon li .m:before{content:'$'; display: inline-block; font-size:.4em; font-weight: normal; line-height:1em;}
.boxMonthlyCoupon li div{margin-left:4em; color:#DD200C}
.boxMonthlyCoupon li div b{font-size:.7em; display: block; padding:.6em 0 0; line-height:1.1em;}
.boxMonthlyCoupon li div p{font-size:.4em; line-height:2em; border-bottom:1px solid #DD200C; margin:0}
.boxMonthlyCoupon li div p:last-of-type{border-bottom:none}
.boxMonthlyCoupon .note{text-align:center; width: 11.1em; margin: 0 auto; color:#fff; padding-top:.4em}
.boxMonthlyCoupon .note>b{font-size:.7em; line-height:1.5em; display: block}
.boxMonthlyCoupon .note>p{font-size:.5em; line-height:1em; padding-bottom:.4em}
.boxMonthlyCoupon .note span.bn{color:#811409}
.boxMonthlyCoupon .note a.bn{color:#DD200C}
.boxMonthlyCoupon .note .bn:hover{opacity:.7}
.boxMonthlyCoupon .note .bn,.boxNMCoupon .bn{display: inline-block; font-size:.7em; line-height:2em; font-weight: bold; text-decoration-line: none; cursor: pointer; padding:0 1em; border-radius:2em;
    background: #ffba8b;
    background: -moz-linear-gradient(top,  #fff1d2 0%, #ffba8b 100%);
    background: -webkit-linear-gradient(top,  #fff1d2 0%,#ffba8b 100%);
    background: linear-gradient(to bottom,  #fff1d2 0%,#ffba8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1d2', endColorstr='#ffba8b',GradientType=0 );
}
.boxAltCoupon .closeMC{position: absolute; left:50%; bottom:-1.6em; transform: translate(-50%,0); cursor:pointer; border:1px solid #fff; color:#fff; border-radius:50%; width:1.6em; height:1.6em; line-height:1.6em; text-align:center}
.boxAltCoupon .closeMC:after{content:'\e61d'; font-family: iconfont_dg; display:block; font-size:.7em;}
.boxAltCoupon .closeMC:hover{opacity:.7; transform:translate(-50%,0) rotate(90deg)}
.boxNMCoupon{overflow: auto; font-size:15px}
.boxNMCoupon .n{background: url("/img/img/bk_newMCoupon.png") no-repeat center top / cover; width:100%; max-width: 35.1em; min-height:43.1em;}
.boxNMCoupon .note{color:#fff; position: absolute; top:19em; left:6em;}
.boxNMCoupon .note p{font-size:1.3em; font-weight: bold; line-height:2em;}
.boxNMCoupon .note p b{font-size:1.5em; color:#fbf935}
.boxNMCoupon .bn{position: absolute; left:50%; bottom:1.2em; width:10em; transform: translateX(-50%); font-size: 1.6em; color:#f7760e; text-align: center}
.boxNMCoupon .bn:hover{opacity:.8}
.noteFPIS{font-size:12px;color: #7B5822;line-height:1em;display: block;padding: .7em 0 0;clear:both;}
.boxQuoteRightInfo .noteFPIS{clear: none;}
.boxMemberIndexTipCounp{background-color:#FFE5BE; color:#f90; font-size:20px; padding:.5em 1em; position: relative;}
.boxMemberIndexTipCounp:before{content:'\e63f'; font-family: iconfont_dg; color:#fff; background-color:#FEB954; border-radius:50%; width: 1.3em; height: 1.3em; display: inline-block; text-align: center; line-height: 1.3em; margin-right:.5em}
.boxMemberIndexTipCounp span{font-size:.8em; display: inline-block; line-height:1.4em; font-weight:normal}
.boxMemberIndexTipCounp a{color:#f90!important; text-decoration: underline; font-weight: bold}
.boxMemberIndexTipCounp a:hover{opacity:.7;}
.boxMemberIndexTipCounp i.boxClose{top:50%; right:1em; transform:translateY(-50%);}
.boxMemberIndexTipCounp i.boxClose:hover{transform:translateY(-50%) rotate(90deg);}
/*拼版信息*/
.boxShowPanelizationDetail{position: absolute; z-index:9; top:0; left:50%; width:410px; height:260px; opacity:0; visibility: hidden; background-color:#fff; padding:15px; border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; box-shadow: rgba(0,0,0,.1) 0 0 15px}
.boxShowPanelizationDetail.show{top:0; opacity:1; visibility:visible}
.boxShowPanelizationDetail .cl-7B5822{color:#7B5822}
.boxShowPanelizationDetail .cl-b16a00{color:#b16a00}
.boxShowPanelizationDetail .imposition-requires-presentation {margin-top: 3px;padding-left: 7px;}
.boxShowPanelizationDetail .jpsettipsbox{height: 30px;line-height: 28px;padding: 0 10px;background: #FFF7ED;border: 1px solid #f90;color: #999;}
.boxShowPanelizationDetail #informationpinban{position: fixed; top: 100px; left: 50%;  z-index:-999;  padding: 30px 20px; background-color: #fff;border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden;opacity:0;}
.boxShowPanelizationDetail .imposition-information{ padding:0 0 15px 10px; background-color: #fff;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative}
.boxShowPanelizationDetail .imposition-information .panel-x{width: 200px;}
.boxShowPanelizationDetail .imposition-information .panel-x .number {position:relative;text-align:center;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;line-height:18px;height:18px;}
.boxShowPanelizationDetail .imposition-information .panel-x .number:after {position:absolute;left:0;top:9px;width:100%;height:1px;background-color:#d7d7d7;content:"";}
.boxShowPanelizationDetail .imposition-information .panel-x .number span {position:relative;z-index:1;padding:0 9px;line-height:18px;background:#fff;text-align:center;color:#999;}
.boxShowPanelizationDetail .imposition-information .panel-y {position:absolute;right:0px;top:55px;width:28px;}
.boxShowPanelizationDetail .imposition-information .panel-y .number {position:relative; height:auto; text-align:center;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; z-index: 999;}
.boxShowPanelizationDetail .imposition-information .panel-y .number:after {position:absolute;left:14px;top:0;width:1px;height:100%;background-color:#d7d7d7;content:"";}
.boxShowPanelizationDetail .imposition-information .panel-y .number span {display:block;position:relative;top:50%;margin-top:-19px;z-index:1;background:#fff;text-align:center;color:#999;}
.boxShowPanelizationDetail .imposition-information .panel-item{width: 241px;}
.boxShowPanelizationDetail .imposition-information li{overflow: hidden; font-size: 0;}
.boxShowPanelizationDetail .imposition-information .item{display: block;background-color:#05b302; border-right:1px dashed #ccc; border-bottom:1px dashed #ccc;}
.boxShowPanelizationDetail .imposition-information .edgerailwidth{background-color: #0c3a0c;}
.boxShowPanelizationDetail .imposition-informationExample .panel-height{float: right}
.boxShowPanelizationDetail .imposition-information-item .note{padding-bottom:5px;}

.wen_tip{width: 16px; height: 16px; background: url(/img/img/onlineNew/wen.png) no-repeat center; float: right; vertical-align: sub}
.wen_tip.in{float: none; display: inline-block}
/* 订单详情 */
.boxProductsDetail{font-size:20px; max-width:1500px; margin:0 auto; padding:2em .5em 4em}
.boxProductsDetail>p{padding:1em 0 .5em; font-size:.8em}
.boxProductsDetail>p:first-of-type{padding-top:0}
.boxProductsDetail>ul{font-size:.6em; display: flex; flex-wrap: wrap; border:1px solid #f0f0f0;}
.boxProductsDetail>ul>li{width:33.333%; display: flex; float: left}
.boxProductsDetail>ul>li:hover{background-color:#f9f9f9;}
.boxProductsDetail>ul>li>b{width:37%; min-width:37%; background-color:rgba(0,0,0,.03); white-space: pre-wrap}
.boxProductsDetail>ul>li>b,.boxProductsDetail>ul>li>div{padding:.5em 1em}

.boxPcbUpFile{background-color:#FFF5E7; padding:1em 0; border:1px solid #f90; font-size:20px; text-align:center; margin-bottom:1em; user-select:none; position:relative}
.boxPcbUpFile .boxloading{z-index:2}
.boxPcbUpFile .bnUp{margin:0 0 .5em;}
.boxPcbUpFile .bnUp span{font-weight:bold; font-size:.8em;}
.boxPcbUpFile .bnUp span:before{content:'\e604'; font-family: iconfont_dg; display:inline-block; margin-right:.5em; font-weight: normal}
.boxPcbUpFile .upLoadStates{margin-right:1em; font-size:14px;}
.boxPcbUpFile .s1 p{color:#333; font-size:.6em;}
.boxPcbUpFile .s1 .n{color:#777; font-size:.6em; max-width:80%; margin:0 auto;}
.boxPcbUpFile .s1 .n span{display: inline-block; margin:0 1em;}
.boxPcbUpFile .s1 .n span:before{display: inline-block; margin-right:.4em; font-family: iconfont_dg;}
.boxPcbUpFile .s1 .n span:nth-child(1):before{content:'\e61c'}
.boxPcbUpFile .s1 .n span:nth-child(2):before{content:'\e61b'}
.boxPcbUpFile .s2 .rate{font-size:.9em;}
.boxPcbUpFile .s2 .pt{background-color:#E6E6E6; border-radius:2em; max-width:90%; margin:.5em auto 1em}
.boxPcbUpFile .s2 .pt i{display:block; border-radius:2em; background-color:#f90; height:.9em;}
.boxPcbUpFile .s2 .n{font-size:.6em;}
.boxPcbUpFile .s2 .stop{color:#f90; cursor: pointer}
.boxPcbUpFile .s2 .stop:hover{opacity:.6}
/*.boxPcbUpFile .s2 .n:after{content:''; max-width:6em; height:2px; background-color:#AFAFAF; display: block; margin:1em auto 0;}*/
.boxPcbQuoteUpFileInfo{width:580px; background-color:#FFF5E7; line-height:26px; padding:0 1em; margin:0 auto;}
.boxPcbQuoteUpFileInfo:before{content:'\e654'; font-family: iconfont_dg; transform: scale(1.5); display: inline-block; color: #008549; margin-right:.5em}
.boxPcbQuoteUpFileInfo a{color:#333; text-decoration: underline}
.boxPcbQuoteUpFileInfo a:hover{color:#f90}
.boxPcbQuoteUpFileInfo .del{color:#f90; margin-left:1em; cursor:pointer}
.boxPcbQuoteUpFileInfo .del:hover{text-decoration:underline}
.isUpFile{margin-bottom:5px;}

.boxEditQuoteQty{position: absolute; opacity:0; visibility: hidden; transform: translateY(-5%); z-index:4; border:1px solid #f90; font-size:20px; padding:.5em; background-color:#fff; box-shadow: rgba(0,0,0,.1) 5px 5px 10px; max-width:470px; box-sizing: border-box;}
.boxEditQuoteQty.show{opacity: 1; visibility: visible; transform: translateY(0)}
.boxEditQuoteQty ul{overflow: hidden; padding-bottom:.3em}
.boxEditQuoteQty ul li{float: left; font-size:.7em; cursor: pointer; width:16.666%; box-sizing: border-box; padding:3px 5px;}
.boxEditQuoteQty ul li:before{content:''; display: inline-block; vertical-align: middle; border:1px solid #999; border-radius:50%; width:1em; height:1em;}
.boxEditQuoteQty ul li span{display: inline-block; vertical-align: middle; margin-left:.5em;}
.boxEditQuoteQty ul li:hover{color:#f90;}
.boxEditQuoteQty ul li.active{color:#f90;}
.boxEditQuoteQty ul li.active:before{content:'\e63f'; font-family: iconfont_dg; line-height:1em; background-color:#f90; color:#fff; border-color:#f90}
.boxEditQuoteQty .ft{font-size:.7em; border-top:1px solid #ccc; padding-top:.7em}
.boxEditQuoteQty .note{font-size:.7em; display:block; color:#f90; padding-top:.3em}

.showSelQty{display:block; border:1px solid #ccc; cursor:pointer; border-radius:3px; position: relative; font-size:14px; line-height:30px; text-align: center; padding:0 1.4em 0 0; overflow:hidden; user-select: none}
.showSelQty.active,.showSelQty:hover{border-color:#f90}
.showSelQty:after{content:'\e64f'; display: block; font-family: iconfont_dg; font-size:12px; color:#fff; width:1.5em; text-align: center; position: absolute; top:0; right:0; bottom:0; background-color:#f90;}

.titCertifications{position: relative; font-size:14px; font-weight:normal; float: right; margin:.5em 2em 0 0; line-height:1.5em; color:#888; user-select: none; cursor: pointer}
.titCertifications:before{content:'\e61a'; font-family: iconfont_dg; display: inline-block; color:#805E2A; font-size:12px; margin-right:.5em; transform: rotate(-90deg)}
.titCertifications>ul{overflow:visible; opacity:0; visibility: hidden; box-shadow: rgba(0,0,0,.2) 0 0 2em; padding:.5em; background-color:#fff;  position: absolute; width:260px; right:0; bottom:50%; border-radius:.5em;}
.titCertifications>ul:after{content:''; position: absolute; left:61%; top:100%; border:7px solid transparent; border-top-color:#fff; border-bottom:none; width:0; height:0}
.titCertifications>ul li{width:20%; text-align: center; float: left;}
.titCertifications>ul a{display: block; color:#999}
.titCertifications>ul a:hover{color:#f90}
.titCertifications>ul span{font-size:10px; display: block;}
.titCertifications>ul i{display: block; background:url("/img/img/icon_iatf_iso.png") no-repeat; width:48px; height:40px; transform:scale(.75); margin:0 auto;}
.titCertifications>ul i.i_iatf{background-position:2px 0}
.titCertifications>ul li:hover i.i_iatf{background-position:2px -41px}
.titCertifications>ul i.i_iso{background-position:-60px 0}
.titCertifications>ul li:hover i.i_iso{background-position:-60px -42px}
.titCertifications:hover>ul{opacity:1; visibility:visible;bottom:20px;}


@media screen and (max-width:760px) {
    .titsa{padding:0 1em; font-size:16px;}
    /*.titsa p{text-align: justify;}*/
    .titsa p br{display:none;}
    .titsa.sd p{font-size:12px;}
    .titsa p em{margin:0 1em;}
    .boxSW_ns{font-size:18px;}
    .boxSUN{font-size:.9em;}
    .boxSW_ns .swiper-container{padding:.5em 0;}
    .min-header .fl img{max-width:100px;}
    .min-header .fr img{max-width:22px;}
    .altSP21box{font-size:12px;}
    .altSP21box ul{max-width:28em;}
    .boxNMCoupon{font-size:11px;}
    .boxProductsDetail{padding:1em .5em 2em}
    .boxProductsDetail>ul>li{width:100%}
    .boxAltDelOrder .box{max-width:375px}

    .boxformLR{padding:0 1em}
    .boxformLR .el-form-item__label{float:none; line-height:1.5em; font-size:13px}
    .boxformLR .el-form-item__content{margin-left:0}
    .boxformLR .el-form-item__content .el-input,.boxformLR .el-form-item__content .el-textarea__inner{font-size:13px}

}

@keyframes admSR1d1{
    0%{-webkit-transform:scale(1);}
    50%{-webkit-transform:scale(.9) translate(0,5%);}
    100%{-webkit-transform:scale(1);}
}
@keyframes admRtL{
    0%{left:100%;}
    50%{left:-100%;}
    100%{left:-200%;}
}
@keyframes admIconBox25_t{
    0%{transform: translateY(0)}
    50%{transform: translateY(-2px)}
    100%{transform: translateY(0)}
}
@keyframes admRT360{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@keyframes admHotTBTB{
    0%{transform: translate(0,-2px)}
    100%{transform: translate(0,0)}
}