<!DOCTYPE html>
<!--[if IE 8]>          <html class="ie ie8"> <![endif]-->
<!--[if IE 9]>          <html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->  <html> <!--<![endif]-->
    <head>
        <meta charset="utf-8" />
        <title>重磅！中国首部“直播带货”管理办法正式施行！13类行为被禁止 - 行业动态 - 新闻中心 - 营销,直播,应当,平台,nbsp,人员,直播间,信息</title>
        <meta name="keywords" content="营销,直播,应当,平台,nbsp,人员,直播间,信息" />
        <meta name="description" content="日前，国家互联网信息办公室、公安部、商务部、文化和旅游部、国家税务总局、国家市场监督管理总局、国家广播电视总局等七部门联合发布《网络直播营销管理办法（试行）》（以下简称《办法》），自2021年5月25" />
        <meta name="Author" content="" />
        <!-- <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" /> -->
        <link rel="canonical" href="/col_hydt/202105/32E414F9F301E31C7694506BC1A5E364.htm"/>
        <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
        <link href="../../hdui/app/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="../../hdui/app/css/hdcore.min.css" rel="stylesheet" type="text/css" />
        <!-- SWIPER SLIDER -->
        <link href="../../hdui/app/plugins/slider.swiper/dist/css/swiper.min.css" rel="stylesheet" type="text/css" />
        <link href="../../hdimg/bas/css/hdcss.css" rel="stylesheet" type="text/css" />
        <link href="../../hdimg/bas/css/hdcss2.css" rel="stylesheet" type="text/css" />
        <link href="../../hdimg/bas/images_col/mycss.css" rel="stylesheet" type="text/css" />
        <link href="../../hdimg/bas/images_col/mycssmbi.css" rel="stylesheet" type="text/css" />
        <script>
                    checkBrowser("/hdmbi/bas/col_detail.php?id=128");
            function checkBrowser(url) {
                var ua = navigator.userAgent;
                if (ua.match(/(iphone|Android|midp-2|opera mini|ucweb|windows ce|symbianos|blackberry|nokia|palm|cellphone)/i)) {
                    window.location.href = url;
                    }
            }
                    </script>
    </head>
    <body class="smoothscroll enable-animation" style="background: #f8f8f8;">
<div style="width: 100%; position: absolute; left: 0; top: 0; z-index: 2; padding: 0 50px;">
    
<div class="Headertop">
    <h1 class="logo"><a href="/"><img alt="甘肃柏隆电子商务科技有限责任公司" src="../../hdupf/gimg/202001/20200107175335_758355.png" title="" style="border:0; width:180px; height:60px"></a></h1>
    <div class="naver">
        <div class="search">
            <a href="../../s/all/"><img src="../../hdimg/bas/images_col/sch.png"/></a>
        </div>
        <ul>
            <li><a href="/">首页</a></li>
            <li class="navMenu-item navMenu-item-1"><a class="navMenu-title " href="/col_gsgk/index" target="_blank">关于柏隆</a></li><li class="navMenu-item navMenu-item-2"><a class="navMenu-title selected" href="/col_qydt/index" target="_blank">新闻中心</a><ul><li><a href="/col_qydt/index/">企业动态</a></li><li><a href="/col_hydt/index/">行业动态</a></li></ul></li><li class="navMenu-item navMenu-item-3"><a class="navMenu-title " href="/hdapp/bas/col_up.php?sn=ywfw" target="_blank">业务领域</a><ul><li><a href="/col_kjcsmf/index/">鲲迹超数魔方</a></li><li><a href="/col_kjzspt/index/">鲲迹智算平台</a></li><li><a href="/col_idctgyw/index/">IDC托管业务</a></li><li><a href="/col_swcyld/index/">算网产业落地</a></li><li><a href="/col_qklyw/index/">云服务</a></li><li><a href="/col_qghlwjrfw/index/">全国互联网接入服务</a></li><li><a href="/col_cdnznccyw/index/">CDN智能存储业务</a></li><li><a href="/col_ywstxz/index/">业务生态协作</a></li></ul></li><li class="navMenu-item navMenu-item-4"><a class="navMenu-title " href="/col_hxjzg/index" target="_blank">企业文化</a></li><li class="navMenu-item navMenu-item-5"><a class="navMenu-title " href="/col_zpxx/index" target="_blank">人才招聘</a><ul><li><a href="/col_zpxx/index/">招聘信息</a></li><li><a href="/col_rcln/index/">人才理念</a></li></ul></li><li class="navMenu-item navMenu-item-6"><a class="navMenu-title " href="/col_lxfs1/index" target="_blank">联系方式</a></li>
        </ul>
        
    </div>
</div>
</div>
<div style="position: fixed; width: 100%; height: 1065px; top:0; z-index: 0;">
    <div style="height: 1065px; width: 100%; position: relative; overflow: hidden; background: #121212;" id="img_wrapper">
        <div style="height: 1065px;margin-left: -960px; left: 50%; width: 1920px;z-index: 1; position: absolute;">
            
        </div>
        <div style="height: 1065px;margin-left: -960px; left: 50%; width: 1920px;z-index: 2; position: absolute;">
            <div class="controls">
                <div class="functions"></div>
                <div class="rotate"></div>
            </div>
            <canvas width="2560" height="1000" style="min-width: 1000px; width: 100%; position: fixed; left: 50%; top: 15%; transform: translate(-50%, -50%);z-index: 1;"></canvas>
        </div>
    </div>
