*{margin: 0;padding: 0;border: 0;list-style: none;}
a,a:hover,.part1_up,.part1_up:hover,.part1_rewards,.part1_rewards:hover,.part3_play,.part3_gamesBox a:hover .part3_play{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: #bdc8d0;}
.wrap{position: relative;width: 100%;height: 7638px;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: 85px;}


.egg1,.egg2,.egg3,.egg4,.egg5,.egg6,.egg7{ pointer-events: none; z-index: 1; transform: scale(0.75);}
.egg1,.egg2,.egg5,.egg4,.egg7{-webkit-animation: egg1 2s infinite steps(50);animation: egg1 2s infinite steps(50);}
.egg1,.egg4,.egg7{ width: 300px; height: 300px; background: url("../images/egg1.webp") no-repeat;}
.egg2,.egg5{ width: 320px; height: 300px; background: url("../images/egg2.webp") no-repeat;}
.egg3,.egg6{ width: 300px; height: 280px; background: url("../images/egg3.webp") no-repeat;-webkit-animation: egg2 2s infinite steps(50);animation: egg2 2s infinite steps(50);}
.egg1{ top: 1358px; left: -244px;}
.egg2{ top: 1194px; right: -227px;}
.egg3{ top: 0; left: -207px;}
.egg4{ top: 252px; right: -233px;}
.egg5{ top: 1486px; left: -298px;}
.egg6{ top: 132px; right: -245px;}
.egg7{ top: 712px; left: -314px;}
.chicken1,.chicken2{ width: 300px; height: 218px; -webkit-animation: chicken 2s infinite steps(50);animation: chicken 2s infinite steps(50);}
.chicken1{ background: url("../images/chicken1.webp") no-repeat; top: 46px; right: -200px;}
.chicken2{ background: url("../images/chicken2.webp") no-repeat; top: 433px; left: -323px;}


.part1_time{top: 220px;left: 435px;text-align: center; background-color: #ee425e;color: #fff;width: 330px;height: 40px;font-size: 24px; line-height: 40px;border-radius: 15px;}
.part1_eggBox{top: 300px;left: 310px;width: 571px; height: 327px;}
.part1_eggBox li{ filter: grayscale(100%);}
.part1_eggBox .on{ animation:swing 3s infinite; filter: grayscale(0);}
.part1_eggBox .part1_egg1{top: 50px;left: 0;}
.part1_eggBox .part1_egg2{top: 54px; right: 0; animation-delay: -0.15s;}
.part1_eggBox .part1_egg3{top: 0;left: 194px;animation-delay: -0.3s;}
.part1_up{top: 651px;left: 470.5px;width: 259px;height: 101px;background: url(../images/part1_up.webp) no-repeat; cursor: pointer;-webkit-animation: scaleMin 1.2s infinite linear;animation: scaleMin 1.2s infinite linear;}
.part1_up:hover{background: url(../images/part1_up2.webp) no-repeat;}
.ed{ filter: grayscale(100%); cursor: unset; animation: none;}
.ed:hover{background: url(../images/part1_up.webp) no-repeat;}
.part1_txt,.part1_txt2{ width: 895px; left: 145px; font-size: 18px;color: #393939;line-height: 24px;}
.part1_txt{ top: 750px;}
.part1_check,.part1_redeem{ width: 389px; height: 141px; top: 1550px;}
.part1_check{ left: 205px; background: url(../images/part1_check.webp) no-repeat;}
.part1_check:hover{ background: url(../images/part1_check2.webp) no-repeat;}
.part1_redeem{ right: 205px; background: url(../images/part1_redeem.webp) no-repeat;}
.part1_redeem:hover{ background: url(../images/part1_redeem2.webp) no-repeat;}
.part1_txt2{ top: 1260px;}
.part1_txt p,.part1_txt2 p{ font-weight: bolder; font-size: 20px;}
.part1_rankBox{top: 885px;left: 101px;width: 100%;}
.part1_rankBox li{margin-bottom: 16px;display: flex;justify-content: flex-start;height: 104px;}
.part1_bg{ width: 1002px; height: 104px; background: url("../images/part1_bg.webp") no-repeat; position: relative;}
.part1_bg img{ position: absolute; top: 26px; left: 41px;}
.part1_rewards{ width: 274px; height: 58px; background: url("../images/part1_rewards.webp") no-repeat; top: 22px; right: 41px; filter: grayscale(100%);}
.part1_bg .on{ cursor: pointer; filter: grayscale(0);}
.part1_bg .on:hover{ background: url("../images/part1_rewards2.webp") no-repeat;}


.part2_box,.part3_box,.part4_box,.part5_box{ width: 100%; top: 1962px; left: 0;}
.part2_box{ top: 1962px;}
.part2_title{ width: 100%; text-align: center; left: 0; top: 0;}
.part2_text,.part2_text2{ left: 116px; width: 975px; font-size: 20px; color: #393939; line-height: 30px; z-index: 2; text-align: center;}
.part2_text{ top: 156px;}
.part2_text2{ top: 160px;}
.part2_logo{ top: 0;}
.ire_box,.ern_box{ width: 100%; left: 0; z-index: 2;}
.ire_box{ top: 242px;}
.ire_role{ width: 476px; height: 919px; background: url("../images/role1.webp") no-repeat; top: 76px; left: -285px; z-index: 1; pointer-events: none;}
.banner_bg,.banner_bg2{ width: 1226px; height: 643px; z-index: 5; pointer-events: none; background: url("../images/part2_bg.webp") no-repeat; top: 221px;}
.banner_bg{ left: -14px;}
.banner_bg2{ left: -12px;transform: rotateY(180deg);}
/* 轮播图 */
.swiper{ width: 940px; height: 525px; left: 0; top: 280px;}
.swiper-slide{text-align: center;display: flex;justify-content: center;align-items: center;}
.swiper-slide img{ display: block; width: 940px; height: 525px; object-fit: cover; z-index: 2;}
.part2_box .swiper-button-prev,.part2_box .swiper-button-next{position: absolute;top: 257px;width: 37px;height: 58px;z-index: 2;background: url(../images/arrow.png) no-repeat; opacity: 0.6;}
.part2_box .swiper-button-prev:after,.part2_box .swiper-button-next:after{ display: none;}
.part2_box .swiper-button-prev{left: 20px;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.part2_box .swiper-button-next{right: 20px;}
.part2_box .swiper-button-prev:hover,.part2_box .swiper-button-next:hover{ opacity: 1;}
.part2_play{ width: 389px; height: 141px; background: url("../images/part2_play.webp") no-repeat; left: 405.5px; top: 870px;}
.part2_play:hover{ background: url("../images/part2_play2.webp") no-repeat;}
.ern_box{ top: 1285px;}
.ern_role{ width: 594px; height: 1076px; background: url("../images/role2.webp") no-repeat; top: -48px; right: -360px; z-index: 1; pointer-events: none;}


.part3_box{ top: 4531px;}
.part3_gamesBox,.part4_gamesBox{ left: 0; flex-wrap: wrap;}
.part3_gamesBox{ width: 1200px; top: 259px;}
.part3_gamesBox a{position: relative;width: 361px;height: 461px;margin-bottom: 100px;}
.part3_play{ width: 259px; height: 101px; background: url("../images/part3_play.webp") no-repeat; left: 51px; bottom: -28px; cursor: pointer;}
.part3_gamesBox a:hover .part3_play{ background: url("../images/part3_play2.webp") no-repeat;}


.part4_box{ top: 6132px;}
.part4_gamesBox{ width: 1166px; top: 264px;}
.part4_bg{position: relative;width: 537px;height: 717px;}
.part4_mk,.part4_aom{width: 537px;height: 717px; background: url("../images/part4_bg.webp") no-repeat; top: 0; left: 0; z-index: 1;}
.part4_aom{transform: rotateY(180deg);}
/* 轮播图 */
.part4_bg .swiper{ width: 505px; height: 284px; left: 0; top: 16px; z-index: 2;}
.part4_bg .swiper-slide{text-align: center;display: flex;justify-content: center;align-items: center;}
.part4_bg .swiper-slide img{ display: block; width: 505px; height: 284px; object-fit: cover; z-index: 2;}
.part4_bg .swiper-button-prev,.part4_bg .swiper-button-next{position: absolute;top: 140px;width: 29px;height: 47px;z-index: 2;background: url(../images/arrow2.png) no-repeat; opacity: 0.6;}
.part4_bg .swiper-button-prev:after,.part4_bg .swiper-button-next:after{ display: none;}
.part4_bg .swiper-button-prev{left: 10px;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.part4_bg .swiper-button-next{right: 10px;}
.part4_bg .swiper-button-prev:hover,.part4_bg .swiper-button-next:hover{ opacity: 1;}
.part4_name{ width: 571px; height: 115px; top: 257px; left: -17px; z-index: 3; pointer-events: none;}
.part4_text{ width: 463px; left: 38px; top: 384px; font-size: 18px; color: #393939; line-height: 25px; z-index: 3;}
.part4_redeem{ width: 259px; height: 114px; background: url("../images/part4_redeem.webp") no-repeat; bottom: 55px; left: 139px; z-index: 3;}
.part4_redeem:hover{ background: url("../images/part4_redeem2.webp") no-repeat;}

.part5_box{ top: 7258px;}
.part5_title{top: 0;color: #393939;font-size: 24px;}
.part5_btn{top: 50px;left: 275px;width: 650px; height: 129px; background: #fffde9; border-radius: 94px; box-sizing: border-box; padding: 11px 180px;}
.part5_btn a{display: block;width: 104px;height: 108px;}
.part5_fb{background: url(../images/facebook.webp) no-repeat;}
.part5_discord{background: url(../images/discord.webp) no-repeat;}
.part5_fb:hover,.part5_discord:hover{-webkit-animation: shake .3s infinite linear;animation: shake .3s infinite linear;}
.part5_tips{top: 200px;color: #393939;font-size: 24px; z-index: 2;}


/*尾部*/
.bot_bg{position: absolute;top: 7542px;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: #373737;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: 689px; height: 287px; z-index:100; background: url("../images/pop.webp") no-repeat;box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pop_close{ width: 68px; height: 68px; cursor: pointer; background: url("../images/pop_close.webp") center no-repeat; position: absolute;top: -10px;right: 20px;}
.pop_close:hover { animation: rotate360 0.6s ease-in-out 1;}
.pop_text{ display: flex; flex-wrap: wrap; width: 70%; height: 267px; align-items: center; text-align: center; color: #2b4443; line-height: 30px; box-sizing: border-box; font-size: 22px; margin: 0 auto;}
.pop_text p{ text-align: center; width: 100%;}


@media screen and (max-width: 1800px){
  .wrap{height: 7332.48px;}
  .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: 7026.96px; }
  .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: 6721.44px;}
  .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: 6415.92px;}
  .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: 6110.4px;}
  .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: 5804.88px;}
  .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)
    }
}
/*鸡蛋摇摆动画*/
@-webkit-keyframes swing {
    70% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    85% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    90% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    70% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    85% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    90% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

/* 旋转关键帧动画 */
@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 为Webkit内核浏览器添加兼容性前缀 */
@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}


/*序列帧*/
@-webkit-keyframes egg1 {
    to{
        background-position: 0 -15000px;
    }
}
@keyframes egg1 {
    to{
        background-position: 0 -15000px;
    }
}
@-webkit-keyframes egg2 {
    to{
        background-position: 0 -14000px;
    }
}
@keyframes egg2 {
    to{
        background-position: 0 -14000px;
    }
}
@-webkit-keyframes chicken {
    to{
        background-position: 0 -10900px;
    }
}
@keyframes chicken {
    to{
        background-position: 0 -10900px;
    }
}