.box{ width: 100%; height: 100%; border-top: 2rpx solid #cccccc; } .box .top{ width: 100%; display: flex; align-items: center; justify-content: space-around; padding-top: 30rpx; } .box .top input{ width: 200rpx; height: 60rpx; border: 2rpx solid #cccccc; box-sizing: border-box; font-size: 26rpx; padding-left: 14rpx; border-radius: 10rpx; } .box .top view{ width: 120rpx; height: 60rpx; background: #409EFF; color: white; font-size: 28rpx; display: flex; align-items: center; justify-content: center; border-radius: 10rpx; } .content{ width: 95%; display: flex; flex-direction: column; align-items: center; margin: 0 auto; } .content .item{ width: 100%; display: flex; align-items: center; justify-content: space-around; padding: 20rpx 0rpx; border: 2rpx solid #cccccc; margin-top: 20rpx; border-radius: 10rpx; } .content .item .left{ display: flex; flex-direction: column; width: 70%; } .content .item .left .top1{ display: flex; align-items: center; } .content .item .left .top1 text{ padding-left: 20rpx; font-size: 26rpx; } .content .item .left .bottom{ display: flex; align-items: center; font-size: 26rpx; padding-top: 10rpx; } .content .item image{ width: 80rpx; height: 80rpx; border-radius: 50%; } .content .item .right view{ height: 70rpx; font-size: 26rpx; background: #43E0B8; color: white; padding: 0rpx 15rpx; border-radius: 10rpx; display: flex; align-items: center; justify-content: center; } .background{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #333333; opacity: .5; z-index: 88; } .model{ width: 400rpx; height: 350rpx; background: white; z-index: 99; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 20rpx; } .model input{ font-size: 28rpx; width: 90%; height: 70rpx; padding-left: 20rpx; border: 2rpx solid #cccccc; } .model .model_bottom{ width: 100%; display: flex; align-items: center; border-top: 2rpx solid #cccccc; } .model .model_bottom view{ width: 50%; height: 70rpx; display: flex; align-items: center; justify-content: center; font-size: 26rpx; } .none{ color: #43E0B8; font-size: 28rpx; margin-top: 200rpx; }