.login-pannel{width: 100%; height: auto; position: fixed; top: 0px; left: 0px; bottom: 0px;}
.login-pannel .login-box{width: 100%; height: 100%; position: relative; background: url(../images/loginBg.png) no-repeat center top; background-size: 100% 100%;}
.login-pannel .login-box .login-name{width: auto; height: auto; position: absolute; top: 140px; left: 40px; right: 40px;}
.login-pannel .login-box .login-name .main-title{width: auto; height: 50px; line-height: 50px; font-size: 40px; color: #fff; font-weight: 500; text-align: center;}
.login-pannel .login-box .login-name .sub-title{width: auto; height: 22px; line-height: 22px; font-size: 16px; color: #fff; font-weight: 100; letter-spacing: -0.2px; text-align: center;}
.login-pannel .login-box .login-form{width: 100%; height: auto; position: absolute; top: 280px; left: 0px; z-index: 2;}
.login-pannel .login-box .login-form .form-box{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.login-pannel .login-box .login-form .form-box .login-card{width: auto; height: 416px; overflow: hidden; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 15px #333; display: flex; align-items: center;}
.login-pannel .login-box .login-form .form-box .login-card .login-left{width: 450px; height: 100%; background: url(../images/login-left.gif) no-repeat; background-size: 100% 100%;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel{width: 400px; height: auto; overflow: hidden; box-sizing: border-box; padding: 30px;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-title{width: 100%; height: 36px; line-height: 36px; color: #333; text-align: center; font-size: 22px; font-weight: bold;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-input{width: 100%; height: 50px; box-sizing: border-box; border: 1px #ccc solid; margin-top: 15px;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-input i{width: 48px; height: 48px; display: block; float: left; line-height: 48px; text-align: center; font-size: 22px; color: #ccc;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-input .input-box{width: auto; height: auto; position: relative; margin: 0px 15px 0px 55px;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-input .input-box input{width: 100%; height: 48px; float: left; background-color: rgba(0,0,0,0); color: #333; font-size: 14px; border: none;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-input .input-box .code-input{width: 100%; height: 48px; float: left;}
.login-pannel .login-box .login-form .form-box .login-card .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 .form-box .login-card .form-pannel .form-input .input-box .code-input .code-img{width: 80px; height: 48px; float: right; box-sizing: border-box; padding: 5px;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-input .input-box .code-input .code-img img{width: 100%; height: 100%;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-check{width: 100%; height: 50px; box-sizing: border-box; margin-top: 15px; display: flex; align-items: center;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .form-check span{font-size: 14px; color: #333; margin-left: 10px;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .login-in-btn{width: 100%; height: 50px;  border-radius: 25px; margin-top: 10px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background-color: #0095e5; cursor: pointer;}
.login-pannel .login-box .login-form .form-box .login-card .form-pannel .tip-text{width: 100%; height: 30px; line-height: 30px; font-weight: bold; text-align: center; color: #ff0000;}

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