@charset "utf-8"; /*common*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,span,pre,a,code,del,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
html,body{min-height:100%}
body{font-family:"Microsoft YaHei"; font-size:1.6rem; color:#000000; line-height:1.5; background-color:#ffffff; padding:0; min-width:300px; max-width:640px; margin:0 auto}
h1,h2,h3,h4,h5,h6{line-height:unset}
a{text-decoration:none}
a:hover{color:#008C95; text-decoration:none}
table{border-collapse:collapse; border-spacing:0}
td,p{word-wrap:break-word; word-break:break-all}
th,td{vertical-align:middle}
ol,ul{list-style:none}
input{border:1px solid #ddd; outline:none}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{margin-bottom:0; -webkit-border-radius:0; -moz-border-radius:0px; border-radius:0px; box-shadow:unset}
header,footer{display:block}
img{vertical-align:middle}
em,i{font-style:normal}
.relative{position:relative}
.absolute{position:absolute}
.nowrap{word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.normal{font-weight:400}
.bold{font-weight:700}
.text-bottom{vertical-align:text-bottom}
.border0{border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.b-bradius0{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px}
.underline{text-decoration:underline}
.btn-yellow{background-color:#008C95; color:#fff; border:none}
.btn-gray{background-color:#eff0f3; color:#000; border:none}
.btn-yellow:hover{background-color:#07A698; color:#fff}
.b-bradius4{-webkit-border-radius:4px !important; -moz-border-radius:4px !important; border-radius:4px !important; overflow:hidden}
.disblock{display:block}
.undis{display:none}
@media only screen and (min-width:320PX) and (max-width:360PX){html{font-size:12px}
}
@media only screen and (min-width:360PX) and (max-width:375PX){html{font-size:13px}
}
@media only screen and (min-width:375PX) and (max-width:390PX){html{font-size:14px}
}
@media only screen and (min-width:390PX) and (max-width:414PX){html{font-size:16px}
}
@media only screen and (min-width:414PX) and (max-width:640PX){html{font-size:18px}
}
@media screen and (min-width:640PX){html{font-size:22px}
}
@media only screen and (min-width:414PX){.navigation-rightside .info-list .membership-level{display:none}
    .membershipLevel{display:block}
}
.not-selectable{background-color:#eee; color:#bbb !important; cursor:not-allowed !important}
/*字体大小*/
.ffixed12{font-size:12px}
.ffixed14{font-size:14px}
.ffixed16{font-size:16px}
.ffixed18{font-size:18px}
.f12{font-size:.8rem}
.f14{font-size:1rem}
.f16{font-size:1.2rem}
.f18{font-size:1.3rem}
.f20{font-size:1.5rem}
/*背景色*/
.bg-efefef{background-color:#efefef}
.bg-fff{background-color:#ffffff}
.bg-f90{background-color:#008C95}
.bg-00ba00{background-color:#00ba00}
/*字体大小*/
.black{color:#000000}
.white{color:#ffffff}
.red{color:#ff0000}
.cl-d60000{color:#d60000}
.cl-00ba00{color:#00ba00}
.cl-adadad{color:#adadad}
.cl-0e0e0e{color:#0e0e0e}
.cl-2192d9{color:#2192d9}
.cl-333{color:#333}
.cl-3f3f3f{color:#3f3f3f}
.cl-454545{color:#454545}
.cl-535353{color:#535353}
.cl-666{color:#666666}
.cl-727272{color:#727272}
.cl-8b5200{color:#8b5200}
.cl-999{color:#999999}
.cl-0062c4{color:#0062c4}
.cl-b16a00{color:#b16a00}
.cl-f90{color:#008C95}
.cl-c1c1c1{color:#c1c1c1}
.cl-333333{color:#333333}
.fwidth{font-weight:bold}
.cl-ccc{color:#ccc}
.cl-f00{color:#f00}
/*margin-padding*/
.ml1{margin-left:1rem}
.mt08{margin-top:.8rem}
.mt02{margin-top:.2rem}
.mt03{margin-top:.3rem}
.mt04{margin-top:.4rem}
.mt05{margin-top:.5rem}
.ml05{margin-left:.5rem}
.mb03{margin-bottom:.3rem}
.mb05{margin-bottom:.5rem}
.mb1{margin-bottom:1rem}
.ml02{margin-left:.2rem}
.mr05{margin-right:.5rem}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb8{margin-bottom:8px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.ml5{margin-left:5px}
.ml6{margin-left:6px}
.ml10{margin-left:10px}
.mr8{margin-right:8px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.p14{padding:1rem}
.pt10{padding-top:10px}
.pt1{padding-top:1rem}
.pl1rem{padding-left:1rem}
.pr1rem{padding-right:1rem}
.pb1rem{padding-bottom:1rem}
.p1rem{padding:1rem}
/*宽度 高度*/
.w45{width:45px !important}
.w50{width:50px !important}
.w70{width:70px !important}
.w80{width:80px !important}
.w100{width:100px !important}
.w200{width:200px !important}
.w215{width:215px !important}
.w160{width:160px !important}
.h30{height:30px !important; line-height:30px}
.h35{height:35px !important; line-height:35px}
/*表单元素样式自定义*/
.style-input{display:block; width:100%; height:30px !important; line-height:30px !important; padding:6px; border:1px solid #bababa; -webkit-border-radius:6px !important; -moz-border-radius:6px !important; border-radius:6px !important; font-family:"Microsoft YaHei"}
.style-select{display:block; width:100%; height:30px; line-height:30px; border:1px solid #c5c5c5; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:"Microsoft YaHei"}
.style-textarea{display:block; width:100%; padding:6px; border:1px solid #c5c5c5; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family:"Microsoft YaHei"}
.style-btn{display:block; width:100%; padding-top:10px; padding-bottom:10px; font-size:16px; color:#fff; background-color:#0062c4; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center; font-family:"Microsoft YaHei"}
/*页面加载*/
#loading{width:76px; height:50px; position:absolute; top:50%; left:50%; font-size:14px; margin-top:-30px; margin-left:-30px}
.spinner{width:76px; height:16px; margin-bottom:4px; margin-left:22px; position:relative; background-image:url("../img/loading.gif"); background-repeat:no-repeat}
.wap-content{display:none; width:100%; margin-top:45px}
/*弹窗黑色背景*/
.bullet-shadow{display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:1000; background:#000; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity = 50)}
/*点击Quantity弹出的页面公用css*/
.quantity-box.active{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
.quantity-box{position:fixed; left:0; top:45px; width:100%; height:100%; background:#fff; z-index:99999; -webkit-transform:translate3d(100%,0,0); -moz-transform:translate3d(100%,0,0); -ms-transform:translate3d(100%,0,0); -o-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
/*//弹出页公用部*/
.quantity-top{width:100%; height:36px; background:#F3F3F3; border-bottom:1px solid #B2B2B2; position:fixed; padding:0 0.19rem; box-sizing:border-box; font-size:0.32rem; color:#333; text-align:center; line-height:36px; z-index:1}
.quantity-top .quantity-close{width:12px; height:12px; background:url("../img/icon_close.png") no-repeat; background-size:100% 100%; background-position:center center; position:absolute; top:11px; left:10px}
/*//弹出页公用底部*/
.quantity-bottom{width:100%; height:0.99rem; border-top:1px solid #D8D8D8; background:#f3f3f3; position:fixed; bottom:1rem; left:0; z-index:100}
.quantity-bottom .quantity-cancel,.quantity-bottom .quantity-submit{width:1.78rem; height:0.62rem; color:#fff; font-size:0.28rem; border-radius:0.03rem; text-align:center; line-height:0.62rem}
.quantity-bottom .quantity-cancel{position:absolute; top:0; bottom:0; left:3.15rem; margin:auto; background:#423B52}
.quantity-bottom .quantity-submit{position:absolute; top:0; bottom:0; right:0.57rem; margin:auto; background:#f90}
.quantity-item{width:100%; overflow:hidden; position:absolute; top:36px; bottom:2rem}
.quantity-item .quantity-item-list{padding:0.3rem 0.35rem 70px; box-sizing:border-box; width:100%; position:absolute; top:0; bottom:0; overflow:scroll; -webkit-overflow-scrolling:touch}
.quantity-item .quantity-item-list li{width:25%; height:26px; float:left; color:#333; line-height:26px; text-indent:5px}
.quantity-item .quantity-item-list li input[type=radio]{margin:0 2px 0 0; vertical-align:middle}
.quantity-item .quantity-item-list .quantity-input-box{width:100%; border:1px solid #BABABA; border-radius:0.03rem; padding:8px 10px; box-sizing:border-box; background:#F5F5F5; font-size:0.28rem; float:left; margin-top:10px}
.quantity-item .quantity-item-list .quantity-input-box .quantity-other{width:23%; line-height:25px; border-right:1px solid #BABABA; color:#666666; float:left; font-size:1rem}
.quantity-item .quantity-item-list .quantity-input-box .quantity-srbox{width:95%}
.quantity-item .quantity-item-list .quantity-input-box .quantity-srbox input{background:#F5F5F5; width:14rem; height:25px; color:#333; padding:2px 8px; font-size:12px; border:0}
.quantity-bottom{width:100%; height:45px; border-top:1px solid #D8D8D8; background:#f3f3f3; position:fixed; bottom:45px; left:0; z-index:100}
.quantity-bottom .quantity-cancel,.quantity-bottom .quantity-submit{width:75px; height:26px; color:#fff; font-size:0.28rem; border-radius:0.03rem; text-align:center; line-height:26px}
.quantity-bottom .quantity-cancel{position:absolute; top:0; bottom:0; left:25%; margin:auto; background:#999}
.quantity-bottom .quantity-submit{position:absolute; top:0; bottom:0; right:25%; margin:auto; background:#f90}
/*头部*/
.header{position:fixed; top:0; left:0; z-index:999; background-color:#fff; width:100%; line-height:unset; padding:5px 14px; /*border-bottom:1px solid #dcdcdc; */}
.header a{font-size:0px}
.header .logo{display:inline-block; margin-top:-1px}
.header .logo img{height:45px; width:auto}
.header .navigation{margin-top:15px}
.header .navigation img{width:20px}
.header .title{width:70%; line-height:45px; width:-moz-calc(100% - 85px); width:-webkit-calc(100% - 85px); width:calc(100% - 85px); display:none; text-align: center}
.header .back{margin-top:13px}
.header .back img{width:11px}
.secondary-header .title{display:block; width:96%; width:-moz-calc(100% - 11px); width:-webkit-calc(100% - 11px); width:calc(100% - 11px)}
/*计价页*/
.pcbonline .hd h2{width:10rem; margin-left:auto; margin-right:auto; padding-bottom:6px; border-bottom:2px solid #008C95}
.option-size{width:15.2rem; height:2.3rem; max-height:32px; background-color:#eee; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px}
.option-size .form-control{width:5.8rem; height:2.14rem; max-height:30px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-top:none; border-bottom:none; display:inline-block}
.pcbonline-options input{padding-left:10px; padding-right:10px; background-color:#fff}
.pcbonline-options .wh-adapt{width:66px; height:30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.pcbonline-options .option{position:relative; padding:10px; margin-bottom:10px}
.option-choose{margin:0; padding:0}
.option-choose li{float:left}
.flying-probe-test li{float:none}
.option-choose .item{display:block; padding:3px 10px; color:#666; border:1px solid #ddd; margin-right:.5rem; margin-bottom:8px; font-weight:400; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px}
.option-choose .choose{color:#fff; border:1px solid #008C95; background-color:#f90}
.pcbonline-options .option-number{width:81px; height:30px; margin-bottom:10px; padding-top:3px; border:1px solid #ddd}
.layersort span{display:inline-block; margin-bottom:10px}
.layersort .form-control{display:inline-block}
.pcb-number{width:80%; padding:.3rem .5rem; border:1px solid #ddd}
.pcb-number .choose-number{padding:0; border:none; -webkit-box-shadow:unset; -moz-box-shadow:unset; box-shadow:unset}
/*拼版要求提示*/
.imposition-requires-presentation{display:inline-block; padding:6px; border:1px solid #b16a00; background-color:#fff5e7}
.imposition-requires-presentation p{margin-bottom:0}
.imposition-requires-presentation .btn-operating{position:absolute; right:10px; bottom:5px}
.imposition-requires-presentation .btn-operating a{width:50px; height:20px; text-align:center; line-height:20px; display:inline-block}
/*阻焊颜色*/
.example-color{width:12px; height:12px; margin-right:4px; display:inline-block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.example-color-green{background-color:#007606}
.example-color-red{background-color:#c81609}
.example-color-yellow{background-color:#ffde00}
.example-color-blue{background-color:#0943c8}
.example-color-black{background-color:#000}
.example-color-white{background-color:#fff; border:1px solid #ccc}
.example-color-none{background:url('../img/color_none.png') no-repeat 0 0}
.example-color-matteblack{background-color:#333}
.example-color-mattegreen{background-color:#46c017}
/*数据展示底部*/
.public-footer{position:fixed; bottom:0px; left:0px; z-index:999; width:100%; height:50px; border-top:1px solid #dcdcdc}
.show-footer .item-right{position:absolute; top:0px; right:0px; display:block; width:90px; height:49px; text-align:center; line-height:48px; font-size:14px}
.show-footer .item-right .num{font-size:12px; padding-left:2px}
.menu-footer li{float:left; width:33.33333%; text-align:center; margin-top:9px}
.menu-footer li a{padding-left:15%}
.menu-footer li .icon{display:inline-block; height:30px; background-repeat:no-repeat; background-position:0 0; vertical-align:middle}
.menu-footer li em{font-style:normal}
.menu-footer li a:hover{color:#f90}
.menu-footer .active em{color:#f90}
.icon-pcbonline{width:30px; background-image:url("../img/icon_pcbonline.png")}
.icon-cart{width:29px; background-image:url("../img/icon_cart.png")}
.icon-order{width:23px; background-image:url("../img/icon_order.png")}
.menu-footer .active .icon-pcbonline,.menu-footer a:focus .icon-pcbonline{background-image:url("../img/icon_pcbonlineactive.png")}
.menu-footer .active .icon-cart,.menu-footer a:focus .icon-cart{background-image:url("../img/icon_cartactive.png")}
.menu-footer .active .icon-order,.menu-footer a:focus .icon-order{background-image:url("../img/icon_orderactive.png")}
/*生产进度跟踪*/
.order-information{width:100%; margin-bottom:10px}
.order-information th,.order-information td{border:1px solid #e6e6e6; padding-top:.3rem; padding-bottom:.3rem}
.order-information th{width:22%; padding-right:5px; font-weight:400; text-align:right; background-color:#fff8ed}
.order-information td{width:28%; padding-left:5px}
.order-progress{position:relative; display:block; width:90%; height:12px; text-align:center; line-height:12px; color:#fff; background-color:#b1b1b1; margin-top:4px; margin-bottom:4px}
.order-progress i{position:absolute; top:0; left:0; display:block; height:12px; background-color:#f90}
.order-progress em{position:relative; z-index:6; font-style:normal}
.search-box{width:100%; padding-left:10%; padding-right:10%; border-top:1px solid #dcdcdc}
.search-box .search-input{width:70%; height:2.83rem; -moz-box-shadow:1px 1px 5px #999 inset; -webkit-box-shadow:1px 1px 5px #999 inset; box-shadow:1px 1px 5px #999 inset}
.search-box .search-btn{width:25%; width:-moz-calc(30% - 10px); width:-webkit-calc(30% - 10px); width:calc(30% - 10px); margin-left:10px; padding-top:.2rem; padding-bottom:.2rem}
.search-box .search-btn img{width:2rem}
/*订单支付*/
.order-payment .hd-prompt{padding:1rem; border-bottom:1px solid #dcdcdc}
.order-payment .hd-prompt p{margin-top:.2rem}
.order-payment .hd-prompt .btn-login{width:6rem; height:2.2rem; line-height:2.1rem}
.order-package .hd{padding-top:8px; padding-bottom:8px; border-bottom:1px solid #dcdcdc}
.checkboxCustom{width:1.5rem; height:1.5rem; background:url("../img/icon_unchecked.png") no-repeat; background-size:cover; margin-top:3px; margin-right:6px; display:inline-block; cursor:pointer}
.checkboxCustom.selected{background:url("../img/icon_checked.png") no-repeat; background-size:cover}
.checkboxCustom .chk{display:none}
.order-package-list{padding-top:10px; padding-bottom:10px}
.order-package-list .information{width:92%; width:-moz-calc(100% - 1.5rem - 6px); width:-webkit-calc(100% - 1.5rem - 6px); width:calc(100% - 1.5rem - 6px); padding-bottom:5px; border-bottom:1px solid #dcdcdc}
.order-package-list .product-picture img{width:5rem; margin-right:10px}
.order-package-list .info-list{width:77%; width:-moz-calc(100% - 5rem - 10px); width:-webkit-calc(100% - 5rem - 10px); width:calc(100% - 5rem - 10px)}
.order-package-list .info-list em{font-style:normal}
.order-package-list .operating{position:absolute; right:1.2rem; bottom:7px}
.orders-package{padding-left:1rem}
.order-payment .orders-package{padding-left:0}
.order-payment .order-package .hd,.order-payment .order-package .order-package-list{padding-left:1rem; padding-right:1rem}
.order-payment .order-package-list{padding-bottom:0}
.order-payment .order-package-list .information{width:100%}
.order-payment .order-package-list .info-list{width:77%; width:-moz-calc(100% - 5rem - 10px); width:-webkit-calc(100% - 5rem - 10px); width:calc(100% - 5rem - 10px)}
/*数量加减*/
.quantity-sprite,.quantity .decrease,.quantity .decrease[disabled],.quantity .increase,.quantity .value,.quantity .value.passive{background:url('../img/icon_quantity.png') repeat-x}
.quantity{float:left; height:25px; width:90px; overflow:hidden; *zoom:1; -webkit-box-shadow:0 3px 3px -4px #aaa; -moz-box-shadow:0 3px 3px -4px #aaa; box-shadow:0 3px 3px -4px #aaa}
.quantity button,.quantity .value{text-align:center; display:block; float:left; height:100%; line-height:25px; margin:0; font-size:1.2rem}
.quantity button{border:none; width:23px; color:#e5312a; font:1.2rem Arial bold; padding:0; outline:none}
.quantity .decrease{background-position:0 -50px; cursor:pointer; text-indent:-10000px}
.quantity .decrease[disabled]{background-position:0 -75px; cursor:default}
.quantity .increase{background-position:0 0; cursor:pointer; text-indent:-10000px}
.quantity .value{background-position:0 -25px; width:43px; height:27px; border:none; font-family:Arial; color:#000; padding:0px}
.quantity .value.passive{background-position:0 -25px; color:#919191}
.quantity .error,.quantity .invalid{background:#aa0000}
.payment-instructions span{display:block; width:100%; padding:.6rem 1rem .8rem; background-color:#fff4e3}
.payment-instructions span em{font-style:normal}
.orderpayment-footer .checkboxCustom{width:18px; height:18px; margin-top:8px; margin-left:3px}
.orderpayment-footer .chk-all{position:absolute; display:block; width:24px; font-size:12px; top:27px; left:0px}
.statistical{width:85%; width:-moz-calc(100% - 1rem - 124px); width:-webkit-calc(100% - 1rem - 124px); width:calc(100% - 1rem - 124px); margin-left:8px; margin-top:8px}
.statistical .total-price{font-size:14px}
.statistical .other-costs{position:absolute; top:19px; left:0px; font-size:12px}
.settle-accounts{margin-top:-1px; border-top:1px solid #dcdcdc; background-color:#fff9f1}
.settle-accounts .statistical{width:unset; margin-top:5px; margin-bottom:4px}
.settle-accounts .statistical .other-costs{position:unset}
.settle-accounts .item-right{height:32px; line-height:32px; margin-right:1rem; margin-top:7px; padding-left:10px; padding-right:10px}
/*详细进度*/
.view-progress a{display:block}
.view-progress-con{padding-left:1rem; background-color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.view-progress-list .item{position:relative; border-left:2px solid #ddd; padding-left:10px; padding-bottom:6px}
.view-progress-list i{display:block; position:absolute; top:2px; left:-8px; width:14px; height:14px; background-color:#ddd; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.view-progress-list .status-start{background-color:#008a00}
.view-progress-list .status-success{background:url("../img/icon_statusok.png") no-repeat 0 0 #fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0}
.view-progress-list .status-fail{background:url("../img/icon_statusfail.png") no-repeat 0 0 #fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0}
.view-progress-list span{width:46%; padding-left:3%; min-height:20px; display:block; text-align:left}
.view-progress-list .title{border-left:0}
.view-progress-list .title span{font-size:14px; font-weight:700}
/*购物车*/
.cart .hd{line-height:1.4rem; padding:.4rem 1rem .6rem; background-color:#f5f5f5}
.cart .order-package-list .information{border-bottom:none}
/*菜单栏*/
.navigation-rightside,.navigation-rightside .dropdown-wrap .dropdown{overflow:hidden; height:100%; width:100%}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list table td a.sub-channel-item:hover,.navigation-rightside .channel-item .sub-channel-box .sub-channel-list table td a.sub-channel-item:link{text-decoration:none}
.navigation-rightside{position:fixed; top:0; left:0; z-index:1000; display:none; background-color:rgba(55,61,65,.4)}
.navigation-rightside.show{-webkit-animation:showFade .5s; -moz-animation:showFade .5s; -o-animation:showFade .5s; animation:showFade .5s; opacity:1; display:block}
.navigation-rightside.show .dropdown-wrap{-webkit-animation:showMove .5s; -moz-animation:showMove .5s; -o-animation:showMove .5s; animation:showMove .5s; left:0}
.navigation-rightside.hide{-webkit-animation:hideFade .5s; -moz-animation:hideFade .5s; -o-animation:hideFade .5s; animation:hideFade .5s; opacity:0; display:none}
.navigation-rightside.hide .dropdown-wrap{-webkit-animation:hideMove .5s; -moz-animation:hideMove .5s; -o-animation:hideMove .5s; animation:hideMove .5s; left:100%}
.navigation-rightside .dropdown-wrap{position:absolute; width:100%; height:100%; top:0; left:100%; z-index:399; opacity:1}
.navigation-rightside .dropdown-wrap .dropdown .dropdown-close-box{width:100%; height:100%; position:absolute}
.navigation-rightside .dropdown-wrap .dropdown .dropdown-content{margin-left:150px; padding-bottom:.93333333rem; box-sizing:border-box; height:100%; overflow:auto; background-color:#fff; display:block; position:relative}
.navigation-rightside .dropdown-wrap .dropdown .dropdown-content .channel-list{width:100%}
.navigation-rightside .channel-item{float:left; width:100%; box-sizing:border-box; overflow:hidden; position:relative}
.navigation-rightside .channel-Item{float:left; width:94%; margin-left:3%; box-sizing:border-box; overflow:hidden; position:relative; /*border-bottom:1px solid #e0e0e0; */}
.navigation-rightside .channel-item .channel-item-title{font-size:0; height:50px; line-height:50px; width:100%; position:relative; padding:0 .15rem; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #e0e0e0}
.navigation-rightside .channel-inTop{padding:30px 0 30px 20px}
.navigation-rightside .channel-info{padding:80px 0 10px 10px}
.navigation-rightside .current-level{width:91px; height:57px}
.membership-level{background-image:-webkit-linear-gradient(left,#b97802,#d7b14b 25%,#f0e289 50%,#d7b14b 75%,#b97802 100%); -webkit-text-fill-color:transparent; -webkit-background-clip:text; animation:stream 4s infinite linear; background-size:200% 100%}
.navigation-rightside .channel-item .channel-item-title .channel-title{font-size:0px; color:#fff; height:60px}
.navigation-rightside .channel-item .channel-item-title .channel-title .img{margin-top:15px; margin-right:8px; margin-left:20px}
.navigation-rightside .channel-item .channel-item-cover{position:absolute; top:0; left:0; width:100%; height:100%; display:block}
.navigation-rightside .channel-item .sub-channel-box{background-color:#1c1c1c; display:none}
.navigation-rightside .channel-item .sub-channel-box.show{display:block}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list{overflow:hidden; background:#fff}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list table{width:100%}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list table td{width:50%; border-top:1px solid #252525; border-right:1px solid #252525}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list table td.right-side{border-right:none}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list table td.bottom-side{border-bottom:none}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list table td a.sub-channel-item{padding:6px 0; text-align:center; line-height:30px; border:none!important; width:100%; position:relative; box-sizing:border-box; font-size:14px; color:#333; display:block}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list ul{border-top:1px solid #e0e0e0; background:#fff}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list ul .bottom-side{margin-left:10px; border-bottom:1px solid #e0e0e0}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list ul .bottom-sideSm{margin-left:10px; border-bottom:1px solid #e0e0e0}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-list ul a.sub-channel-item{padding:6px 0 6px 10px; line-height:30px; border:none !important; width:100%; position:relative; box-sizing:border-box; font-size:14px; color:#666; display:block}
.navigation-rightside .channel-item .sub-channel-item .sub-channel-title{font-size:14px; width:100%; height:40px; line-height:40px; position:relative; padding:0 .90666667rem; box-sizing:border-box; color:#9B9EA0; display:block; border-bottom:1px solid #444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.navigation-rightside .channel-item .sub-channel-item .sub-channel-title.selected{color:#fff; background-color:#303030}
.navigation-rightside .channel-item .sub-channel-item .three-channel-list{display:none}
.navigation-rightside .channel-item .sub-channel-item .three-channel-list.show{display:block; border-bottom:1px solid #444}
.navigation-rightside .channel-item .sub-channel-item .sub-channel-item-item{height:40px; width:100%; line-height:40px; padding:0 1.33333333rem; display:block; color:#9B9EA0; font-size:14px; border-bottom:1px solid #444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.navigation-rightside .channel-item .sub-channel-item .sub-channel-item-item.selected{color:#fff; background-color:#303030}
.navigation-rightside .channel-item .sub-channel-box .sub-channel-more-button{display:block; text-align:center; line-height:40px; height:40px; color:#9B9EA0; font-size:14px}
.navigation-rightside .icon-arrow{width:26px; height:26px; color:#000000; font-size:20px; margin-top:15px; text-align:center; /* background:url(/Content/img/icon_arrowright.png) no-repeat center center; background-size:cover; */}
[class^="icon-"],[class*=" icon-"]{/*background:url(/Content/img/btn_gray.png) no-repeat center center; background-size:cover; */}
.navigation-rightside .channel-list.clearfix:after,.navigation-rightside .channel-list.clearfix:before{content:""; display:table}
.navigation-rightside .channel-list.clearfix:after{clear:both}
.navigation-rightside .dropdown-wrap .dropdown .selected a,.navigation-rightside .dropdown-wrap .dropdown .selected span{color:#00a2c9!important}
.navigation-rightside .badge{background-color:#008C95; padding-bottom:3px}
.navigation-rightside .avatar{width:60px; height:60px}
.navigation-rightside .avatar .img{width:100%; height:100%; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px}
.navigation-rightside .btn-operating a{width:100px; height:40px; line-height:40px}
.navigation-rightside .btn-register{display:block; border:1px solid #666666}
@keyframes showFade{0%{opacity:0}
    100%{opacity:1}
}
@keyframes hideFade{0%{opacity:1}
    100%{opacity:0}
}
@keyframes showMove{0%{left:100%; opacity:1}
    100%{left:0; opacity:1}
}
@keyframes hideMove{0%{left:0; opacity:1}
    100%{left:100%; opacity:0}
}
/*确认订单*/
.address-default{border-bottom:5px solid #008C95}
.address-default ul{padding-right:3rem}
.address-default ul:after{content:""; display:inline-block; vertical-align:middle; margin-top:-2px; width:6px; height:10px; background-image:url("../img/icon_arrowright.png"); background-repeat:no-repeat; background-size:100%; position:absolute; top:50%; right:1rem; margin-top:-5px}
.confirm-order-info .delivery-service{padding:0 1rem .5rem; border-bottom:1px solid #dcdcdc}
.confirm-order-info .order-package-list .information{width:100%}
.order-package-notes .title{width:5.8rem}
.order-package-notes .content{width:73%; width:-moz-calc(100% - 6.8rem); width:-webkit-calc(100% - 6.8rem); width:calc(100% - 6.8rem); margin-right:1rem}
.additional-item dt,.additional-item dd{float:left; margin-bottom:6px; font-size:0}
.additional-item .title{display:block; width:108px; height:20px; line-height:20px}
.additional-item label{position:relative; padding:0 6px; height:20px; line-height:20px; color:#666; border:1px solid #e7e7e7; margin-right:.5rem; font-weight:400; cursor:pointer}
.additional-item label.choose{border:1px solid #008C95; background-color:#008C95; color:#fff}
.fee-detail-list li{height:25px; overflow:hidden}
.btn-confirm{display:block; width:100%; height:3rem; line-height:3rem}
/*收货地址*/
.address-item{padding:1rem; border-bottom:1px solid #dcdcdc}
.address-item .checkboxCustom{margin-right:10px}
.address-item .information{width:82%; width:-moz-calc(100% - 3.1rem - 20px); width:-webkit-calc(100% - 3.1rem - 20px); width:calc(100% - 3.1rem - 20px)}
.address-item .btn-edit{width:1.6rem; height:1.6rem; background:url("../img/icon_edit.png") no-repeat; background-size:cover; margin-top:3px; display:inline-block; cursor:pointer; text-indent:-99999em; overflow:hidden}
.add-address .btn-add{width:1.4rem; height:1.4rem; background:url("../img/icon_add.png") no-repeat; background-size:cover; margin-top:3px; display:inline-block; cursor:pointer; text-indent:-99999em; overflow:hidden}
/*收货地址-修改*/
.shipping-addressedit-list li{position:relative; margin-top:10px}
.shipping-addressedit-list .title{display:block; position:absolute; left:0; top:5px; width:70px}
.shipping-addressedit-list .content{width:73%; width:-moz-calc(100% - 80px); width:-webkit-calc(100% - 80px); width:calc(100% - 80px); margin-left:80px}
.shipping-addressedit-list .content.style-input{width:63%}
.shipping-addressedit-list .content .style-select{width:auto}
/*我的订单*/
.myorder-search{margin:58px 3rem 10px; padding:8px 15px; border:1px solid #bababa; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px}
.myorder-search .myorder-search-input{width:91%; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); font-size:.8rem; border:none}
.myorder-search .myorder-search-input:focus{box-shadow:unset}
.order-nav{padding:1rem 0 0}
.order-nav li{float:left; width:19%; margin-left:3%; margin-right:3%; padding-bottom:5px; text-align:center}
.order-nav li.selected{border-bottom:4px solid #008C95}
.orders-list .details,.orders-list .logistics{margin-left:1rem; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #dcdcdc}
.orders-list .detail-list{width:67%; margin-right:8px; width:-moz-calc(100% - 88px - 1rem); width:-webkit-calc(100% - 88px - 1rem); width:calc(100% - 88px - 1rem)}
.orders-list .btn-status{display:inline-block; width:80px; padding:5px 0}
.myorder .order-package-list{padding-bottom:0px}
.myorder .order-package-list .information{width:100%}
.myorder .order-operating{position:absolute; bottom:10px; right:10px}
/*评价*/
.evaluate .rating{height:19px; overflow:hidden; zoom:1; margin-bottom:6px; position:relative; z-index:20}
.evaluate .rating span{height:19px; display:block; line-height:19px; float:left}
.evaluate .rating span.title{margin-right:5px; color:#000; font-size:14px}
.evaluate .rating ul{float:left; margin:0; padding:0}
.evaluate .rating .result{margin-left:40px; padding-top:2px}
.evaluate .rating span.title .rating .result em{color:#f60; font-family:arial; font-weight:bold}
.evaluate .rating .result strong{color:#666666; font-weight:normal}
.evaluate .rating-level,.rating-level a{background:url('../img/icon_star.png') no-repeat scroll 1000px 1000px}
.evaluate .rating-level{background-position:0px 0px; width:120px; height:19px; position:relative; z-index:21}
.evaluate .rating-level li{display:inline}
.evaluate .rating-level a{line-height:19px; height:19px; position:absolute; top:0px; left:0px; text-indent:-999em; *zoom:1; outline:none}
.evaluate .rating-level a.one-star{width:20%; z-index:6}
.evaluate .rating-level a.two-stars{width:40%; z-index:5}
.evaluate .rating-level a.three-stars{width:60%; z-index:4}
.evaluate .rating-level a.four-stars{width:80%; z-index:3}
.evaluate .rating-level a.five-stars{width:100%; z-index:2}
.evaluate .rating-level .current-rating,.rating-level a:hover{background-position:0 -30px}
.evaluate .rating-level a span{margin-left:130px; width:20px; height:20px; display:none; background:url('../img/icon_star.png') no-repeat scroll 1000px 1000px}
.evaluate .rating-level a.current-rating span,.evaluate .rating-level a:hover span{display:inline-block}
.evaluate .rating-level a.one-star.current-rating span,.evaluate .rating-level a.one-star:hover span{background-position:0 -60px}
.evaluate .rating-level a.two-stars.current-rating span,.evaluate .rating-level a.two-stars:hover span{background-position:-23px -60px}
.evaluate .rating-level a.three-stars.current-rating span,.evaluate .rating-level a.three-stars:hover span{background-position:-46px -60px}
.evaluate .rating-level a.four-stars.current-rating span,.evaluate .rating-level a.four-stars:hover span{background-position:-69px -60px}
.evaluate .rating-level a.five-stars.current-rating span,.evaluate .rating-level a.five-stars:hover span{background-position:-92px -60px}
.evaluate .btn-confirm{width:100%}
/*文件上传样式*/
.e-pic{width:100%; background:url('/Content/img/example.jpg') no-repeat}
.c_upbtn,.c_upbtn:link{width:66px; height:0; padding:49px 0 0; line-height:24px; color:#333; background:url(/Content/img/icon_evaluateadd.png); border:1px solid #c7c7c7; float:left; overflow:hidden}
.c_upbtn:hover{color:#000}
.c_upbox{overflow:hidden}
.c_upfileli{width:66px!important; height:51px!important; margin:0 9px 9px 0!important; border:1px solid #d2d2d2; float:left; overflow:hidden; border-radius:4px}
.c_upfileli img{width:66px; height:51px; border:0; border-radius:4px}
.c_upfileli span,.upfile .c_upfileli a{float:left}
.c_upfileli .img{width:100%; height:100%; display:block}
.c_upfileli .c_upimageclose{width:100%; height:0; padding:51px 0 0; text-align:center; background:#fff; float:left; border-radius:4px; opacity:0.01; filter:alpha(1)}
.c_upfileli .c_upimageclose:hover{color:#fff; background:url(/Content/img/icon_evaluatedel.png) no-repeat; opacity:1; filter:alpha(100)}
.c_upfileli .c_upimageedit{width:15px; height:15px; line-height:15px; padding:0; text-indent:0; text-align:center; background:#ccc; border-radius:4px; float:left; cursor:pointer; right:20px; top:0; position:absolute}
.c_upfileli .c_upimageedit:hover{color:#fff; background:#999}
.c_upfileli .c_upimagetitle{width:100%; border-radius:4px; float:left; display:none; resize:none}
.c_upfileli .c_upimagetitlefocus{height:51px; margin-top:0; padding:0px; border:0; text-align:left; color:#333; background:#fff; display:block; left:0; top:0; position:absolute; opacity:0.85; filter:alpha(opacity=85)}
.c_upfileli .c_upimageview{width:100%; height:40px; line-height:16px; margin-top:5px; color:#333; overflow:auto}
.c_upload{width:100%; overflow:hidden}
.c_upload .uploadify{width:66px!important; height:51px!important; float:left}
.c_upload .uploadify-button{width:66px!important; height:0!important; padding:51px 0 0; line-height:24px; color:#333; background:url(../img/icon_evaluateadd.png); border:1px solid #c7c7c7; float:left; overflow:hidden}
.c_upload .uploadify-queue{position:absolute; z-index:999999}
.c_upload .c_listbox{float:left}
.c_upload .c_li{width:66px; height:51px; border:1px solid #ccc; margin-left:9px; float:left; position:relative}
.c_upload .c_li img{width:100%; height:100%; background:#fff}
.c_upload .c_li .c_del{position:absolute; bottom:0; right:0}
/*20180408 支付成功*/
.payment{padding-top:80px}
.payment .btn-back{display:block; width:200px; margin-left:auto; margin-right:auto; height:35px; line-height:33px; border:1px solid #a2a2a2}
/*首页*/
.index .index-hd{height:67px; padding:10px; background-color:#008C95}
.index .index-hd img{width:90px}
.index .navigation{padding-top:18px; padding-bottom:8px}
.index .navigation li{float:left; width:25%; margin-bottom:10px}
.index .navigation a{display:block; text-align:center}
.index .navigation img{width:60%; max-width:100px; margin-left:auto; margin-right:auto}
.index .navigation span{display:block; margin-top:3px}
.index .banner img{width:100%; max-width:750px}
.index .online-quote{padding-top:20px; padding-bottom:20px; background:url('../img/bg01.png') repeat-x center bottom}
.index .online-quote a{display:block; width:200px; height:40px; text-align:center; line-height:40px; color:#008C95; background-color:#000000; margin-left:auto; margin-right:auto; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px}
/*PCB特价板*/
.special-board{padding:20px 12px; /*white-space:nowrap; overflow-y:hidden; overflow-x:auto; */}
.special-board-list .item{float:left; /*display:inline-block; */
    width:50%; height:263px; margin-bottom:15px; padding-left:10px; padding-right:10px; border-right:1px solid #e7e7e7}
.special-board-list .item:nth-child(even){border:none}
.special-board-list .item a{position:relative; z-index:6; display:block}
.special-board-list a.img{z-index:5; display:table-cell; width:148px; height:100px; vertical-align:middle; text-align:center}
.special-board-list .img img{max-height:100px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
.special-board-list .img:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
.contact-info{padding:25px 0 30px; background:url('../img/bg01.png') repeat-x center bottom}
.contact-info dd{position:relative; float:left; margin-bottom:10px}
.contact-info .name{width:25%; text-align:center}
.contact-info .phone{width:60%}
.contact-info .qq{width:15%}
.contact-info .img{position:absolute; top:5px; width:30px; padding-right:10px}
.contact-info .con{margin-left:22px}
/*三大保障*/
.three-guarantee .item{width:33.33333%; padding:10px; border-right:1px solid #d5d5d5}
.three-guarantee .item:last-child{border:none}
.three-guarantee .img{width:25px; margin-top:5px; margin-right:4px}
/*登录*/
.getValidateCode{width:83px; height:30px; border:1px solid #c5c5c5; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
/*字在线中间*/
.divider-break{text-align:center; position:relative; top:2px; line-height:0}
.divider-break h3{line-height:1; font-size:0.3rem; color:#666; font-weight:400; z-index:2; position:relative; display:inline-block; background-color:#fff; padding:0 7px 0 9px; margin-top:0px}
/*.divider-break:after{content:""; width:100%; background-color:transparent; display:block; height:1px; border-top:1px solid #e7e7e7; position:absolute; top:8px; margin-top:-1px; z-index:1}
*/
.btn-gray{display:block; background-image:url('/Content/img/btn_gray.png'); background-size:100% 100%; background-position:center bottom; background-repeat:no-repeat}
.btn-gray span{display:block; width:96px; margin-left:auto; margin-right:auto}
.btn-gray .img{width:16px; margin-top:8px; margin-right:6px}
.btn-gray em{font-style:normal}
.layersort span{display:inline-block; margin-bottom:10px}
/*免费注册*/
.register{padding:14px}
.register .item{margin-bottom:12px}
.register .title{position:absolute; top:5px; left:0px; width:75px}
.register .btn-operating{width:100%; height:35px; line-height:35px}
/*手机验证码*/
.msgs{display:inline-block; color:#fff; border:1px solid #008C95; text-align:center; height:30px; line-height:28px; padding-left:10px; padding-right:10px; background-color:#008C95; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.msgs-get,.msgs-get:hover{background:#E6E6E6; color:#818080; border:1px solid #CCCCCC; cursor:default}
/*公司介绍*/
.company-introduction p{text-indent:2em}
.show-list li{margin-bottom:10px}
.show-list img{display:block; height:auto; max-width:406px; margin-left:auto; margin-right:auto}
.show-list figure{display:block; width:100%; margin:0 0 10px 0}
.show-list figcaption{display:none}
/*产品展示*/
.product-display{padding-top:10px; padding-left:10px}
/*图片放大*/
.product-display-list{width:100%}
.product-display-list figure{display:block; float:left; width:46%; width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px); background-color:#fff; border:1px solid #e5e5e5; margin-right:10px; margin-bottom:10px; margin-top:0; margin-left:0; -webkit-box-shadow:0 0 8px #eee; -moz-box-shadow:0 0 8px #eee; box-shadow:0 0 8px #eee}
.product-display-list figure:hover{background-color:#f7f7f7}
.product-display-list figure a{display:block; width:100%; border-bottom:1px solid #e5e5e5; -webkit-box-shadow:1px 3px 5px #eee; -moz-box-shadow:1px 3px 5px #eee; box-shadow:1px 3px 5px #eee}
.product-display-list img{width:100%; height:auto}
.product-display-list figcaption{display:block; height:40px; line-height:40px; font-size:14px; text-align:center}
/*制造能力*/
.capabilitie-list th{height:44px; line-height:44px; background-color:#f90}
.capabilitie-list td{padding:8px; line-height:18px; border:1px solid #e7e7e7; background-color:#fff}
/*付款方式*/
.payment-method li{margin-top:10px; padding:20px; border:1px solid #bbbbbb; background:url('../img/bg03.png') repeat-x center bottom; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
.payment-method img{display:block; width:80%; margin-left:auto; margin-right:auto; margin-bottom:10px}
/*联系我们*/
.contact-us img{width:100%; max-width:725px}
.contact-us .item-box{border-top:1px solid #d5d5d5}
.contact-addresslist li{border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px}
/*计价结果*/
.quote-results-list{padding:14px}
.quote-results-list li{margin-bottom:8px; overflow:hidden}
.quote-result{padding:1rem 1rem 0}
.quote-result dt,.quote-result dd{overflow:hidden}
.quote-result span{display:block; float:left; padding-top:5px; padding-bottom:5px; text-align:center}
.quote-result dt span{color:#000; background-color:#d6d6d6}
.quote-result .w1{width:40%}
.quote-result .w2{width:30%}
.quote-result .w3{width:30%}
.quote-result dt .w1{color:#fff; background-color:#008C95}
.quote-result dd img{width:46px; margin-right:6px}
.bottom-menu{position:fixed; left:0; bottom:0; width:100%; background-color:#fff}
.bottom-menu li{float:left; width:32.91991%; width:-moz-calc(33.33333% - 2px); width:-webkit-calc(33.33333% - 2px); width:calc(33.33333% - 2px); height:50px; line-height:50px; text-align:center; font-size:14px; margin-right:2px; background:url('../img/bg02.png') repeat-x center center}
.bottom-menu li:last-child{width:33.33333%; margin-right:0px}
.bottom-menu img{width:24px; margin-right:4px}
/*参数详情*/
.cost-details-list{width:100%; border-right:1px solid #cacaca; border-top:1px solid #cacaca}
.cost-details-list dt,.cost-details-list dd,.price-delivery-list dt,.price-delivery-list dd{overflow:hidden}
.cost-details-list .ww{width:72.51395%; width:-moz-calc(100% - 80px); width:-webkit-calc(100% - 80px); width:calc(100% - 80px); padding:4px 8px; border-left:1px solid #cacaca; border-bottom:1px solid #cacaca; display:block}
.cost-details-list .title{width:80px; background-color:#efefef}
/*订单联系人*/
.order-contact{border-bottom:1px solid #dcdcdc; padding-bottom:.1rem}
.order-contact-list li{float:left; margin-right:10px}
.order-contact-list li label{font-weight:400; cursor:pointer}
.order-contact-list li label input[type="radio"]{margin:0}
.order-contact-list li.selected label{font-weight:700; color:#f90}
.contact-information dd{float:left; width:36%; width:-moz-calc(40% - .5rem); width:-webkit-calc(40% - .5rem); width:calc(40% - .5rem); margin-right:.5rem; margin-bottom:10px; overflow:hidden}
.contact-information dd.firstitem{width:20%; width:-moz-calc(20% - .5rem); width:-webkit-calc(20% - .5rem); width:calc(20% - .5rem)}
.contact-information .tips{display:inline-block; margin:0; border:1px solid #f6e2c6; background-color:#fffaf3; padding:4px 6px}
.contact-information input[readonly=readonly]{cursor:not-allowed}
.contact-information .style-input{width:100%}
.check-note img{width:95%}
/*20180529 layer弹出框自定义样式*/
.layui-layer-dialog .layui-layer-content{padding-top:10px !important; padding-bottom:10px !important}
.layui-layer-btn .layui-layer-btn0{background-color:#f90 !important; border-color:#f90 !important}
.layui-layer-btn .layui-layer-btn0,.layui-layer-btn .layui-layer-btn1{font-size:14px !important; padding:0 20px !important}
.layui-layer-hui .layui-layer-content{text-align:left !important}
/*20180522 首页*/
.cl-888{color:#888}
.bg-f90:hover,.bg-f90:focus{/*background-color:#ffad33; */
    color:#fff}
.menu-footer li{width:25%; margin-top:5px}
.menu-footer li a{padding-left:0}
.menu-footer li .icon{height:22px}
.menu-footer li em{display:block}
.icon-home{width:22px; background-image:url("../img/icon_home.png")}
.menu-footer .active .icon-home{background-image:url("../img/icon_homeactive.png")}
.icon-pcbonline{width:22px}
.icon-cart{width:21px}
.icon-order{width:17px}
.special-pcb .img-background{position:absolute; top:0px; left:0px; width:100%; height:166px; background:url("../img/bg01.jpg") no-repeat center center; background-size:cover; z-index:2}
.special-pcb-box{position:relative; width:90%; left:5%; top:15px; z-index:3; padding:1rem 1rem .5rem; margin-bottom:26px; background-color:rgba(255,255,255,0.95); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden}
.special-pcb-list{margin-left:auto; margin-right:auto; color:#000; padding:12px 8px}
.special-pcb .details .img{position:absolute; width:30%; height:84px; background-size:cover}
.special-pcb .details .img-item01{background:url("../img/specialpcb_pic01.jpg") no-repeat center center}
.special-pcb .details .img-item02{background:url("../img/specialpcb_pic02.jpg") no-repeat center center}
.special-pcb .details .img-item03{background:url("../img/specialpcb_pic03.jpg") no-repeat center center}
.special-pcb .details .content{margin-left:34%}
.price-selection li{float:left; width:50%; text-align:center}
.price-selection li .btn-choose{display:block; width:85px; height:22px; line-height:22px; text-align:center; padding:0; margin-left:auto; margin-right:auto; margin-top:2px; border:1px solid #bfbfbf; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; overflow:hidden}
.price-selection li .btn-choose:hover,.price-selection li .btn-choose:focus{background-color:#008C95; border:1px solid #008C95; font-weight:700; color:#fff}
/*重自定义layui样式*/
.special-pcb .layui-carousel-ind li{background-color:#d4d4d4}
.special-pcb .layui-carousel-ind li.layui-this{background-color:#f90}
.special-pcb .layui-carousel,.special-pcb .layui-carousel>[carousel-item]>*{background-color:#fff}
.special-pcb .layui-carousel{-webkit-box-shadow:0px 1px 5px #cfcfcf; -moz-box-shadow:0px 1px 5px #cfcfcf; box-shadow:0px 1px 5px #cfcfcf}
.special-pcb .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:transparent}
.special-pcb .layui-carousel-arrow{background-color:transparent; color:#7f7f7f}
.special-pcb .layui-carousel[lay-arrow=always] .layui-carousel-arrow{left:-36px}
.special-pcb .layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:-36px}
.special-pcb .layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:22px}
/*优势*/
.advantage{background-color:#fefefe; border-top:1px solid #ededed; border-left:1px solid #ededed; border-bottom:1px solid #ededed}
.advantage li{float:left; width:25%; padding:12px 15px 10px; text-align:center; border-right:1px solid #ededed}
.cl-976a24{color:#976a24}
.bg-f3dbb6{background-color:#f3dbb6}
.button-layer{position:fixed; bottom:28px; width:100%; z-index:99; max-width:750px}
.button-layer li{float:left; width:50%; text-align:center}
.button-layer li a{display:inline-block; padding:.5rem 2rem; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px}
.button-layer .img{width:1rem; max-width:18px}
.whyus-list{white-space:nowrap; overflow-x:auto; overflow-y:hidden}
.whyus-list::-webkit-scrollbar{display:none}
.whyus-list li{display:inline-block; width:46%; margin-right:1%; vertical-align:top}
.whyus-list .img{width:100%; max-width:349px; height:auto}
.whyus-list li p{white-space:normal; line-height:1.2rem}
/*global-data*/
.ffixed25{font-size:25px}
.global-data{padding:1rem}
.global-data .item-list{width:50%; height:259px; overflow:hidden}
.global-data .item{height:130px; padding-top:20px; padding-bottom:15px; border-bottom:1px solid #f1f1f1; overflow:hidden}
.global-data .item ul{height:220px}
.global-data .item li{height:110px; overflow:hidden}
.global-data .item .img{height:40px; width:auto}
.global-data .show-list li{float:left; width:33.33333%}
.latest-orders{padding:10px; background-color:#fff5e6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
.latest-order-list{height:60px; overflow:hidden}
.latest-orders dd{height:20px; line-height:20px; overflow:hidden}
.latest-orders .ww{display:block; font-size:12px}
.latest-orders .w1{width:30%}
.latest-orders .w2{width:25%}
.latest-orders .w3{width:12%}
.latest-orders .w4{width:13%}
.latest-orders .w5{width:20%}
/*customer-share*/
/*.flow-default{*/
/*width:96%; */
/*height:400px; */
/*overflow:auto; */
/*font-size:0; */
/*width:-moz-calc(100% - 1rem); */
/*width:-webkit-calc(100% - 1rem); */
/*width:calc(100% - 1rem); */
/*}
*/

.flow-default::-webkit-scrollbar{display:none}
.customer-share-list{margin-left:.5rem; margin-right:.5rem}
.customer-share-list li{float:left; width:45%; width:-moz-calc(50% - 1rem); width:-webkit-calc(50% - 1rem); width:calc(50% - 1rem); margin-left:.5rem; margin-right:.5rem; margin-bottom:1rem}
.customer-share-list .img{position:relative; width:100%; overflow:hidden}
.customer-share-list .img a{display:block; width:100%; height:100%}
.customer-share-list .message{height:36px; line-height:18px; -webkit-line-clamp:2; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden}
.customer-share-more a{display:inline-block; height:32px; line-height:32px; padding:0 20px; border-radius:3px; background-color:#eee; color:#333; font-style:normal}
.customer-share-more a:hover,.customer-share-more a:focus{color:#f90}
/*客户评论详情页*/
.customer-share-details .hd .avatar{width:20%; max-width:80px; height:auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden}
.customer-share-details .hd .tag{display:inline-block; color:#fff; background-color:#008C95; padding-left:6px; padding-right:6px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.customer-share-details .scores li{display:block; width:100%; overflow:hidden}
.score-list{width:82px; height:15px; margin-top:2px; background:url("../img/score_default.png") no-repeat; background-size:contain}
.score-list i{display:block; position:absolute; top:0; left:0; height:15px; background:url("../img/score_current.png") no-repeat; background-size:contain}
.streamhero-action{position:absolute; right:0; top:0}
.streamhero-action li{display:inline-block; text-align:center}
.item-like{position:fixed; bottom:1rem; width:50px; height:50px; display:block; margin-left:38%; margin-left:-moz-calc(50% - 25px - 1rem); margin-left:-webkit-calc(50% - 25px - 1rem); margin-left:calc(50% - 25px - 1rem); border:1px solid #e6e6e6; background-color:rgba(255,255,255,0.9); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; font-size:0; cursor:pointer; padding:.6rem 0 .5rem}
/*.item-like i{display:inline-block; width:24px; height:20px; background:url('../img/icon_likes.png') no-repeat 0 0; vertical-align:text-bottom; margin-right:10px}
.item-like:hover i,.item-like.active i{background-position:-24px 0; cursor:pointer}
*/
.item-like span{display:inline-block}
.like{background-image:url("/Content/img/icon_likeanimation.png"); background-position:left; background-repeat:no-repeat; height:100px; width:100px; cursor:pointer; position:absolute; top:-23px; left:-26px; background-size:2900%}
.likeactive{background-position:right}
@-webkit-keyframes heartBlast{0%{background-position:left}
    100%{background-position:right}
}
@-moz-keyframes heartBlast{0%{background-position:left}
    100%{background-position:right}
}
@-o-keyframes heartBlast{0%{background-position:left}
    100%{background-position:right}
}
@keyframes heartBlast{0%{background-position:left}
    100%{background-position:right}
}
.likeAnimation{display:inline-block; -webkit-animation-name:heartBlast; animation-name:heartBlast; -webkit-animation-duration:0.9s; animation-duration:0.9s; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-timing-function:steps(28); animation-timing-function:steps(28)}
.footer{border-top:1px solid #d5d5d5; padding-top:15px; margin-bottom:125px}
.btn-operating{/* padding:4px 15px; margin-right:10px; */}
/*新增的新闻页css*/
.new-box{background:#fff; padding:.5rem 1rem 2.5rem}
/*.newsListUl{margin-bottom:1.5rem}
*/
.news-list-ul li{width:100%; padding:1.3rem 0; border-bottom:1px solid #e9e9e9}
.news-list-ul li h3{color:#333; font-size:1.3rem; color:#333; padding-bottom:.8rem}
.newcon .newtxt{line-height:1.3rem}
.newcon{font-size:1.1rem; color:#999999}
/*新闻详情页*/
/*.new-detail{background:#f9f9f9}
*/
.new-de-tile{font-size:1.82rem; font-weight:bold; line-height:2.72rem; margin-top:1rem}
.new-box .hd p.news-update{color:#999; font-size:1.1rem; line-height:1.2rem}
.new-box .hd p.news-data{padding-left:30px; background:url(../img/icon_view.png) no-repeat left center; color:#999; font-size:1.1rem; line-height:1.2rem}
.news-relative-ul li{border-bottom:none; padding:.3rem 0}
.news-relative-ul li h3{padding-bottom:.3rem}
.news-detail-con{font-size:1.36rem; color:#333333; line-height:2.27rem; padding-top:1.6rem; border-bottom:1px solid #e9e9e9; padding-bottom:1.6rem}
.news-detail-con img{display:block; margin:1.6rem auto}
.relative-read{padding-top:1.36rem}
.relative-read h4{padding-left:1.36rem; border-left:0.45rem solid #fe9901; height:1.82rem; line-height:1.82rem; margin-bottom:1.36rem}
#advser-lb:hover .layui-carousel-arrow[lay-type=add],#advser-lb[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}
#advser-lb{height:11rem!important}
#advser-lb .layui-carousel-ind{top:-27px}
#advser-lb a{height:11rem}
/*槽间距*/
.luocao-state .form-control{width:96px; line-height:30px; height:30px}
/*错误提示*/
.error-msg{position:absolute; top:0.7rem; left:0.8rem; z-index:20; font-size:12px; color:#c00}
.error-msg p{background-color:#fff2df; border:1px solid #bc8835; padding:0px 5px; line-height:0.55rem}
/*领取弹窗*/
.free_ticket{width:320px; height:359px; background:url(/Content/img/personCerti/free_ticket.png) no-repeat; background-size:100%; padding-top:284px}
.free_ticket a.link{width:180px; height:40px; border-radius:20px; background:#ff9900 -webkit-gradient(linear,right top,left top,from(#ffb94f),to(#ff9900)); display:block; text-align:center; line-height:40px; color:#fff; font-size:1.2rem; margin:auto}
.no_background{background-color:rgba(0,0,0,0)!important; box-shadow:1px 1px 50px rgba(0,0,0,0)!important}

.pull-left{float: left}

/*  */
@font-face {
    font-family: 'iconfont_dg';  /* Project id 4143378 */
    src: url('//at.alicdn.com/t/c/font_4143378_g9lr44hgsf4.woff2?t=1709777454122') format('woff2'),
    url('//at.alicdn.com/t/c/font_4143378_g9lr44hgsf4.woff?t=1709777454122') format('woff'),
    url('//at.alicdn.com/t/c/font_4143378_g9lr44hgsf4.ttf?t=1709777454122') format('truetype');
}
.anmt3,.boxloading,.boxAlt,.showAltBox,.showAltBox .box,i.close,i.close:before{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.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;}

.boxAlt{position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,.2); font-size:20px; opacity:0; visibility: hidden}
.boxAlt.on{opacity:1; visibility: visible;}
.boxAlt>.box{position:fixed; top:50%; left:50%; max-width:100%; max-height:90%; transform: translate(-50%,-50%); background-color:#fff; border-radius:8px; overflow: auto}
.boxAlt .title{background-color:#eee; padding:.5em 1em; position:sticky; top:0}
.boxAlt .title .closeAlt{position: absolute; top:50%; right:.5em; transform: translateY(-50%); padding:.5em;}
.boxAlt .title .closeAlt:after{content:'\e61d'; font-family: iconfont_dg; color:#333}
.boxAlt .title .closeAlt:after{content:'\e61d'; font-family: iconfont_dg; color:#333}
.boxAlt.URA .box{width:96%}
.boxAlt.URA .cnt{padding:1em; font-size:.7em}
.boxAlt.URA .cnt p{margin-bottom:10px; line-height:1.5em;}
.boxAlt.URA .bn{position:sticky; bottom:0; box-shadow: rgba(0,0,0,.2) 0 0 1em;}
.boxAlt.URA .bn input{width:50%; border:none; text-align: center;}

/* 公共弹窗 */
.showAltBox{background-color:rgba(0,0,0,.2) !important; position:fixed; top:0; left:0; right:0; bottom:0; z-index:3333 !important; font-size:20px; opacity:0; visibility:hidden}
.showAltBox.show{opacity:1; visibility:visible}
.showAltBox.all{background-color:rgba(0,0,0,.7) !important;}
.showAltBox.all i.close{top:-2em; color:#fff; font-size:.8em;}
.showAltBox.all .box{height:96%; top:40px; bottom:0; transform: translate(-50%,0) scale(.9)!important;}
.showAltBox.all.show .box{transform: translate(-50%,0) scale(1)!important;}
.showAltBox.all .box>.n{padding:0; border-radius:8px; overflow: hidden; height:100%;}
.showAltBox.all iframe{border:none; width:100%; height:100%;}
.showAltBox>.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; border-radius:5px}
.showAltBox.show>.box{transform:translate(-50%,-50%) scale(1)}
.showAltBox>.box > .t{background-color:#f6f6f6; line-height:46px; padding:0 1em; font-size:.8em; color:#000; position:relative}
.showAltBox>.box > .t:before{content:'\e602'; font-family:iconfont_dg; margin-right:.5em; color:#008C95}
.showAltBox>.box > .t.noicon:before{display:none}
.showAltBox i.boxClose{top:32%; right:1em}
.showAltBox i.close{position:absolute; top:1.7em; right:1.4em; width:1.6em; height:1.6em; line-height:1.6em; text-align:center; font-size:.6em; color:#999; opacity:1; cursor:pointer; font-weight:bold}
.showAltBox i.close:before{content:'\e61d'; font-family:iconfont_dg; display:inline-block}
.showAltBox i.close:after{display:none}
.showAltBox i.close:hover:before{opacity:.5; transform:rotate(90deg)}
.showAltBox>.box > .n{text-align:left; color:#333; font-size:.7em; line-height:1.6em; padding:1em; word-break:break-all}
.showAltBox>.box > .n.textCenter{text-align:center}
.showAltBox>.box > .tit{padding:20px; font-size:.8em; text-align:left}
.showAltBox>.box > .tit:before{font-family:iconfont_dg; color:#008C95; margin-right:.5em; display:inline-block}
.showAltBox>.box > .tit.s:before{content:'\e630'}
.showAltBox>.box > .tit.w:before{content:'\e7f3'}
.showAltBox>.box > .tit b{display:inline-block}
.showAltBox .bn{text-align:center; padding:1em}
.showAltBox .bn.right{text-align:right; display:flex; justify-content:flex-end}
.showAltBox .bn .bnsa{padding:.4em 1.5em; font-size:.7em; border:1px solid #008C95; margin:0 .3em}
.showAltBox .bn .bnsa.close{float:none; line-height:inherit; opacity:1; text-shadow:none; font-weight:normal}
.showAltBox.suc .tit{padding:50px 0 0 88px; font-size:1.2em; display:flex; align-items:center}
.showAltBox.suc .tit b{font-weight:normal}
.showAltBox.suc .box > .tit.s:before{font-size:1.6em}
.showAltBox.suc .box > .n{padding:0 0 1em 145px}
.showAltBox.suc .bn{padding-bottom:2em}
.showAltBox .ncPayment:first-child{margin-top:0; margin-bottom:.7em}
.showAltBox .ncPayment{font-size:20px; line-height:30px; padding:0; margin-top:1em; display:none; gap:.5em}
.showAltBox .ncPayment.show{display:flex}
.showAltBox .ncPayment > *{font-size:.7em}
.showAltBox .ncPayment .nt{min-width:6.5em; text-align:right}
.showAltBox .ncPayment .link{color:#008C95; text-decoration:underline; cursor:pointer; margin:0 .5em}
.showAltBox .ncPayment .link:hover{opacity:.7}
.showAltBox .ncPayment + .boxPayVerification{margin-top:.5em}
.showAltBox .ncPayment input,.boxAltForm input{margin-right:.5em; border:1px solid #ccc; height:30px; line-height:30px; max-width:6em; border-radius:5px; box-sizing:border-box; padding:0 .5em}
.showAltBox .ncPayment input{max-width:8em}
.showAltBox.note .n.textCenter{font-size:.9em; padding-bottom:3em}
.showAltBox.st .tit{border-bottom:1px solid #eee}
.showAltBox.st .bn .bnsa{font-size:.8em; width:8em; padding:.6em 1em}

/* vue regForm 注册框 */
.boxFormSa .el-form-item{position: relative; margin-bottom:10px}
.boxFormSa .el-form-item.is-error{margin-bottom:5px}
.boxFormSa .el-input__inner{border-color:#ddd}
.boxFormSa .el-form-item__error{padding-top:2px; position:static}
.boxFormSa .el-radio-group{padding-left:10px;}
.boxFormSa .el-radio-group .el-radio{padding:11px 0; margin-bottom:0; margin-right:10px;}
.boxFormSa .el-cascader-node>.el-radio,.boxFormSa  .el-radio:last-child{margin-right:0}
.boxFormSa .el-radio-group .el-radio__label{padding-left:.5em}
.boxFormSa .el-radio__inner{width:16px; height:16px}
.boxFormSa .el-radio__inner::after{width:8px; height:8px}
.boxFormSa .el-input__inner::placeholder{color:#999}
.boxFormSa .el-button--primary[disabled]{background-color:#F0F0F0; border-color:#ccc; color:#999}
.boxFormSa .labelUA .el-checkbox{margin-bottom:0}
.boxFormSa .labelUA .el-form-item__content{line-height:1em}
.boxFormSa .labelUA .el-link.el-link--primary:hover{color:#008C95; opacity:.7}
.boxFormSa .el-form-item.bn{margin-bottom:10px}
.boxFormSa .layui-layer-page{z-index:99999999!important;}
.altUserAgreement>.box{max-width:1200px; width:96%!important; padding-bottom:1em;}
.altUserAgreement h2{display: block; text-align: center; padding:20px 0 20px; font-size:18px;}
.altUserAgreement .xy_tl{font-size:14px; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; padding:1em;}
.boxAgreementText h3{font-size:inherit; font-weight: bold; display: block; margin:1.5em 0 1em;}
.boxAgreementText .c{text-align: center}
.boxAgreementText p{padding:.4em 0; line-height:1.6em; margin-bottom:0}
.boxAgreementText b,.boxAgreementText .b,.boxAgreementText .bl{color:#333; font-weight: bold;}
.boxAgreementText b.l,.boxAgreementText .bl{text-decoration:underline;}
.boxPwdQD{display: flex; gap:5px; color:#666}
.boxPwdQD span{color:#ccc}
.boxPwdQD.L1 .l1,.boxPwdQD.L2 .l2{color:#008C95}
.boxPwdQD.L3 .l3{color:#f30}
/*弹窗*/
.xy_cont{padding:30px 40px}
.xy_cont h2{text-align:center; font-size:20px; margin:10px 0 25px 0}
.xy_tl{height:320px; overflow-y:auto}
.xy_tl p{color:#666}
.agree_btn{width:160px; height:40px; line-height:40px; text-align:center; margin:auto}
@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);}
}