H5_module/template/banner/banner.css

/* components/banner/banner.wxss */
.banner{margin-top: 24rpx;overflow: hidden;position: relative;}
.swiper,.swiper image{width: 100%;height: 300rpx;border-radius: 20rpx;}
.swiper1{width: 100%;height: 400rpx;}
.sat{padding-top: 1rpx;}
.dotse,.dots1{position: absolute;left: 0;right: 0;bottom: 11rpx;align-items: center;justify-content: center;}
.dot{background: #fff;width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}
.dot.active{width: 30rpx;}
.dot1{background: var(--mina);width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}
.dot1.active{width: 30rpx;}
.nav{flex-wrap: wrap;margin-top: 30rpx;position: relative;}
.nav .li{width: 25%;text-align: center;font-size: 28rpx;margin-bottom: 35rpx;color: var(--mina);/* height: 41%; */}
.nav .li image{width: 80rpx;height: 80rpx;margin: 0 auto 10rpx;}
.grid{flex-wrap: wrap;}

.notice{background: #fff;color: #f00;font-size: 28rpx;margin: 20rpx;border-radius: 10rpx;padding: 20rpx;}
.gy-nav{padding: 20rpx 0 30rpx;flex-wrap: wrap;}
.gy-nav .li{width: 350rpx;height: 175rpx;margin-right: 10rpx;margin-bottom: 10rpx;}
.gy-nav .li:nth-child(2n){margin-right: 0;}
.gy-nav .li image{display: block;width: 100%;height: 100%;}