×

注意！页面内容来自https://modao.cc/feature/aippt，本站不储存任何内容，为了更好的阅读体验进行在线解析，若有广告出现，请及时反馈。若您觉得侵犯了您的利益，请通知我们进行删除，然后访问 原网页

<> .modao-navbar-col-ailab .modao-navbar-col-item-right-title { color: rgb(000); font-family: MiSans; font-size: 14px; font-weight: 500; text-align: left; white-space: nowrap; } .modao-navbar-col-ailab{ margin: 0; margin-right: 16px; } .modao-navbar-col-ailab:last-child{ margin-right: 0; } @media (max-width: 1280px) { .wsc-footer2020 .wsc-footer2020-dropdown-toggle[aria-expanded="false"]+.wsc-footer2020-dropdown-menu { display: none!important; } } #logo-container { position: relative; display: flex; } #logo-container .draggale-logo-arrow { transition: opacity .2s; } #logo-container:hover .draggale-logo-arrow { opacity: 0; } #logo-container[data-hover]::after { z-index: 2; transform: translate(060px); content: ''; position: absolute; inset: 0; background: center/contain no-repeat; opacity: 0; transition: opacity .2s; pointer-events: none; } #logo-container:hover::after { opacity: 1; } #logo-container.win:hover::after { width: 286px; height: 47px; background-image: url(https://cdn-yunyin.modao.cc/CMS/delivery-page/win.png); } #logo-container.mac:hover::after { width: 286px; height: 47px; background-image: url(https://cdn-yunyin.modao.cc/CMS/delivery-page/mac.png); } .modao-navbar-brand-href:hover .draggale-logo-arrow { opacity: 1; } .draggale-logo-arrow { display: none; opacity: 0; width: 241px; height: 76px; position: sticky; top: 30px; transform: translate(-143px,30px); transition: all 0.3s; } .modao-nav-bar-col-item-new-product-icon { display: flex; justify-content: flex-start; align-items: center; gap: 6px; } .new-product-icon { width: 46px; top: 20%; right: -20%; } @media (min-width: 1001px) and (max-width: 1440px) { .new-product-icon { right: -55%; } } @media (max-width: 1000px) { .new-product-icon { display: none; } }
<> /* 有头部banner */ header .header-banner { display: block; height: 0px; } /*移动端*/ /* header .header-banner a {*/ /* display: inline-block;*/ /* width: 100%;*/ /* height: 60px;*/ /* background: #fff;*/ /* background-image: url(https://cdn.modao.cc/23double12/zyw3/ba14.png);*/ /* background-position: center 15%;*/ /* background-size: cover;*/ /* background-repeat: no-repeat;*/ /*}*/ @media (min-width: 1281px) { header .header-banner { height: 45px; } header .header-banner a { width: 100%; height: 45px; /* background: url(https://cdn-yunyin.modao.cc/2503-renewal-activities/brand-banner.png) no-repeat center; */ /* background-size: cover; */ background: linear-gradient(90deg#6139F6 0%#524AF1 28.37%#2A7AF2 100%); display: inline-block; } header .header-banner a:hover { text-decoration: none; } } /* 有头部banner end */ /* 无头部banner */ header .header-banner { /*display: none; */ } .header-img-fluid { height: 26px; width: auto; } /* 无头部banner end */ .header-banner-close-btn { position: absolute; right: 24px; } .header-banner-none-important { display: none !important; } .arrow-animate { animation: arrow-move 3s infinite;; } @keyframes arrow-move { 0% { transform: translateY(1px) translateX(0); } 10% { transform: translateY(1px) translateX(6px); } 20% { transform: translateY(1px) translateX(0); } 30% { transform: translateY(1px) translateX(4px); } 40% { transform: translateY(1px) translateX(0); } 100% { transform: translateY(1px) translateX(0); } } header arrow

墨刀AIPPT
让 PPT 创作进入
AI 秒级时代

告别熬夜改PPT，AI 智能生成结合 2000+ 专业模板，排版/配图/美化一键优化
3分钟产出专业级PPT

告别熬夜改PPT，AI 智能生成结合 2000+ 专业模板
排版/配图/美化一键优化，3分钟产出专业级PPT

开始AI生成PPT
aippt aippt aippt aippt
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img
carousel-img

输入一句话
收获完整PPT

  • 自动生成 PPT
    只需输入一个主题，AI 即刻生成一套结构完整、设计统一、内容丰富的 PPT
  • 智能匹配文案
    告别东拼西凑，自动生成 PPT 目录、章节标题、正文文案及相关插图，让灵感瞬间落地成稿
  • 配图+模板一键成型
    无需排版，无需找图，自动匹配符合主题的 PPT 模板、相关高清图片/图标/矢量素材

文档导入
秒变PPT大纲

  • 一键导入文档
    支持多种文件格式一键导入，包括 Word、PDF、TXT、Markdown等，减少手动复制粘贴的烦恼
  • 自动解析结构
    AI 自动识别标题层级与内容逻辑，生成清晰的大纲结构，精准还原原始文档的表达逻辑
  • AI 生成 PPT 章节
    自动生成 PPT 草稿，含目录、各章节内容概览，省去整理大纲环节，直接进入内容优化阶段

智能图表生成
让数据会说话

  • 一键图表生成
    内置基础表格组件，键入表格数据，轻松快速生成柱状图、饼图、折线图等 6 种常用表格
  • 自动分析数据关系
    自动识别 pptx、word、pdf 文档中的表格内容，一键添加至编辑区，实现动态布局轻松匹配，优化页面结构
  • 主题色自动同步
    图表颜色自动适配 PPT 主色系，确保整体风格一致，无须手动调整颜色，专业又省时

协作无阻
告别“反复改稿”的混乱

  • 多人实时协同
    支持多人在线编辑，同步更新，操作实时可见，无需频繁发版本，提升团队协作效率
  • 评论闭环管理
    评论 @ 成员自动生成待办事项，状态变更实时提醒
  • 版本管理 随时还原
    自动存档历史修改版本，支持对比不同版本的内容差异，任意节点一键回溯

全场景模板
风格随心切换

  • 全行业模板支持
    内置海量 PPT 模板，覆盖商务、学术、党政、新媒体等多个使用场景
  • 精准匹配演示语境
    无论是商务汇报、学术展示、党政宣讲还是产品发布，AI 将智能识别演示语境，推荐匹配场景的模板类型、配色风格与内容排版策略
  • AI 一键“换装”
    只需一个指令，风格随心切换，内容无缝适配，每一页都焕然一新

不仅是PPT工具
，更是全行业的演示搭档

商务职场
教育培训
学术科研
产品经理
党政机构
品牌市场
数据分析
节省准备时间 快速生成结构清晰 设计美观的汇报PPT 提高沟通效率和专业度
季度汇报
项目立项
竞品分析
营销策划
sceen picture
将知识内容一键导入 10秒生成教学PPT 统一教学风格 提升学员理解与课堂吸引力
课程讲义
培训课件
公开演讲
知识分享
sceen picture
快速提取论文或报告内容结构 自动生成专业演示稿 智能搭配图表与配图 提升科研表达效率
研究成果汇报
学术讲座
开题答辩
论文讲解
sceen picture
输入关键词或导入方案文档 即可生成演示材料 帮助快速搭建逻辑清晰的展示结构
产品介绍
项目路演
投资BP
用户需求分析
sceen picture
一键匹配官方风格模板 确保内容规范、表达权威 节省排版时间
政务宣讲
政策解读
工作汇报
党政培训
sceen picture
可批量生成符合品牌规范的PPT模板 统一视觉语言 提高品牌一致性
品牌提案
视觉风格宣讲
活动策划PPT
竞品对比分析
sceen picture
自动生成数据图表并匹配主题色 省去图表设计过程 强化数据解读能力
数据报告
趋势分析
可视化展示
结论汇报
sceen picture

更多墨刀AIPPT高阶特色

aippt
aippt
aippt
aippt
aippt
aippt
aippt
aippt
aippt
aippt

他们都在用AI生成PPT

无论是凌晨赶稿的策划人，还是首次登台的职场小白
都能在墨刀 AIPPT 的帮助下 10 秒生成框架，3 步完成叙事
你要做的只是聚焦核心价值

user-aippt

AI生成PPT真实示例 效果看得见

从一句话主题到专业级PPT呈现，点击下方模板，开启智能生成

从想法到专业PPT，只需一句话
PPT自由从墨刀AIPPT开始

<> .aippt-float-free-use-btn {position: fixed; bottom: 0; left: 50%;z-index: 20;transform: scale(0) translateX(-50%);transform-origin: left bottom;} .aippt-float-free-use-btn .download-container {position: relative;width: 64px;height: 64px;} .aippt-float-free-use-btn .download-container::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%; background-image: linear-gradient(92.5deg#1F61FF 6.44%#A728FF 55.47%#FF4EE4 98.36%);;z-index: -1;background-color: #0061FF;;background-size: 100% 128px;background-position: 0 0;border:none;background-repeat: no-repeat;border:2px solid #fff;} .aippt-float-free-use-btn .download-container::after {content: '';width: 44px;height: 44px;position: absolute;top: 10px;left: 10px;background-repeat: no-repeat;background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E %3Cpath d='M10.6892 21.6056C12.4372 23.3822 12.6395 25.2919 10.702 27.261C9.50157 28.4802 7.55806 29.2128 4.88346 29.5264C4.74507 29.543 4.60517 29.5422 4.46603 29.5257C3.52586 29.4114 2.83916 28.5757 2.88429 27.6213L2.89406 27.4964L2.93242 27.1805C3.26035 24.6307 3.97037 22.7639 5.12339 21.5921C7.06089 19.6237 8.94048 19.8298 10.6892 21.6056ZM26.7029 2.94271L27.0053 3.03522L27.3009 3.13375C27.6647 3.26132 27.9947 3.47004 28.2659 3.7441C28.5371 4.01815 28.7423 4.35035 28.8661 4.71551C30.0446 8.15881 29.6701 11.6473 27.7702 15.1056C26.9872 16.5302 25.9854 17.8788 24.7662 19.1506L24.4285 19.4959L24.1088 19.8087L24.0998 19.9058C23.8779 21.9772 22.3067 24.7165 19.4117 28.2583L19.1605 28.5644L18.6979 29.1173C18.1744 29.7385 17.1997 29.5655 16.8943 28.8314L16.8582 28.7329L15.2396 23.5672L15.0929 23.4657C14.1835 22.8177 13.3172 22.1112 12.4996 21.3506L12.0972 20.967L11.7031 20.5759C10.539 19.3913 9.49119 18.0977 8.57419 16.7129L8.48469 16.5738L3.21372 14.8694C2.47212 14.6287 2.23294 13.7119 2.70377 13.1357L2.7662 13.065L2.83389 13.0019C7.1692 9.21407 10.368 7.33597 12.659 7.49242L12.8065 7.5052L12.8922 7.51573L13.0855 7.32018C14.125 6.28673 15.2133 5.40748 16.3513 4.68467L16.7319 4.44925L17.0816 4.24467C20.2571 2.44404 23.4808 2.00102 26.7029 2.94346V2.94271ZM16.9861 10.2167C15.6676 11.5359 15.6721 13.6788 16.9966 15.0033C18.3211 16.3278 20.4639 16.3323 21.7832 15.0138C23.1017 13.6946 23.0972 11.5517 21.7727 10.2272C20.4482 8.90268 18.3053 8.89817 16.9861 10.2167Z' fill='white'/%3E %3C/svg%3E");border-radius: 50rem;} .aippt-float-free-use-btn .download-container .download-content {width: 100%;height: 100%;} .aippt-float-free-use-btn .download-container a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #000;text-decoration: none;} .aippt-float-free-use-btn .download-container a span {font-size: 22px;font-weight: 700;text-wrap: nowrap;white-space: nowrap; line-height: 1.44; width: 0;opacity: 0;} .aippt-float-free-use-btn .download-container a svg {width: 0;opacity: 0;} .aippt-float-free-use-btn .download-container a [data-icon="brand-windows"]::before.aippt-float-free-use-btn .download-container a [data-icon="brand-macos"]::before,.aippt-float-free-use-btn .download-container a [data-icon="brand-windows"]::after.aippt-float-free-use-btn .download-container a [data-icon="brand-macos"]::after {content: '';width: 100%;height: 100%;background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A");background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;position: absolute;top:0;left: 0;z-index: 1;pointer-events: none;opacity: 1;} .aippt-float-free-use-btn .download-container a [data-icon="brand-windows"]::after.aippt-float-free-use-btn .download-container a [data-icon="brand-macos"]::after {background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A");opacity: 0;} .aippt-float-free-use-btn .download-container [data-icon="brand-windows"] svg.aippt-float-free-use-btn .download-container [data-icon="brand-macos"] svg {opacity: 0;} .aippt-float-free-use-btn.show {bottom: 30px;transform: scale(1) translateX(-50%);transform-origin: left bottom;transition: all .3s linear;} .aippt-float-free-use-btn.show .download-container::before {animation: animateDownload1 .3s .3s linear forwards;border-radius: 44px;transition: border-radius .3s 1s linear,background-position .15s linear;} .aippt-float-free-use-btn.show .download-container::after {transform: scale(0); transition: transform .2s .5s linear;} .aippt-float-free-use-btn.show .download-container{width: 270px;transition: all .8s 1s cubic-bezier(0.050.610.410.95);} .aippt-float-free-use-btn.show .download-container a span {width: 155px;opacity: 1;margin-left: 0px;transition: width .4s 1.2s linear,margin-left .2s 1.2s linear,opacity .3s 1.4s linear;} .aippt-float-free-use-btn.show .download-container a svg {width: 27px;opacity: 1;margin-left: 8px;transition: width .4s 1.2s linear,margin-left .2s 1.2s linear,opacity .3s 1.4s linear;} .aippt-float-free-use-btn.show .download-container a [data-icon="brand-windows"]::before.aippt-float-free-use-btn.show .download-container a [data-icon="brand-macos"]::before{opacity: 0;transition: opacity .1s 1.1s linear;} .aippt-float-free-use-btn.show .download-container [data-icon="brand-windows"] svg.aippt-float-free-use-btn.show .download-container [data-icon="brand-macos"] svg {opacity: 1;transition: opacity .1s 1.1s linear;} .aippt-float-free-use-btn.show .download-container:hover::before {background-position: 0 -128px;} .aippt-float-free-use-btn.show .download-container:hover a {color: #fff !important;} .aippt-float-free-use-btn.show .download-container:hover a [data-icon="brand-windows"]::after.aippt-float-free-use-btn.show .download-container:hover a [data-icon="brand-macos"]::after{opacity: 1;animation: btnIconMove 1.5s linear infinite;} .aippt-float-free-use-btn.show .download-container:hover [data-icon="brand-windows"] svg.aippt-float-free-use-btn.show .download-container:hover [data-icon="brand-macos"] svg {visibility: hidden;} .aippt-float-free-use-btn.leave .download-container a i {transform: scale(0);transition: transform .2s linear;} .aippt-float-free-use-btn.leave .download-container a span.aippt-float-free-use-btn.leave .download-container a svg {opacity: 0;transition: opacity .2s linear;} .aippt-float-free-use-btn.leave .download-container::before {border-radius: 50%;transition: border-radius .3s .2s linear;} .aippt-float-free-use-btn.leave .download-container {width: 64px;transition: all .6s .2s cubic-bezier(0.050.610.410.95);} .aippt-float-free-use-btn.leave {bottom: 0;transform: scale(0) translateX(-50%);transform-origin: left bottom; transition: all .3s 1s linear;} /* 默认隐藏第二个 SVG */ .btn-aside svg:nth-of-type(2) { display: none; } /* 悬停时隐藏第一个 SVG，显示第二个 SVG */ .btn-aside:hover svg:nth-of-type(1) { display: none; } .btn-aside:hover svg:nth-of-type(2) { display: inline-block; animation: animateSvg .25s linear 2; } @keyframes animateDownload1 { 0% {transform: scale(1);} 60% {transform: scale(1.8);} 100% {transform: scale(1);} } @keyframes btnIconMove { 0% {transform: translateY(0);} 50% {transform: translateY(4px);} 100% {transform: translateY(0);} } @keyframes animateSvg { 0% {transform: rotate(0deg);} 33% {transform: rotate(-15deg);} 66% {transform: rotate(15deg);} 100% {transform: rotate(0deg);} }
<> .float-free-use-btn {position: fixed; bottom: 0; left: 50%;z-index: 20;transform: scale(0) translateX(-50%);transform-origin: left bottom;} .float-free-use-btn .download-container {position: relative;width: 64px;height: 64px;} .float-free-use-btn .download-container::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%; background-image: linear-gradient(92.5deg#1F61FF 6.44%#A728FF 55.47%#FF4EE4 98.36%);;z-index: -1;background-color: #0061FF;;background-size: 100% 128px;background-position: 0 0;border:none;background-repeat: no-repeat;border:2px solid #fff;} .float-free-use-btn .download-container::after {content: '';width: 44px;height: 44px;position: absolute;top: 10px;left: 10px;background-repeat: no-repeat;background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E %3Cpath d='M10.6892 21.6056C12.4372 23.3822 12.6395 25.2919 10.702 27.261C9.50157 28.4802 7.55806 29.2128 4.88346 29.5264C4.74507 29.543 4.60517 29.5422 4.46603 29.5257C3.52586 29.4114 2.83916 28.5757 2.88429 27.6213L2.89406 27.4964L2.93242 27.1805C3.26035 24.6307 3.97037 22.7639 5.12339 21.5921C7.06089 19.6237 8.94048 19.8298 10.6892 21.6056ZM26.7029 2.94271L27.0053 3.03522L27.3009 3.13375C27.6647 3.26132 27.9947 3.47004 28.2659 3.7441C28.5371 4.01815 28.7423 4.35035 28.8661 4.71551C30.0446 8.15881 29.6701 11.6473 27.7702 15.1056C26.9872 16.5302 25.9854 17.8788 24.7662 19.1506L24.4285 19.4959L24.1088 19.8087L24.0998 19.9058C23.8779 21.9772 22.3067 24.7165 19.4117 28.2583L19.1605 28.5644L18.6979 29.1173C18.1744 29.7385 17.1997 29.5655 16.8943 28.8314L16.8582 28.7329L15.2396 23.5672L15.0929 23.4657C14.1835 22.8177 13.3172 22.1112 12.4996 21.3506L12.0972 20.967L11.7031 20.5759C10.539 19.3913 9.49119 18.0977 8.57419 16.7129L8.48469 16.5738L3.21372 14.8694C2.47212 14.6287 2.23294 13.7119 2.70377 13.1357L2.7662 13.065L2.83389 13.0019C7.1692 9.21407 10.368 7.33597 12.659 7.49242L12.8065 7.5052L12.8922 7.51573L13.0855 7.32018C14.125 6.28673 15.2133 5.40748 16.3513 4.68467L16.7319 4.44925L17.0816 4.24467C20.2571 2.44404 23.4808 2.00102 26.7029 2.94346V2.94271ZM16.9861 10.2167C15.6676 11.5359 15.6721 13.6788 16.9966 15.0033C18.3211 16.3278 20.4639 16.3323 21.7832 15.0138C23.1017 13.6946 23.0972 11.5517 21.7727 10.2272C20.4482 8.90268 18.3053 8.89817 16.9861 10.2167Z' fill='white'/%3E %3C/svg%3E");border-radius: 50rem;} .float-free-use-btn .download-container .download-content {width: 100%;height: 100%;} .float-free-use-btn .download-container a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #000;text-decoration: none;} .float-free-use-btn .download-container a span {font-size: 22px;font-weight: 700;text-wrap: nowrap;white-space: nowrap; line-height: 1.44; width: 0;opacity: 0;} .float-free-use-btn .download-container a svg {width: 0;opacity: 0;} .float-free-use-btn .download-container a [data-icon="brand-windows"]::before.float-free-use-btn .download-container a [data-icon="brand-macos"]::before,.float-free-use-btn .download-container a [data-icon="brand-windows"]::after.float-free-use-btn .download-container a [data-icon="brand-macos"]::after {content: '';width: 100%;height: 100%;background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A");background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;position: absolute;top:0;left: 0;z-index: 1;pointer-events: none;opacity: 1;} .float-free-use-btn .download-container a [data-icon="brand-windows"]::after.float-free-use-btn .download-container a [data-icon="brand-macos"]::after {background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A");opacity: 0;} .float-free-use-btn .download-container [data-icon="brand-windows"] svg.float-free-use-btn .download-container [data-icon="brand-macos"] svg {opacity: 0;} .float-free-use-btn.show {bottom: 30px;transform: scale(1) translateX(-50%);transform-origin: left bottom;transition: all .3s linear;} .float-free-use-btn.show .download-container::before {animation: animateDownload1 .3s .3s linear forwards;border-radius: 44px;transition: border-radius .3s 1s linear,background-position .15s linear;} .float-free-use-btn.show .download-container::after {transform: scale(0); transition: transform .2s .5s linear;} .float-free-use-btn.show .download-container{width: 225px;transition: all .8s 1s cubic-bezier(0.050.610.410.95);} .float-free-use-btn.show .download-container a span {width: 89px;opacity: 1;margin-left: 0px;transition: width .4s 1.2s linear,margin-left .2s 1.2s linear,opacity .3s 1.4s linear;} .float-free-use-btn.show .download-container a svg {width: 27px;opacity: 1;margin-left: 8px;transition: width .4s 1.2s linear,margin-left .2s 1.2s linear,opacity .3s 1.4s linear;} .float-free-use-btn.show .download-container a [data-icon="brand-windows"]::before.float-free-use-btn.show .download-container a [data-icon="brand-macos"]::before{opacity: 0;transition: opacity .1s 1.1s linear;} .float-free-use-btn.show .download-container [data-icon="brand-windows"] svg.float-free-use-btn.show .download-container [data-icon="brand-macos"] svg {opacity: 1;transition: opacity .1s 1.1s linear;} .float-free-use-btn.show .download-container:hover::before {background-position: 0 -128px;} .float-free-use-btn.show .download-container:hover a {color: #fff !important;} .float-free-use-btn.show .download-container:hover a [data-icon="brand-windows"]::after.float-free-use-btn.show .download-container:hover a [data-icon="brand-macos"]::after{opacity: 1;animation: btnIconMove 1.5s linear infinite;} .float-free-use-btn.show .download-container:hover [data-icon="brand-windows"] svg.float-free-use-btn.show .download-container:hover [data-icon="brand-macos"] svg {visibility: hidden;} .float-free-use-btn.leave .download-container a i {transform: scale(0);transition: transform .2s linear;} .float-free-use-btn.leave .download-container a span.float-free-use-btn.leave .download-container a svg {opacity: 0;transition: opacity .2s linear;} .float-free-use-btn.leave .download-container::before {border-radius: 50%;transition: border-radius .3s .2s linear;} .float-free-use-btn.leave .download-container {width: 64px;transition: all .6s .2s cubic-bezier(0.050.610.410.95);} .float-free-use-btn.leave {bottom: 0;transform: scale(0) translateX(-50%);transform-origin: left bottom; transition: all .3s 1s linear;} /* 默认隐藏第二个 SVG */ .btn-aside svg:nth-of-type(2) { display: none; } /* 悬停时隐藏第一个 SVG，显示第二个 SVG */ .btn-aside:hover svg:nth-of-type(1) { display: none; } .btn-aside:hover svg:nth-of-type(2) { display: inline-block; animation: animateSvg .25s linear 2; } @keyframes animateDownload1 { 0% {transform: scale(1);} 60% {transform: scale(1.8);} 100% {transform: scale(1);} } @keyframes btnIconMove { 0% {transform: translateY(0);} 50% {transform: translateY(4px);} 100% {transform: translateY(0);} } @keyframes animateSvg { 0% {transform: rotate(0deg);} 33% {transform: rotate(-15deg);} 66% {transform: rotate(15deg);} 100% {transform: rotate(0deg);} }
<> .wsc-footer2020 { font-family: "HarmonyOS Sans""Noto Sans SC"-apple-systemblinkmacsystemfont"Segoe UI"roboto"Helvetica Neue"arial"Noto Sans"sans-serif"Apple Color Emoji""Segoe UI Emoji""Segoe UI Symbol""Noto Color Emoji"; } .wsc-footer2020 p:lang(en), .wsc-footer2020 div:lang(en){ font-family: 'Outfit'; } .wsc-footer2020 .wsc-footer202004-top { border-bottom: solid 1px rgba(3434341); border-top: solid 1px transparent; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown { margin: 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav { padding: 48px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo { width: 140px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) { width: auto; display: block; padding: 0 0; } .wsc-footer2020-archival-info { margin: 26px 0; color: rgba(2552552550.4); font-size: 14px; line-height: 1.2; text-align: center; } .wsc-footer2020-archival-info a { text-decoration: none; } .wsc-footer2020-social { padding-bottom: 7px; } .wsc-footer2020-social .wsc-footer2020-social-media-container { display: flex; align-items: center; padding: 8px 0; } .wsc-footer2020-social .wsc-footer2020-social-media { display: flex; width: 46px; height: 46px; border: 0.675px solid #8b8b8b; box-sizing: border-box; border-radius: 50%; justify-content: center; align-items: center; margin-right: 3.5px; } .wsc-footer2020-social .wsc-footer2020-social-contact { color: #ffffff; margin-bottom: 32px; font-size: 20px; line-height: 1; } .wsc-footer2020-social .wsc-footer2020-social-contact-method { color: #A8A8A8; display: flex; font-size: 14px; line-height: 22px; padding: 6px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-iconlink { padding: 0 !important; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-iconlink .blog-img{ height: auto !important; } .wsc-footer2020-social .wsc-footer2020-social-contact-method .online-service { color: #A8A8A8; } .wsc-footer2020-social .wsc-footer2020-social-contact-method .online-service:hover { color: #fff; text-decoration: none; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content { flex-direction: column; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:last-of-type .wsc-footer2020-dropdown-menu { text-align: center; } @media (min-width: 1280px) { .wsc-footer2020 .wsc-footer2020-container { max-width: 1360px; padding: 0; } .wsc-footer2020 .wsc-footer2020-nav { width: 14%; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content { flex-direction: row; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-container { max-width: 1410px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav { padding: 87px 0; border-right: 1px solid transparent; text-align: left; align-items: flex-start; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-title { font-size: 16px; line-height: 28px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-title { font-size: 16px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link { font-size: 14px; line-height: 22px; display: inline-block; color: #A8A8A8; opacity: 1; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link:hover { color: #fff; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav { padding: 84px 0 88px 62px; } .wsc-footer2020 .wsc-footer2020-subnav-item { padding: 5px 0; } /*.wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(1) {*/ /* width: 40px;*/ /*}*/ .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-toggle { margin: 0 0 7px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item { padding: 5px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) ul { display: block; } .wsc-footer2020-social .wsc-footer2020-social-media-container { display: flex; align-items: center; padding: 0 0 6px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown { padding: 0 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:not(:last-child) { width: 130px; } .wsc-footer2020 .wsc-footer2020-subnav-content { flex-wrap: nowrap; justify-content: unset; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle { padding: 0 0; margin-bottom: 7px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) { position: relative; top: auto; right: auto; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) .wsc-footer2020-dropdown-toggle { margin: 0 0 7px 0; } } .icon-weixin { line-height: 1; position: relative; } .icon-weixin .icon-weixin-box { display: none; position: absolute; bottom: 200%; left: 70%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); background-color: #fff; width: 200%; min-width: 13rem; z-index: 1; } .icon-weixin .icon-weixin-box:after { display: block; content: ""; position: absolute } .icon-weixin .icon-weixin-box[position-absolute=right] { left: auto; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } .icon-weixin .icon-weixin-box[position-absolute=left] { left: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } @media (max-width:991.99px) { .icon-weixin .icon-weixin-box[position-absolute=mobile-left] { left: 0; right: auto; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } .icon-weixin .icon-weixin-box[position-absolute=mobile-right] { left: auto; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } } .icon-weixin:hover .icon-weixin-box { display: -webkit-box; /* OLD - iOS 6-Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEWSpec - Opera 12.1Firefox 20+ */ } @media (max-width:1280px) { #user-group-img { display: none !important; } }