{"version":3,"sources":["/Users/wangshuo/project/mr-julyedu/src/components/order/deposit/deposit-pay-order/index.scss","/Users/wangshuo/project/mr-julyedu/src/assets/css/variable.scss","/Users/wangshuo/project/mr-julyedu/src/common/v-list-base/index.scss","/Users/wangshuo/project/mr-julyedu/src/components/order/deposit/final-order/index.scss"],"names":[],"mappings":"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","file":"deposit-pay-order.b5ee5089.chunk.css","sourcesContent":["@import \"src/assets/css/variable\";\n.pay-order {\n  width: 100%;\n  height: calc(100% - 44px);\n  background-color: #f5f5f5;\n\n  .order-number {\n    background-color: #fff;\n\n    span {\n      font-size: 15px;\n      color: #333333;\n    }\n\n    .number {\n      font-size: 12px;\n      color: #666666;\n    }\n\n    .money {\n      color: #ff3131;\n    }\n  }\n\n  .pay-type-list {\n    .am-list-body {\n      &::after {\n        display: none;\n      }\n    }\n\n    .am-list-header {\n      color: #333333;\n      font-size: 15px;\n      background-color: #fff;\n    }\n\n    .iconalipay {\n      font-size: 22px;\n      color: #01aaef;\n    }\n\n    .iconweixinzhifu {\n      font-size: 22px;\n      color: #3baf34;\n    }\n\n    .iconhuabei {\n      font-size: 22px;\n      color: #01aaef;\n    }\n\n    .am-radio-inner {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      background-color: #c1c1c1;\n    }\n\n    .am-radio-inner:after {\n      display: block;\n      border-color: #fff;\n      top: 0;\n      right: 6px;\n    }\n\n    .am-radio.am-radio-checked .am-radio-inner {\n      background-color: #009aff;\n      border-radius: 50%;\n      width: 20px;\n      height: 20px;\n    }\n\n    .am-radio.am-radio-checked .am-radio-inner:after {\n      display: block;\n    }\n  }\n\n  .agreement {\n    margin-top: 8px;\n    background: #fff;\n\n    .am-checkbox-agree {\n      .am-checkbox {\n        left: unset;\n        right: 6px;\n      }\n      .am-checkbox-agree-label {\n        margin-left: 3px;\n      }\n    }\n  }\n\n  .pay-tip {\n    width: 100%;\n    height: 30px;\n    line-height: 30px;\n    text-align: center;\n    font-size: 12px;\n    color: #ff3131;\n    background-color: #fff4ce;\n  }\n\n  .pay-button {\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 44px;\n    line-height: 44px;\n    text-align: center;\n    color: #fff;\n    font-size: 18px;\n    background-color: #18b4ed;\n    z-index: 9;\n    &.invalid {\n      background: #bbb;\n    }\n  }\n\n  .check-staging {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, $alpha: 0.6);\n    z-index: 19;\n\n    .container {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 300px;\n      border-radius: 6px;\n      background-color: #fff;\n      padding-bottom: 10px;\n\n      .check-title {\n        color: #333333;\n        font-size: 16px;\n        text-align: center;\n        width: 100%;\n        height: 44px;\n        line-height: 44px;\n        border-bottom: 1px solid #dddddd;\n        border-top-left-radius: 6px;\n        border-top-right-radius: 6px;\n      }\n    }\n\n    .am-list-item .am-list-line .am-list-extra {\n      flex-basis: 16%;\n    }\n\n    .am-radio-inner {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      border: 1px solid #bfbfbf;\n      background-color: #fff;\n    }\n\n    .am-radio-inner:after {\n      display: block;\n      border-color: #fff;\n      top: 0;\n      right: 6px;\n    }\n\n    .am-radio.am-radio-checked .am-radio-inner {\n      background-color: #009aff;\n      border: 1px solid #fff;\n      border-radius: 50%;\n      width: 20px;\n      height: 20px;\n    }\n\n    .am-radio.am-radio-checked .am-radio-inner:after {\n      display: block;\n    }\n  }\n\n  .order-info {\n    position: relative;\n    flex: 1;\n\n    .order-title {\n      font-size: 16px;\n      color: $color_333;\n    }\n\n    .order-content {\n      font-size: 14px;\n      color: $color_666;\n      margin-top: 14px;\n      line-height: 18px;\n    }\n\n    .order-des {\n      height: 24px;\n      line-height: 33px;\n      position: absolute;\n      bottom: 0;\n\n      .order-newprice {\n        font-size: 16px;\n        color: $redprice;\n      }\n\n      .order-price {\n        font-size: 12px;\n        color: $color_999;\n        margin-left: 15px;\n        text-decoration: line-through;\n      }\n    }\n  }\n\n  .v-list-item {\n    padding: 10px 15px;\n    background-color: #fff;\n\n    .content {\n      border: none;\n      padding-bottom: 0;\n\n      .cover {\n        flex: inherit;\n        width: 42.2%;\n\n        img {\n          width: 100%;\n          height: 100%;\n        }\n\n        .course-status {\n          background-color: rgba(224, 46, 36, 0.6);\n        }\n      }\n\n      .price-des {\n        color: #999;\n        font-size: 11px;\n      }\n    }\n\n    .info {\n      width: 52.3%;\n      position: relative;\n      display: block;\n\n      .title {\n        font-size: 16px;\n        color: $color_333;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        height: 16px;\n        line-height: 16px;\n      }\n\n      .contact {\n        font-size: 14px;\n        color: $color_666;\n        margin-top: 14px;\n      }\n\n      .des {\n        position: absolute;\n        bottom: 0;\n\n        .course-price {\n          .price {\n            color: $red;\n            font-size: 12px;\n          }\n\n          .new {\n            color: $red;\n            font-size: 16px;\n          }\n\n          .old {\n            color: $color_999;\n            font-size: 12px;\n            display: inline-block;\n            margin-left: 15px;\n            text-decoration: line-through;\n          }\n        }\n\n        .isbuy {\n          display: inline-block;\n          width: 61px;\n          height: 18px;\n          background-color: $bg_active;\n          border-radius: 9px;\n          color: $white;\n          font-size: 12px;\n          text-align: center;\n          line-height: 18px;\n        }\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.v-list-base-item {\n  //height: 130px;\n  padding: 10px 10px 0;\n  position: relative;\n\n  .content {\n    display: flex;\n    height: 100%;\n    padding-bottom: 10px;\n    border-bottom: 1px solid $sp_e7eaf1;\n\n    .cover {\n      flex: 0 0 auto;\n      margin-right: 16px;\n      position: relative;\n      img {\n        width: 150px;\n        height: 108px;\n        border-radius: 3px;\n      }\n    }\n    .course-status {\n      width: 100%;\n      height: 24px;\n      position: absolute;\n      bottom: -1px;\n      border-radius: 0 0 3px 3px;\n      text-align: center;\n      line-height: 24px;\n      color: $white;\n      font-size: 13px;\n    }\n  }\n}\n","@import \"src/assets/css/variable\";\n.deposit-pay-order {\n  width: 100%;\n  background-color: #f5f5f5;\n  box-sizing: content-box;\n  padding-bottom: 44px;\n\n  .order-number {\n    background-color: #fff;\n\n    span {\n      font-size: 15px;\n      color: #333333;\n    }\n\n    .number {\n      font-size: 12px;\n      color: #666666;\n    }\n\n    .money {\n      color: #ff3131;\n    }\n  }\n  .money-off {\n    font-size: 14px;\n    background: #fff;\n    color: #999;\n    .money {\n      color: #ff3131;\n    }\n  }\n\n  .pay-type-list {\n    .am-list-body {\n      &::after {\n        display: none;\n      }\n    }\n\n    .am-list-header {\n      color: #333333;\n      font-size: 15px;\n      background-color: #fff;\n    }\n\n    .iconalipay {\n      font-size: 22px;\n      color: #01aaef;\n    }\n\n    .iconweixinzhifu {\n      font-size: 22px;\n      color: #3baf34;\n    }\n\n    .iconhuabei {\n      font-size: 22px;\n      color: #01aaef;\n    }\n\n    .am-radio-inner {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      background-color: #c1c1c1;\n    }\n\n    .am-radio-inner:after {\n      display: block;\n      border-color: #fff;\n      top: 0;\n      right: 6px;\n    }\n\n    .am-radio.am-radio-checked .am-radio-inner {\n      background-color: #009aff;\n      border-radius: 50%;\n      width: 20px;\n      height: 20px;\n    }\n\n    .am-radio.am-radio-checked .am-radio-inner:after {\n      display: block;\n    }\n  }\n\n  /*.agreement {\n        margin-top: 8px;\n        background: #fff;\n\n        .am-checkbox-agree{\n            .am-checkbox {\n                left: unset;\n                right: 6px;\n            }\n            .am-checkbox-agree-label{\n                margin-left: 3px;\n            }\n        }\n\n    }*/\n\n  .price {\n    color: #ff3131;\n    margin-right: 10px;\n    font-size: 12px;\n\n    &.sale-price {\n      font-size: 15px;\n    }\n  }\n\n  .former-price {\n    text-decoration: line-through;\n    color: #999;\n  }\n\n  .pay-tip {\n    width: 100%;\n    padding: 21px;\n    text-align: center;\n    font-size: 12px;\n    color: #ff3131;\n  }\n\n  .pay-button {\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 44px;\n    line-height: 44px;\n    text-align: center;\n    color: #fff;\n    font-size: 18px;\n    background-color: #18b4ed;\n    z-index: 9;\n  }\n\n  .check-staging {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, $alpha: 0.6);\n    z-index: 19;\n\n    .container {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 300px;\n      border-radius: 6px;\n      background-color: #fff;\n      padding-bottom: 10px;\n\n      .check-title {\n        color: #333333;\n        font-size: 16px;\n        text-align: center;\n        width: 100%;\n        height: 44px;\n        line-height: 44px;\n        border-bottom: 1px solid #dddddd;\n        border-top-left-radius: 6px;\n        border-top-right-radius: 6px;\n      }\n    }\n\n    .am-list-item .am-list-line .am-list-extra {\n      flex-basis: 16%;\n    }\n\n    .am-radio-inner {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      border: 1px solid #bfbfbf;\n      background-color: #fff;\n    }\n\n    .am-radio-inner:after {\n      display: block;\n      border-color: #fff;\n      top: 0;\n      right: 6px;\n    }\n\n    .am-radio.am-radio-checked .am-radio-inner {\n      background-color: #009aff;\n      border: 1px solid #fff;\n      border-radius: 50%;\n      width: 20px;\n      height: 20px;\n    }\n\n    .am-radio.am-radio-checked .am-radio-inner:after {\n      display: block;\n    }\n  }\n\n  .select-bar {\n    background: #fff;\n    padding: 11px 15px;\n    border-bottom: 1px solid #e5e5e5;\n\n    .am-flexbox-item {\n      flex: 0 1 auto;\n    }\n\n    .final-payment-hint {\n      padding: 4px 6px 5px;\n      background: $bg-active;\n      border-radius: 3px;\n      color: #fff;\n    }\n  }\n\n  .order-item {\n  }\n\n  .v-list-base-item {\n    padding: 10px 15px;\n    background-color: #fff;\n\n    .content {\n      border: none;\n      padding-bottom: 0;\n\n      .cover {\n        flex: inherit;\n        width: 42.2%;\n\n        img {\n          width: 100%;\n          height: 100%;\n        }\n\n        .course-status {\n          background-color: rgba(224, 46, 36, 0.6);\n        }\n      }\n\n      .price-des {\n        color: #999;\n        font-size: 11px;\n      }\n    }\n\n    .info {\n      width: 52.3%;\n      position: relative;\n\n      .title {\n        font-size: 15px;\n        color: $color_333;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        height: 16px;\n        line-height: 16px;\n        margin-bottom: 16px;\n      }\n\n      .contact {\n        font-size: 14px;\n        color: $color_666;\n        margin-top: 14px;\n      }\n\n      .des {\n        color: #999;\n        .course-price {\n          .price {\n            color: $red;\n            font-size: 12px;\n          }\n\n          .new {\n            color: $red;\n            font-size: 16px;\n          }\n\n          .old {\n            color: $color_999;\n            font-size: 12px;\n            display: inline-block;\n            margin-left: 15px;\n            text-decoration: line-through;\n          }\n        }\n\n        .isbuy {\n          display: inline-block;\n          width: 61px;\n          height: 18px;\n          background-color: $bg_active;\n          border-radius: 9px;\n          color: $white;\n          font-size: 12px;\n          text-align: center;\n          line-height: 18px;\n        }\n      }\n\n      & .prices:last-child {\n        position: absolute;\n        bottom: 0;\n      }\n    }\n  }\n\n  //order.scss\n\n  .order-balance {\n    height: 44px;\n    line-height: 44px;\n    padding: 0 15px;\n    background: #fff;\n\n    .am-list-item {\n      padding-left: 0 !important;\n    }\n\n    .am-list-line {\n      padding: 0 15px;\n    }\n\n    .am-list-content {\n      color: $color_333;\n      font-size: $font_16;\n\n      .iconiconfront-22 {\n        font-size: 18px;\n        margin-left: 15px;\n      }\n    }\n\n    .order-balanceprice {\n      color: $color_666;\n      font-size: $font_12;\n\n      .order-money {\n        color: #ff2121;\n        font-size: $font_12 !important;\n        font-weight: normal;\n        font-style: inherit;\n        vertical-align: middle;\n        margin: 0;\n      }\n    }\n\n    .iconiconfront-22.question-mark {\n      font-size: 24px;\n      margin-left: 15px;\n    }\n\n    .am-list-body {\n      &::before,\n      &::after {\n        display: none;\n      }\n    }\n\n    .balance-used {\n      font-size: 24px;\n      color: #0099ff;\n    }\n\n    .circle-icon {\n      width: 20px;\n      height: 20px;\n      border: 1px solid #bfbfbf;\n      border-radius: 50%;\n      margin-right: 2px;\n    }\n  }\n\n  .order-prefer {\n    width: 100%;\n    margin-bottom: 6px;\n\n    .am-list-body {\n      &::after {\n        display: none;\n      }\n    }\n\n    .am-list-content {\n      font-size: 15px !important;\n    }\n  }\n\n  .order-list {\n    .am-flexbox-item {\n      margin-left: 0;\n    }\n  }\n\n  /*.order-tab {\n        color: $black;\n        background: $bg_f7f9fc;\n    }\n\n    .order-information {\n        display: flex;\n        width: 100%;\n        overflow: hidden;\n        padding: 29px 15px;\n        color: $color_555;\n        background-color: $bg_fff;\n        position: relative;\n    }\n\n\n    .order-information::before {\n        content: '';\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 2px;\n        position: absolute;\n        background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n        background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n        background-size: 80px;\n    }\n\n    .order-information2 {\n        height: 80px;\n        background-color: #FFF;\n        margin-top: 8px;\n        position: relative;\n\n        .user-icon {\n            font-size: 28px;\n            flex-basis: 40px;\n        }\n\n        .order-cell {\n            height: 50px;\n            font-size: 13px;\n            color: $color_333;\n            line-height: 20px;\n            flex: 1 1 auto;\n\n            .name {\n                margin-bottom: 10px;\n            }\n        }\n    }\n\n    .order-information2::before {\n        content: '';\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 2px;\n        position: absolute;\n        background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n        background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);\n        background-size: 80px;\n    }\n\n    .order-addsize {\n        font-size: 22px !important;\n        margin-bottom: 0px;\n        height: 22px;\n        color: $active;\n        line-height: 22px;\n    }\n\n    .order-next {\n        line-height: 22px;\n        margin-bottom: 0px;\n    }\n\n    .order-list {\n        margin-top: 8px;\n        background-color: #F5F5F5;\n        .public-content {\n            padding: 10px 15px;\n        }\n    }\n\n    .order-infotext {\n        flex: 1;\n        height: 22px;\n        line-height: 22px;\n        margin-left: 10px;\n        font-size: $font_14;\n        color: $color_555;\n    }\n\n    .order-info {\n        color: $color_666;\n        font-size: $font_14;\n        min-width: 160px;\n        flex: 1 1 auto;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-around;\n\n        .order-title {\n            color: $color_333;\n            font-size: $font_16;\n        }\n\n        .order-content {\n            color: $color_666;\n            font-size: $font_14;\n            line-height: 18px;\n        }\n\n        .order-newprice {\n            color: $redprice;\n            font-size: $font_16;\n            margin-right: 15px;\n        }\n\n        .order-price {\n            color: $color_999;\n            font-size: $font_12;\n            text-decoration: line-through;\n        }\n    }\n\n    .order-bar {\n        width: 100%;\n        position: fixed;\n        bottom: 0;\n        z-index: 2;\n        height: 50px;\n        display: flex;\n        font-size: 14px;\n        align-items: center;\n        background-color: $bg_fff;\n    }\n\n    .order-course {\n        margin-left: 20px;\n\n        .order-course-text {\n            font-size: $font_16;\n            color: $color_333;\n        }\n    }\n\n    .order-bar-text {\n        flex: 1;\n        text-align: right;\n        color: #323233;\n        padding-right: 20px;\n\n        .order-amount {\n            font-size: $font_14;\n            color: $color_333;\n\n            .order-amount-price {\n                color: $redprice;\n            }\n        }\n\n        .order-preprice {\n            font-size: $font_12;\n            color: $color_555;\n        }\n    }\n\n    .order-button {\n        width: 110px;\n        height: 50px;\n        display: inline-block;\n        padding: 0;\n        background-color: $bg_ff9898;\n        color: $white;\n        line-height: 48px;\n        font-size: 16px;\n        border-radius: 0px;\n        text-align: center;\n        box-sizing: border-box;\n        -webkit-appearance: none;\n        -webkit-text-size-adjust: 100%;\n        border: 1px solid transparent;\n    }\n    .has-info {\n        background-color: #FF3131;\n    }\n\n\n\n\n    .am-list-item .am-list-line .am-list-content {\n        color: $color_333;\n    }\n    .order-list {\n        .am-list-item {\n            padding-left: 0 !important;\n        }\n    }\n\n\n    */\n}\n"]}