@charset "UTF-8";
.ar_icon {
    display: inline-flex;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    align-items: center
}

.ar_icon svg {
    width: 100%;
    height: 100%;
    color: currentColor
}

.dialog-enter-active[data-v-2c5923c1],
.dialog-leave-active[data-v-2c5923c1] {
    transition: all .5s ease
}

.dialog-enter-from[data-v-2c5923c1],
.dialog-leave-to[data-v-2c5923c1] {
    opacity: 0
}

.dialog-enter-from .dialog-container[data-v-2c5923c1],
.dialog-leave-to .dialog-container[data-v-2c5923c1] {
    transform: translateY(-100%)
}

.dialog-overlay[data-v-2c5923c1] {
    position: fixed;
    flex-direction: column;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    right: 0;
    bottom: 0;
    background-color: #00000080;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .53333rem;
    touch-action: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: auto
}

.dialog-overlay.withdraw-view-dialog .dialog-content[data-v-2c5923c1] {
    overflow-y: auto
}

.dialog-overlay.forget-dialog[data-v-2c5923c1] {
    background-color: #000c
}

.dialog-container[data-v-2c5923c1] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: transform .5s ease;
    border-radius: .26667rem;
    background: var(--bg_color_L2, #202733);
    padding-bottom: .42667rem
}

.dialog-header[data-v-2c5923c1] {
    position: relative;
    text-align: center;
    padding: .32rem 0;
    border-radius: .26667rem .26667rem 0 0;
    border-bottom: .01333rem solid var(--Dividing_line_color)
}

.dialog-header h3[data-v-2c5923c1] {
    line-height: .8rem;
    font-weight: 600;
    font-size: .53333rem;
    color: var(--text_primary)
}

.close-btn[data-v-2c5923c1] {
    position: absolute;
    left: 50%;
    bottom: -1.33333rem;
    width: .85333rem;
    height: .85333rem;
    transform: translate(-50%)
}

.dialog-content[data-v-2c5923c1] {
    flex: 1;
    padding: .21333rem;
    max-height: 12.05333rem;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

.confirmBtn[data-v-2c5923c1] {
    min-width: 3.82667rem;
    height: 1.17333rem;
    border-radius: .66667rem;
    color: var(--text_btn_main, #F1F7FF);
    text-align: center;
    font-weight: 600;
    font-size: .37333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: .56rem;
    margin: 0 .4rem
}

.recharge-tip-mask[data-v-6307f457] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0009
}

.recharge-tip[data-v-6307f457] {
    width: 8.93333rem;
    max-width: calc(100vw - 1.06667rem);
    padding: .85333rem .42667rem .64rem;
    border-radius: .26667rem;
    background: var(--bg_color_L2);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center
}

.recharge-tip__title[data-v-6307f457] {
    margin: 0;
    font-family: Poppins, sans-serif;
    font-size: .53333rem;
    font-weight: 600;
    line-height: .8rem;
    color: var(--text_primary);
    text-align: center
}

.recharge-tip__msg[data-v-6307f457] {
    margin: .42667rem 0 0;
    font-family: Poppins, sans-serif;
    font-size: .37333rem;
    font-weight: 400;
    line-height: .56rem;
    color: var(--text_secondary);
    text-align: center;
    word-break: break-word
}

.recharge-tip__actions[data-v-6307f457] {
    margin-top: .66667rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: .42667rem
}

.recharge-tip__btn[data-v-6307f457] {
    flex: 1;
    min-height: 1.17333rem;
    border-radius: .66667rem;
    font-family: Poppins, sans-serif;
    font-size: .37333rem;
    line-height: .56rem;
    cursor: pointer;
    outline: none
}

.recharge-tip__btn--cancel[data-v-6307f457] {
    background: transparent;
    border: .02667rem solid var(--main_color);
    color: var(--main_color);
    font-weight: 400
}

.recharge-tip__btn--confirm[data-v-6307f457] {
    border: 0;
    background: var(--main_gradient_color);
    color: var(--text_btn_main);
    font-weight: 600
}

.lottery-result[data-v-f4cee732] {
    display: flex;
    gap: .13333rem
}

.lottery-result .wingo-num[data-v-f4cee732] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%;
    font-weight: 400;
    text-align: center;
    background-repeat: no-repeat;
    background-size: .66667rem;
    background-position: center
}

.lottery-result .wingo-num.winnum0[data-v-f4cee732] {
    background-image: url(/images/ball_0-Ca74Ns3T.webp)
}

.lottery-result .wingo-num.winnum1[data-v-f4cee732] {
    background-image: url(/images/ball_1-CA5nKxei.webp)
}

.lottery-result .wingo-num.winnum2[data-v-f4cee732] {
    background-image: url(/images/ball_2-COP-h3Xp.webp)
}

.lottery-result .wingo-num.winnum3[data-v-f4cee732] {
    background-image: url(/images/ball_3-PCU_ynUn.webp)
}

.lottery-result .wingo-num.winnum4[data-v-f4cee732] {
    background-image: url(/images/ball_4-BL5_7sSn.webp)
}

.lottery-result .wingo-num.winnum5[data-v-f4cee732] {
    background-image: url(/images/ball_5-DgoWY--i.webp)
}

.lottery-result .wingo-num.winnum6[data-v-f4cee732] {
    background-image: url(/images/ball_6-CQQWyfmL.webp)
}

.lottery-result .wingo-num.winnum7[data-v-f4cee732] {
    background-image: url(/images/ball_7-CPGDphqq.webp)
}

.lottery-result .wingo-num.winnum8[data-v-f4cee732] {
    background-image: url(/images/ball_8-BRnYUrpp.webp)
}

.lottery-result .wingo-num.winnum9[data-v-f4cee732] {
    background-image: url(/images/ball_9-BXzIaJqy.webp)
}

.lottery-result .other[data-v-f4cee732] {
    padding: .08rem .16rem;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .32rem;
    border-radius: .08rem;
    min-width: 1.26667rem;
    text-align: center
}

.lottery-result .other.big[data-v-f4cee732] {
    background: var(--norm_secondary-color)
}

.lottery-result .other.small[data-v-f4cee732] {
    background: var(--norm_bule-color)
}

.lottery-result .other.red[data-v-f4cee732] {
    background: var(--norm_red-color)
}

.lottery-result .other.green[data-v-f4cee732] {
    background: var(--norm_green-color)
}

.lottery-result .other.green_violet[data-v-f4cee732] {
    background: linear-gradient(146deg, var(--norm_green-color) 52.95%, var(--norm_Purple-color) 53.93%)
}

.lottery-result .other.red_violet[data-v-f4cee732] {
    background: linear-gradient(146deg, var(--norm_red-color) 52.95%, var(--norm_Purple-color) 53.93%)
}

.lottery-result[data-v-7aea7457] {
    display: flex;
    align-items: center;
    gap: .13333rem
}

.lottery-result .k3-num[data-v-7aea7457] {
    width: .4rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-size: .4rem;
    background-position: center
}

.lottery-result .k3-num.k3num1[data-v-7aea7457] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAVFBMVEUAAAD8LC33KCz7LC38Ky3/KjD7LCz7Ky37LCz6Ki36Kiv/ICD6Kyz6LS36Kir7LC3/4An7Qij/yg37Nyv+kRn+nRb/1Qv/vhD8Tib9cB/8cB/9bx/AUpg9AAAAD3RSTlMA3yDvnxDPj5BgMBCQYGAfSH+0AAABW0lEQVRYw+3Z3Y6CMBCG4ZG2IALb1v4geP/3ucuBESU7pvQzYsJ7AU+GYGgz0r2mk6XQyYlS1g0tKyoe45PFE9dUOrNKPYx30NkdZkOe/jyAeFrMB5qxmTyMqGiq0rCqySs0sOmhJRJsiZRGJhTVGtoPSSwoqcSCJQksKEiD28Ed/BLQjaGPxsQ+XB0AtD6ae8Fmgs6bp3wWaM9m0dmuBy+TtxQvLJg4Hz8jD7qbtxTdKtCbf/NrQGuY7AowcKBPB53hii4ZHAzbkAwGHgzJYM+DfTIYeTAmg+ZFnwdfPfLnXwr8ZzPy4DUZdJEFXTKoPfvEW/h8sR/YbRwBzCG1lWOUOeiRVxGXe1kKMy16i7jODbfr3Oi2eeHcwR18OwhfEcCXGPg1S4cFa1ICCiqiFvrE71j30RHnHWlKYVem+KUufu2MX4xD3sxR0WOFzNBEW9AyVa/9+6ObTfcLwUBuLj3VhY4AAAAASUVORK5CYII=)
}

.lottery-result .k3-num.k3num2[data-v-7aea7457] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAXVBMVEUAAAD3KCz/Jyz8Ky37LC38LS38Ky37LCz7Ky36Kiz7LCz6Kiv7LS36Kyz6LS37LC3////8Rkf/5eX9lZb/8vL+y8v8YWH8U1T+sLD9iIn9fHz7OTr+vb39o6P9lpbz0uDzAAAAD3RSTlMAIBCf79/fz49gkDDvkGD7qm4iAAABdElEQVRYw+3Y246EIAyA4QqO6JwKonga9/0fc1eTXaWTvRjaS/4H+FJpSAxwpJ7a3PHj7kY3Ct4r6jumpwvCqRqZ1Soa74LsLqchb4fHEW9kPrEZ1eFxRbWDNYpV7x+Mgm0frSXBB4BC0jJ7Pw2JYKmgIdzY2a12ThMb8sWutb/5JFCDId7RlAIaKPHUy54bUg4R8NRgo0ZMKALXGOzYYG/jnDQYuOCLgAMX/JI+wyC8ZXqIjgnSm+KRD9K7zAfRrd3O9QF54NESJj87RCZIy2AGM5jBDGYwgxmUBN3sp7CIgaG3W93q+GD889wSERjeIXJBZ8/1fHC0UYENdjHoueBg415cMBCw54KOgtJnuEpveYjAkrcVupMSDCY0/XtTDGjZu6zhiUnN7c5140IfglSJaQ2T9/OCJAXwQMG0/HPfT1c57wpbqpLyKgV7RSXkFX/PzpWId4M9OiN/PhDZzFVBXKEZWvko4D3VaFMmYEY/1aF8A9TAbYCraT+BAAAAAElFTkSuQmCC)
}

.lottery-result .k3-num.k3num3[data-v-7aea7457] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAclBMVEUAAAD8LC33KCz7LC38Ky3/KjD7LCz7Ky37LCz6Ki36Kiv/ICD6Kyz6LS37LC76Kir7LC3////7OTr+o6P8YWH/2Nj/8vL+sLD+ysv9e3z+vb3/5eX8U1T7R0f7Rkf+y8v9lZb+5eX9iIn9bm/8Rkf9lpZkFInVAAAAEHRSTlMA3yDvnxDPj5BgMBCQYM9gejwRGQAAAcdJREFUWMPt2E1zozAMgGEV25A0SVf+AAcIJGm7//8vLptOa4tOD7V0yEz73rg8o8RgBkNqd9BPCr+detLbHXyuahSWpyug7Rpk1hgy3gOye8iGfEweR3yk88nNuEseVzQ3sEGxGliqULBqATXSXkNwxeAewGCeu3R26dgXgsrAFrPCwr0VC6f8Q37xi021ZaCGOl1Mo826FIE1qHQRbV7nSkAFmBot6RlLysCTpUUuGFbgkT2hNOhWoOeCeKZgYIOBeCOyQXojzgKga5PXIwNM/X1f4RPKgDj3w3nwAZEN0n7BnwcGf7W2jZMQ6PzH/uP4IH0eWycAerJH8sHJkgIbjBT0bLCl4MgG7ar7A6/Ua9mgp2Bkg4GC8/3d2KtH7x43h6U5LlNefbjfDfYX/MGgC+EkCPZHu9TFSQZ0N+5GvoiArU31AqCnn5lscLKkCxt8pmDHBgdLe+WC5xUYZCekoCpbZFpaZgV1CRi+/LKuQXP/RHpnazgUgafui5f1FowqEvskHjHLAOyxqHl84zpyGqM5x33hMgyxd5hXwdIGxdrA/4zskan8oa78sbP8wbjIymwM0CrN0NS+gs+Zra5VAVbrQzbdP73gh5I0//e6AAAAAElFTkSuQmCC)
}

