.language-wrap[data-v-c7b7baf6] {
    position: relative;
    z-index: 3;
    padding-right: 2px
}

.language-wrap.shop-language[data-v-c7b7baf6] {
    display: flex;
    justify-content: flex-end;
    padding-top: 22%
}

.language-wrap .language-select[data-v-c7b7baf6] {
    padding: 5px 8px;
    font-size: 14px;
    color: #959493;
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #272729;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMCAYAAACA0IaCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDgwNkZFRjJGMEM2MTFFRTg2NjlFN0I5QjZEQTIxQTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDgwNkZFRjFGMEM2MTFFRTg2NjlFN0I5QjZEQTIxQTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDIzQzRGMzFGMEM1MTFFRTg3OTNDNTAyMjVCQkI5OUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDIzQzRGMzJGMEM1MTFFRTg3OTNDNTAyMjVCQkI5OUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5N9aNPAAAA90lEQVR42mIsKChkAIIuILYE4otAnMNAPKgDYncgvg3EeSxAogeIi6GSNkCsCcTORBg0D4gToWwrIBZhAhLRaIqcgHgjAYOmIBkEA64gw7ZiUewHxAdwGLQQiLOxiJ8EGZYFxEexSNoD8WYsLorDovY5yIcgw35Bw+oIFkU+QLweiPmgkYTNRU+B2KS/v+8xC5KgLdRAazTFAUB8B4hFcbjIGGjQSxCHCU0S5MLjWDQRNAibYSBgB8TnCcTmR2i6fI4siM2wP6AwwBEpMBfpA/FDdAkmHBr+Qb18GU38K9Sih9g0MRHwjhk0AT8B4sNQg57hUgwQYACG/jRAnUBNjQAAAABJRU5ErkJggg==);
    background-position: 110px;
    background-repeat: no-repeat
}

.search-loading[data-v-4d0fc307] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.search-loading .van-overlay[data-v-4d0fc307] {
    position: absolute
}

.search-loading .van-loading[data-v-4d0fc307] {
    z-index: 10
}

.search-loading[data-v-c251fa6e] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.search-loading .van-overlay[data-v-c251fa6e] {
    position: absolute;
    z-index: 5
}

.search-loading .van-loading[data-v-c251fa6e] {
    z-index: 10
}

.checkout-component-container .van-checkbox__icon .van-icon {
    border-color: #697887
}

.checkout-component-container .van-checkbox__icon--checked .van-icon {
    border-color: #1989fa
}

.checkout-component-container[data-v-797c24de] {
    display: flex;
    justify-content: center
}

.van-loading[data-v-797c24de] {
    text-align: center
}

.van-after-submit-loading[data-v-797c24de] {
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#payment-form[data-v-797c24de] {
    margin: 0 auto
}

iframe[data-v-797c24de] {
    width: 100%
}

.pay-button[data-v-797c24de] {
    border: none;
    color: #fff;
    font-weight: 500;
    width: 100%;
    background-color: #13395e;
    box-shadow: 0 1px 3px 0 rgba(19, 57, 94, .4)
}

.pay-button[data-v-797c24de]:active {
    background-color: #0b2a49;
    box-shadow: 0 1px 3px 0 rgba(19, 57, 94, .4)
}

.pay-button[data-v-797c24de]:hover {
    background-color: #15406b;
    box-shadow: 0 2px 5px 0 rgba(19, 57, 94, .4)
}

.pay-button[data-v-797c24de]:disabled {
    background-color: #697887;
    box-shadow: none
}

.pay-button[data-v-797c24de]:not(:disabled) {
    cursor: pointer
}

.card-frame[data-v-797c24de] {
    border: 1px solid #13395e;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 1px 3px 0 rgba(19, 57, 94, .2);
    background-color: #fff
}

.card-frame.frame--rendered[data-v-797c24de] {
    opacity: 1
}

.card-frame.frame--rendered.frame--focus[data-v-797c24de] {
    border: 1px solid #13395e;
    box-shadow: 0 2px 5px 0 rgba(19, 57, 94, .15)
}

.card-frame.frame--rendered.frame--invalid[data-v-797c24de] {
    border: 1px solid #d96830;
    box-shadow: 0 2px 5px 0 rgba(217, 104, 48, .15)
}

.error-message[data-v-797c24de] {
    color: #c9501c;
    font-size: 12px;
    margin: 5px 0 0 1px;
    font-weight: 300
}

.success-payment-message[data-v-797c24de] {
    color: #13395e;
    line-height: 1.4
}

.token[data-v-797c24de] {
    color: #b35e14;
    font-size: 12px;
    font-family: monospace
}

.charge-info .charge-info-header[data-v-797c24de] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: 700
}

.select-type-wrap .select-type-item[data-v-797c24de] {
    border-top: 1px solid #dbdbdb
}

.select-type-wrap .select-type-item .radio-box[data-v-797c24de] {
    position: relative;
    border-radius: 50%;
    border: 1px solid #666
}

.select-type-wrap .select-type-item .radio-box[data-v-797c24de]:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: " ";
    background-color: #fff;
    border-radius: 50%
}

.select-type-wrap .select-type-item .card-info[data-v-797c24de], .select-type-wrap .select-type-item .select-type-header[data-v-797c24de] {
    display: flex;
    align-items: center
}

.select-type-wrap .select-type-item .card-info[data-v-797c24de] {
    flex: 1;
    cursor: pointer
}

.select-type-wrap .select-type-item .card-opt[data-v-797c24de] {
    cursor: pointer;
    color: #4786fa
}

.select-type-wrap .select-type-item .card-opt[data-v-797c24de]:hover {
    color: #82aeff
}

.select-type-wrap .select-type-item .item-input[data-v-797c24de] {
    border: 1px solid #ccc
}

.select-type-wrap .select-type-item .item-input[data-v-797c24de]::-moz-placeholder {
    color: #ccc
}

.select-type-wrap .select-type-item .item-input[data-v-797c24de]:-ms-input-placeholder {
    color: #ccc
}

.select-type-wrap .select-type-item .item-input[data-v-797c24de]::placeholder {
    color: #ccc
}

.select-type-wrap .select-type-item .select-form-tip[data-v-797c24de] {
    color: #888
}

.select-type-wrap .select-type-item .card-other-info[data-v-797c24de] {
    display: flex;
    justify-content: space-between
}

.select-type-wrap .select-type-item .slide-wrapper[data-v-797c24de] {
    display: none
}

.select-type-wrap .select-type-item.active[data-v-797c24de] {
    border-bottom: 1px solid #bee5f3;
    background-color: #bee5f3
}

.select-type-wrap .select-type-item.active .radio-box[data-v-797c24de] {
    border: none;
    background-color: #4786fa
}

.select-type-wrap .select-type-item.active .slide-wrapper[data-v-797c24de] {
    display: block
}

.search-loading[data-v-6cfea6cb] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.search-loading .van-overlay[data-v-6cfea6cb] {
    position: absolute
}

.search-loading .van-loading[data-v-6cfea6cb] {
    z-index: 10
}

.mall-page {
/*    background-image: url("/im");*/
    background-color: #82a0b5;
    background-repeat: no-repeat
}

.mall-layout {
    position: relative;
    min-height: 100vh;
    color: #f0f0f0;
    font-family: Arial, Helvetica, sans-serif, 微软雅黑
}

.wrapper-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.loading-wrap {
    z-index: 8
}

.mall-page-pc .mall-layout {
    max-width: 1560px;
    margin: 0 auto
}

.mall-page-pc .mall-top {
    display: flex;
    justify-content: space-between;
    padding-top: 30px
}

.mall-page-pc .mall-top .top-title {
    color: #020202ab;
    font-size: 32px;
}

.mall-page-pc .mall-top .top-operation {
    display: flex;
    height: 40px
}

.mall-page-pc .mall-top .top-operation .add-desk {
    margin-right: 10px;
    padding: 0 20px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 18px;
    color: #f0f0f0;
    background-color: #0fc1f2
}

.mall-page-pc .mall-top .top-operation .mall-language .language-select {
    width: 140px;
    height: 40px;
    padding: 0 20px;
    padding-right: 26px;
    font-size: 20px;
    border-radius: 18px;
    border-color: #b7b6b7;
    color: #b7b6b7;
    text-align: center;
    -webkit-appearance: none
}

.mall-page-pc .mall-container {
    display: flex;
    justify-content: space-between;
    padding-top: 14px;
    height: calc(100vh - 85px);
    box-sizing: border-box
}

.mall-page-pc .side {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 68px;
    margin-right: 25px;
    font-size: 0;
    width: 270px;
    border-radius: 18px;
    background-color: hsla(0, 0%, 100%, .1);
    text-align: center
}

.mall-page-pc .side .game-icon {
    margin-top: 24px;
    height: 205px;
    border-radius: 20px
}

.mall-page-pc .side .game-icon, .mall-page-pc .side .game-logo {
    display: inline-block;
    width: 285px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.mall-page-pc .side .game-logo {
    margin-top: 14px;
    height: 100px
}

.mall-page-pc .side .game-desc {
    margin-top: 14px;
    padding: 10px 20px;
    color: #d3d3d3;
    font-size: 18px;
    line-height: 26px;
    text-align: left
}

.mall-page-pc .side .faq-link {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 24px;
    text-align: center;
    font-size: 18px;
    color: #009bdc;
    text-decoration: underline
}

.mall-page-pc .side .faq-link .van-icon {
    vertical-align: middle;
    margin-right: 3px;
    font-size: 24px
}

.mall-page-pc .main {
    position: relative;
    flex: 1;
    max-width: 1260px;
    display: flex;
    flex-direction: column
}

.mall-page-pc .main .main-top.marketing {
    display: flex
}

.mall-page-pc .main .top-marketing {
    flex: 1;
    padding-left: 20px;
    max-width: 530px
}

.mall-page-pc .main .top-marketing img {
    border-radius: 15px;
    max-width: 100%
}

.mall-page-pc .main .scroll-container-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative
}

.mall-page-pc .main .scroll-container-inner {
    position: absolute;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mall-page-pc .main .label-text {
    margin-right: 25px;
    line-height: 1;
    font-size: 22px
}

.mall-page-pc .main .select-item {
    position: relative;
    margin-bottom: 12px
}

.mall-page-pc .main .select-item.snd-voucher {
    margin-top: 10px
}

.mall-page-pc .main .select-item .body {
    flex: 1
}

.mall-page-pc .main .select-item .voucher-label-text {
    margin-left: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    color: #ff5e28
}

.mall-page-pc .main .user-wrap .search-loading {
    min-height: 62px
}

.mall-page-pc .main .user-wrap .login--not-login {
    display: flex;
    align-items: center
}

.mall-page-pc .main .user-wrap .login--not-login .icon-user {
    margin-right: 10px;
    width: 25px;
    height: 25px
}

.mall-page-pc .main .user-wrap .login--not-login .login-input-wrapper {
    position: relative;
    border: 1px solid transparent;
    border-radius: 15px;
    background: #272729
}

.mall-page-pc .main .user-wrap .login--not-login .login-input-wrapper .input {
    box-sizing: border-box;
    padding: 0 50px 0 21px;
    height: 46px;
    line-height: 46px;
    width: 350px;
    border: none;
    background: none;
    font-size: 20px
}

.mall-page-pc .main .user-wrap .login--not-login .login-input-wrapper.focus {
    border-color: #c00
}

.mall-page-pc .main .user-wrap .login--not-login .login-input-wrapper .icon-question {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    color: #b1b0af;
    cursor: pointer
}

.mall-page-pc .main .user-wrap .login--not-login .login-input-wrapper .icon-clear {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    font-size: 20px;
    color: #b1b0af;
    opacity: .8;
    cursor: pointer
}

.mall-page-pc .main .user-wrap .login--not-login .login-input-wrapper .tips-img {
    position: absolute;
    z-index: 99;
    top: 48px;
    right: 10px;
    opacity: 0;
    transition: all .3s;
    pointer-events: none
}

.mall-page-pc .main .user-wrap .login--not-login .login-input-wrapper .tips-img.show {
    right: 0;
    opacity: 1
}

.mall-page-pc .main .user-wrap .login--not-login .login-btn {
    margin-left: 12px;
    min-width: 160px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    border-radius: 15px;
    transition: all .3s;
    background-color: #8cf7ffb3;
}

.mall-page-pc .main .user-wrap .login--not-login .login-btn:hover {
    filter: brightness(1.2)
}

.mall-page-pc .main .user-wrap .login--not-login .login-btn.disabled {
    cursor: not-allowed;
    filter: brightness(.7)
}

.mall-page-pc .main .user-wrap .form-error {
    padding-top: 5px;
    padding-left: 35px;
    color: red
}

.mall-page-pc .main .user-wrap .login--login {
    display: flex;
    align-items: center
}

.mall-page-pc .main .user-wrap .login--login .avatar {
    margin-right: 8px;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover
}

.mall-page-pc .main .user-wrap .login--login .user-info .user-name {
    display: flex;
    align-items: center;
    margin-bottom: 3px
}

.mall-page-pc .main .user-wrap .login--login .user-info .user-name .name {
    font-size: 20px
}

.mall-page-pc .main .user-wrap .login--login .user-info .user-name .icon-wrap {
    margin-left: 5px;
    height: 24px;
    width: 50px;
    font-size: 24px;
    border-radius: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmY1NDhkZTkzLTRjMGUtMjI0NS1hNmJjLTczMDdmNmUxMzM2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQkJFNTQ3MEYwQjUxMUVFODc2M0VFRTNCMEE2MzQ3MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQkJFNTQ2RkYwQjUxMUVFODc2M0VFRTNCMEE2MzQ3MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOGVmMjkxMi05YmMyLWZlNDYtOTEzZC1lNWEyODkxYWJjZDkiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYTFhNzQ0OC05ODM2LWQ2NDgtODUyZi0yYjcxY2NiMGM4ZWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz726HK6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdQTFRFR3BM/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14oWUW/7wAAABx0Uk5TAI/U8m9Av3jGh+MfBjCA6PonE67OUwykOGSYRXbgIHMAAADuSURBVCjPbZHbkoQgDETDRUSUi4o67vT/f+cCI6xO7XkgIaG6OoToYpRHNIptEz14RQi+HsoA7F5n0K9PtksRulbn6G6vfnC2dHzoSmwl2pW+cFiyviihUC0Zng4FfzVOVRszLFHMR/ZzgDcxk+TFUNLNA7H78B4HT1NxYDnurBbVodEqoS/kKGhQ9B9LckvSuf6POu1mpoc8RG64nna8z6HgWEj1vnjJ38VjEwbUXOYT+Vct5jpv6Osv4p3CWj0vY1uPLKngX167urVglvs6fNv7FMH2un0Nt99ehcCPXg6rgZ6futvBvTea2ev+C7KgD4WLrg2hAAAAAElFTkSuQmCC)
}

.mall-page-pc .main .user-wrap .login--login .user-other-info {
    display: flex;
    font-size: 16px
}

.mall-page-pc .main .user-wrap .login--login .user-other-info .level {
    margin-right: 16px
}

.mall-page-pc .main .user-wrap .login--login .user-other-info .go-vip {
    display: flex;
    margin-left: 14px
}

.mall-page-pc .main .user-wrap .login--login .user-other-info .go-vip .go-vip-link {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 14px;
    margin-top: -3px;
    color: #fff;
    padding: 3px 5px 0 40px;
    background-color: #009bdc;
    border-radius: 15px;
    cursor: pointer
}

.mall-page-pc .main .user-wrap .login--login .user-other-info .go-vip .icon-point {
    position: absolute;
    bottom: 0;
    left: 8px
}

