.bg { width: 100%; height: 100vh; position: fixed; z-index: 0; image { width: 100%; height: 100vh; } } .listBox{ position: relative; z-index: 1; } .content { width: 100%; } /* banner */ .banner{ height: 360rpx; margin: 20rpx; .screen-swiper{ height: 100%; image{ height: 360rpx; border-radius: 20rpx; } } } /* 菜单导航 */ .menu-nav{ margin:20rpx; .nav{ display: flex; justify-content: space-between; align-items: center; text-align: center; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0.6); border-radius: 20rpx; .list{ display: flex; flex-direction: column; justify-content: center; width: 24%; float:left; height: 250rpx; image{ height: 80rpx; } .text{ font-size: 28rpx; margin-top: 35rpx; } } } } .xw{ background-color: rgba(255, 255, 255, 1); margin:20rpx; z-index: 10000000; padding: 10rpx; border-radius: 20rpx; .title{ height: 50rpx; display: flex; justify-content: space-between; align-items: center; span{ color: #ababab; font-size: 15rpx; } .box1{ display: flex; align-items: center; image{ height: 50rpx; width: 20rpx; margin-right: 20rpx; } span{ font-weight: 600; font-size: 30rpx; color: black; } } } .content{ padding: 20rpx; display: flex; .box_item{ padding: 20rpx; border-radius: 20rpx; height: 200rpx; width: 25%; text-align: center; .text{ font-size: 20rpx; font-weight: 600; } } } }