</div>
<div style="width: 100%; height: 180px; margin-top: 440px; position: relative; z-index: 2; background: url(../../hdimg/bas/images_col/dot.png) no-repeat center;">
</div>
        <div class="column" style=" position: relative; z-index: 3;">
    <ul>
        <li class=""><a href="/col_qydt/index/">企业动态</a></li><li class=" on"><a href="/col_hydt/index/">行业动态</a></li>    </ul>
</div>
        <div style="background: #fff; position: relative; z-index: 2;">
        <div class="container" style="background: #fff;">
            <div class="detail">
                <h2><span style="color:#000">重磅！中国首部“直播带货”管理办法正式施行！13类行为被禁止</span> </h2>
                <div class="infos"><span>编辑：</span> <span>来源：中国网信网 广电业内</span> <span>更新于：2021-05-25</span><span>阅读：<span id="visitcount">0</span></span></div>
                <div class="contain"><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">日前，国家互联网信息办公室、公安部、商务部、文化和旅游部、国家税务总局、国家市场监督管理总局、国家广播电视总局等七部门联合发布《网络直播营销管理办法（试行）》（以下简称《办法》），自2021年5月25日起施行。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">《办法》要求，直播营销平台应当建立健全账号及直播营销功能注册注销、信息安全管理、营销行为规范、未成年人保护、消费者权益保护、个人信息保护、网络和数据安全管理等机制、措施。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">同时，《办法》还对直播营销平台相关安全评估、备案许可、技术保障、平台规则、身份认证和动态核验、高风险和违法违规行为识别处置、新技术和跳转服务风险防范、构成商业广告的付费导流服务等作出详细规定。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">《办法》将从事直播营销活动的直播发布者细分为直播间运营者和直播营销人员，明确年龄限制和行为红线，对直播间运营者和直播营销人员相关广告活动、线上线下直播场所、商品服务信息核验、虚拟形象使用、与直播营销人员服务机构开展商业合作等方面提出具体要求。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">网络直播营销管理办法（试行）</p><p><br style="text-indent: 2em; text-align: left;"/></p><h2 style="text-indent: 2em; text-align: center; line-height: 1.75em;"><span style="font-size: 24px;"><strong>第一章 总则</strong></span><br style="text-indent: 2em; text-align: left;"/></h2><p><br style="text-indent: 2em; text-align: left;"/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第一条</strong>&nbsp;为加强网络直播营销管理，维护国家安全和公共利益，保护公民、法人和其他组织的合法权益，促进网络直播营销健康有序发展，根据《中华人民共和国网络安全法》《中华人民共和国电子商务法》《中华人民共和国广告法》《中华人民共和国反不正当竞争法》《网络信息内容生态治理规定》等法律、行政法规和国家有关规定，制定本办法。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二条</strong>&nbsp;在中华人民共和国境内，通过互联网站、应用程序、小程序等，以视频直播、音频直播、图文直播或多种直播相结合等形式开展营销的商业活动，适用本办法。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">本办法所称直播营销平台，是指在网络直播营销中提供直播服务的各类平台，包括互联网直播服务平台、互联网音视频服务平台、电子商务平台等。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">本办法所称直播间运营者，是指在直播营销平台上注册账号或者通过自建网站等其他网络服务，开设直播间从事网络直播营销活动的个人、法人和其他组织。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">本办法所称直播营销人员，是指在网络直播营销中直接向社会公众开展营销的个人。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">本办法所称直播营销人员服务机构，是指为直播营销人员从事网络直播营销活动提供策划、运营、经纪、培训等的专门机构。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">从事网络直播营销活动，属于《中华人民共和国电子商务法》规定的“电子商务平台经营者”或“平台内经营者”定义的市场主体，应当依法履行相应的责任和义务。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第三条</strong>&nbsp;从事网络直播营销活动，应当遵守法律法规，遵循公序良俗，遵守商业道德，坚持正确导向，弘扬社会主义核心价值观，营造良好网络生态。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第四条</strong>&nbsp;国家网信部门和国务院公安、商务、文化和旅游、税务、市场监督管理、广播电视等有关主管部门建立健全线索移交、信息共享、会商研判、教育培训等工作机制，依据各自职责做好网络直播营销相关监督管理工作。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">县级以上地方人民政府有关主管部门依据各自职责做好本行政区域内网络直播营销相关监督管理工作。</p><p><br style="text-indent: 2em; text-align: left;"/></p><h2 style="text-indent: 2em; text-align: center; line-height: 1.75em;"><span style="font-size: 24px;"><strong>第二章 直播营销平台</strong></span></h2><p><br style="text-indent: 2em; text-align: left;"/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第五条</strong>&nbsp;直播营销平台应当依法依规履行备案手续，并按照有关规定开展安全评估。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">从事网络直播营销活动，依法需要取得相关行政许可的，应当依法取得行政许可。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第六条</strong>&nbsp;直播营销平台应当建立健全账号及直播营销功能注册注销、信息安全管理、营销行为规范、未成年人保护、消费者权益保护、个人信息保护、网络和数据安全管理等机制、措施。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台应当配备与服务规模相适应的直播内容管理专业人员，具备维护互联网直播内容安全的技术能力，技术方案应符合国家相关标准。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第七条</strong>&nbsp;直播营销平台应当依据相关法律法规和国家有关规定，制定并公开网络直播营销管理规则、平台公约。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台应当与直播营销人员服务机构、直播间运营者签订协议，要求其规范直播营销人员招募、培训、管理流程，履行对直播营销内容、商品和服务的真实性、合法性审核义务。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台应当制定直播营销商品和服务负面目录，列明法律法规规定的禁止生产销售、禁止网络交易、禁止商业推销宣传以及不适宜以直播形式营销的商品和服务类别。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第八条</strong>&nbsp;直播营销平台应当对直播间运营者、直播营销人员进行基于身份证件信息、统一社会信用代码等真实身份信息认证，并依法依规向税务机关报送身份信息和其他涉税信息。直播营销平台应当采取必要措施保障处理的个人信息安全。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台应当建立直播营销人员真实身份动态核验机制，在直播前核验所有直播营销人员身份信息，对与真实身份信息不符或按照国家有关规定不得从事网络直播发布的，不得为其提供直播发布服务。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第九条</strong>&nbsp;直播营销平台应当加强网络直播营销信息内容管理，开展信息发布审核和实时巡查，发现违法和不良信息，应当立即采取处置措施，保存有关记录，并向有关主管部门报告。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台应当加强直播间内链接、二维码等跳转服务的信息安全管理，防范信息安全风险。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十条</strong>&nbsp;直播营销平台应当建立健全风险识别模型，对涉嫌违法违规的高风险营销行为采取弹窗提示、违规警示、限制流量、暂停直播等措施。直播营销平台应当以显著方式警示用户平台外私下交易等行为的风险。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十一条</strong>&nbsp;直播营销平台提供付费导流等服务，对网络直播营销进行宣传、推广，构成商业广告的，应当履行广告发布者或者广告经营者的责任和义务。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台不得为直播间运营者、直播营销人员虚假或者引人误解的商业宣传提供帮助、便利条件。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十二条</strong>&nbsp;直播营销平台应当建立健全未成年人保护机制，注重保护未成年人身心健康。网络直播营销中包含可能影响未成年人身心健康内容的，直播营销平台应当在信息展示前以显著方式作出提示。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十三条&nbsp;</strong>直播营销平台应当加强新技术新应用新功能上线和使用管理，对利用人工智能、数字视觉、虚拟现实、语音合成等技术展示的虚拟形象从事网络直播营销的，应当按照有关规定进行安全评估，并以显著方式予以标识。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十四条</strong>&nbsp;直播营销平台应当根据直播间运营者账号合规情况、关注和访问量、交易量和金额及其他指标维度，建立分级管理制度，根据级别确定服务范围及功能，对重点直播间运营者采取安排专人实时巡查、延长直播内容保存时间等措施。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台应当对违反法律法规和服务协议的直播间运营者账号，视情采取警示提醒、限制功能、暂停发布、注销账号、禁止重新注册等处置措施，保存记录并向有关主管部门报告。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台应当建立黑名单制度，将严重违法违规的直播营销人员及因违法失德造成恶劣社会影响的人员列入黑名单，并向有关主管部门报告。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十五条</strong>&nbsp;直播营销平台应当建立健全投诉、举报机制，明确处理流程和反馈期限，及时处理公众对于违法违规信息内容、营销行为投诉举报。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">消费者通过直播间内链接、二维码等方式跳转到其他平台购买商品或者接受服务，发生争议时，相关直播营销平台应当积极协助消费者维护合法权益，提供必要的证据等支持。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十六条</strong>&nbsp;直播营销平台应当提示直播间运营者依法办理市场主体登记或税务登记，如实申报收入，依法履行纳税义务，并依法享受税收优惠。直播营销平台及直播营销人员服务机构应当依法履行代扣代缴义务。</p><p><br style="text-indent: 2em; text-align: left;"/></p><h2 style="text-indent: 2em; text-align: center; line-height: 1.75em;"><span style="font-size: 24px;"><strong>第三章 直播间运营者和直播营销人员</strong></span></h2><p><br style="text-indent: 2em; text-align: left;"/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十七条</strong>&nbsp;直播营销人员或者直播间运营者为自然人的，应当年满十六周岁；十六周岁以上的未成年人申请成为直播营销人员或者直播间运营者的，应当经监护人同意。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十八条</strong>&nbsp;直播间运营者、直播营销人员从事网络直播营销活动，应当遵守法律法规和国家有关规定，遵循社会公序良俗，真实、准确、全面地发布商品或服务信息，不得有下列行为：</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（一）违反《网络信息内容生态治理规定》第六条、第七条规定的；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（二）发布虚假或者引人误解的信息，欺骗、误导用户；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（三）营销假冒伪劣、侵犯知识产权或不符合保障人身、财产安全要求的商品；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（四）虚构或者篡改交易、关注度、浏览量、点赞量等数据流量造假；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（五）知道或应当知道他人存在违法违规或高风险行为，仍为其推广、引流；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（六）骚扰、诋毁、谩骂及恐吓他人，侵害他人合法权益；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（七）传销、诈骗、赌博、贩卖违禁品及管制物品等；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（八）其他违反国家法律法规和有关规定的行为。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第十九条</strong>&nbsp;直播间运营者、直播营销人员发布的直播内容构成商业广告的，应当履行广告发布者、广告经营者或者广告代言人的责任和义务。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十条</strong>&nbsp;直播营销人员不得在涉及国家安全、公共安全、影响他人及社会正常生产生活秩序的场所从事网络直播营销活动。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播间运营者、直播营销人员应当加强直播间管理，在下列重点环节的设置应当符合法律法规和国家有关规定，不得含有违法和不良信息，不得以暗示等方式误导用户：</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（一）直播间运营者账号名称、头像、简介；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（二）直播间标题、封面；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（三）直播间布景、道具、商品展示；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（四）直播营销人员着装、形象；</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">（五）其他易引起用户关注的重点环节。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十一条</strong>&nbsp;直播间运营者、直播营销人员应当依据平台服务协议做好语音和视频连线、评论、弹幕等互动内容的实时管理，不得以删除、屏蔽相关不利评价等方式欺骗、误导用户。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十二条</strong>&nbsp;直播间运营者应当对商品和服务供应商的身份、地址、联系方式、行政许可、信用情况等信息进行核验，并留存相关记录备查。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十三条</strong>&nbsp;直播间运营者、直播营销人员应当依法依规履行消费者权益保护责任和义务，不得故意拖延或者无正当理由拒绝消费者提出的合法合理要求。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十四条&nbsp;</strong>直播间运营者、直播营销人员与直播营销人员服务机构合作开展商业合作的，应当与直播营销人员服务机构签订书面协议，明确信息安全管理、商品质量审核、消费者权益保护等义务并督促履行。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十五条</strong>&nbsp;直播间运营者、直播营销人员使用其他人肖像作为虚拟形象从事网络直播营销活动的，应当征得肖像权人同意，不得利用信息技术手段伪造等方式侵害他人的肖像权。对自然人声音的保护，参照适用前述规定。</p><p><br style="text-indent: 2em; text-align: left;"/></p><h2 style="text-indent: 2em; text-align: center; line-height: 1.75em;"><span style="font-size: 24px;"><strong>第四章 监督管理和法律责任</strong></span></h2><p><br style="text-indent: 2em; text-align: left;"/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十六条</strong>&nbsp;有关部门根据需要对直播营销平台履行主体责任情况开展监督检查，对存在问题的平台开展专项检查。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;">直播营销平台对有关部门依法实施的监督检查，应当予以配合，不得拒绝、阻挠。直播营销平台应当为有关部门依法调查、侦查活动提供技术支持和协助。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十七条</strong>&nbsp;有关部门加强对行业协会商会的指导，鼓励建立完善行业标准，开展法律法规宣传，推动行业自律。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十八条</strong>&nbsp;违反本办法，给他人造成损害的，依法承担民事责任；构成犯罪的，依法追究刑事责任；尚不构成犯罪的，由网信等有关主管部门依据各自职责依照有关法律法规予以处理。</p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><br/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第二十九条</strong>&nbsp;有关部门对严重违反法律法规的直播营销市场主体名单实施信息共享，依法开展联合惩戒。</p><p><br style="text-indent: 2em; text-align: left;"/></p><h3 style="text-indent: 2em; text-align: center; line-height: 1.75em;"><span style="font-size: 24px;"><strong>第五章 附则</strong></span></h3><p><br style="text-indent: 2em; text-align: left;"/></p><p style="text-indent: 2em; text-align: left; line-height: 1.75em;"><strong>第三十条</strong>&nbsp;本办法自2021年5月25日起施行。</p><p><br/></p></div>
                <div class="pre_next">
                    <ul class="pager" id="prevnext"></ul>
                </div>
            </div>
        </div>
        </div>
          <div style="width: 100%; height: 53px; border-bottom: 1px solid #414141; background: #121212; position: relative; z-index: 10;">
      <div class="body wow fadeInUp">
          <div id="foot_menu">
            <ul class="yiji">
                <!-- <li><a href="/">网站首页</a></li> -->
                <li class="li1 "><a href="/col_gsgk/index">关于柏隆</a></li><li class="li2 "><a href="/col_qydt/index">新闻中心</a></li><li class="li3 "><a href="/col_qghlwjrfw/index">业务领域</a></li><li class="li4 "><a href="/col_hxjzg/index">企业文化</a></li><li class="li5 "><a href="/col_zpxx/index">人才招聘</a></li><li class="li6 "><a href="/col_lxfs1/index">联系方式</a></li>            </ul>
          </div>
          <div id="foot_lx">
            <ul>
              <li>
                <a href="#"><img src="../../hdimg/bas/images_col/wb.png"/></a>
                <div class="hover"><a href="https://mp.weixin.qq.com/s/qXhQXdxl_jefdGRLzEfFvQ"><img alt="柏隆科技" src="../../hdupf/gimg/202107/20210719175707_293057.jpg" title="" style="border:0; width:100px; height:100px"></a></div>
              </li>
              <li>
                <a href="#"><img src="../../hdimg/bas/images_col/qq.png"/></a>
                <div class="hover"><a href="https://mp.weixin.qq.com/s/qXhQXdxl_jefdGRLzEfFvQ"><img alt="柏隆科技" src="../../hdupf/gimg/202107/20210719175707_293057.jpg" title="" style="border:0; width:100px; height:100px"></a></div>
              </li>
              <li>
                <a href="#"><img src="../../hdimg/bas/images_col/wx.png"/></a>
                <div class="hover"><a href="https://mp.weixin.qq.com/s/qXhQXdxl_jefdGRLzEfFvQ"><img alt="柏隆科技" src="../../hdupf/gimg/202107/20210719175707_293057.jpg" title="" style="border:0; width:100px; height:100px"></a></div>
              </li>
            </ul>
          </div>
      </div>
  </div>
  <div style="width: 100%; height: 210px;background: #121212; position: relative; z-index: 9;">
      <div class="body wow fadeInUp">
        <div id="foot_erweima">
          <p class="pic"><a href="https://mp.weixin.qq.com/s/qXhQXdxl_jefdGRLzEfFvQ"><img alt="柏隆科技" src="../../hdupf/gimg/202107/20210719175707_293057.jpg" title="" style="border:0; width:100px; height:100px"></a></p>
          <p class="text1">服务热线：</p>
          <p class="text2">0931-2338333</p>
          <p class="text1">传真：0931-2338333</p>
        </div>
        <div id="foot_yx">
          <ul>
            <li><span class="fa fa-envelope"></span>  邮箱：bolongkeji@bolong0931.com</li>
            <li><span class="fa fa-location-arrow"></span>  地址：中国甘肃省兰州市城关区庆阳路42号</li>
          </ul>
        </div>
        <div id="foot_form">
          <p class="text1">告诉我您的电话，我们联系您</p>
          <form>
            <input class="sch_input" type="text" name="k"/>
            <a href="/f/add/?sn=guestbook&burl=aHR0cDovL3d3dy5ibDA5MzEuY29tL2hkYXBwL2Jhcy9jb2xfZGV0YWlsLnBocD9pZD0xMjg=" data-target="#modal" data-toggle="modal" data-backdrop="static" class="sch_btn block">提交</a>
          </form>
        </div>
      </div>
  </div>