.lottery-result .k3-num.k3num4[data-v-7aea7457] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAXVBMVEUAAAD8LC33KCz/Jyz7LC38Ky37LCz7Kyz7Ky36Kiz6Kiv6LS37LC3/4An/yg37Nyv8Qij+sxL9WyP9ex39hhv+nBb/1Qv9kRn/vhD9cB/9bx/+yg38Tib+qBT+kRkVbCiZAAAADHRSTlMA3yAQ75/PkI9gMGCdesX1AAAB7ElEQVRYw+2Z3ZKDIAyFadGqbUTw36p9/8fccbtdDBboatYrz/WZLwHMECLT4rfwEsCfFVzChLOlznEA6xWeDRyPYaNijtI7wWadZkleNW8L8Yrzo8uRTzwa4nMfYyBT/L1gINS06JASGDHGgVIBZwmQKmEhLTBkF1rghQWAlDdt36o7+JUVY9+rRhqbyLBpTJ8SXmRe/1grjERAKdJflW5eqZ1CWoFtOlPu4nVzp8JA7NISLqBA1jsCLhP0p5hjp3oPzFKsxg5sDGuGgCgsimuVMqwDNTB/C5SGa7QDq4+WDD12Ob7tAjuF5ZRL7JKOsquRtbAAM6E9nlIpUOjMAoRhFrgCLfcu1vbSAynMj9BfzGIADMTq1BTzkYNXspqiqyIDC1A7tcWjTMJCDDbpAB7AA3gAD+AOwH2ugKxQ00VWST8tb6ZLV92dwEF8dM2jjk64eux1F/0AH7UihYtXeluRZU9VO85GCmQtLUDt8qXYYafw9Nj+XRwNq9ynJR6IgfTPClBrHz7tXk8zUBaXJ8V2v+ctyOpVJjl41L2Cj7iizBGBfKi+HwttciBV27dmNx6QDzHoxyw3WmDCeEAK5IxFtCumH/eRphiRj0yph7rUY+d/G4yTnEzEGdZ5Sw0G0ZktxZO1vz9us+y+AN1cKa1UzOLHAAAAAElFTkSuQmCC)
}

.lottery-result .k3-num.k3num5[data-v-7aea7457] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAclBMVEUAAAD7LC38Ky38LS38Ky37LCz3KDD3KCj/ICj/MDD7Ky36Kiz7LCz6Kiv6Kyz6LS37LC3////7OTr8YWH+y8v+o6P7R0f/8vL+sLD9e3z/2Nj/5eX8U1T+vb39lZb9iIn9lpb+5eX8Rkf+r7D9bm/8bm9teF1RAAAAEHRSTlMA75/f388gIBAQj2CQMJBgYmGJvgAAAj9JREFUWMPtmdly6jAMhpUU0oSwON6zsfScvv8rFmhLLLciAfuC6fDdwfzzITuRQQEG8k06T9jNJPO0zOEnr4uE3U/6Cph8wQJZFKi8FxbMi1PkavCFGFe4vng15sgXZPzcxwWLxuK8YBaR06JThnkTgrNJ8E50DLMGKHBma6ojsh7XCXlKtlajtimgRCFTfWH5SHX9d7J9d98v0Yr/VwPNdWHjRIXbgzAfXui2cthe8+3dpHFWMwfnSLCVFyPRTg5/dgJOrMWxHS2scdKwAUfYVZh/tLD3om+/CoWXkrRQelFBVDhZ2E8Sci+laKHyohwJqYUIWijotQAZaxmbuok1FhI3oiZt/n5bRgl5433qpDtRckLotpTsaBfuU7PH74Ofq3vZK8EmIJSUdseZLwzlKfwjQqEOVdVYHUnI1eX84eFC3I8NDxfis0+FC7V3SAYLLRaqYGGDhW2wsPJ4POEB+5pgocJCGywUWKgf78b2Wu8RD4cj2h6rPCjxuAfsU/jnhN30aVSIbkyolTm3WD2uq+Upaay+JqwN/llKw+V30ryTQjyN0kb/q6amhLqdfFIpPGYSQlsh7ppG2X3T6O45jbrChJ2JNY0mw0OMONPoHFIUC55GU9g4sRumUUPsTQlF4jTosNlmbBo1v1+8AmDtvt63N0+j6P5PASDDuVpJO3Ea3fa9rXGDZnBkyaKxhBPFLJZvlsOZbBbJl10eO8+i+FZwIZvFrA+iXJllDpgsDbAl6wx+kpf3/v2xcar7AALyjDX9myo+AAAAAElFTkSuQmCC)
}

.lottery-result .k3-num.k3num6[data-v-7aea7457] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAY1BMVEUAAAD8LC33KCz/Jyz7LC37Kyz8Kyz7LCz6Kiz6Kiv6Ky36LS37LC77LC3////8Rkf/5eX7OTr/8vL/2Nj+ysv9iIn9e3z+vb3+o6P8YWH+sLD+y8v9sLD9lpb9lZb9bm/8U1S+nO6IAAAADXRSTlMA3yAQ75Cfz2AwoGDPjyTqnwAAAkhJREFUWMPtmNFysyAQhWlFY5uugIKaRNO+/1P+JpnfBTc7TuPO9MZz+TkcDyizCwqVHYsvDb+W/irKTFG95xpeV/GuUmU5bFSeJfHeYLPeopAf6LfF8YPkE8qYod9Wx8c65iCm/D5hENRt0gWAaMQMJKUzVYKoSlWAqAp1AFEdlAbUz7Wx1rcGFnJXP/FAeegm3sdcq+hxXz1kAyQKdfXQleG9Q6jQr7k/pCMH5OeYj8gbh4bxOFRIxqF65G3MO2r4XcWq51eaKpGZuU34iRh26cCQBqcR25R7YvjgdA5Nyi0ToF4amooZWC3EvKgyWw3tiqGrUnlmYMNMuSJreGE+yhlZ8ieOax+lZX6PU8pP8HxKLRqmq0y3SkcD0ogWqKGx8UqhXMStAdSFcDRER9zsyOdl9AmHfn6/gdgQ1d5eWp/ndUJeT9wTfjrfeQtADDGOWYAV7pZcwVbthrvhbrgb7oZ/Y2gcUK2XBq5I+VvRGWgx8rQYzUWqYouUabAJjOX8fz6YhPekLLOF3gM85dYBqlkp9JZpRYaYd8jHtClba5bmKFyzZFLeMu0cjTgw7VyQ7LExAMqJt8Qrhs1WQ6iZKQv12PjVeu6jMAFU/HvQP5U/mrl0St/EEDoakEa8Ig8k+AvH2wEpf7ylm70OkGhkeLDPDuAaUKa/WNsFBwuZMHE/Ut5OvBl/IqTlLzE+QVSFOoKoSpVpkFSmVC47Y/nrPtGIufiVqfSlrvi1s/zFOErs6h5DbtmDOsd4qKz8POgXzA7FMUr3DxtiRX+L28y5AAAAAElFTkSuQmCC)
}

.lottery-result[data-v-37cfcdaa] {
    display: flex;
    align-items: center;
    gap: .13333rem
}

.lottery-result .d5-num[data-v-37cfcdaa] {
    width: .66667rem;
    height: .66667rem;
    background-repeat: no-repeat;
    background-size: .66667rem;
    background-position: center
}

.lottery-result .d5-num.d5num0[data-v-37cfcdaa] {
    background-image: url(/images/ball_0-0chiXV78.webp)
}

.lottery-result .d5-num.d5num1[data-v-37cfcdaa] {
    background-image: url(/images/ball_1-BxPoMWIQ.webp)
}

.lottery-result .d5-num.d5num2[data-v-37cfcdaa] {
    background-image: url(/images/ball_2-CfTcIstT.webp)
}

.lottery-result .d5-num.d5num3[data-v-37cfcdaa] {
    background-image: url(/images/ball_3-fN8aRLDn.webp)
}

.lottery-result .d5-num.d5num4[data-v-37cfcdaa] {
    background-image: url(/images/ball_4-BvFm2RT1.webp)
}

.lottery-result .d5-num.d5num5[data-v-37cfcdaa] {
    background-image: url(/images/ball_5-DNM-mzx2.webp)
}

.lottery-result .d5-num.d5num6[data-v-37cfcdaa] {
    background-image: url(/images/ball_6-DCigRp5p.webp)
}

.lottery-result .d5-num.d5num7[data-v-37cfcdaa] {
    background-image: url(/images/ball_7-DymLu5Ob.webp)
}

.lottery-result .d5-num.d5num8[data-v-37cfcdaa] {
    background-image: url(/images/ball_8-DckNEDZy.webp)
}

.lottery-result .d5-num.d5num9[data-v-37cfcdaa] {
    background-image: url(/images/ball_9-G4LbB3WG.webp)
}

.lottery-result[data-v-4ef79c6e] {
    display: flex;
    align-items: center;
    gap: .13333rem
}

.lottery-result .mo-num[data-v-4ef79c6e] {
    width: .4rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-size: .4rem;
    background-position: center
}

.lottery-result .mo-num.monum1[data-v-4ef79c6e] {
    background-image: url(/images/n_1-B8L7eaVu.webp)
}

.lottery-result .mo-num.monum2[data-v-4ef79c6e] {
    background-image: url(/images/n_2-CK8HE_QZ.webp)
}

.lottery-result .mo-num.monum3[data-v-4ef79c6e] {
    background-image: url(/images/n_3-CbX1ENBa.webp)
}

.lottery-result .mo-num.monum4[data-v-4ef79c6e] {
    background-image: url(/images/n_4-QPtu6TX6.webp)
}

.lottery-result .mo-num.monum5[data-v-4ef79c6e] {
    background-image: url(/images/n_5-vz9F3c2l.webp)
}

.lottery-result .mo-num.monum6[data-v-4ef79c6e] {
    background-image: url(/images/n_6-Fw4DCINM.webp)
}

.lottery-result .mo-num.monum7[data-v-4ef79c6e] {
    background-image: url(/images/n_7-D9gsdzwj.webp)
}

.lottery-result .mo-num.monum8[data-v-4ef79c6e] {
    background-image: url(/images/n_8-Kx65CzPo.webp)
}

.lottery-result .mo-num.monum9[data-v-4ef79c6e] {
    background-image: url(/images/n_9-BKovF30S.webp)
}

.lottery-result .mo-num.monum10[data-v-4ef79c6e] {
    background-image: url(/images/n_10-BoN9FBiX.webp)
}

:root,
:host {
    --van-black: #000;
    --van-white: #fff;
    --van-gray-1: #f7f8fa;
    --van-gray-2: #f2f3f5;
    --van-gray-3: #ebedf0;
    --van-gray-4: #dcdee0;
    --van-gray-5: #c8c9cc;
    --van-gray-6: #969799;
    --van-gray-7: #646566;
    --van-gray-8: #323233;
    --van-red: #ee0a24;
    --van-blue: #1989fa;
    --van-orange: #ff976a;
    --van-orange-dark: #ed6a0c;
    --van-orange-light: #fffbe8;
    --van-green: #07c160;
    --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
    --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
    --van-primary-color: var(--van-blue);
    --van-success-color: var(--van-green);
    --van-danger-color: var(--van-red);
    --van-warning-color: var(--van-orange);
    --van-text-color: var(--van-gray-8);
    --van-text-color-2: var(--van-gray-6);
    --van-text-color-3: var(--van-gray-5);
    --van-active-color: var(--van-gray-2);
    --van-active-opacity: .6;
    --van-disabled-opacity: .5;
    --van-background: var(--van-gray-1);
    --van-background-2: var(--van-white);
    --van-background-3: var(--van-white);
    --van-padding-base: 4px;
    --van-padding-xs: 8px;
    --van-padding-sm: 12px;
    --van-padding-md: 16px;
    --van-padding-lg: 24px;
    --van-padding-xl: 32px;
    --van-font-bold: 600;
    --van-font-size-xs: 10px;
    --van-font-size-sm: 12px;
    --van-font-size-md: 14px;
    --van-font-size-lg: 16px;
    --van-line-height-xs: 14px;
    --van-line-height-sm: 18px;
    --van-line-height-md: 20px;
    --van-line-height-lg: 22px;
    --van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    --van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;
    --van-duration-base: .3s;
    --van-duration-fast: .2s;
    --van-ease-out: ease-out;
    --van-ease-in: ease-in;
    --van-border-color: var(--van-gray-3);
    --van-border-width: 1px;
    --van-radius-sm: 2px;
    --van-radius-md: 4px;
    --van-radius-lg: 8px;
    --van-radius-max: 999px
}

.van-theme-dark {
    --van-text-color: #f5f5f5;
    --van-text-color-2: #707070;
    --van-text-color-3: #4d4d4d;
    --van-border-color: #3a3a3c;
    --van-active-color: #3a3a3c;
    --van-background: #000;
    --van-background-2: #1c1c1e;
    --van-background-3: #37363b
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-family: var(--van-base-font)
}

a {
    text-decoration: none
}

input,
button,
textarea {
    color: inherit;
    font: inherit
}

