body{background: #eee;}
@media (max-width: 768px) {
body{background: #fff;}
}

.lrTop{float: left;width: 100%;height: 120px;background: #1A2485}
.lrTop .box{width: 1200px;margin: 0 auto;}
.lrTop .box a{float: left;margin: 35px 0 0 ;}
.lrTop .box a img{float: left;height: 60px;}
@media (max-width: 768px) {
.lrTop{display: none;}
.mT20{margin-top: 10px;}
}


.lr{float: left;width: 100%;margin: 200px 0 60px;}
.lr .box{width: 100%;text-align: center;float: left;background: #fff;}
.lr .box .l{width: 25%;float: left;text-align: center;}
.lr .box .l img{max-width: 100%;}
.lr .box .l .pc{width: 100%;float: left;}
.lr .box .l .wap{width: 100%;float: left;display: none;}
.lr .box .l .mlogo{width: 40%;border-radius: 100%;box-shadow: 0 10px 20px rgba(0,0,0,0.2);display: none;}
.lr .box .r{width: 75%;padding:40px;}
.lr .box .r .user{float: left;width: 100%;text-align: center;}
.lr .box .r .user b{float: left;width: 100%;line-height: 50px;font-size: 16px;}
.lr .box .r .user .avatar{float: left;width: 100%;text-align: center;margin-top: -100px;margin-bottom: 20px;}
.lr .box .r .user .avatar img{height: 160px;width: 160px;border-radius: 100%;}
.lr .box .r .t{float: left;width: 100%;line-height: 120px;font-size: 80px;margin-bottom: 30px;}
.lr .box .r .t a{float: left;color: var(--themeColor);}
.lr .box .r .activationcode{float: left;width: 100%;margin-top: 20px;border-top: 1px dashed #eee;padding-top: 30px;text-align: left;}
.lr .box .r .activationcode p{float: left;line-height: 40px;font-size: 20px;width: 100%;margin-bottom: 15px;}
.lr .box .r .activationcode span{float: left;line-height: 40px;font-size: 14px;color: #aaa;width: 100%;background: #fafafa;border-radius: 4px;padding: 0 15px;}
.lr .box .r form{float: left;width: 100%;margin-top: 20px;}
.lr .box .r form .li{float: left;width: 40%;margin:0 5% 20px 0;position: relative;padding-left: 20px;}
.lr .box .r form .all{width: 100%;}
.lr .box .r form .pwdsetinfo{width: 100%;line-height: 40px;padding: 0 0 0 20px;text-align: left;color: #aaa;}
.lr .box .r form .pwdsetinfo a{color: #aaa;font-weight: normal;line-height: 15px;}
.lr .box .r form .li .i{position: absolute;margin-left: -20px;color: var(--themeColor);line-height: 56px;font-size: 30px;height: 40px;overflow: hidden;}
.lr .box .r form .li label{float: left;margin-bottom: 0}
.lr .box .r form .li label .checkbox{float: left;margin: 17px 10px 0 0;}
.lr .box .r form .li label span{float: left;line-height: 48px;}
.lr .box .r form .li .tip{line-height: 48px;}
.lr .box .r form .li .price{line-height: 48px;font-size: 20px;color: #d00;font-weight: bold;float: left;}
.lr .box .r form .li .input{float: left;width: 100%;line-height: 30px;border:1px solid #eee;margin: 0;padding: 0 10px;height: 48px;}
.lr .box .r form .li .div-phone{float: left;width: 100%;}
.lr .box .r form .li .div-phone .tel{float: left;width: 265px;line-height: 48px;border:1px solid #eee;margin: 0;border-right: none;}
.lr .box .r form .li .div-phone a{float: right;background: #fa0;height: 48px;content: #fff;border-radius: 0;line-height: 48px;width: 100px;color: #fff;text-align: center;}
.lr .box .r form .li .div-phone .error{float: left;width: 100%;background: #eee;line-height: 26px;margin-top: 0;text-indent: 10px;}
.lr .box .r form .li .code{float: left;width: 115px;line-height: 48px;border:1px solid #eee;border-right: none;}
.lr .box .r form .li #code{float: right;height: 48px;border:1px solid #eee;border-left: none;cursor: pointer;padding: 2px;width: 130px;overflow: hidden;}
.lr .box .r form .li .verify{float: left;height: 48px;width: 120px;}
.lr .box .r form .li .all_bt{float: left;width: 100%;line-height: 50px;background: none;color: #666;border: none;border-radius: 3px;font-size: 16px;height: 50px;text-align: center;border: 1px solid #eee;}
.lr .box .r form .li .submit{float: left;width: 100%;line-height: 50px;background: var(--themeColor);color: #fff;border: none;border-radius: 3px;font-size: 24px;height: 50px;border-radius: 50px;margin-top:10px;}
.lr .box .r form .li .orther{float: left;width: 100%;text-align: center;}
.lr .box .r form .li .orther p{float: left;width: 100%;}
.lr .box .r form .li .orther span{float: left;line-height: 48px;margin-right: 10px;}
.lr .box .r form .li .orther a{line-height: 48px;}
.lr .box .r form .li .orther .icons{width: 48px;height: 48px;border-radius: 100%;background: #fa0;text-align: center;display: inline-block;}
.lr .box .r form .li .orther .icons:hover{background: #f80;}
.lr .box .r form .li .orther .icons img{float: left;margin: 5px 0 0 6px;width: 24px;}
.lr .box .r form .li .orther #login_wx_m{display: none;}
@media (max-width: 768px) {
.lr{float: left;width: 100%;background: none;margin-top: 0px;}
.lr .box{width: 100%;padding: 0 0px;float: left;}
.lr .box .l{width: 100%;}
.lr .box .l .pc{display: none;}
.lr .box .l .wap{display: block;}
.lr .box .l .mlogo{display: inline-block;}
.lr .box .r{float: right;width: 100%;padding:30px 20px 20px;height: auto;background: none;box-shadow: none;border: none;margin-top: 0px;}
.lr .box .r .t{display: none;}
.lr .box .r form{margin-top: 0;}
.lr .box .r form .li{width:100%;margin: 0 0 20px 0;}
.lr .box .r form .li .span{width: 100%;display: none;}
.lr .box .r form .li .input{width: 100%;height: 50px;border-radius: 4px;}
.lr .box .r form .li .div-phone{float: left;width: 100%;}
.lr .box .r form .li .div-phone .tel{width: 70%;border-radius: 4px 0 0 4px;}
.lr .box .r form .li .div-phone a{width: 30%;height: 50px;line-height: 50px;border-radius: 0 4px 4px 0;}
.lr .box .r form .li .code{width: 70%;}
.lr .box .r form .li #code{width: 30%;overflow: hidden;}
.lr .box .r form .li .verify{float: left;height: 36px;width: 120px;}
.lr .box .r form .li .orther{margin-top: 0;}
.lr .box .r form .li .orther a{color: #aaa}
.lr .box .r form .li .submit{margin-top: 0;line-height: 50px;height: 50px;padding: 0;}
}


.weixintips{float: left;width: 100%;line-height: 24px;margin: 10px 0 0;color: #666;text-align: center;}
.weixintipsimg{float: left;width: 100%;line-height: 24px;margin: 10px 0 0;color: #666;padding: 0 30%;}
.weixintipsimg img{float: left;width: 100%;background: #eee;padding: 5px;border-radius: 100%;}
.weixintipsname{float: left;width: 100%;line-height: 24px;margin: 10px 0 0;color: #fa0;font-size: 16px;text-align: center;}
.weixintipstext{float: left;width: 100%;line-height: 24px;margin: 0px 0 0;color: #aaa;font-size: 12px;text-align: center;}

.lrBottom{float: left;width: 100%;height: 120px;}
.lrBottom .box{width: 1200px;margin: 0 auto;color: #aaa;line-height: 30px;}
@media (max-width: 768px) {
.lrBottom{display: none;}
}