@media screen and (max-width: 751px) {
    .reservation-page {
        background: #f8f7ed url(../images/reservation/bg-rhombus.png) 0 0 / .72rem .9rem repeat;
    }
    .logo-ico {
        left: calc(50% - 3.33rem);
        top: .16rem;
        width: 1.3rem;
    }
    .comingsoon {
        width: 3.1rem;
        top: 7.55rem;
    }
    .go-home {
        top: .38rem;
        left: calc(50% + 1.25rem);
        width: 2.16rem;
    }
    .button-group {
        top: 8.86rem;
        width: 6.28rem;
        height: .765rem;
    }
    .button-group-one {
        width: 2.84rem;
    }
    /* 主体布局与区块 */
    .reservation-hero {
        padding: 11.04rem 0 0; /* 为导航与顶部留出空间 */
        background: url(../images/reservation/wap/bg1.png) center 0 / 7.5rem 10.64rem no-repeat;
    }
    .user_info {
        font-size: .28rem;
    }
    .user_info .logout {
        font-size: .28rem;
    }
    /* 预约人数 */
    .reservation-count {
        margin-bottom: .6rem;
        font-size: .36rem;
    }
    /* 游戏简介 */
    .box1 {
        margin-bottom: .76rem;
    }
    section .tit {
        height: .36rem;
        margin: 0 auto .36rem;
    }
    .box1 .intr-box {
        width: 7.18rem;
        height: 3.88rem;
        background: url("../images/reservation/wap/box1.png") no-repeat 0 0 / 100% 100%;
    }
    .box1 .intr-box .logo1 {
        top: -1.2rem;
        left: calc(50% + 1.5rem);
        width: 2.52rem;
        height: 1.5rem;
        background: url(../images/reservation/logo4.png) no-repeat 0 0 / 100% 100%;
    }
    .box1 .intr-box::after {
        content: '';
        position: absolute;
        right: .42rem;
        bottom: -.48rem;
        width: 1rem;
        height: 1.05rem;
        background: url(../images/reservation/wap/logo1.png) no-repeat 0 0 / 100% 100%;
    }
    /* 倒计时 */
    .box2 {
        margin-bottom: 1.06rem;
    }
    .box2 .time {
        width: 7.05rem;
    }
    .box2 .time .logo2 {
        display: none;
    }
    .box2 .time .number {
        width: .67rem;
        height: .95rem;
        font-size: .5rem;
    }
    .box2 .time .number.ones {
        margin-right: 0.06rem;
    }
    .box2 .time .word  {
        margin-left: 0;
        margin-right: .14rem;
        font-size: .24rem;
        transform: translateY(0.12rem);
    }
    /* 官网预约专属 升级助力礼包 */
    .box3 {
        margin-bottom: .7rem;
    }
    .box3 .tit {
        margin-bottom: .6rem;
    }
    .box3 .box3-area {
        width: 7.5rem;
        height: 7.18rem;
        background: url("../images/reservation/wap/box2.png") no-repeat 0 0 / 100% 100%;
        margin-top: -1.1rem;
    }
    .box3 .book-btn {
        width: 2.84rem;
        top: unset;
        bottom: 1.1rem;
    }
    /* 预约里程碑 */
    .box4 {
        margin-bottom: .5rem;
    }
    .box4 .tit {
        margin-bottom: 0;
    }
    .box4 .box4-area {
        width: 7.5rem;
        height: 4.08rem;
        background: url("../images/reservation/wap/box3.png") no-repeat 0 0 / 100% 100%;
        margin-bottom: .46rem;
    }
    .box4 .box4-area .logo3 {
        left: .12rem;
        top: -.3rem;
        width: 1.86rem;
    }
    .box4 .lcb {
        width: 7.18rem;
        height: 2.98rem;
        margin: 0 auto .3rem;
    }
    .box4 .lcb.lcb1 {
        background-image: url("../images/reservation/wap/t1.png");
    }
    .box4 .lcb.lcb2 {
        background-image: url("../images/reservation/wap/t2.png");
    }
    .box4 .lcb.lcb3 {
        background-image: url("../images/reservation/wap/t3.png");
    }
    .box4 .lcb.lcb4 {
        background-image: url("../images/reservation/wap/t4.png");
    }
    .box4 .progress-box {
        width: 6.16rem;
        height: 2.04rem;
        top: 1.2rem;
        transform: translateX(calc(-50% + 0.08rem));
    }
    .box4 .progress-box .progress-item {
        width: 1.26rem;
    }
    .box4 .progress-box .progress-item .gift-icon {
        width: 1.25rem;
        height: 1.25rem;
        margin-bottom: .2rem;
    }
    .box4 .progress-box .progress-item:nth-child(1) .gift-icon {
        background-image: url("../images/reservation/wap/g1_a.png");
    }
    .box4 .progress-box .progress-item:nth-child(2) .gift-icon {
       background-image: url("../images/reservation/wap/g2_a.png");
    }
    .box4 .progress-box .progress-item:nth-child(3) .gift-icon {
       background-image: url("../images/reservation/wap/g3_a.png");
    }
    .box4 .progress-box .progress-item:nth-child(4) .gift-icon {
       background-image: url("../images/reservation/wap/g4_a.png");
    }
    .box4 .progress-box .progress-item .reach-icon {
        width: .28rem;
    }
    .box4 .progress-box .progress-item p {
        font-size: .2rem;
        margin-top: .1rem;
    }
    .box4 .progress-bar {
        height: .12rem;
        bottom: .45rem;
    }
    .fl3 {
        padding-top: .4rem;
        margin-bottom: 0;
    }
    .fl3 .tit {
        margin-bottom: .4rem;
    }
    .fl3 .fl3_box{
        width: 7.19rem;
        height: 2.96rem;
        background: url(../images/reservation/wap/fl3_box.png) no-repeat 0 0 / 100% 100%;
    }
    .fl3 .fl3_box .icon {
        width: 1.85rem;
        left: 0;
        top: -1.3rem;
    }
    .fl4 {
        padding-top: 1.5rem;
        margin-bottom: 1rem;
    }
    .fl4 .tit {
        margin-bottom: .4rem;
    }
    .fl4 .fl4_box{
        width: 7.19rem;
        height: 2.96rem;
        background: url(../images/reservation/wap/fl4_box.png) no-repeat 0 0 / 100% 100%;
    }
    .fl4 .fl4_box .icon {
        width: 1.4rem;
        left: 0;
        top: -1.6rem;
    }
    .fl3 .fl3_box .qrcode,
    .fl4 .fl4_box .qrcode {
        width: 1.3rem;
        top: .675rem;
        right: .5rem;
        border-radius: 0.1rem;
    }
    /* 游戏特色 */
    .box5 {
        margin-bottom: 1rem;
    }
    .box5 .tit {
        margin-bottom: .5rem;
    }
    .swiper-area {
        width: 6.7rem;
        height: 3.96rem;
    }
    .logo4 {
        display: none;
    }
    .swiper-area::before {
        width: 6.44rem;
        height: 3.74rem;
    }
    .swiper-container {
        width: 6.36rem;
        height: 3.65rem;
    }
    .swiper-button-next, 
    .swiper-button-prev {
        width: .42rem;
        height: .42rem;
    }
    .swiper-button-prev {
        left: -.3rem;
    }
    .swiper-button-next {
        right: -.3rem;
    }
    /* 关注我们 */
    .follow-fixed {
        display: none;
        position: relative;
        transform: unset;
        width: 7.5rem;
        height: 4.12rem;
        background: url("../images/reservation/wap/rightnav_bg.png") no-repeat 0 0 / 100% 100%;
        margin-bottom: 1rem;
    }
    .follow-fixed img {
        width: .98rem;
        border-radius: 0.04rem;
    }
    .follow-fixed .qr1 {
        top: 2.66rem;
        left: 1.11rem;
    }
    .follow-fixed .qr2 {
        top: 2.66rem;
        left: 3.27rem;
    }
    .follow-fixed .qr3 {
        top: 2.66rem;
        left: 5.44rem;
    }
}