.container{
            max-width: 960px;
        }
        .item{
            box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 2px 5px 1px rgba(60, 64, 67, 0.16);
            height: auto;
            border: 1px solid #D6D6D6;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
            background-color: #fff;
            color: #000;
            display: block;
            width: 300px;
            text-decoration: none;
            margin: 15px;
            padding-bottom: 35px;
            position: relative;
        }
        .sidebar .item{
            width: 100%
        }
        .item video{
            width: 100%;
        }
        .item img{
          width: 100%;
        }
        .item .date{
            font-size: 15px;
            color: #818181;
            margin-bottom: 0;
            display: block;
            position: absolute;
            bottom: 10px;
            left: 15px;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16"><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/></svg>');
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 25px;
        }
        .item h5{
            margin-bottom: 5px;
            font-size: 18px;
            font-weight: 500;
            transition: 150ms;
            line-height: 130%;
            padding-left: 15px;
            padding-right: 15px;
        }
        @media (max-width: 700px){
            .item{
                width: 100%;
                margin: 0;
                margin-bottom: 15px;
            }
        }
        .img_wrap{
            position: relative;
            height: 250px;
            width: 100%;
            overflow: hidden;
            border-radius: 5px;
            margin-top: 15px;
        }
        .img_inner{
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            height: 100%;
            transition: transform .8s;
        }
        .img_inner:hover{
            transform: scale(1.3);
        }
        h1{
            position: relative;
            z-index: 4;
            margin-top: 15px;
            padding: 0;
            font-weight: 700;
            font-size: 20px;
            line-height: 33px;
            color: #393d46;
            margin-bottom: 0;
            margin-bottom: 15px;
        }
        .add_block{
            list-style: none;
            padding: 0;

        }
        .add_block li{
            display: inline-block;
            font-size: 14px;
            color: #6d6d6d;
            margin-right: 15px;
        }
        .add_block li:nth-child(2){
            color: #ff4742;
        }

        .ain{
            border-top: 1px solid rgba(0, 0, 0, .2);
            border-bottom: 1px solid rgba(0, 0, 0, .2);
            padding-bottom: 15px;
            padding-top: 15px;
            margin-bottom: 15px;
            margin-top: 15px;
            display: block;
        }
        .ain .info{
            list-style: none;
            padding: 0;

        }
        .ain .info li{
            display: inline-block;
            font-size: 14px;
            color: #6d6d6d;
            margin-right: 15px;
        }
        .ain .info li:nth-child(2){
            color: #ff4742;
        }

        .ain video{
            width: 120px;
            float: left;
            margin-right: 15px;
            object-fit: cover;
            height: 120px;
        }
        .ain p{
            color: #000;
            font-weight: 700;
            font-size: 22px;
            line-height: 22px;
        }
        .ain:after{
            content: '';
            clear: both;
            display: block;
        }
        .content .item{
            margin: 15px auto;
        }
        
        .mini{
          padding-top: 15px;
        }
        
        .mini .item{
          display: flex;
          flex-direction: row;
          align-items: center;
          box-shadow: none;
          border: none;
          margin: 0;
          padding-bottom: 10px;
          width: 100%;
        }
        
        .mini .item .date{
          display: none;
        }
        
        .mini .item video{
          width: 110px;
        }
        
        .mini .item img{
          width: 110px;
        }
        
        .mini .item h5{
          font-size: 16px;
          font-weight: normal;
          width: 100%;
          
        }
        .news-text {
    display: none;
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    transition: all 0.3s ease;
}