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

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

.language-wrap .language-select[data-v-69c4001b] {
    padding: 5px 8px;
    font-size: 14px;
    color: #959493;
    border: 1px solid #4f4637;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #080506;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4NTFBOUM2RkExRTExRUQ5MDc5REE2NjRFQTcxN0I1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4NTFBOUM3RkExRTExRUQ5MDc5REE2NjRFQTcxN0I1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qzg1MUE5QzRGQTFFMTFFRDkwNzlEQTY2NEVBNzE3QjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg1MUE5QzVGQTFFMTFFRDkwNzlEQTY2NEVBNzE3QjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz43VyCgAAAAjElEQVR42mL8//+/LgMDQwkQCzHgBh+BuIcRqHgakCHLQBg8ZQISAgzEAX6Q4gNEKj4AUrwKiH8QUPgTpA6k+AMQbyKgeDMQv2eCctYB8WccCr8A8VoQA6b4K0wAC1gL1QBXDAJbgPgdmsIPUCcwoCsGeWIlmuKVUHEMxSCwA4gPQhUcAuJtyJIAAQYAzzMi9zuTkfoAAAAASUVORK5CYII=);
    background-position: 110px;
    background-repeat: no-repeat
}

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

.search-loading .van-overlay[data-v-4542c853] {
    position: absolute
}

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

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

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

.search-loading .van-loading[data-v-c7f5421e] {
    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
}

.mall-page {
    background-color: #080506;
    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%
}

.mall-page .mall-layout {
    max-width: 100%;
    margin: 0 auto
}

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

.mall-page .mall-top .top-title {
    font-size: 32px
}

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

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


.mall-page .mall-container {
    display: flex;
    justify-content: space-between;
    padding-top: 32px
}
.mobile .mall-page .mall-container {
    padding-top: 100px
}

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

.mall-page .side .game-icon {
    margin-top: 24px;
    display: inline-block;
    width: 231px;
    height: 231px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: contain
}

.mall-page .side .game-logo {
    margin-top: 14px;
    display: inline-block;
    width: 234px;
    height: 100px;
    background-repeat: no-repeat
}

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

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

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

.mall-page .main {
    flex: 1;
    max-width: 100%;
}

.mall-page .main .label-text {
    width: 130px;
    padding-top: 15px;
    margin-right: 25px;
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
    text-align: right
}

.mall-page .main .select-item {
    position: relative;
    display: flex;
    margin-bottom: 15px
}

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

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

.mall-page .main .select-item .voucher-label-text {
    position: absolute;
    left: 165px;
    top: -10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    color: #ff5e28
}

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

.mall-page .main .user-wrap .login--not-login {
    display: flex
}

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

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

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

.mall-page .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 .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 .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 .main .user-wrap .login--not-login .login-input-wrapper .tips-img.show {
    right: 0;
    opacity: 1
}

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

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

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

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

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

.mall-page .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 .main .user-wrap .login--login .user-info .user-name {
    display: flex;
    align-items: center;
    margin-bottom: 3px
}

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

.mall-page .main .user-wrap .login--login .user-info .user-name .icon-wrap {
    margin-left: 10px;
    height: 30px;
    width: 50px;
    font-size: 24px;
    border-radius: 20px;
    cursor: pointer;
    background-color: #ff5e28;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAMAAABsDg4iAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEJGMzQ4MjdGRUJGMTFFREI3NjdDOTg4Qjc2NjJFMjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEJGMzQ4MjhGRUJGMTFFREI3NjdDOTg4Qjc2NjJFMjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QkYzNDgyNUZFQkYxMUVEQjc2N0M5ODhCNzY2MkUyNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QkYzNDgyNkZFQkYxMUVEQjc2N0M5ODhCNzY2MkUyNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi+1W6gAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMAsAvp1ZPIgATDPxViIzVuVYW7QLMcWgAAAGFJREFUGNOFkEsOgDAIRKH/j5q2c/+72u4qYnwLFi8ThkD0ywXg0CSKtM0CwVDxO93NKJPFG4Im4wj5SfBzeZJ83Ftij4KmF6lyrOmy22CqecpwiibDKyptYu1hxluuu7gBEWQK+3bsbZMAAAAASUVORK5CYII=)
}

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

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

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

.mall-page .main .select-item-gift .gift-box-wrap {
    position: relative;
    display: inline-block;
    padding-top: 20px;
    padding-left: 10px
}

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

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

