page { background: #fff; } .searchbar { height: 80rpx; padding: 10rpx 30rpx; background: #fff; line-height: 80rpx; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); } .addbtn { text-align: right; width: 80rpx; } .userbtn { text-align: left; width: 130rpx; } .inputv { background: #f2f2f2; border-radius: 40rpx; } .inputv view:nth-child(1) { width: 80rpx; position: relative; } .inputv view:nth-child(1) image { width: 30rpx; height: 30rpx; position: absolute; top: 50%; margin-top: -15rpx; left: 30rpx; } .inputv view:nth-child(2) { flex: 1; } .inputv input { width: 100%; height: 100%; } .inputv view:nth-child(3) { width: 80rpx; position: relative; } .inputv view:nth-child(3) image { width: 30rpx; height: 30rpx; position: absolute; top: 50%; margin-top: -15rpx; right: 30rpx; } .total { padding: 40rpx 0; background: #f8f8f8; } .total view { flex: 1; text-align: center; } .nums { font-size: 40rpx; line-height: 80rpx; } .users { background: #fff; position: fixed; left: 0; right: 0; top: 110rpx; bottom: 150rpx; } .usercontent { padding: 30rpx 80rpx 30rpx 30rpx; } .row1 { overflow: hidden; } .row2 { overflow: hidden; margin-top: 30rpx; } .row1 text:nth-child(1) { float: left; font-size: 32rpx; font-weight: 600; } .row1 text:nth-child(2) { float: right; } .row2 text:nth-child(1) { float: left; color: #666; } .row2 text:nth-child(2) { float: right; color: #666; } .usertitle { background: #f8f8f8; height: 50rpx; line-height: 50rpx; padding: 0 30rpx; font-weight: 600; } .foot { position: fixed; bottom: 0; left: 30rpx; right: 30rpx; height: 150rpx; text-align: center; } .bluebtn { width: 50%; height: 100rpx; background-image: linear-gradient(-129deg, #31bbff 0%, #309aff 100%); color: #fff; text-align: center; line-height: 100rpx; border-radius: 50rpx; margin: auto; margin-top: 25rpx; } .empty { height: 150rpx; } .zms { position: fixed; right: 0; width: 60rpx; text-align: center; top: 300rpx; bottom: 300rpx; display: flex; flex-direction: column; } .zm { height: 50rpx; line-height: 50rpx; } .zms view { font-size: 22rpx; color: #666; }