@charset "utf-8";
/*==========css_reset==========*/
body, html, div, h1, h2, h3, h4, form, img, ul, ol, li, dl, dt, dd, p{margin: 0px;padding: 0px;}
body{ background:#161413 ; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
li{list-style: none;}
img{border: 0px; vertical-align:top;}
table{border-collapse: collapse; font-size:12px;}
a{text-decoration: none; outline: none;}
a:hover{text-decoration: underline;}
.clear{ clear:both; height:0px; overflow:hidden;}
textarea,input,button{
	outline:none;
	border:0;
}
button,
select { /* 1 */
  outline:none;
}

@font-face {
  font-family: "SourceHanSerifCN bold";
  src:url("./font/SourceHanSerifCN-Bold.otf") format('truetype');
}

 button,
 input { 
   overflow: visible;
 }
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.link{ position:absolute;top:0px;padding: 0 30px; line-height: 35px; right:228px; height: 35px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;  text-align:center; color:#e2e2e2}
.link a{color:#e2e2e2; margin: 0 10px;}
.link .login-s {
  color: #ffda69;
}
.link strong {
  color: #ffda69;
}
.link .nih {
  color: #e2e2e2;
}
.link .logooff {
  color: #ffda69;
}
.link .actor {
  color: #ffda69;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeOut {
  100% {
    opacity: 1
  }
  0% {
    opacity: 0
  }

}
body {
  min-width: 1280px;
}

#app {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}
.main {
  width: 100%;
  height: 100%;
  font-family: '微软雅黑';
}
.logo {
  width: 348px;
  height: 158px;
  position: absolute;
  left: 50%;
  margin-left: -171px;
}
.logo img {
  width: 100%;
  height: 100%;
}
.header {
  width: 1903px;
  margin: 0 auto;
  height: 925px;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2025yd/top_bg.jpg) center no-repeat;
  display: flex;
  justify-content: center;
  
}
.header-btn {
  padding-top: 794px;
  display: flex;
  justify-content: center;
}
.page-at {
  margin-right: 123px;
}
.game-at {
  
}
.swi-btn {
  display: block;
  width: 424px;
  height: 131px;
  font-size: 41px;
  cursor: pointer;
}
.swi-btn span {
  display: block;
  margin-bottom: 30px;
}
.active-btn {
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/active_btn.png) no-repeat;
  color: #b86f2e;
}
.no-active-btn {
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/no_active_btn.png) no-repeat;
  color: #ecce9a;
}
.part1{
  width: 1903px;
  height: 1308px;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2025yd/part1.jpg?v=1) center no-repeat;
  margin: 0 auto;
}
.part_main{
  position: relative;
  top: 156px;
}
.totalRice{
  width: 221px;
  height: 63px;
  color: #7b3323;
  text-align: center;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2025yd/rice.png?v=1) center no-repeat;
  margin:0 auto;
  line-height: 54px;
  font-size: 22px;
  font-weight: bold;
  
}
.totalRice span{
  color: #ae6446;
}
.step{
  width: 900px;
  margin: 27px auto 0;
  height: 400px;
  
}

