@charset "UTF-8";
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b{font-style:normal;font-weight:normal;}
a{text-decoration:none;cursor: pointer!important;visibility: visible;}
a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);}
img{border:0;}
body{padding-top:0.42rem;background-color:#000;}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;}
ul,li{list-style:none;}
input{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;background:none;outline:none;border:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;outline:none;background:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
/* reset end */
.hide{position:absolute;width:0;height:0;overflow:hidden;opacity:0;visibility:hidden;font-size:0;color:transparent;text-indent:-9999em;}

/*字体包CDN分离路径*/
@font-face{font-family:'PROJECTDTYPECURVE';src:url("../fonts/PROJECTDTYPECURVE-BOLD.TTF");}
@font-face{font-family:'ProjectDType';src:url("../fonts/ProjectDType-Medium.ttf");}
@font-face{font-family:'NotoSans-Medium';src:url("../fonts/NotoSans-Medium.ttf");}
@font-face{font-family:'NotoSans-Bold';src:url("../fonts/NotoSans-Bold.ttf");}
@font-face{font-family:'SourceHanSansCN';src:url("../fonts/SourceHanSansCN.otf");}
.en .language li {
  font-family: SourceHanSansCN;
}
body{padding-top:0;font-family:"NotoSans-Medium";}
.bold{font-family:"NotoSans-Bold";}
.en{font-family:"ProjectDType";}
.en .bold{font-family:"PROJECTDTYPECURVE";}
.ar,.ar input,.ar select{direction:rtl;}
.ar body, html.ar {
  overflow-x: hidden;
  direction: rtl;
  unicode-bidi: bidi-override;
}
.wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.loader {
  border: .16rem solid #e2e2e2;
  border-top: .16rem solid #0FE195;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#loading-overlay.hidden {
  display: none;
}

.part {
  width: 100%;
  position: relative;
}
.p1{
  height: 11.8rem;
  background:url(../images/bg1.jpg) 0/100% 100% no-repeat;
}
.p2{
  height: 10.2rem;
  background:url(../images/bg2.jpg) 0/100% 100% no-repeat;
}
.p3{
  height: 27rem;
  background:url(../images/bg3.jpg) 0/100% 100% no-repeat;
}
.p4{
/*  min-height: 24.8rem;*/
  background:url(../images/bg4.jpg) 0/100% 100% no-repeat;
  overflow: hidden;
}

/*p1*/
.nav_box {
  width: 100%;
  height: 1.11rem;
  padding: .32rem .66rem .32rem .44rem;
  display: block;
}
.nav-m{
  display: none;
}
.top_btn{
  display: none;
  opacity: 0;
  pointer-events: none;
}
.ar .nav {
  direction: ltr;
}
.nav_box .logo {
  display: block;
  background: url(../images/logo.png) center center / 100% no-repeat;
  width: 2.14rem;
  height: .47rem;
  position: absolute;
  top: .32rem;
  left: .44rem;
}
.top_btn {
  position: absolute;
  top: .34rem;
  left: 2.2rem;
  display: flex;
}
.ar .top_btn{
  direction: rtl;
}
.top_btn .service, .top_btn .center {
  font-size: .12rem;
  width: auto;
  min-width: 1.3rem;
  max-width: 2.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: .38rem;
  max-height: .57rem;
  line-height: .16rem;
  padding: 0 .1rem;
  z-index: 99;
  background-color: rgba(22, 32, 39, .4);
  border: .01rem solid #7c7b7b;
  border-bottom: .01rem solid #e2e2e2;
  color: #e2e2e2;
  margin-right: .1rem;
  position: relative;
  cursor: pointer;
}
.top_btn .service:hover, .top_btn .center:hover {
  background-color: rgba(75, 83, 88, .8);
  border-bottom: .01rem solid #0ff89b;
}
.top_tab .top_tab_title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 .32rem;
}
.top_list {
  display: none;
  width: 100%;
  position: absolute;
  top: .38rem;
  left: 0;
}
.center:hover .top_list {
  display: block;
}
.top_list a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  font-size: .12rem;
  margin-right: 0 !important;
}
.top_tab .row {
  display: block;
  background: url(../images/row_icon1.png) center center / 100% no-repeat;
  width: .16rem;
  height: .08rem;
  margin: 0 .1rem;
  transition: all 0.5s;
  position: absolute;
  right: .02rem;
  top: 50%;
  transform: translateY(-50%);
}
.ar .top_tab .row {
  right: unset;
  left: .02rem;
}
.top_tab:hover .row {
  transform: translateY(-50%) rotate(-180deg);
}
.service i {
  display: inline-block;
  background: url(../images/service_icon.png) no-repeat center / 100%;
  width: .2rem;
  height: .2rem;
  margin-left: .1rem;
}
.slide-line {
  position: absolute;
  width: 98%;
  height: 0.02rem;
  top: .9rem;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.15);
  left: 50%;
  margin-left: -9.4rem;
}
.slide-line::before, .slide-line::after {
  content: "";
  position: absolute;
  width: .05rem;
  height: 100%;
  top: 0;
  background-color: #cae1cf;
}
.slide-line::before {
  left: 0;
}
.slide-line::after {
  right: 0;
}
.language {
  display: block;
  width: auto;
  height: .47rem;
  z-index: 10;
  white-space: nowrap;
  text-align: center;
  font-size: .2rem;
  color: #a6a6a6;
  transition: width .5s;
  cursor: pointer;
  position: relative;
  float: right;
  margin-left: .24rem;
}
.language:before {
  content: "";
  position: absolute;
  width: .41rem;
  height: .42rem;
  top: 50%;
  margin-top: -.21rem;
  left: .05rem;
  background: url(../images/lang_icon.png) center center / 100% 100% no-repeat;
}
.language:after {
  content: "";
  position: absolute;
  width: .25rem;
  height: .18rem;
  top: 50%;
  margin-top: -.09rem;
  right: 0;
  background: url(../images/lang_drop2.png) center center / 100% 100% no-repeat;
}
.language p {
  width: auto;
  line-height: .47rem;
  font-size: .18rem;
  color: #e5e5e5;
  text-shadow: .02rem .02rem rgba(0, 0, 0, .16);
  font-family: initial;
  padding: 0 .42rem 0 .52rem;
}
.language ul {
  position: absolute;
  width: 2.4rem;
  height: auto;
  top: 0;
  right: -.18rem;
  box-sizing: border-box;
  padding-top: .47rem;
  max-height: 0;
  overflow: hidden;
}
.language:hover ul {
  max-height: 999px;
  transition: max-height 2s;
}
.language li {
  width: 2.2rem;
  height: .4rem;
  line-height: .4rem;
  border-left: 1px #7a7773 solid;
  border-right: 1px #7a7773 solid;
  border-bottom: 1px #7a7773 solid;
  background-color: rgba(16, 16, 16, .77);
  box-sizing: border-box;
  font-size: .2rem;
}
/*.language li[data-value="ru"]{font-family: initial;}*/
.language li.on, .language li:hover {
  color: #0ff796;
  background-color: rgba(127, 135, 135, .6);
}