<div style="width: 100%; height: 50px;background: #050505; position: relative; z-index: 9;">
  <div class="body" style="height: 50px;">
      <div id="foot_info">
          Copyrights©2025 All Rights Reserved 版权所有 甘肃柏隆电子商务科技有限责任公司 <a href="http://beian.miit.gov.cn/" target="_blank">陇ICP备19004564号</a>
          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=62010202002842" ><img src="../../hdimg/bas/images/ga.png" alt="甘公网安备62010202002842号"/> 甘公网安备 62010202002842号</a>
      </div>
  </div>
 </div>




<a href="#" id="toTop"></a>



<!--[if lte IE 9]>
    <div class="tc_cont_w  tc_show" >
      <div class="tc_bg"></div>
      <div class="tc_cont">
        <dl class="tc_main">
          <dd class="tc_head">温馨提醒</dd>
          <dd class="tc_gantan"> <img src="../../hdimg/bas/images/gantan.png" /> </dd>
          <dd class="tc_txt">尊敬的用户，为了获得更好的用户体验，建议您使用高版本浏览器来对网站进行查看。</dd>
          <dd class="tc_btn"> <a href="../../browser.htm" target="_blank">一键下载放心安装</a></dd>
        </dl>
      </div>
    </div>
<![endif]-->
<div class="mload modal fade" id="modal" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content"><div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div></div>
    </div>
