.g-main {
    background-color: #fff;
}
.w1280 {
    margin: 0 auto;
    width: 1280px;
}
.rel {
    position: relative;
}
.mt5 {
    margin-top: 5px !important;
}
.clearfix {
    zoom: 1;
}
body, div, p, iframe, ul, li, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table, th, td, input, button, select, textarea {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    content: '.';
    line-height: 0;
}
li {
    list-style: none;
}
.ui-left {
    float: left;
}
.blue {
    color: #2b94d1;
}

/*-------在线计价-------*/
.navbar-collapse {
    width: 120px;
    height: auto;
    position: fixed;
    z-index: 1;
    left: 50%;
    margin-left: -765px;
}

.navbar-collapse .navbar-nav {
    position: relative;
    display: inline-block;
    height: 61px;
    margin-top: 49px;
}

    .navbar-collapse .navbar-nav li {
        margin-top: 5px;
        width: 100px;
        height: 80px;
    }

.navbar-collapse .navbar-nav li:last-child {
    margin-right: 0;
}

        .navbar-collapse .navbar-nav li a {
            display: flex;
            height: 80px;
            text-align: center;
            color: #6d6f70;
            font-size: 18px;
            transition: 0s;
            background: #ebebeb;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            flex-direction: column;
            justify-content: center;
            border-top: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
        }

        .navbar-collapse .navbar-nav li:hover a {
            color: #2ea599;
            /* background: url(/images/quote/navbar-nav@bg.png) 0 -75px;*/
        }



.navbar-collapse .navbar-nav li.active {
    
}

    .navbar-collapse .navbar-nav li.active a {
        height: 80px;
        color: #2ea599;
        background: white;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-left: 4px solid #2ea599;
    }

.navbar-collapse .navbar-nav li a i {
    display: inline-block;
    vertical-align: middle;
    margin: -7px 5px 0 -5px;
    opacity: 1;
}

.navbar-collapse .navbar-nav li:nth-child(1) {
    left: 0;
    z-index: 6;
    width: 100px;
    margin:auto;
}



.navbar-collapse .navbar-nav li:nth-child(2) {
    left: 205px;
    z-index: 5;
}

.navbar-collapse .navbar-nav li:nth-child(3) {
    left: 410px;
    z-index: 4;
}

.navbar-collapse .navbar-nav li:nth-child(4) {
    left: 615px;
    z-index: 3;
}

.navbar-collapse .navbar-nav li:nth-child(5) {
    left: 824px;
    z-index: 2;
}

.navbar-collapse .navbar-nav li:nth-child(6) {
    left: 1040px;
    z-index: 1;
    width: 240px;
}

.navbar-collapse .navbar-nav li:nth-child(6) a {
    background: url(/images/quote/navbar-nav@bg.png) -543px 0;
    padding-left: 35px;
}


.navbar-collapse .navbar-nav li:nth-child(6).active a {
    background: url(/images/quote/navbar-nav@bg.png) -543px -148px;
}


/*-------计价主体-------*/
.Jui-container {
    padding-top: 15px;
}

.Jui-container .order-step-box {
    height: 36px;
    background-color: #ebebeb;
    padding-left: 20px;
    cursor: default;
    border-radius: 3px;
    margin-bottom: 12px;
    font-size: 13px;
}

.Jui-container .order-step-box .step-item {
    float: left;
    min-width: 102px;
    line-height: 36px;
    position: relative;
    color: #6d6f70;
    margin-left: 38px;
}

.Jui-container .order-step-box .step-item i {
    opacity: 0.8;
    position: relative;
    right: 0px;
    float: right;
    width: 19px;
    height: 36px;
    background: url(/images/quote/quote-step@ico.png);
}

.Jui-container .Jui-Quote-box {
    padding: 2px 0 30px;
    position: relative;
    font: 13px/1.5 Arial, 'Microsoft YaHei', Helvetica, sans-serif;
}

.Jui-container .Jui-Quote-box .layui-form-select dl {
    margin-top: -8px;
}

.Jui-container .Jui-Quote-box .accurate-quote-tab{ height: 42px; margin-bottom: 14px;}
.Jui-container .Jui-Quote-box .accurate-quote-tab a{ width: 435px;  box-sizing: border-box; font-size: 14px; line-height: 40px; text-align: center; color: #333; border: 1px solid #e8eaeb; background-color: #f8f8f8; border-radius: 6px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);}
.Jui-container .Jui-Quote-box .accurate-quote-tab a:hover{ border: 1px solid #dee0e0; background-color: #f8f8f8; border-radius: 6px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);}
.Jui-container .Jui-Quote-box .accurate-quote-tab a.active{ border: 1px solid #fbc87f; background-color: #fff8ee; box-shadow: 0 2px 5px rgba(251, 200, 127, 0.2);}
.Jui-container .Jui-Quote-box .accurate-quote-tab a i{ position: relative; display: inline-block; vertical-align: middle; width: 18px; height: 18px;}
.Jui-container .Jui-Quote-box .accurate-quote-tab a i.fast{ background: url(/images/quote/accurate-quote-tab1@icon.png);}
.Jui-container .Jui-Quote-box .accurate-quote-tab a i.precision{ background: url(/images/quote/accurate-quote-tab2@icon.png);}
.Jui-container .Jui-Quote-box .accurate-quote-tab a .new{ position: absolute; right: 125px; top: -7px; width: 39px; height: 23px; background: url(/images/quote/accurate-quote-tab2-new@icon.png);}
.Jui-container .Jui-Quote-box .accurate-quote-tab a .return{ position: absolute; right: 125px; top: -7px; width: 39px; height: 23px; background: url(/images/quote/return-order@icon.png);}

.Jui-container .Jui-Quote-box .layui-form-radio {
    padding-right: 0;
    margin-right: 5px;
}

.Jui-container .Jui-Quote-box .layui-form-radio > i {
    font-size: 20px;
    margin-right: 5px;
}

.Jui-container .Jui-Quote-box .layui-form-radio * {
    font-size: 12px;
    vertical-align: top;
}

.Jui-container .Jui-Quote-box .Jui-row-main {
    width: 879px;
    float: left;
}

    .Jui-container .Jui-Quote-box .Jui-row-main .ui-box {
        border-radius: 3px;
        padding: 10px 25px 10px 25px;
        border: 1px solid #e8eaeb;
        background-color: #FFF;
        box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.28);
    }

    .Jui-container .Jui-Quote-box .Jui-row-main .ui-box2 {
        margin-top: 12px;
        border-radius: 3px;
        padding: 20px 22px 10px 25px;
        border: 1px solid #e8eaeb;
        background-color: #FFF;
        box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.28);
    }

.Jui-container .Jui-Quote-box .Jui-box-body .Jui-box {
    position: relative;
    width: 100%;
}

.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #dfe1e6;
}

