/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("flag.css?v=106");
@import url("page.css?v=106");
/****************************smt 流程*******************************************/
.sub_next_ul li a:before { background-image:url(../images/smt/1.png) }
.sub_next_ul li.on a:before { background-image:url(../images/smt/1on.png) }
.sub_next_ul li.icon01 a:before { width:32px; background-position:left center }
.sub_next_ul li.icon02 a:before { width:37px; background-position:-39px center }
.sub_next_ul li.icon03 a:before { width:33px; background-position:-78px center }
.sub_next_ul li.icon04 a:before { width:33px; background-position:-115px center }
.sub_next_ul li.icon05 a:before { width:36px; background-position:-153px center }
.sub_next_ul li.icon01 a { padding-left:42px; }
.sub_next_ul li.icon02 a { padding-left:47px; }
.sub_next_ul li.icon03 a { padding-left:43px; }
.sub_next_ul li.icon04 a { padding-left:43px; }
.sub_next_ul li.icon05 a { padding-left:46px; }
.sub_next_ul li { margin-right:85px }
/**/
#pcba_form { background:#f6f6f6; padding-top:60px; padding-bottom:100px; }
.pcba_lt { float:left; width:63%; background:#fff; padding:25px }
.pcba_rt { float:right; width:37%; background:#fff; padding:25px; border-left:25px solid #f6f6f6 }
.box_title { color:#252525; font-weight:bold; font-size:20px; display:block; padding-bottom:10px }
.box_item { margin-top:50px }
.box_item:first-child { margin-top:0 }
#smt_box li { float:left; width:48%; color:#353535; margin-bottom:20px; }
#smt_box li .label { display:block; position:relative; padding-bottom:6px }
#smt_box li .label em { color:#119466; font-style:normal; }
.box_item .input { position:relative; display:inline-block }
.box_item .input input { border:1px solid #d2d2d2; padding:5px 10px; padding-bottom:6px; width:260px; }
.box_item .input em { position:absolute; right:0; top:0; border:1px solid #d2d2d2; padding:4px 0px; text-align:center; width:40px; background:#efefef; }
.box_item .select select { display: block; border:1px solid #d2d2d2; width:260px; color: #333; padding: 3px 4px; }
.select_tab { float:left;}
.select_tab span { border:1px solid #d2d2d2; display:inline-block; margin-top:8px; padding:0px 12px; height:26px; line-height:26px; font-size:13px; margin-right:10px; cursor:pointer; position:relative }
.select_tab span.on { border-color:#119466; border-width:2px; line-height:22px; }
.select_tab span.on:after { background:url(../images/icon_dg.png) no-repeat; width:15px; height:15px; position:absolute; right:0; bottom:0; content:""; display:block }
.select_tab.requirements_tab span{ width:300px; line-height:1; height:auto; padding:8px 12px; vertical-align:middle}
#more_box li { float:left; width:100%; margin-bottom:20px; color:#353535;}
#more_box li label.delivery_time{ width:110px}
#more_box li label.requirements{ line-height:1.2}
#more_box li .label, #more_box li label { float:left; line-height:26px; width:150px;margin-top:8px}
#more_box li .label label { float:none; width:auto }
.box_texrea textarea { border:1px solid #d2d2d2; padding:10px; min-height:200px; display:block; width:100% }
.stencil_text{ position:relative; padding-left:150px;}
.stencil_text label{ position:absolute; left:0; top:0}
.stencil_text textarea{ min-height:60px}
/**/
.param_box { }
.param_box td {border:1px solid #d2d2d2; padding:8px 10px; color:#353535; line-height:1.4 }
.param_box td.title { background:#efefef }
.param_box b,.time_box b{ margin-bottom:18px; }
.submit_quote button{ background:#119466; color:#fff; display:block; width:100%; padding:10px 0; cursor:pointer; border:0; font-size:18px; font-weight:bold;}
.submit_quote button:before{ background:url(../images/gw_icon.png) no-repeat; width:37px; height:33px; display:inline-block; margin-right:10px; content:""; vertical-align:middle}
/**/
.param_box b {color: #333; font-weight: bold; font-size: 17px; display: block; padding-bottom: 2px; }
.time_box { margin-bottom:15px; margin-top:20px}
.time_box table{color:#353535; line-height:1.4 }
.time_box th{background:#8a8a8a; padding:15px 15px; text-align:center; color:#fff }
.time_box th.title { background:#119466; }
.time_box .title{ border-left:1px solid #119466; }
.time_box .price{ border-right:1px solid #119466; color:#000}
.time_box th.price{ border-right:2px solid #119466; }
.time_box td { padding:15px; text-align:center; border-top:1px solid #119466; border-bottom:1px solid #119466 }
.city_country_select{}
.city_country_select select{ width:35%; margin-right:5%; border:1px solid #d2d2d2; display:block; float:left; padding:5px 10px}
.city_country_select .weight_number{ cursor:not-allowed!important; width:20%; display:block; float:right; border:1px solid #d2d2d2;padding:5px 10px; padding-bottom:4px; position:relative}
.city_country_select .weight_number em{ font-style:normal; position:absolute; right:0; top:0;border-left:1px solid #d2d2d2; background:#ededed; width:30px; text-align:center; padding:5px 0; padding-bottom:4px}
.tracking_fee{ font-size:18px; line-height:1.5; padding:25px 0}
.tracking_fee p span{ margin-left:2px}
.order_price{ color:#F60}
.product_name{ max-width:130px; font-size:12px;}
@media(max-width:1400px){
.pcba_lt{ width:60%}
.pcba_rt{ width:40%}
#smt_box li{ width:350px;}
#smt_box li:nth-child(2n){ float:right; width:280px}
}
@media(max-width:1320px){
.pcba_lt{ width:100%}
.pcba_rt{ width:100%; border-left:0}
#smt_box li{ width:48%;}
#smt_box li:nth-child(2n){ float:left; width:48%}
.box_texrea textarea{ min-height:120px}
}
@media(max-width:980px){
#smt_box li{ width:350px;}
#smt_box li:nth-child(2n){ margin-left:5vw;width:280px}
.box_item{ margin-top:15px}
#smt_box{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
}
@media(max-width:800px){
#smt_box li{ width:100%; margin-bottom:15px}
#smt_box li:nth-child(2n){ margin-left:0%;width:100%}
.box_item .input{ width:100%}
.box_item .input input{ width:100%}
.box_item .select select{ width:100%}
.box_texrea textarea{ min-height:90px}
#pcba_form{ padding-top:40px; padding-bottom:60px; background:#fff}
.pcba_lt,.pcba_rt{ padding:0}
.pcba_rt{ margin-top:25px}
.submit_quote button{ font-size:16px}
#more_box li.stencil_text{ margin-bottom:0}
}
@media(max-width:500px){
.stencil_text{ padding-left:0}
.stencil_text label{ position:static}
.city_country_select select{ width:100%; margin-bottom:10px}
.city_country_select .weight_number{ width:100%}
}
@media(max-width:400px){
.select_tab.requirements_tab span{ width:100%}	
.stencil_text{ padding-left:0}
}
@media(max-width:350px){
.select_tab span{ font-size:12px}	
}

.ui2-step {
    font-size: 14px;
    overflow: hidden;
    width: 100%;
}

.bao-step {
    margin-bottom: 10px;
    margin-top: 20px;
}

.ui2-step li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    float: left
}

.ui2-step li:first-child span {
    margin-left: 0
}

.ui2-step .last span {
    margin-right: 0
}

.ui2-step-6 li {
    width: 16.6666%
}

.ui2-step span {
    padding-left: 10px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin-left: 16px;
    margin-right: 4px;
    position: relative
}

.ui2-step span:after {
    content: "";
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid transparent;
    position: absolute;
    right: -16px;
    top: 0;
    z-index: 1
}

.ui2-step span:before {
    content: "";
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    position: absolute;
    left: -16px;
    top: 0;
    z-index: 1
}

.ui2-step li:first-child span:before {
    display: none
}

.ui2-step .last span:after {
    display: none
}

.ui2-step .ui2-step-done span {
    background: #ffe0cc;
    color: #333
}

.ui2-step .ui2-step-done span:before {
    border: 16px solid #ffe0cc;
    border-left: 16px solid transparent
}

.ui2-step .ui2-step-done span:after {
    border-left: 16px solid #ffe0cc
}

.ui2-step-curr span {background: #ffe0cc;color: #777}

.ui2-step .ui2-step-curr span:before {border: 16px solid #ffe0cc;border-left: 16px solid transparent}

.ui2-step .ui2-step-curr span:after {border-left: 16px solid #ffe0cc}

.ui2-step-undone span {background: #e9eef4;color: #999}

.ui2-step .ui2-step-undone span:before {border: 16px solid #e9eef4;border-left: 16px solid transparent}

.ui2-step .ui2-step-undone span:after {border-left: 16px solid #e9eef4}


.navbar-collapse {background-color: #e9eef4;border: 1px solid #e4eaf1;height: auto;margin-bottom: 16px;padding: 12px;}

.nav_ul {overflow: hidden;}
.nav_ul a{float: left;margin-right: 10px;height: 70px;width: 200px;padding-left: 75px;background-repeat: no-repeat;background-position: 10px center;background-size: 40px;border: 1px solid #7AB390;background-color: #fff;}
.nav_ul a.on,.nav_ul a:hover{background-color: #119466;border-color: #119466;color: #fff;}
.nav_ul a p{font-size: 15px;line-height: 70px;}