.index_banner {min-height: auto;position: relative;background-repeat: no-repeat;background: #f6faf8;background-size: cover;background-position: center;box-shadow: inset 0 -50px 80px 20px rgb(19 19 19);margin-bottom:0;}
.post-label .index_banner {display: none}
.index_banner img {height: 100%;width: 100%;object-fit: cover;}
.user_info{position: absolute;bottom: 20%;left: 5%;z-index: 1;}
.user_info .top {display: flex;align-items: center;}
.user_info .name {color: #fff;font-weight: 600;font-size: 24px;text-shadow: 1px 1px 2px rgba(0,0,0,.7);}
.user_info .avatar {width: 100px;height: 100px;}
.user_info .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;border: 2px solid #fff;}
.user_info .right {display: flex;flex-direction: column;align-content: flex-end;align-items: flex-start;padding-left: 10px;}
.user_info .des {font-size: 14px;text-align: left;color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,.7);}
.user_info_image{background:#ccc;width: 100%;min-height: 190px;background-size: 100% 100%;}
.index_banner:before {position: absolute;content: '';width: 100%;height: 100%;top: 0px;right: 0px;z-index: 1;opacity: 0.6;background: linear-gradient(to top,black,#ffffff00);}
.user_info_image:before {position: absolute;content: '';width: 100%;height: 100%;top: 0px;right: 0px;z-index: 1;}
.user_info_image img{border: 0;max-width: 100%;height: auto;}

/*.post_loop{padding:0;width: calc(100%/3);float:left;margin-bottom: 0}*/
.dy_card{padding:0;margin-top:0;border-radius: 0;border: 1px solid #fff;border-top: 0;border-left: 0;background: #ccc}
.dy_card img{width:100%;height:calc(100vh / 3);border:0;position: relative;z-index: 1;}
.dy_card .dy_text{position: absolute;bottom: 2px;left: 0;width: 100%;height: 20px;z-index: 2;text-align: right;padding: 0 5px;line-height: 20px;color: #fff;font-size: 12px;}
.post_box_top{background:#fff;min-height: 50px;width: 100%;border-radius: 10px 10px 0 0;position: relative;z-index: 1;display: none;top:-16px;}
.dark .post_box_top{background: #363636;}
.dark .dy_card{border: 1px solid #000000e0;border-top: 0;border-left: 0;}
.dy_text{font-size: 10px;color:#fff;}

@media (max-width:768px){
    .header{width: 100%;z-index: 10;position: fixed;top:0;-webkit-backdrop-filter:unset;backdrop-filter:unset;box-shadow:none}
    .top .mobile_an i {color:#fff;}
    .top .top_r .top_r_an i {color:#fff;}
    .post-label .index_banner{display:block;}
    .index_area{top:24px;}
    .post_box{position: relative;top: -15px;z-index: 1;}
    /*.post_loop:first-child{border-radius: 10px 10px 0 0}*/
    .post_box_top{display: block}
    .dark .post_box_top{background: #161616;}
    .dark .post_loop{background: #161616;}
    .i_avatar_total {font-size: 12px;padding:10px;color:#ccc;}
    .i_avatar_total span{color:#333;font-size: 18px;margin-right: 3px;font-weight: bold}
    .dark .i_avatar_total span{color:#fff;}
    .i_avatar_content {font-size: 12px;padding:10px;}
    .i_avatar_ip {font-size: 12px;padding:10px;}
    .i_avatar_ip span{font-size: 12px;display: inline;background: #f2f2f2;padding: 5px 10px;line-height: 12px;border-radius: 3px;margin-right: 3px;}
    .dark .i_avatar_ip span{background:#2c2c2c;}
    .i_avatar_tab{display: flex;border-bottom: 1px solid #ffffffe0;overflow-x: scroll;white-space: nowrap;}
    .i_avatar_tab::-webkit-scrollbar {display: none;}
    .i_avatar_tab ul {display: flex;}
    .dark .i_avatar_tab{border-bottom: 0}
    .i_avatar_tab ul li {float: left;}
    .i_avatar_tab ul li a {display: inline-block;font-size: 16px;padding:10px 18px;text-align: center;}
    .dark .i_avatar_tab ul li a{color:#fff;}
    .i_avatar_tab ul li a:hover{color:#333;}
    .dark .i_avatar_tab ul li a:hover{color:#fff;}
    .i_avatar_tab ul li.current-menu-item{border-bottom: 2px solid #ffc008;font-weight: bold}
    .dark .i_avatar_tab ul li.current-menu-item{color:#fff}
    .dy_card img{height:calc(94vh / 5);}

}