a:focus,
input:focus,
button:focus,
textarea:focus,
[class*=van-]:focus {
    outline: none
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@keyframes van-slide-up-enter {
    0% {
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes van-slide-up-leave {
    to {
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes van-slide-down-enter {
    0% {
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes van-slide-down-leave {
    to {
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes van-slide-left-enter {
    0% {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes van-slide-left-leave {
    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes van-slide-right-enter {
    0% {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes van-slide-right-leave {
    to {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes van-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes van-fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes van-rotate {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.van-fade-enter-active {
    animation: var(--van-duration-base) van-fade-in both var(--van-ease-out)
}

.van-fade-leave-active {
    animation: var(--van-duration-base) van-fade-out both var(--van-ease-in)
}

.van-slide-up-enter-active {
    animation: van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)
}

.van-slide-up-leave-active {
    animation: van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)
}

.van-slide-down-enter-active {
    animation: van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)
}

.van-slide-down-leave-active {
    animation: van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)
}

.van-slide-left-enter-active {
    animation: van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)
}

.van-slide-left-leave-active {
    animation: van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)
}

.van-slide-right-enter-active {
    animation: van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)
}

.van-slide-right-leave-active {
    animation: van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)
}

.van-clearfix:after {
    display: table;
    clear: both;
    content: ""
}

.van-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-break: anywhere;
    -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-break: anywhere;
    -webkit-box-orient: vertical
}

.van-safe-area-top {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top)
}

.van-safe-area-bottom {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.van-haptics-feedback {
    cursor: pointer
}

.van-haptics-feedback:active {
    opacity: var(--van-active-opacity)
}

[class*=van-hairline]:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid var(--van-border-color);
    transform: scale(.5)
}

.van-hairline,
.van-hairline--top,
.van-hairline--left,
.van-hairline--right,
.van-hairline--bottom,
.van-hairline--surround,
.van-hairline--top-bottom {
    position: relative
}

.van-hairline--top:after {
    border-top-width: var(--van-border-width)
}

.van-hairline--left:after {
    border-left-width: var(--van-border-width)
}

.van-hairline--right:after {
    border-right-width: var(--van-border-width)
}

.van-hairline--bottom:after {
    border-bottom-width: var(--van-border-width)
}

.van-hairline--top-bottom:after,
.van-hairline-unset--top-bottom:after {
    border-width: var(--van-border-width) 0
}

.van-hairline--surround:after {
    border-width: var(--van-border-width)
}

:root,
:host {
    --van-badge-size: 16px;
    --van-badge-color: var(--van-white);
    --van-badge-padding: 0 3px;
    --van-badge-font-size: var(--van-font-size-sm);
    --van-badge-font-weight: var(--van-font-bold);
    --van-badge-border-width: var(--van-border-width);
    --van-badge-background: var(--van-danger-color);
    --van-badge-dot-color: var(--van-danger-color);
    --van-badge-dot-size: 8px;
    --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif
}

.van-badge {
    display: inline-block;
    box-sizing: border-box;
    min-width: var(--van-badge-size);
    padding: var(--van-badge-padding);
    color: var(--van-badge-color);
    font-weight: var(--van-badge-font-weight);
    font-size: var(--van-badge-font-size);
    font-family: var(--van-badge-font);
    line-height: 1.2;
    text-align: center;
    background: var(--van-badge-background);
    border: var(--van-badge-border-width) solid var(--van-background-2);
    border-radius: var(--van-radius-max)
}

.van-badge--fixed {
    position: absolute;
    transform-origin: 100%
}

.van-badge--top-left {
    top: 0;
    left: 0;
    transform: translate(-50%, -50%)
}

.van-badge--top-right {
    top: 0;
    right: 0;
    transform: translate(50%, -50%)
}

.van-badge--bottom-left {
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%)
}

.van-badge--bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%)
}

.van-badge--dot {
    width: var(--van-badge-dot-size);
    min-width: 0;
    height: var(--van-badge-dot-size);
    background: var(--van-badge-dot-color);
    border-radius: 100%;
    border: none;
    padding: 0
}

.van-badge__wrapper {
    position: relative;
    display: inline-block
}

.van-icon {
    position: relative;
    display: inline-block;
    font: .18667rem/1 vant-icon;
    font: normal normal normal .18667rem/1 var(--van-icon-font-family, "vant-icon");
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.van-icon:before {
    display: inline-block
}

.van-icon-arrow-double-left:before {
    content: ""
}

.van-icon-arrow-double-right:before {
    content: ""
}

.van-icon-contact:before {
    content: ""
}

.van-icon-notes:before {
    content: ""
}

.van-icon-records:before {
    content: ""
}

.van-icon-cash-back-record:before {
    content: ""
}

.van-icon-newspaper:before {
    content: ""
}

.van-icon-discount:before {
    content: ""
}

.van-icon-completed:before {
    content: ""
}

.van-icon-user:before {
    content: ""
}

.van-icon-description:before {
    content: ""
}

.van-icon-list-switch:before {
    content: ""
}

.van-icon-list-switching:before {
    content: ""
}

.van-icon-link-o:before {
    content: ""
}

.van-icon-miniprogram-o:before {
    content: ""
}

.van-icon-qq:before {
    content: ""
}

.van-icon-wechat-moments:before {
    content: ""
}

.van-icon-weibo:before {
    content: ""
}

.van-icon-cash-o:before {
    content: ""
}

.van-icon-guide-o:before {
    content: ""
}

.van-icon-invitation:before {
    content: ""
}

.van-icon-shield-o:before {
    content: ""
}

.van-icon-exchange:before {
    content: ""
}

.van-icon-eye:before {
    content: ""
}

.van-icon-enlarge:before {
    content: ""
}

.van-icon-expand-o:before {
    content: ""
}

.van-icon-eye-o:before {
    content: ""
}

.van-icon-expand:before {
    content: ""
}

.van-icon-filter-o:before {
    content: ""
}

.van-icon-fire:before {
    content: ""
}

.van-icon-fail:before {
    content: ""
}

.van-icon-failure:before {
    content: ""
}

.van-icon-fire-o:before {
    content: ""
}

.van-icon-flag-o:before {
    content: ""
}

.van-icon-font:before {
    content: ""
}

.van-icon-font-o:before {
    content: ""
}

.van-icon-gem-o:before {
    content: ""
}

.van-icon-flower-o:before {
    content: ""
}

.van-icon-gem:before {
    content: ""
}

.van-icon-gift-card:before {
    content: ""
}

.van-icon-friends:before {
    content: ""
}

.van-icon-friends-o:before {
    content: ""
}

.van-icon-gold-coin:before {
    content: ""
}

.van-icon-gold-coin-o:before {
    content: ""
}

.van-icon-good-job-o:before {
    content: ""
}

.van-icon-gift:before {
    content: ""
}

.van-icon-gift-o:before {
    content: ""
}

.van-icon-gift-card-o:before {
    content: ""
}

.van-icon-good-job:before {
    content: ""
}

.van-icon-home-o:before {
    content: ""
}

.van-icon-goods-collect:before {
    content: ""
}

.van-icon-graphic:before {
    content: ""
}

.van-icon-goods-collect-o:before {
    content: ""
}

.van-icon-hot-o:before {
    content: ""
}

.van-icon-info:before {
    content: ""
}

.van-icon-hotel-o:before {
    content: ""
}

.van-icon-info-o:before {
    content: ""
}

.van-icon-hot-sale-o:before {
    content: ""
}

.van-icon-hot:before {
    content: ""
}

.van-icon-like:before {
    content: ""
}

.van-icon-idcard:before {
    content: ""
}

.van-icon-like-o:before {
    content: ""
}

.van-icon-hot-sale:before {
    content: ""
}

.van-icon-location-o:before {
    content: ""
}

.van-icon-location:before {
    content: ""
}

.van-icon-label:before {
    content: ""
}

.van-icon-lock:before {
    content: ""
}

.van-icon-label-o:before {
    content: ""
}

.van-icon-map-marked:before {
    content: ""
}

.van-icon-logistics:before {
    content: ""
}

.van-icon-manager:before {
    content: ""
}

.van-icon-more:before {
    content: ""
}

.van-icon-live:before {
    content: ""
}

.van-icon-manager-o:before {
    content: ""
}

.van-icon-medal:before {
    content: ""
}

.van-icon-more-o:before {
    content: ""
}

.van-icon-music-o:before {
    content: ""
}

.van-icon-music:before {
    content: ""
}

.van-icon-new-arrival-o:before {
    content: ""
}

.van-icon-medal-o:before {
    content: ""
}

.van-icon-new-o:before {
    content: ""
}

.van-icon-free-postage:before {
    content: ""
}

.van-icon-newspaper-o:before {
    content: ""
}

.van-icon-new-arrival:before {
    content: ""
}

.van-icon-minus:before {
    content: ""
}

.van-icon-orders-o:before {
    content: ""
}

.van-icon-new:before {
    content: ""
}

.van-icon-paid:before {
    content: ""
}

.van-icon-notes-o:before {
    content: ""
}

.van-icon-other-pay:before {
    content: ""
}

.van-icon-pause-circle:before {
    content: ""
}

.van-icon-pause:before {
    content: ""
}

.van-icon-pause-circle-o:before {
    content: ""
}

.van-icon-peer-pay:before {
    content: ""
}

.van-icon-pending-payment:before {
    content: ""
}

.van-icon-passed:before {
    content: ""
}

.van-icon-plus:before {
    content: ""
}

.van-icon-phone-circle-o:before {
    content: ""
}

.van-icon-phone-o:before {
    content: ""
}

.van-icon-printer:before {
    content: ""
}

.van-icon-photo-fail:before {
    content: ""
}

.van-icon-phone:before {
    content: ""
}

.van-icon-photo-o:before {
    content: ""
}

.van-icon-play-circle:before {
    content: ""
}

.van-icon-play:before {
    content: ""
}

.van-icon-phone-circle:before {
    content: ""
}

.van-icon-point-gift-o:before {
    content: ""
}

.van-icon-point-gift:before {
    content: ""
}

.van-icon-play-circle-o:before {
    content: ""
}

.van-icon-shrink:before {
    content: ""
}

.van-icon-photo:before {
    content: ""
}

.van-icon-qr:before {
    content: ""
}

.van-icon-qr-invalid:before {
    content: ""
}

.van-icon-question-o:before {
    content: ""
}

.van-icon-revoke:before {
    content: ""
}

.van-icon-replay:before {
    content: ""
}

.van-icon-service:before {
    content: ""
}

.van-icon-question:before {
    content: ""
}

.van-icon-search:before {
    content: ""
}

.van-icon-refund-o:before {
    content: ""
}

.van-icon-service-o:before {
    content: ""
}

.van-icon-scan:before {
    content: ""
}

.van-icon-share:before {
    content: ""
}

.van-icon-send-gift-o:before {
    content: ""
}

.van-icon-share-o:before {
    content: ""
}

.van-icon-setting:before {
    content: ""
}

.van-icon-points:before {
    content: ""
}

.van-icon-photograph:before {
    content: ""
}

.van-icon-shop:before {
    content: ""
}

.van-icon-shop-o:before {
    content: ""
}

.van-icon-shop-collect-o:before {
    content: ""
}

.van-icon-shop-collect:before {
    content: ""
}

.van-icon-smile:before {
    content: ""
}

.van-icon-shopping-cart-o:before {
    content: ""
}

.van-icon-sign:before {
    content: ""
}

.van-icon-sort:before {
    content: ""
}

.van-icon-star-o:before {
    content: ""
}

.van-icon-smile-comment-o:before {
    content: ""
}

.van-icon-stop:before {
    content: ""
}

.van-icon-stop-circle-o:before {
    content: ""
}

.van-icon-smile-o:before {
    content: ""
}

.van-icon-star:before {
    content: ""
}

.van-icon-success:before {
    content: ""
}

.van-icon-stop-circle:before {
    content: ""
}

.van-icon-records-o:before {
    content: ""
}

.van-icon-shopping-cart:before {
    content: ""
}

.van-icon-tosend:before {
    content: ""
}

.van-icon-todo-list:before {
    content: ""
}

.van-icon-thumb-circle-o:before {
    content: ""
}

.van-icon-thumb-circle:before {
    content: ""
}

.van-icon-umbrella-circle:before {
    content: ""
}

.van-icon-underway:before {
    content: ""
}

.van-icon-upgrade:before {
    content: ""
}

.van-icon-todo-list-o:before {
    content: ""
}

.van-icon-tv-o:before {
    content: ""
}

.van-icon-underway-o:before {
    content: ""
}

.van-icon-user-o:before {
    content: ""
}

.van-icon-vip-card-o:before {
    content: ""
}

.van-icon-vip-card:before {
    content: ""
}

.van-icon-send-gift:before {
    content: ""
}

.van-icon-wap-home:before {
    content: ""
}

.van-icon-wap-nav:before {
    content: ""
}

.van-icon-volume-o:before {
    content: ""
}

.van-icon-video:before {
    content: ""
}

.van-icon-wap-home-o:before {
    content: ""
}

.van-icon-volume:before {
    content: ""
}

.van-icon-warning:before {
    content: ""
}

.van-icon-weapp-nav:before {
    content: ""
}

.van-icon-wechat-pay:before {
    content: ""
}

.van-icon-warning-o:before {
    content: ""
}

.van-icon-wechat:before {
    content: ""
}

.van-icon-setting-o:before {
    content: ""
}

.van-icon-youzan-shield:before {
    content: ""
}

.van-icon-warn-o:before {
    content: ""
}

.van-icon-smile-comment:before {
    content: ""
}

.van-icon-user-circle-o:before {
    content: ""
}

.van-icon-video-o:before {
    content: ""
}

.van-icon-add-square:before {
    content: ""
}

.van-icon-add:before {
    content: ""
}

.van-icon-arrow-down:before {
    content: ""
}

.van-icon-arrow-up:before {
    content: ""
}

.van-icon-arrow:before {
    content: ""
}

.van-icon-after-sale:before {
    content: ""
}

.van-icon-add-o:before {
    content: ""
}

.van-icon-alipay:before {
    content: ""
}

.van-icon-ascending:before {
    content: ""
}

.van-icon-apps-o:before {
    content: ""
}

.van-icon-aim:before {
    content: ""
}

.van-icon-award:before {
    content: ""
}

.van-icon-arrow-left:before {
    content: ""
}

.van-icon-award-o:before {
    content: ""
}

.van-icon-audio:before {
    content: ""
}

.van-icon-bag-o:before {
    content: ""
}

.van-icon-balance-list:before {
    content: ""
}

.van-icon-back-top:before {
    content: ""
}

.van-icon-bag:before {
    content: ""
}

.van-icon-balance-pay:before {
    content: ""
}

.van-icon-balance-o:before {
    content: ""
}

.van-icon-bar-chart-o:before {
    content: ""
}

.van-icon-bars:before {
    content: ""
}

.van-icon-balance-list-o:before {
    content: ""
}

.van-icon-birthday-cake-o:before {
    content: ""
}

.van-icon-bookmark:before {
    content: ""
}

.van-icon-bill:before {
    content: ""
}

.van-icon-bell:before {
    content: ""
}

.van-icon-browsing-history-o:before {
    content: ""
}

.van-icon-browsing-history:before {
    content: ""
}

.van-icon-bookmark-o:before {
    content: ""
}

.van-icon-bulb-o:before {
    content: ""
}

.van-icon-bullhorn-o:before {
    content: ""
}

.van-icon-bill-o:before {
    content: ""
}

.van-icon-calendar-o:before {
    content: ""
}

.van-icon-brush-o:before {
    content: ""
}

.van-icon-card:before {
    content: ""
}

.van-icon-cart-o:before {
    content: ""
}

.van-icon-cart-circle:before {
    content: ""
}

.van-icon-cart-circle-o:before {
    content: ""
}

.van-icon-cart:before {
    content: ""
}

.van-icon-cash-on-deliver:before {
    content: ""
}

.van-icon-cash-back-record-o:before {
    content: ""
}

.van-icon-cashier-o:before {
    content: ""
}

.van-icon-chart-trending-o:before {
    content: ""
}

.van-icon-certificate:before {
    content: ""
}

.van-icon-chat:before {
    content: ""
}

.van-icon-clear:before {
    content: ""
}

.van-icon-chat-o:before {
    content: ""
}

.van-icon-checked:before {
    content: ""
}

.van-icon-clock:before {
    content: ""
}

.van-icon-clock-o:before {
    content: ""
}

.van-icon-close:before {
    content: ""
}

.van-icon-closed-eye:before {
    content: ""
}

.van-icon-circle:before {
    content: ""
}

.van-icon-cluster-o:before {
    content: ""
}

.van-icon-column:before {
    content: ""
}

.van-icon-comment-circle-o:before {
    content: ""
}

.van-icon-cluster:before {
    content: ""
}

.van-icon-comment:before {
    content: ""
}

.van-icon-comment-o:before {
    content: ""
}

.van-icon-comment-circle:before {
    content: ""
}

.van-icon-completed-o:before {
    content: ""
}

.van-icon-credit-pay:before {
    content: ""
}

.van-icon-coupon:before {
    content: ""
}

.van-icon-debit-pay:before {
    content: ""
}

.van-icon-coupon-o:before {
    content: ""
}

.van-icon-contact-o:before {
    content: ""
}

.van-icon-descending:before {
    content: ""
}

.van-icon-desktop-o:before {
    content: ""
}

.van-icon-diamond-o:before {
    content: ""
}

.van-icon-description-o:before {
    content: ""
}

.van-icon-delete:before {
    content: ""
}

.van-icon-diamond:before {
    content: ""
}

.van-icon-delete-o:before {
    content: ""
}

.van-icon-cross:before {
    content: ""
}

.van-icon-edit:before {
    content: ""
}

.van-icon-ellipsis:before {
    content: ""
}

.van-icon-down:before {
    content: ""
}

.van-icon-discount-o:before {
    content: ""
}

.van-icon-ecard-pay:before {
    content: ""
}

.van-icon-envelop-o:before {
    content: ""
}

@font-face {
    font-weight: 400;
    font-family: vant-icon;
    font-style: normal;
    font-display: auto;
    src: url(data:font/woff2;charset=utf-8;base64, ) format("woff2"), url(//at.alicdn.com/t/c/font_2553510_ciljc7axaw7.woff?t=1705587463221) format("woff")
}

.van-icon__image {
    display: block;
    width: 1em;
    height: 1em;
    object-fit: contain
}

:root,
:host {
    --van-floating-bubble-size: 48px;
    --van-floating-bubble-initial-gap: 24px;
    --van-floating-bubble-icon-size: 28px;
    --van-floating-bubble-background: var(--van-primary-color);
    --van-floating-bubble-color: var(--van-background-2);
    --van-floating-bubble-z-index: 999;
    --van-floating-bubble-border-radius: var(--van-radius-max)
}

.van-floating-bubble {
    position: fixed;
    left: 0;
    top: 0;
    right: var(--van-floating-bubble-initial-gap);
    bottom: var(--van-floating-bubble-initial-gap);
    width: var(--van-floating-bubble-size);
    height: var(--van-floating-bubble-size);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
    background: var(--van-floating-bubble-background);
    color: var(--van-floating-bubble-color);
    border-radius: var(--van-floating-bubble-border-radius);
    z-index: var(--van-floating-bubble-z-index);
    transition: transform var(--van-duration-base)
}

.van-floating-bubble:active {
    opacity: .8
}

.van-floating-bubble__icon {
    font-size: var(--van-floating-bubble-icon-size)
}

.animation-logo[data-v-f021fceb] {
    height: .64rem;
    width: 1.38667rem
}

.domain[data-v-685cdd73] {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.domain img[data-v-685cdd73] {
    display: block;
    width: 6.21333rem;
    height: 4.08rem;
    margin: 0 auto
}

.domain p[data-v-685cdd73] {
    margin-top: .53333rem;
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.maintain[data-v-c8b9d447] {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.maintain img[data-v-c8b9d447] {
    display: block;
    width: 7.33333rem;
    height: 4.61333rem;
    margin: 0 auto
}

.maintain h2[data-v-c8b9d447] {
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .48rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.maintain p[data-v-c8b9d447] {
    margin-top: .26667rem;
    color: var(--text_tertiary, #627088);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.maintain .time[data-v-c8b9d447] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .53333rem;
    padding-bottom: .53333rem
}

.maintain .time li[data-v-c8b9d447] {
    width: .85333rem;
    height: .85333rem;
    line-height: .85333rem;
    margin: 0 .08rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.maintain .time .item[data-v-c8b9d447] {
    background: url(data:image/webp;base64,UklGRg4DAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSAwCAAABf6CojRQ4vLN/DgUEB0ghIkKBe5/iKAbYqW3r2bbl+QPQooKaDgt0lJSZPglAQvbxSUECBhhnkTN7Nu/98/1BQET/GbhtG8fsTv3k9frRf723d998vV4/8Kl87fXVf3+6vfvouz6lL//10+47//y0+/mnLPzOF0AGaoYBA4dgkACW0NjKLrcdFI7Hy/YJndXCoLKctkecImZ0RmRsWAZizuaAcW1gNAgxxk0O9MzkCBnEQbdNetxO8tZZdB5uxHZQElsllHm40oJFkOnRFzDN1pS34oQ8WFQyO4MxI6QZE5gen06uZotsJ23GwWRFmzUC17MhZhtwY3PIxNiUm7XVQHs831pQiHbXBpspZI47BWW70BgdF7lmy82GHc2W52dqs+iWheYybcM8ZLpG213GFicrVooxLcNQ3soKmc2OmTtcMrMckbf/DoZ4O20JwZI4yCOPGKxmVnCBkwiiZDOEUG6ymO0WRJZDK4YxDC1L5jZCY2nRybWjmAOCHY7MHN7mMW+diHlwMzZmjmvLVnMh4zCwZhuPVhZOVgbLaawBMzhQN3UxQ2xutLUQtmo4BMMhBmpshbTsTtjjFRg51EqYNozFI1a6yZjZ4zhY2N38YSNprOwIOzvv/pEmh5oIZxm/+FtjbD4Bi9N868fg/H9l+MrX/815P8O7j14/86l84/V6/fY/77/ff/v1AlZQOCDcAAAAkAcAnQEqQABAAD6dRJtJLDMpKC4W2qiwE4lFsAFMgBJ4n/A7Oy2uVumAk1KKI9qdE6Cwnj5A90kljM/LA7j+vq7iVBigAP6OGW4c2T5Hsp/UiMNbr//EsEQx1qUn+4iX+k3e8zCMTEuhAY51i/Yj3UllrJCo2o7yXdrDoSyALSnGbyZfl034TR0+eLUl1P7kLUk68SHazWa87CLFELBJ3nrP2P+ORFPW9rNayAltYSJB71V4/GTQ4tluAx+yH0g6nFmsCisnLS/VjcQrLkPjSZ8IF57mM1qq280cAA==) no-repeat center/cover
}

.maintain .time li.dot[data-v-c8b9d447] {
    color: #da4966;
    text-align: center;
    font-family: Poppins;
    font-size: .48rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: .13333rem
}

.maintain .time .number[data-v-c8b9d447] {
    text-align: center;
    font-family: Poppins;
    font-size: .48rem;
    font-style: normal;
    font-weight: 600;
    background: linear-gradient(180deg, #fff 23.15%, #ebadb7 74.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.maintain .notice[data-v-c8b9d447] {
    width: 8.53333rem;
    height: 8rem;
    border-radius: .21333rem;
    background: var(--bg_color_L2, #202733);
    margin: 0 auto
}

.maintain .notice h2[data-v-c8b9d447] {
    height: .85333rem;
    border-radius: .21333rem .21333rem 0 0;
    background: var(--secondary_color2, #304059);
    color: #fff;
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: .85333rem
}

.maintain .notice-tips[data-v-c8b9d447] {
    height: 7.14667rem;
    overflow-y: auto;
    padding: .26667rem
}

.maintain .notice-tips[data-v-c8b9d447] img {
    display: block;
    width: 100%;
    height: auto
}

.error[data-v-7cc55d2d] {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.error img[data-v-7cc55d2d] {
    display: block;
    width: 6.21333rem;
    height: 4.08rem;
    margin: 0 auto
}

.error p[data-v-7cc55d2d] {
    margin-top: .53333rem;
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.exception[data-v-62bd591d] {
    position: relative;
    width: 100%;
    padding-top: 1.28rem;
    background: var(--bg_color_L1);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.exception-header[data-v-62bd591d] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 1.28rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .4rem
}

.exception-header .logo[data-v-62bd591d] {
    display: block;
    height: .85333rem
}

.exception-header span[data-v-62bd591d] {
    display: block;
    width: .53333rem;
    height: .53333rem
}

.exception-header span svg[data-v-62bd591d] {
    width: 100%;
    height: 100%
}

.van-radio-group--horizontal {
    display: flex;
    flex-wrap: wrap
}

:root,
:host {
    --van-checkbox-size: 20px;
    --van-checkbox-border-color: var(--van-gray-5);
    --van-checkbox-duration: var(--van-duration-fast);
    --van-checkbox-label-margin: var(--van-padding-xs);
    --van-checkbox-label-color: var(--van-text-color);
    --van-checkbox-checked-icon-color: var(--van-primary-color);
    --van-checkbox-disabled-icon-color: var(--van-gray-5);
    --van-checkbox-disabled-label-color: var(--van-text-color-3);
    --van-checkbox-disabled-background: var(--van-border-color)
}

.van-checkbox {
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-checkbox--disabled {
    cursor: not-allowed
}

.van-checkbox--label-disabled {
    cursor: default
}

.van-checkbox--horizontal {
    margin-right: var(--van-padding-sm)
}

.van-checkbox__icon {
    flex: none;
    height: 1em;
    font-size: var(--van-checkbox-size);
    line-height: 1em;
    cursor: pointer
}

.van-checkbox__icon .van-icon {
    display: block;
    box-sizing: border-box;
    width: 1.25em;
    height: 1.25em;
    color: transparent;
    font-size: .8em;
    line-height: 1.25;
    text-align: center;
    border: .01333rem solid var(--van-checkbox-border-color);
    transition-duration: var(--van-checkbox-duration);
    transition-property: color, border-color, background-color
}

.van-checkbox__icon--round .van-icon {
    border-radius: 100%
}

.van-checkbox__icon--indeterminate .van-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--van-white);
    border-color: var(--van-checkbox-checked-icon-color);
    background-color: var(--van-checkbox-checked-icon-color)
}

.van-checkbox__icon--checked .van-icon {
    color: var(--van-white);
    background-color: var(--van-checkbox-checked-icon-color);
    border-color: var(--van-checkbox-checked-icon-color)
}

.van-checkbox__icon--disabled {
    cursor: not-allowed
}

.van-checkbox__icon--disabled .van-icon {
    background-color: var(--van-checkbox-disabled-background);
    border-color: var(--van-checkbox-disabled-icon-color)
}

.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
    color: var(--van-checkbox-disabled-icon-color)
}

.van-checkbox__label {
    margin-left: var(--van-checkbox-label-margin);
    color: var(--van-checkbox-label-color);
    line-height: var(--van-checkbox-size)
}

.van-checkbox__label--left {
    margin: 0 var(--van-checkbox-label-margin) 0 0
}

.van-checkbox__label--disabled {
    color: var(--van-checkbox-disabled-label-color)
}

:root,
:host {
    --van-radio-size: 20px;
    --van-radio-dot-size: 8px;
    --van-radio-border-color: var(--van-gray-5);
    --van-radio-duration: var(--van-duration-fast);
    --van-radio-label-margin: var(--van-padding-xs);
    --van-radio-label-color: var(--van-text-color);
    --van-radio-checked-icon-color: var(--van-primary-color);
    --van-radio-disabled-icon-color: var(--van-gray-5);
    --van-radio-disabled-label-color: var(--van-text-color-3);
    --van-radio-disabled-background: var(--van-border-color)
}

.van-radio {
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-radio--disabled {
    cursor: not-allowed
}

.van-radio--label-disabled {
    cursor: default
}

.van-radio--horizontal {
    margin-right: var(--van-padding-sm)
}

.van-radio__icon {
    flex: none;
    height: 1em;
    font-size: var(--van-radio-size);
    line-height: 1em;
    cursor: pointer
}

.van-radio__icon .van-icon {
    display: block;
    box-sizing: border-box;
    width: 1.25em;
    height: 1.25em;
    color: transparent;
    font-size: .8em;
    line-height: 1.25;
    text-align: center;
    border: .01333rem solid var(--van-radio-border-color);
    transition-duration: var(--van-radio-duration);
    transition-property: color, border-color, background-color
}

.van-radio__icon--round .van-icon {
    border-radius: 100%
}

.van-radio__icon--dot {
    position: relative;
    border-radius: 100%;
    box-sizing: border-box;
    width: var(--van-radio-size);
    height: var(--van-radio-size);
    border: .01333rem solid var(--van-radio-border-color);
    transition-duration: var(--van-radio-duration);
    transition-property: border-color
}

.van-radio__icon--dot__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    height: calc(100% - var(--van-radio-dot-size));
    width: calc(100% - var(--van-radio-dot-size));
    transition-duration: var(--van-radio-duration);
    transition-property: background-color
}

.van-radio__icon--checked .van-icon {
    color: var(--van-white);
    background-color: var(--van-radio-checked-icon-color);
    border-color: var(--van-radio-checked-icon-color)
}

.van-radio__icon--checked.van-radio__icon--dot {
    border-color: var(--van-radio-checked-icon-color)
}

.van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon {
    background: var(--van-radio-checked-icon-color)
}

.van-radio__icon--disabled {
    cursor: not-allowed
}

.van-radio__icon--disabled .van-icon {
    background-color: var(--van-radio-disabled-background);
    border-color: var(--van-radio-disabled-icon-color)
}

.van-radio__icon--disabled.van-radio__icon--checked .van-icon {
    color: var(--van-radio-disabled-icon-color)
}

.van-radio__label {
    margin-left: var(--van-radio-label-margin);
    color: var(--van-radio-label-color);
    line-height: var(--van-radio-size)
}

.van-radio__label--left {
    margin: 0 var(--van-radio-label-margin) 0 0
}

.van-radio__label--disabled {
    color: var(--van-radio-disabled-label-color)
}

.fade-enter-active[data-v-f80a0ef4],
.fade-leave-active[data-v-f80a0ef4] {
    transition: all .3s ease
}

.fade-enter-from[data-v-f80a0ef4],
.fade-leave-to[data-v-f80a0ef4] {
    opacity: 0;
    transform: translateY(-.13333rem)
}

.select-wrapper[data-v-f80a0ef4] {
    position: relative
}

.select-wrapper input[data-v-f80a0ef4] {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: none;
    font-size: .37333rem;
    flex: 1;
    min-width: 0;
    color: var(--text_primary)
}

.select-wrapper input.focused[data-v-f80a0ef4] {
    color: #ffffff80
}

.select-wrapper input[data-v-f80a0ef4]::placeholder {
    color: var(--text_placeholder)
}

.select-wrapper[data-v-f80a0ef4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.select-wrapper .clear[data-v-f80a0ef4] {
    margin-right: .10667rem
}

.select-wrapper .popover[data-v-f80a0ef4] {
    position: absolute;
    top: .90667rem;
    left: 0;
    background: var(--secondary_color2);
    border: .01333rem solid var(--main_color);
    z-index: 1000;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .21333rem;
    text-align: left;
    max-height: 5.33333rem;
    overflow-y: auto
}

.select-wrapper .popover .option[data-v-f80a0ef4] {
    font-size: .37333rem;
    width: 100%;
    height: .85333rem;
    line-height: .85333rem;
    padding: 0 .26667rem;
    color: var(--text_secondary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0
}

.select-wrapper .popover .option span[data-v-f80a0ef4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.select-wrapper .popover .option.active[data-v-f80a0ef4] {
    background: var(--main_color);
    color: var(--text_primary)
}

.select-wrapper .popover .nodata[data-v-f80a0ef4] {
    padding: .34667rem;
    font-size: .37333rem;
    text-align: center;
    color: var(--text_primary)
}

.form-main[data-v-f3d279ff] {
    width: 100%;
    margin: .32rem auto;
    padding: 0 .32rem;
    text-align: center
}

.form-main .form-row[data-v-f3d279ff] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .32rem
}

.form-main .form-row label[data-v-f3d279ff] {
    width: 2.4rem;
    font-size: .37333rem;
    color: var(--text_primary);
    text-align: left
}

.form-main .form-row label[data-v-f3d279ff]+* {
    flex: 1
}

.form-main .form-row .c[data-v-f3d279ff] {
    position: relative;
    width: 100%
}

.form-main .form-row .c .pre[data-v-f3d279ff] {
    width: .53333rem;
    height: .53333rem;
    flex-shrink: 0;
    margin-right: .21333rem
}

.form-main .form-row .c .common[data-v-f3d279ff] {
    width: 100%;
    padding: .16rem .32rem;
    border-radius: .21333rem;
    border: .02667rem solid var(--Dividing_line_color);
    font-size: .42667rem;
    display: flex;
    align-items: center;
    color: var(--text_placeholder);
    min-width: 0;
    min-height: 1.17333rem;
    position: relative
}

.form-main .form-row .c .common>input[data-v-f3d279ff],
.form-main .form-row .c .common>textarea[data-v-f3d279ff],
.form-main .form-row .c .common .form-select input[data-v-f3d279ff] {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: none;
    font-size: .37333rem;
    color: var(--text_primary)
}

.form-main .form-row .c .common>input[data-v-f3d279ff]::placeholder,
.form-main .form-row .c .common>textarea[data-v-f3d279ff]::placeholder,
.form-main .form-row .c .common .form-select input[data-v-f3d279ff]::placeholder {
    color: var(--text_placeholder)
}

.form-main .form-row .c .common>input[data-v-f3d279ff]:disabled,
.form-main .form-row .c .common>textarea[data-v-f3d279ff]:disabled,
.form-main .form-row .c .common .form-select input[data-v-f3d279ff]:disabled {
    pointer-events: none
}

.form-main .form-row .c .common>input[data-v-f3d279ff]:disabled::placeholder,
.form-main .form-row .c .common>textarea[data-v-f3d279ff]:disabled::placeholder,
.form-main .form-row .c .common .form-select input[data-v-f3d279ff]:disabled::placeholder {
    color: var(--text_primary)
}

.form-main .form-row .err[data-v-f3d279ff] {
    color: red;
    font-size: .32rem;
    text-align: left
}

.form-main .form-radio-group[data-v-f3d279ff] {
    display: flex;
    gap: .21333rem;
    align-items: center
}

.form-main .form-radio[data-v-f3d279ff] {
    border-radius: .66667rem;
    background: #521922;
    display: flex;
    align-items: center;
    font-size: .32rem;
    color: #fff;
    padding: .08rem .26667rem;
    gap: .16rem;
    margin-left: -8PX;
    line-height: .64rem
}

.form-main .form-radio .prefix[data-v-f3d279ff] {
    display: flex;
    align-items: center
}

.form-main .form-input[data-v-f3d279ff] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-main .form-input[data-v-f3d279ff]::-webkit-outer-spin-button,
.form-main .form-input[data-v-f3d279ff]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-main .form-input[data-v-f3d279ff]::placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-main .form-input[data-v-f3d279ff]:disabled {
    pointer-events: none
}

.form-main .form-select[data-v-f3d279ff] {
    width: 100%;
    height: 100%
}

.form-main .form-select[data-v-f3d279ff]::placeholder {
    color: var(--text_placeholder)
}

.form-main .form-text[data-v-f3d279ff] {
    margin-right: auto;
    color: var(--text_primary);
    font-size: .37333rem
}

.form-main .form-text.ml[data-v-f3d279ff] {
    margin-left: .06667rem
}

.form-main .handle[data-v-f3d279ff] {
    margin-top: .53333rem
}

.form-main .btn[data-v-f3d279ff] {
    outline: none;
    border: none;
    color: var(--text_btn_main);
    font-size: .42667rem;
    width: 100%;
    height: 1.17333rem;
    border-radius: .66667rem;
    background: var(--main_gradient_color)
}

.form-main .eyeIcon[data-v-f3d279ff] {
    font-size: .53333rem;
    color: var(--secondary_color5)
}

.form-main .eyeIcon.mr[data-v-f3d279ff] {
    margin-right: .16rem
}

.fake-password[data-v-f3d279ff] {
    -webkit-text-security: disc !important
}

.normal-text[data-v-f3d279ff] {
    -webkit-text-security: none !important
}

.phone-input[data-v-931821ce] {
    display: flex;
    gap: .21333rem;
    align-items: center;
    border-radius: .21333rem;
    height: .56rem;
    padding: 0 .16rem 0 .10667rem;
    z-index: 10;
    position: relative;
    font-size: .37333rem
}

.phone-input .icon[data-v-931821ce] {
    width: .53333rem;
    height: .53333rem
}

.phone-input[data-v-931821ce]>* {
    color: var(--text_primary)
}

.phone-input .select[data-v-931821ce] {
    padding-right: .16rem;
    display: flex;
    align-items: center
}

.phone-input .select .arrow[data-v-931821ce] {
    width: .26667rem;
    display: inline-block;
    display: flex;
    align-items: center;
    margin-left: .10667rem
}

.phone-input .phone-number-input[data-v-931821ce] {
    flex: 1;
    min-width: 0;
    padding: .10667rem;
    border-radius: .05333rem;
    border: 0;
    outline: 0;
    font-size: .37333rem
}

.phone-input .phone-number-input[data-v-931821ce]::placeholder {
    color: var(--text_primary)
}

.phone-input .options-list[data-v-931821ce] {
    position: absolute;
    top: 1.01333rem;
    left: -1.01333rem;
    width: 9.17333rem;
    border-radius: 0 0 .13333rem .13333rem;
    border: .02667rem solid var(--Dividing_line_color);
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 4.8rem;
    overflow: hidden;
    z-index: 1;
    background: var(--bg_color_L2);
    overflow-y: scroll
}

.phone-input .options-list[data-v-931821ce]::-webkit-scrollbar {
    width: 0
}

.phone-input .options-list.dialog[data-v-931821ce] {
    width: 7.84rem;
    left: -1.01333rem;
    top: .88rem
}

.phone-input .options-list li[data-v-931821ce] {
    height: .98667rem;
    padding: .26667rem;
    box-sizing: border-box;
    color: var(--text_secondary);
    font-size: .37333rem;
    background-color: var(--secondary_color2);
    display: flex;
    gap: .21333rem;
    line-height: 1;
    position: relative
}

.phone-input .options-list li>span[data-v-931821ce]:first-child {
    width: .96rem;
    flex: none
}

.phone-input .options-list li.selected[data-v-931821ce] {
    background-color: var(--main_color);
    color: var(--text_primary)
}

.phone-input .options-list li img[data-v-931821ce] {
    position: absolute;
    top: 50%;
    right: .26667rem;
    transform: translateY(-50%);
    width: .37333rem;
    height: .37333rem
}

.phone-input .arrow[data-v-931821ce] {
    width: .53333rem;
    height: .53333rem
}

.phone-input .arrow.up[data-v-931821ce] {
    transform: rotate(180deg)
}

.phone-input .borderRight[data-v-931821ce] {
    position: absolute;
    width: .02667rem;
    height: .64rem;
    right: .16rem;
    top: .05333rem;
    background: var(--Dividing_line_color);
    stroke-width: .02667rem;
    stroke: var(--Dividing_line_color);
    filter: drop-shadow(.02667rem 0 0 var(--Dividing_line_color))
}

.tip[data-v-6ece5783] {
    font-size: .37333rem;
    color: var(--text_secondary)
}

.send[data-v-6ece5783] {
    font-size: .32rem;
    color: var(--text_btn_main);
    outline: none;
    border: none;
    border-radius: .66667rem;
    background: var(--main_gradient_color)
}

.game-header[data-v-c6ba32f8] {
    height: 1.44rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .4rem;
    z-index: 9;
    background: var(--bg_color_L2, #202733)
}

.game-header .head-left[data-v-c6ba32f8] {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center
}

.game-header .head-left .logo[data-v-c6ba32f8] {
    display: block;
    height: .66667rem
}

.game-header .head-left .beck[data-v-c6ba32f8] {
    width: .64rem;
    height: .64rem;
    flex-shrink: 0;
    margin-right: .26667rem
}

.game-header .head-right[data-v-c6ba32f8] {
    height: .85333rem;
    padding: 0 .26667rem;
    display: flex;
    gap: .10667rem;
    align-items: center;
    border-radius: .66667rem;
    background: var(--secondary_color2, #304059)
}

.game-header .coin[data-v-c6ba32f8] {
    width: .53333rem;
    height: .53333rem
}

.game-header .deposit[data-v-c6ba32f8] {
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 400;
    line-height: .48rem;
    color: var(--main_color, #4298EA)
}

.installC[data-v-c6f6dc47] {
    height: 100dvh;
    background: #000c;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.installC .installCB[data-v-c6f6dc47] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 6.66667rem;
    padding: .53333rem .4rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .32rem;
    background: #fff;
    border-radius: .32rem
}

.installC .installCB .l1[data-v-c6f6dc47] {
    color: #333;
    font-family: Poppins;
    font-size: .53333rem;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center
}

.installC .installCB .l1 svg[data-v-c6f6dc47] {
    width: .53333rem;
    height: .53333rem;
    margin-right: .13333rem
}

.installC .installCB .l2[data-v-c6f6dc47] {
    border-radius: 1.33333rem;
    border: .02667rem solid var(--main_color);
    display: flex;
    padding: .10667rem .42667rem;
    align-items: center;
    gap: .08rem;
    color: var(--main_color);
    font-family: Poppins;
    font-size: .32rem
}

.installC .installCB .l2 svg[data-v-c6f6dc47] {
    width: .29333rem;
    height: .37333rem
}

.installC .installCB .l3Btn[data-v-c6f6dc47] {
    display: flex;
    width: 4.53333rem;
    height: .96rem;
    justify-content: center;
    align-items: center;
    color: var(--text_btn_main);
    text-shadow: 0 .01333rem .01333rem rgba(0, 0, 0, .3);
    font-family: Poppins;
    font-size: .42667rem;
    border-radius: .16rem;
    background: var(--main_gradient_color)
}

.l3Step[data-v-c6f6dc47] {
    border-radius: 1.33333rem;
    border: .02667rem solid var(--main_color);
    background: color-mix(in srgb, var(--main_color) 60%, transparent);
    display: flex;
    width: 4.53333rem;
    height: .96rem;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.l3Step .text[data-v-c6f6dc47] {
    color: #fff;
    text-shadow: 0 .05333rem .05333rem rgba(0, 0, 0, .3);
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    position: relative;
    z-index: 2
}

.l3Step .progress[data-v-c6f6dc47] {
    position: absolute;
    left: 0;
    top: 0;
    height: .96rem;
    background: var(--main_gradient_color);
    z-index: 1;
    transition: width .2s linear
}

.pwa-btn[data-v-85a6787a] {
    position: absolute;
    top: var(--pwa-top-offset, -104px);
    left: 50%;
    transform: translate(-50%);
    margin: 0 auto;
    z-index: 100;
    width: 6.77333rem;
    height: 1.06667rem;
    background-image: var(--main_gradient_color);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: .53333rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.pwa-btn[data-v-85a6787a]>* {
    flex: none
}

.pwa-btn .download[data-v-85a6787a] {
    width: .74667rem;
    height: .74667rem;
    position: relative;
    margin-inline-end: .16rem
}

.pwa-btn .text[data-v-85a6787a] {
    flex: none;
    color: #fff;
    text-align: center;
    text-shadow: 0 .02667rem 0 rgba(0, 0, 0, .5);
    font-family: Poppins;
    font-size: .32rem;
    font-style: normal;
    font-weight: 600;
    line-height: .37333rem;
    width: 4.48rem
}

.pwa-btn .close[data-v-85a6787a] {
    width: .53333rem;
    height: .53333rem;
    background-image: url(data:image/webp;base64,UklGRuQBAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSHUBAAABgBUAaN0ICXEwJMRB66Bz0Dm4Osg5YA4ioRKQUAlIQAL3aAjZ6zsiGLhtG8dx2u42mmN/gM9naaZd1EwPLvMDMJMyLZcEkPJSWGseXLGW5AvBmzAOvOeuXxE1N6EUBIYFYZXYyfx3Nmyb5IjLBAOWA0QZDYD2LiZpro5cTD7udTwhiDrn8AHpprMHXtsgq5wlRHRs7G57q0DMbHXdzLQV4U3Vkab2T99NWhTnsmJHma0dEd7l1GY3QJchB+DmsBQI0PHQi3mBCCMO1/2MI0OEEQeU5s4EUa79VDnDAqUZdAB7PJ51IJdH3ZKPM/bHvYjbknpUnpTy8DycnAQOeIjoVBQ5iSuNMpfqqKhe1/HrbnV3xa87t3Px5jRdPYciouPm7u6s0dY80IqIxlGp1ye3B/dJQJ3HkAUjrXwEc/DHsA1c1Rzc+YrR3124SyeSNXaWBoKMLCt2pH8rT4MBqMrlmhNAwiux0gTjNhU+1ExlpynBxzMAAFZQOCBIAAAAEAQAnQEqMAAwAD5RII1EI6IhFxQAOAUEtIAANpCMYl0GvkPT4+xVshAA/vRJ//9pj//tIX//2hMz/+UICZ//KEO3//opQAAA);
    background-size: cover;
    margin-inline-start: .29333rem
}

.isShowIosPwaTip[data-v-85a6787a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100dvh;
    background: #0009;
    z-index: 10000
}

.isShowIosPwaTip .content[data-v-85a6787a] {
    position: absolute;
    left: 50%;
    bottom: 0;
    max-width: 10rem;
    width: 100%;
    transform: translate(-50%);
    height: 8.01333rem;
    background: var(--bg_color_L2);
    border-radius: .53333rem .53333rem 0 0
}

.isShowIosPwaTip .content .head[data-v-85a6787a] {
    width: 100%;
    height: 1.18667rem;
    border-radius: 1.33333rem;
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.18667rem;
    color: var(--text_btn_main);
    position: relative
}

.isShowIosPwaTip .content .head .ar_icon[data-v-85a6787a] {
    position: absolute;
    top: 50%;
    right: .4rem;
    width: .42667rem;
    height: .42667rem;
    transform: translateY(-50%)
}

.isShowIosPwaTip .content .line[data-v-85a6787a] {
    width: 100%;
    height: .02667rem;
    background: var(--Dividing_line_color)
}

.isShowIosPwaTip .content-b[data-v-85a6787a] {
    padding: .42667rem .32rem;
    display: flex;
    flex-direction: column;
    gap: .42667rem
}

.isShowIosPwaTip .content-b>div[data-v-85a6787a] {
    display: flex;
    align-items: center
}

.isShowIosPwaTip .content-b .l1[data-v-85a6787a] {
    width: 100%;
    gap: .21333rem;
    border-radius: .13333rem;
    background: var(--secondary_color2);
    padding: .24rem .37333rem;
    margin-bottom: .10667rem
}

.isShowIosPwaTip .content-b .l1 img[data-v-85a6787a] {
    width: 1.44rem;
    height: 1.44rem
}

.isShowIosPwaTip .content-b .l1 .right[data-v-85a6787a] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .16rem;
    font-family: Roboto;
    font-weight: 500
}

.isShowIosPwaTip .content-b .l1 .right .title[data-v-85a6787a] {
    color: var(--text_primary);
    font-size: .42667rem
}

.isShowIosPwaTip .content-b .l1 .right .host[data-v-85a6787a] {
    color: var(--text_secondary);
    font-size: .37333rem
}

.isShowIosPwaTip .content-b .text[data-v-85a6787a] {
    color: var(--text_secondary);
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 400
}

.isShowIosPwaTip .content-b .l4[data-v-85a6787a] {
    gap: .16rem
}

.isShowIosPwaTip .content-b .l4 img[data-v-85a6787a] {
    width: .53333rem;
    height: .53333rem
}

.isShowIosPwaTip .content-b .l3[data-v-85a6787a] {
    gap: .16rem;
    display: flex;
    flex-flow: row wrap
}

.isShowIosPwaTip .content-b .l3 div[data-v-85a6787a] {
    color: var(--text_primary);
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 400;
    border-radius: .05333rem;
    background: var(--bg_color_L3);
    height: .74667rem;
    align-items: center;
    padding: 0 .16rem;
    display: flex;
    gap: .21333rem
}

.isShowIosPwaTip .content-b .l3 div .ar_icon[data-v-85a6787a] {
    width: .42667rem;
    height: .42667rem
}

.isShowIosPwaTip .content-b .l2[data-v-85a6787a] {
    gap: .21333rem
}

.isShowIosPwaTip .content-b .l2 .ar_icon[data-v-85a6787a] {
    width: .42667rem;
    height: .42667rem
}

.tabbar-container[data-v-f71dd931] {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 10rem;
    z-index: 999;
    --pwa-top-offset: -1.38667rem;
    --pwa-tabbar-gap: .10667rem
}

.tabbar-content[data-v-f71dd931] {
    position: relative
}

.global-loading[data-v-21bfc8cd] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999
}

.mask[data-v-21bfc8cd] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000073
}

.content[data-v-21bfc8cd] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .21333rem
}

.spinner[data-v-21bfc8cd] {
    width: 1.28rem;
    height: 1.28rem;
    border: .05333rem solid rgba(255, 255, 255, .3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-21bfc8cd .9s linear infinite
}

.text[data-v-21bfc8cd] {
    color: #fff;
    font-size: .32rem;
    text-align: center
}

@keyframes spin-21bfc8cd {
    to {
        transform: rotate(360deg)
    }
}

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

.app_container {
    min-height: 100dvh;
    position: relative;
    box-sizing: border-box
}

.app_container.bottom {
    padding-bottom: 1.86667rem
}

.laba {
    background: transparent !important;
    width: 1.90667rem !important;
    height: 1.53333rem !important
}

.laba img {
    width: 100%;
    height: 100%
}

.firebase-notify-with-img.van-notify {
    display: flex;
    align-items: center;
    padding-left: 1.65333rem;
    padding-right: .26667rem;
    border-radius: .21333rem;
    background: var(--bg_color_L2);
    box-shadow: 0 .10667rem .16rem #00000080;
    -webkit-backdrop-filter: blur(.05333rem);
    backdrop-filter: blur(.05333rem);
    color: var(--text_primary);
    text-align: left;
    justify-content: start;
    top: .26667rem;
    left: .4rem;
    width: 9.2rem;
    height: 1.54667rem
}

.firebase-notify-with-img.van-notify:after {
    content: "";
    position: absolute;
    left: .26667rem;
    top: .26667rem;
    width: 1.12rem;
    max-height: 1.12rem;
    bottom: .26667rem;
    aspect-ratio: 1/1;
    background-image: var(--notify-icon);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left
}

.fade-slide-enter-active,
.fade-slide-leave-active {
    transition: all 1s ease
}

.fade-slide-enter-from {
    opacity: 0;
    transform: translate(.26667rem)
}

.fade-slide-leave-to {
    opacity: 0;
    transform: translate(-.26667rem)
}

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

/* removed missing font-face; browser fallback font used */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
menu,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box
}

.ar-ua-html :where(li)>:where(span:first-child) {
    padding-left: 2em
}

.ar-ua-html *:not(hr) {
    width: fit-content
}

html,
body {
    min-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #9195a3;
    font-family: Poppins, sans-serif !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    overscroll-behavior: contain
}

html,
body {
    overscroll-behavior-y: none
}

#app {
    min-height: 100dvh;
    background-color: var(--bg_color_L1);
    box-sizing: border-box;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 7.73333rem;
    color: var(--text_color_L1);
    overflow: visible
}

#app.ar-login,
#app.ar-register,
#app.ar-forgotPwd {
    background-color: var(--bg_color_login_register)
}

#app.ar-main {
    padding-bottom: 1.86667rem
}

#app.ar-WinGo,
#app.ar-K3,
#app.ar-D5,
#app.ar-TrxWinGo {
    padding: 0
}

#app.ar-promotion {
    background-image: linear-gradient(0deg, #eeeff5 4.52%, #ff8779 32.15%, #f95959);
    padding-bottom: 1.86667rem
}

#app.ar-superJackpot {
    padding: 0
}

@media screen and (max-width:500px) {
    #app,
    #app .dialog .foot {
        width: 100%
    }
    #app,
    html {
        scrollbar-width: none
    }
    #app::-webkit-scrollbar,
    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        display: none
    }
}

@media screen and (min-width:501px) {
    #app,
    .ar_tab,
    .app-tabber,
    .page-wrapper>header,
    .sidebar-wrapper,
    .adv-wrapper,
    .popuer-gift,
    .dialog-overlay {
        width: 10rem !important
    }
    .van-popup.van-popup--bottom {
        max-width: 10rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translate(-50%)
    }
}

@media screen and (min-width:800px) {
    html {
        font-size: 2.5rem !important
    }
}

.errTip {
    color: var(--norm_red_color);
    font-size: .32rem;
    line-height: .48rem;
    padding-inline-start: .56rem
}

.errTip span {
    color: var(--text_color_L1)
}

.b_s {
    box-shadow: var(--box_shadow)
}

.subBtn {
    border-radius: .66667rem;
    background-color: var(--main_color);
    width: 100%;
    height: 1.17333rem;
    color: var(--text_color_L4);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.subBtn.disabled {
    pointer-events: none;
    color: var(--text_color_L2);
    background-color: var(--button_dis)
}

.subBtn2 {
    border-radius: .66667rem;
    width: 100%;
    height: 1.17333rem;
    color: var(--main_color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border: .02667rem solid var(--main_color)
}

.Subtract {
    width: 100%;
    height: .56rem
}

.redT {
    color: var(--norm_red_color)
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

::-webkit-scrollbar-thumb {
    background: #0003;
    border-radius: .13333rem
}

::-webkit-scrollbar-thumb:hover {
    background: #0006
}

::-webkit-scrollbar-track {
    background: transparent
}

input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number]::-ms-clear,
input[type=number]::-ms-reveal {
    display: none
}

input[type=number]:hover::-webkit-outer-spin-button,
input[type=number]:hover::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

* {
    scrollbar-color: rgba(0, 0, 0, .2) transparent;
    scrollbar-width: none
}

.publicNav {
    display: flex;
    gap: .2rem;
    margin-top: .32rem
}

.publicNav .item {
    display: flex;
    flex: 1;
    height: 1.06667rem;
    justify-content: center;
    align-items: center;
    color: var(--text_secondary);
    font-size: .37333rem;
    border-radius: .66667rem;
    background-color: var(--bg_color_L2)
}

.publicNav .item.active {
    background-image: var(--main_gradient_color);
    color: var(--text_btn_main)
}

.sidebar-wrapper,
.adv-wrapper {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100vw;
    height: 100vh;
    z-index: 2001
}

@keyframes lightAnimate {
    0% {
        transform: translate(-80%) skew(0)
    }
    to {
        transform: translate(80%) skew(0)
    }
}

.flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.flex-items-center {
    align-items: center
}

.flex-center {
    justify-content: center;
    align-items: center
}

.flex-between {
    justify-content: space-between;
    align-items: center
}

.flex-around {
    justify-content: space-around;
    align-items: center
}

.flex-1 {
    flex: 1
}

.mx-auto {
    margin: 0 auto
}

.van-toast__text {
    color: #fff;
    white-space: pre-line
}

.van-picker__mask {
    background: var(----bg_color_L1) !important
}

.van-calendar__month-title,
.van-calendar__header-title,
.van-calendar__header-subtitle {
    color: unset !important
}

.remind-dialog .van-dialog__message {
    color: var(--text_secondary)
}

.remind-dialog .van-button--default {
    background: none
}

.recharge-gift-dialog {
    padding: 1.86667rem .26667rem 1.44rem;
    z-index: 3000
}

.recharge-gift-dialog .recharge-gift-dialog-tip {
    color: #cebfc2;
    text-align: center;
    font-family: Poppins;
    font-size: .32rem;
    margin-bottom: .42667rem
}

.recharge-gift-dialog .recharge-gift-dialog-icon {
    width: fit-content;
    height: .64rem;
    padding: .05333rem .16rem;
    border-radius: .4rem;
    color: #fff;
    background: var(--secondary_color2, #304059);
    font-size: .32rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.recharge-gift-dialog .recharge-gift-dialog-icon:before {
    content: "";
    display: block;
    width: .53333rem;
    height: .53333rem;
    background: var(--icon);
    background-size: cover
}

.recharge-gift-dialog .recharge-gift-dialog-icon span {
    background: var(--main_color, #4298EA);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.bottom-full-text-body {
    font-size: .34667rem;
    line-height: 1.6;
    color: var(--text_primary);
    overflow-x: hidden;
    word-break: break-word;
    overflow-wrap: break-word
}

.bottom-full-text-body * {
    max-width: 100%;
    box-sizing: border-box
}

.bottom-full-text-body img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: .16rem auto
}

.bottom-full-text-body video,
.bottom-full-text-body iframe {
    max-width: 100%;
    height: auto;
    display: block
}

.bottom-full-text-body table {
    width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed
}

.bottom-full-text-body th,
.bottom-full-text-body td {
    word-break: break-word;
    padding: .10667rem
}

.bottom-full-text-body pre,
.bottom-full-text-body code {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-x: auto
}

.bottom-full-text-body ul,
.bottom-full-text-body ol {
    padding-left: 1.2em
}

.bottom-full-text-body h1,
.bottom-full-text-body h2,
.bottom-full-text-body h3,
.bottom-full-text-body h4,
.bottom-full-text-body h5,
.bottom-full-text-body h6 {
    line-height: 1.4;
    margin: .21333rem 0 .10667rem
}

.bottom-full-text-body a {
    color: var(--link_color, #3b82f6);
    word-break: break-all
}

.activity-handle {
    width: 100%;
    display: flex;
    justify-content: center
}

.activity-handle .activity-btn {
    width: 6.66667rem;
    height: 1.06667rem;
    color: var(--text_btn_main);
    text-align: center;
    font-size: .42667rem;
    line-height: .53333rem;
    background: var(--main_gradient_color, linear-gradient(180deg, #06D6FD 0%, #0070F4 100%));
    font-weight: 600;
    border-radius: .66667rem;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center
}

.activity-handle .activity-btn.disBtn {
    background: var(--button_dis);
    color: var(--text_disabled);
    text-shadow: .01333rem .02667rem .02667rem rgba(0, 0, 0, .3);
    box-shadow: none
}

.mask-overlay {
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .16rem;
    opacity: 1;
    pointer-events: none
}

.mask-overlay .center-icon {
    width: 60%;
    max-width: 1.86667rem;
    height: auto;
    pointer-events: none
}

:root,
:host {
    --van-loading-text-color: var(--van-text-color-2);
    --van-loading-text-font-size: var(--van-font-size-md);
    --van-loading-spinner-color: var(--van-gray-5);
    --van-loading-spinner-size: 30px;
    --van-loading-spinner-duration: .8s
}

.van-loading {
    position: relative;
    color: var(--van-loading-spinner-color);
    font-size: 0;
    vertical-align: middle
}

.van-loading__spinner {
    position: relative;
    display: inline-block;
    width: var(--van-loading-spinner-size);
    max-width: 100%;
    height: var(--van-loading-spinner-size);
    max-height: 100%;
    vertical-align: middle;
    animation: van-rotate var(--van-loading-spinner-duration) linear infinite
}

.van-loading__spinner--spinner {
    animation-timing-function: steps(12)
}

.van-loading__spinner--circular {
    animation-duration: 2s
}

.van-loading__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.van-loading__line:before {
    display: block;
    width: .02667rem;
    height: 25%;
    margin: 0 auto;
    background-color: currentColor;
    border-radius: 40%;
    content: " "
}

.van-loading__circular {
    display: block;
    width: 100%;
    height: 100%
}

.van-loading__circular circle {
    animation: van-circular 1.5s ease-in-out infinite;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round
}

.van-loading__text {
    display: inline-block;
    margin-left: var(--van-padding-xs);
    color: var(--van-loading-text-color);
    font-size: var(--van-loading-text-font-size);
    vertical-align: middle
}

.van-loading--vertical {
    display: flex;
    flex-direction: column;
    align-items: center
}

.van-loading--vertical .van-loading__text {
    margin: var(--van-padding-xs) 0 0
}

@keyframes van-circular {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120
    }
}

.van-loading__line--1 {
    transform: rotate(30deg);
    opacity: 1
}

.van-loading__line--2 {
    transform: rotate(60deg);
    opacity: .9375
}

.van-loading__line--3 {
    transform: rotate(90deg);
    opacity: .875
}

.van-loading__line--4 {
    transform: rotate(120deg);
    opacity: .8125
}

.van-loading__line--5 {
    transform: rotate(150deg);
    opacity: .75
}

.van-loading__line--6 {
    transform: rotate(180deg);
    opacity: .6875
}

.van-loading__line--7 {
    transform: rotate(210deg);
    opacity: .625
}

.van-loading__line--8 {
    transform: rotate(240deg);
    opacity: .5625
}

.van-loading__line--9 {
    transform: rotate(270deg);
    opacity: .5
}

.van-loading__line--10 {
    transform: rotate(300deg);
    opacity: .4375
}

.van-loading__line--11 {
    transform: rotate(330deg);
    opacity: .375
}

.van-loading__line--12 {
    transform: rotate(360deg);
    opacity: .3125
}

:root,
:host {
    --van-overlay-z-index: 1;
    --van-overlay-background: rgba(0, 0, 0, .7)
}

.van-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--van-overlay-z-index);
    width: 100%;
    height: 100%;
    background: var(--van-overlay-background)
}

:root,
:host {
    --van-popup-background: var(--van-background-2);
    --van-popup-transition: transform var(--van-duration-base);
    --van-popup-round-radius: 16px;
    --van-popup-close-icon-size: 22px;
    --van-popup-close-icon-color: var(--van-gray-5);
    --van-popup-close-icon-margin: 16px;
    --van-popup-close-icon-z-index: 1
}

.van-overflow-hidden {
    overflow: hidden !important
}

.van-popup {
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    background: var(--van-popup-background);
    transition: var(--van-popup-transition);
    -webkit-overflow-scrolling: touch
}

.van-popup--center {
    top: 50%;
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: fit-content;
    max-width: calc(100vw - var(--van-padding-md) * 2);
    margin: 0 auto;
    transform: translateY(-50%)
}

.van-popup--center.van-popup--round {
    border-radius: var(--van-popup-round-radius)
}

.van-popup--top {
    top: 0;
    left: 0;
    width: 100%
}

.van-popup--top.van-popup--round {
    border-radius: 0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)
}

.van-popup--right {
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0)
}

.van-popup--right.van-popup--round {
    border-radius: var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)
}

.van-popup--bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.van-popup--bottom.van-popup--round {
    border-radius: var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0
}

.van-popup--left {
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0)
}

.van-popup--left.van-popup--round {
    border-radius: 0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0
}

.van-popup-slide-top-enter-active,
.van-popup-slide-left-enter-active,
.van-popup-slide-right-enter-active,
.van-popup-slide-bottom-enter-active {
    transition-timing-function: var(--van-ease-out)
}

.van-popup-slide-top-leave-active,
.van-popup-slide-left-leave-active,
.van-popup-slide-right-leave-active,
.van-popup-slide-bottom-leave-active {
    transition-timing-function: var(--van-ease-in)
}

.van-popup-slide-top-enter-from,
.van-popup-slide-top-leave-active {
    transform: translate3d(0, -100%, 0)
}

.van-popup-slide-right-enter-from,
.van-popup-slide-right-leave-active {
    transform: translate3d(100%, -50%, 0)
}

.van-popup-slide-bottom-enter-from,
.van-popup-slide-bottom-leave-active {
    transform: translate3d(0, 100%, 0)
}

.van-popup-slide-left-enter-from,
.van-popup-slide-left-leave-active {
    transform: translate3d(-100%, -50%, 0)
}

.van-popup__close-icon {
    position: absolute;
    z-index: var(--van-popup-close-icon-z-index);
    color: var(--van-popup-close-icon-color);
    font-size: var(--van-popup-close-icon-size)
}

.van-popup__close-icon--top-left {
    top: var(--van-popup-close-icon-margin);
    left: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--top-right {
    top: var(--van-popup-close-icon-margin);
    right: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--bottom-left {
    bottom: var(--van-popup-close-icon-margin);
    left: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--bottom-right {
    right: var(--van-popup-close-icon-margin);
    bottom: var(--van-popup-close-icon-margin)
}

:root,
:host {
    --van-toast-max-width: 70%;
    --van-toast-font-size: var(--van-font-size-md);
    --van-toast-text-color: var(--van-white);
    --van-toast-loading-icon-color: var(--van-white);
    --van-toast-line-height: var(--van-line-height-md);
    --van-toast-radius: var(--van-radius-lg);
    --van-toast-background: rgba(0, 0, 0, .7);
    --van-toast-icon-size: 36px;
    --van-toast-text-min-width: 96px;
    --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
    --van-toast-default-padding: var(--van-padding-md);
    --van-toast-default-width: 88px;
    --van-toast-default-min-height: 88px;
    --van-toast-position-top-distance: 20%;
    --van-toast-position-bottom-distance: 20%
}

.van-toast {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    transition: all var(--van-duration-fast);
    width: var(--van-toast-default-width);
    max-width: var(--van-toast-max-width);
    min-height: var(--van-toast-default-min-height);
    padding: var(--van-toast-default-padding);
    color: var(--van-toast-text-color);
    font-size: var(--van-toast-font-size);
    line-height: var(--van-toast-line-height);
    white-space: pre-wrap;
    word-break: break-all;
    text-align: center;
    background: var(--van-toast-background);
    border-radius: var(--van-toast-radius)
}

.van-toast--break-normal {
    word-break: normal;
    word-wrap: normal
}

.van-toast--break-word {
    word-break: normal;
    word-wrap: break-word
}

.van-toast--unclickable {
    overflow: hidden;
    cursor: not-allowed
}

.van-toast--unclickable * {
    pointer-events: none
}

.van-toast--text,
.van-toast--html {
    width: -webkit-fit-content;
    width: fit-content;
    min-width: var(--van-toast-text-min-width);
    min-height: 0;
    padding: var(--van-toast-text-padding)
}

.van-toast--text .van-toast__text,
.van-toast--html .van-toast__text {
    margin-top: 0
}

.van-toast--top {
    top: var(--van-toast-position-top-distance)
}

.van-toast--bottom {
    top: auto;
    bottom: var(--van-toast-position-bottom-distance)
}

.van-toast__icon {
    font-size: var(--van-toast-icon-size)
}

.van-toast__loading {
    padding: var(--van-padding-base);
    color: var(--van-toast-loading-icon-color)
}

.van-toast__text {
    margin-top: var(--van-padding-xs)
}

:root,
:host {
    --van-action-bar-background: var(--van-background-2);
    --van-action-bar-height: 50px
}

.van-action-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    box-sizing: content-box;
    height: var(--van-action-bar-height);
    background: var(--van-action-bar-background)
}

:root,
:host {
    --van-button-mini-height: 24px;
    --van-button-mini-padding: 0 var(--van-padding-base);
    --van-button-mini-font-size: var(--van-font-size-xs);
    --van-button-small-height: 32px;
    --van-button-small-padding: 0 var(--van-padding-xs);
    --van-button-small-font-size: var(--van-font-size-sm);
    --van-button-normal-padding: 0 15px;
    --van-button-normal-font-size: var(--van-font-size-md);
    --van-button-large-height: 50px;
    --van-button-default-height: 44px;
    --van-button-default-line-height: 1.2;
    --van-button-default-font-size: var(--van-font-size-lg);
    --van-button-default-color: var(--van-text-color);
    --van-button-default-background: var(--van-background-2);
    --van-button-default-border-color: var(--van-gray-4);
    --van-button-primary-color: var(--van-white);
    --van-button-primary-background: var(--van-primary-color);
    --van-button-primary-border-color: var(--van-primary-color);
    --van-button-success-color: var(--van-white);
    --van-button-success-background: var(--van-success-color);
    --van-button-success-border-color: var(--van-success-color);
    --van-button-danger-color: var(--van-white);
    --van-button-danger-background: var(--van-danger-color);
    --van-button-danger-border-color: var(--van-danger-color);
    --van-button-warning-color: var(--van-white);
    --van-button-warning-background: var(--van-warning-color);
    --van-button-warning-border-color: var(--van-warning-color);
    --van-button-border-width: var(--van-border-width);
    --van-button-radius: var(--van-radius-md);
    --van-button-round-radius: var(--van-radius-max);
    --van-button-plain-background: var(--van-white);
    --van-button-disabled-opacity: var(--van-disabled-opacity);
    --van-button-icon-size: 1.2em;
    --van-button-loading-icon-size: 20px
}

.van-theme-dark {
    --van-button-plain-background: transparent
}

.van-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: var(--van-button-default-height);
    margin: 0;
    padding: 0;
    font-size: var(--van-button-default-font-size);
    line-height: var(--van-button-default-line-height);
    text-align: center;
    border-radius: var(--van-button-radius);
    cursor: pointer;
    transition: opacity var(--van-duration-fast);
    -webkit-appearance: none;
    -webkit-font-smoothing: auto
}

.van-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: var(--van-black);
    border: inherit;
    border-color: var(--van-black);
    border-radius: inherit;
    transform: translate(-50%, -50%);
    opacity: 0;
    content: " "
}

.van-button:active:before {
    opacity: .1
}

.van-button--loading:before,
.van-button--disabled:before {
    display: none
}

.van-button--default {
    color: var(--van-button-default-color);
    background: var(--van-button-default-background);
    border: var(--van-button-border-width) solid var(--van-button-default-border-color)
}

.van-button--primary {
    color: var(--van-button-primary-color);
    background: var(--van-button-primary-background);
    border: var(--van-button-border-width) solid var(--van-button-primary-border-color)
}

.van-button--success {
    color: var(--van-button-success-color);
    background: var(--van-button-success-background);
    border: var(--van-button-border-width) solid var(--van-button-success-border-color)
}

.van-button--danger {
    color: var(--van-button-danger-color);
    background: var(--van-button-danger-background);
    border: var(--van-button-border-width) solid var(--van-button-danger-border-color)
}

.van-button--warning {
    color: var(--van-button-warning-color);
    background: var(--van-button-warning-background);
    border: var(--van-button-border-width) solid var(--van-button-warning-border-color)
}

.van-button--plain {
    background: var(--van-button-plain-background)
}

.van-button--plain.van-button--primary {
    color: var(--van-button-primary-background)
}

.van-button--plain.van-button--success {
    color: var(--van-button-success-background)
}

.van-button--plain.van-button--danger {
    color: var(--van-button-danger-background)
}

.van-button--plain.van-button--warning {
    color: var(--van-button-warning-background)
}

.van-button--large {
    width: 100%;
    height: var(--van-button-large-height)
}

.van-button--normal {
    padding: var(--van-button-normal-padding);
    font-size: var(--van-button-normal-font-size)
}

.van-button--small {
    height: var(--van-button-small-height);
    padding: var(--van-button-small-padding);
    font-size: var(--van-button-small-font-size)
}

.van-button__loading {
    color: inherit;
    font-size: inherit
}

.van-button__loading .van-loading__spinner {
    color: currentColor;
    width: var(--van-button-loading-icon-size);
    height: var(--van-button-loading-icon-size)
}

.van-button--mini {
    height: var(--van-button-mini-height);
    padding: var(--van-button-mini-padding);
    font-size: var(--van-button-mini-font-size)
}

.van-button--mini+.van-button--mini {
    margin-left: var(--van-padding-base)
}

.van-button--block {
    display: block;
    width: 100%
}

.van-button--disabled {
    cursor: not-allowed;
    opacity: var(--van-button-disabled-opacity)
}

.van-button--loading {
    cursor: default
}

.van-button--round {
    border-radius: var(--van-button-round-radius)
}

.van-button--square {
    border-radius: 0
}

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

.van-button__content:before {
    content: " "
}

.van-button__icon {
    font-size: var(--van-button-icon-size);
    line-height: inherit
}

.van-button__icon+.van-button__text,
.van-button__loading+.van-button__text,
.van-button__text+.van-button__icon,
.van-button__text+.van-button__loading {
    margin-left: var(--van-padding-base)
}

.van-button--hairline {
    border-width: 0
}

.van-button--hairline:after {
    border-color: inherit;
    border-radius: calc(var(--van-button-radius) * 2)
}

.van-button--hairline.van-button--round:after {
    border-radius: var(--van-button-round-radius)
}

.van-button--hairline.van-button--square:after {
    border-radius: 0
}

:root,
:host {
    --van-action-bar-button-height: 40px;
    --van-action-bar-button-warning-color: var(--van-gradient-orange);
    --van-action-bar-button-danger-color: var(--van-gradient-red)
}

.van-action-bar-button {
    flex: 1;
    height: var(--van-action-bar-button-height);
    font-weight: var(--van-font-bold);
    font-size: var(--van-font-size-md);
    border: none;
    border-radius: 0
}

.van-action-bar-button--first {
    margin-left: .06667rem;
    border-top-left-radius: var(--van-radius-max);
    border-bottom-left-radius: var(--van-radius-max)
}

.van-action-bar-button--last {
    margin-right: .06667rem;
    border-top-right-radius: var(--van-radius-max);
    border-bottom-right-radius: var(--van-radius-max)
}

.van-action-bar-button--warning {
    background: var(--van-action-bar-button-warning-color)
}

.van-action-bar-button--danger {
    background: var(--van-action-bar-button-danger-color)
}

@media(max-width:321px) {
    .van-action-bar-button {
        font-size: .17333rem
    }
}

:root,
:host {
    --van-dialog-width: 320px;
    --van-dialog-small-screen-width: 90%;
    --van-dialog-font-size: var(--van-font-size-lg);
    --van-dialog-transition: var(--van-duration-base);
    --van-dialog-radius: 16px;
    --van-dialog-background: var(--van-background-2);
    --van-dialog-header-font-weight: var(--van-font-bold);
    --van-dialog-header-line-height: 24px;
    --van-dialog-header-padding-top: 26px;
    --van-dialog-header-isolated-padding: var(--van-padding-lg) 0;
    --van-dialog-message-padding: var(--van-padding-lg);
    --van-dialog-message-font-size: var(--van-font-size-md);
    --van-dialog-message-line-height: var(--van-line-height-md);
    --van-dialog-message-max-height: 60vh;
    --van-dialog-has-title-message-text-color: var(--van-gray-7);
    --van-dialog-has-title-message-padding-top: var(--van-padding-xs);
    --van-dialog-button-height: 48px;
    --van-dialog-round-button-height: 36px;
    --van-dialog-confirm-button-text-color: var(--van-primary-color)
}

.van-dialog {
    top: 45%;
    width: var(--van-dialog-width);
    overflow: hidden;
    font-size: var(--van-dialog-font-size);
    background: var(--van-dialog-background);
    border-radius: var(--van-dialog-radius);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: var(--van-dialog-transition);
    transition-property: transform, opacity
}

@media(max-width:321px) {
    .van-dialog {
        width: var(--van-dialog-small-screen-width)
    }
}

.van-dialog__header {
    color: var(--van-text-color);
    padding-top: var(--van-dialog-header-padding-top);
    font-weight: var(--van-dialog-header-font-weight);
    line-height: var(--van-dialog-header-line-height);
    text-align: center
}

.van-dialog__header--isolated {
    padding: var(--van-dialog-header-isolated-padding)
}

.van-dialog__content--isolated {
    display: flex;
    align-items: center;
    min-height: 1.38667rem
}

.van-dialog__message {
    color: var(--van-text-color);
    flex: 1;
    max-height: var(--van-dialog-message-max-height);
    padding: .34667rem var(--van-dialog-message-padding);
    overflow-y: auto;
    font-size: var(--van-dialog-message-font-size);
    line-height: var(--van-dialog-message-line-height);
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch
}

.van-dialog__message--has-title {
    padding-top: var(--van-dialog-has-title-message-padding-top);
    color: var(--van-dialog-has-title-message-text-color)
}

.van-dialog__message--left {
    text-align: left
}

.van-dialog__message--right {
    text-align: right
}

.van-dialog__message--justify {
    text-align: justify
}

.van-dialog__footer {
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.van-dialog__confirm,
.van-dialog__cancel {
    flex: 1;
    height: var(--van-dialog-button-height);
    margin: 0;
    border: 0;
    border-radius: 0
}

.van-dialog__confirm,
.van-dialog__confirm:active {
    color: var(--van-dialog-confirm-button-text-color)
}

.van-dialog--round-button .van-dialog__footer {
    position: relative;
    height: auto;
    padding: var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)
}

.van-dialog--round-button .van-dialog__message {
    padding-bottom: var(--van-padding-md);
    color: var(--van-text-color)
}

.van-dialog--round-button .van-dialog__confirm,
.van-dialog--round-button .van-dialog__cancel {
    height: var(--van-dialog-round-button-height)
}

.van-dialog--round-button .van-dialog__confirm {
    color: var(--van-white)
}

.van-dialog--round-button .van-action-bar-button--first {
    border-top-left-radius: var(--van-radius-max);
    border-bottom-left-radius: var(--van-radius-max)
}

.van-dialog--round-button .van-action-bar-button--last {
    border-top-right-radius: var(--van-radius-max);
    border-bottom-right-radius: var(--van-radius-max)
}

.van-dialog-bounce-enter-from {
    transform: translate3d(0, -50%, 0) scale(.7);
    opacity: 0
}

.van-dialog-bounce-leave-active {
    transform: translate3d(0, -50%, 0) scale(.9);
    opacity: 0
}