html{
	min-height: 100%;
    background: linear-gradient(135deg, #fff7f3, #e3e9ff);
}
body{background: none;}
.lrTop{float: left;width: 100%;height: 120px;background: #fff;display: none;}
.lrTop .box{width: 1200px;margin: 0 auto;}
.lrTop .box a{float: left;margin: 35px 0 0 ;}
.lrTop .box a img{height: 60px;}
@media (max-width: 768px) {
body{background: #f4f4f4;}
.lrTop{display: none;}
.mT20{margin-top: 10px;}
}
input::-webkit-input-placeholder { color: #ccc;}
input:-ms-input-placeholder {color: #ccc;}
input::placeholder {color: #ccc;}
textarea::-webkit-input-placeholder { color: #ccc;}
textarea:-ms-input-placeholder {color: #ccc;}
textarea::placeholder {color: #ccc;}

.lr{float: left;width: 100%;height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 30px;}
.lr .box{width: 100%;text-align: center;float: left;display: flex;flex-direction: column;align-items: flex-start;}
.lr .box .l{padding:40px 40px 40px;background:var(--colorone);margin-bottom: 0px;border-radius:20px 20px 15px 0;}
.lr .box .l img{height: 30px;}
.lr .box .copyright{width: 100%;text-align: center;margin:30px 0 70px;color: #aaa;}
.lr .box .copyright a{color: #aaa;}
.lr .box .r{padding:30px 150px 20px;min-height: 400px;background:#fff;box-shadow: 10px 10px 20px rgba(0,0,0,0.05);border-radius: 0 20px 20px 20px;}
.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%;font-size: 18px;border-bottom: 3px solid #eee;height: 70px;display: flex;flex-direction: row;justify-content: space-evenly;margin-bottom: 5px;}
.lr .box .r .t a{text-align: center;color: #666;height: 70px;font-weight: bold;position: relative;display: flex;flex-direction: column;align-items: center;}
.lr .box .r .t a span{line-height: 67px;}
.lr .box .r .t a i{height: 3px;border-radius: 3px;display:block;width: 20px;}
.lr .box .r .t a.cur span{color: var(--colorone);}
.lr .box .r .t a.cur i{width: 100%;background: var(--colorone);}
.lr .box .r form{float: left;width: 100%;margin-top: 30px;}
.lr .box .r form .li{float: left;width: 100%;margin-bottom: 25px;display: flex;flex-direction: row;position: relative;}
.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 .tips{float: left;line-height: 36px;color: #ddd;margin-left: 15px;}
.lr .box .r form .li .span{float: left;width:80px;line-height: 48px;color: #555;text-align: left;}
.lr .box .r form .li .input{float: left;flex: 1;line-height: 30px;border:none;margin: 0;padding: 0 10px;height: 48px;box-shadow: 0 0 10px rgba(0,0,0,0.05);border-radius: 5px;}
.lr .box .r form .li .input:focus{box-shadow: 0 0 5px rgba(255,0,0,0.5);border-radius: 5px;}
.lr .box .r form .li .input::-webkit-input-placeholder { color: #ccc;}
.lr .box .r form .li .input:-ms-input-placeholder {color: #ccc;}
.lr .box .r form .li .input::placeholder {color: #ccc;}
.lr .box .r form .li .select{float: left;line-height: 30px;border:1px solid #eee;margin: 0 10px 0 0;padding: 0 10px;height: 48px;border-radius: 4px;width: 25%;}
.lr .box .r form .li .div_code{float: left;flex: 1;display: flex;flex-direction: row;}
.lr .box .r form .li .div_code .tel{float: left;line-height: 48px;margin: 0;border-right: none;}
.lr .box .r form .li .div_code a{float: right;background: #fa0;height: 36px;border-radius: 0;line-height: 36px;color: #fff;text-align: center;font-size: 15px;position: absolute;right: 6px;top: 6px;z-index: 4;padding: 0 15px;border-radius: 5px;}
.lr .box .r form .li .div_code .disabled{pointer-events: none;cursor: not-allowed;opacity: 0.3}
.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 .go{float: left;width: 100%;line-height: 50px;background: #fff;color: #333;border: none;border-radius: 6px;font-size: 16px;height: 50px;text-align: center;border: 1px solid #ddd;}
.lr .box .r form .li .all_bt{float: left;width: 100%;line-height: 50px;background: none;color: #666;border: none;border-radius: 6px;font-size: 18px;height: 50px;text-align: center;border: 1px solid #eee;}
.lr .box .r form .li .submit{float: left;width: 100%;line-height: 50px;background:linear-gradient(to right,var(--colorone_linear),var(--colorone));color: #fff;border: none;border-radius: 6px;font-size: 18px;height: 50px;font-weight: bold;transition: 0.5s;}
.lr .box .r form .li .submit:hover{box-shadow: 0 15px 10px rgba(0,0,0,0.05);}
.lr .box .r form .li .orther{float: left;width: 100%;text-align: center;}
.lr .box .r form .li .orther .tes{float: left;width: 100%;color: #666;line-height: 20px;background: #ddd;border-radius: 6px;padding: 15px 10px;margin-top: 10px;}
.lr .box .r form .li .orther .te{float: left;width: 100%;color: #aaa;line-height: 20px;}
.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: 60px;}
.lr .box .r form .li .orther .icons{width: 60px;height: 60px;border-radius: 100%;text-align: center;display: inline-block;line-height: 54px;font-size: 28px;color: var(--colorone);margin-bottom: 10px;border:3px solid var(--colorone)}
.lr .box .r form .li .orther .icons span{float: none;margin:0;}
.lr .box .r form .li .orther #login_wx_m{display: none;}
.lr{float: left;width: 100%;background: none;}
.lr .box{width: 100%;padding: 0 20px;float: left;}
.lr .box .l{padding:30px 20px 30px;background:var(--colorone);margin-bottom: 20px;border-radius:15px;width: 100%;position: relative;}
.lr .box .l img{height: 24px;}
.lr .box .r{float: right;width: 100%;padding:0px;height: auto;background: none;box-shadow: none;border: none;margin: 0}
.lr .box .r .t{background: #fff;border-radius:6px;border: none;height: 63px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.lr .box .r .t a{position: relative;}
.lr .box .r .t a span{line-height: 58px;}
.lr .box .r .t a i{height: 5px;}
.lr .box .r .t a.cur::before{content: " ";border-bottom: 16px solid #fff;position: absolute;width: 0;height: 0;border-right: 20px solid transparent;border-left: 20px solid transparent;margin-top: -15px;}
.lr .box .r form{margin-top: 20px;}
.lr .box .r form .li{margin-bottom: 20px;}
.lr .box .r form .li .span{width: 100%;display: none;}
.lr .box .r form .li .input{width: 100%;height: 56px;border-radius: 4px;border:none;}
.lr .box .r form .li .select{border:none;width: auto;}
.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;border: none;}
.lr .box .r form .li .div-phone a{width: 30%;height: 56px;line-height: 56px;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: 10px;text-align: center;}
.lr .box .r form .li .orther a{color: #aaa}
.lr .box .r form .li .submit{margin-top: 0;line-height: 60px;height: 60px;padding: 0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

.lr .box .r form .li .go{border: none;background: #fff;color: #666;box-shadow: 0 10px 10px rgba(0,0,0,0.02);}
.lr .box .r form .li .div_code{float: left;flex: 1;display: flex;flex-direction: row;}
.lr .box .r form .li .div_code a{top: 10px;right: 10px;}
.lr .box .copyright{margin:0px 0 30px;color: #ddd;border-top: 1px dashed #e5e5e5;padding-top: 20px;}
.lr .box .copyright a{color: #ddd;}
@media (max-width: 768px) {
    .lr .box .r form .li .orther #login_wx_m{display: inline-block;}
    .lr .box .r form .li .orther #login_wx_pc{display: none;}
}


.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;display: none;}
.lrBottom .box{width: 1200px;margin: 0 auto;color: #aaa;line-height: 80px;}
@media (max-width: 768px) {
.lrBottom{display: none;}
}

.regtip{float: left;margin-top: 20px;margin-bottom: 0;}

.lrm{float: left;width: 100%;float: left;display: none;}
.lrm .box{width: 100%;padding: 70px 20px 20px;float: left;}
.lrm .box .ul{float: left;width: 100%;line-height: 44px;font-size: 14px;height: 44px;margin-bottom: 20px;background: #fff;border-radius: 44px;}
.lrm .box .ul li{float: left;width: 50%;text-align: center;color: #666;height: 44px;}
.lrm .box .ul li.hover{color: #fff;background: #666;border-radius: 44px;}
.lrm .box .r{float: right;width: 100%;}
.lrm .box .r form{float: left;width: 100%;}
.lrm .box .r form .li{float: left;width: 100%;margin-bottom: 20px;}
.lrm .box .r form .li label{float: left;margin-bottom: 0}
.lrm .box .r form .li label .checkbox{float: left;margin: 10px 10px 0 0;}
.lrm .box .r form .li label span{float: left;line-height: 44px;}
.lrm .box .r form .li .span{float: left;width: 100%;line-height: 44px;color: #555;margin-right: 10px;}
.lrm .box .r form .li .input{float: left;width: 100%;line-height: 30px;border:1px solid #ddd;margin: 0;padding: 0 10px;height: 44px;border-radius: 4px;}
.lrm .box .r form .li .div-phone{float: left;width: 100%;}
.lrm .box .r form .li .div-phone .tel{float: left;width: 60%;line-height: 44px;border:1px solid #ddd;margin: 0;border-right: none;border-radius: 4px 0 0 4px;}
.lrm .box .r form .li .div-phone a{float: right;background: #fa0;height: 44px;border-radius: 0 4px 4px 0;line-height: 44px;width: 40%;color: #fff;text-align: center;}
.lrm .box .r form .li .div-phone .error{float: left;width: 100%;background: #eee;line-height: 26px;margin-top: 0;text-indent: 10px;}
.lrm .box .r form .li .code{float: left;width: 60%;line-height: 44px;border:1px solid #ddd;border-right: none;}
.lrm .box .r form .li #code{float: right;height: 44px;border:1px solid #ddd;border-left: none;cursor: pointer;padding: 2px;width: 40%;overflow: hidden;}
.lrm .box .r form .li .verify{float: left;height: 44px;width: 120px;}
.lrm .box .r form .li .all_bt{float: left;width: 100%;line-height: 44px;background: none;color: #666;border: none;border-radius: 6px;font-size: 16px;height: 44px;text-align: center;border: 1px solid #ddd;}
.lrm .box .r form .li .submit{float: left;width: 100%;line-height: 44px;background: #1ac34f;color: #fff;border: none;border-radius: 6px;font-size: 16px;height: 44px;border-radius: 4px;}
@media (max-width: 768px) {
.lrm{display: block;}
}

.okbox{float: left;width: 100%;background:#f4f4f4;padding: 60px 0;}
.okbox .box{width: 100%;float: left;}
.okbox .box .title{width: 100%;float: left;background: #fff;padding: 20px;line-height: 30px;border-radius: 10px;margin-bottom:20px;}
.okbox .box .title p{width: 100%;float: left;color: var(--colorone);line-height: 40px;font-size: 18px;}
.okbox .box .title span{width: 100%;float: left;color: #999;line-height: 30px;font-size: 14px;}
.okbox .box .one{width: 40%;float: left;background: #fff;border-radius: 10px;}
.okbox .box .one .img{float: left;width: 100%;padding:30px 30%;}
.okbox .box .one .img img{float: left;width: 100%;}
.okbox .box .one .imgtext{float: left;width: 100%;background: var(--colorone);color: #fff;padding: 20px;line-height: 24px;border-radius: 0 0 10px 10px;}
.okbox .box .two{width: 58%;float: right;background: #fff;border-radius: 10px;padding: 20px;}
.okbox .box .two b{float: left;width: 100%;line-height: 50px;font-size: 18px;color: #d00;font-weight: normal;}
.okbox .box .two p{float: left;width: 100%;line-height: 30px;font-size: 14px;color: #666;font-weight: normal;}
@media (max-width: 768px) {
.okbox{float: left;width: 100%;background:#f4f4f4;padding: 60px 20px 20px;}
.okbox .box{width: 100%;float: left;}
.okbox .box .title{width: 100%;float: left;background: none;padding: 0;line-height: 30px;border-radius: 0px;margin-bottom:10px;}
.okbox .box .title p{width: 100%;float: left;color: var(--colorone);line-height: 20px;font-size: 15px;}
.okbox .box .title span{width: 100%;float: left;color: #999;line-height: 30px;font-size: 12px;}
.okbox .box .one{width: 100%;float: left;background: #fff;border-radius: 10px;margin-bottom: 20px;}
.okbox .box .one .img{float: left;width: 100%;padding:20px 25%;}
.okbox .box .one .img img{float: left;width: 100%;}
.okbox .box .one .imgtext{float: left;width: 100%;background: var(--colorone);color: #fff;padding: 15px 20px;line-height: 20px;border-radius: 0 0 10px 10px;font-size: 12px;}
.okbox .box .two{width: 100%;float: right;background: #fff;border-radius: 10px;padding: 10px 20px;}
.okbox .box .two b{float: left;width: 100%;line-height: 40px;font-size: 15px;color: #d00;font-weight: normal;}
.okbox .box .two p{float: left;width: 100%;line-height: 20px;font-size: 12px;color: #666;font-weight: normal;}
}