.mall-page-pc .main .user-wrap .login--login .user-other-info .go-vip .icon-arrow {
    margin-top: -2px;
    margin-right: 5px;
    margin-left: 12px;
    width: 10px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NTg1Yzc5Ny03YjkzLTJlNGEtODRiYy1kNjNkZDJhNzhmOWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA3RkE5NTdGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA3RkE5NTZGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM5NTEzZGMtMmEyYS0wZTQzLTk0ZjEtOGVhY2ZhYzUyZTE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjEwOTllYzctYTJjMC0xYTRjLWI3MDItNjA2ZjE1NDcwMmExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EyjhDwAAAKpJREFUeNpi/PX3ryQDA8N0IOYF4g4g3s2ADQAVHgHi/0g4HIgZ0DGIOIumEITzsClUBuI3WBTXoCsEYUkgvo1FcR+6QhDmB+LzWBQvAMkzglWjgl1A7IomNgubQhB4DMQyyAJMWBSBwlQMTWwjenhtxOLGHUDMBFPABMQHsChahuxrISC+hEXRVPRw3IlFURu2mLmMpigfV1xrA/FpIL4GxHHYFIEwQIABAN9hiXEnVWEkAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.mall-page-pc .main .user-wrap .login--login .user-other-info .go-vip .dot {
    position: absolute;
    left: 28px;
    top: -8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: red
}

.mall-page-pc .main .select-item-gift {
    margin-top: 25px
}

.mall-page-pc .main .select-item-gift .body {
    display: flex
}

.mall-page-pc .main .select-item-gift .gift-box-wrap {
    position: relative;
    display: inline-block
}

.mall-page-pc .main .select-item-gift .gift-box-wrap .dot {
    position: absolute;
    left: 36px;
    top: -10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: red
}

.mall-page-pc .main .select-item-gift .gift-box-wrap .gift-img {
    position: absolute;
    left: 10px;
    top: -10px
}

.mall-page-pc .main .select-item-gift .gift-box-wrap .gift-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    padding-left: 50px;
    line-height: 25px;
    font-size: 16px;
    text-shadow: 0 1px 2px #ccc;
    border-radius: 20px;
    color: #fff;
    background-color: #23a3d4
}

.mall-page-pc .main .select-item-gift .gift-box-wrap .gift-btn .icon-arrow {
    margin-right: 5px;
    margin-top: 1px;
    margin-left: 12px;
    width: 10px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NTg1Yzc5Ny03YjkzLTJlNGEtODRiYy1kNjNkZDJhNzhmOWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA3RkE5NTdGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA3RkE5NTZGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM5NTEzZGMtMmEyYS0wZTQzLTk0ZjEtOGVhY2ZhYzUyZTE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjEwOTllYzctYTJjMC0xYTRjLWI3MDItNjA2ZjE1NDcwMmExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EyjhDwAAAKpJREFUeNpi/PX3ryQDA8N0IOYF4g4g3s2ADQAVHgHi/0g4HIgZ0DGIOIumEITzsClUBuI3WBTXoCsEYUkgvo1FcR+6QhDmB+LzWBQvAMkzglWjgl1A7IomNgubQhB4DMQyyAJMWBSBwlQMTWwjenhtxOLGHUDMBFPABMQHsChahuxrISC+hEXRVPRw3IlFURu2mLmMpigfV1xrA/FpIL4GxHHYFIEwQIABAN9hiXEnVWEkAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.mall-page-pc .main .select-item-gift .ricarica-acc {
    display: flex;
    align-items: center
}

.mall-page-pc .main .select-item-gift .ricarica-acc .countdown {
    display: flex;
    align-items: center;
    margin-left: 6px;
    color: #c1c1c1;
    font-size: 14px
}

.mall-page-pc .main .select-item-gift .ricarica-acc .countdown .colon {
    color: #c1c1c1;
    padding: 2px;
    font-size: 14px;
    font-weight: 700
}

.mall-page-pc .main .select-item-gift .ricarica-acc .countdown .date-num {
    padding: 5px;
    font-size: 18px;
    color: #c1c1c1;
    background-color: #272729;
    border-radius: 40%
}

.mall-page-pc .main .select-item-gift .ricarica-box-wrap {
    position: relative;
    display: inline-block;
    margin-left: 16px
}

.mall-page-pc .main .select-item-gift .ricarica-box-wrap .dot {
    position: absolute;
    left: 36px;
    top: -10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: red
}

.mall-page-pc .main .select-item-gift .ricarica-box-wrap .gift-img {
    position: absolute;
    left: 10px;
    top: -11px
}

.mall-page-pc .main .select-item-gift .ricarica-box-wrap .gift-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    padding-left: 50px;
    line-height: 25px;
    font-size: 16px;
    text-shadow: 0 1px 2px #ccc;
    border-radius: 20px;
    color: #fff;
    background-color: #23a3d4
}

.mall-page-pc .main .select-item-gift .ricarica-box-wrap .gift-btn .icon-arrow {
    margin-right: 5px;
    margin-top: 1px;
    margin-left: 12px;
    width: 10px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NTg1Yzc5Ny03YjkzLTJlNGEtODRiYy1kNjNkZDJhNzhmOWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA3RkE5NTdGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA3RkE5NTZGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM5NTEzZGMtMmEyYS0wZTQzLTk0ZjEtOGVhY2ZhYzUyZTE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjEwOTllYzctYTJjMC0xYTRjLWI3MDItNjA2ZjE1NDcwMmExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EyjhDwAAAKpJREFUeNpi/PX3ryQDA8N0IOYF4g4g3s2ADQAVHgHi/0g4HIgZ0DGIOIumEITzsClUBuI3WBTXoCsEYUkgvo1FcR+6QhDmB+LzWBQvAMkzglWjgl1A7IomNgubQhB4DMQyyAJMWBSBwlQMTWwjenhtxOLGHUDMBFPABMQHsChahuxrISC+hEXRVPRw3IlFURu2mLmMpigfV1xrA/FpIL4GxHHYFIEwQIABAN9hiXEnVWEkAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.mall-page-pc .main .select-sku-wrapper {
    margin-top: 15px;
    min-height: 500px
}

.mall-page-pc .main .select-pay-methods-wrapper {
    min-height: 150px
}

.mall-page-pc .main .select-item-shop .item-shop-label {
    display: flex;
    align-items: center;
    padding-bottom: 3px;
    border-bottom: 1px solid #363c3e
}

.mall-page-pc .main .select-item-shop .item-shop-label .icon-libao {
    margin-right: 12px
}

.mall-page-pc .main .select-item-shop .item-shop-label .icon-libao img {
    vertical-align: middle
}

.mall-page-pc .main .select-item-shop .label-text {
    margin-right: 0
}

.mall-page-pc .main .shop-list {
    flex: 1;
    padding-top: 15px;
    padding-left: 15px;
    margin-left: -15px;
    margin-right: -31px;
    font-size: 0
}

.mall-page-pc .main .shop-list .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 23px;
    margin-bottom: 18px;
    width: 296px;
    height: 203px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../goatpay/pc-gift-box.e51eabbb.png)
}

.mall-page-pc .main .shop-list .item .item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 296px;
    height: 34px;
    box-sizing: border-box;
    padding: 0 37px;
    font-size: 15px;
    color: #d3d3d3;
    font-weight: 700;
    text-align: center
}

.mall-page-pc .main .shop-list .item .item-title.t-extra-ratio {
    padding-left: 84px
}

.mall-page-pc .main .shop-list .item .item-image {
    position: relative;
    margin-top: 5px;
    height: 113px;
    margin-bottom: 5px;
    text-align: center
}

.mall-page-pc .main .shop-list .item .item-image .img {
    height: 113px
}

.mall-page-pc .main .shop-list .item .item-image .icon-blow {
    position: absolute;
    right: 50px;
    top: -8px;
    width: 30%
}

.mall-page-pc .main .shop-list .item .range-time {
    position: absolute;
    left: 10px;
    bottom: 44px;
    height: 29px
}

.mall-page-pc .main .shop-list .item .range-time .van-count-down {
    font-size: 16px;
    color: #63ff2f;
    line-height: 29px;
    text-align: center
}

.mall-page-pc .main .shop-list .item .item-limit {
    position: absolute;
    right: 10px;
    top: 34px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #75accb;
    text-align: center
}

.mall-page-pc .main .shop-list .item .item-name {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    height: 44px;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    overflow: hidden;
    line-height: 1
}

.mall-page-pc .main .shop-list .item .item-name .price {
    width: 100%;
    font-size: 20px;
    color: #fff
}

.mall-page-pc .main .shop-list .item .item-name .ori-price {
    margin-top: -3px;
    width: 100%;
    font-size: 16px;
    color: #391c16;
    text-decoration: line-through
}

.mall-page-pc .main .shop-list .item.active {
    background-image: url(../goatpay/gift-box-act.df4a3088.png)
}

.mall-page-pc .main .shop-list .item .icon-extra {
    position: absolute;
    z-index: 3;
    left: -3px;
    top: -3px;
    font-size: 20px;
    line-height: 1;
    width: 95px;
    height: 96px;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAABgCAMAAABMvl6/AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFlNDRjNWZiLTMxYjAtODA0MS1iMmM0LWFkMTNiMzg2NTcwNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjA0M0EzNUYwQjUxMUVFQjEyMERDRjMxQjA2QzIwOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjA0M0EzNEYwQjUxMUVFQjEyMERDRjMxQjA2QzIwOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Nzk5NDkyYi03NjQzLWQyNGYtYTM2OC02MWI4MjI4ZDlkNGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMzU1MzJlOC05MDAzLTEzNGMtYTAyOS0wZTE4ZWJjZWM3NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwv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)
}

.mall-page-pc .main .shop-list .item .icon-extra .extra-text {
    width: 60px;
    padding-top: 16px;
    transform: rotate(-45deg);
    font-weight: 700;
    text-shadow: 0 1px 2px #000
}

.mall-page-pc .main .shop-list .item .icon-extra .extra-text .txt {
    white-space: nowrap
}

.mall-page-pc .main .shop-list .item .icon-extra .extra {
    display: block;
    margin-top: -1px;
    font-size: 16px
}

.mall-page-pc .main .shop-list .item .icon-question {
    position: absolute;
    z-index: 5;
    right: 6px;
    top: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAMAAAB1owf/AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjlkMWZhMzM3LTEzYWMtNTk0ZS05NWRlLWFjYWUwM2U0NDE2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QzRGRTQ0RkYwQjUxMUVFODk0NUJCMUVGRjUwMUUxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QzRGRTQ0RUYwQjUxMUVFODk0NUJCMUVGRjUwMUUxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NWU2YTUzMi0zZDAyLTU5NDAtOWNiZC1mYWIzZjhhOGU0Y2UiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0ZTgwZDE2MS02NDQyLTgxNDktOGNiMS04NTk5ZDJjN2ZmY2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7QnetIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFR3BMb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vdjszMwAAABN0Uk5TAA470Oov3WN8jVIeRKH1cLLEmgZpVxsAAADOSURBVCjPbVJZFsQgCMMVt9a23v+uY8UR2hl+FCIJ5AnwDZdqRa3gFTn4NmK/9AMITcSWV12Z9oj926aIyEbEcBBWCKGOSNrFjiyzRlwjjtTcXETVb+k0dVEkgDguofPMkwoegOT1fHusDRzQeU3+/uKkCk6kjZGsA8BZiCA29IqBtglkV9ImiZx9cM7iExHOVrAiKZ4TDVv7G92UzBNg4h7sPm2sOdedPoKyjGhWYd9vO9ELrgHtL3nkn3PIuiny85SFGfz5cSnEGNCtwgekQB58MJYcvAAAAABJRU5ErkJggg==)
}

.mall-page-pc .main .shop-list .item .question-tip-mask {
    display: none;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #000;
    transition: all .3s linear
}

.mall-page-pc .main .shop-list .item .question-tip {
    display: none;
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 38px;
    transform: translateX(-50%);
    width: 232px;
    box-sizing: border-box;
    padding: 10px 5px;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    color: #0ebbea;
    border-radius: 12px;
    border: 1px solid #0ebbea;
    background-color: #0d2e37;
    transition: all .3s linear
}

.mall-page-pc .main .shop-list .item.view-more .question-tip, .mall-page-pc .main .shop-list .item.view-more .question-tip-mask {
    display: block
}

.mall-page-pc .main .shop-list .item.view-more .icon-question {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAMAAAB1owf/AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjlkMWZhMzM3LTEzYWMtNTk0ZS05NWRlLWFjYWUwM2U0NDE2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NzFBRTI2NEYwQjUxMUVFQkM3M0U4OEU4MzNGNzcyQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NzFBRTI2M0YwQjUxMUVFQkM3M0U4OEU4MzNGNzcyQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NWU2YTUzMi0zZDAyLTU5NDAtOWNiZC1mYWIzZjhhOGU0Y2UiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0ZTgwZDE2MS02NDQyLTgxNDktOGNiMS04NTk5ZDJjN2ZmY2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz63hyaiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFR3BMb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vdjszMwAAABN0Uk5TAA470Oov3WN8jVIeRKH1cLLEmgZpVxsAAADOSURBVCjPbVJZFsQgCMMVt9a23v+uY8UR2hl+FCIJ5AnwDZdqRa3gFTn4NmK/9AMITcSWV12Z9oj926aIyEbEcBBWCKGOSNrFjiyzRlwjjtTcXETVb+k0dVEkgDguofPMkwoegOT1fHusDRzQeU3+/uKkCk6kjZGsA8BZiCA29IqBtglkV9ImiZx9cM7iExHOVrAiKZ4TDVv7G92UzBNg4h7sPm2sOdedPoKyjGhWYd9vO9ELrgHtL3nkn3PIuiny85SFGfz5cSnEGNCtwgekQB58MJYcvAAAAABJRU5ErkJggg==)
}

.mall-page-pc .main .shop-list .item.active .act {
    display: block
}

.mall-page-pc .main .shop-list .item.disabled {
    filter: grayscale(.7);
    cursor: not-allowed
}

.mall-page-pc .main .select-item-pay {
    margin-top: 25px
}

.mall-page-pc .main .select-item-pay .pay-btn {
    display: block;
    width: 400px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    border-radius: 15px;
    background-color: #ff5e28;
    transition: all .3s
}

.mall-page-pc .main .select-item-pay .pay-btn:hover {
    filter: brightness(1.2)
}

.mall-page-pc .main .select-item-pay .pay-btn.disabled {
    cursor: not-allowed;
    filter: brightness(.7)
}

