.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;height: 41%;}
.nav .li button{font-size: 28rpx !important;color: #333 !important;}
.nav .li image{width: 97rpx;height: 97rpx;margin: 0 auto 10rpx;}
.grid{flex-wrap: wrap;}


.cont{flex-wrap: wrap;font-size: 26rpx;}
.cont .li{align-items: center;margin-right: 20rpx; color: #fff;margin-top: 5rpx;}
.cont image{width: 30rpx;height: 30rpx;}
.ss{padding-bottom:20rpx ;}
.li3{width: 33% !important;text-align: center;font-size: 28rpx;margin-bottom: 30rpx;}
.li3 button{font-size: 28rpx !important;color: #333 !important;}
.li5{width: 20% !important;text-align: center;font-size: 28rpx;margin-bottom: 30rpx;}
.li5 button{font-size: 28rpx !important;color: #333 !important;}
.nav .li3 image{width: 140rpx;height: 140rpx;margin: 0 auto 10rpx;}
.nav .li5 image{width: 75rpx;height: 75rpx;margin: 0 auto 10rpx;}
.swiper2{width: 100%;height: 240rpx;}/*一行三个*/
.swiper3{width: 100%;height: 432rpx;}/*两行三个*/
.swiper4{width: 100%;height: 200rpx;}/*一行四个*/
.swiper5{width: 100%;height: 160rpx;}/*一行五个*/