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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="moudle" content="index" />
    <title>方太官网-fotile方太厨房电器官方网站</title>
    <meta name="keywords" content="方太,fotile,方太厨房电器,方太吸油烟机,方太烹饪机,方太烤箱,方太热水器"/>
    <meta name="description" content="方太专注高端厨房电器，拥有吸油烟机、嵌入式灶具、嵌入式消毒柜、蒸微一体机、嵌入式蒸箱、嵌入式烤箱、嵌入式微波炉以及原创发明的水槽洗碗机、燃气热水器等九大产品线。进入方太厨房电器官方网站，了解更多方太家用电器产品详情，并获得方太专业售前、售后服务。"/>
    <script  type="text/babel"></script>
    <script ></script>
    <link rel="shortcut icon" href="/webstatic/public/favicon.ico" />
    <link href="/webstatic/public/home/css/homepage.css" rel="stylesheet" type="text/css" />
    <link href="/webstatic/public/home/new/css/swiper-3.4.2.min.css" rel="stylesheet" type="text/css">
    <link href="https://vjs.zencdn.net/7.8.2/video-js.css" rel="stylesheet" />
    
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" />
    <script charset="utf-8" type="text/javascript" ></script>
    <script ></script>
    
<script>
    (function (i, s, o, g, r, a, m) {
        i["googleanalyticsobject"] = r;
        (i[r] =
            i[r] ||
            function () {
                (i[r].q = i[r].q || []).push(arguments);
            }),
            (i[r].l = 1 * new date());
        (a = s.createelement(o)), (m = s.getelementsbytagname(o)[0]);
        a.async = 1;
        a.src = g;
        m.parentnode.insertbefore(a, m);
    })(
        window,
        document,
        "script",
        "//www.google-analytics.com/analytics.js",
        "ga"
    );

    ga("create", "ua-17555282-1", "auto", { allowlinker: true });
    ga("require", "linker");
    ga("linker:autolink", ["efotile.com"]);
    ga("send", "pageview");


    // 百度统计
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createelement("script");
        hm.src = "https://hm.baidu.com/hm.js?956adefb0eb473d0cd054107659ab6fd";
        var s = document.getelementsbytagname("script")[0];
        s.parentnode.insertbefore(hm, s);
    })();

    // fss埋码
    var _map = _map || [];
    _map.push(['_setpt', 'index']);
    (function () {
        var ma = document.createelement('script');
        ma.type = 'text/javascript';
        ma.async = true;
        ma.src = '/webstatic/public/home/js/buried.js';
        var s = document.getelementsbytagname('script')[0];
        s.parentnode.insertbefore(ma, s);
    })();
</script>
</head>

<body>
<div id="headerwpper">
<script type="text/javascript">
    window._pt_lt = new date().gettime();
    window._pt_sp_2 = [];
    _pt_sp_2.push('setaccount,13cf26c9');
    var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    (function() {
        var atag = document.createelement('script'); atag.type = 'text/javascript'; atag.async = true;
        atag.src = _protocol   'js.ptengine.cn/13cf26c9.js';
        var s = document.getelementsbytagname('script')[0];
        s.parentnode.insertbefore(atag, s);
    })();