.mall-page-pc .dialog-wrapper {
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mall-page-pc .dialog-wrapper .dialog-inner {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #6b6969;
    border-radius: 15px;
    color: #f0f0f0;
    width: 700px;
    padding: 30px 45px;
    background-color: rgba(0, 0, 0, .7)
}

.mall-page-pc .dialog-wrapper.dialog-wrapper--adyen .dialog-inner {
    background: #fff;
    color: #666
}

.mall-page-pc .dialog-wrapper .dialog-inner--role {
    width: 944px
}

.mall-page-pc .dialog-wrapper .dialog-body {
    position: relative
}

.mall-page-pc .dialog-wrapper .dialog-header {
    position: relative;
    z-index: 3;
    text-align: center
}

.mall-page-pc .dialog-wrapper .dialog-header .dialog-title {
    padding-bottom: 10px;
    font-size: 28px;
    font-weight: 700
}

.mall-page-pc .dialog-wrapper .dialog-header .dialog-close {
    position: absolute;
    right: -15px;
    top: 0;
    line-height: 1;
    font-size: 32px;
    cursor: pointer
}

.mall-page-pc .dialog-wrapper .dialog-header .dialog-close .van-icon {
    font-weight: 700
}

.mall-page-pc .dialog-wrapper .dialog-header .line {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, transparent, #fff, transparent)
}

.mall-page-pc .dialog-viewer-wrapper {
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mall-page-pc .dialog-viewer-wrapper .van-overlay {
    background-color: #000
}

.mall-page-pc .dialog-viewer-wrapper .dialog-viewer {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mall-page-pc .dialog-viewer-wrapper .dialog-viewer .dialog-viewer-inner {
    position: relative
}

.mall-page-pc .dialog-viewer-wrapper .dialog-viewer .dialog-viewer-inner.dsf {
    transform: translateX(-156px)
}

.mall-page-pc .dialog-viewer-wrapper .dialog-viewer .first-image {
    width: 1110px;
    height: 603px;
    background-size: cover
}

.mall-page-pc .dialog-viewer-wrapper .dialog-viewer .first-image.dsf {
    background-image: url(https://cdn.goatgames.com/static/payment/img/dsf-pc-f.png)
}

.mall-page-pc .dialog-viewer-wrapper .dialog-viewer .viewer-title {
    position: absolute;
    top: 130px;
    left: 595px;
    width: 424px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #ffc362
}

.mall-page-pc .dialog-viewer-wrapper .dialog-viewer .viewer-close {
    position: absolute;
    right: -15px;
    top: 82px;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA8CAMAAADi4EJ+AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTZFRTcxODgzODMxMTFFRTk2RjE4NkJGMkMxMDI1MTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTZFRTcxODkzODMxMTFFRTk2RjE4NkJGMkMxMDI1MTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NkVFNzE4NjM4MzExMUVFOTZGMTg2QkYyQzEwMjUxNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NkVFNzE4NzM4MzExMUVFOTZGMTg2QkYyQzEwMjUxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgb4nskAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAt1BMVEU2HRpcLSp2ODRxNTI9IR17OjdXKidGJCBHcEwvGhdNJyRsNTCAPDhoMS5jMS1hLytSKiZWLixuSEJYNTAeDQxsOjd3UkxcODQhDgx+UjlYLip2NjNAIiCmbkaaaT4xFxVFHRsbDAuyekmaYluSXD9aLSpDJSE1GRdKKSRbNDBwS0VAJCJeLClEHxuFVE73vF8tFROHTUhsMi+7dWrts1x8PzvAgHXYqpLQj4LEj4GkYFq5i4H/w2KTIOWZAAAAPHRSTlOurq6urq6urgCurq6urq6urvTmEOXw5ujIv9Wi8cnJopWu0eXBw0e+YjHO3qB65fqYkMDj9Jm+4DmNrG/WooEDAAADl0lEQVRIx5WXiWKqMBBFU1Ep9FklCEHAokU2Udy1tv7/d72RBA0SqL0gmskc7rAICXoV6evnOPazzMw1H22SV7GQAD3v/Iyk7pApTQk2D8lT9Ndx55Ph0JqCFMVbg7yp5RJzHv9KA5u5Q8uaKoCCpnSzXk+tFM/DRlo/n7KrrVKVt/as1Bzp9fTXaeeKWboDzyJmXEf/nMwGNuenrumI6fOJDC3lN1l4rgvo88kdgjFiy3Uti8UiwuEFfYZDniKElNKCbp9bzzTi3Bn941O4Rgr/G/AynfiFcx1574FjNxc8rftak/OjorS4cDm9MYaWV5fbZmv7HgBcv9GJ4Vpeu06IregeQBZ5K2h9rg2V9p+kpGbI6LjRWiy46pTW7b9ayzdz9BpqV2v5toz2+xHXlOn6EAXz4ErrKljLnFaXy+WDa1MYghcuokYphqcNCglYP9I53r7Hcvgi88EIL4GONTfiYZY5491p6KOUlpeOJprryeo9qqofLBeC+apS+JO16EZtQ+kJWmvpWuUlF3j+G8Rg1sm2spriZQy05akPmtHiaYOVzUD19h3hgYMmbqRWdHcvOZdKDIg9BxoNqmL4YMBgQUpbI1faG9Tio17+NRZlqJpmAr0edCti+Cq/+J9dgQp6IursvlD3OhjkNtDd7ig3Xs1quruahuFumbyI9bbP6VFNN6NVce+sqHxcR5MrLTfDYrz/MjDsAOhg0a+K/VfYjSZI6AdGsEALzV68V0SdP9/fx9S9mtEP8CRGE0NA3+AG3CZhgpaatuiVxeAxbbGbtvcoYuvwdCBw4OU4cy6aY35fN23xBJ4OSQClv/Fi8D3A8FJSL8Dh9am4NMhLIyzEt9imT2QbTj0X31dghq946625pG8DMF9Id+Ww9KAc59q9ua3TN1FuziWuVhVYao33pSi1zt+CS8PoSa1SchUvRXtZbk3fwNfT3vqDeiMc3t/+CTG2zvOwJGUeP/KIofbnccm3dX7Uoy+ueOcptaQZScojLh0O/c15Esbh42hPtw1begJvtb5xXB1pgvsTxbecYxaLRrm6bOCt0/nXoE7rcMJxzfgc7pqt5NSzncP3zk5q5wYhwWDv1LGbY+bpDfMS3cMm3rYEvLPZHH07/mVOFMrYNKF+vgJw3XzvfHup/z4fC9vEzLJRB3bgHA4AAvq5MwWscDYHf7oI5m+ZXyjD9jp8di6Y7yBcepEFE0HLUiZx3UTy9T8G+dS0//vAaQAAAABJRU5ErkJggg==);
    cursor: pointer
}

.mall-page-pc .payment-form .form-item {
    margin-top: 20px
}

.mall-page-pc .payment-form .item-label {
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: 700
}

.mall-page-pc .payment-form .item-label-payment-method {
    display: flex;
    padding-bottom: 5px
}

.mall-page-pc .payment-form .item-label-payment-method .item-label {
    margin-right: 18px;
    padding-bottom: 0
}

.mall-page-pc .payment-form .item-label-payment-method .item-label-recommend {
    flex: 1;
    padding-top: 4px;
    font-size: 16px;
    line-height: 1.2;
    color: red
}

.mall-page-pc .payment-form .item-content {
    position: relative;
    flex: 1
}

.mall-page-pc .payment-form .item-amount {
    padding-left: 25px;
    line-height: 58px;
    height: 58px;
    font-size: 32px;
    font-weight: 700;
    color: #0fc1f2;
    border: 1px solid #f1f1f1;
    border-radius: 15px
}

.mall-page-pc .payment-form .item-amount.item-name {
    color: #fff
}

.mall-page-pc .payment-form .item-desc {
    padding: 10px 20px;
    font-size: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 15px;
    max-height: 120px;
    overflow-y: auto
}

.mall-page-pc .payment-form .item-info {
    position: absolute;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 17px;
    color: #b2b3b3
}

.mall-page-pc .payment-form .item-info .van-icon {
    margin-right: 3px
}

.mall-page-pc .payment-form .payment-wrap {
    max-height: 180px;
    padding-right: 10px;
    overflow-y: auto
}

.mall-page-pc .payment-form .payment-list {
    font-size: 0
}

.mall-page-pc .payment-form .payment-list .payment-item {
    display: inline-block;
    position: relative;
    background-color: #fff;
    margin-bottom: 11px;
    width: 335px;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    padding: 5px;
    box-sizing: border-box
}

.mall-page-pc .payment-form .payment-list .payment-item:nth-child(2n) {
    margin-left: 12px
}

.mall-page-pc .payment-form .payment-list .payment-item.active .active-mask {
    display: block
}

.mall-page-pc .payment-form .payment-list .payment-img {
    height: 60px
}

.mall-page-pc .payment-form .payment-list .recommend-text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 8px 7px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #ff5e28;
    line-height: 1;
    color: #fff;
    font-size: 14px
}

.mall-page-pc .payment-form .payment-list .active-mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mall-page-pc .paymethods-container {
    position: relative;
    padding-bottom: 30px
}

.mall-page-pc .paymethods-container .paymethod-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 3px;
    border-bottom: 1px solid #363c3e
}

.mall-page-pc .paymethods-container .paymethod-header .icon-dollor {
    margin-right: 15px
}

.mall-page-pc .paymethods-container .paymethod-header .item-label {
    margin-right: 15px;
    font-size: 20px
}

.mall-page-pc .paymethods-container .paymethod-header .item-label-recommend {
    flex: 1;
    padding: 8px 25px;
    font-size: 20px;
    background-color: #272729;
    border-radius: 18px
}

.mall-page-pc .paymethods-container .more-payment {
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #ff5e28;
    cursor: pointer
}

.mall-page-pc .paymethods-container .more-payment .van-icon {
    margin-right: 3px;
    font-size: 24px;
    font-weight: 700
}

.mall-page-pc .paymethods-container .paymethod-list {
    margin-top: 20px;
    font-size: 0;
    min-height: 85px
}

.mall-page-pc .paymethods-container .paymethod-list .payment-item {
    display: inline-block;
    position: relative;
    background-color: #fff;
    margin-bottom: 11px;
    width: 356px;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    padding: 8px;
    box-sizing: border-box;
    margin-right: 12px
}

.mall-page-pc .paymethods-container .paymethod-list .payment-item.active .active-mask {
    display: block
}

.mall-page-pc .paymethods-container .paymethod-list .payment-item.disabled {
    filter: brightness(.8)
}

.mall-page-pc .paymethods-container .paymethod-list .payment-img {
    height: 60px
}

.mall-page-pc .paymethods-container .paymethod-list .recommend-text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 8px 7px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #ff5e28;
    line-height: 1;
    color: #fff;
    font-size: 14px
}

.mall-page-pc .paymethods-container .paymethod-list .active-mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mall-page-pc .submit-pay-btn {
    margin: 0 auto;
    width: 400px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    border-radius: 15px;
    transition: all .3s;
    background-color: #ff5e28
}

.mall-page-pc .submit-pay-btn:hover {
    filter: brightness(1.2)
}

.mall-page-pc .submit-pay-btn.disabled {
    cursor: not-allowed;
    filter: brightness(.7)
}

.mall-page-pc .pay-result-infos {
    display: flex;
    margin-top: 11px;
    transition: all .3s linear
}

.mall-page-pc .pay-result-infos .pay-sku-info {
    flex: 1;
    margin-right: 52px;
    padding: 8px 25px;
    font-size: 16px;
    border-radius: 18px;
    background-color: #272729
}

.mall-page-pc .pay-result-infos .pay-sku-info .item-label {
    padding: 3px 0;
    padding-right: 12px;
    text-align: right
}

.mall-page-pc .pay-result-infos .pay-op-wrap .pay-price {
    margin-bottom: 12px;
    font-size: 28px;
    color: #ff5e28;
    text-align: right;
    font-weight: 700
}

.mall-page-pc .adyen-opt-button-group {
    margin-top: 20px
}

.mall-page-pc .adyen-opt-button-group .submit-pay-btn {
    height: 48px;
    line-height: 48px;
    font-weight: 500;
    font-size: 24px
}

.mall-page-pc .trgger-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.mall-page-pc .trgger-wrap .trigger-item {
    padding-top: 30px;
    flex: 1;
    box-sizing: border-box;
    padding: 30px 5px 0;
    text-align: center;
    line-height: 1;
    font-size: 24px;
    cursor: pointer
}

.mall-page-pc .trgger-wrap .trigger-item .trigger-text {
    position: relative;
    display: inline-block
}

.mall-page-pc .trgger-wrap .trigger-item .trigger-text .dot {
    position: absolute;
    right: -12px;
    top: -12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: red
}

.mall-page-pc .trgger-wrap .trigger-item.active .trigger-text {
    padding-bottom: 3px;
    font-weight: 700;
    border-bottom: 4px solid #ff5e28
}

.mall-page-pc .tab-container {
    margin-bottom: 50px
}

.mall-page-pc .tab-container .tab-header {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    font-weight: 700
}

.mall-page-pc .tab-container .tab-header .row-txt-1 {
    margin-bottom: 2px;
    color: #ff5e28
}

.mall-page-pc .tab-container .checkin-list {
    font-size: 0;
    text-align: center
}

.mall-page-pc .tab-container .checkin-list .checkin-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 211px;
    height: 213px;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/weal-bg.9a0a2bcf.png);
    margin-left: 32px
}

.mall-page-pc .tab-container .checkin-list .checkin-item:first-child {
    margin-left: 0
}

.mall-page-pc .tab-container .checkin-list .checkin-item .checkin-num {
    position: absolute;
    right: -1px;
    bottom: 14px;
    width: 141px;
    height: 37px;
    font-size: 22px;
    line-height: 35px;
    text-shadow: 1px 1px 3px #666;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAAlCAMAAABIz5oUAAADdmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjk3OTk5MjRmLTNjMWEtZmQ0YS1hOWQwLTBlMzY5MTQzYzEzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENDY5RDYwNzQzMUMxMUVFQkYxOENENUM0QTMzOTY3RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENDY5RDYwNjQzMUMxMUVFQkYxOENENUM0QTMzOTY3RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxYTI5NDA0Ni00ODk2LTJhNDQtYTQ1NS0xOGZjYTE1YmJkOTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTc5OTkyNGYtM2MxYS1mZDRhLWE5ZDAtMGUzNjkxNDNjMTM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kp3itgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABUUExURUdwTBRCVhyFrjO14imdxhJEXBxVbA4gLAwQFxdOZhBwmgVchjSx3QwSGQFWgg90nxN8pwtslxeDrQRdiAhkjxuJtB+QuiSWwCicxR2ZxQA5WCyl0HvViZIAAAAOdFJOUwBPsf60484xmuSsrtdtqf3SdgAABCdJREFUWMPNmF172yAMhROTzGub2hiMwOX//8/xjYTB3Z7dVN3s9Srvjo7EIbcbqfkxTdPjb2qiv0xX9e5/mvrwfz5ozRTmdmeKG6aVAm1CpZexpYwGDQA6PNwr/AOUUK5ELp5q5SupLdReSu4y1LLI5eurpZmYUNaICJM+yL0Sj3/5T1ag/COUChS8Fv7s9OkeoCJImSAcwRL+xurQWA5WCEjC6KBDwjEFJoEEpqAI56KIEfTgPaKtVSSqUmnuJ5pVa64LC0RxYrNc27SK0iR5kjC4M6g5AWTN0jiWLYsjqzjykoa7/37wS9QltSrzVYZE4j2CpGmV6bVKVm2WS23mlzMMUGVQo3TSJTo2eZaL2qZBi/akTWQpbUK6dGnuDKyGqAyWJtso6VFnJ3QJC5MbtQWc9aSMLK5Z8s+QZrLGQhQmK4NtA6U7qsrS9wxiIZ7BFv5Om5eN0gSYyKPr5inzjLQRjWUyj9cGS7Nhz+yyqjOmuTPrpNE9ZTxOdHBRhkrTjHaZJrxpiIWX876hNC9mwwAhmtY0RBmqS9OltaiC+kQ2DW1US3NnTClDhfF+zsNdhlrVWRLdye4aOCuDTHzRqZkxEFgYbxm0adJoF22og6s428V0I22Waxc/PIzJ7k1NojCiSMPTbItRoyLQvlHX0D5d0LhdI44jD1Lwj5uwiJSVEWTbtGuGd6RByuRls+ctfOGb2QLXebS1TseBNpooo0arBq3hDc32js/uvQ53ChFDmpflYQMfgSiw1MMzOCZKk0MMPrbx3tuwhfeWh5hmTPNgCsxh9BFPhTTYnkhDWcFIGjTc5yWMM8TWG6hzmwjN3eW9rISJshD/1qNS1dNJEBZ+sjCVRu6ERV64+GWVdtJ4ddAo+V8yiSgjFfNMs/jodPdsE1lGFsY0DyZ8nw6b5Sn9IllGKXRyR561P96ncWr7dOEb1ydhSOXjAbGUFM5pjFhJ2sOmCbumF7I6A4Vo3Dz5HHEQGNA05eErAU4RJ54mSgwOhSGNu7aow5fLMMZvPHQbQF1STcBKJiYn97q2a693KJyuC5jmZcUBAeeIoU+18VdRYUiOaBqFPUxPTEluTyNtZgaJxdHoejNJQNAECU5nqjm7yXRve980yTddbSamjjNNAgLVy8Jk1ZRlcz6hGg/v8nvfTLbSHIEleQZiyyAKo1DCIlkYSTNIEmTzdbNNoZlfB1RtQEFWpXB5kn4UXtubNt02bQDdu3cFQuOShKOg0oRnZlEYJuY90cDw5kgo0mxYmn2Us1oacDw60sT+lBkXzR0Bh+HzzXIQbHp7WHZp3hkQ25ALP3ZMtW+WZgRC8h5eMyNZsDbhaxnGLCtf0VhzdErHoavIQDeTwCdH9zJxCkBYv0jz6+3/6/n2fIanf5fHv9bsZurz9w+pT/9t0vxj6vYHPm5LX+mJmGsAAAAASUVORK5CYII=)
}

