.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;
      }

      h1{
          font-size: 36px;
          color: #fe628e;
          margin-left: 10px;
      }
  }
  
    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;
    }
  }

  .tab_box {
    display: flex;
    margin-bottom: 30px;
    font-size: 20px;
    align-items: center;
  
    .tab_flex {
      display: flex;
  
      li {
        margin-right: 30px;
        color: #b8babc;
        cursor: pointer;
        display: inline-block;
        list-style: none;
  
        a {
          position: relative;
        }
  
        .active::before {
          opacity: 1;
        }
  
        a::before {
          content: "";
          position: absolute;
          background: #fe628e;
          left: 50%;
          bottom: -10px;
          height: 4px;
          width: 30px;
          margin-left: -15px;
          opacity: 0;
          border-radius: 100px;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
        }
      }
    }
    .tab_total{
        color: #b8babc;
    }
  }

  /**视频封面 */
.listing_box {
    .listing_flex {
      padding: 0 30px;
      margin-bottom: 20px;
      cursor: pointer;

      /* .annual_grid{
            display: grid;
            grid-template-columns: repeat(6, 16%);
            row-gap: 20px;
            -moz-column-gap: 12px;
            column-gap: 12px; */

            .listing_a {
              display: flex;
              flex-direction: column;
              align-items: center;
        
              .listing_cover {
                position: relative;
                font-size: 14px;
                width: 155px;
        
                img {
                  width: 155px;
                  height: 155px;
                  object-fit: cover;
                }
        
                .absolute_top_left {
                  position: absolute;
                  top: 5px;
                  left: 5px;
                  display: flex;
                  flex-wrap: wrap;
        
                  span {
                    padding: 0 10px;
                    border-radius: 4px;
                    font-size: 14px;
                    margin-right: 9px;
                    background: #ff5922;
                    margin-bottom: 5px;
                    color: #fff;
                  }
        
                  span:nth-child(1) {
                    background: #ff5922;
                  }
        
                  span:nth-child(2) {
                    background: #c21818;
                  }
        
                  span:nth-child(3) {
                    background: #fe628e;
                  }
        
                  span:nth-child(4) {
                    background: #18c237;
                  }
        
                  span:nth-child(5) {
                    background: #2884f3;
                  }
                }
        
                .absolute_bottom_left {
                  position: absolute;
                  bottom: 5px;
                  left: 5px;
                  display: flex;
                  flex-wrap: wrap;
        
                  span {
                    padding: 0 10px;
                    border-radius: 4px;
                    font-size: 14px;
                    margin-right: 9px;
                    background: #ff5922;
                  }
        
                  span:nth-child(1) {
                    background: #2884f3;
                  }
        
                  span:nth-child(2) {
                    background: #c21818;
                  }
        
                  span:nth-child(3) {
                    background: #fe628e;
                  }
        
                  span:nth-child(4) {
                    background: #18c237;
                  }
        
                  span:nth-child(5) {
                    background: #ff5922;
                  }
                }
        
                .absolute_bottom_right {
                  position: absolute;
                  bottom: 5px;
                  right: 5px;
                  display: flex;
                  flex-wrap: wrap;
        
                  span {
                    padding: 0 10px;
                    border-radius: 4px;
                    font-size: 14px;
                    margin-left: 9px;
                    background: rgba(0, 0, 0, 0.5);
                  }
                }
              }
        
              .list_detail {
                display: flex;
                flex-direction: column;
                align-items: center;
        
                .list_title {
                  font-size: 19px;
                  padding: 5px 20px;
                  border-radius: 24px;
                  background: #1f202e;
                  margin-top: 20px;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  color: #fff;
                  max-width: 150px
                }
        
                .list_total {
                  color: #fe628e;
                  font-size: 18px;
                  margin-top: 10px;
                }
              }
            }
      /* } */
  
      
    }
  }