</script>
<div class="dialog_login">
        <div class="loginmain">
            
            <div class="loginform" id="dialogpwdloginform">
                <div class="loginform-header">
                    <h2>登录/注册方太会员</h2>
                </div>
                <div class="lable">
                    <input id="ef-mobile" name="" type="text" class="inputtext" placeholder="输入手机号">
                </div>
                <div class="lable">
                    <input id="ef-password" name="" type="password" class="inputtext" placeholder="输入密码">
                </div>
                <div class="lable"><img onclick="ef_getimgverifycode();" id="ef-imgverify"  width="130" height="40"
                        class="fr">
                    <input id="ef-verify_code" name="" type="text" class="inputtext yzm" placeholder="输入计算结果">
                </div>
                <div class="other"><a href="/account/findpwd.html" class="findword">忘记密码？</a>
                    <p style="color:#999;">
                        <input id="ef-autologin" name="" type="checkbox" value="">下次自动登录
                    </p>
                </div>
                <div id="ef-login" class="btn"><a href="javascript:;">登录</a></div>
                <div class="tip">
                    <a href="javascript:void(0);" class="quick-login-link dialog-toggle-login-style">手机短信登录/注册</a>
                    <a href="/account/register.html" class="quick-reg-link">立即注册</a>
                </div>
                <div class="close"></div>
            </div>
            
    
            
            <div class="loginform" id="dialogsmsloginform" style="display:none;">
                <div class="loginform-header">
                    <h2>登录/注册方太会员</h2>
                </div>
                <div class="lable">
                    <input name="dialogsmsmobile" type="text" class="inputtext" placeholder="输入手机号">
                </div>
                <div class="lable">
                    <input type="button" value="获取验证码" class="send dialogsmssend" id="dialoggetsmsmsgbtn">
                    <input name="dialogsmsverifycode" type="text" class="inputtext yzm" placeholder="输入验证码">
                </div>
                <div class="lable slidecheck-label" style="display:none;">
                    <div id="nc" class="nc-container"></div>
                </div>
                <div class="other">
                    <p>
                        <input class="check_agreement" name="check_agreement" type="checkbox" value="">我已阅读<a class="register_agreement"
                            href="javascript:;" data-type="dialog"> 方太会员注册协议，方太会员隐私政策</a>
                    </p>
                </div>
                <div id="dialog_submit_smslogin" class="btn"><a href="javascript:;">登录/注册</a></div>
                <div class="tip">
                    <a href="javascript:void(0);" class="quick-login-link dialog-toggle-login-style">密码登录</a>
                </div>
                <div class="close"></div>
            </div>
            
        </div>
    </div>
    
    
    
    <div class="dialog_search2017">
        <div class="dsearch">
            <div class="w1170">
                <div class="close"></div>
                    
                    <input type="button" value="搜索" class="btn" onclick="search()">
                    <input id="global-search" name="keyword" type="text" placeholder="您在找什么" class="input">
            </div>
        </div>
        <div class="dsbox">
            <div class="w1170">
                <h4>快速帮助入口</h4>
            </div>
        </div>
        <div class="dsbox dbbg">
            <div class="w1170">
                <h5>自助预约服务</h5>
                <div class="txt">自助预约服务，报修，安装，预埋烟管一键搞定。</div>
                <div class="btn" onclick="setfss('yuyue')"><a href="/service.html">一键预约服务</a></div>
            </div>
        </div>
        <div class="dsbox">
            <div class="w1170">
                <h5>咨询方太厨电专家</h5>
                <div class="txt">500位专家为您提供7x24小时服务。</div>
                <div class="btn" onclick="setfss('online')"><a href="/help/chat.html">接通在线服务</a>
                    <p><span style="font-weight: lighter;">或拨打</span><span class="red">952315</span></p>
                </div>
            </div>
        </div>
        <div class="dsbox dbbg">
            <div class="w1170">
                <h5>哪里可以购买?</h5>
                <div class="txt">我们有2000多家专卖店遍布全国67个城市。</div>
                <div class="btn" onclick="setfss('shop')"><a href="/service/city/querycity.html">查询专卖店</a></div>
            </div>
        </div>
        <div class="dsbox">
            <div class="w1170">
                <h5>故障自查，不求人！</h5>
                <div class="txt">我们尽量多的搜集了故障自查方案，供您参考。</div>
                <div class="btn" onclick="setfss('fix')"><a href="/help.html">故障自查</a></div>
            </div>
        </div>
        <div class="dsbox dbbg">
            <div class="w1170">
                <h5>方太官方商城</h5>
                <div class="txt">方太官方商城，购优质产品，享专属服务。</div>
                <div class="btn" onclick="setfss('efotile')"><a href="https://www.efotile.com/?utm_source=fotile-dh&_ga=2.191498346.1909702541.1595483583-298710742.1543552640">进入方太官方商城</a></div>
            </div>
        </div>
    </div>
    
    
    
    <div class="head">
    
        <div class="zzbox"></div>
        
        <div class="w1170">
            <div class="menu">
                <div class="shopmain">
                   如何购买 
                </div>
                <div class="shopbox">
                   <a target="_blank" href="https://www.efotile.com">方太官方商城</a>
                   <a target="_blank" href="https://gxb.mmstat.com/gxb.gif?t=https://equity-vip.tmall.com/agent/mobile.htm?agentid=169579&_bind=true&mm_unid=1_746599_560501015e6d545e0400013a00055939040a500401&v=b11da791f632&di=__idfa__&dim=__imei__">方太天猫商城</a>
                   <a target="_blank" href="http://ccc-x.jd.com/dsp/tp?log=cqlskmrwtziqdnuhqlthne24wze7ldxthf2uybwhwdqhfnefn61hexvbz_zvgqf2&v=708&mobiletype=0&to=https://sale.jd.com/mall/1g8ez6ae0yn.html">方太京东商城</a>
                   <a target="_blank" href="/service/city/querycity.html">查找附近专卖店</a>
                </div>
                <div class="zxicon toggle-service-dialog">在线支持</div>
                <div class="searchb">
                    <div class="searchicon" id="pcsearch"></div>
                    <div class="inp">您在找什么</div>
                </div>
                <ul>
                    <li class="cpbtn" class="cpbtn">
                        <a href="javascript:void(0);">产品</a>
                    </li>
                    <li class="serbtn" class="serbtn">
                        
                        <a href="/service.html">服务</a>
                    </li>
                    <li  class="renwenbtn">
                        <a href="/xingfu/">幸福家</a>
                    </li>
                    
                </ul>
                <h1 onclick="setfss('logo')">
                    <img src="/uploads/image/wphiglobal/fotile_logo_2018_inverse_v2.png" alt="方太" />
                    <a href="/?from=fotile-logo" class="logo">方太</a>
                </h1>
            </div>
        </div>
        </div>
        
        <div id="global_dropdown_menu"></div>
        <script>
            $("#global_dropdown_menu").load("/common/global_dropdown_menu")
        </script>
    </div>
    
    
    
    
    <div class="service-faq-dialog" id="servicefaqdialog">
        <div class="service-faq-dialog-body">
            <div id="closeservicefaqdialog" class="close"></div>
            <div id="servicefaqdialogcontent">
                <p class="placeholder">加载中...</p>
            </div>
    
            <div class="service-faq-dialog-footer">
                <h3>如果还有其他疑问，请咨询在线客服</h3>
                <div class="online-service-control">
                    <a href="javascript:;" class="control-btn" id="beforeostap" onclick="openchat('before')">
                        <img width="100%"  alt="售前咨询">
                    </a>
                    <a href="javascript:;" class="control-btn" id="afterostap" onclick="openchat('after')">
                        <img width="100%"  alt="售后咨询">
                    </a>

                </div>
            </div>
        </div>
    </div>
    
    
    
    <div class="chart-popup chartpopup" style="display:none;">
        <div class="close closechartpopup"></div>
        <iframe name="chartiframe" id="chartiframe"  frameborder="0" align="left" width="800" height="560" scrolling="no">
            <p>你的浏览器不支持iframe标签</p >
        </iframe>
    </div>
    
    <script type="text/javascript">
        //回车搜索
        var inputtext = $("input[name=keyword]");
        inputtext.bind("keyup", function (e) {
            if (e.keycode == 13) {
                var v = $("#global-search").val();
                //过滤特殊字符
                var str=stripstr(v);
                var key=encodeuri(str);
                var eventparam={
                    "keyword": str
                };
                eventstat ("50000", 4, "view", "index", eventparam);
                window.location.href='/search/index.html?key=' key
            }
        });
        function stripstr(s)
        {
            var pattern = new regexp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]")
            var rs = "";
            for (var i = 0; i < s.length; i  ) {
                rs = rs s.substr(i, 1).replace(pattern, '');
            }
            return rs;
        }
        function search() {
            var v = $("#global-search").val();
            var str=stripstr(v);
            var key=encodeuri(str);
            // window.gio('track', 'search', {
            //     'search_keywords':key
            // });
            // $("#searchfrom").submit();
            var eventparam={
                "keyword": str
            };
            eventstat ("50000", 4, "view", "index", eventparam);
            window.location.href='/search/index.html?key=' key
        }

        // 售前、后客服
        function openchat(flag){
            $('#servicefaqdialog').hide();
            let code='';
            if(flag=='before'){
                eventstat ("62000", 5, "view", "service", {});
                code= "kf_9729_1494998648080"
            }else{
                eventstat ("63000", 5, "view", "service", {});
                code="kf_9729_1434606339202"
            }
            ntkf_param ={
                "siteid":"kf_9729" /*网站siteid*/,
                "settingid":code /*代码id*/,
                "uid":"" /*会员id*/,
                "uname":""/*会员名*/,
                "userlevel": "0"/*会员等级*/
            };
            ntalk = null;
            $.getscript('//dl.ntalker.com/js/xn6/ntkfstat.js?siteid=kf_9729', function () {
                ntkf.im_openinpagechat();
            });
        }
        function setfss(flag) {
            switch (flag) {
                case 'logo':
                    eventstat ("10000", 2, "view", "index", {});
                    break;
                case 'yuyue':
                    eventstat ("52000", 4, "view", "index", {});
                    break;
                case 'online':
                    eventstat ("53000", 4, "view", "index", {});
                    break;
                case 'shop':
                    eventstat ("54000", 4, "view", "index", {});
                    break;
                case 'fix':
                    eventstat ("55000", 4, "view", "index", {});
                    break;
                case 'efotile':
                    eventstat ("56000", 4, "view", "index", {});
                    break;
            }
        }
    </script></div>

    <div id="bodywapper" v-cloak>
        <section class="section bannerbox">
            <div class="mask"></div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" @mouseenter.stop.prevent="stopit"  @mouseleave.stop.prevent="startit" v-for="(item,index) in bannerobj" @click="setclick(item.id,item.isleave,item.wholeurl,item.backurl)">
                        <div class="wrap">
                            <div class='mytxt center' v-if="item.isleave=='1'">
                                
                                <div :class="getlocation(item.worldlocation)">
                                    <div class="tags" v-if="item.showlabel!='-1'"><span>{{item.showlabel}}</span></div>
                                    <h2 :style="item.shownamestyle">{{item.showname}}</h2>
                                    <p :style="item.abstractstyle">{{item.abstractnote}}</p>
                                    <a v-if="item.mainkey!='-1'" class="link" :style="item.mainkeystyle" style="border:none" target="_blank" :href="item.mainurl=='-1'?('javascript:;'):(item.mainurl)">
                                       {{item.mainkey}} <span class="btborder" :style="item.mainkeystyle"></span>
                                    </a>
                                </div>
                            </div>

                            <div v-if="item.videourl" style="height: 100%">
                                <video  :id="'video' item.id" preload muted autoplay loop class="bg movie"
                                        :poster="item.picurl && item.picurl[0]?item.picurl[0].coverurl1:''">
                                    <source :src="/uploads/image/hjpcss/item.videourl" type="video/mp4">
                                </video>
                            </div>
                           <img v-else class="demo1" : />
                            <div v-if="item.videourl" class="playvideo" @click="playvideo(item.id)" style="display: none">
                                <img src="/uploads/image/wphikv/stopvideo.png" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>

            <div class="bt">
                <span id="showapp" @click.stop="showapp">方太幸福家app</span>
                <span id="change" @click.stop ="changeoutfit" >幸福换装服务</span>
            </div>
            <div class="popwindow pop1">
                <div class="close-icon" @click="closepop">
                    <img src="/uploads/image/wphiicon/close.png" />
                </div>
                <img src="/uploads/image/wphicomment/app.jpg" />
            </div>
            <div class="popwindow pop2">
                <div class="close-icon" @click="closepop">
                    <img src="/uploads/image/wphiicon/close.png" />
                </div>
                <div class="title">
                    <h5>给家人换一台好厨电</h5>
                    <a href="https://www.fotile.com/huanzhuang">查看更多换装服务</a>
                </div>
                <div class="con">
                    <a href="javascript:void(0);" v-for="(item,index) in classobject9" :key="index" v-if="index<2" @click="setclick(item.id,item.isleave,item.wholeurl,item.backurl)">
                            <div class="imgbox">
                                <img : alt="">
                            </div>
                            <div class="wenzi" style="margin-right: 24px;" @mouseenter="arrowred($event)" @mouseleave="arrowgrey($event)">
                                <h3 :style="item.shownamestyle">{{item.showname}}</h3>
                                <p :style="item.abstractstyle">{{item.abstractnote}}</p>
                                <img class="arrow" style="width: 16px;"
                                     src="/uploads/image/wphiicon/arrow.png" alt="">
                            </div>
                    </a>
                </div>

            </div>
        </section>
        <section class="section section2" style="display: none">
            <div class="wraper">
                <h1>您要找哪一类厨电</h1>
                <ul class="cpul">
                    <span class="nomal">
                        <li v-for="(item,index) in classobject2" v-if="index<4" @mouseenter="switchpic($event)" @mouseleave="switchpic2($event)">
                            <a href="javascript:void(0);" @click="setclick(item.id,item.isleave,item.wholeurl,item.backurl)">
                                <p class="p1" v-if="item.smallkey && item.smallkey!='-1'" :style="item.smallkeystyle" :class="item.smallkeylocation">{{item.smallkey}}</p>
                                <img class="img1" : alt="">
                                <img class="img2" v-if="item.picurl && item.picurl[1]" : alt="">
                                <span v-if="item.smalllabel && item.smalllabel!='-1'" :style="item.smalllabelstyle" :class="[item.smalllabellocation,item.linestyle]" class="line">{{item.smalllabel}}</span>
                            </a>
                        </li>
                    </span>
                    <span class="box" style="display: none;">
                        <li v-for="(item,index) in classobject2" v-if="index>3" @mouseenter="switchpic($event)" @mouseleave="switchpic2($event)">
                           <a href="javascript:void(0);" @click="setclick(item.id,item.isleave,item.wholeurl,item.backurl)">
                                <p class="p1" v-if="item.smallkey && item.smallkey!='-1'" :style="item.smallkeystyle" :class="item.smallkeylocation">{{item.smallkey}}</p>
                                <img class="img1" : alt="">
                                <img class="img2" v-if="item.picurl && item.picurl[1]" : alt="">
                                <span v-if="item.smalllabel && item.smalllabel!='-1'" :style="item.smalllabelstyle" :class="[item.smalllabellocation,item.linestyle]" class="line">{{item.smalllabel}}</span>
                           </a>
                        </li>
                    </span>
                </ul>
                <div v-if="classobject2.length>4" class="more show" @click="showall" @mouseenter="changecolor(1)" @mouseleave="changecolor(2)"><span><em>展开所有品类</em> <img src="/uploads/image/wphiglobal/more_black-2x.png"/></span></div>
                <div v-if="classobject2.length>4" class="more hide" @click="hideall"><span><em>收起</em> <img src="/uploads/image/wphiglobal/cross-2x.png"/></span></div>
            </div>
        </section>
        <section class="section section3" v-if="classobject3 && classobject3.length>0" @click="setclick(classobject3[0].id,classobject3[0].isleave,classobject3[0].wholeurl,classobject3[0].backurl)">
            <div class='mytxt center' v-if="classobject3[0].isleave=='1'">
                <div :class="getlocation(classobject3[0].worldlocation)">
                    <h2>{{classobject3[0].showname}}</h2>
                    <p>{{classobject3[0].abstractnote}}</p>
                    <a v-if="classobject3[0].mainkey!='-1'" class="link" @click="setfss()" :style="classobject3[0].mainkeystyle" :href="classobject3[0].isleave=='1' && classobject3[0].mainurl!='-1'?classobject3[0].mainurl:''" target="_blank">
                        {{classobject3[0].mainkey}} <span class="btborder" :style="classobject3[0].mainkeystyle"></span>
                    </a>
                </div>
            </div>
            <video v-if="classobject3[0].videourl" :id="'video' classobject3[0].id" :poster="classobject3[0].picurl && classobject3[0].picurl[0]?classobject3[0].picurl[0].coverurl1:''" preload muted autoplay loop >
                <source : type="video/mp4">
            </video>
            <img v-else : style="object-fit: cover;">
        </section>
        <section class="section section4" v-if="classobject4 && classobject4.length>0">
            <ul>
                <li v-for="(item,index) in classobject4" :key="index" v-if="index<3" @click="setclick(item.id,item.isleave,item.wholeurl,item.backurl)">
                    <div class="lefttop white" v-if="item.isleave=='1'">
                        <h5 :style="item.shownamestyle">{{item.showname}}</h5>
                        <p  :style="item.abstractstyle">{{item.abstractnote}}</p>
                    </div>
                    <div v-if="item.isleave=='1'">
                        <div v-if="item.smallkey!='-1'" class="line" :class="[item.smallkeylocation,item.linestyle]">
                            <a :href="item.isleave=='1' && item.smallurl!='-1'? item.smallurl:''" :style="item.smallkeystyle">{{item.smallkey}}</a>
                        </div>
                        <div v-if="item.smalllabel!='-1'" :style="item.smalllabelstyle" :class="item.smalllabellocation">{{item.smalllabel}}</div>
                    </div>
                    <video v-if="item.videourl" preload muted autoplay loop :id="'video' item.id"  :poster="item.picurl && item.picurl[0]?item.picurl[0].coverurl1:''">
                        <source :src="/uploads/image/hjpcss/item.videourl" type="video/mp4">
                    </video>
                    <img v-else : style="object-fit:cover">
                </li>
            </ul>
        </section>
        <section class="section section5" style="display: none">
            <div class="wraper">
              <div style="height:100%" v-if="classobject5 && classobject5.length>0"  @click="setclick(classobject5[0].id,classobject5[0].isleave,classobject5[0].wholeurl,classobject5[0].backurl)">
                  <div class='mytxt center' v-if="classobject5[0].isleave=='1'">
                      <div :class="getlocation(classobject5[0].worldlocation)">
                          <p v-if="classobject5[0].abstractnote" :style="classobject5[0].abstractstyle">{{classobject5[0].abstractnote}}</p>
                          <h2 v-if="classobject5[0].showname" :style="classobject5[0].shownamestyle">{{classobject5[0].showname}}</h2>
                          <a v-if="classobject5[0].mainkey!='-1'" class="link redbtn" :style="classobject5[0].mainkeystyle" :href="classobject5[0].isleave=='1' && classobject5[0].mainurl!='-1'?classobject5[0].mainurl:''" target="_blank" >
                              {{classobject5[0].mainkey}} <span class="btborder" :style="classobject5[0].mainkeystyle"></span>
                          </a>
                      </div>
                  </div>
                  <video v-if="classobject5[0].videourl" :id="'video' classobject5[0].id" :poster="classobject5[0].picurl && classobject5[0].picurl[0]?classobject5[0].picurl[0].coverurl1:''" preload muted autoplay loop>
                      <source : type="video/mp4">
                  </video>
                  <img v-else : style="object-fit: cover">
              </div>
            </div>

            <div class="wraper">
                <div style="height:100%" v-if="classobject6 && classobject6.length>0" @click="setclick(classobject6[0].id,classobject6[0].isleave,classobject6[0].wholeurl,classobject6[0].backurl)">
                    <div class='mytxt center' v-if="classobject6[0].isleave=='1'">
                        <div :class="getlocation(classobject6[0].worldlocation)">
                            <p v-if="classobject6[0].abstractnote" :style="classobject6[0].abstractstyle">{{classobject6[0].abstractnote}}</p>
                            <h2 v-if="classobject6[0].showname" :style="classobject6[0].shownamestyle">{{classobject6[0].showname}}</h2>
                            <a v-if="classobject6[0].mainkey!='-1'" class="link" :style="classobject6[0].mainkeystyle" :href="classobject6[0].isleave=='1' && classobject6[0].mainurl!='-1'?classobject6[0].mainurl:''" target="_blank">
                                {{classobject6[0].mainkey}} <span class="btborder" :style="classobject6[0].mainkeystyle"></span>
                            </a>
                        </div>
                    </div>
                    <video v-if="classobject6[0].videourl" :id="'video' classobject6[0].id" :poster="classobject6[0].picurl && classobject6[0].picurl[0]?classobject6[0].picurl[0].coverurl1:''" preload muted autoplay loop>
                        <source : type="video/mp4">
                    </video>
                    <img v-else : alt="">
                </div>
            </div>
        </section>
        <section class="section section6" style="display: none">
            <ul>
                <li v-for="(item,index) in classobject7" :key="index" v-if="index<2" @click="setclick(item.id,item.isleave,item.wholeurl,item.backurl)">
                    <div class="lefttop" v-if="item.isleave=='1'">
                        <h5  :style="item.shownamestyle">{{item.showname}}</h5>
                        <p  :style="item.abstractstyle">{{item.abstractnote}}</p>
                    </div>
                    <div>
                        <img class="img1" :>
                        <img class="img2" v-if="item.picurl && item.picurl[1]" :>
                    </div>
                    <div v-if="item.isleave=='1'">
                        <a v-if="item.smallkey!='-1'" :href="item.isleave=='1' && item.smallurl!='-1'? item.smallurl:''" ><div class="line" :style="item.smallkeystyle" :class="[item.smallkeylocation,item.linestyle]">{{item.smallkey}}</div></a>
                        <div v-if="item.smalllabel!='-1'" :style="item.smalllabelstyle" :class="item.smalllabellocation">{{item.smalllabel}}</div>
                    </div>
                </li>
            </ul>
        </section>
        <section class="section section7" style="display: none">
            <div class="title">
                <h1>方太幸福家</h1>
                <a style="font-size: 18px;" class="line2" @click="setfss('xinfu')" href="/xingfu/" >前去方太幸福家</a>
            </div>
            <ul>
                <li v-for="(item,index) in data32" :key="index" v-if="index<3">
                    <a :href="'/xingfu/' item.contentid '.html'">
                        <div class="leftbottom white">
                            <h5 style="color:#fff;font-size: 14px">{{item.name}}</h5>
                            <h3 style="color:#fff;font-size: 18px">{{item.title}}</h3>
                        </div>
                        <img : style="object-fit: cover">
                    </a>
                </li>

            </ul>
        </section>
        <section class="section section8" style="display: none;height:600px">
            <div class="wraper" style="height:515px" @click="setclick(classobject8.id,classobject8.isleave,classobject8.wholeurl,classobject8.backurl)">

                <div class="mytxt center" style="margin-top: 60px;" v-if="classobject8.isleave=='1'">
                    <div :class="getlocation(classobject8.worldlocation)">
                        <p :style="classobject8.abstractstyle">{{classobject8.abstractnote}}</p>
                        <h2 :style="classobject8.shownamestyle">{{classobject8.showname}}</h2>
                        <a class="link" :style="classobject8.mainkeystyle"  @click="fullscreen(classobject8.id)" href="javascript:;" id="fullscreen" v-if="classobject8.mainkey!='-1'">
                            {{classobject8.mainkey}} <span class="btborder" :style="classobject8.mainkeystyle"></span>
                        </a>
                        <a class="govideolist" :href="classobject8.smallurl" target="_blank" v-if="classobject8.smallkey!='-1'">{{classobject8.smallkey}}</a>
                    </div>

                </div>
                <div style="height: 100%;width:1172px" v-if="classobject8.videourl">
                    <video :id="'video' classobject8.id" class="lastmovie prism-player" :poster="classobject8.picurl &&classobject8.picurl[0]? classobject8.picurl[0].coverurl1:''" preload muted autoplay loop style="width:100%">
                        <source :src="/uploads/image/hjpcss/classobject8.videourl" type="video/mp4">
                    </video>
                </div>

                <img v-else :src="/uploads/image/hjpcss/classobject8.picurl" alt="">
            </div>
        </section>
        
        <div class="video_player" style="display: none">
            <div class="video_close"><img @click="exitfullscreen" src="/uploads/image/wphiicon/video_close.png"></div>
            <div class="video_mask"></div>
            <div class="video_content" id="video_content">
                <div style="height: 100%">
                    <video id="myvideo"  autoplay controls preload="auto" style='width: 100%;height: 100%'>
                        <source id="source"  type="video/mp4">
                    </video>
                </div>
            </div>
        </div>
    </div>

    <div id="footerwapper"></div>
    <script>
        $("#footerwapper").load("/common/global_footer")
    </script>