.mall-page .main .select-item-gift .gift-box-wrap .gift-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 34px;
    padding-left: 50px;
    line-height: 34px;
    font-size: 20px;
    text-shadow: 0 1px 2px #ccc;
    border-radius: 15px;
    color: #f0f0f0;
    background-image: linear-gradient(0deg, #0ba8d3, #72e6ff)
}

.mall-page .main .select-item-gift .gift-box-wrap .gift-btn .icon-arrow {
    margin-top: 3px;
    margin-left: 3px;
    width: 19px;
    height: 19px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjM5RjgxMzhGQTFFMTFFRDg3MERGQjMxRDFEOTYwMzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjM5RjgxMzlGQTFFMTFFRDg3MERGQjMxRDFEOTYwMzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzlGODEzNkZBMUUxMUVEODcwREZCMzFEMUQ5NjAzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzlGODEzN0ZBMUUxMUVEODcwREZCMzFEMUQ5NjAzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjgvJBUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAQlBMVEUJbIb8/f4MbojY6OwLbYcJbIYJbIZHcEwJbIYJbIa/2eDk7/Kix9L2+vv+/v/5/Pyhx9Hy+Pnq8vV5r71CjqL///+dp/bFAAAAFXRSTlMB8zCBExolAAULVaRC3vvmdMHILEWc2N6UAAAAlUlEQVQY02XQWRbDIAgFUE3EMSad2P9W+yAS01M+ryD6XErOKo1yoJxLKTlfiGPIVkMAD1VamXulYL1idDDquaFX0bkSyIvx3t4nisXTmP0qmDA6jXegbqVp3HT6x/b6Z6+Nhtl9/bFE0h2yt+vOBRTMqB6+fUTsfRimiB5psn/gv4FQMwR9NfSe1pmf1swvXUFbzOkL99ULnNfGdGgAAAAASUVORK5CYII=)
}

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

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

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

.mall-page .main .select-item-gift .ricarica-acc .countdown .date-num {
    padding: 5px;
    font-size: 18px;
    color: #fff;
    background-color: #29464d;
    border: 1px solid #42c9ea;
    border-radius: 40%
}

.mall-page .main .select-item-gift .ricarica-box-wrap {
    position: relative;
    display: inline-block;
    margin-left: 40px;
    padding-top: 20px;
    padding-left: 10px
}

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

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

.mall-page .main .select-item-gift .ricarica-box-wrap .gift-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 34px;
    padding-left: 50px;
    line-height: 34px;
    font-size: 20px;
    text-shadow: 0 1px 2px #ccc;
    border-radius: 15px;
    color: #f0f0f0;
    background-image: linear-gradient(0deg, #0ba8d3, #72e6ff)
}

.mall-page .main .select-item-gift .ricarica-box-wrap .gift-btn .icon-arrow {
    margin-top: 3px;
    margin-left: 3px;
    width: 19px;
    height: 19px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjM5RjgxMzhGQTFFMTFFRDg3MERGQjMxRDFEOTYwMzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjM5RjgxMzlGQTFFMTFFRDg3MERGQjMxRDFEOTYwMzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzlGODEzNkZBMUUxMUVEODcwREZCMzFEMUQ5NjAzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzlGODEzN0ZBMUUxMUVEODcwREZCMzFEMUQ5NjAzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjgvJBUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAQlBMVEUJbIb8/f4MbojY6OwLbYcJbIYJbIZHcEwJbIYJbIa/2eDk7/Kix9L2+vv+/v/5/Pyhx9Hy+Pnq8vV5r71CjqL///+dp/bFAAAAFXRSTlMB8zCBExolAAULVaRC3vvmdMHILEWc2N6UAAAAlUlEQVQY02XQWRbDIAgFUE3EMSad2P9W+yAS01M+ryD6XErOKo1yoJxLKTlfiGPIVkMAD1VamXulYL1idDDquaFX0bkSyIvx3t4nisXTmP0qmDA6jXegbqVp3HT6x/b6Z6+Nhtl9/bFE0h2yt+vOBRTMqB6+fUTsfRimiB5psn/gv4FQMwR9NfSe1pmf1swvXUFbzOkL99ULnNfGdGgAAAAASUVORK5CYII=)
}

.mall-page .main .select-sku-wrapper {
    margin-top: 30px;
    overflow-y: auto;
    overflow-x: hidden
}

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

.mall-page .main .shop-list .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 23px;
    margin-bottom: 23px;
    width: 166px;
    height: 124px;
    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(../img/box-b.e50b82ef.png)
}

.mall-page .main .shop-list .item .item-image {
    position: relative;
    margin-top: 10px;
    height: 80px;
    margin-bottom: 2px;
    text-align: center
}

