body{background-color: #f1f7fa;}
.login-page{width: 100%; height: auto; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; z-index: 100;}
.login-pannel{width: 100%; height: 100%; background: url(../images/loginBgImg.jpg) no-repeat center center; background-size: 100% 100%;}
.login-pannel .login-box{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.login-pannel .login-box .login-form-box{width: 1120px; height: 580px; position: relative;}
.login-pannel .login-box .login-form-box .login-card-img{width:100%; height: 580px; border-radius: 10px; position: absolute; top: 0px; right: 0px; z-index: 1; background: url(../images/loginCardBg.png) no-repeat; background-size: 100% 100%;}
.login-pannel .login-box .login-form-box .login-form-pannel{width: 540px; height: 540px; position: absolute; top: 20px; left: 20px; z-index: 2; box-shadow: 0px 0px 5px #333; border-radius: 10px; overflow: hidden;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel{width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; padding: 35px; float: left;background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255, 1)), url(../images/login-bg.png) no-repeat right bottom; background-size: 65%;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .form-title{width: 100%; height: 50px;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .form-title .main-title{width: 100%; height: 30px; line-height: 30px; font-size: 28px; font-weight: bold; color: #1e9fff;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .form-title .sub-title{width: 100%; height: 20px; line-height: 20px; font-size: 15.5px; color: #1e9fff;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .form-title-name{width: 100%; height: 16px; line-height: 16px; font-size: 14px; color: #333; margin-top: 15px; margin-bottom: 5px;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .form-input{width: 100%; height: 50px; box-sizing: border-box; border: 1px #ccc solid; border-radius: 5px;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .form-input i{width: 48px; height: 48px; display: block; float: left; line-height: 48px; text-align: center; font-size: 22px; color: #333;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .form-input .input-box{width: auto; height: auto; position: relative; margin: 0px 15px 0px 55px;}
.login-pannel .login-box .login-form-box .login-form-pannel .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-box .login-form-pannel .form-pannel .form-input .input-box .code-input{width: 100%; height: 48px; float: left;}
.login-pannel .login-box .login-form-box .login-form-pannel .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-box .login-form-pannel .form-pannel .form-input .input-box .code-input .code-img{width: 80px; height: 48px; float: right; box-sizing: border-box; padding: 5px; cursor: pointer;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .form-input .input-box .code-input .code-img img{width: 100%; height: 100%;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .pwd-ctl{width: 100%; height: 60px; margin-top: 15px;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .pwd-ctl .is-remember-pwd{width: 100%; height: 100%; display: flex; align-items: center;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .pwd-ctl .is-remember-pwd span{color: #999;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .pwd-ctl .is-remember-pwd i{color: #999; font-size: 18px; margin-left: 15px; cursor: pointer;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .pwd-ctl .is-remember-pwd i.select{color: #1e9fff;}
.login-pannel .login-box .login-form-box .login-form-pannel .form-pannel .login-in-btn{width: 100%; height: 50px;  border-radius: 5px; margin-top: 20px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background-color: #1e9fff; cursor: pointer;}

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