.container { width: 100%; height:19rem;}
.header { background-color: rgba(0,0,0,0);}
.logo { width: 4rem; margin: 0 auto;} 
.logo img { width: 100%; height: auto;} 
.main { padding: .1rem .6rem .4rem;}
.container .input-group { width: 100%; height: 1.08rem;  line-height: 1.08rem;border:1px solid #ffffff; border-radius: 4px; background:#464F58 !important; margin-bottom: .4rem;}
.container .input-group .iconfont { color: #EF6F6C; font-size: .32rem; float: left; margin-left: .2rem; margin-right: 0.2rem;}
.container .input-group span { display: inline-block; width: 1.1rem; font-size: .26rem; float: left;}
.container .input-group input {  width: 5rem; height: 1.1rem; border: 1;color;background-color: transparent; border-radius: 2px; padding: 0; font-size: .23rem; color: #FFF; line-height: .36rem;  outline: none; float: left;border:none;}
.container .input-group input::placeholder { color: #ffffff;}
.container .code-group { display: flex; display: -webkit-flex;}
.container .code-group .input-group { width: 100%;}
.container .code-group .input-group input { width: 80%;}
.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-color: #EF6F6C; border-radius: 10px; font-size: .34rem; color: #fff; line-height: .88rem; text-align: center; margin-top: .5rem; }
.container .bottom { width: 100%; color: #fff; font-size: .23rem; line-height: .42rem; text-align: center; margin-top: .5rem;}
.container .bottom a { display: inline-block; color: #EF6F6C; }
.icon-identifyingCode { font-size: .24rem !important; margin-right: 0.2rem !important;}