/* 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: 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.29rem;
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;
}
.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
}