.mall-page .main .shop-list .item .item-image .off{
    display: none;
}
.mall-page .main .shop-list .item[has-off] .item-image .off{
    display: block;
    position: absolute;
    right: 0px;
    text-align: center;
    font-size: 24px;
    top: 67px;
    width: 75px;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #ee0607;
}
.mobile .mall-page .main .shop-list .item[has-off] .item-image .off{
    top: 55px;
    width: 58px;
    font-size: 20px;
}

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

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

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

.mall-page .main .shop-list .item .item-name .moPrice {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #022e42;
}
.mall-page .main .shop-list .item[has-off] .item-name .moPrice {
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    text-decoration-color: #ff0000ab;
    padding-left: 10px;
}
.mall-page .main .shop-list .item .item-name .rePrice{
    display: none;
}
.mall-page .main .shop-list .item[has-off] .item-name .rePrice{
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #022e42;
    padding-left: 20px;
}


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

.mall-page .main .shop-list .item .act {
    display: none;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 166px;
    height: 124px;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAACLCAYAAADbNvO+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkVGN0IxMjYwRjE5MTFFRTlFQzQ5MDMwOUEwMjlBNkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkVGN0IxMjUwRjE5MTFFRTlFQzQ5MDMwOUEwMjlBNkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEQ5REIwMzhGQTFGMTFFRDk3OTNGODA2QjIwQjdDQzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEQ5REIwMzlGQTFGMTFFRDk3OTNGODA2QjIwQjdDQzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4vzNAEAAAGxklEQVR42uzd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)
}

.mall-page .main .shop-list .item .icon-extra {
    position: absolute;
    z-index: 3;
    left: -23px;
    top: -23px;
    font-size: 20px;
    line-height: 1;
    width: 66px;
    height: 72px;
    transform: scale(.85);
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/extra.8ab1c47d.png)
}

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

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

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

.mall-page .main .shop-list .item .icon-question {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTZDQUNCM0M5OUE1MTFFRThCNTJCNjU3N0NFN0FCQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTZDQUNCM0Q5OUE1MTFFRThCNTJCNjU3N0NFN0FCQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NkNBQ0IzQTk5QTUxMUVFOEI1MkI2NTc3Q0U3QUJBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NkNBQ0IzQjk5QTUxMUVFOEI1MkI2NTc3Q0U3QUJBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn972RwAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAASFBMVEVHcEwDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4gDc4jg1bUlAAAAF3RSTlMA1Dkv4M1OWMEPkun4tiYGRxtlgwGycPA8TFgAAADZSURBVCjPdVJZAoUgCMTUNNttmfvf9CHY8j7ih2lgQCAisTAOKDaMgV5mYyGdccVFe/OBP4+wMlrDyDg8vFvurMVdkQnwHfszOpNY1nlgKgGDfibaozZnau5hmG+Bht2GIUxLj8i4AVqiKHjvcWq7UlU4iVKnukYDXMWSwtm74g440rRMCtXS9VKHjeDffFbkkV6K9plZFNJDBxor0h7yKqlkmkdr6xxiF69cnbzsaEg1QavorvgovCrh667u7e7JB1XW7X7e4/+Cx+uC3zf//ktElbe05Sf7B94wEMRKJujnAAAAAElFTkSuQmCC)
}

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

.mall-page .main .shop-list .item .question-tip {
    display: none;
    position: absolute;
    top: 38px;
    left: 9px;
    width: 192px;
    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 .main .shop-list .item.view-more .question-tip,
.mall-page .main .shop-list .item.view-more .question-tip-mask {
    display: block
}

.mall-page .main .shop-list .item.view-more .icon-question {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVBRUIwODk5OUE1MTFFRUI2RThBMjFGRjI3RUM3MDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVBRUIwOEE5OUE1MTFFRUI2RThBMjFGRjI3RUM3MDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUFFQjA4Nzk5QTUxMUVFQjZFOEEyMUZGMjdFQzcwMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUFFQjA4ODk5QTUxMUVFQjZFOEEyMUZGMjdFQzcwMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkCK7qkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAATlBMVEVHcEwPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfIPwfLiDfMqAAAAGXRSTlMAtDkvzU7UVw/gkuj4JsIGvcVHaxuDX6kBrUmeMAAAANxJREFUKM91UkkWxSAIw+rXqp2n19z/oh/BDpuyIQ0EBEokFkyHYp0J9DI7FzL6WNxsbz7wpwkboy0YxuHh43JnLfGK9IBr2a9T9ollrQP6EvDII9E5aHOmxgzP/A9o2O3oQr9kzIwb4Ec0YGJ8ZqzarlSdMBBJlFrVNRrgKpYUji4WZxBJ01ZSqJaul0bsBPfmV0UO6aXgykeFopAeOtCk4NQe8iqp5JtHa+scYhevc9TJy466VBO0iu6Kj8KrEr7u6t7umdyhyrrdz3t8X/D75t9/iaiOPe3Hk/0HzS4SV7JsqHIAAAAASUVORK5CYII=)
}

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

