#loading {
    position: fixed;
    top: 40%;
    left: 45vw;
    /* transform: translate(-10vw, -10vw); */
    /* 将loading动画居中 */
    width: 10vw;
    /* 设置loading动画的宽度和高度 */
    height: 10vw;
    border-radius: 50%;
    /* 将loading动画设置为圆形 */
    border: 4px solid #f3f3f3;
    /* 设置loading动画的边框 */
    border-top: 4px solid #3498db;
    /* 设置loading动画的顶部边框 */
    animation: spin 2s linear infinite;
    /* 添加旋转动画 */
    z-index: 2021;
    background-color: unset;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


#loadingbox{
    position: fixed;
    z-index: 2005;
    height: 100vh;
    width: 100vw;
    height: 100dvh; /* 动态Viewport高度 */
    background: rgba(0, 0, 0, 0.2);
    top: 0;
}

#loading img {
    width: 20vw;
    height: 20vw;
}

.home_index {
    height: 100vh;
    width: 100vw;
    height: 100dvh; /* 动态Viewport高度 */
    overflow: hidden;
    background-color: #FFEEBF;
}

.bg {
    background: url(../img_home/bg.jpg) no-repeat 100% / 100%;
    top: calc(0px + env(safe-area-inset-top));
}