@charset "utf-8";
/* CSS Document */
body{width: 100%;height: 100%;overflow: hidden}
.login{width: 100%; height: 100%;background-image: url(../img/login-bg.png);background-repeat: no-repeat;background-size: cover; background-position: center bottom;}
.login .box{width: 840px; height: 520px;background: #fff;box-shadow:0px 15px 40px 0px rgba(103,124,135,0.2);border-radius:10px;position: fixed;z-index: 9; left: 50%;margin-left: -420px;top: 50%;margin-top: -260px;overflow: hidden}
.login .box .left{float: left;background: url(../img/login-tu.png) no-repeat;width: 340px;height: 520px;}
.login .box .right{width: 330px;float: right;margin-top: 94px;margin-right: 85px;}
.login .box .right .title{height: 26px;line-height: 26px;color: #666666;font-size: 26px;text-align: center}
.login .box .right .txt{padding-top: 60px;}
.login .box .right .txt ul li{margin-bottom: 40px;width: 330px;box-sizing: border-box;height: 50px;border-radius: 4px;border: 1px solid #EBEBEB;position: relative}
.login .box .right .txt ul li .inp{width: 330px;height: 50px;box-sizing: border-box;border: none;background: none; padding: 10px 50px;line-height: 30px;font-size: 16px;}
.login .box .right .txt ul li.username:before{width: 15px;height: 17px;content: "";position: absolute;left: 16px;top: 16px;display: block;background: url(../img/login-ico1.png) no-repeat;z-index: 9}
.login .box .right .txt ul li.password:before{background: url(../img/login-ico2.png) no-repeat;width: 15px;height: 17px;content: "";position: absolute;left: 16px;top: 16px;display: block;z-index: 9}
.login .box .right .txt ul li .btn{width: 330px;height: 50px;border-radius: 4px;background: #192f84;cursor: pointer;display: block;text-align: center;line-height: 50px;border: none;font-size: 16px;color: #fff}