@charset "utf-8";
body{position:relative}
.mb50{margin-bottom:50px}
b{font-weight:700}
input[type="text"]{-webkit-appearance:none}

.main-l{width:850px;}
.textarea{max-width:100%; min-height:70px; line-height:18px; padding:6px 10px; resize:none; width:90%; display:block; height:28px; font-size:14px; color:#999; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:3px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.stencil .i-ico{background-position:-86px -492px; width:7px; height:5px; vertical-align:middle; margin-left:6px}
.stencil .PCBSpecifications-note{font-size:13px; font-weight:normal}
.stencil-con{font-size:14px; padding:20px}
.stencil-con li{float:left; line-height:28px; width:100%; margin:0 0 15px; overflow:inherit}
.stencil-con .fl{width:27%; margin-right:1%; text-align:right}
.stencil-con .fl .bg_ico{width:16px; height:16px; display:inline-block; background-position:0 -81px; margin-left:2px}
.stencil-con .fr{float:left; width:72%}
.stencil-con .choose p{color:#666; float:left; height:28px; position:relative; line-height:28px; padding:0 8px; margin-bottom:4px; border:1px solid #e7e7e7; margin-right:10px; text-decoration:none; cursor:pointer}
.stencil-con .choose p.img{display:flex; justify-content:space-between; align-items:center; gap:6px}
.stencil-con .choose p.img img{display:inline-block; height:20px;}
.stencil-con .sizeLi .choose p{margin-bottom:10px; width:290px}
.stencil-con select{display:none; color:#000; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:28px; position:relative; line-height:28px; padding:0 8px; margin-bottom:4px; border:1px solid #ddd; margin-right:10px; text-decoration:none; cursor:pointer}
.stencil-con .choose p input{display:none}
.stencil-con .choose .on{border:1px solid #008C95; color:#333; background:#E1F8FA}
.stencil-con .choose .on .bg_ico,.stencilinfo.active:after{width:12px; height:12px; display:inline-block; background:url('/Content/img/icons.png') -40px 0; position:absolute; right:-2px; bottom:-2px}
.choose p .green{color:green}
.choose p .Red{color:#f00}
.choose p .yellow{color:#ff0}
.choose p .blue{color:#00f}
.choose p .White i{color:#fff; height:6px; width:6px; border:1px solid #000; position:absolute; top:8px; left:8px}
.choose p .black{color:#000}
.stencil-con li .input{border:1px solid #ccc; border-radius:4px; width:189px; height:28px; line-height:28px; padding-left:10px; position:relative; z-index:2}
.stencil-con .tipscon{background-color:#fff; width:500px; -webkit-box-shadow:0 0 15px #999; -moz-box-shadow:0 0 15px #999; box-shadow:0 0 15px #999; padding:10px; color:#000; line-height:16px; font-weight:400; border:1px solid #ccc; text-align:left; position:absolute; top:-16px; left:20px; display:none; z-index:1000}
.select-result{position:relative; z-index:6}
.select-hd{height:35px; line-height:35px; background-color:#E6F4F5; box-sizing:border-box; font-size:14px; color:#222; padding:0 17px 0 10px;}
.select-hd span{font-size:14px !important}
.select-result .item{position:relative; height:40px; line-height:40px; cursor:pointer}
.select-result .item input[type=radio]{display:none}
.select-result span{display:inline-block; text-align:center; vertical-align:middle}
.select-result .w_1{width:30%}
.select-result .w_1 img{height:12px}
.select-result .w_2{width:40%}
.select-result .w_3{width:30%}
.bore5e5{border:1px solid #e5e5e5; border-top:none}
.radioOn{border:1px solid #008C95 !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden}
.radioOn .bg_ico{width:12px; height:12px; display:inline-block; background-position:-74px -49px; position:absolute; right:-2px; bottom:-1px}
.select-result .item.radioOn label{background-position:-100px -470px}
.select-result select{border:1px solid #cbcbcb; padding:4px 6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.expresstype{width:130px; margin-right:10px}
.input_cou{margin-left:10px}
.select-result .item-info img{margin-right:10px}
.select-result .price-info li{overflow:hidden; padding:6px 16px 16px}
.select-result .price-info .price{font-size:20px}
.select-result .your-eamil input[type=text]{width:180px; padding:6px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.select-result .enter{display:block; padding:0 25px; margin-top:14px; height:40px; line-height:40px; border-radius:4px; background:#008C95; text-align:center; font-size:18px; color:#fff; text-decoration:none}
.select-result .enter .bg_ico{vertical-align:text-bottom; width:26px; height:24px; background-position:0 -49px; display:inline-block; margin-right:10px; margin-top:8px}
.select-result .tips .i-ico{width:13px; height:16px; background-position:-82px -216px}
.select-result .tips span{width:96%; margin-left:1%; text-align:left; font-size:12px; line-height:16px; color:#ff6a00; display:block}
.select-result .note{font-size:13px; color:#999; padding:20px 15px 15px; background-color:#fff; border-top:1px solid #eee}
.select-result .note p{margin-bottom:5px}
.select-result .note em{color:#DE0629}
.stencil-con li{position:relative}
.stencil-con .title{position:absolute; top:0; left:0px; width:120px}
.stencil-con .con{margin-left:120px}
.textarea{padding:10px; line-height:18px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.stencil-con .textarea{width:640px; height:148px}
.stencil-con select{border:1px solid #ccc; height:28px; line-height:28px}
.gerberlist{margin:10px 0; float:left}
.main{padding-top:20px}
.main h4{margin:0}
/*20171106*/
.stencil-hd .pcbonline-ico{background-position:-46px -12px}
.Country .jp-ico{width:38px; height:16px; background-position:-162px -166px; margin-left:10px}
/*加入购物车*/
.add-cart{display:block; width:100%; height:40px; line-height:40px; border-radius:4px; font-size:14px; padding:0; text-align:center}
.total-money{display:flex; box-sizing:border-box; justify-content:space-between; align-items:center}
.pcb-time{border-bottom:1px solid #e5e5e5; padding:0 0 20px; display:flex; justify-content:center}
.pcb-time .time-list{padding:0 20px}
.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}
/*20171108 ie6 ie7 兼容*/
.ie6 .main-l,.ie7 .main-l{width:844px}
/*20180504 智能推荐*/
.intelligent-recommendation{display:block; right:0px; top:0px; z-index:99; background-color:#19A35F; color:#fff; padding:4px 20px}
.intelligent-recommendation:hover{background-color:#2eb170; color:#fff}
.no-recommend{display:block; position:absolute; top:0px; left:373px}
.tooltip-inner{width:200px}
.stencil-cost{width:100%}
.stencil-cost .mt-number-animate .mt-number-animate-dom{width:10px; color:#008C95}
.stencil-subtotal .mt-number-animate .mt-number-animate-dom{width:13px}
/*加入购物车弹窗样式*/
.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}
/*20171031 充值*/
.recharge-box{padding:20px 20px 30px}
.recharge-box h4{font-size:16px; color:#000; font-weight:400; padding:10px 0 12px}
.recharge-box label{width:123px; color:#5d5d5d !important; font-size:15px !important; display:inline-block; text-align:right; 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; 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 #008C95}
.recharge-list a:hover{text-decoration:none}
.smtonline-con-titel li i.smtonline-con-item2{background-image:url(/Content/img/evali-icon.png)}
.smtonline-con-titel li i.smtonline-con-item1{background-image:url(/Content/img/evali-icon.png)}
.confirm-option .stencil-con li p{margin-bottom:0}
.hide{opacity:0}
.stencil-subtotal .mt-number-animate{margin-top:6px; line-height:28px; height:28px}
.basic_Box,.main-r>div{transition: all 0.3s ease}
.basic_Box{padding:0; background:#fff; box-sizing:border-box; margin-bottom:10px; border-radius:5px}
.basic_Box:hover,.main-r>div:hover{box-shadow: 0 0 10px #ccc;}
.basic_Box .title_left{font-weight:bold; color:#333; padding:14px 0; font-size:16px}
.basic_Box .firstBox{border-bottom:1px solid #eee; padding:0 20px}
.basic_Box .firstBox h4{box-sizing:border-box}
.basic_Box .firstBox h4 a{color:#008C95; text-decoration-line:underline; font-size:14px; font-weight:normal; margin-left:2em; position:relative}
.basic_Box .firstBox h4 a:after{content:'\e6a6'; font-family:iconfont_dg; display:inline-block; color:#f30; font-size:2em; position:absolute; top:50%; left:100%; margin-left:.3em; transform:translateY(-50%)}
.basic_Box .firstBox h4 a:hover{color:#07A698}
.title_left{line-height:22px; display:flex; justify-content:space-between}
.pull-right{position:sticky; top:0}
.main-r>div{width:420px; border-radius:3px; margin-bottom:10px}
.cHeader{line-height:36px; font-size:16px; color:#333; padding:5px 0 0 20px; box-sizing:border-box; font-weight:700}
.cHeader span{color:#008C95}
.totalRight>div{display:inline-block; vertical-align:middle}
.totalRight button{vertical-align:middle}
.stencilpricelist{padding:0 17px 0 10px; margin-top:8px}
.stencilinfo.active{background:#E1F8FA; border:1px solid #008C95; border-radius:3px}
.stencilinfo.active:after{content:''; visibility:visible}

#stencilDetail{padding:20px; display:none}
#stencilDetail h2{font-size:16px; line-height:1em; margin-bottom:10px}
#stencilDetail li{display:flex; justify-content:stretch; padding:2px 0}
#stencilDetail li span{min-width:120px; color:#999}
#stencilDetail li p{margin-bottom:0}