.bg { width: 100%; height: 100vh; position: fixed; z-index: 0; image { width: 100%; height: 100vh; } } .back { width: 44px; height: 44px; line-height: 44px; /* #ifdef MP-WEIXIN */ height: 88px; line-height: 88px; padding-top:0; /* #endif */ padding-top:var(--status-bar-height); left: 25rpx; position: absolute; z-index: 9999; image { width: 24rpx; height: 24rpx; } } .listBox{ position: relative; z-index: 1; } .content { width: 100%; padding-bottom: 180rpx; } /* 搜索 */ .search-index{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 25rpx; .search{ width: 100%; display: flex; align-items: center; padding: 0 30rpx; height: 90rpx; background-color: #ffffff; border-radius: 20rpx; .shu { font-size: 20rpx; color: #D8D8D8; margin: 0 20rpx 6rpx 20rpx; } .iconfont{ image { width: 30rpx; height: 30rpx; margin-top: 4rpx; } } input{ width: 90%; height: 100%; color: #212121; font-size: 24rpx; } } } /* 分类数据 */ .classify-data{ display: flex; background-color: #FFFFFF; margin: 25rpx; border-radius: 20rpx; height: 100%; .classify-one{ width: 25%; height: 100%; .classify-list{ width: 100%; height: 100%; .list{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100rpx; text{ display: flex; align-items: center; justify-content: center; width: 100%; color: #838383; font-size: 26rpx; box-sizing: border-box; } } .action{ text{ font-size: 28rpx; color: #547DFF; border-bottom: 4rpx solid #547DFF; box-sizing: border-box; width: auto; padding-bottom: 5rpx; } } } } .classify-two-three{ width: 75%; height: 100%; .scroll{ width: 100%; height: 100%; .goods-list{ width: 100%; margin: 30rpx 0; .goods{ display: flex; width: 100%; .thumb{ width: 35%; image{ width: 180rpx; height: 180rpx; border-radius: 20rpx; } } .item{ width: 58%; margin-left: 3%; .goods-name{ font-size: 26rpx; color:#939393; .goods-name-title { font-size: 30rpx; font-weight: bold; margin-bottom: 5rpx; color: #3d3d3d; } } .status-btn{ margin-top: 5rpx; display: flex; justify-content: flex-end; .btn{ padding: 12rpx 50rpx; border-radius: 100rpx; background-color: #547DFF; display: inline-block; text{ font-size: 28rpx; color: #fff; } } } } } } } } }