.mall-page-pc .tab-container .checkin-list .checkin-item .in-img {
    width: 100%;
    height: 161px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.mall-page-pc .tab-container .checkin-list .checkin-item .in-img img {
    max-height: 130px
}

.mall-page-pc .tab-container .checkin-list .checkin-item .img-viewer {
    display: none;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 33px;
    height: 33px;
    cursor: pointer;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzEwQTc2QzIzODJFMTFFRThDNzNCQzQzMTVDRTI5MDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzEwQTc2QzMzODJFMTFFRThDNzNCQzQzMTVDRTI5MDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTBBNzZDMDM4MkUxMUVFOEM3M0JDNDMxNUNFMjkwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTBBNzZDMTM4MkUxMUVFOEM3M0JDNDMxNUNFMjkwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plx0u0AAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAn1BMVEVHcExLOh9fTi46JQpFMxhtXD52ZUNzXz6IcktqWDs7Jw5CMRk5Jg6mlWyaiV6ci2E7Jw85Jg9LOx9zYj7GtIjax5fy3qw5JQ1YRidwXzvq1qe3pXW4pXYzIxcqHhRUQisuIRXvz5WSelNNPCa5oHObg1t+aUc+KQ48Lh4kGhPPtIJFNiLmyJCnjWJgTTSxmGk2JRDcvojFqXegjV/r1qRTAEh5AAAAHXRSTlMAXevk/wkT/v390Rp7WMmruTOjnHfA3a6L1tHd34DMnBgAAAHZSURBVDjLbZSJcqwgEEVxdEZRZ6nZUkkeSwRBEZdZ/v/bggvqM3aVUtDH7gt0C8Bk++vt636/f92ue7Bi2+vt/VY8FQlX+n27bpfA/p/iEFFkjGIE+eN7EefIX0XnHgyzV32c+XeH2p/7O8YvD7tRwuFFloBByOtgxRzTolurSqUfPMhGJO0TbfdJFyGrf3p7+AOSV0kndxf4uJ0r41T8qc0gLCKCVsol6Gbc+CszFqlBmBWTXNoQsM1Raa2GVaE1t0GgCeKITlmpNbEfcq176YhmwgGXXsXzwcd9wsckFl7AZ9UdhVLpSDClxLjjT+D3qvhzIsjz6Y+n7wPYp0x5PRKCc6sJFxBs+iOEdW0jZ3VdWphmG0ugsiyrHkjKctwWbolhYyRNU1ExAs2YTkRhCDZcK0lmZpGcbcCZ4GFWwKA1QYh5D0hOzsAhU0lkjJA2KRFCdMsUEQdErMB/qof5ojunvGARAGf2t74M4vsEUcrO5vajwsOrSIVyr4jaEoq9ZiUKMUDmxX2dnjy6giCMvJNthnANyZEXjo0XhbJZaKF5I8No1rQfUuIZQzGV8uP/1nVc2VCMqTFsWCldZ9nau9iVsmkaah7jj3dr/wcnPoWu64an2Jkl+AUz3GY3tPcwHgAAAABJRU5ErkJggg==)
}

.mall-page-pc .tab-container .checkin-list.checkIn {
    justify-content: space-between
}

.mall-page-pc .dialog-guide-list {
    max-height: 500px;
    padding-right: 10px;
    overflow-y: auto
}

