deposit-pay-order.09ce6fd5.chunk.css.map 51.4 KB
Newer Older
xuzhenghua committed
1
{"version":3,"sources":["/Users/xzh/dnmp/www/mr-julyedu/node_modules/antd-mobile/lib/radio/style/index.css","deposit-pay-order.09ce6fd5.chunk.css","/Users/xzh/dnmp/www/mr-julyedu/src/components/order/deposit/deposit-pay-order/index.scss","/Users/xzh/dnmp/www/mr-julyedu/src/common/v-list-base/index.scss","/Users/xzh/dnmp/www/mr-julyedu/src/components/order/deposit/final-order/index.scss"],"names":[],"mappings":"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","file":"deposit-pay-order.09ce6fd5.chunk.css","sourcesContent":[".am-radio {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  width: 15px;\n  height: 15px;\n}\n.am-radio-inner {\n  position: absolute;\n  right: 0;\n  width: 15px;\n  height: 15px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -webkit-transform: rotate(0deg);\n      -ms-transform: rotate(0deg);\n          transform: rotate(0deg);\n}\n.am-radio-inner:after {\n  position: absolute;\n  display: none;\n  top: -2.5px;\n  right: 5px;\n  z-index: 999;\n  width: 7px;\n  height: 14px;\n  border-style: solid;\n  border-width: 0 1.5px 1.5px 0;\n  content: '\\0020';\n  -webkit-transform: rotate(45deg);\n      -ms-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n.am-radio-input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  border: 0 none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n.am-radio.am-radio-checked .am-radio-inner {\n  border-width: 0;\n}\n.am-radio.am-radio-checked .am-radio-inner:after {\n  display: block;\n  border-color: #108ee9;\n}\n.am-radio.am-radio-disabled.am-radio-checked .am-radio-inner:after {\n  display: block;\n  border-color: #bbb;\n}\n.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra {\n  -webkit-box-flex: 0;\n  -webkit-flex: 0;\n      -ms-flex: 0;\n          flex: 0;\n}\n.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 44px;\n  overflow: visible;\n}\n.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio-inner {\n  right: 15px;\n  top: 15px;\n}\n.am-list .am-list-item.am-radio-item.am-radio-item-disabled .am-list-content {\n  color: #bbb;\n}\n",".am-radio {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  width: 4vw;\n  height: 4vw;\n}\n.am-radio-inner {\n  position: absolute;\n  right: 0;\n  width: 4vw;\n  height: 4vw;\n  box-sizing: border-box;\n  -webkit-transform: rotate(0deg);\n          transform: rotate(0deg);\n}\n.am-radio-inner:after {\n  position: absolute;\n  display: none;\n  top: -0.666667vw;\n  right: 1.333333vw;\n  z-index: 999;\n  width: 1.866667vw;\n  height: 3.733333vw;\n  border-style: solid;\n  border-width: 0 0.4vw 0.4vw 0;\n  content: ' ';\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n.am-radio-input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  border: 0 none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n.am-radio.am-radio-checked .am-radio-inner {\n  border-width: 0;\n}\n.am-radio.am-radio-checked .am-radio-inner:after {\n  display: block;\n  border-color: #108ee9;\n}\n.am-radio.am-radio-disabled.am-radio-checked .am-radio-inner:after {\n  display: block;\n  border-color: #bbb;\n}\n.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra {\n  flex: 0 1;\n}\n.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 11.733333vw;\n  overflow: visible;\n}\n.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio-inner {\n  right: 4vw;\n  top: 4vw;\n}\n.am-list .am-list-item.am-radio-item.am-radio-item-disabled .am-list-content {\n  color: #bbb;\n}\n\n@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.pay-order {\n  width: 100%;\n  height: calc(100% - 11.733333vw);\n  background-color: #f5f5f5; }\n  .pay-order .order-number {\n    background-color: #fff; }\n    .pay-order .order-number span {\n      font-size: 4vw;\n      color: #333333; }\n    .pay-order .order-number .number {\n      font-size: 3.2vw;\n      color: #666666; }\n    .pay-order .order-number .money {\n      color: #ff3131; }\n  .pay-order .pay-type-list .am-list-body::after {\n    display: none; }\n  .pay-order .pay-type-list .am-list-header {\n    color: #333333;\n    font-size: 4vw;\n    background-color: #fff; }\n  .pay-order .pay-type-list .iconalipay {\n    font-size: 5.866667vw;\n    color: #01aaef; }\n  .pay-order .pay-type-list .iconweixinzhifu {\n    font-size: 5.866667vw;\n    color: #3baf34; }\n  .pay-order .pay-type-list .iconhuabei {\n    font-size: 5.866667vw;\n    color: #01aaef; }\n  .pay-order .pay-type-list .am-radio-inner {\n    width: 5.333333vw;\n    height: 5.333333vw;\n    border-radius: 50%;\n    background-color: #c1c1c1; }\n  .pay-order .pay-type-list .am-radio-inner:after {\n    display: block;\n    border-color: #fff;\n    top: 0;\n    right: 1.6vw; }\n  .pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner {\n    background-color: #009aff;\n    border-radius: 50%;\n    width: 5.333333vw;\n    height: 5.333333vw; }\n  .pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner:after {\n    display: block; }\n  .pay-order .agreement {\n    margin-top: 2.133333vw;\n    background: #fff; }\n    .pay-order .agreement .am-checkbox-agree .am-checkbox {\n      left: unset;\n      right: 1.6vw; }\n    .pay-order .agreement .am-checkbox-agree .am-checkbox-agree-label {\n      margin-left: 0.8vw; }\n  .pay-order .pay-tip {\n    width: 100%;\n    height: 8vw;\n    line-height: 8vw;\n    text-align: center;\n    font-size: 3.2vw;\n    color: #ff3131;\n    background-color: #fff4ce; }\n  .pay-order .pay-button {\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 11.733333vw;\n    line-height: 11.733333vw;\n    text-align: center;\n    color: #fff;\n    font-size: 4.8vw;\n    background-color: #18b4ed;\n    z-index: 9; }\n    .pay-order .pay-button.invalid {\n      background: #BBB; }\n  .pay-order .check-staging {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, 0.6);\n    z-index: 19; }\n    .pay-order .check-staging .container {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      -webkit-transform: translate(-50%, -50%);\n              transform: translate(-50%, -50%);\n      width: 80vw;\n      border-radius: 1.6vw;\n      background-color: #FFF;\n      padding-bottom: 2.666667vw; }\n      .pay-order .check-staging .container .check-title {\n        color: #333333;\n        font-size: 4.266667vw;\n        text-align: center;\n        width: 100%;\n        height: 11.733333vw;\n        line-height: 11.733333vw;\n        border-bottom: 1px solid #DDDDDD;\n        border-top-left-radius: 1.6vw;\n        border-top-right-radius: 1.6vw; }\n    .pay-order .check-staging .am-list-item .am-list-line .am-list-extra {\n      flex-basis: 16%; }\n    .pay-order .check-staging .am-radio-inner {\n      width: 5.333333vw;\n      height: 5.333333vw;\n      border-radius: 50%;\n      border: 1px solid #BFBFBF;\n      background-color: #fff; }\n    .pay-order .check-staging .am-radio-inner:after {\n      display: block;\n      border-color: #fff;\n      top: 0;\n      right: 1.6vw; }\n    .pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner {\n      background-color: #009aff;\n      border: 1px solid #FFF;\n      border-radius: 50%;\n      width: 5.333333vw;\n      height: 5.333333vw; }\n    .pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner:after {\n      display: block; }\n  .pay-order .order-info {\n    position: relative;\n    flex: 1 1; }\n    .pay-order .order-info .order-title {\n      font-size: 4.266667vw;\n      color: #333; }\n    .pay-order .order-info .order-content {\n      font-size: 3.733333vw;\n      color: #666;\n      margin-top: 3.733333vw;\n      line-height: 4.8vw; }\n    .pay-order .order-info .order-des {\n      height: 6.4vw;\n      line-height: 8.8vw;\n      position: absolute;\n      bottom: 0; }\n      .pay-order .order-info .order-des .order-newprice {\n        font-size: 4.266667vw;\n        color: #ff3131; }\n      .pay-order .order-info .order-des .order-price {\n        font-size: 3.2vw;\n        color: #999;\n        margin-left: 4vw;\n        text-decoration: line-through; }\n  .pay-order .v-list-item {\n    padding: 2.666667vw 4vw;\n    background-color: #fff; }\n    .pay-order .v-list-item .content {\n      border: none;\n      padding-bottom: 0; }\n      .pay-order .v-list-item .content .cover {\n        flex: inherit;\n        width: 42.2%; }\n        .pay-order .v-list-item .content .cover img {\n          width: 100%;\n          height: 100%; }\n        .pay-order .v-list-item .content .cover .course-status {\n          background-color: rgba(224, 46, 36, 0.6); }\n      .pay-order .v-list-item .content .price-des {\n        color: #999;\n        font-size: 2.933333vw; }\n    .pay-order .v-list-item .info {\n      width: 52.3%;\n      position: relative;\n      display: block; }\n      .pay-order .v-list-item .info .title {\n        font-size: 4.266667vw;\n        color: #333;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        height: 4.266667vw;\n        line-height: 4.266667vw; }\n      .pay-order .v-list-item .info .contact {\n        font-size: 3.733333vw;\n        color: #666;\n        margin-top: 3.733333vw; }\n      .pay-order .v-list-item .info .des {\n        position: absolute;\n        bottom: 0; }\n        .pay-order .v-list-item .info .des .course-price .price {\n          color: #FF2121;\n          font-size: 3.2vw; }\n        .pay-order .v-list-item .info .des .course-price .new {\n          color: #FF2121;\n          font-size: 4.266667vw; }\n        .pay-order .v-list-item .info .des .course-price .old {\n          color: #999;\n          font-size: 3.2vw;\n          display: inline-block;\n          margin-left: 4vw;\n          text-decoration: line-through; }\n        .pay-order .v-list-item .info .des .isbuy {\n          display: inline-block;\n          width: 16.266667vw;\n          height: 4.8vw;\n          background-color: #09f;\n          border-radius: 2.4vw;\n          color: #fff;\n          font-size: 3.2vw;\n          text-align: center;\n          line-height: 4.8vw; }\n\n@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.v-list-base-item {\n  height: 34.666667vw;\n  padding: 2.666667vw 2.666667vw 0;\n  position: relative; }\n  .v-list-base-item .content {\n    display: flex;\n    height: 100%;\n    padding-bottom: 2.666667vw;\n    border-bottom: 1px solid #e7eaf1; }\n    .v-list-base-item .content .cover {\n      flex: 0 0 auto;\n      margin-right: 4.266667vw;\n      position: relative; }\n      .v-list-base-item .content .cover img {\n        width: 40vw;\n        height: 28.8vw;\n        border-radius: 0.8vw; }\n    .v-list-base-item .content .course-status {\n      width: 100%;\n      height: 6.4vw;\n      position: absolute;\n      bottom: -1px;\n      border-radius: 0 0 0.8vw 0.8vw;\n      text-align: center;\n      line-height: 6.4vw;\n      color: #fff;\n      font-size: 3.466667vw; }\n\n@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.deposit-pay-order {\n  width: 100%;\n  background-color: #f5f5f5;\n  box-sizing: content-box;\n  padding-bottom: 11.733333vw;\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  /*.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  .deposit-pay-order .order-number {\n    background-color: #fff; }\n    .deposit-pay-order .order-number span {\n      font-size: 4vw;\n      color: #333333; }\n    .deposit-pay-order .order-number .number {\n      font-size: 3.2vw;\n      color: #666666; }\n    .deposit-pay-order .order-number .money {\n      color: #ff3131; }\n  .deposit-pay-order .money-off {\n    font-size: 3.733333vw;\n    background: #fff;\n    color: #999; }\n    .deposit-pay-order .money-off .money {\n      color: #FF3131; }\n  .deposit-pay-order .pay-type-list .am-list-body::after {\n    display: none; }\n  .deposit-pay-order .pay-type-list .am-list-header {\n    color: #333333;\n    font-size: 4vw;\n    background-color: #fff; }\n  .deposit-pay-order .pay-type-list .iconalipay {\n    font-size: 5.866667vw;\n    color: #01aaef; }\n  .deposit-pay-order .pay-type-list .iconweixinzhifu {\n    font-size: 5.866667vw;\n    color: #3baf34; }\n  .deposit-pay-order .pay-type-list .iconhuabei {\n    font-size: 5.866667vw;\n    color: #01aaef; }\n  .deposit-pay-order .pay-type-list .am-radio-inner {\n    width: 5.333333vw;\n    height: 5.333333vw;\n    border-radius: 50%;\n    background-color: #c1c1c1; }\n  .deposit-pay-order .pay-type-list .am-radio-inner:after {\n    display: block;\n    border-color: #fff;\n    top: 0;\n    right: 1.6vw; }\n  .deposit-pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner {\n    background-color: #009aff;\n    border-radius: 50%;\n    width: 5.333333vw;\n    height: 5.333333vw; }\n  .deposit-pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner:after {\n    display: block; }\n  .deposit-pay-order .price {\n    color: #FF3131;\n    margin-right: 2.666667vw;\n    font-size: 3.2vw; }\n    .deposit-pay-order .price.sale-price {\n      font-size: 4vw; }\n  .deposit-pay-order .former-price {\n    text-decoration: line-through;\n    color: #999; }\n  .deposit-pay-order .pay-tip {\n    width: 100%;\n    padding: 5.6vw;\n    text-align: center;\n    font-size: 3.2vw;\n    color: #ff3131; }\n  .deposit-pay-order .pay-button {\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 11.733333vw;\n    line-height: 11.733333vw;\n    text-align: center;\n    color: #fff;\n    font-size: 4.8vw;\n    background-color: #18b4ed;\n    z-index: 9; }\n  .deposit-pay-order .check-staging {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, 0.6);\n    z-index: 19; }\n    .deposit-pay-order .check-staging .container {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      -webkit-transform: translate(-50%, -50%);\n              transform: translate(-50%, -50%);\n      width: 80vw;\n      border-radius: 1.6vw;\n      background-color: #FFF;\n      padding-bottom: 2.666667vw; }\n      .deposit-pay-order .check-staging .container .check-title {\n        color: #333333;\n        font-size: 4.266667vw;\n        text-align: center;\n        width: 100%;\n        height: 11.733333vw;\n        line-height: 11.733333vw;\n        border-bottom: 1px solid #DDDDDD;\n        border-top-left-radius: 1.6vw;\n        border-top-right-radius: 1.6vw; }\n    .deposit-pay-order .check-staging .am-list-item .am-list-line .am-list-extra {\n      flex-basis: 16%; }\n    .deposit-pay-order .check-staging .am-radio-inner {\n      width: 5.333333vw;\n      height: 5.333333vw;\n      border-radius: 50%;\n      border: 1px solid #BFBFBF;\n      background-color: #fff; }\n    .deposit-pay-order .check-staging .am-radio-inner:after {\n      display: block;\n      border-color: #fff;\n      top: 0;\n      right: 1.6vw; }\n    .deposit-pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner {\n      background-color: #009aff;\n      border: 1px solid #FFF;\n      border-radius: 50%;\n      width: 5.333333vw;\n      height: 5.333333vw; }\n    .deposit-pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner:after {\n      display: block; }\n  .deposit-pay-order .select-bar {\n    background: #fff;\n    padding: 2.933333vw 4vw;\n    border-bottom: 1px solid #E5E5E5; }\n    .deposit-pay-order .select-bar .am-flexbox-item {\n      flex: 0 1 auto; }\n    .deposit-pay-order .select-bar .final-payment-hint {\n      padding: 1.066667vw 1.6vw 1.333333vw;\n      background: #09f;\n      border-radius: 0.8vw;\n      color: #fff; }\n  .deposit-pay-order .v-list-base-item {\n    padding: 2.666667vw 4vw;\n    background-color: #fff; }\n    .deposit-pay-order .v-list-base-item .content {\n      border: none;\n      padding-bottom: 0; }\n      .deposit-pay-order .v-list-base-item .content .cover {\n        flex: inherit;\n        width: 42.2%; }\n        .deposit-pay-order .v-list-base-item .content .cover img {\n          width: 100%;\n          height: 100%; }\n        .deposit-pay-order .v-list-base-item .content .cover .course-status {\n          background-color: rgba(224, 46, 36, 0.6); }\n      .deposit-pay-order .v-list-base-item .content .price-des {\n        color: #999;\n        font-size: 2.933333vw; }\n    .deposit-pay-order .v-list-base-item .info {\n      width: 52.3%;\n      position: relative; }\n      .deposit-pay-order .v-list-base-item .info .title {\n        font-size: 4vw;\n        color: #333;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        height: 4.266667vw;\n        line-height: 4.266667vw;\n        margin-bottom: 4.266667vw; }\n      .deposit-pay-order .v-list-base-item .info .contact {\n        font-size: 3.733333vw;\n        color: #666;\n        margin-top: 3.733333vw; }\n      .deposit-pay-order .v-list-base-item .info .des {\n        color: #999; }\n        .deposit-pay-order .v-list-base-item .info .des .course-price .price {\n          color: #FF2121;\n          font-size: 3.2vw; }\n        .deposit-pay-order .v-list-base-item .info .des .course-price .new {\n          color: #FF2121;\n          font-size: 4.266667vw; }\n        .deposit-pay-order .v-list-base-item .info .des .course-price .old {\n          color: #999;\n          font-size: 3.2vw;\n          display: inline-block;\n          margin-left: 4vw;\n          text-decoration: line-through; }\n        .deposit-pay-order .v-list-base-item .info .des .isbuy {\n          display: inline-block;\n          width: 16.266667vw;\n          height: 4.8vw;\n          background-color: #09f;\n          border-radius: 2.4vw;\n          color: #fff;\n          font-size: 3.2vw;\n          text-align: center;\n          line-height: 4.8vw; }\n      .deposit-pay-order .v-list-base-item .info .prices:last-child {\n        position: absolute;\n        bottom: 0; }\n  .deposit-pay-order .order-balance {\n    height: 11.733333vw;\n    line-height: 11.733333vw;\n    padding: 0 4vw;\n    background: #fff; }\n    .deposit-pay-order .order-balance .am-list-item {\n      padding-left: 0 !important; }\n    .deposit-pay-order .order-balance .am-list-line {\n      padding: 0 4vw; }\n    .deposit-pay-order .order-balance .am-list-content {\n      color: #333;\n      font-size: 4.266667vw; }\n      .deposit-pay-order .order-balance .am-list-content .iconiconfront-22 {\n        font-size: 4.8vw;\n        margin-left: 4vw; }\n    .deposit-pay-order .order-balance .order-balanceprice {\n      color: #666;\n      font-size: 3.2vw; }\n      .deposit-pay-order .order-balance .order-balanceprice .order-money {\n        color: #ff2121;\n        font-size: 3.2vw !important;\n        font-weight: normal;\n        font-style: inherit;\n        vertical-align: middle;\n        margin: 0; }\n    .deposit-pay-order .order-balance .iconiconfront-22.question-mark {\n      font-size: 6.4vw;\n      margin-left: 4vw; }\n    .deposit-pay-order .order-balance .am-list-body::before, .deposit-pay-order .order-balance .am-list-body::after {\n      display: none; }\n    .deposit-pay-order .order-balance .balance-used {\n      font-size: 6.4vw;\n      color: #0099FF; }\n    .deposit-pay-order .order-balance .circle-icon {\n      width: 5.333333vw;\n      height: 5.333333vw;\n      border: 1px solid #BFBFBF;\n      border-radius: 50%;\n      margin-right: 0.533333vw; }\n  .deposit-pay-order .order-prefer {\n    width: 100%;\n    margin-bottom: 1.6vw; }\n    .deposit-pay-order .order-prefer .am-list-body::after {\n      display: none; }\n    .deposit-pay-order .order-prefer .am-list-content {\n      font-size: 4vw !important; }\n  .deposit-pay-order .order-list .am-flexbox-item {\n    margin-left: 0; }\n\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.pay-order {\n  width: 100%;\n  height: calc(100% - 44px);\n  background-color: #f5f5f5; }\n  .pay-order .order-number {\n    background-color: #fff; }\n    .pay-order .order-number span {\n      font-size: 15px;\n      color: #333333; }\n    .pay-order .order-number .number {\n      font-size: 12px;\n      color: #666666; }\n    .pay-order .order-number .money {\n      color: #ff3131; }\n  .pay-order .pay-type-list .am-list-body::after {\n    display: none; }\n  .pay-order .pay-type-list .am-list-header {\n    color: #333333;\n    font-size: 15px;\n    background-color: #fff; }\n  .pay-order .pay-type-list .iconalipay {\n    font-size: 22px;\n    color: #01aaef; }\n  .pay-order .pay-type-list .iconweixinzhifu {\n    font-size: 22px;\n    color: #3baf34; }\n  .pay-order .pay-type-list .iconhuabei {\n    font-size: 22px;\n    color: #01aaef; }\n  .pay-order .pay-type-list .am-radio-inner {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background-color: #c1c1c1; }\n  .pay-order .pay-type-list .am-radio-inner:after {\n    display: block;\n    border-color: #fff;\n    top: 0;\n    right: 6px; }\n  .pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner {\n    background-color: #009aff;\n    border-radius: 50%;\n    width: 20px;\n    height: 20px; }\n  .pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner:after {\n    display: block; }\n  .pay-order .agreement {\n    margin-top: 8px;\n    background: #fff; }\n    .pay-order .agreement .am-checkbox-agree .am-checkbox {\n      left: unset;\n      right: 6px; }\n    .pay-order .agreement .am-checkbox-agree .am-checkbox-agree-label {\n      margin-left: 3px; }\n  .pay-order .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  .pay-order .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    .pay-order .pay-button.invalid {\n      background: #BBB; }\n  .pay-order .check-staging {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, 0.6);\n    z-index: 19; }\n    .pay-order .check-staging .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      .pay-order .check-staging .container .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    .pay-order .check-staging .am-list-item .am-list-line .am-list-extra {\n      flex-basis: 16%; }\n    .pay-order .check-staging .am-radio-inner {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      border: 1px solid #BFBFBF;\n      background-color: #fff; }\n    .pay-order .check-staging .am-radio-inner:after {\n      display: block;\n      border-color: #fff;\n      top: 0;\n      right: 6px; }\n    .pay-order .check-staging .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    .pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner:after {\n      display: block; }\n  .pay-order .order-info {\n    position: relative;\n    flex: 1; }\n    .pay-order .order-info .order-title {\n      font-size: 16px;\n      color: #333; }\n    .pay-order .order-info .order-content {\n      font-size: 14px;\n      color: #666;\n      margin-top: 14px;\n      line-height: 18px; }\n    .pay-order .order-info .order-des {\n      height: 24px;\n      line-height: 33px;\n      position: absolute;\n      bottom: 0; }\n      .pay-order .order-info .order-des .order-newprice {\n        font-size: 16px;\n        color: #ff3131; }\n      .pay-order .order-info .order-des .order-price {\n        font-size: 12px;\n        color: #999;\n        margin-left: 15px;\n        text-decoration: line-through; }\n  .pay-order .v-list-item {\n    padding: 10px 15px;\n    background-color: #fff; }\n    .pay-order .v-list-item .content {\n      border: none;\n      padding-bottom: 0; }\n      .pay-order .v-list-item .content .cover {\n        flex: inherit;\n        width: 42.2%; }\n        .pay-order .v-list-item .content .cover img {\n          width: 100%;\n          height: 100%; }\n        .pay-order .v-list-item .content .cover .course-status {\n          background-color: rgba(224, 46, 36, 0.6); }\n      .pay-order .v-list-item .content .price-des {\n        color: #999;\n        font-size: 11px; }\n    .pay-order .v-list-item .info {\n      width: 52.3%;\n      position: relative;\n      display: block; }\n      .pay-order .v-list-item .info .title {\n        font-size: 16px;\n        color: #333;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        height: 16px;\n        line-height: 16px; }\n      .pay-order .v-list-item .info .contact {\n        font-size: 14px;\n        color: #666;\n        margin-top: 14px; }\n      .pay-order .v-list-item .info .des {\n        position: absolute;\n        bottom: 0; }\n        .pay-order .v-list-item .info .des .course-price .price {\n          color: #FF2121;\n          font-size: 12px; }\n        .pay-order .v-list-item .info .des .course-price .new {\n          color: #FF2121;\n          font-size: 16px; }\n        .pay-order .v-list-item .info .des .course-price .old {\n          color: #999;\n          font-size: 12px;\n          display: inline-block;\n          margin-left: 15px;\n          text-decoration: line-through; }\n        .pay-order .v-list-item .info .des .isbuy {\n          display: inline-block;\n          width: 61px;\n          height: 18px;\n          background-color: #09f;\n          border-radius: 9px;\n          color: #fff;\n          font-size: 12px;\n          text-align: center;\n          line-height: 18px; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.v-list-base-item {\n  height: 130px;\n  padding: 10px 10px 0;\n  position: relative; }\n  .v-list-base-item .content {\n    display: flex;\n    height: 100%;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #e7eaf1; }\n    .v-list-base-item .content .cover {\n      flex: 0 0 auto;\n      margin-right: 16px;\n      position: relative; }\n      .v-list-base-item .content .cover img {\n        width: 150px;\n        height: 108px;\n        border-radius: 3px; }\n    .v-list-base-item .content .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: #fff;\n      font-size: 13px; }\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.deposit-pay-order {\n  width: 100%;\n  background-color: #f5f5f5;\n  box-sizing: content-box;\n  padding-bottom: 44px;\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  /*.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  .deposit-pay-order .order-number {\n    background-color: #fff; }\n    .deposit-pay-order .order-number span {\n      font-size: 15px;\n      color: #333333; }\n    .deposit-pay-order .order-number .number {\n      font-size: 12px;\n      color: #666666; }\n    .deposit-pay-order .order-number .money {\n      color: #ff3131; }\n  .deposit-pay-order .money-off {\n    font-size: 14px;\n    background: #fff;\n    color: #999; }\n    .deposit-pay-order .money-off .money {\n      color: #FF3131; }\n  .deposit-pay-order .pay-type-list .am-list-body::after {\n    display: none; }\n  .deposit-pay-order .pay-type-list .am-list-header {\n    color: #333333;\n    font-size: 15px;\n    background-color: #fff; }\n  .deposit-pay-order .pay-type-list .iconalipay {\n    font-size: 22px;\n    color: #01aaef; }\n  .deposit-pay-order .pay-type-list .iconweixinzhifu {\n    font-size: 22px;\n    color: #3baf34; }\n  .deposit-pay-order .pay-type-list .iconhuabei {\n    font-size: 22px;\n    color: #01aaef; }\n  .deposit-pay-order .pay-type-list .am-radio-inner {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background-color: #c1c1c1; }\n  .deposit-pay-order .pay-type-list .am-radio-inner:after {\n    display: block;\n    border-color: #fff;\n    top: 0;\n    right: 6px; }\n  .deposit-pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner {\n    background-color: #009aff;\n    border-radius: 50%;\n    width: 20px;\n    height: 20px; }\n  .deposit-pay-order .pay-type-list .am-radio.am-radio-checked .am-radio-inner:after {\n    display: block; }\n  .deposit-pay-order .price {\n    color: #FF3131;\n    margin-right: 10px;\n    font-size: 12px; }\n    .deposit-pay-order .price.sale-price {\n      font-size: 15px; }\n  .deposit-pay-order .former-price {\n    text-decoration: line-through;\n    color: #999; }\n  .deposit-pay-order .pay-tip {\n    width: 100%;\n    padding: 21px;\n    text-align: center;\n    font-size: 12px;\n    color: #ff3131; }\n  .deposit-pay-order .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  .deposit-pay-order .check-staging {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, 0.6);\n    z-index: 19; }\n    .deposit-pay-order .check-staging .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      .deposit-pay-order .check-staging .container .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    .deposit-pay-order .check-staging .am-list-item .am-list-line .am-list-extra {\n      flex-basis: 16%; }\n    .deposit-pay-order .check-staging .am-radio-inner {\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      border: 1px solid #BFBFBF;\n      background-color: #fff; }\n    .deposit-pay-order .check-staging .am-radio-inner:after {\n      display: block;\n      border-color: #fff;\n      top: 0;\n      right: 6px; }\n    .deposit-pay-order .check-staging .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    .deposit-pay-order .check-staging .am-radio.am-radio-checked .am-radio-inner:after {\n      display: block; }\n  .deposit-pay-order .select-bar {\n    background: #fff;\n    padding: 11px 15px;\n    border-bottom: 1px solid #E5E5E5; }\n    .deposit-pay-order .select-bar .am-flexbox-item {\n      flex: 0 1 auto; }\n    .deposit-pay-order .select-bar .final-payment-hint {\n      padding: 4px 6px 5px;\n      background: #09f;\n      border-radius: 3px;\n      color: #fff; }\n  .deposit-pay-order .v-list-base-item {\n    padding: 10px 15px;\n    background-color: #fff; }\n    .deposit-pay-order .v-list-base-item .content {\n      border: none;\n      padding-bottom: 0; }\n      .deposit-pay-order .v-list-base-item .content .cover {\n        flex: inherit;\n        width: 42.2%; }\n        .deposit-pay-order .v-list-base-item .content .cover img {\n          width: 100%;\n          height: 100%; }\n        .deposit-pay-order .v-list-base-item .content .cover .course-status {\n          background-color: rgba(224, 46, 36, 0.6); }\n      .deposit-pay-order .v-list-base-item .content .price-des {\n        color: #999;\n        font-size: 11px; }\n    .deposit-pay-order .v-list-base-item .info {\n      width: 52.3%;\n      position: relative; }\n      .deposit-pay-order .v-list-base-item .info .title {\n        font-size: 15px;\n        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      .deposit-pay-order .v-list-base-item .info .contact {\n        font-size: 14px;\n        color: #666;\n        margin-top: 14px; }\n      .deposit-pay-order .v-list-base-item .info .des {\n        color: #999; }\n        .deposit-pay-order .v-list-base-item .info .des .course-price .price {\n          color: #FF2121;\n          font-size: 12px; }\n        .deposit-pay-order .v-list-base-item .info .des .course-price .new {\n          color: #FF2121;\n          font-size: 16px; }\n        .deposit-pay-order .v-list-base-item .info .des .course-price .old {\n          color: #999;\n          font-size: 12px;\n          display: inline-block;\n          margin-left: 15px;\n          text-decoration: line-through; }\n        .deposit-pay-order .v-list-base-item .info .des .isbuy {\n          display: inline-block;\n          width: 61px;\n          height: 18px;\n          background-color: #09f;\n          border-radius: 9px;\n          color: #fff;\n          font-size: 12px;\n          text-align: center;\n          line-height: 18px; }\n      .deposit-pay-order .v-list-base-item .info .prices:last-child {\n        position: absolute;\n        bottom: 0; }\n  .deposit-pay-order .order-balance {\n    height: 44px;\n    line-height: 44px;\n    padding: 0 15px;\n    background: #fff; }\n    .deposit-pay-order .order-balance .am-list-item {\n      padding-left: 0 !important; }\n    .deposit-pay-order .order-balance .am-list-line {\n      padding: 0 15px; }\n    .deposit-pay-order .order-balance .am-list-content {\n      color: #333;\n      font-size: 16px; }\n      .deposit-pay-order .order-balance .am-list-content .iconiconfront-22 {\n        font-size: 18px;\n        margin-left: 15px; }\n    .deposit-pay-order .order-balance .order-balanceprice {\n      color: #666;\n      font-size: 12px; }\n      .deposit-pay-order .order-balance .order-balanceprice .order-money {\n        color: #ff2121;\n        font-size: 12px !important;\n        font-weight: normal;\n        font-style: inherit;\n        vertical-align: middle;\n        margin: 0; }\n    .deposit-pay-order .order-balance .iconiconfront-22.question-mark {\n      font-size: 24px;\n      margin-left: 15px; }\n    .deposit-pay-order .order-balance .am-list-body::before, .deposit-pay-order .order-balance .am-list-body::after {\n      display: none; }\n    .deposit-pay-order .order-balance .balance-used {\n      font-size: 24px;\n      color: #0099FF; }\n    .deposit-pay-order .order-balance .circle-icon {\n      width: 20px;\n      height: 20px;\n      border: 1px solid #BFBFBF;\n      border-radius: 50%;\n      margin-right: 2px; }\n  .deposit-pay-order .order-prefer {\n    width: 100%;\n    margin-bottom: 6px; }\n    .deposit-pay-order .order-prefer .am-list-body::after {\n      display: none; }\n    .deposit-pay-order .order-prefer .am-list-content {\n      font-size: 15px !important; }\n  .deposit-pay-order .order-list .am-flexbox-item {\n    margin-left: 0; }\n"]}