img{
    width: 100%;
}
#wrap {
    background-image: url(../img/img_bg.png);
    background-attachment: local;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    max-width: 28.75rem;
    text-align: center;
    margin-top: -1rem;
    padding-bottom: 1rem;
}

#wrap .logo img {
    width: auto;
    height: 2.75rem;
}

#wrap .row .col-4 {
    margin: 1.3rem 0;
}

#wrap .text {
    margin-top: 20.275rem;
}

.backmsg {
    width: auto;
    height: 3.75rem;
}

#wrap .btn {
    margin: 2rem 0;
}

#wrap .btn img {
    width: 12.25rem;
}

.zhilan span{
    color: #0393ff;
    border-bottom: 1px solid;
    padding: 5px 0;
    font-size: .9rem;
}

.zhilan span img {
    width: 1.5rem;
}

.zhilan {
    margin-bottom: 2rem;
}

@media screen and (max-width:350px) {
    #wrap .text {
        margin-top: 80vw;
    }
}

@media (min-width:351px) and (max-width:380px) {
    #wrap .text {
        margin-top: 82vw;
    }
}

@media (min-width:381px) and (max-width:460px) {
    #wrap .text {
        margin-top: 85vw;
    }
}

@media screen and (min-width:460px) {
    #wrap .text {
        margin-top: 25rem;
    }
}