.app { height: 100vh; background-color: #F7F5F5; .contentbottom { width: 95%; height: 446rpx; background: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 5rpx; margin: 0 auto; transform: translateY(-16%); .item { display: flex; .signmyself { display: inline-block; width: 48%; padding: 30rpx 10rpx 0 20rpx; image { width: 100%; height: 278rpx; } } .sign { display: inline-block; padding: 30rpx 0 0 0; width: 48%; image { display: block; width: 100%; height: 132rpx; margin-bottom: 15rpx; } } } .health { padding: 30rpx 30rpx 0 30rpx; font-size: 28rpx; font-weight: 400; color: #333333; line-height: 38rpx; } } .contentcenter { width: 96%; height: 446rpx; background: #FFFFFF; box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); border-radius: 5rpx; margin: 0 auto; transform: translateY(-20%); display: flex; flex-wrap: wrap; justify-content: space-around; padding: 38rpx 2% 8rpx 88rpx; .home { width: 32%; .name{ margin: 10rpx 0 0 0; } image { width: 102rpx; height: 102rpx; } } } .content { position: relative; image { width: 100%; height: 562rpx; } .loginmount { position: absolute; top: 12%; left: 7%; font-size: 28rpx; font-weight: 400; color: #717070; image { vertical-align: middle; width: 25rpx; height: 30rpx; } text{ margin-left: 10rpx; display: inline-block; } } .address { position: absolute; top: 76%; left: 7%; // padding: 80rpx 0 0 50rpx; image { width: 25rpx; height: 30rpx; // vertical-align: middle; } text { font-size: 28rpx; color: #595959; padding-left: 15rpx; /* background: red; */ margin-top: -6rpx; width: 184rpx; position: absolute; } } } }