font-family: "PingFang SC", "Microsoft YaHei", sans-serif; /* 优先使用苹方字体 */ /* 整个滚动条 */ width: 8px; /* 纵向滚动条的宽度 */ height: 8px; /* 横向滚动条的高度 */ background: transparent; /* 将滚动条整体背景设为透明 */ /* 滚动条上的滑块(可拖动的部分) */ background-color: rgba(0, 0, 0, 0.2); /* 半透明滑块,这里用了20%透明度的黑色,可以自行调整 */ border-radius: 4px; /* 给滑块加一点圆角,更美观 */ /* 滚动条的轨道(滑块的背景槽) */ background: transparent; /* 将轨道背景设为透明 */ --primary: #0071e3; /* 支付宝主蓝 */ /* 链接下划线动画 */ /* 按钮升级 */ /* 标题样式升级 */ /* 导航栏升级 - 移除白色背景,改为透明 */ background: transparent; /* 移除白色背景 */ background: rgba(255,255,255,0.95); /* 滚动后才显示背景 */ color: var(--white); /* 默认白色,滚动后自动继承 */ color: var(--primary); /* 滚动后变为蓝色 */ color: var(--white); /* 默认白色 */ color: var(--dark); /* 滚动后变为深色 */ color: var(--white); /* 默认白色 */ color: var(--dark); /* 滚动后变为深色 */ /* 首屏Banner - 第一屏,优化手机端自适应 */ /* Banner图动态效果 */ /* Banner图缩放+移动动画 */ /* Banner遮罩层 */ /*background: rgba(0, 0, 0, 0.1);*/ margin-left: 0; /* 重置偏移 */ color: var(--white); /* 改为白色更醒目 */ /*background: linear-gradient(135deg, #0071e3 0%, #0088ff 100%);*/ /*-webkit-background-clip: text;*/ /*-webkit-text-fill-color: transparent;*/ /* 行业风口 */ /* 品牌介绍 */ /* 十大核心竞争力 - 全新卡片式排版 */ /* 全品类·全场景 */ /* 四大灵活租赁模式 - 修复排版错位问题 */ /* 四大灵活租赁模式 - 重构样式 */ overflow: hidden; /* 防止内容溢出 */ /* 核心容器:相对定位,固定宽高比 */ max-width: 800px; /* 限制最大宽度,保证布局稳定 */ height: 600px; /* 固定高度,适配四角布局 */ perspective: 800px; /* 保留3D透视效果 */ /* 中间爱租呗 - 绝对定位居中 */ /* 四大租赁模式 - 四角定位基础样式 */ /* 基础样式统一 */ /* 四角定位具体位置 */ /* 悬停效果 - 3D上浮 */ /* 模式卡片内部样式 */ /* 移动端适配 - 堆叠显示 */ /* 三大核心赋能体系 - 全新排版 */ /* ========= 新增:产品关键功能差异矩阵 ========= */ min-width: 680px; /* 确保小屏可滑动 */ /* 合作共赢 */ /* ========== 权威认证 - 证书图片展示 ========== */ /* 重构成图片网格 */ height: 160px; /* 固定高度保证整齐 */ /* 原有 .cert-item i 样式不再使用,保留无影响 */ /* 招商加盟 */ /* 底部 */ /* 回到顶部按钮 */ /* 响应式优化 - 全模块适配 */ /* 导航栏适配 */ /* Banner适配 */ /* 通用标题适配 */ /* 四大租赁模式适配 - 移动端堆叠显示 */ /* 其他模块适配 */ /* Banner手机端适配 */ animation: none; /* 移动端关闭Banner动画提升性能 */ /* 通用间距适配 */ /* 品类适配 */ /* 认证网格适配 */ /* 表单适配 */ /* 底部适配 */ /* 滚动动画 */ /* 基础动画 */ // 平滑滚动 // 导航栏滚动效果 // 回到顶部按钮 // 滚动动画 // 初始加载和滚动时触发 // 表单提交效果 // 按钮加载状态 // 模拟提交 // 重置表单