*{margin: 0;padding: 0;border: 0;list-style: none;}
a,a:hover{text-decoration: none;-webkit-transition: all 0.45s;-ms-transition: all 0.45s;-moz-transition: all 0.45s;transition: all 0.45s;}
.allclear{ clear: both;}

body{width: 100%;font-size: 12px;font-family: Arial, Helvetica, sans-serif;min-width: 1200px;background-color: #11121c;}
.wrap{position: relative;width: 100%;height: 4820px;overflow: hidden;}
.bg{position: absolute;top:0;left: 50%;width: 1920px;margin-left: -960px;}
.bg img{display: block;width: 100%;}
.main{position: relative;width: 1200px;margin: 0 auto;}
.post{position: absolute;}
.center{position: absolute;left: 0;width: 100%;text-align: center;}
.spaceBetween{display: flex;justify-content: space-between;}
.slogan{top: 66px;}
.chicken1{top: 770px;right: -20px;}
.chicken2{top: 962px;left: -225px;}
.part1_time{top: 188px;left: 385px;text-align: center; background-color: #bf3230;color: #fff;width: 430px;height: 31px;font-size: 20px;font-weight: bold; line-height: 31px;border-radius: 15px;}
.part1_txt{top: 225px;font-size: 20px;color: #fff;line-height: 24px;}
.part1_num{color: #bf3230;font-weight: bold;}
.part1_treeBox{top: 400px;left: 350px;width: 500px;height: 560px;}
.part1_treeBox li{-webkit-animation: scaleMin 1.2s infinite linear;animation: scaleMin 1.2s infinite linear;cursor: pointer;}
.part1_treeBox li:hover{-webkit-animation: shake .3s infinite linear;animation: shake .3s infinite linear;}
.part1_tree1{top: 40px;left: 200px;}
.part1_treeBox .part1_tree2{top: 200px;left: 270px;animation-delay: -0.15s;}
.part1_treeBox .part1_tree3{top: 425px;right: 32px;animation-delay: -0.3s;}
.part1_treeBox .part1_tree4{top: 445px;left: 170px;animation-delay: -0.4.5s;}
.part1_treeBox .part1_tree5{top: 315px;left: 192px;animation-delay: -0.6s;}
.part1_treeBox .part1_tree6{top: 398px;left: 85px;animation-delay: -0.75s;}
.part1_treeBox .part1_tree7{top: 90px;left: 286px;animation-delay: -0.9;}
.part1_treeBox .part1_tree8{top: 276px;right: 115px;animation-delay: -1.05s;}
.part1_treeBox .part1_tree9{top: 213px;left: 130px;animation-delay: -1.2s;}
.part1_drawNow{top: 1000px;left: 309px; width: 277px;height: 114px; background: url(../images/part1_draw.png) no-repeat;}
.part1_drawNow:hover{background: url(../images/part1_draw2.png) no-repeat;}
.part1_check{top: 998px;right: 274px;width: 280px;height: 109px;background: url(../images/part1_checkPoint.webp) no-repeat;}
.part1_check:hover{background: url(../images/part1_checkPoint2.webp) no-repeat;}
.part1_rankBg{top: 732px;left: 50%;width: 1920px;margin-left: -960px;height: 640px;pointer-events: none; background: url(../images/part1_rangBg.webp) no-repeat;}
.part1_rankBox{top: 1194px;left: 0;width: 100%;height: 600px;}
.part1_rankTree{top: 0;left: 350px;}
.part1_ap{top: -10px;left: -32px;}
.part1_pointsScore{top: 0;left: 35px;color: #bf3230;font-size: 22px;font-weight: 600;width: 318px;}
.part1_bgp{top: 13px;left: 516px;}
.part1_rankLf{top: 104px;left: 174px;width: 190px;}
.part1_rankLf li{width: 188px;height: 40px;line-height: 40px;margin-bottom: 28px;cursor: default;font-size: 24px;border: 3px solid #fff;border-radius: 30px;text-align: center;color: #fff;background-color: #32b16c;}
.part1_rankRt{top: 104px;left: 516px;width: 1000px;}
.part1_rankRt li{margin-bottom: 13px;display: flex;justify-content: flex-start;height: 61px;}
.part1_rankRt p{display: inline-block;padding: 0 12px;cursor: default; height: 40px;line-height: 40px;margin-bottom: 27px;font-size: 24px;border: 3px solid #fff;border-radius: 30px;text-align: center;color: #fff;background-color: #32b16c;}
.part1_redeem,.part1_redeem2{display: block;margin-left: 30px;margin-top: -12px; width: 277px;height: 61px; background: url(../images/part1_redeem.png) no-repeat;}
.part1_redeem:hover{background: url(../images/part1_redeem2.png) no-repeat;}
.part1_redeem2{display: none;border: 0;cursor: not-allowed; background: url(../images/part1_redeem3.png) no-repeat;}
.part1_tips{top: 1760px; color: #bf3230;font-size: 24px;font-weight: 600;}
.part1_task{top: 1820px; left: 141.5px;width: 917px;height: 88px;padding: 6px 50px 4px 110px; background: url(../images/part1_box.webp) no-repeat;box-sizing: border-box;}
.part1_taskTxt{width: 66%;font-size: 24px;height: 78px;line-height: 78px;color: #fff;}
.part1_getMorePoint{display: block;width: 239px;height: 78px;background: url(../images/part1_getMorePoint.webp) no-repeat;}
.part1_getMorePoint:hover{background: url(../images/part1_getMorePoint2.webp) no-repeat;}
.part1_task2{top: 1935px;left: -40px;width: 1279px; height: 88px;padding: 6px 50px 4px 110px; background: url(../images/part1_box2.webp) no-repeat;box-sizing: border-box;}
.part1_task2 .part1_taskTxt{width: 71%;}
.part1_monthly{display: block;width: 285px;height: 78px; background: url(../images/part1_monthly.webp) no-repeat;}
.part1_monthly:hover{background: url(../images/part1_monthly2.webp) no-repeat;}


.part2_monthlyBox{top: 2143px;left: 525px;width: 600px;}
.part2_monthlyTitle{font-size: 36px;font-weight: bold;color: #ffed2f;margin-bottom: 13px;}
.part2_monthlyTxt{font-size: 24px;color: #e8ede5;line-height: 36px;}
.part2_monthlyBtn{margin-top: 30px;width: 580px;}
.part2_monthlyBtn a{display: block;width: 277px;height: 61px;}
.part2_getMorePoint{background: url(../images/part2_getMorePoints.png) no-repeat;}
.part2_getMorePoint:hover{background: url(../images/part2_getMorePoints2.png) no-repeat;}
.part2_monthly{background: url(../images/part2_monthly.png) no-repeat;}
.part2_monthly:hover{background: url(../images/part2_monthly2.png) no-repeat;}


.part3_la{top: 2616px;right: 230px;}
.part3_laBtn{top: 2725px;right: 160px;width: 430px;}
.part3_laBtn a{display: block;width: 196px;height: 69px;}
.part3_laClaim{background: url(../images/part3_claim.png) no-repeat;}
.part3_laClaim:hover{background: url(../images/part3_claim2.png) no-repeat;}
.part3_laPlay{background: url(../images/part3_play.png) no-repeat;}
.part3_laPlay:hover{background: url(../images/part3_play2.png) no-repeat;}
.part3_pic1{top: 2820px;right: 10px;}
.part3_gamesBox{top: 3260px;left: -65px;width: 1330px;flex-wrap: wrap;}
.part3_gamesBox a{position: relative;width: 428px;height: 316px;margin-bottom: 55px;}
.part3_gamesBox a:hover::after{content: "";position: absolute;top: 3px;left: 23px;width: 382px;height: 310px; background: url(../images/part3_box2.webp) no-repeat;}
.part3_gamesBox a.cap:hover::after{top: 2;height: 312px; background: url(../images/part3_box1.webp) no-repeat;}

.part3_gameCode{top: 3080px;left: 0;width: 100%;display: flex;justify-content: space-evenly;align-items: self-end;z-index: 2;}
.part3_gameSelect{position: relative;cursor: pointer;margin-bottom: 12px;display: block;text-indent: 20px;font-size: 20px;width: 394px;height: 48px;line-height: 48px; background:url("../images/select_bg.jpg") no-repeat;;color: #ea2e49;}
.part3_gameSelect span{display: block;width: 100%;height: 48px;}
.part3_gameSelect ul{display: block; padding: 0 20px;background-color: #e5e5e5;height: 352px;overflow-y: auto; border: 2px solid #4a8ac7; border-top: none;}
.part3_gameSelect li{font-size: 16px;height: 38px;line-height: 38px; border-top: 1px solid #4a8ac7;color: #4a8ac7;}
.part3_gameSelect li:first-child{border-top: none;}
.part3_gameSelect li:hover{color: #ff005b;text-indent: 30px;}

.part3_christmas{width: 303px;height: 120px;background: url(../images/part3_bonus.webp) no-repeat;}
.part3_christmas:hover{background: url(../images/part3_bonus2.webp) no-repeat;}
.part3_redeem{width: 326px;height: 120px;background: url(../images/part3_redeem.webp) no-repeat;}
.part3_redeem:hover{background: url(../images/part3_redeem2.webp) no-repeat;}

.part4_btn{top: 4380px;left: 190px;width: 820px;}
.part4_btn a{display: block;width: 300px;height: 89px;}
.part4_fb{background: url(../images/facebook.png) no-repeat;}
.part4_discord{background: url(../images/discord.png) no-repeat;}
.part4_tips{top: 4490px;color: #000;font-size: 24px;}


/*尾部*/
.bot_bg{position: absolute;top: 4720px;left: 50%;margin-left: -960px; width: 1920px;height: auto;z-index: 0;overflow: hidden;}
.copyright{position: relative;padding:1.5em 0;width:100%;text-align:center;font-size: 133.333%;background-color: #11121c;line-height: 1.5em;display:block;color: #ffffff;z-index:3;}
.copyright a{color: #ffffff;}
.copyright a:hover{ color: #978eff;}


.mask{display: none; width: 100%; height: 100%; background: #000; opacity: .74;filter:alpha(opacity=74); position: fixed; left: 0; top: 0; z-index:99;}
.pop{display: none;width: 289px; height: 357px; z-index:100;padding-top: 185px; background: url("../images/pop.webp") no-repeat;box-sizing: border-box;
    margin-left:-144.5px!important;
    margin-top:-178.5px!important;
    left:50%;/*FF IE7*/
    top:50%;/*FF IE7*/
    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/
    _top:       expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.pop_close{ width: 49px; height: 49px; cursor: pointer; background: url("../images/pop_close.png") center no-repeat; position: absolute;top: 128px;right: 0;}
.pop_close:hover{ background: url("../images/pop_close2.png") center no-repeat;}
.pop_text{display: flex;flex-wrap: wrap; width: 100%;padding: 0 30px 0 16px; height: 166px;align-items: center;text-align: center; font-size: 22px;color: #2b4443;line-height: 30px;box-sizing: border-box;}
.pop_text p,.pop_title{text-align: center;width: 100%;}
.pop_title{color: #ef432b;font-size: 24px;line-height: 30px;font-weight: bold;}
.pop_text .pop_codeTxt{font-size: 16px;}
.pop_code{width: 100%;height: 39px;padding: 0 10px;cursor: default;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word; line-height: 39px;color: #2b4443;font-size: 18px; background-color: #aaaaaa;border: 0;border-radius: 10px;}
.pop_copy{width: 171px;height: 38px;margin: 0 auto; background: url(../images/pop_copy.png) no-repeat;cursor: pointer;}
.pop_copy:hover{background: url(../images/pop_copy2.png) no-repeat;}





@media screen and (max-width: 1800px){
  .wrap{height: 4627px;}
  .bg,.main{-webkit-transform:perspective(1px) scale(0.96);-moz-transform:perspective(1px) scale(0.96);-ms-transform:perspective(1px) scale(0.96);-o-transform:perspective(1px) scale(0.96);transform:perspective(1px) scale(0.96);-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
  .bg,.main{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
}
@media screen and (max-width: 1700px){
  .wrap{height: 4434px; }
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.92);-moz-transform: perspective(1px) scale(0.92);-ms-transform:perspective(1px) scale(0.92);transform: perspective(1px) scale(0.92); }
}
@media screen and (max-width: 1600px){
  .wrap{height: 4242px;}
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.88);-moz-transform: perspective(1px) scale(0.88);-ms-transform:perspective(1px) scale(0.88);transform: perspective(1px) scale(0.88); }
}
@media screen and (max-width: 1500px){
  .wrap{height: 4049px;}
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.84);-moz-transform: perspective(1px) scale(0.84);-ms-transform:perspective(1px) scale(0.84);transform: perspective(1px) scale(0.84); }
}
@media screen and (max-width: 1400px){
  .wrap{height: 3856px;}
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.8);-moz-transform: perspective(1px) scale(0.8);-ms-transform:perspective(1px) scale(0.8);transform: perspective(1px) scale(0.8); }
}
@media screen and (max-width: 1300px){
  .wrap{height: 3663px;}
  .bg,.main{ -webkit-transform: perspective(1px) scale(0.76);-moz-transform: perspective(1px) scale(0.76);-ms-transform:perspective(1px) scale(0.76);transform: perspective(1px) scale(0.76); }
}





/* 放大缩小 */
@-webkit-keyframes scaleMin {
  form,to{
    -webkit-transform: scale(1);
  }
  50%{
    -webkit-transform: scale(0.9);
  }
}
@keyframes scaleMin {
  form,to{
    transform: scale(1);
  }
  50%{
    transform: scale(0.9);
  }
}
/* 抖动 */
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(5deg) translate3d(0,0,0)
  }

  50% {
    -webkit-transform: rotate(-5deg) translate3d(0,0,0)
  }

  100% {
    -webkit-transform: rotate(5deg) translate3d(0,0,0)
  }
}
@keyframes shake {
  0% {
      transform: rotate(5deg) translate3d(0,0,0)
  }

  50% {
      transform: rotate(-5deg) translate3d(0,0,0)
  }

  100% {
      transform: rotate(5deg) translate3d(0,0,0)
  }
}