.Jui-container .Jui-Quote-box .layui-form-select dl dd.layui-this {
    background-color: #2ea599 !important;
    line-height: 30px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title {
    overflow: hidden;
    font-size: 14px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title .note {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    margin-left: 30px;
    font-weight: normal;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title .note a:hover {
    text-decoration: underline;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title .TabControl {
    float: left;
    cursor: pointer;
}


.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title .TabControl:hover h3 {
    color: #555;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title .TabControl .Check {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 21px;
    margin-top: -3px;
    background: url(/images/quote/cloose2@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title .TabControl.Checked .Check {
    background: url(/images/quote/cloose2-hover@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title .arrowBottom {
    display: inline-block;
    width: 10px;
    height: 7px;
    background: url(/images/quote/arrow@bottom.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title .Checked .arrowBottom {
    display: inline-block;
    width: 10px;
    height: 7px;
    background: url(/images/quote/arrow@top.png);
}


.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title i.icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-top: -2px;
    background: url(/images/quote/Pcb_title@ico.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title i.icon.bom {
    width: 21px;
    height: 21px;
    background: url(/images/quote/bom_title@ico.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title i.icon.smt {
    width: 21px;
    height: 21px;
    background: url(/images/quote/smt_title@ico.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title i.icon.fpc {
    width: 22px;
    height: 22px;
    background: url(/images/quote/fpc_title@ico.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title i.icon.gw {
    width: 21px;
    height: 21px;
    background: url(/images/quote/gw_title@ico.png);
}


.Jui-container .Jui-Quote-box .Jui-box .Jui-box-title h3 {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body {
    position: relative;
    margin-top: 20px;
    color: #666;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-mian-block {
   /* background-color: #f8f8f8;*/
    margin: 0 -25px 5px -25px;
    padding: 20px 25px 10px 25px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item {
    margin-bottom: 5px;
    padding-left: 105px;
    padding-right: 0;
    position: relative;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tis2 {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 2;
    padding: 5px 10px 4px;
    border: 1px solid #f4c272;
    background-color: #fdf6ec;
    box-shadow: 0 0 6px #dcceb7;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tis2 s {
    position: absolute;
    top: 7px;
    left: -15px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent #dba65b transparent transparent;
    border-style: dashed dashed solid dashed;
    border-width: 7px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tis2 i {
    position: absolute;
    top: -7px;
    left: -6px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent #fdf6ec transparent transparent;
    border-style: dashed dashed solid dashed;
    border-width: 7px;
    cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .w90 {
    width: 90px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .layui-form-radio {
    font-size: 12px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .xy-sizepanelpic {
    position: absolute;
    right: 20px;
    top: -2px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .layui-form-radio > i:hover, .layui-form-radioed > i {
    border-color: #2ea599;
    color: #2ea599;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item h4.list-item-title {
    position: absolute;
    left: 0;
    top: 7px;
    color: #777;
    display: inline-block;
    font-size: 13px;
    min-width: 100px;
    text-align: left;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item h4.list-item-title em.tis {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 -2px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(/images/quote/tip@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item h4.list-item-title em.tis:hover {
    background: url(/images/quote/tip-hover@icon.png) no-repeat;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item h4.list-item-title em.tis .txt {
    display: none;
    position: absolute;
    top: 24px;
    left: -23px;
    z-index: 99999;
    padding: 15px 18px;
    width: 260px;
    border: 1px solid #cccccc;
    background-color: #fff;
    text-align: justify;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: initial;
    border-radius: 2px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item h4.list-item-title em.tis .txt s {
    position: absolute;
    top: -18px;
    *top: -20px;
    left: 20px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #999 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 9px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item h4.list-item-title em.tis .txt i {
    position: absolute;
    top: -7px;
    *top: -7px;
    left: -8px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 8px;
    cursor: pointer;
}

/* 开票说明*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up{
	transition-duration: 0s;
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 999;
	width: 475px;
    padding: 20px 0;
	margin-left: -240px;
    border: 1px solid #d9dbde;
    background-color: #fff;
    text-align: justify;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 6px 12px 0 rgba(3,27,78,.15);
    cursor: initial;
    border-radius: 6px;
	opacity:0;
	
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoiceBtn{
	overflow: hidden;
}
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoiceBtn:hover{
	overflow: visible;
}
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoiceBtn:hover .invoice-des-up{
	opacity: 1;
	transition:opacity 0.5s;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt s {
    position: absolute;
    bottom: -18px;
    left: 50%;
	margin-left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: #ccc transparent transparent transparent ;
    border-style: solid dashed dashed dashed ;
    border-width: 9px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt i {
    position: absolute;
    top: -9px;
    left: -8px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color:#fff transparent transparent  transparent;
    border-style:solid dashed dashed  dashed;
    border-width: 8px;
    cursor: pointer;
}
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt .item{
	padding: 0 22px;
}
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt .item.spacer{ 
	margin-bottom: 18px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt .item .lines{ 
	width: 428px; height: 42px; line-height: 42px;  font-size: 14px; margin-top:6px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt .item.invoice1 .lines{ 
	border: 1px solid #dde7ff;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt .item.invoice2 .lines{ 
	border: 1px solid #ffeacc;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt .item.invoice3 .lines{ 
	border: 1px solid #f1f3f6;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt .item .lines .dt{ 
	width: 145px; float: left; padding-left: 25px;
	color: #666;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .invoice-des-up .txt .item .lines p{ 
	width: 234px; float: left;  padding-left: 22px;
}


.Jui-container .Jui-Quote-box .slect-down {
	width: 171px;
    float: left;
    position: relative;
    height: 30px;
    border: 1px solid #dfe1e6;
    cursor: pointer;
    border-radius: 2px;
    margin-bottom: 8px;
}

.Jui-container .Jui-Quote-box .slect-down:nth-child(1) {
	margin-right: 4px ;
}

.Jui-container .Jui-Quote-box .slect-down:after {
    display: block;
    content: '';
    background: url(/images/quote/quote-select2@icon.png) no-repeat center;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
}

.Jui-container .Jui-Quote-box .slect-down .txt {
    height: 28px;
    background: #fff;
    width: 100%;
    text-indent: 10px;
    cursor: pointer;
    border: 0;
    font-family: arial;
    font-size: 13px;
}

.Jui-container .Jui-Quote-box .slect-down .disable {
	color: #888;
	background-color: #f5f5f5;
}

.Jui-container .Jui-Quote-box .slect-down .drop-down {
    position: absolute;
    top: 29px;
    left: -1px;
    right: -1px;
    z-index: 9;
    border: 1px solid #d6d6d6;
    border-top: 0;
    box-sizing: border-box;
    background: #fff;
    display: none;
    max-height: 150px;
    overflow-y: auto;
}

.Jui-container .Jui-Quote-box .slect-down .drop-down dd {
    padding: 5px 10px;
    cursor: pointer
}

.Jui-container .Jui-Quote-box .slect-down .drop-down dd:hover {
    background: #efefef;
    color: #333;
}

.Jui-container .Jui-Quote-box .slect-down .drop-down .disabled {
    color: #a8a8a8;
    background: #efefef
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item h4.list-item-title .form-required {
    position: absolute;
    left: -6px;
    color: #2ea599;
    display: inline-block;
    text-align: left;
    white-space: nowrap;
    margin-right: 4px;
    font-family: arial, helvetica, sans-serif;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .list-item-title2 {
    padding: 5px 0;
    margin-right: 5px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tips-Up {
    transition-duration: 0s;
    position: absolute;
    bottom: 38px;
    left: 50%;
    z-index: 999;
    width: 475px;
    padding: 20px 0;
    margin-left: -240px;
    border: 1px solid #d9dbde;
    background-color: #fff;
    text-align: justify;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 6px 12px 0 rgba(3,27,78,.15);
    cursor: initial;
    border-radius: 6px;
    opacity: 0;
    color: #333;
}
    .Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tips-Up .box {
        padding: 0 20px;
    }
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tipsBtn {
    overflow: hidden;
}
    .Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tipsBtn:hover {
        overflow: visible;
    }
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tipsBtn:hover .tips-Up {
    opacity: 1;
    transition: opacity 0.5s;
}
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tips-Up .box .dt {
    margin-bottom: 10px;
}
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tips-Up .box s {
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: #ccc transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    border-width: 9px;
}
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .tips-Up .box i {
    position: absolute;
    top: -9px;
    left: -8px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: #fff transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    border-width: 8px;
    cursor: pointer;
}
.bold {
    font-weight: 700;
}
a {
    position: relative;
}
    .Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag {
    border: 1px solid #dfe1e6;
    border-radius: 0;
    color: #666;
    float: left;
    background: #fff;
    margin-bottom: 8px;
    margin-right: 5px;
	height: 30px;
    padding: 5px 17px 4px;
    text-decoration: none;
	box-sizing: border-box;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag.plank {
    padding: 5px 15px 4px;
}


.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    position: relative;
    left: -4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .layui-form-mid {
    float: left;
    padding: 5px 3px 4px !important;
    margin-right: 10px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag:hover {
    border: 1px solid #2ea599;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag.disable {
    background: #f7f7f7;
    border: 1px dashed #dadce0;
    color: #888;
    cursor: default;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag.disable2 {
    background-color: #333;
    color: #383838;
}


.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag.active {
    border: 1px solid #2ea599;
    height: 30px;
    padding: 4px 20px 3px;
    color: #fff;
    border-radius: 2px;
    background: #2ea599; /*url(/images/quote/choose-active@ico.png) bottom right no-repeat #2ea599;*/
    box-sizing: border-box;
}

/*板子尺寸*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group {
    float: left;
    border: 1px solid #dfe1e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 8px;
    margin-right: 4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .form-control {
    float: left;
    display: inline-block;
    width: 80px;
    background: #fcf8e3;
    height: 28px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 28px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .form-control.disable{
    color: #888;
	background-color: #f9f9f9;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .form-control.disable:focus{
    border: none;
    box-shadow: none;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .form-control.w140 {
    width: 140px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .form-control.w253 {
    width: 253px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .form-control.w240 {
    width: 240px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .form-control.w210 {
    width: 219px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .multiplication-sign {
    float: left;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    border-right: 1px solid #dfe1e6;
    border-left: 1px solid #dfe1e6;
    background-color: #efefef;
    color: #888;
    text-align: center;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .input-group .mm {
    float: left;
    width: 32px;
    height: 28px;
    border-left: 1px solid #dfe1e6;
    background-color: #efefef;
    text-align: center;
    line-height: 26px;
    color: #666;
    text-transform: lowercase;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .select-group {
    margin-bottom: 8px;
    display: inline-block;
    margin-right: 8px;
}

.Jui-container .Jui-Quote-box .layui-input {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .smd-stencil-type {
    position: absolute;
    top: 0;
    right: 20px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .smd-stencil-type img {
    display: none;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .smt-quantity img {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .pcb-quantity img {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0 0 4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .checkbox1 {
    padding: 5px 0;
    color: #666;
    margin-bottom: 4px;
    margin-right: 4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .checkbox1 label {
    cursor: pointer;
    display: inline-block;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .checkbox1 label input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 {
    margin-bottom: 0;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 li {
    margin-bottom: 5px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 label {
    cursor: pointer;
    display: inline-block;
    padding: 2px 0;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 label:hover {
    color: #333;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 label:hover input {
    border: 1px solid #8f8d8b;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 input[type=radio] {
    appearance: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    border: 1px solid #c7c3bd;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
    margin-right: 3px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 input[type=radio]:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #2ea599;
    border: 1px solid #2ea599;
    border-radius: 10px;
    transform: scale(0);
    transition: all ease-in-out 300ms;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 input[type=radio]:checked {
    border: 1px solid #2ea599;

}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 input[type=radio]:checked:after {
    transform: scale(1);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .radio1 .w200 {
    width: 120px;
    display: inline-block;
}

/*拼版*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .imposition-rule-btn {
    position: relative;
    cursor: pointer;
    border-bottom: 1px dashed #2871bf;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .imposition-rule-btn .txt {
    display: none;
    position: absolute;
    top: 30px;
    left: -20px;
    z-index: 4;
    border: 1px solid #cccccc;
    background-color: #fff;
    text-align: justify;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: initial;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .imposition-rule-btn .txt s {
    position: absolute;
    top: -19px;
    *top: -20px;
    left: 20px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #999 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 9px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .imposition-rule-btn .txt s i {
    position: absolute;
    top: -9px;
    *top: -9px;
    left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
    cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .imposition-rule-btn2 {
    position: relative;
    cursor: pointer;
    border-bottom: 1px dashed #2871bf;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .imposition-rule-btn2 .txt {
    display: none;
    position: absolute;
    top: 30px;
    right: -20px;
    z-index: 2;
    border: 1px solid #cccccc;
    background-color: #fff;
    text-align: justify;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: initial;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .imposition-rule-btn2 .txt s {
    position: absolute;
    top: -19px;
    *top: -20px;
    right: 20px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #999 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 9px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .imposition-rule-btn2 .txt s i {
    position: absolute;
    top: -9px;
    *top: -9px;
    left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
    cursor: pointer;
}

/*板子数量*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn {
    position: relative;
    float: left;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn label {
    cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn label .radio {
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    margin: -2px 2px 0 0;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul li {
    width: 20%;
    float: left;
    margin-bottom: 5px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul li a {
    display: block;
    color: #757575;
    overflow: hidden;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul li.free {
    width: 125px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul li.free:hover .free-icon {
    opacity: 0.9;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul li.free .free-icon {
    display: inline-block;
    vertical-align: middle;
    width: 93px;
    height: 22px;
    background: url(/images/free-proofing@icon.png);
    margin: -1px 0 0 4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul li.receive-free {
    width: 155px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul li.receive-free:hover .free-icon {
    opacity: 0.9;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul li.receive-free .free-icon {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
    height: 22px;
    background: url(/images/free-proofing@icon.png) -99px 0;
    margin: 0 0 0 4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp ul {
    font-family: verdana;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp {
    display: none;
    position: absolute;
    top: 28px;
    left: -1px;
    z-index: 99;
    padding: 15px 10px 20px 20px;
    width: 350px;
    border: 1px solid #cccccc;
    background-color: #fff;
    text-align: justify;
    font-weight: normal;
    font-size: 13px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: initial;
    color: #757575;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp .custom {
    margin-top: 12px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp .custom .txtstyle {
    width: 110px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #d8d8d8;
    color: #6E6E6E;
    padding-left: 3px;
    margin-right: 3px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp .custom button {
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    border: 0px;
    font-size: 12px;
    margin-left: 6px;
    border-radius: 2px;
    color: #fff;
    background-color: #2ea599;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp .custom button.confirmbtn {
    background-color: #2ea599;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .boards-nub-btn .boards-nub-warp .custom button.cancelbtn {
    background-color: #888;
}

/*测试*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .list-radio-group {
    display: inline-block;
    margin-top: 2px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .list-radio-group li {
    margin-bottom: 2px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .list-courier-group {
    margin-bottom: 10px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .list-courier-group .list-courier-item {
    width: 120px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .list-courier-group .list-courier-item.name {
    width: 120px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .layui-form-radio {
    margin-top: 0;
    color: #333;
    float: left;
}

/*焊盘喷镀checkbox*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .checkbox-impor {
    display: inline-block;
    margin: 12px 0;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .checkbox-impor .choIco {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 5px 0 0;
    width: 15px;
    height: 15px;
    background: url(/images/cloose-ico.png);
    cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .checkbox-impor.active .choIco {
    background: url(/images/cloose-hover-ico.png);
}

/*阻焊颜色*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -4px;
    border-radius: 1px;
    display: inline-block;
    border-radius: 2px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_green {
    background-color: #008000;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_red {
    background-color: #bb1407;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_yello {
    background-color: #ffd200;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_blue {
    background-color: #0c4ad9;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_white {
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_black {
    background-color: #000;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_purple {
    background-color: #a20495;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_yg_green {
    background-color: #218626;
    background-image: -webkit-linear-gradient(top, #218626, #58de5f);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .filter-tag .mask_col_yg_black {
    background-color: #0f0f0f;
    background-image: -webkit-linear-gradient(top, #666666, #000000);
}

/*收货地址*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .list-item .Shipping-address {
    display: inline-block;
    width: 100%;
    border-top: 1px dashed #e6e7e8;
    padding-top: 10px;
    margin-top: 5px;
}

/*个性化需求*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options {
    margin: 10px 0 15px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-options-title {
    height: 36px;
    line-height: 36px;
    background-color: #f5f5f5;
    cursor: pointer;
    font-size: 14px;
    padding: 0 15px;
    border: 1px solid #f0f0f0;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-options-title .c9 {
    color: #999;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-wrap {
    border: 1px solid #f0f0f0;
    border-top: 0;
    padding: 15px 20px 10px;
    border-top: 0 none;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-options-title h5 {
    display: inline-block;
    font-weight: bold;
	color: #333;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-options-title .btn-radio {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-options-title .btn-radio i.cross {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    margin-left: -6px;
    margin-top: -1px;
    background-color: #333;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-options-title .btn-radio i.vertical {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    margin-left: -1px;
    background-color: #333;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-options-title.active i.vertical {
    display: block;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-wrap .list-item {
    padding-left: 155px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .personalized-needs-options .personalized-needs-wrap .list-item.pl125{
    padding-left: 115px;
}

/*特殊工艺选项*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process {
    margin-bottom: 15px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-tille {
    height: 36px;
    line-height: 36px;
    background-color: #f1f3f4;
    cursor: pointer;
    font-size: 14px;
    padding: 0 15px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-tille h5 {
    display: inline-block;
    font-weight: bold;
	color: #333;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-tille .c9 {
    color: #999;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap {
    border: 1px solid #f0f0f0;
    border-top: 0;
    padding: 22px 20px 2px;
    border-top: 0 none;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li {
    float: left;
    height: 30px;
    margin: 0 27px 10px 0;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li label {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li label:hover {
    color: #333;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li label input {
    margin-right: 3px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li em.tis {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 0;
    width: 16px;
    height: 16px;
    background: url(/images/quote/tip@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li em.tis:hover {
    background: url(/images/quote/tip-hover@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li em.tis .txt {
    display: none;
    position: absolute;
    top: 24px;
    left: -23px;
    z-index: 99999;
    padding: 12px 16px;
    width: 260px;
    border: 1px solid #cccccc;
    background-color: #fff;
    text-align: justify;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: initial;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li em.tis .txt s {
    position: absolute;
    top: -19px;
    *top: -20px;
    left: 20px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #999 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 9px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .checkbox2 li em.tis .txt i {
    position: absolute;
    top: -9px;
    *top: -9px;
    left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
    cursor: pointer;
}


.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .input-group {
    float: left;
    border: 1px solid #dfe1e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 8px;
    margin-right: 6px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-wrap .input-group .form-control {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 85px;
    background: #fcf8e3;
    height: 30px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 30px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 3px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #2ea599;
    background-color: #2ea599;
    color: #fff;
}

.layui-form-checkbox[lay-skin=primary] i:hover {
    border: 1px solid #2ea599;
}

.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #2ea599;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #2ea599;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #2ea599 !important;
    background-color: #2ea599;
}


.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-tille .btn-radio {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-tille .btn-radio i.cross {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    margin-left: -6px;
    margin-top: -1px;
    background-color: #333;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-tille .btn-radio i.vertical {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    margin-left: -1px;
    background-color: #333;
    display: none;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .Special-Process .Special-Process-tille.active i.vertical {
    display: block;
}

/*bom下单 上传文件*/
.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload {
    width: 420px;
    padding-top: 6px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload {
    position: relative;
    overflow: hidden;
    padding: 20px 0 25px;
    border: 1px dashed #f49673;
    background-color: #fff8ee;
    border-radius: 3px;
    margin-top: 8px;
    text-align: center;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload i {
    height: 47px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload p {
    margin-top: 4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .bomFile {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .bomBtn {
    width: 138px;
    height: 36px;
    float: none;
    background-color: #f49673;
    border: 1px solid #f49673;
    border-radius: 3px;
    font-size: 14px;
    margin-top: 8px;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}


.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .bomBtn:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .upload-success {
    padding: 30px 0;
    position: relative;
    z-index: 3;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .upload-success .name {
    display: inline-block;
    vertical-align: middle;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .upload-success .name p {
    display: inline-block;
    vertical-align: middle;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .upload-success .name p.file {
    max-width: 180px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .upload-success .del {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    background: url(/images/index/remove.png) left center no-repeat;
    cursor: pointer;
    color: #e8551e;
    margin-left: 5px;
    margin-top: 4px;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .upload-success .del:hover {
    text-decoration: underline;
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload .uploadSuccessBtn {
    display: block;
    width: 180px;
    height: 40px;
    margin: 0 auto;
    margin-top: 18px;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
    border: 1px solid #de4d00;
    text-align: center;
    background-color: #e8551e;
    color: #fff;
    border-radius: 100px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.Jui-container .Jui-Quote-box .Jui-box .Jui-box-body .bomUpload .upload:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

/*计价结果*/
.Jui-container .Jui-Quote-box .Jui-row-right {
    position: relative;
    padding: 0;
    float: right;
    width: 382px;
	z-index: 2;
}

.Jui-container .Jui-Quote-box .Jui-row-right .advertising {
    margin: 10px 0 0;
}

.Jui-container .Jui-Quote-box .Jui-row-right .advertising a {
    display: block;
    margin-bottom: 10px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .advertising a:last-child {
    margin-bottom: 0;
}
    .Jui-container .Jui-Quote-box .Jui-row-right .advertising img {
    max-width:100%;
    }

    .Jui-container .Jui-Quote-box .Jui-row-right .side-wrap {
        position: relative;
    }

.Jui-container .Jui-Quote-box .Jui-row-right .side-bar {
    width: 380px;
    z-index: 3;
    border: 1px solid #e8eaeb;
    border-radius: 3px;
    background-color: #FFF;
    box-shadow: 0 2px 0 #f5f5f5;

}


.Jui-container .Jui-Quote-box .Jui-row-right .side-wrap.Jui-row-right-scroll {
    position: fixed;
    top: 0;
    right: auto;
    z-index: 99;
    width: 382px;
}

.w1024 {
    position: absolute !important;
}

.Jui-container .Jui-Quote-box .Jui-row-right .Jui-row-wrap {
    padding: 0 15px 19px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .Jui-row-title {
    overflow: hidden;
    margin-bottom: 0;
    padding: 12px 15px 8px;
    position:relative;
    cursor:pointer;
    /* background-color: #f1f3f4;
    border-bottom: 1px solid #e8eaeb; */
}

.Jui-container .Jui-Quote-box .Jui-row-right .Jui-row-title h3 {
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 2px;
}
    .Jui-container .Jui-Quote-box .Jui-row-right .Jui-row-title i {
        position: absolute;
        right: 15px;
        top: 12px;
        transform: rotate(90deg);
    }
        .Jui-container .Jui-Quote-box .Jui-row-right .Jui-row-title i.iconright {
            transform: rotate(0deg);
        }
        .Jui-container .Jui-Quote-box .Jui-row-right .Jui-row-title p.tis {
            color: #757575;
            font-size: 12px;
        }

/*.Jui-container .Jui-Quote-box .Jui-row-right .cost-details-list {
	width: 100%;
    border-top: 1px solid #e8e8e8;
}


.Jui-container .Jui-Quote-box .Jui-row-right .cost-details-list .item{
	width: 50%;
	float: left;
}

.Jui-container .Jui-Quote-box .Jui-row-right .cost-details-list .item div{
	float: left;
	width: 67px;
    padding: 1px 8px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    display: block;
    position: relative;
    margin-left: -1px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .cost-details-list .item div.dt {
	width: 50px;
    background-color: #f2f2f2;
    color: #777;
    padding: 1px 8px;
    height: 30px;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: block;
}*/

.Jui-container .Jui-Quote-box .Jui-row-right .courier-company {
    margin-top: 0px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .courier-company h3 {
    margin-bottom: 4px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .courier-company .layui-unselect {
    width: 157px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .courier-company .express-selection {
    margin-bottom: 10px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .courier-company .express-selection .heavy {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 1px;
    color: #999;
    margin-top: -5px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .courier-company .express-selection .heavy .jp-ico {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 16px;
    margin: 0 0 0 5px;
    background: url(/images/quote/plane@icon.png)
}

.Jui-container .Jui-Quote-box .Jui-row-right .courier-company .express-selection .heavy .shipping-price {
    margin-right: 1px;
    font-family: verdana;
    font-weight: bold;
}

.Jui-container .Jui-Quote-box .Jui-row-right .pcb-time {
    padding: 5px 0;
    border-radius: 3px;
    border-bottom: 1px solid #f0f0f0;
}

.Jui-container .Jui-Quote-box .Jui-row-right .pcb-time .item {
    float: left;
    width: 138px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .pcb-time .item .con {
    display: inline-block;
    vertical-align: middle;
}

.Jui-container .Jui-Quote-box .Jui-row-right .pcb-time .jp-ico {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 42px;
    margin-top: -2px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .pcb-time .expected-ship {
    background: url(/images/quote/pcb-time1@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-row-right .pcb-time .expected-arrival {
    background: url(/images/quote/pcb-time2@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-row-right .pcb-time span {
    display: inline-block;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period{ position: relative; margin-bottom: 13px;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period:nth-child(2){ margin-bottom:8px;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header {
	padding-left: 140px;
    color: #9d9d9d;
    font-size: 12px;
    border: 1px solid #eee;
	background-color: #fafafa;
	border-top-left-radius:8px ;
	border-top-right-radius:4px ;
	height: 25px;
	line-height: 25px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header h4{ text-indent: 10px;  position: absolute; left: 0; top: -1px; z-index: 2; width: 86px; height: 24px; font-size: 14px; line-height: 27px; text-align: center; border-top-left-radius:8px ; background-color: #c5c6c7; color: #fff; font-weight: bold;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header h4:after{ content: ''; position: absolute; right: -27px; top: 0; z-index: 2; width: 27px; height: 24px; background: url(/images/quote/delivery-title@bg.png);}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header h4 .synergy{ display: inline-block; vertical-align:middle; cursor: pointer; margin: -1px 0 0 1px; width: 16px; height: 16px; background: url(/images/quote/synergy@icon.png);}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header h4 .synergy .txt {
    display: none;
    position: absolute;
    top: 26px;
    left:35px;
    z-index: 99999;
    padding: 15px 15px;
	text-indent: 0px;
    width: 250px;
    border: 1px solid #cccccc;
    background-color: #fff;
    text-align: left;
    line-height: 1.8;
    font-weight: normal;
	color: #333;
    font-size: 13px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: initial;
    border-radius: 2px;
}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header h4 .synergy:hover .txt{
	display: block;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header h4 .synergy .txt s {
    position: absolute;
    top: -18px;
    *top: -20px;
    left: 20px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #999 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 9px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header h4 .synergy .txt i {
    position: absolute;
    top: -7px;
    *top: -7px;
    left: -8px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 8px;
    cursor: pointer;
}


.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header span {
    float: left;
    display: inline-block;
	height: 25px;
	min-width: 28px;
    text-align: left;
	margin-right: 52px;
}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header span.delivery{
	width:62px;
	margin-left: 40px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header span.spacer{
	margin-right: 130px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header span:last-child {
    margin-right: 0;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header span.buildt {
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period .selected-price-header span.pcbqty {
    width: 70px;
    text-align: center;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field {
    border-radius: 0px 0px 3px 3px;
    padding: 2px 10px 2px;
    position: relative;
    color: #858d90;
    cursor: pointer;
    text-align: left;
	margin-top: -2px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #fff;
	border: 1px solid #ededed;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 {
    margin-bottom: 0;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li {
    border-radius: 2px;
    color: #3b474c;
    font-size: 13px;
    cursor: pointer;
    z-index: 1;
    color: #666;
	border-bottom: 1px dashed #e5e5e5;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li:last-child{
    border-bottom: 0;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-TG{ float: left; width: 160px;}
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-TG.spacer{ width: 116px;}
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-time.spacer{ margin-right: 36px;}
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-time{ float: left; width: 78px; text-align: center;}
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-time img{ opacity: 0.8; filter: grayscale(100%);}
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-time .expedited{ position: relative; display: inline-block;  height: 18px; padding: 1px 4px 0 9px; color: #ec5657; opacity: 1; filter: grayscale(100%); border:1px solid #ec5657; border-left:0; border-top:0; border-top-right-radius:3px; border-bottom-right-radius:3px} 
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-time .expedited i{ position: absolute; left: -5px; top: 0; width: 13px; height: 18px;  background: url(/images/quote/expedited@icon.png); }
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-time .expedited:before{ content: ''; position: absolute; top: 0; right: 0; left:14px; z-index: 2;  height: 1px; background-color: #ec5657;}
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-time .expedited:after{ content: ''; position: absolute; top: 0; right: 0; left:11px;  width: 2px; z-index: 2;  height: 1px; background-color: #ec5657;}
.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 li .p-price{ width: 63px; display: inline-block; vertical-align: middle; text-align: center;}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 label {
    cursor: pointer;
    display: block;
    padding: 10px 0;
	overflow: hidden;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 label:hover {
    color: #333;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 label:hover input {
    border: 1px solid #8f8d8b;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 input[type=radio] {
    appearance: none;
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #c7c3bd;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
	margin-right: 5px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 input[type=radio]:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #2ea599;
    border: 1px solid #2ea599;
    border-radius: 10px;
    transform: scale(0);
    transition: all ease-in-out 300ms;
}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 input[type=radio]:checked {
    border: 1px solid #2ea599;

}

.Jui-container .Jui-Quote-box .Jui-row-right .options-field .radio2 input[type=radio]:checked:after {
    transform: scale(1);
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period:hover .options-field{ background-color: #fffaf5; border: 1px solid #ffc9a2; box-shadow: 0 2px 3px rgba(255, 106, 0, 0.09); }
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period:hover .selected-price-header h4{ background-color: #2ea599;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period:hover .selected-price-header h4:after{ content: '';  background: url(/images/quote/delivery-title-hover@bg.png);}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period:hover .options-field .radio2 li .p-time .expedited{ filter: grayscale(0%); } 
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period:hover .options-field .radio2 li .p-time .expedited:before{ content: ''; position: absolute; top: 0; right: 0; left:14px; z-index: 2;  height: 1px; background-color: #ec5657;}


.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.active .options-field {
    background-color: #fffaf5;
    border: 1px solid #1870ff8f;
    box-shadow: 0 2px 3px rgba(255, 106, 0, 0.09);
}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.active .selected-price-header h4{ background-color: #2ea599;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.active .selected-price-header h4:after{ content: ''; background: url(/images/quote/delivery-title-hover@bg.png);}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.active .options-field .radio2 li .p-time .expedited{ filter: grayscale(0%); } 
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.active .options-field .radio2 li {color: #444;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.active .options-field .radio2 li .p-price{color: #2ea599;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.active .options-field .radio2 li {border-bottom: 1px dashed #dbdbdb;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.active .options-field .radio2 li:last-child {border-bottom:0;}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field{ background-color: #f5f8fb; border: 1px solid #a7bfd7; box-shadow: 0 2px 3px rgba(255, 106, 0, 0.09); }
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .selected-price-header h4{ background-color: #4d7dad;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .selected-price-header h4:after{ content: '';  background: url(/images/quote/delivery-title-xt-hover@bg.png);}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field .radio2 li .p-time .expedited{ opacity: 1; filter: grayscale(0%); border:1px solid #4d7dad; border-left:0; border-top:0; color: #4d7dad;} 
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field .radio2 li .p-time .expedited:before{ content: ''; position: absolute; top: 0; right: 0; left:14px; z-index: 2;  height: 1px; background-color: #4d7dad;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field .radio2 li .p-time .expedited i{ position: absolute; left: -5px; top: 0; width: 13px; height: 18px;  background: url(/images/quote/expedited-xt@icon.png); }
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field .radio2 li .p-time .expedited:before{ content: ''; background-color: #4d7dad;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field .radio2 li .p-time .expedited:after{ content: ''; background-color: #4d7dad;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field .radio2 input[type=radio]:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #4d7dad;
    border: 1px solid #4d7dad;
    border-radius: 10px;
    transform: scale(0);
    transition: all ease-in-out 300ms;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field .radio2 input[type=radio]:checked {
    border: 1px solid #4d7dad;

}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:hover .options-field .radio2 input[type=radio]:checked:after {
    transform: scale(1);
}



.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .options-field{ background-color: #f5f8fb;border: 1px solid #a7bfd7;box-shadow: 0 2px 3px rgba(255, 106, 0, 0.09); }
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .selected-price-header h4{ background-color: #4d7dad;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .selected-price-header h4:after{ content: ''; background: url(/images/quote/delivery-title-xt-hover@bg.png);}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .radio2 li .p-time .expedited{ opacity: 1; filter: grayscale(0%); border:1px solid #4d7dad; border-left:0; border-top:0; color: #4d7dad;} 
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .radio2 li .p-time .expedited i{ position: absolute; left: -5px; top: 0; width: 13px; height: 18px;  background: url(/images/quote/expedited-xt@icon.png); }
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .radio2 li .p-time .expedited:before{ content: ''; background-color: #4d7dad;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .radio2 li .p-time .expedited:after{ content: ''; background-color: #4d7dad;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .options-field .radio2 li {color: #444;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .options-field .radio2 li .p-price{color: #4d7dad;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .options-field .radio2 li {border-bottom: 1px dashed #dbdbdb;}
.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT.active .options-field .radio2 li:last-child {border-bottom:0;}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:active .radio2 input[type=radio]:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #4d7dad;
    border: 1px solid #4d7dad;
    border-radius: 10px;
    transform: scale(0);
    transition: all ease-in-out 300ms;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT .options-field .radio2 input[type=radio]:checked {
    border: 1px solid #4d7dad;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT .options-field .radio2 input[type=radio]:after{
	background: #4d7dad;
	border: 1px solid #4d7dad;
}

.Jui-container .Jui-Quote-box .Jui-row-right .delivery-period.delivery-period-XT:active .radio2 input[type=radio]:checked:after {
    transform: scale(1);
}



.Jui-container .Jui-Quote-box .Jui-row-right .down-detail{
	border: 1px solid #eee;
	border-radius: 3px;
	overflow: hidden;
	margin-top: 10px;
}
.Jui-container .Jui-Quote-box .Jui-row-right .down-detail{
	border: 1px solid #eee;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 8px;
}
.Jui-container .Jui-Quote-box .Jui-row-right .down-detail:last-child{
	margin-bottom: 0px !important;
}

.Jui-container .Jui-Quote-box .Jui-row-right .down-detail h4{
	height: 36px;
	line-height: 36px;
	padding: 0 13px;
	background-color: #f8f8f8;
	cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-row-right .down-detail h4.active .arrow{
	background: url(/images/quote/parameter-down@arrow.png);
	transform: rotate(180deg);
}

.Jui-container .Jui-Quote-box .Jui-row-right .down-detail h4 .arrow{
	width: 10px;
	height: 6px;
	float: right;
	margin: 16px 0 0 0;
	background: url(/images/quote/parameter-down@arrow.png);
}

.Jui-container .Jui-Quote-box .Jui-row-right .down-detail .parameter{
	display: none;
	overflow: hidden;
	font-size: 12px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .down-detail .parameter div{
	width: 85px;
	overflow: hidden;
	height: 36px;
	float: left;
	padding:8px 5px;
	border-top: 1px solid #eee;
	border-right:1px solid #eee ;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.Jui-container .Jui-Quote-box .Jui-row-right .down-detail .parameter div.tit{
	color: #757575;
}

.Jui-container .Jui-Quote-box .Jui-row-right .down-detail .parameter div:nth-child(4n){
	border-right:0 ;
	/*width: 69px;*/
}

.Jui-container .Jui-Quote-box .Jui-row-right .down-detail .parameter div:nth-child(odd){
	background-color: #f8f8f8;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price {
    padding: 10px 0 0 0;
    font-size: 13px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate {
    background-color: #f5f5f5;
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 {
    overflow: hidden;
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 li {
    padding: 2px 0;
    float: left;
    margin-left: 10px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 label {
    cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 label:hover {
    color: #333;
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 input[type=radio] {
    appearance: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    border: 1px solid #c7c3bd;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
    margin-right: 3px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 input[type=radio]:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #2ea599;
    border: 1px solid #2ea599;
    border-radius: 10px;
    transform: scale(0);
    transition: all ease-in-out 300ms;
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 input[type=radio]:checked {
    border: 1px solid #2ea599;

}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 input[type=radio]:checked:after {
    transform: scale(1);
}

.Jui-container .Jui-Quote-box .Jui-row-right .associate .radio3 .w200 {
    width: 140px;
    display: inline-block;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .discount {
    text-decoration: line-through;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price {
    border-bottom: 1px solid #f0f0f0;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .dt {
    margin-bottom: 8px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .dt span.m-btn {
    float: right;
    margin-left: 5px;
    color: #999;
    cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .dt span.m-btn i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 7px;
    margin: -2px 0 0 3px;
    opacity: 0.4;
    background: url(/images/quote/arrow@bottom.png);
}


.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .dt span.m-btn.active i {
    background: url(/images/quote/arrow@top.png);
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .list-wrap {
    display: none;
    position: relative;
    border: 1px solid #ececec;
    background-color: #fafafa;
    padding: 10px 2px 0;
    margin-bottom: 10px;
	font-size: 12px;
	color: #888;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .list-wrap s {
    position: absolute;
    top: -17px;
    *top: -20px;
    left: 61px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #e8e8e8 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 8px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .list-wrap i {
    position: absolute;
    top: -9px;
    *top: -9px;
    left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fafafa transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
    cursor: pointer;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .list-wrap li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 6px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .product-price .list-wrap li p{
	color: #757575;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .shippment-price {
    margin-bottom: 2px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .total-price {
    font-size: 16px;
    font-weight: bold;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .total-price span {
    font-size: 24px;
    font-family: verdana;
    color: #2ea599;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .coupon-price {
    position: relative;
    top: -2px;
    border: 1px solid #ffd187;
    background-color: #fff9f0;
    margin-bottom: 5px;
    padding: 4px 8px 5px 6px;
    border-radius: 3px;
    box-shadow: 0 2px 3px #fff6f0;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .coupon-price i.couponIcon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 18px;
    background: url(/images/quote/coupon1@icon.png);
    margin-top: -3px;
    margin-right: 2px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .coupon-price .problemIcon {
    float: right;
    width: 16px;
    height: 16px;
    background: url(/images/quote/tip@icon.png);
    margin: 1px 0 0 0;
    cursor: pointer;
    border-radius: 18px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .coupon-price .problemIcon:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    background: url(/images/quote/tip-hover@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .coupon-price .problemIcon.over {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    background: url(/images/quote/tip-hover@icon.png);
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .coupon-price i {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 18px;
    background: url(/images/quote/coupon1@icon.png);
    margin-top: -3px;
    margin-right: 2px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .price .coupon-price .note {
    overflow: hidden;
    display: none;
    padding: 8px 12px;
    background-color: #fff;
    font-size: 12px;
    border: 1px solid #fff0da;
    margin-top: 8px;
    color: #666;
}

.Jui-container .Jui-Quote-box .Jui-row-right .compose-footer-actions {
    margin-top: 15px;
}

.Jui-container .Jui-Quote-box .Jui-row-right .compose-footer-actions .os-btn {
    display: block;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    border-radius: 2px;
    transition: all 1s;
}

.Jui-container .Jui-Quote-box .Jui-row-right .compose-footer-actions .os-btn.reset {
    float: left;
    width: 90px;
    border: 1px solid #dfe1e6;
    height: 48px;
    color: #888;
    text-align: center;
    background: none;
    font-size: 14px;
    background-color: #f2f2f2;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
}

.Jui-container .Jui-Quote-box .Jui-row-right .compose-footer-actions .os-btn.reset:hover {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.Jui-container .Jui-Quote-box .Jui-row-right .compose-footer-actions .os-btn.add-shoppingcart {
    float: right;
    width: 248px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #2ea599;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 2px 3px rgba(255, 106, 0, 0.25);
}


.Jui-container .Jui-Quote-box .Jui-row-right .compose-footer-actions .os-btn.add-shoppingcart i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0 3px 0 0;
    background: url(/images/Quote/cart@icon.png);
}

    .Jui-container .Jui-Quote-box .Jui-row-right .compose-footer-actions .os-btn.add-shoppingcart:hover {
        background-color: #1870ffcf;
        box-shadow: 0 2px 6px 0 2px 6px #1870ffa1;
    }

.replace-invoice-hide .layui-form-radio{
	margin-right: 0;
	padding-right: 0;
}

/*板子层数 内层厚度*/
.layer-board-up1 {
    padding: 0 20px 0 20px;
}

.layer-board-up1 .list-wrap {
    overflow: hidden;
}

.layer-board-up1 .note {
    margin-bottom: 5px;
}

.layer-board-up1 .list-wrap li {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
    cursor: pointer;
}

.layer-board-up1 .list-wrap li input {
    margin-left: 5px;
    padding: 2px 5px;
    border: 1px solid #dfe1e6;
}

.layer-board-up1 .list-wrap li i {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 10px 0 0;
    width: 15px;
    height: 15px;
    background: url(/images/quote/cloose-ico.png) no-repeat;
}

.layer-board-up1 .list-wrap li.active i {
    background: url(/images/quote/cloose-hover-ico.png);
}

.layer-board-up1 .list-wrap li span {
    margin-right: 20px;
}

.layer-board-up1 .list-wrap li.other input {
    width: 50px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #666;
}

.layer-board-up1 .list-wrap li.other input:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none
}

.layer-board-up1 .list-wrap li:last-child {
    border: 0;
}

.layer-board-up1 .input-group {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 5px 5px 5px 24px;
}

.layer-board-up1 .input-group dd {
    margin-bottom: 10px;
}

.layer-board-up1 .input-group input {
    margin-left: 5px;
    padding: 2px 5px;
    border: 1px solid #dfe1e6;
}


/*-----------焊盘喷镀 工艺选项 20190509-----------*/
/*-----------电金选项-----------*/
.surface-Finish-up1 {
    padding: 0 20px 0 20px;
}

.surface-Finish-up1 .list-wrap {
    overflow: hidden;
    margin-bottom: 10px;
}

.surface-Finish-up1 .note {
    margin-bottom: 5px;
}

.surface-Finish-up1 .list-wrap li {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
    cursor: pointer;
}

.surface-Finish-up1 .list-wrap li i {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 10px 0 0;
    width: 15px;
    height: 15px;
    background: url(/images/quote/cloose-ico.png) no-repeat;
}

.surface-Finish-up1 .list-wrap li.active i {
    background: url(/images/quote/cloose-hover-ico.png);
}

.surface-Finish-up1 .list-wrap li span {
    margin-right: 20px;
}

.surface-Finish-up1 .list-wrap li.other input {
    width: 50px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #666;
}

.surface-Finish-up1 .list-wrap li.other input:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #2ea599 !important;
    background-color: #2ea599 !important;
}

/*沉金选项*/
.surface-Finish-arrowTop s {
    position: absolute;
    top: -19px;
    *top: -20px;
    left: 10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #ccc transparent;
    border-style: dashed dashed solid dashed;
    border-width: 9px;
}

.surface-Finish-arrowTop s i {
    position: absolute;
    top: -9px;
    *top: -9px;
    left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #F8F8F8 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
    cursor: pointer;
}

.surface-Finish-up2 {
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 99;
    width: 325px;
    border: 1px solid #e2e2e2;
    background-color: #FFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.surface-Finish-up2 .close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 14px;
    height: 14px;
    background: url(/images/close@icon.png) center no-repeat;
}

.surface-Finish-up2 .dt {
    line-height: 30px;
}

.surface-Finish-up2 .surface-Finish-body {
    padding: 15px 15px 18px;
}

.surface-Finish-up2 .surface-Finish-body .note {
    margin-bottom: 5px;
}

.surface-Finish-up2 .surface-Finish-body .list-wrap {
    overflow: hidden;
}

.surface-Finish-up2 .surface-Finish-body .list-wrap li {
    float: left;
    margin: 3px 8px 3px 0;
    padding: 0 25px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    cursor: pointer;
}

.surface-Finish-up2 .surface-Finish-body .list-wrap li.active {
    border: 2px solid #2ea599;
    background: url(/images/quote/choose-active@ico.png) bottom right no-repeat #fff;
    height: 26px;
    line-height: 26px;
}

/*无铅喷锡+选择性沉金*/
.surface-Finish-up3 {
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 99;
    width: 300px;
    border: 1px solid #e2e2e2;
    background-color: #FFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: initial;
}

.surface-Finish-up3 .close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 14px;
    height: 14px;
    background: url(/images/close@icon.png) center no-repeat;
}

.surface-Finish-up3 .dt {
    line-height: 30px;
}

.surface-Finish-up3 .surface-Finish-body {
    padding: 20px 15px 5px;
}

.surface-Finish-up3 .surface-Finish-body .note {
    margin-bottom: 5px;
}

.surface-Finish-up3 .surface-Finish-body .list-wrap {
    overflow: hidden;
    margin-bottom: 10px;
}

.surface-Finish-up3 .surface-Finish-body .list-wrap li {
    float: left;
    margin: 3px 8px 3px 0;
    padding: 0 25px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    cursor: pointer;
}

.surface-Finish-up3 .surface-Finish-body .list-wrap li:hover {
    border: 1px solid #e83e00;
}

.surface-Finish-up3 .surface-Finish-body .list-wrap li.active {
    border: 2px solid #e83e00;
    background: url(/images/choose-active@ico.png) bottom right no-repeat #fff;
    height: 28px;
    line-height: 28px;
}

/*增加下单和技术联系人*/
.order-contact-up {
    padding: 0 0 0 20px;
    border-bottom: 1px solid #eee;
    display: block;
}

.order-contact-up .filter-tag {
    overflow: hidden;
}

.order-contact-up .filter-tag li {
    border-bottom: 1px solid #eee;
    padding: 12px 5px;
    cursor: pointer;
}

.order-contact-up .filter-tag li:last-child {
    border-bottom: 0;
}

.order-contact-up .filter-tag li i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    width: 17px;
    height: 17px;
    background: url(/images/cloose-ico.png) no-repeat;
}

.order-contact-up .filter-tag li.active i {
    background: url(/images/cloose-hover-ico.png);
}

.order-contact-up .filter-tag li span {
    margin-right: 10px;
}

.order-contact-up .filter-tag li.other input {
    width: 50px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #666;
}

.order-contact-up .filter-tag li.other input:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none
}

/*-------加载计价结果-------*/
.loading-gif {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
	margin: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    background-color: #271e1e \9;
    z-index: 99;
    text-align: center;
    filter: alpha(opacity=20);
}

.loading-gif img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
}

/*--------------------------登录弹框   注册弹框------------------------*/

.user-box-up .mod {
    display: none;
}

.user-box-up .tabs {
    display: block;
}

.user-box-up .close {
    width: 27px;
    height: 27px;
    position: absolute;
    right: -27px;
    top: 0px;
    color: #ccc;
    background-color: #888;
}

.user-box-up .close:hover {
    color: #fff;
    cursor: pointer;
}

.user-box-up {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -240px;
    z-index: 999;
    width: 380px;
    background-color: #fff;
}

.user-box-up .title {
    height: 48px;
    border-bottom: 1px solid #dedede;
    line-height: 48px;
}

.user-box-up .title dt {
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
}

.user-box-up .title dt.over {
    border-bottom: 2px solid #e84800;
    color: #e84800 !important;
    height: 47px;
    font-weight: bold;
}

.user-box-up .login-box .txt2 {
    border: 1px solid #dbdcdc;
}

.user-box-up .login-box {
    padding: 35px;
}

.user-box-up .login-box .field {
    position: relative;
}

/*-------输入帐号-------*/
.user-box-up .login-box .username-field {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 36px;
}

.user-box-up .login-box .username-field .name-ico {
    width: 36px;
    height: 36px;
    background: url(/images/account-ico.png) #ccc;
}

.user-box-up .login-box .text {
    padding: 3px 8px;
    width: 256px;
    height: 30px;
    height: 30px;
    outline: 0;
    border: none;
    color: #000;
    line-height: 26px;
}

.user-box-up .login-box .code-text {
    padding: 3px 8px;
    width: 188px;
    height: 30px;
    outline: 0;
    border: none;
    color: #666;
    line-height: 24px;
}

/*-------输入密码-------*/
.user-box-up .login-box .password-label {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 36px;
}

.user-box-up .login-box .password-label .password-ico {
    width: 36px;
    height: 36px;
    background: url(/images/password-ico.png) #ccc;
}

/*-------验证码-------*/
.user-box-up .login-box .code-field {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 36px;
}

.user-box-up .login-box .code-field .code-m {
    overflow: hidden;
    width: 205px;
    height: 34px;
}

.user-box-up .login-box .code-field .code-no {
    width: 92px;
    height: 34px;
    background-color: #f6f6f6;
}

.user-box-up .login-box .code-field .code-no img {
    max-width: 92px;
    max-height: 34px;
}

/*-------登录提示-------*/
.user-box-up .login-box .prompt {
    height: 20px;
}

.user-box-up .login-box .prompt span {
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 5;
}

.user-box-up .login-box .prompt span i {
    float: left;
    margin: 2px 3px 0 0;
    width: 14px;
    height: 14px;
    background: url(/images/th-ico.png);
}

.user-box-up .login-box .remember {
    overflow: hidden;
    margin-bottom: 13px;
}

.user-box-up .login-box .remember input {
    float: left;
    margin: 3px 4px 0 0;
}

.user-box-up .login-box .remember a:hover {
    text-decoration: underline;
}

.user-box-up .login-box .login-but {
    width: 100%;
    height: 40px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #e84800;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.user-box-up .login-box .login-but:hover {
    background-color: #ff4200;
}

/*-------注册-------*/
.register-box {
    padding: 35px;
    display: none;
}

.register-box .user-info .sr-line li {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    height: 36px;
    border: 1px solid #dbdcdc;
}

.register-box .user-info .sr-line li .name {
    float: left;
    padding-left: 12px;
    width: 75px;
    line-height: 36px;
}

.register-box .user-info .sr-line li input {
    float: left;
    width: 208px;
    height: 36px;
    border: none;
    font-size: 14px;
    line-height: 36px;
}

.register-box .user-info .sr-line li input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.register-box .user-info .sr-line li .iphone-validation {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 99;
    width: 90px;
    height: 32px;
    border: 0;
    background-color: #f2f2f2;
}

.register-box .user-info .sr-line li .img-validation {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 99;
    width: 90px;
    height: 32px;
    border: 0;
    background-color: #f2f2f2;
}

.register-box .user-info .sr-line li .img-validation img {
    width: 100%;
    height: 100%;
}

.register-body .user-info .sr-line li .prompt {
    position: absolute;
    top: 55px;
    left: 0;
}

.register-box .user-info .sr-line li .prompt i {
    margin: 2px 5px 0 0;
    width: 14px;
    height: 14px;
    background: url(/images/th-ico.png);
}

.register-box .user-info .remember {
    overflow: hidden;
    overflow: hidden;
    margin-bottom: 10px;
}

.register-box .user-info .remember input {
    float: left;
    margin: 2px 4px 0 0;
    height: 15px;
}

.register-box .user-info .remember a:hover {
    text-decoration: underline;
}

.register-box .register-btn {
    width: 100%;
    height: 40px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #e84800;
    color: #fff;
    line-height: 30px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.register-box .register-btn:hover {
    background-color: #ff4400;
}

.register-box .contact {
    text-align: center;
}

.register-box .contact .login {
    line-height: 36px;
}

.register-box .contact .login i {
    float: left;
    margin: 0 10px 0 0;
    width: 38px;
    height: 38px;
    background: url(/images/rw-ico.png) no-repeat;
}

.register-box .contact .login a {
    margin-left: 10px;
}

.register-box .contact .login a:hover {
    text-decoration: underline;
}

.register-box .contact .tel {
    line-height: 20px;
}

.register-box .contact .tel i {
    float: left;
    margin: 1px 10px 0 0;
    width: 38px;
    height: 38px;
    background: url(/images/iphone-ico2.png) no-repeat;
}

/*-------地址管理 弹出框-------*/
.address-management-up {
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 999;
    display: none;
    margin: auto;
    margin-top: -220px;
    width: 480px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.address-management-up h4 {
    padding: 0 15px 0 20px;
    height: 35px;
    border-bottom: 1px solid #dfe1e6;
    background-color: #eaeaea;
    line-height: 35px;
}

.address-management-up h4 .close {
    cursor: pointer;
}

.address-management-up .address-management-body {
    padding: 25px 25px;
    text-align: justify;
}

.address-management-up .address-management-body .qr-btn {
    margin: 15px 10px 0;
    width: 100px;
    height: 32px;
    border: 0;
    background-color: #2ea599;
    color: #fff;
}

.address-management-up .address-management-body .qr-btn:hover {
    background-color: #2ea599;
}

.address-management-up .address-management-body table td {
    padding: 6px 0;
}

.address-management-up .address-management-body table td .text-b {
    float: left;
    height: 27px;
    background: url(/images/input-bg.png) top repeat-x;
}

.address-management-up .address-management-body table td .text-b input {
    width: 150px;
    height: 27px;
    outline: none;
    border: 0;
    line-height: 27px;
}

.address-management-up .address-management-body table td .text-c {
    padding: 5px;
    width: 500px;
    height: 60px;
    max-width: 500px;
    max-height: 60px;
    border: 0;
    background: url(/images/input-bg.png) top repeat-x;
}

.address-management-up .address-management-body table td input {
    padding: 0 5px;
    background: url(/images/input-bg.png) top repeat-x;
    color: #333;
    line-height: 3px;
}

.address-management-up .address-management-body table td .ms {
    border: 1px solid #dfe1e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*填写下单联系人*/
.negotiation-fill-info .poer-btn {
    float: left;
    display: block;
    padding: 0 12px;
    height: 28px;
    outline: none;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 30px;
    color: #757575;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #f3f3f3;
    /* box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .04); */
}

.negotiation-fill-info .poer-btn:hover {
    background-color: #f9f9f9;
    color: #666;
}

/*隐藏*/
.negotiation-products .hide {
    display: none;
}

/*-------计价明细-------*/
.orderdetail {
    background-color: #fff;
    padding: 25px 30px;
}

.orderdetail .operation {
    text-align: right;
}

.orderdetail .operation button {
    padding: 0 10px;
    height: 30px;
    border: 0;
    background-color: #aaa;
    color: #fff;
    display: none;
}

.orderdetail .operation button.showBtn i, .orderdetail .operation button.hideBtn i {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: url(/images/arrow-b-ico.png) no-repeat #aaa;
}

.orderdetail .operation button.hideBtn i {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: url(/images/arrow-t-ico.png) no-repeat #aaa;
}

.orderdetail .operation button:hover {
    background-color: #999;
}


.orderdetail .hide-wrap {
    height: 112px;
    overflow: hidden;
}

.orderdetail .pcbonline-box {
    border-collapse: collapse;
    margin-bottom: 25px;
}

.orderdetail .pcbonline-box td {
    padding: 8px 10px;
    border: 1px solid #dfdfdf;
}

.orderdetail .pcbonline-box td:nth-child(odd) {
    text-align: right;
    background-color: #f2f2f2;
}

.orderdetail .mod {
    margin-bottom: 25px;
}

.orderdetail .mod h3 {
    margin-bottom: 5px;
    position: relative;
}

.orderdetail .mod h3 i {
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
}

.orderdetail .mod h3 span {
    color: #2ea599;
}

.orderdetail .mod h3 i.carIcon {
    width: 29px;
    background: url(/images/car@icon.png);
}

.orderdetail .mod h3 i.comIcon {
    display: none;
    width: 24px;
    top: 6px;
    background: url(/images/com@icon.png);
}

.orderdetail .mod .onlineprice {
    border-collapse: collapse;
}

.orderdetail .mod .onlineprice td {
    padding: 8px 10px;
    border: 1px solid #dfdfdf;
    text-align: center;
}

.orderdetail .mod .onlineprice tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.orderdetail .sumbitbox {
    padding: 20px 0 0;
    text-align: right;
}

.orderdetail .sumbitbox button {
    padding: 5px 35px;
    margin: 0 0 0 5px;
}

.orderdetail .sumbitbox button.save {
    background-color: #2ea599;
    height: 50px;
    border: 0;
    color: #fff;
}

.orderdetail .sumbitbox button:hover {
    background-color: #e54515;
}

.orderdetail .sumbitbox button .submit-icon {
    width: 30px;
    height: 26px;
    background: url(/images/upload-ico.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.orderdetail .sumbitbox button.cancel {
    background-color: #eee;
    height: 50px;
    border: 0;
    color: #888;
    border: 1px solid #d5d5d5;
    color: #888;
    background: none;
}

.orderdetail .sumbitbox button .cancel-icon {
    width: 25px;
    height: 25px;
    background: url(/images/return@icon.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    display: none;
}

/*--------------------------登录弹框   注册弹框------------------------*/

.user-box-up .mod {
    display: none;
}

.user-box-up .tabs {
    display: block;
}

.user-box-up .close {
    width: 27px;
    height: 27px;
    position: absolute;
    right: -27px;
    top: 0px;
    color: #ccc;
    background-color: #888;
}

.user-box-up .close:hover {
    color: #fff;
    cursor: pointer;
}

.user-box-up {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -240px;
    z-index: 999;
    width: 380px;
    background-color: #fff;
}

.user-box-up .title {
    height: 48px;
    border-bottom: 1px solid #dedede;
    line-height: 48px;
}

.user-box-up .title dt {
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
}

.user-box-up .title dt.over {
    border-bottom: 2px solid #e84800;
    color: #e84800 !important;
    height: 47px;
    font-weight: bold;
}

.user-box-up .login-box .txt2 {
    border: 1px solid #dbdcdc;
}

.user-box-up .login-box {
    padding: 35px;
}

.user-box-up .login-box .field {
    position: relative;
}

/*-------输入帐号-------*/
.user-box-up .login-box .username-field {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 36px;
}

.user-box-up .login-box .username-field .name-ico {
    width: 36px;
    height: 36px;
    background: url(/images/account-ico.png) #ccc;
}

.user-box-up .login-box .text {
    padding: 3px 8px;
    width: 256px;
    height: 30px;
    height: 30px;
    outline: 0;
    border: none;
    color: #000;
    line-height: 26px;
}

.user-box-up .login-box .code-text {
    padding: 3px 8px;
    width: 188px;
    height: 30px;
    outline: 0;
    border: none;
    color: #666;
    line-height: 24px;
}

/*-------输入密码-------*/
.user-box-up .login-box .password-label {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 36px;
}

.user-box-up .login-box .password-label .password-ico {
    width: 36px;
    height: 36px;
    background: url(/images/password-ico.png) #ccc;
}

/*-------验证码-------*/
.user-box-up .login-box .code-field {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 36px;
}

.user-box-up .login-box .code-field .code-m {
    overflow: hidden;
    width: 205px;
    height: 34px;
}

.user-box-up .login-box .code-field .code-no {
    width: 92px;
    height: 34px;
    background-color: #f6f6f6;
}

.user-box-up .login-box .code-field .code-no img {
    max-width: 92px;
    max-height: 34px;
}

/*-------登录提示-------*/
.user-box-up .login-box .prompt {
    height: 20px;
}

.user-box-up .login-box .prompt span {
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 5;
}

.user-box-up .login-box .prompt span i {
    float: left;
    margin: 2px 3px 0 0;
    width: 14px;
    height: 14px;
    background: url(/images/th-ico.png);
}

.user-box-up .login-box .remember {
    overflow: hidden;
    margin-bottom: 13px;
}

.user-box-up .login-box .remember input {
    float: left;
    margin: 3px 4px 0 0;
}

.user-box-up .login-box .remember a:hover {
    text-decoration: underline;
}

.user-box-up .login-box .login-but {
    width: 100%;
    height: 40px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #e84800;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.user-box-up .login-box .login-but:hover {
    background-color: #ff4200;
}


/*-------选择快递-------*/
.order-stationTab {
    margin-top: 20px;
}

.order-stationTab .tabs-content.address {
    padding: 15px 0;
    border: 1px solid #efefef;
}

.order-stationTab .tabs-content .note {
    margin: 10px 0 0 0;
}

.order-stationTab h3 {
    margin-bottom: 5px;
}

.order-stationTab .note {
    margin: 8px 0 0 0;
    color: #999;
}

.order-stationTab .suggest-address {
    float: left;
    margin: 0 11px 10px 0;
    width: 274px;
    height: 135px;
    border: 1px dashed #d5d5d5;
    background: url(/images/adress-ico.png) right bottom no-repeat #fff;
    cursor: pointer;
    background-color: #fefefe;
}

.order-stationTab .suggest-address:nth-child(4n) {
    margin-right: 0;
}

.order-stationTab .suggest-address .modify {
    float: left;
    margin-top: 10px;
}

.order-stationTab .suggest-address:hover {
    border: 1px dashed #2ea599;
    background: url(/images/adress-hover-ico.png) right bottom no-repeat #fdf9f9;
}

.order-stationTab .suggest-address.over {
    width: 272px;
    height: 133px;
    background: url(/images/adress-hover-ico.png) right bottom no-repeat #fdf9f9;
    border: solid 1px #2ea599;
}

.order-stationTab .suggest-address.over .c8 {
    color: #666;
}

.order-stationTab .suggest-address .address-inner {
    padding: 12px 15px;
}

.order-stationTab .suggest-address .address-inner .addr-hd {
    margin-bottom: 8px;
    padding-bottom: 3px;
}

.order-stationTab .suggest-address .address-inner .ml5 {
    margin-left: 5px;
}

.order-stationTab .add-adrees {
    text-align: right;
}

.order-stationTab .add-adrees a {
    margin: 15px 8px 0 10px;
}

/*-------订单总计-------*/
.order-mingx {
    border-top: 1px solid #efefef;
    padding: 25px 30px;
    margin-top: 30px;
}

.order-mingx .order-summary {
    overflow: hidden;
}

.order-mingx .order-summary .statistic {
    width: 280px;
}

.order-mingx .order-summary .statistic .list {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    zoom: 1;
    text-align: right;
}

.order-mingx .order-summary .statistic .list span {
    text-align: right;
}

.order-mingx .order-summary .statistic .list em {
    display: inline;
}

.order-mingx .order-summary .statistic .price {
    text-align: right;
    font-family: verdana;
}

/*-------单选框样式1-------*/
.order-stationTab .tabs-content .choose {
    position: relative;
    float: left;
}

.order-stationTab .tabs-content .choose li {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 2px 15px;
    border: solid 1px #e5e5e5;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    /*default size*//*width:100px;*/
    height: 32px;
    /*bevel*/
    border-radius: 3px;
}

.order-stationTab .tabs-content .choose li:hover {
    border: solid 1px #2ea599;
}

.order-stationTab .tabs-content .choose li.over {
    border: 1px solid #2ea599;
    color: #2ea599;
    background: url(/images/quote/choose-active@ico.png) bottom right no-repeat #fdf9f9;
}

.order-stationTab .tabs-content .choose li.disable {
    border: 1px dashed #ccc;
    background: none;
    color: #999;
    cursor: not-allowed
}


/*新增地址单选2022-5-06*/
.order-stationTab .tabs-content .choose2 {
    position: relative;
    float: left;
}

.order-stationTab .tabs-content .choose2 li {
    width: 40%;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 2px 15px;
    border: solid 1px #e5e5e5;
    line-height: 32px;
    cursor: pointer;
    /*default size*//*width:100px;*/
    height: 32px;
    /*bevel*/
    border-radius: 3px;
}

.order-stationTab .tabs-content .choose2 li span.name {
    display: inline-block;
    width: 180px;
}

.order-stationTab .tabs-content .choose2 li:hover {
    border: solid 1px #2ea599;
}

.order-stationTab .tabs-content .choose2 li.over {
    border: 1px solid #2ea599;
    color: #2ea599;
    background: url(/images/quote/choose-active@ico.png) bottom right no-repeat #fdf9f9;
}

.order-stationTab .tabs-content .choose2 li.disable {
    border: 1px dashed #ccc;
    background: none;
    color: #999;
    cursor: not-allowed
}


.order-stationTab .tabs-content .order-table td {
    position: relative;
    padding: 6px 3px;
}

.order-stationTab .tabs-content .order-table td .text-b {
    float: left;
    height: 30px;
}

.order-stationTab .tabs-content .order-table td .text-b input {
    width: 150px;
    height: 30px;
    outline: none;
    border: 0;
    line-height: 30px;
    padding-left: 10px;
    border-radius: 2px;
}

.order-stationTab .tabs-content .order-table td input {
    padding: 0 5px;
    color: #333;
    line-height: 3px;
}

.order-stationTab .tabs-content .order-table td .text-c {
    padding: 5px;
    width: 500px;
    height: 60px;
    max-width: 500px;
    max-height: 60px;
    border: 0;
    outline: none;
    border: 0;
    line-height: 27px;
    padding-left: 10px;
    border-radius: 2px;
}

.order-stationTab .tabs-content .order-table td .text-a input {
    width: 85px;
    height: 27px;
    outline: none;
    border: 0;
    line-height: 27px;
}

.order-stationTab .tabs-content .order-table td .ms {
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 3px;;
    -moz-border-radius: 3px;;
    border-radius: 3px;
    float: left;
    background-color: #fff;
}

/*自定义复选框*/
input[type="checkbox"] {
    -webkit-appearance: none;
    background: url(/images/quote/checkbox@icon.png) -26px 0 no-repeat;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 19px;
    cursor: pointer;
    outline: none;
}

input[type="checkbox"]:checked {
    background: url(/images/quote/checkbox@icon.png) 0 0 no-repeat #fff;
}

/* 3d打印 */
.quote-3d-upload {
    position: relative;
    margin-bottom: 15px;
    border-radius: 3px;
    padding: 8px;
    border: 1px solid #e8eaeb;
    background-color: #FFF;
}

.quote-3d-upload .quote-3d-title {
    margin-top: 0px;
}

.quote-3d-upload .quote-3d-title h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
}

.quote-3d-upload .quote-3d-title i {
    width: 27px;
    height: 28px;
    display: inline-block;
    margin: -2px 2px 0 5px;
    vertical-align: middle;
    background: url(/images/quote/3d_title@ico.png);
}

.quote-3d-upload .upload-area-box {
    position: relative;
    border: 2px dashed rgba(0, 0, 0, 0.13);
    margin-top: 8px;
    cursor: pointer;
    transition: background-color 0.3s;
    padding: 40px 20px;
    text-align: center;
    background-color: #f8f8f8;
}

.quote-3d-upload .upload-area-box .dt {
    font-size: 20px;
    margin-bottom: 5px;
}

.quote-3d-upload .upload-area-box .dt i {
	width: 30px; 
	height: 21px; 
	display: inline-block; 
	vertical-align: middle; 
	margin: -4px 2px 0 0; 
	background: url(/images/quote/3d-upload@icon.png);
}

.quote-3d-upload .upload-area-box:hover {
    background-color: #efefef;
}

.quote-3d-upload .uploaded-area-box {
    padding: 20px 30px 15px;
}

.quote-3d-upload .uploaded-area-box .file-item {
    display: inline-block;
}

.quote-3d-upload .uploaded-area-box .file-item .show {
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    width: 63px;
    margin: 0 10px 0 0;
    padding: 8px 0;
    border: 1px solid #f2f2f2;
    text-align: center;
}

.quote-3d-upload .uploaded-area-box .file-item .info {
    display: inline-block;
}

.quote-3d-upload .uploaded-area-box .file-item .info .name {
    max-width: 885px;
    display: inline-block;
    font-size: 20px;
}

.quote-3d-upload .uploaded-area-box .file-item .info .des {
    color: #b3b3b3;
}

.quote-3d-upload .uploaded-area-box .operation-upload {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

.quote-3d-upload .uploaded-area-box .operation-upload a {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    height: 32px;
    line-height: 34px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
}

.quote-3d-upload .uploaded-area-box .operation-upload a i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 3px 0;
}

.quote-3d-upload .uploaded-area-box .operation-upload a.delete {
    color: #666;
}

.quote-3d-upload .uploaded-area-box .operation-upload a.delete i {
    width: 13px;
    height: 14px;
    margin-top: -4px;
    background: url(/images/quote/delete@icon.png);
}

.quote-3d-upload .uploaded-area-box .operation-upload a.delete:hover {
    color: #333;
    background-color: #f5f5f5;
}

.quote-3d-upload .uploaded-area-box .operation-upload a.replace {
    position: relative;
    overflow: hidden;
    border: 1px solid #195ad1;
    color: #195ad1;
    margin-left: 5px;
}

.quote-3d-upload .uploaded-area-box .operation-upload a.replace i {
    width: 13px;
    height: 13px;
    background: url(/images/quote/replace@icon.png);
}

.quote-3d-upload .uploaded-area-box .operation-upload a.replace:hover {
    background-color: #f0f5ff;
}

.quote-3d-upload .uploaded-area-box .operation-upload a.replace .uploadFile {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    left: -65px;
    top: -1px;
    bottom: -1px;
    bottom: 0;
    width: 172px;
    height: 34px;
    outline: none;
}

.quote-3d-upload .psrogress-bar {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: #f39518;
}

/* bom配单 */
.quote-bom-upload{ position: relative; margin-bottom: 15px;border-radius: 3px;padding:8px;border: 1px solid #e8eaeb;background-color: #FFF;}
.quote-bom-upload .quote-bom-title{ margin-top: 0px;}
.quote-bom-upload .quote-bom-title .return{ position: relative; display: inline-block; width: 39px; height: 23px; background: url(/images/quote/return-order@icon.png);}
.quote-bom-upload .quote-bom-title h3{ display:inline-block; vertical-align: middle; font-size: 16px; font-weight: bold;}
.quote-bom-upload .quote-bom-title i{ width: 21px; height: 21px; display: inline-block; margin: -2px 2px 0 5px; vertical-align: middle; background: url(/images/quote/bom_title@ico.png);}
.quote-bom-upload .upload-area-box{ position: relative; border: 2px dashed rgba(0, 0, 0, 0.13);margin-top: 8px;cursor: pointer;transition: background-color 0.3s;padding: 40px 20px;text-align:center;background-color: #f8f8f8;}
.quote-bom-upload .upload-area-box .dt{ font-size: 20px; margin-bottom: 5px;}
.quote-bom-upload .upload-area-box .dt i{ width: 30px; height: 21px; display: inline-block; vertical-align: middle; margin: -4px 2px 0 0; background: url(/images/quote/3d-upload@icon.png);}
.quote-bom-upload .upload-area-box:hover{ background-color: #efefef;}
.quote-bom-upload .uploaded-area-box{ padding: 20px 30px 15px;}
.quote-bom-upload .uploaded-area-box .file-item{ display: inline-block;}
.quote-bom-upload .uploaded-area-box .file-item .show{ display: inline-block; vertical-align: top; border-radius: 3px; width: 63px; margin: 0 10px 0 0; padding: 8px 0; border: 1px solid #f2f2f2; text-align: center;}
.quote-bom-upload .uploaded-area-box .file-item .info{ display: inline-block; }
.quote-bom-upload .uploaded-area-box .file-item .info .name{ max-width: 885px; display:inline-block; font-size: 20px; }
.quote-bom-upload .uploaded-area-box .file-item .info .des{ color: #999;}
.quote-bom-upload .uploaded-area-box .operation-upload{ margin-left: 20px; display: inline-block; vertical-align: top;}
.quote-bom-upload .uploaded-area-box .operation-upload a{ display:inline-block; vertical-align: top; padding: 0 15px; height: 32px; line-height: 34px; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; cursor: pointer;}
.quote-bom-upload .uploaded-area-box .operation-upload a i{ display: inline-block; vertical-align: middle; margin: -2px 3px 0 ;}
.quote-bom-upload .uploaded-area-box .operation-upload a.delete{ color: #666;}
/*.quote-bom-upload .uploaded-area-box .operation-upload a.delete i{ width: 13px; height: 14px; margin-top: -4px; background: url(/images/quote/delete@icon.png);}*/
.quote-bom-upload .uploaded-area-box .operation-upload a.delete:hover{ color: #333; background-color: #f5f5f5;}
.quote-bom-upload .uploaded-area-box .operation-upload a.replace{ position: relative; overflow: hidden; border: 1px solid #195ad1; color: #195ad1; margin-left: 5px;}
/*.quote-bom-upload .uploaded-area-box .operation-upload a.replace i{ width: 13px; height: 13px; background: url(/images/quote/replace@icon.png);}*/
.quote-bom-upload .uploaded-area-box .operation-upload a.replace:hover{ background-color: #f0f5ff;}
.quote-bom-upload .uploaded-area-box .operation-upload a.replace .uploadFile{ cursor: pointer; opacity: 0; position: absolute; left: -65px;top: -1px; bottom: -1px; bottom: 0; width: 172px; height: 34px; outline:none; }
.quote-bom-upload .psrogress-bar{ position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #f39518;}

.ui-right {
    float: right;
}
.Jui-row-right .pcbDetail {
    display: flex;
    flex-wrap: wrap;
}
.pcbDetail li {
    border: 1px solid #f3f3f3;
    border-right: none;
    border-bottom: none;
}
.pcbDetail li, .hover_detail li {
    float: left;
    width: 50%;
    min-height: 30px;
    font-size: 14px;
    overflow: hidden;
    display: flex;
}
.ullifc li span, .ullifc li em {
    display: flex;
    float: left;
    width: 50%;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.5em;
}
.pcbDetail li span, .hover_detail li span {
    background: #ebebeb;
}
.pcbDetail li em, .hover_detail li em {
    text-align: left;
    justify-content: left;
    font-style: normal;
}
/**/
.product-shipping1 a.filter-tag {
    border: 1px solid #7890b3;
    border-radius: 0;
    color: #697c90;
    display: inline-block;
    background: #fff;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 5px 10px;
    line-height: 17px;
    text-decoration: none;
}
.product-shipping1 a.filter-tag.unclickbtn {
    background: #eae9e9;
    border: 1px dashed #dfe6f0;
    cursor: no-drop;
}

/*上传文件*/
.calc_tabs {
    margin: 26px 0 0 20px;
}
    .calc_tabs .board-form-section-name {
        background-position: -228px -316px;
       /* padding-left: 31px;*/
    }
        .calc_tabs .board-form-section-name h1 {
            color: #000;
            font-size: 18px;
            font-weight:bold;
        }
.upload-inner {
    /*padding-left: 33px;*/
    /* width: 686px; */
    margin-top: 24px;
}
    .upload-inner p {
        line-height: 20px;
        font-size: 12px;
        color: #9a9a9a;
        margin-bottom: 12px;
    }
    .upload-inner .items {
        color: #333;
        padding: 10px 0;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
    }
#selectfiles, .selectfiles.btn {
    color: #fff;
    background-color: #2ea599;
    border-color: #2ea599;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.ml10 {
    margin-left: 10px !important;
}
.ml20 {
    margin-left: 15px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.blue {
    color: #2ea599;
}
#div_pcb_jiaji .list-item .filter-tag {
    border: 1px solid #dfe1e6;
    border-radius: 0;
    color: #666;
    float: left;
    background: #fff;
    margin-bottom: 8px;
    margin-right: 5px;
    height: 30px;
    padding: 5px 17px 4px;
    text-decoration: none;
    box-sizing: border-box;
}
    #div_pcb_jiaji .list-item .filter-tag.active {
        border: 1px solid #2ea599;
        height: 30px;
        padding: 4px 20px 3px;
        color: #fff;
        border-radius: 2px;
        background: #2ea599;
        box-sizing: border-box;
    }
    #div_pcb_jiaji .list-item .filter-tag.disable {
        background: #f7f7f7;
        border: 1px dashed #dadce0;
        color: #888;
        cursor: default;
    }