html, body {
                height: 100%;
                width: 100%;
                background-color: #090909;
                padding: 0;
                margin: 0;
            }

            .msg[data-v-1dcba851] {
                max-width: 12.8rem;
                width: 80%;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                z-index: 100000
            }

            .msg .msg-content[data-v-1dcba851] {
                position: relative;
                padding: .32rem .66667rem;
                text-align: center;
                line-height: .64rem;
                word-break: break-all;
                overflow: hidden;
                font-size: .37333rem;
                color: #fff;
                background-color: rgba(0,0,0,.8)
            }

            .v-enter[data-v-1dcba851],.v-leave-to[data-v-1dcba851] {
                opacity: 0
            }

            .v-enter-active[data-v-1dcba851] {
                transition: opacity .5s;
                animation: bounce-in-data-v-1dcba851 .5s
            }

            .v-leave-active[data-v-1dcba851] {
                transition: opacity .3s;
                animation: bounce-in-data-v-1dcba851 .5s reverse
            }

            @keyframes bounce-in-data-v-1dcba851 {
                0% {
                    transform: scale(.4)
                }

                50% {
                    transform: scale(1.03)
                }

                to {
                    transform: scale(1)
                }
            }

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

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

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

                100% {
                    opacity: 0;
                    transform: scale(1, 1);
                }
            }

            .btn {
                border: 1px solid red;
                background-color: white;
                color: black;
                padding: 14px 28px;
                font-size: 20px;
                height: 43px;
                cursor: pointer;
                box-shadow: 1px 1px 10px #888888;
                width: 90%;
                margin-left: 16px;
            }

            .success {
                font-weight: 600 ;
                color: red;
            }

            .footer {
                margin-top: 1vw;
                display: flex;
                width: 100%;
            }

            .footer .footer_data {
                width: 50%;
            }

            .footer .footer_data img {
                width: 4vw;
                margin-left: 4.2vw;
            }

            .footer .footer_data p {
                text-align: center;
            }

            @media (max-width: 600px) {
                .footer {
                    margin-top: 5vw;
                    display: flex;
                    width: 100%;
                }

                .footer .footer_data img {
                    width: 10vw;
                    margin-left: 15vw;
                }
            }
        


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

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

                100% {
                    transform: scale(1, 1);
                }
            }