.error-modal[data-v-3cde9da6] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.error-modal .modal-content[data-v-3cde9da6] {
    width: 396px;
    min-height: 518px;
    border-radius: 16px;
    background: linear-gradient(180deg, #dce2f2 0%, #fff 29.69%, #fff 100%);
    animation: zoomIn-3cde9da6 .3s;
    display: flex;
    flex-direction: column
}

.error-modal .modal-content .modal-header[data-v-3cde9da6] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 32px;
    border-bottom: 1px solid #e5e5e5
}

.error-modal .modal-content .modal-header .modal-title[data-v-3cde9da6] {
    font-size: 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 700
}

.error-modal .modal-content .modal-header .modal-close[data-v-3cde9da6] {
    position: absolute;
    right: -10px;
    top: 18px;
    width: 36px;
    height: 36px;
    color: #333;
    cursor: pointer;
    transition: all .3s
}

.error-modal .modal-content .modal-body[data-v-3cde9da6] {
    padding: 24px 32px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.error-modal .modal-content .modal-body .body-content[data-v-3cde9da6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.error-modal .modal-content .modal-body .body-content img[data-v-3cde9da6] {
    width: 120px;
    height: 120px;
    margin-bottom: 32px
}

.error-modal .modal-content .modal-body .body-content .error-text[data-v-3cde9da6] {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    margin-bottom: 12px
}

.error-modal .modal-content .modal-body .body-content .customer-text[data-v-3cde9da6] {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #7e7e7e
}

.error-modal .modal-content .modal-body .body-content .customer-text .customer-btn[data-v-3cde9da6] {
    color: #2980e5;
    cursor: pointer
}

.error-modal .modal-content .modal-body .body-content .customer-text .customer-btn[data-v-3cde9da6]:hover {
    opacity: .8
}

.error-modal .modal-content .modal-footer[data-v-3cde9da6] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px
}

.error-modal .modal-content .modal-footer .modal-btn[data-v-3cde9da6] {
    border-radius: 8px;
    min-width: 280px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    cursor: pointer;
    background: radial-gradient(64% 63.89% at 52.55% 111.11%, #79b7ff 0%, #4b9bf9 41.9%, #308af4 100%)
}

.error-modal .modal-content .modal-footer .modal-btn[data-v-3cde9da6]:hover {
    opacity: .8
}

@keyframes slideUp-3cde9da6 {
    0% {
        transform: translateY(100%)
    }
}

@keyframes zoomIn-3cde9da6 {
    0% {
        transform: scale(.8)
    }
}

@media screen and (max-width: 428px) {
    .error-modal[data-v-3cde9da6] {
        align-items: flex-end
    }

    .error-modal .modal-content[data-v-3cde9da6] {
        width: 100%;
        min-height: 420px;
        border-radius: .32rem .32rem 0 0;
        background: #fff;
        animation: slideUp-3cde9da6 .3s;
        height: auto
    }

    .error-modal .modal-content .modal-header[data-v-3cde9da6] {
        margin: 0;
        border-bottom: .02rem solid #f0f1f2
    }

    .error-modal .modal-content .modal-header .modal-title[data-v-3cde9da6] {
        font-size: 18px;
        margin: .4rem 0;
        color: #333;
        font-size: .36rem;
        font-style: normal;
        font-weight: 700
    }

    .error-modal .modal-content .modal-header .modal-close[data-v-3cde9da6] {
        position: absolute;
        right: .28rem;
        top: .3rem;
        width: .72rem;
        height: .72rem;
        color: #333;
        cursor: pointer;
        transition: all .3s
    }

    .error-modal .modal-content .modal-body[data-v-3cde9da6] {
        padding: 0 .48rem
    }

    .error-modal .modal-content .modal-body .body-content img[data-v-3cde9da6] {
        width: 1.76rem;
        height: 1.76rem;
        margin-bottom: .4rem;
        margin-top: .72rem
    }

    .error-modal .modal-content .modal-body .body-content .error-text[data-v-3cde9da6] {
        font-size: .36rem;
        font-weight: 700;
        text-align: center;
        margin-bottom: .32rem
    }

    .error-modal .modal-content .modal-body .body-content .customer-text[data-v-3cde9da6] {
        text-align: center;
        font-size: .32rem;
        font-weight: 400;
        color: #7e7e7e;
        margin-bottom: .72rem
    }

    .error-modal .modal-content .modal-body .body-content .customer-text .customer-btn[data-v-3cde9da6] {
        color: #2980e5;
        cursor: pointer
    }

    .error-modal .modal-content .modal-body .body-content .customer-text .customer-btn[data-v-3cde9da6]:hover {
        opacity: .8
    }

    .error-modal .modal-content .modal-footer[data-v-3cde9da6] {
        margin-bottom: 1.16rem
    }

    .error-modal .modal-content .modal-footer .modal-btn[data-v-3cde9da6] {
        border-radius: .16rem;
        min-width: 6.54rem;
        height: .96rem;
        color: #fff;
        font-size: .36rem;
        font-weight: 700;
        cursor: pointer;
        background: #308bf5
    }

    .error-modal .modal-content .modal-footer .modal-btn[data-v-3cde9da6]:hover {
        opacity: 1
    }
}

.error-modal[data-v-ab2a6b3c] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}

.error-modal .modal-content[data-v-ab2a6b3c] {
    width: 378px;
    border-radius: 16px;
    background: linear-gradient(180deg, #dce2f2 0%, #fff 29.69%, #fff 100%);
    animation: zoomIn-ab2a6b3c .3s;
    display: flex;
    flex-direction: column
}

.error-modal .modal-content .modal-header[data-v-ab2a6b3c] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 32px
}

.error-modal .modal-content .modal-header .modal-title[data-v-ab2a6b3c] {
    font-size: 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 700
}

.error-modal .modal-content .modal-header .modal-close[data-v-ab2a6b3c] {
    position: absolute;
    right: -10px;
    top: 18px;
    width: 36px;
    height: 36px;
    color: #333;
    cursor: pointer;
    transition: all .3s
}

.error-modal .modal-content .modal-body[data-v-ab2a6b3c] {
    padding: 0 32px 24px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.error-modal .modal-content .modal-body .body-content[data-v-ab2a6b3c] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.error-modal .modal-content .modal-body .body-content .platform-box[data-v-ab2a6b3c] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.error-modal .modal-content .modal-body .body-content .platform-box .platform-item[data-v-ab2a6b3c] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #dadde3;
    cursor: pointer;
    margin-bottom: 12px
}

.error-modal .modal-content .modal-body .body-content .platform-box .platform-item .checkbox[data-v-ab2a6b3c] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANISURBVHgBxVddThsxEB574035q3KERaKVKlF19xF4gJwAOEHTE9CeAHoC4ATACaAnSJAa+phUBSEhEHuDRg1UTZxdd8axlwSIsomS8D0k3j9/M+Ox5xsGKVGsVHKumNng4KwqiH0F3GOgcvRMAasxiEMGrBpDfNqU9yf5IKilmZf1J770poS7FQEULGHKiQ//Sfk1H7wL+7zXi7iSy4rX2+jf547bpRjUNyZVaRruw8B4WcF37zKzPmPgO8DWFcDawydqb3nxzZeBDCCvs65bBKU86w2gN0t9vLH4gd8rx9kBzj+2WVjYaDbzz0WDPSW/8rOuc2zIQyXjzZXgbRWGgDZEiCIOPTJCqWhzZbF7Lt5NTp63yTGZjqZkPRiWnEARa0gnwCw9oTkZc46Jo/OdrgicXdzcas/xg+X3C5swQnw/vzrkgEuil+NPYHdJEoGz85tdG/apVv0TjBhSCkrmkDiyYnbb3tcR0KEX4lbfkHI+bbINijLmFxO8QuMG8lBS6gi8EmLbWHM4LnKCzqc4PqKxK3REgBUrt7jfo9/6YozeW5idQdGuNWR9nrtCbmhyPGTGTU4gDuLCYftox8xcpQcKTziYECJgmovqCsdC4uubCobe74OCyahE/1TU0AA8pRCt1t3EDGiCCI0pHrcVLm35HAXywbzlynF4YVAOaGuo/MKEQFvfDGu4BHg8Ah0MMx5MCJlMy2+PFJ6EcfSThiin1mBCYIz7hrPKFdeHAl2sw4TggNJcpB95U4oTygOSUY9r9ThAHFaykXjleksopQuELUrjRGfho62vtyFvyT36R8sK5fMrH8YE431BX6DG1Nz0QwVCKdjXlmnZNPotqVU2CV3Qju7bwpccRM0WqlijWFwxtwsjRjYzd2AV18riQiL1EwMoF1AP5OkFXJ/C2cX1SCJBc5Qvrg9w0Tf03G2OBE9kuZFNx2CkdC89n468v8R/tjHp0vOQvs16IL70KNuThDOeL6VpTDpR/nW9h+3WVsfLpQiFCyZslcq3raCmccUMZ2uPWzNKuGlZ3wl6VNu+zemTNisFkLTGFBwx3N5Lwzanj0EN6F/UcCxG77jzASUctueQSwiBUfJiex6dTuMJF6TUF/8B6k6eVrBuJq0AAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 14px
}

