@charset "utf-8";

/* 底栏公告 */
.end_announcement .swiper_index_announcement .swiper-wrapper {
    height: 2rem;
}
.end_announcement .swiper_index_announcement .swiper-wrapper .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.end_announcement .desc,
.end_announcement .swiper_index_announcement .swiper-wrapper .swiper-slide .item{
    display: -webkit-box;
    line-height: 2rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    background: unset;
    word-break: break-all;
}
/* 主页头部幻灯片 */
.index_block_swiper {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: var(--margin);
    max-height: 20rem;
}
.index_block_swiper .swiper-pagination-index {
    top: 10px;
    display: flex;
    bottom: auto;
}
.index_block_swiper .swiper-pagination-index span{
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.9rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_block_swiper .index_block_swiper_left .cat_post_album_text p{
    font-size: 1rem;
}
.index_block_swiper .index_block_swiper_left,
.index_block_swiper .index_block_swiper_right{
    flex: 1;
    position: relative;
    border-radius: var(--radius);
    box-shadow: var(--box-shadow);
}
.index_block_swiper .index_block_swiper_left .swiper .item,
.index_block_swiper .index_block_swiper_left .swiper .swiper-wrapper{
    height: 100%;
}
.index_block_swiper .index_block_swiper_left .swiper{
    height: 20rem;
}
.index_block_swiper .index_block_swiper_left .left_img {
    display: block;
    border-radius: var(--radius);
    width: 100%;
    height: 100%;
    /*max-height: 20rem;*/
    object-fit: cover;
}
.index_block_swiper .index_block_swiper_right .swiper_index_right {
    height: 100%;
    width: 100%;
    position: absolute;
}
.index_block_swiper .index_block_swiper_right .swiper_index_right .postlist {
    margin: 0 1px;
    width: calc(100% - 2px)!important;
    /*margin-bottom: 1rem;*/
}
.index_block_swiper .index_block_swiper_right .cat_post_album_text,
.index_block_swiper .index_block_swiper_right .swiper_img {
    height: 100%;
    aspect-ratio: 16 / 11;
    border-radius: var(--radius) 0 0 var(--radius);
    -webkit-mask: linear-gradient(to left, rgb(0 0 0 / 0%), #000000 3rem);
}
.index_block_swiper .index_block_swiper_third{
    width: 25rem;
}
.index_block_swiper .index_block_swiper_third .cat_block{
    justify-content: center;
    height: 100%;
}

/* 主页图片文章 */
.cat_index_section_imagepost{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: var(--margin);
}
.cat_index_section_imagepost .postlist_img{
    aspect-ratio: 1 / 1.414;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 1;
}
/*.cat_index_section_imagepost .postlist_img:hover{*/
/*    outline: 2px solid var(--theme);*/
/*}*/





/* 主页分类卡片 */
.cat_index_section_category {
    display: grid;
    position: relative;
    gap: var(--margin);
    grid-template-columns: repeat(2,1fr);
}
.cat_index_category_block {
    display: flex;
    position: relative;
    padding: 3px;
}
.cat_index_category_block .cat_block_padding{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.cat_index_category_top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--colorB);
    align-items: center;
    gap: 0.5rem;
}
.cat_index_category_middle {
    display: flex;
    flex-direction: row;
    gap: var(--gap);
    align-items: center;
}
.cat_index_category_pic {
    display: grid;
    grid-template-columns: repeat(3,1fr)!important;
    gap: 0.75rem;
}
.cat_index_category_pic img{
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    box-shadow: var(--box-shadow);
    background: var(--color-grey);
    object-fit: cover;
}
[class^="cat_index_section"] .category_left .category_img{
    height: 10rem;
    width: auto;
    border-radius: var(--radius);
    box-shadow: var(--box-shadow);
}
[class^="cat_index_section"] .category_right{
    padding: 0;
    width: 100%;
}
[class^="cat_index_section"] .category_right li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2.25rem;
    gap: 0.5rem;
}
[class^="cat_index_section"] .category_right li .left{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9rem;
    width: 100%;
    word-break: break-all;
}
[class^="cat_index_section"] .category_right li .left .num{
    color: #fff;
    background: #999999;
    width: 0.9rem;
    height: 0.9rem;
    font-size: 0.75rem;
    line-height: 0.9rem;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    letter-spacing: 0;
}
[class^="cat_index_section"] .category_right li:nth-child(1) .left .num{
    background: var(--theme);
}
[class^="cat_index_section"] .category_right li:nth-child(2) .left .num{
    background: var(--theme-80);
}
[class^="cat_index_section"] .category_right li:nth-child(3) .left .num{
    background: var(--theme-60);
}
[class^="cat_index_section"] .category_right li .right{
    font-size: 0.75rem;
    line-height: 0.5rem;
    color: var(--colorF);
    display: inline-flex;
    justify-content: flex-end;
    word-break: keep-all;
    align-items: baseline;
}
.cat_index_category_bottom{
    display: inline-flex;
    gap: 0.2rem;
    border-top: 1px dashed var(--colorB);
    padding-top: 0.5rem;
}

/* B */
.cat_pic_post_B {
    display: flex;
    flex-direction: row;
    gap: var(--margin);
}
.cat_pic_post_B .left {
    display: flex;
    flex-direction: column;
    height: 20rem;
    box-shadow: var(--box-shadow);
    border-radius: var(--radius);
    flex: 1;
}
.cat_pic_post_B .left .logo{
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    border-right: 1px dashed var(--colorB);
    width: 3rem;
    flex: 0 0 auto;
    justify-content: center;
}
.cat_pic_post_B .left .postlist_right_title {
    padding: 1rem;
    margin: 3px;
    border-radius: var(--radius);
    width: calc(100% - 6px);
    background: var(--background-color);
    z-index: 1;
}
.cat_pic_post_B .right {
    position: relative;
    height: 20rem;
    box-shadow: var(--box-shadow);
    border-radius: var(--radius);
    background: var(--background-color);
    border: var(--border);
    flex: 1;
}
.cat_pic_post_C .cat_index_category_middle {
    line-height: 2rem;
    text-indent: 2em;
    padding: 0 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 10rem;
    font-size: 0.9rem;
}
.cat_pic_post_D .swiper{
    -webkit-mask: linear-gradient(to left, rgb(0 0 0 / 0%), #000000 10rem);
}
.cat_pic_post_D .gallery_for_imagealt{
    /*background: var(--background-color);*/
}
.cat_pic_post_D img{
    aspect-ratio: unset;
    height: 15rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.cat_pic_post_D .swiper-slide{
    height: 15rem;
    width: auto!important;
    margin-right: var(--gap);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 三分--排行榜单 */
.cat_index_section_postpaihang {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    position: relative;
    gap: var(--margin);
}
.cat_index_section_postpaihang .cat_block{
    padding: 0;
}
.cat_index_section_postpaihang .category_right{
    padding: 0.5rem var(--gap);
}
.cat_index_postpaihang_top {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
.cat_index_postpaihang_top img{
    width: 100%;
    height: 6rem;
    border-radius: var(--radius) var(--radius) 0 0;
    object-fit: cover;    
    filter: brightness(0.5);
    /*-webkit-mask: linear-gradient(to top, rgb(0 0 0 / 0%), #000000 2rem);*/
}
.cat_index_section_postpaihang .center_title{
    position: absolute;
    color: #fff;
    text-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 70%);
}

/* 首页好友 */
.cat_index_links {
    display: flex;
    gap: var(--gap);
    flex-wrap: wrap;
    flex-direction: row;
}
.cat_index_links .links_item {
    font-size: 1.1rem;
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem;
}