page{ background: #fff; color: #555; } .vi_bg{ background: #fff; padding: 30rpx 0; } .vi_search{ width: 600rpx; height: 60rpx; line-height: 60rpx; background: #eee; border-radius: 30rpx; margin-left: 8%; } .vi_search image{ width: 40rpx; height: 40rpx; margin: 10rpx 30rpx; } .item-avatar-xs text{ font-size: 30rpx; } .item-avatar-xs input{ position: relative; margin-top: -10rpx; } .vi_search input{ position: absolute; width: 420rpx; height: 60rpx; line-height: 60rpx; color: #555; font-size:35rpx; background: none; } .item-avatar-xs-a{ padding: 30rpx 30rpx; border-bottom: 1rpx solid #eee; cursor: pointer; background: #fff; position:relative; } .left{ position: absolute; margin-left: 600rpx; margin-top: -40rpx; } .item-avatar-xs2{ display: flex; padding: 20rpx 100rpx; border-bottom: 1rpx solid #eee; cursor: pointer; position:relative; } .item-avatar-xs-a image{ width: 32rpx; height: 32rpx; margin-left: 380rpx; margin-top: 10rpx; } .flex_start{ width: 400rpx; } .flex_start icon{ position: absolute; margin-top: -5rpx; } .flex_start text{ font-size: 34rpx; margin-left: 70rpx; } checkbox{ -webkit-appearance: none; border-radius: 50%; width: 40rpx; height: 40rpx; border:1px solid #ccc; background: #fff; } .depaertment{ width: 90%; height: auto; margin-top: -10rpx; float: right; } .item-avatar-xs3{ width: 100%; margin-top: 0.4rem; } .item-avatar-xs4{ width: 100%; height: 60rpx; line-height: 60rpx; } .li { padding-left: 100rpx; display: flex; font-size: 34rpx; width: 87%; height: 100rpx; margin-top: 20rpx; } .checkbox-text{ width: 160rpx; line-height: 50rpx; margin-left: 20rpx; } .vi_btm{ width: 89.5%; position: fixed; background: #fff; padding: 40rpx 40rpx; bottom: 0rpx; border: 1rpx solid #eee; } .vi_btm text{ line-height: 40rpx; font-size: 30rpx; } .vi_btm button{ background: #156EF3; color: #fff; margin-left: 360rpx; position: absolute; margin-top: -10rpx; } .ex_btn{ margin-top: 40rpx; margin-bottom: 40rpx; } .del{ width: 40rpx; float: left; margin-top: 5rpx; } .required{ color: red; }