/*.role_tips START*/
.role_tips{}
/*.role_tips .mc START*/
.role_tips .mc{position: absolute; width: 6.25rem; height: 11.61rem; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
.role_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 11.61rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/role_bg.png); }
.role_tips .mc .title{position: absolute; width: 100%; text-align: center; top: 0.25rem; font-size: 0.32rem; font-weight: bold; color: #fce5c1; }
.role_tips .mc .txt{    position: absolute;
    width: 5rem;
    height: 8.8rem;
    top: 1.1rem;
    left: 0;
    color: #b59d89;
    font-size: 0.28rem;
    line-height: 0.42rem;
    right: 0;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.1rem; }
    .role_tips .mc .txt .t{
        font-weight: bold;
        margin-top: 0.2rem;
        text-align: center;
    }
    .role_tips .mc .txt img{
        max-width: 100%;
    }
.role_tips .mc .close_button2{position: absolute; line-height: 1.1rem; font-size: 0.28rem; text-align: center; color: #f1ddb5; font-weight: bold; width: 3.81rem; height: 1.03rem; top: 10.0rem; left: 0; right: 0; margin: 0 auto; background-image: url(../img/en/return.png); }
.role_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }

/*.prize_tips START*/
.prize_tips{}
/*.prize_tips .mc START*/
/* .prize_tips .mc{position: absolute; width: 6.44rem; height: fit-content; top: 4.3rem; left: 0.53rem;}
.prize_tips .mc .mc_bg{position: absolute; width: 6.44rem;     height: 100%;
    min-height: 5.34rem; top: 0.0rem; left: 0.0rem; display: flex; flex-direction: column; justify-content: flex-start; }
.prize_tips .mc .mc_bg .top{position: relative; width: 6.44rem; height: 1.99rem;     flex-shrink: 0;background-image: url(../img/prize_tips_mc_mc_top.png); }
.prize_tips .mc .mc_bg .middle{position: relative; width: 6.44rem; height: 100%;     background-size: 100% 100%; background-image: url(../img/prize_tips_mc_mc_middle.png); }
.prize_tips .mc .mc_bg .foot{position: relative; width: 6.44rem; height: 0.83rem;     flex-shrink: 0;background-image: url(../img/prize_tips_mc_mc_foot.png); } */
.prize_tips .mc{position: absolute; width: 6.25rem; height: 6.53rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.prize_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
.prize_tips .mc .list{    position: relative;
    width: 5.67rem;
    margin: 1.0rem auto 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 5rem;
    overflow-y: auto; }
.prize_tips .mc .list .item{position: relative; width: 100%; margin-bottom: 0.2rem; border-bottom: solid 0.01rem #736d67; padding-bottom: 0.2rem; }
.prize_tips .mc .list .item .name{    position: relative;
    width: 60%;
    margin-bottom: 0.05rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #000;
    margin-left: 0; }
.prize_tips .mc .list .item .desc{position: relative; width: 100%; font-size: 0.24rem; color: #383838; }
.prize_tips .mc .list .item .copy_button{position: relative; width: 100%; font-size: 0.24rem; color: #383838; font-weight: bold; }
.prize_tips .mc .list .item .address_button{position: absolute; height: 0.28rem;     top: 0.1rem;
    right: 0; background-image: url(../img/draw_name_bg.png); color: #fff; font-size: 0.24rem; 
    white-space: nowrap;
    background-color: #1a2c33;
    padding: 0 0.1rem; }
/* .prize_tips .mc .address{position: absolute; width: 1.84rem; height: 0.28rem; top: 3.02rem; left: 4.25rem; background-image: url(../img/prize_tips_mc_address_12.png); } */
/* .prize_tips .mc .close_button2{    position: relative;
    width: 3.46rem;
    height: 0.81rem;
    margin: 0.0rem auto 0.5rem; background-image: url(../img/role_tips_mc_close_button2_37.png); } */
/* .prize_tips .mc .close_button{position: absolute; width: 0.62rem; height: 0.61rem; background-image: url(../img/close.png); right: 0.2rem; top: 0.2rem; } */
.prize_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }

/*.end_tips START*/
.end_tips{}
/*.end_tips .mc START*/
.end_tips .mc{position: absolute; width: 6.44rem; height: 5.34rem; top: 4.0rem; left: 0.53rem;}
.end_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
.end_tips .mc .txt{    position: absolute;
    /* white-space: nowrap; */
    width: 5rem;
    top: 1.9rem;
    left: 0;
    color: RGB(82, 94, 99);
    font-size: 0.32rem;
    line-height: 0.4rem;
    right: 0;
    margin: 0 auto;
    text-align: center;}
    .end_tips .mc .txt span{
        font-weight: bold;
    }
.end_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }
.end_tips .mc .draw_button{position: absolute; width: 2.61rem; height: 0.74rem; top: 3.27rem; left: 3.2rem; font-size: 0.28rem; color: #f1ddb5; text-align: center; line-height: 0.7rem; font-weight: bold; background-image: url(../img/en/again.png); }
.end_tips .mc .again_button{position: absolute; width: 2.61rem; height: 0.74rem; top: 3.27rem; left: 0.36rem; font-size: 0.28rem; color: #f1ddb5; text-align: center; line-height: 0.7rem; font-weight: bold; background-image: url(../img/en/return.png); }
/* .end_tips .mc .more_button{position: absolute; width: 5.8rem; height: 0.7rem; top: 4.03rem; left: 0.3rem; background-image: url(../img/end_tips_mc_more_button_47.png); } */
.end_tips .mc .more_button{position: relative; font-size: 0.38rem; color: #f1ddb5; text-align: center; line-height: 1.45rem; font-weight: bold; width: 6.37rem; height: 1.33rem; margin: -0.2rem auto 0; background-image: url(../img/en/start_btn.png);         transform: scale(0.8) translate(-0.15rem, 0);
    left: 0;
    right: 0;
    top: 4rem; }

/*.msg_tips START*/
.address_tips{}
/*.address_tips .mc START*/
.address_tips .list{position: absolute;
    width: 100%;
    height: 4.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60%;
    top: 0.8rem; }
.address_tips .list .input_mc{position: relative; width: 100%; display: flex; flex-direction: column; }
.address_tips .list .input_mc .word{
    position: relative;
    font-size: 0.24rem;
    color: #5c4940;
}
.address_tips .list .input_mc input{
    position: relative;
    font-size: 0.24rem;
    color: #5c4940;
    background-color: #fff;
    line-height: 0.32rem;
}
.address_tips .mc{position: absolute; width: 6.25rem; height: 6.53rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.address_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
/* .address_tips .mc .name_input{position: absolute; width: 5rem; top: 2.75rem; left: 0; right: 0; margin: 0 auto; color: #000; font-size: 0.32rem; } */
/* .address_tips .mc .phone_input{position: absolute; width: 5rem; top: 4.25rem; left: 0; right: 0; margin: 0 auto; color: #000; font-size: 0.32rem; } */
/* .address_tips .mc .address_input{position: absolute; width: 5rem; top: 5.8rem; left: 0; right: 0; margin: 0 auto; color: #000; font-size: 0.32rem; } */
/* .address_tips .mc .post_button{position: absolute; width: 3.89rem; height: 0.85rem; top: 6.8rem; left: 0; right: 0; margin: 0 auto; background-image: url(../img/lijitijiao.png); } */
/* .address_tips .mc .close_button{position: absolute; width: 0.62rem; height: 0.61rem; background-image: url(../img/close.png); right: 0.2rem; top: 0.2rem; } */
.address_tips .mc .post_button{position: absolute; line-height: 1.1rem; font-size: 0.28rem; text-align: center; color: #f1ddb5; font-weight: bold; width: 3.81rem; height: 1.03rem; background-image: url(../img/en/return.png); left: 0; right: 0; margin: 0 auto; top: 5.3rem;
    transform: scale(0.7); }
.address_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }

/*.sure_tips START*/
.sure_tips{}
/*.sure_tips .mc START*/
.sure_tips .mc{position: absolute; width: 6.44rem; height: 7.18rem; top: 0; bottom: 0; margin: auto; left: 0; right: 0; }
.sure_tips .mc .mc_bg{position: absolute; width: 6.44rem; height: 7.18rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/sure_tips.png); }
.sure_tips .mc .txt{    position: absolute;
    /* white-space: nowrap; */
    width: 5rem;
    top: 2.0rem;
    left: 0;
    color: #8d3a36;
    font-weight: bold;
    font-size: 0.28rem;
    line-height: 0.4rem;
    right: 0;
    margin: 0 auto;
    text-align: center;}
.sure_tips .mc .txt span{
        font-weight: normal;
        color: #383838;
    }
.sure_tips .mc .help_txt{    position: absolute;
    font-size: 0.24rem;
    text-align: center;
    width: 100%;
    top: 5rem;
    opacity: 0.6; }
.sure_tips .mc .close_button{position: absolute; width: 0.62rem; height: 0.61rem; right: 0.2rem;
    top: 0.2rem; background-image: url(../img/close.png); }
.sure_tips .mc .return_button{position: absolute; width: 2.81rem; height: 0.7rem; background-image: url(../img/xiugai.png);     left: 0.3rem;
    top: 5.9rem; }
.sure_tips .mc .sure_button{position: absolute; width: 2.81rem; height: 0.7rem; background-image: url(../img/sure.png);     right: 0.3rem;
    top: 5.9rem;  }

.login_tips{}
.login_tips .bg{position: absolute; width: 100%; height: 100%; background-image: url(../img/en/bg2.jpg); background-size: 100%; opacity: 1 !important; }
.login_tips .mc{position: absolute; width: 6.45rem; height: 7rem; top: 4rem; left: 0; right: 0; margin: 0 auto; }
.login_tips .mc .msg{position: absolute; width: 6.44rem; height: 1.73rem; background-image: url(../img/login_msg.png); left: 0; right: 0; margin: 0 auto; }
.login_tips .mc .box{
    position: absolute;
    width: 6.23rem;
    height: 5.52rem;
    background-image: url(../img/en/login_box_2.png);
    top: 1.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: round;
}
.login_tips .box.normal{ background-image: url(../img/en/login_box.png);}
.login_tips .mc .box .line{    position: absolute;
    width: 0.01rem;
    height: 0.45rem;
    background-color: #000;
    opacity: 0.4;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0.5rem;}
.login_tips .mc .box .title{    position: absolute;
    width: 100%;
    height: 0.7rem;
    left: 0;
    top: 0.15rem;
    text-align: center;
    color: #fce5c1;
    font-size: 0.4rem;
    font-weight: bold;}
.login_tips .mc .box .logo{    position: absolute;
    cursor: pointer;
    width: 2.31rem;
    height: 0.7rem;
    left: 1rem;
    color: #af9885;
    top: 1rem;
    font-size: 0.28rem;
    text-align: center; }
.login_tips .mc .box .bili{    position: absolute;
    cursor: pointer;
    width: 2.31rem;
    height: 0.7rem;
    left: 3.5rem;
    color: #af9885;
    top: 1rem;
    font-size: 0.28rem;
    text-align: center; }
.login_tips .mc .box .logo.selected{color: #8d3a36; font-weight: bold; }
.login_tips .mc .box .bili.selected{color: #8d3a36; font-weight: bold; }
.login_tips .mc .box .name_input{position: absolute; width: 5rem; top: 2.15rem; left: 0; right: 0; margin: 0 auto; color: #000; font-size: 0.32rem; }
.login_tips .mc .box .psw_input{position: absolute; width: 5rem; top: 2.95rem; left: 0; right: 0; margin: 0 auto; color: #000; font-size: 0.32rem; }
.login_tips .mc .box .forget{position: absolute; font-size: 0.24rem; top: 3.8rem; left: 1.2rem; text-decoration: underline; color: #000; opacity: 0.6; }
.login_tips .mc .box .reg{position: absolute; font-size: 0.24rem; top: 3.8rem; left: 3.6rem;  text-decoration: underline; color: #000; opacity: 0.6; }
/* .login_tips .mc .box .login_btn{position: absolute; width: 3.89rem; height: 0.85rem; background-image: url(../img/login_btn.png); left: 0; right: 0; margin: 0 auto; top: 5.2rem; } */
.login_tips .mc .box .login_btn{position: absolute; cursor: pointer; left: 0; right: 0; margin: 0 auto;     top: 4.2rem;
    transform: scale(0.8); font-size: 0.38rem; color: #f1ddb5; text-align: center; line-height: 1.45rem; font-weight: bold; width: 6.37rem; height: 1.33rem; margin: -0.2rem auto 0; background-image: url(../img/en/start_btn.png); }
.login_tips .mc .box .btns{position: absolute; width: 5rem; top: 2.5rem; left: 0; right: 0; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-around; }
.login_tips .mc .box .btns .apple{position: relative; cursor: pointer; background-image: url(../img/en/apple.png); width: 1.26rem; height: 1.68rem; }
.login_tips .mc .box .btns .google{position: relative; cursor: pointer; background-image: url(../img/en/google.png); width: 1.26rem; height: 1.68rem; }
.login_tips .mc .box .btns .facebook{position: relative; cursor: pointer; background-image: url(../img/en/facebook.png); width: 1.26rem; height: 1.62rem; }

.login_fail_tips{}
.login_fail_tips .bg{position: absolute; width: 100%; height: 100%; background-image: url(../img/en/bg2.jpg); background-size: 100%; opacity: 1 !important; }
.login_fail_tips .mc{
    position: absolute;
    width: 6.23rem;
    height: 5.52rem;
    background-image: url(../img/en/login_box_2.png);
    top: 5.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: round;
}
/* .login_fail_tips .mc{position: absolute; width: 6.44rem; height: 5.34rem; background-image: url(../img/login_fail.png); top: 4.5rem; left: 0; right: 0; margin: 0 auto; } */
.login_fail_tips .mc .txt{    position: absolute;
    font-size: 0.24rem;
    top: 1.8rem;
    left: 0.6rem;
    width: 5rem;
    text-align: center;
    line-height: 0.4rem;
    color: #af9885;}
.login_fail_tips .mc .forget{position: absolute; font-size: 0.24rem; top: 3.6rem; left: 1.2rem; text-decoration: underline; color: #000; opacity: 0.6; }
.login_fail_tips .mc .reg{position: absolute; font-size: 0.24rem; top: 3.6rem; left: 3.6rem;  text-decoration: underline; color: #000; opacity: 0.6; }
.login_fail_tips .mc .ok_btn{position: absolute; cursor: pointer; left: 0; right: 0; margin: 0 auto;     top: 4.2rem;
    transform: scale(0.8);  font-size: 0.38rem; color: #f1ddb5; text-align: center; line-height: 1.45rem; font-weight: bold; width: 6.37rem; height: 1.33rem; margin: -0.2rem auto 0; background-image: url(../img/en/start_btn.png); }
/* .login_fail_tips .mc .close_btn{position: absolute; width: 0.62rem; height: 0.61rem; background-image: url(../img/close.png); right: 0.2rem; top: 0.2rem; } */

.job_tips{}
.job_tips .bg{position: absolute; width: 100%; height: 100%; background-image: url(../img/en/job_bg.jpg); background-size: 100%; }
.job_tips.show .bg{opacity: 1; }
.job_tips .mc{position: absolute; width: 7.5rem; height: 100%; top: 0.5rem; left: 0; right: 0; margin: 0 auto; }
.job_tips .mc .times_txt{    position: absolute;
    top: 1.92rem;
    left: 0;
    width: 100%;
    color: #e7bf82;
    font-size: 0.24rem;
    font-weight: bold;
    text-align: center;}
.job_tips .mc .gold_txt{    position: absolute;
    top: 2.3rem;
    left: 0;
    color: #b89d72;
    font-size: 0.24rem;
    right: 0;
    margin: 0 auto;
    width: 6rem;
    text-align: center;
    font-weight: bold;}
.job_tips .mc .gold_txt span{color: #c8542a; }
/* .job_tips .mc .draw_button{position: absolute; width: 6.68rem; height: 0.8rem; background-image: url(../img/job_draw_button.png); left: 0; right: 0; margin: 0 auto; top: 3.9rem; } */
.job_tips .mc .draw_button{position: absolute; font-size: 0.38rem; color: #f1ddb5; text-align: center; line-height: 1.45rem; font-weight: bold; width: 6.37rem; height: 1.33rem; margin: -0.2rem auto 0; left: 0; right: 0; top: 2.7rem; background-image: url(../img/en/start_btn.png); }
.job_tips .mc .job_list{    position: absolute;
    width: 6.55rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 5.0rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
.job_tips .mc .job_list .job{position: relative; width: 6.55rem; height: 1.16rem; background-image: url(../img/en/job_open.png); margin-bottom: 0.2rem; }
.job_tips .mc .job_list .job .t1{position: absolute; font-size: 0.3rem; font-weight: bold; color: #000;     top: 0.15rem;
    left: 0.3rem; }
.job_tips .mc .job_list .job .t2{    position: absolute;
    font-size: 0.24rem;
    color: #9e3a35;
    top: 0.55rem;
    left: 0.3rem;
    width: 5.0rem;
    transform: scale(0.8);
    transform-origin: top left; }
.job_tips .mc .job_list .job.done{background-image: url(../img/en/job_finish.png); }
.job_tips .mc .job_list .job.done .t1{color: #383838; }
.job_tips .mc .job_list .job.done .t2{color: #736d67; }
.job_tips .mc .close_btn{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: -0.5rem; }
/* .job_tips .mc .close_btn{position: absolute; width: 0.62rem; height: 0.61rem; background-image: url(../img/close.png); right: 0.2rem; top: 0.2rem; } */
.job_tips .prize_button{position: absolute; width: 2.61rem; height: 0.74rem; font-size: 0.28rem; color: #f1ddb5; text-align: center; line-height: 0.7rem; font-weight: bold; top: 3.9rem; left: 0; right: 0; margin: 0 auto; background-image: url(../img/en/return.png); }
.job_tips .job .finish_word{display: none; }
.job_tips .job.done .finish_word{display: block; }
.job_tips .job .open_word{display: block; }
.job_tips .job.done .open_word{display: none; }
.job_tips .job .finish_word{position: absolute; width: 2rem; font-size: 0.24rem; text-align: center;    left: 4.3rem;
    top: 0.4rem; color: #5c4940; font-weight: bold; }
.job_tips .job .open_word{position: absolute; width: 2rem; font-size: 0.24rem; text-align: center;     left: 4.3rem;
    top: 0.4rem;color: #e38852; font-weight: bold; }

/*.msg_tips START*/
.msg_tips{}
/*.msg_tips .mc START*/
.msg_tips .mc{position: absolute; width: 6.25rem; height: 6.53rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.msg_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
.msg_tips .mc .txt{    position: absolute;
    width: 5rem;
    top: 2.3rem;
    font-weight: bold;
    left: 0;
    color: #b59d89;
    font-size: 0.32rem;
    line-height: 0.4rem;
    right: 0;
    margin: 0 auto;
    text-align: center;}
.msg_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }
/* .msg_tips .mc .close_button{position: absolute; width: 0.62rem; height: 0.61rem;     right: 0.2rem;
    top: 0.2rem; background-image: url(../img/close.png); } */
.msg_tips .mc .close_button2{position: absolute; line-height: 1.1rem; font-size: 0.28rem; text-align: center; color: #f1ddb5; font-weight: bold; width: 3.81rem; height: 1.03rem; background-image: url(../img/en/return.png); left: 0; right: 0; margin: 0 auto; top: 4.5rem; }

/* .help_tips{}
.help_tips .mc{position: absolute; width: 6.44rem; height: 5.34rem; top: 4.0rem; left: 0.53rem;}
.help_tips .mc .mc_bg{position: absolute; width: 6.44rem; height: 5.34rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/help_tips.png); }
.help_tips .mc .title{    position: absolute;
    white-space: nowrap;
    width: 5rem;
    top: 1.6rem;
    left: 0;
    color: #000;
    font-size: 0.32rem;
    line-height: 0.4rem;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;}
.help_tips .mc .sub_txt{    position: absolute;
    white-space: nowrap;
    width: 5rem;
    top: 2.2rem;
    left: 0;
    color: #000;
    font-size: 0.28rem;
    line-height: 0.4rem;
    right: 0;
    margin: 0 auto;
    text-align: center; }
.help_tips .mc .close_button{position: absolute; width: 0.62rem; height: 0.61rem;     right: 0.2rem;
    top: 0.2rem; background-image: url(../img/close.png); }
.help_tips .mc .close_button3{position: absolute; width: 5.8rem; height: 0.7rem; background-image: url(../img/woyeyaowan.png); left: 0; right: 0; margin: 0 auto; top: 4rem; }
.help_tips .mc .close_button2{position: absolute; width: 5.8rem; height: 0.7rem; background-image: url(../img/fanhuiyouxi.png); left: 0; right: 0; margin: 0 auto; top: 4rem; } */

/*.msg_tips START*/
.help_tips{}
/*.help_tips .mc START*/
.help_tips .mc{position: absolute; width: 6.25rem; height: 6.53rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.help_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
.help_tips .mc .sub_txt{    position: absolute;
    width: 5rem;
    top: 2.5rem;
    font-weight: bold;
    left: 0;
    color: #b59d89;
    font-size: 0.32rem;
    line-height: 0.4rem;
    right: 0;
    margin: 0 auto;
    text-align: center;}
.help_tips .mc .title{    position: absolute;
    width: 5rem;
    top: 1.4rem;
    font-weight: bold;
    left: 0;
    color: #5c4940;
    font-size: 0.36rem;
    line-height: 0.4rem;
    right: 0;
    margin: 0 auto;
    text-align: center;}
.help_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }
/* .help_tips .mc .close_button{position: absolute; width: 0.62rem; height: 0.61rem;     right: 0.2rem;
    top: 0.2rem; background-image: url(../img/close.png); } */
.help_tips .mc .close_button2{position: absolute; line-height: 1.1rem; font-size: 0.28rem; text-align: center; color: #f1ddb5; font-weight: bold; width: 3.81rem; height: 1.03rem; background-image: url(../img/en/return.png); left: 0; right: 0; margin: 0 auto; top: 4.5rem; }
.help_tips .mc .close_button3{position: absolute; line-height: 1.1rem; font-size: 0.28rem; text-align: center; color: #f1ddb5; font-weight: bold; width: 3.81rem; height: 1.03rem; background-image: url(../img/en/return.png); left: 0; right: 0; margin: 0 auto; top: 4.5rem; }

/*.draw_tips START*/
.draw_tips{}
.draw_tips .pet{position: absolute; width: 2.11rem; height: 2.13rem; background-image: url(../img/en/pet.png); top: 1.3rem; left: 0.5rem; pointer-events: none; }
/*.draw_tips .mc START*/
.draw_tips .mc{position: absolute; width: 6.44rem; height: 5.34rem; top: 4.0rem; left: 0.53rem;}
.draw_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
/* .draw_tips .mc .mc_bg{position: absolute; width: 6.44rem; height: 5.34rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/draw_bg.png); } */
.draw_tips .mc .title{    position: absolute;
    white-space: nowrap;
    top: 1.3rem;
    left: 3.2rem;
    color: #000;
    font-size: 0.32rem;
    line-height: 0.4rem;
    font-weight: bold; }
.draw_tips .mc .help_txt{    position: relative;
    width: 2.8rem;
    margin-top: 0.1rem;
    margin-left: 3.2rem;
    color: #525e63;
    font-size: 0.24rem;
    line-height: 0.32rem; }
.draw_tips .mc .help_txt .copy_button{
        -webkit-user-select: text;
        font-weight: bold;
    }
.draw_tips .mc .name{    position: relative;
    /* white-space: nowrap; */
    min-width: 2.23rem;
    background-image: url(../img/draw_name_bg.png);
    background-size: 100% 100%;
    /* height: 0.44rem; */
    line-height: 0.44rem;
    margin-top: 1.2rem;
    margin-left: 3.2rem;
    color: #fff;
    padding: 0 0.2rem 0 0.1rem;
    font-size: 0.24rem;
    text-align: center;
    max-width: 1.2rem;
    min-height: 0.44rem; }
            .draw_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }
/* .draw_tips .mc .close_button{position: absolute; width: 0.62rem; height: 0.61rem;     right: 0.2rem; top: 0.2rem; background-image: url(../img/close.png); } */
.draw_tips .mc .buttons{position: absolute; width: 6.0rem; height: 0.7rem; display: flex; flex-direction: row; justify-content: space-around; left: 0; right: 0; margin: 0 auto; top: 4rem; flex-wrap: wrap; }
/* .draw_tips .mc .buttons .address_button{position: relative; width: 2.81rem; height: 0.7rem; background-image: url(../img/address_btn.png); }
.draw_tips .mc .buttons .again_button{position: relative; width: 2.81rem; height: 0.7rem; background-image: url(../img/zaichouyici.png); }
.draw_tips .mc .buttons .close_button2{position: relative; width: 2.81rem; height: 0.7rem; background-image: url(../img/small_fanhui.png); } */
.draw_tips .mc .buttons .address_button{position: relative; width: 2.61rem; height: 0.74rem; font-size: 0.28rem; color: #f1ddb5; text-align: center; line-height: 0.7rem; font-weight: bold; background-image: url(../img/en/again.png); }
.draw_tips .mc .buttons .again_button{position: relative; width: 2.61rem; height: 0.74rem; font-size: 0.28rem; color: #f1ddb5; text-align: center; line-height: 0.7rem; font-weight: bold; background-image: url(../img/en/return.png); }
.draw_tips .mc .buttons .close_button2{position: relative; font-size: 0.38rem; color: #f1ddb5; text-align: center; line-height: 1.45rem; font-weight: bold; width: 6.37rem; height: 1.33rem; margin: -0.2rem auto 0; background-image: url(../img/en/start_btn.png);         transform: scale(0.8) translate(-0.15rem, 0);}

.share_tips .pic{position: absolute; width: 2.24rem; height: 1.87rem; background-image: url(../img/share.png); top: 0.5rem; right: 0.5rem; }
.share_tips .link_txt{    position: absolute;
    width: 6rem;
    color: #fff;
    font-size: 0.24rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 2rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: text; }
.share_tips .help_txt{    position: absolute;
    width: 6rem;
    color: #fff;
    font-size: 0.24rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 3.5rem; }
.share_tips .copy_button{    position: absolute;
    color: #fff;
    font-size: 0.24rem;
    text-decoration: underline;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 2.5rem;
    font-weight: bold;
    text-align: center;}
.share_tips .mc_bg{position: absolute; width: 7.5rem; height: 4.43rem; background-image: url(../img/en/share_bg.png); top: 0.85rem; left: 0; }

.guide1_tips .pic{position: absolute; width: 2.38rem; height: 1.29rem; background-image: url(../img/guide1.png);     top: 9rem;
    right: 0.1rem;}

.guide2_tips .pic{position: absolute; width: 3.9rem; height: 1.7rem; background-image: url(../img/guide2.png);     top: 8rem;
    left: 3rem;
margin: 0 auto; right: 0; }

.guide3_tips .pic{position: absolute; width: 3.04rem; height: 3.65rem; background-image: url(../img/guide3.png); top: 5rem; left: 0; margin: 0 auto; right: 0; }

.box_tips .box{position: absolute; width: 2.42rem; height: 2.21rem; background-image: url(../img/box.png); left: 0; bottom: 0; top: 0; right: 0; margin:  auto; }
.box_tips.show .box{animation: boxMove 1s 1 linear both;}

/*.msg_tips START*/
.select_server_tips{}
/*.select_server_tips .mc START*/
.select_server_tips .help_txt{position: relative; width: 80%; color: #ff0000; text-align: center; font-size: 0.24rem; }
.select_server_tips .mc{position: absolute; width: 6.25rem; height: 6.53rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.select_server_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
.select_server_tips .mc .list{
    position: relative;
    width: 4rem;
    margin: 0.3rem auto 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.select_server_tips .mc .list .button{
    position: relative;
    background-color: #dcd4c7;
    color: #b09683;
    font-size: 0.32rem;
    line-height: 0.6rem;
    width: 100%;
    margin: 0.1rem auto;
    text-align: center;
}
.select_server_tips .mc .list .button.selected{
    background-color: #e2c5ae;
    font-weight: bold;
}
.select_server_tips .mc .title{
    position: relative;
    font-size: 0.4rem;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 0.4rem;
    margin-top: 0.3rem;
}
.select_server_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }
/* .select_server_tips .mc .close_button{position: absolute; width: 0.62rem; height: 0.61rem;     right: 0.2rem;
    top: 0.2rem; background-image: url(../img/close.png); } */
.select_server_tips .mc .confirm_button{position: relative; transform: scale(0.7); line-height: 1.1rem; font-size: 0.28rem; text-align: center; color: #f1ddb5; font-weight: bold; width: 3.81rem; height: 1.03rem; background-image: url(../img/en/return.png); left: 0; right: 0; margin: 0 auto; }

.uid_sure_tips{}
/*.uid_sure_tips .mc START*/
.uid_sure_tips .mc{position: absolute; width: 6.25rem; height: 6.53rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.uid_sure_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
.uid_sure_tips .mc .word{
    position: relative;
    width: 4rem;
    margin: 1.2rem auto;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-around; */
    color: #b09683;
    font-size: 0.32rem;
    line-height: 0.6rem;
    text-align: center;
}
.uid_sure_tips .mc .title{
    position: relative;
    font-size: 0.4rem;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 0.4rem;
    margin-top: 0.3rem;
}
.uid_sure_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }
.uid_sure_tips .mc .confirm_button{position: relative; line-height: 1.1rem; font-size: 0.28rem; text-align: center; color: #f1ddb5; font-weight: bold; width: 3.81rem; height: 1.03rem; background-image: url(../img/en/return.png); left: 0; right: 0; margin: 0 auto; }

.uid_sure2_tips{}
/*.uid_sure2_tips .mc START*/
.uid_sure2_tips .mc{position: absolute; width: 6.25rem; height: 6.53rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.uid_sure2_tips .mc .mc_bg{position: absolute; width: 6.25rem; height: 6.53rem; top: 0.0rem; left: 0.0rem; background-image: url(../img/en/box.png); }
.uid_sure2_tips .mc .word{
    position: relative;
    width: 4rem;
    margin: 0.5rem auto;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-around; */
    color: #b09683;
    font-size: 0.32rem;
    line-height: 0.5rem;
    text-align: center;
}
.uid_sure2_tips .mc .title{
    position: relative;
    font-size: 0.4rem;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 0.4rem;
    margin-top: 0.3rem;
}
.uid_sure2_tips .mc .close_button{position: absolute; width: 0.53rem; height: 0.68rem; background-image: url(../img/en/close.png); right: 0.2rem; top: 0rem; }
.uid_sure2_tips .mc .confirm_button{position: relative; line-height: 1.1rem; font-size: 0.28rem; text-align: center; color: #f1ddb5; font-weight: bold; width: 3.81rem; height: 1.03rem; background-image: url(../img/en/return.png); left: 0; right: 0; margin: 0 auto; }

@keyframes boxMove {
    0%{transform: rotate(0); }
    10%{transform: rotate(-5deg) scale(1.02); }
    20%{transform: rotate(5deg) scale(1.04); }
    30%{transform: rotate(-5deg) scale(1.06); }
    40%{transform: rotate(5deg) scale(1.08); }
    50%{transform: rotate(-5deg) scale(1.1); }
    60%{transform: rotate(5deg) scale(1.12); }
    70%{transform: rotate(-5deg) scale(1.14); }
    80%{transform: rotate(5deg) scale(1.16); }
    90%{transform: rotate(-5deg) scale(1.18); }
    100%{transform: rotate(0) scale(1.2); }
}