/* */ .page-block {} .page-block .page-title-block { padding: 20rpx 25rpx; } .page-block .page-title-block .title { font-size: 28rpx; line-height: 40rpx; color: #999; } .page-block .content { padding: 0 25rpx; background-color: #fff; } .page-block .cell { min-height: 100rpx; border-bottom: 1rpx solid #f5f5f5; } .page-block .cell:last-child { border-bottom: none; } .page-block .cell .title-block { min-width: 155rpx; flex: none; font-size: 30rpx; color: #333; font-weight: 600; padding-right: 20rpx; } .page-block .cell .required::after { content: "*"; color: #f00; } .page-block .cell .desc { flex: auto; height: 100%; } .page-block .cell .desc .desc-info{ padding:30rpx 0; font-size: 28rpx; color: #999; line-height: 40rpx; } .page-block .cell .input-box { height: 100rpx; line-height: 100rpx; font-size: 28rpx; /* color: #999; */ } .page-block .radio-btn { zoom: 0.7; } .page-block .radio-text { margin: 0 40rpx 0 8rpx; font-size: 28rpx; color: #999; } /* */ .footer-bar { height: 160rpx; /*兼容 IOS<11.2*/ padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS>11.2*/ padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box; } .footer-bar .content { width: 100%; height: 160rpx; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 100; /*兼容 IOS<11.2*/ padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS>11.2*/ padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box; box-shadow: 0 -5rpx 10rpx #eee; } .footer-bar .content .btn { width: 700rpx; height: 100rpx; background: linear-gradient(315deg, #3387ff 2%, #569bff 99%); border-radius: 8rpx; box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 135, 255, 0.20); text-align: center; line-height: 100rpx; font-size: 36rpx; font-weight: 500; color: #fff; } .footer-bar .content .detail-btn { width: 50%; height: 40rpx; } .footer-bar .content .detail-btn .btn-icon { flex: none; display: block; width: 32rpx; height: 32rpx; margin-right: 8rpx; }