@charset "UTF-8";
/* CSS Document */

html,body {background: #bccff9; min-width: 1200px;}

.login-background {width: 100%; min-width: 1200px; height: 520px; position: absolute; left: 0; top: 0; background: #edf1f9;}
.login-zIndex {position: relative; z-index: 20; max-width: 1200px; margin: 0 auto;}
.login-logo {font-size: 0; padding-top: 44px;}
.login-logo a {display: inline-block;}
.login-logo img {width: 208px;}


.login-wrap {padding: 70px 60px 0 60px; display: -ms-flex; display: flex; align-items: center; justify-content: space-between;}
.login-img {font-size: 0;}
.login-img img {width: 540px;}
.login-main {width: 410px; background: rgba(255, 255, 255, .15); border-radius: 10px; padding: 15px;}
.login-box {background: #fff; border-radius: 10px; box-shadow: 0 5px 10px rgba(179, 199, 242, .15); padding: 0 35px;}
.login-title {text-align: center; padding: 30px 0 5px 0; font-size: 24px; font-weight: bold;}
.login-form {padding-bottom: 35px;}
.login-form .item {padding-top: 15px;}
.login-form .box {position: relative; background: #fff; border: 1px solid #dcdcdc; border-radius: 5px;}
.login-form .box .icon {width: 16px; height: 16px; font-size: 0; position: absolute; left: 10px; top: 50%; margin-top: -8px;}
.login-form .box .icon img {width: 16px; height: 16px;}
.login-form .box .text {position: relative; z-index: 20; font-size: 0;}
.login-form .box .text select {-webkit-appearance: none; appearance: none; width: 100%; height: 40px; background: url("../images/login-select.png") no-repeat right center / auto 6px; border: 0 none; box-sizing: border-box; font-size: 14px; color: #666; padding: 0 20px 0 36px;}
.login-form .box .text input.inp {width: 100%; height: 40px; box-sizing: border-box; background: none; border: 0 none; font-size: 14px; color: #666; padding: 0 15px 0 36px;}
.login-form .verify-flex {display: -ms-flex; display: flex; align-items: center;}
.login-form .verify-flex .l {-ms-flex: 1; flex: 1; min-width: 0;}
.login-form .verify-flex .r {padding-left: 15px; font-size: 0;}
.login-form .verify-flex .r img {height: 40px; cursor: pointer;}
.login-form .btnbox {font-size: 0;}
.login-form .btnbox input.btn {width: 100%; height: 40px; font-size: 16px; color: #fff; border-radius: 20px; border: 0 none; background: #d10000; box-shadow: 0 3px 6px rgba(209, 0, 0, .2);}
.login-form .others {display: -ms-flex; display: flex; justify-content: space-between; align-items: center;}
.login-form .others .remember,
.login-form .others .remember label {display: -ms-flex; display: flex; align-items: center; font-size: 14px; color: #666;}
.login-form .others .remember label {cursor: pointer;}
.login-form .others .remember label input {margin-right: 7px;}
.login-form .others .forget {font-size: 14px; color: #d10000;}
.login-form .others .forget a {color: #d10000;}

.login-footer {padding: 50px 0; text-align: center; font-size: 14px;}
.login-footer .link {color: #072553;}
.login-footer .link a {color: #072553;}
.login-footer .copy {color: #84a4ed; padding-top: 15px;}