body{background:url(../images/bg2.png) no-repeat center bottom #eef6fb; background-size: cover;}
.content{display:flex;flex-direction:row;}
.bg{height:100vh;background-size:100% 100%;flex:1 1 auto;}
.m-bg{display:none;}
.uuc-container{width:660px; display: flex; flex-direction: column; justify-content: center;}
.main-form{margin:0 auto;padding:30px;width:400px;border-radius:8px;background:#fff; position: relative; box-shadow:0px 0px 20px #cee2fa;}
.logo-container{margin-bottom:10px;padding:30px; position: absolute; top: 0px; right: 0px;}
.logo{float:right; width: 210px;}
.clearfix{clear:both;}
.clearfix::after{clear:both;content:' ';}
.title{margin-bottom:20px;color:#00446c;letter-spacing:.71px;font-size:24px; font-weight: 500;}
.form-horizontal .form-group{margin-right:0;margin-bottom:15px;margin-left:0; position: relative; display:inherit}
.input-group{width:100%; border: solid 1px #f5f5f5; border-radius: 20px; display: inherit; height: 42px;}
.input-group-addon{padding:inherit;width:36px;border:none;background:none;position: absolute;top:12px;left:5px; z-index: 10;}
.form-control{padding:6px 12px 6px 40px;height:40px;line-height:16px;border:none!important;color:#333;border-radius:20px!important;background-color:#f5f5f5;box-shadow:none;}
.form-control::placeholder{color:#b5b8bb;font-size:12px;}
.fa{color:#b4b4b4;font-size:20px;}
.fa-mobile-phone{font-size:24px;}
.form-control:focus{background:#fff;box-shadow:none;outline:none;}
.form-control:hover{box-shadow:none;}
.submit-btn{height:40px;border-radius:20px;}
.error-msg{margin:0 -30px 20px -30px;padding:10px 30px;background:#ffc9c4;color:#d0021b;}
.verify-group .input-group{float:left;width:45%;}
.verify-group .verify-code{float:right;}
.check-box,.error{clear:both;padding-top:10px;font-size:12px;}
.check-box { padding-top: 0px;}
.check-box{margin-bottom:10px;cursor:pointer;}
.check-box-icon,.error-icon{display:inline-block;margin:-2px 3px 0 0;width:14px;height:14px;background:url(../images/attention.svg) no-repeat;background-size:14px 14px;vertical-align:middle;}
.check-box-icon{background:url(../images/check.png) no-repeat;background-size:12px 12px;}
.form-foot{padding-top:20px;text-align:center;}
a.link{color:#52a7ff;text-decoration:none;}
a.link:hover,a.link:visited{color:#1f8afd;}
.show-password {position: absolute;z-index: 2;top: 0px;right: 20px; height: 40px; line-height: 40px;}
.show-password img {width: 20px;}
.flex-between {display:flex;justify-content:space-between;align-items:center;}
.verify-code input#resend, .verify-code input#resendTel {padding:10px;font-size:12px;border-radius:20px;}
.checkImg { margin-top: 0px;}
.checkImg i { font-size: 16px;}
.check-box label { font-weight: normal; color: #999EA6; vertical-align: middle; margin-top:-4px;}
.check-box .checked { color: #136FB0;}
.btn-primary { background: #136FB0; border-color: #136FB0;}
.verify-group #code { width: 100%;}
.input-icon {width: 18px; height: 18px; display: inline-block; background-size: 18px 18px;}
.icon-user { background: url(../images/user.svg) no-repeat;}
.icon-phone { background: url(../images/phone.svg) no-repeat;}
.icon-password { background: url(../images/password.svg) no-repeat;}
.icon-check { background: url(../images/Check.svg) no-repeat;}
.icon-uncheck { background: url(../images/Unchecked.svg) no-repeat;}
.form-control.no-icon { padding-left: 12px;}
.login-switch { float: right; position: relative; display: block; width: 100%; margin: -15px -15px 5px 0;}
.login-switch-tips { position: absolute; right: 50px; top: 0; background: rgba(249,190,0,0.20); color: #FB6653; padding: 7px;}
#loginTips { display: none}
.login-switch-tips:after {
    position: absolute;
    right: -12px;
    top: 12px;
    content: ' ';
    border-top: 6px transparent dashed;
    border-right: 6px transparent dashed;
    border-bottom: 6px transparent dashed;
    border-left: 6px rgba(249,190,0,0.20) solid;
}
.login-switch img {float: right;}
#wx_code iframe{width: 340px; height: 294px; border: 0;}
@media only screen and (min-width:1440px){
    body{background:url(../images/bg1.png) no-repeat center bottom #eef6fb; background-size: cover;}
    .uuc-container{width:880px;}
}
@media only screen and (max-width:960px){
    body{background:#fff;}
    .bg{display:none;}
    .m-bg{display:block;}
    .mini-bg{display:none;}
    .uuc-container{width:100%;}
    .logo-container{margin-bottom:0;padding:20px; margin-bottom: 0; display: none;}
    .logo { width: 160px;}
    .main-form{float:none;width:100%; padding-top: 20px; box-shadow: none; }
    .login-switch-tips { display: none;}
    .verify-group .input-group { width: 55%;}
    .verify-group .verify-code {
        float: right;
    }
    .verify-group #code { width: 100%;}
    .verify-group.voice-show .input-group { width: 100%;}
    .verify-group.voice-show .verify-code {
        float: left;
        margin-top: 10px;
    }
}
@media only screen and (max-width:320px) {
    body{background:#fff;}
    .bg{display:none;}
    .m-bg{display:none;}
    .mini-bg{display:block;}
    .uuc-container{width:100%;}
    .logo-container{display: none;}
    .logo { width: 160px;}
    .main-form{float:none;width:100%; padding:0 15px 0 15px; box-shadow: none;}
    .login-switch-tips { display: none;}
    .form { margin-top: 22px; }
    .title { margin: 10px 0 -10px 0; text-align: center;}
    .check-box label { vertical-align: middle;}
    .error-msg{margin:0 -15px 20px -15px;}
    .verify-group .input-group { width: 55%;}
    .verify-group .verify-code {
        float: right;
    }
    .verify-group #code { width: 100%;}
    .verify-group.voice-show .input-group { width: 100%;}
    .verify-group.voice-show .verify-code {
        float: left;
        margin-top: 10px;
    }
}