.logo_flex {
    margin: 80px 0 24px 0;
    display: flex;
    align-items: center;
    font-size: 36px;
    color: #fe628e;

    .label_black{
      display: flex;
      align-items: center;
      .black_img{
          display: none;
          width: 24px;
          height: 24px;
      }
  }
  
    img {
      margin-right: 10px;
    }
  }
  
  .redLabel_flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
    background: #1f202e;
    border-radius: 8px;
  
    a {
      padding: 10px 0px;
      border-radius: 8px;
      text-align: center;
      cursor: pointer;
      font-size: 20px;
      flex: 1;
      color: #fff;
    }
  
    a:last-child {
      margin-right: 0px;
    }
  
    a:hover {
      background: #fe628e;
    }
  
    .redLabel_action {
      background: #fe628e;
    }
  }
  
  .listing_box {
    .walfare_flex {
      padding: 0 5px;
      margin-bottom: 20px;
      cursor: pointer;
  
      .walfare_down {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #1f202e;
        border-radius: 12px;
        padding: 10px;
        font-size: 20px;

        img{
            width: 77px;
            height: 76px;
            object-fit: fill;
            border-radius: 20px;
        }
  
        .walfare_down_title {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          text-overflow: ellipsis;
          overflow: hidden;
          padding: 0 5px;
          text-align: left;
          width: 100%;
          color: #fff;
          text-align: center;
        }
  
        .walfare_down_btn {
          background-image: linear-gradient(to bottom, #ecedfa, #999aa8);
          cursor: pointer;
          font-size: 16px;
          color: #1f202e;
          padding: 8px 0px;
          border-radius: 30px;
          min-width: 60px;
          text-align: center;
        }
        .walfare_down_btn:hover {
          color: #fff;
          background-image: linear-gradient(to bottom, #fe628e, #fb2d67);
        }
        .walfare_down_action {
          color: #fff;
          background-image: linear-gradient(to bottom, #fe628e, #fb2d67);
        }
      }
    }
  
    .listing_flex {
      padding: 0 5px;
      margin-bottom: 20px;
      cursor: pointer;
  
      .listing_a {
        display: flex;
        flex-direction: column;
        background: #1f202e;
        border-radius: 12px;
        padding: 10px;
  
        .listing_cover {
          position: relative;
          font-size: 14px;
  
          img {
            width: 100%;
          }
  
          .video_flex {
            position: absolute;
            top: 0;
            background: #000;
            height: 100%;
            border-radius: 7px;
            display: flex;
          }
        }
  
        .details {
          font-size: 14px;
          color: #dbdbdd;
  
          .video_title {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 15px 0;
          }
        }
      }
    }
  }