.app { padding:0; height:100vh; /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: 50rpx auto; 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%); } } } } .service { width: 90%; margin: 0 auto; padding-bottom: 15rpx; .Multiplechoice { font-size: 32rpx; color: #FFFFFF; width: 100%; margin-top: 40rpx; .choices { background: #4C7BC9; display: inline-block; text-align: center; line-height: 70rpx; width: 190rpx; height: 70rpx; border-radius: 26rpx; margin: 0 20rpx 20rpx 0; padding: 0 10rpx ; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .choice { display: inline-block; text-align: center; line-height: 70rpx; padding: 0 10rpx ; width: 190rpx; height: 70rpx; background: #BFBFBF; border-radius: 26rpx; margin: 0 20rpx 20rpx 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .title { font-size: 36rpx; padding-top: 36rpx; } } .btn{ width:28%; float: right; background-color: #2979ff; height: 80rpx; line-height: 80rpx; border-radius: 20rpx; color: #FFFFFF; text-align: center; font-size: 38rpx; margin-right: 30rpx; } .info { width: 96%; margin: 0 auto 20rpx; background-color: #FFFFFF; border-radius: 20rpx; padding-bottom: 5rpx; box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03); } .userinfo { .item { width: 94%; margin: 0 auto; height: 120rpx; line-height: 120rpx; border-bottom: 1rpx solid #D8D4D4; position: relative; .address { position: absolute; left:25%; top:50%; width: 75%; transform: translateY(-50%); display: inline-block; height: 120rpx; line-height: 120rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } span { display: inline-block; line-height: 120rpx; height: 120rpx; width: 25%; } ::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; position: absolute; left:25%; top:50%; width: 75%; transform: translateY(-50%); } } .item:nth-child(6) { border: 0; } } }