{"version":3,"sources":["webpack:///./src/views/shenxingxia/index.vue","webpack:///./src/views/shenxingxia/index.vue?af18","webpack:///./src/views/shenxingxia/index.vue?7131"],"names":["class","style","_createElementVNode","src","controls","name","loop","controlsList","id","type","href","rel","_hoisted_22","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","onClick","_ctx","openProductFile","$setup","_hoisted_11","showFullVideoFlag","_hoisted_20","_hoisted_21","components","setup","state","reactive","viewVideoFun","proxy","getCurrentInstance","onMounted","document","title","window","scrollTo","$","click","this","hide","pause","play","liindex","index","addClass","siblings","removeClass","eq","fadeIn","scroll","wst","scrollTop","i","offset","top","__exports__","render"],"mappings":"yOACOA,MAAM,qB,GAEJA,MAAM,YAAYC,MAAA,gC,GAChBD,MAAM,2B,QACTE,eA4BM,OA5BDF,MAAM,KAAG,CACZE,eAIK,MAJDD,MAAA,mBAAsB,CACxBC,eAEE,OADAC,IAAI,qEAGRD,eAqBK,MArBDF,MAAM,eAAa,CACrBE,eAYQ,SAXNE,SAAA,GACAC,KAAK,QACLC,KAAK,OACLC,aAAa,aACbC,GAAG,UACHR,MAAM,mB,CAENE,eAGE,UAFAC,IAAI,kGACJM,KAAK,gBAGTP,eAMI,KANDQ,KAAK,sBAAsBC,IAAI,UAAUX,MAAM,e,CAChDE,eAIM,OAJDF,MAAM,MAAI,CACbE,eAEK,WADHA,eAA0B,KAAvBF,MAAM,yBAAY,I,GAM1BA,MAAM,K,GACJA,MAAM,Y,QACTE,eAAc,UAAV,SAAK,I,QACTA,eAEK,MAFDF,MAAM,iBAAgB,+BAE1B,I,QACAE,eAKK,MALDF,MAAM,KAAG,CACXE,eAGK,MAHDF,MAAM,KAAG,CACXE,eAAsD,aAAhDA,eAAyC,KAAtCD,MAAA,mCACTC,eAAS,SAAN,UAAE,I,GAIJF,MAAM,sB,kkNA8TdA,MAAM,0B,QACTE,eAcM,OAdDF,MAAM,wBAAsB,CAC/BE,eAYQ,SAXNE,SAAA,GACAC,KAAK,QACLC,KAAK,OACLC,aAAa,aACbC,GAAG,UACHR,MAAM,mB,CAENE,eAGE,UAFAC,IAAI,+LACJM,KAAK,kB,YASTP,eAA2B,KAAxBF,MAAM,eAAa,U,GAAtBY,G,gDAjYNC,eAoYM,MApYNC,EAoYM,CAlYJZ,eAmDM,MAnDNa,EAmDM,CAlDJb,eAiDM,MAjDNc,EAiDM,CAhDJC,EA6BAf,eAkBM,MAlBNgB,EAkBM,CAjBJhB,eAgBM,MAhBNiB,EAgBM,CAfJC,EACAC,EAGAC,EAOApB,eAGM,MAHNqB,EAGM,CAFJrB,eAAsD,KAAlDsB,QAAK,eAAEC,KAAGC,gBAAgB,iBAAgB,QAC9CxB,eAAwD,KAArDF,MAAM,eAAgBwB,QAAK,eAAEG,mBAAgB,kBAO1DC,EAqT0CD,QAAME,mBAAiB,iBAAjEhB,eAuBM,MAvBNiB,EAuBM,CAtBJC,EAgBA7B,eAKM,OAJJF,MAAM,uBACLwB,QAAK,eAAEG,QAAME,mBAAoB,I,8BAU3B,OACbxB,KAAM,cACN2B,WAAY,GACZC,QACE,MAAMC,EAAQC,eAAS,CACrBN,mBAAmB,IAGfO,EAAe,KACnBF,EAAML,mBAAoB,IAGtB,MAAEQ,GAAUC,iBAuClB,OAtCAC,eAAU,KACRC,SAASC,MAAQ,QAEjBC,OAAOC,SAAS,EAAG,GACnBC,EAAE,eAAeC,OAAM,WACrBD,EAAEE,MAAMC,OACRH,EAAE,YAAY,GAAGI,WAGnBJ,EAAE,OAAOC,OAAM,WACbD,EAAEE,MAAMC,OACRH,EAAE,YAAY,GAAGK,UAEnBL,EAAE,oCAAoCC,OAAM,WAC1C,IAAIK,EAAUN,EAAE,oCAAoCO,MAAML,MAC1DF,EAAEE,MAAMM,SAAS,KAAKC,WAAWC,YAAY,KAC7CV,EAAE,+BACCW,GAAGL,GACHM,OAAO,KACPH,SAAS,MACTN,UAELH,EAAEF,QAAQe,QAAO,WAGf,IADA,IAAIC,EAAMd,EAAEF,QAAQiB,YACXC,EAAI,EAAGA,EAAI,GAAIA,IAClBhB,EAAE,KAAOgB,IAAMhB,EAAE,KAAOgB,GAAGC,UAEzBjB,EAAE,KAAOgB,GAAGC,SAASC,KAAOJ,GAE9Bd,EAAE,KAAOgB,GAAGR,SAAS,WAQxB,CACLlB,QACAE,kB,iCCxbN,MAAM2B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,kCCTf","file":"js/chunk-835a0cbe.021a703f.js","sourcesContent":["<template>\r\n  <div class=\"product-container\">\r\n    <!-- banner_cp -->\r\n    <div class=\"banner_cp\" style=\"background-color: #f4f6f8\">\r\n      <div class=\"margin width1480 hidden\">\r\n        <div class=\"l\">\r\n          <dl style=\"display: block\">\r\n            <img\r\n              src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/banner_sxx.png\"\r\n            />\r\n          </dl>\r\n          <dl class=\"video-bg-dl\">\r\n            <video\r\n              controls\r\n              name=\"media\"\r\n              loop=\"loop\"\r\n              controlsList=\"nodownload\"\r\n              id=\"myvideo\"\r\n              class=\"sxx_video_style\"\r\n            >\r\n              <source\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/mp4/%E7%94%B5%E5%9B%A7-%E7%A5%9E%E8%A1%8C%E4%BE%A0.mp4\"\r\n                type=\"video/mp4\"\r\n              />\r\n            </video>\r\n            <a href=\"javascript:void(0);\" rel=\"popupre\" class=\"popup bf sj\">\r\n              <div class=\"bg\">\r\n                <ol>\r\n                  <i class=\"fa fa-play\"></i>\r\n                </ol>\r\n              </div>\r\n            </a>\r\n          </dl>\r\n        </div>\r\n        <div class=\"r\">\r\n          <div class=\"bg a-fdB\">\r\n            <dd>神 行 侠</dd>\r\n            <dl class=\"no-break-line\">\r\n              出行补电神器 | 多功能多场景 | 轻便套包好携带\r\n            </dl>\r\n            <ol class=\"f\">\r\n              <dt class=\"o\">\r\n                <span><i style=\"background-color: #000000\"></i></span>\r\n                <p>黑色</p>\r\n              </dt>\r\n            </ol>\r\n\r\n            <div class=\"kaituozhe-flex-div\">\r\n              <a @click=\"$U.openProductFile('shenxingxia')\">产品手册</a>\r\n              <a class=\"movie-view-a\" @click=\"viewVideoFun()\">观看视频</a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 实力派 -->\r\n    <div id=\"s1\">\r\n      <div class=\"sxx_slp\">\r\n        <div class=\"margin width1480 hidden\">\r\n          <div class=\"tit\">\r\n            <dl>实力派</dl>\r\n            <dd>先锋登场 多功能实力派</dd>\r\n            <dl>4大功能一套搞定 轻松收纳时尚便携</dl>\r\n          </div>\r\n          <div class=\"img\">\r\n            <div class=\"c\">\r\n              <dl class=\"d1\">\r\n                <span class=\"l\">多功能延长线</span\r\n                ><span class=\"r\"><i></i></span>\r\n              </dl>\r\n              <dl class=\"d2\">\r\n                <span class=\"l\">套包</span><span class=\"r\"><i></i></span>\r\n              </dl>\r\n              <dl class=\"d3\">\r\n                <span class=\"l\">转换头</span><span class=\"r\"><i></i></span>\r\n              </dl>\r\n              <dl class=\"d4\">\r\n                <span class=\"l\">放电模块</span><span class=\"r\"><i></i></span>\r\n              </dl>\r\n              <dl class=\"d5\">\r\n                <span class=\"r\"><i></i></span><span class=\"l\">充电模块</span>\r\n              </dl>\r\n              <img\r\n                src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_slp.png\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <ul>\r\n            <li class=\"l\">\r\n              <div\r\n                class=\"l\"\r\n                style=\"\r\n                  background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_slp1.jpg);\r\n                \"\r\n              ></div>\r\n              <div class=\"r\">\r\n                <div>\r\n                  <dd>出行补电</dd>\r\n                  <dl>charging</dl>\r\n                </div>\r\n              </div>\r\n            </li>\r\n            <li class=\"l\">\r\n              <div\r\n                class=\"l\"\r\n                style=\"\r\n                  background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_slp2.jpg);\r\n                \"\r\n              ></div>\r\n              <div class=\"r\">\r\n                <div>\r\n                  <dd>大功率放电</dd>\r\n                  <dl>discharge</dl>\r\n                </div>\r\n              </div>\r\n            </li>\r\n            <li class=\"l\">\r\n              <div\r\n                class=\"l\"\r\n                style=\"\r\n                  background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_slp3.jpg);\r\n                \"\r\n              ></div>\r\n              <div class=\"r\">\r\n                <div>\r\n                  <dd>车辆救援</dd>\r\n                  <dl>Vehicle rescue</dl>\r\n                </div>\r\n              </div>\r\n            </li>\r\n            <li class=\"r\">\r\n              <div\r\n                class=\"l\"\r\n                style=\"\r\n                  background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_slp4.jpg);\r\n                \"\r\n              ></div>\r\n              <div class=\"r\">\r\n                <div>\r\n                  <dd>延长充电距离</dd>\r\n                  <dl>Longer distance</dl>\r\n                </div>\r\n              </div>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 性之王 -->\r\n    <div id=\"s2\">\r\n      <div\r\n        class=\"sxx_xzw\"\r\n        style=\"\r\n          background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_xzw.jpg);\r\n        \"\r\n      >\r\n        <div class=\"margin width1480 hidden\">\r\n          <div class=\"tit\">\r\n            <!-- <ol>性价之王</ol> -->\r\n            <dd>出行新势力 用电不焦虑</dd>\r\n            <dl>免接地即插即用 应急充电就靠它</dl>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- cp_aqfh -->\r\n    <div id=\"s3\">\r\n      <div class=\"margin width1480 hidden\">\r\n        <ul class=\"cp_aqfh\">\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh1.png\"\r\n                />\r\n              </ol>\r\n              <dd>过压/欠压保护</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh2.png\"\r\n                />\r\n              </ol>\r\n              <dd>过流保护</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh3.png\"\r\n                />\r\n              </ol>\r\n              <dd>雷电保护</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh4.png\"\r\n                />\r\n              </ol>\r\n              <dd>接地保护</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh5.png\"\r\n                />\r\n              </ol>\r\n              <dd>防漏电保护</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh6.png\"\r\n                />\r\n              </ol>\r\n              <dd>短路保护</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh12.png\"\r\n                />\r\n              </ol>\r\n              <dd>密码锁防盗</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/cp_aqfh8.png\"\r\n                />\r\n              </ol>\r\n              <dd>IP55</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh9.png\"\r\n                />\r\n              </ol>\r\n              <dd>过温/低温保护</dd>\r\n            </div>\r\n          </li>\r\n          <li>\r\n            <div class=\"bg\">\r\n              <ol>\r\n                <img\r\n                  src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images-new/cp_aqfh11.png\"\r\n                />\r\n              </ol>\r\n              <dd>三眼插座</dd>\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <!-- 专业认证 使用更安心 -->\r\n    <div id=\"s4\">\r\n      <div\r\n        class=\"sxx_zyrz\"\r\n        style=\"\r\n          background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_zyrz.jpg);\r\n        \"\r\n      >\r\n        <div class=\"margin width1480 hidden\">\r\n          <div class=\"tit\">\r\n            <dd>IP55防护等级 使用更安心</dd>\r\n            <dl>防水防尘 轻松应对户外环境</dl>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- sxx_zyrz_tit -->\r\n    <div id=\"s5\">\r\n      <div class=\"sxx_zyrz_tit\">\r\n        <dd>匠心之作 打磨品质细节</dd>\r\n        <dl>挚达神行侠 电车出行套包</dl>\r\n      </div>\r\n    </div>\r\n    <!-- 360°环绕LED灯 -->\r\n    <div id=\"s6\">\r\n      <div\r\n        class=\"sxx_hrd\"\r\n        style=\"\r\n          background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_hrd_bg.jpg);\r\n        \"\r\n      >\r\n        <div class=\"margin width1480 hidden\">\r\n          <img\r\n            src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_hrd.png\"\r\n            class=\"l\"\r\n          />\r\n          <div class=\"r\">\r\n            <dd>360°环绕LED灯</dd>\r\n            <dl>一眼掌握工作状态</dl>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 集成密码锁 -->\r\n    <div id=\"s7\">\r\n      <div\r\n        class=\"sxx_jcmms\"\r\n        style=\"\r\n          background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_jcmms_bg.jpg);\r\n        \"\r\n      >\r\n        <div class=\"margin width1480 hidden\">\r\n          <div class=\"l\">\r\n            <dd>集成密码锁</dd>\r\n            <dl>防止被盗和误拔</dl>\r\n          </div>\r\n          <img\r\n            src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_jcmms.png\"\r\n            class=\"r\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 体工学设计 -->\r\n    <div id=\"s8\">\r\n      <!-- <div class=\"sxx_tgxsj\" style=\"background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_tgxsj_bg.jpg);\">\r\n    <div class=\"margin width1480 hidden\">\r\n        <img src=\"https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_tgxsj.png\" class=\"l\" />\r\n        <div class=\"r\">\r\n            <dd>人体工学设计</dd>\r\n            <dl>方便把握和插拔</dl>\r\n        </div>\r\n    </div>\r\n    </div> -->\r\n    </div>\r\n    <!-- 充放兼备 唤醒前进动力 -->\r\n    <div id=\"s9\">\r\n      <div\r\n        class=\"cp_f_bg sxx_f_bg cp_f_bg_full\"\r\n        style=\"\r\n          background-image: url(https://img.cdn.wxzhida.cn/shzd-web-site/images/sxx_f_bg.jpg);\r\n        \"\r\n      >\r\n        <div class=\"margin width1480 hidden\">\r\n          <div class=\"t\">\r\n            <dd>充放兼备 唤醒前进动力</dd>\r\n            <dl>车辆救援 拯救户外“趴窝”</dl>\r\n            <!-- <ol><a href=\"\">产品手册<i class=\"fa fa-angle-right\"></i></a></ol> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"template-full-mask-div\" v-if=\"state.showFullVideoFlag\">\r\n      <div class=\"center-view-view-div\">\r\n        <video\r\n          controls\r\n          name=\"media\"\r\n          loop=\"loop\"\r\n          controlsList=\"nodownload\"\r\n          id=\"myvideo\"\r\n          class=\"ktz_video_style\"\r\n        >\r\n          <source\r\n            src=\"https://img.cdn.wxzhida.cn/shzd-web-site/mp4/v1/%E7%94%B5%E5%9B%A7-%E6%8C%9A%E8%BE%BE%E7%A5%9E%E8%A1%8C%E4%BE%A0%E5%87%BA%E8%A1%8C%E5%85%85%E7%94%B5%E7%BB%84%E5%90%88%E5%A5%97%E5%8C%85.mp4\"\r\n            type=\"video/mp4\"\r\n          />\r\n        </video>\r\n      </div>\r\n\r\n      <div\r\n        class=\"fixed-close-icon-div\"\r\n        @click=\"state.showFullVideoFlag = false\"\r\n      >\r\n        <i class=\"fa fa-close\"></i>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getCurrentInstance, onMounted, reactive } from \"vue\";\r\nexport default {\r\n  name: \"shouwangzhe\",\r\n  components: {},\r\n  setup() {\r\n    const state = reactive({\r\n      showFullVideoFlag: false,\r\n    });\r\n\r\n    const viewVideoFun = () => {\r\n      state.showFullVideoFlag = true;\r\n    };\r\n\r\n    const { proxy } = getCurrentInstance();\r\n    onMounted(() => {\r\n      document.title = \"神行侠系列\";\r\n      // 滚动到页面最上方\r\n      window.scrollTo(0, 0);\r\n      $(\".popupbox_i\").click(function () {\r\n        $(this).hide();\r\n        $(\"#myvideo\")[0].pause();\r\n      });\r\n\r\n      $(\".bf\").click(function () {\r\n        $(this).hide();\r\n        $(\"#myvideo\")[0].play();\r\n      });\r\n      $(\".banner_cp .width1480 .r ol.f dt\").click(function () {\r\n        var liindex = $(\".banner_cp .width1480 .r ol.f dt\").index(this);\r\n        $(this).addClass(\"o\").siblings().removeClass(\"o\");\r\n        $(\".banner_cp .width1480 .l dl\")\r\n          .eq(liindex)\r\n          .fadeIn(150)\r\n          .siblings(\"dl\")\r\n          .hide();\r\n      });\r\n      $(window).scroll(function () {\r\n        //为页面添加页面滚动监听事件\r\n        var wst = $(window).scrollTop(); //滚动条距离顶端值\r\n        for (var i = 1; i < 20; i++) {\r\n          if ($(\"#s\" + i) && $(\"#s\" + i).offset()) {\r\n            //加循环\r\n            if ($(\"#s\" + i).offset().top <= wst) {\r\n              //判断滚动条位置\r\n              $(\"#s\" + i).addClass(\"on\"); //给当前导航加c类\r\n            } else {\r\n              //$(\"#p\"+i).removeClass('on');\r\n            }\r\n          }\r\n        }\r\n      });\r\n    });\r\n    return {\r\n      state,\r\n      viewVideoFun,\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.ktz_video_style {\r\n  width: 100%;\r\n}\r\n\r\n.video-bg-dl {\r\n  padding-top: 150px;\r\n}\r\n\r\n.video-bg-dl a {\r\n  position: absolute;\r\n  top: 0px;\r\n  bottom: 0px;\r\n  right: 0px;\r\n  left: 0px;\r\n  color: #ffffff;\r\n  display: flex;\r\n  text-align: center;\r\n}\r\n\r\n.video-bg-dl ol {\r\n  font-size: 1.5rem;\r\n  position: relative;\r\n  display: flex;\r\n  width: 666px;\r\n  justify-content: center;\r\n  margin-top: 330px;\r\n}\r\n\r\n.video-bg-dl ol i {\r\n  transition: all 0.5s ease;\r\n  border: 2px solid #ffffff;\r\n  position: absolute;\r\n  width: 2.875rem;\r\n  height: 3.375rem;\r\n  line-height: 3.375rem;\r\n  border-radius: 50%;\r\n  font-weight: 300;\r\n  padding-left: 0.5rem;\r\n}\r\n\r\n.kaituozhe-flex-div {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.kaituozhe-flex-div a {\r\n  margin: 2.5vh 20px 0px !important;\r\n}\r\n\r\n.kaituozhe-flex-div .movie-view-a {\r\n  color: #364166 !important;\r\n  background-color: #ffffff !important;\r\n  border: 2px solid #364166 !important;\r\n  font-weight: 600;\r\n}\r\n\r\n.template-full-mask-div {\r\n  position: fixed;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  background-color: #000000d4;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 10086;\r\n}\r\n\r\n.center-view-view-div {\r\n  width: 80%;\r\n  height: calc(80% - 88px);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.kaituozhe_video_style {\r\n  z-index: 10089;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.fixed-close-icon-div {\r\n  position: fixed;\r\n  right: 32px;\r\n  top: 32px;\r\n  color: #f2f2ff;\r\n  cursor: pointer;\r\n  font-size: 2rem;\r\n  font-weight: 400;\r\n}\r\n</style>\r\n","import { render } from \"./index.vue?vue&type=template&id=d2c6e79e&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=d2c6e79e&lang=less&scoped=true\"\n\nimport exportComponent from \"D:\\\\workspace\\\\workspace-2023\\\\shzd-site-web-2023\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d2c6e79e\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=d2c6e79e&lang=less&scoped=true\""],"sourceRoot":""}