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