﻿@charset "utf-8";
body{position: relative;}
.mb50{margin-bottom: 50px;}
b{font-weight: 700;}
input[type="text"] {-webkit-appearance: none;  }

/* .item-box{padding: 15px 20px 20px;} */

.main-l{width: 760px;margin-right: 20px;}

.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;}
.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 .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 #ff9900; color: #333;background: #fff5e7;}
.stencil-con .choose .on .bg_ico{width:12px;height:12px;display:inline-block;background:  -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{width: 500px; position:relative; z-index:6;}

.select-hd{height: 35px; line-height: 35px; color: #fff;}
.select-hd span{font-size: 14px !important;}
.select-result .item{position: relative; height: 40px; line-height: 40px; cursor: pointer;}
/*.select-result .item label{width: 13px; height: 13px; cursor: pointer; display: inline-block; background:  no-repeat -86px -470px; position: absolute; top: 11px; left: 8px;}*/
.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 #f90 !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{ padding-bottom: 5px;}
.select-result .price-info li{ overflow: hidden;}
.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:#ff9900; 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: 0px; 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 { background: #fff;}

/*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 {
    width: 100px;
    padding: 0px 30px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    font-size: 16px;
    padding: 0;
    text-align: center;
}
.total-money{
    width: 500px;
    height: 80px;
    display: flex;
    padding: 0 20px;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}

.pcb-time{ border-bottom: 1px solid #e5e5e5;padding: 0 50px 20px;

}
.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: 760px;}

/*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: #f90;}
.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 #f90;}
.recharge-list a:hover{text-decoration: none;}

.smtonline-con-titel li i.smtonline-con-item2{background-image: url(/uploads/image/cimg/evali-icon.png);}
.smtonline-con-titel li i.smtonline-con-item1{background-image: url(/uploads/image/cimg/evali-icon.png);}

/* .total-money{width:100%;height:50px;line-height:50px;margin-top:10px;} */
.confirm-option .stencil-con li p{margin-bottom:0;}

.hide{opacity: 0;}
.stencil-subtotal .mt-number-animate{margin-top:6px;}
.basic_box {padding: 20px 0 5px 0;background: #fff;box-sizing: border-box;margin-bottom:10px;}
.basic_box .title_left {padding-bottom:15px;font-weight:bold;color:#333;padding:10px 0;font-size: 16px;}
.basic_box .firstbox {border-bottom:1px solid #eee;margin-bottom:10px;}
.basic_box .firstbox h4 {box-sizing: border-box;padding: 0 10px !important;}
.title_left {line-height: 22px;border-left: 3px solid #f90;display: flex;justify-content: space-between;cursor: pointer;}
.pull-right{position: sticky;top: 0;}
.pull-right>div{width: 500px;box-shadow: 0 0 10px #ccc;}
.cheader{height: 50px;line-height: 50px;font-size: 20px;color: #333;padding-left: 20px;box-sizing: border-box;font-weight: 700;}
.cheader span{color: #f90;}
.select-hd{height: 40px;line-height: 40px;background-color: #f7f6f4;box-sizing: border-box;font-size: 14px;color: #222;padding: 0 17px 0 10px;box-sizing: border-box;}
.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: rgba(255,153,0,0.05);}