@charset "UTF-8";
*{
	-webkit-tap-highlight-color:transparent;
	 -ms-tap-highlight-color:transparent;
	 -moz-box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 box-sizing:border-box;
	 padding:0;
	 margin:0;
	 border:0;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
@media screen and (min-width:1601px) and (max-width:1920px){
	html{font-size:15px}
}

@media screen and (min-width:1280px) and (max-width:1366px){
	html{font-size:13px}  
}
@media screen and (min-width:1367px) and (max-width:1600px){html{font-size:14px}
 
}
@media screen and (min-width:700px) and (max-width:1279px){html{font-size:9px}}
@media screen and (max-width:600px){html{font-size:6px}}
.clear{clear:both}
body{
	font-family:Arial,Helvetica,sans-serif;font-size:100%;
	
}
.index-sheader {
    position: absolute;
    top: 20px;
    z-index: 99990;
	line-height:70px;
}
.index-sheader .logo-link {
    float: left;
	width:17.67rem;
	height:5.27rem;
	margin:0rem 2.6rem;
}

.index-sheader .logo {
    width:100%;
	height:100%;
}

.left-position {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin:0rem 2.6rem;
}

.index-sheader .link-index-header {
    color: #fff;
    font-size: 1.07rem;
}
.header-link {
    vertical-align: middle;
    letter-spacing: .075em;
    margin-right:2.6rem;
}

.banner {
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height:100%;
	position:absolute;
}

.banner-content {
    position: absolute;
    left: 0;
    top: 25%;
    right: 0;
    width: 100%;
    margin: 0 auto;
	display:flex;
	align-items:center;
}

.content_left {
    width: 50%;
}
.content_left_main {
    text-align: right;
}

.banner-content .content_left h1 {
    color: #fff;
    font-size:2.4rem;
    font-weight: 500;
    margin-bottom: 3rem;
}

.banner-content .content_left p {
    font-size:1.2rem;
    font-weight:500;
    color: #fff;
}

.login .title {
    text-align: center;
    font-size:1.6rem;
    color: #333333;
    margin-bottom:5px;
}
@media screen and (max-width:600px){
    .content_left {
        display: none;
    }
    .content_right {
        width: 100% !important;
    }
    .auth-login {
        display: block;
    }
}
.content_right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

.login {
    background-color: #fff;
    border-radius: 5px;
    padding:40px 52px 70px 52px;
    min-width: 26.67rem;
	/* margin-left:10.8rem; */
	position:relative;
	/* height: 29rem; */
}
.login_desc{
	font-size:1.2rem;
	font-weight: 400;
	color: #333333;
	padding:10px 0px;
}
.login .line {
    height:38px;
    margin-bottom:20px;

}
.line {
    padding: 5px 0;
}
.login .line .inputtxt {
    background: transparent;
    float: left;
    width: 100%;
    height:38px;
    line-height: 30px;
    border: #d1d1d1 1px solid;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
    border: 1px solid #D1D1D1;
	border-radius: 6px;
}
.TCaptcha-button .TCaptcha-icon {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-top: 8px;
    vertical-align: top;
    margin-right: 5px;
    box-sizing: content-box;
}

#TencentCaptcha {
    height:38px;
	border: 1px solid #D1D1D1;
	border-radius: 6px;
    width: 100%;
    margin: 10px 0px;
    line-height:38px;
    cursor: pointer;
}
.verify_success {
    color: #fff;
    background-color: #12e6c8;
    border: 1px solid #12e6c8 !important;
    display: none;
	text-align: center;
}
.login .inputtxt:hover {
        border-color: #304FFD;
      }

.login_btn input {
    width: 100%;
    height:38px;
    background: #304FFD;
    border: 1px solid #304FFD;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius:6px;
    cursor: pointer;
}

.login_type{
	position: absolute;
	color: #fff;
	top:1.27rem;
	right:1.27rem;
	cursor:pointer;
}