[data-v-28c2558e]:root {
    --van-picker-background: #22275B;
    --van-picker-option-text-color: #fff;
    --van-border-color: rgba(55, 73, 146, .5);
    --van-picker-mask-color: linear-gradient(180deg, rgba(34, 39, 91, .9), rgba(34, 39, 91, .4)), linear-gradient(0deg, rgba(34, 39, 91, .9), rgba(34, 39, 91, .4));
    --van-text-color: #fff;
    --van-popup-background: var(--van-picker-background);
    --van-dialog-background: var(--van-picker-background);
    --van-dialog-has-title-message-text-color: #fff
}

.van-toast[data-v-28c2558e] {
    word-break: break-word!important
}

.cg-default.van-button[data-v-28c2558e] {
    box-shadow: 0 .05333rem #e04846;
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-28c2558e] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-28c2558e] {
    height: 80%
}

.redeem-container-header[data-v-28c2558e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 5.84rem;
    background: -webkit-linear-gradient(left, #00D08A 0%, #5cba47 100%);
    background: linear-gradient(90deg, #00D08A 0%, #5cba47 100%)
}

.redeem-container-header-belly[data-v-28c2558e] {
    padding-left: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.redeem-container-header-belly img[data-v-28c2558e] {
    width: 7.92rem
}

.redeem-container-content[data-v-28c2558e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.redeem-container-receive[data-v-28c2558e] {
    height: 7.33333rem;
    width: calc(100% - .64rem);
    background: #2B3270;
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: .33333rem .46667rem;
    margin-top: .4rem;
    color: #fff
}

.redeem-container-receive p[data-v-28c2558e] {
    font-size: .37333rem;
    padding-top: .16rem
}

.redeem-container-receive h4[data-v-28c2558e] {
    font-size: .37333rem;
    margin-top: .90667rem
}

.redeem-container-receive input[data-v-28c2558e] {
    width: 8.82667rem;
    height: 1.06667rem;
    background: #00D08A;
    border-radius: .8rem;
    border: none;
    font-size: .4rem;
    color: #fff;
    padding: .29333rem .56rem;
    margin-top: .34667rem
}

.redeem-container-receive input[data-v-28c2558e]::-webkit-input-placeholder {
    font-size: .4rem;
    color: #757ba6
}

.redeem-container-receive input[data-v-28c2558e]::placeholder {
    font-size: .4rem;
    color: #757ba6
}

.redeem-container-receive h5[data-v-28c2558e] {
    font-size: .32rem;
    color: #4dd8ef;
    margin-top: .16rem;
    padding-left: .36rem
}

.redeem-container-receive button[data-v-28c2558e] {
    width: 8.8rem;
    height: .93333rem;
    line-height: .93333rem;
    text-align: center;
    background: -webkit-linear-gradient(top, #2AAAF3 0%, #2979F2 100%);
    background: linear-gradient(180deg, #2AAAF3 0%, #2979F2 100%);
    border-radius: 1.06667rem;
    font-size: .4rem;
    color: #fff;
    border: none;
    margin-top: .74667rem
}

.redeem-container-record[data-v-28c2558e] {
    margin: .4rem 0 .29333rem;
    width: calc(100% - .64rem);
    padding: .34667rem .32rem;
    background: #2B3270;
    border-radius: .26667rem
}

.redeem-container-record-title[data-v-28c2558e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.redeem-container-record-title img[data-v-28c2558e] {
    width: .64rem;
    padding-right: .13333rem
}

.redeem-container-record-title span[data-v-28c2558e] {
    font-size: .4rem;
    color: #fff
}

.redeem-container-record-itemsBox[data-v-28c2558e] {
    height: 8.66667rem;
    overflow-y: auto
}

.redeem-container-record-item[data-v-28c2558e] {
    padding: .45333rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.redeem-container-record-item img[data-v-28c2558e] {
    width: .64rem
}

.redeem-container-record-item-left[data-v-28c2558e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.redeem-container-record-item-left h5[data-v-28c2558e] {
    font-size: .4rem;
    color: #5fde9a
}

.redeem-container-record-item-left span[data-v-28c2558e] {
    padding-top: .26667rem;
    font-size: .32rem;
    color: #acafc2
}

.redeem-container-record-item-right[data-v-28c2558e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 2.53333rem;
    height: .53333rem;
    border: .00667rem solid #4DD8EF;
    border-radius: .13333rem;
    padding: 0 .2rem
}

.redeem-container-record-item-right img[data-v-28c2558e] {
    margin-top: -.05333rem;
    width: .4rem
}

.redeem-container-record-item-right span[data-v-28c2558e] {
    font-size: .34667rem;
    color: #4dd8ef
}

.redeem-container[data-v-28c2558e] .navbar__content .navbar__content-center,
.redeem-container[data-v-28c2558e] .navbar__content .van-icon {
    color: #fff
}