.login-bg{ font-size: 16px;
    /*background: #eeeeee url() 0 0 no-repeat;*/
     background:url(/res/main/images/loginbg.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.login{ width: 820px; height: 420px; margin: 150px auto 0 auto; }
.login .left{width: 410px; float: left; height: 320px; background-color: rgba(117, 135, 191, 0.8); color: #fff; text-align: center; font-size: 22px; padding-top: 100px; }
.login .right{width: 410px; float: left; height: 420px; background-color: rgba(255, 255, 255, 0.8); }
.login .right .tit{ width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 18px; color: #005ca1; border-bottom: solid 1px #ccc;  }
.login .right .tit li{ width: 100px; float: left; height: 62px; margin: 0 5px; cursor: pointer; }
.login .right .tit .cur{ color: #ff5500; font-weight: bold; border-bottom: solid 2px #ff5500; height: 60px;  }

.login .right .input{ width: 80%; margin: auto; background-color: #fff; height: 40px; margin-top: 20px; }
.login .right .input .iconfont{ font-size: 22px; width:50px; line-height: 40px; text-align: center; color: #0e3595;  float: left;  }
.login .right .input  input{ width: 60%; border: none; float: left; line-height: 40px;  }
.login .right .but1{ width: 140px; cursor: pointer; height: 40px; line-height: 40px; text-align: center; background-color: #fcb301; margin: 20px  10px; float: left; font-size: 18px; }
.login .right .but2{ width: 140px;cursor: pointer; height: 40px; line-height: 40px;  text-align: center; background-color: #648ac6; color: #fff;  margin: 20px 50px 0 0px; float: left;   float: right;  font-size: 18px;}
.login .right .reg{ width: 100%; text-align: center; line-height: 30px; clear: both; }
.login .right .reg a{ margin: 0 20px; }

.login .right .but3{ width: 120px;cursor: pointer; height: 40px; line-height: 40px;  text-align: center; background-color: #648ac6; color: #fff;  margin: 0px; float: left;   float: right;  font-size: 18px;}
.qrcode{ width: 260px; height: 260px; margin-top: 20px;}