@media screen and (max-width: 1299px) {
    html {
        height: calc(100% - env(SAFE-AREA-INSET-TOP, 0rem));
    }

    body {
        height: calc(100% - env(SAFE-AREA-INSET-TOP, 0rem));
        background-color: #f5f5f5;
    }

    .layout {
        font-family: 'PingFang SC', 'MicrosoftYaHei';
        width: 100%;
        font-size: 1.1429rem;
    }

    .layout .layoutMain {
        width: 100%;
        margin: 0 auto;
    }

    .layout .header {
        width: 100%;
        height: 3.4286rem;
        background: #222222;
        position: fixed;
        top: 0;
        z-index: 99;
    }

    .layout .header .headerLogo {
        float: left;
        margin-top: 1.5714rem;
        display: none;
    }

    .layout .header .navList {
        background-color: #111;
    }

    .layout .header .navList ul {
        /* overflow-x: scroll;
        overflow-y: hidden; */
        white-space: nowrap;

    }

    .layout .header .navList ul li {
        position: relative;
        transition-duration: 0.3s;
        display: inline-block;
    }

    .layout .header .navList ul li:first-child {
        margin-left: .63rem;
    }

    .layout .header .navList ul li:last-child {
        margin-right: .63rem;
    }

    .layout .header .navList ul li a {
        font-size: 1.1rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        margin: 0 .63rem 0;
        opacity: 0.6;
        height: 3.7857rem;
        line-height: 3.7857rem;
    }

    .layout .header .navList ul li a.on {
        color: #88BD42 !important;
        opacity: 1;
    }

    .navScroll {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .time {
        margin-top: 5.68rem;
        font-size: 1.34rem;
    }

    .time .date-container {
        display: flex;
        justify-content: center;
        font-size: 1.3406rem;
        line-height: 1.8926rem;
        margin-bottom: 2.5234rem;
    }

    .date-container .date {
        margin-right: 1.8926rem;
    }

    .date-container .date:last-child {
        margin-right: 0;
    }

    .date-container .date.active {
        font-weight: bold;
    }

    .date-container .date .line {
        height: .1577rem;
        margin-top: .6309rem;
    }

    .date-container .date.active .line {
        height: .1577rem;
        background-color: #222222;
    }

    .lvSuFengHui .content {
        display: none;
    }

    .lvSuFengHui .content.active {
        display: block;
    }

    .banner {
        display: none;
    }

    .bannerMobile {
        width: 23.8936rem;
        margin: 0 auto;
        background-color: #FFFFFF;
        border-radius: .6309rem;
        padding: 1.5771rem 1.5771rem 1.8926rem /* 24/12.6812 */ 1.5771rem;
        color: #666666;
        font-size: 1.0251rem;
        line-height: 1.7349rem;
        margin-bottom: 1.8926rem;
    }

    .bannerMobile img {
        width: 23.8936rem;
        height: 10.2514rem;
        margin-bottom: .9463rem;
    }

    .content1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.2617rem;
    }

    .openingtime {
        font-size: 1.2617rem;
        line-height: 1.7349rem;
        color: #000;
        font-weight: bold;
    }

    .black {
        background-color: #000;
        color: #fff;
        font-size: 1.104rem;
        line-height: 1.7349rem;
        width: 3.9428rem;
        border-radius: .1577rem;
        height: 1.7349rem;
        text-align: center;
    }

    .title {
        font-size: 1.2617rem;
        line-height: 1.7349rem;
        color: #333333;
        margin-bottom: .9463rem;
    }

    .jiaBin {
        margin-top: 3.9997px;
    }

    .green {
        background-color: #88BD42;
        color: #fff;
        font-size: 1.104rem;
        line-height: 1.7349rem;
        width: 3.9428rem;
        border-radius: .1577rem;
        height: 1.7349rem;
        text-align: center;
    }

    .play {
        margin-bottom: 1.8926rem;
    }

    .play span {
        font-size: 1.3406rem;
        color: #333333;
        line-height: 1.8926rem;
        margin-left: 1.2617rem;
        font-weight: 400;
    }

    .play li {
        width: 23.8936rem;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF;
        border-radius: .6309rem;
        padding: 1.5771rem 1.5771rem 1.8926rem 1.5771rem;
        color: #666666;
        font-size: 1.0251rem;
        line-height: 1.7349rem;
        margin-top: 1.2617rem;
        position: relative;
        overflow: hidden;
    }

    .play li img {
        width: 23.8936rem;
        height: 10.2514rem;
        margin-bottom: .9463rem;
    }

    .play li a img {
        width: .4731rem;
        height: .7097rem;
        margin-left: .3154rem;
        margin-bottom: 0;
    }

    .play li a {
        color: #0082FF;
        display: flex;
        align-items: center;
        margin-top: 16px;
        float: right;
    }

    .orange {
        background-color: #E46B20;
        color: #fff;
        font-size: 1.104rem;
        line-height: 1.7349rem;
        width: 3.9428rem;
        border-radius: .1577rem;
        height: 1.7349rem;
        text-align: center;
    }
    .blank{
        display: none;
    }

    .layout footer .layoutMain {
        display: none;
    }
    .footerMob {
        display: block;
        text-align: center;
        background: #f5f5f5;
        font-size: .92857143rem;
        font-family: 'PingFangSC-Regular', 'PingFang SC', 'MicrosoftYaHei';
        font-weight: 400;
        color: #888888;
        line-height: 1.35714286rem;
        border-top: 1px solid #ddd;
        padding: 1.28571429rem 0;
        margin-top: 3.1543rem;
    }

    .footerMob :last-child {
        margin-top: .28571429rem;
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);
    }
}