{"version":3,"sources":["/Users/zhanghaozhe/server/mr-julyedu/src/components/bargainMiddlePage/bargain-middle-page.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/bargainMiddlePage/ranking/index.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/detail/overlay/overlay.scss","/Users/zhanghaozhe/server/mr-julyedu/src/components/bargainMiddlePage/barcode/index.scss"],"names":[],"mappings":"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","file":"BargainMiddlePage.31cef199.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.bargain-middle-page {\n  background: #f4f4f4;\n  padding-bottom: 50px; }\n  .bargain-middle-page .indicator {\n    color: #FE2F2F; }\n  .bargain-middle-page .price {\n    color: #ff3131; }\n  .bargain-middle-page .discount-price {\n    color: #ff3131;\n    font-size: 16px;\n    margin-right: 14px; }\n  .bargain-middle-page .original-price {\n    color: #999;\n    font-size: 12px;\n    text-decoration: line-through; }\n  .bargain-middle-page > .top {\n    width: 100%;\n    padding: 10px;\n    background: #FE2F2F;\n    margin-bottom: 18px; }\n    .bargain-middle-page > .top .purchase-btn {\n      position: absolute;\n      right: 0;\n      bottom: 2px;\n      height: 22px;\n      padding: 3px 4px;\n      color: #fff;\n      font-size: 12px;\n      border: none;\n      border-radius: 11px;\n      background: #ff3131;\n      -webkit-appearance: none; }\n    .bargain-middle-page > .top .bargain-area {\n      width: 355px;\n      background: #fff;\n      border-radius: 3px;\n      margin-bottom: 10px;\n      padding-bottom: 20px; }\n      .bargain-middle-page > .top .bargain-area .bargain-tip {\n        width: 100%;\n        height: 45px;\n        line-height: 45px;\n        padding-left: 10px;\n        border-bottom: 1px solid #e7eaf1;\n        color: #ff3131;\n        font-size: 14px; }\n      .bargain-middle-page > .top .bargain-area .des {\n        display: flex;\n        flex-flow: column;\n        justify-content: space-between;\n        width: 100%; }\n      .bargain-middle-page > .top .bargain-area .v-list-item {\n        padding: 15px 7px 10px 10px; }\n        .bargain-middle-page > .top .bargain-area .v-list-item .cover {\n          margin-right: 10px; }\n          .bargain-middle-page > .top .bargain-area .v-list-item .cover img {\n            width: 125px;\n            height: 90px; }\n        .bargain-middle-page > .top .bargain-area .v-list-item .content {\n          border-bottom: 1px solid #E7EAF1; }\n      .bargain-middle-page > .top .bargain-area .course-title {\n        font-size: 14px; }\n      .bargain-middle-page > .top .bargain-area .price-bar {\n        position: relative; }\n      .bargain-middle-page > .top .bargain-area .bargain-detail {\n        display: flex;\n        flex-flow: column;\n        padding: 0 10px; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .top {\n          display: flex;\n          justify-content: space-between;\n          margin-bottom: 7px; }\n          .bargain-middle-page > .top .bargain-area .bargain-detail .top > div:nth-child(1) {\n            font-size: 16px; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .reduced-price {\n          color: #ff3131; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .time {\n          display: inline-block;\n          width: 20px;\n          height: 18px;\n          background: #666;\n          border-radius: 2px;\n          text-align: center;\n          line-height: 18px;\n          font-size: 12px;\n          color: #fff; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .sec {\n          margin-right: 6px; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .inactive {\n          color: #999; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .middle {\n          position: relative;\n          width: 335px;\n          height: 8px;\n          background: #E7E7E7;\n          border-radius: 4px;\n          overflow: hidden;\n          margin-bottom: 7px; }\n          .bargain-middle-page > .top .bargain-area .bargain-detail .middle span {\n            position: absolute;\n            left: 0;\n            top: 0;\n            display: inline-block;\n            height: 100%;\n            background: #FADD29; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .bottom {\n          font-size: 14px;\n          margin-bottom: 7px; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .button {\n          display: flex;\n          justify-content: center;\n          margin-top: 10px; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .artifact-btn {\n          float: right;\n          position: relative;\n          top: -20px;\n          height: 24px;\n          padding: 0 10px;\n          background: #FF4000;\n          border-radius: 12px;\n          font-size: 12px;\n          border: none;\n          color: #fff; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .active-btn {\n          width: 210px;\n          height: 30px;\n          box-shadow: 0px 1px 3px 0px rgba(255, 64, 0, 0.5);\n          background: #FADD29;\n          border-radius: 15px;\n          border: none;\n          color: #ff3131;\n          -webkit-appearance: none;\n          font-size: 16px; }\n        .bargain-middle-page > .top .bargain-area .bargain-detail .invalid-btn {\n          width: 210px;\n          height: 30px;\n          background: #999;\n          color: #fff;\n          font-size: 16px;\n          box-shadow: none;\n          border-radius: 15px;\n          border: none; }\n  .bargain-middle-page .bargain-records {\n    width: 355px;\n    height: 236px;\n    background: #FFF9EC;\n    border-radius: 3px; }\n    .bargain-middle-page .bargain-records .title {\n      height: 44px;\n      line-height: 44px;\n      font-size: 16px;\n      border-bottom: #ddd;\n      text-align: center;\n      border-bottom: 1px solid #ddd; }\n    .bargain-middle-page .bargain-records ul {\n      padding: 0 10px; }\n      .bargain-middle-page .bargain-records ul li {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        height: 50px;\n        border-bottom: 1px solid #ddd; }\n        .bargain-middle-page .bargain-records ul li .left, .bargain-middle-page .bargain-records ul li .right {\n          display: flex;\n          align-items: center; }\n        .bargain-middle-page .bargain-records ul li .avatar {\n          width: 30px;\n          height: 30px;\n          border-radius: 50%;\n          margin-right: 11px; }\n        .bargain-middle-page .bargain-records ul li .nickname {\n          margin-right: 10px;\n          font-size: 14px;\n          max-width: 130px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap; }\n        .bargain-middle-page .bargain-records ul li .rank-tag {\n          padding: 2px 5px;\n          background: #FE2F2F;\n          color: #fff;\n          font-size: 12px;\n          flex: 0 0 auto;\n          border-radius: 2px; }\n    .bargain-middle-page .bargain-records .more {\n      color: #555;\n      font-size: 14px;\n      text-align: center;\n      line-height: 40px; }\n  .bargain-middle-page .bargain-course-list {\n    background: #fff;\n    padding: 15px; }\n    .bargain-middle-page .bargain-course-list ul {\n      display: flex;\n      flex-wrap: wrap; }\n      .bargain-middle-page .bargain-course-list ul li:nth-child(odd) {\n        margin-right: 15px; }\n    .bargain-middle-page .bargain-course-list .title-wrapper {\n      text-align: center; }\n      .bargain-middle-page .bargain-course-list .title-wrapper .title {\n        font-size: 16px;\n        margin-bottom: 10px; }\n      .bargain-middle-page .bargain-course-list .title-wrapper .subtitle {\n        font-size: 14px;\n        color: #FF4000; }\n    .bargain-middle-page .bargain-course-list .course-title {\n      margin-bottom: 10px;\n      min-height: 38px; }\n    .bargain-middle-page .bargain-course-list .course-price {\n      margin-bottom: 10px; }\n    .bargain-middle-page .bargain-course-list .bargain {\n      width: 165px;\n      height: 30px;\n      background: #FADD29;\n      border-radius: 2px;\n      border: none;\n      color: #FF4000;\n      -webkit-appearance: none;\n      display: inline-block;\n      text-align: center;\n      line-height: 30px; }\n    .bargain-middle-page .bargain-course-list .button--study {\n      color: #fff;\n      background: #077FD0; }\n    .bargain-middle-page .bargain-course-list .btns {\n      display: flex;\n      justify-content: space-between; }\n      .bargain-middle-page .bargain-course-list .btns .bargain-btn {\n        width: 80px;\n        height: 30px;\n        background: #FADD29;\n        text-align: center;\n        line-height: 28px;\n        border: none;\n        color: #FF4000;\n        -webkit-appearance: none; }\n      .bargain-middle-page .bargain-course-list .btns .invalid {\n        width: 80px;\n        height: 30px;\n        background: #999;\n        color: #fff;\n        border: none;\n        -webkit-appearance: none;\n        border-radius: 2px; }\n      .bargain-middle-page .bargain-course-list .btns .purchase-btn {\n        width: 80px;\n        height: 30px;\n        background: #FF4000;\n        color: #fff;\n        border-radius: 2px;\n        border: none;\n        -webkit-appearance: none; }\n  .bargain-middle-page .preferential {\n    display: inline-block;\n    width: 100%;\n    height: 46px;\n    line-height: 46px;\n    font-size: 16px;\n    color: #555;\n    text-align: center; }\n  .bargain-middle-page .kanjia-icon {\n    width: 20px;\n    height: 20px;\n    margin-right: 5px;\n    vertical-align: middle; }\n\n.bargain-public-number, .bargain-first, .bargain-second, .not-bargain {\n  width: 300px;\n  padding: 20px 0;\n  background-color: #fff;\n  border-radius: 3px;\n  text-align: center;\n  margin: 200px auto 20px auto;\n  position: relative; }\n  .bargain-public-number .ff4, .bargain-first .ff4, .bargain-second .ff4, .not-bargain .ff4 {\n    color: #FF4000; }\n  .bargain-public-number .status-title, .bargain-first .status-title, .bargain-second .status-title, .not-bargain .status-title {\n    font-size: 16px;\n    height: 16px;\n    line-height: 16px; }\n  .bargain-public-number .status-dec, .bargain-first .status-dec, .bargain-second .status-dec, .not-bargain .status-dec {\n    font-size: 12px;\n    color: #666;\n    height: 12px;\n    line-height: 12px; }\n  .bargain-public-number .bargain-href, .bargain-first .bargain-href, .bargain-second .bargain-href, .not-bargain .bargain-href {\n    display: inline-block;\n    width: 260px;\n    height: 30px;\n    line-height: 28px;\n    background-color: #FADD29;\n    color: #FF4000;\n    font-size: 16px;\n    border: none;\n    position: absolute;\n    bottom: 20px;\n    left: 20px; }\n  .bargain-public-number .top-img, .bargain-first .top-img, .bargain-second .top-img, .not-bargain .top-img {\n    position: absolute;\n    width: 135px;\n    height: 67px;\n    top: -67px;\n    margin-left: -67px; }\n\n.bargain-public-number {\n  height: 185px; }\n  .bargain-public-number .avait {\n    position: absolute;\n    top: -20px;\n    margin-left: -20px;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%; }\n  .bargain-public-number .status-title {\n    margin-top: 10px; }\n  .bargain-public-number .status-dec {\n    margin-top: 10px; }\n  .bargain-public-number .public-number-img {\n    width: 86px;\n    height: 86px;\n    margin-top: 15px; }\n\n.bargain-first {\n  height: 145px; }\n  .bargain-first .status-dec {\n    margin-top: 15px; }\n\n.bargain-second {\n  height: 105px; }\n\n.not-bargain {\n  height: 205px;\n  padding: 15px 20px 20px 20px; }\n  .not-bargain .middle-img {\n    width: 51px;\n    height: 51px; }\n  .not-bargain .status-title {\n    height: 37px;\n    line-height: 20px;\n    font-size: 15px;\n    margin-top: 10px; }\n  .not-bargain .status-dec {\n    margin-top: 15px; }\n\n.artifact-box, .use-artifact-box {\n  padding: 20px 0;\n  background-color: #fff;\n  border-radius: 3px;\n  text-align: center;\n  margin: 200px auto 20px auto;\n  position: relative; }\n  .artifact-box .top-img, .use-artifact-box .top-img {\n    position: absolute;\n    width: 135px;\n    height: 67px;\n    top: -67px;\n    margin-left: -67px; }\n  .artifact-box .top-tip, .use-artifact-box .top-tip {\n    font-size: 16px;\n    color: #333;\n    height: 16px;\n    line-height: 16px; }\n  .artifact-box .middle-tip, .use-artifact-box .middle-tip {\n    font-size: 14px;\n    color: #333;\n    height: 14px;\n    line-height: 14px;\n    margin-top: 15px; }\n  .artifact-box .btm-tip, .use-artifact-box .btm-tip {\n    font-size: 14px;\n    color: #666;\n    height: 14px;\n    line-height: 14px;\n    margin-top: 10px; }\n  .artifact-box .use-artifact, .use-artifact-box .use-artifact {\n    background-color: #fff;\n    height: 24px;\n    padding: 0 13px;\n    font-size: 14px;\n    border: 1px solid #ff3131;\n    border-radius: 12px;\n    margin: 20px auto 0 auto;\n    color: #ff3131; }\n  .artifact-box .tubuy, .use-artifact-box .tubuy {\n    display: inline-block;\n    margin-top: 17px;\n    width: 81px;\n    height: 24px;\n    background-color: #ff3131;\n    border-radius: 12px;\n    font-size: 16px;\n    color: #fff;\n    border: none; }\n  .artifact-box .indicator, .use-artifact-box .indicator {\n    color: #FE2F2F; }\n\n.artifact-box {\n  width: 300px;\n  height: 130px; }\n\n.use-artifact-box {\n  width: 300px;\n  height: 148px; }\n  .use-artifact-box .middle-tip {\n    color: #666; }\n\n.close-bargain-success {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0; }\n\n.bargain-success {\n  width: 290px;\n  height: 109px;\n  padding: 15px;\n  background: #fff;\n  border-radius: 5px;\n  text-align: center;\n  margin: 100px auto 20px auto;\n  position: relative; }\n  .bargain-success p:nth-of-type(2) {\n    font-size: 14px;\n    margin-top: 10px; }\n  .bargain-success p:nth-of-type(1) {\n    font-size: 12px;\n    margin-top: 10px; }\n  .bargain-success .indicator {\n    color: #FE2F2F; }\n  .bargain-success .iconyindao {\n    display: inline-block;\n    width: 60px;\n    height: 44px;\n    position: absolute;\n    top: -60px;\n    right: 0;\n    color: #fff;\n    font-size: 40px; }\n  .bargain-success .moreMbc {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.6);\n    z-index: 2; }\n    .bargain-success .moreMbc .content {\n      width: 300px;\n      height: 340px;\n      background-color: #fff;\n      border-radius: 3px;\n      margin: 130px auto 20px auto;\n      position: relative; }\n      .bargain-success .moreMbc .content .title-box {\n        width: 100%;\n        height: 45px;\n        text-align: center;\n        color: #202426;\n        font-size: 16px;\n        line-height: 45px; }\n      .bargain-success .moreMbc .content .more-bargain-list {\n        width: 100%;\n        height: 253px;\n        overflow: auto;\n        border-top: 1px solid #e7eaf1;\n        padding: 0 15px;\n        background-color: #f5f5f5; }\n        .bargain-success .moreMbc .content .more-bargain-list .bargain-item {\n          border-bottom: 1px solid #e7eaf1;\n          height: 50px;\n          display: flex;\n          position: relative; }\n          .bargain-success .moreMbc .content .more-bargain-list .bargain-item .avatar {\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            margin-top: 10px;\n            margin-right: 10px; }\n          .bargain-success .moreMbc .content .more-bargain-list .bargain-item .name {\n            font-size: 14px;\n            color: #333;\n            max-width: 130px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            line-height: 50px; }\n          .bargain-success .moreMbc .content .more-bargain-list .bargain-item .bargain-status {\n            line-height: 50px;\n            color: #333;\n            font-size: 14px;\n            position: absolute;\n            right: 0; }\n    .bargain-success .moreMbc .more-bargain-dec {\n      width: 100%;\n      position: absolute;\n      bottom: 0;\n      height: 42px;\n      font-size: 12px;\n      color: #FF4000;\n      text-align: center;\n      line-height: 42px; }\n    .bargain-success .moreMbc .close {\n      color: #fff;\n      font-size: 22px;\n      position: relative;\n      left: 50%;\n      margin-left: -11px; }\n\n.bargain-popup__content {\n  text-align: center; }\n\n.bargain-popup__button--close {\n  font-size: 22px;\n  color: #fff; }\n\n.course-button__buy--done {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 61px;\n  height: 18px;\n  margin: auto 0;\n  border-radius: 9px;\n  font-size: 12px;\n  color: #fff;\n  text-align: center;\n  line-height: 18px;\n  background-color: #09f; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.ranking-box .moreMbc {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.6);\n  z-index: 2; }\n  .ranking-box .moreMbc .content {\n    width: 300px;\n    height: 340px;\n    background-color: #fff;\n    border-radius: 3px;\n    margin: 130px auto 20px auto;\n    position: relative; }\n    .ranking-box .moreMbc .content .title-box {\n      width: 100%;\n      height: 45px;\n      text-align: center;\n      color: #202426;\n      font-size: 16px;\n      line-height: 45px; }\n    .ranking-box .moreMbc .content .more-bargain-list {\n      width: 100%;\n      height: 253px;\n      overflow: auto;\n      border-top: 1px solid #e7eaf1;\n      padding: 0 15px;\n      background-color: #f5f5f5; }\n      .ranking-box .moreMbc .content .more-bargain-list .bargain-item {\n        border-bottom: 1px solid #e7eaf1;\n        height: 50px;\n        display: flex;\n        position: relative; }\n        .ranking-box .moreMbc .content .more-bargain-list .bargain-item .avatar {\n          width: 30px;\n          height: 30px;\n          border-radius: 50%;\n          margin-top: 10px;\n          margin-right: 10px; }\n        .ranking-box .moreMbc .content .more-bargain-list .bargain-item .name {\n          font-size: 14px;\n          color: #333;\n          max-width: 130px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          line-height: 50px; }\n        .ranking-box .moreMbc .content .more-bargain-list .bargain-item .bargain-status {\n          line-height: 50px;\n          color: #333;\n          font-size: 14px;\n          position: absolute;\n          right: 0; }\n  .ranking-box .moreMbc .more-bargain-dec {\n    width: 100%;\n    position: absolute;\n    bottom: 0;\n    height: 42px;\n    font-size: 12px;\n    color: #FF4000;\n    text-align: center;\n    line-height: 42px; }\n  .ranking-box .moreMbc .close {\n    color: #fff;\n    font-size: 22px;\n    position: relative;\n    left: 50%;\n    margin-left: -11px; }\n\n.ranking-box .kanjia-icon {\n  width: 20px;\n  height: 20px;\n  margin-right: 5px;\n  vertical-align: middle; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 999; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.bargain-popup__barcode {\n  width: 300px;\n  height: 185px;\n  margin: 200px auto 20px;\n  padding: 20px 0;\n  border-radius: 3px;\n  text-align: center;\n  background-color: #fff; }\n\n.bargain-popup__avatar {\n  display: block;\n  width: 40px;\n  height: 40px;\n  margin: -40px auto 0;\n  border-radius: 50%;\n  background-size: cover; }\n\n.bargain-popup__title {\n  height: 16px;\n  margin: 10px auto 0;\n  font-size: 16px;\n  color: #FF4000;\n  line-height: 16px; }\n\n.bargain-popup__desc {\n  height: 12px;\n  margin: 10px auto 0;\n  font-size: 12px;\n  color: #666;\n  line-height: 12px; }\n\n.bargain-popup__imgage {\n  display: block;\n  width: 106px;\n  margin: 15px auto 0; }\n"]}