html,body{width: 100%;height: 100%;overflow: hidden;background: url("../images/login/bg.jpg") center center no-repeat;font-family: "微软雅黑"}
.float_left{float: left}
.float_right{float: right}
.login-box{width: 1040px;margin: 0 auto;background:  url("../images/login/box-bg.png") center center no-repeat;padding: 45px 0;background-size: 100% 100%;box-shadow: 0 0 15px rgb(32 92 226);border-radius: 30px}
.login-box .slide{display: table-cell;vertical-align: middle;width: 500px;padding-left: 30px;padding-right: 10px;*float:left}
.login-box .slide img{width: 100%}
.login-box .login-from{display: table-cell;vertical-align: middle;width: 390px;padding-right: 80px;padding-left: 30px;}
.login-box .login-from h2{font-size: 34px;color: #333333;text-align: center;margin: 0 0 50px 0;line-height: initial;font-weight: bold}
.login-box .login-from .role{width: 90%;margin: 0 auto;height: auto;overflow: hidden;}
.login-box .login-from .role span {font-size: 20px;color: #666666;padding-left: 30px;cursor: pointer}
.login-box .login-from .role span.person{background: url("../images/login/icon-user.png") left center no-repeat}
.login-box .login-from .role span.manage{background: url("../images/login/icon-manage.png") left center no-repeat;padding-left: 35px}
.login-box .login-from .role span.active{color: #5282f0;font-weight: bold}
.login-box .login-from .role span.person.active{background-image: url("../images/login/icon-user-active.png")}
.login-box .login-from .role span.manage.active{background-image: url("../images/login/icon-manage-active.png")}
.login-box .login-from .form-item{width: 100%;height: auto;overflow: hidden;margin-top: 25px;display: flex;justify-content: space-between;align-items: center}
.login-box .login-from .form-item input{width: 100%;border: 0;border-bottom: 1px solid #bfbfbf;height: 40px;line-height: 40px;background: none;outline: none;font-size: 18px;text-indent: 10px;color: #333}
.login-box .login-from .form-item img{flex-shrink: 0;height: 42px;width: 100px;margin-left: 10px;}
.login-box .login-from .rememberpass{width: 100%;height: auto;overflow: hidden;margin-top: 30px;font-size: 16px;color: #666666}
.login-box .login-from .rememberpass a{color: #5282f0;text-decoration: none;*margin-top:-22px}
.login-box .login-from .submit{width: 100%;height: auto;overflow: hidden;text-align: center;padding-top: 50px}
.login-box .login-from .submit button{width: 292px;height: 96px;background: url("../images/login/btn.png") top left no-repeat;outline: 0;border: 0;cursor: pointer;transition: all .3s linear}
.my-placeholder{color: #bfbfbf}
[type="checkbox"]:not(:checked)+ label:before{top: 4px;}
[type="checkbox"]:checked+ label:before{top: 4px;}
[type="checkbox"]:not(:checked)+ label:after, [type="checkbox"]:checked+ label:after{top: 2px;}
[type="checkbox"]:not(:checked)+ label:after, [type="checkbox"]:checked+ label:after{top:2px;}