.container { padding: 0rpx 24rpx; } .hotline-rate { display: flex; flex-wrap: wrap; border-bottom: 2px solid #FFFFFF; padding: 0rpx 0; } .name{ display: flex; } .ranking{ font-size:16px; margin-right: 10px; font-weight:bold; } .leader-name{ font-size:16px; font-weight:bold; margin-bottom: 10px; } .num{ width:100%; display: flex; height:56px; } .child{ flex:1; height:56px; text-align:center; } .lab{ font-size:12px; height:20px; color:#999999; line-height:20px; } .val{ height:36px; line-height:36px; font-size:18px; } .screen { display: flex; justify-content: space-between; background: #fff; padding: 0rpx 0rpx 40rpx 0rpx ; } .picker { width: 236rpx; margin-right: 10rpx; height: 56rpx; background: rgba(58, 128, 231, 0.16); border: 1px solid #3A80E7; border-radius: 28rpx; font-size: 30rpx; font-weight: 500; color: #3A80E7; line-height: 56rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 20rpx; box-sizing: border-box; white-space: nowrap; } .picker-type image, .picker image { width: 28rpx; height: 28rpx; } .picker-type text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 24rpx); } .picker-type { display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx; margin-right: 10rpx; box-sizing: border-box; width: 180rpx; height: 56rpx; background: rgba(193, 193, 193, 0.16); border: 1px solid #DBDBDB; border-radius: 28rpx; font-size: 30rpx; font-weight: 500; color: #C1C1C1; line-height: 56rpx; text-align: center; } .btn { width: 120rpx; height: 56rpx; line-height: 56rpx; background: #3A80E7; border-radius: 28rpx; font-size: 28rpx; font-weight: 500; color: #FFFFFF; text-align: center; } .showall{ text-align: center; background:#f7f7f7; margin:10px 0 10px 0; height:40px; line-height:40px; color:blue; }