/*
// +----------------------------------------------------------------------
// | 版权所有 2019 Xiyoucheng，并保留所有权利
// | 这不是一个自由软件！禁止任何形式的拷贝、修改、发布
// +----------------------------------------------------------------------
// | Author  : XYC <KL>
// +----------------------------------------------------------------------
*/

.lgbg {
     width: 100vw;
     height: 100vh;
     background-color: #000;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     text-align: center;
     overflow: hidden;
     position: fixed;
     left: 0;
     top: 0;
}
.login_bg {
     width: 100vw;
     height: 100vh;
     position: absolute;
     line-height: 0;
     top: 0;
     z-index: 0;
     background-color: rgba(0, 0, 0, 0.3);
}
.toper {
     background: #001325;
     height: 35px;
     line-height: 35px;
     font-size: 14px;
     position: relative;
     z-index: 2;
}
.login {
     position: fixed;
     margin: auto;
     z-index: 10;
     width: 390px;
     text-align: left;
     background: rgba(33, 155, 155, 0.7);
     transform: translate(-50%, -50%);
     top: 50%;
     left: 50%;
}
.login dl {
     text-align: center;
     color: #fff;
     font-size: 23px;
     padding: 15px 0;
     border-bottom: #fff 2px solid;
}
.login ul {
     border: none;
     padding: 35px;
}
.login ul li {
     margin-bottom: 10px;
}
.login ul li input.text {
     width: 100%;
     height: 46px;
     line-height: 30px;
     padding: 8px;
     color: #000;
     font-size: 16px;
     border-radius: 2px;
     border: #ccc 1px solid;
     background: rgba(255, 255, 255, 0.7);
}
.login ul li input.text:hover {
     background: rgba(255, 255, 255, 0.8);
}
.login ul li input#vcode {
     width: 125px;
     vertical-align: middle;
}
.login ul li img.vcode {
     width: 140px;
     height: 46px;
     vertical-align: middle;
     border: #c6975e 3px solid;
     border-radius: 2px 0 0 2px;
     opacity: 0.9;
}
.login ul li a.sms {
     width: 46px;
     height: 46px;
     padding: 5px 0;
     line-height: 17px;
     vertical-align: middle;
     border-radius: 0 2px 2px 0;
     opacity: 0.9;
     text-align: center;
     display: inline-block;
     background: #c6975e;
     cursor: pointer;
     color: #ffd199;
     float: right;
}
.login ul li a.sms:hover {
     color: #fff;
     text-decoration: none;
}
.login ul li input.btn {
     width: 100%;
     height: 50px;
     text-align: center;
     color: #fff;
     font-size: 20px;
     border: none;
     border-radius: 2px;
}
.login ul li input.btn:hover {
     background: rgba(45, 166, 236, 0.9);
}
.login ul a {
     color: #ddd;
}
.login ul a:hover {
     color: #fff;
     text-decoration: underline;
}
/* +----------------------------------------------------------------------+ */

@media screen and (max-width: 1200px) {
     body.lgbg {
          min-width: 100vw;
          max-width: 100vw;
     }
     .toper {
          display: none;
     }
     .body_login {
          width: 100vw;
          padding-top: 20px;
     }
     .body_login:nth-child(2) {
          padding-top: 5vh;
     }
     .login {
          float: inherit;
          margin: auto;
     }
}