tiktok-project
/
terrace.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>Document</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="./CSS/terrace-base.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="./CSS/style1.css">
    <!-- CSS样式 -->
    <link rel="stylesheet" href="./CSS/terrace.css">
    <script src="./JS/jquery-1.12.4.min.js"></script>
    <script src="./JS/terrace.js"></script>
</head>

<body>
    <div class="mask"
        style="width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;z-index: 999;display: none">
    </div>

    <!-- 头部 -->
    <header class="header_div">
        <div>
            <div class="header w clearfix">

                <!-- logo部分 -->
                <div class="h_logo">
                    <a href="#"> <img src="./images/logo-text.png" alt="logo"></a>
                </div>


                <!-- 导航菜单 -->
                <div class="h_menu">
                    <ul class="h_ul">
                        <li>
                            <a href="#" class="h_a1">首页</a>
                        </li>
                        <li class="h_tubiao_001">
                            <a href="#" class="h_tubiao1">解决方案与案例</a>
                        </li>
                        <li> <a href="#">资源中心</a> </li>
                        <li> <a href="#">管理中心</a> </li>
                        <li class="h_tubiao_002">
                            <a href="#" class="h_tubiao2">开放服务</a>
                        </li>
                        <li> <a href="#">服务市场</a> </li>
                    </ul>
                </div>


                <!-- 放大镜搜索图标 -->
                <span><a href="#" class="h_search_logo"> </a> </span>


                <!-- 登录注册 -->
                <div class="h_user">
                    <span class="h_user_icon"> <img src="./images/logo1.png" alt="logo"> </span>
                    <a href="#" class="h_user_left">登录</a>
                    <span class="shu"> | </span>
                    <a href="#" class="h_user_right">注册</a>
                </div>


            </div>
        </div>
    </header>


    <!-- 左显示列表栏 -->
    <div class="h_menu_0dl_000">
        <div class="h_menu_0dl_001">
            <span><a class="h_menu_0dl_02span" href="#">解决方案</a></span>
            <span><a class="h_menu_0dl_03span" href="#">优秀案例</a></span>
        </div>
        <div class="h_menu_0dl_002">
            <span><a href="#">媒体行业</a></span>
            <span><a href="#">娱乐行业</a></span>
            <span><a href="#">游戏行业</a></span>
            <span><a href="#">教育行业</a></span>
            <span><a href="#">电商行业</a></span>
            <span><a href="#">硬件行业</a></span>
            <span><a href="#">编辑工具行业</a></span>
            <span><a href="#">生活服务行业</a></span>
        </div>
        <div class="h_menu_0dl_003">
            <span><a href="#">开发者案例</a></span>
            <span><a href="#">服务商案例</a></span>
        </div>
    </div>

    <!-- 右显示列表栏 -->
    <div class="h_menu_right_dl_00">
        <div class="h_menu_right_dl_01">
            <span><a href="#">数据开放服务</a></span>
            <span><a href="#">特效开放服务</a></span>
            <span><a href="#">小程序开放平台</a></span>
            <span><a href="#">抖店开放平台</a></span>
        </div>
    </div>


    <!-- 视频大背景 -->
    <div class="container w">

        <!-- -----箭头---- -->
        <div class="container_jiantou">
            <img class="container_jiantou1" src="./images/jiantouleft.png" alt="">
        </div>

        <div class="container_jiantou_0">
            <img class="container_jiantou2" src="./images/jiantouright.png" alt="">
        </div>

        <!-- --------- -->
        <div class="container_lunbo">
            <ul>

                <li>
                    <!-- --------- -->
                    <div class="container_wenzi">
                        <h2>开放共享&数据赋能</h2>
                        <h3>你关心的抖音数据都在这里</h3>
                        <div class="container_wenzi_a">
                            <a class="container_wenzi_a1" href="#">了解更多</a>
                            <a class="container_wenzi_a2" href="#">技术文档</a>
                        </div>
                    </div>

                    <video class="video1" autoplay loop muted>
                        <source src="./resource/1.mp4">
                        </source>
                    </video>
                </li>

                <li>
                    <!-- --------- -->
                    <div class="container_wenzi">
                        <h2>抖音分享&一键发布</h2>
                        <h3>优质内容发布抖音，让更多的人看到</h3>
                        <div class="container_wenzi_a">
                            <a class="container_wenzi_a1" href="#">了解更多</a>
                            <a class="container_wenzi_a2" href="#">技术文档</a>
                        </div>
                    </div>
                    <video class="video2" autoplay loop muted>
                        <source src="./resource/2.mp4">
                        </source>
                    </video>
                </li>

                <li>
                    <!-- --------- -->
                    <div class="container_wenzi">
                        <h2>解锁更多功能</h2>
                        <h3>成为合作伙伴，即刻体验行业解决方案</h3>
                        <div class="container_wenzi_a">
                            <a class="container_wenzi_a1" href="#">了解更多</a>
                            <a class="container_wenzi_a2" href="#">技术文档</a>
                        </div>
                    </div>
                    <video class="video3" autoplay loop muted>
                        <source src="./resource/3.mp4">
                        </source>
                    </video>
                </li>
            </ul>
        </div>


    </div>

    <!-- 登录弹出框 -->
    <div class="denglukuang_box">
        <div class="denglukuang_popup">
            <div class="XX"><span>X</span></div>
            <div class="deng_h">
                <h3>邮箱登陆</h3>
                <h3>短信登陆</h3>
            </div>
            <div class="deng_f">
                <div class="semi_input1">
                    <input autocomplete="off" type="email" name="username" id="" placeholder="请输入邮箱地址">
                </div>
                <div class="semi_input2">
                    <input type="password" name="password" id="" placeholder="请输入密码">
                </div>

                <button><span>登陆</span></button>
                <div class="semi_wenzi">
                    <div class="semi_wenzi1">
                        <span><a href="#">抖音授权登陆</a></span>
                    </div>
                    <div class="semi_wenzi2">
                        <span><a href="#">忘记密码</a></span> |
                        <span><a href="#">注册</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 注册提示框 -->
    <div class="zhuce_box">
        <div class="zhuce_popup">
            <div class="X_X"><span>X</span></div>
            <div class="zhuce_popup_kuang">
                <h3>注册抖音开放平台帐号</h3>
                <div class="zhuce_input1">
                    <input autocomplete="off" type="email" name="username" id="" placeholder="请使用未注册过的公共邮箱">
                </div>
                <button><span>下一步</span></button>
                <p>
                    注册即表明同意我们的 <br>
                    开发者服务协议和隐私政策
                </p>
            </div>
        </div>
    </div>

    <!-- 右下角 帮助中心二维码 -->
    <div class="bottomright_float">
        <div class="t_float">
            <span>帮助中心</span>
        </div>
        <div class="b_float">
            <img src="./images/min-erweima.png" alt="">
        </div>
        <div class="min_erweima"> 公众号<br>二维码 </div>

    </div>


    <div class="max_erweima">
        <img src="./images/qrcodedouyinerweima.png" alt="">
    </div>
    <div class="max_bangzhu">
        <h2>常见问题 <span>快捷</span> </h2>
        <h2>联系客服</h2>
        <h2>提交工单</h2>
    </div>

    <!-- 平台公告 -->
    <div class="notice">
        <div class="w">
            <span class="notice__title"> 平台公告 </span>

            <div class="notice_shu"> </div>

            <div class="notice_info1">
                <div>
                    <a href="#"> <span>NEW</span> 开放平台创意方案获奖名单公示 </a>
                </div>
                <span class="notice_span">2020-12-2</span>

            </div>

            <div class="notice_shu"> </div>

            <div class="notice_info1">
                <div>
                    <a href="#"> <span>NEW</span> 关于企业号私信能力的系统通知</a>
                </div>
                <span class="notice_span">2020-11-26</span>

            </div>

            <div class="notice_shu1"> </div>

            <a class="notice_more" href="#">查看更多 <img src="./images/arrow_right.png" alt=""> </a>
        </div>

    </div>


    <!-- 资源优势 -->
    <div class="ziyuan_module ">
        <div class="w">
            <img class="ziyuan_img1" src="./images/block1.png" alt="">
            <img class="ziyuan_img2" src="./images/block2.png" alt="">

            <h2>资源优势</h2>

            <ul class="clearfix">
                <li>
                    <div class="img1"> </div>
                    <span>多端功能开放</span>
                    <p>提供移动/网站/小程序开发能力，无需多次对接</p>
                </li>

                <li>
                    <div class="img2"></div>
                    <span>业务能力开放</span>
                    <p>帐号免登、内容同步、数据回流、用户管理等</p>
                </li>

                <li>
                    <div class="img3"> </div>
                    <span>丰富的解决方案</span>
                    <p>为广大内容创作者和服务商提供行业解决方案</p>
                </li>


                <li>
                    <div class="img4"> </div>
                    <span>完善的服务支持</span>
                    <p>完善的对接服务，提供沙盒测试环境和应用监控</p>
                </li>
            </ul>


            <span>
                <a class="btn" href="#">了解更多</a>
            </span>
        </div>


    </div>


    <!-- 合作优势 -->
    <div class="hezuo_module">
        <div class="w">
            <div class="hezuo_module2">
                <h2>合作优势</h2>
                <ul class="clearfix">
                    <li>
                        <div class="hezuo_img">
                            <img src="./images/ca_icon4.png" alt="">
                        </div>
                        <span>庞大的用户群体</span>
                        <p>四亿活跃用户，覆盖不同圈层</p>
                    </li>


                    <li>
                        <div class="hezuo_img">
                            <img src="./images/ca_icon5.png" alt="">
                        </div>
                        <span>多行业合作生态</span>
                        <p>覆盖多行业，诚邀各类优势行业合作伙伴共建良性生态</p>
                    </li>

                    <li>
                        <div class="hezuo_img">
                            <img src="./images/ca_icon6.png" alt="">
                        </div>
                        <span>多端服务支持</span>
                        <p>支持移动端/PC/小程序的服务搭建，实现业务流量和转化升级</p>
                    </li>
                </ul>

                <span class="hezuo_btn"> <a href="#">立即加入</a> </span>
            </div>
        </div>
    </div>


    <!-- 优秀案例 轮播图-->

    <div class="youxiuanli w">

        <!-- 头部 -->
        <div class="anli_module">
            <div class="w">
                <h2>优秀案例</h2>

                <div class="a1_module clearfix">
                    <div class="hd">
                        <div class="hd1"> <img src="./images/tanicon1.png" alt=""> <span>媒体</span></div>
                        <div class="hd1"><img src="./images/tanicon2.png" alt=""> <span>娱乐</span></div>
                        <div class="hd1"><img src="./images/tanicon3.png" alt=""> <span>游戏</span></div>
                        <div class="hd1"><img src="./images/tanicon4.png" alt=""> <span>电商</span></div>
                        <div class="hd1"><img src="./images/tanicon5.png" alt=""> <span>硬件</span></div>
                        <div class="hd1"><img src="./images/tanicon6.png" alt=""> <span>编辑工具</span></div>
                        <div class="hd1"><img src="./images/tanicon7.png" alt=""> <span>生活服务</span></div>
                        <div class="hd1"><img src="./images/more.rightjiantou.svg" alt=""> <span>更多案例</span></div>
                    </div>


                </div>
            </div>


        </div>


        <!-- 轮播图 -->
        <div class="div1 ">

            <!-- 左右箭头 -->
            <div class="div1_leftjiantou">
                <img src="./images/arr-left.png" alt="">
            </div>
            <div class="div1_rightjiantou">
                <img src="./images/arr-right.png" alt="">
            </div>

            <ul class="ul1">

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_zkdy.png" alt="">


                            <div>
                                <h3>中科大洋</h3>
                                <p>中科大洋是从事广电相关系统的研制开发、生产和集成的泛媒体服务商。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>一键发布</h3>
                            <p>将广电媒体融合和采编系统的内容分发与抖音发布无缝对接，为新闻媒体类的特殊场景提供解决方案。</p>
                            <h3>数据回流</h3>
                            <p>丰富的数据回流，辅助广电媒体精细化运营。</p>
                            <h3>帐号授权</h3>
                            <p>使用抖音短视频帐号授权登录，经授权用户同意，可获取抖音用户的公开信息，打通帐号体系。</p>
                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_zkdy.png" alt="">
                    </div>
                </li>


                <!-- 2 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_sztv.png" alt="">


                            <div>
                                <h3>苏州市广播电视总台</h3>
                                <p>苏州市广播电视总台利用大数据和区块链技术，以及与抖音开放平台合作的基础上，搭建了基于区块链的内容全网分发系统，实现内容的多平台多渠道统一发布，并进行互联网端内容的数字版权保护、传播效果分析和内容运营优化。
                                </p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>多端分发</h3>
                            <p>通过系统对接，综合汇聚媒体内部资源，一键发布至抖音、今日头条和西瓜视频。</p>
                            <h3>矩阵帐号</h3>
                            <p>支持管理矩阵帐号，即在一个后台系统内同时管理多个抖音账号，提升运营效率！</p>

                        </div>

                    </div>


                    <div class="div1_right">
                        <img src="./images/pic_sztv.png" alt="">
                    </div>
                </li>


                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_zkdy.png" alt="">


                            <div>
                                <h3>中科大洋</h3>
                                <p>中科大洋是从事广电相关系统的研制开发、生产和集成的泛媒体服务商。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>一键发布</h3>
                            <p>将广电媒体融合和采编系统的内容分发与抖音发布无缝对接，为新闻媒体类的特殊场景提供解决方案。</p>
                            <h3>数据回流</h3>
                            <p>丰富的数据回流，辅助广电媒体精细化运营。</p>
                            <h3>帐号授权</h3>
                            <p>使用抖音短视频帐号授权登录，经授权用户同意，可获取抖音用户的公开信息，打通帐号体系。</p>
                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_zkdy.png" alt="">
                    </div>
                </li>


            </ul>

            <ul class="ul2">

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_dianying.png" alt="">


                            <div>
                                <h3>猫眼娱乐</h3>
                                <p>猫眼娱乐是中国提供在线娱乐票务服务、娱乐内容服务、娱乐电商服务、娱乐整合营销服务、广告等创新互联网赋能娱乐服务的领先平台之一。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>影视综榜单</h3>
                            <p>抖音对外提供影视综榜单，含帐号影响力、视频讨论度、话题热度值、搜索指数等核心指标，助力影视营销效果评估。</p>
                            <h3>发布内容携带话题</h3>
                            <p>从猫眼娱乐应用一键分享和发布视频到抖音，并携带指定话题，可提升曝光并持续放大话题影响力！</p>

                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_myyl.png" alt="">
                    </div>
                </li>


                <!-- 2 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_dengta.png" alt="">


                            <div>
                                <h3>灯塔专业版</h3>
                                <p>灯塔专业版由阿里影业出品，立足影剧综及其他泛文娱行业，整合阿里海量用户数据，为行业提供全面、专业、精准的数据信息和数据决策工具，让行业更加公开透明，提升行业决策效率。
                                </p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>数据评估</h3>
                            <p>打通抖音影剧综营销数据，为文娱行业建立抖音阵地的营销数据评估体系，量化营销效果，提升营销决策效率。</p>
                            <h3>矩阵帐号</h3>
                            <p>通过抖音帐号授权与绑定能力，满足第三方平台多帐号矩阵运营诉求。针对不同兴趣圈层用户，开设不同帐号，达到多层次涨粉效果，发挥IP的最大化价值！</p>

                        </div>

                    </div>


                    <div class="div1_right">
                        <img src="./images/pic_dengta.png" alt="">
                    </div>
                </li>


                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_dianying.png" alt="">


                            <div>
                                <h3>猫眼娱乐</h3>
                                <p>猫眼娱乐是中国提供在线娱乐票务服务、娱乐内容服务、娱乐电商服务、娱乐整合营销服务、广告等创新互联网赋能娱乐服务的领先平台之一。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>影视综榜单</h3>
                            <p>抖音对外提供影视综榜单，含帐号影响力、视频讨论度、话题热度值、搜索指数等核心指标，助力影视营销效果评估。</p>
                            <h3>发布内容携带话题</h3>
                            <p>从猫眼娱乐应用一键分享和发布视频到抖音，并携带指定话题，可提升曝光并持续放大话题影响力！</p>

                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_myyl.png" alt="">
                    </div>
                </li>

            </ul>

            <ul class="ul3">

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/iconbjds.png" alt="">


                            <div>
                                <h3>宝剑大师</h3>
                                <p>《宝剑大师》是一款考验玩家的耐心和专注度的模拟造宝剑游戏，利用你天马行空的想象去做出一把属于自己的真正宝剑，跟在线玩家一起竞技PK看谁更锋利！</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>分享精彩瞬间</h3>
                            <p>可实现在用户不跳出游戏的情况下，将精彩瞬间直接分享至抖音，刺激玩家分享更多UGC内容，助力游戏内容的分发，提升内容营销价值。
                            <h3>优质转化组件</h3>
                            <p>玩家分享游戏精彩瞬间的同时，可携带指定话题和游戏站标签，提供基于优质内容的转化入口。</p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/picbjds111.png" alt="">
                    </div>
                </li>


                <!-- 2 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/icondpts111.png" alt="">


                            <div>
                                <h3>肚皮弹射</h3>
                                <p>《肚皮弹射》是一款简单易上手的休闲游戏，获得收益后，升级个人能力，让角色可以飞的更远！
                                </p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>分享高光时刻</h3>
                            <p>游戏精彩瞬间直接分享至抖音，并获取分享内容的消费数据，打造基于内容的游戏达人推广模式。</p>
                            <h3>构建社交场景</h3>
                            <p>一键直接分享至抖音好友，邀请好友一起加入；获取抖音关系列表，打造抖音好友游戏排行。</p>

                        </div>

                    </div>


                    <div class="div1_right">
                        <img src="./images/picdptsdandan.png" alt="">
                    </div>
                </li>


                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/iconbjds.png" alt="">


                            <div>
                                <h3>宝剑大师</h3>
                                <p>《宝剑大师》是一款考验玩家的耐心和专注度的模拟造宝剑游戏，利用你天马行空的想象去做出一把属于自己的真正宝剑，跟在线玩家一起竞技PK看谁更锋利！</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>分享精彩瞬间</h3>
                            <p>可实现在用户不跳出游戏的情况下，将精彩瞬间直接分享至抖音，刺激玩家分享更多UGC内容，助力游戏内容的分发，提升内容营销价值。
                            <h3>优质转化组件</h3>
                            <p>玩家分享游戏精彩瞬间的同时，可携带指定话题和游戏站标签，提供基于优质内容的转化入口。</p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/picbjds111.png" alt="">
                    </div>
                </li>


            </ul>

            <ul class="ul4">

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_smartizanaa.png" alt="">


                            <div>
                                <h3>锤子商城</h3>
                                <p>锤子在线商城是锤子科技旗下数码产品在线销售商城，主要出售锤子手机、耳机、扬声器、智能穿戴设备、及产品周边配件等。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>获取并回复用户评论</h3>
                            <p>在抖音运营官方帐号的同时，可以将用户对官方帐号的评论和回复，通过开放接口获取并录入客服系统，以便分配客服人员，第一时间对用户反馈进行回应。
                            <h3>了解并回复客户声音</h3>
                            <p>锤子品牌方设置品牌关键词，例如“锤子手机”、“坚果手机”后，并通过关键词获取抖音视频，查看视频下的评论，并进行回复，从而了解消费者声音，针对发布品牌词相关视频的用户，还可查看其粉丝等级，以便判断回复处理优先级。
                            </p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_smartizanbbb.png" alt="">
                    </div>
                </li>

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_smartizanaa.png" alt="">


                            <div>
                                <h3>锤子商城</h3>
                                <p>锤子在线商城是锤子科技旗下数码产品在线销售商城，主要出售锤子手机、耳机、扬声器、智能穿戴设备、及产品周边配件等。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>获取并回复用户评论</h3>
                            <p>在抖音运营官方帐号的同时，可以将用户对官方帐号的评论和回复，通过开放接口获取并录入客服系统，以便分配客服人员，第一时间对用户反馈进行回应。
                            <h3>了解并回复客户声音</h3>
                            <p>锤子品牌方设置品牌关键词，例如“锤子手机”、“坚果手机”后，并通过关键词获取抖音视频，查看视频下的评论，并进行回复，从而了解消费者声音，针对发布品牌词相关视频的用户，还可查看其粉丝等级，以便判断回复处理优先级。
                            </p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_smartizanbbb.png" alt="">
                    </div>
                </li>

            </ul>

            <ul class="ul5">

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_dajiangccccc.png" alt="">


                            <div>
                                <h3>大疆创新</h3>
                                <p>DJI 大疆是以生产、研发无人飞行器及飞行影像系统为主的公司，在全球商用无人机领域占据领头羊地位，同时也是抖音开放平台首家接入合作的智能硬件厂商。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>分享携带来源标签</h3>
                            <p>从大疆应用分享视频至抖音时，可在视频播放页展示拍摄所用机型，强化用户体验，拓展以兴趣为导向的商业化边界。
                            <h3>二维码识别</h3>
                            <p>支持在移动硬件上展示抖音二维码，使用抖音帐号扫码一键登录，码上连接精彩内容！</p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_dajiang1ddddddd.png" alt="">
                    </div>
                </li>


                <!-- 2 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_hisenseeeeeeee.png" alt="">


                            <div>
                                <h3>海信社交电视</h3>
                                <p>智慧大屏厂商海信发布社交电视，在电视上加摄像头。字节特效平台与大屏建立AI合作，提供视觉检测算法和大屏特效。同时，用户在家庭中拍摄的内容，能够直接发布至自己的抖音帐号。
                                </p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>Effect SDK 2.0</h3>
                            <p>集成抖音特效Effect SDK2.0，可对人像/人体/手指进行精准检测，在侧脸、暗光等极限环境下算法鲁棒，耗时最少，适用于贴纸、美颜等场景。</p>
                            <h3>一键分享抖音</h3>
                            <p>利用电视摄像头，拍摄家庭影像，将稳定清晰、生活感和妙趣性十足的个人视频，一键发布抖音，与更多人共享！</p>

                        </div>

                    </div>


                    <div class="div1_right">
                        <img src="./images/pic_hisense1fffffff.png" alt="">
                    </div>
                </li>

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_dajiangccccc.png" alt="">


                            <div>
                                <h3>大疆创新</h3>
                                <p>DJI 大疆是以生产、研发无人飞行器及飞行影像系统为主的公司，在全球商用无人机领域占据领头羊地位，同时也是抖音开放平台首家接入合作的智能硬件厂商。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>分享携带来源标签</h3>
                            <p>从大疆应用分享视频至抖音时，可在视频播放页展示拍摄所用机型，强化用户体验，拓展以兴趣为导向的商业化边界。
                            <h3>二维码识别</h3>
                            <p>支持在移动硬件上展示抖音二维码，使用抖音帐号扫码一键登录，码上连接精彩内容！</p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_dajiang1ddddddd.png" alt="">
                    </div>
                </li>


            </ul>

            <ul class="ul6">

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_jianyinggggg.png" alt="">


                            <div>
                                <h3>剪映</h3>
                                <p>全能免费的抖音官方剪辑工具，功能简单易学、滤镜高级好看、音乐好听有趣、贴纸丰富有料，帮你剪出美好生活！</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>一键发布抖音</h3>
                            <p>用户在剪映精心制作视频后，可一键分享至抖音紧跟最热潮流
                            <h3>分享携带来源标签</h3>
                            <p>从剪映分享视频至抖音时，可在视频播放页展示来源标签「剪映出品」，点击标签可跳转剪映推广页面。</p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_jianyinhhhhhhh.png" alt="">
                    </div>
                </li>


                <!-- 2 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_kuaijianjiiiiiiiii.png" alt="">


                            <div>
                                <h3>快剪辑</h3>
                                <p>快剪辑是抖音开放平台早期接入方，提供免费特效素材、电影级滤镜，还支持在线视频，边播边录。
                                </p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>抖音登录</h3>
                            <p>使用抖音帐号授权登录，简化注册步骤。</p>
                            <h3>视频分享</h3>
                            <p>通过分享SDK将制作好的视频直接分享到抖音，缩短发布流程，持续激发创作热情。</p>
                            <h3>携带话题</h3>
                            <p>分享视频的同时携带话题，在抖音端内聚合内容。</p>

                        </div>

                    </div>


                    <div class="div1_right">
                        <img src="./images/pic_kuaijianjijjjjjj.png" alt="">
                    </div>
                </li>

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_jianyinggggg.png" alt="">


                            <div>
                                <h3>剪映</h3>
                                <p>全能免费的抖音官方剪辑工具，功能简单易学、滤镜高级好看、音乐好听有趣、贴纸丰富有料，帮你剪出美好生活！</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>一键发布抖音</h3>
                            <p>用户在剪映精心制作视频后，可一键分享至抖音紧跟最热潮流
                            <h3>分享携带来源标签</h3>
                            <p>从剪映分享视频至抖音时，可在视频播放页展示来源标签「剪映出品」，点击标签可跳转剪映推广页面。</p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_jianyinhhhhhhh.png" alt="">
                    </div>
                </li>


            </ul>

            <ul class="ul7">

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_mwbydqqqqq.png" alt="">


                            <div>
                                <h3>美味不用等</h3>
                                <p>美味不用等是专业的智慧餐饮服务商，通过B端SaaS服务和C端产品，解决餐厅的效率、管理、营销、成本和顾客就餐体验等方面的问题。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>餐饮商铺与团购商品批量录入</h3>
                            <p>在抖音POI页面批量录入餐饮类商铺和商品，用户浏览和下单后，可在服务商自身系统中对订单进行查询、确认、支付、退款等操作
                            <h3>POI数据回流</h3>
                            <p>查看POI页面访问数据、交易数据、用户画像，查看分行业高热POI、通过精细化运营不断优化服务供给</p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_mwbydyyyy.png" alt="">
                    </div>
                </li>


                <!-- 2 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_sxlyooooooo.png" alt="">


                            <div>
                                <h3>随喜旅行</h3>
                                <p>随喜旅行是专业的智慧酒店、智慧景点服务商。
                                </p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>景点门店与酒店服务批量录入</h3>
                            <p>在抖音POI页面批量录入酒店类、景点类信息和商品，用户浏览和下单后，可在服务商自身系统中对订单进行查询、确认、支付、退款等操作</p>
                            <h3>发布视频携带POI</h3>
                            <p>支持发布推广内容时查询并携带POI信息，为景点或酒店获得更多曝光</p>


                        </div>

                    </div>


                    <div class="div1_right">
                        <img src="./images/pic_sxtravelppppp.png" alt="">
                    </div>
                </li>

                <!-- 1 -->
                <li class="lis1">
                    <div class="div1_left clearfix">


                        <div class="div1_1t">

                            <img src="./images/logo_mwbydqqqqq.png" alt="">


                            <div>
                                <h3>美味不用等</h3>
                                <p>美味不用等是专业的智慧餐饮服务商，通过B端SaaS服务和C端产品，解决餐厅的效率、管理、营销、成本和顾客就餐体验等方面的问题。</p>
                            </div>

                        </div>

                        <div class="div1_1b">
                            <h3>餐饮商铺与团购商品批量录入</h3>
                            <p>在抖音POI页面批量录入餐饮类商铺和商品，用户浏览和下单后，可在服务商自身系统中对订单进行查询、确认、支付、退款等操作
                            <h3>POI数据回流</h3>
                            <p>查看POI页面访问数据、交易数据、用户画像，查看分行业高热POI、通过精细化运营不断优化服务供给</p>


                        </div>

                    </div>

                    <div class="div1_right">
                        <img src="./images/pic_mwbydyyyy.png" alt="">
                    </div>
                </li>

            </ul>
        </div>


    </div>


    <!-- 接入流程 -->
    <div class="step_module">
        <div class="w">
            <h2>接入流程</h2>
            <ul>
                <li><span class="index">01</span><span class="text">开发者账号注册</span>
                    <div class="circle_icon"></div>
                </li>
                <li><span class="index">02</span><span class="text">应用接入申请</span>
                    <div class="circle_icon"></div>
                </li>
                <li><span class="index">03</span><span class="text">接入信息审核</span>
                    <div class="circle_icon"></div>
                </li>
                <li><span class="index">04</span><span class="text">第三方集成开发</span>
                    <div class="circle_icon"></div>
                </li>
            </ul>
            <div class="bg_border"></div>
        </div>
    </div>


    <!-- 立即加入 -->

    <div class="footer_module">
        <div class="w">
            <img class="left_top" src="./images/d_logo4.png" alt="">
            <img class="center_bottom" src="./images/d_logo2.png" alt="">
            <img class="right_bottom" src="./images/d_logo3.png" alt="">
            <h2>完善内容生态，深度行业合作，互惠互利</h2>

            <div class="link_btn">
                <a href="#"> 立即加入</a>
            </div>

        </div>

    </div>


    <!-- 底部 -->
    <footer class="creator-footer">
        <div class="footer_nav">
            <a href="#">账号授权协议</a>
            <a href="#">用户服务协议</a>
            <a href="#">隐私政策</a>
            <a href="#">账号找回</a>
            <a href="#">联系我们</a>
        </div>
        <div class="footer_info">
            <div>
                <span>2020 © 抖音</span>
                <span>京ICP备16016397号-3</span>
                <span>北京微播视界科技有限公司</span>
                <br>
            </div>
            <div>
                <a href="#" style="color:#fff">中国互联网举报中心</a>
                <span>网络文化许可证-京网文-（2016）2282-264号</span>
                <span>违法和不良信息举报：400-140-2108</span>
                <span>举报邮箱：jubao@douyin.com</span>
                <br>
            </div>
            <div>
                <img src="../images/gongan_d0289dc.png" alt="">
                <a href="#" style="color:#fff">京公网安备11010802023605号</a>
                <span>地址: 北京市海淀区知春路51号4层408</span>
                <br>
            </div>
        </div>

    </footer>


</body>

</html>