.ych_all { width: 100%; height: 100%; font-size: 0.27rem; color: #333333; } .ych_top { width: 100%; position: relative; } .header { width: 100%; height: 3.34rem; } .date_city_cont { position: absolute; top: 0.29rem; right: 0.25rem; width: 1.25rem; height: 0.59rem; border-radius: 0.49rem; border: 0.01rem solid #fff; background: #ffffff80; color: #999999; } .ych_main { /* width: 100%; */ background-color: #f5f5f5; position: relative; margin-top: -0.23rem; border-radius: 0.23rem 0.23rem 0 0; background: #f5f5f5; padding: 0.29rem 0.25rem 1.6rem 0.25rem; z-index: 99; } .ych_month_item { color: #999999; width: 0.78rem; height: 0.83rem; border-radius: 0.1rem; background: #ebebeb; text-align: center; line-height: 0.83rem; margin-right: 0.11rem; } .ych_month_item_last { margin-right: 0; background: linear-gradient(293deg, #6a70ff 0%, #e477ff 100%); } .ych_month_item_last img { width: 0.69rem; height: 0.41rem; } .ych_month_item_active { background: #e5dfff; color: #6849e9; } .ych_stars { margin: 0.23rem 0 0.37rem; flex-wrap: wrap; } .ych_stars_item { color: #999999; font-size: 0.25rem; margin-right: 0.31rem; } .ych_main_item { background-color: #fff; padding: 0.29rem 0.25rem 0.08rem 0.25rem; border-radius: 0.16rem; margin-bottom: 0.2rem; } .ych_main_item_title { color: #333333; font-size: 0.33rem; font-weight: 700; } .concert_items .ych_concert_item { margin: 0 0.18rem 0.29rem 0; } .concert_items .ych_a:nth-child(4n) .ych_concert_item { margin-right: 0; } .concert_items { flex-wrap: wrap; } .cg_concert_item { margin-right: 0.11rem; } .concert_items .ych_a:nth-child(4) .cg_concert_item { margin-right: 0; } #ych_items_ing_more { display: none; } #ych_items_ing_more .ych_concert_item { /* width: calc(25% - 20); */ margin: 0; } #ych_concert_items_ing, #ych_concert_items_twice, #ych_concert_items_coming, #ych_concert_items_live { max-height: 2.9rem; overflow: hidden; } #on_sale_more_closed, #secondary_sale_more_closed, #coming_soon_more_closed, #live_more_closed, #past_more_closed { display: none; } .cg_item_img { width: 1.49rem; height: 1.12rem; border-radius: 0.12rem; overflow: hidden; } .ych_link_item { display: flex; flex-direction: column; align-items: center; color: #666666; } .ych_link_item img { width: 0.7rem; height: 0.7rem; } .ych_link_card { padding-bottom: 0.21rem; margin-top: 0.33rem; } .ych_bottom { display: flex; flex-wrap: wrap; margin-top: 0.33rem; } .ych_bottom a:nth-child(4n) { margin-right: 0 } .ych_bottom a { margin-right: 0.3rem; color: #666; display: block; font-size: 0.25rem; padding: 0 0.1rem; margin-bottom: 0.2rem; } .ych_bottom_share { max-width: 7.5rem; position: fixed; font-size: 0.27rem; bottom: 0; width: 100%; background: #fff; box-shadow: 0.04rem 0 0.08rem 0 #0000000d; padding: 0.37rem 0.29rem; z-index: 99; } .ych_bottom_share_item img { width: 0.25rem; height: 0.25rem; margin-right: 0.14rem; } .ych_bottom_share_item { width: 1.76rem; height: 0.7rem; border-radius: 0.49rem; font-size: 0.27rem; display: flex; justify-content: center; align-items: center; padding: 0.22rem 0.31rem; border: 0.01rem solid #6849e9; background: #fff; color: #6849e9; margin-right: 0.16rem; } .ych_bottom_share_last { width: 2.91rem; color: #fff; border: 0; background: var(--linear, linear-gradient(293deg, #6a70ff 0%, #e477ff 100%)); } .ych_bottom_share_last_two { width: 4.6rem; } .ych_bottom_share_last { margin-right: 0; } .ych_bottom_share_last a { display: block; color: #fff; text-align: center; } .ych_more_btn { line-height: 0.35rem; vertical-align: middle; } .ych_more_btn span, .ych_more_btn img { vertical-align: middle; } .bottom-share { display: flex; width: 100%; padding: 0.41rem 0.3rem 0.68rem 0.3rem; justify-content: space-between; background: #fff; position: fixed; bottom: 0; max-width: 7.5rem; margin: 0 auto; } .bottom-share .fir { width: 2rem; height: 0.72rem; line-height: 0.72rem; flex-shrink: 0; border-radius: 0.5rem; border: 0.01rem solid #00b1d8; background: #fff; display: flex; justify-content: center; color: #00b1d8; text-align: center; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; font-weight: 400; /* line-height: 17px; */ } .bottom-share .fir img { width: 0.26rem; height: 0.26rem; margin-right: 0.2rem; margin-top: 0.22rem; } .bottom-share .thi { width: 2rem; height: 0.72rem; line-height: 0.72rem; flex-shrink: 0; border-radius: 0.5rem; background: var(--linear, linear-gradient(135deg, #00e8da -28.74%, #009cdf 64.52%)); color: #ffffff; text-align: center; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; text-decoration: none; font-weight: 400; /* line-height: 16px; */ } .bottom-share .sec.hasthi { width: 2.6rem; } .bottom-share .sec { width: 4.6rem; height: 0.72rem; line-height: 0.72rem; flex-shrink: 0; border-radius: 0.5rem; background: var(--linear, linear-gradient(135deg, #00e8da -28.74%, #009cdf 64.52%)); color: #ffffff; text-align: center; font-family: "pingfang sc"; font-size: 0.28rem; font-style: normal; text-decoration: none; font-weight: 400; /* line-height: 16px; */ } .bottom-share .sec a { color: #ffffff; text-align: center; font-family: "pingfang sc"; text-decoration: none; font-size: 0.28rem; font-style: normal; font-weight: 400; line-height: 0.72rem; /* line-height: 16px; */ }