/* content */
.content{
	height: auto;
    width: 1220px;
    margin: 0 auto;
}
.content .content-box{
	width: 1220px;
	margin: 0 auto;
	height: auto;
}
.content .content-box h1{
	font-size: 12px;
	font-weight: 400;
	color: #222222;
	line-height: 17px;
}
.content .content-box h1 span{
	color: #999999;
}
.content .flow-diagram{
    width: 100%;
    height: 32px;
    margin: 8px 0px 16px 0px;
    overflow: hidden;
}
.flow-diagram p{
    display: block;
    width: 210px;
    float: left;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: -7px;
}
.flow-diagram .first-flow{
    background: url(/images/arrowsBG1.png)no-repeat;
    background-size: 210px 32px;
}
.flow-diagram .sec-flow{
    background: url(/images/arrowsBG2.png)no-repeat;
    background-size: 210px 32px;
}
.flow-diagram .last-flow{
    background: url(/images/arrowsBG3.png)no-repeat;
    background-size: 210px 32px;
}
.content .tab-box{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #32B2E8;
}
.content .tab-box a{
	display: block;
	float: left;
	width: 144px;
	height: 40px;
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	text-align: center;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #32B2E8;
}
.detail-box{
    padding-top: 16px;
}
.content .tab-box a:nth-child(1){
    border-left: 1px solid #DDDDDD;
}
.content .tab-box .active1{
	background-color: #32B2E8;
	color: #FFFFFF;
}
 .content .tab-box .activeNo:hover{
    background-color: #FFF;
}
.detail-box .top{
    width: 100%;
    height: 56px;
    background: #E4F2FA;
    margin: 16px 0px 8px 0px;
    padding: 4px 0px;
}
.detail-box .top p{
    font-size: 12px;
    color: #666666;
    text-indent: 25px;
}
.detail-box .top p:nth-child(1){
    margin-top: 5px;
}
.left-content{
	width: 724px;
	height: auto;
	float: left;
    background-color: #FFFFFF;
}
.left-content h2{
    width: 100%;
    height: 48px;
    background-color: #EEEEEE;
    line-height: 48px;
    margin: 0;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-indent: 25px;
}
.product-class{
    height: 442px;
    padding: 20px 0px;
}
.left-content .base-info .info-chose{
	width: 724px;
	height: 200px;
	background-color: #FFFFFF;
}
/* 第一层 */
.check-box{
	position: relative;
    height: 58px;
}
.check-box p{
	display: block;
	width: 120px;
	height: auto;
	line-height: 35px;
	color: #666666;
	float: left;
    text-align: right;
    font-size: 14px;
}
.product-left{
	float: left;
    width: 600px;
}
.num-two{
    display: none;
}
.num-two .multiply{
    display: block;
    float: left;
    font-size: 24px;
    margin: 10px 0px 0px 8px;
}
.num-two b{
    float: left;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    margin-left: 8px;
}
.num-two .tips{
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    transform: scale(0.83,0.83);
    *font-size: 10px;
    color: #222;
    float: left;
    margin-left: -40px;
}
.product-left li{
    float: left;
    font-size: 14px;
    color: #666666;
    border: 1px solid #e4e4e4;
    height: 32px;
    padding: 0px 10px;
    line-height: 32px;
    margin: 2px 10px 0px 10px;
    cursor: pointer;
    border-radius: 2px;
}
.product-left .product_qty{
    height: 32px;
    width: 32px;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #e4e4e4;
    margin: 0 10px;
    padding: 0 10px;
}
.product-left .active{
    border-color: #32B2E8;
    color: #32B2E8;
    background: url(/images/checkback.png)no-repeat right bottom;
    background-size: 14px 14px;
    box-shadow: 0px 1px 4px 0px rgba(50, 178, 232, 0.44);
}
.undis{
	width: 0;
	height: 0;
	border: none;
	padding: 0px;
	margin: 0px;
	display: none;
}
#form .num-two p{
    height: 58px;
}
#form .num-two .size{
   /* height: 54px; */
}
.left-content .select-box{
    position: relative;
    width: 344px;
}
.left-content .select-box .icon{
    position: absolute;
    top: 8px;
    right: 0px;
    color: #999999;
    pointer-events: none;
}
.left-content .product-left select{
    width: 344px;
    height: 32px;
    border: 1px solid #e4e4e4!important;
    margin-left: 10px;
    padding: 0px 30px 0px 15px;
}
.left-content .product-number{
    width: 536px;
}
.left-content .PCB-size{
    width: 500px;
}
.left-content .product-number .PcbOrderNo{
    width: 0px;
    height: 0px;
}
.left-content .product-number .PcbOrderNo-text{
    display: block;
    width: 297px;
    height: 32px;
    border: 1px solid #e4e4e4;
    margin-left: 10px;
    margin-bottom: 0px;
    font-size: 14px;
    clear: both;
    cursor: pointer;
    text-align: left;
    padding: 0px 10px ;
    border-radius: 2px;
}
.left-content .product-number .tips{
    display: block;
    font-size: 12px;
    width: 800px;
    color: #222222;
    transform: scale(0.83,0.83);
    *font-size: 10px;
    margin-left: -60px;
    clear: both;
}
.left-content .product-left .engineer{
    line-height: 0px;
}
.left-content .product-left .name{
    width: 106px;
    height: 32px;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    float: left;
    margin: 0 10px;
}
.left-content .product-left .phoneNum{
    width: 202px;
    height: 32px;
    border: 1px solid #e4e4e4;
    float: left;
    font-size: 14px;
}
.left-content .product-left .email{
    width: 202px;
    height: 32px;
    border: 1px solid #e4e4e4;
    float: left;
    margin-left: 10px;
    font-size: 14px;
}
.left-content .wrapper,.left-content .wrapperone{
    float: left;
    margin-left: 10px;
}
.left-content .unit{
    float: left;
    font-size: 14px;
    line-height: 32px;
}
.left-content .necessity{
    color: #FF3D3D;
    font-size: 14px;
}
.left-content .product-left textarea{
    width: 446px;
    height: 88px;
    border: 1px solid #e4e4e4;
    margin-left: 10px;
    font-size: 14px;
}