.slogan{
  display: block;
  width: 100%;
  height: 2.12rem;
  background:url(../images/slogan_en.png) center 0/11.28rem 2.12rem no-repeat;
  position: absolute;
  top: 5.5rem;
  left: 0;
}
.zh-tw .slogan{background:url(../images/slogan_tw.png) center 0/11.28rem 2.12rem no-repeat;}
.zh-hk .slogan{background:url(../images/slogan_hk.png) center 0/11.28rem 2.12rem no-repeat;}
.en .slogan{background:url(../images/slogan_en.png) center 0/11.28rem 2.12rem no-repeat;}
.fr .slogan{background:url(../images/slogan_fr.png) center 0/11.28rem 2.12rem no-repeat;}
.es .slogan{background:url(../images/slogan_es.png) center 0/11.28rem 2.12rem no-repeat;}
.es-latam .slogan{background:url(../images/slogan_es-latam.png) center 0/11.28rem 2.12rem no-repeat;}
.ru .slogan{background:url(../images/slogan_ru.png) center 0/11.28rem 2.12rem no-repeat;}
.de .slogan{background:url(../images/slogan_de.png) center 0/11.28rem 2.12rem no-repeat;}
.ar .slogan{background:url(../images/slogan_ar.png) center 0/11.28rem 2.12rem no-repeat;}
.th .slogan{background:url(../images/slogan_th.png) center 0/11.28rem 2.12rem no-repeat;}
.vi .slogan{background:url(../images/slogan_vi.png) center 0/11.28rem 2.12rem no-repeat;}
.id .slogan{background:url(../images/slogan_id.png) center 0/11.28rem 2.12rem no-repeat;}
.pt .slogan{background:url(../images/slogan_pt.png) center 0/11.28rem 2.12rem no-repeat;}
.pt-br .slogan{background:url(../images/slogan_pt-br.png) center 0/11.28rem 2.12rem no-repeat;}
.ko .slogan{background:url(../images/slogan_ko.png) center 0/11.28rem 2.12rem no-repeat;}
.ja .slogan{background:url(../images/slogan_ja.png) center 0/11.28rem 2.12rem no-repeat;}
.tr .slogan{background:url(../images/slogan_tr.png) center 0/11.28rem 2.12rem no-repeat;}
.ms .slogan{background:url(../images/slogan_ms.png) center 0/11.28rem 2.12rem no-repeat;}
.zh .slogan{background:url(../images/slogan_zh.png) center 0/11.28rem 2.12rem no-repeat;}
.login-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  width: auto;
  height: .27rem;
  margin: .1rem .24rem 0 0;
  position: relative;
}
.login-box:before{
  display: block;
  content: "";
  width: .02rem;
  height: .32rem;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: -.24rem;
  top: 50%;
  margin-top: -.16rem;
}
.btn-login {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 0.27rem;
  font-size: 0.18rem;
  color: #e2e2e2;
  position: relative;
}
.btn-login:after {
  display: block;
  content: "";
  width: 100%;
  height: .02rem;
  background: #e2e2e2;
  position: absolute;
  left: 0;
  bottom: 0;
}
.login-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 0.3rem;
  font-size: 0.18rem;
}
.btn-adress {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 0.3rem;
  font-size: 0.18rem;
  color: #0ff796;
  text-decoration: underline;
  margin-left: 0.05rem;
}
.txt-nickname {
  display: inline-block;
  color: #ebebeb;
}
.btn-logout {
  display: inline-block;
  text-decoration: underline;
  color: #0ff796;
  margin-left: 0.05rem;
}
.p1_video{
  display: block;
  width: 6.31rem;
  height: 1.65rem;
  background: url(../images/p1_video1.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 4.8rem;
  left: 50%;
  margin-left: -3.155rem;
}
.btn_play{
  display: block;
  width: 1.08rem;
  height: 1.08rem;
  background: url(../images/p1_video2.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: .3rem;
  left: 50%;
  margin-left: -.54rem;
}
.p1_botton{
  display: block;
  width: 100%;
  height: .77rem;
  position: absolute;
  top: 7.88rem;
  left: 0;
  text-align: center;
  font-size: 0;
}
a{cursor: pointer;}
.p1_botton a{
  display: inline-block;
  width: 3.94rem;
  height: .77rem;
  line-height: .77rem;
  background: url(../images/p1_botton.png) 0 0/100% 100% no-repeat;
  font-size: .26rem;
  color: #000;
  margin: 0 .1rem;
}
.p1_tips{
  display: block;
  width: 16.4rem;
  position: absolute;
  top: 9.4rem;
  left: 1.4rem;
  font-size: .24rem;
  line-height: .36rem;
  color: #f1f1f1;
  text-align: center;
  opacity: .6;
}

/*p2*/
.p2_title{
  display: block;
  width: 100%;
  height: 2.92rem;
  background: url(../images/p2_title_en.png)  center 0/11.28rem 2.92rem no-repeat;
  position: absolute;
  top: -.6rem;
  left: 0;
}
.zh-tw .p2_title{background:url(../images/p2_title_tw.png) center 0/11.28rem 2.92rem no-repeat;}
.zh-hk .p2_title{background:url(../images/p2_title_hk.png) center 0/11.28rem 2.92rem no-repeat;}
.en .p2_title{background:url(../images/p2_title_en.png) center 0/11.28rem 2.92rem no-repeat;}
.fr .p2_title{background:url(../images/p2_title_fr.png) center 0/11.28rem 2.92rem no-repeat;}
.es .p2_title{background:url(../images/p2_title_es.png) center 0/11.28rem 2.92rem no-repeat;}
.es-latam .p2_title{background:url(../images/p2_title_es-latam.png) center 0/11.28rem 2.92rem no-repeat;}
.ru .p2_title{background:url(../images/p2_title_ru.png) center 0/11.28rem 2.92rem no-repeat;}
.de .p2_title{background:url(../images/p2_title_de.png) center 0/11.28rem 2.92rem no-repeat;}
.ar .p2_title{background:url(../images/p2_title_ar.png) center 0/11.28rem 2.92rem no-repeat;}
.th .p2_title{background:url(../images/p2_title_th.png) center 0/11.28rem 2.92rem no-repeat;}
.vi .p2_title{background:url(../images/p2_title_vi.png) center 0/11.28rem 2.92rem no-repeat;}
.id .p2_title{background:url(../images/p2_title_id.png) center 0/11.28rem 2.92rem no-repeat;}
.pt .p2_title{background:url(../images/p2_title_pt.png) center 0/11.28rem 2.92rem no-repeat;}
.pt-br .p2_title{background:url(../images/p2_title_pt-br.png) center 0/11.28rem 2.92rem no-repeat;}
.ko .p2_title{background:url(../images/p2_title_ko.png) center 0/11.28rem 2.92rem no-repeat;}
.ja .p2_title{background:url(../images/p2_title_ja.png) center 0/11.28rem 2.92rem no-repeat;}
.tr .p2_title{background:url(../images/p2_title_tr.png) center 0/11.28rem 2.92rem no-repeat;}
.ms .p2_title{background:url(../images/p2_title_ms.png) center 0/11.28rem 2.92rem no-repeat;}
.zh .p2_title{background:url(../images/p2_title_zh.png) center 0/11.28rem 2.92rem no-repeat;}
.p2_confirm{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.1rem;
  height: .8rem;
  background: url(../images/p2_confirm.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 8.32rem;
  left: 50%;
  margin-left: -2.05rem;
  color: #d8c17d;
  font-size: .26rem;
  text-align: center;
  line-height: .3rem;
  box-sizing: border-box;
  padding: 0 .1rem;
}
.p2_confirm.out{
  background: url(../images/p2_confirm1.png) 0 0/100% 100% no-repeat;
  color: #afada6;
  pointer-events: none;
}
.p2_record{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.27rem;
  height: .44rem;
  background: url(../images/p2_record.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 2.5rem;
  left: 4.12rem;
  color: #e5e5e5;
  text-shadow: .02rem .02rem rgba(0, 0, 0, .15);
  font-size: .16rem;
  text-align: center;
  line-height: 1;
  box-sizing: border-box;
  padding: 0 .1rem;
}
/*.p2_record:after{
  display: block;
  content: '';
  width: .08rem;
  height: .16rem;
  background: url(../images/m_row_icon.png) 0 0/100% 100% no-repeat;
  margin: 0 .1rem;
}*/
.p2_draws{
  display: block;
  width: 100%;
  font-size: .2rem;
  color: #c0c0c0;
  line-height: .2rem;
  text-align: center;
  position: absolute;
  top: 9.32rem;
  left: 0;
}
.p2_draws span{
  color: #baa66b;
}
.ar .p2_draws{
  direction: rtl;
}
.p2_tips{
  display: block;
  width: 100%;
  font-size: .2rem;
  color: #c0c0c0;
  line-height: .2rem;
  text-align: center;
  position: absolute;
  top: 9.62rem;
  left: 0;
}
.p2_tips span{
  color: #baa66b;
}
.ar .p2_tips{
  direction: rtl;
}
.p2_list{
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
  width: 10.96rem;
  height: 4.56rem;
  position: absolute;
  top: 3.1rem;
  left: 4.12rem;
}
.p2_list li{
  display: block;
  width: 3.48rem;
  height: 2.1rem;
  background: url(../images/p2_list.png) 0 0/100% 100% no-repeat;
  position: relative;
}
.p2_list li img{
  display: block;
  width: 100%;
}
.p2_list li p{
  display: flex;
  width: 3.4rem;
  height: .5rem;
  position: absolute;
  bottom: .04rem;
  left: .04rem;
  font-size: .2rem;
  line-height: .22rem;
  color: #ebebeb;
  opacity: .8;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/*p3*/
.p3_title{
  display: block;
  width: 100%;
  height: 2.92rem;
  background: url(../images/p3_title_en.png)  center 0/11.28rem 2.92rem no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.zh-tw .p3_title{background:url(../images/p3_title_tw.png) center 0/11.28rem 2.92rem no-repeat;}
.zh-hk .p3_title{background:url(../images/p3_title_hk.png) center 0/11.28rem 2.92rem no-repeat;}
.en .p3_title{background:url(../images/p3_title_en.png) center 0/11.28rem 2.92rem no-repeat;}
.fr .p3_title{background:url(../images/p3_title_fr.png) center 0/11.28rem 2.92rem no-repeat;}
.es .p3_title{background:url(../images/p3_title_es.png) center 0/11.28rem 2.92rem no-repeat;}
.es-latam .p3_title{background:url(../images/p3_title_es-latam.png) center 0/11.28rem 2.92rem no-repeat;}
.ru .p3_title{background:url(../images/p3_title_ru.png) center 0/11.28rem 2.92rem no-repeat;}
.de .p3_title{background:url(../images/p3_title_de.png) center 0/11.28rem 2.92rem no-repeat;}
.ar .p3_title{background:url(../images/p3_title_ar.png) center 0/11.28rem 2.92rem no-repeat;}
.th .p3_title{background:url(../images/p3_title_th.png) center 0/11.28rem 2.92rem no-repeat;}
.vi .p3_title{background:url(../images/p3_title_vi.png) center 0/11.28rem 2.92rem no-repeat;}
.id .p3_title{background:url(../images/p3_title_id.png) center 0/11.28rem 2.92rem no-repeat;}
.pt .p3_title{background:url(../images/p3_title_pt.png) center 0/11.28rem 2.92rem no-repeat;}
.pt-br .p3_title{background:url(../images/p3_title_pt-br.png) center 0/11.28rem 2.92rem no-repeat;}
.ko .p3_title{background:url(../images/p3_title_ko.png) center 0/11.28rem 2.92rem no-repeat;}
.ja .p3_title{background:url(../images/p3_title_ja.png) center 0/11.28rem 2.92rem no-repeat;}
.tr .p3_title{background:url(../images/p3_title_tr.png) center 0/11.28rem 2.92rem no-repeat;}
.ms .p3_title{background:url(../images/p3_title_ms.png) center 0/11.28rem 2.92rem no-repeat;}
.zh .p3_title{background:url(../images/p3_title_zh.png) center 0/11.28rem 2.92rem no-repeat;}
.p3_team{
  display: block;
  width: auto;
  height: .56rem;
  background: url(../images/p3_team.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 2.64rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .3rem;
  line-height: .56rem;
  color: #e2e2e2;
  text-align: center;
  padding: 0 .2rem;
}
.p3_select{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 1.68rem;
  height: .45rem;
  background: url(../images/p3_select.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 3.24rem;
  right: 4.04rem;
  font-size: .18rem;
  line-height: .45rem;
  color: #e2e2e2;
  box-sizing: border-box;
  padding: 0 .46rem 0 .1rem;
  cursor: pointer;
}
.p3_select span:nth-child(2){
  margin-left: .1rem;
}
.ar .p3_select span:nth-child(2){
  margin-left: 0;
  margin-right: .1rem;
}
.ar .p3_select{
  padding: 0 .1rem 0 .46rem;
}
.p3_select.act{
  background: url(../images/p3_select.png) 0 0/100% 100% no-repeat;
}
.p3_select.act:after{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 48%;
}
.p3_select:after{
  display: block;
  content: '';
  width: .25rem;
  height: .18rem;
  background: url(../images/lang_drop2.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 52%;
  right: .06rem;
  margin-top: -.09rem;
}
.ar .p3_select:after{
  left: .06rem;
  right: initial;
}
.p3_ul{
  display: block;
  width: 1.68rem;
  height: 0;
  background: #000;
  position: absolute;
  overflow: hidden;
  top: 3.7rem;
  right: 4.04rem;
  transition: all .8s;
  z-index: 3;
}
.p3_ul.act{
  height: .9rem;
}
.p3_ul li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: .45rem;
  text-align: center;
  line-height: .2rem;
  font-size: .16rem;
  color: #a6a6a6;
  cursor: pointer;
  font-family: "NotoSans-Medium";
  position: relative;
  box-sizing: border-box;
  padding-right: .2rem;
}
.ar .p3_ul li{
  padding-right: initial;
  padding-left: .2rem;
}
.p3_ul li:after{
  display: block;
  content: '>';
  width: .2rem;
  line-height: .45rem;
  position: absolute;
  top: 0;
  right: 0;
}
.ar .p3_ul li:after{
  right: initial;
  left: 0;
  content: '>';
}
.p3_opt0{
  display: block;
  width: 1.68rem;
  height: 0;
  background: #000;
  position: absolute;
  overflow: hidden;
  top: 3.7rem;
  right: 2.36rem;
  opacity: 0;
  -webkit-transition: all .8s;
  transition: all .8s;
}
.ar .p3_opt0,
.ar .p3_opt1{
  right: 5.7rem;
  z-index: 3;
}
.p3_opt0.act{
  opacity: 1;
  height: 2.25rem;
}
.p3_opt0 li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: .45rem;
  text-align: center;
  line-height: .2rem;
  font-size: .16rem;
  color: #a6a6a6;
  cursor: pointer;
  font-family: "NotoSans-Medium";
}
.p3_opt1{
  display: block;
  width: 1.68rem;
  height: 0;
  background: #000;
  position: absolute;
  overflow: hidden;
  top: 3.7rem;
  right: 2.36rem;
  opacity: 0;
  -webkit-transition: all .8s;
  transition: all .8s;
}
.p3_opt1.act{
  opacity: 1;
  height: 2.25rem;
}
.p3_opt1 li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: .45rem;
  text-align: center;
  line-height: .2rem;
  font-size: .16rem;
  color: #a6a6a6;
  cursor: pointer;
  font-family: "NotoSans-Medium";
}
.p3_list{
  display: none;
  width: 12rem;
  height: 7.2rem;
  text-align: center;
  font-size: 0;
  position: absolute;
  top: 4rem;
  left: 50%;
  margin-left: -6rem;
}
.p3_list.act{
  display: block;
}
.p3_list li{
  display: inline-block;
  width: 3.48rem;
  height: 3.39rem;
  background: url(../images/p3_list.png) 0 0/100% 2.39rem no-repeat;
  margin: 0 .16rem .5rem;
  position: relative;
}
.p3_list1:hover{
  z-index: 4;
}
.p3_list li img{
  display: block;
  width: 100%;
  pointer-events: none;
}
.p3_list li .p3_name{
  display: block;
  width: 3.4rem;
  height: .78rem;
  position: absolute;
  bottom: 1.04rem;
  left: .04rem;
  font-size: .22rem;
  line-height: .26rem;
  color: #ebebeb;
  text-align: center;
}
.p3_list li .p3_name p{
  display: block;
  width: 96%;
  position: absolute;
  top: 50%;
  left: 2%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p3_list li .p3_name p span{
  color: #f4cf67;
  margin: 0 .05rem;
}
.zh-tw .p3_list li .p3_name p,
.zh-hk .p3_list li .p3_name p{
  font-size: .2rem;
}
.p3_list li a{
  display: block;
  width: 3.45rem;
  height: .68rem;
  background: url(../images/p3_receive1.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 2.62rem;
  left: .015rem;
  font-size: .22rem;
  color: #e2e2e2;
  text-align: center;
  line-height: .68rem;
  pointer-events: none;
}
.p3_list li a.act{
  background: url(../images/p3_receive2.png) 0 0/100% 100% no-repeat;
  color: #d8c17d;
  pointer-events: auto;
}
.p3_list li a.end{
  color: rgba(255, 255, 255, .6);
}
.p3_list li .p3_img{
  display: block;
  width: 100%;
  height: 1.6rem;
  overflow: hidden;
  z-index: 2;
  position: relative;
  -webkit-transform: translateZ(10px);
  transform: translateZ(10px);
  cursor: pointer;
}
.p3_list li .p3_img:hover ~ .p3_reward{
  display: block;
}
.p3_reward{
  display: none;
  width: 7.5rem;
  height: 4.62rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.54rem;
  outline: none;
  border: none;
  position: absolute;
  top: -4rem;
  left: 50%;
  margin-left: -3.75rem;
  background: url("../images/pop.png") 0 0/100% 100% no-repeat;
  z-index: 2;
  pointer-events: none;
}
.p3_list1 .p3_reward{
  height: 6rem;
  top: -5.38rem;
  background: url("../images/pop2.png") 0 0/100% 100% no-repeat;
}
.p3_reward ul{
  display: block;
  width: 100%;
  height: 1.76rem;
  font-size: 0;
  text-align: center;
}
.p3_reward ul li{
  display: inline-block;
  width: 2.09rem;
  height: 1.76rem;
  background: url("../images/pop_reward.png") 0 0/100% 100% no-repeat;
  margin: 0 .1rem 0.1rem;
  overflow: hidden;
  position: relative;
}
.p3_reward ul li p{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2.02rem;
  height: .44rem;
  position: absolute;
  top: 1.28rem;
  left: .03rem;
  font-size: .12rem;
  line-height: .14rem;
  color: #e2e2e2;
}
.ms .p3_reward ul li p{
  font-size: .14rem;
  line-height: .18rem;
}
.p3_reward ul li img{
  display: block;
  width: 130%;
  margin: 2% 0 0 -15%;
}
.ar .p3_reward ul li img{
  position: relative;
  left: 15%;
}
.p3_list li .p3_reward_text{
  display: flex;
  width: 5.4rem;
  height: 1.38rem;
  margin: .1rem auto 0;
  font-size: .36rem;
  line-height: .48rem;
  color: #e2e2e2;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: 0;
  left: 0;
}
.p3_tips{
  display: block;
  width: 18rem;
  position: absolute;
  top: 11.8rem;
  left: 50%;
  margin-left: -9rem;
  font-size: .22rem;
  line-height: .22rem;
  color: #e2e2e2;
  text-align: center;
}
.p3_have{
  display: block;
  width: 5.7rem;
  position: absolute;
  top: 13.5rem;
  left: 3.95rem;
  font-size: .3rem;
  line-height: .32rem;
  color: #e2e2e2;
}
.p3_have span{
  color: #f4cf67;
}
.ar .p3_have{
  width: 5rem;
}
.p3_time{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: center;
  width: 5.5rem;
  height: .72rem;
  position: absolute;
  top: 13.5rem;
  right: 3.95rem;
  font-size: .16rem;
  line-height: .22rem;
  color: #e2e2e2;
}
.ar .p3_time{
  width: 4.6rem;
}
.zh-tw .p3_time,
.zh-hk .p3_time,
.zh .p3_time{
  align-content: initial;
}
.p3_time p{
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.es .p3_have,
.es-latam .p3_have,
.ms .p3_have{
  width: 4.8rem;
}
.fr .p3_have{
  width: 5.5rem;
}
.ru .p3_have{
  width: 5.3rem;
}
.fr .p3_time,
.es .p3_time,
.es-latam .p3_time,
.ru .p3_time,
.ms .p3_time{
  width: 6.5rem;
}
.p3_entrance{
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 0.3rem;
  font-size: 0.18rem;
  color: #e2e2e2;
  position: absolute;
  bottom: .2rem;
  right: 3.95rem;
}
.p3_entrance:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #e2e2e2;
  position: absolute;
  left: 0;
  bottom: 0;
}
.p3_tab{
  display: block;
  width: 11.3rem;
  height: .88rem;
  position: absolute;
  top: 14.52rem;
  left: 50%;
  margin-left: -5.65rem;
}
.p3_tab a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.33%;
  height: .88rem;
  background: url(../images/p3_tab1.png) 0 0/100% 100% no-repeat;
  float: left;
  color: #616568;
  text-align: center;
  line-height: .26rem;
  font-size: .24rem;
  text-transform: uppercase;
  box-sizing: border-box;
}
.pt .p3_tab a{
  padding: 0 .06rem;
}
.fr .p3_tab a{
  font-size: .22rem;
}
.p3_tab a.act{
  background: url(../images/p3_tab2.png) 0 0/100% 100% no-repeat;
  color: #fefefe;
}
.p3_page{
  display: block;
  width: 11.32rem;
  height: .89rem;
  position: absolute;
  top: 15.4rem;
  left: 50%;
  margin-left: -5.66rem;
}
.p3_page a{
  display: block;
  width: 50%;
  height: .89rem;
  background: url(../images/p3_tab1.png) 0 0/100% 100% no-repeat;
  float: left;
  color: #616568;
  text-align: center;
  line-height: .89rem;
  font-size: .24rem;
  text-transform: uppercase;
}
.fr .p3_page a{
  font-size: .22rem;
}
.p3_page a.act{
  background: url(../images/p3_tab2.png) 0 0/100% 100% no-repeat;
  color: #fefefe;
}
.p3_show,.p3_page_show{
  display: none;
}
.p3_show.act,.p3_page_show.act{
  display: block;
}
.p3_stage{
  display: flex;
  justify-content: space-evenly;
  width: 11.3rem;
  height: .9rem;
  background: url(../images/p3_stage1.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 15.42rem;
  left: 50%;
  margin-left: -5.65rem;
}
.p3_show2 .p3_stage{
  background: url(../images/p3_stage3.png) 0 0/100% 100% no-repeat;
}
.p3_show2 .p3_stage a,
.p3_show2 .p3_stage a.act{
  background: none;
}
.p3_show3 .p3_stage{
  background: url(../images/p3_stage3.png) 0 0/100% 100% no-repeat;
}
.p3_show3 .p3_stage a:after{
  display: block;
  content: '';
  width: 1px;
  height: .32rem;
  background-color: rgba(255, 255, 255, .3);
  position: absolute;
  top: 50%;
  right: -1px;
  margin-top: -.16rem;
}
.p3_show3 .p3_stage a:last-child:after{
  display: none;
}
.p3_stage a{
  display: block;
  width: 2.8rem;
  height: .9rem;
  line-height: .9rem;
  font-size: .2rem;
  color: #616668;
  text-align: center;
  position: relative;
}
.p3_stage a.act{
  background: url(../images/p3_stage2.png) 0 0/100% 100% no-repeat;
}
.p3_rank{
  display: none;
  width: 11.3rem;
  height: 9.69rem;
  background: url(../images/p3_rank.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 16.32rem;
  left: 50%;
  margin-left: -5.65rem;
  overflow: hidden;
}
.p3_rank.act{
  display: block;
}
.p3_show.out .p3_rank{
  background: url(../images/p3_rank1.png) 0 0/100% 100% no-repeat;
}
.p3_show.out .rank_list,
.p3_show.out .p3_bottom{
  display: none;
}
.p3_view{
  display: none;
  width: 11.3rem;
  height: 9.69rem;
  position: absolute;
  top: 16.32rem;
  left: 50%;
  margin-left: -5.65rem;
  font-size: .2rem;
  color: #e2e2e2;
  opacity: .5;
  z-index: 2;
}
.p3_show.out .p3_view{
  display: flex;
  align-items: center;
  justify-content: center;
}
.p3_top{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.22rem;
  height: .8rem;
  position: absolute;
  top: 16.32rem;
  left: 50%;
  margin-left: -5.66rem;
  z-index: 2;
}
.p3_top p{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  color: #616668;
  font-size: .2rem;
  line-height: .26rem;
  text-align: center;
  position: relative;
  left: .08rem;
}
.p3_top p:nth-child(1){
  width: 1.6rem;
}
.p3_top p:nth-child(2){
  width: 7.2rem;
}
.p3_top p span{
  max-width: 1.6rem;
}
.p3_rule{
  display: block;
  width: .26rem;
  height: .26rem;
  background: url(../images/p3_rule.png) 0 0/100% 100% no-repeat;
  margin: 0 .05rem;
  position: relative;
}
.p3_rule i{
  display: none;
  width: 4.02rem;
  height: 1.19rem;
  background: url(../images/hover.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: -1.22rem;
  left: 0;
  font-style: initial;
  color: #e2e2e2;
  font-size: .16rem;
  line-height: .2rem;
  box-sizing: border-box;
  padding: .1rem .2rem;
  text-align: left;
}
.p3_rule:hover i{
  display: flex;
  align-items: center;
}
.rank_list{
  display: block;
  width: 11.22rem;
  height: 8rem;
  margin: .8rem auto 0;
  overflow: hidden;
}
.rank_list::-webkit-scrollbar {
  width: .04rem;
  background-color: rgba(0, 0, 0, .2);
  border-radius: .02rem;
}
.rank_list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, .2);
  border-radius: .02rem;
}
.rank_list::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, .6);
  border-radius: .02rem;
}
.rank_list li{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: .8rem;
  box-sizing: border-box;
  border-bottom: .01rem solid rgba(100, 100, 100, .3);
}
.rank_list li:last-child{
  border: none;
}
.rank_list li p.bold{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  color: #e2e2e2;
  font-size: .2rem;
  line-height: .22rem;
}
.rank_list li p.bold:nth-child(1){
  width: 1.4rem;
}
.team_list{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 7.4rem;
  height: .8rem;
}
.p3_show3 .team_list{
  width: 7rem;
}
.team_list ol{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: .8rem;
}
.p3_show3 .team_list ol{
  width: 100%;
}
.team_list ol img{
  display: block;
  width: .34rem;
  border: .01rem solid #616668;
  border-radius: .01rem;
}
.p3_show3 .team_list ol p{
  width: 3rem;
}
.team_list ol p{
  display: -webkit-box;
  width: 1.42rem;
  line-height: .24rem;
  color: #e2e2e2;
  font-size: .2rem;
  margin: 0 .1rem;
  max-height: .8rem;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.p3_bottom{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.22rem;
  height: .88rem;
  margin: 0 auto;
  position: relative;
}
.p3_bottom .bold{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  color: #e2e2e2;
  font-size: .2rem;
  line-height: .22rem;
}
.p3_bottom .bold:nth-child(2){
  width: 1.6rem;
  height: .4rem;
  margin-top: .42rem;
}
.p3_bottom .bold:nth-child(3){
  position: relative;
  top: -.16rem;
  left: -.1rem;
}
.p3_bottom .p3_my{
  width: 1.6rem;
  display: flex;
  height: .6rem;
  font-size: .18rem;
  line-height: .2rem;
  color: #616668;
  position: absolute;
  top: 0;
  left: .22rem;
  text-align: center;
}
.p3_boxtext{
  display: none;
}
.p3_bottom.out .bold,
.p3_bottom.out .team_list{
  display: none;
}
.p3_bottom.out .p3_boxtext{
  display: flex;
  width: 100%;
  height: 100%;
  font-size: .2rem;
  line-height: .22rem;
  color: #e2e2e2;
  box-sizing: border-box;
  padding: 0 .2rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: .5;
}

/*p4*/
.p4_title{
  display: block;
  width: 100%;
  height: 2.3rem;
  background: url(../images/p4_title_en.png)  center 0/11.28rem 2.3rem no-repeat;
  margin: .6rem auto;
}
.zh-tw .p4_title{background:url(../images/p4_title_tw.png) center 0/11.28rem 2.3rem no-repeat;}
.zh-hk .p4_title{background:url(../images/p4_title_hk.png) center 0/11.28rem 2.3rem no-repeat;}
.en .p4_title{background:url(../images/p4_title_en.png) center 0/11.28rem 2.3rem no-repeat;}
.fr .p4_title{background:url(../images/p4_title_fr.png) center 0/11.28rem 2.3rem no-repeat;}
.es .p4_title{background:url(../images/p4_title_es.png) center 0/11.28rem 2.3rem no-repeat;}
.es-latam .p4_title{background:url(../images/p4_title_es-latam.png) center 0/11.28rem 2.3rem no-repeat;}
.ru .p4_title{background:url(../images/p4_title_ru.png) center 0/11.28rem 2.3rem no-repeat;}
.de .p4_title{background:url(../images/p4_title_de.png) center 0/11.28rem 2.3rem no-repeat;}
.ar .p4_title{background:url(../images/p4_title_ar.png) center 0/11.28rem 2.3rem no-repeat;}
.th .p4_title{background:url(../images/p4_title_th.png) center 0/11.28rem 2.3rem no-repeat;}
.vi .p4_title{background:url(../images/p4_title_vi.png) center 0/11.28rem 2.3rem no-repeat;}
.id .p4_title{background:url(../images/p4_title_id.png) center 0/11.28rem 2.3rem no-repeat;}
.pt .p4_title{background:url(../images/p4_title_pt.png) center 0/11.28rem 2.3rem no-repeat;}
.pt-br .p4_title{background:url(../images/p4_title_pt-br.png) center 0/11.28rem 2.3rem no-repeat;}
.ko .p4_title{background:url(../images/p4_title_ko.png) center 0/11.28rem 2.3rem no-repeat;}
.ja .p4_title{background:url(../images/p4_title_ja.png) center 0/11.28rem 2.3rem no-repeat;}
.tr .p4_title{background:url(../images/p4_title_tr.png) center 0/11.28rem 2.3rem no-repeat;}
.ms .p4_title{background:url(../images/p4_title_ms.png) center 0/11.28rem 2.3rem no-repeat;}
.zh .p4_title{background:url(../images/p4_title_zh.png) center 0/11.28rem 2.3rem no-repeat;}
.p4_rule{
  display: block;
  width: 11.3rem;
  margin: 0 auto 1rem;
}
.p4_rule p{
  display: block;
  width: 100%;
  font-size: .22rem;
  line-height: .36rem;
  color: #e2e2e2;
}
.p4_rule p.on{
  font-size: .18rem;
}
.p4_rule span{
  display: block;
  width: 100%;
  font-size: .18rem;
  line-height: .36rem;
  color: #a2a2a2;
}
.p4_rule span i{
  display: inline-block;
  font-style: normal !important;
}
.p4_rule span i:nth-child(1){
  padding-right: .06rem;
}
.ar .p4_rule span i:nth-child(1){
  padding-right: 0;
  padding-left: .06rem;
}
.fr .p4_rule span:nth-child(11){
  width: 108%;
}
.p4_rule span.br{
  margin-bottom: .46rem;
}
.p4_rule span.on{
  color: #e2e2e2;
}
.p4_list{
  display: block;
  width: 4.78rem;
  height: 4.15rem;
  border: .01rem solid #595755;
  box-sizing: border-box;
  margin: .2rem 0 .2rem;
}
.p4_list li{
  display: block;
  width: 100%;
  height: .6rem;
  border-bottom: .01rem solid #595755;
}
.p4_list li p{
  color: rgba(255, 255, 255, .6);
  font-size: .16rem;
  line-height: .24rem;
  text-align: center;
}
.p4_list li:nth-child(1){
  height: .52rem;
  background-color: #2b261c;
}
.p4_list li:nth-child(1) p{
  color: #e2e2e2;
}
.p4_list li:last-child{
  border-bottom: none;
}
.p4_list li p:nth-child(1){
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.14rem;
  height: 100%;
  float: left;
  border-right: .01rem solid #595755;
}
.p4_list li p:nth-child(2){
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 100%;
  float: left;
/*  border-right: .01rem solid #595755;*/
}
.p4_list li p:nth-child(3){
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.51rem;
  height: 100%;
  float: left;
}



/* pop */
.dialog{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0,0,0,.8);
  display: none;
}
.pop {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  padding-top: 0.54rem;
  outline: none;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
}
.pop_title {
  font-size: 0.38rem;
  color: #0ff796;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
}
.pop_close {
  cursor: pointer;
  position: absolute;
  top: -0.5rem;
  right: .2rem;
  width: 0.58rem;
  height: 0.58rem;
  background: url("../images/close.png") 0 0/100% 100% no-repeat;
}
.pop {
  width: 7.5rem;
  height: 4.62rem;
  margin-left: -3.75rem;
  margin-top: -2.31rem;
  background: url("../images/pop.png") 0 0/100% 100% no-repeat;
}
#vindex-play {
  width: 10.7rem;
  height: 6rem;
  margin-left: -5.35rem;
  margin-top: -3rem;
  border: 0.03rem solid #0bde85;
  display: none;
  outline: none;
  padding: 0;
}
#vindex-play .pop_con {
  padding: 0;
  width: 100%;
  height: 100%;
}
#vindex-play .pop_close{
  top: -.62rem;
  right: 0;
}
.pop_text{
  display: flex;
  width: 5.4rem;
  height: 2.8rem;
  margin: 0 auto;
  font-size: .26rem;
  line-height: .48rem;
  color: #e2e2e2;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.pop_confirm{
  display: block;
  width: 3.18rem;
  height: .62rem;
  background: url("../images/pop_confirm.png") 0 0/100% 100% no-repeat;
  margin: 0 auto;
  line-height: .62rem;
  text-align: center;
  font-size: .26rem;
  color: #d8c17d;
}
.login_text{
  display: flex;
  width: 5.4rem;
  height: .92rem;
  margin: .26rem auto 0;
  font-size: .26rem;
  line-height: .48rem;
  color: #e2e2e2;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.login_sel{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 1.66rem;
  text-align: center;
}
.login_sel a{
  display: block;
  width: 1.7rem;
  height: 1.66rem;
  margin: 0 .3rem;
  position: relative;
}
.login_level{
  background: url("../images/pop_login.png") left 0/3.99rem 1.66rem no-repeat;
}
.login_garena{
  background: url("../images/pop_login.png") right 0/3.99rem 1.66rem no-repeat;
}
.login_sel a p{
  display: block;
  width: 2.5rem;
  line-height: .2rem;
  font-size: .2rem;
  color: #e2e2e2;
  text-align: center;
  position: absolute;
  top: 1.74rem;
  left: 50%;
  margin-left: -1.25rem;
}
.login_sel a span{
  display: block;
  width: 2.5rem;
  line-height: .24rem;
  font-size: .2rem;
  color: #f55f5f;
  text-align: center;
  position: absolute;
  top: 2.08rem;
  left: 50%;
  margin-left: -1.25rem;
}
.copy_text{
  display: flex;
  width: 5.4rem;
  height: 1.7rem;
  margin: 0 auto;
  font-size: .26rem;
  line-height: .48rem;
  color: #e2e2e2;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.pop_link{
  display: block;
  width: 5.61rem;
  height: .56rem;
  margin: 0 auto .58rem;
  background: url("../images/pop_link.png") 0 0/100% 100% no-repeat;
  font-size: .2rem;
  line-height: .56rem;
  text-align: center;
  color: #e2e2e2;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 .1rem;
}
.copy_tips{
  opacity: 0;
  pointer-events: none;
  width: 90%;
  line-height: .6rem;
  position: absolute;
  top: 50%;
  left: 5%;
  background-color: rgba(0, 0, 0, .9);
  color: #e2e2e2;
  font-size: .2rem;
  text-align: center;
  z-index: 2;
}
.copy_tips.act{
  opacity: 1;
  top: 40%;
  -webkit-transition: opacity 1s,top 1s;
  transition: opacity 1s,top 1s;
}
.btn_copy{
  display: block;
  width: 3.18rem;
  height: .62rem;
  background: url("../images/pop_confirm.png") 0 0/100% 100% no-repeat;
  margin: 0 auto;
  line-height: .62rem;
  text-align: center;
  font-size: .26rem;
  color: #d8c17d;
}
.pop.pop_get {
  width: 10rem;
  height: 5.32rem;
  margin-top: -2.66rem;
  margin-left: -5rem;
  background: url("../images/pop2.png") 0 0/100% 100% no-repeat;
}
.get_text{
  display: flex;
  width: 5.4rem;
  height: 1.2rem;
  margin: 0 auto;
  font-size: .36rem;
  line-height: .48rem;
  color: #e2e2e2;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.pop.pop_get ul{
  display: block;
  width: 100%;
  height: 1.76rem;
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
  font-size: 0;
}
.pop.pop_get .get{
  display: inline-block;
  width: 2.09rem;
  height: 1.76rem;
  background: url(../images/pop_reward.png) 0 0 / 100% 100% no-repeat;
  margin: 0 .08rem;
  overflow: hidden;
  position: relative;
}
.pop.pop_get .get img{
  display: block;
  width: 130%;
  margin: 2% 0 0 -15%;
}
.pop.pop_get .get p{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.02rem;
  height: .42rem;
  position: absolute;
  top: 1.31rem;
  left: .03rem;
  font-size: .14rem;
  line-height: .16rem;
  color: #e2e2e2;
}
.btn_get{
  display: block;
  width: 3.18rem;
  height: .62rem;
  background: url("../images/pop_confirm.png") 0 0/100% 100% no-repeat;
  margin: .26rem auto .2rem;
  line-height: .62rem;
  text-align: center;
  font-size: .26rem;
  color: #d8c17d;
}
.get_tips{
  display: block;
  width: 6.8rem;
  margin: 0 auto;
  font-size: .2rem;
  color: #e2e2e2;
  line-height: .26rem;
  text-align: center;
}
.reward_text{
  display: flex;
  width: 5.4rem;
  height: 1.38rem;
  margin: .1rem auto 0;
  font-size: .36rem;
  line-height: .48rem;
  color: #e2e2e2;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.pop_reward ul{
  display: block;
  width: 100%;
  height: 1.76rem;
  font-size: 0;
  text-align: center;
}
.pop_reward ul li{
  display: inline-block;
  width: 2.09rem;
  height: 1.76rem;
  background: url("../images/pop_reward.png") 0 0/100% 100% no-repeat;
  margin: 0 .25rem;
  overflow: hidden;
  position: relative;
}
.pop_reward ul li p{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.02rem;
  height: .42rem;
  position: absolute;
  top: 1.31rem;
  left: .03rem;
  font-size: .14rem;
  line-height: .16rem;
  color: #e2e2e2;
}
.pop_reward ul li img{
  display: block;
  width: 130%;
  margin: 2% 0 0 -15%;
}
.ar .pop_reward ul li img,
.ar .pop.pop_get .get img{
  position: relative;
  left: 15%;
}
.pop.pop_record {
  height: 5.82rem;
  margin-top: -2.91rem;
  background: url("../images/pop_record.png") 0 0/100% 100% no-repeat;
}
.record_text{
  display: flex;
  width: 6.4rem;
  height: 1.08rem;
  margin: 0 auto;
  font-size: .36rem;
  line-height: .48rem;
  color: #e2e2e2;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.record_top{
  display: block;
  width: 6.4rem;
  height: .56rem;
  text-align: center;
  font-size: 0;
  margin: 0 auto;
  position: relative;
  left: .08rem;
}
.record_top span{
  display: block;
  width: 49.3%;
  line-height: .56rem;
  float: left;
  font-size: .2rem;
  color: #e2e2e2;
}
.record_list{
  display: block;
  width: 6.4rem;
  height: 3.12rem;
  text-align: center;
  font-size: 0;
  margin: .2rem auto;
  position: relative;
  left: .08rem;
  overflow: hidden;
  overflow-y: auto;
}
.record_list::-webkit-scrollbar {
  width: .04rem;
  background-color: rgba(0, 0, 0, 0);
}
.record_list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}
.record_list::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: #e8d3c6;
}
.record_list li{
  display: flex;
  align-items: center;
  width: 100%;
  height: .52rem;
  float: left;
  position: relative;
  font-size: .2rem;
  line-height: 1.2;
  color: #a2a2a2;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.record_list li:last-child{
  border: none;
}
.record_list li span{
  display: block;
  width: 49.3%;
}
.record_list li span:nth-child(1){
  text-align: left;
}


/*footer*/
.footer{
  width: 100%;
  height: 1.03rem;
  overflow: hidden;
  background: url(../images/footer.jpg) top center no-repeat;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
}
.footer p{
  font-size: .18rem;
  color: rgba(235,235,235,.3);
  line-height: .26rem;
}
.footer p a{
  color: rgba(235,235,235,.3);
}
.footer p span{
  padding: 0 .05rem;
}
.ja_btn{display: none;}
.ja .ja_btn{display: inline-block;}
.agecategories {
  background: url(../images/agecategories.png) center center / contain no-repeat;
  width: 1.9rem;
  height: .83rem;
  position: absolute;
  bottom: .1rem;
  right: .1rem;
  display: none;
}
.en .agecategories {
  display: inline-block;
}
.ar .agecategories_link,
.zh-tw .agecategories_link,
.zh-hk .agecategories_link,
.ja .agecategories_link,
.tr .agecategories_link {
  display: none;
}
.ar .rule_link,
.zh-tw .rule_link,
.zh-hk .rule_link,
.ja .rule_link,
.ko .rule_link,
.tr .rule_link,
.th .rule_link,
.vi .rule_link,
.id .rule_link{
  display: none;
}