﻿.aalert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .aalert .ancontent {
        width: 400px;
        padding: 0 0 46px 0;
        background: #FFFFFF;
        border-radius: 20px;
        position: relative;
    }

        .aalert .ancontent .box_qrcode_close {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 22px;
            right: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .aalert .ancontent img.close {
            width: 40px;
            height: 40px;
        }

        .aalert .ancontent .box_qrcode_close:hover {
            cursor: pointer;
            background-color: #E7E6E6;
        }

        .aalert .ancontent .two {
            margin: 70px auto 0;
            width: 250px;
            height: 250px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .aalert .ancontent .two .qrcode_box {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 250px;
                height: 250px;
            }

                .aalert .ancontent .two .qrcode_box img {
                    width: 250px;
                    height: 250px;
                }

.aalert .ancontent .txt_qrcode {
    margin: 59px auto 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #202123;
}
