/* reset */
*{box-sizing: border-box;}
*::before,*::after{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

/* basic */
.c:before,.c:after{content:"";display:table;}
.c:after{clear:both;}
.c{zoom:1;}
html,body{width: 100%; background-color: #e04b1c;     font-family: system-ui;}
a{text-decoration: none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float: left;}
.fr {float: right;}
.db {display:block;text-indent:-999em;}
.flex {display: flex; justify-content: center;}

.Shine_landscape{width:100%; height:100%; background:#0c0e13;position: fixed; left:0;top: 0;z-index:9999; text-align: center; display:none;}
.Shine_landscape img { margin:0 auto; display: block; width:8rem; height:auto;}
.Shine_landscape_box{position: relative; margin-left: auto; margin-right: auto; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.Shine_landscape span{font-size:1.3rem;display:block;color:#ffd40a; text-align:center;width: 100%;padding-top: 10px; line-height:2;}
.Shine_landscape img{-webkit-animation: Shine_landscapeAni 1.5s ease infinite alternate;animation: Shine_landscapeAni 1.5s ease infinite alternate;}
@-webkit-keyframes Shine_landscapeAni{
    0% {-webkit-transform:rotate(0);}
    30% {-webkit-transform:rotate(0);}
    70%{-webkit-transform:rotate(-90deg);}
    100% {-webkit-transform:rotate(-90deg);}
}
@keyframes Shine_landscapeAni{
0% {transform:rotate(0);}
30% {transform:rotate(0);}
70%{transform:rotate(-90deg);}
100% {transform:rotate(-90deg);}
}
@media screen and (orientation:portrait){
   .Shine_landscape{ display:block;}
}
@media screen and (orientation:landscape){
    .Shine_landscape{ display:none;}
}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}

@font-face {
  font-family: 'vn-txt';
  src: url(../font/vn-txt.ttf);
}

@font-face {
  font-family: 'ms-txt';
  src: url(../font/ms-txt.otf);
}
@font-face {
  font-family: 'th-txt';
  src: url(../font/th-txt.ttf);
}
@font-face {
  font-family: 'id-txt';
  src: url(../font/id-txt.otf);
}
.lang_vn{  font-family: 'vn-txt';}
.lang_ms{  font-family: 'ms-txt';}
.lang_th{  font-family: 'th-txt'; font-weight: 400 !important;}
.lang_id{  font-family: 'id-txt';}


.btnA{ font-weight: bold; width:1.53rem; height: 0.44rem; text-align: center; line-height: 1; font-size: 0.18rem; color: #FFF; display: flex; justify-content: center; align-items: center; box-sizing: border-box; background: url(../images/m/btnA.png) no-repeat; background-size: 100% 100%;}
.logo{width: 2.3rem; top: 0.3rem; left: 0.2rem; }

.wrap{ width: 7.5rem; height: auto; background-image: url(../images/hd/hdm.jpg), url(../images/m/bg.jpg); background-repeat: no-repeat, no-repeat; background-position: 0 0,0 8.6rem; /* 第二张图 x=8.6rem, y=0 */ background-size: 100% auto, 100% auto; /* 或根据需要调整第二张图的 size */ margin: 0 auto; }
.head1{width: auto; box-sizing: border-box; padding-top: 5.6rem; height: 9rem; position: relative; margin: 0  auto;}


/* 标题 */
.tit1{ width:7.5rem; margin: 0.1rem auto 0; height:0.89rem; background: url(../images/tit1/enm.png) no-repeat; background-size: 100% 100%;}
.tit2{ width:7.5rem; margin: .6rem auto 0; height:0.91rem; background: url(../images/tit2/enm.png) no-repeat; background-size: 100% 100%;}
.tit3{ width:7.5rem; margin: 0.3rem auto 0; height:0.89rem; background: url(../images/tit3/enm.png) no-repeat; background-size: 100% 100%;}


.v-icon1{ width: 0.24rem; height: 0.24rem; right: 72%; top: 51%; background: url(../images/v-icon.png) no-repeat; background-size: 100% auto;}
.v-icon2{ width: 0.2rem; height: 0.2rem; left: 5%; top: 52%; z-index: 99; background: url(../images/v-icon.png) no-repeat; background-size: 100% auto;}


.head_box{top: 0.3rem; display: flex; justify-content: right; width:98%;}
.btn_top1{width: 0.43rem; height: 0.43rem; position: relative; margin: 0 0.1rem;}
.btn_top1 img{width: 0.43rem; height: auto; display: block;}
.login_box{ display: flex; justify-content: right; align-items: center; font-size: 0.2rem; margin: 0 0rem 0 0; text-align: center; color: #fff}
.login_box a{ min-width: 1.3rem;display: block; font-weight: 900; line-height: 0.42rem; color: #df4c1b; height: 0.42rem; font-size: 0.18rem;  padding: 0 0.1rem; background: url(../images/dlbg.png) no-repeat; background-size: 100% 100%; box-sizing: border-box;}
.login_box div{position: relative;}
.login_box div p{width: 100%; text-align: right; position: absolute; top: 0.43rem; right: 0;}


/* 0 */
.top_box1 {margin: 0.2rem auto 0.1rem; position: relative;}

.top_box1 .flex{ box-sizing: border-box; background: #441b0a; border: 0.02rem solid #f6741a;height: .64rem; margin-right: 0.1rem;}
.top_box1 input{ width: 2.8rem; height: .63rem; box-sizing: border-box; color: #fff; font-size: 0.2rem; padding: 0.07rem; background: #00000000; border: 0 solid #fe983b; outline: none;}
.top_box1 .btn_copy{ font-size: 0.3rem; width:2.1rem; height: 0.63rem; background:url(../images/btn_copy.png) no-repeat; background-size: 100% 100%;}
.top_box1 p{ width: 2.8rem; height: .52rem; box-sizing: border-box; color: #fff; font-size: 0.16rem; line-height: 1; padding: 0.07rem; background: #00000000; border: 0 solid #fe983b; outline: none;    display: flex; justify-content: center; align-items: center;
/* 多行省略核心 */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;

/* 支持长 URL 换行 */
word-wrap: break-word;
white-space: normal;
margin-top: 0.08rem;
}

.list1{width: 100%; margin:0.1rem auto 0.9rem;}
.list1 li{width:1.53rem; flex-shrink: 0; height: 2.1rem; margin: 0 0.06rem; box-sizing: border-box; padding-top: 2.15rem; background: url(../images/m/djbg0.png) no-repeat; background-size: 100% 100%; position: relative;}
.list1 li.last{ width: 2.3rem; background: url(../images/m/djbg0a.png) no-repeat; background-size: 100% 100%;}
.list1 li.last a{ width: 2.3rem; background: url(../images/btnA1.png) no-repeat; background-size: 100% 100%;}
.list1 li p{display: flex; width: 90%; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 0.2rem; height: 0.5rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); line-height: 1;}
.list1 li a{color: #ff611c; font-size: 0.3rem; margin-top: 0.1rem;}
.list1 li em{display: flex; width: 80%; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 0.18rem; height: 0.5rem; position: absolute; bottom: 0.1rem; left: 50%; transform: translateX(-50%);line-height: 1; }

.list1 li img{width: auto; height:33%; display: block; position: absolute; top: 0.67rem; left: 48%; transform: translateX(-50%);}

.btntxt{text-decoration: underline; width: 100%; text-align: center; line-height: 2; margin: 0.1rem auto; font-size: 0.2rem; color: #feeba5; display: block;} 

/* .list1 li p i{width:0.06rem; height: 0.08rem; margin: 0 0.15rem; display: block; background: url(../images/icon3.png) no-repeat; background-size: 100% auto; position: relative;}
.list1 li p i:nth-of-type(2){transform: scaleX(-1);} */

/* 1 */
.p1box1,.p1box2{ width:7.3rem; margin: 0.1rem auto; height:6.7rem;  background: url(../images/m/p1bg1.png) no-repeat; background-size: 100% auto;}
.p1box2{  height:6.4rem; background: url(../images/m/p1bg2.png) no-repeat; background-size: 100% auto;}

.p1txt1{width:94%; margin: 0 auto; justify-content: center; align-items: center; text-align: center; color: #ffe085; font-size: 0.2rem; height: 0.53rem;  }


.p1list1{width: 100%; margin: 0.1rem auto; flex-wrap: wrap; display: flex; justify-content: center;}
.p1list1 li{width:1.77rem; height:2.02rem; flex-shrink: 0; margin:0 1px 0.63rem; padding-top: 2.21rem; box-sizing: border-box; background: url(../images/m/djbg1.png) no-repeat; background-size: 100% auto; position: relative;}
.p1list1 li p{display: flex; width:98%; padding: 0 0; justify-content: center; align-items: center; text-align: center; color: #bf8514; 
    font-size: 0.2rem; height: 0.6rem; position: absolute; bottom: 0.15rem; line-height: 1; left: 0%; 
    /* background: url(../images/numbg1.png) no-repeat; background-size: 100% 100%; */
}
.p1list1 li a{color: #ff611c; font-size: 0.22rem; width:1.6rem;  margin: 0  auto; height: 0.46rem;  background: url(../images/p2btn1.png) no-repeat; background-size: 100% 100%;}
.p1list1 .jf{color: #fff;  font-size:0.18rem; width: 0.8rem;  height: 0.32rem; top: 0; left: 0; box-sizing: border-box; padding: 0rem 0.15rem 0rem 0rem; position: absolute;  display: flex; justify-content: center; align-items: center; background: url(../images/jfbg1.png) no-repeat; background-size: 100% 100%;}
.p1list1 .jf i{width:0.24rem;  height: 0.24rem;margin-left: 0.04rem; display: block;  background: url(../images/icon3.png) no-repeat; background-size: 100% 100%;}
.p1list1 li img{width: auto; height:36%; display: block; position: absolute; top: 0.5rem; left: 48%; transform: translateX(-50%);}

.p1list1 li.xtxt p{ padding: 0 0.09rem; font-size: 0.15rem; line-height: 1; box-sizing: border-box;}

.p1list1 li.on{background: url(../images/djbg1on.png) no-repeat; background-size: 100% auto;}
.p1list1 li.on p{background: url(../images/numbg1on.png) no-repeat; background-size: 100% auto;}
.p1list1 li.on .jf{background: url(../images/jfbg1on.png) no-repeat; background-size: 100% auto;}

.p1box1 .p1list1 li:nth-of-type(1) img{height: 0.92rem;transform: rotate(32deg)scale(1);left: 2%;}
.p1box1 .p1list1 li:nth-of-type(2) img{    height: 0.92rem; transform: rotate(32deg) scale(1); left: 2%; }
.p1box1 .p1list1 li:nth-of-type(3) img{height: 0.92rem;transform: rotate(32deg)scale(1);left: 2%;  }

.p1list2{margin-top: 0.2rem;}
.p1box2 .p1txt1{color: #e3b446; width:86%; padding-right: 0.1rem; box-sizing: border-box;}
.p1list2 li{background: url(../images/djbg2.png) no-repeat; background-size: 100% auto; margin: 0 0.12rem 0.73rem ; padding-top: 1.8rem; width: 3.12rem; height: 1.8rem;}
.p1list2 li .jf{background: url(../images/jfbg2.png) no-repeat; background-size: 100% auto; width: 1.32rem;}
.p1list2 li.on{background: url(../images/djbg2on.png) no-repeat; background-size: 100% auto; }
.p1list2 li p{ height: 0.4rem; width: 98%; color: #9a6a0d;  background: url(../images/numbg2.png) no-repeat; background-size: 100% 100%;}
.p1list2 li.on p{background: url(../images/numbg2on.png) no-repeat; background-size: 100% auto; }
.p1list2 li.on .jf{background: url(../images/jfbg2.png) no-repeat; background-size: 100% auto; }
.p1list2 li img{height:78%;top:0rem; }


.btn_rule0{width: 0.26rem; height: 0.26rem; top:31%; left:92%; background: url(../images/rule.png) no-repeat; background-size: 100% auto;}
.btn_rule{width: 0.26rem; height: 0.26rem; top: 0; left: 90%; background: url(../images/rule.png) no-repeat; background-size: 100% auto;}
.btn_rule2{width: 0.26rem; height: 0.26rem; top: 0.11rem; right: 0.11rem; background: url(../images/rule2.png) no-repeat; background-size: 100% auto;}

.numc{font-size: 0.16rem; color: #9a6a0d; position: absolute; top: 2%; right: 7%;}
.p1list2 .numc{color: #fffca8;}
/* 2 */

/* .tit2 a{left: 68%;}
.tit3 a{left: 81%;} */
.task2{margin: 1.2rem auto 0.3rem; display: block;}
.p2jf{width:94%; margin: 0.1rem auto 0.1rem;  text-align: center; color: #ffecc3; font-size: 0.24rem;  line-height: 1; display: flex; justify-content: center; align-items: center;}
.p2jf img{width: 0.46rem; height: auto; margin: 0; }
.p2txt1{width:100%; text-align: center; color: #ffe085; font-size: 0.3rem; line-height: 1;  position: relative;}

.p2box1{ width: 6.99rem; flex-shrink: 0;margin:0.1rem auto;  height: 5.91rem; box-sizing: border-box; padding-top: 0.11rem; background: url(../images/m/p2bg1.png) no-repeat; background-size: 100% auto;}


.tab1{width: 100%; height: auto;}
.tab1 table{width: 100%; height: 100%;}
.tab1 th{background: #00000000; color: #fff7e7; font-size: 0.18rem; text-align: center;  line-height: 1; height: 0.88rem;border-right: 1px solid #ff893a;}
.tab1 .highlight{border: 1px solid #ff893a; background: url(../images/thbg.png) no-repeat; color: #c1390d; font-size: 0.2rem; font-weight: bold; text-align: center; height: 0.48rem; line-height: 1; background-size: 100% 100%;}
.tab2 tr{border-bottom: 1px solid #ff893a;}
.tab1 tr{border-bottom: 1px solid #ff893a;}

.tab_out{height: 3.7rem; overflow: auto;}
.tab_out::-webkit-scrollbar-track-piece{background-color:#982700; width: 0.02rem;}
.tab_out::-webkit-scrollbar{width:0.04rem;}
.tab_out::-webkit-scrollbar-thumb{background:#ffd873;border-radius: 0}

.tab2{width: 100%; height: auto; }
.tab2 table{width: 100%; height: 100%;}
.tab2 td{background: #00000000; color: #fff7e7; font-size: 0.2rem; text-align: center; height: 0.49rem; line-height: 1.2;border-right: 1px solid #ff893a;}

.tab1 th:nth-of-type(1){width:0.79rem;}
.tab1 th:nth-of-type(2){width: 2.14rem;}

.tab2 tr td:nth-of-type(1){width: 0.79rem;}
.tab2 tr td:nth-of-type(2){width: 2.43rem;}


.tab1 th:nth-of-type(4){border: 0; width: 1.28rem;}
.tab2 td:nth-of-type(4){border: 0; width: 1.28rem;}
.tab1 tr td{border-right: 1px solid #ff893a;}
.tab1 tr td:nth-of-type(2){width: 2.43rem;}

.jl_list1{flex-wrap: wrap; width:100%; justify-content: center; margin:3.8rem auto 0.4rem; flex-shrink: 0;}
.jl_list1 li{width: 1.24rem; height: 2.3rem; margin:0.05rem 0.07rem;  color: #ffe085;  font-size: 0.2rem;  box-sizing: border-box; padding-top: 0.1rem; background: url(../images/m/num3bg.png) no-repeat 50% bottom; background-size: 100% auto; position: relative;}

.jl_list1 li:nth-of-type(1),.jl_list1 li:nth-of-type(3){width:3.34rem; font-weight: bold;  height: 2.36rem;color: #fff;  box-sizing: border-box; padding-top: 0.59rem;font-size: 0.22rem; background: url(../images/m/num2bg.png) no-repeat; background-size: 100% auto; position: relative;}
.jl_list1 li:nth-of-type(2){width: 6.93rem;height: 3.34rem; top: -3.5rem; position: absolute; font-weight: bold; color: #ff560c; font-size: 0.26rem; padding-top: 0.31rem;background: url(../images/m/num1bg.png) no-repeat; background-size: 100% auto; }

.jl_list1 li p{display: flex; width:94%; padding: 0 0; justify-content: center; align-items: center; text-align: center; color: #fff; font-weight: 800; font-size: 0.2rem; height: 0.62rem; position: absolute; top: 0.68rem; line-height: 1.2; left: 50%; transform: translateX(-50%); }
.jl_list1 li:nth-of-type(2) p{color: #ff560c; top: 0.19rem; font-size: 0.28rem; line-height: 1; width: 40%;}
.jl_list1 li:nth-of-type(2) img{top: 0.5rem; }
.jl_list1 li:nth-of-type(2) em{bottom: 0.24rem; }
.jl_list1 li:nth-of-type(1) p,.jl_list1 li:nth-of-type(3) p{ top: 0rem; font-size: 0.22rem; line-height: 1;}
.jl_list1 li:nth-of-type(1) img,.jl_list1 li:nth-of-type(3) img{  height: 90%;   top: 0.16rem;}

.jl_list1 li em{display: flex; width:94%; padding: 0 0; justify-content: center; align-items: center; text-align: center; color: #3d2f13; font-size:0.16rem; height: 0.51rem; position: absolute; bottom: 0.03rem; line-height: 1; left: 50%; transform: translateX(-50%); align-content: center;}
.jl_list1 li img{width: auto; height: 81%; display: block; position: absolute; top: 1.16rem; left: 50%; transform: translateX(-50%);}
.jl_list1 li:nth-last-child(-n + 5) img{top: 0.4rem;}
.jl_list1 li:nth-last-child(-n + 5) p{top: 1px; font-size: 0.18rem; height: 0.48rem; font-weight: 400; line-height: 1; color: #ffe085;}
.jl_list1 li:nth-last-child(-n + 5) em{height: 0.3rem; bottom: 0.05rem; flex-wrap: wrap;}
.jl_list1 li:nth-of-type(4) img{     top: 0.16rem;}

.jl_list1 li div{color: #fff;  font-size:0.16rem; width: 0.83rem;  height: 0.28rem; bottom:20%; z-index: 1; right: 16%; box-sizing: border-box; padding: 0rem 0rem 0rem 0rem; position: absolute;  display: flex; justify-content: center; align-items: center; background: url(../images/jgbq.png) no-repeat; background-size: 100% 100%;}
.jl_list1 li:nth-of-type(2) div{width: 1.3rem;  height: 0.36rem; right: 0.67rem; font-size: 0.2rem;}


/* .jl_list1 li:nth-last-child(-n + 2){ width:2.83rem; background: url(../images/num4bg.png) no-repeat; background-size: 100% auto;} */

/* .lock_box{width: 100%; height: 90%; top:1.1rem; left: 50%; transform: translateX(-50%);}
.lock_box img{width:2.95rem; height: auto; display: block; margin: 0 auto 0.2rem;}
.lock_box p{color: #8c7944; text-align: center; font-size: 0.2rem; line-height: 1.5; margin: 0.04rem auto 0;}
.lock_box a{color: #ffdc4d; font-size: 0.26rem; text-align: center; margin: 0.2rem auto 0; display: block; text-decoration: underline; } */

/* 3 */
.rule{width: 100%; margin: 0rem auto; display: none;}
/* .rule {display: flex; justify-content: start; margin-bottom:0.2rem;} */
.rule p{font-size: 0.2rem; line-height: 1.6; text-align: left; color: #ffecc3;}
/* .rule li i{width:0.23rem; height: 0.23rem; flex-shrink: 0; margin:1px 0.06rem; display: block; background: url(../images/r_icon.png) no-repeat; background-size: 100% auto; position: relative;} */

.prt3{position: relative; z-index: 11;}


/* 0 */
.select-wrap{ font-size: 0.24rem;color: #e5e5e5;}
.select-wrap .selected-value{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none; font-size: 0;}
.select-wrap .selected-value .lang-value{margin-top: -0.06rem; }
.select-wrap .select-list{display: none;opacity: 0;z-index: 0;transition: all 0.5s ease; min-width:2rem; position: absolute; left:-1.5rem; top: 0.42rem;z-index: 111;}
.select-wrap.active .select-list{display: block;opacity: 1;z-index: 100;}
.select-list li{font-family: none;text-align: center;background-color: #00000090;color: #fff;width: 100%;height: 0.52rem;display: flex;align-items: center;justify-content: center;border: 1px solid #808080;border-top: none;user-select: none;cursor: pointer;}
.select-list li.on,.select-list li:hover{background-color: #fefcc7; color: #3d2f13;}


.top_nav1{ display:none; width:2.23rem; top: 0; right: 0; padding: 0.6rem 0 0.3rem; box-sizing: border-box;  background: url(../images/m/topbg.png) no-repeat; background-size: 100% 100%;  position:absolute; z-index:25;}
.toptxt1 a{margin: 0.4rem auto 0.5rem; text-align: center; display: block; color: #f9f3ce; font-size: 0.3rem; font-weight: 900;  text-transform: uppercase;}
.toptxt2{width: 80%; margin: 0 auto;padding-top: 0.5rem; border-top: 1px solid #f9f3ce; flex-wrap: wrap;}
.toptxt2 a{margin: 0.1rem 0.35rem;  }
.toptxt2 a img{width: auto; height: 1rem; display: block; margin: 0 auto 0.2rem;}
.btn_colse{width: 0.33rem; height: 0.31rem;  display: block; top: 0.1rem;right: 0.1rem; background: url(../images/close1.png) no-repeat; background-size: 100% 100%;}
.toptxt1{margin-bottom: 1rem;}


.share_box{ width:auto; display: none; top:0.66rem; right: 0.2rem; padding:0.01rem 0.1rem; box-sizing: border-box;  background: url(../images/topbg2.png) no-repeat; background-size: 100% 100%;  position:absolute; z-index: 10; justify-content: center; align-items: center;}
.share_box a{margin: 0rem 0.02rem; text-align: center; display: block; color: #f9f3ce; font-size: 0.3rem; font-weight: 900; display: inline-flex;}
.share_box a img{width: auto; height: 0.71rem; display: block; margin: 0 auto 0rem;}

/* pop */
.pop_box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #00000090; background-size:100% 100%; z-index: 999;}
.pop_content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-animation:showzs .6s ease both;}
.pop_close{width: 0.4rem; height: 0.4rem;display: block; top:0.1rem; right:0.1rem;background: url(../images/close.png) no-repeat; background-size: 100% 100%;}
.pop1{ padding: 0.1rem 0.1rem 0.3rem; box-sizing: border-box; width:5.93rem; height:auto;background: url(../images/pop1.png) no-repeat; background-size: 100% 100%;}
.pop2{ padding:0.12rem 0.1rem 0.2rem; box-sizing: border-box; width:7rem; height:auto;  background: url(../images/pop2.png) no-repeat; background-size: 100% 100%;}
.pop4{ padding-top: 1.99rem; box-sizing: border-box; width: 18.07rem; height:7.7rem;background: url(../images/pop2.png) no-repeat; background-size: 100% auto;}
.pop3{ padding:0.12rem 0.1rem 0.2rem; box-sizing: border-box; width:6.85rem; height:9.23rem;  background: url(../images/pop3.png) no-repeat; background-size: 100% 100%;}

.flo1{ position: fixed; top:6rem; z-index: 113; transform: scale(.8); right: 0; padding:0.03rem; box-sizing: border-box; width:1.83rem; height:1.83rem;  background: url(../images/flobg.png) no-repeat; background-size: 100% 100%;}
.pop_flo{width:100%; height:100%; font-weight: bold; color: #ffffff; text-align: center; font-size: 0.3rem; line-height: 1; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; box-sizing: border-box; padding: 0.3rem;}
.pop_close1{width: 0.4rem; height: 0.4rem;display: block; top:-0.67rem; right:0rem;background: url(../images/close.png) no-repeat; background-size: 100% 100%;}


.pop_txt1{color: #ffecc3; text-align: center; font-size: 0.24rem; line-height: 1.2; margin:0.2rem auto; display: block; width: 92%;}
.pop_txt11{color: #ffecc3; text-align: center; font-size: 0.24rem; line-height: 1; margin:0.3rem auto; display: block; width: 92%;}
.pop_txt6{color: #ffecc3; text-align: center; font-size: 0.24rem; line-height: 1; margin:0.5rem auto 0.3rem; display: block; width: 92%;}


.pop_btn{width: 100%; margin: 0 auto 0.2rem; justify-content: space-evenly;}
.pop_btn1{width:2.4rem; height:0.55rem;  color: #ff611c; font-size: 0.3rem;  background: url(../images/pop_btn1.png) no-repeat; background-size: 100% 100%;}
.pop_btn2{width:2.4rem; height:0.55rem;  color: #858585; font-size: 0.3rem;  background: url(../images/pop_btn2.png) no-repeat; background-size: 100% 100%;}
.pop_btn44{width:2.4rem; height:0.55rem;  color: #ff611c; font-size: 0.3rem;  background: url(../images/pop_btn4.png) no-repeat; background-size: 100% 100%;}
.pop_btn55{width:2.4rem; height:0.55rem;  color: #ff611c; font-size: 0.3rem;  background: url(../images/pop_btn5.png) no-repeat; background-size: 100% 100%; position: relative;}

.pop_btn3{width:3.47rem!important; height:0.52rem; margin: 0.2rem auto 0.2rem;  color: #ff611c; font-size: 0.3rem;  background: url(../images/pop_btn3.png) no-repeat; background-size: 100% auto;}
.pop_btn4{width:4.87rem; height:0.69rem; margin: 0.2rem auto 0.2rem;  color: #ff611c; font-size: 0.3rem;  background: url(../images/pop_btn3.png) no-repeat; background-size: 100% auto;}
.pop_btn5{width:1.97rem; height:0.44rem; margin: 0.2rem auto 0.2rem;  color: #ff611c; font-size: 0.2rem;  background: url(../images/pop_btn3.png) no-repeat; background-size: 100% 100%; position: relative;}

.pop_btnd a{width:2.72rem; height:0.76rem;}

.zsx10{width: 0.96rem; top:-0.26rem; right: -0.26rem;}

.pop_tit1{ width: 4.38rem; height: 0.58rem; color: #fffabe; text-align: center; font-size: 0.38rem; line-height: 1; font-weight: bold; margin: 0.1rem auto 0;  display: block; background:url(../images/pop_tit0.png) no-repeat; background-size: 100% auto;}
.pop_tit1 span{background: linear-gradient(to bottom, #fff5a8,#fff5a8, #ffffe3);-webkit-background-clip: text;color: transparent;  }

.pop_txt2{color: #ffecc3;   text-align: center; font-size:0.18rem; margin: 0.1rem auto 0.1rem; display: block;    width: 80%;}
.pop_txt3{color: #fff; font-weight: bold;  line-height: 1; text-align: center; font-size:0.3rem; margin: 0.1rem auto 0.1rem; display: block;    width: 80%;}
.pop_txt21{color: #ffecc3;   text-align: center; font-size:0.18rem; margin: 0rem auto 0rem; display: block;    width: 80%;}
.pop_txt4{color: #ffecc3;  line-height: 2; text-align: center; font-size:0.2rem; margin: 0.1rem auto 0.1rem; display: block;    width: 60%;}

.r2 a{left: 74%;}
.btn_txt{color: #ffecc3;  font-weight: bold;  text-align: center; font-size:0.24rem; margin: 0.1rem auto 0.1rem; display: block; text-decoration: underline;   width: 80%;}

.out{height: 7.5rem; overflow: auto;}

.p1list3{height: auto; width: 98%;}
.p1list3 li{ padding-top: 0.03rem; margin: 0 0.03rem 0.13rem; width: 1.23rem; height: 1.73rem; background: url(../images/djbg6.png) no-repeat; background-size: 100% 100%;}
/* .p1list3 li .jf{  font-size: 0.18rem;  width: 1.23rem; height: 0.32rem;  top: 0.02rem;    left: 0.02rem; background: url(../images/jfbg3.png) no-repeat; background-size: 100% auto; } */
/* .p1list3 li.on{background: url(../images/djbg3on.png) no-repeat; background-size: 100% auto; } */
.p1list3 li p{ bottom: 0.08rem; width: 90%; color: #3d2f13; background: none; line-height: 1; font-size: 0.18rem; flex-wrap: wrap;
left: 50%; transform: translateX(-50%);}
/* .p1list3 li.on p{background: url(../images/numbg3on.png) no-repeat; background-size: 100% auto; } */

.pop_top1{color: #eaebeb; position: absolute; top: 0.12rem; left: 7%; text-align: left; font-size: 0.64rem; font-weight: bold; height: 0.64rem; display: flex ; justify-content: center; align-items: center;}
.out::-webkit-scrollbar-track-piece{background-color:#982700; width: 0.03rem;}
.out::-webkit-scrollbar{width:0.05rem;}
.out::-webkit-scrollbar-thumb{background:#ffd873;border-radius: 0}

.pop_tit12{ margin: 0rem auto 0; width: 5.98rem; height: auto; padding-bottom: 0.3rem; background: url(../images/pop_tit1.png) no-repeat 0 bottom; background-size: 100% auto;}
.pop_tit12 span{font-size: 0.3rem; display: block; line-height: 1.3;}

.pop_tit13{ margin: 0.3rem auto 0.3rem; width: 5.98rem; height: auto; padding-bottom: 0.2rem; background: url(../images/pop_tit1.png) no-repeat 0 bottom; background-size: 100% auto;}
.pop_tit13 span{font-size: 0.3rem; display: block; line-height: 1.3;}


.p1list4{height: auto;}
.p1list4 li{ width:6.41rem; margin: 0 auto; height:3.01rem; background: url(../images/djbg4.png) no-repeat; background-size: 100% auto;}
.p1list4 li p{ bottom: 0;  width: 6.33rem; height: auto; box-sizing: border-box; padding: 0.1rem 0.1rem; color: #3d2f13;  background: url(../images/numbg4.png) no-repeat; background-size: 100% 100%;}
.p1list4 li p span{display: contents;}

.p1list5{height: auto;}
.p1list5 li{ width:6.41rem; padding-top: 1.86rem; margin: 0 auto; height:1.67rem; background: url(../images/djbg5.png) no-repeat; background-size: 100% auto;}
.p1list5 li p{ bottom: 0;  width: 6.33rem; color: #3d2f13;  background: url(../images/numbg4.png) no-repeat; background-size: 100% 100%;}

.p1list6{height: auto; width: 97%;}
.p1list6 li{ width:1.88rem; padding-top: 0.06rem; margin: 0 auto; height:1.7rem; background: url(../images/num3bg.png) no-repeat; background-size: 100% 100%;}
.p1list6 li p{ bottom: 0;  color: #3d2f13;  position: absolute; width: 90%; left: 50%; transform: translateX(-50%); background: none;}
.p1list6 li:nth-of-type(2){ width:2.43rem; padding-top: 0.06rem; margin: 0 auto; height:1.67rem; background: url(../images/djbg5.png) no-repeat; background-size: 100% auto;}
.p1list6 li:nth-of-type(2) p{ color: #bf8514; width:99%; bottom: -0.08rem; background: url(../images/numbg3.png) no-repeat; background-size: 100% 100%;}

.p1list6 li a{ font-size: 0.4rem; font-weight: bold; width: 100%; text-align: center; line-height: 1; color: #ff611c;  position: absolute; width: 90%; left: 50%; transform: translateX(-50%); background: none; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center;}
.p1list6 li a span{display: block; width: 100%;}
.p1list6 li img,.p1list3 li img{width: auto; height: 60%; display: block; position: absolute; top: 0.16rem; left: 48%; transform: translateX(-50%);}


.p1list7{margin-top: 0.59rem ;}
.p1list7 li{background: url(../images/djbg7.png) no-repeat; padding: 0; background-size: 100% 100%; margin:0 0.03rem 0.13rem ; width:1.39rem; height: 1.79rem;}
.p1list7 li .jf{ width: 100%;  background:none; padding: 0;}
.p1list7 li.on{background: url(../images/djbg2on.png) no-repeat; background-size: 100% auto; }
.p1list7 li p{ width: 96%; font-size: 0.16rem; color: #9a6b0e;  background:none; bottom: 0; left: 50%; transform: translateX(-50%); height: 0.5rem;}
.p1list7 li img{height: 0.92rem;top:0.27rem; }
.p1list7 li:nth-of-type(2) img{height: 0.92rem;transform: rotate(32deg)scale(.6)translate(-1.42rem, 1.11rem); }
.p1list7 li:nth-of-type(3) img{    height: 0.92rem; transform: rotate(32deg) scale(1); left: 2%; top: 0.33rem;}
.p1list7 li:nth-of-type(4) img{height: 0.92rem;transform: rotate(32deg)scale(.6)translate(-1.42rem, 1.11rem); }

.lock_box{width: 100%; height: 100%; top:0; left: 50%; z-index: 110; flex-wrap: wrap; display: block; justify-content: center;align-items: center; align-content: center; transform: translateX(-50%); background: url(../images/sd1.png) no-repeat; background-size: 100% 100%;}
.lock_box img{width:0.75rem; height: auto; display: block; margin: 0 auto 0.2rem;}
.lock_box p{color: #ffdc4d; width: 100%; text-align: center; font-size: 0.2rem; line-height: 1.5; margin: 0.04rem auto 0;}
.lock_box a{color: #ff611c; width: 3.44rem; height: 0.56rem; font-size: 0.3rem; text-align: center; margin: 0.2rem auto 0; }

.ptxt1{margin: 0.3rem auto;}



.popbg1{width:91%; margin: 0 auto; box-sizing: border-box; padding-top: 0.1rem; height: 2.72rem; background: url(../images/popbg1.png) no-repeat; background-size: 100% 100%;  }
.popbg1 .p1txt1{width: 88%;}

.pop_txtr1{width: 92%; margin: 0.1rem auto; max-height: 6rem; overflow: auto;}
.pop_txtr1 ul{width: 100%;margin: 0.1rem auto;}
.pop_txtr1::-webkit-scrollbar-track-piece{background-color:#982700; width: 0.03rem;}
.pop_txtr1::-webkit-scrollbar{width:0.05rem;}
.pop_txtr1::-webkit-scrollbar-thumb{background:#ffd873;border-radius: 0}

::-webkit-input-placeholder { color: #fff; opacity: 1;}

.logo2{width:1.7rem; height: auto; display: block;}

.crinum{ width: 4.22rem; height: 4.22rem; margin: 0.3rem auto 0.3rem; justify-content: center; align-items: center; background: url(../images/cri.png) no-repeat; background-size: 100% 100%;}
.crinum p{font-size: 2.08rem; line-height: 1; position: absolute; top:21%; left: 50%; transform: translateX(-50%); font-weight: bold; color: #fff7d6;}

.ptxt2{ width:5.17rem; align-content: center; font-weight: bold; height:0.75rem; font-size: 0.2rem; text-align: center; color: #fff; margin: 0 auto; justify-content: center; align-items: center; background: url(../images/ptxt2.png) no-repeat; background-size: 100% 100%;}
.ptxt2 em{ color: #fde79a; }
.ptxt21{margin: 0.3rem auto;}
.huida{width: 6.15rem; height: 6.15rem; display: block; margin: 0; background: url(../images/hiuda/zq-en.png) no-repeat; background-size: 100% 100%;}
.huida{background: url(../images/hiuda/zq-en.png) no-repeat; background-size: 100% 100%;}

.pop3{display: inline-grid;}
.shijian{width: 6.15rem;  display: block; top: 1rem; left: -1rem; }
.shijian img{width:1.96rem; height: 2.31rem; display: block; margin: 0 auto;}
.shijian p{ top: -0.09rem; position: relative; text-align: center;width: 90%; font-size: 0.4rem; color: #fff7b3; text-shadow:0.03rem 0.04rem 0.06rem #f16f28;}

.shijian .cuo{width:2.37rem; height: 2.37rem; display: block; margin:-0.11rem 0.2rem 0.3rem 1.92rem;}
.crinum1{margin: 0.4rem auto 0.7rem;}


.dt_box{width: 90%; margin: 0.3rem auto;}
.dt_box li{display: flex; justify-content: start; margin: 0.4rem  auto; align-items: center; width: 4.25rem; height: 0.74rem; background: url(../images/dtbg.png) no-repeat; background-size: 100% 100%;}
.dt_box li p{font-size: 0.2rem; width: 2.9rem;  line-height: 1; text-align: center; color: #2b130b;}
.dt_box li em{font-size: 0.4rem; font-weight: bold; width: 1.1rem; text-align: center;  line-height: 1; text-align: center; color: #fff6b1;}

.p1txt2{z-index: 12; width:94%; position: absolute; left: 51%; transform: translateX(-50%); top: 0; justify-content: space-between; align-items: center; text-align: center; color: #ffecc3; font-size: 0.2rem; height: 0.7rem;  }
.p1txt2 a{margin: 0;}

.p1list8{margin: 0.21rem auto 0;}
.p1list8 li{ width:3rem; height: 1.9rem; background: url(../images/num4bg.png) no-repeat; background-size: 100% auto; padding: 0; margin: 0 auto;}
.p1list8 li p{ width: 98%; font-size: 0.18rem; color: #9a6b0e;  background:none; bottom: 0.2rem; left: 50%; transform: translateX(-50%);}
.p1list8 li img{height: 0.92rem;top:0.27rem; }

.toptxt21{border: 0; width: 100%;}
.pop_txt2111{margin-bottom: 0.3rem;}

/* 生成图 */
#toimg{ width: 6.85rem; height: 8.59rem;box-sizing: border-box;padding-top: 0.001rem;}
.dom2img-result { opacity:0; width: 6.85rem; height: 8.59rem; position: absolute; top: 0.7rem; left: 0; z-index: 99; }
.dom2img-result img{width: 100%; height: 100%;}
.img3{width: 100%; opacity: 1; height: auto; z-index: -1; display: block; margin: 0 auto; position: absolute; top: 0; left: 0;} 
.ewm{width: 1.25rem; height: 1.25rem; top: 7.14rem; right: 0.31rem; z-index: 3; background: #fff;}
.ewm img{width: 100%; height: 100%;}
.ewm canvas{width: 100%; height: 100%;}
.p_txt1{color: #ffecc3; top: 1.7rem; left: 1.7rem;   text-align: center; font-size:0.18rem; position: absolute;  display: block;}
.p_txt2{  text-align: center;    margin: 3.82rem  auto 0; width: 5.85rem; height: 0.68rem; box-sizing: border-box; color: #fff; display: block; font-size: 0.2rem; padding: 0.1rem; background: #451b0a; border: 0.02rem solid #f8781b; }

/* 11111 */
.pop_b {justify-content: center; margin-bottom: 0.1rem;}
.pop_b a{margin: 0 0 0 0; color:#ff611c; font-size: 0.14rem;}

.pop_b div a{width:1.6rem; margin: 0.18rem auto; }
.pop_b div{width: auto; margin: 0 0.1rem;}
.pop_b div p{width: 100%; color: #ffecc3; font-size: 0.18rem; text-align: center; margin-bottom: 0.1rem;}

/* 11 */
/* .lang_en .wrap{ background-image: url(../images/hd/en_m.jpg), url(../images/m/bg.jpg); background-repeat: no-repeat, no-repeat; }
.lang_ms .wrap{ background-image: url(../images/hd/ms_m.jpg), url(../images/m/bg.jpg); background-repeat: no-repeat, no-repeat; }
.lang_th .wrap{ background-image: url(../images/hd/th_m.jpg), url(../images/m/bg.jpg); background-repeat: no-repeat, no-repeat; }
.lang_id .wrap{ background-image: url(../images/hd/id_m.jpg), url(../images/m/bg.jpg); background-repeat: no-repeat, no-repeat; }
.lang_tw .wrap{ background-image: url(../images/hd/tw_m.jpg), url(../images/m/bg.jpg); background-repeat: no-repeat, no-repeat; }
.lang_vn .wrap{ background-image: url(../images/hd/vn_m.jpg), url(../images/m/bg.jpg); background-repeat: no-repeat, no-repeat; } */


.lang_en .tit1{height:1.2rem; background: url(../images/tit1/enm.png) no-repeat; background-size: 100% 100%;}
.lang_ms .tit1{height:1.2rem; background: url(../images/tit1/msm.png) no-repeat; background-size: 100% 100%;}
.lang_th .tit1{ height:1.2rem; background: url(../images/tit1/thm.png) no-repeat; background-size: 100% 100%;}
.lang_id .tit1{ height:1.2rem; background: url(../images/tit1/idm.png) no-repeat; background-size: 100% 100%;}
.lang_vn .tit1{ height:1.2rem;background: url(../images/tit1/vnm.png) no-repeat; background-size: 100% 100%;}   
.lang_tw .tit1{ height:1.2rem; background: url(../images/tit1/twm.png) no-repeat; background-size: 100% 100%;}

.lang_en .tit2{height:1.2rem;background: url(../images/tit2/enm.png) no-repeat; background-size: 100% 100%;}
.lang_ms .tit2{ height:1.2rem;background: url(../images/tit2/msm.png) no-repeat; background-size: 100% 100%;}
.lang_th .tit2{height:1.2rem;background: url(../images/tit2/thm.png) no-repeat; background-size: 100% 100%;}
.lang_id .tit2{ height:1.2rem;background: url(../images/tit2/idm.png) no-repeat; background-size: 100% 100%;}
.lang_vn .tit2{ height:1.2rem; background: url(../images/tit2/vnm.png) no-repeat; background-size: 100% 100%;}  
.lang_tw .tit2{height:1.2rem; background: url(../images/tit2/twm.png) no-repeat; background-size: 100% 100%;}

.lang_en .tit3{height:1.2rem;background: url(../images/tit3/enm.png) no-repeat; background-size: 100% 100%;}
.lang_ms .tit3{ height:1.2rem;background: url(../images/tit3/msm.png) no-repeat; background-size: 100% 100%;}
.lang_th .tit3{ height:1.2rem; background: url(../images/tit3/thm.png) no-repeat; background-size: 100% 100%;}
.lang_id .tit3{ height:1.2rem; background: url(../images/tit3/idm.png) no-repeat; background-size: 100% 100%;}
.lang_vn .tit3{height:1.2rem; background: url(../images/tit3/vnm.png) no-repeat; background-size: 100% 100%;}     
.lang_tw .tit3{ height:1.2rem; background: url(../images/tit3/twm.png) no-repeat; background-size: 100% 100%;}

.lang_en .huida{background: url(../images/hiuda/zq-en.png) no-repeat; background-size: 100% 100%;}
.lang_ms .huida{background: url(../images/hiuda/zq-ms.png) no-repeat; background-size: 100% 100%;}
.lang_th .huida{background: url(../images/hiuda/zq-th.png) no-repeat; background-size: 100% 100%;}
.lang_id .huida{background: url(../images/hiuda/zq-id.png) no-repeat; background-size: 100% 100%;}
.lang_vn .huida{background: url(../images/hiuda/zq-vn.png) no-repeat; background-size: 100% 100%;}
.lang_tw .huida{background: url(../images/hiuda/zq-tw.png) no-repeat; background-size: 100% 100%;}
/* 越南  vn*/
.lang_vn .top_box1 .btn_copy{font-size: 0.26rem;}
.lang_vn .list1 li a{font-size: 0.2rem;}
.lang_vn .p1list1 li a{font-size: 0.2rem;}
.lang_vn .pop_tit1 { margin: 0rem auto 0; width: 5.38rem; height: auto; padding-bottom: 0.3rem; background: url(../images/pop_tit1.png) no-repeat 0 bottom; background-size: 100% auto; }
.lang_vn .pop_btn a{font-size: 0.2rem;}
.lang_vn .jl_list1 li p{font-size: 0.2rem;}

/* 越南  vn*/
/* ID 印尼语 */
.lang_id .jl_list1 li:nth-last-child(3) em { height: 0.58rem; line-height: 1; }
.lang_id .jl_list1 li:nth-last-child(4) em { height: 0.58rem; line-height: 1; }


/* TH 泰语 */
.lang_th .pop_tit1,.lang_th a,.lang_th em,.lang_th p{font-weight: 400;}
.lang_th .pop_tit1,.lang_th a,.lang_th em,.lang_th p{font-weight: 400;}

/* MS 马来语 */
.lang_ms .jl_list1 li:nth-last-child(3) em { height: 0.58rem; line-height: 1; }
.lang_ms .jl_list1 li:nth-last-child(4) em { height: 0.58rem; line-height: 1; }
.lang_ms .pop_tit1{font-size: 0.32rem; }


.rule {display: none;}

.ms{opacity: 0;}
.th{opacity: 0;}
.id{opacity: 0;}
.en{opacity: 0;}

.lang_en .en{display: block; opacity: 1;}
.lang_vn .vn{display: block;opacity: 1;}
.lang_th .th{display: block;opacity: 1;}
.lang_id .id{display: block;opacity: 1;}
.lang_ms .ms{display: block;opacity: 1;}
.lang_tw .tw{display: block;opacity: 1;}

.djs2{width:1.48rem; height: 1.48rem; top: 1.2rem; left: 0.1rem; line-height: 1.6rem; display: block;text-align: center;  font-size: 0.6rem; color:#ffffff; background: url(../images/djs2.png) no-repeat; background-size: 100% 100%;}
.p1list61{height: auto; width: 97%; margin: 0 auto 0.3rem;}
.p1list61 li{  width:2.31rem; padding-top: 0.06rem; margin: 0 auto; height:1.67rem; background: url(../images/djbg5.png) no-repeat; background-size: 100% 100%;}
.p1list61 li p{ position: absolute;  left: 50%; transform: translateX(-50%); color: #bf8514; width:99%; bottom: -0.08rem; background: url(../images/numbg3.png) no-repeat; background-size: 100% 100%;}
.p1list61 li a span{display: block; width: 100%;}
.p1list61 li img{width: auto; height: 60%; display: block; position: absolute; top: 0.16rem; left: 48%; transform: translateX(-50%);}

.pchide{display: block;}
.pcshow{display: none;}
.share_box2{ width:auto; display: none;bottom: -.46rem;right: -0.46rem; padding:0.01rem 0.1rem; box-sizing: border-box;  background: url(../images/topbg2.png) no-repeat; background-size: 100% 100%;  position:absolute; z-index: 10; justify-content: center; align-items: center;}
.share_box2 a{margin: 0rem 0.02rem; text-align: center; display: block; color: #f9f3ce; font-size: 0.3rem; font-weight: 900; display: inline-flex;}
.share_box2 a img{width: auto; height: 0.71rem; display: block; margin: 0 auto 0rem;}

.top_btn2 { width: 3.6rem;height: 0.5rem;top: 6.5rem;left: 50%;justify-content: space-between;transform: translateX(-50%);background: url(../images/top_btn2.png) no-repeat;background-size: 100% auto; }
.top_btn2 a{height: 0.5rem; width: 1.6rem;}

.infinite-modal-content .infinite-modal-body div.pass-content__wrapper { width: 100vw !important; }

.top_btn2{top: 7.1rem;}
.mask1{ width: 7.5rem; height: 1.88rem; background: url(../images/maskm.png) no-repeat;background-size: 100% auto; top: 6.7rem; left: 0; display: block;}
.lang_id .top_btn2{background: url(../images/top_btn2_id.png) no-repeat; background-size: 100% auto;}
.lang_th .top_btn2{background: url(../images/top_btn2_th.png) no-repeat; background-size: 100% auto;}
.lang_ms .top_btn2{background: url(../images/top_btn2_ms.png) no-repeat; background-size: 100% auto;}

.pass-login-social__item:nth-child(1) { display: none!important; }

.slg{ top: 1.2rem; left: 50%; width:8rem; height:2rem; background: url(../images/hd/slg_en.png) no-repeat;background-size: 100% auto; transform: translateX(-50%); position: absolute; display: block;}
.lang_ms .slg { top: 1.2rem; background: url(../images/hd/slg_ms.png) no-repeat; background-size: 100% auto;}
.lang_th .slg { width:9rem;height:3rem;   top:0.7rem; background: url(../images/hd/slg_th.png) no-repeat; background-size: 100% auto;}
.lang_id .slg { top: 1.2rem;background: url(../images/hd/slg_id.png) no-repeat; background-size: 100% auto;}
.lang_tw .slg {background: url(../images/hd/slg_tw.png) no-repeat; background-size: 100% auto;}

.head1{z-index: 10; width: 7.5rem; overflow: hidden;}

.gif{display: block;position: absolute;width: 7.5rem;top: 0px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index: 1;}

.btn_btn4{width:6.6rem; height:0.69rem; margin: 0.2rem auto 0.2rem; box-sizing: border-box; padding: 0 0.1rem;  color: #ff611c; font-size: 0.3rem;  background: url(../images/btn5.png) no-repeat; background-size: 100% 100%;}
.lang_th .btn_btn4{ font-size: 0.4rem;}
.lang_en .pop_flo{font-size: 0.24rem;}
.flo1{padding-top:0.32rem;}
.flo1:after{content: '';
    width: 2rem;
    height: 1.65rem;
    top: -0.8rem;
    left: -21%;
    position: absolute;
    background: url(../images/flobg1.png) no-repeat;
    background-size: 100% auto;}
    
.down1{background: url(../images/downi.png) no-repeat;width: 0.8rem;height: 0.5rem; display: block; margin: 0px auto 0px; background-size:100% auto;}
.down1{animation: 1.5s botjt linear infinite;}
@keyframes botjt {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}