/* 重置默认样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: diy_font;
    overflow-x: hidden; /* 隐藏页面滚动条 */
}

/* 轮播容器：全屏占满手机屏幕 */
.swiper-container {
    width: 100vw; /* 宽度100%屏幕 */
    height: 100%; /* 高度100%屏幕 */
    position: relative;
    margin-top: 60px;
}
/* 轮播项：继承容器尺寸 */
.swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000; /* 图片加载前背景色 */
}
.swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
/* 9:16比例图片样式 */
.slide-img {
    width: 100%;
    height: 100%;
    /* 核心：保持比例，裁剪超出部分，居中显示 */
    object-fit: cover;

    /* 可选：如果不想裁剪，用contain（会留黑边）*/
    /*object-fit: contain;*/

    object-position: center; /* 裁剪时保留图片中心区域 */
}
.swiper-pagination {
    bottom: 10vh !important;
}
/* 隐藏Swiper默认分页器/导航的多余样式（可选） */
.swiper-pagination-bullet {
    background: #5B1FFF;
    opacity: 0.8;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    width: 20px;
    border-radius: 10px;
}

.btn {
    width: 150px;
    height: 45px;
    border-radius: 25px;
    background: #5B1FFF;
    position: absolute;
    left:0;
    right:0;
    bottom: 14.5vh;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 45px;
    transition: transform 0.3s ease; /* 平滑过渡效果 */
}
.btn:hover {
    transform: scale(1.1);/*放大*/
}
.content {
    width: 100vw;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    background: url('../images/index_bg.jpg') center bottom;
    background-size: cover;
}
.content p {
    margin: 0 auto;
    font-size: 14px;
}
.content p:last-child {
    margin-top: 10px;
}