工时管家移动端

fhKeeper/formulahousekeeper/inva_4_tivo/css/homemovement/homemovement.css

@@ -0,0 +1,245 @@
+body {
+  min-width: 320px;
+  max-width: 750px;
+  margin: 0 auto;
+  background-color: #f2f4f7;
+  position: relative;
+}
+a {
+  text-decoration: none;
+  color: #707070;
+}
+@media screen and (min-width: 750px) {
+  html {
+    font-size: 37.5px !important;
+  }
+}
+img {
+    width: 100%;
+}
+
+/* 头部 */
+.header {
+    box-sizing: border-box;
+    height: 2.1333rem;
+    background: #fff;
+    position: fixed;
+    width: 100%;
+    top: 0;
+    left: 0;
+    padding: 0 .5333rem;
+    display: flex;
+    align-items: center;
+    z-index: 99;
+}
+.header_logo {
+    width: 2.5067rem;
+}
+.header_qiyeweix {
+    width: 3.7333rem;
+    margin-left: .5333rem;
+}
+.homepage {
+    margin-top: 2.1333rem;
+    padding: .8rem 0;
+    background: #000;
+    position: relative;
+    height: 10rem;
+}
+.homepage_img {
+    position: absolute;
+    width: 90%;
+    left: 5%;
+    right: 0;
+}
+.homepage_title {
+    font-size: .5333rem;
+    color: #fff;
+    letter-spacing: .1333rem;
+    text-align: center;
+    position: absolute;
+    top: 1.3333rem;
+    left: 2.1333rem;
+    z-index: 1;
+}
+.homepage_gsLogo {
+    width: .8rem;
+    position: absolute;
+    top: 1.2rem;
+    left: .8rem;
+}
+
+.reduction {
+    width: 100%;
+    height: 7.5rem;
+    background: url('../../image/gongshi.jpg') no-repeat;
+    background-size: 100%;
+    display: flex;
+    align-items: center;
+}
+.reduction_img {
+    width: 8.5rem;
+    margin: auto;
+    /* padding-top: 1.6rem; */
+}
+.examination {
+    padding: .8rem 0;
+    position: relative;
+}
+.examination_img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.examination_img img {
+    height: 100%;
+}
+.examination_title {
+    position: relative;
+    z-index: 1;
+    text-align: center;
+    padding-bottom: .8rem;
+    font-size: .6667rem;
+}
+.get_job_focus {
+    position: relative;
+  }
+  .get_job_focus .swiper-container {
+    height: 100%;
+    width: 14.4rem;
+  }
+  .get_job_focus .swiper-slide {
+    text-align: center;
+    font-size: .48rem;
+    background: #fff;
+    /* Center slide text vertically */
+    flex-direction: column;
+    /* Center slide text vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    transition: 300ms;
+    transform: scale(0.8);
+    opacity: 0.4;
+  }
+  .get_job_focus .swiper-slide a {
+    width: 9.013333rem;
+    height: 10.026667rem;
+  }
+  .get_job_focus .swiper-slide a img {
+    width: 100%;
+    height: 100%;
+  }
+  .get_job_focus .swiper-slide p {
+    width: 9.013333rem;
+    font-size: 0.666667rem;
+    margin-top: 0.64rem;
+    color: #333;
+  }
+  .get_job_focus .swiper-slide-active,
+  .get_job_focus .swiper-slide-duplicate-active {
+    transform: scale(1);
+    z-index: 999;
+    opacity: 1;
+  }
+  .get_job_focus .swiper-button-next,
+  .get_job_focus .swiper-button-prev {
+    outline: none;
+  }
+  .get_job_focus .swiper-button-next:after,
+  .get_job_focus .swiper-button-prev:after {
+    font-size: 1.066667rem;
+    color: #333;
+  }
+
+  .management {
+    padding: .8rem 0;
+    position: relative;
+    background: url('../../image/tabl.jpg') no-repeat;
+    background-size: 100% 100%;
+  }
+  .management_title {
+    font-size: .8rem;
+    margin-bottom: .2667rem;
+    text-align: center;
+    color: #fff;
+  }
+  .management_tex {
+    font-size: .4rem;
+    margin-bottom: .6667rem;
+    text-align: center;
+    color: #fff;
+  }
+
+  .management .study_fo {
+    padding: 0.266667rem;
+  }
+  .management .swiper-slide {
+    font-size: 18px;
+    background: #fff;
+    width: 7.733333rem;
+    height: 9.066667rem;
+    background-color: #fff;
+    border-radius: 0.266667rem;
+    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
+  }
+  .management .swiper-slide h5 {
+    font-size: 0.693333rem;
+    margin: 0.533333rem 0;
+    font-weight: 400;
+    padding: 0 0.266667rem;
+  }
+  .management .swiper-slide p {
+    font-size: .5333rem;
+    position: absolute;
+    bottom: .1333rem;
+    right: .8rem;
+    color: #1f1f1f;
+  }
+
+  .customer {
+    padding: .8rem .5333rem;
+    background: url('../../image/rke.jpg') no-repeat;
+    background-size: 100% 100%;
+  }
+  .customer_title {
+    font-size: .8rem;
+    text-align: center;
+    margin-bottom: .5333rem;
+  }
+
+  .foots {
+    background: #20A0FF;
+    padding: 1.3333rem 0;
+  }
+  .erweima {
+    width: 3.2rem;
+    margin: auto;
+  }
+  .erweima_text {
+    text-align: center;
+    font-size: .48rem;
+    color:#fff;
+    margin-top: .2667rem;
+    margin-bottom: 30px;
+  }
+  .erweima_haoma {
+    padding: 1.3333rem 0 0 0;
+    font-size: .48rem;
+    text-align: center;
+    width: 17.3333rem;
+    margin: auto;
+    border-top: .0267rem solid #fff;
+    color: #fff;
+  }

fhKeeper/formulahousekeeper/inva_4_tivo/css/homemovement/normalize.css

@@ -0,0 +1,404 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height             : 1.15;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin   : 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box;
+  /* 1 */
+  height    : 0;
+  /* 1 */
+  overflow  : visible;
+  /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size  : 1em;
+  /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom  : none;
+  /* 1 */
+  text-decoration: underline;
+  /* 2 */
+  text-decoration: underline dotted;
+  /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size  : 1em;
+  /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size     : 75%;
+  line-height   : 0;
+  position      : relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-size  : 100%;
+  /* 1 */
+  line-height: 1.15;
+  /* 1 */
+  margin     : 0;
+  /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input {
+  /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select {
+  /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding     : 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing : border-box;
+  /* 1 */
+  color      : inherit;
+  /* 2 */
+  display    : table;
+  /* 1 */
+  max-width  : 100%;
+  /* 1 */
+  padding    : 0;
+  /* 3 */
+  white-space: normal;
+  /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding   : 0;
+  /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset    : -2px;
+  /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font              : inherit;
+  /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
+
+input {
+  border    : none;
+  outline   : none;
+  background: none;
+}
+
+ul,
+li {
+  padding   : 0;
+  list-style: none;
+}
+
+p {
+  margin: 0;
+}
+
+img {
+  display: block;
+  width  : 100%;
+}
+
+* {
+  box-sizing: border-box;
+}

fhKeeper/formulahousekeeper/inva_4_tivo/homemovement.html

@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="image/favicon.png">
+    <title>工时管家</title>
+    <link rel="stylesheet" href="./css/homemovement/normalize.css" />
+    <!-- 先引入css文件 放到自己css文件的上面 -->
+    <link rel="stylesheet" href="./css/homemovement/swiper.min.css" />
+    <link rel="stylesheet" href="./css/homemovement/homemovement.css" />
+    <script>
+    </script>
+</head>
+<body>
+    <section class="warp">
+        <!-- 头部 -->
+        <div class="header">
+            <div class="header_logo"><img src="./image/logo.jpg" alt=""></div>
+            <div class="header_qiyeweix"><a href="https://open.work.weixin.qq.com" target="_blank"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=isp&c=white&s=medium" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=isp&c=white&s=medium@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a></div>
+        </div>
+
+        <div class="homepage">
+            <div class="homepage_img">
+                <img src="./image/bannar9.gif" alt="">
+            </div>
+            <div class="homepage_gsLogo">
+                <img src="./image/gsgj.png" alt="">
+            </div>
+            <div class="homepage_title">工时管家</div>
+        </div>
+
+        <div class="reduction">
+            <div class="reduction_img">
+                <img src="./image/huajian.png" alt="">
+            </div>
+        </div>
+
+        <div class="examination">
+            <div class="examination_title">填报、审批、统计分分钟搞定</div>
+            <div class="examination_img"><img src="./image/fill.jpg" alt=""></div>
+            <div class="get_job_focus">
+              <!-- Swiper -->
+              <div class="swiper-container get_job_fo">
+                <div class="swiper-wrapper">
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/xmcj.png" alt="" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/ygtb.png" alt="" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/xmjlsh.png" alt="" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/hzsj.png" alt="" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/sctjb.png" alt="" />
+                  </div>
+                </div>
+              </div>
+              <!-- Add Arrows 根据需求这个代码放到 container外面 添加左右箭头-->
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+        </div>
+
+        <div class="management">
+            <div class="management_title">强大的功能，轻松的管理</div>
+            <div class="management_tex">提供便捷且全面的工时填报、审核和统计功能，围绕企业成本管理提供一站式解决方案</div>
+
+            <div class="swiper-container study_fo">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <img src="./image/gs1.jpg" alt="" />
+                  <p>工时填报</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs2.jpg" alt="" />
+                  <p>报告查看</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs3.jpg" alt="" />
+                  <p>工时审批</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs4.jpg" alt="" />
+                  <p>项目管理</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs5.jpg" alt="" />
+                  <p>成本统计</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs6.jpg" alt="" />
+                  <p>财务核算</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs7.jpg" alt="" />
+                  <p>客户管理</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs8.jpg" alt="" />
+                  <p>费用报销</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs9.jpg" alt="" />
+                  <p>工程管理</p>
+                </div>
+                <div class="swiper-slide">
+                    <img src="./image/gs10.jpg" alt="" />
+                    <p>审批流</p>
+                </div>
+              </div>
+              <!-- Add Pagination -->
+              <div class="swiper-pagination"></div>
+            </div>
+        </div>
+
+        <div class="customer">
+            <div class="customer_title">来自客户的认可</div>
+            <div class="swiper-container customer_fo">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg1.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg2.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg3.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg4.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg5.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg6.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg7.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg8.png" alt="" />
+                </div>
+              </div>
+              <!-- Add Pagination -->
+              <div class="swiper-pagination"></div>
+            </div>
+        </div>
+
+        <div class="foots">
+            <div class="erweima">
+                <img src="./image/gzh.jpg" alt="">
+            </div>
+            <div class="erweima_text">工时管家官方客服</div>
+            <div class="erweima_haoma">Copyright©2016 南京火石闪信网络有限公司     苏ICP备18064522号-1</div>
+        </div>
+    </section>
+</body>
+<script src="./js/homemovement/flexible.js"></script>
+<!-- 比如引入js文件 -->
+<script src="./js/homemovement/swiper.min.js"></script>
+<script>
+    // 第一个函数里面是 就业指导轮播图
+    (function () {
+      var swiper = new Swiper(".get_job_fo", {
+        // 能够显示的 slider的个数
+        slidesPerView: 2,
+        // 每一个slide之间的距离
+        spaceBetween: 30,
+        centeredSlides: true,
+        loop: true,
+        // 添加左右箭头
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev",
+        },
+      });
+    })();
+    // 第二个函数的轮播图
+    (function () {
+      //  如果有多个轮播图最好修改下 swiper-container
+      var swiper = new Swiper(".study_fo", {
+        // 我们可以可以看看到的是 2个半
+        slidesPerView: 1,
+        spaceBetween: 20,
+      });
+    })();
+    // 第三个函数的轮播图
+    (function () {
+      //  如果有多个轮播图最好修改下 swiper-container
+      var swiper = new Swiper(".customer_fo", {
+        // 我们可以可以看看到的是 2个半
+        slidesPerView: 2.2,
+        spaceBetween: 20,
+      });
+    })();
+  </script>
+</html>

fhKeeper/formulahousekeeper/inva_4_tivo/index.html

@@ -18,6 +18,17 @@
     <!-- 统计文件 -->
     <!-- <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
     <script>LA.init({id: "Jk62Sh8gvUhl1xcU",ck: "Jk62Sh8gvUhl1xcU"})</script> -->
+    <script>
+        let str = (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) ? 'app': 'pc';
+        let url = window.location.href
+        console.log(str)
+        if(str == 'app') {
+            let urlStr = window.location.href
+            let urlArr = urlStr.split('ttkuaiban.com')
+            let url = urlArr[0] + 'ttkuaiban.com/homemovement.html'
+            window.location.replace(url)
+        }
+    </script>
     <script>
         function bodyScale() {
             var devicewidth = document.documentElement.clientWidth;
@@ -721,6 +732,7 @@
                         let url = `https://open.work.weixin.qq.com/3rdservice/wework/register?register_code=${data.data.code}`
                         window.location.href = url
                     } else {
+                        console.log(data)
                         alert(data.msg)
                     }
                 },

fhKeeper/formulahousekeeper/inva_4_tivo/js/homemovement/flexible.js

@@ -0,0 +1,44 @@
+(function flexible(window, document) {
+  var docEl = document.documentElement
+  var dpr = window.devicePixelRatio || 1
+
+  // adjust body font size
+  function setBodyFontSize() {
+    if (document.body) {
+      document.body.style.fontSize = (12 * dpr) + 'px'
+    }
+    else {
+      document.addEventListener('DOMContentLoaded', setBodyFontSize)
+    }
+  }
+  setBodyFontSize();
+
+  // set 1rem = viewWidth / 10
+  function setRemUnit() {
+    var rem = docEl.clientWidth / 20
+    docEl.style.fontSize = rem + 'px'
+  }
+
+  setRemUnit()
+
+  // reset rem unit on page resize
+  window.addEventListener('resize', setRemUnit)
+  window.addEventListener('pageshow', function (e) {
+    if (e.persisted) {
+      setRemUnit()
+    }
+  })
+
+  // detect 0.5px supports
+  if (dpr >= 2) {
+    var fakeBody = document.createElement('body')
+    var testElement = document.createElement('div')
+    testElement.style.border = '.5px solid transparent'
+    fakeBody.appendChild(testElement)
+    docEl.appendChild(fakeBody)
+    if (testElement.offsetHeight === 1) {
+      docEl.classList.add('hairlines')
+    }
+    docEl.removeChild(fakeBody)
+  }
+}(window, document))