@charset "utf-8";

/* 宽屏（隐藏侧栏）模式 */
@media (min-width:1301px) {
    .hidesidebar .main_sidebar {
        display: none;
        width: 0;
        margin-left: 0;
        visibility: hidden;
        opacity: 0;
        transform: translate(150%, 0%);
    }
    .hidesidebar .cardtype {
        grid-template-columns: repeat(5,1fr)!important;
    }
    .hidesidebar .cat_index_section_category {
        grid-template-columns: repeat(3,1fr)!important;
    }
    .hidesidebar .cat_index_section_imagepost{
        grid-template-columns: repeat(7,1fr);
    }
    .hidesidebar cat_post_album_cube{
        grid-template-columns: repeat(5,1fr);
    }
    
    /* 文章列表 */
    .hidesidebar .postlist_grid.default .postlist_right_title .post_title.qa_title{
        -webkit-line-clamp: 1;
    }
    .hidesidebar .qa_logo{
        display: none;
    }
    .hidesidebar .postlist_grid.default {
        grid-template-columns: repeat(2,1fr);
    }
    .hidesidebar .postlist_grid.default .postlist_left {
        width: 13.5rem;
    }
    .hidesidebar .postlist_grid.default .postlist_right_abstract {
        display: none;
    }
    .hidesidebar .postlist_grid.default .postlist_right_title .post_title {
        margin: 0;
    }
    .hidesidebar .postlist_grid.default .bone .cat_block .postlist_right .postlist_right_info,
    .hidesidebar .postlist_grid.default .bone .cat_block .postlist_right .postlist_right_category,
    .hidesidebar .postlist_grid.default .bone .cat_block .postlist_right .postlist_right_tags {
        height: 1rem!important;
    }
    .hidesidebar .postlist_grid.default .bone .cat_block .postlist_right .postlist_right_title {
        height: 2rem!important;
    }
    .hidesidebar .postlist_column {
        column-count: 4;
    }
    
}
.hidesidebar.main_screen .cat_mainmenu_out .right .pjax_anniu_area .ToMenu_anniu {
    display: flex;
}


/* ************************************************************************* */


/* 主菜单 */
@media (max-width:1600px) {
    .main_screen {
        width: 1400px;
        margin: auto;
    }
}
@media (max-width:1500px) {
    .main_screen {
        width: 1300px;
        margin: auto;
    }
    .cardtype {
        grid-template-columns: repeat(3,1fr);
    }
    .index_block_swiper .index_block_swiper_third,
    .main_sidebar {
        width: 22rem;
    }
@media (max-width:1400px) {
    .main_screen {
        width: 1200px;
        margin: auto;
    }
    .cat_index_category_block .category_left {
        display: none;
    }
}

@media (max-width:1300px) {
    /*html {*/
    /*    font-size: 14px;*/
    /*}*/
    article {
        padding: 1.5rem 1.5rem var(--margin)!important;
    }
    .index_block_swiper .index_block_swiper_right {
        display: none;
    }
    .main_screen {
        width: 900px;
        margin: auto;
    }
    #read_card,
    #search_card {
        width: calc(900px + 2*var(--margin));;
    }
    .cat_mainmenu_out .right .pjax_anniu_area .ToMenu_anniu {
        display: flex;
    }
    .main_sidebar {
        display: none!important;
    }
    .ToHideSidebar {
        display: none;
    }
}

@media (max-width:1000px) {
    .main_screen {
        width: calc(100% - 2*var(--margin));
    }
    #read_card,
    #search_card {
        width: 100%;
        max-width: 100vw;
    }
    .cat_guidang {
        flex-direction: column;
    }
    .cat_guidang .cat_guidang_years {
        flex-direction: row;
        flex-wrap: wrap;
        width: auto;
    }
    .postlist_category {
        display: none;
    }
    .cardtype .postlist_right_abstract {
        -webkit-line-clamp: 5;
        line-height: 1.5rem;
    }
    /* about */
    section.about_part .is16p_flex{
        flex-direction: column;
    }
    /* index */
    .index_block_swiper .index_block_swiper_left .swiper {
        aspect-ratio: 16 / 9;
        height: 100%;
    }
    .index_block_swiper_third {
        display: none;
    }
    
    
    /* A_steam_part*/
    cat_post_album_cube.page_steam .article_title_douban .cat_block img {
        height: auto;
    }
    cat_post_album_cube.page_steam .article_title_douban .a_part {
        height: auto;
    }
    cat_post_album_cube.page_steam .article_title_douban:hover .arrow_card {
        transform: translate(-0.5rem , 0%);
    }
    
    cat_post_album_count {
        grid-template-columns: repeat(1,1fr)!important;
    }
}

@media (max-width:900px) {
    .cat_index_section_imagepost{
        grid-template-columns: repeat(4,1fr);
    }
    .cardtype{
        grid-template-columns: repeat(3,1fr);
    }
}
@media (max-width:750px) {
    #admin_cute_card .cat_echarts_infocards{
        display: none;
    }
    /* about */
    section.about_part .item{
        flex-direction: column;
    }
    section.about_part .item:first-child>div:first-child {
        width: 100%;
    }
    #tourmap_about{
        height: 15rem;
    }
    #login_cute_card .left {
        display: none;
    }
    /* 商品文章页图片 */
    .post_title_area_top .goods_block {
        grid-template-columns: repeat(1,1fr);
    }
    .post_title_area_top .goods_block .swiper img{
        height: 100%;
    }
    .cat_index_section_imagepost {
        grid-template-columns: repeat(3,1fr);
    }
}

