.all-date{ overflow: hidden; height: 100vh; position: fixed; left: 0; right:0; top:80rpx; z-index: 5; background-color: rgba(0,0,0,.7); } .staff-header{ background-color: #fff; box-shadow:inset 0px 0px 5px #ccc; padding-top: 28rpx; margin-top: 0rpx; transform: translateY(-100%); } .staff-btn view{ text-align: center; padding: 20rpx 0; } .staff-btn view:nth-child(1){ background-color: #f1f1f1; } .staff-btn view:nth-child(2){ background-color: #26a2ff; color: #fff; } .staff-ul{ width: 100%; background-color: #fff; height: 700rpx; box-sizing: border-box; margin-top: 28rpx; border-top: 1px solid #f1f1f1; } .userItem{ padding:10rpx 32rpx; border-bottom: 1px solid #f1f1f1; } .staff-ul .userItem .xia{ color: #26A2FF !important; } .shu{ padding: 14rpx 24rpx; background: #fff; font-size: 28rpx; color: #26A2FF; border-bottom: 1px solid #f1f1f1; } .shu view:last-child{ color: #ccc; } .search{ background-color: #f1f1f1; border-radius: 10rpx; margin: 0 32rpx; padding:8rpx 10rpx; } .search input{ background-color: #f1f1f1; } .search image{ width: 30rpx; height: 30rpx; margin-left: 10rpx; } .selectUsers{ padding: 10rpx; border-top: 1px solid #f1f1f1; overflow-y:auto; width: 100%; }