| | |
| | | flex-direction: column; |
| | | min-height: 100vh; |
| | | position: relative; |
| | | padding-top: 50upx; |
| | | padding-top: 50rpx; |
| | | } |
| | | /* #ifndef H5 */ |
| | | .page-container { |
| | | padding-top: var(--status-bar-height); |
| | | } |
| | | /* #endif */ |
| | | |
| | | .page-bg { |
| | | position: absolute; |
| | |
| | | flex-wrap: wrap; /* 确保子元素换行 */ |
| | | } |
| | | .cates-v{ |
| | | width: 25%; |
| | | width: 190rpx; |
| | | margin-bottom: 0upx; |
| | | margin-left: 30rpx; |
| | | } |
| | | .cates-v:nth-child(1) { |
| | | margin-left: 0; |
| | | } |
| | | .cates-v-icon{ |
| | | width: 90rpx; |
| | | height: 90rpx; |
| | | width: 140rpx; |
| | | height: 140rpx; |
| | | display: block; |
| | | margin: 40upx auto 20upx; |
| | | border-radius: 10upx; |
| | |
| | | margin: 30upx auto 30upx; |
| | | z-index: 99; |
| | | height: 90upx; |
| | | background-color: #e3b400; |
| | | background-color: #37AA25; |
| | | color: #ffffff; |
| | | letter-spacing: 10upx; |
| | | display: flex; |
| | |
| | | margin: 0 auto; |
| | | } |
| | | .hLogoView{ |
| | | /* display: flex; |
| | | align-items: center; */ |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .h-logo{ |
| | | width: 154rpx; |
| | | height: 52rpx; |
| | | width: 118rpx; |
| | | height: 38rpx; |
| | | } |
| | | .hLogo-1{ |
| | | margin: 0 30upx; |
| | | margin-bottom: 20rpx; |
| | | /* margin-bottom: 20rpx; */ |
| | | } |
| | | .hLogo-2{ |
| | | position: relative; |
| | |
| | | height: 50rpx; |
| | | line-height: 50rpx; |
| | | border-radius: 25rpx; |
| | | background-color: #4766FE; |
| | | background-color: #37AA25; |
| | | color: #ffffff; |
| | | } |
| | | .hLogo-2 .s-icon{ |
| | |
| | | |
| | | .ad2{ |
| | | width: 96%; |
| | | margin: 0upx auto 20upx; |
| | | height: 500rpx; |
| | | margin: 30upx auto 30upx; |
| | | height: 240rpx; |
| | | } |
| | | .ad2 image{ |
| | | width: 100%; |
| | |
| | | .d3-wrap { |
| | | width: 96%; |
| | | margin: 10upx auto 20upx; |
| | | height: 278rpx; |
| | | height: 216rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | gap: 20rpx; |
| | | } |
| | | .ad3{ |
| | | width: 50%; |
| | | height: 278rpx; |
| | | height: 216rpx; |
| | | } |
| | | .ad3 image{ |
| | | width: 100%; |
| | |
| | | } |
| | | .ad4 { |
| | | width: 50%; |
| | | height: 278rpx; |
| | | height: 216rpx; |
| | | } |
| | | |
| | | .ca-ad{ |
| | |
| | | text-align: center; |
| | | color: #ffffff; |
| | | line-height: 54rpx; |
| | | background: #4766FE; |
| | | background: #37AA25; |
| | | border-radius: 62rpx 62rpx 62rpx 62rpx; |
| | | } |
| | | .c-goods{ |