.piano-list { width: 750; } page{ background: #f1f1f1; } .piano-box { padding: 20rpx 0; display: flex; justify-content: space-between; border-bottom: 20rpx solid #f1f1f1; } .piano-detail view { height: 60rpx; line-height: 60rpx; width: 470rpx; margin-left: 25rpx; } .piano-time { font-weight: 600; } .piano-date { height: 60rpx; line-height: 60rpx; font-size: 26rpx; color: #666; margin-right: 25rpx; } .loading { height: 200rpx; line-height: 100rpx; background: #f1f1f1; color: #999; text-align: center; } .select-view { height: 60rpx; line-height: 60rpx; background: #cc6031; color: #FFF; text-align: center; font-size: 36rpx; position: fixed; width: 750rpx; z-index: 3; } .height-view { height: 60rpx; } .select-box { position: fixed; background: #FFF; top: -240rpx; 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: #cc6031; 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; } .getPiano{ height: 48rpx; line-height: 48rpx; background: #cc6031; color: #FFF; text-align: center; padding: 15rpx; position: fixed; bottom: 20rpx; width: 300rpx; left: 50%; margin-left: -150rpx; border-radius: 100rpx; }