.select-view { height: 60rpx; line-height: 60rpx; background: #005033; color: #FFF; text-align: center; font-size: 32rpx; position: fixed; width: 750rpx; z-index: 3; } .height-view { height: 60rpx; } .select-box { position: fixed; background: #FFF; top: -300rpx; width: 750rpx; height: 300rpx; font-size: 32rpx; z-index: 2; } .change-time{ display: flex; margin-top: 40rpx; } .section{ display: flex; padding-top: 40rpx; } .section view{ line-height: 60rpx; } .picker{ margin: 0 10rpx; border: 1px solid #ccc; padding: 0 20rpx; height: 60rpx; line-height: 60rpx; border-radius: 5rpx; } .select-title{ height: 140rpx; line-height: 140rpx; margin-left: 25rpx; } .search-btn-view{ display: flex; width: 400rpx; margin: 20rpx auto; } .search-btn-view view{ margin: 0 auto; } .search-btn{ height: 60rpx; line-height: 60rpx; width: 150rpx; border-radius: 10rpx; background: #005033; text-align: center; color: #FFF; } .reset-btn{ height: 60rpx; line-height: 60rpx; width: 150rpx; border-radius: 10rpx; background: #f1f1f1; text-align: center; color: #666; } .select-box-bg{ background: #333; opacity: 0; z-index: 1; height: 100%; width: 100%; top: 60rpx; position: fixed; }