html, body {
    width: 100%;
}

body{
}

html{
    font-size: 100px;
}

.btn {
    display: block;
    font-size: .24rem;
    color: var(--color-white);
}

.lang_ja .btn{
    font-size: .22rem;
}
.lang_ms .pop-alert .pop_body .pop_alert_msg{
    height: 2.6rem !important;
}
.wrap {
    width: 100%;
    height: 22.85rem;
    padding-top: .01rem;
    box-sizing: border-box;
    background: url('../img/m/new_bg.jpg') no-repeat center center/100%;
    position: relative;
}

.logo {
    width: 1.44rem;
    height: .47rem;
    position: absolute;
    left: .2rem;
    top: .2rem;
}

.logo img{
    width: 100%;
    height: 100%;
}

.login_wrap{
    margin: 0 auto;
    margin-top: .08rem;
}
.loginfo{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.login_wrap .loginfo_name{
    display: inline-block;
    text-align: right;
    white-space: nowrap;
    max-width: 1.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    text-underline: none;
}
.icon-rule{
    background-color: rgba(45, 59, 77, .6);
    border-radius: .2rem;
    text-align: center;
    line-height: .28rem;
    width: .4rem;
    height: .28rem;
    color: rgb(143, 156, 168);
    font-size: .2rem;
    margin-left: .15rem;
    cursor: pointer;
    padding-left: .1rem;
    box-sizing: border-box;
    /*float: right;*/
    margin-right: .5rem;
    position: absolute;
    bottom: .13rem;
    right: 0;
}
.lang_en .icon-rule{
    position: absolute;
    bottom: 0rem;
    right: -.7rem;
    padding-left: .05rem;
}
.lang_ms .icon-rule{
    position: absolute;
    bottom: 0.07rem;
    right: .1rem;
    padding-left: .05rem;
}
.language-box{
    margin-left: 5.4rem;
    margin-top: -.4rem;
}
.language-box select{
    width: 1.7rem;
    height: .35rem;
    background-color: rgba(6, 18, 30,.7);
    font-size: .2rem;
    color: rgb(199, 199, 199);
    font-size: .2rem;
    text-align: center;
    border: .01rem solid #45515d;
}
.language-box option{
    font-size: .2rem;
    color: #ffffff;
    background-color: rgba(6, 18, 30,.7);

}
.getbz{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 6.96rem;
    height: 1.58rem;
    margin: 0 auto;
    background-image: url("../img/m/bg1.png");
    margin-top: .4rem;
}
.content .tit{
    width: 6.92rem;
    height: 1.81rem;
    background-image: url("../img/m/en/tit.png");
    margin: 0 auto;
    margin-top: .23rem;
    position: relative;
}
.lang_zh .content .tit{
    background-image: url("../img/m/zh/tit.png");
}
.lang_ms .content .tit{
    background-image: url("../img/m/ms/tit.png");
}
.getbz_tit{
    width: 5.5rem;
    margin: 0 auto;
    font-size: .2rem;
    color: #e1e1e1;
    text-align: center;
    margin-bottom: .1rem;
}
.getbz_con{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.getbz_con label{
    font-size: .22rem;
    color: #e1e1e1;
    margin-right: .1rem;
}
.getbz_con input{
    width: 2.53rem;
    height: .46rem;
    /*border: .01rem solid #c0c4cc;*/
    /*background-color: #0d192a;*/
    background: url("../img/m/input-bg.png") no-repeat center center/100%;
    color: block;
    border-radius: .1rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    font-size: .22rem;
}
.getbz_con .btn_copy{
    width: 1.08rem;
    height: .5rem;
    line-height: .5rem;
    background-image: url("../img/m/btn-bg.png");
    color: #ffffff;
    font-size: .26rem;
    text-align: center;
    margin-left: .15rem;
}
.goGame{
    width: 7.31rem;
    height: .68rem;
    /*background-image: url("../img/m/en/goGame.png");*/
    margin: 0 auto;
    margin-top: .25rem;
    margin-bottom: .05rem;
    cursor: pointer;
    font-size: .25rem;
    text-align: center;
    color: #bdd9e0;
    font-weight: bold;
}
.lang_zh .goGame{
    height: .27rem;
    /*background-image: url("../img/m/zh/goGame.png");*/
}
.lang_ms .goGame{
    width: 6.58rem;
    /*background-image: url("../img/m/ms/goGame.png");*/
}
.kv-box{
    width: 7.17rem;
    height: 4.29rem;
    margin: .2rem auto;
    /*background-image: url("../img/m/border.png");*/
}
.invt{
    width: 6.72rem;
    height: 2rem;
    background-image: url("../img/m/bg2.png");
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.invt p{
    width: 4.5rem;
    font-size: .24rem;
    color: #ffffff;
}
.lang_ms .invt p{
    font-size: .2rem;
}
.invt .inv-img{
    width: 1.6rem;
    height: 1.1rem;
    margin-left: .1rem;
}
.inv-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.invt .inv-img img{
    width: 100%;
    height: 100%;
}
.progress{
    width: 6.79rem;
    height: .49rem;
    margin: 0 auto;
    background-image: url("../img/m/pro.png");
    position: relative;
}
.progress span{
    position: absolute;
    top: 0.03rem;
    left: 0.02rem;
    width: 0;
    height: .42rem;
    background: url("../img/m/pro-actbg.png") no-repeat;
    background-size: cover;
}
.progress span.span100{
    width: 100%;
    background: url("../img/m/pro-actbg.png") no-repeat;
    background-size: 100% 100%;

}
.progress-list{
    width: 6.79rem;
    display: flex;
    justify-content: space-between;
    font-size: .24rem;
    color: #a5b2c0;
    margin: 0 auto;
    margin-top: .1rem;
}
.task{
    width: 7.5rem;
    height: 5.36rem;
    background-image: url("../img/m/bg3.png");
    margin: 0 auto;
}
.task ul{
    width: 6.4rem;
    margin: 0 auto;
    padding-top: .45rem;
    box-sizing: border-box;
}
.task li{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: .01rem solid #707788;
    margin-top: .2rem;
    padding-bottom: .2rem;
    box-sizing: border-box;
}
.task p{
    width: 3.38rem;
    font-size: .24rem;
    color: #000000;
}
.task li span{
    font-size: .24rem;
    margin-top: .02rem;
}
.task .task-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .71rem;
    height: .71rem;
    background-image: url("../img/m/icon-bg.png");
}
.task .task-img img{
    width: 70%;
    height: 70%;
}
.btn-bg{
    display: block;
    width: 1.39rem;
    height: .52rem;
    background-image: url("../img/m/btn-bg1.png");
    line-height: .52rem;
    text-align: center;
    font-size: .24rem;
    color: white;
}
.btn-bg.zhihui-bg{
    background-image: url("../img/m/btn-zhihui-bg1.png");
}
.btn-bg1{
    width: 1.39rem;
    height: .52rem;
    background-image: url("../img/m/btn-bg2.png");
    line-height: .52rem;
    text-align: center;
    font-size: .24rem;
    color: white;
}
.btn-bg1.zhihui-bg{
    background-image: url("../img/m/btn-zhihui-bg2.png");
}
.btn {
    width: .86rem;
    height: .4rem;
    display: block;
    font-size: .18rem;
    color: var(--color-white);
    text-align: center;
    line-height: .5rem;
    position: relative;
}
.btn.btn-zhihui{
    background-image: url("../img/btn-zhihui-bg.png");
}
.btn.btn-go{
    background-image: url("../img/btn-go.png");
}
.btn.btn-dlq{
    background-image: url("../img/btn-go1.png");
    position: relative;
}
.btn.btn-dlq::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0.1rem;
    height: 0.1rem;
    background-color: red;
    border-radius: 50%;
}
.jdt-box{
    display: flex;
}
.jdt-txt-1{
    font-size: .3rem;
    color: #193d5f;
}
.jdt-box{
    width: 6rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    margin-top: .3rem;
}
.jdt-txt{
    display: flex;
    justify-content: start;
    flex-direction: column;
    text-align: center;
}
.jdt{
    width: 5rem;
    height: .14rem;
    background-color: #0a1321;
    border: .01rem solid #555c67;
    border-radius: .1rem;
    position: relative;
}
.jdt span{
    width: 0;
    height: .14rem;
    background: url("../img/jdt.png") no-repeat;
    background-size: 100% 100%;
    border-radius: .1rem;
    position: absolute;
    left: 0;
    top: 0;
}
.jdt-box ul{
    width: 5rem;
    position: absolute;
    left: 1.15rem;
    top: -.8rem;
    display: flex;
    justify-content: space-around;
}
.jdt-box ul li{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.jdt-box ul li img{
    width: .53rem;
    height: .53rem;
}
.jdt-box ul li span{
    font-size: .2rem;
    color: #193d5f;
}
.img-box{
    width:.69rem;
    height: .68rem;
    background-image: url("../img/get-bg.png");
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.img-box-num{
    position: absolute;
    right: .15rem;
    bottom: 0;
    z-index: 99;
    font-size: .16rem;
    color: rgb(199, 221, 255);
    text-shadow: 0 0 .05rem rgba(112, 127, 182, 0.9), 0 0 .05rem rgba(0, 0, 0, 0.9);
}
.redpoint{
    content: '';
    position: absolute;
    top: .05rem;
    right: .08rem;
    width: 0.1rem;
    height: 0.1rem;
    background-color: red;
    border-radius: 50%;
}
.img-box.active::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width:.69rem;
    height: .68rem;
    background: url("../img/got-bg.png") no-repeat center center/100%;
    z-index: 2;
}
.icon-box li img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.go-box{
    margin-top: 1.3rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.btn_go1{
    display: block;
    width: 6.88rem;
    height: 1.65rem;
    /*background-image: url("../img/m/en/go1.png");*/
    margin: 0 auto;
}
.btn_go1 img{
    width: 6.88rem;
    height: 1.65rem;
}
.lang_ms .btn_go1{
    background-image: url("../img/m/ms/go1.png");
}
.lang_zh .btn_go1{
    background-image: url("../img/m/zh/go1.png");
}
.btn_go2{
    display:inline-block;
    width: 6.79rem;
    height: .3rem;
    /*background-image: url("../img/m/en/go2.png");*/
    margin: 0 auto;
}
.btn_go2 img{
    width: 6.79rem;
    height: .3rem;
}
.lang_zh .btn_go2{
    /*background-image: url("../img/m/zh/go2.png");*/
}
.lang_ms .btn_go2{
    /*background-image: url("../img/m/ms/go2.png");*/
}

.go-box .go-txt{
    /*width: 5rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: .4rem;

}
.go-box .go-txt p{
    width: 2rem;
    font-size: .22rem;
    color: white;
}
.lang_en .go-box .go-txt p{
    width: 3.2rem;
}
.lang_en .getbz_tit,.lang_ms .getbz_tit{
    width: 6.5rem;
    line-height: 1.2;
}
.lang_ms .getbz_tit{
    line-height: 1;
    margin-bottom: .1rem;
}
.task-img{
    position: relative;
}
.task-img .task-num{
    position: absolute;
    right: 0.15rem;
    bottom: 0;
    font-size: .16rem;
    color: rgb(199, 221, 255);
    z-index: 99;
    text-shadow: 0 0 .05rem rgba(112, 127, 182, 0.9), 0 0 .05rem rgba(0, 0, 0, 0.9);
}
.icon-box{
    height: 4.64rem;
    background-image: url("../img/map/icon-bg.png");
    background-size: 100% 100%;
    position: relative;
    margin-bottom: .15rem;
}
.logo-act{
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    width: 1.19rem;
    height: 1.14rem;
    background: url("../img/map/malai/logo.png") no-repeat center center/100%;
    z-index: 99;
}
.logo-act1{
    right: 1rem;
    top: 1.8rem;
    background: url("../img/map/feilvbin/logo.png") no-repeat center center/100%;

}
.icon-box.active{
    background-image: url("../img/map/icon-bg-act.png");
}
.icon-box ul{
    width: 100%;
    height: 100%;
}
.icon-box1{
    background-image: url("../img/map/icon-bg1.png");
}
.icon-box1.active{
    background-image: url("../img/map/icon-bg1-act.png");
}
.icon-box li{
    width: 100%;
    height: 4.64rem;
    position: relative;
}
/*.icon-box1 li{*/
/*    width: 2rem;*/
/*    height: 3rem;*/
/*}*/
/*.sel-img {*/
/*    display: none;*/
/*}*/

.highlight .unsel-img {
    display: none !important;
}
.icon-box.icon-box1 li img{
    width: 100%;
    height: 100%;
}
.highlight .sel-img {
    display: block !important;
}
/*.highlight .sel-img1{*/
/*    position: absolute;*/
/*    top: 1.8rem;*/
/*    left: 1.35rem;*/
/*}*/
/*.highlight .sel-img2{*/
/*    position: absolute;*/
/*    top: 0.3rem;*/
/*    left: 2.5rem;*/
/*}*/
.icon-box ul li {
    position: absolute;
    cursor: pointer;
}
.icon-box-act{
    width: 100%;
    height: 4.64rem;
    position: absolute;
    top: 0;
    right: 0;
}
.icon-box-act li{
    width: 2rem;
    height: 1.5rem;
    position: absolute;
    z-index: 99;
}
.icon-box-act li:first-child{
    width: 1.5rem;
    height: 1.2rem;
    bottom: .9rem;
    left: 1.5rem;
}
.icon-box-act li:nth-child(2){
    width: 1.3rem;
    height: 1.3rem;
    bottom: 1rem;
    left: 3.2rem;
}
.icon-box-act li:nth-child(3){
    width: 1.4rem;
    height: 1.1rem;
    bottom: 2.3rem;
    left: 1.2rem;
}
.icon-box-act li:nth-child(4){
    width: 1rem;
    height: 1rem;
    bottom: 2.8rem;
    left: 3.1rem;
}
.icon-box-act li:nth-child(5){
    width: 1rem;
    height: 1.2rem;
    bottom: 2.1rem;
    left: 4.5rem;
}
/*.left .icon-box-act ul li:first-child{*/
/*    bottom: .6rem;*/
/*    left: 1.1rem;*/
/*}*/
/*.left .icon-box-act ul li:nth-child(2){*/
/*    bottom: 1rem;*/
/*    left: 3.2rem;*/
/*}*/
/*.left .icon-box-act ul li:nth-child(3){*/
/*    bottom: 2.3rem;*/
/*    left: 1.2rem;*/
/*}*/
/*.left .icon-box-act ul li:nth-child(4){*/
/*    bottom: 2.7rem;*/
/*    left: 3.1rem;*/
/*}*/
/*.left .icon-box-act ul li:nth-child(5){*/
/*    bottom: 2.5rem;*/
/*    left: 4.7rem;*/
/*}*/
.icon-box1 .icon-box-act ul li{
    width: 2rem;
    height: 1.5rem;
    position: absolute;
    z-index: 99;
}
.icon-box1 .icon-box-act ul li:first-child{
    width: 1.3rem;
    bottom: 1.3rem;
    left: 1.2rem;
}
.icon-box1 .icon-box-act ul li:nth-child(2){
    width: 1.6rem;
    height: 1.2rem;
    bottom: 3rem;
    left: 2.1rem;
}
.icon-box1 .icon-box-act ul li:nth-child(4){
    width: 1.1rem;
    height: .8rem;
    bottom: 2.8rem;
    left: 3.7rem;
}
.icon-box1 .icon-box-act ul li:nth-child(3){
    width: 1.6rem;
    height: 1.2rem;
    bottom: 1.2rem;
    left: 2.9rem;
}
.icon-box1 .icon-box-act ul li:nth-child(5){
    width: 1.6rem;
    height: 1.2rem;
    bottom: 1.7rem;
    left: 4.6rem;
}
.pop .pop_close{
    top: -.4rem;
    right: .1rem;
}
.pop1.pop-rule .pop_cont{
    margin-top: .4rem!important;
}
.btn.btn-got{
    background-image: url("../img/btn-got.png");
}