{"version":3,"sources":["/Users/zhoule/julyedu/mr-julyedu/src/components/activity/give-courses/assistance/assistance.scss","/Users/zhoule/julyedu/mr-julyedu/src/assets/css/variable.scss"],"names":[],"mappings":"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","file":"65.976547de.chunk.css","sourcesContent":["@import \"src/assets/css/variable\";\n#assistance {\n  width: 100%;\n  background: $white;\n  position: relative;\n  padding-bottom: px2rem(55);\n  -webkit-overflow-scrolling: touch;\n  text-align: center;\n\n  $mt15: 15px;\n\n  @function px2rem($px) {\n    @return #{$px}px;\n  }\n\n  @mixin px2px($prop, $value) {\n    #{$prop}: #{$value/2}px;\n  }\n\n  @mixin page-big($bg, $color, $shadow) {\n    border-radius: 40px;\n    border: 1px solid transparent;\n    outline: none;\n    text-align: center;\n    background: $bg;\n    color: $color;\n    font-weight: bold;\n    box-shadow: $shadow;\n  }\n\n  @mixin border-b-1px($color) {\n    position: relative;\n    &::after {\n      display: block;\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      border-bottom: 1px solid $color;\n      content: \"\";\n    }\n  }\n\n  .barrage-wrapper {\n    width: 100%;\n    height: px2rem(30);\n    background-color: rgba(0, 0, 0, 0.5);\n    position: absolute;\n    top: 0;\n    z-index: 99;\n    overflow: hidden;\n\n    .barrage-list {\n      height: px2rem(30);\n\n      li {\n        height: px2rem(30);\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: left;\n        margin: 0 10px;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n\n        .person-left {\n          display: flex;\n          align-items: center;\n          line-height: px2rem(30);\n          margin-right: 5px;\n\n          .avatar {\n            min-width: px2rem(20);\n            height: px2rem(20);\n            border-radius: 50%;\n            margin-right: 5px;\n          }\n\n          .name {\n            color: $active;\n            max-width: px2rem(100);\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n          }\n        }\n\n        .title {\n          color: $white;\n        }\n\n        .person-right {\n          margin-right: 58px;\n\n          .time {\n            @include px2px(font-size, 22);\n            color: $color_666;\n          }\n        }\n      }\n    }\n  }\n\n  .bg-image {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-top: 60%;\n    transform-origin: top;\n    background-size: cover;\n\n    .ranklist-btn {\n      height: px2rem(30);\n      line-height: px2rem(30);\n      padding: 0 10px;\n      background-color: #2ff8ff;\n      box-shadow: 0 0 5px 0 rgba(47, 248, 255, 0.4);\n      border-radius: 15px 0 0 15px;\n      position: fixed;\n      top: 160px;\n      right: 0;\n      z-index: 999;\n      color: #15006a;\n      @include px2px(font-size, 20);\n      -webkit-appearance: none;\n      outline: 0;\n      border: none;\n    }\n  }\n\n  .christ-getwrap {\n    overflow: hidden;\n\n    .title {\n      margin-top: 10px;\n      margin-left: $mt15;\n      text-align: left;\n      @include px2px(font-size, 28);\n\n      .active {\n        color: $active;\n      }\n    }\n\n    .btn-get-wrap {\n      margin-top: 15px;\n\n      .btn-get {\n        width: px2rem(300);\n        height: px2rem(38);\n        line-height: px2rem(34);\n        display: block;\n        margin: 0 auto;\n        @include px2px(font-size, 32);\n        @include page-big($active, $white, none);\n        border-radius: 5px !important;\n      }\n    }\n\n    .person-tolearn {\n      margin-top: 10px;\n      color: $color_333;\n      font-size: 14px;\n    }\n\n    .person-getwarp {\n      width: 100%;\n      margin-top: $mt15;\n\n      .person-get {\n        height: px2rem(30);\n        line-height: px2rem(30);\n        background-color: $bg_f4f4f4;\n        text-align: left;\n        padding-left: 15px;\n        color: $color_333;\n        @include px2px(font-size, 24);\n      }\n\n      .person-null {\n        height: px2rem(105);\n        line-height: px2rem(105);\n        text-align: center;\n        overflow: hidden;\n      }\n\n      .person-list {\n        height: px2rem(105);\n        overflow: hidden;\n        background-color: $bg_f4f4f4;\n\n        li {\n          height: px2rem(35);\n          line-height: px2rem(35);\n          position: relative;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          @include border-b-1px(#eae7f4);\n          margin: 0 10px;\n\n          .person-left {\n            display: flex;\n            align-items: center;\n            overflow: hidden;\n\n            .avatar {\n              min-width: px2rem(20);\n              height: px2rem(20);\n              border-radius: 50%;\n              margin-right: 5px;\n            }\n\n            .name {\n              display: inline-block;\n              max-width: px2rem(150);\n              overflow: hidden;\n              text-overflow: ellipsis;\n              white-space: nowrap;\n            }\n          }\n\n          .person-right {\n            .time {\n              @include px2px(font-size, 22);\n              color: $color_666;\n            }\n          }\n        }\n      }\n\n      .person-encourage {\n        color: #fa952f;\n        @include px2px(font-size, 24);\n        margin-top: 10px;\n      }\n\n      .btn-morewap {\n        margin-top: 10px;\n\n        .btn-more {\n          width: px2rem(300);\n          height: px2rem(38);\n          line-height: px2rem(34);\n          display: block;\n          margin: 0 auto;\n          @include px2px(font-size, 32);\n          @include page-big(#3d1aaf, $white, none);\n          border-radius: 5px !important;\n        }\n      }\n\n      .more-title {\n        margin-top: 10px;\n        margin-bottom: 15px;\n        color: #fa952f;\n        @include px2px(font-size, 24);\n      }\n\n      .course-wrap {\n        padding: 0 10px;\n        overflow: hidden;\n        display: flex;\n        justify-content: space-between;\n        flex-flow: wrap;\n        li {\n          display: inline-block;\n          width: px2rem(160);\n          height: px2rem(106);\n          margin-right: 10px;\n          margin-bottom: 20px;\n        }\n\n        li:nth-child(2) {\n          margin-right: 0;\n        }\n\n        li:last-child {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  .christ-toactive {\n    width: 100%;\n    height: px2rem(35);\n    line-height: px2rem(35);\n    text-align: center;\n    color: $white;\n    @include px2px(font-size, 36);\n    font-weight: bold;\n    background-color: #3d1aaf;\n    position: fixed;\n    bottom: 0;\n  }\n\n  .module-dialog {\n    font-family: \"Avenir\", Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-align: center;\n    color: #2c3e50;\n    height: 100%;\n    font-size: 0.8rem;\n\n    .box-mask {\n      z-index: 900;\n      position: fixed;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.6);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  .box-container {\n    border-radius: 10px;\n    background-color: $white;\n    width: 80%;\n    position: relative;\n    padding-bottom: 15px;\n\n    .box-content {\n      .box-title {\n        @include px2px(font-size, 44);\n        line-height: px2rem(44);\n        height: px2rem(44);\n        margin-top: 10px;\n        color: $active;\n\n        i {\n          color: #f00;\n          @include px2px(font-size, 36);\n          font-style: normal;\n        }\n\n        .text1 {\n          color: $color_333;\n          @include px2px(font-size, 36);\n        }\n\n        .icon-right {\n          @include px2px(font-size, 80);\n          display: inline-block;\n          vertical-align: middle;\n          margin-top: -3px;\n        }\n      }\n\n      .box-text {\n        .text1 {\n          color: $color_333;\n          @include px2px(font-size, 36);\n          text-align: center;\n          margin: 15px auto 20px;\n          padding: 0 10px;\n        }\n\n        .text2 {\n          color: $color_333;\n          @include px2px(font-size, 28);\n          margin: 0 auto;\n          text-align: left;\n          max-width: 260px;\n          margin-bottom: 5px;\n        }\n\n        .text3 {\n          color: $active;\n          @include px2px(font-size, 24);\n          margin: 0 auto;\n          text-align: left;\n          max-width: 260px;\n        }\n      }\n    }\n\n    .box-bottom1 {\n      width: 100%;\n\n      img {\n        width: 50% !important;\n      }\n\n      p {\n        font-size: 12px;\n        color: $color_666;\n        margin-top: -15px;\n      }\n    }\n\n    .box-bottom {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .activeallcourse {\n        padding: 10px 30px;\n        border-radius: 5px;\n        min-width: 260px;\n        border: 1px solid transparent;\n        background-color: #09f;\n        color: $white;\n        font-size: 18px;\n      }\n\n      img {\n        width: 50% !important;\n      }\n\n      .bottom-item {\n        height: px2rem(40);\n        padding: 0 54px;\n        color: $white;\n        background-color: $active;\n        border-radius: 30px;\n        @include px2px(font-size, 44);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-top: 14px;\n      }\n    }\n\n    .box-close {\n      position: absolute;\n      left: 50%;\n      bottom: -60px;\n      color: $white;\n      margin-left: -15px;\n\n      .f30 {\n        font-size: 30px;\n      }\n    }\n  }\n\n  .gift-package {\n    display: block;\n    width: 58px;\n    height: 72px;\n    position: fixed;\n    right: 0;\n    top: 50%;\n    margin-top: -25px;\n\n    img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .iconfont {\n    font-size: 30px;\n  }\n}\n","/*\n *  @ 文字颜色\n */\n$active: #09f;\n$white: #fff;\n$black: #000;\n$red: #ff2121;\n$redprice: #ff3131;\n$color_333: #333;\n$color_555: #555;\n$color_666: #666;\n$color_888: #888;\n$color_999: #999;\n$color_606: #606060;\n$color_bbb: #bbb;\n$color_202426: #202426;\n$color_4B4B4B: #4b4b4b;\n$color_FE2F2F: #fe2f2f;\n$color_FF4000: #ff4000;\n$color_FF0000: #ff0000;\n$color_525B69: #525b65;\n$color_525B65: #000;\n\n/*\n *  @ 文字大小\n */\n$font_30: 30px;\n$font_28: 28px;\n$font_26: 26px;\n$font_24: 24px;\n$font_22: 22px;\n$font_20: 20px;\n$font_18: 18px;\n$font_16: 16px;\n$font_14: 14px;\n$font_12: 12px;\n\n/*\n *  @ 背景颜色\n */\n$bg_active: #09f;\n$bg_0078FF: #0078ff;\n$bg_0080FF: #0080ff;\n$bg_fff: #fff;\n$bg_000: #000;\n$bg_f4f4f4: #f4f4f4;\n$bg_f5f5f5: #f5f5f5;\n$bg_f7f9fc: #f7f9fc;\n$bg_EBEFF5: #ebeff5;\n$bg_ccc: #ccc;\n$bg_333: #333;\n$bg_666: #666;\n$bg_999: #999;\n$bg_82BBFB: #82bbfb;\n$bg_EBC05A: #ebc05a;\n$bg_EBA216: #eba216;\n$bg_ff9898: #ff9898;\n$bg_ff3131: #ff3131;\n$bg_FFF8EB: #fff8eb;\n$bg_FFE400: #ffe400;\n$bg_FFA200: #ffa200;\n$bg_FE2F2F: #fe2f2f;\n$bg_FADD29: #fadd29;\n$bg_E7E7E7: #e7e7e7;\n$bg_18B4ED: #18b4ed;\n$bg_FF4000: #ff4000;\n$bg_FD7700: #fd7700;\n$bg_FCCD05: #fccd05;\n$bg_FF9500: #ff9500;\n$bg_077FD0: #077fd0;\n$bg_0198FE: #0198fe;\n$bg_F4AAA7: #f4aaa7;\n$bg_E02E24: #e02e24;\n$bg_007FD0: #007fd0;\n$bg_FF0000: #ff0000;\n$bg_FFF4CE: #fff4ce;\n$bg_FAFAFA: #fafafa;\n\n/*\n *  @ 分割线颜色\n */\n$sp_ddd: #ddd;\n$sp_e7eaf1: #e7eaf1;\n\n/*\n *  @ 边框颜色\n */\n$border_ddd: #ddd;\n$border_e7eaf1: #e7eaf1;\n$border_f31: #f31;\n$border_ccc: #ccc;\n\n/*\n *  @ 标签颜色\n */\n$E0B97B: #e0b97b;\n"]}