@media (max-width:650px) {
    html {
        --margin: 0.75rem;
        --gap: 0.75rem;
        /*--radius: 0.25rem;*/
    }
    .main_screen.menu_xifu,
    .main_screen {
        margin: calc(3.2rem + var(--margin)) auto;
    }
    .postlist_left {
        width: 10rem;
    }
    .category_img {
        width: 8.5rem;
    }
    .category_stars {
        display: none;
    }
    .postlist_grid .postlist_right_tags,
    .postlist_grid .postlist_right_category{
        display: none;
    }
    .postlist_right_title .text {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .category_leftavatar {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
    }
    .big_avatar {
        max-width: 5rem;
        height: 5rem;
        border-radius: 50%;
    }
    .foot_block {
        grid-template-columns: 1fr;
        grid-gap: var(--margin);
    }
    .foot_block .foot_left {
        align-items: center;
    }
    #link_cute_card .postlist_right {
        display: none;
    }
    /* 主页 */
    .cat_index_category_pic {
        gap: 0.5rem;
    }
    .cat_index_category_block .category_left {
        display: flex;
    }
    .swiper_category_tab {
        -webkit-mask: linear-gradient(to left, rgb(0 0 0 / 0%), #000000 3rem);
        font-size: 0.8rem;
    }
    .cat_pic_post_D .swiper-slide,
    .cat_pic_post_D img{
        height: 10rem;
    }
    .cat_pic_post_D .swiper {
        -webkit-mask: linear-gradient(to left, rgb(0 0 0 / 0%), #000000 3rem);
    }
    .cat_index_section_category {
        grid-template-columns: repeat(1,1fr);
    }
    .cat_index_section_postpaihang{
        display: flex;
        flex-direction: column;
    }
    .cat_announcement .part{
        flex-direction: column;
    }
    .cat_announcement .part .part_left {
        border-bottom: 1px dashed var(--colorB);
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .cat_post_album_text p {
        padding: 0;
        line-height: 1.2rem;
    }
    /* 某页面 */
    .postlist_column {
        column-count: 1;
    }
    /* 文章正文 */
    .post_title_area_top .album_clip {
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .post_title_area_top .album_clip .postlist_img {
        margin-left: -0.65rem;
    }
    article .cat_article_bigcard {
        flex-direction: column;
    }
    article .cat_article_bigcard .left {
        width: 100%;
        height: 10rem;
    }
    .post_title_area_top .article_title_douban .cat_block img{
        aspect-ratio: 1;
    }
    .postlist_right{
        padding: calc(var(--margin) / 2) var(--margin);
    }
    /* A_steam_part*/
    cat_post_album_cube.page_steam .article_title_douban .arrow_card {
        display: none;
    }
    cat_post_album_cube.page_steam .article_title_douban .a_part {
        transform: unset;
    }
    cat_post_album_cube.page_steam .article_title_douban:hover .a_part {
        transform: unset;
    }
    
    
    
    /* 评论下方按钮 */
    #comments .cat_comment_respond_form .foot {
        justify-content: center;
    }
    /* 列表标题文字 */
    .postlist_right_title .post_title {
        font-weight: unset;
        font-size: 0.9rem;
        line-height: 1.5rem;
        -webkit-line-clamp: 2;
    }
    /* 列表标题文字end */
    #aside_mood_card {
        width: 90vw;
    }
    .cat_mainmenu_out{
        width: 100%;
        height: 3.2rem;
        position: fixed;
        border-radius: 0;
        left: 0;
        top: 0;
        margin-bottom: 0;
    }
    .cat_mainmenu_out .left {
        display: none;
    }
    .cat_mainmenu_out .mobile_left {
        display: flex;
        padding-left: 0;
    }
    .cat_mainmenu_out .mobile_left .avatar{
        width: 2rem;
        height: 2rem;
        padding: 0.2rem;
        box-shadow: unset;
    }
    .cat_mainmenu_out .item .mainmenu_nav_child {
        top: 3.4rem;
        right: 0.5rem;
    }
    .end_block{
        width: 100%;
        height: 3.2rem;
        position: fixed;
        gap: var(--margin);
        justify-content: center;
        padding-left: 0;
        border-radius: 0;
        left: 0;
        bottom: 0;
        margin-bottom: 0;
    }
    .end_block .end_left{
        padding: var(--margin);
    }
    .end_block .shuxian,
    .end_block .endmenu_word,
    .end_block .comment_num,
    .end_block .agreed_num,
    .end_block .post_likenumchange,
    .end_block .user_avatar{
        display: none!important;
    }
    .end_block .pjax_end_area {
        border: unset;
        padding: 0;
    }
    /* page */
    .link_sq_part{
        flex-direction: column;
    }
    .guestbook_visitors_top10 {
        display: none;
    }
    #comments .cat_comment_body .content .substance{
        max-width:100%;
    }
    .cat_topimg .medias .date {
        display: none;
    }
    .mobile_user_avatar .avatar{
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        padding: 0.2rem;
    }
    .cat_menu {
        margin-top: calc(3.2rem + var(--margin));
        top: 3.2rem;
    }
    .foot_block {
        margin-bottom: 3.2rem;
    }
    .endpopup_paint .anniu{
        width: 2rem;
        height: 2rem;
    }
    .endpopup_musiclist{
        bottom: 3.3rem;
    }
    .endpopup_paint{
        width: 100%;
        bottom: 3.3rem;
        flex-direction: column;
    }
    .endpopup_paint .line{
        border-left:unset;
        padding-left:unset;
    }
    #post_menu {
        width: 70vw;
    }
}

@media (max-width:500px) {
    .cardtype{
        grid-template-columns: repeat(2,1fr);
    }
}