$(function () {
  var jsParams = getJsParams("yy_sem_block");
  var yonyouSemBlock_style = document.createElement("style");
  yonyouSemBlock_style.type = "text/css";
  yonyouSemBlock_style.id = "right-block-style";
  yonyouSemBlock_style.innerHTML +=
    " .yy-right-block-fixed {position: fixed;bottom: 20px;right: -5px;width: 70px;z-index: 10;}";
  yonyouSemBlock_style.innerHTML +=
    " @keyframes dahuiZoomInOut { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-sem {position: relative;width: 70px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-sem li a{text-align:center;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed li a div{text-align:center;white-space:nowrap}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed li a img{width:28px;display:inline-block;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed li {margin-bottom: 10px;width: 65px;box-sizing: border-box;padding: 8px;background: #E60012;border-radius: 6px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed li a {display: block;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed li span {display: block;width: 30px;height: 1px;background: #EDEDEC;margin:  3px auto;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box {position: absolute;width: 160px;right: 90px;top: 0;display: none;border-radius: 6px;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 12%);}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-guanzhu {position: absolute;width: 360px;right: 90px;top: 60px;display: none;border-radius: 6px;text-align:center;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-ceo {text-align:center;top:0px}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-zixun {text-align:center;top:80px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-zixun .inner-dot{top:50px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-phone-presale {top: 0px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-phone-presale .inner-dot{top:20px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-phone-aftersale {top: 60px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-phone-aftersale .inner-dot{top:20px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-online {top: 185px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-online .inner-dot{top: 9px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-form {top: 240px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-con {padding: 12px 0px 8px 16px;position: relative;height: px;background: #fff;border: 1px solid #f8f8f8;border-radius: 6px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-con p {font-size: 14px;font-weight: 400;height: 20px;line-height: 20px;color: #666666;border-radius: 6px;margin-bottom: 4px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-box-ceo .inner-box-con p{line-height:16px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .inner-dot {position: absolute;right: -15px;top: 23px;background: url(/sem/images/dot_04.png) no-repeat center center;width: 22px;height: 22px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-right-block-fixed .gotop {display: none;width: 62px;height: 60px;border-radius: 6px;background: url(/sem/images/top.png) no-repeat center center #fff;border: 1px solid #f8f8f8;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-bottom-block-fixed {position: fixed;width: 100%;height: 60px;bottom: 0px;background-color: #fff;z-index: 9;font-size: 12px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-bottom-block-fixed ul { width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-bottom-block-fixed ul li {width: 25%;color: #fff;text-align: center;} ";
  yonyouSemBlock_style.innerHTML +=
    ".yy-bottom-block-fixed ul li img {margin: 0px auto;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-bottom-block-fixed ul li p {margin: 0px auto; color: #666666; font-size:12px;}";
  yonyouSemBlock_style.innerHTML +=
    ".yy-bottom-block-fixed .inner-box-ceo-phone {position: absolute; bottom: 70px;} ";
  yonyouSemBlock_style.innerHTML +=
    ".yy-bottom-block-fixed .inner-box-ceo-zixun {position: absolute; bottom: 70px;left:65px;} ";
  yonyouSemBlock_style.innerHTML += ".pactive{display:none !important} ";

  var yonyouSemBlock_dom = '<div class="yonyou-sem-block">';
  if (yonyoucomBrowserType == "pc") {
    // PC端底部营销组件
    yonyouSemBlock_dom += '<div class="yy-right-block-fixed">';
    yonyouSemBlock_dom += '<div class="inner-sem">';
    yonyouSemBlock_dom += "<ul>";
    yonyouSemBlock_dom += "<li>";
    yonyouSemBlock_dom +=
      '<a><div class="sem-ceo"><img width="100%" src="/assets/images/fixed/shouye/nor_ceo.png"><p style="font-size:12px;color:#FFFFFF;opacity: 0.8;">对话CEO</p><span></span></div><div class="sem-guanzhu"><img width="100%" src="/assets/images/fixed/shouye/nor_guanzhu.png"><p style="font-size:12px;color:#FFFFFF;opacity: 0.8;">关注我们</p></div></a>';
    yonyouSemBlock_dom += "</li>";
    yonyouSemBlock_dom += "</ul>";

    yonyouSemBlock_dom += '<div class="inner-box inner-box-ceo">';
    yonyouSemBlock_dom +=
      '<div class="inner-box-con" style="padding: 8px 8px 0px 8px; height: 230px"><p style="color: #E50010;font-size: 14px;font-weight: bold;">对话3377体育CEO</p><img width="100%" height=”100%“ src="/assets/images/fixed/shouye/pic-ceo.png"><p style="color: #333333;font-size: 12px;">扫一扫</p><p style="color: #333333;font-size: 12px;">关注“3377体育CEO”服务号</p></div><div class="inner-dot"></div>';
    yonyouSemBlock_dom += "</div>";

    yonyouSemBlock_dom += '<div class="inner-box inner-box-guanzhu">';
    yonyouSemBlock_dom +=
      '<div class="inner-box-con" style="padding: 0; height: 230px"><img width="100%" height=”100%“ src="/assets/images/rightBlock/guanzhu.png"></div><div class="inner-dot"></div>';
    yonyouSemBlock_dom += "</div>";
    yonyouSemBlock_dom += "</div>";

    yonyouSemBlock_dom += '<div class="inner-sem">';
    yonyouSemBlock_dom += "<ul>";
    yonyouSemBlock_dom += "<li>";
    yonyouSemBlock_dom +=
      '<a href="javascript:;"><div class="sem-phone-presale"><img width="100%" src="/assets/images/fixed/shouye/nor_phone.png"><p style="font-size:12px;color:#FFFFFF;opacity: 0.8;">售前电话</p><span></span></div><div class="sem-phone-aftersale"><img width="100%" src="/assets/images/fixed/shouye/nor_phone.png"><p style="font-size:12px;color:#FFFFFF;opacity: 0.8;">售后电话</p><span></span></div><div class="sem-zixun"><img width="100%" src="/assets/images/fixed/shouye/nor_zixun.png"><p style="font-size:12px;color:#FFFFFF;opacity: 0.8;position: relative;left: -5px;">专家面对面</p><span></span></div><div class="sem-online"><img width="100%" src="/assets/images/fixed/shouye/nor_online.png"><p style="font-size:12px;color:#FFFFFF;opacity: 0.8;">在线咨询</p><span></span></div><div class="sem-form"><img width="100%" src="/assets/images/fixed/shouye/nor_free.png"><p style="font-size:12px;color:#FFFFFF;opacity: 0.8;">获取方案</p></div></a>';
    yonyouSemBlock_dom += "</li>";
    yonyouSemBlock_dom += "</ul>";

    yonyouSemBlock_dom += '<div class="inner-box inner-box-phone-presale">';
    yonyouSemBlock_dom += '<div class="inner-box-con">';
    yonyouSemBlock_dom += "<p>售前咨询热线</p>";
    yonyouSemBlock_dom +=
      "<p class='yonyou_channel_phonenum'>" +
      (jsParams.type == "yonsuite" ? "4006-600-500" : "4006-600-577") +
      "</p>";
    yonyouSemBlock_dom += "</div>";
    yonyouSemBlock_dom += '<div class="inner-dot"></div>';
    yonyouSemBlock_dom += "</div>";

    yonyouSemBlock_dom += '<div class="inner-box inner-box-phone-aftersale">';
    yonyouSemBlock_dom += '<div class="inner-box-con">';
    yonyouSemBlock_dom += "<p>售后服务热线</p>";
    yonyouSemBlock_dom += "<p>4006-600-588</p>";
    yonyouSemBlock_dom += "</div>";
    yonyouSemBlock_dom += '<div class="inner-dot"></div>';
    yonyouSemBlock_dom += "</div>";

    yonyouSemBlock_dom += '<div class="inner-box inner-box-zixun">';
    yonyouSemBlock_dom +=
      '<div class="inner-box-con" style="padding: 8px 8px 0px 8px; height: 210px">';
    yonyouSemBlock_dom +=
      '<img width="100%" height=”100%“ src="/sem/images/bg/other.png">';
    yonyouSemBlock_dom += "</div>";
    yonyouSemBlock_dom += '<div class="inner-dot"></div>';
    yonyouSemBlock_dom += "</div>";

    yonyouSemBlock_dom += '<div class="inner-box inner-box-online">';
    yonyouSemBlock_dom += '<div class="inner-box-con" >';
    yonyouSemBlock_dom += "<p>点击立即咨询服务</p>";
    yonyouSemBlock_dom += "</div>";
    yonyouSemBlock_dom += '<div class="inner-dot"></div>';
    yonyouSemBlock_dom += "</div>";

    yonyouSemBlock_dom += '<div class="inner-box inner-box-form">';
    yonyouSemBlock_dom += '<div class="inner-box-con">';
    yonyouSemBlock_dom += "<p>提交您的需求</p>";
    yonyouSemBlock_dom += "<p>专家与您联系</p>";
    yonyouSemBlock_dom += "</div>";
    yonyouSemBlock_dom += '<div class="inner-dot"></div>';
    yonyouSemBlock_dom += "</div>";

    yonyouSemBlock_dom += "</div>";
    yonyouSemBlock_dom += "</div>";
  } else {
    // 移动端底部营销组件
    yonyouSemBlock_dom += '<div class="yy-bottom-block-fixed">';
    yonyouSemBlock_dom +=
      '<div style="display: none;text-align: center;" class="inner-box-ceo-phone"><img width="180px" src="/assets/images/fixed/shouye/phone-ceo.png"></div>';
    yonyouSemBlock_dom +=
      '<div style="display: none;text-align: center;" class="inner-box-ceo-zixun"><img width="240px" src="/assets/images/fixed/shouye/phone-zixun.png"></div>';
    yonyouSemBlock_dom += "<ul>";
    yonyouSemBlock_dom +=
      '<li class="sem-ceo-phone"><div style="display:block;text-align: center;"><img width="30px" src="/assets/images/fixed/shouye/p-ceo.png"/><p>对话CEO</p></div><div class="pactive"><img width="30px" src="/assets/images/fixed/shouye/r-ceo.png"/><p style="color: #E91315;">对话CEO</p></div></li>';
    yonyouSemBlock_dom +=
      '<li class="sem-phone"><div style="display:block;text-align: center;"><a href="tel:' +
      (jsParams.type == "yonsuite" ? "4006600500" : "4006600511") +
      '"><img width="30px" src="/assets/images/fixed/shouye/p-phone.png"/><p>电话沟通</p></a></div><div class="pactive"><a><img width="30px" src="/assets/images/fixed/shouye/r-phone.png"/><p style="color: #E91315;">电话沟通</p></a></div></li>';
    yonyouSemBlock_dom +=
      '<li class="sem-zixun"><div style="display:block;text-align: center;"><img width="30px" src="/assets/images/fixed/shouye/p-zixun.png"/><p>专家面对面</p></div><div class="pactive"><img width="30px" src="/assets/images/fixed/shouye/r-zixun.png"/><p style="color: #E91315;">专家面对面</p></div></li>';
    yonyouSemBlock_dom +=
      '<li class="sem-online" title="在线咨询"><div style="display:block;text-align: center;"><img width="30px" src="/assets/images/fixed/shouye/p-online.png"/><p>在线咨询</p></div><div class="pactive"><img width="30px" src="/assets/images/fixed/shouye/r-online.png"/><p style="color: #E91315;">在线咨询</p></div></li>';
    yonyouSemBlock_dom +=
      '<li title="获取方案" class="sem-form"><div style="display:block;text-align: center;"><img width="30px" src="/assets/images/fixed/shouye/p-free.png"/><p>获取方案</p></div><div class="pactive"><img width="30px" src="/assets/images/fixed/shouye/r-free.png"/><p style="color: #E91315;">免费体验</p></div></li>';
    yonyouSemBlock_dom += "</ul>";
    yonyouSemBlock_dom += "</div>";
  }
  yonyouSemBlock_dom += "</div>";

  $("body").append(yonyouSemBlock_dom);
  $(".yonyou-sem-block").append(yonyouSemBlock_style);

  typeof changePhoneNumber === "function" ? changePhoneNumber() : "";

  // 导航手机号悬浮显示二维码
  if ($(".header-phone").length == 0) {
    var phoneDom =
      '<div class="header-phone" style="width: 156px;height:160px;position: fixed;left:61%;top:0;display: none;z-index: 1000;">';
    phoneDom +=
      '<img style="width: 100%;height:100%" src="/assets/images/default.png">';
    phoneDom += "</div>";
    $("body").append(phoneDom);
  }
  $(".header-box").hover(
    function () {
      $(".header-phone").fadeIn();
    },
    function () {
      $(".header-phone").fadeOut();
    }
  );

  // 电脑端对话CEO悬浮显示二维码
  $(".inner-sem .sem-ceo").hover(
    function () {
      $(".inner-box-ceo").fadeIn();

      $(".sem-ceo img").attr(
        "src",
        "/assets/images/fixed/shouye/ceo.png"
      );
      $(".sem-ceo p").css("opacity", "1");
    },
    function () {
      $(".inner-box-ceo").fadeOut();

      $(".sem-ceo img").attr(
        "src",
        "/assets/images/fixed/shouye/nor_ceo.png"
      );
      $(".sem-ceo p").css("opacity", "0.8");
    }
  );

  // 电脑端关注我们悬浮显示二维码
  $(".inner-sem .sem-guanzhu").hover(
    function () {
      $(".inner-box-guanzhu").fadeIn();
      $(".sem-guanzhu img").attr(
        "src",
        "/assets/images/fixed/shouye/guanzhu.png"
      );
      $(".sem-guanzhu p").css("opacity", "1");
    },
    function () {
      $(".inner-box-guanzhu").fadeOut();
      $(".sem-guanzhu img").attr(
        "src",
        "/assets/images/fixed/shouye/nor_guanzhu.png"
      );
      $(".sem-guanzhu p").css("opacity", "0.8");
    }
  );

  // 电脑端售前电话悬浮显示电话
  $(".inner-sem .sem-phone-presale").hover(
    function () {
      $(".inner-box-phone-presale").fadeIn();
      $(".sem-phone-presale img").attr(
        "src",
        "/assets/images/fixed/shouye/phone.png"
      );
      $(".sem-phone-presale p").css("opacity", "1");
    },
    function () {
      $(".inner-box-phone-presale").fadeOut();
      $(".sem-phone-presale img").attr(
        "src",
        "/assets/images/fixed/shouye/nor_phone.png"
      );
      $(".sem-phone-presale p").css("opacity", "0.8");
    }
  );

  // 电脑端售后电话悬浮显示电话
  $(".inner-sem .sem-phone-aftersale").hover(
    function () {
      $(".inner-box-phone-aftersale").fadeIn();
      $(".sem-phone-aftersale img").attr(
        "src",
        "/assets/images/fixed/shouye/phone.png"
      );
      $(".sem-phone-aftersale p").css("opacity", "1");
    },
    function () {
      $(".inner-box-phone-aftersale").fadeOut();
      $(".sem-phone-aftersale img").attr(
        "src",
        "/assets/images/fixed/shouye/nor_phone.png"
      );
      $(".sem-phone-aftersale p").css("opacity", "0.8");
    }
  );

  // 电脑端专家面对面（扫码添加企业微信咨询）悬浮显示二维码
  $(".inner-sem .sem-zixun").hover(
    function () {
      $(".inner-box-zixun").fadeIn();
      $(".sem-zixun img").attr(
        "src",
        "/assets/images/fixed/shouye/zixun.png"
      );
      $(".sem-zixun p").css("opacity", "1");
    },
    function () {
      $(".inner-box-zixun").fadeOut();
      $(".sem-zixun img").attr(
        "src",
        "/assets/images/fixed/shouye/nor_zixun.png"
      );
      $(".sem-zixun p").css("opacity", "0.8");
    }
  );

  // 电脑端在线咨询悬浮显示提示信息
  $(".inner-sem .sem-online").hover(
    function () {
      $(".inner-box-online").fadeIn();

      $(".sem-online img").attr(
        "src",
        "/assets/images/fixed/shouye/online.png"
      );
      $(".sem-online p").css("opacity", "1");
    },
    function () {
      $(".inner-box-online").fadeOut();
      $(".sem-online img").attr(
        "src",
        "/assets/images/fixed/shouye/nor_online.png"
      );
      $(".sem-online p").css("opacity", "0.8");
    }
  );

  // 电脑端获取方案悬浮显示提示信息
  $(".inner-sem .sem-form").hover(
    function () {
      $(".inner-box-form").fadeIn();

      $(".sem-form img").attr(
        "src",
        "/assets/images/fixed/shouye/free.png"
      );
      $(".sem-form p").css("opacity", "1");
    },
    function () {
      $(".inner-box-form").fadeOut();

      $(".sem-form img").attr(
        "src",
        "/assets/images/fixed/shouye/nor_free.png"
      );
      $(".sem-form p").css("opacity", "0.8");
    }
  );

  // 手机端对话CEO点击悬浮二维码
  $(".yy-bottom-block-fixed ul .sem-ceo-phone").on("click", function () {
    if ($(this)[0].firstChild.style.display == "block") {
      $(".inner-box-ceo-phone").fadeIn();
      $($(this)[0].firstChild)
        .addClass("pactive")
        .siblings()
        .removeClass("pactive");
      $(this)[0].firstChild.style.display = "none";
    } else {
      $(".inner-box-ceo-phone").fadeOut();
      $(this)[0].firstChild.style.display = "block";
      $($(this)[0].lastChild)
        .addClass("pactive")
        .siblings()
        .removeClass("pactive");
    }
  });

  // 手机端专家面对面（扫码添加企业微信咨询）点击显示二维码
  $(".sem-zixun").on("click", function () {
    if ($(".inner-box-ceo-zixun")[0].style.display == "none") {
      $(".inner-box-ceo-zixun").fadeIn();
    } else {
      $(".inner-box-ceo-zixun").fadeOut();
    }
  });

  // 电脑端&手机端获取方案跳转表单链接
  $(".sem-form").on("click", function () {
    if (yonyoucomBrowserType == "pc") {
      window.open(
        jsParams.submitform
          ? jsParams.submitform
          : "/subject/zongbiaodan"
      );
    } else {
      window.location.href = jsParams.submitform
        ? jsParams.submitform
        : "/subject/zongbiaodan";
    }
  });

  // 智齿
  (function (w, d, e, x) {
    w[e] = function () {
      w.cbk = w.cbk || [];
      w.cbk.push(arguments);
    };
    x = d.createElement("script");
    x.async = true;
    x.id = "zhichiScript";
    x.className = "sem-online";
    x.src =
      "https://" +
      (jsParams.type == "yonsuite" ? "yonyoucloud" : "yonyousem") +
      ".sobot.com/chat/frame/v2/entrance.js?sysnum=" +
      (jsParams.type == "yonsuite"
        ? "10d32db4a7004df2846fa43eede0e355"
        : "573ac10f0a5942b3ada646ac7f4204b2");
    d.body.appendChild(x);
  })(window, document, "zc");
  var zcConfigParams = {
    custom: true, //设置自定义生效 第二步
    customer_fields: {},
    params: {},
  };
  if (jsParams.type != "yonsuite") {
    zcConfigParams.channelid = 4;
    zcConfigParams.robotid = 6;
  }

  if (sessionStorage.channel_name) {
    zcConfigParams.customer_fields.customField3 = sessionStorage.channel_name;
    zcConfigParams.params["投放渠道"] = sessionStorage.channel_name;
  }
  if (sessionStorage.keyword) {
    zcConfigParams.customer_fields.customField4 = sessionStorage.keyword;
    zcConfigParams.params["关键词"] = sessionStorage.keyword;
  }
  if (sessionStorage.search_word) {
    zcConfigParams.customer_fields.customField5 = sessionStorage.search_word;
  }

  zcConfigParams.customer_fields = JSON.stringify(
    zcConfigParams.customer_fields
  );
  zcConfigParams.params = JSON.stringify(zcConfigParams.params);
  zc("config", zcConfigParams);
});