/* 2024 quote */
.anmt3,.listdatacheck,.listdatacheck:after,.boxbotvaluation,#rightcontent{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

.pro_item .item.img:before,.pro_item .item.img span{display:inline-block; vertical-align:middle}
.pro_item .item.img:before{content:''; width:28px; height:18px; background-color:#999; margin-right:4px}
.pro_item .item.i_proimgfr4:before{background-image:}
.pro_item .item.i_proimgrogers:before{background-image:}
.pro_item .item.i_proimghdi:before{background-image:}
.pro_item .item.i_proimgaluminum:before{background-image:}
.pro_item .item.i_proimgcopper:before{background-image:}
.pro_item .item.i_proimgcem1:before{background-image:}
.pro_item .item.i_proimgcem3:before{background-image:}
.pro_item .item.i_proimg22f:before{background-image:}
.pro_item .item.i_proimgfr1:before{background-image:}

.jumpcard{display:none}
.newnavprent .newnavright,.boxbody{background-color:#f7f5f2}
.boxnewquote.w1280{padding:20px 10px; gap:10px}
.w1280{width:100%; max-width:1280px;}
.top-header.line-wrap{border-bottom:1px solid #ded6c8!important; min-width:1120px}
.top-header.line-wrap .top-nav{width:100%!important}
.basic_box{padding:0}
.basic_box .firstbox{border:none; margin-bottom:0}
.basic_box.workmanship_box h4.title_left.first{margin-bottom:20px}
.basic_box.workmanship_box h4.title_left.first>span.rm a{font-weight: normal; font-size:14px; margin-left:20px}
/*.basic_box.workmanship_box h4.title_left.first a{float:right; margin:0 1em 0 0;}*/
.form-control{padding:6px}
.option .option-con.pull-left.board-option{border:none; max-width:100%}
#num{border:1px solid #dcdcdc}
.basic_box .common_area{color:#f90; font-weight: bold;}
.basic_box .common_area em{color:#333; font-weight: normal}
.basic_box.workmanship_box{padding-bottom:0}

.workmanship_box{background-color:#fff; border-radius:8px; margin-bottom:10px; padding-bottom:0}
.workmanship_box h4.title_left{padding:15px 20px!important; border-left:none; margin:0; border-bottom:1px solid #eff6f5; align-items: center}
.workmanship_box > .shrinkbox{padding:20px 0;}

#leftcontent{width:100%} /* width:66%; */
#leftcontent .option{padding:0 20px; margin-bottom:10px}
#leftcontent .option.nm{margin-bottom:0}
#leftcontent .option.nm>div{margin-bottom:12px}
.option .option-con.pull-left{width: auto; max-width: calc(100% - 115px)}
#leftcontent .option .title{margin-top:3px}
.option-size{width: auto; border-right:none;}
.specialbox{margin-top:0}
.option-con .option-choose{width:100%;}
.option-con .option-choose .cl-7b5822{margin-top:0; margin-bottom:3px}

.workmanshipsmt{padding-bottom:0}
.workmanshipsmt .option-con.pull-left{max-width:100%}
#leftcontent .workmanshipsmt .option{padding-right:10px}
.workmanshipsmt .smttitle{border:none; padding-left:30px}
.workmanshipsmt h4.title_left{margin-bottom:0; border-bottom:none}
.workmanshipsmt .shrinkcheck{top:12px; left:20px}
.workmanshipsmt .shrinkbox{padding:20px 0; border-top:1px solid #eee}
.workmanshipsmt .smtparam>div{flex: auto; width: auto!important;}
/* width:34%; */
#rightcontent{min-width:420px; width:100%; max-width:420px; box-shadow:none; background-color:#fff; border-radius:3px;}
#rightcontent .rtitle{font-size:16px;}
.rightcontenttable.tabletitle{width:auto}
.rightcontenttable li{width: auto}
.rightcontenttable.tabletitle li span{line-height:30px; font-size:13px}
.rightcontenttable.tabletitle li span .top-order{top:5px}
.rightcontenttable.tabletitle li span .bottom-order{top:15px}
#rightcontent .noorderlist{height:150px; position:relative; display:flex; justify-content: center; align-items:center;}
#rightcontent .noorderlist p{line-height:1.4em; color:#666; position: absolute; top:50%; transform: translatey(-50%)}
#rightcontent .noorderlist p:before{content:''; background:  no-repeat center center; width: 32px; height: 36px; display: block; margin:0 auto 15px;}
#rightcontent .note{font-size:13px; color:#999; padding:10px 15px; background-color:#fff}
#rightcontent .note em{color:#de0629}
.pullbox{height:44px; padding:0 15px}
.pullbox .pull-left{padding-top:3px}
#rightcontent .notquptelist{background-color:#eee!important; color:#888}
.addcar{height:36px; line-height:36px; width: auto; display: block}
.boxaddcart{padding:0 15px; display: flex; align-items: center; background-color:#fff;}
.boxaddcart .addcar{width:100%; background-color:#ff9800; height:auto; line-height:46px;}
.boxaddcart .openvaluation{display: none; color:#fff; background-color:#e58900; width:120px; cursor:pointer; line-height:46px; text-align: center; border-radius:0 4px 4px 0}
.boxaddcart .openvaluation:hover{opacity:.9}
.boxaddcart.showov .openvaluation{display: block;}
.boxaddcart.showov .addcar{border-radius:4px 0 0 4px}

.newquotelist{padding-top:8px}
.newquotelist li{border:none; padding:0 5px; background-color:#f7f8f9; margin-bottom:5px;}
.newquotelist li:hover{background-color:#fffaf2}
.newquotelist .panelleft{line-height:32px; border:none}
.newquotelist .panelleft>*{margin-right:5px;}
.newquotelist .panelleft .yqicon{height:20px; line-height:20px; font-size:12px; padding:0 5px; background-color:#feede6; color:#e10707;}
.newquotelist .radiob,.newquoteladder .radiob, .newquotesmt .radiob{display: none}
.newquotelist li,.newquotelist .panelleft{width: auto}
.quotelistdetail .listdatacheck,.newquotelist .quotelistdetail > div:last-child{border:1px solid #e6e6e6; border-radius:5px; background-color:#fff; padding:0 0 0 10px; margin-bottom:5px; position: relative; overflow: hidden}
.newquotelist .quotelistdetail > div:last-child:hover,.quotelistdetail .listdatacheck:hover{border-color:#f90}
.quotelistdetail .listdatacheck:after{content:''; position:absolute; bottom:0; right:0; background:  no-repeat -203px -362px; width:16px; height:16px; opacity:0}
.quotelistdetail .listdatacheck.active:after{opacity:1}
.newquotelist .quotelistdetail > div.active:last-child,.quotelistdetail .listdatacheck.active{border:1px solid #f90;}
.newquotelist .quotelistdetail > div.active,.newquotelist li .listdatacheck:hover{background-color:#fff}
.newquotelist .quotelistdetail span{line-height:36px;}
.active .zyicon,.active .xyicon{font-weight: normal}
.newquotelist .xyicon{line-height:16px; font-weight: normal}
.rightcontenttable li span:nth-of-type(2){text-indent:24px; width:85px}
.rightcontenttable li span:nth-of-type(3){width:44px; text-align: left}
.rightcontenttable li span:nth-of-type(4){width:80px}
.rightcontenttable li span:nth-of-type(5){width:50px; text-align: left; padding-left:5px;}
.rightcontenttable li span:nth-of-type(6){text-align: left}
.newquotelist .quotelistdetail span:nth-of-type(1){width:52px}
.newquotelist .quotelistdetail span:nth-of-type(2){width:52px}
.newquotelist .quotelistdetail span:nth-of-type(3){width:70px}
.newquotelist .quotelistdetail span:nth-of-type(4){width:54px}
.newquotelist .quotelistdetail span:nth-of-type(5){width:58px; color:#333; text-align:center}
.newquotelist .quotelistdetail span:nth-of-type(6){width: auto; font-size:12px}
.newquotelist .quotelistdetail span:nth-of-type(6) b{padding:1px 3px}
.newquotelist .quotelistdetail span.isrecommendhtml{font-size:12px;}
.ypbox,.bpbox{left:-122px; top:30px}
/* 单价隐藏 */
/*.rightcontenttable li span:nth-of-type(4),.newquotelist .quotelistdetail span:nth-of-type(3),.bottomcsslistquote .quotelistdetail span:nth-of-type(3){display: none}*/

.boxbotvaluation{width:100%; padding:0; opacity:0; visibility: hidden; background-color:rgba(0,0,0,0.5); position: fixed; top:0; left:0; right:0; bottom:0; z-index:9999;}
.boxbotvaluation.show{opacity:1; visibility: visible}
.boxbotvaluation .paramsfirst{display: none}
.boxbotvaluation .detailalert{width:900px; position: absolute; top:50%; left:50%; right:auto; bottom: auto; transform: translate(-50%,-50%); box-shadow:0 0 10px rgba(0,0,0,.3)}
.boxbotvaluation .sj{display: none}
.boxbotvaluation .detailalert i.close{font-size:14px; position: absolute; top:1em; right:1em;}
.boxbotvaluation .detailalert i.close:after{content:'\ebb3'; font-family: iconfont_dg}
.boxbotvaluation .detailalert .tit{font-size:16px; font-weight: bold; color:#333; margin-bottom:.5em}
.boxbotvaluation .detailalert .dtitle{color:#333; font-size:14px; font-weight: bold}
.boxbotvaluation .detailalert .con2{margin-bottom:20px}
.boxbotvaluation .detailalert ul{border-bottom:1px solid #ccc; display: flex; flex-wrap: wrap; align-items: flex-start; gap:8px; padding-bottom:20px}
.boxbotvaluation .detailalert li>em:first-child{display: inline-block; min-width:7em; color:#909090}
.boxbotvaluation .detailalert > div ul li,.detailalert > div ul li.longli{line-height:18px; min-width:200px; flex:auto; display: flex; gap:5px}
.boxbotvaluation .detailalert > div ul li{max-width:20%}
.detailalert > div ul li.longli{max-width:100%}
.boxbotvaluation .detailalert > div ul li span{max-width:100%; white-space: pre-wrap}
.botvaluation .detailalert .con1 ul li:nth-child(1) span,.botvaluation .detailalert .con1 ul li:nth-child(2) span,.botvaluation .detailalert .con1 ul li:nth-child(3) span,.botvaluation .detailalert .con1 ul li:nth-child(4) span{color:#f30}
.boxbotvaluation .detailalert > div ul li:last-child{width: auto}

.smtlist{background-color:#f2f6fc; padding:0 10px; border-radius:8px 8px 0 0}
.smtlist .smtline .listdatacheck span:nth-of-type(1){width:144px}
.smtlist .smtline .listdatacheck span:nth-of-type(2){width:50px}
.smtheader{border:none; line-height:28px; font-size:14px; padding:4px 0 0!important}
.smtheader img{width:18px!important; margin-left:5px;}
.newquoteladder li, .newquotesmt li{width: auto; margin-bottom:0; background-color: transparent}
.newquoteladder .coretypeem{width:104px; margin-right:5px;}
.newquoteladder .coretypeem .icon-pdf{display: none}
.newquoteladder .quotelistdetail span,.newquotesmt .quotelistdetail span{line-height:38px}
.bottomcsslistquote .listdatacheck{padding-left:5px}
.bottomcsslistquote .quotelistdetail span:nth-of-type(1){width:162px}
.bottomcsslistquote .quotelistdetail span:nth-of-type(2){width:32px}
.bottomcsslistquote .quotelistdetail span:nth-of-type(3){width:52px}
.bottomcsslistquote .quotelistdetail span:nth-of-type(4){padding-left:0}
.newquotesmt .quotelistdetail{margin-top:5px}
.newquotesmt .radioc{margin:0 10px 0 0;}

.pricedetailbox{width:420px; left:auto; top: auto; bottom:26px; right:-223px; padding:10px 20px; border:1px solid #ddd; border-radius:8px}
.pricedetailbox ul{display: block}
.pricedetailbox ul li{float: left; width:50%; padding:2px 0;}
.pricedetailbox ul li:before{content:''; display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background-color:#f90; vertical-align: middle}
.pricedetailbox ul li p{display: inline-block; font-size:12px; vertical-align: middle}
.pricedetailbox ul li p:first-child{min-width:4em;}
.pricedetail .downico{margin:0 0 1px 6px; transform: rotate(180deg)}
/*选择捷配层压结构*/
.altstackedstructure .tit{position: absolute; top:0; left:0;}
.altstackedstructure .box > .n{display: flex; font-size:20px; padding:0;}
.altstackedstructure .list{width:100%; max-width:290px; background-color:#f5f5f5; padding:3em 1em 1em; max-height:600px; overflow-x:auto;}
.altstackedstructure .bncheckbox{margin-right:0}
.altstackedstructure .detail{width:100%; padding:2.5em 0 4em}
.altstackedstructure .detail .bbci{border-bottom:1px solid #f1f3f6; padding:0 1em .5em;}
.altstackedstructure .detail .bbci li{display: inline-block; font-size:14px;}
.altstackedstructure .detail .bbci li span{font-weight: bold; color:#f90}
.altstackedstructure .detail .bbci li li{margin-left:8%}
.altstackedstructure .bn{position: absolute; right:0; bottom:0}
.altstackedstructure .bn .bnsa{padding:.4em 4em}

.altstackedstructure .table{padding:1em 1em 0}
.altstackedstructure table{text-align: center; font-size:12px; table-layout:fixed; border-collapse:collapse; border:1px solid #eee; width:100%}
.altstackedstructure table th,.altstackedstructure table td{padding:.5em}
.altstackedstructure table th{border:1px solid #eee; background:#f5f5f5;font-weight: normal; text-align: center}
.altstackedstructure table td{border:1px solid #eee; background-color:#fff; line-height:1.4em;}
.altstackedstructure .notable{border:1px solid #eee; line-height:1.4em; padding:5em 0; font-size:16px; font-weight: bold; text-align: center;}
.boxdcanmimg{font-size:20px;}
.boxdcanmimg i{display: block; width:12em; margin:0 auto; background:no-repeat right center; height:1em; padding:.15em 0; box-sizing: content-box; position:relative;opacity:1;}
.boxdcanmimg i em{font-size:.7em; position:absolute; top:50%; right:84%; transform: translatey(-50%);}
.boxdcanmimg i.l em:first-of-type{top:0; transform:none;}
.boxdcanmimg i.l em:last-of-type{top:auto; bottom:0; transform:none;}
.boxdcanmimg i.gtl{background-image: }
.boxdcanmimg i.pp{background-image: }
.boxdcanmimg i.l{background-image: ; height:3.5em}

.bpimghover{text-decoration: underline}
.freecoupon16{font-size:14px; color:#333; font-weight:normal; display: inline-block; padding:2px 5px; border-radius:3px; float:right; margin-top:1px}
.freecoupon16:hover{color:#2b5ebf}
.freecoupon16 span{display: none;}
.freecoupon16.bkgsr span{display:inline-block;}
.listdatacheck .freecoupon{display:none}
.newfreecoupon.active{border-color:#e00!important;}
.newfreecoupon.active .freecoupon{display:flex; justify-content: space-between}
/*.newfreecoupon.active span>.ifree{display:none}*/
.newfreecoupon .freecoupon{border-top:1px dashed #ff5f5f; margin-right:10px; font-size:12px; font-weight:normal; line-height:20px; padding:3px 2em 3px 0}
.newfreecoupon .freecoupon em{color:#f30; margin-right:1em}
.newfreecoupon .freecoupon em s{color:#999; margin-right:.5em}
.newfreecoupon .freecoupon span,.newquotelist .ifree{line-height:20px; font-size:12px!important; width:auto!important; font-weight: normal}
.newquotelist .newfreecoupon .ifree{display: block}
.newquotelist span>.ifree{line-height:20px; margin-top:8px}
.newfreecoupon .freecoupon span.bkgsr,.newquotelist .ifree.bkgsr{padding:0 5px; border-radius:3px}
.newfreecoupon .listdatacheck.active .freecoupon{display:flex; justify-content: space-between; align-items:center}
.quoteselprice{display:flex; align-items:center}
.quoteselprice #price{display:block; line-height:1em}
.con3 .bncheckfreecoupon{margin-top:5px; white-space: nowrap}
.con3 .bncheckfreecoupon .beforeprice{color:#999; text-decoration:line-through; font-size:14px;}
.bncheckfreecoupon{display:none}
.bncheckfreecoupon.show{display:flex!important; justify-content:space-between; align-items:center; margin-right:.5em; cursor:pointer; user-select:none}
.bncheckfreecoupon:before{content:''; font-family: iconfont_dg; width:20px; height:20px; line-height:16px; border:2px solid #f90; box-sizing: border-box; text-align: center; margin-right:5px}
.bncheckfreecoupon.active:before{content:'\e63f'; color:#f90}
.bncheckfreecoupon span{color:#fff; font-size:12px; border-radius:3px; padding:2px 5px; font-weight: normal;}



/* 2024 10 14 */



.workmanship_box:hover {
    box-shadow: 0 0 10px #ccc
}

#rightcontent {
    background: #fff!important
}

    #rightcontent:hover {
        box-shadow: 0 0 10px #ccc
    }

.workmanship_box h4.title_left {
    padding: 10px 20px !important
}

.rightcontenttable li span:nth-of-type(2) {
    width: 50px !important
}

.rightcontenttable li span:nth-of-type(4) {
    width: 96px
}

.rightcontenttable li span:nth-of-type(5) {
    width: 56px
}

.newquotelist .quotelistdetail span:nth-of-type(1) {
    width: 20px !important
}

.newquotelist2 .quotelistdetail span:nth-of-type(1) {
    width: 30px !important
}

.newquotelist .quotelistdetail span:nth-of-type(3) {
    width: 88px
}

.newquotelist2 .quotelistdetail span:nth-of-type(2) {
    width: 60px!important
}

.newquotelist2 .quotelistdetail span:nth-of-type(3) {
    width: 80px
}

.newquotelist .quotelistdetail span:nth-of-type(4) {
    width: 60px
}
.rightcontenttable li span:nth-of-type(4){
    width:105px
}

.option-choose .item:hover {
    background: #fffaf2;
}

.note {
    font-size: 13px
}

    .note em {
        color: #de0629
    }

.newquotelist .quotelistdetail span, .newquotelist2 .quotelistdetail span {
    line-height: 32px !important
}

.boxaddcart .openvaluation, .boxaddcart .addcar {
    line-height: 40px !important
}

.icon-pdf {
    width: 20px;
    height: 22px;
    background-position: 0px center;
    display: inline-block;
    margin-right: 1px;
    background-image: url(/uploads/image/cipcbquote/pdf.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}