.mall-page .main .shop-list--giftpack .item {
    width: 210px;
    height: 234px;
    background-image: url(./pc-gift-box.png);
}
.mobile .mall-page .main .shop-list--giftpack .item {
    width: 160px;
    height: 180px;
    background-image: url(./pc-gift-box.png);
}

.mall-page .main .shop-list--giftpack .item[has-off] {
    background-image: url(./pc-gift-box-off.png)
}

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

.mall-page .main .shop-list--giftpack .item .item-title {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    margin-top: 13px;
    /* padding: 0 31px; */
    line-height: 18px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-align: center
}
.mobile .mall-page .main .shop-list--giftpack .item .item-title {
    margin-top: 8px;
    height: 20px;
}

.mall-page .main .shop-list--giftpack .item .item-image {
    margin-top: 0;
    height: 78px
}
.mobile .mall-page .main .shop-list--giftpack .item .item-image {
    margin-top: 0;
    height: 56px
}

.mall-page .main .shop-list--giftpack .item .item-image .img {
    height: 78px
}

.mall-page .main .shop-list--giftpack .item .range-time {
    height: 29px
}

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

.mall-page .main .shop-list--giftpack .item .item-limit {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #022e42;
    text-align: center
}

.mall-page .main .shop-list--giftpack .item .act {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 210px;
    height: 234px;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAADqBAMAAAAlngaxAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NkQ0ODRFRDlBNDQxMUVFOTE5NkJENjAxQzVGNjRERiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NkQ0ODRFQzlBNDQxMUVFOTE5NkJENjAxQzVGNjRERiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkE4MjIwMDk5QTUxMUVFOTI0NUFDOEUxOEFCRDVCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkE4MjIwMTk5QTUxMUVFOTI0NUFDOEUxOEFCRDVCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgXUhAYAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAALVBMVEVHcEz/Xij/Xij/Xij/Xij/Xij/Xij/Xij/Xij/Xij//v3/uqP/4db/dUb/nXy0H67GAAAACXRSTlMA54wLRlutyB48M0zAAAACE0lEQVR42u3dsU4bQRSF4SuvjUILQsgdSDR0SxNESxV3oeQRtkxJiYQUpcNgDFdAeiZOevMGREp6pLwAKA+R2V0v2GNK39vkP+U2n4410kx1LFJm/5PaZX1LmmSbapuVfCIdqHXWaqgV0Q+5LDCdOWqj+l405OKynUrDutIwX7TUerPU4aSabamLePC6w8VD86X6efy2aiBlxfzPt6MfDSRZmmGex7FPr28BzZb6Gu50INtnJpLsTlcKT3omRwMbKTt6ga7DD9VL6V7ZSPL5RboPj/HwiZ4bSe+6qn8joTfhe+mJnhpJcqxaGT9Hj8ZSLHUfVP+EBzWWsuN4Fn7dhpFaS9KOpUbPYWwvSS+WCt/UQWqXJ3zsIZWlfquLNH3N20rxmvWSOm7S1DVvLbXcpNdS5tKSmySFm/TeTWqueXupebs4SJNSDtLk7eIhlW8XH6l8uzhJVSkXqSrlI8W3i5MUr3kvqe0mxVJe0jISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhIS0n8knbtIe2q32jqbL32zJdokvUuzdd0kkTFaDE7THVitICfp6KrRsnOaHd0wWqtOU/RzowXuJK1ygdtkVTxJVtRtDJbSkxzUS+n1+ruhc7LZrL/7Ldo7rvRLZvzPAxX0D3Ld11UOSo+9AAAAAElFTkSuQmCC)
}
.mobile .mall-page .main .shop-list--giftpack .item .act {
    width: 160px;
    height: 180px;
}

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

.mall-page .main .select-item-pay .pay-btn {
    width: 340px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    background-color: #ff5e28;
    transition: all .3s
}

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

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

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

