.worker_search { width: 100%; height: 110rpx; /* margin: -70rpx auto auto auto; */ position: relative; z-index: 1; padding: 16rpx 30rpx 0 30rpx; box-sizing: border-box; box-shadow: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.03); border-radius: 20rpx; background: #ffffff; } .worker_search_con { display: flex; justify-content: space-between; align-items: center; padding: 0 30rpx; border-radius: 80rpx; background: #F2F5F9; } .worker_search_con input { flex: auto; width: 100%; background: none; border: none; height: 78rpx; } .worker_search_con view { flex: none; width: 100rpx; display: inline-block; line-height: 60rpx; font-size: 26rpx; } .worker_search_con view text { margin-right: 10rpx; font-size: 30rpx; } .userInfo{ padding: 15rpx 30rpx; } .userInfo > view{ background: #fff; display: flex; justify-content: space-between; padding: 10rpx; margin-bottom: 20rpx; border-radius: 15rpx; } .userInfo > view > view:nth-child(1) { display: flex; flex-flow: column; width: 50%; } .userInfo > view > view:nth-child(1) >text:nth-child(1){ color: #333333; font-size: 32rpx; } .userInfo > view > view:nth-child(1) >text:nth-child(2){ color: #666666; font-size: 26rpx; } .userInfo > view > view:nth-child(1) >text{ padding: 15rpx; } .userInfo > view > view:nth-child(2){ padding: 15rpx 20rpx; display: flex; width: 50%; justify-content: space-around; align-items: center; } .userInfo > view > view:nth-child(2)>text:nth-child(1){ padding: 8rpx 42rpx; background: rgba(45, 89, 230, 0.15); border-radius: 48rpx; color: #2D59E6; } .userInfo > view > view:nth-child(2)>text:nth-child(2){ padding: 8rpx 42rpx; background: rgba(208, 2, 27, .2); border-radius: 48rpx; color: #CA3749; } .tabs{ display: flex; padding: 15rpx 30rpx; justify-content: space-around; background: #fff; } .tabs > view >text{ padding: 8rpx 28rpx; background: #fff; border-radius: 48rpx; color: #666666; display: block; } .text{ color: #999999; text-align: right; justify-content: flex-end !important; } .active{ background: rgba(45, 89, 230, 0.15) !important; color: #2D59E6 !important; }