<!DOCTYPE html>
<html translate="no" data-dpr="1" style="font-size: 49.36px;">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="robots" content="noindex,nofollow">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <title>BDG WIN</title>
    <link href="/css/account/chunk-vendors.css" rel="stylesheet" />
    <link href="/css/account/app.css" rel="stylesheet" />
    <link href="/css/account/login.css" rel="stylesheet" />
    <link href="/css/account/chunk.css" rel="stylesheet" />
    <link href="/css/account/chunk-3abb8cfe.27bda068.css" rel="stylesheet" />
    <link rel="shortcut icon" href="/images/bitbug_favicon.ico" type="image/x-icon" />
    <style>
        html,
        body {
            height: 100%;
            width: 100%;
            background-color: #9195a3;
            padding: 0;
            margin: 0;
        }

        .msg-content {
            animation: zoom-in 0.45s ease reverse;
        }

        .block-click {
            pointer-events: none;
        }

        @keyframes zoom-in {
            0% {
                opacity: 1;
                transform: scale(1, 1);
            }

            50% {
                transform: scale(0.6, 0.6);
            }

            100% {
                opacity: 0;
                transform: scale(1, 1);
            }
        }
    </style>
</head>

<body style="font-size: 12px;">
    <div data-v-7ee4aaeb="" class="mian forgot">
        <div data-v-4f9f1398="" class="resgister__C" style="--0a9b6058: 'Roboto', 'Inter', sans-serif;">
            <div data-v-de39c3b8="" data-v-4f9f1398="" class="navbar">
                <div data-v-de39c3b8="" class="navbar-fixed" style="">
                    <div data-v-de39c3b8="" class="navbar__content">
                        <div data-v-de39c3b8="" class="navbar__content-left" onclick="window.location.href='/login'"><i
                                data-v-de39c3b8=""
                                class="van-badge__wrapper van-icon van-icon-arrow-left"><!----><!----><!----></i></div>
                        <div data-v-de39c3b8="" class="navbar__content-center">
                            <div data-v-de39c3b8="" class="headLogo"
                                style="background-image: url(&quot;/manifest/daman-white.png&quot;);"></div>
                            <div data-v-de39c3b8="" class="navbar__content-title"></div>
                        </div>
                        <div data-v-de39c3b8="" class="navbar__content-right">
                            <div data-v-4eb25d27="" data-v-4f9f1398=""><!----></div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-4f9f1398="" class="resgister__C-heading">
                <h1 data-v-4f9f1398="" class="resgister__C-heading__title">Register</h1>
                <div data-v-4f9f1398="" class="resgister__C-heading__subTitle"><span data-v-4f9f1398="">Please Register
                        by phone number</span></div>
            </div>
            <div data-v-4f9f1398="" class="login_container-tab">
                <div data-v-4f9f1398="" class="tab active">
                    <div data-v-4f9f1398="" class="phonebg phoneactive"></div>
                    <div data-v-4f9f1398="" class="font30 phonefont30active">Register your phone</div>
                </div><!---->
            </div>

            <div data-v-7ee4aaeb="" class="forgot-box">
                <div data-v-7ee4aaeb="" class="mian-from m-t-20">
                    <!-- <div data-v-7ee4aaeb="" class="lab">Phone number format:<span data-v-7ee4aaeb="">+91</span>
                </div> -->

                    <div data-v-5f6a9e3a="" data-v-19b20cdb="" class="phoneInput__container">
                        <div data-v-5f6a9e3a="" class="phoneInput__container-label"><img data-v-5f6a9e3a=""
                                src="/images/cellphone-834e6951.png" class="phoneInput__container-label__icon"><span
                                data-v-5f6a9e3a="">Phone
                                number</span></div>
                        <div data-v-5f6a9e3a="" class="phoneInput__container-input">
                            <div data-v-4fa0be24="" data-v-5f6a9e3a="" class="dropdown">
                                <div data-v-4fa0be24="" class="dropdown__value"><span data-v-4fa0be24="">+91</span><i
                                        data-v-4fa0be24="" class="van-badge__wrapper van-icon van-icon-arrow-down"></i>
                                </div>
                                <div data-v-4fa0be24="" class="dropdown__list">
                                    <div data-v-4fa0be24="" class="dropdown__list-item active"><span
                                            data-v-4fa0be24="">+91</span> India (भारत)</div>
                                </div>
                            </div><input data-v-5f6a9e3a="" id="username" type="text" maxlength="10"
                                placeholder="Phone number" oninput="value=value.replace(/\D/g,'')">
                        </div>
                    </div>
                    <!-- <div data-v-7ee4aaeb="" class="item c-row c-row-center c-row-middle m-t-15 m-b-30 first">
                        <div data-v-7ee4aaeb="" class="c-row number">
                            <span data-v-7ee4aaeb="" class="c-row c-row-middle-center">
                                <img data-v-7ee4aaeb="" height="22px" width="15px" src="/images/cellphone-834e6951.png"
                                    class="mobile">
                            </span>
                            <div data-v-7ee4aaeb="" class="p-l-5">+91</div>
                        </div>
                        <input data-v-7ee4aaeb="" id="username" type="text" maxlength="12" placeholder="Phone number"
                            oninput="value=value.replace(/\D/g,'')">
                    </div> -->
                    <!---->
                    <!-- <div data-v-51f72da1="" class="item c-row c-row-center c-row-middle m-b-30">
                    <span data-v-51f72da1="" class="img c-row c-row-middle-center">
                        <img data-v-51f72da1="" height="22px" width="15px" src="/images/smart_phone.png" class="mobile">
                    </span>
                     <input data-v-51f72da1="" type="number" id="otp" placeholder="Verification code">
                    <button data-v-51f72da1="" class="otp">OTP</button>
                </div>
                <div data-v-51f72da1="" class="tip">Didn't receive the OTP code?
                </div> -->
                    <!---->


                    <!-- <div data-v-7ee4aaeb="" class="item c-row c-row-center c-row-middle m-b-30">
                        <span data-v-7ee4aaeb="" class="img c-row c-row-middle-center">
                            <img data-v-7ee4aaeb="" height="20px" width="18px" src="/images/password-c2d8d12b.png"
                                class="password">
                        </span>

                        <input data-v-d8986e5e="" type="password" id="passwordInput" placeholder="Please enter Password"
                            autocomplete="new-password" 
                            class="pw-input"><img src="/images/eyeInvisible-821d9d16.png" class="eye"
                            id="togglePassword">
                    </div> -->

                    <div data-v-34ec8998="" data-v-19b20cdb="" class="passwordInput__container">
                        <div data-v-34ec8998="" class="passwordInput__container-label"><img data-v-34ec8998=""
                                class="passwordInput__container-label__icon" data-src="/images/password-c2d8d12b.png"
                                src="/images/password-c2d8d12b.png" lazy="loaded"><span
                                data-v-34ec8998="">Password</span></div>
                        <div data-v-34ec8998="" class="passwordInput__container-input">

                            <input data-v-34ec8998="" type="password" id="passwordInput"
                                placeholder="Please enter Password" maxlength="32" autocomplete="new-password">
                            <img src="/images/eyeInvisible-821d9d16.png" class="eye" id="togglePassword">
                        </div>

                    </div>
                    <div data-v-34ec8998="" data-v-19b20cdb="" class="passwordInput__container">
                        <div data-v-34ec8998="" class="passwordInput__container-label">
                            <span data-v-7ee4aaeb="" class="img c-row c-row-middle-center">
                                <img data-v-7ee4aaeb="" src="/images/invitation-2f57cad4.png" class="code">
                            </span>
                        </div>
                        <div data-v-34ec8998="" class="passwordInput__container-input">
                            <input data-v-34ec8998="" id="invite" type="text" value="" placeholder="Invitation code">
                        </div>
                    </div>

                    <div data-v-2e94f24d="" class="register__container-remember">
                        <div data-v-2e94f24d="" role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false">
                            <div class="van-checkbox__icon van-checkbox__icon--round"><i
                                    class="van-badge__wrapper van-icon van-icon-success"><!----><!----><!----></i></div>
                            <span class="van-checkbox__label">I have read and agree <span data-v-2e94f24d="">【Privacy
                                    Agreement】</span></span>
                        </div>
                    </div>
                    <div data-v-2e94f24d="" class="register__container-button">

                        <button data-v-2e94f24d="" id="submit">Register</button><button data-v-2e94f24d=""
                            class="login">
                            <div data-v-2e94f24d="" class="account">I have an account</div>
                            <div data-v-2e94f24d="" class="loginin" onclick="window.location.href='/login'">Login</div>
                        </button>
                    </div>
                </div>
            </div>
        </div>

    </div>
    </div>
    </div>
    </div>
    <!-- <div class="customer" id="customerId" style="--0a9b6058: 'Roboto', 'Inter', sans-serif; --733cb41a: bahnschrift;">
        <img data-src="/images/icon_sevice-9f0c8455.png" src="/images/icon_sevice-9f0c8455.png" lazy="loaded">
    </div>
    </div> -->
    <div data-v-7692a079="" data-v-7ee4aaeb="" class="Loading c-row c-row-middle-center" style="display: none;">
        <div data-v-7692a079="" class="van-loading van-loading--circular">
            <span data-v-7692a079="" class="van-loading__spinner van-loading__spinner--circular"
                style="color: rgb(242, 65, 59);">
                <svg data-v-7692a079="" viewBox="25 25 50 50" class="van-loading__circular">
                    <circle data-v-7692a079="" cx="50" cy="50" r="20" fill="none"></circle>
                </svg>
            </span>
        </div>
    </div>
    </div>
    <div data-v-7692a079="" data-v-7ee4aaeb="" class="Loading c-row c-row-middle-center" style="display: none;">
        <div data-v-7692a079="" class="van-loading van-loading--circular"><span data-v-7692a079=""
                class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(242, 65, 59);"><svg
                    data-v-7692a079="" viewBox="25 25 50 50" class="van-loading__circular">
                    <circle data-v-7692a079="" cx="50" cy="50" r="20" fill="none"></circle>
                </svg></span></div>
    </div>
    </div>
    <div class="van-overlay" style="z-index: 2003; display: none;"></div>
    <div class="alert-toast"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        function setCookie(cname, cvalue, exdays) {
            const d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            let expires = "expires=" + d.toUTCString();
            document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
        }
        function getCookie(cname) {
            let name = cname + "=";
            let decodedCookie = decodeURIComponent(document.cookie);
            let ca = decodedCookie.split(';');
            for (let i = 0; i < ca.length; i++) {
                let c = ca[i];
                while (c.charAt(0) == ' ') {
                    c = c.substring(1);
                }
                if (c.indexOf(name) == 0) {
                    return c.substring(name.length, c.length);
                }
            }
            return "";
        }

        function unsetCookie() {
            setCookie('token', '', 0);
            setCookie('auth', '', 0);
        }
        // fetch('/api/webapi/GetUserInfo')
        //     .then(response => response.json())
        //     .then(data => {
        //         if (data.status === false) {
        //             unsetCookie();
        //             return false;
        //         };
        //         location.href = "/";
        //     });
    </script>
    <script>
        $(document).ready(function () {
            $('#submit').click(function (e) {
                e.preventDefault(); // Prevent default form submission

                // Get form inputs
                let username = $('#username').val().trim();
                let password = $('#passwordInput').val().trim();
                let invite = $('#invite').val().trim();
                let checkbox = $('.van-checkbox__icon').hasClass('van-checkbox__icon--checked');

                // Validate form inputs
                if (!username || !password || !invite || !checkbox) {
                    alert('Please fill in all required fields.');
                    return;
                }

                // Make AJAX request
                $.ajax({
                    type: "POST",
                    url: "/api/webapi/register",
                    data: {
                        username: username,
                        pwd: password,
                        invitecode: invite
                    },
                    dataType: "json",
                    success: function (response) {
                        // Handle response from server
                        alert(response.message);
                        if (response.status === true) {
                            // Redirect to login page on successful registration
                            window.location.href = '/login';
                        }
                    },
                    error: function (xhr, status, error) {
                        // Handle AJAX errors
                        console.error(xhr.responseText);
                        alert('An error occurred while processing your request. Please try again later.');
                    }
                });
            });

            // Function to toggle password visibility
            $('#togglePassword').click(function () {
                var passwordInput = $('#passwordInput');
                var type = passwordInput.attr('type') === 'password' ? 'text' : 'password';
                passwordInput.attr('type', type);
                $(this).attr('src', type === 'password' ? '/images/eyeInvisible-821d9d16.png' : '/images/eyeInvisible-821d9d16.png');
            });
        });
    </script>
    <script>
        let i = 1;
        $('.van-checkbox').click(function (e) {
            e.preventDefault();
            if (i == 1) {
                $('.van-checkbox__icon').removeClass('van-checkbox__icon--square van-checkbox__icon--checked');
                document.querySelector('.van-checkbox__icon i').style = '';
            } else {
                i = 0;
                $('.van-checkbox__icon').addClass('van-checkbox__icon--square van-checkbox__icon--checked');
                document.querySelector('.van-checkbox__icon i').style = 'border-color: rgb(244, 69, 62); background-color: rgb(244, 69, 62);';
            }
            i++;
        });

        function setCookie(cname, cvalue, exdays) {
            const d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            let expires = "expires=" + d.toUTCString();
            document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
        }

        function alertMess(text) {
            let length = $('.alert-toast .msg').length;
            if (length == 0) {
                $('.alert-toast').append(
                    `
                    <div data-v-1dcba851="" class="msg">
                        <div data-v-1dcba851="" class="msg-content" style=""> ${text} </div>
                    </div>
                    `
                );
                setTimeout(() => {
                    $('.msg').fadeOut();
                    setTimeout(() => {
                        $('.alert-toast .msg').remove();
                    }, 100);
                }, 1500);
            }
        }

        function validateForm(username, password, otp, checkbox, text) {
            if (!username || !otp || !checkbox || !password) {
                alertMess(text);
                return false;
            } else {
                return true;
            }
        }


    </script>
    <script>
        let getWBody = $('.mian').width();

        $('html').css('font-size', `${getWBody / 10}px`);
        $('.van-tabbar .van-tabbar-item').css({
            'transform': 'scale(0.9)',
        });
        $(window).resize(() => {
            let getWBody = $('.mian').width();
            $('html').css('font-size', `${getWBody / 10}px`);
            $('.van-tabbar .van-tabbar-item').css({
                'transform': 'scale(0.9)',
            });
        });
        var url = new URL(window.location.href);
        var c = url.searchParams.get("r_code");
        if (c) {
            $('#invite').val(c);
        }
    </script>
    <style>
        .m-t-20 {
            margin-top: 0.46800rem !important;
            margin-left: 5px;
            margin-right: 5px;
        }

        .register__container .tip[data-v-2e94f24d] {
            margin-top: -.66667rem;
            margin-bottom: .13333rem
        }

        .register__container .pwdTip[data-v-2e94f24d] {
            margin-bottom: .26667rem;
            white-space: initial
        }

        .register__container-invitation[data-v-2e94f24d] {
            padding: 0 .02667rem
        }

        .register__container-invitation__label[data-v-2e94f24d],
        .register__container-invitation__input[data-v-2e94f24d] {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

        .register__container-invitation__label[data-v-2e94f24d] {
            margin-bottom: .32rem;
            color: #666;
            font-size: .4rem
        }

        .register__container-invitation__label-icon[data-v-2e94f24d] {
            width: .64rem;
            height: .64rem;
            margin-right: .16rem
        }

        .register__container-invitation__input input[data-v-2e94f24d] {
            width: 99%;
            height: 1.17333rem;
            padding: .36rem .34667rem;
            font-size: .37333rem;
            border: none;
            border-radius: .26667rem
        }

        .register__container-remember[data-v-2e94f24d] {
            margin-top: .84rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

        .register__container-remember[data-v-2e94f24d] .van-checkbox {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: inline-flex
        }

        .register__container-remember[data-v-2e94f24d] .van-checkbox .van-icon-success {
            color: #fff
        }

        .register__container-remember[data-v-2e94f24d] .van-checkbox .van-checkbox__label {
            color: #90929e;
            font-size: .32rem
        }

        .register__container-remember[data-v-2e94f24d] .van-checkbox .van-checkbox__label span {
            color: #790b61;
            font-size: .32rem
        }

        .register__container-button[data-v-2e94f24d] {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            width: 100%;
            margin-block: .84rem 1.33333rem
        }

        .register__container-button button[data-v-2e94f24d] {
            width: 7.73333rem;
            height: 1.06667rem;
            color: #fff;
            font-size: .48rem;
            font-weight: 700;
            letter-spacing: .05333rem;
            text-shadow: 0 .05333rem .02667rem rgba(231, 65, 65, .5019607843);
            border-radius: 1.06667rem;
            border: none;
            background-image: linear-gradient(90deg, #930962, #790b61);
            box-shadow: inset 0rem 0rem 1rem 0rem #650061;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

        .register__container-button button.disable-btn[data-v-2e94f24d] {
            background: -webkit-linear-gradient(top, #cfd1df 0%, #c8cada 100%);
            background: linear-gradient(180deg, #cfd1df 0%, #c8cada 100%);
            box-shadow: 0 .05333rem #b6bad0
        }

        .register__container-button .login[data-v-2e94f24d] {
            border: .01333rem solid #a51c9a;
            text-shadow: none;
            background: #ffffff;
            box-shadow: none;
            margin-top: .53333rem
        }

        .register__container-button .account[data-v-2e94f24d] {
            font-size: .32rem;
            color: #666;
            font-weight: 400
        }

        .register__container-button .loginin[data-v-2e94f24d] {
            font-size: .4rem;
            color: #790b61;
            font-weight: 700;
            margin-left: .22667rem
        }

        .register__container-button span[data-v-2e94f24d] {
            margin-top: .32rem;
            color: #ff7172;
            font-size: .32rem
        }

        .register__container-tips[data-v-2e94f24d] {
            margin-top: -.26667rem;
            margin-bottom: .16rem;
            padding-left: .22667rem;
            color: #ff7172;
            font-size: .32rem
        }

        .register__container-tip[data-v-2e94f24d] {
            margin-top: .32rem;
            padding-left: .22667rem;
            color: #ff7172;
            font-size: .32rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row
        }

        .register__container-tip .tipbg[data-v-2e94f24d] {
            width: .42667rem;
            height: .42667rem;
            background-image: url(/images/tip-789290d9.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain
        }

        .red[data-v-2e94f24d] {
            color: #ff7172 !important
        }

        .van-toast[data-v-8ec8be46] {
            word-break: break-word !important
        }

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

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

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

        .register__container .pwdTip[data-v-8ec8be46] {
            margin-bottom: .26667rem;
            white-space: initial
        }

        .register__container-invitation[data-v-8ec8be46] {
            padding: 0 .02667rem
        }

        .register__container-invitation__label[data-v-8ec8be46],
        .register__container-invitation__input[data-v-8ec8be46] {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

        .register__container-invitation__label[data-v-8ec8be46] {
            margin-bottom: .32rem;
            color: #666;
            font-size: .4rem
        }

        .register__container-invitation__label-icon[data-v-8ec8be46] {
            width: .64rem;
            height: .64rem;
            margin-right: .16rem
        }

        .register__container-invitation__input input[data-v-8ec8be46] {
            width: 99%;
            height: 1.17333rem;
            padding: .36rem .34667rem;
            font-size: .37333rem;
            border: none;
            border-radius: .26667rem
        }

        .register__container-remember[data-v-8ec8be46] {
            margin-top: .84rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

        .register__container-remember[data-v-8ec8be46] .van-checkbox {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: inline-flex
        }

        .register__container-remember[data-v-8ec8be46] .van-checkbox .van-checkbox__label {
            color: #90929e;
            font-size: .32rem
        }

        .register__container-remember[data-v-8ec8be46] .van-checkbox .van-checkbox__label span {
            color: #ff7172;
            font-size: .32rem
        }

        .register__container-button[data-v-8ec8be46] {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            width: 100%;
            margin-block: .84rem 1.33333rem
        }

        .register__container-button button[data-v-8ec8be46] {
            width: 7.73333rem;
            height: 1.06667rem;
            color: #fff;
            font-size: .48rem;
            font-weight: 700;
            letter-spacing: .05333rem;
            text-shadow: 0 .05333rem .02667rem rgba(231, 65, 65, .5019607843);
            border-radius: 1.06667rem;
            border: none;
            background-image: linear-gradient(90deg, #930962, #790b61);
            box-shadow: inset 0rem 0rem 1rem 0rem #650061;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

        .register__container-button button.disable-btn[data-v-8ec8be46] {
            background: -webkit-linear-gradient(top, #cfd1df 0%, #c8cada 100%);
            background: linear-gradient(180deg, #cfd1df 0%, #c8cada 100%);
            box-shadow: 0 .05333rem #b6bad0
        }

        .register__container-button .login[data-v-8ec8be46] {
            border: .01333rem solid #ff7172;
            text-shadow: none;
            background: #ffffff;
            box-shadow: none;
            margin-top: .53333rem
        }

        .register__container-button .account[data-v-8ec8be46] {
            font-size: .32rem;
            color: #666;
            font-weight: 400
        }

        .register__container-button .loginin[data-v-8ec8be46] {
            font-size: .4rem;
            color: #ff7172;
            font-weight: 700;
            margin-left: .22667rem
        }

        .register__container-button span[data-v-8ec8be46] {
            margin-top: .32rem;
            color: #ff7172;
            font-size: .32rem
        }

        .register__container-tips[data-v-8ec8be46] {
            margin-top: -.26667rem;
            margin-bottom: .16rem;
            padding-left: .22667rem;
            color: #ff7172;
            font-size: .32rem
        }

        .register__container-tip[data-v-8ec8be46] {
            margin-top: .32rem;
            padding-left: .22667rem;
            color: #ff7172;
            font-size: .32rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row
        }

        .register__container-tip .tipbg[data-v-8ec8be46] {
            width: .42667rem;
            height: .42667rem;
            background-image: url(/images/tip-789290d9.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain
        }

        .red[data-v-8ec8be46] {
            color: #ff7172 !important
        }

        .van-toast[data-v-4f9f1398] {
            word-break: break-word !important
        }

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

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

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

        .right[data-v-4f9f1398] {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            font-size: .4rem;
            color: #fff
        }

        .right img[data-v-4f9f1398] {
            width: .66667rem;
            height: .66667rem;
            border-radius: 50%;
            overflow: hidden;
            display: block;
            margin-right: .13333rem
        }

        .resgister__C[data-v-4f9f1398] {
            height: 100%;
            white-space: nowrap;
            background-color: rgb(255, 255, 255);
        }

        .resgister__C .van-nav-bar[data-v-4f9f1398] {
            background-color: #f7f8ff
        }

        .resgister__C .van-nav-bar .leftArrow[data-v-4f9f1398] {
            width: .45333rem;
            height: auto
        }

        .resgister__C[data-v-4f9f1398] .navbar-fixed {
            background-image: linear-gradient(90deg, #930962, #790b61);
            box-shadow: inset 0rem 0rem 1rem 0rem #650061;
        }

        .resgister__C[data-v-4f9f1398] .navbar-fixed .navbar__content .navbar__content-center,
        .resgister__C[data-v-4f9f1398] .navbar-fixed .navbar__content .navbar__content-left .van-icon {
            color: #fff !important
        }

        .resgister__C .login_container-tab[data-v-4f9f1398] {
            width: 100%;
            overflow-x: hidden;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            overflow: hidden;
            padding: 0 .53333rem;
            background-color: rgb(255, 255, 255);
        }

        .resgister__C .login_container-tab .tab[data-v-4f9f1398] {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            background: #f7f8ff;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            padding: .18667rem 0;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            min-height: 1.86667rem;
            border-bottom: .02667rem solid #ddd
        }

        .resgister__C .login_container-tab .tab .font30[data-v-4f9f1398] {
            font-size: .4rem;
            color: #888;
            text-align: center;
            -webkit-box-flex: 0;
            -webkit-flex: none;
            flex: none;
            word-break: break-all;
            white-space: pre-wrap;
            margin-top: .21333rem
        }

        .resgister__C .login_container-tab .active[data-v-4f9f1398] {
            background: rgb(255, 255, 255);
            border-bottom: .05333rem solid #a51c9a;
        }

        .resgister__C .login_container-tab .active .font30[data-v-4f9f1398] {
            color: #790b61
        }

        .mian-from .item[data-v-7ee4aaeb] {
            border: .05333rem solid #a51c9a;
        }

        .resgister__C .login_container-tab .basicimg[data-v-4f9f1398],
        .resgister__C .login_container-tab .phoneactive[data-v-4f9f1398],
        .resgister__C .login_container-tab .emailactive[data-v-4f9f1398],
        .resgister__C .login_container-tab .emialbg[data-v-4f9f1398],
        .resgister__C .login_container-tab .phonebg[data-v-4f9f1398] {
            width: .64rem;
            height: .64rem;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain
        }

        .resgister__C .login_container-tab .phonebg[data-v-4f9f1398] {
            background-image: url(/images/phone-8279bf85.png)
        }

        .resgister__C .login_container-tab .emialbg[data-v-4f9f1398] {
            background-image: url(/images/email-d1eb3456.png)
        }

        .resgister__C .login_container-tab .emailactive[data-v-4f9f1398] {
            background-image: url(/images/emailactive-12a419a4.png)
        }

        .resgister__C .login_container-tab .phoneactive[data-v-4f9f1398] {
            background-image: url(/images/phoneactive-d3ea66d4.png)
        }

        .resgister__C-heading[data-v-4f9f1398] {
            min-height: 2.66667rem;
            background-image: linear-gradient(90deg, #930962, #790b61);
            box-shadow: inset 0rem 0rem 1rem 0rem #650061;
        }

        .resgister__C-heading__title[data-v-4f9f1398] {
            font-size: .42667rem;
            font-weight: 700;
            color: #fff;
            margin-left: .53333rem;
            padding-top: .26667rem
        }

        .resgister__C-heading__subTitle[data-v-4f9f1398] {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            font-size: .29333rem;
            margin-top: .29333rem;
            margin-left: .53333rem;
            margin-bottom: .53333rem;
            color: #fff;
            white-space: normal
        }

        .resgister__C-form[data-v-4f9f1398] {
            position: relative;
            margin-top: .74667rem;
            overflow: hidden;
            padding-inline: .53333rem;
            background-color: whitesmoke;
        }

        .resgister__C-form .tab-content[data-v-4f9f1398] {
            display: none
        }

        .resgister__C-form .activecontent[data-v-4f9f1398] {
            display: block
        }

        .mian {
            padding-top: 0%;
        }

        .resgister__C-form__wrapper[data-v-4f9f1398] {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            gap: .66667rem;
            width: 100%;
            height: 100%;
            box-sizing: content-box;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translateZ(0);
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            -webkit-transition-duration: 0s;
            transition-duration: 0s
        }

        .resgister__C-form__wrapper>div[data-v-4f9f1398] {
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            width: 100%;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .navbar[data-v-de39c3b8] {
            height: 1.22667rem;
            z-index: 100;
            -webkit-box-flex: 0;
            -webkit-flex: none;
            flex: none;
        }

        .navbar__content[data-v-de39c3b8] {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            height: 1.22667rem;
        }

        .navbar__content-left[data-v-de39c3b8] {
            position: absolute;
            left: 0.32rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            height: 100%;
            top: 0;
        }

        .resgister__C[data-v-4f9f1398] .navbar-fixed .navbar__content .navbar__content-center,
        .resgister__C[data-v-4f9f1398] .navbar-fixed .navbar__content .navbar__content-left .van-icon {
            color: #fff !important;
        }

        .navbar__content-left .van-icon[data-v-de39c3b8] {
            color: #333;
            font-size: .48rem;
        }

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

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

        .navbar__content-center[data-v-de39c3b8] {
            color: #333;
            font-size: .48rem;
            line-height: .48rem;
        }

        .navbar__content-center .headLogo[data-v-de39c3b8] {
            width: 2.98667rem;
            height: 1.12rem;
            background-repeat: no-repeat;
            background-size: 2.98667rem 1.12rem;
            background-position: center;
        }

        .navbar__content-right[data-v-de39c3b8] {
            position: absolute;
            right: 0.32rem;
        }

        html,
        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,
        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,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            padding: 0;
            margin: 0;
            font: inherit;
            font-size: 100%;
            vertical-align: baseline;
            border: 0;
        }



        #app {
            background: #ffffff;
        }
    </style>

</body>

</html>