body,
html {
    min-width: 1400px;
    max-width: 1920px;
    margin: 0 auto;
}

.wrap {
    width: 100%;
    height: 3259px;
    margin: 0 auto;
    overflow: hidden;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhxf2607_bg.jpg) top center no-repeat;
    position: relative;
}

.Nav {
    width: 100%;
    max-width: 1920px;
    height: 127px;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhxf2607_navbg.png) no-repeat;
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    z-index: 12;
}

.wrap_leftkk {
    width: 200px;
    position: fixed;
    top: 0%;
    left: 50%;
    bottom: 0;
    margin: auto;
    z-index: 99;
    cursor: pointer;
    animation: movetb 2s linear infinite;
    margin-left: 720px;
}


@keyframes movetb {
    0% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
    }

    50% {
        transform: translateY(8px);
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
    }

    100% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
    }
}

.Nav_diva {
    width: 100%;
    height: 92px;
    margin: 0 auto;
}

.Nav_imga {
    float: left;
    margin-top: 4px;
    margin-left: 48px;
}

.Nav_divb {
    width: 947px;
    height: 90px;
    float: right;
    display: flex;
    align-items: center;
}

.Navb_ul {
    display: flex;
    align-items: center;
}

.Navb_ul li {
    height: 42px;
    position: relative;
    float: left;
    cursor: pointer;
}

.Navb_ul li:nth-child(1) {
    width: 146px;
}

.Navb_ul li:nth-child(2) {
    width: 155px;
    margin-left: 51px;
}

.Navb_ul li:nth-child(3) {
    width: 138px;
    margin-left: 56px;
}

.Navb_ul li:nth-child(4) {
    width: 144px;
    margin-left: 63px;
}

.Navb_ul li:nth-child(5) {
    width: 82px;
    margin-left: 59px;
}

.Navb_ul li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.Navb_ul li .Navb_imgy {
    display: none;
}

.Navb_ul li.on .Navb_imgn {
    display: none;
}

.Navb_ul li.on .Navb_imgy {
    display: block;
}


.video_box {
    position: absolute;
    left: 50%;
    top: 0;
    height: 1254px;
    width: 1920px;
    transform: translate(-50%);
    overflow: hidden;
}

.wrap_zhezhao {
    position: absolute;
    top: 852px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
}

.wrap_box {
    width: 1400px;
    margin: 0 auto;
    margin-top: 1209px;
    position: relative;
    z-index: 11;
}

.wrap_dlbox {
    position: fixed;
    top: 125px;
    right: 1px;
    cursor: pointer;
}

.wrap_zx {
    display: none;
}

.wrap_diva {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    display: none;
}


.wrap_title {
    display: block;
    margin: 0 auto;
    margin-left: -60px;
}

/* 预创角 */
.yucj_diva {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    display: none;
}

.yucj_divaimg1 {
    display: block;
    margin: 0 auto;
    margin-top: 58px;
    margin-left: 178px;
}

.yucj_divaimg2 {
    display: block;
    margin: 0 auto;
    margin-top: -24px;
}

.yucj_divaimg3 {
    display: block;
    margin: 0 auto;
    margin-top: -37px;
    margin-left: 341px;
    cursor: pointer;
    z-index: 11;
    position: relative;
    animation: fadaxs 1.5s linear infinite;
}










/* 预约 */
.yuyue .yuyue_num {
    color: #2f434e;
    text-align: center;
    font-size: 44px;
    margin-top: 32px;
    font-family: 思源宋体;
    font-weight: bolder;
    letter-spacing: 2px;
}

.yuyue_num span {
    color: #9e4f3a;
}

.yuyue_jdtyesbox {
    height: 471px;
    width: 1343px;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhxf2607a_yyjdtn.png) no-repeat;
    margin: 0 auto;
    margin-top: 42px;
    position: relative;
}

.yuyue_jdtyesboxyes {
    width: 3%;
    max-width: 1342px;
    height: 124px;
    /* overflow: hidden; */
    float: left;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhxf2607a_yyjdty.png) no-repeat;
    position: relative;
}

.yuyue_jdtyescion {
    position: absolute;
    left: 0;
    top: -40px;
}

.yuyue_jdtyesbox .yuyue_jdticon {
    width: 1264px;
    height: 359px;
    margin: 0 auto;
    margin-top: -33px;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
}

.yuyue_jdtyesbox .yuyue_jdticon img {
    margin-right: 57px;
}

.yuyue_jdtyesbox .yuyue_jdticon img:nth-child(5) {
    margin-right: 0;
}

.yuyue_btn {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 67px;
    animation: fadaxs 1.5s linear infinite;
}

