body {display: inline;justify-content: center;align-items: center;font-family: PingFang-SC-Heavy, PingFang-SC;color: #333333;}
.login-centent{position: absolute;left: 50%;top: 50%;margin-top: -246px;margin-left: -220px;border-radius: 10px;box-shadow:0px 0px 10px 5px #aaa;}
.login {width: 420px;background: #FFFFFF;border-radius: 10px;position: relative;}
.login_text {width: 100%;height: 42px;font-weight: 800;line-height: 42px;padding: 20px 0px;font-size: 30px;}
.login .login_box {position: relative;width: 100%}
input[type=text],input[type=password] {width: 300px;height: 40px;border-radius: 6px;border: 1px solid #DEDEDE;margin-bottom:30px;cursor: pointer;padding-left: 35px; padding-right: 40px;}
.login .login_box select {width: 300px;height: 40px;border-radius: 6px;border: 1px solid #DEDEDE;padding-left: 10px;cursor: pointer;}
.login button {position: relative;font-size: 16px;font-weight: 500;color: #FFFFFF;line-height: 22px;border: 1px solid #DEDEDE;border-radius: 6px;background: rgb(52, 185, 129);cursor: pointer;width: 300px;height: 40px;margin: 10px 0px 30px 0px;}
.login button:hover, .login_box input:hover, .login_box select:hover {border: 1px solid #008cef;}
.login-logo {position: relative;width: 420px;	}
.login-logo img{    padding-top: 20px; padding-bottom: 20px; height: 50px;}
.colorR {color: #fe6f73;}
.cue{text-align: left;padding:0 60 0 60;min-height:20px;font-size:12px;}
canvas {display: block;vertical-align: bottom;}
#login-bg {position: absolute;width: 100%;height: 100%;background: #FFF;}
.remember-pwd { position: relative;height: 30px;line-height: 30px;padding-left: 57px;text-align: left;font-size: 12px;}
.remember-pwd input:hover{cursor: pointer;}
input[type=checkbox]:after {display: block;content: "";width: 100%;height: 100%;background: #fff;border-radius: 50%;border: 1px solid #c9d1e4}
input[type=checkbox]{cursor: pointer;position: relative;width:15px;height:15px;font-size: 14px;-moz-appearance:initial;}
input[type=checkbox]:after{border-radius:0}
input[type=checkbox]:before{display:block;content:'';width:40%;height:80%;opacity:0;-webkit-transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);-moz-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);border:2px solid #fff;border-top:none;border-left:none;position:absolute;left:35%;}
input[type=checkbox]:checked:before{opacity:1;-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);-moz-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}
input[type=checkbox]:checked:after{background:#046241;border-color:transparent}
.remember-pwd input+label{height:30px;vertical-align: middle;}
.icon{position: absolute;font-size: 30px;top: 5px;color: #c6c6c6;}
.icon-eye{left:325px;cursor:pointer;}
.copyright{position: absolute;height: 30px;line-height: 30px;text-align: center;bottom: 30px;width: 100%;}
.www{position: absolute;height: 30px;bottom: 10px;line-height: 30px;text-align: center;width: 100%;}
.www a{color:blue;}
#randnum {vertical-align: middle;box-sizing: border-box;cursor: pointer;border: 1px solid #DEDEDE;height: 40px;width: 100px;position: absolute;left: 48%;top: 0px;}