/* 初始化样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */
}

/* 设置根元素字体大小 (1rem = 10px) */
html {
    font-size: 56%;
}


/* 设置body默认样式 */
body {
    max-width: 100%;
    margin: 0 auto;
    font-family:  Microsoft Yahei, sans-serif;
    font-size: 1.4rem; /* 默认14px (基于62.5%的html字体大小) */
    color: #333;
    line-height: 1.5;
    background-color: #f0f4f7;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%; /* 防止iOS横屏时文字放大 */
}

/* 常用标签初始化 */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 1.75rem;
    font-weight: bold;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: none;
}

ul, ol {
    list-style: none;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
li{
    padding: 0;
    margin: 0;
    list-style: none;
}

input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    outline: none;
    border: none;
    background: none;
}

/* 基础布局结构 */
.container {
    width: 100%;
    padding: 0 0.5rem;
}

.header {
    width: 100%;
    height: 10rem;
    position: relative;
    background: #2566ca;
    max-height: 200px;
    color: #fff;
    text-align: center;
    line-height: 10rem;
    font-size: 2.2rem;
}

.main {
    width: 100%;
    margin-top: 3rem; /* 留出header空间 */
    padding-bottom: 5rem; /* 留出footer空间 */
}

.footer {
    width: 100%;
    height: 5rem;
    background-color: #f8f8f8;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.zfbg-btn{
        position: absolute;
        top: 26%;
        right: 0;
        height: 4rem;
        border: 1px solid #fff;
        border-radius: 20px 0 0 20px;
        width: 11rem;
        font-size: 1.5rem;
        font-weight: 700;
        background-color: #00113c;
        color: #fff;
    touch-action: pan-y;
}

    .top_down {
        position: absolute;
        bottom: -4%;
        left: 5%;
        width: 90%;
        background-color: #fff;
        border-radius: 10px;
        text-align: center;
        padding-top: 1rem;
        touch-action: pan-y;
        height: 8.8rem;
        font-size: 2.3rem;
        font-weight: bolder;
    }

    .tabNav{
        font-size: 1.5rem;
        font-weight: 700;
        width: 100%;
        height: 4.5rem;
        line-height: 4.5rem;
        padding-left: 5px;
        margin-bottom: 1.5rem;
    }


    .tabNav a {
        float: left;
        width: 25%;
        color: #626571;
        font-size: 1.75rem;
        text-align: center;
    }

    .tabNav a.selected {
        color: #000;
        border-bottom: 2px solid pink;
    }












    .middle_all {
        position: relative;
        padding: 10px;
        margin-left: 5px;
        margin-right: 10px;
        border: 1px solid #eff0f4;
        display: none;
    }

    .middle_Basic_information_middle {
        padding-left: 0;
    }

    .middle_Basic_information_middle li {
        height: 4.5rem;
        max-height: 6.5rem;
        width: 100%;
        font-size: 1.4rem;
        color: #626571;
    }

    .middle_Basic_information_middle_left {
        float: left;
        width: 35%;
        height: 100%;
    }

    .middle_Basic_information_middle_right {
        margin-right:0rem;
        padding-right: 0rem;
        width: 60%;
        height: 100%;
        overflow: hidden;
        word-wrap: break-word;
        float: right;
    }

    .middle_Basic_information_middle_right p {
        margin-top: 0;
    }

    .new_li {
        height: 4.5rem;
        max-height: 6.5rem;
        width: 100%;
        font-size: 1.3rem;
        color: #626571;
        margin-bottom: 0;
    }

    .middle_Basic_information_middle_left {
        float: left;
        width: 35%;
        height: 100%;
    }

    .tbdiv{
        width: 100%;
        font-size: 1.25rem;
        color: #626571;
        position: relative;
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex ;
        background-color: #fff;
    }

    .middle_Basic_information_tb{
        border-bottom: 1px dashed grey;
        border-collapse: collapse;
        text-align: center;
        margin-top: 0;
    }

    .middle_Basic_information_tb th, td {
        padding: 10px;
        text-align: center;
        border: none;
    }
    .middle_Basic_information_tb td {
        height: 6rem;
    }

    .middle_Basic_information_tb th {
        height: 2rem;
        background-color: #f6f9ff;
    }

    .odd {
        background-color: #f6f9ff;
        height: 6rem;
    }



    .middle_Basic_information_middle_second{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .middle_Basic_information_middle_second li{
        width: 50%;
        margin-bottom: 10px;
    }

    .middle_Basic_information_middle_second li p {
        font-size: 1.4rem;
        color: #a9a2a8;
    }

    .middle_Basic_information_middle_second li span {
        color: #000;
        font-size: 1.5rem;
    }

    .tip {
        background-color: #f9f9f9;
        border: 1px solid #ccc;
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 10px;
        width: 98%;
        font-size: 1.4rem;
    }

    .view-detail-button {
        padding: 4px 16px;
        background-color: #409eff;
        color: #fff;
        border: none;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        -webkit-transition: background-color .2s ease;
        transition: background-color .2s ease;
    }

    .middle_all_four {
        position: relative;
        padding: 10px;
    }
    .fonsi {
        background-color: #2187fe;
        float: left;
        color: #fff;
        width: 25px;
        border-radius: 5px;
        text-align: center;
    }

    .middle_all_4_span {
        margin-top: 1rem;
        font-size: 2rem;
        margin-left: .5rem;
        color: #212020;
        font-weight: 700;
    }

    .middle_all_3_tb th,td{
        height: 6rem;
    }

    .middle_all_4_tb {
        border-collapse: collapse;
        font-size: 1.3rem;
        width: 100%;
    }

    .modal-content {
        background-color: #fff;
        padding: 20px;
        width: 400px;
        max-width: 90%;
        text-align: left;
        line-height: 2.8rem;
        font-size:1.4rem ;
    }

    .modal-content h3 {
        margin-top: 0;
        font-weight: bold;
        padding-bottom: 2rem;
    }

    .huanyin{
        width: 100%;
        height: 5rem;
        font-size: 2rem;
        text-align: center;
        color: #cc2606;
    }

    .tupian{
        width: 96%;
        height: auto;
        border-radius: 1rem;
        overflow: hidden;
        padding: 2rem 1rem;
        margin: 0 2%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

    .huanyin2{
        margin-top: 3rem;
    }

    .chaxunkuang{
        width: 100%;
        height: auto;
        background: #fff;
        display: flex;
        height: 6rem;
        justify-content: space-between;
        align-items: center;
    }
    .chaxunkuang text{
        width: 30%;
        height: auto;
        font-size: 1.8rem;
        color: #000;
        text-align: center;
    }

    .chaxunkuang input{
        width: 70%;
        height: auto;
        height: 5rem;
        font-size: 1.6rem;
        background: #fff;

    }

    .chaxunanniu{
        width: 100%;
        height: 4.5rem;
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }
    .chaxunanniu input{
             width: 90%;
             height: 4.5rem;
             background: #44ad2d;
             text-align: center;
             font-size: 1.6rem;
             line-height: 4rem;
             color: #fff;
        border-radius: 0.5rem;
         }


    .header2{
        width: 100%;
        height: 6rem;
        position: relative;
        background: #fff;
        max-height: 200px;
        color: #333;
        text-align: center;
        line-height: 6rem;
        font-size: 1.6rem;
    }

    .header3{
        width: 100%;
        height: 6rem;
        position: relative;
        background: #2766cd;
        max-height: 200px;
        color: #fff;
        text-align: center;
        line-height: 6rem;
        font-size: 1.6rem;
    }
    table {
        border-collapse: collapse;
        width: 100%;
        max-width: 1200px;
        margin: 20px auto;
        font-family: Arial, sans-serif;
    }

    th, td {
        border: 1px solid #bddafd;
        padding: 1rem;
        text-align: left;
    }
    th {
        background-color: #f2f2f2;
        font-weight: bold;
    }
    tr:nth-child(even) {
        background-color: #f9f9f9;
    }
    .announced {
        color: green;
    }
    .unannounced {
        color: #666;
    }
    table tr td:nth-child(1){
        background: #d7e9ff;
    }
    table tr th:nth-child(1){
        background: #d7e9ff;
    }




    .allimg{
        max-width: 100%;
        position: relative;
    }

    .allceng{
        position: absolute;
        width: 100%;
        height: auto;
        min-height: 100px;
       top: 14%;
        z-index: 999;
    }

    @font-face {
        font-family: 'dseg7';
        src: url("../font/dseg7.woff2") format('woff2');
    }

    .allceng .ticket-original-clock{

        font-family: dseg7;
        font-size: 1.8rem;
        color: blue;
        font-weight: normal;
        z-index: 100;
        text-align: center;
        width: 100%;
    }

    .allceng .erweima{
        width: 100%;
        height: auto;
        margin-top: 2.5rem;
        text-align: center;
    }

    .allceng .menpiaopC{
        width: 100%;
        height: auto;
        text-align: center;
    }

    .allceng .menpiaopC .ticket_info_container{
        font-size: 1.45rem;
        margin-top: 3rem;
        line-height: 3.2rem;
        font-family: Verdana, sans-serif;
        font-weight: bold;
    }
    .xiaohongdian{
        width: 100%;
        position: absolute;
        bottom: 10%;
        z-index: 99999999999;
        height: 2rem;
        display: flex;
        justify-content: center;
    }

    .xiaohongdian span{
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background: rgb(213, 57, 92);
    }


    .ticket-preview-menu {
        width: 100%;
        height: 8.5rem;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        /* display: none; */
        justify-content: flex-start;
        box-shadow: rgba(0, 0, 0, 0.1) 0 1rem 5ren;
    }

    .ticket-preview-menu-item {
        flex: 1;
        text-align: center;
        background: #fff;
        color: #D5395C;
        padding-top: 1rem;
        pointer-events: all;
        cursor: pointer;
    }


.topBox{
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: auto;
    font-size: 1.8rem;
    font-weight: bold;
    padding:1.2rem 0;
    text-align: center;
    background: #fff;
}

.all{
    width: 100%;
    padding: 0 2%;
    background: #fff;
    margin: 7rem 0;
    margin-bottom: 8rem;
}

    .swiper {
        width: 100%;
        height: auto;
    }
    .swiper-slide img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .bannerBlx{
        width: 100%;
        height: auto;
        margin-top: 0rem;
        border-radius: 1.5rem;
        overflow: hidden;
    }

    /*分页圆点黑色*/
    .swiper-pagination-bullet{
        background:#000000 !important;
        opacity: 0.4;
    }
    /*激活圆点*/
    .swiper-pagination-bullet-active{
        background:#000000 !important;
        opacity: 1;
    }

    .gonggao{
        width: 100%;
        height: 5rem;
        background: #eef0fa;
        border-radius: 1rem;
        margin-top: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .gonggao icon{
        max-height: 2rem;
        margin-left: 1rem;
    }

    .gonggao icon img{
        max-height: 2.2rem;
    }

    .gonggao text{
        max-width: 80%;
        overflow: hidden;
    }

    .scroll-wrap{
        width: 90%;
        margin-right: 1%;
        height: 100%;
        line-height: 100%;
        overflow:hidden;
        display: flex;
        align-items: center;
        position: relative;
    }
    .scroll-text{
        white-space: nowrap;
        font-size: 1.8rem;
        color:#6478b1;
        position: absolute;
    }



    .header-bar{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .logo-text{
        font-size: 1.8rem;
        font-weight:bold;
        color:#222222;
    }
    .nav-group{
        display:flex;
        gap:3rem;
    }
    .nav-item{
        display:flex;
        flex-direction:column;
        align-items:center;
        cursor:pointer;
    }
    .icon-circle{
        width:4rem;
        height:4rem;
        border-radius: 50%;
        background:#f0f0f0;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size: 1.8rem;

    }
    .nav-name{
        font-size:1.4rem;
        color:#222222;
    }

    .youxitop{
        width: 100%;
        height: 3.8rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 3rem;
    }

    .youxitop .youxitopleft{
        width: auto;
        display: flex;
        align-items: center;
    }
    .youxitop .youxitopleft img{
        width: auto;
        max-height: 3.8rem;
    }
    .youxitop .youxitopleft text{
        width: auto;
        padding-left: 1rem;
        color: #6478b1;
        font-weight: 700;
        font-size: 1.4rem;
    }

    .anniu img{
        max-height: 3.2rem;;
    }

    .youxiliebiao{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }



    /*------卡片模块样式（移动端一行3个）------*/
    .card-container{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap:1.6rem;
        padding:0rem;
        margin-top: 2rem;
    }
    .game-card{
        background:#fff;
        border-radius:1.6rem;
        box-shadow: 0 0.3rem 1rem rgba(0,0,0,0.08);
        padding:2.5rem 1rem;
        text-align:center;
        position:relative;
        overflow:hidden;
    }
    /*右上角官方斜角标签*/
    .tag-official{
        position:absolute;
        top:0;
        right:0;
        width:4rem;
        overflow:hidden;
    }
    .tag-official span{
        position:absolute;
        top:1.8rem;
        right:-2.2rem;
        width:9.5rem;
        background-color:#0088ff;
        color:#fff;
        text-align:center;
        transform:rotate(45deg);
        font-size:1.6rem;
        padding:0.3rem 0;
    }
    .icon-img{
        width:4rem;
        height:4rem;
        margin-bottom:1.5rem;
    }
    .game-name{
        font-size:1.4rem;
        color:#112244;
        margin-bottom:2rem;
        font-weight:bold;
    }

    .game-name1{
        font-size:1.2rem;
        color:#666;
        margin-bottom:2rem;
    }
    .btn-enter{
        display:inline-block;
        padding:0.5rem 1.2rem;
        border-radius:3rem;
        background: linear-gradient(90deg,#36c8ff,#0058ee);
        color:white;
        font-size:1.4rem;
        text-decoration:none;
    }

    .huodng{
        width: 100%;
        height: auto;
        margin-top: 3rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap:1.6rem;

    }

    .huodng1{
        width: 100%;
        height:12rem;
        background: url("../images/news.jpg") no-repeat;
        background-size: 100% 100%;
        border-radius: 1.2rem;
        overflow: hidden;
    }

    .huodong2{
        width: 100%;
        height:100%;
        background: linear-gradient(transparent, rgba(0, 0, 0, .7));
        padding: 2rem 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .huodong2 .biaoti1{
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: .25rem;
        color: #fff;
    }


    .huodong2 .biaoti2{
        font-size: 1.4rem;
        font-weight: 0;
        margin-bottom: .25rem;
        color: #fff;
    }

    .footbar{
        position: fixed;
        bottom: 0;
        z-index: 9999;
        width: 100%;
        height: 6rem;
        background:#fff;
        margin-top: 3rem;
        display: flex;
        justify-content:space-between;
    }

    .footbar a{
        width: 25%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footbar a img{
        max-height: 2.5rem;
    }

    .footbar a span{
        padding-top: 0.5rem;
        font-size: 1.2rem;
        color: rgb(122, 126, 131);
    }
    .footbar a.hover span{
        color: rgb(74, 144, 226);
    }

    .pageall{
        width: 100%;
        display: flex;
        justify-content: space-between;
        background: unset;
        margin-top: 5rem;
        margin-bottom: 0;
        position: absolute;
        padding: 0;
        min-height: 50rem;
    }

    .listLeft1{
        width: 14rem;

        height:100% ;
        position: relative;
        min-height:100%;
    }

    .listLeft{
        position: fixed;
        background: #f8f9fa;
        width: 14rem;
        height:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .listLeft a{
        width: 12rem;
        height:4.5rem;
        background: url("../images/an.png") no-repeat;
        background-size: 100% 100%;
        padding-left: 4.5rem;
        font-size: 1.6rem;
        font-weight: bold;
        margin-top: 2rem;
        display: flex;
        align-items: center;
    }

    .listLeft a.hover{
        background: url("../images/an1.png") no-repeat;
        background-size: 100% 100%;
        color: #fff;
    }

    .listRgitht{
        width: calc(100% - 14rem);
    }

    .pageall .card-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.6rem;
        padding: 0rem;
        margin: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 8rem;
    }



    /* 顶部标题区 */
    .contact-header {
        text-align: center;
        margin-bottom: 2.5rem;
    }
    .contact-header .phone-icon {
        font-size: 5rem;
        margin-bottom: 1rem;
    }
    .contact-header h1 {
        font-size: 2.5rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 1.5rem;
    }
    .contact-header .warning-text {
        font-size: 1.6rem;
        color: #333;
        line-height: 1.7;
        font-weight: bold;
    }
    .contact-header .warning-text .site-url {
        color: #333;

    }

    /* 商户卡片列表 */
    .merchant-list {
        display: flex;
        flex-direction: column;
        gap: 1.8rem;
        margin-bottom: 1.8rem;
    }

    /* 单个商户卡片 */
    .merchant-card {
        background: #ffffff;
        border-radius: 1.4rem;
        padding: 2.5rem 5rem;
        box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.15);
    }
    .merchant-card .card-title {
        font-size: 2rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 1rem;
    }
    .merchant-card .card-desc {
        font-size: 1.8rem;
        color: #888;
        margin-bottom: 1.8rem;
    }
    .merchant-card .btn-visit {
        display: inline-block;
        padding: 0.8rem 2rem;
        background: #4a90e2;
        color: #fff;
        font-size: 1.8rem;
        border-radius: 1.5rem;
        text-decoration: none;
        cursor: pointer;
    }

    /* 服务时间卡片 */
    .service-time-card {
        background: #ffffff;
        border-radius: 1.6rem;
        padding: 3rem 2.5rem;
        text-align: center;
        box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.15);
    }
    .service-time-card .service-title {
        font-size: 2rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
    }
    .service-time-card .clock-icon {
        font-size: 2.6rem;
    }
    .service-time-card .service-hours {
        font-size: 2rem;
        color: #4a90e2;
        font-weight: bold;
        margin-bottom: 1rem;
    }
    .service-time-card .service-desc {
        font-size: 1.8rem;
        color: #888;
    }



    /* 遮罩层 */
    .modal‑mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
        display: none;
    }

    /* 弹窗盒子 */
    .notice‑modal {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 88%;
        max-width: 55rem;
        background: #ffffff;
        border-radius: 2rem;
        overflow: hidden;
        z-index: 1000;
        display: none;
    }

    /* 弹窗标题 */
    .modal‑title {
        font-size: 2.2rem;
        font-weight: bold;
        text-align: center;
        padding: 3rem 2rem;
        border-bottom: 1px solid #eee;
    }

    /* 弹窗正文 */
    .modal‑content {
        padding: 3rem;
        font-size: 1.8rem;
        color: #666;
        line-height: 1.8;
        text-align: center;
    }

    /* 确定按钮 蓝紫渐变 */
    .btn‑confirm {
        width: calc(100% - 5rem);
        margin: 0 2.5rem 3rem;
        padding: 1.2rem;
        border-radius: 999rem;
        border: none;
        background: linear-gradient(90deg, #5986f0, #7b4bb8);
        color: #fff;
        font-size: 1.8rem;
        cursor: pointer;
    }