/* reset */
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}
caption{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
q:before,q:after{content:''}
fieldset,img,abbr,acronym{border:0}
/* 页面样式 */
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.c {zoom:1}
body {
  padding-top:0px !important;text-align:justify;background-color: #ec5e20 ;overflow-x: hidden;
/* min-width:1200px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1002?'1200px':''); */
}
a {text-decoration:none;}
a:hover {filter:brightness(125%);}

body{position: relative; }
b{font-weight: 500; display: contents!important;}
.wrap,#afooter,html{width:100%;min-width:1200px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1002?'1200px':'');}
.container {width:1200px;margin:0 auto;position: relative; }
.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;}
.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';}


.logo{width: 320px; top: 30px; left: -240px; }

.btnA{ padding: 0 13px;  font-weight: bold; width: 239px; height: 52px; text-align: center; line-height: 1; font-size: 20px; color: #FFF; display: flex; justify-content: center; align-items: center; box-sizing: border-box; background: url(../images/btnA.png) no-repeat; background-size: 100% 100%;}
.content{width: 1200px; position: relative; margin: 0 auto;}

.wrap{width:auto;height: 4520px; background: url(../images/hd/hd.jpg) no-repeat 50% 0,url(../images/bg.jpg) no-repeat 50% 1200px; margin: 0 auto; }
.head1{width: 1200px; box-sizing: border-box; padding-top: 1000px; height: 1138px; position: relative; margin: 0  auto;}


.head_box{top: 42px; display: flex; justify-content: right; width:126%;}
.btn_top1 img{width: 43px; height: auto; margin: 0 8px;}
.login_box{ display: flex; justify-content: right; align-items: center; font-size: 20px; margin: 0 10px 0 0; text-align: center; color: #fff}
.login_box a{ min-width: 130px; display: block; font-weight: 900; line-height: 42px; color: #df4c1b; height: 42px; font-size: 18px;  padding: 0 10px; 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: 47px; right: 0;}



.prt1{height: 530px;}
.prt2{height:1670px;}

/* 标题 */
.tit0{ width: 425px; margin: 0 auto 10px; height:45px; background: url(../images/tit0/en.png) no-repeat; background-size: 100% 100%;}
.tit1{ width:1200px; margin: 10px auto 10px; height:89px; background: url(../images/tit1/en.png) no-repeat; background-size: 100% 100%;}
.tit2{ width:1200px; margin: 130px auto 0; height:89px; background: url(../images/tit2/en.png) no-repeat; background-size: 100% 100%;}
.tit3{ width:1200px; margin: 30px auto 0; height:89px; background: url(../images/tit3/en.png) no-repeat; background-size: 100% 100%;}

/* 0 */
.top_box1 {margin: 20px auto 10px;}
.top_box1 .flex{ margin-right: 10px; box-sizing: border-box; background: #00000070; border: 2px solid #f6751a; height: 66px; width: 801px;}
.top_box1 input{ width: 479px; height: 100%; box-sizing: border-box; color: #fff; font-size: 20px; padding: 10px; background: #00000000; border: 0 solid #fe983b; outline: none;}
.top_box1 .btn_copy{ font-weight: 900; font-size: 30px; width: 323px; height: 65px; background:url(../images/btn_copy.png) no-repeat; background-size: 100% 100%;}
.top_box1 p{ width: 479px; height:52px; box-sizing: border-box; color: #fff; font-size: 20px; padding: 10px 7px; background: #00000000; border: 0 solid #fe983b; outline: none;     display: flex; justify-content: center; align-items: center; line-height: 1;
/* 多行省略核心 */
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: 5px;
}


.list1{width: 100%; margin:10px auto 70px;}
.list1 li{width:240px; height: 210px; margin: 0 6px; box-sizing: border-box; padding-top: 215px; background: url(../images/djbg0.png) no-repeat; background-size: 100% auto; position: relative;}
.list1 li.last{ width: 360px; background: url(../images/djbg0a.png) no-repeat; background-size: 100% auto;}
.list1 li.last a{ width: 357px; background: url(../images/btnA1.png) no-repeat; background-size: 100% auto;}
.list1 li p{display: flex; width: 90%; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 24px; height: 40px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); line-height: 1;}
.list1 li a{color: #ff611c; font-size: 30px; }
.list1 li em{display: flex; width: 80%; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 18px; height: 50px; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);line-height: 1; }

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

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

/* .list1 li p i{width:6px; height: 8px; margin: 0 15px; 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:1200px; margin: 10px auto; height:717px;  background: url(../images/p1bg1.png) no-repeat; background-size: 100% auto;}
.p1box2{ width: 1200px; height: 717px;  background: url(../images/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: 20px; height: 53px;  }


.p1list1{width: 100%; margin: 28px auto; flex-wrap: wrap; display: flex; justify-content: center;}
.p1list1 li{width:277px; height:217px; flex-shrink: 0; margin:0 5px 73px; box-sizing: border-box; padding-top: 231px; background: url(../images/djbg1.png) no-repeat; background-size: 100% auto; position: relative;}
.p1list1 li p{display: flex; width:97%; padding: 0 0; justify-content: center; align-items: center; text-align: center; color: #bf8514; font-size: 20px; height: 51px; position: absolute; bottom: 15px; line-height: 1; left: 0%; background: url(../images/numbg1.png) no-repeat; background-size: 100% 100%;}
.p1list1 li a{color: #ff611c; font-size: 25px; width:240px;  margin: 0  auto; height: 52px;  background: url(../images/p2btn1.png) no-repeat; background-size: 100% 100%;}
.p1list1 .jf{color: #fff;  font-size:20px; width: 132px;  height: 32px; top: 0; left: 0; box-sizing: border-box; padding: 0px 15px 0px 0px; 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:29px;  height: 29px;margin-left: 4px; display: block;  background: url(../images/icon3.png) no-repeat; background-size: 100% 100%;}
.p1list1 li img{width: auto; height: 128px; display: block; position: absolute; top:32px; left: 48%; transform: translateX(-50%);}

.p1list1 li.xtxt p{ padding: 0 9px; font-size: 15px; 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;}

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


.p1box2 .p1txt1{color: #e3b446; width:86%; padding-right: 10px; box-sizing: border-box;}
.p1list2 li{background: url(../images/djbg2.png) no-repeat; background-size: 100% auto; margin: 0 45px 73px ; width: 485px; height: 214px;}
.p1list2 li .jf{background: url(../images/jfbg2.png) no-repeat; background-size: 100% auto; }
.p1list2 li.on{background: url(../images/djbg2on.png) no-repeat; background-size: 100% auto; }
.p1list2 li p{ 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: 202px;top: -16px; }


.btn_rule0{width: 26px; height: 26px; top: 350px; left:920px; background: url(../images/rule.png) no-repeat; background-size: 100% auto;}

.btn_rule{width: 26px; height: 26px; top: 0; left: 72%; background: url(../images/rule.png) no-repeat; background-size: 100% auto;}
.btn_rule2{width: 26px; height: 26px; top: 11px; right: 11px; background: url(../images/rule2.png) no-repeat; background-size: 100% auto;}
.numc{font-size: 20px; color: #9a6a0d; position: absolute; top: 2%; right: 7%;}
.p1list2 .numc{color: #fffca8;}

/* 2 */
.tit2 a{left: 68%;}
.tit3 a{left: 81%;}
.task2{margin: 120px auto;}
.p2jf{width:94%; margin: 10px auto 10px;  text-align: center; color: #ffecc3; font-size: 24px;  line-height: 1; display: flex; justify-content: center; align-items: center;}
.p2jf img{width: 46px; height: auto; margin: 0; }
.p2txt1{width:589px; text-align: center; color: #ffe085; font-size: 30px; line-height: 1; left: 0px;  top: -54px; position: absolute;}

.p2box1{ width: 589px; flex-shrink: 0; margin: 0px 10px; height: 591px; box-sizing: border-box; padding-top: 11px; background: url(../images/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: 18px; text-align: center;  line-height: 1; height: 88px;border-right: 1px solid #ff893a;}
.tab1 .highlight{border: 1px solid #ff893a; background: url(../images/thbg.png) no-repeat; color: #c1390d; font-size: 20px; font-weight: bold; text-align: center; height: 48px; line-height: 1; background-size: 100% 100%;}
.tab2 tr{border-bottom: 1px solid #ff893a;}
.tab1 tr{border-bottom: 1px solid #ff893a;}

.tab_out{height: 414px; overflow: auto;}
.tab_out::-webkit-scrollbar-track-piece{background-color:#982700; width: 2px;}
.tab_out::-webkit-scrollbar{width:4px;}
.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: 20px; text-align: center; height: 49px; line-height: 1.2;border-right: 1px solid #ff893a;}

.tab1 th:nth-of-type(1){width:79px;}
.tab1 th:nth-of-type(2){width: 214px;}

.tab2 tr td:nth-of-type(1){width: 79px;}
.tab2 tr td:nth-of-type(2){width: 243px;}


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

.jl_list1{flex-wrap: wrap; width: 630px; margin-top: -70px; flex-shrink: 0;}
.jl_list1 li{width: 187px; height: 162px; margin:5px 7px;  color: #ffe085;  font-size: 20px;  box-sizing: border-box; padding-top: 10px; background: url(../images/num3bg.png) no-repeat; background-size: 100% auto; position: relative;}

.jl_list1 li:nth-of-type(1),.jl_list1 li:nth-of-type(3){width:178px; font-weight: bold;  height: 307px;color: #fff;  box-sizing: border-box; padding-top: 59px;font-size: 22px; background: url(../images/num2bg.png) no-repeat; background-size: 100% auto; position: relative;}
.jl_list1 li:nth-of-type(2){width: 207px; font-weight: bold; color: #ff560c; font-size: 26px; padding-top: 31px; height: 307px;background: url(../images/num1bg.png) no-repeat; background-size: 100% auto; position: relative;}

.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: 20px; height: 62px; position: absolute; top: 68px; line-height: 1.2; left: 50%; transform: translateX(-50%); }
.jl_list1 li:nth-of-type(2) p{color: #ff560c; top: 19px; }
.jl_list1 li:nth-of-type(2) img{top: 90px; }
.jl_list1 li:nth-of-type(2) em{bottom: 24px; }

.jl_list1 li em{display: flex; width:94%; padding: 0 0; justify-content: center; align-items: center; text-align: center; color: #3d2f13; font-size:16px; height: 51px; position: absolute; bottom: 3px; line-height: 1; left: 50%; transform: translateX(-50%); align-content: center;}
.jl_list1 li img{width: auto; height: 180px; display: block; position: absolute; top: 116px; left: 50%; transform: translateX(-50%);}
.jl_list1 li:nth-last-child(-n + 5) img{top: -5px;}
.jl_list1 li:nth-last-child(-n + 5) p{top: 1px; font-size: 18px; height: 48px; font-weight: 400; line-height: 1; color: #ffe085;}
.jl_list1 li:nth-last-child(-n + 5) em{height: 30px; bottom: 4px; flex-wrap: wrap;}


.jl_list1 li div{color: #fff;  font-size:16px; width: 83px;  height: 28px; bottom:20%; z-index: 1; right: 10px; box-sizing: border-box; padding: 0px 0px 0px 0px; 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-last-child(-n + 2){ width:283px; background: url(../images/num4bg.png) no-repeat; background-size: 100% auto;}

/* .lock_box{width: 100%; height: 90%; top:110px; left: 50%; transform: translateX(-50%);}
.lock_box img{width:295px; height: auto; display: block; margin: 0 auto 20px;}
.lock_box p{color: #8c7944; text-align: center; font-size: 20px; line-height: 1.5; margin: 4px auto 0;}
.lock_box a{color: #ffdc4d; font-size: 26px; text-align: center; margin: 20px auto 0; display: block; text-decoration: underline; } */

/* 3 */
.rule{width: 100%; margin: 0px auto; display: none;}
/* .rule {display: flex; justify-content: start; margin-bottom:20px;} */
.rule p{font-size: 20px; line-height: 1.6; text-align: left; color: #ffecc3;}
/* .rule li i{width:23px; height: 23px; flex-shrink: 0; margin:1px 6px; 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: 24px;color: #e5e5e5; position: relative; z-index: 22;}
.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: -6px; }
.select-wrap .select-list{display: none;opacity: 0;transition: all 0.5s ease; min-width:200px; position: absolute; left:-150px; top: 42px;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: 52px;display: flex;align-items: center;justify-content: center;border: 0.01rem 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:423px; top: 0; right: 0; padding: 60px 0 30px; box-sizing: border-box;  background: url(../images/topbg.png) no-repeat; background-size: 100% 100%;  position:absolute; z-index: 25;}
.toptxt1 a{margin: 40px auto 50px; text-align: center; display: block; color: #f9f3ce; font-size: 30px; font-weight: 900;}
.toptxt2{width: 80%; margin: 0 auto;padding-top: 50px; border-top: 1px solid #f9f3ce; flex-wrap: wrap;}
.toptxt2 a{margin: 10px 35px;  }
.toptxt2 a img{width: auto; height:73px; display: block; margin: 0 auto 20px;}
.btn_colse{width: 33px; height: 31px;  display: block; top: 10px;right: 10px; background: url(../images/close1.png) no-repeat; background-size: 100% 100%;}
.toptxt1{margin-bottom: 100px;}

.share_box{ width:auto; display: none; top: 179px; right: 33px; padding: 10px; 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: 0px 8px; text-align: center;color: #f9f3ce; font-size: 30px; font-weight: 900; display: inline-flex;}
.share_box a img{width: auto; height: 71px; display: block; margin: 0 auto 0px;}


/* 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: 40px; height: 40px;display: block; top:10px; right:10px;background: url(../images/close.png) no-repeat; background-size: 100% 100%;}
.pop1{ padding: 10px 10px 30px; box-sizing: border-box; width:593px; height:auto;background: url(../images/pop1.png) no-repeat; background-size: 100% 100%;}
.pop2{ padding:12px 10px 20px; box-sizing: border-box; width:700px; height:auto;  background: url(../images/pop2.png) no-repeat; background-size: 100% 100%;}
.pop4{ padding-top: 199px; box-sizing: border-box; width: 1807px; height:770px;background: url(../images/pop2.png) no-repeat; background-size: 100% auto;}
.pop3{ padding:12px 10px 20px; box-sizing: border-box; width:685px; height:923px;  background: url(../images/pop3.png) no-repeat; background-size: 100% 100%;}

.flo1{  position: fixed; bottom:10%; right: 0; z-index: 11;  padding:3px; box-sizing: border-box; width:183px; height:183px;  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: 30px; line-height: 1; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; box-sizing: border-box; padding: 30px;}
.pop_close1{width: 40px; height: 40px;display: block; top:-40px; right:10px;background: url(../images/close.png) no-repeat; background-size: 100% 100%;}


.pop_txt1{color: #ffecc3; text-align: center; font-size: 24px; line-height: 1.2; margin:20px auto; display: block; width: 92%;}
.pop_txt11{color: #ffecc3; text-align: center; font-size: 30px; line-height: 1; margin:30px auto; display: block; width: 92%;}
.pop_txt6{color: #ffecc3; text-align: center; font-size: 40px; line-height: 1; margin:50px auto 30px; display: block; width: 92%;}


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

.pop_btn3{width:347px !important; height:52px; margin: 20px auto 20px;  color: #ff611c; font-size: 30px;  background: url(../images/pop_btn3.png) no-repeat; background-size: 100% auto;}
.pop_btn4{width:487px; height:69px; margin: 20px auto 20px;  color: #ff611c; font-size: 30px;  background: url(../images/pop_btn3.png) no-repeat; background-size: 100% auto;}
.pop_btn5{width:197px; height:44px; margin: 20px auto 20px;  color: #ff611c; font-size: 20px;  background: url(../images/pop_btn3.png) no-repeat; background-size: 100% 100%; position: relative;}

.pop_btnd a{width:272px; height:76px;}

.zsx10{width: 96px; top:-26px; right: -26px;}

.pop_tit1{ width: 438px; height: 58px; color: #fffabe; text-align: center; font-size: 38px; line-height: 1; font-weight: bold; margin: 10px 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:18px; margin: 10px auto 10px; display: block;    width: 80%;}
.pop_txt3{color: #fff; font-weight: bold;  line-height: 1; text-align: center; font-size:30px; margin: 10px auto 10px; display: block;    width: 80%;}
.pop_txt21{color: #ffecc3;   text-align: center; font-size:18px; margin: 0px auto 0px; display: block;    width: 80%;}
.pop_txt4{color: #ffecc3;  line-height: 2; text-align: center; font-size:20px; margin: 10px auto 10px; display: block;    width: 60%;}

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

.out{height: 750px; overflow: auto;}

.p1list3{height: auto; width: 98%;}
.p1list3 li{ padding-top: 3px; margin: 0 3px 13px; width: 123px; height: 173px; background: url(../images/djbg6.png) no-repeat; background-size: 100% 100%;}
/* .p1list3 li .jf{  font-size: 18px;  width: 123px; height: 32px;  top: 2px;    left: 2px; 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: 8px; width: 88%; color: #3d2f13; background: none; line-height: 1; font-size: 18px; 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: 12px; left: 7%; text-align: left; font-size: 64px; font-weight: bold; height: 64px; display: flex ; justify-content: center; align-items: center;}
.out::-webkit-scrollbar-track-piece{background-color:#982700; width: 3px;}
.out::-webkit-scrollbar{width:5px;}
.out::-webkit-scrollbar-thumb{background:#ffd873;border-radius: 0}

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

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


.p1list4{height: auto;}
.p1list4 li{ width:641px; margin: 0 auto; height:301px; background: url(../images/djbg4.png) no-repeat; background-size: 100% auto;}
.p1list4 li p{ bottom: 0;  width: 633px; height: auto; box-sizing: border-box; padding: 10px 10px; 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:641px; padding-top: 186px; margin: 0 auto; height:167px; background: url(../images/djbg5.png) no-repeat; background-size: 100% auto;}
.p1list5 li p{ bottom: 0;  width: 633px; color: #3d2f13;  background: url(../images/numbg4.png) no-repeat; background-size: 100% 100%;}

.p1list6{height: auto; width: 97%;}
.p1list6 li{ width:188px; padding-top: 6px; margin: 0 auto; height:170px; 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:243px; padding-top: 6px; margin: 0 auto; height:167px; background: url(../images/djbg5.png) no-repeat; background-size: 100% auto;}
.p1list6 li:nth-of-type(2) p{ color: #bf8514; width:99%; bottom: -8px; background: url(../images/numbg3.png) no-repeat; background-size: 100% auto;}

.p1list6 li a{ font-size: 40px; 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: 16px; left: 48%; transform: translateX(-50%);}


.p1list7{margin-top: 59px ;}
.p1list7 li{background: url(../images/djbg7.png) no-repeat; padding: 0; background-size: 100% 100%; margin:0 3px 13px ; width:139px; height: 179px;}
.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: 16px; color: #9a6b0e;  background:none; bottom: 0; left: 50%; transform: translateX(-50%); height: 50px;}
.p1list7 li img{height: 92px;top:27px; }
.p1list7 li:nth-of-type(2) img{height: 92px;transform: rotate(32deg)scale(.6)translate(-142px, 111px); }
.p1list7 li:nth-of-type(3) img{    height: 92px; transform: rotate(32deg) scale(1); left: 2%; top: 33px;}
.p1list7 li:nth-of-type(4) img{height: 92px;transform: rotate(32deg)scale(.6)translate(-142px, 111px); }

.lock_box{width: 100%; height: 100%; top:0; left: 50%; z-index: 100; 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:75px; height: auto; display: block; margin: 0 auto 20px;}
.lock_box p{color: #ffdc4d; width: 100%; text-align: center; font-size: 20px; line-height: 1.5; margin: 4px auto 0; display: block;}
.lock_box a{color: #ff611c; width: 344px; height: 56px; font-size: 34px; text-align: center; margin: 20px auto 0; }

.ptxt1{margin: 30px auto;}

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

.pop_txtr1{width: 92%; margin: 10px auto; max-height: 600px; overflow: auto;}
.pop_txtr1 ul{width: 100%;margin: 10px auto;}
.pop_txtr1::-webkit-scrollbar-track-piece{background-color:#982700; width: 3px;}
.pop_txtr1::-webkit-scrollbar{width:5px;}
.pop_txtr1::-webkit-scrollbar-thumb{background:#ffd873;border-radius: 0}

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

.logo2{width:170px; height: auto; display: block;}

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

.ptxt2{ width:517px; align-content: center; font-weight: bold; height:75px; font-size: 20px; 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: 30px auto;}
.huida{width: 615px; height: 615px; display: block; margin: 0; background: url(../images/hiuda/zq-en.png) no-repeat; background-size: 100% 100%;}

.pop3{display: inline-grid;}
.shijian{width: 615px;  display: block; top: 100px; left: -100px; }
.shijian img{width:196px; height: 231px; display: block; margin: 0 auto;}
.shijian p{ top: -9px; position: relative; text-align: center;width: 90%; font-size: 40px; color: #fff7b3; text-shadow:3px 4px 6px #f16f28;}

.shijian .cuo{width:237px; height: 237px; display: block; margin:-11px 20px 30px 192px;}
.crinum1{margin: 40px auto 70px;}


.dt_box{width: 90%; margin: 30px auto;}
.dt_box li{display: flex; justify-content: start; margin: 40px  auto; align-items: center; width: 425px; height: 74px; background: url(../images/dtbg.png) no-repeat; background-size: 100% 100%;}
.dt_box li p{font-size: 20px; width: 290px;  line-height: 1; text-align: center; color: #2b130b;}
.dt_box li em{font-size: 40px; font-weight: bold; width: 110px; 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: 20px; height: 70px;  }
.p1txt2 a{margin: 0;}

.p1list8{margin: 21px auto 0;}
.p1list8 li{ width:300px; height: 190px; background: url(../images/num4bg.png) no-repeat; background-size: 100% auto; padding: 0; margin: 0 auto;}
.p1list8 li p{ width: 98%; font-size: 18px; color: #9a6b0e;  background:none; bottom: 20px; left: 50%; transform: translateX(-50%);}
.p1list8 li img{height: 92px;top:27px; }

.toptxt21{border: 0; width: 100%;}

/* 11111 */
.pop_b {justify-content: center; margin-bottom: 10px;}
.pop_b a{margin: 0 0 0 0; color:#ff611c; font-size: 14px;}

.pop_b div a{width:160px; margin: 20px auto 0; }
.pop_b div{width: auto; margin: 0 10px; }
.pop_b div p{width: 100%; color: #ffecc3; font-size: 18px; text-align: center; margin-bottom: 10px;}

.pop_txt2111{margin-bottom: 30px;}
/* 生成图 */
#toimg{ width: 685px; height: 859px;box-sizing: border-box;padding-top: 0.1px;}
.dom2img-result { opacity:0; width: 685px; height: 859px; position: absolute; top: 70px; 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: 125px; height: 125px; top: 714px; right: 31px; z-index: 3; background: #fff;}
.ewm img{width: 100%; height: 100%;}
.ewm canvas{width: 100%; height: 100%;}
.p_txt1{color: #ffecc3; top: 170px; left: 170px;   text-align: center; font-size:18px; position: absolute;  display: block;}
.p_txt2{  text-align: center;   margin: 382px  auto 0; width: 585px; height: 68px; box-sizing: border-box; color: #fff; display: block; font-size: 20px; padding: 10px; background: #451b0a; border: 2px solid #f8781b; }



.lang_en .wrap {background: url(../images/hd/hd.jpg) no-repeat 50% 0, url(../images/bg.jpg) no-repeat 50% 1200px;}
.lang_ms .wrap{ background: url(../images/hd/hd.jpg) no-repeat 50% 0, url(../images/bg.jpg) no-repeat 50% 1200px;}
.lang_th .wrap{ background: url(../images/hd/hd.jpg) no-repeat 50% 0, url(../images/bg.jpg) no-repeat 50% 1200px;}
.lang_id .wrap{ background: url(../images/hd/hd.jpg) no-repeat 50% 0, url(../images/bg.jpg) no-repeat 50% 1200px;}
.lang_vn .wrap{ background: url(../images/hd/hd.jpg) no-repeat 50% 0, url(../images/bg.jpg) no-repeat 50% 1200px;}
.lang_tw .wrap{ background: url(../images/hd/hd.jpg) no-repeat 50% 0, url(../images/bg.jpg) no-repeat 50% 1200px;}

.lang_en .tit1{height: 89px; background: url(../images/tit1/en.png) no-repeat; background-size: 100% 100%;}
.lang_ms .tit1{height: 89px; background: url(../images/tit1/ms.png) no-repeat; background-size: 100% 100%;}
.lang_th .tit1{height: 123px; background: url(../images/tit1/th.png) no-repeat; background-size: 100% 100%;}
.lang_id .tit1{height: 89px; background: url(../images/tit1/id.png) no-repeat; background-size: 100% 100%;}
.lang_vn .tit1{height: 98px; background: url(../images/tit1/vn.png) no-repeat; background-size: 100% 100%;}   
.lang_tw .tit1{height: 91px; background: url(../images/tit1/tw.png) no-repeat; background-size: 100% 100%;}

.lang_en .tit2{height: 89px; background: url(../images/tit2/en.png) no-repeat; background-size: 100% 100%;}
.lang_ms .tit2{height: 89px; background: url(../images/tit2/ms.png) no-repeat; background-size: 100% 100%;}
.lang_th .tit2{height: 109px; background: url(../images/tit2/th.png) no-repeat; background-size: 100% 100%;}
.lang_id .tit2{height: 89px; background: url(../images/tit2/id.png) no-repeat; background-size: 100% 100%;}
.lang_vn .tit2{height: 103px; background: url(../images/tit2/vn.png) no-repeat; background-size: 100% 100%;}  
.lang_tw .tit2{height: 91px; background: url(../images/tit2/tw.png) no-repeat; background-size: 100% 100%;}

.lang_en .tit3{height: 89px; background: url(../images/tit3/en.png) no-repeat; background-size: 100% 100%;}
.lang_ms .tit3{height: 89px; background: url(../images/tit3/ms.png) no-repeat; background-size: 100% 100%;}
.lang_th .tit3{height: 101px; background: url(../images/tit3/th.png) no-repeat; background-size: 100% 100%;}
.lang_id .tit3{height: 89px; background: url(../images/tit3/id.png) no-repeat; background-size: 100% 100%;}
.lang_vn .tit3{height: 103px; background: url(../images/tit3/vn.png) no-repeat; background-size: 100% 100%;}  
.lang_tw .tit3{height: 91px; background: url(../images/tit3/tw.png) no-repeat; background-size: 100% 100%;}

.lang_en .tit3{height: 89px; background: url(../images/tit3/en.png) no-repeat; background-size: 100% 100%;}
.lang_ms .tit3{height: 89px; background: url(../images/tit3/ms.png) no-repeat; background-size: 100% 100%;}
.lang_th .tit3{height: 101px; background: url(../images/tit3/th.png) no-repeat; background-size: 100% 100%;}
.lang_id .tit3{height: 89px; background: url(../images/tit3/id.png) no-repeat; background-size: 100% 100%;}
.lang_vn .tit3{height: 103px; background: url(../images/tit3/vn.png) no-repeat; background-size: 100% 100%;}  
.lang_tw .tit3{height: 91px; background: url(../images/tit3/tw.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%;}

/* 越南 */
.lang_vn .top_box1 .btn_copy{font-size: 26px;}
.lang_vn .list1 li a{font-size: 20px;}
.lang_vn .p1list1  li a{font-size: 20px;}
.lang_vn .pop_tit1 { margin: 0px auto 10px; width: 538px; height: auto; padding-bottom: 19px; background: url(../images/pop_tit1.png) no-repeat 0 bottom; background-size: 100% auto; }
.lang_vn .pop_btn a{font-size: 30px;}
.lang_vn .jl_list1 li p{font-size: 20px;}
.lang_vn .tit2 a { left: 80%; }
.lang_vn .tit3 a { left: 85%; }

/* ID 印尼语 */

/* TH 泰语 */
.lang_th .btnA{font-weight: 400;}
.lang_th .pop_tit1,.lang_th a,.lang_th em,.lang_th p{font-weight: 400;}
.lang_th .jl_list1 li p{font-size: 33px;}
.lang_th .lock_box  p{font-size: 29px;}
.lang_th .p1txt1{font-size: 50px;}
.lang_th .p1list1 li a{font-size: 30px;}
.lang_th .top_box1 .btn_copy{font-size: 40px;}

.lang_th .jl_list1 li:nth-last-child(-n + 5) p{font-size: 27px;}
.lang_th .jl_list1 li:nth-last-child(-n + 5) em{font-size: 18px;}

/* MS 马来语 */
.lang_ms .tit3 a { left: 85%; }
.lang_ms .pop_tit1{font-size: 32px; }

/* TW 台繁 */


.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:148px; height: 148px; top: 120px; left: 10px; line-height: 160px; display: block;text-align: center;  font-size: 60px; color:#ffffff; background: url(../images/djs2.png) no-repeat; background-size: 100% 100%;}

.p1list61{height: auto; width: 97%; margin: 0 auto 30px;}
.p1list61 li{  width:231px; padding-top: 6px; margin: 0 auto; height:167px; 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: -8px; 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: 16px; left: 48%; transform: translateX(-50%);}

.pchide{display: none;}
.pcshow{display: block;}
.share_box2{ width:auto; display: none; bottom: -46px; right: 76px; padding: 10px; 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: 0px 8px; text-align: center; display: block; color: #f9f3ce; font-size: 30px; font-weight: 900; display: inline-flex;}
.share_box2 a img{width: auto; height: 71px; display: block; margin: 0 auto 0px;}

.top_btn2{width: 220px; height: 65px; top: 730px; left: 50%; justify-content: space-between; transform: translateX(-50%); 
background: url(../images/top_btn2.png) no-repeat right; background-size:auto 100% ;}
.top_btn2 a{height: 65px; width: 220px;}
.top_btn2{top: 838px;}
.lang_id .top_btn2{background: url(../images/top_btn2_id.png) no-repeat right; background-size:auto 100% ;}
.lang_th .top_btn2{background: url(../images/top_btn2_th.png) no-repeat right; background-size:auto 100%;}
.lang_ms .top_btn2{background: url(../images/top_btn2_ms.png) no-repeat right; background-size:auto 100%;}


.mask1{ width:1920px; height:375px; background: url(../images/mask.png) no-repeat;background-size: 100% auto; top: 631px; left: 0; display: block;}

.slg{ top: 166px; left: 50%; width:1200px; height:350px; background: url(../images/hd/slg_en.png) no-repeat;background-size: 100% auto; transform: translateX(-50%); position: absolute; display: block;}
.lang_ms .slg { top: 136px; background: url(../images/hd/slg_ms.png) no-repeat; background-size: 100% auto;}
.lang_th .slg { top: 104px; background: url(../images/hd/slg_th.png) no-repeat; background-size: 100% auto;}
.lang_id .slg { top: 161px;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;}
.video1{display: block;position: absolute;width: 1920px;top: 0px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index: 1;}

.btn_btn4{width:760px; height:69px; margin: 20px auto 20px; box-sizing: border-box; padding: 0 10px;  color: #ff611c; font-size: 30px;  background: url(../images/btn5.png) no-repeat; background-size: 100% 100%;}
.lang_th .btn_btn4{ font-size: 40px;  }