.search.data-v-c880309c { width: 640rpx; margin: 30rpx auto 0; position: relative; } .search input.data-v-c880309c { background-color: #f7f7f7; padding: 10rpx 74rpx; font-size: 28rpx; border-radius: 50rpx; } .search .voice-icon.data-v-c880309c { width: 36rpx; height: 36rpx; padding: 16rpx 20rpx 16rpx 0; position: absolute; left: 16rpx; top: 4rpx; z-index: 10; } .search .search-icon.data-v-c880309c { width: 36rpx; height: 36rpx; padding: 16rpx 20rpx 16rpx 0; position: absolute; right: 0; top: -2rpx; z-index: 10; } .s-block.data-v-c880309c { margin-top: 30rpx; } .s-block .header.data-v-c880309c { font-size: 32rpx; padding: 30rpx; position: relative; } .s-block .header image.data-v-c880309c { width: 36rpx; height: 36rpx; padding: 10rpx; position: absolute; right: 40rpx; top: 24rpx; } .s-block .list.data-v-c880309c { display: flex; flex-wrap: wrap; } .s-block .list view.data-v-c880309c { width: 50%; color: #8a8a8a; font-size: 28rpx; box-sizing: border-box; text-align: center; padding: 20rpx 0; border-top: 2rpx solid #fff; border-left: 2rpx solid #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #f7f7f7; } .s-circle.data-v-c880309c { margin-top: 30rpx; } .s-circle .header.data-v-c880309c { font-size: 32rpx; padding: 30rpx; border-bottom: 2rpx solid #f9f9f9; position: relative; } .s-circle .header image.data-v-c880309c { width: 36rpx; height: 36rpx; padding: 10rpx; position: absolute; right: 40rpx; top: 24rpx; } .s-circle .list.data-v-c880309c { display: flex; flex-wrap: wrap; padding: 0 30rpx 20rpx; } .s-circle .list view.data-v-c880309c { padding: 8rpx 30rpx; margin: 20rpx 30rpx 0 0; font-size: 28rpx; color: #8a8a8a; background-color: #f7f7f7; box-sizing: border-box; text-align: center; border-radius: 20rpx; } .wanted-block.data-v-c880309c { margin-top: 30rpx; } .wanted-block .header.data-v-c880309c { font-size: 32rpx; padding: 30rpx; } .wanted-block .list.data-v-c880309c { display: flex; flex-wrap: wrap; } .wanted-block .list view.data-v-c880309c { width: 50%; color: #8a8a8a; font-size: 28rpx; box-sizing: border-box; text-align: center; padding: 20rpx 0; border-top: 2rpx solid #fff; border-left: 2rpx solid #fff; background-color: #f7f7f7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .wanted-circle.data-v-c880309c { margin-top: 30rpx; } .wanted-circle .header.data-v-c880309c { font-size: 32rpx; padding: 30rpx; } .wanted-circle .list.data-v-c880309c { display: flex; flex-wrap: wrap; padding: 0 30rpx 20rpx; } .wanted-circle .list view.data-v-c880309c { padding: 8rpx 30rpx; margin: 20rpx 30rpx 0 0; font-size: 28rpx; color: #8a8a8a; background-color: #f7f7f7; box-sizing: border-box; text-align: center; border-radius: 20rpx; }