<script type="text/javascript" src="/js/wnjs/jquery.js"></script>
<script src="/js/wphjs/cookie.js"></script>
<script src="/js/wphjs/global.min.js" type="text/javascript"></script>
  <script src="/js/wphnjs/swiper-3.4.2.min.js" type="text/javascript"></script>

    
    <script>
        $(function(){
            $('#headerwpper').hover(
                function () {
                    $('.head').css('background', '#fff');
                    $(".head .menu h1").css({"background-image":"","background-size":"contain"});
                },
                function () {
                    settimeout(function () {
                        console.log($('.cpnav').is(':hidden') && $('.sernav').is(':hidden') && $('.renwennav').is(':hidden'));
                        if($('.cpnav').is(':hidden') && $('.sernav').is(':hidden')&& $('.renwennav').is(':hidden')){
                            $('.head').css('background', 'none');
                            $(".head .menu h1").css({"background-image":"","background-size":"contain"});
                        }
                    }, 200)
                }
            );

            $('.cpul li').hover(
                function () {
                    $(this).find('.img2').stop().css('opacity', '0');
                    // $(this).find('.scan').show();
                    event.cancelbubble = true;
                    event.stoppropagation();
                },
                function () {
                    $(this).find('.img2').stop().css('opacity', '1');
                    // $(this).find('.scan').hide();
                    event.cancelbubble = true;
                    event.stoppropagation();
                }
            );

            // $('.swiper-slide').mouseover(function () {
            //     myswiper.stopautoplay();
            // });
            // $('.swiper-slide').mouseout(function () {
            //     myswiper.startautoplay();
            // });

            var myswiper;
            var filtervm = new vue({
                el: '#bodywapper',
                data: function() {
                    return {
                       bannerdata:[],
                        data2:[],
                        data3:[],
                        data4:[],
                        data5:[],
                        data6:[],
                        data7:[],
                        data32:[],
                        data8:[],
                        data9:[],
                        xingfudata:[],
                        videotype:'',
                        skinlayout1:[
                            {
                                "name": "h5loading",
                                "align": "cc"
                            },
                            {
                                "name": "errordisplay",
                                "align": "tlabs",
                                "x": 0,
                                "y": 0
                            },
                            {
                                "name": "infodisplay"
                            },
                            {
                                "name": "thumbnail"
                            },
                            {
                                "name": "controlbar",
                                "align": "blabs",
                                "x": 0,
                                "y": 0,
                                "children": [
                                    {
                                        "name": "playbutton",
                                        "align": "tl",
                                        "x": 15,
                                        "y": 12
                                    }
                                ]
                            }
                        ],
                        skinlayout2:[
                            {
                                "name": "bigplaybutton",
                                "align": "blabs",
                                "x": 30,
                                "y": 80
                            },
                            {
                                "name": "h5loading",
                                "align": "cc"
                            },
                            {
                                "name": "errordisplay",
                                "align": "tlabs",
                                "x": 0,
                                "y": 0
                            },
                            {
                                "name": "infodisplay"
                            },
                            {
                                "name": "thumbnail"
                            },
                            {
                                "name": "controlbar",
                                "align": "blabs",
                                "x": 0,
                                "y": 0,
                                "children": []
                            }
                        ],
                        myswiper:null
                    }
                },
                created: function() {
                    var _this=this;
                    _this.getdata();
                    _this.getxingfuads();
                },
                mounted() {
                    var _this=this;
                    this.$nexttick(function(){
                        settimeout(function () {
                            var videoarry = $("video");
                            console.log(videoarry,'videoarry');
                            for(var i=0;i<videoarry.length;i  ){
                                var poster=videoarry[i].poster;
                                var sources = videoarry[i].getelementsbytagname('source');
                                if(sources.length>0){
                                    console.log(sources[0].src);
                                    //    判断是否有视频
                                    if(sources[0].src){
                                        //    获取视频的后缀
                                        var index = sources[0].src.lastindexof(".");
                                        let videotype = sources[0].src.substring(index 1,sources[0].src.length);
                                        if(videotype=="m3u8"){
                                            $('.playvideo').hide();
                                            console.log(videotype,"videotype");
                                            var boxwidth= $('#' videoarry[i].id).parent().width() 'px';
                                            // var boxwidth= $(window).width() 'px';
                                            var boxheight= $('#' videoarry[i].id).parent().height() 'px';
                                            console.log(boxwidth,"width");
                                            console.log(boxheight,"boxheight");
                                            var skinlayout;
                                            if($('#' videoarry[i].id).hasclass('movie')){
                                                skinlayout=_this.skinlayout1
                                            }else{
                                                skinlayout=_this.skinlayout2
                                            }
                                            var player = new aliplayer({
                                                id: videoarry[i].id,
                                                height:'100%',
                                                width: '100%',
                                                videowidth:boxwidth,
                                                videoheight: 'auto',
                                                autoplay: true,
                                                cover:poster,
                                                replay:true,
                                                useh5prism:true,
                                                islive:false,//是不是直播
                                                controlbarvisibility:"hover",
                                                //支持播放地址播放,此播放优先级最高
                                                source: sources[0].src,
                                                function(player){
                                                    //先静音然后播放
                                                    player.mute();
                                                    player.play();
                                                },
                                                "skinlayout": skinlayout

                                            });
                                            // sources[0].type="application/x-mpegurl";
                                            // //    使用video.js重新加载视频
                                            // console.log(videoarry[i].id,'videoid')
                                            // //
                                            // var myplayer = videojs(videoarry[i].id);
                                            // videojs(videoarry[i].id).ready(function(){
                                            //     var myplayer = this;
                                            //     console.log("我准备好了")
                                            //     myplayer.play();
                                            // });
                                        }else{
                                            // $('.playvideo').show();
                                        }
                                    }
                                }
                            }
                        },1800)

                    });
                },
                computed:{
                    bannerobj : function () {
                        if(this.bannerdata && this.bannerdata.length>0){
                            this.bannerdata.foreach(function(item, index, array){
                                if (item.isleave =='1'){
                                    var size=(item.worldsize ?item.worldsize : '19') 'px';
                                    var color=item.worldcolor?item.worldcolor : '#fff ';
                                    var abstractcolor=item.abstractcolor ? item.abstractcolor : '#fff';
                                    var abstractsize=(item.abstractsize ?item.abstractsize : '19') 'px';
                                    var mainkeycolor=item.mainkeycolor ? item.mainkeycolor : '#fff';
                                    item.shownamestyle="font-size:" size ";color:" color;
                                    item.abstractstyle="font-size:" abstractsize ";color:" abstractcolor;
                                    item.mainkeystyle= "color:" mainkeycolor ";border-color:" mainkeycolor
                                }
                            });
                        }
                        return this.bannerdata
                    },
                    classobject2 :function(){
                        var that=this;
                        if(this.data2 && this.data2.length>0){
                            this.data2.foreach(function(item){
                                if(item.isleave=='1'){
                                    if(item.smallkey=='-1'){
                                        item.smallkeystyle='color:#555';
                                        item.smallkeylocation=''
                                    }else{
                                        item.smallkeystyle='color:' item.smallcolor;
                                        item.smallkeylocation=that.getsmalllocation(item.smalllocation);
                                    }
                                    if(item.smalllabel=='-1'){
                                        item.smalllabelstyle='color:#555';
                                        item.smalllabellocation=''
                                    }else{
                                        item.smalllabelstyle='color:' item.labelcolor;
                                        item.smalllabellocation=that.getsmalllocation(item.labellocation);
                                        item.linestyle=that.getline(item.smalllabel);
                                    }
                                }
                            });
                        }
                        return this.data2
                    },
                    classobject3 : function () {
                        if(this.data3 && this.data3.length>0){
                            this.data3.foreach(function(item, index, array){
                                if (item.isleave =='1'){
                                    var size=(item.worldsize ?item.worldsize : '19') 'px';
                                    var color=item.worldcolor?item.worldcolor : '#fff ';
                                    var abstractcolor=item.abstractcolor ? item.abstractcolor : '#fff';
                                    var abstractsize=(item.abstractsize ?item.abstractsize : '19') 'px';
                                    var mainkeycolor=item.mainkeycolor ? item.mainkeycolor : '#fff';
                                    item.shownamestyle="font-size:" size ";color:" color;
                                    item.abstractstyle="font-size:" abstractsize ";color:" abstractcolor;
                                    item.mainkeystyle= "color:" mainkeycolor ";border-color:" mainkeycolor
                                }
                            });
                        }

                        return this.data3
                    },
                    classobject4 : function () {
                        var that=this;
                        if(this.data4 && this.data4.length>0){
                            this.data4.foreach(function(item, index, array){
                                if (item.isleave =='1'){
                                    var size=(item.worldsize ?item.worldsize : '19') 'px';
                                    var color=item.worldcolor?item.worldcolor : '#fff ';
                                    var abstractcolor=item.abstractcolor ? item.abstractcolor : '#fff';
                                    var abstractsize=(item.abstractsize ?item.abstractsize : '19') 'px';
                                    var smallcolor=item.smallcolor?item.smallcolor : '#555 ';
                                    var labelcolor=item.labelcolor?item.labelcolor : '#555 ';
                                    item.shownamestyle="font-size:" size ";color:" color;
                                    item.abstractstyle="font-size:" abstractsize ";color:" abstractcolor;
                                    item.smallkeystyle= "color:" smallcolor;
                                    item.smalllabelstyle="color:" labelcolor;
                                    if(item.smallkey=='-1'){
                                        item.smallkeylocation=''
                                    }else{
                                        item.smallkeylocation=that.getsmalllocation(item.smalllocation);
                                        item.linestyle=that.getline(item.smallkey);
                                    }
                                    if(item.smalllabel=='-1'){
                                        item.smalllabellocation=''
                                    }else{
                                        item.smalllabellocation=that.getsmalllocation(item.labellocation)
                                    }
                                }
                            });
                        }

                        return this.data4
                    },
                    classobject5:function(){
                        if(this.data5 && this.data5.length>0){
                            this.data5.foreach(function(item, index, array){
                                if (item.isleave =='1'){
                                    var size=(item.worldsize ?item.worldsize : '19') 'px';
                                    var color=item.worldcolor?item.worldcolor : '#fff ';
                                    var abstractcolor=item.abstractcolor ? item.abstractcolor : '#fff';
                                    var abstractsize=(item.abstractsize ?item.abstractsize : '19') 'px';
                                    var mainkeycolor=item.mainkeycolor ? item.mainkeycolor : '#fff';
                                    item.shownamestyle="font-size:" size ";color:" color;
                                    item.abstractstyle="font-size:" abstractsize ";color:" abstractcolor;
                                    item.mainkeystyle= "color:" mainkeycolor ";border-color:" mainkeycolor
                                }
                            });
                        }

                        return this.data5
                    },
                    classobject6:function(){
                        if(this.data6 && this.data6.length>0){
                            this.data6.foreach(function(item, index, array){
                                if (item.isleave =='1'){
                                    var size=(item.worldsize ?item.worldsize : '19') 'px';
                                    var color=item.worldcolor?item.worldcolor : '#fff ';
                                    var abstractcolor=item.abstractcolor ? item.abstractcolor : '#fff';
                                    var abstractsize=(item.abstractsize ?item.abstractsize : '19') 'px';
                                    var mainkeycolor=item.mainkeycolor ? item.mainkeycolor : '#fff';
                                    item.shownamestyle="font-size:" size ";color:" color;
                                    item.abstractstyle="font-size:" abstractsize ";color:" abstractcolor;
                                    item.mainkeystyle= "color:" mainkeycolor ";border-color:" mainkeycolor
                                }
                            });
                        }

                        return this.data6
                    },
                    classobject7:function(){
                        var that=this;
                        if(this.data7 && this.data7.length>0){
                            this.data7.foreach(function(item, index, array){
                                if (item.isleave =='1'){
                                    var size=(item.worldsize ?item.worldsize : '19') 'px';
                                    var color=item.worldcolor?item.worldcolor : '#fff ';
                                    var abstractcolor=item.abstractcolor ? item.abstractcolor : '#fff';
                                    var abstractsize=(item.abstractsize ?item.abstractsize : '19') 'px';
                                    var smallcolor=item.smallcolor?item.smallcolor : '#555 ';
                                    var labelcolor=item.labelcolor?item.labelcolor : '#555 ';
                                    item.shownamestyle="font-size:" size ";color:" color;
                                    item.abstractstyle="font-size:" abstractsize ";color:" abstractcolor;
                                    item.smallkeystyle= "color:" smallcolor;
                                    item.smalllabelstyle="color:" labelcolor;
                                    if(item.smallkey=='-1'){
                                        item.smallkeylocation=''
                                    }else{
                                        item.smallkeylocation=that.getsmalllocation(item.smalllocation);
                                        item.linestyle=that.getline(item.smallkey);
                                    }
                                    if(item.smalllabel=='-1'){
                                        item.smalllabellocation=''
                                    }else{
                                        item.smalllabellocation=that.getsmalllocation(item.labellocation)
                                    }
                                }
                            });
                        }

                        return this.data7
                    },
                    classobject8:function(){
                            var obj={};
                            var that=this;
                        if(that.data8 && that.data8.length>0){
                            var flag=false;
                            that.data8.foreach(function (item) {
                                if(item.videourl){
                                    obj= item;
                                    flag=true
                                }
                                if(!flag){
                                    obj=that.data8[0];
                                    if(that.data8[0].picurl){
                                        obj.picurl=that.data8[0].picurl[0].coverurl1
                                    }else{
                                        obj.picurl=''
                                    }
                                }

                                if (obj.isleave =='1'){
                                    let size=(obj.worldsize ?obj.worldsize : '19') 'px';
                                    let color=obj.worldcolor?obj.worldcolor : '#fff ';
                                    let abstractcolor=obj.abstractcolor ? obj.abstractcolor : '#fff';
                                    let abstractsize=(obj.abstractsize ?obj.abstractsize : '19') 'px';
                                    let mainkeycolor=obj.mainkeycolor? obj.mainkeycolor : '#fff';
                                    obj.shownamestyle="font-size:" size ";color:" color;
                                    obj.abstractstyle="font-size:" abstractsize ";color:" abstractcolor;
                                    obj.mainkeystyle= "color:" mainkeycolor ";border-color:" mainkeycolor
                                }

                            });
                            console.log(obj);
                        }

                        return obj
                    },
                    classobject9:function(){
                        if(this.data9 && this.data9.length>0){
                            this.data9.foreach(function(item){
                                var size=(item.worldsize ?item.worldsize : '16') 'px';
                                var color=item.worldcolor?item.worldcolor : '#999';
                                var abstractcolor=item.abstractcolor ? item.abstractcolor : '#999';
                                var abstractsize=(item.abstractsize ?item.abstractsize : '12') 'px';
                                item.shownamestyle="font-size:" size ";color:" color;
                                item.abstractstyle="font-size:" abstractsize ";color:" abstractcolor;
                            });
                        }
                        return this.data9
                    },
                },
                methods: {
                    stopit:function(){
                        if(myswiper){
                            myswiper.stopautoplay();
                        }
                    },
                    startit:function(){
                        if(myswiper){
                            myswiper.startautoplay();
                        }
                    },
                    getdata: function(){
                        var _this=this;
                        $.ajax({
                            method: 'get',
                            url: '/adver/getadver',
                            success: function (res) {
                                if(res.success){
                                    $('.section2').show();
                                    $('.section4').show();
                                    $('.section5').show();
                                    $('.section6').show();
                                    $('.section7').show();
                                    $('.section8').show();
                                    let data=res.data.data;
                                    console.log(data);
                                    if(data){
                                        _this.bannerdata= data.pcowhp001;
                                        _this.data2= data.pcowhp002;
                                        _this.data3= data.pcowhp003;
                                        _this.data4= data.pcowhp004;
                                        _this.data5= data.pcowhp005;
                                        _this.data6= data.pcowhp006;
                                        _this.data7= data.pcowhp007;
                                        // _this.data32= data.pcowhp032;
                                        _this.data8= data.pcowhp008;
                                        _this.data9= data.pcowhp009;
                                        settimeout(function () {
                                            myswiper = new swiper ('.swiper-container', {
                                                loop: false,
                                                autoplay: 8500,
                                                paginationclickable: true,
                                                autoplaydisableoninteraction: false,
                                                pagination : '.swiper-pagination',
                                                onslidechangestart: function(swiper){
                                                    // player.pause();
                                                    // console.log('111')
                                                },

                                                // onclick: function (swiper, event) {
                                                //     let dataset =event.target.dataset;
                                                //     let name =event.target.classname;
                                                //     if(dataset.class == 'playvideo'){
                                                //
                                                //     }
                                                // }
                                            });

                                        },1800)


                                    }else{
                                        console.log(res.msg)
                                    }
                                }
                            }
                        })
                    },
                    getxingfuads:function(){
                        var _this=this;
                        $.ajax({
                            method: 'get',
                            url: '/adver/getxingfuadver',
                            success: function (res) {
                                if(res.success){
                                    let data=res.data.data.pcowhp032;
                                    if(data){
                                        _this.data32=data;
                                    }

                                }
                            }
                        })
                    },
                    showapp:function(){
                        $('.mask').fadein('fast');
                        $('.pop1').fadein('fast');
                        $('.pop1').find('img').fadein('fase');
                        $('.pop1').css({ 'width': '517px', 'height': '212px' })
                    },
                    changeoutfit:function(){
                        $('.mask').fadein('fast');
                        $('.pop2').fadein('fast');
                        $('.pop2').find('.title').fadein();
                        $('.pop2').find('.con').fadein();
                        $('.pop2').find('.con').css('display','flex');
                        $('.pop2').css({ 'width': '739px', 'height': '162px' });
                        eventstat ("12000", 2, "view", "index", {});

                    },
                    closepop:function(){
                            $('.popwindow').css({ 'width': '0', 'height': '0' });
                            $('.pop1').find('img').hide();
                            $('.pop2').find('.title').hide();
                            $('.popwindow').find('.con').hide();
                            $('.popwindow').fadeout('fast');
                            $('.mask').fadeout('fast');
                    },
                    // 小箭头动画
                    arrowred:function(event){
                        var h3=event.target.queryselector('h3');
                        var p= event.target.queryselector('p');
                        $(h3).css('color','#000');
                        $(p).css('color','#000');
                        let arrow=event.target.queryselector('.arrow');
                        arrow.src= '/webstatic/public/home/img/icon/arrowred2.png';
                    },
                    arrowgrey:function(event){
                        var h3=event.target.queryselector('h3');
                        var p= event.target.queryselector('p');
                        $(h3).css('color','#999');
                        $(p).css('color','#999');
                        var arrow=event.target.queryselector('.arrow');
                        arrow.src="/uploads/image/wphiicon/arrow.png"
                    },
                    showall:function () {
                        $('.cpul .box').slidedown('fast');
                        $('.show').hide();
                        $('.hide').show();
                        // fss埋码
                        eventstat ("10001", 2, "view", "index", {});
                    },
                    hideall:function () {
                        $('.cpul .box').slideup('fast');
                        $('.show').show();
                        $('.hide').hide()
                    },
                    changecolor:function(num){
                       if(num==1){
                           $('.show').find('img').attr("src","/webstatic/public/home/img/global/more@2x.png");
                       }else{
                           $('.show').find('img').attr("src","/webstatic/public/home/img/global/more_black@2x.png");
                       }
                    },
                    switchpic:function(event){
                        var _img=event.target.queryselector('.img2');
                        if(_img){
                            _img.style.opacity='0';
                            event.cancelbubble = true;
                            event.stoppropagation();
                        }
                    },
                    switchpic2:function(event){
                        var _img=event.target.queryselector('.img2');
                        if(_img){
                            _img.style.opacity='1';
                            event.cancelbubble = true;
                            event.stoppropagation();
                        }

                    },
                    getlocation:function(pos){
                        var str='';
                        switch (pos) {
                            case 1:
                                str='middle';
                                break;
                            case 2:
                                str='left';
                                break;
                            case 3:
                                str='right';
                                break;
                        }
                        return str
                    },
                    playvideo:function(id){
                        var video1 = document.getelementbyid("video" id);
                            if (video1.paused) {
                                video1.play();
                                $('.playvideo img').attr('src', '/webstatic/public/home/img/kv/stopvideo.png')
                            } else {
                                video1.pause();
                                $('.playvideo img').attr('src', '/webstatic/public/home/img/kv/playvideo.png')
                            }

                    },
                    fullscreen:function(id){
                        var element = $('#video' id);
                        var url = element.find('source').attr('src');
                        var index = url.lastindexof(".");
                        let videotype = url.substring(index 1,url.length);
                        this.videotype=videotype;
                        if(videotype=="m3u8"){
                            var _this=this;
                            var player = new aliplayer({
                                id: "myvideo",
                                height:"100%",
                                width: "100%",
                                videowidth:"100%",
                                videoheight: "100%",
                                autoplay: true,
                                replay:true,
                                useh5prism:true,
                                islive:false,//是不是直播
                                controlbarvisibility:"hover",
                                //支持播放地址播放,此播放优先级最高
                                source: url,
                                function(player){
                                    //先静音然后播放
                                    player.mute();
                                    player.play();
                                },
                                "skinlayout": _this.skinlayout2
                            });
                        }else{
                            document.getelementbyid("myvideo").src=url ;
                            document.getelementbyid("myvideo").play();
                        }
                        $(".video_player").fadein();

                    },
                    exitfullscreen:function(){
                        if( this.videotype=='m3u8'){
                        }else{
                            document.getelementbyid("myvideo").pause();
                        }
                        $(".video_player").fadeout();
                    },
                    getsmalllocation:function(pos){
                        var str='';
                        switch (pos) {
                            case 1:
                                str='mid';
                                break;
                            case 2:
                                str='leftbottom';
                                break;
                            case 3:
                                str='rightbottom';
                                break;
                            case 4:
                                str='lefttop';
                                break;
                            case 5:
                                str='righttop';
                                break;
                        }
                        return str
                    },
                    getline(str){
                        let line='';
                        switch (str.length) {
                            case 2:
                                line= 'linetwo';
                                break;
                            case 3:
                                line= 'line3';
                                break;
                            case 5:
                                line= 'line5';
                                break;
                            case 6:
                                line= 'line6';
                                break;
                            case 8:
                                line= 'line6';
                                break;
                            default:
                                line= '';
                        }
                        return line
                    },
                    setclick(id,isleave,wholeurl,backurl){
                        var url;
                        if(isleave=='1'){
                            url= backurl
                        }else{
                            url= wholeurl
                        }
                        let param={
                            id:id,
                            clicks:1
                        };
                        var adslist=this.getcookie("clickads");
                        if(adslist){
                            adslist=json.parse(adslist);
                           //看看有没有点过
                            if(adslist.indexof(id)==-1){
                                param.clicksnum=1;
                               adslist.push(id);
                                $.cookie('clickads',json.stringify(adslist));
                            }
                        }else{
                            //人数 1
                            param.clicksnum=1;
                            adslist=[];
                            $.cookie('clickads',json.stringify(adslist));
                        }
                        $.ajax({
                            method: 'post',
                            url: '/adver/setclicks',
                            datatype: 'json',
                            contenttype: "application/json",
                            data: json.stringify(param),
                            success: function (res) {
                                if(res.success){
                                    console.log('点击 1');
                                }
                            }
                        });
                        if(url && url!=-1){
                            settimeout(function () {
                                window.open(url,"_blank")
                            },500)
                        }
                    },
                     getcookie(name) {
                        var arr, reg = new regexp("(^| )"   name   "=([^;]*)(;|$)");
                        if (arr = document.cookie.match(reg))
                            return unescape(arr[2]);
                        else
                            return null;
                    },
                    setfss(flag){
                        if(flag=='xinfu'){
                            eventstat ("17000", 2, "view", "index", {});
                        }else{
                            //换装
                            eventstat ("12000", 2, "view", "index", {});
                        }
                    }
                }
            })
        });




      //滚动组件调用
    // $('#bodywapper').fullpage({
    //     anchors: ['1', '2', '3', '4', '5', '6', '7','8'],
	// 	afterload: function(anchorlink, index){
    //         console.log('index', index)
    //         if(index == 1){
    //         }
    //     },
    //     afterslideload: function(section, origin, destination, direction) {
    //         console.log('section.index', section.index)
    //     },
    //     onleave: function(index,nextindex,direction){
    //         //进入第一屏
    //         if (index == 2 ){

    //         }
    //         //离开第一屏
    //         if(index == '1'){

    //         }
    //     }
    // });
    </script>
</body>

</html>