html, body { width: 100%; height: 100%; }
body { font-family: 'Microsoft yahei', '微软雅黑'; }
.login_header { position: relative; z-index: 10; padding: 31px 0; background-image: linear-gradient(120deg, #9d1d22 0%, #a02f33 30%, #9d1d22 30%, #a02f33 55%, #9d1d22 100%);}
.login_header .logo { width: 220px; height: 47px; float: left; }
.login_header .title { height: 50px; line-height: 50px; font-size: 20px; color: #fff; letter-spacing: 0.68px; float: left; margin-left: 50px; }

/*
 .login_box 为demo编号
 */
#main { display: flex; justify-content: center; align-items: center; min-height: 688px; height: calc(100% - 182px); background:url(/cn/uploadfiles/login-bg.jpg) no-repeat center center #F8F9FA; }
.main { min-height: 688px; background:url(/cn/uploadfiles/zhuce-bg.jpg) no-repeat center center #F8F9FA; background-size: cover; padding: 50px 0; }
.login_box {max-width: 900px;width: 94%; margin: 0 auto; background: #FFF; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04); }
.login_box .form{ max-width: 350px;width: 94%; margin: 0 auto; padding: 70px 0 100px 0;}
.login_box .form .step{background-color: #a02f33;
    color: white;}
.login_box .form .step-list{margin-bottom: 26px;}
.login_box .form .step-list span{display: inline-block;
    width: 49%;
    text-align: center;
    border: 1px solid gray;
    height: 50px;
    line-height: 50px;
    font-size: 17px;cursor:pointer;}
.login_box .form .service_list label{display:inline-block;width:49%;cursor:pointer;font-size:14px;margin: 5px auto;}
.login_box .form .tip{font-size:16px;font-weight:bold;}
.login_box .form .service-category{font-size:16px;font-weight:bold;}
.login_box .form .service-secondCategory-region{margin:15px auto;}
.login_box form > * { margin-bottom: 20px; }
.login_box .h3 { margin: 0 0 15px 0; color: #333; font-size: 24px; text-align: center; }
.login_box figure{ padding: 15px; background: #fff; border: 5px solid #f8f8f8; margin-bottom: 20px; font-size: 15px;}
.login_box .row { position: relative;border: 1px solid #bbb; color: #666; font-size: 14px; height: 52px; width: 100%; box-sizing: border-box; display: inline-block; padding-left: 50px; padding-right: 20px; position: relative; z-index: 1; background: #fff; }
.login_box .row i { position: absolute; left: 15px; top: 12px; background: url(../image/login-input_icon.png) no-repeat; display: block; width: 25px; height: 25px; }
.login_box .row .text { border: none; background: none; font-size: 16px; color: #999; line-height: 50px; width: 100%; }
.login_box .row .select { line-height: 50px;height: 50px;color: #5f5e5e;}
.login_box .i { background-position: 0 -25px; }
.login_box .password i,.login_box .newpassword i { background-position: 0 -50px; }
.login_box .phone i { background-position: 0 -25px; }
.login_box .email i { background-position: 0 -75px; }
.login_box .unit i { background-position: 0 -100px; }
.login_box .position i { background-position: 0 -125px; }
.login_box .yyzz i { background-position: 0 -150px; }
.login_box .fw i { background-position: 0 -175px; }
.login_box .row.focus .text { color: #6a6f77; }
/*.login_box .row .file{position: absolute;left: 50px;top: 0;height: 50px;width: 278px;z-index: 3;opacity: 0;}*/
.login_box .code span {
    width: 1px;
    height: 15px;
    background: #bbb;
    position: absolute;
    top: 19px;
    right: 110px;
}
.login_box .code .get-code {
    position: absolute;
    width: 90px;height: 52px;line-height: 52px;
    top: 0;
    right: 10px;
    font-size: 14px;
    color: #1CB877;
    text-align: center;
	cursor:pointer;
}

.login_box .code .get-code.success {
    color: #333;
	cursor:auto;
}
.login_box .btn { width: 100%; border: none; background: #a02f33; color: #fff; font-size: 16px; text-align: center; margin-top: 20px; line-height: 45px; cursor: pointer; }
.login_box .other-btn { font-size: 14px !important; }
.login_box .other-btn a { color: #666; font-size: 14px; display: inline-block; line-height: 1; }
.login_box .other-btn a:hover { color: #a02f33; }
.login_box a.color { color: #a02f33 !important; }
.common-label { position: relative; display: inline-block; vertical-align: middle; padding-left: 20px; margin-right: 10px; font-size: 14px; color: #333; }
.common-label:before { position: absolute; top: 50%; left: 0%; transform: translate(-0%, -50%); content: ''; border: 1px solid #9a9a9a; width: 15px; height: 15px; border-radius: 4px; transition: all 0.3s ease-in-out; z-index: 2; }
.common-label input { display: none; }
.common-label .gou-icon { width: 18px; height: 24px; padding: 0 3px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 2; display: none; fill: #a02f33; }
.common-label input:checked + .gou-icon { display: block; }




.login_footer { height: 80px; background: #6B696A; text-align: center; color: #fff; line-height: 80px; }
.login_footer p{ margin: 0;}
.login_footer a{color: rgba(255,255,255,0.6);}


.w20{width: 20%}
.w77{width: 77%}

@media(max-width:1024px){
.w20,
.w77{width: 100%; padding-bottom:4%;}
}



.login_header .top_menu{ padding-top:11px; padding-right:12px; float: right;}
.login_header .top_menu > *{ float:left;}
.login_header .top_menu dd i:before{ width:1px; height:11px; display:inline-block; content:''; background:#ddd; margin:0 10px;}
.login_header .top_menu dd{ line-height:32px; color: #fff; font-size: 15px;}
.login_header .top_menu dd a{ display:inline-block;  color: #fff;}
.login_header .top_menu dd .login_after{ padding-left:34px; background:url(../image/top_icon_login.png) no-repeat left center;}
.login_header .top_menu dd .login_after b{ color:#fff; text-decoration: underline}



.Supplier{background: #f4f4f4; padding:4vw 0;}
.Supplylist{background: #fff; padding:3%;}

/*TextList002972 */
.TextList002972 li:not(:last-child){border-bottom: 1px dotted #eaeaea;}
.TextList002972 li{line-height:66px;}
.TextList002972 li a{color: #333;}
.TextList002972 li a:before{display: inline-block; content: ''; width:4px; height: 6px; background:url(/cn/images/TextList002972-news_li.png) no-repeat center; margin-right: 10px; vertical-align: middle;}

.TextList002972 li time{float: right; margin-left: 10px;}
.TextList002972 li:hover a{color:#a02f33;font-weight: bold;}
@media(min-width:641px){
.TextList002972 li{font-size: 15px;}
}
@media(max-width:640px){
.TextList002972 li time{display: none;}	
}