@keyframes fadaxs {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

.yuyuegz {
    width: 1248px;
    height: 510px;
    margin: 0 auto;
    color: #0f1a1c;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 60px;
    padding-top: 46px;
}


/* 登录 */
.wrap_tits {
    font-size: 28px;
    color: #202735;
    font-family: 思源宋体;
    margin-top: 29px;
    text-align: center;
    line-height: 40px;
    font-weight: 550;
    letter-spacing: 1px;
    z-index: 11;
    position: relative;
}

.denglul .sign_box {
    width: 1408px;
    height: 588px;
    margin: 0 auto;
    margin-top: 45px;
}

.sign_box li {
    width: 152px;
    height: 280px;
    float: left;
    margin-right: 27px;
    position: relative;
    cursor: pointer;
}

.sign_box li:nth-child(8) {
    margin-right: 0;
}

.sign_box li:nth-child(n+9) {
    margin-top: 27px;
}

.sign_box li:nth-child(9) {
    margin-left: 83px;
}

.sign_box li .sign_yes {
    position: absolute;
    left: 10px;
    bottom: 3px;
    display: none;
}

.denglul .sign_btn {
    margin: 0 auto;
    display: block;
    cursor: pointer;
    margin-top: 39px;
}

.signgz {
    padding-top: 75px;
}

.sign_jdtdui {
    position: absolute;
    display: none;

}

.sign_jdtdui1 {
    top: 283px;
    left: 93px;
}

.sign_jdtdui2 {
    top: 283px;
    left: 351px;
}

.sign_jdtdui3 {
    top: 283px;
    left: 616px;
}

.sign_jdtdui4 {
    top: 283px;
    left: 883px;
}

.sign_jdtdui5 {
    top: 283px;
    right: 76px;
}

/* 抽奖 */
.Lottery_diva {
    width: 1400px;
    height: 722px;
    margin: 0 auto;
    margin-top: 88px;
    position: relative;
}

.Lottery_diva .Lottery_txt {
    margin: 0 auto;
    display: block;
}

.Lottery_divb {
    width: 1388px;
    height: 127px;
    margin: 0 auto;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhxf2607d_cjimgbg.png) no-repeat;
    position: relative;
    margin-top: -160px;
    padding: 4px;
    /* overflow: hidden; */
}

.Lottery_divb li {
    float: left;
    position: relative;
    height: 129px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Lottery_divb li .Lottery_lispan {
    position: absolute;
    bottom: 4px;
    color: #000;
    font-size: 16px;
    letter-spacing: 1px;
}

.Lottery_divb li .Lottery_limes {
    position: absolute;
    left: 115px;
    z-index: 11;
    display: none;
}

.Lottery_divb li p {
    width: 204px;
    height: 105px;
    /* 新增：保证布局稳定，图片居中 */
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.Lottery_divb li p.light-effect {
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhxf2607d_cjimgbgyes.png) no-repeat center center;
    background-size: 100%;
    /* 关键：背景铺满整个p容器，强制拉伸填满宽高，保证所有p发光框大小完全一致 */
}

.Lottery_divb li:nth-child(2) p:nth-child(1).light-effect,
.Lottery_divb li:nth-child(2) p:nth-child(2).light-effect,
.Lottery_divb li:nth-child(2) p:nth-child(3).light-effect {
    width: 300px;
}

.Lottery_divb li:nth-child(3) p:nth-child(1).light-effect,
.Lottery_divb li:nth-child(3) p:nth-child(2).light-effect,
.Lottery_divb li:nth-child(3) p:nth-child(3).light-effect {
    width: 300px;
}

.Lottery_divb li:nth-child(4) p:nth-child(1).light-effect,
.Lottery_divb li:nth-child(4) p:nth-child(2).light-effect {
    width: 300px;
}

.Lottery_divb li:nth-child(1) p:nth-child(1).light-effect {
    width: 180px;
}

/* 可选：统一内部奖品图片最大尺寸，防止图片撑乱布局 */
.Lottery_divb li p .Lottery_li {
    max-width: 85px;
    max-height: 85px;
    object-fit: contain;
}

.Lottery_divb li:nth-child(1) {
    width: 287px;
}

.Lottery_divb li:nth-child(2) {
    width: 422px;
    height: 121px;
}

.Lottery_li {
    display: block;
    margin: 0 auto;
}

.Lottery_li3 {
    margin: 0 40px;
}

.Lottery_divb li:nth-child(3) {
    width: 391px;
    height: 121px;
}

.Lottery_divb li:nth-child(4) {
    width: 279px;
    height: 121px;
}

.Lottery_li8 {
    /* margin-right: 50px; */
    margin-left: 40px;
}

.Lottery_divc {
    width: 1542px;
    height: 386px;
    margin: 0 auto;
    position: relative;
}

.Lottery_divc li {
    width: 450px;
    height: 382px;
    float: left;
    position: absolute;
    cursor: pointer;
}

.Lottery_divc li:nth-child(1) {
    left: -68px;
    top: -12px;
    animation: ttspan 2s linear infinite;
}

.Lottery_divc li:nth-child(2) {
    left: 300px;
    animation: ttspan 2s linear 0.2s infinite;
}

.Lottery_divc li:nth-child(3) {
    left: 675px;
    top: -5px;
    animation: ttspan 2s linear infinite;
}

.Lottery_divc li:nth-child(4) {
    left: 1070px;
    top: -9px;
    animation: ttspan 2s linear 0.2s infinite;
}

@keyframes ttspan {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(0px)
    }
}