</div>
<div class="mload modal fade" id="modal-sm" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content"><div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div></div>
    </div>
</div>
<div class="mload modal fade" id="modal-lg" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="text-align: center;"><div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div></div>
    </div>
</div>
<div class="mload modal fade" id="modal-full" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-full">
        <div class="modal-content"><div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div></div>
    </div>
</div>
<script type="text/javascript">var plugin_path = '../../hdui/app/plugins/';</script>
<script type="text/javascript" src="../../hdui/app/js/j.min.js"></script>
<script type="text/javascript" src="../../hdui/app/js/b.min.js"></script>
<script type="text/javascript" src="../../hdimg/bas/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="../../hdimg/bas/js/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="../../hdui/app/js/hdjs.min.js"></script>
<script type="text/javascript" src="../../hdimg/bas/js/myjs.js"></script>
<!-- SWIPER SLIDER -->
<script type="text/javascript" src="../../hdui/app/plugins/slider.swiper/dist/js/swiper.min.js"></script>
<script type="text/javascript" src="../../hdui/app/js/view/demo.swiper_slider.js"></script>

<script src="../../hdui/app/plugins/validate/jquery.validate.min.js"></script>
<script src="../../hdui/app/plugins/validate/jquery.validate.add.js"></script>
<script src="../../hdui/app/plugins/validate/jquery.validate.cn.min.js"></script>

