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

.lrTop{float: left;width: 100%;height: 120px;background: #00c5d1}
.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;}
}

/*langwu added on 2024-04-17*/
.lr_user{float: left;width: 100%;margin: 180px 0 100px;text-align: center;}
.lr_modal{margin:auto;}
.lr_user .box{width: 600px;margin: 0 auto;background: #fff;display: inline-block;padding: 40px 80px;}
.lr_user.lr_modal .box{padding:0px 68px;}
#userTypeModal .lr_user.lr_modal .box{padding:50px 0;}
.lr_user .box .t{float: left;width: 100%;text-align: center;}
.lr_user .box .t b{float: left;width: 100%;font-size: 24px;line-height: 40px;font-family: 'AlibabaPuHuiTi'}
.lr_user .box .t p{float: left;width: 100%;font-size: 15px;line-height: 30px;color: #999;}
.lr_user .box .activationcode{float: left;width: 100%;padding:20px;text-align: left;background: #fafafa;border-radius: 4px;margin-top: 10px;}
.lr_user .box .activationcode span{float: left;line-height: 24px;font-size: 14px;color: #aaa;width: 100%;margin-bottom: 10px;}
.lr_user .box .activationcode span#resend{display: grid;margin: 20px 0 40px 0;/* float: left; */place-items: center;}
.lr_user .box .activationcode span#resend a{padding: 10px 30px;background: #169BD5;color: #fff;border-radius: 5px;}
.lr_user .box .activationcode span#resend a:hover{font-weight: bold;}
.lr_user .box .activationcode span#mailto a{color: #169BD5;}
.lr_user .box .activationcode span#mailto a:hover{font-weight: bold;}
.lr_user .box form{float: left;width: 100%;text-align:left;}
.lr_user .box form .forget{float: left;width: 100%;color: #666;line-height: 30px;text-align: left;}
.lr_user .box form .li{float: left;width: 100%;margin: 20px 0 0 0;position: relative;}
.lr_user .box form .li.half{float: left;width: 48%;}
.lr_user .box form .li.fr{float: right;}
.lr_user .box form .all{width: 100%;}
.lr_user .box form .pwdsetinfo{width: 100%;line-height: 40px;padding: 0 0 0 20px;text-align: left;color: #aaa;}
.lr_user .box form .pwdsetinfo a{color: #aaa;font-weight: normal;line-height: 15px;}
.lr_user .box form .li .title{float: left;width: 100%;line-height: 30px;/* font-size: 15px; *//* font-weight: bold; *//* font-family: 'AlibabaPuHuiTi'; *//* color: #000; */}
.lr_user .box form .li label{float: left;margin-bottom: 0}
.lr_user .box form .li label .checkbox{float: left;margin: 17px 10px 0 0;}
.lr_user .box form .li label span{float: left;line-height: 48px;}
.lr_user .box form .li .tip{line-height: 40px;}
.lr_user .box form .li .price{line-height: 40px;font-size: 20px;color: #d00;font-weight: bold;float: left;}
.lr_user .box form .li .input{float: left;width: 100%;line-height: 30px;border: 1px solid #000;margin: 0;padding: 0 10px;height: 40px;/* color: #000; */}
.lr_user .box form .li .input:focus{border-color:var(--themethree);}
.lr_user .box 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_user .box form .li .submit{float: right;width: 40%;line-height: 40px;background: var(--themeone);color: #fff;border: none;font-size: 20px;height: 40px;font-family: 'AlibabaPuHuiTi';margin-bottom: 10px;}
.lr_user .box .submit:hover{color:#ccd8dd;}
.lr_user .box form#reg .li .password{padding-right: 50px;}
.lr_user .box form#reg .li #password-error{color: #000000;}
form .li .show_password {position: absolute;right: 10px; height: 18px;top: 12px;cursor: pointer;}
.lr_user .box form label#tel-error{margin: 0px;}
.lr_user .box form .li .reg_recaptcha_new {position: absolute;z-index: 1000;right: 15%;top: -8px;}
.lr_user .box form .li .loginseeprice_recaptcha {position: absolute;z-index: 1000;right: 15%;top: 10px;}
.lr_user .box form .li .w100{width: 100%;}
.lr_user .box form .create_account span{float:left;text-align: center;}
.lr_user .box form .create_account span.w30{width: 30%;}
.lr_user .box form .create_account span.w40{width: 40%;}
.lr_user .box form .create_account span.w20{width: 20%;}
.lr_user .box form .create_account span.w60{width: 60%;}
.lr_user .box form .create_account span.first{text-align: left;}
.lr_user .box form .create_account span.center{display:flex;justify-content: center;}
.lr_user .box form .create_account span.last{text-align: right; padding-right: 5px; }
.lr_user .box form .create_account span a{color:#169BD5;color: var(--themefive);font-size: 15px;font-weight: bold;font-family: 'AlibabaPuHuiTi';}
.lr_user .box form .create_account span a:hover{color:#25283c;}
.lr_user .box form .create_account .submit{/*background: #169BD5;*/border: 0;margin-top:-10px;width: auto;font-size: 16px;}
.lr_user .box form#loginSeePrice .create_account{margin-top:50px;}
.lr_user .box form .confirm .first{display: grid;place-items: center;}
.lr_user .box form .confirm .last{position: absolute;right: 25px;top: 10px;}
.lr_user .box form .confirm .last a{color: var(--themefive);}
.lr_user .box form .confirm .last a:hover{color:#25283c;}
.lr_user .box form .li .reg{float: left;line-height: 40px;color: var(--themefive);font-family: 'AlibabaPuHuiTi';font-size: 15px;}
.lr_user .box form .li .reg:hover{color:#25283c;}
.lr_user .box form .orther{float: left;width: 100%;text-align: center;line-height: 16px;margin: 10px 0 0;display: flex;}
.lr_user .box form .orther input{float: left;margin-right: 3px;}
.lr_user .box form .orther span{float: left;flex: 1;text-align: left;}
.lr_user .box form .orther a{color:#007bff;}
.lr_user .box form .tips{float: left;width: 100%;padding: 0 0 0 18px;color: #f00;border-radius: 4px;/*margin-top: 5px;*/display: block;}
.lr_user .box .tab-content {display: none;}
.lr_user .box .tabs{list-style: none; width: 100%; height: 150px;margin-top: 30px;float: left;}
.lr_user .box .tabs li.tab-button{width: 33.3%;float: left; cursor: pointer;display: flex;justify-content: center;flex-wrap: wrap;}
.lr_user .box .tabs li.tab-button .icons{width: 100px; height: 100px; background: rgba(242, 242, 242, 1);display: flex; justify-content: center; align-items: center;}
#userTypeModal .lr_user .box .tabs li.tab-button .icons:hover{border:1px solid #817c7c;}
.lr_user .box .tabs li.tab-button .names{padding-top:20px; display:inline-block; justify-content: center; width: 100%;}
.lr_user .box .tabs li.active{background: none;}
.lr_user .box .tabs li.active .icons{border:1px solid #817c7c;}
.lr_user .box .tab-contents .active{display: block;}
.lr_user .box .tab-contents .titles{line-height: 30px;}
.lr_user .box #envelope{margin: 30px 0 30px 0;width: 100%;float: left;display: grid;place-content: center;}
.lr_user .box #okay{display: grid;place-content: center;width: 100%;}
.lr_user .box #okay .submit{background: var(--themeone);font-family: 'AlibabaPuHuiTi';}
.lr_user .box form .li_agreement a{color: var(--themefive);}
.lr_user .box form .li_agreement a:hover{font-weight: bold;color: #0a0a0a;}
.lr_user.my_account_lr{margin:0;border: 0px solid #000;width: auto;}
.lr_user.my_account_lr .box{background: none;}
.lr_user .box .custom-button{margin-top: 20px;display: inline-flex;gap:80px;}
.main_content{float: left;width: 50%;}
.main_content .lr .box{width: 100%;padding:10px 30px;}
.main_content .box .t{height: auto; border-bottom: 0px solid #eee; margin-top: 0px;}
.main_content .box .t b{border:0px; height: auto;}
.mainWrap .cons .mainBar .titles{border: 0;}

.lr_user .box  .oauth_sign{text-align: center;float: left;margin: 20px 0 0 0px;position: relative;width: 100%;}
.lr_user .box  .oauth_sign .text{font-size: 16px;}
.lr_user .box  .oauth_sign .icons a{margin-left: 15px;}
.lr_user .box  .oauth_sign .line-login{width: 32px;}
.lr_user .box  .dots{margin: 20px 0 0 0;display: inline-block;}
.lr_user .box  .dots img{padding:0 10px;}
.lr_user .box #error_message{color:red;font-size: 18px;padding-bottom: 10px;}
.user .modal-dialog{justify-content: center; align-items: center;}
.user .modal-dialog .modal-title{font-family: 'AlibabaPuHuiTi';}
.user .modal-content{width:640px;height:auto;margin-left:-68px;}
.user .modal-footer{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: 0 0 0 ;color: #aaa;font-size: 12px;text-align: center;}
.error_message{color: red;font-weight: bold;}
.lrBottom{float: left;width: 100%;height: 120px;}
.lrBottom .box{width: 1200px;margin: 0 auto;color: #aaa;line-height: 30px;}

.shake {
    animation: shake 800ms ease-in-out;
}
@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(+2px, 0, 0); }
    30%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(+4px, 0, 0); }
    50% { transform: translate3d(-4px, 0, 0); }
}

form input,form select{border-radius: 5px;}
.error{padding-top: 3px;margin: 0px;}
/* .modal-content * {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}*/
#confirmModal .modal-body{justify-content: center;display: flex;}
.button_style{font-size: 16px;font-family: 'AlibabaPuHuiTi';background: var(--themeone);color: #fff;border:0; display: none;}
#confirmModal button a{color: #fff;}

@media (max-width: 768px) {
    .main_content{float: left;width: 100%;}
    .lr_user{float: left;width: 100%;background: none;margin-top:90px;}
    .modal-body .lr_user{margin-top:0;}
    .lr_user .box{padding:0; height: auto;background: none;box-shadow: none;border: none;margin-top: 0px;width: 100%;}
    .lr_user .box .t b{float: left;width: 100%;font-size: 24px;line-height: 40px;font-family: 'AlibabaPuHuiTi'}
    .lr_user .box .t p{float: left;width: 100%;font-size: 13px;line-height: 20px;color: #999;}
    .lr_user .box form{margin-top: 25px;padding:0 15px;}
    .modal-body .lr_user .box form{padding: 0;}
    .lr_user .box form .li{width:100%;margin: 0 0 20px 0;}
    .lr_user .box form .li_agreement{margin: 0px;}
    .lr_user .box form .li .span{width: 100%;display: none;}
    .lr_user .box form .li .input{width: 100%;}
    .lr_user .box form .li .submit{margin-top: 0;}
    .lr_user .box form .create_account{margin-top:30px;}
    .lr_user .box form .create_account .submit{margin-top:-10px;font-size: 14px;}
    .lr_user .box form .li .reg_recaptcha_new {right: 6%;top: -8px;}
    .lr_user .box form#personalized .li.half{width:100%;}
    .lr_user .box .oauth_sign{margin: 0;}
    .lrBottom{display: none;}
    .user .modal-content{width: 100%;margin: 0;}
    .user .modal-dialog .modal-title{font-size: 18px;}
    .lr_user.lr_modal .box{padding: 0;}
    .modal-dialog{margin: 0;}
}