.Lottery_divc li img.Lotteryc_boxy,
.Lottery_divc li img.Lotteryc_boxn {
    position: absolute;
    top: 51px;
    left: 0;
}

.Lottery_divc li img.Lotteryc_boxy {
    top: 50px;
    left: 0px;
    display: none;
}


.Lottery_divc li.on img.Lotteryc_boxy {
    display: block;
}

.Lottery_divc li.on img.Lotteryc_boxn {
    display: none;
}

.Lottery_diva .Lottery_shuaxin {
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.Lotteryc_boxy4icon1 {
    position: absolute;
    left: 93px;
    top: 178px;
    cursor: pointer;
}

.Lotteryc_boxy4icon2 {
    position: absolute;
    left: 173px;
    top: 178px;
    cursor: pointer;
}

.Lottery_li.light-effect {
    transform: scale(1.5);
}




/*底部*/

.footer {
    width: 100%;
    height: 305px;
    margin: 0 auto;
    background: #3a3a3a;
}

.footer_divbox {
    height: 227px;
}

.footer_divtop {
    height: 153px;
}

.footer .footer_diva {
    width: 1213px;
    margin: 0 auto;
    padding-top: 29px;
    padding-bottom: 33px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
}

.footer .footer_tip1 {
    text-align: center;
    margin-top: 106px;
    line-height: 28px;
    width: 100%;
    letter-spacing: 1px;
}

.footer .footer_tip2 {
    float: left;
    line-height: 26px;
    margin-left: 15px;
    letter-spacing: 1px;
    font-size: 16px;
    margin-top: 14px;
}

.footer_divb {
    overflow: hidden;
    float: left;
}

.footer_divc {
    float: right;
    line-height: 26px;
    letter-spacing: 1px;
    font-size: 16px;
    margin-top: 14px;
}

.footer .twgler_footicon {
    margin: 0 auto;
    margin-top: 0;
    width: 353px;
}

.twgler_footicon img:nth-child(2) {
    margin-top: 1px;
    float: right;
}

.footer .twgler_foottip {
    text-align: center;
}



/*登录*/
.Signins {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: flex;
    display: none;
    z-index: 99;
}

.Signins_divas {
    width: 772px;
    height: 484px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhxf2607_loginkk.png) no-repeat;
    padding-top: 155px;
}

.longn_pa {
    width: 588px;
    height: 47px;
    margin-bottom: 30px;
}

.longn_pa input {
    width: 318px;
    height: 44px;
    text-indent: 8px;
    background: #637789;
    color: #000;
    display: block;
    float: right;
    border: none;
}

.longn_pa span {
    float: right;
    line-height: 47px;
    font-size: 20px;
    color: #3f576d;
}

.Signins_divb {
    width: 527px;
    height: 73px;
    margin: 0 auto;
    margin-top: 66px;
}

.Signins_divb .Signin_imgb {
    float: left;
    cursor: pointer;
}

.Signins_divb .Signin_imgc {
    float: right;
    cursor: pointer;
}

.Signin_gb {
    position: absolute;
    top: -62px;
    right: -53px;
    cursor: pointer;
}

/*提示*/
.tishitk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 105;
}

.tishi_diva {
    width: 515px;
    height: 322px;
    position: relative;
    background: url(https://heroportal.chinesegamer.net/Newzh/img/tzhxf2607_tipkk.png) no-repeat;
    padding-top: 111px;
    background-size: 100%;
}

.tishi_close {
    position: absolute;
    top: -60px;
    right: -55px;
    cursor: pointer;
}

.tishi_pa {
    color: #3f576d;
    font-size: 24px;
    text-align: center;
    height: 85px;
    font-family: "思源宋体";
    font-weight: 550;
    line-height: 30px;
}

.tishi_imgas {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.tishi_juanzbz {
    display: block;
    margin: 8px auto;
    cursor: pointer;
    display: none;
}

.yucj_sp1 {
    position: absolute;
    left: 50%;
    top: -18px;
    height: 700px;
    width: 1922px;
    transform: translate(-50%);
    overflow: hidden;
}

.yucj_sp2 {
    position: absolute;
    left: 50%;
    top: 0;
    height: 828px;
    width: 1920px;
    transform: translate(-50%);
    overflow: hidden;
}