@import "../../tabBar.wxss"; .topHead { display: flex; justify-content: center; align-items: center; position: relative; margin: 110rpx 22rpx 50rpx; } .topHead .scanImg { width: 42rpx; height: 42rpx; position: absolute; left: 10rpx; top: 50%; transform: translateY(-50%); } .topHead .title{ font-size: 30rpx; } .topList { display: none; width: 100%; height: 70rpx; line-height: 70rpx; background: white; padding: 0 20rpx; position: fixed; top: 0; left: 0; z-index: 9999999; } .page { width: 100%; height: 100%; box-sizing: border-box; color: black; overflow: auto; background-color: #FFFFFF; padding-top: 20rpx; } .activityList { background: white; margin-bottom: 20rpx; /* border-radius: 24rpx; */ overflow: hidden; border-bottom: 1rpx solid #EEEEEE; } .detailbox { padding: 16rpx 26rpx; line-height: 40rpx; position: relative; } .itemTitleView { border-left: 8rpx solid #2A6FFF; display: flex; justify-content: space-between; align-items: center; margin: 40rpx 50rpx 0; } .itemTitleView .title { margin-left: 10rpx; font-size: 28rpx; font-weight: bold; color: #141414; } .fixed { background: white; padding: 0 30rpx 240rpx 30rpx; display: flex; flex-wrap: wrap; /* border-radius: 20rpx; */ margin-bottom: 40rpx; } .fixedbox { width: 25%; text-align: center; margin-top: 40rpx; } .bot { border-bottom: 3rpx solid #f4f4f4; margin-bottom: 40rpx; } .newbox { background: white; padding: 10rpx 30rpx; margin-top: 20rpx; } .btn { position: absolute; top: 10%; right: 30rpx; color: white; background: #ffa200; padding: 0 40rpx; height: 62rpx; border-radius: 31rpx; text-align: center; line-height: 62rpx; } .gray { filter: grayscale(98%); filter: gray; } .loopView { position: relative; } .swiper-box { box-sizing: border-box; border-radius: 14rpx; height: 358rpx; margin: 0 22rpx; overflow: hidden; } .logoImg { position: absolute; left: 50rpx; top: 30rpx; width: 163rpx; height: 42rpx; z-index: 999; } .swiper-box .img { width: 100%; height: 100%; } /* 轮播小点点 */ .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { margin-left: 36%; } .swiper-box .wx-swiper-dot { width: 20rpx; display: inline-flex; height: 5rpx; margin-left: 10rpx; justify-content: space-between; } .swiper-box .wx-swiper-dot::before { content: ''; flex-grow: 1; background: rgba(255, 255, 255, 0.8); border-radius: 0rpx } .swiper-box .wx-swiper-dot-active::before { background: #ff3333; } .swiper-box .wx-swiper-dot-active { width: 40rpx; } /* 外层组件的宽度可设置成100%或具体数值 */ .adContainer { width: 100%; } .menuImg { width: 132rpx; height: 134rpx; margin-left: 15rpx; } .menuTitle { font-size: 24rpx; color: #646466; }