.page{ width: 100%; height: 100vh; position: relative; overflow: scroll; margin: 0 auto; // margin-top: 50rpx; background-color: #f3f3f3; border-radius: 20rpx; } .head{ width: 96%; display: flex; // align-items: center; padding: 10rpx; margin: 0 auto; margin-top: 50rpx; justify-content: space-between; background-color: white; border-radius: 20rpx; .head_img{ image{ width: 350rpx; border-radius: 20rpx; } } .info{ width: 400rpx; // flex: 1; // align-items: center; display: flex; justify-content: center; align-content: space-around; .top{ display: flex; // align-items: center; flex-direction: column; // justify-content: center; align-content: space-between; } } } .item{ display: flex; // justify-content: space-around; justify-content: flex-start; margin-left: 40rpx; font-size: 30rpx; width: 380rpx; // width: ; .left{ // align-self: flex-start; // text-align: left; } .right{ font-weight: bold; } } .phone{ display: flex; justify-content: space-between; width: 96%; background-color: white; border-radius: 20rpx; margin: 0 auto; margin-top: 30rpx; padding: 20rpx; .p_lef{ font-weight: bold; } .p_right{ } } .content{ width: 96%; background-color: white; border-radius: 20rpx; margin: 0 auto; margin-top: 30rpx; text-align: justify; overflow: hidden; margin-bottom: 60rpx; .title{ font-size: 30rpx; font-weight: bold; text-align: center; padding: 20rpx; text-align: left; } .detail{ width: 96%; margin: 0 auto; padding: 10rpx; } } .buttons{ // position: fixed; // bottom: 30rpx; width: 100%; margin-top: 40rpx; margin-bottom: 40rpx; display: flex; justify-content: space-evenly; }