.mall-page-pc .dialog-guide-list .recharge-guide-info {
    position: relative;
    z-index: 3;
    width: 90%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .title {
    font-size: 24px;
    text-align: center
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .title max-w img {
    max-width: 100%
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .title .title-txt.apple {
    padding: 5px 0;
    background-image: linear-gradient(90deg, #28221e 20%, #191613 40%, #28221e 80%)
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .title img {
    max-width: 100%
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .recharge-guide-list {
    margin-top: 40px
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item {
    display: flex;
    margin-bottom: 20px
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-num {
    position: relative;
    width: 16px;
    text-align: center;
    padding-right: 10px
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-num:after {
    position: absolute;
    content: "";
    left: -2px;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ffe8a9;
    transform: rotate(-45deg)
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-text {
    margin-top: -5px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1.6;
    font-size: 18px;
    flex: 1;
    color: #ffeecf
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-image {
    width: 34.7%
}

.mall-page-pc .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-image img {
    border: 1px solid #9e865a;
    max-width: 100%
}

.mall-page-pc .acc-reward-dialog .richarca-account-text {
    padding: 30px 10px 0;
    font-size: 16px
}

.mall-page-pc .acc-reward-dialog .reward-list {
    max-height: 500px;
    padding-right: 10px;
    padding-left: 10px;
    overflow-y: auto;
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item {
    position: relative;
    width: 49%;
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/hA3NodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMzc1MTQzRDEzMzYxMUVFQkVBNEQ3NzMzMjc3NTMzNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQ0FCMEExNzkwRjAxMUVGQUJCMUU2RTJFNkVCNTkzNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQ0FCMEExNjkwRjAxMUVGQUJCMUU2RTJFNkVCNTkzNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjFCNzEzMjkwRjAxMUVGQkVBRThDQjM3OTY1RTYyRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjFCNzEzMzkwRjAxMUVGQkVBRThDQjM3OTY1RTYyRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item .image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-left: 10px;
    height: 98px;
    width: 90px;
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/hA3NodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMzc1MTQzRDEzMzYxMUVFQkVBNEQ3NzMzMjc3NTMzNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MDQxQzA5QTkwRjExMUVGQUMyNkMxMzBCM0FDMUQ1QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MDQxQzA5OTkwRjExMUVGQUMyNkMxMzBCM0FDMUQ1QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNUQ2ODE1RjkwRUYxMUVGQkUwRjkyODVENTRGMUYzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNUQ2ODE2MDkwRUYxMUVGQkUwRjkyODVENTRGMUYzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/bAEMACgcHCAcGCggICAsKCgsOGBAODQ0OHRUWERgjHyUkIh8iISYrNy8mKTQpISIwQTE0OTs+Pj4lLkRJQzxINz0+O//bAEMBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O//AABEIAEsAWwMBEQACEQEDEQH/xAAaAAACAwEBAAAAAAAAAAAAAAACAwABBAUG/8QALhAAAQQABQIFAwQDAAAAAAAAAQACAxEEEiExQVFhInGBofATkbEUMsHhQtHx/8QAGAEBAQEBAQAAAAAAAAAAAAAAAAECAwT/xAAbEQEBAQEBAQEBAAAAAAAAAAAAARECIRIxUf/aAAwDAQACEQMRAD8A8OvO7pvsguiiqpEWBZRRNYTSmiiNSqIG+yCUgqkEpBSIiCxv3RT2MzeizbiiOHJGin0YVGPG3zC1fxGtkO9AaLna1jJlsityujI3Rlulbe6kqhyHlXUCVQNIJSAURYCKfA4BwtZ6/FjqQRNewOFWD9j8/JXC1pnxWDMWIDg2mk2Afdb562YmNr4cscjx3PXdc5fVZYcL/kRWXQWt3pMBJFkbmeQB+VZf4Mb3ZjtQ4XSTEAVpFFBSAQLQMbGTtspsDWwu8lPqLjoYOYxOAdqOey49TWo6+Jw7MThQBuNWkFcpcqrfB9SBmUAk5Sb8k30LnjjhjDdyAAANyk9Rx8Rb3kuA7AFdufEpDoXnXYabrc6iYU6LKCrKYW4LSAPogpqofE8g7WsWRW+CQBwBZeu9WuViulCyB4GdmlXxR+fwud1W2KNsYOVxI81m1TFAmVkJNyO56qzRimdDF+wAAd9en8LU2owTyg34hXHHn8/pdJBjkcCdD7rpIyQ5bQNnrSABoqDab0KDXDdan58C5Vp1sM0AW66Opu9VxqulHI0igRQpYUbjTSauuFAmURzt8LhnG3fsrPBx8TE6MmnGq2PG39LrKjA8uBok6rrMZKJ6/haAE67qoH7IAVQ1gvc0FFaopWRnTgb9Fiy1pqjxL75cSevOvz0XOwbWYkBuXODpr9jysYrS7FeG9fDr7+yziudLiDDIW2CDtfB6LpJqIcW2YESgF2tXz6p82fgxTsr9pJHTr8/0unNRkPK6MhJ4QV6IAVQWYoog/uoHxS5bebvqs2b4prZ9RqQVnFP/AFJIondpG6zhrPLL9SOibrQfPRakyoR9V3P/AFbyGibOao691LyaGQ5tVZ4FErSBJRFIIgtBeZFEH0VAQlrL2UwDnrRUCTqqJfdBM32QUTaCIKREQRBEEQWgh3QUiogiIiCIP//Z);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item .image img {
    flex: 1;
    max-height: 72px
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item .reward-item-desc {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #f0f0f0
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item .reward-button {
    display: none;
    position: absolute;
    right: -8px;
    top: -8px;
    height: 50px;
    width: 50px
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item .reward-button img {
    flex: 1
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item.status-1 {
    cursor: pointer;
    box-shadow: 0 0 10px #ff940a, 0 0 10px #ff940a
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item.status-1.active {
    box-shadow: none
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item.status-1.active .reward-button {
    display: block
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item.status-2 {
    cursor: pointer;
    filter: grayscale(.8)
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item.status-2 .reward-button {
    display: block
}

.mall-page-pc .acc-reward-dialog .reward-list .reward-item.not-login {
    filter: grayscale(0)
}

.mall-page-pc .acc-reward-dialog .submit-pay-btn {
    margin-top: 20px
}

.mall-page-pc .acc-reward-dialog .submit-pay-btn.disabled {
    background-color: #616161
}

.mall-page-pc .user-role-list {
    margin-top: 35px;
    padding-bottom: 60px;
    font-size: 0;
    max-height: 420px;
    padding-right: 10px;
    overflow-y: auto
}

.mall-page-pc .user-role-list .user-role-info-item {
    display: inline-block;
    width: 242px;
    height: 323px;
    margin: 33px 33px 0;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #af8e68;
    border-radius: 15px;
    cursor: pointer;
    vertical-align: top
}

.mall-page-pc .user-role-list .user-role-info-item .user-role-info-row {
    display: flex;
    font-size: 20px;
    margin-top: 16px
}

.mall-page-pc .user-role-list .user-role-info-item .user-role-info-row .info-label-text {
    margin-right: 8px;
    color: #dcb383
}

.mall-page-pc .user-role-list .user-role-info-item.actived {
    border-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAAFDBAMAAAAdZSXNAAADnGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjk3OTk5MjRmLTNjMWEtZmQ0YS1hOWQwLTBlMzY5MTQzYzEzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MkE1NzYyNzQxNjYxMUVFODJGM0Y2NUI1NUIzMzI2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MkE1NzYyNjQxNjYxMUVFODJGM0Y2NUI1NUIzMzI2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuMCAoMjAyMzA4MDEubS4yMjY1IDNhMDA2MjMpICAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzVlMmU3OC1lMGRlLTAyNDktYWI3Yi04M2Y2NGQxMDUwZGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1NTRiOTU2NS03NTkzLTQ2NGUtOWUzNS1mMjM0ZWFjZWU3OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hoe0OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRFR3BM/14o/14o/14o/14o/14o/14o/14o/14o/14o/////+DW/4Ze/2s5WNx93gAAAAl0Uk5TAN3wiHgiTroOOO5TRAAAApFJREFUeNrt2L1u02AUxvED+fLYCvHhuaLCGwtI3bpV3Vy+5pYBKVsmkLeAhDIn0Eav6A3gwAWkohdAuYJUXAz26zTNh9f3HIb/UYZIHn56jl/HjyJSTHQQO70Z3TuWm2llbrQdaupCDRf24eh9KqGmXRd8PPcG7pkEnG6dvesvRdluSLk+tvMr7wzToLQc1tGn/srjsLI06+hhvzjeyXFgWvbq7KcijXFoWRp19BORT6fB6Wgj9p+p+1qc/V5wWjpr8nn+3Q2LG7EfnpZslb7Kp871JU4V6MFa6Il/spO+Ah1lG6GLI+5EYz5uhHY9GanQkX+Bnf+6Da1Gy1Gpfct/L0K7LS26Vcb+m/9YhNaj5UXJXeSzm9CK9OfEb3x6nV9q0/LWx55cTGbqtK8M13n+06nTvikVd3pmQPvYV5fOgF5rSqp0045ebUq6dMOOXomtTHfs6OWmpE0P7OilpqRNLzUldTqKzeiqKdnQrdiMrpqSDd1KzOiqKdnQbTt6/p+SCd22o6umZEM37WhfGYzohh1d/qdkRJdNyYoumpIZPbCjo9iMlj1DumdH70NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ//vtLOjk74NnR2XH5OJ0zK4xUSuL90tE7o5Frl7ZkLfOat4gymXHcUWN7uVlKe7a7Hxgd91Y6T/eEXZo+p35Ys6fTRMq3PuHijLL939+bcTt/Putd68OXCLPUcnTnd20tsNvPqwrTcPn1dvrH/AyHmqj1G+VQAAAABJRU5ErkJggg==)
}

.mall-page-pc .user-role-list .user-role-info-avatar {
    margin: 0 auto 25px;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain
}

.mall-page-pc .mall-footer-wrapper {
    padding: 15px 0
}

.mall-page-pc .mall-footer-wrapper .copyright {
    text-align: center
}

.mall-page-pc .mall-footer-wrapper .term-privacy {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

.mall-page-pc .mall-footer-wrapper .term-privacy .item-info {
    margin: 0 15px
}

.mall-page-pc .mall-footer-wrapper .term-privacy .item-info a {
    color: #fff
}

.mall-page-pc .mall-footer-wrapper .term-privacy .item-info a:hover {
    text-decoration: underline
}

.mall-page-pc .dialog-wrapper--checkout .dialog-inner {
    background: #fff;
    color: #666;
    width: 439px !important;
    padding: 0 !important;
    border: none
}

.mall-page-pc .dialog-wrapper--checkout .dialog-header .dialog-close {
    right: 5px !important;
    top: 5px !important
}

.mall-page-pc .dialog-wrapper--checkout #payment-form {
    width: 439px;
    padding-top: 15px;
    margin: 15px auto;
    max-height: 650px;
    overflow-y: auto;
    border-radius: 15px
}

.mall-page-pc .dialog-wrapper--checkout .pay-button {
    border-radius: 3px;
    height: 40px
}

.mall-page-pc .dialog-wrapper--checkout .button-text {
    margin-right: 10px
}

.mall-page-pc .dialog-wrapper--checkout .card-frame {
    margin-bottom: 8px;
    height: 40px
}

.mall-page-pc .dialog-wrapper--checkout .charge-info {
    padding: 15px
}

.mall-page-pc .dialog-wrapper--checkout .charge-info-header .sku-name {
    margin-right: 15px;
    flex: 1
}

.mall-page-pc .dialog-wrapper--checkout .recharge-no {
    margin-top: 5px
}

.mall-page-pc .dialog-wrapper--checkout .how-tip {
    padding: 0 15px 10px
}

.mall-page-pc .dialog-wrapper--checkout .bottom-group {
    padding: 15px 15px 0
}

.mall-page-pc .dialog-wrapper--checkout .select-type-wrap .select-type-item {
    padding: 15px
}

.mall-page-pc .dialog-wrapper--checkout .select-type-wrap .select-type-item .select-type-item-checkbox {
    padding-top: 10px
}

.mall-page-pc .dialog-wrapper--checkout .select-type-wrap .select-type-item .radio-box {
    margin-right: 20px;
    width: 16px;
    height: 16px
}

.mall-page-pc .dialog-wrapper--checkout .select-type-wrap .select-type-item .radio-box:after {
    width: 4px;
    height: 4px
}

.mall-page-pc .dialog-wrapper--checkout .select-type-wrap .select-type-item .item-input {
    padding: 5px 10px;
    border-radius: 5px
}

.mall-page-pc .dialog-wrapper--checkout .select-type-wrap .select-type-item .select-form-tip {
    padding: 10px 0
}

@media (max-width: 1350px) {
    .mall-page-pc .side {
        display: none
    }

    .mall-page-pc .main {
        margin: 0 auto
    }
}

@media (max-width: 1060px) {
    .mall-page-pc .mall-top .top-title {
        font-size: 26px
    }

    .mall-page-pc .mall-top .top-operation .add-desk, .mall-page-pc .mall-top .top-operation .language-select {
        font-size: 16px !important
    }

    .mall-page-pc .main {
        padding: 0 20px
    }

    .mall-page-pc .main .label-text {
        font-size: 18px
    }

    .mall-page-pc .dialog-wrapper .dialog-header .dialog-title {
        padding-bottom: 22px;
        font-size: 26px;
        font-weight: 500
    }

    .mall-page-pc .dialog-wrapper .dialog-header .dialog-close {
        right: -20px;
        font-size: 32px
    }

    .mall-page-pc .dialog-wrapper .dialog-inner {
        padding: 20px 40px;
        width: 550px
    }

    .mall-page-pc .dialog-wrapper .dialog-inner--role {
        width: 632px
    }

    .mall-page-pc .payment-form .form-item {
        margin-top: 30px
    }

    .mall-page-pc .payment-form .item-label {
        font-size: 16px;
        line-height: 50px
    }

    .mall-page-pc .payment-form .item-amount {
        height: 50px;
        line-height: 50px;
        font-size: 28px
    }

    .mall-page-pc .payment-form .item-info {
        font-size: 16px
    }

    .mall-page-pc .payment-form .payment-list .payment-item {
        width: 260px
    }

    .mall-page-pc .payment-form .payment-list .payment-item .payment-img {
        height: 47px
    }

    .mall-page-pc .payment-form .submit-pay-btn {
        width: 340px;
        height: 52px;
        line-height: 52px;
        font-size: 26px;
        font-weight: 500
    }

    .mall-page-pc .trgger-wrap {
        margin-bottom: 20px
    }

    .mall-page-pc .trgger-wrap .trigger-item {
        padding-top: 20px;
        line-height: 1;
        font-size: 18px
    }

    .mall-page-pc .tab-container {
        margin-bottom: 30px
    }

    .mall-page-pc .tab-container .tab-header {
        margin-bottom: 20px;
        font-size: 24px
    }

    .mall-page-pc .tab-container .checkin-list .checkin-item {
        width: 154px;
        height: 154px;
        margin-left: 44px
    }

    .mall-page-pc .tab-container .checkin-list .checkin-item .checkin-num {
        position: absolute;
        width: 111px;
        height: 29px;
        font-size: 18px;
        line-height: 28px
    }

    .mall-page-pc .tab-container .checkin-list .checkin-item .in-img {
        height: 114px
    }

    .mall-page-pc .tab-container .checkin-list .checkin-item .in-img img {
        max-height: 72px
    }

    .mall-page-pc .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-text {
        font-size: 16px
    }

    .mall-page-pc .dialog-guide-list .recharge-guide-info .title {
        font-size: 20px
    }
}

@media (max-width: 750px) {
    .mall-page-pc .mall-top {
        display: none
    }

    .mall-page-pc .main {
        padding: 0 30px
    }

    .mall-page-pc .main .label-text {
        display: none !important
    }
}

.mall-page-pc.dsfmjb .side .game-logo {
    display: none
}

.mall-page-pc.dsfmjb .side .game-icon {
    background-image: url(https://cdn.goatgames.com/static/payment/img/mjbdsf-icon.jpg)
}

.mall-page-pc.dsf .tab-container .checkin-list .checkin-item .img-viewer {
    display: block
}

body {
    min-height: 100%;
    background-color: #080506
}

#app, body {
    overflow: hidden
}

.mall-page-mobile {
    height: 100%
}

.mall-page-mobile .mall-layout {
    display: flex;
    flex-direction: column;
    width: 6.94rem;
    min-height: 100%;
    margin: 0 auto
}

.mall-page-mobile .main, .mall-page-mobile .mall-container {
    display: flex;
    flex-direction: column;
    flex: 1
}

.mall-page-mobile .main {
    position: relative;
    min-height: 85vh
}

.mall-page-mobile .main .main-top {
    margin-top: .3rem;
    width: 100%
}

.mall-page-mobile .main .scroll-container-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative
}

.mall-page-mobile .main .scroll-container-inner {
    position: absolute;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mall-page-mobile .main .select-sku-wrapper {
    min-height: 6rem
}

.mall-page-mobile .main .select-item {
    display: flex;
    margin-bottom: .14rem
}

.mall-page-mobile .main .select-item .body {
    flex: 1
}

.mall-page-mobile .main .user-wrap {
    margin-bottom: .24rem
}

.mall-page-mobile .main .user-wrap .search-loading {
    min-height: .62rem
}

.mall-page-mobile .main .user-wrap .login--not-login {
    display: flex;
    align-items: center
}

.mall-page-mobile .main .user-wrap .login--not-login .icon-user {
    margin-right: .1rem;
    width: .25rem;
    height: .25rem
}

.mall-page-mobile .main .user-wrap .login--not-login .login-input-wrapper {
    position: relative;
    border: 1px solid #716e6f;
    border-radius: .15rem;
    background: #272729
}

.mall-page-mobile .main .user-wrap .login--not-login .login-input-wrapper .input {
    box-sizing: border-box;
    padding: 0 .5rem 0 .2rem;
    height: .6rem;
    line-height: .6rem;
    width: 4.18rem;
    border: none;
    background: none;
    font-size: .2rem
}

.mall-page-mobile .main .user-wrap .login--not-login .login-input-wrapper .icon-question {
    position: absolute;
    right: .16rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .28rem;
    color: #b1b0af;
    cursor: pointer
}

.mall-page-mobile .main .user-wrap .login--not-login .login-input-wrapper .icon-clear {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .5rem;
    font-size: .2rem;
    color: #b1b0af;
    opacity: .8;
    cursor: pointer
}

.mall-page-mobile .main .user-wrap .login--not-login .login-input-wrapper .tips-img {
    position: absolute;
    z-index: 99;
    top: .48rem;
    right: .1rem;
    opacity: 0;
    transition: all .3s;
    pointer-events: none
}

.mall-page-mobile .main .user-wrap .login--not-login .login-input-wrapper .tips-img.show {
    right: 0;
    opacity: 1
}

.mall-page-mobile .main .user-wrap .login--not-login .login-btn {
    margin-left: .12rem;
    min-width: 2rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    border-radius: .15rem;
    transition: all .3s;
    background-color: #ff5e28
}

.mall-page-mobile .main .user-wrap .login--not-login .login-btn:hover {
    filter: brightness(1.2)
}

.mall-page-mobile .main .user-wrap .login--not-login .login-btn.disabled {
    cursor: not-allowed;
    filter: brightness(.7)
}

.mall-page-mobile .main .user-wrap .form-error {
    font-size: 12px;
    padding-top: 3px;
    padding-left: .35rem;
    color: red
}

.mall-page-mobile .main .user-wrap .login--login {
    display: flex;
    align-items: center
}

.mall-page-mobile .main .user-wrap .login--login .avatar {
    margin-right: .08rem;
    width: .76rem;
    height: .76rem;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover
}

.mall-page-mobile .main .user-wrap .login--login .user-info .user-name {
    display: flex;
    align-items: center;
    margin-bottom: .08rem
}

.mall-page-mobile .main .user-wrap .login--login .user-info .user-name .name {
    font-size: .24rem;
    font-weight: 700
}

.mall-page-mobile .main .user-wrap .login--login .user-info .user-name .icon-wrap {
    margin-left: .1rem;
    height: .24rem;
    width: .5rem;
    font-size: .24rem;
    border-radius: .2rem;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmY1NDhkZTkzLTRjMGUtMjI0NS1hNmJjLTczMDdmNmUxMzM2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQkJFNTQ3MEYwQjUxMUVFODc2M0VFRTNCMEE2MzQ3MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQkJFNTQ2RkYwQjUxMUVFODc2M0VFRTNCMEE2MzQ3MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOGVmMjkxMi05YmMyLWZlNDYtOTEzZC1lNWEyODkxYWJjZDkiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYTFhNzQ0OC05ODM2LWQ2NDgtODUyZi0yYjcxY2NiMGM4ZWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz726HK6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFdQTFRFR3BM/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14o/14oWUW/7wAAABx0Uk5TAI/U8m9Av3jGh+MfBjCA6PonE67OUwykOGSYRXbgIHMAAADuSURBVCjPbZHbkoQgDETDRUSUi4o67vT/f+cCI6xO7XkgIaG6OoToYpRHNIptEz14RQi+HsoA7F5n0K9PtksRulbn6G6vfnC2dHzoSmwl2pW+cFiyviihUC0Zng4FfzVOVRszLFHMR/ZzgDcxk+TFUNLNA7H78B4HT1NxYDnurBbVodEqoS/kKGhQ9B9LckvSuf6POu1mpoc8RG64nna8z6HgWEj1vnjJ38VjEwbUXOYT+Vct5jpv6Osv4p3CWj0vY1uPLKngX167urVglvs6fNv7FMH2un0Nt99ehcCPXg6rgZ6futvBvTea2ev+C7KgD4WLrg2hAAAAAElFTkSuQmCC)
}

.mall-page-mobile .main .user-wrap .login--login .user-other-info {
    display: flex;
    flex-wrap: wrap;
    font-size: .2rem;
    line-height: 1.6
}

.mall-page-mobile .main .user-wrap .login--login .user-other-info .level, .mall-page-mobile .main .user-wrap .login--login .user-other-info .server {
    margin-right: .2rem
}

.mall-page-mobile .main .user-wrap .login--login .user-other-info .go-vip {
    display: flex
}

.mall-page-mobile .main .user-wrap .login--login .user-other-info .go-vip .go-vip-link {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: -.03rem;
    margin-left: .2rem;
    color: #fff;
    padding: .03rem .05rem 0 .4rem;
    background-color: #009bdc;
    border-radius: .2rem;
    text-shadow: 0 1px 2px #ccc
}

.mall-page-mobile .main .user-wrap .login--login .user-other-info .go-vip .icon-point {
    position: absolute;
    bottom: .01rem;
    left: .08rem;
    width: .3rem
}

.mall-page-mobile .main .user-wrap .login--login .user-other-info .go-vip .icon-arrow {
    margin-right: .05rem;
    margin-left: .12rem;
    width: .1rem;
    height: .15rem;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NTg1Yzc5Ny03YjkzLTJlNGEtODRiYy1kNjNkZDJhNzhmOWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA3RkE5NTdGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA3RkE5NTZGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM5NTEzZGMtMmEyYS0wZTQzLTk0ZjEtOGVhY2ZhYzUyZTE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjEwOTllYzctYTJjMC0xYTRjLWI3MDItNjA2ZjE1NDcwMmExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EyjhDwAAAKpJREFUeNpi/PX3ryQDA8N0IOYF4g4g3s2ADQAVHgHi/0g4HIgZ0DGIOIumEITzsClUBuI3WBTXoCsEYUkgvo1FcR+6QhDmB+LzWBQvAMkzglWjgl1A7IomNgubQhB4DMQyyAJMWBSBwlQMTWwjenhtxOLGHUDMBFPABMQHsChahuxrISC+hEXRVPRw3IlFURu2mLmMpigfV1xrA/FpIL4GxHHYFIEwQIABAN9hiXEnVWEkAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.mall-page-mobile .main .user-wrap .login--login .user-other-info .go-vip .dot {
    position: absolute;
    left: .28rem;
    top: -.08rem;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background-color: red
}

.mall-page-mobile .main .select-item-gift {
    align-items: start
}

.mall-page-mobile .main .select-item-gift .body {
    display: flex;
    flex-wrap: wrap
}

.mall-page-mobile .main .select-item-gift .gift-box-wrap {
    position: relative;
    display: block;
    margin-bottom: .1rem;
    margin-right: .1rem
}

.mall-page-mobile .main .select-item-gift .gift-box-wrap .dot {
    position: absolute;
    left: .36rem;
    top: -.1rem;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background-color: red
}

.mall-page-mobile .main .select-item-gift .gift-box-wrap .gift-img {
    position: absolute;
    left: .1rem;
    top: -.03rem;
    width: .34rem;
    height: .32rem
}

.mall-page-mobile .main .select-item-gift .gift-box-wrap .gift-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .32rem;
    padding-left: .5rem;
    line-height: .32rem;
    font-size: .18rem;
    text-shadow: 0 1px 2px #ccc;
    border-radius: .2rem;
    color: #fff;
    background-color: #23a3d4
}

.mall-page-mobile .main .select-item-gift .gift-box-wrap .gift-btn .icon-arrow {
    margin-right: .05rem;
    margin-left: .12rem;
    width: .1rem;
    height: .15rem;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NTg1Yzc5Ny03YjkzLTJlNGEtODRiYy1kNjNkZDJhNzhmOWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA3RkE5NTdGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA3RkE5NTZGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM5NTEzZGMtMmEyYS0wZTQzLTk0ZjEtOGVhY2ZhYzUyZTE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjEwOTllYzctYTJjMC0xYTRjLWI3MDItNjA2ZjE1NDcwMmExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EyjhDwAAAKpJREFUeNpi/PX3ryQDA8N0IOYF4g4g3s2ADQAVHgHi/0g4HIgZ0DGIOIumEITzsClUBuI3WBTXoCsEYUkgvo1FcR+6QhDmB+LzWBQvAMkzglWjgl1A7IomNgubQhB4DMQyyAJMWBSBwlQMTWwjenhtxOLGHUDMBFPABMQHsChahuxrISC+hEXRVPRw3IlFURu2mLmMpigfV1xrA/FpIL4GxHHYFIEwQIABAN9hiXEnVWEkAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.mall-page-mobile .main .select-item-gift .ricarica-acc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .1rem
}

.mall-page-mobile .main .select-item-gift .ricarica-acc .countdown {
    display: flex;
    align-items: center;
    margin-left: .06rem;
    color: #c1c1c1;
    font-size: .14rem
}

.mall-page-mobile .main .select-item-gift .ricarica-acc .countdown .colon {
    color: #c1c1c1;
    padding: .02rem;
    font-size: .14rem;
    font-weight: 700
}

.mall-page-mobile .main .select-item-gift .ricarica-acc .countdown .date-num {
    padding: .05rem;
    font-size: .18rem;
    color: #c1c1c1;
    background-color: #272729;
    border-radius: 40%
}

.mall-page-mobile .main .select-item-gift .ricarica-acc .countdown .van-count-down {
    line-height: .23rem
}

.mall-page-mobile .main .select-item-gift .ricarica-box-wrap {
    position: relative;
    display: block
}

.mall-page-mobile .main .select-item-gift .ricarica-box-wrap .dot {
    position: absolute;
    left: .32rem;
    top: -.1rem;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background-color: red
}

.mall-page-mobile .main .select-item-gift .ricarica-box-wrap .gift-img {
    position: absolute;
    left: .1rem;
    top: -.03rem;
    width: .34rem;
    height: .32rem
}

.mall-page-mobile .main .select-item-gift .ricarica-box-wrap .gift-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .32rem;
    padding-left: .5rem;
    line-height: .32rem;
    font-size: .18rem;
    text-shadow: 0 1px 2px #ccc;
    border-radius: .2rem;
    color: #fff;
    background-color: #23a3d4
}

.mall-page-mobile .main .select-item-gift .ricarica-box-wrap .gift-btn .icon-arrow {
    margin-right: .05rem;
    margin-left: .12rem;
    width: .1rem;
    height: .15rem;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NTg1Yzc5Ny03YjkzLTJlNGEtODRiYy1kNjNkZDJhNzhmOWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA3RkE5NTdGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA3RkE5NTZGQUNFMTFFRUJCQjE4OUQzQ0UzNjU1NUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM5NTEzZGMtMmEyYS0wZTQzLTk0ZjEtOGVhY2ZhYzUyZTE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjEwOTllYzctYTJjMC0xYTRjLWI3MDItNjA2ZjE1NDcwMmExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EyjhDwAAAKpJREFUeNpi/PX3ryQDA8N0IOYF4g4g3s2ADQAVHgHi/0g4HIgZ0DGIOIumEITzsClUBuI3WBTXoCsEYUkgvo1FcR+6QhDmB+LzWBQvAMkzglWjgl1A7IomNgubQhB4DMQyyAJMWBSBwlQMTWwjenhtxOLGHUDMBFPABMQHsChahuxrISC+hEXRVPRw3IlFURu2mLmMpigfV1xrA/FpIL4GxHHYFIEwQIABAN9hiXEnVWEkAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.mall-page-mobile .main .select-item-gift .side-op {
    display: flex;
    align-items: center
}

.mall-page-mobile .main .select-item-gift .mall-language .language-select {
    width: 1.4rem;
    height: .32rem;
    padding: 0 .2rem;
    padding-right: .26rem;
    box-sizing: border-box;
    font-size: .18rem;
    border-radius: .18rem;
    border-color: #b7b6b7;
    color: #b7b6b7;
    background-size: .11rem .11rem;
    background-position: 1.1rem
}

.mall-page-mobile .main .faq-link {
    display: none;
    position: absolute;
    right: .05rem;
    font-size: .2rem;
    color: #0fc1f2;
    text-decoration: underline;
    font-weight: 500
}

.mall-page-mobile .main .faq-link .van-icon {
    vertical-align: middle;
    margin-right: .03rem;
    font-size: .24rem
}

.mall-page-mobile .main .select-item-shop {
    display: block;
    margin-bottom: 0
}

.mall-page-mobile .main .select-sku-wrapper .select-sku-item:first-child .faq-link {
    display: block
}

.mall-page-mobile .main .label-text {
    display: block;
    margin-bottom: .15rem;
    font-size: .2rem;
    font-weight: 700
}

.mall-page-mobile .main .label-text.flex {
    display: flex;
    align-items: center
}

.mall-page-mobile .main .voucher-label-text {
    margin-left: .15rem;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
    color: #ff5e28
}

.mall-page-mobile .main .select-item-giftpack {
    padding-bottom: .98rem
}

.mall-page-mobile .main .select-item-giftpack .label-text {
    padding-bottom: .1rem
}

.mall-page-mobile .main .flex-btw {
    display: flex;
    justify-content: space-between
}

.mall-page-mobile .main .item-shop-label {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: .03rem;
    border-bottom: 1px solid #363c3e
}

.mall-page-mobile .main .item-shop-label .label-text {
    margin-bottom: 0
}

.mall-page-mobile .main .item-shop-label .icon-libao {
    height: .25rem;
    margin-right: .12rem
}

.mall-page-mobile .main .item-shop-label .icon-libao img {
    vertical-align: top;
    width: .25rem;
    height: .25rem
}

.mall-page-mobile .main .shop-list {
    flex: 1;
    margin-right: -.16rem;
    margin-top: .16rem;
    font-size: 0
}

.mall-page-mobile .main .shop-list .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: .12rem;
    margin-bottom: .12rem;
    width: 3.3rem;
    height: 2.32rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../goatpay/pc-gift-box.e51eabbb.png)
}

.mall-page-mobile .main .shop-list .item.disabled {
    filter: grayscale(.7);
    cursor: not-allowed
}

.mall-page-mobile .main .shop-list .item .item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: .4rem;
    box-sizing: border-box;
    padding: 0 .4rem;
    font-size: .18rem;
    color: #d3d3d3;
    font-weight: 700;
    text-align: center
}

.mall-page-mobile .main .shop-list .item .item-title.t-extra-ratio {
    padding-left: .84rem
}

.mall-page-mobile .main .shop-list .item .item-image {
    position: relative;
    margin-top: .05rem;
    height: 1.32rem;
    margin-bottom: .05rem;
    text-align: center
}

.mall-page-mobile .main .shop-list .item .item-image .img {
    height: 1.3rem
}

.mall-page-mobile .main .shop-list .item .item-image .icon-blow {
    position: absolute;
    right: .5rem;
    top: -.08rem;
    width: 30%
}

.mall-page-mobile .main .shop-list .item .range-time {
    position: absolute;
    left: .1rem;
    bottom: .54rem;
    height: .29rem
}

.mall-page-mobile .main .shop-list .item .range-time .van-count-down {
    font-size: .16rem;
    color: #63ff2f;
    line-height: .29rem;
    text-align: center
}

.mall-page-mobile .main .shop-list .item .item-limit {
    position: absolute;
    right: .1rem;
    top: .44rem;
    height: .2rem;
    line-height: .24rem;
    font-size: .2rem;
    color: #75accb;
    text-align: center
}

.mall-page-mobile .main .shop-list .item .item-name {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    height: .44rem;
    padding: 0 .15rem;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    overflow: hidden;
    line-height: 1
}

.mall-page-mobile .main .shop-list .item .item-name .price {
    width: 100%;
    font-size: .24rem;
    font-weight: 700;
    color: #fff
}

.mall-page-mobile .main .shop-list .item .item-name .ori-price {
    margin-top: -.04rem;
    width: 100%;
    font-size: .16rem;
    color: #391c16;
    text-decoration: line-through
}

.mall-page-mobile .main .shop-list .item.active {
    background-image: url(../goatpay/gift-box-act.df4a3088.png)
}

.mall-page-mobile .main .shop-list .item .icon-extra {
    position: absolute;
    z-index: 3;
    left: -.03rem;
    top: -.03rem;
    font-size: .2rem;
    line-height: 1;
    width: .95rem;
    height: .96rem;
    text-align: center;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAABgCAMAAABMvl6/AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFlNDRjNWZiLTMxYjAtODA0MS1iMmM0LWFkMTNiMzg2NTcwNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjA0M0EzNUYwQjUxMUVFQjEyMERDRjMxQjA2QzIwOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjA0M0EzNEYwQjUxMUVFQjEyMERDRjMxQjA2QzIwOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Nzk5NDkyYi03NjQzLWQyNGYtYTM2OC02MWI4MjI4ZDlkNGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMzU1MzJlOC05MDAzLTEzNGMtYTAyOS0wZTE4ZWJjZWM3NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwv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);
    background-repeat: no-repeat
}

.mall-page-mobile .main .shop-list .item .icon-extra .extra-text {
    width: .6rem;
    padding-top: .16rem;
    transform: rotate(-45deg);
    font-weight: 700;
    text-shadow: 0 1px 2px #000
}

.mall-page-mobile .main .shop-list .item .icon-extra .extra-text .txt {
    white-space: nowrap
}

.mall-page-mobile .main .shop-list .item .icon-extra .extra {
    white-space: nowrap;
    display: block;
    margin-top: -1px;
    font-size: .16rem
}

.mall-page-mobile .main .shop-list .item .icon-question {
    position: absolute;
    right: .06rem;
    top: .06rem;
    width: .24rem;
    height: .24rem;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAMAAAB1owf/AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjlkMWZhMzM3LTEzYWMtNTk0ZS05NWRlLWFjYWUwM2U0NDE2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QzRGRTQ0RkYwQjUxMUVFODk0NUJCMUVGRjUwMUUxNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QzRGRTQ0RUYwQjUxMUVFODk0NUJCMUVGRjUwMUUxNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NWU2YTUzMi0zZDAyLTU5NDAtOWNiZC1mYWIzZjhhOGU0Y2UiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0ZTgwZDE2MS02NDQyLTgxNDktOGNiMS04NTk5ZDJjN2ZmY2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7QnetIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFR3BMb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vdjszMwAAABN0Uk5TAA470Oov3WN8jVIeRKH1cLLEmgZpVxsAAADOSURBVCjPbVJZFsQgCMMVt9a23v+uY8UR2hl+FCIJ5AnwDZdqRa3gFTn4NmK/9AMITcSWV12Z9oj926aIyEbEcBBWCKGOSNrFjiyzRlwjjtTcXETVb+k0dVEkgDguofPMkwoegOT1fHusDRzQeU3+/uKkCk6kjZGsA8BZiCA29IqBtglkV9ImiZx9cM7iExHOVrAiKZ4TDVv7G92UzBNg4h7sPm2sOdedPoKyjGhWYd9vO9ELrgHtL3nkn3PIuiny85SFGfz5cSnEGNCtwgekQB58MJYcvAAAAABJRU5ErkJggg==)
}

.mall-page-mobile .main .shop-list .item .question-tip-mask {
    display: none;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #000;
    transition: all .3s linear
}

.mall-page-mobile .main .shop-list .item .question-tip {
    display: none;
    position: absolute;
    z-index: 4;
    top: .44rem;
    left: 50%;
    width: 2.72rem;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: .14rem .08rem;
    font-size: .18rem;
    line-height: 1.2;
    text-align: center;
    color: #0ebbea;
    border-radius: .12rem;
    border: 1px solid #0ebbea;
    background-color: #0d2e37;
    transition: all .3s linear
}

.mall-page-mobile .main .shop-list .item.view-more .question-tip, .mall-page-mobile .main .shop-list .item.view-more .question-tip-mask {
    display: block
}

.mall-page-mobile .main .shop-list .item.view-more .icon-question {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAMAAAB1owf/AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjlkMWZhMzM3LTEzYWMtNTk0ZS05NWRlLWFjYWUwM2U0NDE2MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NzFBRTI2NEYwQjUxMUVFQkM3M0U4OEU4MzNGNzcyQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NzFBRTI2M0YwQjUxMUVFQkM3M0U4OEU4MzNGNzcyQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NWU2YTUzMi0zZDAyLTU5NDAtOWNiZC1mYWIzZjhhOGU0Y2UiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0ZTgwZDE2MS02NDQyLTgxNDktOGNiMS04NTk5ZDJjN2ZmY2UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz63hyaiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFR3BMb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vb29vdjszMwAAABN0Uk5TAA470Oov3WN8jVIeRKH1cLLEmgZpVxsAAADOSURBVCjPbVJZFsQgCMMVt9a23v+uY8UR2hl+FCIJ5AnwDZdqRa3gFTn4NmK/9AMITcSWV12Z9oj926aIyEbEcBBWCKGOSNrFjiyzRlwjjtTcXETVb+k0dVEkgDguofPMkwoegOT1fHusDRzQeU3+/uKkCk6kjZGsA8BZiCA29IqBtglkV9ImiZx9cM7iExHOVrAiKZ4TDVv7G92UzBNg4h7sPm2sOdedPoKyjGhWYd9vO9ELrgHtL3nkn3PIuiny85SFGfz5cSnEGNCtwgekQB58MJYcvAAAAABJRU5ErkJggg==)
}

.mall-page-mobile .main .shop-list .item.active .act {
    display: block
}

.mall-page-mobile .main .select-item-pay {
    position: fixed;
    z-index: 3;
    bottom: 0;
    padding: .32rem 0;
    margin-bottom: 0;
    width: 100%;
    left: 0;
    justify-content: center;
    background-color: #1b1b1b
}

.mall-page-mobile .main .select-item-pay .pay-btn {
    width: 4rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .36rem;
    font-weight: 700;
    color: #fff;
    border-radius: .15rem;
    background-color: #ff5e28;
    transition: all .3s
}

.mall-page-mobile .main .select-item-pay .pay-btn:hover {
    filter: brightness(1.2)
}

.mall-page-mobile .main .select-item-pay .pay-btn.disabled {
    cursor: not-allowed;
    filter: brightness(.7)
}

.mall-page-mobile .dialog-wrapper {
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mall-page-mobile .dialog-wrapper .dialog-inner {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #6b6969;
    border-radius: 15px;
    color: #f0f0f0;
    width: 6.32rem;
    padding: .26rem .3rem;
    background-color: rgba(0, 0, 0, .7)
}

.mall-page-mobile .dialog-wrapper.dialog-wrapper--adyen .dialog-inner {
    background: #fff;
    color: #666
}

.mall-page-mobile .dialog-wrapper.dialog-wrapper--adyen .adyen-dialog-body {
    padding: .1rem .2rem;
    max-height: 65vh;
    overflow-y: auto
}

.mall-page-mobile .dialog-wrapper.dialog-wrapper--adyen .adyen-checkout__helper-text, .mall-page-mobile .dialog-wrapper.dialog-wrapper--adyen .adyen-checkout__label__text {
    font-size: 12px
}

.mall-page-mobile .dialog-wrapper.dialog-wrapper--adyen .adyen-checkout__field {
    margin-bottom: .16rem
}

.mall-page-mobile .dialog-wrapper.dialog-wrapper--adyen .adyen-checkout__ach-sf__form, .mall-page-mobile .dialog-wrapper.dialog-wrapper--adyen .adyen-checkout__fieldset + .adyen-checkout__fieldset {
    margin-top: .16rem
}

.mall-page-mobile .dialog-wrapper .dialog-body {
    position: relative;
    width: 5.62rem;
    margin: 0 auto;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 .1rem
}

.mall-page-mobile .dialog-wrapper .dialog-header {
    position: relative;
    z-index: 3;
    text-align: center
}

.mall-page-mobile .dialog-wrapper .dialog-header .dialog-title {
    padding-bottom: .22rem;
    font-size: .26rem;
    font-weight: 700
}

.mall-page-mobile .dialog-wrapper .dialog-header .dialog-close {
    position: absolute;
    right: -.1rem;
    top: 0;
    line-height: 1;
    font-size: .36rem;
    cursor: pointer
}

.mall-page-mobile .dialog-wrapper .dialog-header .dialog-close .van-icon {
    font-weight: 700
}

.mall-page-mobile .dialog-wrapper .dialog-header .line {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, transparent, #fff, transparent)
}

.mall-page-mobile .dialog-viewer-wrapper {
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mall-page-mobile .dialog-viewer-wrapper .van-overlay {
    background-color: #000
}

.mall-page-mobile .dialog-viewer-wrapper .dialog-viewer {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mall-page-mobile .dialog-viewer-wrapper .dialog-viewer .dialog-viewer-inner {
    position: relative
}

.mall-page-mobile .dialog-viewer-wrapper .dialog-viewer .first-image {
    width: 5.89rem;
    height: 9.63rem;
    background-size: cover;
    margin-left: -.4rem
}

.mall-page-mobile .dialog-viewer-wrapper .dialog-viewer .first-image.dsf {
    background-image: url(https://cdn.goatgames.com/static/payment/img/dsf-m-f.png)
}

.mall-page-mobile .dialog-viewer-wrapper .dialog-viewer .viewer-title {
    position: absolute;
    top: 3.6rem;
    width: 100%;
    text-align: center;
    font-size: .3rem;
    white-space: nowrap;
    font-weight: 700;
    color: #ffc362
}

.mall-page-mobile .dialog-viewer-wrapper .dialog-viewer .viewer-close {
    position: absolute;
    top: 3.08rem;
    right: -.2rem;
    width: .6rem;
    height: .6rem;
    background-size: cover;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA8CAMAAADi4EJ+AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTZFRTcxODgzODMxMTFFRTk2RjE4NkJGMkMxMDI1MTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTZFRTcxODkzODMxMTFFRTk2RjE4NkJGMkMxMDI1MTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NkVFNzE4NjM4MzExMUVFOTZGMTg2QkYyQzEwMjUxNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NkVFNzE4NzM4MzExMUVFOTZGMTg2QkYyQzEwMjUxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgb4nskAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAt1BMVEU2HRpcLSp2ODRxNTI9IR17OjdXKidGJCBHcEwvGhdNJyRsNTCAPDhoMS5jMS1hLytSKiZWLixuSEJYNTAeDQxsOjd3UkxcODQhDgx+UjlYLip2NjNAIiCmbkaaaT4xFxVFHRsbDAuyekmaYluSXD9aLSpDJSE1GRdKKSRbNDBwS0VAJCJeLClEHxuFVE73vF8tFROHTUhsMi+7dWrts1x8PzvAgHXYqpLQj4LEj4GkYFq5i4H/w2KTIOWZAAAAPHRSTlOurq6urq6urgCurq6urq6urvTmEOXw5ujIv9Wi8cnJopWu0eXBw0e+YjHO3qB65fqYkMDj9Jm+4DmNrG/WooEDAAADl0lEQVRIx5WXiWKqMBBFU1Ep9FklCEHAokU2Udy1tv7/d72RBA0SqL0gmskc7rAICXoV6evnOPazzMw1H22SV7GQAD3v/Iyk7pApTQk2D8lT9Ndx55Ph0JqCFMVbg7yp5RJzHv9KA5u5Q8uaKoCCpnSzXk+tFM/DRlo/n7KrrVKVt/as1Bzp9fTXaeeKWboDzyJmXEf/nMwGNuenrumI6fOJDC3lN1l4rgvo88kdgjFiy3Uti8UiwuEFfYZDniKElNKCbp9bzzTi3Bn941O4Rgr/G/AynfiFcx1574FjNxc8rftak/OjorS4cDm9MYaWV5fbZmv7HgBcv9GJ4Vpeu06IregeQBZ5K2h9rg2V9p+kpGbI6LjRWiy46pTW7b9ayzdz9BpqV2v5toz2+xHXlOn6EAXz4ErrKljLnFaXy+WDa1MYghcuokYphqcNCglYP9I53r7Hcvgi88EIL4GONTfiYZY5491p6KOUlpeOJprryeo9qqofLBeC+apS+JO16EZtQ+kJWmvpWuUlF3j+G8Rg1sm2spriZQy05akPmtHiaYOVzUD19h3hgYMmbqRWdHcvOZdKDIg9BxoNqmL4YMBgQUpbI1faG9Tio17+NRZlqJpmAr0edCti+Cq/+J9dgQp6IursvlD3OhjkNtDd7ig3Xs1quruahuFumbyI9bbP6VFNN6NVce+sqHxcR5MrLTfDYrz/MjDsAOhg0a+K/VfYjSZI6AdGsEALzV68V0SdP9/fx9S9mtEP8CRGE0NA3+AG3CZhgpaatuiVxeAxbbGbtvcoYuvwdCBw4OU4cy6aY35fN23xBJ4OSQClv/Fi8D3A8FJSL8Dh9am4NMhLIyzEt9imT2QbTj0X31dghq946625pG8DMF9Id+Ww9KAc59q9ua3TN1FuziWuVhVYao33pSi1zt+CS8PoSa1SchUvRXtZbk3fwNfT3vqDeiMc3t/+CTG2zvOwJGUeP/KIofbnccm3dX7Uoy+ueOcptaQZScojLh0O/c15Esbh42hPtw1begJvtb5xXB1pgvsTxbecYxaLRrm6bOCt0/nXoE7rcMJxzfgc7pqt5NSzncP3zk5q5wYhwWDv1LGbY+bpDfMS3cMm3rYEvLPZHH07/mVOFMrYNKF+vgJw3XzvfHup/z4fC9vEzLJRB3bgHA4AAvq5MwWscDYHf7oI5m+ZXyjD9jp8di6Y7yBcepEFE0HLUiZx3UTy9T8G+dS0//vAaQAAAABJRU5ErkJggg==);
    cursor: pointer
}

.mall-page-mobile .paymethods-container {
    position: relative;
    padding-bottom: 30px
}

.mall-page-mobile .paymethods-container .paymethod-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 3px;
    border-bottom: 1px solid #363c3e
}

.mall-page-mobile .paymethods-container .paymethod-header .icon-dollor {
    margin-right: .12rem;
    height: .25rem
}

.mall-page-mobile .paymethods-container .paymethod-header .icon-dollor img {
    vertical-align: top;
    width: .25rem;
    height: .25rem
}

.mall-page-mobile .paymethods-container .paymethod-header .item-label {
    margin-right: .15rem;
    font-size: .2rem
}

.mall-page-mobile .paymethods-container .paymethod-header .item-label-recommend {
    flex: 1;
    padding: .08rem .25rem;
    font-size: .24rem;
    background-color: #272729;
    border-radius: .18rem
}

.mall-page-mobile .paymethods-container .more-payment {
    display: flex;
    justify-content: center;
    font-size: .24rem;
    font-weight: 700;
    color: #ff5e28;
    cursor: pointer
}

.mall-page-mobile .paymethods-container .more-payment .van-icon {
    margin-right: .03rem;
    font-size: .26rem;
    font-weight: 700
}

.mall-page-mobile .paymethods-container .paymethod-list {
    margin-top: .2rem;
    font-size: 0;
    min-height: .85rem;
    margin-right: -.12rem
}

.mall-page-mobile .paymethods-container .paymethod-list .payment-item {
    display: inline-block;
    position: relative;
    background-color: #fff;
    margin-bottom: .11rem;
    width: 3.35rem;
    border-radius: .15rem;
    text-align: center;
    cursor: pointer;
    padding: .05rem;
    box-sizing: border-box;
    margin-right: .12rem
}

.mall-page-mobile .paymethods-container .paymethod-list .payment-item.active .active-mask {
    display: block
}

.mall-page-mobile .paymethods-container .paymethod-list .payment-item.disabled {
    filter: brightness(.8)
}

.mall-page-mobile .paymethods-container .paymethod-list .payment-img {
    height: .8rem
}

.mall-page-mobile .paymethods-container .paymethod-list .recommend-text {
    position: absolute;
    left: 0;
    top: 0;
    padding: .05rem .08rem .07rem;
    border-top-left-radius: .15rem;
    border-bottom-right-radius: .15rem;
    background-color: #ff5e28;
    line-height: 1;
    color: #fff;
    font-size: 11px
}

.mall-page-mobile .paymethods-container .paymethod-list .active-mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mall-page-mobile .pay-op-wrap {
    padding: 0 .25rem .25rem;
    text-align: center
}

.mall-page-mobile .submit-pay-btn {
    display: inline-block;
    padding: 0 .25rem;
    min-width: 4.8rem;
    height: .65rem;
    line-height: .65rem;
    text-align: center;
    font-size: .26rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    border-radius: .15rem;
    transition: all .3s;
    background-color: #ff5e28
}

.mall-page-mobile .submit-pay-btn:hover {
    filter: brightness(1.2)
}

.mall-page-mobile .submit-pay-btn.disabled {
    cursor: not-allowed;
    filter: brightness(.7)
}

.mall-page-mobile .pay-result-infos {
    margin-left: -.28rem;
    margin-right: -.28rem;
    margin-bottom: .02rem;
    transition: all .3s linear;
    background-color: #272729;
    border-radius: .18rem;
    border-top: 1px solid #5a5a5a
}

.mall-page-mobile .pay-result-infos .pay-sku-info {
    padding: .08rem .25rem;
    font-size: .22rem
}

.mall-page-mobile .pay-result-infos .pay-sku-info .item-label {
    white-space: nowrap;
    padding: .03rem 0;
    padding-right: .12rem;
    text-align: right
}

.mall-page-mobile .pay-result-infos .pay-op-wrap {
    padding-top: .12rem
}

.mall-page-mobile .pay-result-infos .pay-op-wrap .pay-price {
    margin-bottom: .12rem;
    font-size: .28rem;
    color: #ff5e28;
    text-align: right;
    font-weight: 700
}

.mall-page-mobile .trgger-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: .24rem
}

.mall-page-mobile .trgger-wrap .trigger-item {
    flex: 1;
    box-sizing: border-box;
    padding: .24rem .05rem 0;
    text-align: center;
    line-height: 1;
    font-size: .2rem;
    cursor: pointer
}

.mall-page-mobile .trgger-wrap .trigger-item .trigger-text {
    position: relative;
    display: inline-block
}

.mall-page-mobile .trgger-wrap .trigger-item .trigger-text .dot {
    position: absolute;
    right: -.1rem;
    top: -.1rem;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: red
}

.mall-page-mobile .trgger-wrap .trigger-item.active .trigger-text {
    padding-bottom: 3px;
    font-weight: 700;
    border-bottom: 4px solid #ff5e28
}

.mall-page-mobile .tab-container {
    margin-bottom: .4rem
}

.mall-page-mobile .tab-container .tab-header {
    margin-bottom: .24rem;
    font-size: .24rem;
    line-height: 1;
    text-align: center;
    font-weight: 700
}

.mall-page-mobile .tab-container .tab-header .row-txt-1 {
    margin-bottom: 2px;
    color: #ff5e28
}

.mall-page-mobile .tab-container .checkin-list {
    font-size: 0;
    text-align: center
}

.mall-page-mobile .tab-container .checkin-list .checkin-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1.7rem;
    height: 1.7rem;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/weal-bg.9a0a2bcf.png);
    margin-left: .11rem
}

.mall-page-mobile .tab-container .checkin-list .checkin-item:first-child {
    margin-left: 0
}

.mall-page-mobile .tab-container .checkin-list .checkin-item .checkin-num {
    position: absolute;
    right: -1px;
    bottom: .04rem;
    width: 1.31rem;
    height: .5rem;
    font-size: .16rem;
    line-height: .33rem;
    text-shadow: 1px 1px 3px #666;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAAlCAMAAABIz5oUAAADdmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjk3OTk5MjRmLTNjMWEtZmQ0YS1hOWQwLTBlMzY5MTQzYzEzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENDY5RDYwNzQzMUMxMUVFQkYxOENENUM0QTMzOTY3RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENDY5RDYwNjQzMUMxMUVFQkYxOENENUM0QTMzOTY3RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxYTI5NDA0Ni00ODk2LTJhNDQtYTQ1NS0xOGZjYTE1YmJkOTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTc5OTkyNGYtM2MxYS1mZDRhLWE5ZDAtMGUzNjkxNDNjMTM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kp3itgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABUUExURUdwTBRCVhyFrjO14imdxhJEXBxVbA4gLAwQFxdOZhBwmgVchjSx3QwSGQFWgg90nxN8pwtslxeDrQRdiAhkjxuJtB+QuiSWwCicxR2ZxQA5WCyl0HvViZIAAAAOdFJOUwBPsf60484xmuSsrtdtqf3SdgAABCdJREFUWMPNmF172yAMhROTzGub2hiMwOX//8/xjYTB3Z7dVN3s9Srvjo7EIbcbqfkxTdPjb2qiv0xX9e5/mvrwfz5ozRTmdmeKG6aVAm1CpZexpYwGDQA6PNwr/AOUUK5ELp5q5SupLdReSu4y1LLI5eurpZmYUNaICJM+yL0Sj3/5T1ag/COUChS8Fv7s9OkeoCJImSAcwRL+xurQWA5WCEjC6KBDwjEFJoEEpqAI56KIEfTgPaKtVSSqUmnuJ5pVa64LC0RxYrNc27SK0iR5kjC4M6g5AWTN0jiWLYsjqzjykoa7/37wS9QltSrzVYZE4j2CpGmV6bVKVm2WS23mlzMMUGVQo3TSJTo2eZaL2qZBi/akTWQpbUK6dGnuDKyGqAyWJtso6VFnJ3QJC5MbtQWc9aSMLK5Z8s+QZrLGQhQmK4NtA6U7qsrS9wxiIZ7BFv5Om5eN0gSYyKPr5inzjLQRjWUyj9cGS7Nhz+yyqjOmuTPrpNE9ZTxOdHBRhkrTjHaZJrxpiIWX876hNC9mwwAhmtY0RBmqS9OltaiC+kQ2DW1US3NnTClDhfF+zsNdhlrVWRLdye4aOCuDTHzRqZkxEFgYbxm0adJoF22og6s428V0I22Waxc/PIzJ7k1NojCiSMPTbItRoyLQvlHX0D5d0LhdI44jD1Lwj5uwiJSVEWTbtGuGd6RByuRls+ctfOGb2QLXebS1TseBNpooo0arBq3hDc32js/uvQ53ChFDmpflYQMfgSiw1MMzOCZKk0MMPrbx3tuwhfeWh5hmTPNgCsxh9BFPhTTYnkhDWcFIGjTc5yWMM8TWG6hzmwjN3eW9rISJshD/1qNS1dNJEBZ+sjCVRu6ERV64+GWVdtJ4ddAo+V8yiSgjFfNMs/jodPdsE1lGFsY0DyZ8nw6b5Sn9IllGKXRyR561P96ncWr7dOEb1ydhSOXjAbGUFM5pjFhJ2sOmCbumF7I6A4Vo3Dz5HHEQGNA05eErAU4RJ54mSgwOhSGNu7aow5fLMMZvPHQbQF1STcBKJiYn97q2a693KJyuC5jmZcUBAeeIoU+18VdRYUiOaBqFPUxPTEluTyNtZgaJxdHoejNJQNAECU5nqjm7yXRve980yTddbSamjjNNAgLVy8Jk1ZRlcz6hGg/v8nvfTLbSHIEleQZiyyAKo1DCIlkYSTNIEmTzdbNNoZlfB1RtQEFWpXB5kn4UXtubNt02bQDdu3cFQuOShKOg0oRnZlEYJuY90cDw5kgo0mxYmn2Us1oacDw60sT+lBkXzR0Bh+HzzXIQbHp7WHZp3hkQ25ALP3ZMtW+WZgRC8h5eMyNZsDbhaxnGLCtf0VhzdErHoavIQDeTwCdH9zJxCkBYv0jz6+3/6/n2fIanf5fHv9bsZurz9w+pT/9t0vxj6vYHPm5LX+mJmGsAAAAASUVORK5CYII=)
}

.mall-page-mobile .tab-container .checkin-list .checkin-item .in-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.mall-page-mobile .tab-container .checkin-list .checkin-item .in-img img {
    height: .88rem
}

.mall-page-mobile .tab-container .checkin-list .checkin-item .tz-image {
    margin-top: .1rem;
    height: 1rem
}

.mall-page-mobile .tab-container .checkin-list .checkin-item .img-viewer {
    display: none;
    position: absolute;
    top: .12rem;
    left: .12rem;
    width: .32rem;
    height: .32rem;
    cursor: pointer;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzEwQTc2QzIzODJFMTFFRThDNzNCQzQzMTVDRTI5MDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzEwQTc2QzMzODJFMTFFRThDNzNCQzQzMTVDRTI5MDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTBBNzZDMDM4MkUxMUVFOEM3M0JDNDMxNUNFMjkwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTBBNzZDMTM4MkUxMUVFOEM3M0JDNDMxNUNFMjkwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plx0u0AAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAn1BMVEVHcExLOh9fTi46JQpFMxhtXD52ZUNzXz6IcktqWDs7Jw5CMRk5Jg6mlWyaiV6ci2E7Jw85Jg9LOx9zYj7GtIjax5fy3qw5JQ1YRidwXzvq1qe3pXW4pXYzIxcqHhRUQisuIRXvz5WSelNNPCa5oHObg1t+aUc+KQ48Lh4kGhPPtIJFNiLmyJCnjWJgTTSxmGk2JRDcvojFqXegjV/r1qRTAEh5AAAAHXRSTlMAXevk/wkT/v390Rp7WMmruTOjnHfA3a6L1tHd34DMnBgAAAHZSURBVDjLbZSJcqwgEEVxdEZRZ6nZUkkeSwRBEZdZ/v/bggvqM3aVUtDH7gt0C8Bk++vt636/f92ue7Bi2+vt/VY8FQlX+n27bpfA/p/iEFFkjGIE+eN7EefIX0XnHgyzV32c+XeH2p/7O8YvD7tRwuFFloBByOtgxRzTolurSqUfPMhGJO0TbfdJFyGrf3p7+AOSV0kndxf4uJ0r41T8qc0gLCKCVsol6Gbc+CszFqlBmBWTXNoQsM1Raa2GVaE1t0GgCeKITlmpNbEfcq176YhmwgGXXsXzwcd9wsckFl7AZ9UdhVLpSDClxLjjT+D3qvhzIsjz6Y+n7wPYp0x5PRKCc6sJFxBs+iOEdW0jZ3VdWphmG0ugsiyrHkjKctwWbolhYyRNU1ExAs2YTkRhCDZcK0lmZpGcbcCZ4GFWwKA1QYh5D0hOzsAhU0lkjJA2KRFCdMsUEQdErMB/qof5ojunvGARAGf2t74M4vsEUcrO5vajwsOrSIVyr4jaEoq9ZiUKMUDmxX2dnjy6giCMvJNthnANyZEXjo0XhbJZaKF5I8No1rQfUuIZQzGV8uP/1nVc2VCMqTFsWCldZ9nau9iVsmkaah7jj3dr/wcnPoWu64an2Jkl+AUz3GY3tPcwHgAAAABJRU5ErkJggg==)
}

.mall-page-mobile .tab-container .checkin-list.checkIn {
    justify-content: space-between
}

.mall-page-mobile .guide-dialog {
    width: 6rem !important
}

.mall-page-mobile .dialog-guide-list {
    max-height: 60vh;
    padding-right: 10px;
    overflow-y: auto
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info {
    position: relative;
    z-index: 3;
    width: 100%;
    box-sizing: border-box;
    margin-top: .3rem;
    padding-left: 6px;
    margin-left: auto;
    margin-right: auto
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .title {
    font-size: .28rem;
    text-align: center
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .title .title-txt.apple {
    padding: 5px 0;
    background-image: linear-gradient(90deg, #28221e 20%, #191613 40%, #28221e 80%)
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .title img {
    max-width: 100%
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .recharge-guide-list {
    margin-top: .4rem
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item {
    display: flex;
    margin-bottom: .2rem
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-num {
    position: relative;
    width: 14px;
    text-align: center;
    padding-right: 10px;
    font-size: 12px
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-num:after {
    position: absolute;
    content: "";
    left: -2px;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ffe8a9;
    transform: rotate(-45deg)
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-text {
    margin-top: -.05rem;
    margin-left: .1rem;
    margin-right: .1rem;
    line-height: 1.6;
    font-size: .22rem;
    flex: 1;
    color: #ffeecf
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-image {
    width: 34.7%
}

.mall-page-mobile .dialog-guide-list .recharge-guide-info .recharge-guide-list .recharge-guide-item .guide-image img {
    border: 1px solid #9e865a;
    max-width: 100%
}

.mall-page-mobile .acc-reward-dialog .richarca-account-text {
    padding: .3rem .1rem 0;
    font-size: .16rem
}

.mall-page-mobile .acc-reward-dialog .reward-list {
    max-height: 5rem;
    padding-right: .1rem;
    padding-left: .1rem;
    overflow-y: auto;
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: .3rem;
    padding-right: .3rem;
    box-sizing: border-box;
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/hA3NodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMzc1MTQzRDEzMzYxMUVFQkVBNEQ3NzMzMjc3NTMzNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQ0FCMEExNzkwRjAxMUVGQUJCMUU2RTJFNkVCNTkzNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQ0FCMEExNjkwRjAxMUVGQUJCMUU2RTJFNkVCNTkzNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjFCNzEzMjkwRjAxMUVGQkVBRThDQjM3OTY1RTYyRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjFCNzEzMzkwRjAxMUVGQkVBRThDQjM3OTY1RTYyRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8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);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item .image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .2rem;
    margin-left: .3rem;
    height: .98rem;
    width: .9rem;
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/hA3NodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMzc1MTQzRDEzMzYxMUVFQkVBNEQ3NzMzMjc3NTMzNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MDQxQzA5QTkwRjExMUVGQUMyNkMxMzBCM0FDMUQ1QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MDQxQzA5OTkwRjExMUVGQUMyNkMxMzBCM0FDMUQ1QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNUQ2ODE1RjkwRUYxMUVGQkUwRjkyODVENTRGMUYzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNUQ2ODE2MDkwRUYxMUVGQkUwRjkyODVENTRGMUYzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/bAEMACgcHCAcGCggICAsKCgsOGBAODQ0OHRUWERgjHyUkIh8iISYrNy8mKTQpISIwQTE0OTs+Pj4lLkRJQzxINz0+O//bAEMBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O//AABEIAEsAWwMBEQACEQEDEQH/xAAaAAACAwEBAAAAAAAAAAAAAAACAwABBAUG/8QALhAAAQQABQIFAwQDAAAAAAAAAQACAxEEEiExQVFhInGBofATkbEUMsHhQtHx/8QAGAEBAQEBAQAAAAAAAAAAAAAAAAECAwT/xAAbEQEBAQEBAQEBAAAAAAAAAAAAARECIRIxUf/aAAwDAQACEQMRAD8A8OvO7pvsguiiqpEWBZRRNYTSmiiNSqIG+yCUgqkEpBSIiCxv3RT2MzeizbiiOHJGin0YVGPG3zC1fxGtkO9AaLna1jJlsityujI3Rlulbe6kqhyHlXUCVQNIJSAURYCKfA4BwtZ6/FjqQRNewOFWD9j8/JXC1pnxWDMWIDg2mk2Afdb562YmNr4cscjx3PXdc5fVZYcL/kRWXQWt3pMBJFkbmeQB+VZf4Mb3ZjtQ4XSTEAVpFFBSAQLQMbGTtspsDWwu8lPqLjoYOYxOAdqOey49TWo6+Jw7MThQBuNWkFcpcqrfB9SBmUAk5Sb8k30LnjjhjDdyAAANyk9Rx8Rb3kuA7AFdufEpDoXnXYabrc6iYU6LKCrKYW4LSAPogpqofE8g7WsWRW+CQBwBZeu9WuViulCyB4GdmlXxR+fwud1W2KNsYOVxI81m1TFAmVkJNyO56qzRimdDF+wAAd9en8LU2owTyg34hXHHn8/pdJBjkcCdD7rpIyQ5bQNnrSABoqDab0KDXDdan58C5Vp1sM0AW66Opu9VxqulHI0igRQpYUbjTSauuFAmURzt8LhnG3fsrPBx8TE6MmnGq2PG39LrKjA8uBok6rrMZKJ6/haAE67qoH7IAVQ1gvc0FFaopWRnTgb9Fiy1pqjxL75cSevOvz0XOwbWYkBuXODpr9jysYrS7FeG9fDr7+yziudLiDDIW2CDtfB6LpJqIcW2YESgF2tXz6p82fgxTsr9pJHTr8/0unNRkPK6MhJ4QV6IAVQWYoog/uoHxS5bebvqs2b4prZ9RqQVnFP/AFJIondpG6zhrPLL9SOibrQfPRakyoR9V3P/AFbyGibOao691LyaGQ5tVZ4FErSBJRFIIgtBeZFEH0VAQlrL2UwDnrRUCTqqJfdBM32QUTaCIKREQRBEEQWgh3QUiogiIiCIP//Z);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item .image img {
    flex: 1;
    max-height: .72rem
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item .reward-item-desc {
    flex: 1;
    font-size: .16rem;
    font-weight: 600;
    color: #f0f0f0
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item .reward-button {
    display: none;
    position: absolute;
    right: -.08rem;
    top: -.08rem;
    height: .5rem;
    width: .5rem
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item .reward-button img {
    flex: 1
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item.status-1 {
    cursor: pointer;
    box-shadow: 0 0 .1rem #ff940a, 0 0 .1rem #ff940a
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item.status-1.active {
    box-shadow: none
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item.status-1.active .reward-button {
    display: block
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item.status-2 {
    cursor: pointer;
    filter: grayscale(.8)
}

.mall-page-mobile .acc-reward-dialog .reward-list .reward-item.status-2 .reward-button {
    display: block
}

.mall-page-mobile .acc-reward-dialog .submit-pay-btn {
    margin-top: .2rem
}

.mall-page-mobile .acc-reward-dialog .submit-pay-btn.disabled {
    background-color: #616161
}

.mall-page-mobile .dialog-inner--role {
    width: 5.4rem !important
}

.mall-page-mobile .dialog-inner--role .dialog-body {
    overflow-x: hidden
}

.mall-page-mobile .user-role-list {
    width: 5.15rem;
    margin: .1rem auto 0;
    padding-bottom: .6rem;
    font-size: 0;
    overflow-y: auto
}

.mall-page-mobile .user-role-list .user-role-info-item {
    display: inline-block;
    width: 2.42rem;
    height: 3.23rem;
    margin-top: .32rem;
    box-sizing: border-box;
    padding: .2rem;
    border: 1px solid #af8e68;
    border-radius: .15rem;
    cursor: pointer;
    vertical-align: top
}

.mall-page-mobile .user-role-list .user-role-info-item:nth-child(2n) {
    float: right;
    margin-left: .28rem
}

.mall-page-mobile .user-role-list .user-role-info-item .user-role-info-row {
    display: flex;
    font-size: .2rem;
    margin-top: .16rem
}

.mall-page-mobile .user-role-list .user-role-info-item .user-role-info-row .info-label-text {
    white-space: nowrap;
    margin-right: .08rem;
    color: #dcb383
}

.mall-page-mobile .user-role-list .user-role-info-item.actived {
    border-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAAFDBAMAAAAdZSXNAAADnGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjk3OTk5MjRmLTNjMWEtZmQ0YS1hOWQwLTBlMzY5MTQzYzEzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MkE1NzYyNzQxNjYxMUVFODJGM0Y2NUI1NUIzMzI2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MkE1NzYyNjQxNjYxMUVFODJGM0Y2NUI1NUIzMzI2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuMCAoMjAyMzA4MDEubS4yMjY1IDNhMDA2MjMpICAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzVlMmU3OC1lMGRlLTAyNDktYWI3Yi04M2Y2NGQxMDUwZGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1NTRiOTU2NS03NTkzLTQ2NGUtOWUzNS1mMjM0ZWFjZWU3OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hoe0OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRFR3BM/14o/14o/14o/14o/14o/14o/14o/14o/14o/////+DW/4Ze/2s5WNx93gAAAAl0Uk5TAN3wiHgiTroOOO5TRAAAApFJREFUeNrt2L1u02AUxvED+fLYCvHhuaLCGwtI3bpV3Vy+5pYBKVsmkLeAhDIn0Eav6A3gwAWkohdAuYJUXAz26zTNh9f3HIb/UYZIHn56jl/HjyJSTHQQO70Z3TuWm2llbrQdaupCDRf24eh9KqGmXRd8PPcG7pkEnG6dvesvRdluSLk+tvMr7wzToLQc1tGn/srjsLI06+hhvzjeyXFgWvbq7KcijXFoWRp19BORT6fB6Wgj9p+p+1qc/V5wWjpr8nn+3Q2LG7EfnpZslb7Kp871JU4V6MFa6Il/spO+Ah1lG6GLI+5EYz5uhHY9GanQkX+Bnf+6Da1Gy1Gpfct/L0K7LS26Vcb+m/9YhNaj5UXJXeSzm9CK9OfEb3x6nV9q0/LWx55cTGbqtK8M13n+06nTvikVd3pmQPvYV5fOgF5rSqp0045ebUq6dMOOXomtTHfs6OWmpE0P7OilpqRNLzUldTqKzeiqKdnQrdiMrpqSDd1KzOiqKdnQbTt6/p+SCd22o6umZEM37WhfGYzohh1d/qdkRJdNyYoumpIZPbCjo9iMlj1DumdH70NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ//vtLOjk74NnR2XH5OJ0zK4xUSuL90tE7o5Frl7ZkLfOat4gymXHcUWN7uVlKe7a7Hxgd91Y6T/eEXZo+p35Ys6fTRMq3PuHijLL939+bcTt/Putd68OXCLPUcnTnd20tsNvPqwrTcPn1dvrH/AyHmqj1G+VQAAAABJRU5ErkJggg==)
}

.mall-page-mobile .user-role-list .user-role-info-avatar {
    margin: 0 auto .25rem;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: contain
}

.mall-page-mobile .mall-footer-wrapper {
    padding: .15rem 0 .15rem;
    font-size: 12px
}

.mall-page-mobile .mall-footer-wrapper .copyright {
    text-align: center
}

.mall-page-mobile .mall-footer-wrapper .term-privacy {
    margin-top: .1rem
}

.mall-page-mobile .mall-footer-wrapper .term-privacy .item-info {
    text-align: center
}

.mall-page-mobile .mall-footer-wrapper .term-privacy .item-info a {
    color: #fff
}

.mall-page-mobile .mall-footer-wrapper .term-privacy .item-info a:hover {
    text-decoration: underline
}

.mall-page-mobile .dialog-wrapper--checkout .dialog-inner {
    background: #fff;
    color: #666;
    width: 6.5rem;
    padding: 0;
    border: none
}

.mall-page-mobile .dialog-wrapper--checkout .checkout-dialog-body {
    padding: 0
}

.mall-page-mobile .dialog-wrapper--checkout .dialog-header .dialog-close {
    right: .25rem;
    top: .25rem
}

.mall-page-mobile .dialog-wrapper--checkout #payment-form {
    width: 6.5rem;
    max-height: 65vh;
    overflow-y: auto;
    margin: .2rem auto;
    padding-top: .6rem;
    border-radius: .15rem
}

.mall-page-mobile .dialog-wrapper--checkout .pay-button {
    border-radius: .06rem;
    height: .8rem
}

.mall-page-mobile .dialog-wrapper--checkout .button-text {
    margin-right: .1rem
}

.mall-page-mobile .dialog-wrapper--checkout .card-frame {
    margin-bottom: .16rem;
    height: .8rem
}

.mall-page-mobile .dialog-wrapper--checkout .charge-info {
    padding: 0 .2rem .2rem
}

.mall-page-mobile .dialog-wrapper--checkout .charge-info-header .sku-name {
    margin-right: .15rem;
    flex: 1
}

.mall-page-mobile .dialog-wrapper--checkout .recharge-no {
    margin-top: .05rem
}

.mall-page-mobile .dialog-wrapper--checkout .how-tip {
    padding: 0 .2rem .2rem
}

.mall-page-mobile .dialog-wrapper--checkout .bottom-group {
    padding: .2rem .2rem 0
}

.mall-page-mobile .dialog-wrapper--checkout .select-type-wrap .select-type-item {
    padding: .2rem
}

.mall-page-mobile .dialog-wrapper--checkout .select-type-wrap .select-type-item .select-type-item-checkbox {
    padding-top: .15rem
}

.mall-page-mobile .dialog-wrapper--checkout .select-type-wrap .select-type-item .other-info-item {
    width: 40%
}

.mall-page-mobile .dialog-wrapper--checkout .select-type-wrap .select-type-item .other-info-item .item-name {
    white-space: nowrap
}

.mall-page-mobile .dialog-wrapper--checkout .select-type-wrap .select-type-item .radio-box {
    margin-right: .2rem;
    width: 14px;
    height: 14px
}

.mall-page-mobile .dialog-wrapper--checkout .select-type-wrap .select-type-item .radio-box:after {
    width: 4px;
    height: 4px
}

.mall-page-mobile .dialog-wrapper--checkout .select-type-wrap .select-type-item .item-input {
    width: 2.2rem;
    padding: .1rem .2rem;
    border-radius: .08rem
}

.mall-page-mobile .dialog-wrapper--checkout .select-type-wrap .select-type-item .select-form-tip {
    padding: .2rem 0
}

.mall-page-mobile.dsf .tab-container .checkin-list .checkin-item .img-viewer {
    display: block
}

@media (max-width: 450px) {
    .mall-page-mobile .gift-btn {
        font-size: 12px !important
    }

    .mall-page-mobile .dialog-wrapper .dialog-header .dialog-title {
        font-size: 16px
    }

    .mall-page-mobile .main .label-text, .mall-page-mobile .main .shop-list .item .icon-extra, .mall-page-mobile .payment-form .item-label, .mall-page-mobile .tab-container .checkin-list .checkin-item .checkin-num, .mall-page-mobile .trgger-wrap .trigger-item {
        font-size: 12px
    }
}

.landscape .mall-page-mobile .mall-layout {
    width: 90%
}

.landscape .mall-page-mobile .acc-reward-dialog .reward-list {
    max-height: 2.5rem
}