.index_banner {position: relative;background-repeat: no-repeat;background: #cbcbcb;background-size: cover;background-position: center;margin-bottom:0;}
.post-label .index_banner {display: none}
.index_banner img {height: 100%;width: 100%;object-fit: cover;}
.user_info{position: absolute;bottom: 60%;left: 2%;z-index: 1;}
.user_info .top {display: flex;align-items: center;}
.user_info .name {color: #fff;font-weight: 600;font-size: 22px;text-shadow: 1px 1px 2px rgba(0,0,0,.7);}
.user_info .avatar {width: 70px;height: 70px;}
.user_info .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;border: 1px 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: 10px;text-align: left;color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,.7);}
.user_info_image{height: 320px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
/*.index_banner:before {position: absolute;content: '';width: 100%;height: 100%;top: 0px;right: 0px;z-index: 1;}*/
.user_info_image: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 img{border: 0;max-width: 100%;height: auto;}
.user_info_video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
.i_avatar_content {position: absolute;top: 38%;width:70%;z-index: 1;}
.i_avatar_content .description{font-size: 12px;padding:5px 10px;color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,.7);margin-top: 10px;max-height: 88px;overflow: auto;}
.i_avatar_total {font-size: 12px;padding:10px 10px;color:#ccc;}
.i_avatar_total div{color:#ccc;font-size: 10px;margin-right: 20px;float: left;text-align: center;}
.i_avatar_total div p{font-size: 14px;margin-bottom: 0;text-align: center;color:#fff;}
.i_avatar_ip {font-size: 12px;padding:0px 10px;}
.i_avatar_ip span{font-size: 10px;display: inline;background: #585858bd;padding: 5px 10px;line-height: 12px;border-radius: 10px;margin-right: 3px;color:#fff;}

/*.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;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_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: 1px solid #ff2e4d;font-weight: bold}
    .dark .i_avatar_tab ul li.current-menu-item{color:#fff}
    .dy_card img{height:calc(94vh / 5);}

}