.mall-page .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 65px;
    background-color: rgba(0, 0, 0, .7)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mall-page .dialog-viewer-wrapper .dialog-viewer .first-image.dsf {
    background-image: url(../img/dsf-pc-f.a4afa05a.png)
}

.mall-page .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 .dialog-viewer-wrapper .dialog-viewer .viewer-close {
    position: absolute;
    right: -15px;
    top: 82px;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-image: url(../img/icon-viewer-close.ad1c606c.png);
    cursor: pointer
}

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

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

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

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

.mall-page .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 .payment-form .item-content {
    position: relative;
    flex: 1
}

.mall-page .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 .payment-form .item-amount.item-name {
    color: #fff
}

.mall-page .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 .payment-form .item-info {
    position: absolute;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 17px;
    color: #b2b3b3
}

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

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

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

.mall-page .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 .payment-form .payment-list .payment-item:nth-child(2n) {
    margin-left: 12px
}

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

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

.mall-page .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 .payment-form .payment-list .active-mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

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

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

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

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

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

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

.mall-page .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 .trgger-wrap .trigger-item .trigger-text {
    position: relative;
    display: inline-block
}

.mall-page .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 .trgger-wrap .trigger-item.active .trigger-text {
    padding-bottom: 3px;
    font-weight: 700;
    border-bottom: 4px solid #ff5e28
}

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

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

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

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

.mall-page .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.9c46eead.png);
    margin-left: 32px
}

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

.mall-page .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(../img/weal-num-bg.c50667f3.png)
}

.mall-page .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 .tab-container .checkin-list .checkin-item .in-img img {
    max-height: 130px
}

