.myswiper .swiper-slide {
    position: relative;
}

.myswiper .swiper-slide p {
    z-index: 9999;
    color: #fff;
    margin-top: 10px;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.myswiper .swiper-slide .mySwiper-text {
    position: absolute;
    font-size: 18px;
    top: 20px;
    left: 10px;
    z-index: 9999;
    color: #fff;
}

.myswiper .swiper-slide a.toPath {
    display: block;
    width: 100%;
    height: 100%;
}
.myswiper .swiper-slide h2 {
    z-index: 9999;
    color: #222222;
    font-size: 24px;
}

.darkModel .myswiper .swiper-slide h2 {
    z-index: 9999;
    color: #c9d1d9;
    font-size: 24px;
}

.myswiper .swiper-slide img {
    filter: brightness(0.7); /* 图片变暗 ,字体看得清 */
}
.myswiper.swiper-container-vertical .swiper-pagination-bullet-active {
    height: 30px;
    border-radius: 10px;
    transition: all 0.3s;
}

/* 暗黑模式样式在  .darkModel { }  类下 */
/* 例如 
    .darkModel .aaa {
        color: #c9d1d9;
    }
} */