.cadpa-img[data-v-5d791404] {
    cursor: pointer
}

.detail-wrapper[data-v-5d791404] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 998;
    display: flex;
    align-items: center;
    justify-content: center
}

.age-tips-wrapper[data-v-5d791404] {
    box-sizing: border-box;
    position: absolute;
    width: 50%;
    height: 65%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #119fd5;
    color: #e8e7e7;
    font-size: 22px;
    padding: 20px 50px;
    border: 1px solid #f7f2f2;
    overflow: auto
}

.age-tips-wrapper .tips-close[data-v-5d791404] {
    width: 62px;
    height: 62px;
    stroke-width: 3;
    stroke: #fff;
    stroke-miterlimit: 10;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.age-tips-wrapper > p[data-v-5d791404]:first-of-type {
    text-align: center;
    font-size: 32px;
    padding: 20px 0;
    border-bottom: 1px solid #f7f2f2;
    margin-bottom: 15px
}

@media screen and (max-width: 428px) {
    .age-tips-wrapper[data-v-5d791404] {
        box-sizing: border-box;
        position: absolute;
        width: 90%;
        height: 65%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #119fd5;
        color: #e8e7e7;
        font-size: .24rem;
        padding: .1rem 0px;
        border: 1px solid #f7f2f2;
        overflow: unset
    }

    .age-tips-wrapper .tips-close[data-v-5d791404] {
        width: 2.6rem;
        height: 2.6rem;
        stroke-width: 3;
        stroke: #fff;
        stroke-miterlimit: 10;
        position: absolute;
        right: .1rem;
        top: .1rem;
        cursor: pointer
    }

    .age-tips-wrapper > p[data-v-5d791404]:first-of-type {
        text-align: center;
        font-size: .4rem;
        padding: .3rem .6rem;
        width: 70%;
        margin: 0 auto;
        border-bottom: 1px solid #f7f2f2;
        margin-bottom: .2rem
    }

    .age-tips-wrapper > div[data-v-5d791404] {
        margin: 0 auto;
        width: 90%;
        height: 82%;
        overflow: auto
    }

    .age-tips-wrapper > div > div[data-v-5d791404] {
        overflow: visible;
        width: 88%;
        margin: 0 auto
    }
}

.pns-footer-inner[data-v-c81e15fa] {
    width: 100vw;
    height: 0.78rem;
    background-color: #119fd5;
    display: flex;
    justify-content: center;
    align-items: center
}

.pns-footer-inner .footer-left[data-v-c81e15fa] {
    height: 0.78rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-right: 1px solid #545353
}

.pns-footer-inner .footer-right[data-v-c81e15fa] {
    height: 0.78rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: .47rem;
    font-family: SourceHanSans-ExtraLight;
    font-size: .15rem;
    line-height: .24rem;
    color: rgba(255, 255, 255, .6)
}

.pns-footer-inner .footer-right span[data-v-c81e15fa] {
    display: flex;
    align-items: center
}

.pns-footer-inner .footer-right span .version-text[data-v-c81e15fa] {
    margin-left: .1rem
}

.pns-footer-inner .footer-right a[data-v-c81e15fa] {
    color: #fff;
    text-decoration: underline
}

.pns-footer-inner .kuro-img[data-v-c81e15fa] {
    max-height: .69rem;
    margin-right: .53rem
}

.pns-footer-inner[data-v-c81e15fa] .cadpa-img {
    width: .86rem;
    height: 1.1rem;
    margin-right: .46rem
}

.pns-footer-inner .na-img[data-v-c81e15fa] {
    width: .23rem;
    height: .23rem;
    margin-right: px2vw(5)
}

.pns-footer-inner .warning-text[data-v-c81e15fa] {
    color: rgba(255, 204, 131, .6)
}

.pns-footer-mobile-inner[data-v-c81e15fa] {
    width: 100%;
    background-color: #119fd5;
    display: none;
    flex-direction: column
}

.pns-footer-mobile-inner .official-row[data-v-c81e15fa] {
    width: 100%;
    height: 1.6rem;
    border-width: 1px 0;
    border-style: solid;
    border-color: #4d4d4d;
    display: flex;
    justify-content: space-between;
    align-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 .9rem;
    box-sizing: border-box;
    flex: 0 0 auto;
    font-size: 0
}

.pns-footer-mobile-inner .official-row img[data-v-c81e15fa] {
    width: 1.6rem;
    height: .44rem
}

.pns-footer-mobile-inner .footer-content[data-v-c81e15fa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: .3rem .35rem;
    font-size: .18rem;
    color: rgba(255, 255, 255, .7)
}

.pns-footer-mobile-inner .footer-content .version-tips .version-text[data-v-c81e15fa] {
    margin-left: .1rem
}

.pns-footer-mobile-inner .footer-content span[data-v-c81e15fa] {
    text-align: center
}

.pns-footer-mobile-inner .footer-content a[data-v-c81e15fa] {
    color: rgba(255, 255, 255, .6);
    text-decoration: underline
}

.pns-footer-mobile-inner .footer-content .warning-text[data-v-c81e15fa] {
    color: rgba(255, 204, 131, .7)
}

.pns-footer-mobile-inner .footer-content .na-img[data-v-c81e15fa] {
    display: inline-block;
    width: .23rem;
    height: .23rem;
    position: relative;
    top: .04rem;
    margin-right: .05rem
}

.pns-footer-mobile-inner .footer-content .kuro-img[data-v-c81e15fa] {
    height: .89rem;
    margin-top: .28rem
}

@media screen and (max-width: 458px) {
    .pns-footer-inner[data-v-c81e15fa] {
        display: none
    }

    .pns-footer-mobile-inner[data-v-c81e15fa] {
        display: flex
    }
}