/* right content */
.right-content{
	width: 480px;
	height: auto;
	float: right;
    background-color: #FFFFFF;
    padding: 0 12px;
}
/* 右边顶部 */
.right-content h2{
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    color: #292929;
    line-height: 22px;
    margin: 0;
    padding: 0;
    line-height: 48px;
}
.right-content .right-chart-box{
    height: 80px;
    width: 446px;
}
.right-content .right-chart-box ul{
    height: 80px;
    width: 446px;
}
.right-content .right-chart-box ul li:nth-child(1){
    width: 446px;
    height: 32px;
    background-color: #EEEEEE;
}
.right-content .right-chart-box ul li:nth-child(2){
    width: 446px;
    height: 48px;
    border: 1px solid #DDDDDD;
    border-top: none;
}
.right-content .product-left{
    width: 160px;
}
.right-content .check-box{
    height: 40px;
}
.right-content .check-box p{
    width: 140px;
    text-align: left;
}
.right-content .upload-BOM h2 span{
    color: #FF6010;
    line-height: 48px;
}
.right-content .needBOM{
    margin-top: 16px;
}
.right-content .right-chart-box ul li p{
    font-size: 12px;
    color: #222222;
}
.right-content .right-chart-box ul li:nth-child(1) p{
    line-height: 32px;
}
.right-content .right-chart-box ul li:nth-child(2) p{
    line-height: 48px;
}
.right-content .right-chart-box ul li p:nth-child(1){
    display: block;
    width: 100px;
    text-align: center;
    float: left;
}
.right-content .right-chart-box ul li p:nth-child(2){
    display: inline-block;
    width: 204px;
    text-align: center;
    float: left;
}
.right-content .right-chart-box ul li p:nth-child(3){
    display: block;
    width: 130px;
    text-align: center;
    float: left;
}
.right-content .right-chart-box ul li p:nth-child(3) b{
    font-weight: normal;
}
.right-content .express-box{
    width: 446px;
    height: auto;
}
.right-content .express-box h5{
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    line-height: 20px;
    margin: 16px 0px 8px 0px;
}
.right-content .express-box .express-detail{
    width: 100%;
    height: 34px;
}
.right-content .express-box .express-detail .address-box{
    width: 180px;
    height: 34px;
    position: relative;
    float: left;
}
.right-content .express-detail .address-box select{
    width: 180px;
    height: 32px;
    border: 1px solid #979797!important;
    border-radius: 0px;
    margin-bottom: 0;
     padding: 0px 8px;
}
.right-content .express-detail .icon{
    position: absolute;
    top: 8px;
    right: 8px;
}
.right-content .express-detail .detail-express{
   width: 138px;
   height: 32px;
   position: relative;
   float: left;
   margin: 0px 16px;
}
.right-content .express-detail .detail-express select{
    width: 138px;
    height: 32px;
    border: 1px solid #979797!important;
    border-radius: 0px;
    margin-bottom: 0;
    padding: 0px 8px;
}
.right-content .express-detail .weight-box{
    float: left;
    height: 34px;
    width: 80px;
    font-size: 12px;
    line-height: 34px;
    color: #222222;
}
.right-content .text{
    display: block;
    width: 100%;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    margin-top: 18px;
}
.right-content .text span:nth-child(1){
    float: left;
    color: #666666;
}
.right-content .text span:nth-child(2){
    float: right;
    color: #666666;
}
.right-content .text span:nth-child(2) b{
    font-weight: normal;
    display: inline-block;
    font-size: 12px;
    transform: scale(0.83,0.83);
    *font-size: 10px;
}
.right-content .text span:nth-child(2) i{
    font-style: normal;
}
.right-content .total-box{
    width: 446px;
    height: 184px;
    border-top: #EEEEEE;
}
.right-content .total-box .aggregate{
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}
.right-content .total-box .aggregate span{
    display: inline-block;
    float: left;
    color: #222222;
    font-size: 16px;
}
.right-content .total-box .aggregate b{
    display: inline-block;
    float: right;
    font-size: 16px;
    color: #FF6010;
}
.right-content .total-box .aggregate i{
    font-style: normal;
    font-size: 20px;
}
.right-content .btn-submit{
    width: 446px;
    height: 48px;
    background: #FF6010;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
}
/* 上传STM文件 */
.upload-SMT .upload-box{
    width: 446px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e4e4e4;
    font-size: 12px;
    color: #666666;
    cursor: pointer;
    border-radius: 2px;
}
.upload-SMT .upload-box:hover{
    border: 1px solid #32B2E8;
    color: #32B2E8;
}
.upload-SMT .upload-box .icon{
    margin-right: 12px;
    font-size: 14px;
}
/* 上传BOM文件 */
.upload-BOM .upload-box{
    width: 446px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e4e4e4;
    font-size: 12px;
    color: #666666;
    cursor: pointer;
}
.upload-BOM .upload-box .icon{
    margin-right: 12px;
}
.upload-BOM .upPCBA-success {
    width: 446px;
    height: 40px;
    border-radius: 0px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #e4e4e4;
    display: none;
    background-color: #FFFFFF;
}
.progress-box{
    width: 400px;
    height: 20px;
    display: none;
}
.progress-box .progress-bottom{
    margin-top: 8px;
    width: 300px;
    height: 4px;
    background-color: #CCCCCC;
    position: relative;
    float: left;
    z-index: 9;
}
.progress-box .progress-active{
    position: absolute;
    width: 0px;
    height: 4px;
    background-color: #3DBAEE;
    top: 0px;
    left: 0px;
    z-index: 222;
}
.scantling-box{
    height: auto;
    /* overflow: hidden; */
}
.scantling-box .scantling-price{
    font-size: 16px;
    font-weight: normal;
    line-height: 48px;
    margin-left: 64px;
    color: #FF6010;
}
.scantling-box .scantling-list{
    width: 100%;
    height: auto;
    border: 1px solid #DDDDDD;
    overflow: hidden;
}
.scantling-box .scantling-list li{
    float: left;
    width: 25%;
    height: 64px;
}
.scantling-box .scantling-list li p{
    display: block;
    font-size: 12px;
    color: #222222;
    margin: 8px 0px 0px 0px;
    text-align: center;
    line-height: 24px;
}
.scantling-box .scantling-list li span{
    display: block;
    font-size: 12px;
    color: #222222;
    margin: 0px;
    text-align: center;
    line-height: 24px;
}
.progress-box .pro{
    float: left;
    width: 60px;
    height: 20px;
    font-size: 12px;
    margin-left: 16px;
}
.dz-default,.dz-preview{
    display: none;
}
.content .dz-button{
    display: none;
}
.upload-SMT .upPCBA-success {
    width: 446px;
    height: 40px;
    border-radius: 0px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #e4e4e4;
    display: none;
    background-color: #FFFFFF;
}
.upload-SMT h2 i{
    font-style: normal;
    color: #FF6010;
    line-height: 48px;
}
/* 上传成功 */
.folename-box{
	color: #222222;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
    line-height: 40px;
    border-radius: 2px;
}
.folename-box .filename{
	color: #222222;
	margin-right: 8px;
	max-width: 270px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.folename-box span{
	color: #32B2E8;
    cursor: pointer;
}
.folename-box .icon{
	font-size: 16px;
	color: #32B2E8;
	margin-left: 4px;
	margin-top: 2px;
}
.mask{
    position: absolute;
    top: 0px;
    filter: alpha(opacity=60);
    background-color: #000000;
    z-index: 1002;
    left: 0px;
    opacity:0.6;
    -moz-opacity:0.6;
}
.popup-kk{
    width: 600px;
    max-height: 390px;
    height: auto;
    background: #FFFFFF;
    border-radius: 2px;
    display: none;
    z-index: 2000;
    position: relative;
}
.popup-kk h3{
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-bottom:1px solid #EEEEEE;
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    line-height: 48px;
    text-indent: 16px;
    margin: 0px;
}
.popup-kk .icon{
    font-size: 16px;
    float: right;
    margin: 15px 15px 0px 0px;
    color: #999999;
    cursor: pointer;
}
.popup-box{
    width: 100%;
    /* height: 290px; */
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px 20px 16px;
}
.popup-box .search-box{
    margin: 16px 0px 11px 0px;
    height: 32px;
    width: 100%;
}
.popup-box .search-box .search{
    width: 122px;
    height: 32px;
    border: 1px solid #e4e4e4;
    font-size: 12px;
    color: #222222;
    float: left;
    border-radius: 0px;
}
.popup-box .search-box .search-btn{
    width: 64px;
    height: 32px;
    background: #32B2E8;
    border-radius: 2px;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    margin-left: 6px;
}
.popup-box .list-box{
    max-height: 198px;
    height: auto;
    width: 100%;
    overflow: hidden;
}
.popup-box .list-title{
    width: 100%;
    height: 32px;
    background-color: #EEEEEE;
}
.popup-box .list-title li{
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #666666;
    margin-right: 16px;
    float: left;
}
.popup-box li:nth-child(1){
    width: 26px;
    margin-right: 4px;
}
.popup-box li:nth-child(2){
    width: 96px;
}
.popup-box li:nth-child(3){
    width: 118px;
}
.popup-box li:nth-child(4){
    width: 80px;
}
.popup-box li:nth-child(5){
    width: 48px;
}
.popup-box li:nth-child(6){
    width: 104px;
    margin-right: 0;
}
.popup-box .add-list{
    background-color: #F8F8F8;
    max-height: 160px;
    height: auto;
    width: 100%;
    overflow: auto;
    border-right: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
}
.popup-box .add-list li{
    float: left;
    margin-right: 16px;
}
.add-list ul{
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #E9E9E9;
}
.popup-box .add-list li:nth-child(1){
    margin:8px 6px 0px 0px;
}
.popup-box .add-list li:nth-child(1) input{
    margin-left: 8px;
    width: 16px;
    height: 16px;
}
.popup-box .add-list li:nth-child(6){
    margin-right: 0px;
}
.popup-box .add-list li p{
    width: 100%;
    color: #222222;
    white-space: nowrap;/*强制在一行显示*/
    text-overflow:ellipsis;/*设置超出内容显示...*/
    overflow: hidden;/
    height: 32px;
    line-height: 32px;
}
.popup-kk .btn-box{
    width: 100%;
    height: 32px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}
.popup-kk .cancel{
    display: inline-block;
    width: 100px;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #e4e4e4;
    font-size: 12px;
    font-weight: normal;
    line-height: 32px;
    text-align: center;
    color: #999999;
}
.popup-kk .save{
    width: 100px;
    height: 32px;
    background: #32B2E8;
    border-radius: 2px;
    color: #FFFFFF;
    margin-left: 32px;
}
.centent .content-right {
    padding: 0 28px;
    height: auto;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    position: relative;
    width: 400px;
}

.login-mask {
    width: 398px;
    height: 427px;
    height: auto;
    background: #FFFFFF;
    border-radius: 2px;
    display: none;
    z-index: 2000;
    position: relative;
    padding: 0 18px 0px 26px;
}
.login-mask .right-top {
    height: 54px;
    width: auto;
    position: relative;
}
.login-mask .right-top .icon{
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 16px;
    color: #999;
}
.login-mask .right-chart label{
    display: block;
    width: 344px;
    font-size: 14px;
    line-height: 28px;
}

.login-mask .right-chart input {
    width: 344px;
    height: 40px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 0;
}

.login-mask .right-top p {
    float: left;
    width: 48px;
    line-height: 54px;
    font-size: 20px;
    color: #222222;
    cursor: pointer;
}
.login-mask .right-top .bindphone{
    width: 140px;
    margin-top: 8px;
}

.login-mask .right-top .active {
    color: #32B2E8;
    border-bottom: 2px solid #32B2E8;
}

/* 注册 */
.login-mask .email {
    width: 344px;
    height: 40px;
    /* border: 1px solid #32B2E8; */
    margin: 0px;
    font-size: 14px;
    border-radius: 0px;
}

.login-mask .tab-register {
    display: none;
}

.login-mask .register {
    width: 344px;
    height: 40px;
    background-color: #32B2E8;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    /* margin-top: 24px; */
    cursor: pointer;
}

.login-mask .text {
    font-size: 12px;
    color: rgba(34, 34, 34, 1);
    line-height: 17px;
    margin: 12px 0px 16px 0px;
}

.login-mask .agreement {
    color: #32B2E8;
    cursor: pointer;
}

.login-mask .social {
    padding-top: 16px;
    border-top: 1px solid #EEEEEE;
    width: 344px;
    padding-bottom: 30px;
}

.login-mask .social h5 {
    line-height: 21px;
    color: #222222;
}

.login-mask .social a {
    display: block;
    width: 344px;
    height: 32px;
    border: 1px solid #EEEEEE;
    font-size: 12px;
    color: #222222;
    text-indent: 40px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-indent: -8px;
}

.login-mask .facebook {
    margin: 9px 0px 16px 0px;
}

.login-mask .social .icon {
    font-size: 18px;
}

.login-mask .tab-login {
    width: 344px;
    display: block;
    position: relative;
}

.login-mask .email-box {
    clear: both;
    height: 91px;
}

.login-mask .password-box {
    clear: both;
    height: 91px;
}
.login-mask .tab-login .email-box {
    margin-top: 15px;
}

.login-mask .tab-login .notice {
    font-size: 12px;
    color: #FF3D3D;
    line-height: 14px;
    margin-top: 5px;
    text-indent: 36px;
}

.login-mask .state #state-check {
    width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-right: 8px;
}

.login-mask .state span {
    font-size: 10px;
    color: #222222;
}

.login-mask .state a {
    float: right;
    cursor: pointer;
    font-size: 12px;
    color: #32B2E8;
}

.login-mask .login-go {
    display: block;
    width: 344px;
    height: 40px;
    background-color: #32B2E8;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    margin: 16px 0px;
    cursor: pointer;
}
.login-mask .login-box .error {
    border: 1px #f00 solid!important;
}
.login-mask .valid_message {
    font-size: 12px;
    color: #f00;
}