.mall-page .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,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcxMEE3NkMyMzgyRTExRUU4QzczQkM0MzE1Q0UyOTA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcxMEE3NkMzMzgyRTExRUU4QzczQkM0MzE1Q0UyOTA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzEwQTc2QzAzODJFMTFFRThDNzNCQzQzMTVDRTI5MDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzEwQTc2QzEzODJFMTFFRThDNzNCQzQzMTVDRTI5MDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5cdLtAAAAH30lEQVR42qxXe2yVZxn/fddzbXt6euWUltpCt7W0JS2g6zDgoKjoLGbCZpbFaIZLjCxu4IxxJMxETcyyGN0fuxCzON0lZCM6BaIwRMDILdIyQAq9QXt6Oz3323f3eT+k9HJO6RxP+57zne99vvf9Pbff+3xce30FFiuv/Gb3wx63a53fX9TscsgNsiQVcDxMVVU5RdGTqqb2hsOxi9FY8sTu5185tpg1n/3BNoh3U3rplzu9lqXvqKwoeWpJRVmjohkYHpnASHASA4NjiERi8Pm8qF22BEsq/C2BypJvLKkoxr5Xd18Mjk3t48Dt27P3t+mF9uAW8sSLe7/zpMgbPy0vK6q9GYzhw4Nn0N1zHUpWgcjT8hw3rWuaFjTDhMvtRPvqBnx181rUVpfgZnCiPxxN7Xn55fffzueJnCBe+MmToqoqb3pc3BOhqSTe2f9PjI5OQRL4RYcuo+qoqw/g0UfWoNjnQipj/t7pdH3757/4gz4XhBDwe2c9vOu5bWWpZPywy8l95diJy3j73ZNQMgoEnsMnEQY4GU/h2IkrEEUe1YGClkQivbGjo/nD06f/Mx2eBz/XhFmm7dz5dUc8HjtMIXjod++ewvHjlyCLPD6NeJwi/nq0B+8dOAsO6kOJROwwGeqcqTMrMaOR8H6njLa39l9AaCw6z/q2ljo8/PmVuJ/cXF7mQzarov/GOM539+PQ0X8jmcrmBOKSRVy/Noo/WsCWzsa2cDi8n24/YgMQxTvhePyxdd+TRfPZ46eu4cZQCPwMALIk4oXnHsVTT2zE8s9UwlfkgSQJcLlkBCr9WN1ajy2b2hAcj+DGcCgnEJHCMzoehWVxqKosaGhtXTHV3T1wpnllzS0QX/5Sa5kkWgeDo3HpX2f6IM0IgSgKeO2lp9HSuGz63uDNSfT2j2IqkkBRocfWcTgkbOhowthEFH2D4zmByKR3dWAC1VV+8rKxoa6+8o1kIpW2w6Fr+h6Bc7j/fqoXDrJwpuz94TbULC21r5mVv953EBc+HpyeLyp047GuDmynweT573fhSu8wleZUTiA+twNHT1zFN7e2u6fCiT2WiWeEx7va/EVe51uDwxFpiMIwMw9WPlCDb21fTxxgYoRK9Lu7XrNdPlMURcP5nn6EI0m0t9bZusuqy3DkHxdzExMtH01kUFjkQnmJtzmV1V7lddPsMizLffFKcB4PfHFDKxRVs8fPfvUBdCKjfPLnv51Hz5UhW/e+5ZS4pUV5dQtcEumOQNMMt2GYXZR/XGc0nkUsNp9Za6pK7Aq4PjCWN84z5U+Hztn6bDQ2VOXVoz0xGUphKppiBdBJzrdWTYYSEHJwEcv+NC04cGNiUZwwODxp67PhpFpf8LywLISmEnRlreIt0wrEE1m7hOZKNJpEOp3FYsnSSRXC9NnIKuqCumy/GEXAMswAr2k6n0wr4HJaFiLOV1BWVojF4HiAQsD02chXHbeFFUBa0cH25ykxTFXRcyqyUmRWGbqBzV9ouasXWhurbf1wOIG+gYVziBml6QTC0E1e13VeyHM+nL3QhwSVU4rouPn+pbRJTU69Qq8L27/2Wbtcme4Hfzl7V69Ztjd4GJrJi1QmpkwElbAwL/Y0h/dpwS2bWu3fHWtXEAeUUrWMIxJLEbMKWBrwYyUBFCjGLAy2lYs481i1MwbVqO5FRdPHHTJXRHwBOUdyDlFeHDn+MTrWLLd/FxPJrFlVO4ewZifhg+319ndv31heEGw/p4NnOTEukgu7nbLQYFj5UV8jy0PEiE33BaiF882bT1FiX7oaJB9bWNtWZ99rbaomcjPQPziJfNTpcghURVq3SO74iHqGbU469wleXiARIpaTp6/B45bho/NCpuOZtXQMQCicnKXb0rjU/m5qCFBSm+TNqTlesFDglamZoZZQNz8SVlT5bpIFz0gSL0Tjqt07LiQsTxLJLKLEsLF4BunM7FDcvuf3uUGVh1I6pRVq9RgX3ZaEYqKqzMVAqKTztFDocKQkyaol17RFkjpEjsOnFbZhhlizuMhtH2glxR67P4kQcIO8wFE1VhSLpKO9SRF8x85Ew7BepIfUcp+ItGbiXkhwLIarfXe4osB7q6OLkxcq/RIyGVVl+zJv2U1NVrHiAm8qDhGdLD9Zsn/SxjaXJJKK7QGdyK7n8ggBMFDul+GWTNaN/ziRwCGHPOe9w+MyjjhlfuM4kYalc5DuAZDpClJNeDwCSqmbTGe0o+msuMne023O7rYpEFspTpfKPRZ4wYSqW/cEAAuB28WhhDZMpbOXKSu23qlUbjaITEZIUog2p7P6Ob/LoL7RQIpy5P+FwriHhaDYa8Hn1EEH5TnT5DozWWFWTc+jSEWTg+SR9RlFP+ARNZR6dCimgQx5xVokGkbJSQKvw0BlIb0a8hoZqB0gD2xg6887Uee+gd1aRNQMS3rPsrQRzjJWe2WjQKLwKFRuikGJZtihIw9xNjBmMT1Ac0Q+VIISJZ6PPOkVCYamB4ladmmW+0ds3XkduHyXF2K7+eBTfs60dtCBt4OOlnrKFtqUgJic/W0SCtausc5M5AmAQIiohdZ1s5/mX6fJN3TTE863vpfyj1vfUn7neCVLDeJ7ixZm18xM9ve/f4m6sE0cZ62jollFey6jvf3MGBoqOSBM6kM0LpDuSY7nj5COxhoHzv6gT7KEJaIgCPb1bfmvAAMAXg/jzAkmvToAAAAASUVORK5CYII=)
}

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

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

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

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

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

.mall-page .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 .dialog-guide-list .recharge-guide-info .title img {
    max-width: 100%
}

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

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

.mall-page .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 .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 .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: 22px;
    flex: 1;
    color: #ffeecf
}

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

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

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

.mall-page .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 .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(../img/reward-bg.d8ffd021.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.mall-page .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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mall-page .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
}

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

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

