.warp {
    width: 100%;
    height: 100%;
    background: #f0f3fd;
    overflow: hidden;
    position: relative;
}

.content {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
}

.content::-webkit-scrollbar {
    display: none;
}

.head {
    width: 100%;
    aspect-ratio: 1080/198;
    background: url('../img/index/head.png') no-repeat;
    background-size: 100% auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.head .btn {
    width: initial;
    height: 80%;
    aspect-ratio: 514/162;
    margin-top: 10px;
}

.main {
    width: 100%;
}

.foot {
    width: 100%;
    aspect-ratio: 1080/198;
    background: url('../img/index/foot.png') no-repeat;
    background-size: 100% auto;
}

.service {
    width: 100px;
    position: absolute;
    top: 70%;
    right: 0px;
}
@keyframes xing {
    0% {
        transform: scale(0.9);
    }
    25% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    75% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}
.my_xing {
    -webkit-animation-name: xing;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
}