.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; min-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; } .type-view{ display: flex; } .change-type{ display: flex; line-height: 140rpx; margin-left: 20rpx; } /* .change-type view{ height: 70rpx; margin-top: 35rpx; line-height: 70rpx; padding: 0 20rpx; margin-left: 20rpx; } */ .curType{ color: #FFF; background: #005033; border-color: #005033; } .toDown{ width: 32rpx; height: 32rpx; margin-left: 30rpx; margin-top: 4rpx; } .toDown image{ width: 100%; height: 100%; } .change-view{ display: flex; border: none; line-height: 140rpx; font-size: 34rpx; } .toDownImg{ width: 32rpx; height: 32rpx; position: absolute; top: 17rpx; margin-left: 20rpx; }