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