.login-pannel{width: 100%; min-width: 1000px; height: auto; position: fixed; top: 0px; left: 0px; bottom: 0px; background: url(../images/loginBg.png) no-repeat; background-size: 100% 100%;}
.login-pannel .login-box{width: 100%; height: 100%; position: relative;}
.login-pannel .login-box .login-form{width: auto; height: auto; position: absolute; top: 14%; bottom: 15%; left: 12%; right: 58%; z-index: 2;}
.login-pannel .login-box .login-form .login-container{width: 100%; height: 100%; display: flex; align-items: center;}

.login-pannel .login-box .login-form .login-container .form-pannel{width: 70%; height: auto; overflow: hidden;}
.login-pannel .login-box .login-form .login-container .form-pannel .logo-box{width: 100%; height: 40px; position: absolute; top: 5%; left: 0px;}
.login-pannel .login-box .login-form .login-container .form-pannel .logo-box .logo-img{width: 40px; height: 40px; float: left;}
.login-pannel .login-box .login-form .login-container .form-pannel .logo-box .logo-img img{width: 40px; height: 40px;}
.login-pannel .login-box .login-form .login-container .form-pannel .logo-box .system-logo{width: auto; height: 40px; float: left; margin-left: 10px;}
.login-pannel .login-box .login-form .login-container .form-pannel .logo-box .system-logo .system-name{width: auto; height: 20px; line-height: 26px; font-size: 20px; color: #333; font-weight: 100;}
.login-pannel .login-box .login-form .login-container .form-pannel .logo-box .system-logo .name-en{width: auto; height: 20px; line-height: 24px; font-size: 12px; color: #a09fa0; font-weight: 100;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-title{width: 100%; height: auto; margin: 10% auto 20%;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-title .main-title{width: 100%; height: auto; font-size: 38px; color: #333; font-weight: 600px;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-title .sub-title{width: 100%; height: auto; font-size: 14px; color: #a09fa0; font-weight: 600px;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-input{width: 100%; height: 40px; box-sizing: border-box; border: 1px #efefef solid; border-radius: 25px; margin-top: 15px; background-color: #fff9f9;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-input i{width: 40px; height: 40px; display: block; float: left; margin-left: 10px; line-height: 40px; text-align: center; font-size: 22px; color: #a09fa0; font-weight: 100;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-input .input-box{width: auto; height: auto; position: relative; margin: 0px 15px 0px 65px;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-input .input-box input{width: 100%; height: 40px; float: left; background-color: rgba(0,0,0,0); color: #a09fa0; font-size: 16px; font-weight: 100; border: none;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-input .input-box .code-input{width: 100%; height: 40px; float: left;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-input .input-box .code-input .code-box{width: auto; height: auto; margin-right: 90px; position: relative;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-input .input-box .code-input .code-img{width: 80px; height: 40px; float: right; box-sizing: border-box; padding: 5px; cursor: pointer;}
.login-pannel .login-box .login-form .login-container .form-pannel .form-input .input-box .code-input .code-img img{width: 100%; height: 100%;}
.login-pannel .login-box .login-form .login-container .form-pannel .rember-box{width: 100%; height: 25px; margin-top: 15px;}
.login-pannel .login-box .login-form .login-container .form-pannel .rember-box .rember-check{width: auto; height: 25px; cursor: pointer; float: left; display: flex; align-items: center; margin-left: 24px;}
.login-pannel .login-box .login-form .login-container .form-pannel .rember-box .rember-check i{font-size: 16px; color: #a09fa0; font-weight: 100;}
.login-pannel .login-box .login-form .login-container .form-pannel .rember-box .rember-check span{color: #a09fa0; font-size: 12px; margin-left: 10px;}
.login-pannel .login-box .login-form .login-container .form-pannel .rember-box .select i{color: #59b8ff;}
.login-pannel .login-box .login-form .login-container .form-pannel .rember-box .select span{color: #333;}
.login-pannel .login-box .login-form .login-container .form-pannel .login-in-btn{width: 100%; height: 50px;  border-radius: 5px; margin-top: 30px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background-color: #55b6ff; cursor: pointer;}

.login-pannel .bottom-info{width: 100%; height: 30px; line-height: 30px; position: absolute; left: 0px; bottom: 10px; text-align: center;}

::-webkit-input-placeholder{color: #a09fa0;}
::-moz-placeholder{color: #a09fa0;}
:-moz-placeholder{color: #a09fa0;}
:-ms-input-placeholder{color: #a09fa0;}

.layui-font-blue{color: #1e9fff;}