@charset "utf-8"; .smtonline{padding-bottom:60px}
.smtonline-options{width:850px!important; margin-bottom:10px; box-sizing:border-box}
.smtonline-box{padding-top:20px; padding-bottom:20px}
.smtonline-results,.smtonline-options .option-item{transition: all 0.3s ease}
.smtonline-results:hover,.smtonline-options .option-item:hover{box-shadow: 0 0 10px #ccc;}
.smtonline-results{width:420px!important; border-radius:3px; padding-bottom:20px}
.smtonline-ico{background-position:-46px -12px; width:17px; height:21px; margin-right:4px}
.online-quotes-input>div{width:410px; margin-right:0; overflow:hidden}
.online-quotes-input>div input{width:220px; padding:0 46px 0 10px; height:30px; color:#888}
.online-quotes-input>div input,.online-quotes-input>div select{border:1px solid #E1E2E7; border-radius:2px; overflow:hidden; font-family:"Microsoft YaHei"}
.online-quotes-input .option-con b{width:41px; height:28px; border-left:1px solid #E1E2E7; background:#E1E2E7; color:#666; font-size:14px; display:inline-block; vertical-align:middle; margin-left:-42px; margin-top:-4px; text-align:center; line-height:28px; font-weight:normal}
.online-quotes-input>div{margin-bottom:22px}
.online-quotes-input>div select{width:220px; height:30px; line-height:30px; color:#666}
.bore5e5{border:1px solid #e5e5e5; border-top:none}
.online-quotes-input-row li input,.online-quotes-input-row li select{width:120px}
.tooltip-arrow{border-top-color:#fff!important}
.option-choose .item{padding:5px 7px; vertical-align:middle; color:#666; border:1px solid #DFE1E6; font-weight:400; cursor:pointer; background:#fff; border-radius:2px; min-width:50px; text-align:center; line-height:16px; margin-right:5px}
.option-choose .choose{border:1px solid #008C95; color:#333}
.form-col4{padding:3px 10px; border:1px #ccc solid; color:#666}
.quotes-more-demand .title{width:122px; text-align:left}
.ApplicationAreaNote{color:#008C95; font-size:12px; margin-bottom:0}
/*费用明细*/
.jp-ico{background-image:url(/Content/img/icons.png); background-repeat:no-repeat; vertical-align:middle; display:inline-block}
.subscript-ico{background-position:-202px -362px; width:16px; height:16px; border-radius:0 0 4px 0}
.cost-details .jp-ico{background-position:-162px -34px; width:16px!important; height:16px!important}
.cost-details-list{width:449px; 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:128px; 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{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center}
.customize .customize-input{width:48%}
.customize .title{line-height:34px}
/*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%}
/*pcb,pcba和钢网*/
.quote-box{width:1298px; padding:15px 0; margin-bottom:15px}
.tab-quote{width:564px; margin:0 auto 0}
.tab-quote li{float:left; height:50px; padding-left:16px; padding-right:16px; background-color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; line-height:50px; margin-left:10px; margin-right:9px}
.tab-quote li a{font-size:18px; color:#383838; display:block}
.tab-quote .i-ico{width:29px; height:29px; vertical-align:middle; margin-right:10px; background-image:url('/Content/img/smt/icon_online.png'); display:inline-block}
.tab-quote .ico-pcb{background-position:0px 0px}
.tab-quote .ico-pcba{background-position:0px -29px}
.tab-quote .ico-stencil{background-position:0px -58px}
.tab-quote .ico-stencil{background-position:0px -58px}
.tab-quote .ico-membrane{background-position:0px -116px}
.tab-quote .ico-bom{background-position:0px -87px}
.tab-quote li.active,.tab-quote li:hover{background-color:#f90}
.tab-quote li.active a,.tab-quote li:hover a{color:#fff; text-decoration:none}
.tab-quote li.active .ico-pcb,.tab-quote li:hover .ico-pcb{background-position:-29px 0px}
.tab-quote li.active .ico-pcba,.tab-quote li:hover .ico-pcba{background-position:-29px -29px}
.tab-quote li.active .ico-stencil,.tab-quote li:hover .ico-stencil{background-position:-29px -58px}
.tab-quote li.active .ico-bom,.tab-quote li:hover .ico-bom{background-position:-29px -87px}
/*查看更多工艺*/
.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}
/*充值*/
.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; 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}
.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)}
/*价格动画*/
.product-cost .mt-number-animate .mt-number-animate-dom{width:10px; padding-top:11px}
.totalOrderMoney .mt-number-animate .mt-number-animate-dom{width:16px}
.totalOrderMoney .mt-number-animate{line-height:20px; height:20px}
/*修改交期提示*/
.data_tips{padding:10px; background:#fcf2f2; color:#e00000; font-size:12px}
/*修改*/
.more_demand .title{width:125px}
.option{margin-bottom:10px; padding:0 1em}
.total-money{width:100%; height:50px; line-height:50px; margin-top:10px; padding-left:10px}
.totalOrderMoney .mt-number-animate{margin-top:15px}
.option-con{min-width:220px}
.longobj{position:inherit; display:block; width:106px}
/*新增右边产品价格*/
.ladder_price_item li{cursor:pointer}
.ladder_price_item li label.pcb_price_icon{width:40px; height:50px; background-position:-16px -26px; cursor:pointer; margin:0; line-height:32px; display:block; margin-left:10px; margin-right:10px}
.pcb_price_icon{background-image:url(/Content/img/pcb/jj_price_bg.png); background-repeat:no-repeat}
.ladder_price_box .ww{display:block; height:32px; line-height:32px; float:left}
.ladder_price_box .w1{width:60px; text-align:center}
.ladder_price_box .w2{width:75px}
.ladder_price_box .w3{width:60px}
.ladder_price_box .w4{width:90px}
.ladder_price_box .w5{width:80px}
.ladder_price_box .w6{width:80px}
.ladder_price_item ul li.active{background:#fff7ed}
.ladder_price_item li.active label{background-position:12px -26px}
.ladder_price_title{background:#f5f5f6}
.ladder_price_box{width:450px; border:1px solid #e5e5e5}
.ladder_price_title .ww1{margin-left:45px}
.ship_standard li{border:1px solid #e7e7e7; margin-bottom:10px}
.ship_standard li.active{border:2px solid #f90}
.ship_standard li.active .biaopin_list{background-color:#fff7ed; line-height:46px}
.ship_standard li .biaopin_list{width:100%; height:50px; line-height:48px; padding-left:10px; padding-right:24px; cursor:pointer}
.detailBtn{cursor:pointer}
.detailBtn:hover .fee-detail{display:flex}
.fee-detail{cursor:pointer; display:none; width:500px; background-color:#fff; box-shadow:0 0 10px #ccc; padding-top:10px; flex-wrap:wrap; position:absolute; top:100%; right:-212px}
.fee-detail:before{content:''; position:absolute; top:-20px; width:90px; left:222px; height:20px;}
.cost .c_left .fee-detail span{color:#333}
.ship_standard li .biaopin_list label{width:20px; height:48px; background:url(/Content/img/pcb/un_xz.png) no-repeat left center; margin-bottom:0; margin-right:5px}
.ship_standard li.active .biaopin_list label{background:url(/Content/img/pcb/xz.png) no-repeat left center; height:46px}
.ship_standard li .biaopin_list p{margin:0}
.pcb-pro-detail .active{background:url(/Content/img/pcb/arrow-top.png) no-repeat right center}
.pcb-pro-detail{padding-right:16px; background:url(/Content/img/pcb/arrow-bottom.png) no-repeat right center; cursor:pointer}
.ship_standard li .biaopin_list a{color:#000}
.ship_standard li.active .biaopin_list i{width:25px; height:24px; background-position:-143px -354px; display:block; top:26px}
.market-price{float:left; width:89px; text-align:center; margin-bottom:10px}
.market-price span{color:#999}
.pcbonline-results h3{margin:0 0 10px}
.select-report-option{border:1px solid #e5e5e5; padding-left:30px; padding-top:10px}
.select-report li{float:left; margin-bottom:10px; position:relative; padding-left:20px; width:200px}
.select-report-option li i{display:block; position:absolute; width:14px; height:14px; background-image:url(/Content/img/pcb/xz.png); top:2px; left:0; background-size:100%}
.price-delivery-list_box{width:170px}
.optiontip-iconew{background-position:-129px -12px; height:16px}
.price-delivery-list_box .w2{width:138px}
.price-delivery-list_box .w3{width:138px}
.price-delivery-list_box dd{border:1px solid #e5e5e5; border-top:none}
.price-delivery-list dd .ww{line-height:50px}
.price-delivery-list dd{border:1px solid #e5e5e5; border-top:none}
.price-delivery-list .pcborder-select-ticket{line-height:20px; border-top:none; padding:0 30px 10px 30px; height:auto}
.pcb-time .items{width:164px}
/* 新增 */
.smtonline-options .bTitle{border-bottom:1px solid #eee; display:flex; justify-content:space-between; color:#333; /* align-items:center; */}
.smtonline-options .bTitle span{font-size:20px}
.smtonline-options .bTitle a{display:inline-block; height:24px; background-color:rgba(117,80,32,0.1); text-align:center; line-height:24px; padding:0 5px; font-size:14px}
.smtonline-options .option-item{padding:18px 0px 15px 0px; border-bottom:1px solid #eee; border-radius:5px}
.more_demand .option .title{width:120px; display:flex; justify-content:stretch; gap:4px; padding-right:6px; box-sizing:border-box}
.option .title{float:left; min-width:8em}
.option-con .option-size .form-control{width:80px}
.option-box.pull-right .option-con{min-width:284px;}
/* 结果列表 */
.calcList{box-shadow:0 1px 0 0 #ebeef5}
.calcList .cHeader{height:40px; line-height:40px; font-size:16px; color:#333; padding:0 20px; box-sizing:border-box; font-weight:700; display:flex; justify-content:space-between}
.calcList .cHeader div span{color:#008C95; margin:0 .2em}
.calcList .cHeader a{font-size:14px; font-weight:normal; color:#f00}
.calcList .cHeader a:hover{text-decoration-line:underline}
.calcList>p,.calcList>ul li{font-size:0}
.calcList>p span,.calcList ul li>span{display:inline-block; width:90px; text-align:center; font-size:14px; vertical-align:top}
.calcList>p span:nth-child(2),.calcList ul li>span:nth-child(2){width:80px}
.calcList>p span:nth-child(3),.calcList ul li>span:nth-child(3){width:80px}
.calcList>p span:nth-child(6),.calcList ul li>span:nth-child(6),.calcList>p span:nth-child(7),.calcList ul li>span:nth-child(7){width:60px}
.calcList ul li>span.iCSP,.IsTejia{background:url("/Content/img/icon_CSP.png") no-repeat center center}
.IsTejia{display:none; min-width:58px; height:20px; text-indent:-999px; overflow:hidden}
.calcList ul li>span .icon_24{display:inline-block; background-image:url(/Content/img/icon_24_2.png); width:9px; height:12px; margin:0; vertical-align:middle; margin-left:4px}
.calcList>p span:first-child,.calcList ul li>span:first-child{width:24px}
.calcList>p{height:30px; line-height:30px; background-color:#E6F4F5; padding:0 10px; box-sizing:border-box}
.calcList>p span{color:#222}
.calcList>ul{padding:0 10px 10px; box-sizing:border-box}
.calcList>ul li{position:relative; line-height:36px; height:36px; border:1px solid #F8F8F8; border-radius:5px; margin-bottom:10px}
.calcList>ul li:hover{border-color:#07A698}
.calcList ul li span{color:#333; height:100%}
.calcList ul li .bkgSr{font-size:12px; font-weight:normal; position:absolute; top:50%; left:.5em; transform:translateY(-50%); height:1.6em; line-height:1.6em; padding:.2em .5em 0; border-radius:5px; width:auto!important}
.calcList ul li.active{font-weight:700; background:#fff; border-color:#008C95;
    background: -moz-linear-gradient(left,  rgba(225,248,250,1) 0%, rgba(225,248,250,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(225,248,250,1) 0%,rgba(225,248,250,0) 100%);
    background: linear-gradient(to right,  rgba(225,248,250,1) 0%,rgba(225,248,250,0) 100%);
}
.calcList ul li.active.isTejia{border-color:#f00;
    background: -moz-linear-gradient(left,  rgba(255,242,242,1) 0%, rgba(255,242,242,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,242,242,1) 0%,rgba(255,242,242,0) 100%);
    background: linear-gradient(to right,  rgba(255,242,242,1) 0%,rgba(255,242,242,0) 100%);
}
.calcList ul li.active.isTejia .jp-ico{background:url("/Content/img/PcbQuote/right.png") no-repeat center center / cover;}
.calcList ul li.active .result{font-weight:400}
.calcList ul li.active .cDetail{color:#008C95; text-decoration:underline}
.calcList ul li .cDetail{display:none}
.calcList ul li .cDetail:hover .result{display:block!important}
.calcList ul li .cDetail:hover{color:#008C95; text-decoration:underline}
.calcList ul li .jp-ico{display:none; background: url(/Content/img/icons.png) no-repeat -203px -362px;width: 16px;height: 16px;opacity: 0; position:absolute; bottom:-1px; right:-1px}
.calcList ul li.active .w5{color:#f00; width:90px}
.calcList ul li.active .jp-ico{display:block; opacity:1}
/* 结果 */
.calcList .result{text-align:left; display:none; position:absolute; background-color:#fff; box-shadow:0 0 10px #ccc; left:-2px; top:48px; width:500px; padding:0 20px 20px; box-sizing:border-box; z-index:999}
.calcList .result>p{font-size:14px; color:#333; font-weight:700; margin:10px 0; line-height:20px}
.calcList .result>div div{display:inline-block; width:225px; line-height:15px}
.calcList .result>div div:nth-child(2){width:230px}
.calcList .result>div{line-height:26px}
.calcList .result>div div label{color:#999; font-size:14px; font-weight:400}
.calcList .result>div div span{color:#666; font-size:14px}
.cost{width:100%; display:flex; align-items:center; justify-content:space-between; padding:0 15px; box-sizing:border-box; flex-wrap:wrap; position:relative}
.cost>div{/* flex:1; */}
.cost .c_left{position:relative; font-size:14px; color:#333; line-height:20px}
.cost .c_left .arrow_top{display:inline-block; width:12px; height:17px; background:url(/Content/img/pcb/arrow-bottom.png) no-repeat center; vertical-align:middle; transform:scale(0.8)}
.cost .c_left span{color:#666}
.cost .c_right{display:flex; align-items:center; gap:0; width:100%; border-radius:5px; overflow:hidden}
.cost .c_right button{border-radius:0; height:40px; line-height:40px; font-size:16px; padding:0; text-align:center; width:100%}
.cost .c_right button.add-cart{width:70%;}
.cost .c_right button.detail{width:30%; background-color:#007A80}
.cost .c_middle{font-size:24px; display:flex; justify-content:stretch; align-items:center}
.cost .c_middle .jp-ico{margin-left:.3em}
.boxSMTOnlineDetail{position:absolute; left:0; right:0; bottom:40px; background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0,.1) 0 0 1em; opacity:0; visibility:hidden; padding:10px 20px;}
.boxSMTOnlineDetail.on{opacity:1; visibility:visible; padding:20px;}
.boxSMTOnlineDetail>p{font-weight:bold; display:block; clear:both}
.boxSMTOnlineDetail>div>div{float:left; min-width:49%; font-weight:normal}
.boxSMTOnlineDetail label{color:#999; font-weight:normal}
.boxSMTOnlineDetail label+span{color:#666}
.remarks{padding:15px; box-sizing:border-box; border-bottom:1px solid #efefef}
.remarks h4{margin:0 0 10px}
.textarea.form-control{height:35px!important}
.pageRight{position:sticky; top:0}
.ladder_price_item ul .radioB{display:none; width:20px; height:20px; border:1px solid #ddd; border-radius:50%; vertical-align:middle; margin:0 20px 0 10px; position:relative}
.ladder_price_item ul .radioB img{display:none; position:absolute; left:-1px; top:-1px}
.ladder_price_item ul li.active .radioB img{display:block}
.option-item .title_left{padding:0 1em .5em; font-weight:bold; color:#333; font-size:16px; cursor:pointer; border-bottom:1px solid #eee; margin-bottom:10px}
/* 单双面 */
.layerBox .option-con{width:190px; overflow:hidden; font-size:0}
.layerBox .option-con div{display:inline-block; padding:0 10px; background:#ffffff; border:1px solid #dcdcdc; border-radius:2px; font-size:14px; color:#333; text-align:center; line-height:26px; position:relative; cursor:pointer}
.layerBox .option-con div .jp-ico{display:none}
.layerBox .option-con div.active .jp-ico{display:block}
.layerBox .option-con div.active{background:#E1F8FA; border:1px solid #008C95}
.layerBox .option-con div:first-child{margin-right:5px}