.progressBar{
  width: 878px;
  height: 37px;
  padding:6px 7px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/stepBg.png?v=1") no-repeat top  center ;
  position: absolute;
  top: 370px;
}
.currentProgress{
  width: 0;
  height: 30px;
  background: #e0bd5a;
  border-radius: 15px;
  position: relative;
}
.currentProgress .child{
  width: 57px;
  height: 76px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/child.png?v=1") no-repeat top  center;
  position: absolute;
  display: block;
  right: -10px;
  top: -76px;
}
.goList{
  position: absolute;
  
  
}
.goList li{
  width: 130px;
  height: 198px;
  position: absolute;
}
.goList li:first-child{
  left: -50px;
}
.goList li:nth-child(2){
  left: 155px;
}
.goList li:nth-child(3){
  left: 376px;
}
.goList li:nth-child(4){
  left: 589px;
}
.goList li:nth-child(5){
  left: 808px;
}
.goList li:hover .tipsBox{
  display: block;
}
.tipsBox{
  width: 143px;
  height: 147px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/tipsBg.png?v=1") no-repeat;
  position: absolute;
  left: 130px;
  top: -5px;
  z-index: 2;
  padding-left: 13px;
  display: none;
}
.tipsBox h3{
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 12px;
}
.tipsBox p{
  text-indent: 20px;
  line-height: 26px;
  color: #fee77e;
}
.goList .getBtn{
  width:111px;
  height: 38px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/haveAchieved.png?v=1") no-repeat;
  display: block;
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -55px;
  cursor: pointer;
}
.goList .gotBtn{
  width:111px;
  height: 38px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/alleryAchieved.png?v=1") no-repeat;
  display: block;
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -55px;
  cursor: default;
}
.goList .notGetBtn{
  width:111px;
  height: 38px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/noAchieved.png?v=1") no-repeat;
  display: block;
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -55px;
  cursor: default;
}
.circle{
  width: 24px;
  height: 24px;
  background: #fed49c;
  border-radius: 50%;
  border:2px solid #842c34;
  position: absolute;
  top: 287px;
  left: 50%;
  margin-left: -12px;
}
.rice{
  width: 90px;
  height: 62px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/riceIcon.png?v=1") no-repeat;
  text-align: center;
  line-height: 70px;
  font-size: 20px;
  color: #ffe8b5;
  font-weight: bold;
  position: absolute;
  bottom: -200px;
  left: 50%;
  margin-left: -42px;
}
.goBtn{
  width: 270px;
  height: 83px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/goBtn.png?v=1") no-repeat;
  display: block;
  margin: 80px auto;
}
.part1 .rule{
  width: 940px;
  margin: 0 auto;
  color: #ffdfb1;
  font-size: 16px;
  line-height: 38px;
}
.part2 {
 padding-top: 55px;
 box-sizing: border-box;
 height: 1185px;
 background: url(https://img.ssl.q1.com/yz/images/huodong/2025yd/part2.jpg?v=1) center no-repeat;
 display: flex;
 flex-direction: column;
 align-items: center;
 width: 1903px;
 margin: 0 auto;
 position: relative;
}
.online_receive {
  width: 576px;
  height: 551px;
  position: relative;
}
.online_receive .title {
  width: 495px;
  height: 125px;
  left: 42px;
  top: 0;
  position: absolute;
  background: url('https://img.ssl.q1.com/yz/images/huodong/2023yd/linhaoli.png');
  z-index: 2;
}
.online_receive .or_bg {
  width: 484px;
  height: 481px;
  position: absolute;
  left: 44px;
  z-index: 1;
  top: 115px;
  background: url('https://img.ssl.q1.com/yz/images/huodong/2023yd/linbaobg.png');
}
.receive_btn {
  position: absolute;
  z-index: 2;
  bottom: -70px;
  left: 0;
}
.online_90 {
  cursor: pointer;
    width: 257px;
    height: 80px;
    font-size: 22px;
    color: #ead4a4;
    padding-bottom: 12px;
    font-weight: bold;
  background: url('https://img.ssl.q1.com/yz/images/huodong/2023yd/lingBtn.png')no-repeat ;
}
.online_180 {
  cursor: pointer;
    width: 257px;
    height: 80px;
    font-size: 22px;
    color: #ead4a4;
    padding-bottom: 12px;
    font-weight: bold;
  margin-left: 58px;
  background: url('https://img.ssl.q1.com/yz/images/huodong/2023yd/lingBtn.png')no-repeat ;
}
.explain {
  margin-top: 268px;
  padding-left: 18px;
}
.explain p {
  font-size: 14px;
  color: #f9b355;
  line-height: 30px;
    width: 810px;
}
.page {
  height: 100%;
}
.haoli {
  height: 648px;
  width: 1903px;
  margin: 0 auto;
  padding-top: 68px;
  box-sizing: border-box;
  background: url('https://img.ssl.q1.com/yz/images/huodong/2025yd/game01_bg.jpg?v=1') center no-repeat;
  display: flex;
}
.pic {
  width: 492px;
  height: 487px;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2025yd/s1_bg_v1.png?v=1) center no-repeat;
  margin-left: 46px;
}
.kuanghuan {
  margin: 0 auto;
  width: 1903px;
  height: 794px;
  background: url('https://img.ssl.q1.com/yz/images/huodong/2025yd/game_bg2_v1.jpg') center no-repeat;
}
.hanli-main {
  margin-left: 351px;
  font-size: 16px;
  width: 736px;
}
.game-title {
  width: 341px;
  height: 77px;
  margin-left: 107px;
  padding-top: 103px;
  background: url('https://img.ssl.q1.com/yz/images/huodong/2025yd/yuandanhaoli.png') center no-repeat;
}
.game{
  width: 1903px;
  margin: 0 auto;
}
.game p {
  line-height: 26px;
  color: #f0e8c5;
  padding-left: 100px;
  position: relative;
}
.game p:first-child {
  margin-bottom: 50px;
}
.game p:nth-child(2) {
  margin-bottom: 20px;
}
.game .last-p {
  color: #ffb957;
  margin-bottom: 30px;

}
.tag {
  width: 96px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  color: #f0e8c5;
  margin-right: 15px;
  display: inline-block;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/tag_bg.png) center no-repeat;
  position: absolute;
  left: 0;
}
.kh-content {
  padding-left: 127px;
  padding-top: 51px;
  width: 676px;
}
.kh-main {
  font-size: 16px;
  display: flex;
  padding-top: 138px;
  padding-left: 334px;
}
.kuanghuan_t {
  width: 334px;
  height: 78px;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/kuanghuan_t_03.png) center no-repeat;
  margin-bottom: 50px;
}
.pic2 {
  width: 492px;
  height: 487px;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2025yd/pic2.png?v=1) no-repeat;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}
