.recruit-activity-item[data-v-ee36947a] {
  min-height: 285px;
  border-radius: 8px;
}
.recruit-activity-item .ri-top[data-v-ee36947a] {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.recruit-activity-item .ri-top .status[data-v-ee36947a] {
      z-index: 10;
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 68px;
      height: 26px;
      font-weight: 700;
      font-size: 12px;
      font-family: Source Han Sans CN;
      padding: 4px 16px;
      border-top-left-radius: 8px;
      border-bottom-right-radius: 8px;
      line-height: 18px;
      color: #fff;
}
.recruit-activity-item .ri-top .status-1[data-v-ee36947a] {
      background: #FFB82B;
}
.recruit-activity-item .ri-top .status1[data-v-ee36947a] {
      background: #3F73FF;
}
.recruit-activity-item .ri-top .status2[data-v-ee36947a] {
      background: #F97251;
}
.recruit-activity-item .ri-top .status0[data-v-ee36947a] {
      background: #D6E0E9;
      color: #8D939A;
}
.recruit-activity-item .ri-top img[data-v-ee36947a] {
      border-radius: 8px 8px 0 0;
      z-index: 9;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
.recruit-activity-item .ri-top .living[data-v-ee36947a] {
      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%);
      backdrop-filter: blur(3px);
      border-radius: 8px 8px 0 0;
}
.recruit-activity-item .ri-bottom[data-v-ee36947a] {
    padding: 16px;
    width: 100%;
    background: #ffffff;
}
.recruit-activity-item .ri-bottom .rb-title[data-v-ee36947a] {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
}
.recruit-activity-item .ri-bottom .rb-title .rt-item[data-v-ee36947a] {
        display: flex;
        align-items: center;
}
.recruit-activity-item .ri-bottom .rb-title img[data-v-ee36947a] {
        max-width: 100%;
        height: 24px;
}
.recruit-activity-item .ri-bottom .rb-title .title[data-v-ee36947a] {
        max-width: 240px;
        font-weight: 700;
        font-size: 20px;
        font-family: Source Han Sans CN;
        color: #101828;
        line-height: 24px;
}
.recruit-activity-item .ri-bottom .rb-time[data-v-ee36947a] {
      margin-top: 8px;
      font-weight: 350;
      font-size: 14px;
      font-family: Source Han Sans CN;
      vertical-align: middle;
      color: #666666;
      line-height: 21px;
}

.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%);
          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=48.1775796998733.css.map*/