.app { background-color: #F4F5F7; width: 100%; color: #000000; padding: 15rpx 0 50rpx; /deep/ .u-drawer { z-index: 0 !important; } .Agreement { width: 100%; background-color: #F4F5F7; text-align: center; height: 1000rpx; position: absolute; top: 5%; font-size: 30rpx; .title { height: 100rpx; line-height: 100rpx; border-bottom: 1px solid #eeeeee; font-size: 34rpx; margin: 0px auto; width: 100%; text-align: center; } .scroll-Y { height: 830rpx; overflow-y: scroll; text-align: left; text-indent: 2em; } .cancel { height: 70rpx; line-height: 70rpx; font-size: 32rpx; background-color: #F4F5F7; position: absolute; border-top: 1rpx solid #000000; bottom: 0; right: 0; width: 50%; color: #000000; } .determine { height: 70rpx; line-height: 70rpx; font-size: 32rpx; width: 50%; color: #F4F5F7; background: #4C7BC9; position: absolute; bottom: 0; left: 0; } } .radio-content { margin: 30rpx auto 0; width: 70%; text-align: center; font-size: 28rpx; position: relative; .agreement { position: absolute; top: 50%; left: 20%; transform: translateY(-50%); color: #878987; } .radio-right { height: 100rpx; .radio { display: inline-block; width: 35rpx; height: 35rpx; border-radius: 70%; border: 2rpx solid #178ffb; position: absolute; top: 50%; left: 5%; transform: translateY(-50%); .radio-active { width: 16rpx; height: 16rpx; border-radius: 50%; background-color: #178ffb; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } } } .finish { width: 70%; height: 71rpx; background: #557BC2; border-radius: 36rpx; text-align: center; line-height: 71rpx; color: #fff; margin: 30rpx auto 0; font-size: 32rpx; } .userinfo { width: 96%; background-color: #fff; margin: 0 auto; border-radius: 20rpx; .disease { width: 100%; margin: 0 auto; padding: 0 6% 0 3%; line-height: 80rpx; border-bottom: 1rpx solid #D8D4D4; position: relative; .title { font-size: 30rpx; display: block; line-height: 120rpx; } .pictureA { width: 18rpx; height: 27rpx; position: absolute; right: 30rpx; top: 50%; transform: translateY(-50%); } } .itemimgs { width: 100%; height: 400rpx; border-bottom: 1rpx solid #D8D4D4; position: relative; .picture { width: 200rpx; height: 200rpx; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .item { width: 94%; margin: 0 auto; height: 120rpx; line-height: 120rpx; border-bottom: 1rpx solid #D8D4D4; position: relative; font-size: 30rpx; .address { position: absolute; left: 25%; top: 50%; width: 75%; transform: translateY(-50%); display: inline-block; height: 120rpx; line-height: 120rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ::v-deep .u-input__input { height: 120rpx; font-size: 30rpx; } ::v-deep .uni-input-wrapper { display: inline-block; height: 120rpx; line-height: 120rpx; } ::v-deep u-input { height: 120rpx; line-height: 120rpx; width: 75%; position: absolute; left: 25%; top: 50%; transform: translateY(-50%); } } } }