/* 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 }