html,body { margin: 0px 0px; padding: 0px 0px; width: 100%; height: 100%;}
.login { width: 100%; height: 100%;}
.login .loginLeft { width: 75%; height: 100%; background: url(../StudentImages/loginBackImg.jpg); background-size: 100% 100%; float: left;}
.login .loginRight {width: 25%; height: 100%; background: url(../StudentImages/loginBoxBack.jpg); background-size: 100% 100%; float: right;}
.login .loginRight .loginBox {width: 332px; height: 430px; margin: 45.1481% auto 0px auto; overflow: hidden; color: #FFFFFF;}
.login .loginRight .loginBox .loginTitle { width: 100%; height: 30px; line-height: 30px; font-size: 30px; text-align: center;}
.login .loginRight .loginBox .huanyingyu { width: 100%; height: 62px; line-height: 62px; text-align: center; font-size: 16px;}
.login .loginRight .loginBox .loginDiv { width: 100%; height: 338px; margin: 0px 0px 0px 0px; border: 1px solid #FFFFFF; border-radius: 5px 5px; background-color:rgba(255,255,255,0.1);}
.login .loginRight .loginBox .loginDiv .loginTab { width: 100%; height: 38px; }
.login .loginRight .loginBox .loginDiv .loginTab .tabDiv { width: 50%; height: 38px; line-height: 38px; text-align: center; float: left; position: relative; cursor: pointer;}
.login .loginRight .loginBox .loginDiv .loginTab .tabDiv span { display: block; width: 56px;  height: 38px; position: absolute; left: 0px; right: 0px; margin: 0px auto; bottom: 0px;}
.login .loginRight .loginBox .loginDiv .loginTab .checkde span { border-bottom: 2px solid #14ab79;}
.login .loginRight .loginBox .loginDiv .tabContent { width: 100%; height: 273px; margin: 25px 0px 0px 0px;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin {  width: 100%; height: 100%; }
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle { width: 275px; height: 56px; margin: 0px auto; position: relative; overflow: hidden;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle input { width: 275px; height: 36px; color: #FFFFFF; outline: none; border: 1px solid #FFFFFF; border-radius: 3px 3px; padding: 0px 0px 0px 30px; background: none;background-color:rgba(255,255,255,0.2);}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle input::-webkit-input-placeholder { color: #FFFFFF;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle i { position: absolute; left: 10px; top: 10px;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .userNameIcon { font-size: 18px;} 
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .verifyBxo {width: 273px; height: 36px; border: 1px solid #FFFFFF; border-radius: 3px 3px;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleLeft { width: auto; height: 36px; line-height: 36px; float: left; position: relative;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleLeft .remember { width: 16px; height: 16px;position: absolute; left: 0px; top: 9px; cursor: pointer;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleLeft .remember:after { position: absolute; width: 10px; height: 16px; top: 0; content: " "; background-color: #14ab79; color: #fff; display: inline-block; visibility: visible; padding: 0px 3px; border: 1px solid #58e9b9; border-radius: 3px; }
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleLeft .remember[type=checkbox]:checked:after { content: "✓"; font-size: 12px; }
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleLeft span { margin-left: 25px; cursor: pointer; color: #14ab79;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleLeft span:hover { color: #FFFFFF;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleRight { width: auto; height: 36px; line-height: 36px; float: right; color: #FFFFFF;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleRight a { color: #14ab79;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .styleRight a:hover { color: #FFFFFF;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .btn { display: block; width: 118px; height: 32px; line-height: 32px; text-align: center; color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 3px 3px; float: left;}
.login .loginRight .loginBox .loginDiv .tabContent .userLogin .loginStyle .btnSubmit { border: 1px solid #009966; background: #009966; float: right; cursor: pointer;}
/*重新定义滑动验证*/
.verify-wrap { height: 34px; border: none; background-color: transparent; margin: 0px 0px;background-color:rgba(255,255,255,0.2);}
.verify-wrap .drag-btn {width: 36px; left: 0px; height: 33px; background: none; cursor: move;  background-color:rgba(255,255,255,0.3);}
.verify-wrap .fix-tips, .verify-msg { width: auto; line-height: 34px; color: #FFFFFF;}
.login .loginRight .loginBox .loginDiv .tabContent .scanLogin { width: 100%; height: 100%; display: none; }
.login .loginRight .loginBox .loginDiv .tabContent .scanLogin .qrcode { width: 256px; height: 256px; margin: 10px auto; padding: 10px 10px; box-sizing: border-box; background-color: #FFFFFF; }
.login .loginRight .loginBox .loginDiv .tabContent .scanLogin .qrcode canvas { width: 236px; height: 236px;}
@media screen and (min-width: 1280px) {
	.login .loginLeft { width: 70%; }
	.login .loginRight {width: 30%;}
	.login .loginRight .loginBox { margin: 30.1481% auto 0px auto;}
}
@media screen and (min-width: 1600px) {
	.login .loginLeft { width: 73%; }
	.login .loginRight {width: 27%;}
	.login .loginRight .loginBox { margin: 32.5% auto 0px auto;}
}
@media screen and (min-width: 1920px) {
	.login .loginLeft { width: 75%; }
	.login .loginRight {width: 25%;}
	.login .loginRight .loginBox { margin: 45.1481% auto 0px auto;}
}