/* html {
        font-size: 13.33333vw;
    } */
    .flex {
        display: flex;
    }

    .ych_bottom {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0 !important;
    }
    .ych_bottom a {
        margin-right: 0;
        color: #666;
        display: block;
        font-size: 0.25rem;
        padding: 0 0.1rem;
        margin-bottom: 0.2rem;
    }
    .main{
        padding-top: 0;
        margin-top: 0.1rem;
    }
    .concert.main_item{
        height:auto
    }
    .exhibition_items{
        flex-wrap:wrap
    }
    .exhibition_items a{
        display:block;
        margin-bottom:0.2rem;
    }
    .fuli{
        box-sizing:border-box;
        padding:0.12rem;

    }
    .fuli .fuli_title{
        margin:0.13rem 0 0.25rem 0;
        font-size:0.26rem;
        line-height:0.36rem;
        font-weight:700;
    }
    .fuli_title_a img{
        height:1.6rem;
        width:0.8rem;
    }
    .search_wrap{
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        
    }
    .border-wrap{
        width: 5.97rem;
        height: 0.74rem;
        border-radius: 50px;
    }
    .search_cont{
        position: absolute;
        box-sizing: border-box;
        width: 5.93rem;
        right: 0.02rem;
        /* background: #ffffffcc; */
        background-color:  rgba(243,254,252,1);
    }
    .search_cont input{
        background-color:  rgba(243,254,252,1);
    }
    input::placeholder {
        color: rgb(153, 153, 153);
        text-align: left;
        font-family: "PingFang SC";
        font-size: 0.28rem;
        font-style: normal;
        font-weight: 500;
        line-height: 0.39rem;
    }
    .city_select{
        flex-shrink: 0;
    }
    .search_btnai{
        position: relative;
        text-align: center;
    line-height: 0.64rem;
        width: 1.17rem;
height: 0.64rem;
flex-shrink: 0;
border-radius: 0.65rem;
background: linear-gradient(146deg, #FFB800 3.98%, #F60 89.97%);;
    }
    .top{
        background: url('https://imgbdb4.bendibao.com/whbdb/20245/06/2024506114642_87546.png') no-repeat 100% 100%;
        height: auto;
        background-size: cover;
        padding-top: 0;
    }
    .nav a {
    display: inline-block;
    margin-right: 0.3rem;
    width: 16%;
}
.nav a:nth-child(5n) {
    margin-right: 0;
}
/* 小聚合页 */
.nodata img{
display: block;
width: 3.4rem;
height: 3.4rem;
margin: auto;
}
.nav{
    width: 7rem;
height: auto;
flex-shrink: 0;
border-radius: 0.16rem;
background: #FFF;
margin: auto;
margin-top: 0.33rem;
position: relative;
transform: translate(0,0);
left: 0%;
}
.nav_item .span1{
    margin-top: 0.05rem;
    display: inline-block;
    margin-top: 0.05rem;
    white-space: nowrap;
    overflow: hidden;
}
.nav_item .desspan{
    color: #999999;
    text-align: center;
    font-size: 0.16rem;
    display: inline-block;
    overflow: hidden;
}
.rightFire{
    position: absolute;
    width: 0.56rem;
height: 0.68rem;
right: 25px;
top: 5px;
}
.hot-single{
    width: 1.48rem;
height: 1.98rem;
border-radius: 0.08rem;
}
.hot_evetns_wrap{
    display: flex;
}
.hot_evetns_wrap >div{
    width: 1.98rem;
flex-shrink: 0;
}
.hot_evetns_wrap>div:nth-child(2){
    margin: 0px 0.19rem;
}
.hot_events{
    height: auto;
    background: linear-gradient(117deg, #FFDCC5 -17.99%, #FFF 15.33%);
}
.hot_events_img{
    width: 1.98rem;
height: 1.48rem;

}
.hot_events_img img{
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}
.hot_events_title{
    flex-shrink: 0;
    color: #333333;
    font-size: 0.24rem;
    font-weight: 700;
    /* white-space: nowrap; 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
  margin: 0.14rem 0px;
}
.hot_events_tag{
    color: #FF6600;
 font-family: "PingFang SC";
 font-size: 0.21rem;
 font-style: normal;
 margin-bottom: 0.14rem;
 display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
}
.hot_events_time{
    width: 1.98rem;
    color: #999999;
    font-family: "PingFang SC";
    font-size: 0.21rem;
    font-weight: 500;
}
.hot_events_star img{
width: 0.2rem;
height: 0.2rem;
margin: 0.14rem 0;
}
.hot_events_button{
    width: 1.98rem;
height: 0.47rem;
flex-shrink: 0;
border-radius: 0.69rem;
border: 0.01rem solid var(--Linear, #FFB800);;
background: linear-gradient(146deg, #FFB800 3.98%, #F60 89.97%);
color: #ffffff;
 font-family: "PingFang SC";
 font-size: 0.21rem;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 text-align: center;
 line-height: 0.47rem;
}
.nav a:nth-child(3n){
    margin-right: 0.3rem !important;
}
.tj-block-wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.23rem;
    
}
.tj-block-wrap>a>.tj-block-wrap-more{
    position: absolute;
    right: 0.17rem;
    top: 0.17rem;
    font-size: 0.23rem;
}
.tj-block-wrap >a{
    width: 3.37rem;
    height: 1.42rem;
    position: relative;
    padding: 0.17rem 0.23rem;
}
.tj-block-wrap >a:first-of-type{
    border-radius: 0.16rem;
    border: 0.01rem solid #D2F9FF;
background: linear-gradient(180deg, #F3FEFE 0%, #DAFEF9 49%, #EAFFF7 100%);
}
.tj-block-wrap >a:last-of-type{
    border-radius: 0.16rem;
border: 0.01rem solid #FDFEBE;
background: linear-gradient(180deg, #FAFEF2 0%, #FEFFDE 49%, #FAFEEF 100%);
}
.tj-block-title{
    color: #00b69c;
 font-family: "PingFang SC";
 font-size: 0.31rem;
 font-weight: 700;
 margin-bottom: 0.2rem;
}
.tj-block-text{
    color: #999999;
 font-size: 0.25rem;
 font-weight: 500;
}
.zl-wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.zl-wrap>a{
    width: 1.6rem;
height: 1.08rem;
flex-shrink: 0;
border-radius: 0.16rem;
border: 0.01rem solid #ff7f1c4d;
}
.zl-wrap .first-text{
    color: #ff7f1c;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 0.27rem;
 font-weight: 700;
 margin-top: 0.15rem;
 margin-bottom: 0.03rem;
}
.zl-wrap .second-text{
    color: #999999;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 0.25rem;
 font-weight: 500;
}
.banner_img{
    width: 6.82rem;
    height: 1.83rem;
}
.tuijian_title{
    color: #999999;
 font-size: 0.25rem;
 font-weight: 500;
}
.swiper-pagination{
    text-align: right;
    padding-right:0.20rem;
    line-height: 0.2rem;
    top: 4rem !important;
    right: 0rem !important;
    text-align: right !important;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 0.1rem;
    height: 0.1rem;
    flex-shrink: 0;
    border-radius: 0.1rem;
    background: #ff660060;
    opacity: 1 !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 0.27rem;
height: 0.1rem;
flex-shrink: 0;
border-radius: 0.21rem;
background: #ff6600;
}
.main-block{
    width: 100%;
    margin-top: 0.2rem;
}
.main-block-title{
    color: #333333;
 font-family: "PingFang SC";
 font-size: 0.33rem;
 font-weight: 700;
 z-index: 99;
    position: relative;
    display: inline-block;
}

.main-block-title::after{
    content: '';
    display: block;
    width: 0.43rem;
height: 0.16rem;
flex-shrink: 0;
border-radius: 0.16rem;
background: #ff6600;
filter: blur(0);
position: absolute;
    top: 0.27rem;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}
.main-single-block{
    width: 100%;
flex-shrink: 0;
border-radius: 0.16rem;
background: #FFF;
margin-top: 0.2rem;
padding: 0.25rem;
}
.main-single-block-image{
    width: 2.53rem;
    height: 1.89rem;
    border-radius: 0.08rem;
    margin-right: 0.19rem;
    flex-shrink: 0;
    position: relative;
}
.main-single-block-image img{
    width: 100% !important;
    height: 100% !important;
    border-radius: 0.08rem;
}
.main-single-block-top{
    display: flex;
    margin-bottom: 0.05rem;
}
.main-single-block-title{
    width: 3.58rem;
 color: #333333;
 font-family: "PingFang SC";
 font-size: 0.31rem;
 font-weight: 700;
 margin-bottom: 0.06rem;
 white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
}
.main-single-block-tj img{
display: block;
width: 0.22rem;
height: 0.21rem;
margin-right: 0.06rem;
}
.main-single-block-msg{
    display: flex;
    align-items: center;
    line-height: 0.44rem;
    margin-top: 0.05rem;
}
.main-single-block-msg span:first-of-type{
    margin-right: 0.17rem;
    color: #999999;
 font-family: "PingFang SC";
 font-size: 0.25rem;
}
.main-single-block-msg span:nth-child(2){
    color: #666666;
 font-size: 0.25rem;
}
.main-single-block-msg span:nth-child(2) font{
    display: block;
}
.main-single-block-button{
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    width: 3.56rem;
}
.main-single-block-button a:first-of-type{
    /* width: 1.64rem; */
    flex-grow: 1;
    height: 0.57rem;
    flex-grow: 1;
    border-radius: 0.69rem;
    border: 0.01rem solid var(--Linear, #FFB800);;
    background: linear-gradient(146deg, #FFB800 3.98%, #F60 89.97%);
    color: #ffffff;
 font-family: "PingFang SC";
 font-size: 0.23rem;
 text-align: center;
 line-height: 0.53rem;
 margin-right: 0.2rem;
}
.ticket-button{
    height: 0.57rem;
    flex-grow: 1;
    flex-shrink: 1;
border-radius: 0.69rem;
border: 0.01rem solid var(--Linear, #FFB800);;
color: #FF6600;
 font-family: "PingFang SC";
 font-size: 0.23rem;
 text-align: center;
 line-height: 0.53rem;
 /* margin-right: 0.2rem; */

}
.old-ticket-button{
    min-width: 1.6rem;
    height: 0.57rem;
    padding: 0 0.2rem;
    margin-bottom: 0.2rem;
    /* flex-grow: 0; */
    /* flex-shrink: 0; */
    border-radius: 0.69rem;
    border: 0.01rem solid var(--Linear, #FFB800);;
    color: #FF6600;
    font-family: "PingFang SC";
    font-size: 0.23rem;
    text-align: center;
    line-height: 0.53rem;
    margin-right: 0.2rem;

}
.showmore{
    width: 100%;
height: 0.61rem;
flex-shrink: 0;
border-radius: 0.69rem;
border: 0.01rem solid var(--Linear, #FFB800);;
background: #FFF;
text-align: center;
line-height: 0.61rem;
color: #FF6600;
 font-size: 0.23rem;
 margin-top: 0.2rem;
}
.top-title{
    height: 0.8rem !important;
}
.moretj{
    width: 100%;
    flex-shrink: 0;
    border-radius: 0.16rem;
    background: #FFF;
    margin-top: 0.2rem;
    height: 1.72rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.moretj img{
    width: 0.92rem;
    display: block;
    height: 0.92rem;
    margin: auto;
}
.moretj p{
    color: #666666;
 font-size: 0.23rem;
 margin-top: 0.08rem;
 text-align: center;
}
.bottom-nav img{
    width: 0.41rem;
    display: block;
    height: 0.41rem;
    margin: auto;
}
.bottom-nav p{
    color: #999999;
 font-size: 0.25rem;
 line-height: 0.33rem;

}
.bottom-nav{
    position: fixed;
    bottom: 0px;
    width: 7.5rem;
    background: #FFF;
    margin-top: 0.2rem;
    padding: 0.25rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 99;
}
.swiper-wrapper{
    height: 2.23rem;
}
.ticket-title{
    color: #333333;
 font-size: 0.29rem;
 font-weight: 700;
 line-height: 0.43rem;
 margin: 0.2rem 0;
 text-align: left;
}
.main-single-block-des {
    flex-shrink: 0;
    margin-bottom: auto;
}
.recommen_img{
    width: 0.7rem;
height: 0.76rem;
position: absolute;
top: -0.18rem;
    right: -0.12rem;
}
.month_more{
    position: relative;
    z-index: 12;
    color: #999999;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.34rem;
}
.article-top{
    padding:0.2rem 0.0rem 0rem 0.0rem;
    width:100%;
    overflow-x:scroll;
    display: flex;
}
.article-title{
    font-size:0.26rem;
    cursor: pointer;
    margin-right:0.37rem;
    flex-shrink: 0;
    line-height: 0.4rem;
    
}
.article-title:last-child{
    margin-right:0rem;
    
}
.article-title.active{
    font-weight:600;
    font-size: 0.3rem;
    line-height: 0.4rem;
}
.article-top::-webkit-scrollbar-button {
    display: none;
}
.article-top::-webkit-scrollbar {
    /*高宽分别对应横竖滚动条的尺寸*/
        /* width: 0.04rem; */
        height: 0.04rem;
        /* background-color: #999; */
        border-radius: 0.1rem;
    }
    
    
    .article-top::-webkit-scrollbar-thumb {
        background: #999; 
        border-radius: 1rem;
        height: 0.3rem;
    }
.article-son .article-son-title{
    font-size:0.26rem;
    font-weight:600;
    line-height:0.36rem;
    color:rgb(51, 51, 51);
    padding-left: 0.5rem;
    margin-bottom: 0.2rem;
    position: relative;
    
}
.article-son .article-son-title::before{
    position: absolute;
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    background-color: #ff6600;
    border-radius: 5rem;
    top:0.1rem;
    left:0;
    z-index: 9;
}
.article-son .article-son-title::after{
    position: absolute;
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    background-color: rgba(0,0,0,0.07);
    border-radius: 5rem;
    top:0.1rem;
    left:0.08rem;
}
.article-son .article-son-time{
    font-size:0.2rem;
    font-weight:400;
    line-height:0.26rem;
    color:rgb(51, 51, 51);
    opacity: 0.45;
    padding-left: 0.55rem;
    margin-bottom: 0.2rem;
}
.article-son{
    border-bottom:0.01rem solid rgba(0,0,0,0.1);
    margin-top:0.2rem;
    width: 100%;
}
.article-son-wrap .article-son:last-child{
    border:none
}
.article-bottom{
    width:100%;
    cursor: pointer;
    font-size:0.23rem;
    text-align:center;
    line-height:0.7rem;
    border-top:0.01rem solid rgba(0,0,0,0.1);
    color:#ff6600;
}
.article-son-wrap{
    display:none
}
.article-son-wrap:first-child{
    display:block
}
.main-single-block-ticket-time{
    margin-top:0.05rem
}

/* 我的表格 */
.table_box{
    padding: 0.2rem;
}
.my_table{ 
    border: none;
    border-collapse:collapse;
    font-size: 0.24rem;
    
}
.my_table  td{
    text-align: center;
}
.my_table  tr{
    text-align: center; 
}
.my_table tr td{
    height: 0.68rem;
}
.my_table  td a{
    color: #333;
}
.my_table .table_head {
    background-color: #F8F8F8;
}
.my_table .table_head td{
    white-space: nowrap;
    color: #666 ;

}
.my_table tr td{
    white-space: wrap;
    word-break: break-all;
    max-width: 1.80rem;
    padding: 0.16rem 0.14rem;
}
.my_table tr .grey_td{
    color: #999 !important;
}
.table_outer{
        width: 100%;
        flex-shrink: 0;
        border-radius: 0.16rem;
        background: #FFF;
        margin-top: 0.2rem;
}
.table_type_name{
    border-radius: 0.16rem;
    background: linear-gradient(301deg, #FF8538 49.93%, #FF951C 97.77%);
    padding: 0.1rem 0.25rem;
    color: #fff;
    position: relative;
}
.table_type_name img{
    position: absolute;
    right: 0.2rem;
    top: -0.2rem;
    width: 0.8rem;
    height: 0.8rem;
}
.link_button{
    padding:0.01rem 0.15rem 0.05rem 0.15rem;
    font-size: 0.24rem;
    background-color: #FF8538;
    border-radius: 1rem;
    color: #fff !important;
    white-space: nowrap;
}

.more-saishi{
    margin: 0 0.2rem;
    padding-top: 0.2rem;
    font-weight: 600;
    font-size: 0.26rem;
    line-height: 0.28rem;
    border-top: 0.02rem solid #f8f8f8;
}
.nav_item_wrap{justify-content: space-between; padding-bottom: 0.2rem; padding-top: 0.2rem; border-top: 0.02rem solid #f8f8f8;}
.nav_item_wrap .nav_item{flex: 1; margin: 0 0.1rem;}
.nav_item_wrap .nav_item div{
    width: 0.8rem;
    height: 0.8rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: linear-gradient(298deg, #FFE5DD 0%, #FFF7EA 100%);
    padding: 0.16rem;
}
.nav_item_wrap .nav_item div img{
        width: 100%;
        height: 100%;
}
.nav_item_wrap .nav_item span{
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 0.28rem;
    margin-top: 0.1rem;
}