p,h4{padding:0; margin:0}
.hand{cursor:pointer}
.cl-red{color:red}
.none{display:none}
.pullBox{height:80px; align-items:center; display:flex; padding:0 20px; box-sizing:border-box; justify-content:space-between; border-top:1px solid #ECEFF5}
.pullBox span{vertical-align:middle; font-weight:bold}
.pull-left{/*float:left; */}
.pull-right{/*float:right; */}
.addCar{display:inline-block; width:100px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background-color:#008C95; border-radius:4px; vertical-align:middle}
#leftcontent{width:760px; position:relative}
.title_left{font-size:16px}
.parent{display:flex; justify-content:space-between; padding:20px 0 60px}
#leftcontent .option .title{width:120px; color:#666}
#leftcontent .option{margin-bottom:10px}
.option-choose li{float:left; margin-right:5px}
.option-choose .item,.option-choose .bn{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}
.hideIconImp .jp-ico{display:none !important}
.option-choose .liItem{margin-right:5px; height:28px !important; line-height:28px !important}
.option-choose .item.choose{border:1px solid #008C95; color:#333; background:#E1F8FA}
.boxNewQuote.pagePcb .proCategoryLine .item,.boxNewQuote.pagePcb .proCategoryLine .bn{min-height:31px!important; display:block; margin-bottom:5px}
.subscript-ico{background-position:-202px -362px; width:16px; height:16px; border-radius:0 0 4px 0}
.jp-ico{background-image:url(/Content/img/icons.png?v2); background-repeat:no-repeat; vertical-align:middle; display:inline-block; position:absolute; bottom:-1px; right:-1px}
.icon-analysis{display:block; margin:20px auto 6px; width:34px; height:24px; background-image:url(/Content/img/icon_analysis.png)}
.icon-oldV{display:block; margin:0 auto 3px; width:29px; height:29px; background-image:url(/Content/img/icon_oldV.png)}
.basic_Box{padding:20px 0 5px 0; background:#fff; box-sizing:border-box; margin-bottom:10px}
.basic_Box .title_left{padding-bottom:15px; /*border-bottom:1px solid #eee; */
    font-weight:bold; color:#333; padding:10px 0}
.basic_Box .firstBox{border-bottom:1px solid #eee; margin-bottom:10px}
.basic_Box .firstBox h4{/*padding:10px 0!important; */
    box-sizing:border-box; padding:0 10px !important}
.basic_Box .FileName > div{display:flex; font-size:14px; margin:15px 0; width:100%; height:32px; vertical-align:top}
.basic_Box .FileName .FileCon{flex:1; display:flex; align-items:center; height:100%; padding:8px 10px; box-sizing:border-box; background-color:#E1F8FA; border:1px solid #008C95}
.basic_Box .FileName img{width:16px; height:16px; margin-right:10px}
.basic_Box .FileName .f_label{display:inline-block !important; width:115px !important}
.basic_Box .FileName .f_name{text-decoration:underline}
.basic_Box .FileName .f_del{cursor:pointer; color:#008C95; margin-left:10px}
.workmanship_Box{box-sizing:border-box; border-bottom:1px solid #eee; margin-bottom:15px}
.workmanship_Box .title_left{line-height:22px; border-left:3px solid #008C95; display:flex; justify-content:space-between; cursor:pointer}
.workmanship_Box .title_left b,.openValuation b{display:inline-block; width:11px; height:7px; margin-left:4px}
.workmanship_Box .title_left .up,.openValuation .up{background:url(/Content/img/onlineNew/arr_top.png) no-repeat}
.workmanship_Box .title_left .down,.openValuation .down{background:url(/Content/img/onlineNew/arrow_bot.png) no-repeat}
.workmanship_Box > .title_left{padding:0 0 0 20px; box-sizing:border-box}
.workmanship_Box > .shrinkBox{padding:0}
.workmanship_Box > .title_left{padding:0 10px; margin-bottom:15px; font-weight:bold; color:#333}
.board-option{border:1px solid #CCCCCC; border-radius:2px}
#Num{background:#fff; border:none; width:80px; border-right:1px solid #CCCCCC; height:28px; z-index:0}
/*#unit{height:28px; background:#F5F5F5; display:inline-block; line-height:28px; width:70px; text-align:center}
*/

/*���ײ��Ƽ�*/
.botValuation{width:760px; height:auto; padding:10px 0; box-sizing:border-box; /*border:1px solid #008C95; */
    display:flex; justify-content:space-between; align-items:center; position:sticky; bottom:1px; margin-bottom:1px; background-color:#fff; /*overflow:hidden; */}
.botValuation .sj{width:0; height:0; border-width:10px; border-style:solid; border-color:#fff transparent transparent transparent; position:absolute; bottom:-19px; left:20px}
.botValuation .none{display:none}
/* .botValuation .con2 ul li span{color:red}
*/
.botValuation .con2 ul li span.redText{color:rgba(233,33,33)}
.botValuation .params{font-size:14px; color:#333; width:660px; /*visibility:hidden*/}
.botValuation .params .pText{display:flex; align-items:top; justify-content:left}
.botValuation .params .pText > span:first-child{width:115px; vertical-align:top; margin-top:10px}
.botValuation .params .mb4{margin-bottom:6px}
.botValuation .pBlock{width:500px; height:30px; overflow:hidden}
.botValuation .pBlock li.ReportListText{background-color:#fff; padding:0}
.botValuation .pBlock:first-child{height:24px}
.botValuation .pBlock li{display:inline-block; background-color:#FFF5E7; color:#707070 !important; padding:0 6px; box-sizing:border-box; margin:0 3px; margin-top:3px; line-height:24px; vertical-align:middle}
.botValuation .detailAlert{display:none; width:775px; position:absolute; left:0; bottom:63px; background-color:#fff; box-shadow:0 0 10px #ccc; /*border:1px solid #333; */
    border-radius:4px; padding:20px; box-sizing:border-box; color:#333}
.botValuation .detailAlert{box-shadow:0 0 10px #ccc}
.detailAlert .dTitle{color:#999; font-size:16px; margin-bottom:10px}
.detailAlert .con1{margin-bottom:20px}
.detailAlert > div ul li{display:inline-block; width:180px; text-align:left; line-height:20px}
.detailAlert > div ul li span{max-width:105px; display:inline-block; white-space:nowrap}
.detailAlert > .con2 ul li{width:160px}
.detailAlert > div ul li.undis{display:none !important}
.detailAlert > div ul li.longLi{width:100%; display:block}
.detailAlert > div ul li:last-child{width:186px}
.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{font-weight:600}
.paramsFirst{width:550px; display:flex; justify-content:space-between; align-items:center; opacity:0}
.paramsFirst li span{font-weight:600}
.botValuation:hover .detailAlert{/*display:block; */}
.botValuation .detailAlert .ReportListText span{display:inline-block; margin-right:10px}
.botValuation:hover .detailAlert

.pBlock li.ReportListText span{display:inline-block; background-color:#FFF5E7; color:#707070 !important; padding:0 6px; box-sizing:border-box; margin-right:5px; margin-top:3px; line-height:24px}
.botValuation .pBlock li span{color:#707070 !important}
.botValuation .valuationBtn{width:100px; height:40px; background-color:#008C95; color:#fff; line-height:40px; text-align:center; border-radius:4px}
.botValuation .openValuation{/* padding:0 8px; position:absolute; right:130px; top:7px; */
    color:#333; cursor:pointer; background-color:rgba(255,255,255,0.6)}
.botValuation .openValuation:hover{color:#008C95}
.borderBottom{border-bottom:1px solid #ECEFF5}
/* �ұ� */
#rightcontent{width:500px; position:sticky; top:0; box-shadow:0 0 10px #ccc}
#rightcontent .rTitle{font-size:20px; color:#333; font-weight:bold; margin:12px 0 12px 20px}
#rightcontent .rTitle span{color:#008C95}
.rightcontentTable li{border-bottom:1px solid #ECEFF5; position:relative; width:495px}
.rightcontentTable.TableTitle{width:500px; background:#F7F6F4}
.rightcontentTable.TableTitle li{border:none !important; overflow:hidden}
.rightcontentTable.TableTitle li span{display:inline-block; line-height:40px}
.rightcontentTable li span{display:block; line-height:54px; float:left; font-size:14px; white-space:nowrap}
.rightcontentTable li span:nth-of-type(1){width:85px; margin-left:10px; display:none !important}
#rightcontentTable li.active span:nth-of-type(2){text-decoration:underline; color:#008C95}
.smtHeader{padding:0 0 0 15px !important; line-height:40px; border-top:1px solid #ccc; color:#E00000; font-size:15px}
.smtHeader .listDataCheck{/* padding:0 10px; */}
.smtHeader li{width:480px; /* margin:0 auto; */}
.smtHeader li:first-child{background-color:#F7F6F4; font-size:0; width:100%}
.smtHeader li:first-child span{display:inline-block; height:40px; font-size:14px; vertical-align:middle; line-height:40px}
.rightcontentTable li span:nth-of-type(2),.smtHeader li:first-child span:nth-of-type(2){width:120px; padding-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:60px; cursor:initial}
.rightcontentTable li span:nth-of-type(2) a{cursor:pointer}
.rightcontentTable li span:nth-of-type(3),.smtHeader li:first-child span:nth-of-type(3){width:55px; text-align:center}
.rightcontentTable li span:nth-of-type(4),.smtHeader li:first-child span:nth-of-type(4){width:85px; text-align:center}
.rightcontentTable li span:nth-of-type(5),.smtHeader li:first-child span:nth-of-type(5){width:73px; text-align:center}
.rightcontentTable li span:nth-of-type(6),.smtHeader li:first-child span:nth-of-type(6){width:75px; text-align:center}
.newQuoteList .quoteListDetail span:nth-of-type(4){width:55px; text-align:center}
.newQuoteList .quoteListDetail span:nth-of-type(5){width:60px; text-align:center}
.newQuoteList .quoteListDetail .price{color:#008C95!important}
.newQuoteList .quoteListDetail span:nth-of-type(6){width:80px}
.rightcontentTable li span:nth-of-type(7),.smtHeader li:first-child span:nth-of-type(7){width:85px}
.rightcontentTable li b{display:inline-block; width:49%; font-weight:normal; line-height:16px; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#666}
.rightcontentTable li .subscript-ico{display:none}
.rightcontentTable li.active .subscript-ico{display:block}
.rightcontentTable li .hideDetail{padding:10px 40px; display:none}
.rightcontentTable li .detailDiv{overflow:hidden}
.rightcontentTable li.active .detailDiv,.rightcontentTable li.active .hideDetail{background:#fff; overflow:hidden}
/*.rightcontentTable li.active .hideDetail{display:block; border-top:1px solid #eeee}
*/
.rightcontentTable li:hover{background:#E1F8FA}
.rightcontentTable li .hideDetail{border-top:1px solid #eeee; position:absolute; z-index:99; background:#fff; overflow:hidden; box-shadow:0 0 10px #eee; left:0; top:50px}
#rightcontentTable{height:420px; overflow:auto}


#rightcontent .remark{padding:10px 20px 5px; border-top:1px solid #ECEFF5; height:140px}
#rightcontent .remark > div{margin-bottom:6px}
#rightcontent .remark > div:first-child span{vertical-align:top}
#rightcontent .remark > div:nth-child(2) span:nth-child(3){margin-left:10px}
#rightcontent .remark .bot span{display:inline-block; width:90px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.customize span{display:inline-block; width:110px}
.customize input{display:inline-block; border:1px solid #ddd; border-radius:4px; line-height:24px; vertical-align:middle; padding-left:10px; margin-right:40px; max-width:200px}
#rightcontent .remark textarea{width:415px; height:40px; font-size:14px; padding:5px; border:1px solid #ddd}
#rightcontent .remark input{width:129px; height:30px; padding-left:5px; border:1px solid #ddd; font-size:14px; margin-bottom:4px}
.option > .option-con.pull-left{width:645px}
.cl-7B5822{color:#7B5822}
.pinbanBox{min-width:400px; box-shadow:-2px 0 31px rgb(0 0 0 / 15%); padding:5px; position:absolute; z-index:99; left:110px; background:#fff; top:30px}
.pinbanBox_left{width:441px}
.info_basic_top .pinbanBox .option{margin:0; /*background:#F9F9F9; */
    width:100%}
.pinbanBox .option-con{width:320px !important; background:#fff; padding-bottom:10px; padding-left:20px; padding-right:15px}
.pinbanBox_pinban_info{width:400px !important}
.pinbanBox .imposition-requires-presentation{margin-top:10px; line-height:20px; padding:0 10px; background:#E5F3F4; border:1px solid #008C95; margin-bottom:5px}
.pinbanBox .title{width:120px; padding-bottom:10px; padding-left:10px}
.pinbanBox .option.lastEle .title{padding-bottom:20px}
.pinbanBox .option.lastEle .option-con{padding-bottom:20px}
.deleteLayer{float:left; height:34px; line-height:34px; background:#008C95; margin-left:140px; width:112px; text-align:center; color:#fff; font-size:14px; border-radius:4px; margin-bottom:30px; cursor:pointer}
.craft-edge-width{width:135px; background:#f5f5f5; border:1px solid #e5e5e5}
.craft-edge-width .form-control{width:100px; display:inline-block}
.craft-edge{width:260px}
.slot-spacing .form-control{padding-right:0; width:39px; height:30px; line-height:30px; padding-left:5px; border:none; border-right:1px solid #dcdcdc}
.cao_input{border:1px solid #dcdcdc; background:#eee}
#leftcontent .pinbanBox .option{margin-bottom:0}
#leftcontent .tsgy1��#leftcontent .tsgy2{width:610px}
#leftcontent .tsgy2 .wen_tip{height:16px}
.specil_progress .specialBox{padding:0}
#rightcontentTable li{cursor:pointer}
#rightcontentTable li.active{border:2px solid #008C95; font-weight:600}
.rightcontentTable li.active span:nth-of-type(4){color:#008C95}
.chooseRadio{position:relative; vertical-align:middle}
.chooseRadio .radio{position:relative; display:inline-block; font-weight:400; color:#0c4757; cursor:pointer}
.chooseRadio .radio input{position:absolute; left:-9999px}
.chooseRadio .radio i{display:block; position:absolute; top:0px; left:5px; width:15px; height:15px; outline:0; border:1px solid #e4e4e4; background:#ffffff; border-radius:50%; transition:border-color .3s; -webkit-transition:border-color .3s}
.chooseRadio .radio input[checked="checked"] + i{border-color:#008C95}
.chooseRadio .radio input + i:after{position:absolute; content:''; top:2px; left:2px; width:9px; height:9px; border-radius:50%; background-color:#008C95; opacity:0; transition:opacity .1s; -webkit-transition:opacity .1s}
.chooseRadio .radio input.checked + i:after{opacity:1}
#gdcBg{width:452px; height:40px; position:absolute; left:145px; top:-4px; background-image:linear-gradient(45deg,#FFAA14 0%,#FF7A09 99%,#FF7A09 100%); border-radius:4px}
#gdcLogo{position:absolute; left:516px; top:-26px}
/*Ʒ���⸶����*/

.QCPcsNum{background:#f5f5f5}
.QCPcsNum,.QCPcsMoney{height:28px; line-height:28px; width:100px; border:1px solid #dcdfe6; outline:none; padding-left:15px}
.NotCheck{display:inline-block; line-height:32px; height:32px; text-align:center; padding:0 20px; background:#e9ebee !important; color:#fff !important; border:1px solid #e9ebee !important; cursor:no-drop}
.QcYellowBtn{display:inline-block; line-height:32px; height:32px; text-align:center; padding:0 20px; background:#008C95; color:#fff !important; border:1px solid #008C95; border-radius:4px}
.QcYellowBtn:hover{opacity:0.9}
.QcWhiteBtn:hover{background:#fff; border:1px solid #008C95; color:#008C95 !important}
.QcWhiteBtn{display:inline-block; line-height:32px; height:32px; text-align:center; padding:0 20px; background:#fff; color:#333 !important; border:1px solid #ddd; border-radius:4px}
.layui-layer-setwin .layui-layer-close1{background-position:1px -40px !important; cursor:pointer}
.compensateLiGoBox{padding:20px 30px}
.compensateLiGoBox label{cursor:pointer}
.compensateLiBtnBox{padding:20px}
.toolTipHeader{line-height:24px; font-weight:bold; color:#333}
.QcpTop{background:#eee; padding:15px}
.QCPborder{margin:15px 0; line-height:22px}
.trangle{width:0px; height:0px; margin-left:30px; border:10px solid #f5f5f5; border-top-color:#ebebeb; border-bottom-color:transparent; border-left-color:transparent; border-right-color:transparent}
.compensateLi:hover .hideBox{display:block}
.compensateLi .hideBox .box{padding:5px 15px; background:#fff; border-radius:8px; box-shadow:0 0 10px #ccc}
.bgff1f3f6{background:#f1f3f6; padding:10px; margin-top:15px}
.QcQuestionTipShow:hover .QcQuestionTip{display:block}
.QcQuestionTip{width:400px; position:absolute; padding:15px; background:#fff; border-radius:8px; box-shadow:0 0 10px #ccc; z-index:91}
.compensateLiGoBox .select_box{float:left; width:20px; height:20px; background-position:0 -67px; display:inline-block; background-image:url(/Content/img/account/account_icon.png)}
.compensateLiGoBox .select_box.yigou{background-position:-38px -68px}
.layui-layer-title{display:none}
/*ƴ����Ϣ*/
#informationpinban{position:fixed; top:100px; left:50%; z-index:-999; padding:30px 20px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; overflow:hidden; opacity:0}
/*.imposition-informationExample{position:absolute; display:none; z-index:100}
*/
.imposition-information{width:315px; padding:15px 20px 30px 15px; background-color:#fff; border:1px solid #ddd; border-radius:6px; height:230px
    /* -webkit-border-radius:6px; -moz-border-radius:6px; */}
.imposition-information .panel-x{width:200px}
.imposition-information .panel-x .number{position:relative; text-align:center; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; line-height:18px; height:18px}
.imposition-information .panel-x .number:after{position:absolute; left:0; top:9px; width:100%; height:1px; background-color:#d7d7d7; content:""}
.imposition-information .panel-x .number span{position:relative; z-index:1; padding:0 9px; line-height:18px; background:#fff; text-align:center; color:#999}
.imposition-information .panel-y{position:absolute; right:0px; top:35px; width:28px}
.imposition-information .panel-y .number{position:relative; height:auto; text-align:center; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; z-index:999}
.imposition-information .panel-y .number:after{position:absolute; left:14px; top:0; width:1px; height:100%; background-color:#d7d7d7; content:""}
.imposition-information .panel-y .number span{display:block; position:relative; top:50%; margin-top:-19px; z-index:1; background:#fff; text-align:center; color:#999}
.imposition-information .panel-item{width:241px}
.imposition-information li{overflow:hidden; font-size:0}
/*.imposition-information ul{border-left:1px dashed #ccc; border-top:1px dashed #ccc}
*/
.imposition-information .item{display:block; background-color:#05b302; border-right:1px dashed #ccc; border-bottom:1px dashed #ccc}
.imposition-information .edgerailwidth{background-color:#0c3a0c}
/*ƴ����Ϣ*/
.CoreTypeEm{display:inline-block; vertical-align:top; /*text-indent:30px; */
    font-weight:bold}
.icon-PDF{width:20px; height:22px; background-position:-162px -34px; display:inline-block; margin-right:1px; background-image:url(/Content/img/icons.png); background-repeat:no-repeat; vertical-align:middle}
/*��ɫ*/
.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-warmwhite{background-color:#fffbd6; border:1px solid #ccc}
.example-color-highantiwhiteoil{background-color:#fff; border:1px solid #ccc}
.example-color-none{background:url('/Content/img/color_none.png') no-repeat 0 0}
.example-color-matteblack{background-color:#333}
.example-color-mattegreen{background-color:#46c017}
.example-color-purple{background-color:purple}
.example-color-whitesfr6ks{background-color:#fff; border:1px solid #ccc}
.grayOption .option-con .divselect cite{background:#f5f5f5}
.example-color-none{background:url(/Content/img/onlineNew/color_none.png) no-repeat center}
.example-color-green{background:#007606; border-radius:2px}
.example-color-black{background:#000; border-radius:2px}
.example-color-white{background:#fff; border-radius:2px; border:1px solid #ccc}
.example-color-yellow{background:#ffde00; border-radius:2px}
.example-color-red{background:#c81609; border-radius:2px}
.example-color-blue{background:#0943c8; border-radius:2px}
.example-color-matteblack{background:#333; border-radius:2px}
.example-color-mattegreen{background:#46c017; border-radius:2px}
#rightcontent .noOrderList{text-align:center; line-height:250px}
#rightcontent #rightcontentTable,#rightcontent .remark{display:none}
a{color:#333; text-decoration:none}
#rightcontent{height:425px}
#rightcontent.hasData{height:730px}
#rightcontent.hasData .newQuoteList,#rightcontent.hasData .remark{display:block; overflow-x:hidden}
#rightcontent.hasData .remark{display:block; overflow-x:hidden; display:none !important}
#rightcontent.hasData .noOrderList{display:none}
.newQuoteList{height:420px; overflow-y:auto; padding:0 10px; overflow-x:hidden; display:none; position:relative}
/*����*/
.loader{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6); z-index:999999}
.loader svg path,.loader svg rect{fill:#07A698}
@-webkit-keyframes loading-3{50%{transform:scale(0.4); opacity:.4}
    100%{transform:scale(1); opacity:1}
}
.loading-3{position:relative; height:50px; margin-left:50px}
.loading-3 i{display:block; width:15px; height:15px; border-radius:50%; background-color:#07A698; position:absolute}
.loading-3 i:nth-child(1){top:25px; left:0; -webkit-animation:loading-3 1s ease 0s infinite}
.loading-3 i:nth-child(2){top:17px; left:17px; -webkit-animation:loading-3 1s ease -0.12s infinite}
.loading-3 i:nth-child(3){top:0px; left:25px; -webkit-animation:loading-3 1s ease -0.24s infinite}
.loading-3 i:nth-child(4){top:-17px; left:17px; -webkit-animation:loading-3 1s ease -0.36s infinite}
.loading-3 i:nth-child(5){top:-25px; left:0; -webkit-animation:loading-3 1s ease -0.48s infinite}
.loading-3 i:nth-child(6){top:-17px; left:-17px; -webkit-animation:loading-3 1s ease -0.6s infinite}
.loading-3 i:nth-child(7){top:0px; left:-25px; -webkit-animation:loading-3 1s ease -0.72s infinite}
.loading-3 i:nth-child(8){top:17px; left:-17px; -webkit-animation:loading-3 1s ease -0.84s infinite}
.loader_box{position:absolute; top:50%; margin-top:-44px; left:50%; margin-left:-69px}
.addCar:hover,.botValuation .valuationBtn:hover{opacity:0.9}
.basic_Box .common_area{vertical-align:middle; line-height:32px; margin-left:8px}
.common_area span{/*color:#008C95*/}
/*ȥ���ﳵ����*/
.layui-layer-title{display:none}
.goToCar{padding:30px 0; text-align:center}
.order-cart-item{height:40px; line-height:40px; float:none; margin:20px auto 0}
.layui-layer.layui-anim.layui-layer-page{border:none}
.addFail{padding:30px 0; text-align:center}
.sidebar-tab-onlineservice .sidebar-tab{background:#ba9358}
.wen_tip{width:16px; height:20px; background:url(/Content/img/onlineNew/wen.png) no-repeat center; display:inline-block; vertical-align:sub}
.wen_tip:hover{background:url(/Content/img/onlineNew/wenHover.png) no-repeat center}
.priceDetail{cursor:pointer; display:none}
.downIco{display:inline-block; width:11px; height:7px; margin-top:16px; background:url(/Content/img/onlineNew/arrow_bot.png) no-repeat; margin-left:5px}
.priceDetail:hover .priceDetailBox{display:block; color:#333}
.priceDetailBox{position:absolute; left:-160px; top:30px; background:#fff; box-shadow:0 0 10px #ddd; padding:10px; width:500px; display:none}
.priceDetailBox ul{display:flex; justify-content:space-between}
.priceDetailBox li{flex:1; padding:0 5px; white-space:nowrap}
.specialBox{display:inline-block; width:100%; padding:0 45px 5px; margin:-10px 0 0px; vertical-align:top}
.specialBox i{font-size:12px; color:#008C95; /*margin-right:15px*/}
.lvStyle{margin-right:6px; font-weight:400; cursor:pointer; margin-bottom:0; line-height:26px; background:#fff; border-radius:2px; text-align:center; padding:0px 5px; vertical-align:middle; color:#666; border:1px solid #DFE1E6; font-weight:400; cursor:pointer; background:#fff}
.lvStyle a{color:#666}
/*.tsgy1 .tooltip.in,.tsgy2 .tooltip.in{width:300px !important}
*/

.pinban_info .imposition-informationExample{position:absolute; z-index:200}
.tooltip-inner{width:300px !important}
.orderKey{width:24px; height:24px; background-image:linear-gradient(45deg,#FB9001 0%,#008C95 99%,#CC110F 100%); border-radius:6px; color:#fff; text-align:center; line-height:24px; text-indent:0; margin-left:5px; padding:2px 5px}
.sidebar-cart .item{position:relative; margin-top:448px !important}
.carnum-box .num{height:20px; line-height:20px; padding-left:6px; padding-right:6px; color:#fff; background-color:#000; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; display:block}
/*������ť*/
.analysisBtn{width:80px; height:84px; background-color:#008C95; border-radius:4px; font-size:14px; color:#fff; margin-bottom:5px; text-align:center; text-wrap:unset; padding-top:25px; box-sizing:border-box; z-index:99; cursor:pointer; padding-top:0px; position:absolute; top:-90px; right:-4px; animation:big 2s infinite linear}
.switchBtn{width:80px; height:84px}
.questionnaire{width:80px; height:84px; background-color:#ba9358; border-radius:4px; font-size:14px; color:#fff; margin-bottom:5px; text-align:center; text-wrap:unset; padding-top:25px; box-sizing:border-box; z-index:99; cursor:pointer; padding-top:0px; position:absolute; top:-180px; right:-4px}
.questionnaire:hover{background-color:#008C95}
.analysisBtn .analysisCon{width:80px; float:right}
#endTocar{margin-top:90px}
.analysisBtn b{font-size:16px; font-weight:400}
@keyframes move{0%{transform:translateX(0px)}
    60%{transform:translateX(0px)}
    70%{transform:translateX(0px)}
    50%{transform:translateX(50px)}
    100%{transform:translateX(0px)}
}
@keyframes big{0%{width:80px}
    60%{width:80px}
    70%{width:90px}
    80%{width:80px}
    90%{width:90px}
    100%{width:80px}
}
/*��������*/
.analysisAlert .close{width:14px; height:14px; background-image:url('../../../Content/img/SheetMetal/close.png'); position:absolute; right:20px; top:10px}
.analysisAlert .analysisCon{width:280px; height:calc(100vh - 80px); background-color:#fff; position:absolute; right:0; top:80px}
.analysisAlert .analysisCon form{width:240px; height:200px; border:1px dashed #999; margin:40px auto 5px; padding:20px; box-sizing:border-box; text-align:center; cursor:pointer}
.analysisAlert .analysisCon form .text1{font-size:20px; color:#FF9800; margin-bottom:15px}
.analysisAlert .analysisCon form .text2{font-size:12px; color:#333}
.analysisAlert .analysisCon .tips{padding:20px; box-sizing:border-box; font-size:12px; color:#333}
.analysisAlert .analysisCon .tips span{display:inline-block; width:16px; height:16px; border-radius:50%; color:#fff; line-height:16px; text-align:center; background-color:#FF9800; margin-right:5px; vertical-align:top}
.analysisAlert .analysisCon .tips p{display:inline-block; width:212px}
.analysisAlert .analysisCon .analysisData{margin-top:20px; width:280px}
.analysisAlert .analysisCon .analysisData .analysisTitle{background-color:#F7F6F4; font-size:0}
.analysisAlert .analysisCon .analysisData .analysisTitle span{display:inline-block; width:50%; font-size:14px; color:#222; text-align:center; height:40px; line-height:40px}
.analysisAlert .analysisCon .analysisData .analysisList{height:490px; overflow-y:auto}
.analysisAlert .analysisCon .analysisData .analysisList li{/* height:80px; */
    display:flex; justify-content:space-between; align-items:center; padding:10px 20px; box-sizing:border-box; position:relative}
.analysisAlert .analysisCon .analysisData .analysisList li:hover{background-color:rgb(255,245,229)}
.analysisAlert .analysisCon .analysisData .analysisList li:hover .orderBtn{background-color:#008C95; color:#fff}
.analysisAlert .analysisCon .analysisData .analysisList li .left,.analysisAlert .analysisCon .analysisData .analysisList li .right{margin-bottom:10px}
.analysisAlert .analysisCon .analysisData .analysisList li .left div{display:inline-block}
.analysisAlert .analysisCon .analysisData .analysisList li .left img{width:30px; height:30px; margin-right:10px; font-size:14px; vertical-align:top; margin-top:6px}
.analysisAlert .analysisCon .analysisData .analysisList li .left .name{white-space:nowrap; color:#222; width:90px; text-overflow:ellipsis; overflow:hidden; font-size:14px; margin-bottom:4px}
.analysisAlert .analysisCon .analysisData .analysisList li .left .yellow_text{color:#008C95}
.analysisAlert .analysisCon .analysisData .analysisList li .left .red_text{color:red}
.analysisAlert .analysisCon .analysisData .analysisList li .left .edit{color:#333; text-decoration:underline}
.analysisAlert .analysisCon .analysisData .analysisList li .proBox{display:flex; justify-content:space-between; align-items:center; position:absolute; bottom:6px; left:20px; width:240px}
.analysisAlert .analysisCon .analysisData .analysisList li .pro_b{position:relative; left:0; top:0; width:200px; height:4px; background-color:#e5e5e5; overflow:hidden; border-radius:4px}
.analysisAlert .analysisCon .analysisData .analysisList li .pro_s{position:absolute; left:0; top:0; width:100px; height:100%; border-radius:4px; background-color:#008C95}
.analysisAlert .analysisCon .analysisData .analysisList li .left .stateName{font-size:14px; color:#008C95}
.analysisAlert .analysisCon .analysisData .analysisList li .left .errText{width:140px; /* max-height:35px; */
    /* white-space:nowrap; text-overflow:ellipsis; */
    overflow:hidden; -webkit-line-clamp:2; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical}
.analysisAlert .analysisCon .analysisData .analysisList li .right .orderBtn{display:inline-block; width:50px; height:30px; background-color:#fff; border:1px solid #008C95; text-align:center; line-height:30px; color:#008C95; margin-right:14px; border-radius:4px; cursor:pointer}
.analysisAlert .analysisCon .analysisData .analysisList li .right .orderBtn:hover{background-color:#008C95; color:#fff}
/* .analysisAlert .analysisCon .analysisData .analysisList li .right .orderBtn:hover{background-color:#008C95}
*/
.analysisAlert .analysisCon .analysisData .analysisList li .right img{width:16px; height:16px}
.analysisAlert .analysisCon .analysisData .analysisList li .right .analysisDel{display:inline-block; cursor:pointer; width:16px; height:16px; background-image:url(../../../Content/img/PcbQuote/analysisListDel.png)}
.analysisAlert .analysisCon .analysisData .analysisList li .right .analysisDel:hover{background-image:url(../../../Content/img/PcbQuote/analysisListDel2.png)}
. /*analysisAlert .analysisCon .analysisData .analysisList li:hover .orderBtn{display:inline-block}
*/
    /*���빺�ﳵ����*/
.addCarAlert{display:none; width:100%; height:100vh; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:999}
.addCarAlert .detailAlert{display:block; width:1280px; height:auto; max-height:96vh; overflow:auto; background-color:#fff; position:absolute; left:50%; top:50%; padding:0; transform:translate(-50%,-50%)}
.addCarAlert .detailAlert .alertTitle{height:42px; background:rgba(123,88,34,0.1); padding:0 20px; line-height:42px; color:#252525; display:flex; justify-content:space-between; align-items:center}
.addCarAlert .detailAlert .alertTitle .close{width:30px; height:30px; /* background-image:url('/Content/img/icon_loginregisterdropboxClose.png'); */
    background:url(/Content/img/PcbRevision/alert_close.png); background-size:100% 100%; z-index:999}
.addCarAlert .detailAlert .tips{background:rgba(254,244,244); padding:8px 20px; color:#333; font-weight:600; border-top:2px solid #f74141}
.addCarAlert .detailAlert .tips .redText{color:#F10C0C}
.addCarAlert .detailAlert .s_title{font-size:14px; margin:5px 0; font-weight:bold}
.addCarAlert .detailAlert .con{padding:0 20px 20px 20px; box-sizing:border-box}
.addCarAlert .detailAlert .con > ul li{width:20%}
.addCarAlert .detailAlert .con > ul .block > em{width:120px; display:inline-block; overflow:hidden; vertical-align:middle; color:#333}
.addCarAlert .detailAlert .con > ul{font-size:0; /* border-top:1px solid #F3F3F3; */
    /*border-bottom:1px solid #F3F3F3; */}
.addCarAlert .detailAlert .con > p{height:40px; line-height:40px; border-top:1px solid #F3F3F3}
.addCarAlert .detailAlert .con > ul li{height:23px; line-height:23px; font-size:14px}
.addCarAlert .detailAlert .con > ul li.ReportList{display:block; width:100%}
.addCarAlert .detailAlert .con > ul li.block2{display:inline-block; width:40%}
.addCarAlert .detailAlert .con > ul li.ReportList.undis{display:none !important}
.addCarAlert .detailAlert .con > ul li.Compensation{width:40%}
.addCarAlert .detailAlert .con ul li span{padding:0 10px 0 0; box-sizing:border-box; display:inline-block; width:120px; background-color:#FFF; margin-right:6px; color:#888}
.addCarAlert .detailAlert .con .remarks{/*padding:5px 0; */
    /*border-bottom:1px solid #eee; */}
.addCarAlert .detailAlert .con .remarks > span{/*font-weight:bold; */
    display:inline-block; width:60px}
.addCarAlert .detailAlert .con .remarks > span,.addCarAlert .detailAlert .con .remarks textarea{vertical-align:middle; padding:0}
.addCarAlert .detailAlert .con .remarks textarea{padding:4px}
.addCarAlert .detailAlert .con3{display:flex; justify-content:space-between; align-items:center; height:45px; margin-top:15px}
.addCarAlert .detailAlert .con3 .c_left{width:750px}
.addCarAlert .detailAlert .con3 .c_left ul{/*display:flex; */
    overflow:hidden
    /*justify-content:space-around*/}
.pscBg{width:84px; height:23px; background-image:url(/Content/img/onlineNew/icon_psc.png); line-height:23px; font-size:12px; color:#F10C0C; font-weight:bold; padding-left:12px; display:inline-block}
.addCarAlert .detailAlert .con3 .c_left ul li{/*display:flex; */
    float:left; width:80px}
.addCarAlert .detailAlert .con3 .c_right{display:flex; align-items:center}
.addCarAlert .detailAlert .con3 .c_right span{font-size:18px; margin-right:20px; width:215px}
.addCarAlert .detailAlert .con3 .c_right span b{font-size:24px; color:#008C95}
.addCarAlert .detailAlert .con3 .c_right div{width:120px; line-height:40px; height:40px; text-align:center; cursor:pointer; color:#fff}
.addCarAlert .detailAlert .con3 .addCarSubmit{display:inline-block; width:100px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background-color:#008C95; border-radius:4px; vertical-align:middle; margin-right:20px}
.size_tips_num{width:117px; height:32px; padding-left:18px; background:url(/Content/img/onlineNew/tips_num.png) no-repeat center; right:-144px; top:-2px; position:absolute; line-height:32px}
.bigAlert{width:100%; height:100vh; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:99999; display:none}
.categoryAlert{display:none}
.categoryAlert .categoryCon{position:absolute; left:50%; top:30%; margin-left:-440px; width:880px; background-color:#fff; /*padding:0px 40px 20px; */
    box-sizing:border-box; text-align:center; border-radius:4px}
.categoryAlert .categoryCon ul{padding:20px; box-sizing:border-box; width:100%; display:flex; justify-content:space-between; align-items:center}
.categoryAlert .categoryCon ul li{position:relative; cursor:pointer; padding:15px; box-sizing:border-box}
.categoryAlert .categoryCon ul li:hover{background-color:rgb(255,245,229)}
.categoryAlert .categoryCon ul li p{margin-top:8px; font-size:16px}
.categoryAlert .categoryCon ul .newIcon{width:54px; height:20px; position:absolute; top:5px; right:22px; background-image:url('/Content/img/onlineNew/alertINew.png')}
.categoryAlert .categoryCon .title{font-size:16px; color:#000; text-align:left; border:1px solid #DFE1E6; line-height:40px; padding:0 10px; box-sizing:border-box}
.analysisAlert .analysisCon form:hover{border:1px dashed #008C95}
.newQuoteList li{width:480px; border-bottom:1px solid #ccc; /* display:flex; align-items:center; */}
.panelLeft:nth-of-type(1){border-top:none}
.newQuoteList .panelLeft{width:480px; cursor:initial; line-height:42px; position:relative; padding:0px 5px 0 10px; border-bottom:1px solid #ccc}
.newQuoteList .radioB{display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:50%; vertical-align:middle; margin:0 20px 0 10px; position:relative}
.radioC{width:16px; height:16px; border-radius:2px; margin:0 22px 0 12px}
.radioB img{display:none; position:absolute; left:-4px; top:-4px}
.newQuoteList .quoteListDetail .active .radioB img{display:block}
.newQuoteList .quoteListDetail .active .radioB{border:4px solid #008C95}
.newQuoteList .quoteListDetail > div{overflow:hidden; border-bottom:1px solid #eee; cursor:pointer}
.newQuoteList .quoteListDetail > div.active{background:#E1F8FA; font-weight:bold}
.newQuoteList .quoteListDetail > div:last-child{border-bottom:none}
.newQuoteList .quoteListDetail span{display:block; line-height:42px; float:left; font-size:14px; white-space:nowrap}
.IsRecommendHtml{color:#f00 !important
    /*width:154px!important*/}
.priceDetail{color:#999}
.newQuoteList .quoteListDetail span:nth-of-type(1){width:115px}
.newQuoteList .quoteListDetail span:nth-of-type(2){width:55px; text-align:center}
.newQuoteList .quoteListDetail span:nth-of-type(3){width:85px; text-align:center}
.newQuoteList .quoteListDetail span:nth-of-type(5){width:60px; padding-left:5px; color:#008C95}
.newQuoteList li .hideDetail{padding:10px 40px; display:none; line-height:24px}
.newQuoteList li .detailDiv{overflow:hidden}
.newQuoteList li.active .detailDiv,.rightcontentTable li.active .hideDetail{background:#fff; overflow:hidden}
.newQuoteList li .listDataCheck:hover{background:#E1F8FA}
.hideDetail b{display:inline-block; width:46%; font-weight:normal; line-height:16px; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#666}
.newQuoteList li .hideDetail{border-top:1px solid #eeee; position:absolute; z-index:99; background:#fff; overflow:hidden; box-shadow:0 0 10px #eee; left:0; top:50px; width:500px}
.showRightMenu{position:fixed; right:0px; top:270px; width:24px; padding-top:20px; height:80px; cursor:pointer; background:#008C95; text-align:center; color:#fff; border-radius:6px 0 0 6px; z-index:9999}
.zyIcon{border:1px solid #008C95; color:#008C95; padding:1px; border-radius:4px; margin-left:3px; font-weight:normal}
.xietong{border:1px solid #1D53BF; color:#1D53BF; padding:1px; border-radius:4px; margin-left:3px; font-weight:normal}
.xyIcon{border:1px solid #f00; color:#f00; padding:2px; border-radius:4px; margin-left:3px; font-weight:normal}
.active .zyIcon,.active .xyIcon{font-weight:bold}
.new-order-free-box{width:300px; background:#FFF1DD; /*display:none; */
    padding-left:10px}
.order-free-box{padding-left:25px; background:url(/Content/img/onlineNew/unselect.png) no-repeat left center; margin-top:10px}
.order-free-box.active{background:url(/Content/img/onlineNew/select.png) no-repeat left center}
.order-free-box .free-input{margin-top:6px; margin-right:5px}
.pcb-delivery-days{width:120px !important; display:inline-block !important; overflow:hidden !important; vertical-align:middle !important; float:none !important; margin:0 !important}
.order-box{vertical-align:middle}
.iconfont{line-height:10px; cursor:pointer; display:inline-block; width:10px; height:10px}
.order-box .iconfont.active{color:#008C95}
.order-box .iconfont:hover{opacity:0.7}
.top-order{background:url(/Content/img/PcbQuote/up.png) no-repeat center center; position:absolute; top:10px}
.bottom-order{background:url(/Content/img/PcbQuote/down.png) no-repeat center center; position:absolute; top:20px}
.order-box .top-order.active{background:url(/Content/img/PcbQuote/upActive.png) no-repeat center center; position:absolute; top:10px}
.order-box .bottom-order.active{background:url(/Content/img/PcbQuote/downActive.png) no-repeat center center; position:absolute; top:20px}
.productionBase{padding:15px; border-block:1px solid #ddd}
.productionBase .title{width:145px; line-height:60px}
.productionBase ul li{height:60px; border:1px solid #ddd; border-radius:2px; position:relative; float:left; margin-right:15px; width:330px !important; padding:5px 10px; line-height:22px !important; cursor:pointer}
.productionBase ul li:nth-of-type(1){text-align:center; line-height:50px !important; width:100px !important}
/*生产基地*/
.productionBaseList{width:1070px; overflow:hidden; position:relative; height:60px}
.productionBaseList ul,.productionBaseList .leftBtn,.productionBaseList .rightBtn{position:absolute}
.productionBaseList .leftBtn{left:0; z-index:99; top:13px; z-index:99; width:24px; height:32px; background:#ddd; cursor:pointer; display:none; opacity:0.7}
.productionBaseList .rightBtn{right:0; top:13px; z-index:99; width:24px; height:32px; background:#ddd; cursor:pointer; opacity:0.7}
.productionBaseList li .subscript-ico{display:none}
.productionBaseList li.active{border:1px solid #008C95; background:#E1F8FA}
.productionBaseList li.active .subscript-ico{display:block}
.textP span{border-right:1px solid #ddd; padding:0 4px}
.textP span:first-child{padding-left:0}
.textP span:last-child{border:none}
.synergy{color:#0868F9; border:1px solid #0868F9; font-size:12px; border-radius:2px; padding:0 2px}
/* pcb计价 smt部分 */

.smtParam{display:flex; align-items:center; flex-wrap:wrap}
.smtParam > div:nth-child(1),.smtParam > div:nth-child(4){width:250px}
.smtParam > div:nth-child(2),.smtParam > div:nth-child(5){width:300px}
.smtParam > div{/* width:33%; */
    text-align:center}
.smtParam > div .option-con{display:inline-block; font-size:0}
.smtParam > div .option-con .item{font-size:14px}
.smtParam .option > .option-con.pull-left{width:auto !important}
.smtParam .option .title,.smtRemark .title{width:auto !important; margin-right:3px}
.smtParam > div .title{display:inline-block}
.smtInput{width:80px; border:1px solid #ccc; border-radius:2px; overflow:hidden; font-family:"Microsoft YaHei"; height:30px; line-height:29px; color:#555; vertical-align:middle; font-size:16px; padding-left:12px; box-sizing:border-box}
.smtLabel{display:inline-block; width:40px; height:30px; line-height:28px; background-color:#efefef; color:#666; font-size:14px; text-align:center; vertical-align:middle; border:1px solid #ccc; border-left:none}
.smtRemarkText{width:642px; border:1px solid #ccc; padding:6px 12px}
input[type=checkbox]{background-color:#008C95}
#checkbox1,.shrinkCheck{width:16px; height:16px; display:inline-block; vertical-align:middle; margin-right:20px}
.shrinkCheck{position:absolute; left:90px; top:0; margin:0 !important}
.shrinkBtn{position:relative; padding-left:50px}
.workmanshipSmt .smtTitle{padding-left:10px; border-left:3px solid #008C95}
.workmanshipSmt .title_left{border:none; padding-left:0px}
input[type="checkbox"]:checked + body{background-color:#ff0000 !important}
.addCarAlert .detailAlert .con .remarks textarea{display:inline-block; width:1112px; border:none; height:31px; resize:none; box-shadow:none}
.smtList{padding:0 5px}
.newQuoteladder li{background:#f7fbff}
.newQuoteladder li,.newQuoteSmt li{width:490px; overflow:hidden; margin-bottom:2px}
.bottomCssListQuote .quoteListDetail span:nth-of-type(1){width:225px; padding-left:5px}
.bottomCssListQuote .quoteListDetail span:nth-of-type(2){width:30px; text-align:center}
.bottomCssListQuote .quoteListDetail span:nth-of-type(3){width:70px; text-align:center}
.bottomCssListQuote .quoteListDetail span:nth-of-type(4){width:100px; padding-left:5px}
.bottomCssListQuote .quoteListDetail span:nth-of-type(4) i{display:inline-block; width:50%; text-align:left}
.bottomCssListQuote .quoteListDetail span:nth-of-type(4) i.price{color:#008C95}
.newQuoteladder .radioB,.newQuoteSmt .radioB{display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:50%; vertical-align:middle; margin:0 20px 0 10px; position:relative}
.newQuoteladder .quoteListDetail span,.newQuoteSmt .quoteListDetail span{display:block; line-height:42px; float:left; font-size:14px; white-space:nowrap; cursor:pointer}
.newQuoteladder .CoreTypeEm{text-indent:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:110px}
.newQuoteladder .quoteListDetail > div{overflow:hidden}
.newQuoteladder .quoteListDetail .active .radioB img{display:block; left:-1px; top:-1px}
.newQuoteladder .quoteListDetail .PcbSetNum{display:none !important}
.mmModel .layui-layer-title{display:block!important}
.ImageTransterBox{display:inline-block; position:relative}
.ImageTransterBox table{width:820px; height:450px; background:#ddd; position:absolute; left:7px; top:30px; display:none}
.ImageTransterBox:hover table{display:block; z-index:9}
.screenprintingTable,.screenprintingTable th,.screenprintingTable td{border:1px solid #ddd; border-collapse:collapse; text-align:center; line-height:24px}
.screenprintingTable th{background:#ddd}
#SolderCoverTable,#SolderCoverTable th,#SolderCoverTable td{border:1px solid #ccc; padding:5px}
#SolderCoverTable td img{width:140px; height:120px}
/*特惠活动*/

.activitylistDataCheck.active{border:1px solid #f00!important}
.newQuoteList .quoteListDetail .activitylistDataCheck .price{color:#f00 !important}
.activityBox{border-top:1px dashed #f00; margin-right:10px; line-height:26px; font-size:12px}
.newQuoteList .quoteListDetail > .activitylistDataCheck.active,.newQuoteList li .activitylistDataCheck:hover,.newQuoteList2 .quoteListDetail > .activitylistDataCheck.active,.newQuoteList2 li .activitylistDataCheck:hover{background:#FFF7F7 !important}
.activitylistDataCheck:hover{border:1px solid #f00!important}
.activityBox .icon{background:linear-gradient(90deg,#ffa2a2 1%,#ff0000 11%,#ff9797 14%,#ff6161 19%,#ff0000 100%); border-radius:2px; padding:1px 2px; color:#fff; font-weight:normal}
.activityBox s{margin:0 6px; color:#999!important}
.activityBox .cl-f00{color:#f00; font-weight:normal}
.activitylistDataCheck.active .activityBox .cl-f00{color:#f00; font-weight:bold}
.quoteListDetail .activitylistDataCheck.active:after{content:''; position:absolute; bottom:0; right:0; background:url('/Content/img/PcbQuote/right.png') no-repeat!important; background-size:cover!important; width:16px; height:16px; opacity:0}
.activitylistDataCheck:after{transition:all 0.1s ease!important; -moz-transition:all 0.1s ease!important; -webkit-transition:all 0.1s ease!important}
.boxQuoteMatrix{background-color:#F3FAFA; border-radius:2px; font-size:20px; margin:0 1em .6em; font-family:"Microsoft Yahei","微软雅黑",Arial; user-select:none; position:relative}

.boxQuoteMatrix .n{display:none}
.boxQuoteMatrix .t{font-size:.7em; padding:.8em .8em .5em; cursor:pointer}
.boxQuoteMatrix .t i{font-family:iconfont_dg; margin-left:.5em; display:inline-block; transform:rotate(-90deg)}
.boxQuoteMatrix .t span{float:right; color:#666}
.boxQuoteMatrix.show .t i{transform:rotate(0)}
.boxQuoteMatrix .list{background-color:#fff; display:flex; border-radius:8px; margin:0 .5em; max-width:770px; overflow:auto}
.boxQuoteMatrix .list ul{min-width:88px; font-size:.65em; text-align:center; background-color:#fff; box-sizing:border-box; border:1px solid #effeff}
.boxQuoteMatrix .list ul.inArea{background-color:#effeff}
.boxQuoteMatrix .list ul.inArea li:first-of-type,.boxQuoteMatrix .list ul.inArea .tbt{font-weight:bold; color:#008C95}
.boxQuoteMatrix .list ul li{padding:.3em; box-sizing:border-box; border-bottom:1px solid #F8F7F4; line-height:20px}
.boxQuoteMatrix .list ul li.tbt{background-color:#E1F8FA; font-weight:bold}
.boxQuoteMatrix .list ul li:first-of-type span{line-height:26px}
.boxQuoteMatrix .list ul li:first-of-type span,.boxQuoteMatrix .list ul:first-of-type span{font-size:14px}
.boxQuoteMatrix .list ul:first-of-type,.boxQuoteMatrix .list ul:last-of-type{position:sticky; top:0; box-shadow:rgba(0,0,0,.1) 0 0 1em}
.boxQuoteMatrix .list ul:first-of-type{left:0}
.boxQuoteMatrix .list ul:last-of-type{right:0}
.boxQuoteMatrix .note{display:flex; justify-content:space-between; padding:1em}
.boxQuoteMatrix .note span{color:#07A698}
.boxQuoteMatrix .note em{color:#999}
@media screen and (max-width:1446px){.boxQuoteMatrix .list{max-width:710px}
}