{"version":3,"sources":["/Users/zhoule/julyedu/mr-julyedu/src/components/coupons/myCoupons/index.scss","/Users/zhoule/julyedu/mr-julyedu/src/assets/css/variable.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/coupons/RedeemBar/exchange-bar.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/coupons/Input/input.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/coupons/Coupon/coupon.scss","/Users/zhoule/julyedu/mr-julyedu/src/common/deposit/end-expansion-alert/index.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/coupons/myPatch/index.scss","/Users/zhoule/julyedu/mr-julyedu/src/components/coupons/coupons.scss"],"names":[],"mappings":"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","file":"coupons.3afeb9f1.chunk.css","sourcesContent":["@import \"src/assets/css/variable\";\n.use-coupon {\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n  background-color: #f5f5f5;\n\n  .coupons-area {\n    padding: 72px 12px 0px;\n    background: $bg_f5f5f5;\n    flex: 1 1 auto;\n\n    .empty {\n      min-height: 211px;\n      line-height: 211px;\n      font-size: $font_12;\n      color: $color_666;\n      text-align: center;\n    }\n\n    .invalid-title {\n      text-align: center;\n      font-size: $font_12;\n      line-height: 52px;\n      color: $color_999;\n    }\n  }\n\n  .free-coupon-box {\n    position: fixed;\n    width: 100%;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    text-align: center;\n    background: rgba(0, 0, 0, 0.6);\n    z-index: 11;\n\n    .free-coupon-content {\n      width: 290px;\n      border-radius: 10px;\n      background-color: #fff;\n      padding: 20px;\n      margin: 150px auto 0 auto;\n\n      .coures-content-success {\n        height: 30px;\n        line-height: 30px;\n        i {\n          font-size: 34px;\n          color: #09f;\n        }\n      }\n\n      .coures-content-title {\n        font-size: 15px;\n        color: #333;\n        margin-top: 10px;\n      }\n\n      .coures-content-img {\n        width: 150px;\n        height: 108px;\n        border-radius: 3px;\n        margin-top: 20px;\n      }\n\n      .coures-content-tip {\n        color: #ff3131;\n        font-size: 12px;\n        margin-top: 20px;\n        text-align: left;\n        line-height: 15px;\n        height: 30px;\n        i {\n          display: inline-block;\n          color: #ff3131;\n          font-size: 18px;\n          position: relative;\n          top: 6px;\n        }\n        span {\n          display: inline-block;\n          margin-left: 20px;\n          position: relative;\n          top: -15px;\n        }\n      }\n\n      .toStudy {\n        display: inline-block;\n        width: 138px;\n        height: 30px;\n        line-height: 30px;\n        background-color: #09f;\n        border-radius: 15px;\n        margin-top: 20px;\n        font-size: 15px;\n        color: #fff;\n      }\n    }\n\n    .free-coupon-close {\n      margin-top: 30px;\n      i {\n        font-size: 26px;\n        color: #fff;\n      }\n    }\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","@import \"src/assets/css/variable\";\n.exchange-bar {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  padding: 10px 12px;\n  position: absolute;\n  top: 96px;\n  left: 0;\n  z-index: 10;\n  background: $white;\n\n  button {\n    display: inline-block;\n    width: 64px;\n    height: 33px;\n    line-height: 33px;\n    font-size: $font_14;\n    color: $white;\n    background-color: $bg_ccc;\n    border: none;\n    -webkit-appearance: none;\n    border-radius: 3px;\n\n    &.active {\n      background-color: $active;\n    }\n  }\n}\n","@import \"src/assets/css/variable\";\n.custom-input-wrapper {\n  position: relative;\n\n  .custom-input {\n    width: 277px;\n    height: 33px;\n\n    padding-left: 10px;\n\n    border: 1px solid $border_ddd;\n    border-radius: 3px;\n\n    font-size: $font_12;\n\n    -webkit-appearance: none;\n\n    &::-webkit-input-placeholder {\n      color: $color_999;\n    }\n  }\n\n  .custom-input--active {\n    border-color: #09f;\n  }\n\n  .iconfont {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: $font_14;\n    color: $bg_ccc;\n  }\n\n  .hide {\n    display: none;\n  }\n}\n","@import \"src/assets/css/variable\";\n$bg_voucher: #fe6161;\n$bg_free: #e0b97b;\n$bg_expand: #8361fe;\n.coupon {\n  position: relative;\n  margin-bottom: 15px;\n  box-shadow: 0px 2px 12px -8px;\n  border-radius: 3px;\n\n  .coupon-info {\n    position: relative;\n    height: 95px;\n    padding: 10px 15px;\n    color: $white;\n    border-radius: 3px;\n\n    .type {\n      font-size: $font_14;\n    }\n\n    .denomination {\n      font-size: $font_26;\n      line-height: $font_26;\n      text-align: center;\n\n      span {\n        font-size: $font_12;\n      }\n    }\n\n    .course-title {\n      width: 68.37%;\n      margin: 0 auto 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      font-size: $font_16;\n      text-align: center;\n    }\n\n    .expire {\n      text-align: center;\n      font-size: $font_12;\n      line-height: $font_16;\n    }\n\n    &.coupon-type1 {\n      background: $bg_voucher;\n    }\n\n    &.coupon-type2 {\n      background: $E0B97B;\n    }\n\n    &.coupon-type4 {\n      background: $bg_expand;\n    }\n\n    &.invalid {\n      background: $color_999;\n    }\n\n    & > .iconfont {\n      $size: 22px;\n      position: absolute;\n      top: 50%;\n      right: 20px;\n      transform: translateY(-50%);\n      width: $size;\n      height: $size;\n      display: none;\n    }\n\n    .check {\n      display: block;\n    }\n\n    ul {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      display: flex;\n      justify-content: space-around;\n\n      li {\n        $dot_width: 10px;\n        width: $dot_width;\n        height: $dot_width;\n        border-radius: 50%;\n        background: $white;\n        transform: translateY(50%);\n      }\n    }\n\n    .progress-container {\n      width: 299px;\n      margin: 0 auto;\n\n      .denomination {\n        font-size: 15px;\n        line-height: 1.3em;\n        color: #f8e71c;\n        span {\n          transform: scale(0.9);\n        }\n      }\n\n      .progress-bar-container {\n        position: relative;\n        height: 7px;\n        background: #5c2fff;\n        border-radius: 4px;\n        overflow: hidden;\n        margin-bottom: 6px;\n        .progress-bar {\n          position: absolute;\n          left: 0;\n          top: 0;\n          height: 100%;\n          background: #f8e71c;\n          border-radius: 4px;\n        }\n      }\n\n      .money {\n        display: flex;\n        justify-content: space-between;\n      }\n    }\n  }\n\n  .coupon-des {\n    padding: 10px 15px;\n    background: $white;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-radius: 0 0 3px 3px;\n\n    .limit {\n      width: 63.81%;\n      font-size: $font_12;\n      vertical-align: middle;\n      color: $color_666;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .use {\n      display: inline-block;\n      padding: 3px 8px;\n      font-size: $font_12;\n      color: $border_f31;\n      border: 1px solid $border_f31;\n      border-radius: 10px;\n      background: transparent;\n      -webkit-appearance: none;\n    }\n\n    .stop-expanding {\n      padding: 3px 8px;\n      border: 1px solid #ff3131;\n      border-radius: 10px;\n      -webkit-appearance: none;\n      background: transparent;\n      color: #ff3131;\n      font-size: 10px;\n    }\n  }\n}\n",".am-modal {\n  width: 300px;\n\n  &-title {\n    font-size: 15px;\n  }\n}\n\n.end-expansion-alert {\n  &-ques {\n    width: 200px;\n    margin: 0 auto 20px;\n    text-align: center;\n    color: #666;\n    font-size: 15px;\n  }\n\n  &-hint {\n    color: #999;\n    font-size: 12px;\n  }\n}\n",".my-patch {\n  background-color: #f5f5f5;\n  .couponAmount {\n    padding: 5px 12px 0 12px;\n    font-size: 14px;\n    color: #555;\n    margin-bottom: 15px;\n\n    span {\n      color: #ff4000;\n    }\n  }\n\n  .coupons {\n    padding: 0 12px;\n\n    .items-box {\n      margin-bottom: 10px;\n\n      .coupon-info {\n        position: relative;\n        background-color: #999;\n        height: 95px;\n        color: #fff;\n        border-radius: 3px;\n        padding: 10px 15px 0 15px;\n\n        .type {\n          font-size: 14px;\n        }\n\n        .amount {\n          width: 100%;\n          text-align: center;\n          font-size: 12px;\n\n          span {\n            font-size: 26px;\n            margin-right: 5px;\n          }\n        }\n\n        ul {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          width: 100%;\n          display: flex;\n          justify-content: space-around;\n\n          li {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            background: #fff;\n            transform: translateY(50%);\n          }\n        }\n      }\n\n      .coupon-des {\n        border-radius: 3px;\n        background-color: #fff;\n        height: 33px;\n        line-height: 33px;\n        color: #999;\n        font-size: 12px;\n        padding-left: 15px;\n      }\n    }\n\n    .active {\n      background-color: #fe6161 !important;\n    }\n\n    .checkout {\n      width: 22px;\n      height: 22px;\n      position: absolute;\n      right: 15px;\n      top: 37px;\n      font-size: 28px;\n      line-height: 22px;\n    }\n\n    .icondanseshixintubiao-5 {\n      right: 18px;\n    }\n\n    .nochecked {\n      background: rgba(255, 255, 255, 0.2);\n      border: 1px solid #fff;\n      border-radius: 50%;\n    }\n  }\n\n  .patch-desc {\n    padding: 0 12px 20px;\n    margin-top: 30px;\n\n    .title {\n      height: 15px;\n      line-height: 15px;\n      font-size: 14px;\n      margin-bottom: 10px;\n      color: #555;\n      text-align: center;\n\n      span {\n        display: inline-block;\n        margin-left: 15px;\n        margin-right: 15px;\n      }\n\n      i {\n        display: inline-block;\n        width: 30px;\n        height: 1px;\n        background-color: #ccc;\n        position: relative;\n        top: -5px;\n      }\n    }\n\n    .desc-item {\n      font-size: 12px;\n      color: #777;\n      line-height: 18px;\n    }\n  }\n\n  .compound {\n    // margin-top: 44px;\n    width: 100%;\n    height: 40px;\n    border: none;\n    border-radius: 20px;\n    outline: none;\n    font-size: 16px;\n    color: #fff;\n  }\n\n  .disable-active {\n    background-color: #09f;\n  }\n\n  .disable {\n    background-color: #999;\n  }\n\n  .success {\n    width: 100px;\n    height: 30px;\n    background: rgba(0, 0, 0, 0.7);\n    font-size: 14px;\n    border-radius: 15px;\n    text-align: center;\n    line-height: 30px;\n    color: #fff;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    margin-top: -15px;\n    margin-left: -50px;\n  }\n}\n\n.compound-button--compose {\n  padding: 0 12px;\n\n  .compound {\n    margin-top: 10px;\n  }\n}\n",".coupons-box {\n  height: 100%;\n  #coupons {\n    height: 100%;\n    .tab {\n      width: 100%;\n      height: 44px;\n      line-height: 44px;\n      background-color: #fff;\n      display: flex;\n      justify-content: space-around;\n      font-size: 14px;\n      color: #555;\n\n      a {\n        display: inline-block;\n        height: 100%;\n      }\n    }\n\n    .btm-border {\n      background-color: #f5f5f5;\n      width: 100%;\n      height: 8px;\n    }\n\n    .tab-active {\n      color: #09f;\n      border-bottom: 1px solid #09f;\n    }\n    .coupons-container {\n      height: 100%;\n    }\n  }\n}\n"]}