{"version":3,"sources":["/Users/zhoule/julyedu/mr-julyedu/src/components/activity/treasure-box/preheat/index.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/activity/treasure-box/preheat/YearCourse/index.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/activity/treasure-box/common/commonContainer/index.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/activity/treasure-box/treasure-box/rank.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/activity/treasure-box/treasure-box/team.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/activity/treasure-box/common/prizes/prizes.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/activity/treasure-box/common/user-bullet-screen/bullet-screen.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/activity/treasure-box/common/commonPopup/index.scss"],"names":[],"mappings":"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","file":"treasure-box-home.2dd1f259.chunk.css","sourcesContent":[".year-index {\n  padding-bottom: 30px;\n  background-color: #66b679;\n\n  .banner-treasure {\n  }\n\n  .banner-treasure__header {\n    height: 320px;\n    background-size: cover;\n    background-position: center;\n  }\n\n  .banner-treasure__nav {\n    height: 30px;\n  }\n\n  .banner-treasure__decorate {\n    height: 20px;\n    //background-size: cover;\n    //background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/m_nv_bj%402x.png');\n  }\n\n  .sub__code_container {\n    padding: 20px 30px;\n    text-align: center;\n\n    .sub__title {\n      font-size: 18px;\n      color: #111;\n      font-weight: normal;\n    }\n\n    .sub__qr_code {\n      width: 137px;\n      height: 137px;\n    }\n\n    .sub__tip {\n      font-size: 14px;\n      color: #666;\n      margin: 13px 0;\n      letter-spacing: 1px;\n\n      i {\n        font-style: normal;\n        color: #ff0000;\n        font-size: 16px;\n      }\n    }\n\n    .sub__rule {\n      font-size: 14px;\n      color: #666;\n      text-align: left;\n      margin-top: 20px;\n      margin-bottom: 5px;\n    }\n  }\n\n  .btm-rule {\n    color: #fff;\n    font-size: 12px;\n    width: 100%;\n    text-align: center;\n  }\n}\n\n.year-index + .year19-index {\n  display: none;\n}\n",".year-index-course {\n  .boss__add {\n    font-size: 12px;\n    color: #fff;\n    text-align: center;\n    height: 16px;\n    line-height: 16px;\n    text-decoration: underline;\n    display: block;\n    margin: 12px auto 0;\n  }\n\n  .course-conter {\n    .course-item {\n      width: 168px;\n      padding: 4px;\n      background-color: #fff;\n      position: relative;\n      border-radius: 2px;\n      span {\n        position: absolute;\n        right: 4px;\n        top: 4px;\n        width: 60px;\n        display: block;\n        text-align: center;\n        padding-left: 5px;\n        border-radius: 0 0 0 10px;\n        background-color: #eb1612;\n        color: #fff;\n        font-size: 12px;\n      }\n      a {\n        width: 160px;\n        height: 104px;\n        img {\n          width: 100%;\n          height: 100%;\n        }\n      }\n    }\n  }\n  .course-box {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    .course-container {\n      width: 168px;\n      margin: 15px 0 0 0;\n      text-align: center;\n      position: relative;\n    }\n\n    .group-num {\n      width: 66px;\n      height: 16px;\n      position: absolute;\n      left: 10px;\n      top: 10px;\n      line-height: 16px;\n      background: #ca161c;\n      opacity: 0.8;\n      border-radius: 1px;\n      font-size: 12px;\n      color: #fff;\n      text-align: center;\n    }\n\n    .bargain-price {\n      position: absolute;\n      left: 4px;\n      top: 10px;\n      margin: 0;\n      height: 18px;\n      padding: 0 8px;\n      border-radius: 0 9px 9px 0;\n      font-size: 12px;\n      color: #fff;\n      line-height: 18px;\n      background-color: #f01d0e;\n    }\n\n    .coupon-course__footer {\n      .course-title {\n        padding-left: 10px;\n        font-size: 15px;\n        color: #333;\n        font-weight: 500;\n        margin-top: 7px;\n      }\n\n      .btn {\n        display: inline-block;\n        width: 138px;\n        height: 24px;\n        text-align: center;\n        line-height: 24px;\n        border-radius: 2px;\n        font-size: 12px;\n        outline: none;\n        border: none;\n        letter-spacing: 1px;\n      }\n\n      .big-course {\n        background-color: #fee41d;\n        border: 1px solid #090f08;\n        color: #090f08;\n        margin-top: 10px;\n      }\n\n      .to-study {\n        background-color: #09f;\n        color: #fff;\n        position: absolute;\n        left: 10px;\n        bottom: 10px;\n      }\n\n      .free-study {\n        background: linear-gradient(-90deg, #eb1612 0%, #f92927 100%);\n        color: #fff;\n        margin-top: 10px;\n      }\n\n      .free-course-num {\n        font-size: 12px;\n        color: #070f08;\n        margin-top: 7px;\n        letter-spacing: 1px;\n\n        span {\n          font-size: 14px;\n          color: #ff0002;\n        }\n      }\n    }\n\n    .type {\n      text-align: left;\n      padding-left: 7px;\n      margin-top: 3px;\n\n      .tag {\n        display: inline-block;\n        padding: 0 6px;\n        height: 14px;\n        line-height: 15px;\n        text-align: center;\n        font-size: 12px;\n        color: #fff;\n        position: relative;\n        z-index: 0;\n      }\n\n      .time {\n        display: inline-block;\n        height: 15px;\n        line-height: 15px;\n        padding: 0 6px;\n        margin-left: 5px;\n        position: relative;\n        font-size: 12px;\n        color: #555;\n        text-align: center;\n        z-index: 0;\n      }\n\n      .time:before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: #e6e6e6;\n        transform: skewX(-20deg);\n        z-index: -1;\n      }\n\n      .tag:before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background-color: #ff0002;\n        transform: skewX(-20deg);\n        z-index: -1;\n      }\n\n      .tag[data-color=\"green\"]:before {\n        background-color: #357345;\n      }\n    }\n\n    .price {\n      margin-top: 3px;\n      padding-left: 4px;\n      font-size: 12px;\n      color: #ff0002;\n      text-align: left;\n\n      &.price-group {\n        font-size: 0;\n        height: 30px;\n      }\n\n      .price-label {\n        font-size: 12px;\n      }\n\n      .new-price {\n        font-size: 16px;\n      }\n\n      .old-price {\n        margin-left: 2px;\n        font-size: 12px;\n        color: #666;\n      }\n    }\n\n    .status {\n      position: absolute;\n      left: 0;\n      bottom: 10px;\n      right: 0;\n      padding: 0 5px;\n      text-align: left;\n\n      &[data-layout=\"row\"] {\n        display: flex;\n\n        .to-group {\n          font-size: 12px;\n\n          &:nth-child(1) {\n            margin-right: 2px;\n          }\n\n          &:nth-child(2) {\n            margin-left: 2px;\n          }\n        }\n      }\n\n      .status-btn {\n        display: inline-block;\n        height: 22px;\n        line-height: 22px;\n        border-radius: 2px;\n        text-align: center;\n        font-size: 12px;\n        color: #fff;\n      }\n\n      .to-buy {\n        width: 55px;\n        background-color: #ff8080;\n      }\n\n      .to-group {\n        display: block;\n        width: 100%;\n        height: 22px;\n        border-radius: 11px;\n        box-sizing: border-box;\n        font-size: 14px;\n        color: #fff;\n        text-align: center;\n        line-height: 22px;\n        background: linear-gradient(\n          -90deg,\n          rgba(235, 22, 18, 1) 0%,\n          rgba(255, 0, 2, 1) 100%\n        );\n\n        &[data-status=\"study\"] {\n          background: #0099ff;\n        }\n\n        &[data-status=\"done\"] {\n          border: 1px solid #090f08;\n          font-size: 12px;\n          color: #090f08;\n          background: #fee41d;\n        }\n      }\n\n      .add-wish,\n      .add-wish-success {\n        width: 88px;\n        margin-left: 5px;\n        outline: none;\n        color: #ff0002;\n        background-color: #fff;\n        border: 1px solid #ff0002;\n\n        img {\n          width: 12px;\n          height: 11px;\n          margin-right: 2px;\n          position: relative;\n          top: 1px;\n        }\n      }\n\n      .add-wish-success {\n        color: #fff;\n        background: linear-gradient(\n          90deg,\n          rgba(235, 22, 18, 1) 0%,\n          rgba(249, 41, 39, 1) 100%\n        );\n      }\n    }\n  }\n\n  .bigcourse .course-container {\n    height: 156px;\n  }\n\n  .freecourse .course-container {\n    height: 177px;\n  }\n\n  .groupcourse .course-container {\n    height: 195px;\n  }\n  .groupcourse[data-stage=\"2\"] .course-container {\n    height: 215px;\n  }\n\n  .progree-and-sale {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding-left: 5px;\n  }\n\n  .progress {\n    width: 90px;\n    height: 8px;\n    border-radius: 4px;\n    background-color: #e6e6e6;\n  }\n\n  .progress_bar {\n    display: block;\n    width: 10%;\n    height: 100%;\n    border-radius: 4px 0 0 4px;\n    background-color: #ff0002;\n  }\n\n  .sale-sum {\n    flex: 1;\n    margin: 0;\n    font-size: 12px;\n    color: #333;\n    text-align: center;\n    line-height: 1;\n  }\n\n  .ai-course__subtitle {\n    width: 73px;\n    height: 24px;\n    margin: 15px auto 0;\n    border-radius: 12px;\n    font-size: 14px;\n    font-weight: 500;\n    color: #070f08;\n    text-align: center;\n    line-height: 22px;\n    letter-spacing: 2px;\n    background-color: #ffe300;\n    border: 1px solid #070f08;\n  }\n\n  .more-button {\n    display: block;\n    width: 75px;\n    height: 26px;\n    margin: 15px auto 5px;\n    padding: 0;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 400;\n    color: #fff;\n    line-height: 26px;\n    cursor: pointer;\n    outline: none;\n    background-color: #0f6237;\n    border: none;\n    letter-spacing: 1px;\n  }\n\n  .sub__code_container {\n    padding: 20px;\n  }\n\n  .save-image {\n    display: block;\n    width: 133px;\n    height: 30px;\n    margin: 20px auto 0 auto;\n    background: rgba(83, 39, 250, 1);\n    border-radius: 15px;\n    font-size: 14px;\n    color: #fff;\n    -webkit-appearance: none;\n    outline: 0;\n    border: none;\n  }\n\n  .nav-right {\n    width: 100px;\n    height: 125px;\n    background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/sd_fc_bj.png\");\n    background-repeat: no-repeat;\n    background-size: cover;\n    position: fixed;\n    right: 0;\n    bottom: 20%;\n    margin-top: -57px;\n    z-index: 22;\n    .nav-right__link {\n      display: block;\n      position: relative;\n      font-size: 12px;\n      font-weight: 500;\n      color: #fff;\n      text-align: center;\n      top: 47px;\n      line-height: 25px;\n    }\n    .nav-right__number {\n      position: absolute;\n      top: -5px;\n      right: 5px;\n      padding: 0 5px;\n      border: 1px solid #f7d067;\n      border-radius: 7px 7px 7px 0px;\n      font-size: 12px;\n      font-style: normal;\n      color: #fee41d;\n      background-color: #ff4f24;\n      height: 16px;\n      line-height: 14px;\n    }\n  }\n  .nav-right-wish {\n    background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/fanc-bx.png\");\n    .nav-right__link {\n      top: 60px;\n      left: 10px;\n    }\n  }\n}\n",".common_container {\n  margin-bottom: 35px;\n  .title_container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n    i {\n      width: 230px;\n      height: 2px;\n      margin: auto;\n      background: linear-gradient(\n        90deg,\n        rgba(254, 228, 29, 0) 0%,\n        rgba(254, 228, 29, 0.98) 48%,\n        rgba(254, 228, 29, 0) 100%\n      );\n      margin: 0 auto;\n    }\n    p {\n      font-size: 18px;\n      line-height: 18px;\n      font-weight: 500;\n      color: rgba(254, 228, 29, 1);\n      margin: 8px auto;\n\n      background: linear-gradient(\n        0deg,\n        rgba(254, 228, 29, 1) 23.9013671875%,\n        rgba(255, 204, 0, 1) 50.146484375%,\n        rgba(254, 228, 29, 1) 75%\n      );\n      background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n  }\n  .container_top {\n    background: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/m_top_bj.png\")\n      center center no-repeat;\n    background-size: 100% 100%;\n    width: 100%;\n    height: 18px;\n  }\n  .container_bottom {\n    background: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/m_bottom_bj.png\")\n      center center no-repeat;\n    background-size: 100% 100%;\n    width: 100%;\n    height: 22px;\n  }\n\n  .container_content {\n    background: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/m_middle_bj.png\");\n    background-size: contain;\n    width: 100%;\n    min-height: 25px;\n    margin: -1px 0;\n    padding: 6px 15px;\n  }\n}\n","[data-skip=\"rank\"] {\n  .rank-title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .rank-title__decorate {\n    display: inline-block;\n    width: 11px;\n    height: 12px;\n    background-size: cover;\n    background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/PC/icon-decorate-0.png\");\n  }\n\n  .rank-title__txt {\n    position: relative;\n    margin: 0 8px;\n    font-size: 18px;\n    font-weight: normal;\n    color: #ffe300;\n    text-align: center;\n    line-height: 1;\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      top: -8px;\n      right: -8px;\n      width: 14px;\n      height: 11px;\n      background-size: cover;\n      background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/PC/icon-decorate-1.png\");\n    }\n  }\n\n  .rank-desc {\n    margin: 7px 0 0;\n    padding: 0 48px;\n    font-size: 12px;\n    color: #ffe300;\n    text-align: center;\n    line-height: 16px;\n  }\n\n  .rank-header {\n    margin: 12px 10px 0;\n    border-radius: 5px 5px 0 0;\n    font-size: 0;\n    overflow: hidden;\n\n    .rank-column {\n      color: #1d5432;\n      font-size: 12px;\n      line-height: 30px;\n      background-color: #ffe300;\n    }\n  }\n\n  .rank-body {\n    margin: 0 10px;\n    border-left: 1px solid #81f3af;\n    border-bottom: 1px solid #81f3af;\n    border-right: 1px solid #81f3af;\n    border-radius: 0 0 5px 5px;\n    background-color: #1d5432;\n  }\n\n  .rank-item {\n    border-bottom: 1px solid #0e7442;\n\n    .rank-column {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      height: 40px;\n      font-size: 12px;\n      color: #fff;\n    }\n  }\n\n  .rank-column {\n    display: inline-block;\n    text-align: center;\n    vertical-align: middle;\n\n    &:nth-child(1) {\n      width: 10%;\n    }\n\n    &:nth-child(2) {\n      width: 25%;\n    }\n\n    &:nth-child(3) {\n      width: 20%;\n    }\n\n    &:nth-child(4) {\n      width: 45%;\n    }\n  }\n\n  .rank-column__number {\n    display: inline-block;\n    width: 11px;\n    height: 12px;\n    background-size: cover;\n\n    &[data-num=\"0\"] {\n      background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-diyiming.png\");\n    }\n\n    &[data-num=\"1\"] {\n      background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-dierming.png\");\n    }\n\n    &[data-num=\"2\"] {\n      background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/717/-s-disanming.png\");\n    }\n  }\n\n  .rank-column__name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .rank-column__txt {\n    display: inline-block;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 0 5px;\n    text-align: left;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  a.rank-column__txt {\n    text-decoration: underline;\n  }\n\n  .rank-more {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 40px;\n  }\n\n  .rank-more__txt {\n    font-size: 14px;\n    color: #fff;\n  }\n\n  .rank-more__icon {\n    width: 11px;\n    height: 12px;\n    margin-left: 5px;\n    background-size: cover;\n    background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/icon-arrow-double.png\");\n\n    &[data-more=\"false\"] {\n      transform: rotate(180deg);\n    }\n  }\n}\n",".team_info__container {\n  margin-bottom: 30px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  .team__member {\n    height: 72px;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 16px;\n\n    .member__list {\n      height: 50px;\n      width: 224px;\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      margin-right: 12px;\n\n      .member__item {\n        width: 44px;\n        height: 50px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: center;\n        margin-left: 1px;\n        &:first-child {\n          margin-left: 0;\n          .member__join {\n            border-radius: 2px 0 0 2px;\n          }\n        }\n        &:last-child {\n          .member__join {\n            border-radius: 0 2px 2px 0;\n          }\n        }\n        .avatar__container {\n          width: 27px;\n          height: 27px;\n          position: relative;\n          border: 1px solid #fff;\n          border-radius: 50%;\n          .head__image {\n            border-radius: 50%;\n            width: 100%;\n            height: 100%;\n          }\n          .shadow {\n            width: 24px;\n            height: 3px;\n            background: #1a3528;\n            border-radius: 50%;\n            position: absolute;\n            bottom: -6px;\n          }\n          .caption__flag {\n            position: absolute;\n            width: 18px;\n            height: 10px;\n            left: 50%;\n            top: 0;\n          }\n        }\n        .member__join {\n          width: 40px;\n          height: 5px;\n          background: rgba(0, 88, 51, 1);\n          box-shadow: 1px 1px 2px 0px rgba(3, 52, 91, 0.35);\n        }\n        .join {\n          background: rgba(255, 221, 29, 1);\n          box-shadow: 1px 2px 2px 0px rgba(253, 253, 253, 0.46) inset,\n            1px 2px 2px 0px rgba(253, 253, 253, 0.46) inset;\n        }\n      }\n    }\n\n    .box__number {\n      width: 108px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n      position: relative;\n      img {\n        width: 92px;\n        height: 50px;\n      }\n      .box__text {\n        width: 1000px;\n        font-size: 100px;\n        transform: scale(0.1);\n        text-decoration: underline;\n        color: rgba(255, 227, 0, 1);\n        position: absolute;\n        bottom: -72px;\n        text-align: center;\n      }\n      .position__arrow {\n        width: 18px;\n        height: 18px;\n        position: absolute;\n        left: -7px;\n        top: 18px;\n      }\n      .position__number {\n        min-width: 22px;\n        height: 18px;\n        font-size: 12px;\n        background: rgba(255, 60, 22, 1);\n        border: 1px solid rgba(255, 227, 0, 1);\n        border-radius: 9px 9px 9px 0px;\n        color: rgba(255, 227, 0, 1);\n        position: absolute;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 0 5px;\n        right: -4px;\n        top: -4px;\n      }\n    }\n  }\n  .invite__btn {\n    width: 320px;\n    height: 44px;\n    background: rgba(255, 227, 0, 1);\n    border-radius: 3px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 15px;\n    color: rgba(11, 123, 69, 1);\n    margin-bottom: 12px;\n  }\n  .stage_prize {\n    font-size: 12px;\n    line-height: 12px;\n    color: rgba(255, 227, 0, 1);\n    text-align: center;\n  }\n}\n",".trans-height {\n  transition: height 0.25s ease-in-out;\n}\n\n.prizes-box {\n  @extend .trans-height;\n  position: relative;\n  height: 348px;\n  background-size: 100% auto;\n\n  .show-more {\n    position: absolute;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 125px;\n    height: 27px;\n    background: #ff2121;\n    border: 2px solid rgba(255, 33, 33, 1);\n    border-radius: 5px 5px 0 0;\n    font-size: 13px;\n    color: #fff;\n    line-height: 27px;\n    text-align: center;\n    z-index: 20;\n\n    img {\n      margin-left: 4.5px;\n      width: 10.05px;\n    }\n  }\n\n  .rule-btn {\n    position: absolute;\n    top: 32.5px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffdd1d;\n    font-size: 12px;\n    text-decoration: underline;\n  }\n\n  @mixin common-deco($bg) {\n    content: \"\";\n    display: block;\n    width: 100%;\n    background: url($bg) no-repeat;\n    background-size: 100% auto;\n  }\n\n  &::before {\n    @include common-deco(\n      \"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/landing-box-head.png\"\n    );\n    height: 148.5px;\n  }\n\n  &::after {\n    @include common-deco(\n      \"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/landing-box-footer.png\"\n    );\n    height: 85px;\n    margin-top: -1px;\n  }\n\n  .bg {\n    @extend .trans-height;\n    width: 100%;\n    height: 115px;\n    margin-top: -1px;\n    overflow: hidden;\n    z-index: 10;\n    background: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/newyear20/H5/landing-box-bg.png\")\n      repeat-y;\n    background-size: 100% auto;\n  }\n\n  .inner-box {\n    @extend .trans-height;\n    position: absolute;\n    top: 130px;\n    left: 0;\n    width: 100%;\n    z-index: 20;\n    height: 187px;\n    overflow: hidden;\n  }\n\n  .prize-list {\n    display: flex;\n    flex-flow: wrap;\n    padding: 0 57px;\n\n    & li:nth-of-type(2n) {\n      margin-right: 0;\n    }\n\n    li {\n      position: relative;\n      width: 125px;\n      height: 99px;\n      background: rgba(255, 255, 255, 1);\n      border: 2px solid rgba(255, 227, 0, 1);\n      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n      border-radius: 1px;\n      margin-right: 10.5px;\n      margin-bottom: 6.5px;\n\n      .prize-list__image {\n        display: block;\n        width: 100%;\n        height: 100%;\n        background-position: center;\n        background-size: cover;\n      }\n\n      img {\n        width: 90px;\n        object-fit: contain;\n      }\n    }\n\n    & li:last-child {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .top-tag {\n      position: absolute;\n      top: 0;\n      right: 0;\n      border-radius: 0 0 0 4px;\n      font-size: 12px;\n      line-height: 16px;\n      text-align: center;\n      padding: 0 4px;\n      color: #fff;\n    }\n\n    .captain {\n      background: linear-gradient(\n        270deg,\n        rgba(255, 93, 0, 1) 0%,\n        rgba(255, 23, 0, 1) 100%\n      );\n    }\n\n    .stage {\n      background: linear-gradient(\n        -90deg,\n        rgba(0, 75, 251, 1) 0%,\n        rgba(0, 156, 255, 1) 100%\n      );\n    }\n\n    .no-limit {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      background: rgba(0, 0, 0, 0.8);\n      font-size: 12px;\n      color: #fff;\n      padding: 0 4px;\n      border-radius: 6px 0 0 0;\n    }\n\n    .bottom-bar {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      //height: 18px;\n      padding: 0 5px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background: rgba(0, 0, 0, 0.8);\n      font-size: 12px;\n      color: #fff;\n\n      .progress-bar {\n        position: relative;\n        flex: 0 1 45px;\n        height: 2px;\n        background: #fff;\n        border-radius: 1px;\n\n        .progress {\n          position: absolute;\n          right: 0;\n          top: 0;\n          //width: 80%;\n          height: 100%;\n          background: linear-gradient(\n            -90deg,\n            rgba(255, 140, 0, 1) 0%,\n            rgba(255, 23, 0, 1) 100%\n          );\n          border-radius: 1px;\n        }\n      }\n    }\n  }\n}\n\n.common_container {\n  .container_content {\n    .prizes-box {\n      margin: 0 -15px;\n    }\n  }\n}\n\n.landing-treasure-rules {\n  width: 320px;\n\n  &.popup-container {\n    top: 50%;\n    transform: translate(-50%, -50%);\n    .title {\n      font-size: 18px;\n      color: #111111;\n    }\n  }\n\n  .content {\n    padding: 0 19px 15px;\n    margin-top: 22px;\n    color: #666666;\n    font-size: 14px;\n\n    li {\n      margin-bottom: 5px;\n    }\n  }\n}\n",".bullet-screen {\n  width: 329px;\n  height: 30px;\n  margin: 0 auto 28px;\n  background: rgba(0, 0, 0, 0.6);\n  border-radius: 15px;\n  line-height: 30px;\n  text-align: left;\n\n  li {\n    height: 100%;\n    padding: 2px;\n    line-height: 26px;\n    display: flex;\n    align-items: center;\n  }\n\n  .avatar {\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    margin-right: 7px;\n    vertical-align: middle;\n  }\n\n  & span:nth-of-type(1) {\n    margin-right: 5px;\n  }\n\n  span {\n    font-size: 12px;\n    color: #fff;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n#user-bullet-screen {\n  @extend .bullet-screen;\n}\n",".popup__container {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 99;\n\n  .content__container {\n    width: 320px;\n    min-height: 240px;\n    border-radius: 5px;\n    background: rgba(255, 255, 255, 1);\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    top: 160px;\n\n    .close__btn {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 33px;\n      height: 33px;\n      bottom: -57px;\n    }\n  }\n}\n"]}