.error-modal .modal-content .modal-body .body-content .platform-box .platform-item .checkbox.active[data-v-ab2a6b3c] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPfSURBVHgBxVddTttAEJ5ZO6GQIsEJGk5Q84bUSiQnID1B4QQEqWnFE84TElARTlB6goYTkEo88Mb2BPUNggShIv7Zzq4h2V07wYRK/SREvF7vN/8zi1AQnt9fggWnAcxZBwEeoKiCwCX1EsU1/Q4AgUMifsJd2OX+8nWRc/FJ4v1+Fdy5bcBkc0RY7ORTCIdtvrscTN82iVhqXJnbAxBNeBGww1sLOxPf5i2mWpfP6WcV/g0CiIb1PGuwDPlB35tIjkB+Tdr0V4eIrfBWBeUfDBaW1ZoQJ7QpgCyUQt7BrZc9UiefqLk8NN7ircUeFAARbQIy6b6q9SpjCdMCeeRSq8H8alFyCf759Sm496sUuCfWq9QSx/1RMLsjqQ/vjjMSJ9DmX177MAP4jkrDpnd4Q/+lNTQhIhncoAJTueDB9L+NE0hz0iSTAWv7NzXHdTYEiAaOrcVlDYgp7S5zAs07uumAYNvGYjRcka5IXVAq75mfkM/vKr6+UqO0fEdWclx2LlMTTVd5VJw2HVJC7qlpJlZwIj8TnE5JKYfKH1G5D6b2W8qPGnlYUfGRieIJ4CV3WO/tjKshuaJGrjjX9lyDO1xhEJYa5rcY6OQSoSpIhckVX5j6eSxRGsR6eV6S3AwYrhufiuRMf1yT8TFTNRTN9/tSax12VuA6I3ObmsWiqz86mfgojsRBy7rQM/nBoyDEqrH4KuLGsy3gM4CIG8ZC5AbWlqrMAiNi+Y7dRnFmAcAqanx3PrDeLzH4z5ACGBqvHok3+rOQ9Xt2GO707PpA3CSACAzC8HbF2GJlxbOApgAUA7Y7qRIm8MtYYqxmPCJ0YUbEIWsbCwIatoCMOlbPFACMmn1BBQSzXe1JIPWSSzvokJlZQfMjg1IsNTQqlGcVEFfVcsuc0+m5a/USNSPYrb4UdplKO5F8N1647JseMLKmy9pexBJS89Jgvt7zcdwH5HyJaBY0Glold5qGsduxznns2aALcfFpsRnTKEbOJIHFyCIyUwQRI41lF9TCdXKFtJdUjbWH+BiNZLk9G5jPW/NteAG8r4M9CnTfWNRmjbEAqi3PXWXnOOzQeNXOVsgniCeO9dRtWwujVB9VQkUQYT071dIBUfnqIYiKkcsgrpSv8shTDm0l87EcnZH9yJloJQL6pAtRfAb3EX+8fnn7f2hvRGOduw4YN/NvUEQukg9kej5VgNGBrjifIMQMSDXPaUbT74b5gflMyLGeagK3M6OIAEoIZY3Yp60foSjkDSqhVI2dTp7W5taC8HxB1/NBg76o0eNbKix0PX+YJSShoKaGSNfzmK7ni91JGtv4C3fBr/cLyV4dAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.error-modal .modal-content .modal-body .body-content .platform-box .platform-item .platform-info .info-top[data-v-ab2a6b3c] {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.error-modal .modal-content .modal-body .body-content .platform-box .platform-item .platform-info .info-bottom[data-v-ab2a6b3c] {
    font-size: 14px;
    color: #b9b9b9;
    font-weight: 400
}

.error-modal .modal-content .modal-body .body-content .platform-box .platform-item[data-v-ab2a6b3c]:last-child {
    margin-bottom: 0
}

.error-modal .modal-content .modal-body .body-content .platform-box .platform-item[data-v-ab2a6b3c]:hover {
    background: #f0f1f2
}

.error-modal .modal-content .modal-footer[data-v-ab2a6b3c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px
}

.error-modal .modal-content .modal-footer .modal-btn[data-v-ab2a6b3c] {
    border-radius: 8px;
    min-width: 314px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    cursor: pointer;
    background: radial-gradient(64% 63.89% at 52.55% 111.11%, #79b7ff 0%, #4b9bf9 41.9%, #308af4 100%)
}

.error-modal .modal-content .modal-footer .modal-btn.disabled[data-v-ab2a6b3c] {
    opacity: .5;
    cursor: not-allowed
}

@keyframes slideUp-ab2a6b3c {
    0% {
        transform: translateY(100%)
    }
}

@keyframes zoomIn-ab2a6b3c {
    0% {
        transform: scale(.8)
    }
}

@media screen and (max-width: 428px) {
    .error-modal[data-v-ab2a6b3c] {
        align-items: flex-end
    }

    .error-modal .modal-content[data-v-ab2a6b3c] {
        width: 100%;
        min-height: 304px;
        border-radius: .32rem .32rem 0 0;
        background: #fff;
        animation: slideUp-ab2a6b3c .3s;
        height: auto
    }

    .error-modal .modal-content .modal-header[data-v-ab2a6b3c] {
        margin: 0;
        border-bottom: .02rem solid #f0f1f2
    }

    .error-modal .modal-content .modal-header .modal-title[data-v-ab2a6b3c] {
        font-size: 18px;
        margin: .4rem 0;
        color: #333;
        font-size: .36rem;
        font-style: normal;
        font-weight: 700
    }

    .error-modal .modal-content .modal-header .modal-close[data-v-ab2a6b3c] {
        position: absolute;
        right: .28rem;
        top: .3rem;
        width: .72rem;
        height: .72rem;
        color: #333;
        cursor: pointer;
        transition: all .3s
    }

    .error-modal .modal-content .modal-header .modal-close[data-v-ab2a6b3c]:hover {
        transform: rotate(180deg)
    }

    .error-modal .modal-content .modal-body[data-v-ab2a6b3c] {
        padding: 0 .48rem;
        margin-top: .48rem
    }

    .error-modal .modal-content .modal-body .body-content[data-v-ab2a6b3c] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .error-modal .modal-content .modal-body .body-content .platform-box[data-v-ab2a6b3c] {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .error-modal .modal-content .modal-body .body-content .platform-box .platform-item[data-v-ab2a6b3c] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: .24rem;
        border-radius: .16rem;
        border: 1px solid #dadde3;
        cursor: unset;
        margin-bottom: .24rem
    }

    .error-modal .modal-content .modal-body .body-content .platform-box .platform-item .checkbox[data-v-ab2a6b3c] {
        width: .32rem;
        height: .32rem;
        border-radius: 50%;
        margin-right: .28rem
    }

    .error-modal .modal-content .modal-body .body-content .platform-box .platform-item .platform-info .info-top[data-v-ab2a6b3c] {
        font-size: 16px;
        color: #333;
        font-weight: 700
    }

    .error-modal .modal-content .modal-body .body-content .platform-box .platform-item .platform-info .info-bottom[data-v-ab2a6b3c] {
        font-size: 14px;
        color: #b9b9b9;
        font-weight: 400
    }

    .error-modal .modal-content .modal-body .body-content .platform-box .platform-item[data-v-ab2a6b3c]:last-child {
        margin-bottom: 0
    }

    .error-modal .modal-content .modal-body .body-content .platform-box .platform-item[data-v-ab2a6b3c]:hover {
        background: unset
    }

    .error-modal .modal-content .modal-footer[data-v-ab2a6b3c] {
        margin-top: .56rem;
        margin-bottom: 1.16rem
    }

    .error-modal .modal-content .modal-footer .modal-btn[data-v-ab2a6b3c] {
        border-radius: .16rem;
        min-width: 6.54rem;
        height: .96rem;
        color: #fff;
        font-size: .36rem;
        font-weight: 700;
        cursor: pointer;
        background: #308bf5
    }

    .error-modal .modal-content .modal-footer .modal-btn[data-v-ab2a6b3c]:hover {
        opacity: 1
    }
}

.common-modal[data-v-3ab20230] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.common-modal .modal-content[data-v-3ab20230] {
    width: 564px;
    min-height: 400px;
    border-radius: 16px;
    background: linear-gradient(180deg, #dce2f2 0%, #fff 29.69%, #fff 100%);
    animation: zoomIn-3ab20230 .3s;
    height: auto
}

.common-modal .modal-content .modal-header[data-v-3ab20230] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.common-modal .modal-content .modal-header .modal-title[data-v-3ab20230] {
    font-size: 20px;
    margin-top: 18px;
    font-weight: 700;
    color: #333
}

.common-modal .modal-content .modal-header .modal-close[data-v-3ab20230] {
    position: absolute;
    right: 28px;
    top: 18px;
    width: 36px;
    height: 36px;
    color: #333;
    cursor: pointer;
    transition: all .3s
}

.common-modal .modal-content .modal-body[data-v-3ab20230] {
    min-height: 400px;
    padding: 24px 32px 32px
}

.common-modal .modal-content .modal-body .recharge-card-tips[data-v-3ab20230], .common-modal .modal-content .modal-body .month-card-tips[data-v-3ab20230] {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.common-modal .modal-content .modal-body .recharge-card-tips .text-content[data-v-3ab20230], .common-modal .modal-content .modal-body .month-card-tips .text-content[data-v-3ab20230] {
    color: #333;
    max-height: 288px;
    overflow-y: auto;
    line-height: 30px
}

.common-modal .modal-content .modal-body .modal-footer-box[data-v-3ab20230] {
    display: flex;
    flex-direction: column
}

.common-modal .modal-content .modal-body .modal-footer-box .modal-footer[data-v-3ab20230] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.common-modal .modal-content .modal-body .modal-footer-box .modal-footer .modal-btn[data-v-3ab20230] {
    border-radius: 8px;
    min-width: 196px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    cursor: pointer;
    background: #308bf5
}

.common-modal .modal-content .modal-body .modal-footer-box .modal-footer .modal-btn[data-v-3ab20230]:hover {
    opacity: .8
}

.common-modal .modal-content .modal-body .modal-footer-box .no-tips-box[data-v-3ab20230] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px
}

.common-modal .modal-content .modal-body .modal-footer-box .no-tips-box .select-title[data-v-3ab20230] {
    font-size: 14px;
    color: #7e7e7e
}

.common-modal .modal-content .modal-body .modal-footer-box .no-tips-box .select-box[data-v-3ab20230] {
    width: 18px;
    height: 18px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 8px
}

.common-modal .modal-content .modal-body .modal-footer-box .no-tips-box .select-box.active[data-v-3ab20230] {
    width: 18px;
    height: 18px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIISURBVHgB7Zg9T9tAGMf/z8UkINqmDB3KlKFShw7N3ImMHQpsHZkQKwwMLOCwZGCBmS8AGy8DI3wAhhtgQCARCQQDA28ClOAX7rkIMBGxeTnHHvhJ1p1l++6n585n30Nooli57IOVGQD8QXVaQDxIkDpu62U50VMNXqAHEfv0K7pzU0pkFG2FZmHVynKs5+xBqCGTXecqkkHCqpdYSuhTHZnEZKD7drQDqFg5LcDK7iMNOF5JoCM7hbSQoUEB309yqJ5CNCB41JAeCgIp40MoirYIjfzpwMJQpy6jsBAz5b9Z9P9qdPPzm8DOiYeNXbfl/bFGKChzT+8XCn0mNqHnZI4ufBUdD20XaiUzvFBTpQGh7xFhNiXDhE5qHu/5/53ozROOzlWji+GNvleGCY1Q34+MltFyeZbLKUkRm0yk0LFqMEgrKVMykULrey5Wt51QKZMyDBVnrvyom6ZVp/+aO1VzavPQNSrDvGilnlyr6zIoxZHqz5uVYV68DrFU8/CZlnmVUJiUKZlXCz0nZVKGedPXnqU2Dzx8ygGrWy4ua5HvRbxCzMqWgzhI5R9jFelBqn2Zt4y0QCxEWEJauBVlIcc/b4C8OSSN78/Jia5qY1JnHBucEkkMkrjutrmmhXSySOVnEomUigyuukrSpseEVZBi5UalZ1xbVX/HuO+vKpFlkL+kp0yAO4sq+otnSrZvAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.common-modal .modal-content .modal-body .modal-footer[data-v-3ab20230] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.common-modal .modal-content .modal-body .modal-footer .modal-btn[data-v-3ab20230] {
    border-radius: 8px;
    min-width: 196px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    cursor: pointer;
    background: #308bf5
}

.common-modal .modal-content .modal-body .modal-footer .modal-btn[data-v-3ab20230]:hover {
    opacity: .8
}

@keyframes zoomIn-3ab20230 {
    0% {
        transform: scale(.8)
    }
}

@media screen and (max-width: 428px) {
    .common-modal .modal-content[data-v-3ab20230] {
        width: 6.22rem;
        border-radius: .32rem
    }

    .common-modal .modal-content .modal-header .modal-title[data-v-3ab20230] {
        color: #333;
        text-align: center;
        font-size: .36rem;
        font-weight: 700
    }

    .common-modal .modal-content .modal-header .modal-close[data-v-3ab20230] {
        position: absolute;
        right: .32rem;
        top: .28rem;
        width: .72rem;
        height: .72rem;
        color: #333
    }

    .common-modal .modal-content .modal-body[data-v-3ab20230] {
        min-height: 200px;
        padding: .4rem .48rem .48rem
    }

    .common-modal .modal-content .modal-body .month-card-tips .modal-footer-box .modal-footer[data-v-3ab20230] {
        margin-top: .32rem
    }

    .common-modal .modal-content .modal-body .month-card-tips .modal-footer-box .modal-footer .modal-btn[data-v-3ab20230] {
        border-radius: 8px;
        min-width: 100%;
        height: .8rem;
        font-size: .32rem;
        font-style: normal;
        font-weight: 500
    }

    .common-modal .modal-content .modal-body .month-card-tips .modal-footer-box .modal-footer .modal-btn[data-v-3ab20230]:hover {
        opacity: 1
    }

    .common-modal .modal-content .modal-body .month-card-tips .modal-footer-box .no-tips-box[data-v-3ab20230] {
        margin-top: .32rem
    }

    .common-modal .modal-content .modal-body .month-card-tips .modal-footer-box .no-tips-box .select-box[data-v-3ab20230] {
        width: .36rem;
        height: .36rem;
        border: .02rem solid #b9b9b9;
        border-radius: .08rem;
        cursor: pointer;
        margin-right: .16rem
    }

    .common-modal .modal-content .modal-body .month-card-tips .modal-footer-box .no-tips-box .select-box.active[data-v-3ab20230] {
        width: .36rem;
        height: .36rem;
        border: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIISURBVHgB7Zg9T9tAGMf/z8UkINqmDB3KlKFShw7N3ImMHQpsHZkQKwwMLOCwZGCBmS8AGy8DI3wAhhtgQCARCQQDA28ClOAX7rkIMBGxeTnHHvhJ1p1l++6n585n30Nooli57IOVGQD8QXVaQDxIkDpu62U50VMNXqAHEfv0K7pzU0pkFG2FZmHVynKs5+xBqCGTXecqkkHCqpdYSuhTHZnEZKD7drQDqFg5LcDK7iMNOF5JoCM7hbSQoUEB309yqJ5CNCB41JAeCgIp40MoirYIjfzpwMJQpy6jsBAz5b9Z9P9qdPPzm8DOiYeNXbfl/bFGKChzT+8XCn0mNqHnZI4ufBUdD20XaiUzvFBTpQGh7xFhNiXDhE5qHu/5/53ozROOzlWji+GNvleGCY1Q34+MltFyeZbLKUkRm0yk0LFqMEgrKVMykULrey5Wt51QKZMyDBVnrvyom6ZVp/+aO1VzavPQNSrDvGilnlyr6zIoxZHqz5uVYV68DrFU8/CZlnmVUJiUKZlXCz0nZVKGedPXnqU2Dzx8ygGrWy4ua5HvRbxCzMqWgzhI5R9jFelBqn2Zt4y0QCxEWEJauBVlIcc/b4C8OSSN78/Jia5qY1JnHBucEkkMkrjutrmmhXSySOVnEomUigyuukrSpseEVZBi5UalZ1xbVX/HuO+vKpFlkL+kp0yAO4sq+otnSrZvAAAAAElFTkSuQmCC) no-repeat;
        background-size: contain
    }

    .common-modal .modal-content .modal-body .recharge-card-tips .modal-footer[data-v-3ab20230] {
        margin-top: .32rem
    }

    .common-modal .modal-content .modal-body .recharge-card-tips .modal-footer .modal-btn[data-v-3ab20230] {
        border-radius: 8px;
        min-width: 100%;
        height: .8rem;
        font-size: .32rem;
        font-style: normal;
        font-weight: 500
    }

    .common-modal .modal-content .modal-body .recharge-card-tips .modal-footer .modal-btn[data-v-3ab20230]:hover {
        opacity: 1
    }
}