{"version":3,"sources":["/Users/xzh/dnmp/www/mr-julyedu/src/components/activity/give-courses/assistance/assistance.scss"],"names":[],"mappings":"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","file":"61.3a7f5a83.chunk.css","sourcesContent":["@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n#assistance {\n  width: 100%;\n  background: #fff;\n  position: relative;\n  padding-bottom: px2rem(55);\n  -webkit-overflow-scrolling: touch;\n  text-align: center; }\n  #assistance .barrage-wrapper {\n    width: 100%;\n    height: 30px;\n    background-color: rgba(0, 0, 0, 0.5);\n    position: absolute;\n    top: 0;\n    z-index: 99;\n    overflow: hidden; }\n    #assistance .barrage-wrapper .barrage-list {\n      height: 30px; }\n      #assistance .barrage-wrapper .barrage-list li {\n        height: 30px;\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        #assistance .barrage-wrapper .barrage-list li .person-left {\n          display: flex;\n          align-items: center;\n          line-height: 30px;\n          margin-right: 5px; }\n          #assistance .barrage-wrapper .barrage-list li .person-left .avatar {\n            min-width: 20px;\n            height: 20px;\n            border-radius: 50%;\n            margin-right: 5px; }\n          #assistance .barrage-wrapper .barrage-list li .person-left .name {\n            color: #09f;\n            max-width: 100px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap; }\n        #assistance .barrage-wrapper .barrage-list li .title {\n          color: #fff; }\n        #assistance .barrage-wrapper .barrage-list li .person-right {\n          margin-right: 58px; }\n          #assistance .barrage-wrapper .barrage-list li .person-right .time {\n            font-size: 11px;\n            color: #666; }\n  #assistance .bg-image {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-top: 60%;\n    transform-origin: top;\n    background-size: cover; }\n    #assistance .bg-image .ranklist-btn {\n      height: 30px;\n      line-height: 30px;\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      font-size: 10px;\n      -webkit-appearance: none;\n      outline: 0;\n      border: none; }\n  #assistance .christ-getwrap {\n    overflow: hidden; }\n    #assistance .christ-getwrap .title {\n      margin-top: 10px;\n      margin-left: 15px;\n      text-align: left;\n      font-size: 14px; }\n      #assistance .christ-getwrap .title .active {\n        color: #09f; }\n    #assistance .christ-getwrap .btn-get-wrap {\n      margin-top: 15px; }\n      #assistance .christ-getwrap .btn-get-wrap .btn-get {\n        width: 300px;\n        height: 38px;\n        line-height: 34px;\n        display: block;\n        margin: 0 auto;\n        font-size: 16px;\n        border-radius: 40px;\n        border: 1px solid transparent;\n        outline: none;\n        text-align: center;\n        background: #09f;\n        color: #fff;\n        font-weight: bold;\n        box-shadow: none;\n        border-radius: 5px !important; }\n    #assistance .christ-getwrap .person-tolearn {\n      margin-top: 10px;\n      color: #333;\n      font-size: 14px; }\n    #assistance .christ-getwrap .person-getwarp {\n      width: 100%;\n      margin-top: 15px; }\n      #assistance .christ-getwrap .person-getwarp .person-get {\n        height: 30px;\n        line-height: 30px;\n        background-color: #f4f4f4;\n        text-align: left;\n        padding-left: 15px;\n        color: #333;\n        font-size: 12px; }\n      #assistance .christ-getwrap .person-getwarp .person-null {\n        height: 105px;\n        line-height: 105px;\n        text-align: center;\n        overflow: hidden; }\n      #assistance .christ-getwrap .person-getwarp .person-list {\n        height: 105px;\n        overflow: hidden;\n        background-color: #f4f4f4; }\n        #assistance .christ-getwrap .person-getwarp .person-list li {\n          height: 35px;\n          line-height: 35px;\n          position: relative;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          position: relative;\n          margin: 0 10px; }\n          #assistance .christ-getwrap .person-getwarp .person-list li::after {\n            display: block;\n            position: absolute;\n            left: 0;\n            bottom: 0;\n            width: 100%;\n            border-bottom: 1px solid #eae7f4;\n            content: ''; }\n          #assistance .christ-getwrap .person-getwarp .person-list li .person-left {\n            display: flex;\n            align-items: center;\n            overflow: hidden; }\n            #assistance .christ-getwrap .person-getwarp .person-list li .person-left .avatar {\n              min-width: 20px;\n              height: 20px;\n              border-radius: 50%;\n              margin-right: 5px; }\n            #assistance .christ-getwrap .person-getwarp .person-list li .person-left .name {\n              display: inline-block;\n              max-width: 150px;\n              overflow: hidden;\n              text-overflow: ellipsis;\n              white-space: nowrap; }\n          #assistance .christ-getwrap .person-getwarp .person-list li .person-right .time {\n            font-size: 11px;\n            color: #666; }\n      #assistance .christ-getwrap .person-getwarp .person-encourage {\n        color: #FA952F;\n        font-size: 12px;\n        margin-top: 10px; }\n      #assistance .christ-getwrap .person-getwarp .btn-morewap {\n        margin-top: 10px; }\n        #assistance .christ-getwrap .person-getwarp .btn-morewap .btn-more {\n          width: 300px;\n          height: 38px;\n          line-height: 34px;\n          display: block;\n          margin: 0 auto;\n          font-size: 16px;\n          border-radius: 40px;\n          border: 1px solid transparent;\n          outline: none;\n          text-align: center;\n          background: #3D1AAF;\n          color: #fff;\n          font-weight: bold;\n          box-shadow: none;\n          border-radius: 5px !important; }\n      #assistance .christ-getwrap .person-getwarp .more-title {\n        margin-top: 10px;\n        margin-bottom: 15px;\n        color: #FA952F;\n        font-size: 12px; }\n      #assistance .christ-getwrap .person-getwarp .course-wrap {\n        padding: 0 10px;\n        overflow: hidden;\n        display: flex;\n        justify-content: space-between;\n        flex-flow: wrap; }\n        #assistance .christ-getwrap .person-getwarp .course-wrap li {\n          display: inline-block;\n          width: 160px;\n          height: 106px;\n          margin-right: 10px;\n          margin-bottom: 20px; }\n        #assistance .christ-getwrap .person-getwarp .course-wrap li:nth-child(2) {\n          margin-right: 0; }\n        #assistance .christ-getwrap .person-getwarp .course-wrap li:last-child {\n          margin-right: 0; }\n  #assistance .christ-toactive {\n    width: 100%;\n    height: 35px;\n    line-height: 35px;\n    text-align: center;\n    color: #fff;\n    font-size: 18px;\n    font-weight: bold;\n    background-color: #3D1AAF;\n    position: fixed;\n    bottom: 0; }\n  #assistance .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: .8rem; }\n    #assistance .module-dialog .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  #assistance .box-container {\n    border-radius: 10px;\n    background-color: #fff;\n    width: 80%;\n    position: relative;\n    padding-bottom: 15px; }\n    #assistance .box-container .box-content .box-title {\n      font-size: 22px;\n      line-height: 44px;\n      height: 44px;\n      margin-top: 10px;\n      color: #09f; }\n      #assistance .box-container .box-content .box-title i {\n        color: #f00;\n        font-size: 18px;\n        font-style: normal; }\n      #assistance .box-container .box-content .box-title .text1 {\n        color: #333;\n        font-size: 18px; }\n      #assistance .box-container .box-content .box-title .icon-right {\n        font-size: 40px;\n        display: inline-block;\n        vertical-align: middle;\n        margin-top: -3px; }\n    #assistance .box-container .box-content .box-text .text1 {\n      color: #333;\n      font-size: 18px;\n      text-align: center;\n      margin: 15px auto 20px;\n      padding: 0 10px; }\n    #assistance .box-container .box-content .box-text .text2 {\n      color: #333;\n      font-size: 14px;\n      margin: 0 auto;\n      text-align: left;\n      max-width: 260px;\n      margin-bottom: 5px; }\n    #assistance .box-container .box-content .box-text .text3 {\n      color: #09f;\n      font-size: 12px;\n      margin: 0 auto;\n      text-align: left;\n      max-width: 260px; }\n    #assistance .box-container .box-bottom1 {\n      width: 100%; }\n      #assistance .box-container .box-bottom1 img {\n        width: 50% !important; }\n      #assistance .box-container .box-bottom1 p {\n        font-size: 12px;\n        color: #666;\n        margin-top: -15px; }\n    #assistance .box-container .box-bottom {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center; }\n      #assistance .box-container .box-bottom .activeallcourse {\n        padding: 10px 30px;\n        border-radius: 5px;\n        min-width: 260px;\n        border: 1px solid transparent;\n        background-color: #09f;\n        color: #fff;\n        font-size: 18px; }\n      #assistance .box-container .box-bottom img {\n        width: 50% !important; }\n      #assistance .box-container .box-bottom .bottom-item {\n        height: 40px;\n        padding: 0 54px;\n        color: #fff;\n        background-color: #09f;\n        border-radius: 30px;\n        font-size: 22px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-top: 14px; }\n    #assistance .box-container .box-close {\n      position: absolute;\n      left: 50%;\n      bottom: -60px;\n      color: #fff;\n      margin-left: -15px; }\n      #assistance .box-container .box-close .f30 {\n        font-size: 30px; }\n  #assistance .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    #assistance .gift-package img {\n      width: 100%;\n      height: 100%; }\n  #assistance .iconfont {\n    font-size: 30px; }\n"]}