@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
}

i {
  font-style: normal;
}


/*字体包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");}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus, input:focus, p:focus, div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
html {
  width: 100%;
  background: #0a0f12;
  -webkit-overflow-scrolling: touch;
  font-family: 'NotoSans-Medium';
}
.bold{
  font-family: "NotoSans-Bold";
}
.lang-en{
  font-family: "ProjectDType";
}
.lang-en .bold{
  font-family: "PROJECTDTYPECURVE";
}
.lang-ar, .lang-ar input, .lang-ar select {
  direction: rtl;
}

.lang-ar, .lang-ar input, .lang-ar select {
  direction: rtl;
}



.wrapper{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.right-nav{
  display: none;
}
.part{
  width: 100vw;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.part1{
  height: calc(922 /750*100vw);
  background: url(../images/m/part1.jpg) top center no-repeat;
  background-size: 100%;
}
.part2{
  height: calc(1897 /750*100vw);
  background: url(../images/m/part2.jpg) top center no-repeat;
  background-size: 100%;
}
.part3{
  height: calc(947 /750*100vw);
  background: url(../images/m/part3.jpg) top center no-repeat;
  background-size: 100%;
}
.part4{
  height: calc(809 /750*100vw);
  background: url(../images/m/part4.jpg) top center no-repeat;
  background-size: 100%;
}


.topbar{
  width: 100%;
  height: calc(110 /750*100vw);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.login {
  text-align: right;
  font-size: calc(24 /750*100vw);
  line-height: calc(30 /750*100vw);
  position: absolute;
  right: calc(50 /750*100vw);
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
}
.login a {
  color: #ffffff;
  position: relative;
  padding: calc(3 /750*100vw) 0;
}
.login a:after{
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.login p span{
  vertical-align: middle;
  padding: 0 calc(4 /750*100vw);
}



.time{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(668 /750*100vw);
  height: calc(55 /750*100vw);
  background: url(../images/rule_bg.png) center center no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(45 /750*100vw);
}
.time span{
  font-size: calc(24 /750*100vw);
  color: #0ff796;
  padding: 0 calc(4 /750*100vw);
}
.time .btn-rule{
  display: block;
  width: calc(30 /750*100vw);
  height: calc(30 /750*100vw);
  background: url(../images/btn_rule.png) center center no-repeat;
  background-size: 100%;
  margin: 0 calc(4 /750*100vw);
}

.part2 .navlist{
  width: 100%;
  height: calc(61 /750*100vw);
  position: relative;
  margin: calc(38 /750*100vw) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navlist .tab{
  display: block;
  width: calc(338 /750*100vw);
  height: calc(61 /750*100vw);
  background: url(../images/tab.png) center center no-repeat;
  background-size: 100%;
  text-align: center;
  font-size: calc(32 /750*100vw);
  color: #fff;
  line-height: calc(61 /750*100vw);
  margin: 0 calc(8 /750*100vw);
}
.navlist .tab.on{
  background: url(../images/tab_on.png) center center no-repeat;
  background-size: 100%;
}
.weeklist{
  width: calc(290 /750*100vw);
  height: calc(65 /750*100vw);
  box-sizing: border-box;
  border: solid calc(4 /750*100vw) #8da999;
  position: absolute;
  top: calc(84 /750*100vw);
  left: 50%;
  margin-left: calc(-145 /750*100vw);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(25 /750*100vw);
  cursor: pointer;
}
.weeklist span{
  font-size: calc(30 /750*100vw);
  color: #000;
}
.weeklist i{
  display: block;
  width: calc(22 /750*100vw);
  height: calc(14 /750*100vw);
  background: url(../images/icon1.png) center center no-repeat;
  background-size: 100%;
}
.weeklist .deadline{
  width: calc(600 /750*100vw);
  text-align: center;
  font-size: calc(20 /750*100vw);
  color: #000000;
  line-height: calc(22 /750*100vw);
  position: absolute;
  top: calc(75 /750*100vw);
  left: 50%;
  transform: translateX(-50%);
}
.weeklist .deadline span{
  font-size: calc(20 /750*100vw);
  color: #000000;
  line-height: calc(22 /750*100vw);
}
.weeklist ul{
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: calc(65 /750*100vw);
  left: 0;
  z-index: 2;
  background: #404543;
  display: none;
}
.weeklist ul.open{
  display: block;
}
.weeklist ul li{
  width: 100%;
  height: calc(65 /750*100vw);
  text-align: center;
  line-height: calc(65 /750*100vw);
  font-size: calc(30 /750*100vw);
  color: #a0a2a1;
  border-bottom: solid calc(2 /750*100vw) #a0a2a1;
}
.weeklist ul li.on{
  color: #0ff796;
}


.question-list{
  width: calc(672 /750*100vw);
  overflow: hidden;
  position: relative;
  margin: calc(150 /750*100vw) auto 0;
}
.question-list li{
  width: 100%;
  overflow: hidden;
  margin-bottom: calc(50 /750*100vw);
  position: relative;
}
.question-list li .question{
  font-size: calc(32 /750*100vw);
  color: #000000;
  line-height: calc(36 /750*100vw);
}
.question-list li .box{
  width: 100%;
  overflow: hidden;
  background: #d9ede0;
  position: relative;
  margin: calc(20 /750*100vw) auto 0;
}
.question-list li .box .answerlist{
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: calc(25 /750*100vw) auto 0;
}
.question-list li .box .answerlist .answer{
  width: calc(276 /750*100vw);
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 calc(31 /750*100vw);
  cursor: pointer;
}
.question-list li .box .answerlist .answer .player-avatar{
  width: calc(276 /750*100vw);
  height: calc(160 /750*100vw);
  overflow: hidden;
  position: relative;
}
.question-list li .box .answerlist .answer1 .player-avatar{
  background: url(../images/player_bg1.png) center center no-repeat;
  background-size: 100% 100%;
}
.question-list li .box .answerlist .answer2 .player-avatar{
  background: url(../images/player_bg2.png) center center no-repeat;
  background-size: 100% 100%;
}
.question-list li .box .answerlist .answer.on .player-avatar:before{
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/icon7.png) center center no-repeat;
  background-size: 100% 100%;
  z-index: 2;
  pointer-events: none;
}
.question-list li .box .answerlist .answer.right .player-avatar:after{
  display: block;
  content: "";
  width: calc(50 /750*100vw);;
  height: calc(50 /750*100vw);;
  position: absolute;
  top: calc(3 /750*100vw);;
  right: calc(3 /750*100vw);;
  background: url(../images/icon7_1.png) center center no-repeat;
  background-size: 100% 100%;
  z-index: 2;
  pointer-events: none;
}

.question-list li .box .answerlist .answer .player-avatar img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.question-list li .box .answerlist .answer .detail{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: calc(6 /750*100vw) auto 0;
}
.question-list li .box .answerlist .answer .detail img{
  display: block;
  width: auto;
  height: calc(30 /750*100vw);
  margin: 0 calc(4 /750*100vw);
}
.question-list li .box .answerlist .answer .detail p{
  display: inline-block;
  width: auto;
  height: calc(24 /750*100vw);
  background: url(../images/icon2.png) center center no-repeat;
  background-size: 100% 100%;
  line-height: calc(24 /750*100vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.question-list li .box .answerlist .answer .detail p span{
  font-size: calc(19 /750*100vw);
  color: #fff;
  padding: 0 calc(10 /750*100vw);
  line-height: calc(24 /750*100vw);
  position: relative;
}
.question-list li .box .answerlist .answer .detail p span:first-child:after{
  display: block;
  content: "";
  width: 1px;
  height: calc(20 /750*100vw);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
}
.question-list li .box .answerlist .answer .name{
  width: 100%;
  text-align: center;
  font-size: calc(26 /750*100vw);
  line-height: calc(30 /750*100vw);
  color: #000;
}
.question-list li .box .submit{
  display: block;
  width: calc(242 /750*100vw);
  height: calc(57 /750*100vw);
  background: url(../images/m/btn_submit.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: calc(57 /750*100vw);
  font-size: calc(22 /750*100vw);
  color: #ffffff;
  margin: calc(20 /750*100vw) auto calc(35 /750*100vw);
}
.question-list li .box .submited{
  display: block;
  width: calc(242 /750*100vw);
  height: calc(57 /750*100vw);
  background: url(../images/m/btn_submited.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: calc(57 /750*100vw);
  font-size: calc(24 /750*100vw);
  color: #ffffff;
  margin: calc(20 /750*100vw) auto calc(35 /750*100vw);
}

.question-list li.not-started i{
  display: block;
  width: calc(300 /750*100vw);
  height: calc(261 /750*100vw);
  background: url(../images/not_started.png) center center no-repeat;
  background-size: 100%;
  margin: calc(50 /750*100vw) auto;
}
.question-list li.not-started p{
  width: calc(620 / 750 * 100vw);
  text-align: center;
  font-size: calc(32 / 750 * 100vw);
  color: #aeaeae;
  line-height: calc(46 / 750 * 100vw);
  margin: 0 auto;
}

.mytimes{
  width: calc(698 /750*100vw);
  height: calc(187 /750*100vw);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: url(../images/icon9.png) center center no-repeat;
  background-size: 100% auto;
}
.mytimes div{
  width: calc(256 /750*100vw);
  height: calc(187 /750*100vw);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mytimes div p{
  text-align: center;
  font-size: calc(18 /750*100vw);
  color: #000000;
  line-height: calc(28 /750*100vw);
}
.mytimes div span{
  text-align: center;
  font-size: calc(70 /750*100vw);
  color: #000000;
  line-height: calc(80 /750*100vw);
}
.rewards-list{
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 0 auto 0;
}
.rewards-list .rewards{
  display: inline-block;
  width: calc(330 /750*100vw);
  height: calc(340 /750*100vw);
  overflow: hidden;
  background: url(../images/reward_bg.png) center center no-repeat;
  background-size: 100%;
  margin: 0 calc(15 /750*100vw) calc(30 /750*100vw);
  position: relative;
}
.rewards-list .rewards .title{
  width: 100%;
  height: calc(98 /750*100vw);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 calc(30 /750*100vw);
}
.rewards-list .rewards .title p{
  text-align: center;
  color: #f1ce7c;
  font-size: calc(26 /750*100vw);
  line-height: calc(32 /750*100vw);
}
.rewards-list .rewards .title p span{
  color: #0ff796;
}
.rewards-list .rewards .rewards-img{
  width: calc(96 /750*100vw);
  height: calc(96 /750*100vw);
  background: #5fd0a2;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin: calc(35 /750*100vw) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rewards-list .rewards .rewards-img div{
  width: 80%;
  height: 80%;
  overflow: hidden;
}
.rewards-list .rewards .rewards-img div img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rewards-list .rewards .rewards-img span{
  font-size: calc(17 /750*100vw);
  line-height: calc(18 /750*100vw);
  color: #fff;
  position: absolute;
  bottom: calc(7 /750*100vw);
  right: calc(7 /750*100vw);
}
.rewards-list .rewards .name{
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc(10 /750*100vw);
  text-align: center;
  font-size: calc(18 /750*100vw);
  line-height: calc(24 /750*100vw);
  color: #000;
  margin-top: calc(8 /750*100vw);
}
.rewards-list .rewards a{
  display: block;
  width: 100%;
  height: calc(58 /750*100vw);
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: calc(30 /750*100vw);
  color: #ffffff;
  line-height: calc(58 /750*100vw);
}
.rewards-list .rewards a.btn-collected{
  background: url(../images/btn_collected.png) center center no-repeat;
  background-size: 100% 100%;
}
.rewards-list .rewards a.btn-collect{
  background: url(../images/btn_collect.png) center center no-repeat;
  background-size: 100% 100%;
}
.lottery-box{
  width: calc(685 /750*100vw);
  height: calc(584 /750*100vw);
  position: absolute;
  top: calc(20 /750*100vw);
  left: 50%;
  transform: translateX(-50%);
}
.lottery-box .prize-list{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.lottery-box .prize-list .prize{
  width: calc(221 /750*100vw);
  height: calc(178 /750*100vw);
  overflow: hidden;
  background: url(../images/reward_bg1.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
}
.lottery-box .prize-list .prize.current{
  background: url(../images/reward_bg2.png) center center no-repeat;
  background-size: 100% 100%;
}
.lottery-box .prize-list .prize.over{
  /*filter: grayscale(1);*/
  filter: brightness(.6);
}
/*.lottery-box .prize-list .prize.current:after{
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/icon10.png) center center no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}*/
.lottery-box .prize-list .prize1{
  top: 0;
  left: 0;
}
.lottery-box .prize-list .prize2{
  top: 0;
  left: calc(232 /750*100vw);
}
.lottery-box .prize-list .prize3{
  top: 0;
  left: calc(464 /750*100vw);
}
.lottery-box .prize-list .prize4{
  top: calc(203 /750*100vw);
  left: calc(464 /750*100vw);
}
.lottery-box .prize-list .prize5{
  top: calc(406 /750*100vw);
  left: calc(464 /750*100vw);
}
.lottery-box .prize-list .prize6{
  top: calc(406 /750*100vw);
  left: calc(232 /750*100vw);
}
.lottery-box .prize-list .prize7{
  top: calc(406 /750*100vw);
  left: 0;
}
.lottery-box .prize-list .prize8{
  top: calc(203 /750*100vw);
  left: 0;
}
.lottery-box .prize-list .prize .prize-img{
  width: 100%;
  height: calc(136 /750*100vw);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.lottery-box .prize-list .prize .prize-img span{
  display: block;
  width: calc(120 /750*100vw);
  height: calc(28 /750*100vw);
  background: url(../images/icon12.png) center center no-repeat;
  background-size: 100% 100%;
  line-height: calc(28 /750*100vw);
  font-size: calc(14 /750*100vw);
  text-indent: calc(10 /750*100vw);
  color: #082622;
  position: absolute;
  top: 0;
  left: 0;
}
.lottery-box .prize-list .prize .prize-img div{
  width: 75%;
  height: 75%;
  overflow: hidden;
}
.lottery-box .prize-list .prize .prize-img div img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.lottery-box .prize-list .prize .prizename{
  width: 100%;
  height: calc(42 /750*100vw);
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 calc(10 /750*100vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.lottery-box .prize-list .prize .prizename p{
  text-align: center;
  font-size: calc(14 /750*100vw);
  color: #082622;
  line-height: calc(16 /750*100vw);
}

.lottery-box .btn-lottery{
  width: calc(221 /750*100vw);
  height: calc(178 /750*100vw);
  overflow: hidden;
  background: url(../images/btn_lottery.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lottery-box .btn-lottery.no-times{
  background: url(../images/btn_lottery1.png) center center no-repeat;
  background-size: 100% 100%;
}
.lottery-box .btn-lottery p{
  text-align: center;
  font-size: calc(18 /750*100vw);
  line-height: calc(20 /750*100vw);
  color: #082622;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lottery-box .btn-lottery p i{
  display: block;
  width: calc(20 /750*100vw);
  height: calc(20 /750*100vw);
  background: url(../images/icon4.png) center center no-repeat;
  background-size: 100% auto;
  margin-right: calc(8 /750*100vw);
}
.lottery-box .btn-lottery p:first-child{
  font-size: calc(32 /750*100vw);
  line-height: calc(40 /750*100vw);
}
.lottery-tips{
  width: calc(685 /750*100vw);
  position: absolute;
  top: calc(645 /750*100vw);
  left: 50%;
  transform: translateX(-50%);
  font-size: calc(24 /750*100vw);
  line-height: calc(30 /750*100vw);
  color: #000000;
}

.footer{
  width: 100vw;
  height: calc(140 /750*100vw);
  overflow: hidden;
  background: #0a0f12;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.footer p{
  font-size: calc(18 /750*100vw);
  color: rgba(235,235,235,.3);
  line-height: calc(38 /750*100vw);
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.footer p a{
  color: rgba(235,235,235,.3);
}
.footer p span{
  padding: 0 calc(5 /750*100vw);
}

#ot-sdk-btn{
  font-size: calc(18 /750*100vw) !important;
  color: rgba(235,235,235,.3) !important;
  line-height: calc(38 /750*100vw) !important;
  border: none !important;
  padding: 0 !important;
  background: none;
}
#ot-sdk-btn.ot-sdk-show-settings:hover{
  font-size: calc(18 /750*100vw) !important;
  color: rgba(235,235,235,.3) !important;
  line-height: calc(38 /750*100vw) !important;
  border: none !important;
  padding: 0 !important;
  background: none;
}

.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{
  width: calc(650 /750*100vw);
  height: calc(402 /750*100vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  -ms-transform: translate3d(-50%,-50%,0);
  -webkit-transform: translate3d(-50%,-50%,0);
  -o-transform: translate3d(-50%,-50%,0);
  -moz-transform: translate3d(-50%,-50%,0);
  background: url(../images/pop.png) top center no-repeat;
  background-size: 100% 100%;
}
.pop .close{
  display: block;
  width: calc(67 /750*100vw);
  height: calc(67 /750*100vw);
  position: absolute;
  top: 0;
  right: 0;
}
.pop .poptitle{
  width: 100%;
  height: calc(67 /750*100vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop .poptitle span{
  font-size: calc(30 /750*100vw);
  color: #f1ce7c;
  position: relative;
}

.pop1 .warn{
  width: 100%;
  text-align: center;
  font-size: calc(20 /750*100vw);
  line-height: calc(30 /750*100vw);
  color: #000;
  padding: 0 calc(60 /750*100vw);
  position: absolute;
  left: 0;
  top: 53%;
  transform: translateY(-50%);
}
.pop2{
  background: url(../images/pop1.png) top center no-repeat;
  background-size: 100% 100%;
}
.pop2 .prize-box{
  width: calc(182 /750*100vw);
  height: calc(113 /750*100vw);
  overflow: hidden;
  position: relative;
  background: #5fd0a2;
  margin: calc(28 /750*100vw) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop2 .prize-box div{
  width: 80%;
  height: 80%;
  overflow: hidden;
}
.pop2 .prize-box div img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pop2 .prize-box span{
  font-size: calc(16 /750*100vw);
  line-height: calc(16 /750*100vw);
  color: #fff;
  position: absolute;
  bottom: calc(6 /750*100vw);
  right: calc(6 /750*100vw);
}
.pop2 .prizename{
  width: 100%;
  text-align: center;
  font-size: calc(16 /750*100vw);
  line-height: calc(22 /750*100vw);
  color: #082622;
  margin-top: calc(10 /750*100vw);
}
.pop2 .btn-certain{
  display: block;
  width: calc(240 /750*100vw);
  height: calc(51 /750*100vw);
  text-align: center;
  line-height: calc(51 /750*100vw);
  font-size: calc(28 /750*100vw);
  color: #ffffff;
  margin: calc(50 /750*100vw) auto 0;
  background: url(../images/btn_certain.png) center center no-repeat;
  background-size: 100% 100%;
}
.pop2 .tips{
  width: 100%;
  text-align: center;
  font-size: calc(18 /750*100vw);
  line-height: calc(22 /750*100vw);
  color: #000000;
  padding: 0 calc(40 /750*100vw);
  margin-top: calc(10 /750*100vw);
}

.pop3{
  background: url(../images/pop1.png) top center no-repeat;
  background-size: 100% 100%;
}
.pop3 .prize-box{
  width: calc(182 /750*100vw);
  height: calc(113 /750*100vw);
  overflow: hidden;
  position: relative;
  background: #5fd0a2;
  margin: calc(28 /750*100vw) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop3 .prize-box div{
  width: 80%;
  height: 80%;
  overflow: hidden;
}
.pop3 .prize-box div img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pop3 .prize-box span{
  font-size: calc(16 /750*100vw);
  line-height: calc(16 /750*100vw);
  color: #fff;
  position: absolute;
  bottom: calc(6 /750*100vw);
  right: calc(6 /750*100vw);
}
.pop3 .prizename{
  width: 100%;
  text-align: center;
  font-size: calc(16 /750*100vw);
  line-height: calc(22 /750*100vw);
  color: #082622;
  margin-top: calc(10 /750*100vw);
}
.pop3 .btn-certain{
  display: block;
  width: calc(240 /750*100vw);
  height: calc(51 /750*100vw);
  text-align: center;
  line-height: calc(51 /750*100vw);
  font-size: calc(28 /750*100vw);
  color: #ffffff;
  margin: calc(80 /750*100vw) auto 0;
  background: url(../images/btn_certain.png) center center no-repeat;
  background-size: 100% 100%;
}
.pop3 .tips{
  width: 100%;
  text-align: center;
  font-size: calc(18 /750*100vw);
  line-height: calc(22 /750*100vw);
  color: #000000;
  padding: 0 calc(40 /750*100vw);
  margin-top: calc(20 /750*100vw);
}

.pop4 .rulebox{
  width: calc(620 /750*100vw);
  height: calc(300 /750*100vw);
  overflow-x: hidden;
  overflow-y: auto;
  margin: calc(20 /750*100vw) auto 0;
}
.pop4 .rulebox p{
  font-size: calc(18 /750*100vw);
  line-height: calc(24 /750*100vw);
  color: #000000;
  width: 100%;
  padding: 0 calc(10 /750*100vw);
  box-sizing: border-box;
}
.pop4 .rulebox p.ruletitle{
  font-size: calc(22 /750*100vw);
  line-height: calc(28 /750*100vw);
}

.pop5{
  background: url(../images/pop1.png) top center no-repeat;
  background-size: 100% 100%;
}
.pop5 .tips{
  width: 100%;
  text-align: center;
  font-size: calc(30 /750*100vw);
  line-height: calc(40 /750*100vw);
  color: #082622;
  margin-top: calc(100 /750*100vw);
}
.pop5 .btn-certain{
  display: block;
  width: calc(240 /750*100vw);
  height: calc(51 /750*100vw);
  text-align: center;
  line-height: calc(51 /750*100vw);
  font-size: calc(28 /750*100vw);
  color: #ffffff;
  margin: calc(100 /750*100vw) auto 0;
  background: url(../images/btn_certain.png) center center no-repeat;
  background-size: 100% 100%;
}


.scrollbar::-webkit-scrollbar {
  width: calc(6 /750*100vw);
  height: calc(6 /750*100vw);
  background-color: rgba(0, 0, 0, 0);
}
.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
  border-radius: calc(10 /750*100vw);
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.scrollbar::-webkit-scrollbar-thumb {
  height: calc(6 /750*100vw);
  border-radius: calc(6 /750*100vw);
  -webkit-box-shadow: none;
  background-color: #042f28;
  box-shadow: none;
}