page{ background: transparent; } .page-agreement{ position: relative; width: 100vw; height: 100vh; display: flex; background: rgba(0,0,0,0.4); .popup-agreement{ position: absolute; left: 0; top:0; right:0; bottom: 0; margin: auto; box-sizing: border-box; width: 640rpx; height: 690rpx; background: #FFFFFF; // background: url('https://ddh.yyhock.com/appStatic/agree-bg.png') 0 0 no-repeat; // background-size: 640rpx 690rpx; box-shadow: inset 0rpx -1rpx 0rpx 0rpx #DDDDDD; border-radius: 16rpx; .a-header{ height: 120rpx; line-height: 120rpx; text-align: center; text{ font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 34rpx; color: #333333; } } .a-body{ box-sizing: border-box; padding: 0 36rpx 30rpx; height: 388rpx; width: 100%; scroll-view{ width: 100%; height: 100%; view{ text-align: justify; } text{ font-family: PingFangSC, PingFang SC; font-weight: 400; word-wrap: break-word; word-break: break-all; font-size: 30rpx; color: #757575; line-height: 42rpx; text-indent: 4rpx; } } } .a-footer{ margin:0 31rpx ; .a-btn-child{ width: 578rpx; height: 88rpx; background: #FF6F26; border-radius: 44rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #FFFFFF; line-height: 88rpx; text-align: center; font-style: normal; } .t-btn-child{ padding-top:22rpx; // width: 217rpx; height: 40rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #999999; line-height: 40rpx; text-align: center; font-style: normal; } } } }