<script>
$(document).ready(function() {
  $('.nav-menu-content-box').hover(function() {
          $(this).addClass('dow-hover');
          $(".nav-menu-content").show('slow');
      }, function() {
          $(this).removeClass('dow-hover');
      });
    $.get('/hdapp/bas/d.php?ac=all',function(all){
        var reobj = eval('(' + all + ')');
        var ttip = reobj.sysvisit.ttip;
        var ttvp = reobj.sysvisit.ttvp
        $("#umenu").html(reobj.umenu);
        $("#sys_count_ttip").html('UV/'+ttip);
        $("#sys_count_ttvp").html('PV/'+ttvp);
    })
    jQuery(".sideMenu").slide({
        titCell:"h3", //鼠标触发对象
        targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
        effect:"left", //targetCell下拉效果
        delayTime:300 , //效果时间
        triggerTime:150, //鼠标延迟触发时间（默认150）
        defaultPlay:true,//默认是否执行效果（默认true）
        returnDefault:true, //鼠标从.sideMen移走后返回默认状态（默认false）
        trigger:"mouseover"
    });
    jQuery(".txtMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:5,interTime:50});

    $(".detail img").each(function(){
      $(this).attr("title","");
    });
});
var maxHeight = 400;

$(function(){
    $(".nav-menu-content-box > li").hover(function() {
        var $container = $(this),
        $list = $container.find("ul"),
        $anchor = $container.find("a"),
        height = $list.height() * 1.1,
        multiplier = height / maxHeight;
        $container.data("origHeight", $container.height());
        $anchor.addClass("hover");
        $list
            .show()
            .css({
                paddingTop: $container.data("origHeight")
            });
        if (multiplier > 1) {
            $container
                .css({
                    height: maxHeight,
                    overflow: "hidden"
                })
                .mousemove(function(e) {
                    var offset = $container.offset();
                    var relativeY = ((e.pageY - offset.top) * multiplier) - ($container.data("origHeight") * multiplier);
                    if (relativeY > $container.data("origHeight")) {
                        $list.css("top", -relativeY + $container.data("origHeight"));
                    };
                });
        }

    }, function() {

        var $el = $(this);

        $el
            .height($(this).data("origHeight"))
            .find("ul")
            .css({ top: 0 })
            .hide()
            .end()
            .find("a")
            .removeClass("hover");

    });

});

  var dom = $('.page .box').offset();
  if(dom){
    var right = dom.left;
    $('.page .right').css('right',right+'px');
  }
  $(window).resize(function(){
    var dom = $('.page .box').offset();
    if(dom){
      var right = dom.left;
      $('.page .right').css('right',right+'px');
    }
  });
  resizeWindow();
  $(document).on('scroll',function(){
    resizeWindow();
  });
  function resizeWindow(){
      if($(document).scrollTop() > 220){
        $('.page .right').css('top','150px');
      }else{
        $('.page .right').css('top','431px');
      }
    }
</script>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"3","bdPos":"right","bdTop":"100"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script><script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"3","bdPos":"right","bdTop":"100"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>        <script src="../../hdui/app/plugins/validate/jquery.validate.min.js"></script>
        <script src="../../hdui/app/plugins/validate/jquery.validate.add.js"></script>
        <script src="../../hdui/app/plugins/validate/jquery.validate.cn.min.js"></script>
                <script type="text/javascript" charset="utf-8" src="../../hdudt/ueditor.parse.min.js"> </script>
        <script type="text/javascript" src="../../hdimg/bas/js/jquery.SuperSlide.2.1.1.js"></script>
        <script>
        uParse('#dtl_detail', {
            rootPath: '../../hdudt/'
        })
        </script>
                <script>
        $(document).ready(function() {
             var  timestr = getDateDiff('2021-05-25 15:36:00');
            $('#addtime').html(timestr);
            // 将编辑器里的图片改为响应式
            $('#dtl_detail img').each(function() {
                $(this).addClass("img-responsive");
            });
            $.get("/hdapp/bas/d.php?ac=col_detail&id=128",function(col){
                var reobj = eval('('+col+')');
                $('#prevnext').html(reobj.prevnext);
                $('#visitcount').html(reobj.colvisit);
            });
            $.get('../../hdapp/bas/col_fdb.php?id=128&burl=aHR0cDovL3d3dy5ibDA5MzEuY29tL2hkYXBwL2Jhcy9jb2xfZGV0YWlsLnBocD9pZD0xMjg=',function(fdb){
                 $('#comments').html(fdb);
            });
            $('#col_sch_bt').click(function(){
                sch(1);
            });
            jQuery(".slideTxtBox").slide();
        })
            function sch_col(page=1){
                sch(page);
            }
            function sch(page){
                $(document).scrollTop(0);
                $('#col_list').html('<div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div>')
                var q = $('#col_q').val();
                var sn = "hydt";
                $.get(encodeURI('/s/col/?q='+q+'&sn='+sn+'&page='+page),function(data){
                    var schtitle = '<div class="heading-title heading-line-single margin-bottom-0"><h3>在 行业动态 下 搜索 <span>'+q+'</span> 的结果</h3></div>'
                    $('#col_list').html(schtitle+data);
                });
            }
            function sch_hkw(k){
                $('#col_q').val(k);
                sch_col();
            }
            function getscol(ssn,sname){
            $('#col_ssn').attr('data-sign',ssn);
            $('#col_ssn').attr('data-name',sname);
            scol();
            }
            function scol(page){
                $(document).scrollTop(0);
                $('#col_list').html('<div class="text-center padding-30 margin-top-20"><img src="/hdui/app/images/loaders/10.gif" alt="loading" /><p class="margin-top-20">正在加载，请稍后...</p></div>');
                let ssn = $('#col_ssn').attr('data-sign');
                let sname = $('#col_ssn').attr('data-name');
                $.get(encodeURI('/hdapp/bas/col_sub.php?&ssn='+ssn+'&page='+page),function(data){
                    var schtitle = '<div class="heading-title heading-line-single margin-bottom-0"><h3>子类 <span>'+sname+'</span> 下的内容</h3></div>'
                    $('#col_list').html(schtitle+data);
                });
            }
            
            function getDateDiff(dateStr){
                dateTimeStamp = Date.parse(dateStr.replace(/-/gi,"/"));
                var minute = 1000 * 60;
                var hour = minute * 60;
                var day = hour * 24;
                var halfamonth = day * 15;
                var month = day * 30;
                var now = new Date().getTime();
                var diffValue = now - dateTimeStamp;
                if(diffValue < 0){return;}
                var monthC =diffValue/month;
                var weekC =diffValue/(7*day);
                var dayC =diffValue/day;
                var hourC =diffValue/hour;
                var minC =diffValue/minute;
                if(monthC>=1){
                 result="" + parseInt(monthC) + "月前";
                }
                else if(weekC>=1){
                 result="" + parseInt(weekC) + "周前";
                }
                else if(dayC>=1){
                 result=""+ parseInt(dayC) +"天前";
                }
                else if(hourC>=1){
                 result=""+ parseInt(hourC) +"小时前";
                }
                else if(minC>=1){
                 result=""+ parseInt(minC) +"分钟前";
                }else
                result="刚刚";
                return result;
            }
      </script>
      <script src="../../hdimg/bas/js/jwmeyy.js" type="text/javascript" charset="utf-8"></script>
      <script>
      var _createClass = function() {
          function defineProperties(target, props) {
              for (var i = 0; i < props.length; i++) {
                  var descriptor = props[i];
                  descriptor.enumerable = descriptor.enumerable || false;
                  descriptor.configurable = true;
                  if ("value" in descriptor) descriptor.writable = true;
                  Object.defineProperty(target, descriptor.key, descriptor);
              }
          }
          return function(Constructor, protoProps, staticProps) {
              if (protoProps) defineProperties(Constructor.prototype, protoProps);
              if (staticProps) defineProperties(Constructor, staticProps);
              return Constructor;
          };
      } ();

      function _classCallCheck(instance, Constructor) {
          if (! (instance instanceof Constructor)) {
              throw new TypeError("Cannot call a class as a function");
          }
      }

      function _possibleConstructorReturn(self, call) {
          if (!self) {
              throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
          }
          return call && (typeof call === "object" || typeof call === "function") ? call: self;
      }

      function _inherits(subClass, superClass) {
          if (typeof superClass !== "function" && superClass !== null) {
              throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
          }
          subClass.prototype = Object.create(superClass && superClass.prototype, {
              constructor: {
                  value: subClass,
                  enumerable: false,
                  writable: true,
                  configurable: true
              }
          });
          if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
      }

      var Point = function(_F3$Obj) {
          _inherits(Point, _F3$Obj);

          function Point() {
              var radius = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;

              _classCallCheck(this, Point);

              var _this = _possibleConstructorReturn(this, (Point.__proto__ || Object.getPrototypeOf(Point)).call(this));

              _this.radius = radius;
              _this.color = 'rgba(' + [Math.random() * 255 | 0, Math.random() * 255 | 0, Math.random() * 255 | 0, Math.random()].join(',') + ')';
              _this.prevCrood = null;
              return _this;
          }

          _createClass(Point, [{
              key: 'render',
              value: function render(ctx) {

                  ctx.fillStyle = '#fff';
                  ctx.fillRect(this.croods2D.position.x, this.croods2D.position.y, this.radius * this.croods2D.scale * this.yScale, this.radius * this.croods2D.scale * this.yScale);
              }
          }]);

          return Point;
      } (F3.Obj);

      var planeFunctions = {
          'sin(sqrt(x^2+z^2))': function sinSqrtX2Z2(x, z, offset) {
              return Math.sin(Math.sqrt(Math.pow(x / 2, 2) + Math.pow(z / 2, 2)) - offset);
          },
          'cos(x)*sin(z)': function cosXSinZ(x, z, offset) {
              return Math.cos(x / 4 + offset) * Math.sin(z / 4 + offset) * 1;
          }
      };

      var Effect = function(_F3$Time) {
          _inherits(Effect, _F3$Time);

          function Effect(renderer, scene, camera, cvs) {
              _classCallCheck(this, Effect);

              var _this2 = _possibleConstructorReturn(this, (Effect.__proto__ || Object.getPrototypeOf(Effect)).call(this));

              _this2.renderer = renderer;
              _this2.scene = scene;
              _this2.camera = camera;
              _this2.cvs = cvs;

              _this2.xOffset = 0;
              _this2.waveHeight = 0.4; // 波高
              _this2.waveWidth = 8; // 波长
              _this2.col = 33;
              _this2.colPointNum = 33;

              _this2.flyTime = 2000;
              _this2.timePass = 0;

              _this2.scale = 1;
              _this2.scaleStep = 0.01;

              _this2.planeFunction = function() {
                  return 0;
              };
              _this2.rotate = {
                  x: false,
                  y: false,
                  z: false
              };

              _this2.pointGroup = new F3.Obj();
              _this2.scene.add(_this2.pointGroup);

              _this2.resize(cvs.width, cvs.height);
              _this2.init();
              return _this2;
          }

          _createClass(Effect, [{
              key: 'resize',
              value: function resize(width, height) {
                  this.cvs.width = width;
                  this.cvs.height = height;
                  // this.pointGroup.position.set(this.cvs.width/2, this.cvs.height, 0);
                  this.stepWidth = width * 1.8 / this.col;
                  this.pointGroup.setPosition(this.cvs.width / 2, this.cvs.height * 1.2, -this.col * this.stepWidth / 2);
                  this.pointGroup.setRotation(0.1, 0, 0);
                  // this.waveHeight = height/2;
                  // this.waveWidth = this.waveHeight * 4;
                  // console.log(this.stepWidth);
              }
          },
          {
              key: 'init',
              value: function init() {
                  // create point
                  var point;
                  for (var x = -(this.col - 1) / 2, count = 0; x <= (this.col - 1) / 2; x++) {
                      for (var z = -(this.colPointNum - 1) / 2; z <= (this.colPointNum - 1) / 2; z++) {
                          point = new Point(10);
                          this.pointGroup.add(point);
                          /*point.initPos = new F3.Vector3(
                               x + Math.random() * -2 + 1,
                               -30 + -10 * Math.random(),
                               z + Math.random() * -2 + 1
                          );*/
                          point.initPos = new F3.Vector3(0, 0, 0);
                          point.flyDelay = 0; //Math.random() * 1000 | 0;
                      }
                  }
              }
          },
          {
              key: 'update',
              value: function update(delta) {
                  this.timePass += delta;
                  this.xOffset = this.timePass / 500;

                  var point = void 0;
                  var flyPecent = void 0;
                  var x = void 0,
                  y = void 0,
                  z = void 0;
                  var count = 0;

                  // if (this.timePass < 100)
                  for (x = -(this.col - 1) / 2; x <= (this.col - 1) / 2; x++) {
                      for (z = -(this.colPointNum - 1) / 2; z <= (this.colPointNum - 1) / 2; z++) {

                          // let y = Math.cos(x*Math.PI/this.waveWidth + this.xOffset)*Math.sin(z*Math.PI/this.waveWidth + this.xOffset) * this.waveHeight;
                          y = this.planeFunction(x, z, this.xOffset);
                          // let y = Math.sin(Math.sqrt(Math.pow(x/v, 2)+Math.pow(z/v, 2)) - this.xOffset) * 1
                          // console.log(y);
                          point = this.pointGroup.children[count];
                          point.yScale = 1; //(-y + 0.6)/(this.waveHeight) * 1.5;
                          flyPecent = (this.timePass - point.flyDelay) / this.flyTime;
                          flyPecent = flyPecent > 1 ? 1 : flyPecent < 0 ? 0 : flyPecent;

                          point.setPosition(x * this.stepWidth, y * this.stepWidth, z * this.stepWidth);
                          count++;
                      }
                  }
                  if (this.rotate.x || this.rotate.y || this.rotate.z) {
                      this.pointGroup.setRotation(this.rotate.x ? this.pointGroup.rotation.x + 0.001 : 0, this.rotate.y ? this.pointGroup.rotation.y + 0.001 : 0, this.rotate.z ? this.pointGroup.rotation.z + 0.001 : 0);
                  }
              }
          },
          {
              key: 'setFunction',
              value: function setFunction(fun) {
                  this.planeFunction = fun;
              }
          },
          {
              key: 'toggleRotate',
              value: function toggleRotate(r) {
                  this.rotate[r] = !this.rotate[r];
                  if (!this.rotate[r]) {
                      this.pointGroup.rotation[r] = 0;
                  }
              }
          },
          {
              key: 'animate',
              value: function animate() {
                  var _this3 = this;

                  this.addTick(function(delta) {
                      _this3.update(delta);
                      _this3.renderer.render(_this3.scene, _this3.camera);
                  });
              }
          }]);

          return Effect;
      } (F3.Time);

      function init(cvs) {
          var ctx = cvs.getContext('2d');

          var scene = new F3.Scene();
          var camera = new F3.Camera();
          camera.origin = new F3.Vector3(cvs.width / 2, cvs.height / 3);
          camera.p = 1200;

          var renderer = new F3.Renderer(ctx, cvs);
          var effect = new Effect(renderer, scene, camera, cvs);
          effect.animate();

          var functions = document.querySelector('.functions');
          var btnHTML = '';
          for (var name in planeFunctions) {
              btnHTML += '<div class="btn" data-function="' + name + '">' + name + '</div>';
          }
          functions.innerHTML = btnHTML;

          var btns = functions.querySelectorAll('.btn');
          function selectFunction(funName) {
              btns.forEach(function(btn) {
                  var dataFunction = btn.dataset.
                  function;
                  if (dataFunction === funName) {
                      btn.classList.add('active');
                      effect.setFunction(planeFunctions[funName]);
                  } else {
                      btn.classList.remove('active');
                  }
              });
          }
          selectFunction(btns[0].dataset.
          function);
          functions.addEventListener('click',
          function(e) {
              if (e.target.dataset.
              function) {
                  selectFunction(e.target.dataset.
                  function);
              }
          });

          var rotate = document.querySelector('.rotate');
          var rotateBtns = rotate.querySelectorAll('.btn');
          function toggleRotate(_r) {
              rotateBtns.forEach(function(rotateBtn) {
                  var r = rotateBtn.dataset.rotate;
                  if (r === _r) {
                      rotateBtn.classList.toggle('active');
                      effect.toggleRotate(r);
                  }
              });
          }
          toggleRotate('y');
          rotate.addEventListener('click',
          function(e) {
              if (e.target.dataset.rotate) {
                  toggleRotate(e.target.dataset.rotate);
              }
          });

          F3.TIME.start();
      }
      init(document.querySelector('canvas'));
      </script>
    </body>
</html>