body,div,ul,li,p,fieldset { margin: 0;padding: 0; font-family:"MicrosoftYaHei";font-size: 14px;line-height: 1.4;overflow: hidden;}
.p-20{ margin-top:0.5rem;}
.login-wrap { background: #fff; width: 100%; height: 100%;}
.login-left { width: 50%; float: left;}
.login-left .login-left-con {max-width: 22rem; margin-left:16rem;padding: 6.4rem; position: relative;}
.font-title {font-size: 3rem; font-weight: bold;margin-top: 1.5rem;}
.font-sec { font-size: 1rem; line-height:1.4; color: #333;}
.font-sec a { color: #ff6231; text-decoration: underline;}
.login-form { padding-top:2.4rem; overflow: hidden; clear: both;}
.login-form .login-item { position: relative; margin-bottom: 20px;padding-top:8px;}
.login-form .login-item .input-box {box-sizing: border-box;border: 1px solid #c4c4c4; border-radius: 6px;min-height: 50px;}
.login-form .login-item .input-box input { border: 0;min-height: 50px; outline: 0; margin-left: 10px; width:90%;}
.login-form .login-item .input-box input::placeholder { color: #ccc;}
.txt-name { color:#666; font-size:0.7rem;font-family:  Arial, sans-serif;padding: 0 5px; position: absolute;left: 8px;top: 0; background: #fff; z-index: 999;}
.rem-pwd{ align-items: center; float: left;}
.forget-pwd {float: right;}
.forget-pwd a {color: #ff6231; text-decoration: underline; cursor: pointer;}
.login-btn { margin-top: 1.5rem; }
.login-btn a {background:#ff6231;font-size: 1.2rem; color: #fff; font-weight: bold; min-height: 50px; line-height:50px; 
text-align: center; border-radius: 48px; box-sizing: border-box; display: block; text-decoration: none;}
.login-btn a:hover { background:#e5582c ;}
.login-right {width: 50%; float: right;}
.login-right .login-right-con{background:url(../images/login-bg.jpg) no-repeat;background-size:100%; height: 100vh;}
.login-right .login-right-con .con-detail { padding: 16rem 10rem 0 10rem;}
.login-right .login-right-con .con-detail h1 { font-size: 3rem; color:#fff; font-weight: bold;}
.login-right .login-right-con .con-detail p { font-size: 1rem; color: #cee5dc; line-height: 30px; margin-top: 20px;}
.copyright { width: 100%; margin-top:3.3rem; }
.copyright p { font-size: 0.8rem; color:#999; line-height: 20px; text-align:center;}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
	.login-left .login-left-con {max-width: 22rem; margin-left:8rem;padding: 2.2rem; position: relative;}
	.login-right .login-right-con .con-detail { padding: 10rem 8rem;}
	.login-right .login-right-con .con-detail h1 { font-size: 2rem; }
	.login-right .login-right-con .con-detail p { font-size: 0.7rem; line-height: 20px; margin-top: 20px;}
	.copyright { width: 100%; margin-top:2.0rem; }
}


/*移动端样式*/
@media screen and (max-width: 1200px) and (min-width: 0px) {
	.login-left { width: 100%;}
	.login-left .login-left-con {padding: 1.5rem; margin-left: 0;max-width: 100%;}
	.login-form { padding-top:30px;}
	.login-right { display: none;}
	.copyright { width: 100%; margin-top:3.0rem; }
	.copyright p { font-size: 0.6rem;}
}