.mall-page .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,iVBORw0KGgoAAAANSUhEUgAAAPMAAAFDCAYAAADvSzj+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5Nzk5OTI0Zi0zYzFhLWZkNGEtYTlkMC0wZTM2OTE0M2MxMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBNTc2Mjc0MTY2MTFFRTgyRjNGNjVCNTVCMzMyNjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBNTc2MjY0MTY2MTFFRTgyRjNGNjVCNTVCMzMyNjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjAgKDIwMjMwODAxLm0uMjI2NSAzYTAwNjIzKSAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjM1ZTJlNzgtZTBkZS0wMjQ5LWFiN2ItODNmNjRkMTA1MGRkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NTU0Yjk1NjUtNzU5My00NjRlLTllMzUtZjIzNGVhY2VlNzk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oaHtDgAACLVJREFUeNrs3Q+M13Udx/HPnYSoG2WZy1UY/RHCyBVOXMuNFf7JHJUGZuX1b+WsbOnYmolCEdn6r8xSW+W0UuwfjYwUqznNRYuV1hANGJkWKhWpSCLn9f74+5y/23G/u98dd8fv++Px2F7d/eBH99vv55Pfv7svHT1d01MTXhRbEDsxNit2RALGys7YPbHbYitjt8d6hvpDHUPE/MrY4ti7YhP6fbHt5SNU2aRy59TRwpdxQ+zS2HWDRd0o5gNiF8YWxQ6M7Yqtjv2o/C1xfzN/U0BFnBL7WWxiC162p2Od5fM7Y12xTc3G/NwS7dwS7DWxJSVgaFenx24sd2StqKc8eng0Nj92S/8zdA4Q8s0l5IdiJ8U+KGT2Az8p/6236iPO3qcBk2OrYvMGizmfeUVsdmxz7A2xW93G7EeujX28ApczPx24Ifb6RjEvjJ0c21Y+bnbbsh/6RuxTFbicB8V+GDu4f8xTyvPi7H2xjW5T9mNfjC2rwOV8eezT/WO+sBSeH2b/wm0Jz7yTc3kFLuf5scN6Y85312en2kvgS9yG8KxPxr7bEpdk2rEpfXlNlHpx/9/Jd8If6I05v2J9SKp9t8kGtx88K7+y/eHy3HTfOWpWPJi+LqUXviSlue8e6Bwf6o259yXun7rtYA/dsffGbtonX/1Vr0vpou/VT6/71YC554faOebjyi/c6XaDAeXvgMw/m/Cbcf2qr3htPHP/Qf30fetSWn7eQOfMbysfk2OeWn7hr24zaOiJ2Ntia8flq02dmdIlK+qnN92V0rJ4gNDT8Hta5nSW58v5ocSjbi8Y1GOxt8T+PKZf5WVHp7T4hvrpLetTWnrWUH9qRu9bU4+7naAp/4m9eViPZKfNSmnh1XHfOb+Je+TX1O6ROzrrIX92wWD3yL2OmOC2gWF7JPam2B2xI4c8d3476aXTUpp5Qty3x98F625tHPKSPi+c378hTr+zmZCzQzvdLjAiD6TaDyT9c8hzrl1d//wTy+Nh9IwBHlrHry3u8xz5wY0R8vxmQ84miRlGLn/b88nlnrqxVVel9Ps+QV/0/ZQmv6B+esr0CPnG+kPrrVvidNwjd+8ezmU5UMywd/KLYW+N/XfQc11xQUqb7659PnFSPC++vvZ5jjo/tO4sP0a97cEI+YyUnnpyuJfjqXxwgp5yQZ7ndoERiyfE6Zepz08x7WHCxJS+siZKO7x2ev3vat/VlZf9e2vca89L6YnHRvL1t7hnhtGRD6eVj1ayq+E5dsdvfebM+r3ujOPrIW9/OO6tTx9pyM8QM4yefJSefPDL7obnyPe+/d8zzr+26O21V7r3gphhdOWfccg/xdT4Zei/3ZPS1z+W0v921F/s2suQM8+ZYWycG7sijd8hfD1nhjHyzTTOhx8SM4ydL8U+J2ZoD/nQIJeLGdpDPvzQd8QM1ZdfZP5Iqv2LGWKGisvvPecDZ/5czFB9+bvDzoz9WsxQfWN2+CExw/jLR/bJ/4zs3WKG6tueagc3uE/MUH35oAb5eGJbxAzVlw8/dGLsH2KG6mvu8ENihkr4S+zUNNThh8QMlfCH2Gmp9vaVmKHi8rG435EGO/yQmKEybkm17xTrFjNU38rY+9Nghx8SM1RG/oeZP9ps0GKG1nZlavLwQ2KG1pcPP7RUzNAeLoldJmZoD+fHvi1mqL78Qtg5sRVihurL7z13xVaJGapvwMMPiRmqaWdsXurzo5Nihura0ff5s5ih2so/9py2iRnaw0oxQ3voFjO0CTGDmAExA2IGxAxiBsQMiBkQM4gZEDMgZkDMgJhBzICYATEDYgYxA2IGxAyIGcQMiBkQMyBmQMwgZkDMgJgBMYOYATEDYgbEDGJ2FYCYATEDYgbEDGIGxAyIGRAziBkQMyBmQMyAmEHMgJgBMQNiBjEDYgbEDIgZxAyIGRAzIGZAzCBmQMyAmAExg5gBMQNiBsQMYgbEDIgZEDMgZhAzIGZAzICYQcyAmAExA2IGxAxiBsQMiBkQM4gZEDMgZkDMIGZAzICYATEDYgYxA2IGxAyIGcQMiBkQMyBmEDMgZkDMgJgBMYOYATEDYgbEDGIGxAyIGRAzIGYQMyBmQMyAmEHMgJgBMQNiBjEDYgbEDIgZEDOIGRAzIGZAzCBmQMyAmAExg5gBMQNiBsQMiBnEDIgZEDMgZhAzIGZAzICYATGDmAExA2IGxAxiBsQMiBkQM4gZEDMgZkDMgJhBzICYATEDYgYxA2IGxAyIGcQMiBkQMyBmQMwgZkDMgJgBMYOYATEDYgbEDIgZxAyIGRAzIGYQMyBmQMyAmEHMgJgBMQNiBsQMYgbEDIgZEDOIGRAzIGZAzCBmQMyAmAExA2IGMQNiBsQMiBnEDIgZEDMgZkDMIGZAzICYATGDmAExA2IGxAxiBsQMiBkQMyBmEDMgZkDMgJhBzICYATEDYgYxA2IGxAyIGRAztHfMHa4KaI+YJ7sqoJIOKh935pj/VU4c7nqByjmsfNyeY95UTrza9QKVc3T5eG+OeW05Mcf1ApXy/NjM2JOxu3LMq8tvLHDdQKWcETsgdnvvc+Y1sYdiM2JzXT9QCfkdqPPK59fm/8kx745dVn7x0uS9Z6iC95SH2A/EVqQ+4S6P/T12bGyh6wla2otjXyufL4rt6hvz47FzYz2xZbHTXF/Qkg6O/TjV3pK6ufchdur3kPqm2OdjE8rdtqChtRxaAp6dam8pd5U74D1izi6OfavUvzK2NDbRdQj73PGxdbE3lqfEp8Qe7nuG/jHnys+JLU61V8vy4/E/xc6KPcf1CePuqNg1sd/Gpsb+GDshtrH/GTt6uqY3+j+ZE7syNq2czn8LrIrdEbs39kjsadc1jKpDYkfGZpV739nljjW/yPXV2JJU+yaRNJyYU3mIfXbsglR7HxoYX/nF6etjX4htHuyMQ8Xc1zGxk2LHxaak2reSeU8aRj/erbH1sdtS7Zu6djTzB/8vwADaMVUrVbRNYQAAAABJRU5ErkJggg==)
}

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

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

