.page { .logo { margin-left: 30rpx; width: 266rpx; height: 58rpx; } .container { margin-top: 440rpx; padding: 74rpx 40rpx; background-color: #fff; border-radius: 32rpx 32rpx 0 0; .tip { font-size: 32rpx; color: rgba(30, 41, 59, 1); line-height: 54rpx; } .frame { display: block; margin: 0 auto; width: 640rpx; height: 390rpx; } .phone-btn { margin: 124rpx 0 0; height: 96rpx; line-height: 96rpx; text-align: center; font-size: 36rpx; color: #ffffff; background: linear-gradient(270deg, #439fc7 0%, #2f82a9 100%); border-radius: 24rpx 24rpx 24rpx 24rpx; display: flex; align-items: center; justify-content: center; gap: 18rpx; &::after { border: none; outline: none; } .icon { width: 24rpx; height: 40rpx; } } .switch{ margin-top: 56rpx; font-size: 32rpx; color: rgba(47, 130, 169, 1); text-align: center; } .argument { margin-top: 120rpx; line-height: 48rpx; .a-col { margin-bottom: 20rpx; .check { display: flex; align-items: start; line-height: 45rpx; .wx-checkbox-input { width: 36rpx; height: 36rpx; border-radius: 8rpx; &.wx-checkbox-input-checked { background: linear-gradient(270deg, #439fc7 0%, #2f82a9 100%); border-color: transparent; &::before { color: #fff; } } } .check-content { font-size: 28rpx; color: rgba(100, 116, 139, 1); word-break: break-all; .link { display: inline; color: rgba(47, 130, 169, 1); font-weight: bold; } } } } } .any { margin-top: 82rpx; font-size: 32rpx; color: rgba(53, 138, 179, 1); display: flex; align-items: center; justify-content: center; gap: 12rpx; .icon { width: 40rpx; height: 40rpx; } } } }