.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;top: 20%;left: 5%;z-index: 2;}
.user_info .top {display: flex;align-items: center;flex-direction: row;}
.user_info .name {color: #fff;font-weight: 600;font-size: 24px;}
.dark .user_info .name {color: #fff;}
.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: 13px;text-align: left;color: #fff;}
.dark .user_info .des {color: #fff;}
.user_info_image{background:#ccc;width: 100%;height: 150px;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}
    .user_info{position: absolute;top: 50%;left: 1%;z-index: 2;width: 150px;}
    .user_info .top {flex-direction: column;}
    .user_info .name {color: #000;}
    .user_info .des {color: #000;}
    .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 10px;color:#000;margin-bottom: 100px;}
    .i_avatar_total div{color:#ccc;font-size: 16px;margin-right: 25px;float: right;text-align: center;}
    .i_avatar_total div p{font-size: 18px;margin-bottom: 0;text-align: center;color:#000;}
   .dark .i_avatar_total div p{color:#fff;}
    .i_avatar_content {font-size: 12px;padding:10px;width: 70%}
    .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 #000;font-weight: bold}
    .dark .i_avatar_tab ul li.current-menu-item{color:#fff;border-bottom: 2px solid #fff;}
    .dy_card img{height:calc(94vh / 5);}

}