.container { width: 100%; min-height: 100%; background-image: url(../img/login.jpg); background-size: 100% 100%;}
.header { background-color: rgba(0,0,0,0);}
.logo { width: 4rem; margin: 0 auto;} 
.logo img { width: 100%; height: auto;} 
.main { padding: .4rem .6rem .4rem;}   
.container .input-group { width: 100%; height: 1.08rem;  line-height: 1.08rem; border-radius: 4px; background-color: rgba(255,255,255,0.7); margin-bottom: .4rem;}
.container .input-group .iconfont { color: #4f5ffa; font-size: .32rem; float: left; margin-left: .2rem; margin-right: 0.2rem;}
.container .input-group span { display: inline-block; width: 1.1rem; color: #fff; font-size: .26rem; float: left;}
.container .input-group input { height: .4rem; border: 0; background-color: transparent; border-radius: 2px; padding: 0; font-size: .26rem; color: #000; line-height: .36rem; margin-top: .34rem; outline: none; float: left;}
.container .input-group input::placeholder { color: #000;}
.container .code-group { display: flex; display: -webkit-flex;}
.container .code-group .input-group { width: 100%;}
.container .code-group .input-group input { width: 1.56rem;}
.container .code-group .input-group .code { width: 1.98rem; height: .68rem; line-height: 0; float: right; margin-top: .2rem; margin-right: .2rem;}
.container .code-group .input-group .code img { width: 100%; height: auto; }
.container .login { width: 100%; height: .88rem; background: linear-gradient(to right, #131d26, #4c5863) !important; border-radius: 10px; font-size: .34rem; color: #fff; line-height: .88rem; text-align: center; margin-top: .8rem; }
.container .bottom { width: 100%; color: #000; font-size: .28rem; line-height: .42rem; text-align: center; margin-top: 20px;}

.container .bottom a, .zz_a { 
    display: inline-block;
    color: #ffffff;
    background-color: #131d26;
    padding: 5px;
    border-radius: 5px;
}