.live-detail[data-v-5112045d] {
  padding-bottom: 180px;
}
.live-detail .background[data-v-5112045d] {
    width: 100%;
    height: 300px;
    background-image: url(../img/activity-banner.f01d82c7.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}
.live-detail .container[data-v-5112045d] {
    width: 1190px;
    margin: 0 auto;
    padding-bottom: 40px;
    min-height: 575px;
}
.live-detail .container .intro[data-v-5112045d] {
      padding: 20px;
      display: flex;
      gap: 20px;
      min-height: 228px;
      background: linear-gradient(180deg, #f2ffff -10.45%, #ffffff 20.55%), linear-gradient(0deg, #ffffff, #ffffff);
      border-radius: 20px;
}
.live-detail .container .intro .left[data-v-5112045d] {
        width: 320px;
        height: 180px;
        position: relative;
        border: 1px solid #0000001a;
        border-radius: 8px;
}
.live-detail .container .intro .left img[data-v-5112045d] {
          border-radius: 8px;
          z-index: 9;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
}
.live-detail .container .intro .left .back-blur[data-v-5112045d] {
          z-index: 10;
          position: absolute;
          width: 100%;
          height: 100%;
          background: linear-gradient(180deg, rgba(1, 53, 84, 0.32) -10.94%, rgba(102, 102, 102, 0) 102.19%);
          -webkit-backdrop-filter: blur(3px);
                  backdrop-filter: blur(3px);
          border-radius: 8px 8px 0 0;
}
.live-detail .container .intro .left .subtitle[data-v-5112045d] {
          z-index: 20;
          position: absolute;
          width: 100%;
          height: 28px;
          left: 0;
          top: 12px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 12px;
}
.live-detail .container .intro .left .subtitle span[data-v-5112045d]:first-child {
            display: inline-block;
            background: linear-gradient(112.83deg, #3f73ff 20.05%, #68e6ff 90.96%);
            border-radius: 16px;
            font-weight: 400;
            font-size: 16px;
            font-family: Source Han Sans CN;
            color: #ffffff;
            height: 28px;
            line-height: 28px;
            padding: 0 8px;
}
.live-detail .container .intro .left .subtitle .svgIcon[data-v-5112045d] {
            font-size: 18px;
}
.live-detail .container .intro .left .play[data-v-5112045d] {
          font-size: 72px;
          z-index: 20;
          position: absolute;
          left: 0;
          top: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
}
.live-detail .container .intro .right[data-v-5112045d] {
        flex: 1;
        overflow: hidden;
}
.live-detail .container .intro .right .r-top .title[data-v-5112045d] {
          font-weight: 700;
          font-size: 24px;
          font-family: Source Han Sans CN;
          line-height: 100%;
          color: #101828;
}
.live-detail .container .intro .right .r-top .title span[data-v-5112045d] {
            color: #3f73ff;
}
.live-detail .container .intro .right .r-top .time[data-v-5112045d] {
          min-height: 16px;
          margin-top: 12px;
          font-weight: 400;
          font-size: 16px;
          font-family: Source Han Sans CN;
          line-height: 100%;
          color: #101828cc;
}
.live-detail .container .intro .right .r-bottom[data-v-5112045d] {
          margin-top: 44px;
}
.live-detail .container .intro .right .r-bottom .desc[data-v-5112045d] {
            padding: 8px;
            border-radius: 8px;
            background: #f4f6f8cc;
}
.live-detail .container .intro .right .r-bottom .desc span[data-v-5112045d] {
              font-weight: 550;
              font-size: 14px;
              font-family: Source Han Sans CN;
              line-height: 100%;
              color: #101828;
}
.live-detail .container .intro .right .r-bottom .desc div[data-v-5112045d] {
              margin-top: 8px;
              font-weight: 350;
              font-size: 12px;
              font-family: Source Han Sans CN;
              line-height: 1.5em;
              color: #666666;
}
.live-detail .container .recruitment[data-v-5112045d] {
      margin-top: 20px;
}
.live-detail .container .recruitment .title[data-v-5112045d] {
        font-weight: 700;
        font-size: 20px;
        font-family: Source Han Sans CN;
        line-height: 100%;
        color: #000000;
        margin-bottom: 20px;
}
.live-detail .container .recruitment .recruit-list .data-container[data-v-5112045d] {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
}


/*# sourceMappingURL=82.1774862596341.css.map*/