.active.kuanghuan .pic2,
.active.haoli .hanli-main
{
  -webkit-animation: fadeInLeft 1s .2s both linear;
}
.active.haoli .pic,
.active.kuanghuan .kh-content  {
  -webkit-animation: fadeInRight 1s .2s both linear;
}
.gohd{
  width: 217px;
  height: 67px;
  background: url("https://img.ssl.q1.com/yz/images/huodong/2025yd/gohd.png?v=1") no-repeat;
  display: block;
  margin-left: 100px;
}

.pop-puzzle {
  display: none;
  text-align: center;
  position: fixed;
  width: 561px;
  height: 572px;
  left: 50%;
  margin-left: -280px;
  top: 50%;
  margin-top: -286px;
  z-index: 9999;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2021sd/popup.png?v=1) no-repeat top right;
}

.close {
  position: absolute;
  width: 100px;
  height: 100px;
  top: -16px;
  right: -16px;
}

.close:hover {
  cursor: pointer;
}

.pop-puzzle img {
  margin-top: 74px;
}
.pop-puzzle .img3 {
  margin-top: 72px;
}

.pop-puzzle p {
  position: absolute;
  top: 330px;
  width: 392px;
  left: 50%;
  margin-left: -188px;
  font-size: 23px;
  color: #000;
  text-align: center;
  font-weight: bold;
}

.pop-puzzle input {
  position: absolute;
  top: 371px;
  width: 340px;
  height: 50px;
  left: 50%;
  margin-left: -170px;
  font-size: 20px;
  text-indent: 10px;
  border: 2px solid #000;
  border-radius: 5px;
}

.pop-puzzle .con-btn {
  position: absolute;
  width: 176px;
  height: 68px;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/conf_bg.png) no-repeat;
  top: 436px;
  left: 17%;
  line-height: 68px;
  font-weight: bold;
  font-size: 24px;
  color: #f0e8c5;
  letter-spacing: 8px;
}

.pop-puzzle .con-btn:hover {
  cursor: pointer;
}

.pop-puzzle .can-btn {
  position: absolute;
  width: 176px;
  height: 68px;
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/conf_bg.png) no-repeat;
  top: 436px;
  left: 52%;
  line-height: 68px;
  font-weight: bold;
  font-size: 24px;
  color: #f0e8c5;
  letter-spacing: 8px;
}

.pop-puzzle .can-btn:hover {
  cursor: pointer;
}



.mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 90;
  filter: alpha(opacity=70);
  background-color: #000;
  opacity: .7;
  -moz-opacity: .7;
  width: 100%;
  height: 4032px;
  z-index: 11
}

.drawImg{
  position: absolute;
  transform: translate(250%,-94%);
  left: 50%;
  top: 50%;
}
.drawImg ul>li{
  height: 168px;
  width: 168px;
  background-size: 100%;
  margin-top: 20px;
}
.drawImg ul>li img{
  margin: 127px 29px;
  cursor: pointer;
}
.drawImg ul>li:nth-child(1){
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/bag1.png?v=99) no-repeat;
}
.drawImg ul>li:nth-child(2){
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/bag2.png?v=99) no-repeat;
}
.drawImg ul>li:nth-child(3){
  background: url(https://img.ssl.q1.com/yz/images/huodong/2023yd/bag3.png?v=99) no-repeat;
}
.arowds .drawHov{
position: absolute;
transform:  translate(300%,-110%);
  left: 50%;
  top: 50%;
  width: 206px;
    height: 463px;
}

.arowds .drawHov li{
  position: absolute;
  display: none;
}
.arowds .drawHov li:nth-child(1){
  margin-top: 18px;
}
.arowds .drawHov li:nth-child(2){
  margin-top: 204px;
}
.arowds .drawHov li:nth-child(3){
  margin-top: 370px;
}