.mall-page .mall-footer-wrapper .copyright {
    text-align: center;
    text-transform: uppercase
}

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

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

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

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

@media(max-width:1350px) {
    .mall-page .mall-top {
        padding: 60px 30px 0
    }

    .mall-page .side {
        display: none
    }

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

@media(max-width:1060px) {
    .mall-page .mall-top {
        padding-top: 30px
    }

    .mall-page .mall-top .top-title {
        font-size: 26px
    }

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

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

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

    .mall-page .main .body .login--not-login .login-input-wrapper .input {
        width: 360px !important;
        height: 50px;
        line-height: 50px
    }

    .mall-page .main .body .login--not-login .login-btn {
        width: 20%;
        min-width: 100px;
        height: 50px;
        line-height: 50px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mall-page .main .body .login--not-login .login-input-wrapper {
        flex: 1
    }

    .mall-page .main .body .login--not-login .login-input-wrapper .input {
        width: 100% !important;
        height: 50px;
        line-height: 50px
    }

    .mall-page .main .body .login--not-login .login-btn {
        width: 20%;
        min-width: 100px;
        height: 50px;
        line-height: 50px
    }
}

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

.mall-page.dsfmjb .side .game-icon {
    background-image: url(../img/mjbdsf-icon.cf3b2187.jpg)
}

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

body {
    background-color: #080506;
}

#app {
    overflow: auto
}