@charset "utf-8";
body{background:#fff;}
.cl-7B5822{color:#7B5822}
h1,h2,h3{margin:0;}
.middle{vertical-align: middle}
.plr10{padding-left:20px;padding-right: 20px;}
.to-top a:hover{color:#fff;}
.new_top{height: 55px;line-height: 55px;background: #7b5822;width: 100%;padding-left:10px;padding-right: 10px;}
.nav_left li{float: left;}
.nav_left .logo{margin-top:12px;}
.nav_left ul li a{display: block;padding:0 15px;color:#fff;font-size: 16px;}
.online_icon{background-image: url(/Content/img/onlineNew/online_icon.png);display: inline-block;}
.w1300{
    width:1300px;
    margin-left:auto;margin-right:auto;
}
.nav_left li a:hover .arrow_bottom {
    transform: rotate(180deg);
}
.top_tools{
	float: left;
}
.sel-title .sel_result {
    border-radius: 50%;
    display: inline-block;
    padding: 0 6px;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    margin-left: 10px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: -8px;
    top: -11px;
    z-index: 9;
    display:none
}
.user_icon{background-position: -1px -1px;width:30px;height: 30px;}
.nav_menu{background-position: -46px -6px;width:21px;height: 21px;}
.history_list{background-position: -87px -3px;width:28px;height: 28px;}
.cart_icon{background-position: -128px -3px;width:28px;height: 28px;}
.nav_right li{display: inline-block;padding: 0 8px;}
.nav_right li a{vertical-align: middle;}
.nav_right em{
	position: absolute; top: -5px; right: -7px; min-width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; background-color: #008C95; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.t_left .fixed-table .table-FR4Type p {
    display: inline-block;
    vertical-align: middle;
    line-height: initial;
    margin:0;
}
.info_item {
    font-size:12px;
    width: 100%
}
.info_title{font-size: 16px;margin-bottom: 10px;margin-top: 15px;}
/*产品信息*/
/*重定义*/
.tooltip{text-align: left!important; }
.tooltip.bottom .tooltip-arrow{border-bottom-color: #fff;}

.tooltip-inner{background-color: #fff; color: #000; text-align: left; padding: 8px 10px; webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;max-width: 380px;}
.tooltip.in{opacity: 1;}
.divselect-box{width: 130px;position:relative;}
.select-style{width:100%;height:30px;position: relative;background: #fff;border-radius: 2px;border:1px solid #ccc;display:block;overflow: hidden;padding-right:20px;}
select.forms-control{border-radius: 4px;border-color: #d1b387;outline: none;width: 100%;height: 32px;padding-left: 10px;
	line-height: 30px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.select-style:after{content: "";width: 30px;height: 30px;background: url(/img/img/lu/new/newindexV3/surplus.png) no-repeat center;position: absolute;right: -1px;top: -1px;pointer-events: none;background-size:100%;}
.select-style a{display:block;line-height:28px;color:#333;padding-left:10px;}
.divselect-box1{width:90px;}
#select2 cite.select-style1{border:1px solid #dddddd;color:#444444;background: #fff;}
.wen_tip,.item-tips .jp-ico{width:16px;height: 16px;background:url(/img/img/onlineNew/wen2.png) no-repeat center; float:right; vertical-align: sub;}
.wen_tip-3 {
    background: url(/img/img/onlineNew/wen3.png) no-repeat center;
}
.wen_tip-tan1 {
    background: url(/img/img/onlineNew/tan1.png) no-repeat center;
}
.size_item{height:30px;line-height: 30px;border:none;width:35%;padding-left: 10px;}
.size_item:nth-of-type(1){border-radius: 4px 0 0 4px}
.option-size {
    width: 212px;
    border-top: 1px solid #ccc;
    position: relative;
    margin-bottom: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #F5F5F5;
    border-radius: 2px;
}
.hover_detail .hover_detail_content .ts_process_para li{width:auto;}
.hover_detail .ts_process_para li em {color: #f00;line-height:50px; display: inline-block; padding:0 2em 0 .5em; width: auto;}
.hover_detail .ts_process_para li span{line-height:50px;display:inline-block; padding:0 .5em 0 1em; width: auto;}
.option {
    margin-bottom:11px;
}
.info_basic select{padding:0 10px;width: 240px;height: 32px;line-height: 32px;}
.info_comm{width:838px;padding:10px 0 20px 20px;border-left:1px solid #ececec; }
.info_comm .option{float: left;width: 100%;margin-bottom: 0;}
.info_comm .option .option-con{width: 684px;}
.info_comm .option .option-choose li{margin-bottom: 10px;}
.option-size .form-control{width:80px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding:6px 7px;}
.option-size .form-control.active{background:#fff3f3;border:1px solid #ffa8a8;}
.info_comm .form-control{display: inline-block;}
/*锣槽间距*/
.slot-spacing .form-control{padding-right:0;width:39px;height:30px;line-height:30px;padding-left:5px;border:none;border-right: 1px solid #dcdcdc;}
/*.info_cont{height:130px;}*/
.info_ts{border-top: none;padding:5px 20px;margin-bottom:50px;}
.info_ts_cont .option{float: left;margin-right: 120px;margin-top: 10px;}
.info_ts_cont li{float: left;}
.ts_input{padding-top:10px;border-top: 1px solid #e6e6e6; }
.page-list{background: #fff;}
.list-inline>li{/*background: #f5f5f5;*/padding:0 10px 10px 0;}
.page-list .parameter-list{padding-left: 6px;}
.page-list .parameter-list .parameter-item .parameter-search{border-bottom: 1px solid #e6e6e6; }
.label_x,.label_cm{width:15%;text-align: center;margin-top: 4px;}
.t_right{overflow-x: auto;}
.info_ts_cont{border-top: 1px solid #e5e5e5;}
/**/
.coordination-table{width: 100%;}
.xgpp{background: #fff;padding-top:20px;padding-bottom:60px;}
.xgpp thead tr{background: #F7F5F7;}
.paxu{height:36px;line-height: 36px;background: #fafafa;margin-bottom: 10px;}
.paxu span{display: inline-block;padding:0 25px 0 20px;cursor: pointer;}
.paxu span img{margin-left: 5px;}

/*选择框*/
.divselect{position:relative;}
.divselect cite{width:100%; height:32px;line-height:30px; display:block; color:#333; font-style:normal;padding-right:30px; border:1px solid #d1b387;padding-left: 10px;border-radius: 4px;}
.divselect cite a{display:inline-block; height:24px;cursor:Default;color: #333;text-decoration: none;}
.divselect ul{width:100%;border:1px solid #ccc; background-color:#ffffff; position:absolute; z-index:99; margin-top:-1px; display:none;}
.divselect ul li{height:30px; line-height:30px;}
.divselect ul li a{display:block; height:30px; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px;cursor:Default;}
.divselect ul li a:hover{background: #e5e5e5;}
.divselect cite a b,.divselect ul li a b{display: inline-block;width: 12px;height: 12px;margin-right: 10px;}
.pbfs li{float: left;line-height: 32px;margin-right: 10px;}
.pbfs li input{display: none;}
.xgpp_title em{display: block;padding-left:22px;background:url(/Content/img/onlineNew/remove.png) no-repeat left center; margin-left: 20px;cursor: pointer}
/*颜色*/
.example-color{width: 12px; height: 12px; margin-right:0; 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-purple{background-color: purple}
.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('/img/img/color_none.png') no-repeat 0 0;}
.example-color-matteblack{background-color: #333;}
.example-color-mattegreen{background-color: #46c017;}

.grayOption .option-con .divselect cite{background: #f5f5f5}
.example-color-none{background: url(/img/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;}
.typeBtn{color: #495057;display: inline-block;line-height: 32px;width: 70px;text-align: center;border: 1px solid #e6e6e6;border-radius: 4px;margin-right: 10px}
.typeBtn.active{color: #f90;border: 1px solid #008C95}
.pcsType{width: 15%;height: 100%;background: #d1b387;color: #fff;position: absolute;right: 0;top: 0;z-index: 9;text-align: center;}
.ts_input .option-con{float: left;max-width: 200px;margin-right: 10px}
.colorSpan{color: #d1b387;margin-right: 5px}
.divselect-list.open{
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

  .divselect-list{
  	display: block!important;
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
/*.pcbDetail{background: #fff;box-shadow: -2px 0 31px rgba(0,0,0,.1);    position: absolute;
    width: 1280px;
    z-index: 9;
    right: 0;}*/
.pcbDetail ul{overflow: hidden;}
.pcbDetail li,.hover_detail li{
    float: left;
    width: 25%;
    height: 50px;
    font-size:14px;
    overflow:hidden;
}
.pcbDetail .pcbDetail-ul li{
    width: 25%;
}
.pcbDetail .pcbDetail-ul .Fee-NeedReportList{width:100%;}
.pcbDetail .pcbDetail-ul .Fee-NeedReportList span{max-width:153px;}
.pcbDetail .pcbDetail-ul .Fee-NeedReportList em{width:calc(100% - 153px);}
.pcbDetail table{width:100%;table-layout:fixed;}
.pcbDetail table tr{width:25%; display: inline-block;min-height: 30px;
    vertical-align: top;}
.pcbDetail table tr td{height: 100%;}
.pcbDetail table tr span{background: #F9F9F9;width:128px;display:inline-block;padding:5px 10px;line-height:20px;}
.pcbDetail table em{margin-left:20px;}
.pcbDetail{border:1px solid #f3f3f3; border-left:none; border-top:none; overflow: hidden;}
.pcbDetail li{border:1px solid #f3f3f3; border-right:none; border-bottom:none;}

.ullifc li span,.ullifc li em{display: flex; float: left; width:50%; align-items: center; box-sizing: border-box; height:50px; padding:0 .7em; line-height:14px;}
/*.ullifc li span{text-align:right;  justify-content:right;}*/
.pcbDetail li span,.hover_detail li span{background: #F9F9F9;}
.hover_detail .hover_detail_content .Fee-TestReport{width:100%}
.hover_detail .hover_detail_content .Fee-TestReport span{max-width:158px;}
.hover_detail .hover_detail_content .Fee-TestReport em{width: calc(100% - 158px);}
.pcbDetail li em,.hover_detail li em{text-align:left;  justify-content:left;}
.pcbDetail li s,.hover_detail li s{font-style:normal;text-decoration: none;}
/*加工详情*/
/*.info_new_box{padding-top: 20px;}*/
.parameter-item{vertical-align:top;}
/*.parameter-content{height: 226px;}*/
/*.xgpp{padding-bottom: 60px;}*/
/*表格*/
.xgpp-table-title th{height: 36px;line-height: 36px;padding:0 10px;}
.xgpp-table-title th,.xgpp-table-cont td{min-width: 80px;border:none;}
.xgpp-table-cont td{border-bottom: 1px solid #e5e5e5;padding:10px;height:80px;}
.change-table .xgpp-table-title th{/*background: #dcd3c5*/ font-weight: normal;}
.change-table th,.change-table .xgpp-table-title th{width:139px;}
.t_right .change-table [data_name="CoreType_"]{min-width:120px;width:180px;display:none}
.t_right .change-table [data_name="Industry_"]{min-width:100px;width:150px;}
.t_right .change-table [data_name="Retardant"]{width:125px;}
/*.t_right .change-table [data_name="Halogen_"]{width:68px;}*/
.t_right .change-table [data_name="TgType"]{width:75px;}
.t_right .change-table [data_name="Water_"] {
    width: 150px;
}

.t_right .change-table [data_name="Product_"]{width:180px;}
.t_right .change-table [data_name="PeelStrength"]{width:148px;}



/*.t_right .change-table .xgpp-table-title th,.t_right .change-table .xgpp-table-title th .th_item{width:max-content;background: #F7F5F7;}*/
.fixed-table{
    table-layout: fixed;
    border-top: none!important;
    border-right:none!important;
}
.cart_item{display: block;border-radius: 4px;line-height: 32px;height:34px;width: 120px;text-align: center;cursor: pointer;color: #fff;border:1px solid #008C95;color:#f90;}
.cart_item .ico-cart,.add-cart .ico-cart{width: 20px; height: 20px; background-position: -190px -260px;background-image: url(/img/img/lu/new/new_icons0515.png);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    display: inline-block;
    margin-right: 5px;
}

.cart_item:hover{background:#008C95;color:#fff;}
.cart_item:hover .ico-cart{background-position: -234px -98px;}
.ico-apply{width: 20px; height: 20px;background-position: -141px -259px; background-image: url(/img/img/lu/new/new_icons0515.png);
    background-repeat: no-repeat;
    vertical-align: text-bottom;
    display: inline-block;
    margin-right: 5px;
}
 .apply_item{display: block;border-radius: 4px;line-height: 32px;height:34px;width: 120px;text-align: center;cursor: pointer;color: #fff;border:1px solid #008C95;color:#f90;}
 .apply_item:hover{background:#008C95;color:#fff;}
  .apply_item:hover .ico-apply{background-position: -92px -259px; }
/*.fixed-table .cart_item:hover{color: #fff;}*/
.designated_apply h2{line-height:34px;}
.change-table{border:none;min-width: 100%;}
.fl-scrolls {
	  visibility: visible;
	  bottom: 0;
	  height: 18px;
	  overflow-x: auto;
	  overflow-y: hidden;
	  position: fixed;
	  z-index: 6;
}
.fl-scrolls div {
     height: 1px;
}
.fl-scrolls-hidden {
      visibility: hidden;
  }
.subscript-ico{background-position: -106px -365px;width: 16px;height: 16px;}
.option-choose .item,.option-choose .item_ck {
    /*padding: 0 8px;*/ height:28px; min-width:61px;
    color: #666;
    border: 1px solid #ddd;
    margin-right:10px;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 26px;
    background: #fff;
    border-radius: 2px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    padding:0 .5em;
}
.option-choose .item{display:flex; align-items:center; justify-content:center; gap:.5em;}
.option-choose .item:hover{border-color:#008C95;}
.mw88 .option-choose .item{min-width:88px}
.option-choose .choose {
    border: 1px solid #008C95;
    color: #333;
    /*line-height: 28px;*/
    background: #E1F8FA
}
.product_Typeicon_f90, .product_Typeicon_gray {

    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 9px;
    margin-top: -3px;
}
.product_Typeicon_f90 {
    background: url(/img/img/onlineNew/product_Typeicon_f90.png) no-repeat center;
    background-size: cover;
}
.product_Typeicon_gray {
    background: url(/img/img/onlineNew/product_Typeicon_gray.png) no-repeat center;
    background-size: cover;
}
.option-choose li {
    float: left;
}
.option-item, .option-choose li {
    margin-bottom: 4px;
}
/*弹窗*/
.pb_model{padding: 30px 50px 10px;}
.pbsizezone{width: 260px;overflow:hidden;}
.pb_model .title{width:150px;}
.pbsizezone .form-control{height: 30px;line-height: 30px;width: 100px;}
.upload_file_box{padding-top: 10px;padding-bottom:10px;height:100px;display:table;width:100%;background:#f8f6f4;transition: all .25s;}
.upload_file_box:hover{
background-color: #f1f2f3;}
.title-c9b38c .layui-layer-setwin .layui-layer-close1{background-position: -100px -40px;}
.title-c9b38c .layui-layer-title{background: #c9b38c;color: #fff;}
.title-c9b38c .layui-layer-btn .layui-layer-btn0{
	background: #c9b38c;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border:1px solid #c9b38c;
	margin: 10px auto 30px;
	display: block;
	border-radius: 4px;
}
.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;}
/*修改*/
.parameter-list-box{
	background: #fff;
	padding:5px 20px;
	border:1px solid #F3F3F3;
}
.remove_btn{width:120px;height: 30px;line-height: 28px;border:1px solid #adadad;text-align: center;}
.apply_btn{width:120px;height: 30px;line-height: 30px;text-align: center;margin-left: 10px}
.btn_box p{margin-bottom: 0;line-height: 30px;margin-left: 10px}
.cao_input{border:1px solid #dcdcdc;background: #eee;}

.price_btn{width:100%; clear: both;margin: auto;}
/*.price_btn2{display: none}*/
.price_btn2.active{position:fixed;bottom:0;z-index:5;margin-left:-100px;left:50%;}
.price_btn4.active{position:fixed;bottom:0;z-index:5;margin-left:-100px;left:50%;}
.price_btn6.active{position:fixed;bottom:0;z-index:5;margin-left:-100px;left:50%;}
/*拼版要求提示*/
/*文件上传*/
.upload_file_box .bcontrols{display:table-cell;vertical-align:middle;}
.filezone_box{display:table-cell;vertical-align:middle;}
.progressbar{
    position:absolute;
    background:#7b5822;
    bottom:0;
    height:4px;
    left:0;
}
.filezone .gerberfile{
    font-size:16px;
}
.finsh{display:block;width:49px;height:32px;background:url(/Content/img/onlineNew/finsh.png) no-repeat;margin:5px auto;}
/*拼版信息*/
.jpsettipsbox{
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    background: #FFF7ED;
    border: 1px solid #008C95;
    color: #999;
}
#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;z-index:100;}*/
.imposition-information{ padding: 5px 0px 15px 10px; background-color: #fff;  -webkit-border-radius: 6px; -moz-border-radius: 6px; 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:55px;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;}

#informationpinban .title{margin: 0;}
#informationpinban .operating{width: 385px; margin-left: auto; margin-right: auto;}
#informationpinban .operating a{display: block; padding-left: 15px; padding-right: 15px;}
.suggest-masklayer{position: fixed; top: 0px; left: 0px; width: 100%; background-color: #000; opacity: 0.3; filter: alpha(opacity=30); z-index: 999;}
.informationpinban-suggest{width: 695px; margin-left: -348px; }
.informationpinban-suggest .imposition-informationExample{position: relative;}
.informationpinban-suggest .suggest-imposition-information{margin-left: 20px;}
.informationpinban-example{width: 465px; margin-left: -232px;}
.informationpinban-example .suggest-imposition-information{margin-left: 0px;}
.informationpinban-equal{width: 465px; margin-left: -232px;}
.informationpinban-equal .suggest-imposition-information{margin-left: 450px;}
/*加载*/
.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:999;}
.loader svg path, .loader svg rect{fill:#f90;}
#Layer_1{position:absolute;left:50%;top:50%;}
/*引导页*/
.my-intro-bg {
    position: absolute;
    z-index: 99999;
    /* background: rgba(0,0,0,0.4); */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation: fadeIn 0.6s;
    line-height: 1.5;
    letter-spacing: 0.08em;
}
.my-intro-tip {
    width: 311px;
    border-radius: 4px;
    padding: 25px;
    min-height: 171px;
    background:#fff url(/Content/img/onlineNew/yd.png) no-repeat right 25px center;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 15px;
}
.my-intro-tip-footer .btn-intro-skip{display:none;}
.my-intro-tip-footer{margin-top:25px;text-align:center;}
.my-tip-footer-box{display:inline-block;}
.btn-intro{width:120px;height:37px;line-height:33px;border:1px solid #008C95;border-radius:17px;margin:0 5px;outline: none;}
.btn-intro-prev,.once_again{background:#fff;color:#f90;}
.btn-intro-next,.guide_finsh{background:#008C95;color:#fff;}
.btn-intro-prev:hover,.once_again:hover{background:#008C95;color:#fff;}
.btn-intro-next:hover,.guide_finsh:hover{background:#ffa934;color:#fff;}
.my-intro-panel{border-radius:4px;}
/*跳过按钮*/
.btn-skip{position:fixed;top:20px;right:20px;background:url(/Content/img/product/close.jpg) no-repeat;width:36px;height:36px;cursor:pointer;}
/*排序*/
.order-box{vertical-align:middle;margin-left:5px;}
.order-box .iconfont{width:12px;height:8px;color:#999;font-size:12px;line-height:8px;cursor:pointer;}
.order-box .iconfont:hover{color:#333}
.order-box .iconfont.active{color:#f90}
.sidebar-tab-switch{display:block;}
.sidebar-tab-switch .sidebar-tab{background-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}

/*加载*/
@-webkit-keyframes loading-3{
	50%{ transform:scale(0.4); opacity:.4;}
	100%{ transform:scale(1); opacity:1;}
	}
.loading-3 { position:relative;height:50px; width:50px; margin:0 auto; left:16px}
.loading-3 i{ display:block; width:15px;height:15px;border-radius:50%; background-color:#008C95; 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%;left: 50%;transform: translate(-50%,-50%)}
/*优化*/
#Num{z-index:9;}
#Num.active{
    background: #fff3f3;
    border: 1px solid #ffa8a8;
}
/*.tool_tip{width:380px;padding:10px;background:#fff;box-shadow: 0 0 10px #af8a52;position:absolute;z-index:999;line-height:20px;top:40px;}
.tip_arrow_top{position:absolute;top: -14px;left: 65px;}*/
/*.tooltip{width:680px!important;}*/
.tooltip-inner {border-radius:0;}
.tooltip img{max-width:180px;display:block;margin:auto;margin-top:5px;}
.size_tips{width:157px;height:32px;line-height:32px;position:absolute; top:-2px; left:100%; background:url(/img/img/onlineNew/tips.png) no-repeat center;padding-left:18px;z-index:201}
.size_tips_num{padding-left:18px;top:-2px; left:132px;}
/*修改*/
.layersort{width: 548px;
    margin-top: 7px;
    max-height: 170px;
    overflow-y: auto;
    margin-left: 32px;}
.layersort span{display:inline-block;margin-bottom:10px;width:25%;}
.layersort span input{display:inline-block;width:100px;}
.layersort span em{display:inline-block;width:20px;}
.remarks textarea{resize:none;height:60px;}
/*2.0*/
.top_tips{height:40px;line-height:40px;background:#fff;box-shadow:0 1px 4px 4px rgba(0,0,0,0.05);}
.online_hd{margin-top:25px;}
.online_hd ul{background:#FAFAFA;}
.online_hd li{float:left;width:33.3%;height:50px;line-height:50px;text-align:center;font-size:16px;}
.online_hd li.current{background:#fff;border-top:4px solid #008C95;line-height:46px;}
.info_basic_box .info_title{padding-left:0;margin:0 0 16px 0;}
.coordination-table .table-FR4Type{width:178px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.coordination-table .table-FR4Type a span{
    color:#333
}
.coordination-table .table-FR4Type a span:hover{
    color:#f90;
}
#pcbquote .coordination-table .table-FR4Type{width:200px;}
.coordination-table .table-FR4Type{width:300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:10px;}
.isQian{width:120px; float:left;}
.resultPrice{width:235px}
.span-OrderMoney{line-height:1em; color:#f90; font-weight:bold; font-size:13px;}
.pdfHref {
    line-height: 0px;
    margin: 0px 0 -10px 14px;
    display: inline-block;
    color: #000;
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
    .pdfHref img{margin-right:10px;}
    .pdfHref:hover {
        color: #f90;
        text-decoration:underline
    }
    .list-wrap li {
        min-height: 30px;
        line-height: 30px;
        cursor: pointer;
    }
.list-wrap li i{display:inline-block;width:20px;height:20px;background:url(/img/img/lu/new/pcb/un_xz.png) no-repeat left center;vertical-align:middle;margin-right:10px;}
.list-wrap li.active i{background:url(/img/img/lu/new/pcb/xz.png) no-repeat left center;}
.layui-layer-layersortzone .layui-layer-title{display:block;}
.multilayer-board{padding: 0px 20px 20px;}
layui-layer-layersortzone{padding-bottom:30px;}
.layui-layer-btn{margin-top:-20px;text-align:center;}
.layui-layer-btn a{height:30px;border-radius:4px;width:100px;text-align:center;background:#fff;}
/*选择供应商*/
.apply_select{padding-left:20px;height:52px;padding-top:10px;}
.apply_select select{width:100px;height:30px;border:1px solid #ddd;line-height:28px;margin-right:10px;font-size:16px;padding-left:10px;}
.apply_company_left{width:310px;background:#fff;padding:20px;}
.pcb_company_img .pcb_logo{width:40px;}
.file_pcb a{color:#526ECC;}
.price-delivery-list dt{height: 35px; line-height: 35px; color: #fff;background:#8a8a8a}
.price-delivery-list dd .ww{line-height: 50px;}
.price-delivery-list .w1{width: 50%;}
.price-delivery-list .w2{width: 50%;}
.nodata-coupon{border:1px solid #ddd}
.remarks{padding-bottom:15px;}
.remarks textarea{border-radius:0;}
.customize-input{width:225px;border-radius:0;}
.order-free-box{padding-left:25px;background:url(/img/img/onlineNew/unselect.png) no-repeat left center;margin-top:10px;vertical-align: text-bottom;}
.order-free-box.active{background:url(/img/img/onlineNew/select.png) no-repeat left center;}
.order-free-box .free-input{margin-top:6px;margin-right:5px;display:none}
.total-money{line-height:41px;vertical-align: top;}
.apply_company_right{width:960px;}
.apply_company_right li{padding:20px;background:#fff;display:table;width:960px;margin-bottom:10px;}
.apply_company_right li a{width:760px;}
.apply_company_right li:hover{box-shadow:0 3px 2px 2px rgba(0,0,0,0.05)}
.apply_company_right li.active .hover_show{display:block;}
.apply_company_right li.active .show_instre{display:none;}
.apply_icon{display:inline-block;background-image:url(/img/img/lu/new/pcb/apply_icon.png)}
.apply_title h2{line-height:30px;}
.apply_company_right li .apply_icon{display:block;float:left;margin-left:5px;}
.ico_iso{background-position:-60px -50px;width:25px;height:30px;}
.ico_ul{background-position:-0px -50px;width:25px;height:30px;}
.ico_sgs{background-position:-126px -50px;width:25px;height:30px;}
.apply_tag{padding:0 5px;height:24px;border-radius:2px;line-height:24px;background:#008C95;color:#fff;display:block;margin-top:3px;margin-left:10px;float:left;}
.L_score_list{
    width: 98px;
    height: 16px;
    background: url(/Content/img/newindexV3/licon.png) no-repeat 0 -18px;
    margin-top:2px;
}
.L_score_list i{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    background: url(/Content/img/newindexV3/licon.png) no-repeat 0 -3px;
}
.hover_show_txt{height:40px;line-height:20px;overflow:hidden;}
.hover_show dd{float:left;color:#333;margin-right:30px;}
.hover_show dd .apply_icon{margin-right:5px;}
.workshop_icon .apply_icon{background-position:-448px -6px;width:21px;height:22px;}
.staff_icon .apply_icon{background-position:-358px -6px;width:21px;height:22px;}
.estab_icon .apply_icon{background-position:-286px -6px;width:21px;height:22px;}
.position_icon .apply_icon{background-position:-213px -6px;width:21px;height:22px;}
.cart_item_btn{display:table-cell;vertical-align:middle;}
.load_more{width:100%;height:40px;line-height:40px;background:#fff;color:#999;text-align:center;cursor:pointer;}
.para_info_cont{
    position: absolute;
    background: #fff;
    width: 1280px;
    z-index: 9;
    left: 0;
    top: 50px;
    box-shadow: 0 0 4px 3px rgba(0,0,0,0.1);
}
.addCartDetail{padding: 0px 15px 20px 10px;}
.para_detail_title{font-size:14px;margin-top:10px;font-weight:bold;}
.beizhuModel .layui-layer-title{display:block;}
.para_detail_title{font-size:14px;margin-top:10px;font-weight:bold;}
.beizhuModel .layui-layer-title{display:block;}
.totalpricezone .add-cart{ vertical-align: top;width:160px;line-height: 40px;height:40px;text-align: center;cursor: pointer;color: #fff;margin-top:0px;margin-bottom:10px}
.totalpricezone .add-cart .ico-cart{background-position: -234px -98px;}

/*2020-9-9*/
/*.info_basic{
    border:2px solid #EFEDEA;
}*/
.info_basic_top {
    background: #fff;
    padding:20px 20px 10px;
}
.info_basic_top .option{float:left;margin-right:20px;}
.info_basic_top .title{margin-right:10px;width:160px;}
.board-option {
    border:1px solid #CCCCCC;
    border-radius:2px;
}
#Num{background:#fff;border:none;width:100px;border-right:1px solid #CCCCCC;height:26px;}
#unit{height:28px;background:#F5F5F5;display:inline-block;line-height:26px;width:30px;text-align:center;}
.arr_bottom{display:inline-block;width:11px;height:7px;background:url(/img/img/onlineNew/arrow_bot.png) no-repeat;}
.pinbanBox{width:1100px;box-shadow: -2px 0 31px rgba(0,0,0,.1);position:absolute;z-index:9999;left:159px;background-color:#fff}
.pinbanBox_left{width:700px}
.deleteLayer {
    float: left;
    height: 34px;
    line-height: 34px;
    background: #008C95;
    margin-left: 230px;
    width: 112px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 30px;
    cursor:pointer;
}
.info_basic_top .pinbanBox .option {
    width: 100%;
}
.pinbanBox .option-con{width: 490px;
    background: #fff;padding-bottom:0px;padding-left:20px;padding-right:15px;}
.pinbanBox .title{width:200px;padding-bottom:10px;padding-left:20px;}
.pinbanBox .option.lastEle .title{padding-bottom:20px;}
.pinbanBox .option.lastEle .option-con{padding-bottom:20px;}
.divselect-box ul{width:100%;border:1px solid #ccc; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px;display:none; }
.divselect-box ul li{height:auto; line-height:20px;float:none;width:100%;border:none;}
.divselect-box ul li:hover .item{background:#e5e5e5;}
.divselect-box .option-choose .item{
        height:24px; line-height:24px;float:none;width:100%;border:none;position:relative;

}
.divselect-box ul i{display:none;}
.divselect-box cite a b,.divselect-box ul li a b{display: inline-block;width: 12px;height: 12px;margin-right: 10px;}
.info_basic_tsgy input{width:140px;}
.info_basic_tsgy {
    background-color:#fff;
    padding: 15px 20px 5px;
}
/*.info_basic_tsgy .option{
    vertical-align: top;height: 55px;*/
  /*  border-right:1px solid #F3F3F3; */
/*}*/
.info_basic_tsgy .option.noBorder{border-right:none;}
    .info_basic_tsgy .option .title, .boxQuotePcba .pcba-con .title, .info_basic_top .option .title {
        width: 160px;
        line-height: 15px;
        font-size: 14px;
        margin-right: 2px;
    }
.info_basic_tsgy .select-style:after{width:12px;height:7px;background: url(/img/img/onlineNew/select_bottom.png) no-repeat;top: 10px;
    right: 7px;border-radius: 0 2px 2px 0;}
.info_basic_tsgy .divselect-box{width:140px;}
.price_btn_box{width:100%;height:60px;background:#F9F9F9;}

.specil_progress li{margin-bottom:5px}
.specil_progress .option-con{
    float:left;
}
.specil_progress .option-choose .item{
    min-width:112px;
    width:auto;
    padding:0 10px;
}
.plate_no_box {
    border-bottom: 1px solid #F3F3F3;
}
.parameter-list-box dl{height:38px;margin-bottom:0px}
.parameter-list-box dl:nth-of-type(1){border-bottom:1px solid #008C95;}
.parameter-list-box .option{margin-bottom:0;padding-bottom:10px;padding-top:10px;}
.parameter-list-box .plate_no_box{padding-bottom:0;}
.parameter-list-box .name{padding:10px 5px;height:38px;float:left;cursor:pointer;}
.parameter-list-box .name.active{border:1px solid #008C95;border-bottom:1px solid #fff;color:#f90;}
.parameter-list-box .name:hover{color:#f90;}
.select_item_box{width:100%;padding:10px 10px 0;border:1px solid #008C95;border-top:none;}
.parameter-list-box .option-con{width:1107px;}
.parameter-list-box .arr_bottom{
    display:inline-block;background: url(/img/img/onlineNew/arrow_bot.png) no-repeat;width:11px;height:9px;margin-left:5px;
}
.parameter-list-box .arr_top{background: url(/img/img/onlineNew/arr_top.png) no-repeat;display:inline-block;width:11px;height:9px;margin-left:5px;}
.parameter-list-box .name.active .arr_bottom{
    background: url(/img/img/onlineNew/arrow_top_f90.png) no-repeat;
}
.parameter-list-box .togglebtn{ position: absolute;right: 0;top: 10px;cursor:pointer;}
.parameter-list-box .title{width:130px;}
.select-style .subscript-ico{display:none;}
.select-style label{margin-bottom:0;display:block;font-weight:normal;line-height: 28px;
    padding-left: 10px;}
.imposition-requires-presentation{margin-top:3px;padding-left:7px;}
.plate_no_box .plate_no li{margin-bottom:10px;}
.select_item_box li{margin-bottom:10px;}

.state_pro a {
    color: #f90;
}
.text-decoration {
    text-decoration: underline;
}
.advanced_PCB{
    display:inline-block;
    color:#f90;
    font-size:14px;
    vertical-align:middle;
    height:30px;
    line-height:30px;
    float:left;
}
    .advanced_PCB:hover {
        text-decoration: underline;
    }
    .coordination-table .sel-item {
        width: 420px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
        border-bottom: none;
        float: left;
        margin-right: 10px;
        border-radius: 4px;
        position: relative;
        box-shadow: 0px 2px 12px rgb(0 0 0 / 10%);
        padding: 1px;
        border: 1px solid #fff;
    }
    .coordination-table .sel-item:nth-child(2) {
        background-image: linear-gradient(#F5F5F5,#fff);
    }
    .coordination-table .sel-item:nth-child(1) {
        background-image: linear-gradient(#F5F5F5,#fff);
    }
    .coordination-table .sel-active .pro_img_hover {
        display: inline-block;
    }
/*.coordination-table .sel-active .pro_img {
    display: none;
}*/
.coordination-table .sel-item:hover {
    background-image: linear-gradient(#FEEFD8,#fff);

}
.coordination-table .sel-item .pro_img {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    height: 24px
}
.coordination-table .sel-item img {
    vertical-align: middle;
display:inline-block;
}
.coordination-table .sel-item .pro_img {
    margin-right:10px
}
        /* .coordination-table .sel-item:hover .pro_img {
        display: none;
    }

    .coordination-table .sel-item .pro_img_hover {
        display: none;
    }*/
        /*.coordination-table .sel-item:hover .pro_img_hover {
    display: inline-block;
}

.coordination-table .sel-item:hover .pro_img_hover {
    display: inline-block;
}*/
        .coordination-table .sel-active .pro_img_hover {
            display: inline-block;
        }
.coordination-table .sel-title .sel-active {
    background-image: linear-gradient(#FEEFD8,#fff);

    border-bottom: none;
}
/*.sel-title{border-bottom:1px solid #ddd;}*/
.arr_bottom.arrow_top{background:url(/img/img/onlineNew/arr_top.png) no-repeat;}
.pcbDetail_title{height:50px;line-height:60px;background:#fff;border-bottom:1px solid #F3F3F3;padding-left:10px;font-weight:normal;clear:both}
.area_about{height:36px;line-height:36px;background:#FFF7ED}
.area_about li{line-height:36px;}
.area_about li span{background:#FFF7ED;width:auto;height:20px;}
.zz_load{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.3);}
.table-mark img{height:32px;}
.coordination-table .xgpp-table-title .table-mark,.coordination-table .xgpp-table-title .table-FR4Type{background: #f7f7f7;}
.coordination-table .xgpp-table-cont .table-mark,.coordination-table .xgpp-table-cont .table-FR4Type{line-height: 64px;}
.coordination-table .xgpp-table-cont .table-mark,.coordination-table .xgpp-table-cont .table-FR4Type{line-height: 46px;}
.xgpp-table-cont{position: relative;}
.xgpp_cont .bk{content:''; position: absolute; top:-1px; left:0; height:80px; width:1292px; box-sizing: border-box; display: block; border:8px solid #FFF4E4; pointer-events:none; opacity:1;}
.xgpp_cont.on .bk{opacity:1;}
.coordination-table .table-mark{width:130px}
.TotalAmount{float:right; min-width:90px; text-align:left; position: relative;font-size:13px;}
#pcbquote .TotalAmount:after{content:'\e608'; font-family:iconfont_dg; font-size:12px; color:#666; font-weight: normal; transform: scale(.7); display: inline-block; margin-left:1em;}
.odmn{position: relative;}
.odmn .tag{position:absolute; bottom:116%; left:1em; cursor: pointer; background-color: #f00; color:#fff; border-radius:.3em .3em .3em 0; padding:0 .5em; white-space: nowrap; line-height:1.6em; font-size:12px; font-weight: normal; display: none; z-index: 2; animation:admRTtbtb .5s infinite;}
.odmn .tag:after{content:''; position: absolute; left:0; top:100%; width: 0; height: 0; border-top:3px solid red; border-right:4px solid transparent;}
ul.n .odmn .tag{border-radius:.3em .3em 0 .3em; bottom:100%; left: auto; right:1em;}
ul.n .odmn .tag:after{left: auto; right:0}
ul.n .odmn .tag.fp{display: block; font-weight: normal!important; color:#fff!important;}
.TotalAmount em.um,.odmn em.um{color:#C1C1C1; font-size:12px; text-decoration:line-through; font-weight: normal; margin-right:.5em}
.xgpp-table-cont.hv.on .odmn .tag,ul.n.hover .odmn .tag{display:block; }
.xgpp-table-cont.hv em.um{display: none;}
.TotalAmount>div{position: absolute; top:100%; left:0; z-index: 2; width:290px; background-color:#fff; box-shadow:0 .5em 1em rgba(0,0,0,.25); padding:10px; display:none; font-weight: normal; color:#333; font-size:12px;}
.TotalAmount>div dl{ float: left; text-align: center; margin-bottom:0;}
.TotalAmount>div dl dt{font-weight:normal; background-color:#F7F5F7; padding:.5em 0}
.TotalAmount>div dl dd{padding:.8em 0 .5em}
.TotalAmount>div.l2 dl{width:50%}
.TotalAmount>div.l2 {width:220px}
.TotalAmount>div.l2 dl:nth-child(3){display: none;}
.TotalAmount>div.l3 dl{width:33.333%;}
.TotalAmount:hover>div{display:block;}
/*精品优品标品*/
.state_pro {
    line-height: 50px;
    margin-left: 10px;
    color: #f90;
    display:inline-block;
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius:4px;
    color: #f90;
    background-image: linear-gradient(#F5F5F5,#fff);
    box-shadow: 0px 2px 12px rgb(0 0 0 / 10%);
}
    .state_pro:hover {
        text-decoration: underline;
    }
    .state_pro i {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
    }
.product_intro {
    position: absolute;
    width: 1280px;
    border-top: 1px solid #F2F2F2;
    background: #fff;
    padding: 20px 30px;
    top: 36px;
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    z-index: 9;
    right: 0;
    color: #333;
}
.product_item{float:left;width:320px;}
.product_intro .product_itemall{width:260px;}
.product_item_title{height:100px;border-bottom:1px solid #f2f2f2;text-align:center;padding-top:15px;}
.product_itemall .product_item_title{color:#666;line-height:99px;padding-top:0px;}
.product_item_title p{margin-top:10px;}
.product_item0 .product_item_title{background:#008C95;background-image:linear-gradient(to right,#FFFFFF,#FF9900);}
.product_item1 .product_item_title{background:#7B5822;background-image:linear-gradient(to right,#FFFFFF,#7B5822);}
.product_item2 .product_item_title{background:#61584B;background-image:linear-gradient(to right,#FFFFFF,#61584B);}
.product_item li{height:30px;line-height:30px;text-align:center;}
.product_item .last_item{height:52px;line-height:inherit;padding-top:5px;}
.product_item li:nth-child(even){background:#f1f1f1;}
.product_item.active{box-shadow: -2px 0 31px rgba(0,0,0,.1);}
.pcb-delivery-days i{width:43px;}
.pcb-delivery-days i em{margin-left:2px;line-height:19px;}
.pcbDetail li .pcb-delivery-days{margin-top:0;margin-left:0;padding:0 5px;}

.market-price{
    position: absolute;
    box-shadow: -2px 0 31px rgba(0,0,0,.1);
    background: #fff;
    left: 10px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    z-index: 9;
    width:1000px;background:#fff;padding:0 20px;min-height:70px;color:#666;font-size:12px;clear:both;border: solid 1px #f3f3f3;}
.market-price ul{position:absolute;padding-bottom:10px;}
.market-price li{float:left;width:100px; padding-top:.5em;}
.market-price li>span{display:block; line-height:1.4em;}
.market-price-title{height:30px;line-height:30px;}
.market-price-bg{background:#F9F9F9;height:30px;left:0;top:0;position:absolute;width:1000px;border: solid 1px #f3f3f3;}
/*.free-urgent-box,.market-price-box{padding-top:10px;}*/


/*拼版*/
.pinban_info{margin-left:153px;position:relative;top:-10px;}
/*.info_basic_top2  .option{margin-bottom:15px;}*/
.pinbanBox_pinban_info{background:#fff;padding: 10px;}
/*.setpinbanBox{width:700px!important;left:215px;}*/

/*引导页样式*/
.guide_box{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;}
.guide_box .step{position:fixed;top:0;left:0;right:0;bottom:0;}
.step{background:url(/img/img/onlineNew/step/step.jpg) no-repeat center top;}
.step-pic-box{width:1310px;margin:auto;height:100%;}
.step-pic{position:absolute;left:0px;top:75px;}
.step_cz_box{position:absolute;left: 475px;top: 485px;}
.step_cz{width:400px;background:#fff;border-radius:4px;padding:25px 20px;}
.next_step{width:68px;height:28px;line-height:28px;text-align:center;border-radius:2px;cursor:pointer;}
.skip-btn{	width: 68px;
	height: 28px;line-height:28px;cursor:pointer;
	background-color: #ffffff;text-align:center;
	border-radius: 2px;
	border: solid 1px #cccccc;}
#step2 .step-pic{top: 344px;left: 10px;}
#step2 .step_cz_box{top: 578px;}
#step2{background:url(/img/img/onlineNew/step/step.jpg) no-repeat center -385px;}
#step3{background:url(/img/img/onlineNew/step/step.jpg) no-repeat center -750px;}
#step3 .step-pic{top: 225px;left: 8px;}
#step3 .step_cz_box{top:599px;}
#step3 .step_cz_box{left:50%;margin-left:-200px;}
#step4{background:url(/img/img/onlineNew/step/step.jpg) no-repeat center -154px;}
#step4 .step-pic{top:86px}
#step4 .step_cz_box{top: 509px;left: 876px;}
#step8{background:url(/img/img/onlineNew/step/step.jpg) no-repeat center -300px;}
#step8 .step-pic{top:50%;margin-top:-313px;}
#step8 .step_cz_box{    bottom: 103px;
    top: auto;
    right: 11px;
    left: auto;}
.finsh_guide{width:68px;height:28px;line-height:28px;text-align:center;border-radius:2px;cursor:pointer;}
.look_more{width:68px;height:28px;line-height:26px;border-radius:2px;border:1px solid #dddddd;color:#666666;text-align:center;margin-right:10px;cursor:pointer;}
.skip{cursor:pointer;}
.wfirst{min-width:132px;}

/* 选择地址和物流 */
.shipping-cost{border-bottom:2px solid #008C95;padding-bottom:15px;}
.shipping-cost select{width:225px;height:30px;border: solid 1px #dddddd;text-indent:8px;}



/* 侧边栏 */

.new-rightsidebar{position: fixed;top: 20%;right: 20px;z-index: 99999;background-color: #fff;box-shadow: 0px 0px 8px #aaa;}
.new-rightsidebarlist li{padding:10px;position:relative;cursor:pointer;}
.new-rightsidebarlist li .cartnum{display:inline-block;min-width:20px;height:20px;border-radius:50%;background:#000;color:#fff;position:absolute;right:10px;top:10px;text-align:center;line-height:20px;}
.new-rightsidebarlist-tip{position:absolute;top:0;right:70px;width:240px;background:#fff;box-shadow: 0px 0px 8px #aaa;box-sizing:border-box;line-height:46px;font-size:14px;color:#222;}
.havelogin{padding:20px;}
.nohavelogin{padding:10px 20px;}
.new-rightsidebarlist-tip a{color:#f90;}
.tipi1{display:inline-block;width:24px;height:24px;background:url(/img/img/indexV3/i/icon.png) no-repeat 0 0;vertical-align:middle;margin-right:5px}
.tipi2{display:inline-block;width:24px;height:24px;background:url(/img/img/indexV3/i/icon.png) no-repeat 0 -22px;vertical-align:middle;margin-right:5px}
.tipi3{display:inline-block;width:24px;height:24px;background:url(/img/img/indexV3/i/icon.png) no-repeat 0 -46px;vertical-align:middle;margin-right:5px}
.tipi4{display:inline-block;width:24px;height:24px;background:url(/img/img/indexV3/i/icon.png) no-repeat 0 -68px;vertical-align:middle;margin-right:5px}
.triangle-tip{width: 0;height: 0;border: 8px solid transparent;border-top-color: transparent;
              border-bottom-color: transparent;border-left-color: #fff;border-right-color: transparent;
              position:absolute;top:25px;right:54px;z-index:999
}
.new-rightsidebar a:hover{text-decoration:underline}
.tipbox{padding:10px 20px;line-height:40px;min-height:60px;box-sizing:border-box}
.new-rightsidebarlist li:hover .triangle-tip{display:block}
.new-rightsidebarlist li:hover .new-rightsidebarlist-tip{display:block}
/*.layui-layer-shade{z-index:9999!important}*/
.new-rightsidebar .layui-layer-title{background:#fff;border:0}
.new-rightsidebar .layui-layer-page .layui-layer-content{padding-top:0;padding-left:0px;}
.Recharge-btn{display:block;width:300px;height:40px;background:#008C95;color:#fff;text-align:center;line-height:40px;margin:30px auto 0;font-size:16px;}
.Amountinput{width:230px;height:40px;font-size:24px;text-align:center;background:#f8f8f8;border:1px solid #ccc;}
    .Amountinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #936d51;
    }
.btnAddCart1 .layui-layer-title{background:#fff;border:0}
.btnAddCart1{padding-left:35px;padding-top:10px;}
.btnAddCart1-btn{width:200px;height:40px;text-align:center;line-height:40px;display:inline-block;font-size:16px;}
.btn-ebebeb{background:#ebebeb;color:#000;margin-right:10px}
body .yourclass{border-radius:8px;}
body .yourclass .layui-layer-title{border-radius:8px 8px 0 0;}
.cart-flyer {
    position: relative;
    z-index: 9999999;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0px 0px 10px #999;
    -moz-box-shadow: 0px 0px 10px #999;
    box-shadow: 0px 0px 10px #999;
}

@media screen and (max-width: 750px) {
    .rightsidebar,.addthis-smartlayers,.at-custom-sidebar .at-custom-sidebar-btns{display:none!important}
    .contact-mail{width:100%}
    .item_news .fontclass img{max-width:90%;margin:auto;display:block;}
    .item_news .fontclass span,.item_news .fontclass p{font-size:24px;line-height:26px;}
    .bottom-navigation dt{margin-top:20px;}
    .bottom-navigation dl dd{margin-bottom:0px;line-height:30px}
    .bottom-navigation dd a{margin-bottom:0}
    .bottom-navigation dt{margin-bottom:5px;}
    .bottom-navigation{padding-bottom:20px}
    .notic{height:200px!important}
    .n_con>div{width:90%!important;}
    .n_con>div:nth-of-type(1){width:8%!important}
    .notic .dv1{height:30px;}
    .n_con .overnotic{width:20%!important;}

}

 .commodity-list .item{float:left}
 .cl-c39f68{color:#c39f68;}

/* 详细参数hover */
.hover_detail{position:fixed; /*left:0; */
    width:1280px; top:402px; z-index:1000}
.hover_detail .hover_detail_title{width:60px; height:70px; background-color:#008C95; color:#fff; font-size:15px; text-align:center; padding:10px 0; box-sizing:border-box; cursor:pointer; position:absolute; right:-80px; top:-40px}
.hover_detail .hover_detail_content{width:1300px; padding:15px; box-sizing:border-box; position:absolute; left:0; display:none; top:-39px; z-index:10; background:#fff; box-shadow:rgba(0,0,0,.3)0 0 20px}
.hover_detail .hover_detail_content li{width:25%}
.hover_detail,.hover_detail .hover_detail_content{top:50%; transform: translate(0,-50%);}
.ellipsis_3{word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
#fixed-table .table-brandType{padding:0 10px}
input[type=number]{padding-right:0!important}
#boardnumber input[type=radio]{vertical-align:top; margin:3px 0 0}
.table-DeliveryDays .jqbox,.table-OrderMoney .OrderMoneybox,.xgpp-table-cont .pcsnumbox{height:34px; line-height:38px; margin-top:10px}
.table-DeliveryDays .jqbox:first-of-type,.table-OrderMoney .OrderMoneybox:first-of-type,.cartbox:first-of-type,.pcsnumbox:first-of-type{margin-top:0!important}
.jqbox:hover{color:#f90; cursor:pointer}
.cl-red{color:red}
.Newcart_item{border:1px solid red; color:red}
.Newcart_item:hover{background:none; color:red}
/*改版*/
.ui2-step{font-size:14px; overflow:hidden; }
.bao-step{margin-bottom:10px}
.ui2-step li{margin:0; padding:0; list-style:none; text-align:center; float:left}
.ui2-step li:first-child span{margin-left:0}
.ui2-step .last span{margin-right:0}
.ui2-step-6 li{width:16.66%}
.ui2-step span{padding-left:10px; display:block; height:32px; line-height:32px; margin-left:10px; margin-right:4px; position:relative}
.ui2-step i{display:inline-block; vertical-align:middle; text-align:center; border-radius:50%; background:#fff; width:18px; height:18px; line-height:18px; color:#008C95; margin-right:5px}
.ui2-step span:after{content:""; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:16px solid transparent; position:absolute; right:-12px; top:0; z-index:1}
.ui2-step span:before{content:""; border-top:16px solid transparent; border-bottom:16px solid transparent; border-right:16px solid transparent; border-left:16px solid transparent; position:absolute; left:-15px; top:0; z-index:1}
.ui2-step li:first-child span:before{display:none}
.ui2-step .last span:after{display:none}
.ui2-step .ui2-step-done span{background:#F7F6F4; color:#999999}
.ui2-step .ui2-step-done span:before{border:16px solid #ffe0cc; border-left:16px solid transparent}
.ui2-step .ui2-step-done span:after{border-left:16px solid #ffe0cc}
.ui2-step-curr span{background:#008C95; color:#fff}
.ui2-step .ui2-step-curr span:after{border-left:12px solid #008C95; z-index:2}
.ui2-step-undone span{background:#fff; color:#999}
.ui2-step-undone i{color:#fff; background:#ccc}
.ui2-step-6{/*border-bottom:1px solid #E1E1E1; background:#999;*/border-right:1px solid #fff}
.ui2-step .ui2-step-undone span:before{border:16px solid #fff; border-left:12px solid #999; left:-14px}
.ui2-step .ui2-step-undone span:after{border-left:12px solid #fff; z-index:2; right:-10px}
.main_online .quote-box{background:#fff; padding:0; margin-top:10px}
/*.tab-quote li:nth-of-type(4){margin-right:10px}*/
.main_online .tab-quote li{background:#F7F6F4}
/*.info_basic_top2 .option-choose li:nth-child(2) .item,.info_basic_top2 .option-choose li:nth-child(3) .item{width:171px}
*/

.info_basic_tsgy .option-choose .item,.info_basic_tsgy .option-choose .item_ck{width:auto; min-width:75px; padding:0 10px}
/*计价按钮的2种样式*/
.price_btn{width:100%; padding:15px 0; margin:auto; background:#F9F9F9}
.price_btn1{position:sticky; bottom:0; left:0; z-index:9}
.checkinch{width:112px; height:30px; background:#fff; background-image:linear-gradient(to right,#FFFFFF,#E4E4E4); margin-left:10px; border:1px solid #DFE1E6; text-align:center; line-height:26px}
.layui-layer-rim.layui-layer-page .layui-layer-content{padding:15px 20px}
.conf_body label{font-weight:normal}
#iptSizeX,#iptSizeY{height:28px; border:1px solid #DFE1E6; padding-left:10px}
.ui-button-primary{width:112px; height:30px; border:1px solid #DFE1E6; background:#fff; background-image:linear-gradient(to right,#FFFFFF,#E4E4E4); color:#333}

@keyframes admRTtbtb{
    0%{transform: translate(0,-2px)}
    100%{transform: translate(0,0)}
}
.option-con {margin-left:180px; margin-right:60px; float:none!important;}
.pcb-card-body .option-con{margin-right:0}
.example-color-whitesfr6ks {
    background-color: #fff;
    border: 1px solid #ccc
}
.example-color-coffee {
    background: #603912;
    border-radius: 2px;
}

/* 202210 Quote */
.info_basic{width:800px; float: left}
.boxQuote2022{background-color:#ececec; padding:15px 0}
.boxQuote2022 .main_online .quote-box{background-color: transparent; margin:10px 0 15px}

.boxQuoteRightInfo{margin-left:820px; background-color:#fff; font-size:20px; padding:1em; position: sticky; top:0;}
.boxQuoteRightInfo .optiontip-ico{text-indent:0}
.boxQuoteRightInfo>.t:first-of-type{margin-top:0}
.boxQuoteRightInfo .bnGetQPM{border:1px solid #ccc; font-weight: normal; float: right; font-size:.9em; line-height:1.6em; padding:0 .7em; border-radius:5px; cursor: pointer}
.boxQuoteRightInfo .bnGetQPM:hover{border-color:#008C95; color:#008C95;}
.boxQuoteRightInfo .t{font-size:.8em; font-weight: bold; margin:1em 0 .7em}
.boxQuoteRightInfo .noteAPEFED{font-size:.7em; background-color:#E1F8FA; color:#008C95; border:1px solid #008C95; padding:.3em 1em;}
/*.boxQuoteRightInfo .listTable {max-height: 155px; overflow-y: auto;}*/
.boxQuoteRightInfo .listTable>ul{display: flex; justify-content:center; text-align: center; font-size:.7em}
.boxQuoteRightInfo .listTable>ul>li{float:left; display: flex; justify-content: center; align-items:center}
.boxQuoteRightInfo .listTable>ul>li:nth-child(1){width:8%!important; text-align: left}
.boxQuoteRightInfo .listTable .h{background-color:#F0F0F0; color:#999; line-height:1.2em; padding:0 .5em}/* position: sticky; top:0; z-index: 2;*/
.boxQuoteRightInfo .listTable .n{border-bottom:2px solid #eee; padding:.3em .3em; position: relative}
.boxQuoteRightInfo .listTable .n.isEFO>li{padding:.7em 0;}
.boxQuoteRightInfo .listTable .n>li{background-color:#fff; padding:.2em 0}
.boxQuoteRightInfo .listTable .n>li>*{word-break: break-all}
.boxQuoteRightInfo .listTable .n:hover,.boxQuoteRightInfo .listTable .n.on{background-color:#E1F8FA}
.boxQuoteRightInfo .listTable .n.cr:hover,.boxQuoteRightInfo .listTable .n.cr.on{background-color:#FE3F3F}
.boxQuoteRightInfo .listTable .n>li.laminate{line-height:1em; position: relative;}
.boxQuoteRightInfo .listTable .n>li.laminate a{padding:0 15px 0 26px; font-size:12px; text-decoration: underline; color:#333; text-align: left; width:100%; display: block}
.boxQuoteRightInfo .listTable .n>li.laminate a:hover{color:#f90}
.boxQuoteRightInfo li.laminate a:before,.boxQuoteRightInfo li.laminate.ul:after{content:''; background:no-repeat center center / cover; position: absolute; top:50%; transform:translateY(-50%);}
.boxQuoteRightInfo .listTable .n>li.laminate a:before{background-image:url('/img/img/onlineNew/pdf_new.png');  left:0; width:20px; height:20px;}
.boxQuoteRightInfo .listTable .n.cr>li.laminate a:before{background-image:url('/img/img/onlineNew/pdf_newR.png')}
.boxQuoteRightInfo .listTable .n>li.laminate.ul:after{background-image:url('/img/img/onlineNew/ul.png');  right:0; width:14px; height:14px;}
.boxQuoteRightInfo .listTable .n>li.cost>span{color:#f90; font-weight: bold}
.boxQuoteRightInfo .listTable .n>li.cost .tagFO{position: absolute; bottom:80%; right:1em; color:#fff; padding:0 1.3em 0 1em; font-size:12px; font-weight: normal; border-radius:20px; background:#f2362e; white-space:nowrap; animation:admRTtbtb .5s infinite; user-select: none;
    background: -moz-linear-gradient(top,  #fba842 0%, #f2362e 100%);
    background: -webkit-linear-gradient(top,  #fba842 0%,#f2362e 100%);
    background: linear-gradient(to bottom,  #fba842 0%,#f2362e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba842', endColorstr='#f2362e',GradientType=0 );
}
.boxQuoteRightInfo .listTable .n>li.cost .tagFO:after{content:''; position:absolute; bottom:-1px; right:-15px; background: url("/img/img/pcbonline/icon_star_c.png") no-repeat center center / cover; width:26px; height:26px;}
.boxQuoteRightInfo .listTable .n.cr>li.cost>span{color:#FE3F3F}
.boxQuoteRightInfo .listTable .n>li.cy>span{display: inline-block; position: relative}
.boxQuoteRightInfo .listTable .n>li.cy .wen_tip{transform: scale(.8); margin-left:1px}
.boxQuoteRightInfo .listTable .n.cr>li.cy>span{color:#FE3F3F}
.boxQuoteRightInfo .listTable .n>li.cy.sp>span:after{content:'\e635'; font-family: iconfont_dg; display: inline-block}
.boxQuoteRightInfo .listTable .n>li.ck{justify-content: left; cursor: pointer;}
.boxQuoteRightInfo .listTable .n>li.ck:hover i,#boxQPMInfo .list li.ck:hover i{border-color:#008C95; color:#008C95;}
.boxQuoteRightInfo .listTable .n.cr>li.ck:hover i{border-color:#FE3F3F; color:#fff;}
.boxQuoteRightInfo .listTable .n>li.ck i,#boxQPMInfo .list li.ck i{width:1em; height:1em; border:1px solid #666; border-radius:50%; margin-left:.5em; position: relative; line-height:.9em; display: inline-block}
.boxQuoteRightInfo .listTable .n.on>li.ck i,#boxQPMInfo .list.on li.ck i{border-color:#008C95; color:#fff; background-color:#008C95;}
.boxQuoteRightInfo .listTable .n.cr.on>li.ck i{background-color:#FE3F3F}
.boxQuoteRightInfo .listTable .n.on>li.ck i:after,#boxQPMInfo .list.on li.ck i:after{content:'\e63f'; font-family:iconfont_dg; display: inline-block; font-size:.9em}
.boxQuoteRightInfo .listTable.pcb .n[data-fcid]:after{content:'';}
.boxQuoteRightInfo .listTable.pcb .n[data-fcid='0']:after{display: none}
.boxQuoteRightInfo .listTable.pcb>ul>li{width:18.5%}
.boxQuoteRightInfo .listTable.pcb>ul>li:nth-child(2){width:26%}
.boxQuoteRightInfo .listTable.pcb>ul>li:nth-child(4){width:18%}
.boxQuoteRightInfo .listTable.pcb>ul>li:nth-child(6){width:16%}
.boxQuoteRightInfo .listTable.pcba>ul>li{width:24%}
.boxQuoteRightInfo .listTable.pcba>ul>li:nth-child(5){width:19%}
.boxQuoteRightInfo .boxSelSPC{width:60%; margin:0; float: left}
.boxQuoteRightInfo .boxSelSPC #shippingCost,.boxQuoteRightInfo .boxSelSC #selShipS{font-size:14px; height:36px; line-height:36px;}
.boxQuoteRightInfo .boxSelSC #selShipS{width:38%; margin-left:2%; padding:0 .5em; box-sizing: border-box; border:1px solid #ccc; border-radius:.3em}
.boxQuoteRightInfo .wen_tip{float: none; display: inline-block}
.boxQuoteRightInfo .boxSelSC .wen_tip{margin-right:.5em}
.boxQuoteRightInfo .boxSelSC .info{font-size:.6em; margin-top:.7em;}
.boxQuoteRightInfo .boxSelSC .info .w{color:#7B5822;}
.boxQuoteRightInfo .boxSelSC .info i.expresslogo{display: inline-block; background: no-repeat center center / contain; width:80px; height:20px; vertical-align: middle;}
.boxQuoteRightInfo .totalCost{border-top:2px solid #ccc; margin-top:.5em; padding:.7em 0 0}
.boxQuoteRightInfo .totalCost dl{overflow: hidden; margin-bottom:.5em}
.boxQuoteRightInfo .totalCost dl dt,.boxQuoteRightInfo .totalCost dl dd{padding:.2em 0}
.boxQuoteRightInfo .totalCost dl dt{float:left; font-size:.7em; clear: left; font-weight: normal}
.boxQuoteRightInfo .totalCost dl dt.tOM i{font-weight:bold; color:#f90}
.boxQuoteRightInfo .totalCost dl dd{float:right; font-size:.7em; clear: right}
.boxQuoteRightInfo .totalCost dl .ls{font-size:.8em; font-weight: bold;}
.boxQuoteRightInfo .totalCost dl dd.ls{color:#f90;}
.boxQuoteRightInfo .totalCost dl dd.cs.del span[data-pc],.boxQuoteRightInfo .totalCost dl dd.cs span.del{text-decoration:line-through}
.boxQuoteRightInfo .totalCost dl dd.cs span{margin:0 0 0 .5em;}
.boxQuoteRightInfo .totalCost dl dd.cs label{position:relative; padding-left:30px;}
.boxQuoteRightInfo .totalCost dl dd.cs label i{content:''; display: inline-block; width:20px; height:20px; border:1px solid #999; position: absolute; left:0; top:50%; transform: translateY(-50%)}
.boxQuoteRightInfo .totalCost dl dd.cs label input{position: absolute; visibility: hidden;}
.boxQuoteRightInfo .totalCost dl dd.cs label input:checked+i{border-color:#008C95;background-color:#008C95; color:#fff;}
.boxQuoteRightInfo .totalCost dl dd.cs label input:checked+:after{content:'\e600'; font-family: iconfont_dg;}
.boxQuoteRightInfo .bnAddCart{width:100%; text-align: center; line-height:1.3em;}
.boxQuoteRightInfo .bnAddCart span{font-weight: 500;}
.boxQuoteRightInfo .bnAddCart span:before{content:'\e621'; font-family: iconfont_dg; font-weight: normal; margin-right:.5em;}
.boxQuoteRightInfo .calc_btn{text-align: center; font-size:12px; color:#f90; text-decoration: underline; cursor: pointer; max-width:70px; margin:.5em auto 0; line-height:2em;}
.boxQuoteRightInfo .ifQuote{display: none}
.boxQuoteRightInfo li.moreBDS{position: relative;}
.boxQuoteRightInfo li.moreBDS>span:after{content:'\e608'; font-family: iconfont_dg; color:#999; transform: scale(.5); display: inline-block; margin-left:-.3em}
.boxQuoteRightInfo li.moreBDS div{position: absolute; top:90%; left:50%; width:110px;  z-index:3; opacity:0; visibility: hidden; transform: translateX(-50%); background-color:#fff; border-radius:0; box-shadow: rgba(0,0,0,.1) 0 0 1em; padding:.5em 1em; transition:all 0.3s ease}
.boxQuoteRightInfo li.moreBDS:hover div{top:100%; opacity:1; visibility: visible}
.boxQuoteRightInfo li.moreBDS div span{display: block; cursor: pointer; padding:.2em 0; color:#f90}
.boxQuoteRightInfo li.moreBDS div span:hover{color:#FE3F3F}
.selListBL.red label:after{content:''; background:url("/img/images/icons2.png") no-repeat -200px 0; width:11px; height:11px; position: absolute; top:.1em; right:.3em;}
.selListBL.red .choose{background-color:#FF5307; color:#FFEB9A}
.selListBL.red .jp-ico{background:url("/img/images/icons2.png") no-repeat -131px -390px}
#boxQPMInfo .boxloading:after{display: none}
#boxQPMInfo .list li.ck i{visibility:hidden}
#boxQPMInfo .bnSetQuantity{opacity:.6}
#boxQPMInfo .box{width:600px; max-width:100%; user-select: none}
#boxQPMInfo .box>.n{padding:1.5em; font-size:1em}
#boxQPMInfo .note{text-align: left; font-size:.7em; line-height:1.4em; padding-bottom:.5em}
#boxQPMInfo .list{display: flex; justify-content: space-between; text-align: center; font-size:.7em; padding:4px; border-bottom:1px solid #dbdbdb}
#boxQPMInfo .list.t{background-color:#F0F0F0; color:#999;}
#boxQPMInfo .list li{width:22.5%; position:relative}
#boxQPMInfo .list li:first-of-type{width:10%;}
#boxQPMInfo .list.n{cursor:pointer}
#boxQPMInfo .list.n:hover,#boxQPMInfo .list.n.on{background-color:#E1F8FA}
#boxQPMInfo .list.n li{background-color:#fff}
#boxQPMInfo .list.n li.c{color:#f90}
#boxQPMInfo.ok .list li.ck i{visibility:visible}
#boxQPMInfo.ok .bnSetQuantity.ok{opacity:1}

.boxAlt24Detail{position: absolute; z-index:9000; max-width:440px; min-width:370px; transform: translateX(-50%); background-color:#fff; box-shadow: rgba(0,0,0,.2) 0 0 1em; border-radius:.5em; padding:1em; font-size:13px; line-height:1.4em;}
.boxAlt24Detail:after{content:''; position: absolute; left:50%; bottom:100%; border-left:5px solid transparent; border-bottom:5px solid #ccc; border-right:5px solid transparent;}
.boxAlt24Detail p{padding:.1em; margin:0; color:#666;}

.boxQuotePcba{background-color:#fff; padding:20px}
.boxQuotePcba .optiontip-ico{text-indent:0}
.boxQuotePcba .pcba-con{padding-top:15px; display: none}
.boxQuotePcba .pcba-con .title{width:175px}
.boxQuotePcba>.titleSel{font-size:16px; font-weight: bold; padding:0 1em 0 1.8em; cursor: pointer; position: relative;}
    .boxQuotePcba > .titleSel:after {
        content: '\e608';
        font-family: iconfont_dg;
        display: inline-block;
        margin-left: 1em;
        font-size: .6em;
        position: absolute;
        right: 24px;
        top: 1px;
    }
/*.boxQuotePcba>.titleSel:active{background-color:#f0f0f0}*/
    .boxQuotePcba > .titleSel:before {
        content: '';
        font-family: iconfont_dg;
        font-weight: normal;
        position: absolute;
        top: 47%;
        left: 12px;
        border: 1px solid #ccc;
        line-height: 1.7em;
        width: 1.7em;
        height: 1.7em;
        font-size: .7em;
        transform: translateY(-50%);
    }
.boxQuotePcba.show>.titleSel:before{content:'\e600'; border-color:#008C95; color:#008C95;}
.boxQuotePcba.show>.titleSel::after{ transform:rotate(180deg); }
.boxQuotePcba .option-con{clear:left; margin:10px 0}
.boxQuotePcba .option-choose input{display: none}
.boxQuotePcba .option-choose .choose{border-width:2px}
.boxQuotePcba .online-quotes-inputsmt li{width:42%}
.boxQuotePcba .online-quotes-input li input{height:28px; line-height:28px; width:250px!important}
.boxQuotePcba .online-quotes-input li select{width:250px}
.boxQuotePcba .online-quotes-input li b{font-weight: bold; width:50px; margin-left:-51px}
.specil_progress .option-choose .item .wen_tip{margin-top:5px}
.specil_progress .option-choose .item .tooltip{min-width:260px}
.boxMarketPrice{position: absolute; width:100%; top:100%; left:0; z-index:1; background-color:#fff; display:none; box-shadow: rgba(0,0,0,.2) 0 .5em .5em; border:1px solid #ccc; border-radius:.5em; font-size:20px; text-align: center; pointer-events: none;}
ul.n:hover .boxMarketPrice{display: block;}
.boxMarketPrice ul{display:flex; flex-wrap: wrap; font-size:.65em; padding-bottom:.5em}
.boxMarketPrice ul li{padding:.5em .5em 0}
.boxMarketPrice ul li p{margin:0; padding:0}
#boxUserQQP .box{width:600px;}
#boxUserQQP ul{width:400px; line-height:2em; padding:.5em 0;}
#boxUserQQP ul li{padding-bottom:.5em;}
#boxUserQQP ul span{width:15em; text-align: right; float: left;}
#boxUserQQP ul input{border:1px solid #ccc; border-radius:5px; padding:0 1em; width:calc(100% - 16em); margin-left:1em; box-sizing:border-box;}


/* pcba style more */
.ifQuotePcba{display: none}
.choose{position:relative}
.choose .radio{position:relative; display:inline-block; font-weight:400; color:#0c4757; padding-left:25px; cursor:pointer}
.choose .radio input{position:absolute; left:-9999px}
.choose .radio i{display:block; position:absolute; top:6px; left:0; width:15px; height:15px; outline:0; border:1px solid #e4e4e4; background:#ffffff; border-radius:50%; transition:border-color .3s; -webkit-transition:border-color .3s}
.choose .radio input + i:after{position:absolute; content:''; top:2px; left:2px; width:9px; height:9px; border-radius:50%; background-color:#008C95; border-color:#008C95; opacity:0; transition:opacity .1s; -webkit-transition:opacity .1s}
.choose .radio input:checked +:after{opacity:1}
.selMINFO li{width:32%; max-width:192px; margin-bottom:0}
.selMINFO li:nth-child(3n-1){margin:0 2%}
.selMINFO li .item{width: auto; display: block; background-color:#B4B4B4; color:#fff; margin:0; border-color:#B4B4B4}
.selMINFO li .item.choose{background-color:#E1F8FA; color:#333; border-color:#008C95}
.selMINFO li .item.not-selectable{background-color:#eee; color:#333}
.selMINFO li .info{text-align: center; font-size:12px; border:1px solid #ccc; color:#999; border-top:none; display: block; padding:.2em 1em; line-height:1.2em}
.price-delivery-list.s2{margin-bottom:1em}
.price-delivery-list.s2 .DeliveryDaysStr{font-weight: normal}
.price-delivery-list.s2 .w1{width:30%}
.price-delivery-list.s2 .w2{width:20%}
.price-delivery-list.s2 dd{height: auto; padding-bottom:0; line-height:3em}
.price-delivery-list.s2 dd.on{background-color:#E1F8FA!important; font-weight: bold}
.price-delivery-list.s2 dd.on .DeliveryDaysStr{font-weight: bold}
.price-delivery-list.s2 dd:hover{background-color:#f5f5f5}



/*选择捷配层压结构*/
.altStackedStructure{max-width:100%}
.altStackedStructure>.box{max-width:100%}
.altStackedStructure .tit{position: absolute; top:0; left:0;}
.altStackedStructure .box > .n{display: flex; font-size:20px; padding:0;}
.altStackedStructure .list{width:100%; max-width:270px; 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 3em}
.altStackedStructure .detail .BBCI{border-bottom:1px solid #F1F3F6; padding:0 1em .5em; display:flex; justify-content:space-between; gap:.5em}
.altStackedStructure .detail .BBCI li{display: inline-block; font-size:14px;}
.altStackedStructure .detail .BBCI li span{font-weight: bold; color:#f90}
.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; line-height:1.2em;}
.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 10%; font-size:16px; font-weight: bold; text-align: center;}
.boxDcImg>div{width:90%; margin:0 auto;}
.boxDcImg i{display:block; margin:0 0 0 40px; position:relative; height:24px;}
.boxDcImg i em{position:absolute; top:50%; right:calc(100% + 10px); transform:translateY(-50%); white-space: nowrap;}
.boxDcImg i.GTL,.boxDcImg i.GBL,.boxDcImg i.C{background-color:#f90}
.boxDcImg i.PP{background-color:#009414}
.boxDcImg i.Core{background-color:#FFE5AF; height:40px}
.boxDcImg i.C{height:10px;}

/*序列号 - 弹窗*/
.altSerialNumber>.box{max-width:1090px}
.altSerialNumber>.box>.tit{border-bottom:1px solid #eee; padding:15px 20px;}
.altSerialNumber .n{display:flex; justify-content:space-between; gap:1em; flex-wrap:wrap}
.altSerialNumber .n .left{width:calc(100% - 356px - 1em); display:flex; flex-direction:column}
.altSerialNumber .n .left .cnt{height:100%;}
.altSerialNumber .n .right{width:356px; background-color:#F5F5F5}
.altSerialNumber .n .cnt{background-color:#F5F5F5; padding:1em}
.altSerialNumber .bnCheckboxCK:before{margin-right:.5em; line-height:1.2em}
.altSerialNumber .SerialNumber_typeTemp,.altSerialNumber .t{line-height:30px; padding-bottom:10px; display:block; font-size:16px}
.altSerialNumber .SerialNumber_typeTemp{display:flex; justify-content:stretch; gap:2em; width:100%; flex-wrap:wrap; line-height:30px; padding-bottom:0}
.altSerialNumber dl{padding:.5em 1em .5em 0; margin:0}
.altSerialNumber dl dt{float:left; width:12em; line-height:34px;}
.altSerialNumber dl dd{margin-left:13em; position:relative; line-height:34px}
.altSerialNumber dl dd+dd{margin-top:.5em;}
.altSerialNumber dl dd input.ipt{width:100%; border:1px solid #E6E6E6; padding:0 5em 0 1em;}
.altSerialNumber dl dd .maxLength{position:absolute; top:50%; right:1em; transform:translateY(-50%); user-select:none; color:#999; pointer-events:none}
.altSerialNumber dl dd .bnCheckboxCK{margin-right:1em;}
.altSerialNumber i.demo{min-height:240px; position:relative; display:block; color:#fff; background:no-repeat center center / cover;}
.altSerialNumber i.demo span{position:absolute; top:55%; left:auto; right:.5em; text-align:center; transform:translateY(-50%); text-align:right}
.altSerialNumber i.demo span img{width:80px; height:80px; background-color:transparent; display:inline-block; margin:0 0 5px; padding:5px}
.altSerialNumber i.demo span em{display:block;}
.altSerialNumber .n[type='1'] dl[name="QrCode"],.altSerialNumber .n[type='1'] dl[name="QRCodeSize"]{display:none}
.altSerialNumber .n[type='1'] i.demo span img{display:none}
.altSerialNumber .n[type='2'] dl[name="SerialCode"],.altSerialNumber .n[type='2'] dl[name="AcceptBrokenCodes"]{display:none}
.altSerialNumber .n[type='2'] dl dd+dd{margin-top:0}
.altSerialNumber .n[type='2'] dl[name="QrCode"] dd:nth-child(3){display:none}
.altSerialNumber .n[type='2'] i.demo span em{display:none}
.altSerialNumber .n[type='3'] dl[name="SerialCode"]{display:none}
.altSerialNumber .n[type='3'] i.demo span em{display:none}
.altSerialNumber .right .t{font-size:12px; color:#B7B7B7; text-align:center; padding-bottom:0}
.altSerialNumber .right .cnt{padding-top:0}
.altSerialNumber .right .cnt>p{display:none; min-height:8em; text-align:center; color:#008C95; padding-top:1em; font-size:12px}
.altSerialNumber .n[type='1'] .right p.type1,.altSerialNumber .n[type='2'] .right p.type2,.altSerialNumber .n[type='3'] .right p.type3,.altSerialNumber .n[type='4'] .right p.type4{display:block}