.containerView.public { padding: 0 20rpx 240rpx; } .topHead { margin: 50rpx 0; } .topHead .name { font-size: 32rpx; font-weight: bold; } .topHead .address { margin-top: 10rpx; font-size: 26rpx; color: gray; } .myMap { width: 100%; height: 400rpx; } .personView { margin: 40rpx 0; } .personView .label { font-size: 32rpx; } .personView .item { display: flex; justify-content: flex-start; align-items: center; margin-top: 20rpx; } .personView .item .headImg { width: 80rpx; height: 80rpx; border-radius: 100rpx; } .personView .item .dataView { margin-left: 40rpx; } .personView .item .dataView .name { font-size: 28rpx; } .personView .item .dataView .phone { margin-top: 4rpx; font-size: 26rpx; color: #4e96f8; } .otherView { padding: 20rpx 0; /* border-bottom: 1px solid rgb(126, 126, 126, 0.2); */ } .otherView .title { font-size: 32rpx; } .otherView .content { margin-top: 10rpx; font-size: 26rpx; } .joinView { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .joinView .joinPersonView { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 20rpx; margin-bottom: 20rpx; } .joinView .joinPersonView .img { width: 80rpx; height: 80rpx; border-radius: 100rpx; } .joinView .joinPersonView .name { width: 100rpx; margin-top: 10rpx; font-size: 24rpx; color: #5e5e5e; text-align: center; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; } .submitBtn { box-sizing: border-box; position: absolute; width: 600rpx; left: 50%; bottom: 120rpx; transform: translateX(-50%); border-radius: 10rpx; padding: 20rpx; background: #4e96f8; color: white; font-size: 30rpx; text-align: center; } .loginBtn { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; } .br { height: 20rpx; }