diff --git a/gxlbytj/css/style.css b/gxlbytj/css/style.css
index 266cb2d..640286c 100644
--- a/gxlbytj/css/style.css
+++ b/gxlbytj/css/style.css
@@ -4,6 +4,73 @@ body{
     background-repeat: no-repeat; 
     background-size: 100% 100%;
 }
+.model {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .3);
+    top: 0;
+    left: 0;
+    z-index: 999;
+}
+.modelFixed {
+    padding: 20px 40px;
+    width: 28rem;
+    height: 22rem;
+    border-radius:10px;
+    overflow: auto;
+    background: #ffffff;
+    box-shadow: 3px 2px 5px #7777;
+}
+.title{
+    color:#3D8AF9;
+    height:3rem;
+    line-height:5rem;
+    font-size:2rem;
+    text-align:center;
+}
+.input-box{
+    width: 65%;
+    height: 2.7rem;
+    border: 1px solid #ccc;
+    border-radius: 2rem;
+    padding-left: 3rem;
+    font-size: 1.2rem;
+    /*margin: 2vh 0;*/
+}
+.input-box::placeholder{
+    color: #ccc;
+}
+.input-box:focus{
+    outline: none;
+}
+
+.btn{
+    background-image: linear-gradient(to right, #3194EF , #205AE0);
+    color: #fff;
+    width: calc(65% + 3rem);
+    height: 2.8rem;
+    border: 1px solid #ccc;
+    border-radius: 2rem;
+    font-size: 1.3rem;
+    margin-top: 3rem;
+    line-height: 2.8rem;
+    cursor: pointer;
+}
+.loginout{
+    position: absolute;
+    right: 0;
+    top: 0;
+    font-size: 1rem;
+    /*color: #3499FB;*/
+    color: #fff;
+    cursor: pointer;
+}
+
+
 h3 {
     margin-bottom: 20px;
 }
@@ -11,7 +78,7 @@ h3 {
     display: block; 
     position: absolute; 
     height: 50px;
-    z-index: 29999999;
+    z-index: 2;
     top:50px;
     left:50px;
 }
@@ -181,88 +248,111 @@ div.wall > div > a{
 }
 #specialty{
     padding: 15px; 
-    background-color: #f5f5f5;
+    /*background-color: #f5f5f5;*/
 }
 
-#specialty h2 {
-    font-size: 20px;
-    margin-bottom: 20px 0;
-    display: block; 
-    clear: both; 
-    height: 40px; 
-    width: 100%;
-}
-#specialty h2 > i {
+#specialty h3{
     display: block;
-    width:26px; 
-    float:left; 
-    background-color: #1859ff;
-    padding: 5px 10px;
-}
-#specialty h2 > i > img{
-    display: block;
-    width: 100%;
-}
-#specialty h2 > span.department-name{
-    min-height: 26px;
-    color: #ffffff;
-    float:left;
-    background-color: #117afb; 
-    padding: 5px 50px 5px 30px;
+    font-size: 1.17em;
+    font-weight: bold;
 }
-#specialty h2 > span.triangle {
+
+#specialty h5{
     display: block;
-    float: left;
-    width: 0;
-    height: 0;
-    border-top: 37px solid #117afb;
-    border-right: 50px solid transparent;
-    margin-left: -1px;
-}
-#specialty div.card{
-    background: #ffffff;
-    /*border-radius: 10px;*/
-    padding: 15px;;
-    margin: 10px 0;
-}
-#specialty div.card h3{
-    color:#666666;
-    display: block; 
-    /* background-image: url(../img/college.svg); */
+    font-size: 0.83em;
     font-weight: bold;
-    background-repeat: no-repeat; 
-    background-position: center left; 
-    background-size: 20px;
-    padding:5px 5px 5px 5px;
-}
-#specialty div.card ul{
-    clear: both; 
-    display: inline-block; 
-    width: 100%;
-    font-size: 14px;
 }
-#specialty div.card ul > li > span{
-    display: block; 
-    padding:10px 10px 10px 30px; 
-    background-image: url(../img/specialty.svg); 
-    background-repeat: no-repeat;
-    background-size: 14px;
-    background-position: 5px 14px;
+#specialty .c-flex {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    align-content: space-evenly;
 }
-#specialty div.card table.layui-table{
-    display:block; 
-    margin:5px
+#specialty .c-ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
-.specialty-info{
-    clear: both;
-    margin-bottom: 20px;
-}
-.specialty-info .card ul > li{
-    width:25%;
-    float:left;
-    min-height: 40px;
-}
+/*#specialty h2 {*/
+    /*font-size: 20px;*/
+    /*margin-bottom: 20px 0;*/
+    /*display: block; */
+    /*clear: both; */
+    /*height: 40px; */
+    /*width: 100%;*/
+/*}*/
+/*#specialty h2 > i {*/
+    /*display: block;*/
+    /*width:26px; */
+    /*float:left; */
+    /*background-color: #1859ff;*/
+    /*padding: 5px 10px;*/
+/*}*/
+/*#specialty h2 > i > img{*/
+    /*display: block;*/
+    /*width: 100%;*/
+/*}*/
+/*#specialty h2 > span.department-name{*/
+    /*min-height: 26px;*/
+    /*color: #ffffff;*/
+    /*float:left;*/
+    /*background-color: #117afb; */
+    /*padding: 5px 50px 5px 30px;*/
+/*}*/
+/*#specialty h2 > span.triangle {*/
+    /*display: block;*/
+    /*float: left;*/
+    /*width: 0;*/
+    /*height: 0;*/
+    /*border-top: 37px solid #117afb;*/
+    /*border-right: 50px solid transparent;*/
+    /*margin-left: -1px;*/
+/*}*/
+/*#specialty div.card{*/
+    /*background: #ffffff;*/
+    /*!*border-radius: 10px;*!*/
+    /*padding: 15px;;*/
+    /*margin: 10px 0;*/
+/*}*/
+/*#specialty div.card h3{*/
+    /*color:#666666;*/
+    /*display: block; */
+    /*!* background-image: url(../img/college.svg); *!*/
+    /*font-weight: bold;*/
+    /*background-repeat: no-repeat; */
+    /*background-position: center left; */
+    /*background-size: 20px;*/
+    /*padding:5px 5px 5px 5px;*/
+/*}*/
+/*#specialty div.card ul{*/
+    /*clear: both; */
+    /*display: inline-block; */
+    /*width: 100%;*/
+    /*font-size: 14px;*/
+/*}*/
+/*#specialty div.card ul > li > span{*/
+    /*display: block; */
+    /*padding:10px 10px 10px 30px; */
+    /*background-image: url(../img/specialty.svg); */
+    /*background-repeat: no-repeat;*/
+    /*background-size: 14px;*/
+    /*background-position: 5px 14px;*/
+/*}*/
+/*#specialty div.card table.layui-table{*/
+    /*display:block; */
+    /*margin:5px*/
+/*}*/
+
+/*.specialty-info{*/
+    /*clear: both;*/
+    /*margin-bottom: 20px;*/
+/*}*/
+/*.specialty-info .card ul > li{*/
+    /*width:25%;*/
+    /*float:left;*/
+    /*min-height: 40px;*/
+/*}*/
 #summary{
     display: inline-block;
     padding:15px;
@@ -307,11 +397,12 @@ div.wall > div > a{
 #summary .tags span{
     display: block;
     float:left;
-    color: #666666;
-    background-color: #f5f5f5;
+    /*color: #666666;*/
+    /*background-color: #f5f5f5;*/
+    background-color: #fff;
     border-radius: 5px;
     line-height: 16px;    
-    padding:11px 15px;
+    padding:9px 15px;
     margin: 5px;
     font-size: 16px;
     height: 14px;
@@ -404,9 +495,10 @@ span.none{
     color: #ffffff;
     font-size: 16px;
     padding: 10px;
+    background: rgba(0,0,0,.55)
 }
 .autocomplete-suggestion.selected { 
-    background: rgba(0,0,0,.65)
+    background: rgba(0,0,0,.75);
 }
 #keyword{
     background: none;
diff --git a/gxlbytj/img/attention.png b/gxlbytj/img/attention.png
new file mode 100644
index 0000000..44f643b
Binary files /dev/null and b/gxlbytj/img/attention.png differ
diff --git a/gxlbytj/img/closeModal.png b/gxlbytj/img/closeModal.png
new file mode 100644
index 0000000..c256e9d
Binary files /dev/null and b/gxlbytj/img/closeModal.png differ
diff --git a/gxlbytj/img/down.png b/gxlbytj/img/down.png
new file mode 100644
index 0000000..bf71739
Binary files /dev/null and b/gxlbytj/img/down.png differ
diff --git a/gxlbytj/img/hat.png b/gxlbytj/img/hat.png
new file mode 100644
index 0000000..bb1b85a
Binary files /dev/null and b/gxlbytj/img/hat.png differ
diff --git a/gxlbytj/img/label.png b/gxlbytj/img/label.png
new file mode 100644
index 0000000..7b69319
Binary files /dev/null and b/gxlbytj/img/label.png differ
diff --git a/gxlbytj/img/local.png b/gxlbytj/img/local.png
new file mode 100644
index 0000000..2b94703
Binary files /dev/null and b/gxlbytj/img/local.png differ
diff --git a/gxlbytj/img/lock.png b/gxlbytj/img/lock.png
new file mode 100644
index 0000000..811eaa7
Binary files /dev/null and b/gxlbytj/img/lock.png differ
diff --git a/gxlbytj/img/phone.png b/gxlbytj/img/phone.png
new file mode 100644
index 0000000..ed5251d
Binary files /dev/null and b/gxlbytj/img/phone.png differ
diff --git a/gxlbytj/img/time.png b/gxlbytj/img/time.png
new file mode 100644
index 0000000..7d63a1e
Binary files /dev/null and b/gxlbytj/img/time.png differ
diff --git a/gxlbytj/img/tx.png b/gxlbytj/img/tx.png
new file mode 100644
index 0000000..31d452a
Binary files /dev/null and b/gxlbytj/img/tx.png differ
diff --git a/gxlbytj/img/up.png b/gxlbytj/img/up.png
new file mode 100644
index 0000000..d8d041e
Binary files /dev/null and b/gxlbytj/img/up.png differ
diff --git a/gxlbytj/img/user.png b/gxlbytj/img/user.png
new file mode 100644
index 0000000..0d4d9ba
Binary files /dev/null and b/gxlbytj/img/user.png differ
diff --git a/gxlbytj/index.html b/gxlbytj/index.html
index f776952..c1c8962 100644
--- a/gxlbytj/index.html
+++ b/gxlbytj/index.html
@@ -1,861 +1,1287 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <meta charset="utf-8">
-  <title>高校信息综合查询 Ver 1.0.210926</title>
-  <meta name="renderer" content="webkit">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <link rel="stylesheet" href="./lib/layui/css/layui.css" media="all">
-  <link rel="stylesheet" href="./lib/jquery-auto-complete/jquery.auto-complete.css" />
-  <!--<link rel="stylesheet" href="./lib/pper/css/lightbox.min.css" />-->
-  <link rel="stylesheet" href="./lib/pper/css/wall2.css" />
-  <script src="./lib/jquery/jquery-3.3.1.min.js"></script>
-  <script src="./lib/pper/wall2/three.js"></script>
-  <script src="./lib/pper/wall2/dat.gui.min.js"></script>
-  <script src="./lib/pper/wall2/CSS3DRenderer.js"></script>
-  <script src="./lib/pper/wall2/OrbitControls.js"></script>
-  <script src="./lib/pper/wall2/tween.js"></script>
-  <script src="./lib/jquery-auto-complete/jquery.auto-complete.js"></script>
-  <script src="./lib/jquery-timer/jquery.timer.js"></script>
-
-  <!--<script src="./lib/pper/js/lightbox.js"></script>-->
-  <style type="text/css">
-      #gui_container{
-          position: absolute;
-          bottom: 0rem;
-          left: 0rem;
-          z-index:1;
-          opacity:0.65;
-      }
-      #gui{
-          /*transform:translate(-50%, -75px);*/
-      }
-      .layui-layer-nobg .layui-layer-content{
-        text-align: center;
-      }
-      .layui-layer-nobg img{
-          max-width: 100% !important;
-          max-height: 100% !important;
-      }
-      div, p {
-          cursor: default;
-      }
-      a * {
-          cursor: pointer;
-      }
-      .search-form {
-          min-width: 520px !important;
-      }
-  </style>
-  <link rel="stylesheet" href="./css/style.css?v=1.0.0.2108200838"  media="all">
-</head>
-<body>
-    <div id="btn_search" data-state="closed"><img src="img/search_black.svg"></div>
-    <div class="logo" onclick="window.location.reload();"><img src="./img/logo.png"></div>
-    <div class="copyright">版权所有：东北师大理想软件股份有限公司 &nbsp&nbsp&nbsp 技术服务：400-0400-662</div>
-    <img src="./img/config.png" onclick="window.chrome.webview.postMessage('admin')" style="left: 10px; bottom: 10px; width: 64px; height: 64px; position: fixed; z-index: 90000000; opacity: .3;" />
-    <script src="./lib/layui/layui.js" charset="utf-8"></script>
-    <script src="./lib/md5.js"></script>
-    <script>
-        console.log('XGKYTJ 202109291410');
-        // global variables
-        var flagTimer = false; // true: 20s内无操作无操作可执行 false：20s内有操作不执行
-        var times = 0; // 切换次数
-        var timer = $.timer(20000, function () {
-            if (flagTimer) {
-                if (times === 12) {
-                    window.location.reload(); // 如果运行切换效果10次
-                }
-                if (effect === 0) {
-                    effect = 1;
-                    control.toPlane(); // 平面
-                } else if (effect === 1) {
-                    effect = 2;
-                    control.toCube(); // 立方体
-                } else if (effect === 2) {
-                    effect = 3;
-                    control.toSphere(); // 球体
-                } else if (effect === 3) {
-                    effect = 0;
-                    control.toCylinder(); // 圆柱体
-                }
-                times++;
-                console.log('effect', effect);
-            } else {
-                flagTimer = true;
-            }
+    <meta charset="utf-8">
+    <title>高校信息综合查询 Ver 1.0.210926</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="./lib/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./lib/jquery-auto-complete/jquery.auto-complete.css"/>
+    <!--<link rel="stylesheet" href="./lib/pper/css/lightbox.min.css" />-->
+    <link rel="stylesheet" href="./lib/pper/css/wall2.css"/>
+    <script src="./lib/jquery/jquery-3.3.1.min.js"></script>
+    <script src="./lib/pper/wall2/three.js"></script>
+    <script src="./lib/pper/wall2/dat.gui.min.js"></script>
+    <script src="./lib/pper/wall2/CSS3DRenderer.js"></script>
+    <script src="./lib/pper/wall2/OrbitControls.js"></script>
+    <script src="./lib/pper/wall2/tween.js"></script>
+    <script src="./lib/jquery-auto-complete/jquery.auto-complete.js"></script>
+    <script src="./lib/jquery-timer/jquery.timer.js"></script>
+    <script src="lib/cookie/jquery.cookie.js"></script>
+    <!--<script src="./lib/pper/js/lightbox.js"></script>-->
+    <style type="text/css">
+        #gui_container {
+            position: absolute;
+            bottom: 0rem;
+            left: 0rem;
+            z-index: 1;
+            opacity: 0.65;
+        }
 
-            console.log('timer');
-        }, false);
-
-        var effect = 0; // 展示效果编号
-        var renderer;
-        var scene;
-        var camera;
-        var control;
-        var controls;
-        var stats;
-
-
-//        src: '/' + item.Address + '.thumb.webp',
-//            resource: '/' + item.Address
-        var table = [
-
-        ];
-        var offset = 40;
-        var offscreen = new THREE.Vector3(1000, 0, 1000);
-        var currentElements = [];
-        var newlyAddedElements = [];
-        var toBeRemovedElements = [];
-        var positionAndRotation = [];
-
-        /**
-         * Initializes the scene, camera and objects. Called when the window is
-         * loaded by using window.onload (see below)
-         */
-        function init() {
-            console.log('zoul1kdkdkdkdkd')
-            // create a scene, that will hold all our elements such as objects, cameras and lights.
-            scene = new THREE.Scene();
-
-            // create a camera, which defines where we're looking at.
-            camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
-
-            // create a render, sets the background color and the size
-
-            renderer = new THREE.CSS3DRenderer();
-            renderer.setSize(window.innerWidth, window.innerHeight);
-            renderer.domElement.style.position = 'absolute';
-            renderer.domElement.style.top = 0;
-
-            // position and point the camera to the center of the scene
-            camera.position.x = 1200;
-            camera.position.y = 1200;
-            camera.position.z = 1200;
-            camera.lookAt(scene.position);
-
-            controls = new THREE.OrbitControls(camera, renderer.domElement);
-            controls.autoRotate = true;
-
-            // setup the control object for the control gui
-            control = new function () {
-                this.toCube = function (e) {
-                    updateStructure(new THREE.BoxGeometry(20, 14, 20, 5, 3, 5), 40);
-                };
-                this.toCylinder = function () {
-                    updateStructure(new THREE.CylinderGeometry(12, 12, 27, 15, 7, true), 40);
-                };
-                this.toSphere = function () {
-                    updateStructure(new THREE.SphereGeometry(17, 10, 10), 40);
-                };
-                this.toPlane = function () {
-                    //              updateStructure(new THREE.PlaneGeometry(30, 30, 8, 8), 40);
-                    updateStructure(new THREE.TorusGeometry(20, 10, 8, 10), 25);
-
-                };
-            };
+        #gui {
+            /*transform:translate(-50%, -75px);*/
+        }
 
-            // add extras
+        .layui-layer-nobg .layui-layer-content {
+            text-align: center;
+        }
 
-            ///addStatsObject();
+        .layui-layer-nobg img {
+            max-width: 100% !important;
+            max-height: 100% !important;
+        }
 
-            // add the output of the renderer to the html element
-            document.body.appendChild(renderer.domElement);
+        div, p {
+            cursor: default;
+        }
 
-            ///addControlGui(control);
+        a * {
+            cursor: pointer;
+        }
 
-            updateStructure(new THREE.PlaneGeometry(30, 30, 8, 8), 40);
-            // call the render function, after the first render, interval is determined
-            // by requestAnimationFrame
-            render();
+        .search-form {
+            min-width: 520px !important;
         }
 
-        function createCSS3DObject(imgInfo) {
-            var div = document.createElement('div');
-            var img = document.createElement('img');
-            var a = document.createElement('a');
+        .color-a {
+            color: #75E0ED ;
+            border: 1px solid #75E0ED;
+        }
 
-            // var nrString = ("000" + iFace * 4).substr(-3, 3);
-            // img.src = '../assets/screens/WALL-E-' + nrString + ".jpg";
-            img.src = imgUrl = imgInfo.src;
-            img.width = 140;
-            img.height = 140;
+        .color-b {
+            color: #e550ff ;
+            border: 1px solid #e550ff;
+        }
 
-            //console.log('info', imgInfo);
+        .color-c {
+            color: #f78b54;
+            border: 1px solid #f78b54;
+        }
 
-            //a.href =  imgInfo.resource;
-            a.className = 'pper-item';
-            a.setAttribute('data-id', imgInfo.unique_id);
-            //a.setAttribute('data-name', imgInfo.name);
-            a.setAttribute('data-rid', imgInfo.rid);
+        .color-d {
+            color: #4cb1f7 ;
+            border: 1px solid #4cb1f7;
+        }
 
-            //a.setAttribute('data-lightbox','roadtrip');
-            //a.setAttribute('title',a.href.substr(a.href.lastIndexOf('/')+1));
+        .color-e {
+            color: #ababf7 ;
+            border: 1px solid #ababf7;
+        }
 
-            div.appendChild(img);
-            div.style.opacity = 0.7;
-            a.appendChild(div);
+        .color-f {
+            color: #87e997 ;
+            border: 1px solid #87e997;
+        }
 
-            var object = new THREE.CSS3DObject(a);
-            object.name = imgUrl.substring(imgUrl.lastIndexOf('/') + 1);
+        .color-g {
+            color: #f6c953;
+            border: 1px solid #f6c953;
+        }
 
-            return object;
+        .color-h {
+            color: #f793d8 ;
+            border: 1px solid #f793d8;
         }
 
-        function updateStructure(geometry, offset) {
-            // get the position where we need to move elements to
-            positionAndRotation = getPositionAndRotation(geometry, offset);
-
-            // the tweein, will be used to make all the new elements
-            // slowly visible
-            var tweenIn = new TWEEN.Tween({ opacity: 0 })
-                .to({ pos: 1.0 }, 3000)
-                .easing(TWEEN.Easing.Sinusoidal.InOut)
-                .onUpdate(function () {
-                    var toSet = this.pos;
-                    newlyAddedElements.forEach(function (cssObject) {
-                        cssObject.element.style.opacity = toSet;
-                    });
+        .color-i {
+            color: #f7556f ;
+            border: 1px solid #f7556f;
+        }
 
-                    var i = 0;
-                    currentElements.forEach(function (cssObject) {
-                        // get the elements start position and target position
-                        var currentPos = positionAndRotation[i].currentPos;
-                        var targetPos = positionAndRotation[i].pos;
-
-                        // also get the elements start rotation and end rotations
-                        var currentRotation = positionAndRotation[i].currentRotation;
-                        var targetRotation = new THREE.Euler();
-                        targetRotation.setFromRotationMatrix(positionAndRotation[i].rot);
-
-                        // use the tween to slowly move the elements around.
-                        if (currentPos) {
-                            cssObject.position.x = currentPos.x + (targetPos.x - currentPos.x) * toSet;
-                            cssObject.position.y = currentPos.y + (targetPos.y - currentPos.y) * toSet;
-                            cssObject.position.z = currentPos.z + (targetPos.z - currentPos.z) * toSet;
-
-                            cssObject.rotation.x = currentRotation.x + (targetRotation.x - currentRotation.x) * toSet;
-                            cssObject.rotation.y = currentRotation.y + (targetRotation.y - currentRotation.y) * toSet;
-                            cssObject.rotation.z = currentRotation.z + (targetRotation.z - currentRotation.z) * toSet;
-                        }
-                        i++;
-                    });
-                });
+        .color-j {
+            color: #3c16f7;
+            border: 1px solid #3c16f7;
+        }
+        .message{
+            width: 100%;
+            height: 100%;
+            position: fixed;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: rgba(0, 0, 0, .3);
+            top: 0;
+            left: 0;
+            z-index: 999;
+        }
+        .message-box{
+            /*padding: 20px 40px;*/
+            width: 20rem;
+            height: 9rem;
+            border-radius:8px;
+            overflow: auto;
+            background: #ffffff;
+            box-shadow: 3px 2px 5px #7777;
+        }
+        .message-header{
+            height: 1.6rem;
+            line-height: 1.6rem;
+            text-align: left;
+            font-size: 13px;
+            padding: 0 .5rem;
+            color: #fff;
+            background: #2C88ED;
+            border-bottom: 1px solid #B6BEC5;
+        }
+        .message-content{
+            padding: 0 1rem;
+            height:4.3rem;
+            display: flex;
+            align-items: center;
+        }
+        .message-footer{
+            height: 2rem;
+            display: flex;
+            justify-content: flex-end;
+            margin-right: 1rem;
+        }
+        .message-footer .button{
+            text-align: center;
+            padding: 0 1rem;
+            background:#2C88ED ;
+            color: #fff;
+            line-height: 2rem;
+            font-size: 13px;
+            cursor: pointer;
+        }
+    </style>
+    <link rel="stylesheet" href="./css/style.css?v=1.0.0.2108200838" media="all">
+</head>
+<body>
+<div id="btn_search" data-state="closed"><img src="img/search_black.svg"></div>
+<div class="logo" onclick="window.location.reload();"><img src="./img/logo.png"></div>
+<div onclick="showModal()" id="login" style="display:none;z-index:2;color:#3499FB;font-size: 1.2rem;cursor: pointer; border: 2px solid #3499FB;border-radius: 5px;padding: .5rem 1.5rem;position:absolute;right:50px;top: 50px;">登录</div>
+<div id="logout" style="display:none;z-index:2;color:#3499FB;font-size: 1.2rem;position:absolute;right:50px;top: 50px;">
+    <img src="img/tx.png" style="display:inline-block;width:3rem;vertical-align: middle"/>
+    <div style="display:inline-block;margin:0 1rem" id="name"></div>
+    <div style="display:inline-block;cursor: pointer" onclick="doLogout()">退出</div>
+</div>
+<div class="copyright">版权所有：东北师大理想软件股份有限公司 &nbsp&nbsp&nbsp 技术服务：400-0400-662</div>
+<div class="model" style="display: none">
+    <div class="modelFixed" >
+        <div style="position: relative;height: 10vh">
+            <div ><img onclick="closeModal()" style="position:absolute;top:0;right:-2vh;width: 1.5rem;cursor:pointer" src="img/closeModal.png"/></div>
+            <div class="title">用户登录</div>
+        </div>
+        <div style="position: relative;text-align: center">
+            <input class="input-box" style="margin-bottom: 1rem" autocomplete="off" type="text" id="personName" placeholder="请输入用户名" />
+            <img style="width: 1.5rem;position: absolute;left: 4.2rem;top: .6rem;" src="img/user.png"/>
+        </div>
+        <div style="position: relative;text-align: center">
+            <input class="input-box" type="password" id="password" placeholder="请输入密码"  />
+            <img style="width: 1.5rem;position: absolute;left: 4.2rem;top: .6rem;" src="img/lock.png"/>
+        </div>
+        <div style="font-size: 13px;margin-top:5px;color:red;text-align: center" id="tip"></div>
+        <div style="display: flex;justify-content: center;text-align: center">
+            <div class="btn" onclick="doLogin()">登录</div>
+        </div>
+    </div>
+</div>
+
+<div class="message" style="display: none">
+    <div class="message-box">
+        <div class="message-header">提示</div>
+        <div class="message-content">
+            <img src="img/attention.png" style="margin: 0 1rem;width: 1.5rem"/>
+            <div class="info"></div>
+        </div>
+        <div class="message-footer">
+            <div class="button" onclick="okButton()">确定</div>
+        </div>
+    </div>
+</div>
+<!--<img src="./img/config.png" onclick="window.chrome.webview.postMessage('admin')" style="left: 10px; bottom: 10px; width: 64px; height: 64px; position: fixed; z-index: 90000000; opacity: .3;"/>-->
+<script src="./lib/layui/layui.js" charset="utf-8"></script>
+<script src="./lib/md5.js"></script>
+<script>
+    //        console.log('XGKYTJ 202109291410');
+    // global variables
+    var flagTimer = false; // true: 20s内无操作无操作可执行 false：20s内有操作不执行
+    var times = 0; // 切换次数
+    var timer = $.timer(20000, function () {
+        if (flagTimer) {
+            if (times === 12) {
+                window.location.reload(); // 如果运行切换效果10次
+            }
+            if (effect === 0) {
+                effect = 1;
+                control.toPlane(); // 平面
+            } else if (effect === 1) {
+                effect = 2;
+                control.toCube(); // 立方体
+            } else if (effect === 2) {
+                effect = 3;
+                control.toSphere(); // 球体
+            } else if (effect === 3) {
+                effect = 0;
+                control.toCylinder(); // 圆柱体
+            }
+            times++;
+        } else {
+            flagTimer = true;
+        }
 
-            tweenIn.start();
+    }, false);
+
+    var effect = 0; // 展示效果编号
+    var renderer;
+    var scene;
+    var camera;
+    var control;
+    var controls;
+    var stats;
+    var university_id = '';
+
+    //        src: '/' + item.Address + '.thumb.webp',
+    //            resource: '/' + item.Address
+    var table = [];
+    var offset = 40;
+    var offscreen = new THREE.Vector3(1000, 0, 1000);
+    var currentElements = [];
+    var newlyAddedElements = [];
+    var toBeRemovedElements = [];
+    var positionAndRotation = [];
+
+    /**
+     * Initializes the scene, camera and objects. Called when the window is
+     * loaded by using window.onload (see below)
+     */
+    function init() {
+        // create a scene, that will hold all our elements such as objects, cameras and lights.
+        scene = new THREE.Scene();
+
+        // create a camera, which defines where we're looking at.
+        camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
+
+        // create a render, sets the background color and the size
+
+        renderer = new THREE.CSS3DRenderer();
+        renderer.setSize(window.innerWidth, window.innerHeight);
+        renderer.domElement.style.position = 'absolute';
+        renderer.domElement.style.top = 0;
+
+        // position and point the camera to the center of the scene
+        camera.position.x = 1200;
+        camera.position.y = 1200;
+        camera.position.z = 1200;
+        camera.lookAt(scene.position);
+
+        controls = new THREE.OrbitControls(camera, renderer.domElement);
+        controls.autoRotate = true;
+
+        // setup the control object for the control gui
+        control = new function () {
+            this.toCube = function (e) {
+                updateStructure(new THREE.BoxGeometry(20, 14, 20, 5, 3, 5), 40);
+            };
+            this.toCylinder = function () {
+                updateStructure(new THREE.CylinderGeometry(12, 12, 27, 15, 7, true), 40);
+            };
+            this.toSphere = function () {
+                updateStructure(new THREE.SphereGeometry(17, 10, 10), 40);
+            };
+            this.toPlane = function () {
+                //              updateStructure(new THREE.PlaneGeometry(30, 30, 8, 8), 40);
+                updateStructure(new THREE.TorusGeometry(20, 10, 8, 10), 25);
 
-            // some cleanup
-            newlyAddedElements = [];
-            toBeRemovedElements = [];
+            };
+        };
 
-            // walk through the positionAndRotation set and either move or create the elements
-            for (var i = 0; i < positionAndRotation.length; i++) {
+        // add extras
 
-                if (currentElements.length > i) {
-                    // we need to move one of the existing ones.
-                    var element = currentElements[i];
-                    positionAndRotation[i].currentPos = element.position.clone();
-                    positionAndRotation[i].currentRotation = element.rotation.clone();
-                } else {
-                    // create a new one, and set it's position of screen
-                    var imgData = table[i];
-                    var element = createCSS3DObject(imgData);
+        ///addStatsObject();
 
-                    element.position = offscreen.clone();
+        // add the output of the renderer to the html element
+        document.body.appendChild(renderer.domElement);
 
-                    positionAndRotation[i].currentPos = element.position.clone();
-                    positionAndRotation[i].currentRotation = element.rotation.clone();
+        ///addControlGui(control);
 
-                    // set initial opacity to 0.
-                    element.element.style.opacity = 0;
+        updateStructure(new THREE.PlaneGeometry(30, 30, 8, 8), 40);
+        // call the render function, after the first render, interval is determined
+        // by requestAnimationFrame
+        render();
+    }
 
-                    // add to the array to keep track of.
-                    currentElements.push(element);
-                    newlyAddedElements.push(element);
-                    scene.add(element);
-                }
-            }
+    function createCSS3DObject(imgInfo) {
+        var div = document.createElement('div');
+        var img = document.createElement('img');
+        var a = document.createElement('a');
 
-            // finally remove the elements that aren't needed anymore
-            for (var i = positionAndRotation.length; i < currentElements.length; i++) {
-                toBeRemovedElements.push(currentElements[i]);
-            }
+        // var nrString = ("000" + iFace * 4).substr(-3, 3);
+        // img.src = '../assets/screens/WALL-E-' + nrString + ".jpg";
+        img.src = imgUrl = imgInfo.src;
+        img.width = 140;
+        img.height = 140;
 
-            // and remove them from the scene
-            for (var i = 0; i < toBeRemovedElements.length; i++) {
-                scene.remove(currentElements.pop());
-            }
-        }
+        //console.log('info', imgInfo);
 
-        /**
-         * The first thing we need when we want to map the divs to a new model, is the position and the rotation
-         * matrix that needs to be applied to move the object to its new position. To calculate this we analyze
-         * the provided geometry, and use the faces to calculate the rotation and the position.  This return an
-         * array with the following elements:
-         *
-         * {
-         *  pos: THREE.Vector3(),
-         *  rot: THREE.Matrix4()
-         * }
-         *
-         * @param geometry
-         */
-        function getPositionAndRotation(geometry, offset) {
-            var result = [];
-
-            for (var iFace = 0; iFace < geometry.faces.length; iFace += 2) {
-                var newPosition = new THREE.Vector3(0, 0, 0);
-
-                // get this face and the next which both make the cube
-                var face = geometry.faces[iFace];
-                var faceNext = geometry.faces[iFace + 1];
-
-                // calculate the position of where the elements need to go to.
-                var centroid = new THREE.Vector3();
-                centroid.copy(geometry.vertices[face.a])
-                    .add(geometry.vertices[face.b])
-                    .add(geometry.vertices[face.c])
-                    .add(geometry.vertices[faceNext.a])
-                    .add(geometry.vertices[faceNext.b])
-                    .add(geometry.vertices[faceNext.c])
-                    .divideScalar(6).multiplyScalar(offset);
-
-                newPosition = centroid.clone();
-
-                // Now we need to rotate the div to the correct position
-                var up = new THREE.Vector3(0, 0, 1);
-
-                // we get the vector from both of the triangle, and use the average
-                var normal = new THREE.Vector3();
-                normal.addVectors(face.normal, faceNext.normal);
-                normal.divideScalar(2);
-
-                // We calculate the axis on which to rotate by
-                // selecting the cross of the vectors
-                var axis = new THREE.Vector3();
-                axis.crossVectors(up, normal);
-
-                // based on the axis, in relation to our normal vector
-                // we can calculate the angle.
-                var angle = Math.atan2(axis.length(), up.dot(normal));
-                axis.normalize();
-
-                // now we can use matrix function to rotate the object so
-                // it is aligned with the normal from the face
-                var rotationToApply = new THREE.Matrix4();
-                rotationToApply.makeRotationAxis(axis, angle);
-
-                result.push({ pos: newPosition, rot: rotationToApply });
-            }
+        //a.href =  imgInfo.resource;
+        a.className = 'pper-item';
+        a.setAttribute('data-id', imgInfo.unique_id);
+        //a.setAttribute('data-name', imgInfo.name);
+        a.setAttribute('data-rid', imgInfo.rid);
 
-            return result;
-        }
+        //a.setAttribute('data-lightbox','roadtrip');
+        //a.setAttribute('title',a.href.substr(a.href.lastIndexOf('/')+1));
 
-        function getCenter(object, face) {
+        div.appendChild(img);
+        div.style.opacity = 0.7;
+        a.appendChild(div);
 
-            console.log(face);
-            var a = object.vertices[face.a];
-            var b = object.vertices[face.b];
-            var c = object.vertices[face.c];
+        var object = new THREE.CSS3DObject(a);
+        object.name = imgUrl.substring(imgUrl.lastIndexOf('/') + 1);
 
-            var added = new THREE.Vector3();
-            added.add(a);
-            added.add(b);
-            added.add(c);
+        return object;
+    }
 
-            console.log(added);
+    function updateStructure(geometry, offset) {
+        // get the position where we need to move elements to
+        positionAndRotation = getPositionAndRotation(geometry, offset);
 
-            return added;
-        }
+        // the tweein, will be used to make all the new elements
+        // slowly visible
+        var tweenIn = new TWEEN.Tween({opacity: 0})
+            .to({pos: 1.0}, 3000)
+            .easing(TWEEN.Easing.Sinusoidal.InOut)
+            .onUpdate(function () {
+                var toSet = this.pos;
+                newlyAddedElements.forEach(function (cssObject) {
+                    cssObject.element.style.opacity = toSet;
+                });
 
-        function addControlGui(controlObject) {
-            var gui = new dat.GUI({ autoPlace: false });
-            gui.domElement.id = 'gui';
-            gui.add(controlObject, "toCube");
-            gui.add(controlObject, "toSphere");
-            gui.add(controlObject, "toCylinder");
-            gui.add(controlObject, "toPlane");
-            var gui_container = document.getElementById("gui_container");
-            gui_container.appendChild(gui.domElement);
-        }
+                var i = 0;
+                currentElements.forEach(function (cssObject) {
+                    // get the elements start position and target position
+                    var currentPos = positionAndRotation[i].currentPos;
+                    var targetPos = positionAndRotation[i].pos;
+
+                    // also get the elements start rotation and end rotations
+                    var currentRotation = positionAndRotation[i].currentRotation;
+                    var targetRotation = new THREE.Euler();
+                    targetRotation.setFromRotationMatrix(positionAndRotation[i].rot);
+
+                    // use the tween to slowly move the elements around.
+                    if (currentPos) {
+                        cssObject.position.x = currentPos.x + (targetPos.x - currentPos.x) * toSet;
+                        cssObject.position.y = currentPos.y + (targetPos.y - currentPos.y) * toSet;
+                        cssObject.position.z = currentPos.z + (targetPos.z - currentPos.z) * toSet;
+
+                        cssObject.rotation.x = currentRotation.x + (targetRotation.x - currentRotation.x) * toSet;
+                        cssObject.rotation.y = currentRotation.y + (targetRotation.y - currentRotation.y) * toSet;
+                        cssObject.rotation.z = currentRotation.z + (targetRotation.z - currentRotation.z) * toSet;
+                    }
+                    i++;
+                });
+            });
 
-        /**
-         * Called when the scene needs to be rendered. Delegates to requestAnimationFrame
-         * for future renders
-         */
-        function render() {
+        tweenIn.start();
 
-            TWEEN.update();
+        // some cleanup
+        newlyAddedElements = [];
+        toBeRemovedElements = [];
 
-            // update stats
-            ///stats.update();
+        // walk through the positionAndRotation set and either move or create the elements
+        for (var i = 0; i < positionAndRotation.length; i++) {
 
-            controls.update();
+            if (currentElements.length > i) {
+                // we need to move one of the existing ones.
+                var element = currentElements[i];
+                positionAndRotation[i].currentPos = element.position.clone();
+                positionAndRotation[i].currentRotation = element.rotation.clone();
+            } else {
+                // create a new one, and set it's position of screen
+                var imgData = table[i];
+                var element = createCSS3DObject(imgData);
 
-            // and render the scene
-            renderer.render(scene, camera);
+                element.position = offscreen.clone();
 
-            // render using requestAnimationFrame
-            requestAnimationFrame(render);
-        }
+                positionAndRotation[i].currentPos = element.position.clone();
+                positionAndRotation[i].currentRotation = element.rotation.clone();
 
-        /**
-         * Function handles the resize event. This make sure the camera and the renderer
-         * are updated at the correct moment.
-         */
-        function handleResize() {
-            camera.aspect = window.innerWidth / window.innerHeight;
-            camera.updateProjectionMatrix();
-            renderer.setSize(window.innerWidth, window.innerHeight);
-        }
+                // set initial opacity to 0.
+                element.element.style.opacity = 0;
 
-        function handleSubmit(e) {
-            if (e.keyCode == 13) {
-                console.log(document.getElementById("queryField").value);
+                // add to the array to keep track of.
+                currentElements.push(element);
+                newlyAddedElements.push(element);
+                scene.add(element);
             }
         }
 
+        // finally remove the elements that aren't needed anymore
+        for (var i = positionAndRotation.length; i < currentElements.length; i++) {
+            toBeRemovedElements.push(currentElements[i]);
+        }
 
-        //获得指定文件夹图片名称列表，同时设置图片的位置
-        function getPics() {
-            var _data = [];
-            $.ajax({
-                type: "GET",
-                async: false,
-                url: "/dsideal_yy/zygh/ytj/getUniversityList?page_size="+COUNT,
-                dataType: "json",
-                success: function (data) {
-                    if (data.success) {
-                        $.each(data.list, function (idx, item) {
-                            if(item.resource_address!==null){
-                                console.log('111')
-                                _data.push({
-                                    rid:item.university_name,
-                                    type: "image",
-                                    src: '/dsideal_yy/gxlbytj/' + item.resource_address + '.thumb.webp',
-                                    resource: '/' + item.resource_address
-                                })
-                            }else {
-                                _data.push({
-                                    rid:item.university_name,
-                                    type: "image",
-                                    src: "img/picture.svg",
-                                    resource: "img/picture.svg"
-                                })
-                            }
+        // and remove them from the scene
+        for (var i = 0; i < toBeRemovedElements.length; i++) {
+            scene.remove(currentElements.pop());
+        }
+    }
+
+    /**
+     * The first thing we need when we want to map the divs to a new model, is the position and the rotation
+     * matrix that needs to be applied to move the object to its new position. To calculate this we analyze
+     * the provided geometry, and use the faces to calculate the rotation and the position.  This return an
+     * array with the following elements:
+     *
+     * {
+         *  pos: THREE.Vector3(),
+         *  rot: THREE.Matrix4()
+         * }
+     *
+     * @param geometry
+     */
+    function getPositionAndRotation(geometry, offset) {
+        var result = [];
+
+        for (var iFace = 0; iFace < geometry.faces.length; iFace += 2) {
+            var newPosition = new THREE.Vector3(0, 0, 0);
+
+            // get this face and the next which both make the cube
+            var face = geometry.faces[iFace];
+            var faceNext = geometry.faces[iFace + 1];
+
+            // calculate the position of where the elements need to go to.
+            var centroid = new THREE.Vector3();
+            centroid.copy(geometry.vertices[face.a])
+                .add(geometry.vertices[face.b])
+                .add(geometry.vertices[face.c])
+                .add(geometry.vertices[faceNext.a])
+                .add(geometry.vertices[faceNext.b])
+                .add(geometry.vertices[faceNext.c])
+                .divideScalar(6).multiplyScalar(offset);
+
+            newPosition = centroid.clone();
+
+            // Now we need to rotate the div to the correct position
+            var up = new THREE.Vector3(0, 0, 1);
+
+            // we get the vector from both of the triangle, and use the average
+            var normal = new THREE.Vector3();
+            normal.addVectors(face.normal, faceNext.normal);
+            normal.divideScalar(2);
+
+            // We calculate the axis on which to rotate by
+            // selecting the cross of the vectors
+            var axis = new THREE.Vector3();
+            axis.crossVectors(up, normal);
+
+            // based on the axis, in relation to our normal vector
+            // we can calculate the angle.
+            var angle = Math.atan2(axis.length(), up.dot(normal));
+            axis.normalize();
+
+            // now we can use matrix function to rotate the object so
+            // it is aligned with the normal from the face
+            var rotationToApply = new THREE.Matrix4();
+            rotationToApply.makeRotationAxis(axis, angle);
+
+            result.push({pos: newPosition, rot: rotationToApply});
+        }
 
-                        });
-                        for (i = 0; i < 110 - _data.length; i++) {
+        return result;
+    }
+
+    function getCenter(object, face) {
+
+        console.log(face);
+        var a = object.vertices[face.a];
+        var b = object.vertices[face.b];
+        var c = object.vertices[face.c];
+
+        var added = new THREE.Vector3();
+        added.add(a);
+        added.add(b);
+        added.add(c);
+
+        console.log(added);
+
+        return added;
+    }
+
+    function addControlGui(controlObject) {
+        var gui = new dat.GUI({autoPlace: false});
+        gui.domElement.id = 'gui';
+        gui.add(controlObject, "toCube");
+        gui.add(controlObject, "toSphere");
+        gui.add(controlObject, "toCylinder");
+        gui.add(controlObject, "toPlane");
+        var gui_container = document.getElementById("gui_container");
+        gui_container.appendChild(gui.domElement);
+    }
+
+    /**
+     * Called when the scene needs to be rendered. Delegates to requestAnimationFrame
+     * for future renders
+     */
+    function render() {
+
+        TWEEN.update();
+
+        // update stats
+        ///stats.update();
+
+        controls.update();
+
+        // and render the scene
+        renderer.render(scene, camera);
+
+        // render using requestAnimationFrame
+        requestAnimationFrame(render);
+    }
+
+    /**
+     * Function handles the resize event. This make sure the camera and the renderer
+     * are updated at the correct moment.
+     */
+    function handleResize() {
+        camera.aspect = window.innerWidth / window.innerHeight;
+        camera.updateProjectionMatrix();
+        renderer.setSize(window.innerWidth, window.innerHeight);
+    }
+
+    function handleSubmit(e) {
+        if (e.keyCode == 13) {
+//                console.log(document.getElementById("queryField").value);
+        }
+    }
+
+
+    //获得指定文件夹图片名称列表，同时设置图片的位置
+    function getPics() {
+        var _data = [];
+        $.ajax({
+            type: "GET",
+            async: false,
+            url: "/dsideal_yy/zygh/ytj/getRandomUniversityList?page_size=" + COUNT,
+            dataType: "json",
+            success: function (data) {
+                if (data.success) {
+                    $.each(data.list, function (idx, item) {
+                        if (item.resource_address !== null) {
                             _data.push({
+                                id: item.university_id,
+                                rid: item.university_name,
+                                type: "image",
+                                src: '/dsideal_yy/gxytj/' + item.first_resource_address + '.thumb.webp',
+                                resource: '/' + item.first_resource_address
+                            })
+                        } else {
+                            _data.push({
+                                id: item.university_id,
+                                rid: item.university_name,
                                 type: "image",
                                 src: "img/picture.svg",
                                 resource: "img/picture.svg"
                             })
                         }
 
-                        console.log('_data-----',_data);
-                        table = _data;
+                    });
+                    for (i = 0; i < 110 - _data.length; i++) {
+                        _data.push({
+                            id: '',
+                            rid: '',
+                            type: "image",
+                            src: "img/picture.svg",
+                            resource: "img/picture.svg"
+                        })
+                    }
 
-                        init();
+//                        console.log('_data-----',_data);
+                    table = _data;
+
+                    init();
+                }
+            }
+        });
+    }
+
+    //展开
+    function unfold() {
+        $('#up').show();
+        $('#down').hide();
+        $('#description').css('max-height', 'none')
+    }
+
+    //收起
+    function packUp() {
+        $('#up').hide();
+        $('#down').show();
+        $('#description').css('max-height', '10rem')
+    }
+
+//    登录
+    function showModal() {
+        $('.model').show()
+    }
+    function closeModal() {
+        $('.model').hide();
+        $('#personName').text('');
+        $('#password').text('')
+    }
+    function doLogin() {
+        var personName=$('#personName').val();
+        var password=$('#password').val();
+        if(personName.replace(/(^\s*)|(\s*$)/g, "")===''){//去除首尾两端空格
+            $('#tip').text('请输入用户名');
+        }else if(password.replace(/(^\s*)|(\s*$)/g, "")===''){
+            $('#tip').text('请输入密码')
+        }else {
+            $.ajax({
+                type: "POST",
+                async: false,
+                url: "/dsideal_yy/login/doLogin?login_type=" + 1+'&user='+personName+'&pwd='+password,
+                dataType: "json",
+                success: function (data) {
+                    if (data.success) {
+                        localStorage.setItem("login_name_local", data.login_name);
+                        localStorage.setItem("login_pwd_local", password);
+                        localStorage.setItem("person_id_local", data.person_id);
+                        localStorage.setItem("identity_id_local", data.identity);
+                        localStorage.setItem("person_name_local", data.person_name);
+                        localStorage.setItem("bureau_name_local", data.bureau_name);
+                        localStorage.setItem("class_id_local", data.class_id);
+                        localStorage.setItem("token_local", data.token);
+                        localStorage.setItem("bureau_id", data.bureau_id);
+                        localStorage.setItem("class_id", data.class_id);
+//                            localStorage.setItem("province_id", response.province_id);
+//                            parent.getCrmInfoByPerson();
+//                        parent.isCookie=$.cookie("person_id")===undefined;
+//                        parent.userName=$.cookie("person_name");
+
+                        $('.model').hide();
+                        $('#name').text($.cookie("person_name"));
+                        $('#login').hide()
+                        $('#logout').show()
+                    }else {
+                        $('#tip').text(data.info)
                     }
                 }
             });
         }
+    }
+
+    function doLogout() {
+        $.ajax({
+            type: "POST",
+            async: false,
+            url: "/dsideal_yy/login/doLogout?type=" + 1,
+            dataType: "json",
+            success: function (data) {
+                if (data.success) {
+                    localStorage.clear();
+                    $('#login').show()
+                    $('#logout').hide()
+                }
+            }
+        });
+    }
 
-        // calls the init function when the window is done loading.
-        // window.onload = getImgs;
-        // calls the handleResize function when the window is resized
-        window.addEventListener('resize', handleResize, false);
+    function okButton() {
+        $('.message').hide()
+    }
+    // calls the init function when the window is done loading.
+    // window.onload = getImgs;
+    // calls the handleResize function when the window is resized
+    window.addEventListener('resize', handleResize, false);
 
-        $(function () {
+    $(function () {
 //            aa()
-            getPics()
+        getPics()
 //            getImgs();
 //            init();
-            //lazyload();
-        })
-    </script>
-    <script>
-        // 监控页面点击操作
-        $(document).on('click', 'body', function(){
-            flagTimer = false; // 不执行
-            //console.log('click');
-        })
-
-        var COUNT = 110; // 初始化图片数量
-        layui.use(['jquery', 'laytpl', 'carousel', 'form'], function(){
-            // 由于layer弹层依赖jQuery，所以可以直接得到
-            var $ = layui.$, layer = layui.layer;
-            var laytpl = layui.laytpl;
-            var carousel = layui.carousel, form = layui.form;
-            $('#btn_search').click(function(){
-                layer.closeAll(); // 关闭所有层
-                if($(this).data('state') === 'closed'){
-                    // 页面层-自定义
-                    layer.open({
-                        type: 1,
-                        title: false,
-                        closeBtn: 0,
-                        shadeClose: false,
-                        skin: 'searchSkin',
-                        shade: 0.7,
-                        content: $('#search_tpl').html(),
-                        success: function(layerObj, index){
-                            layer.style(index, {
-                                top: '33%'
-                            });
-                            //console.log('autoComplete', $('#keyword').attr('placeholder'));
-                            $('#keyword').autoComplete({
-                                minChars: 1,
-                                source: function(term, suggest){
-                                    //try { xhr.abort(); } catch(e){}
-                                    xhr = $.ajax({
-                                        type: "GET",
-                                        async: false,
-                                        url: "/dsideal_yy/zygh/ytj/getUniversityList?university_name=" + term+"&page_size="+COUNT,
-                                        dataType: "json",
-                                        success: function (data) {
-                                            var suggestions = [];
-                                            $.each(data.list, function(idx, item){
-                                                suggestions.push(item.university_name);
-                                            });
-                                            //console.log('suggestions', suggestions);
-                                            suggest(suggestions);
-                                        }
-                                    });
-                            }
-                            });
+        //lazyload();
+    })
+</script>
+<script>
+    // 监控页面点击操作
+    $(document).on('click', 'body', function () {
+        flagTimer = false; // 不执行
+        console.log('click');
+    })
+
+    $(document).ready(function(){
+        if($.cookie("person_id")===undefined){
+            $('#login').show();
+            $('#logout').hide()
+        }else {
+            $('#name').text($.cookie("person_name"));
+            $('#login').hide()
+            $('#logout').show()
+        }
+        $('#personName').on('input', function() {
+            var personName = $(this).val();
+            console.log(personName);
+            if(personName.trim()!==''){
+                $('#tip').text('')
+            }
 
-                            //console.log(layerObj, index);
-                            $('#btn_search img').attr('src', 'img/close_black.svg') //
-                        }
-                    });
-                    $(this).data('state', 'open');
-                }else{
-                    layer.close(layer.index); // 它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
-                    $('#btn_search img').attr('src', 'img/search_black.svg'); //
-                    $(this).data('state', 'closed');
-                }
-            });
+        });
+        $('#password').on('input', function() {
+            var password = $(this).val();
+            console.log(password);
+            if(password.trim()!==''){
+                $('#tip').text('')
+            }
 
-            // 搜索点击事件委托
-            $("body").on("click", "#btn_search_form", function(event){
-                var keyword = $('#keyword').val();
+        });
+    });
+    var COUNT = 110; // 初始化图片数量
+    layui.use(['jquery', 'laytpl', 'carousel', 'form'], function () {
+        // 由于layer弹层依赖jQuery，所以可以直接得到
+        var $ = layui.$, layer = layui.layer;
+        var laytpl = layui.laytpl;
+        var carousel = layui.carousel, form = layui.form;
+        $('#btn_search').click(function () {
+            if($.cookie('person_id')!==undefined){
+                var target = $(this);
                 $.ajax({
                     type: "GET",
                     async: false,
-                    url: "/dsideal_yy/zygh/ytj/getUniversityList?university_name=" + keyword+"&page_size="+COUNT,
+                    url: "/dsideal_yy/base/crm/getCrmInfoByPerson",
+                    data: {
+                        "person_id":$.cookie('person_id'),
+                        "identity_id":  $.cookie('identity_id'),
+                        "user_type": 5,
+                        "code": 'gxlbytj',
+                        "plat": 1
+                    },
                     dataType: "json",
-                    success: function (data) {
-                        if(data.list.length === 0){
-                            layer.tips('未能检索到相关内容', '#keyword', {tips: 3});
-                        }else {
-                            console.log('data.list',data.list)
-                            var school=[];
-                            for( var i=0; i<data.list.length;i++){
-                                if(data.list[i].university_name===keyword.toString()){
-                                    school.push(data.list[i])
-                                }
-                            }
-                            if(school.length===0){
-                                layer.tips('未能检索到相关内容', '#keyword', {tips: 3});
-                            }else {
-                                var target = keyword;
-                                var id = keyword;
-                                var name = keyword;
-                                $('body').data('id', id);
-                                $('body').data('rid', id);
-                                $('body').data('name', name);
+                    success: function (res) {
+                        if (res.success) {
+                            layer.closeAll(); // 关闭所有层
+                            if (target.data('state') === 'closed') {
                                 // 页面层-自定义
                                 layer.open({
                                     type: 1,
                                     title: false,
-                                    closeBtn: 1,
+                                    closeBtn: 0,
                                     shadeClose: false,
-                                    skin: 'modalSkin',
+                                    skin: 'searchSkin',
                                     shade: 0.7,
-                                    content: $('#modal_tpl').html(),
-                                    success: function(layerObj, index){
-                                        $('#keyword').blur(); // 搜索框设置失去焦点
-                                        console.log('modalSkin', $(layerObj).find('.modal-menu [data-key="intro"]').html());
-                                        // 自动触发"学校概况"展示
-                                        $('.modal-menu [data-key="summary"] img').trigger("click");
+                                    content: $('#search_tpl').html(),
+                                    success: function (layerObj, index) {
+                                        layer.style(index, {
+                                            top: '33%'
+                                        });
+                                        //console.log('autoComplete', $('#keyword').attr('placeholder'));
+                                        $('#keyword').autoComplete({
+                                            minChars: 1,
+                                            source: function (term, suggest) {
+                                                //try { xhr.abort(); } catch(e){}
+                                                xhr = $.ajax({
+                                                    type: "GET",
+                                                    async: false,
+                                                    url: "/dsideal_yy/zygh/university/getAllUniversityList?university_name=" + term,
+                                                    dataType: "json",
+                                                    success: function (data) {
+                                                        var suggestions = [];
+                                                        $.each(data.university_list, function (idx, item) {
+                                                            suggestions.push(item.university_name);
+                                                        });
+                                                        //console.log('suggestions', suggestions);
+                                                        suggest(suggestions);
+                                                    }
+                                                });
+                                            }
+                                        });
+
+                                        //console.log(layerObj, index);
+                                        $('#btn_search img').attr('src', 'img/close_black.svg')
                                     }
                                 });
+                                target.data('state', 'open');
+                            } else {
+                                layer.close(layer.index); // 它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
+                                $('#btn_search img').attr('src', 'img/search_black.svg'); //
+                                target.data('state', 'closed');
                             }
-
+                        }else {
+                            $('.info').text('对不起，您没有访问权限！');
+                            $('.message').show();
                         }
                     }
-                });
-            });
+                })
 
-            $("body").on("submit", ".search-form", function(event){
-                $("#btn_search_form").trigger("click");
-                event.preventDefault();
-            });
+            }else {
+                $('.model').show()
+            }
+
+
+        });
 
-            // 照片墙点击事件委托
-            $("body").on("click", ".pper-item", function(event){
-                // 从DOM标签获取属性值
-                var target = $(this) ;
-                var id = target.data('id'); // 学校Id
-                // var name = target.data('name'); // 学校Name
-                var rid = target.data('rid'); // 资源Id
-
-                $('body').data('id', id); // 院校Id
-                // $('body').data('name', name); // 注：现改用id判断
-                $('body').data('rid', rid); // 资源Id
-
-                console.log('id::',id);
-                console.log('rid::',rid);
-                // 页面层-自定义
-                layer.open({
-                    type: 1,
-                    title: false,
-                    closeBtn: 1,
-                    shadeClose: false,
-                    skin: 'modalSkin',
-                    content: $('#modal_tpl').html(),
-                    end: function(){
-                        //console.log('end...');
-                        if(effect === 0){
-                            effect = 1;
-                            control.toPlane(); // 平面
-                        }else if(effect === 1){
-                            effect = 2;
-                            control.toCube(); // 立方体
-                        }else if(effect === 2){
-                            effect = 3;
-                            control.toSphere(); // 球体
-                        }else if(effect === 3){
-                            effect = 0;
-                            control.toCylinder(); // 圆柱体
+        // 搜索点击事件委托
+        $("body").on("click", "#btn_search_form", function (event) {
+            var keyword = $('#keyword').val();
+            $.ajax({
+                type: "GET",
+                async: false,
+                url: "/dsideal_yy/zygh/university/getAllUniversityList?university_name=" + keyword,
+                dataType: "json",
+                success: function (data) {
+                    if (data.university_list.length === 0) {
+                        layer.tips('未能检索到相关内容', '#keyword', {tips: 3});
+                    } else {
+                        var school = [];
+                        for (var i = 0; i < data.university_list.length; i++) {
+                            if (data.university_list[i].university_name.toString() === keyword.toString()) {
+                                school.push(data.university_list[i]);
+                                university_id=data.university_list[i].university_id
+                            }
+                        }
+                        if (school.length === 0) {
+//                                alert(2)
+//                                layer.tips('未能检索到相关内容', '#keyword', {tips: 3});
+
+                        } else {
+                            var target = keyword;
+                            var id = university_id;
+                            var name = keyword;
+                            $('body').data('id', id);
+                            $('body').data('rid', id);
+                            $('body').data('name', name);
+                            // 页面层-自定义
+                            layer.open({
+                                type: 1,
+                                title: false,
+                                closeBtn: 1,
+                                shadeClose: false,
+                                skin: 'modalSkin',
+                                shade: 0.7,
+                                content: $('#modal_tpl').html(),
+                                success: function (layerObj, index) {
+                                    console.log('ddddd',$('body').data('rid'))
+                                    $('#keyword').blur(); // 搜索框设置失去焦点
+                                    console.log('modalSkin', $(layerObj).find('.modal-menu [data-key="intro"]').html());
+                                    // 自动触发"学校概况"展示
+                                    $('.modal-menu [data-key="summary"] img').trigger("click");
+                                }
+                            });
                         }
-                        //console.log('effect', effect);
 
-                    },
-                    success: function(layerObj, index){
-                        //console.log('modalSkin', $(layerObj).find('.modal-menu [data-key="intro"]').html());
-                        // 自动触发"校园风采"展示
-                        $('.modal-menu [data-key="intro"] img').trigger("click");
                     }
-                });
+                }
             });
+        });
 
-            // 校园风采轮播图片点击事件委托
-            $("body").on("click", ".pic-item img", function(event){
-                //console.log('pic:', $(event.target).parent('.pic-item').html());
-                layer.open({
-                    type: 1,
-                    title: false,
-                    closeBtn: 0,
-                    area: 'auto',
-                    shade: 0.9,
-                    skin: 'layui-layer-nobg', //没有背景色
-                    shadeClose: true,
-                    content: $(event.target).parent('.pic-item').html(),
-                    success: function(layerObj, index){
-                        $(layerObj).click(function(){
-                            layer.close(index);
-                        })
-                        // 适配窗口大小
-                        console.log('layui-layer-nobg::', $(layerObj).width);
-                        $(window).height()
-                        console.log(layerObj);
+        $("body").on("submit", ".search-form", function (event) {
+            $("#btn_search_form").trigger("click");
+            event.preventDefault();
+        });
+
+        // 照片墙点击事件委托
+        $("body").on("click", ".pper-item", function (event) {
+            // 从DOM标签获取属性值
+            if($.cookie('person_id')!==undefined){
+                var target = $(this);
+                $.ajax({
+                    type: "GET",
+                    async: false,
+                    url: "/dsideal_yy/base/crm/getCrmInfoByPerson",
+                    data: {
+                        "person_id":$.cookie('person_id'),
+                        "identity_id":  $.cookie('identity_id'),
+                        "user_type": 5,
+                        "code": 'gxlbytj',
+                        "plat": 1
+                    },
+                    dataType: "json",
+                    success: function (res) {
+                        if (res.success) {
+
+                            var id = target.data('id'); // 学校Id
+                            // var name = target.data('name'); // 学校Name
+                            var rid = target.data('rid'); // 资源Id
+
+                            $('body').data('id', id); // 院校Id
+                            // $('body').data('name', name); // 注：现改用id判断
+                            $('body').data('rid', rid); // 资源Id
+
+                            console.log('id::', id);
+                            console.log('rid::', rid);
+                            // 页面层-自定义
+                            layer.open({
+                                type: 1,
+                                title: false,
+                                closeBtn: 1,
+                                shadeClose: false,
+                                skin: 'modalSkin',
+                                content: $('#modal_tpl').html(),
+                                end: function () {
+                                    //console.log('end...');
+                                    if (effect === 0) {
+                                        effect = 1;
+                                        control.toPlane(); // 平面
+                                    } else if (effect === 1) {
+                                        effect = 2;
+                                        control.toCube(); // 立方体
+                                    } else if (effect === 2) {
+                                        effect = 3;
+                                        control.toSphere(); // 球体
+                                    } else if (effect === 3) {
+                                        effect = 0;
+                                        control.toCylinder(); // 圆柱体
+                                    }
+                                    //console.log('effect', effect);
+
+                                },
+                                success: function (layerObj, index) {
+                                    //console.log('modalSkin', $(layerObj).find('.modal-menu [data-key="intro"]').html());
+                                    // 自动触发"校园风采"展示
+                                    $('.modal-menu [data-key="intro"] img').trigger("click");
+                                }
+                            });
+                        }else {
+                            $('.info').text('对不起，您没有访问权限！');
+                            $('.message').show();
+                        }
                     }
                 });
+
+
+
+
+            }else {
+                $('.model').show()
+            }
+
+        });
+
+        // 校园风采轮播图片点击事件委托
+        $("body").on("click", ".pic-item img", function (event) {
+            //console.log('pic:', $(event.target).parent('.pic-item').html());
+            layer.open({
+                type: 1,
+                title: false,
+                closeBtn: 0,
+                area: 'auto',
+                shade: 0.9,
+                skin: 'layui-layer-nobg', //没有背景色
+                shadeClose: true,
+                content: $(event.target).parent('.pic-item').html(),
+                success: function (layerObj, index) {
+                    $(layerObj).click(function () {
+                        layer.close(index);
+                    })
+                    // 适配窗口大小
+                    console.log('layui-layer-nobg::', $(layerObj).width);
+                    $(window).height()
+                    console.log(layerObj);
+                }
             });
+        });
 
-            // 菜单点击
-            $("body").on("click", ".modal-menu dt", function(event){
-                $('dt.active').removeClass('active');
-                var target = $(event.target).prop("tagName") === 'IMG' ? $(event.target).parent('dt') : $(event.target);
-                console.log('event.target',event.target)
-                target.addClass('active');
-                var id = $('body').data('id');
+        // 菜单点击
+        $("body").on("click", ".modal-menu dt", function (event) {
+            $('dt.active').removeClass('active');
+            var target = $(event.target).prop("tagName") === 'IMG' ? $(event.target).parent('dt') : $(event.target);
+            target.addClass('active');
+            var id = $('body').data('id');
 //                var name = $('body').data('name');
-                var rid = $('body').data('rid'); // 资源Id
-
-                /**
-                 * 学部 / 学院 / 专业
-                 * 采用key方式保存层级关系
-                 */
-                var departments = []; // 学部
-                var colleges = []; // 学院
-                var majors = []; // 专业
-                console.log('dianzhegl',target.data('key'))
-                switch(target.data('key')) {
-
-                    case 'intro':
-                        // 校园风采
-                        $.ajax({
-                            type: "GET",
-                            async: false,
-                            url: "/dsideal_yy/zygh/ytj/getResourceList?university_name="+rid,
-                            dataType: "json",
-                            success: function (data) {
-                                if (data.success) {
-                                    if(data.list.length === 0){
-                                        $('.modal-content').html('<div class="none"></div><span class="text">数据更新中，请下次再来了...</span>');
-                                    }else if(data.list.length > 0){
-                                        laytpl($('#intro_tpl').html()).render(data, function(html){
-                                            console.log('html',html)
-                                            $('.modal-content').html(html);
-                                            $('.modal-content').scrollTop(0); // 重置滚动
-                                        });
-                                        console.log('rid', rid);
-                                        // 获取索引
-                                        var idx = data.list.findIndex(function(item){
-                                                //console.log('item', item);
-                                                return String(item.resource_title) ===  String(rid);
-                                            }) || 0;
-                                        //console.log('idx', idx);
-                                        // 轮播
-                                        carousel.render({
-                                            elem: '#intro-carousel',
-                                            width: '100%',
-                                            height: $('#intro').height(),
-                                            arrow: 'always',
-                                            autoplay: false, // 自动播放
-                                            indicator: 'none', // 指示器位置，可选值为：inside（容器内部）| outside（容器外部）| none（不显示）
-                                            index: idx,
-                                        });
-                                        // $('.pic-item > img').css('min-width','110%'); // 设置宽度100%
-                                    }
+            var rid = $('body').data('rid'); // 资源Id
+            if (table.length !== 0) {
+                table.forEach((item) => {
+                    if (rid === item.rid) {
+                        university_id = item.id
+                    }
+                })
+            }
+            /**
+             * 学部 / 学院 / 专业
+             * 采用key方式保存层级关系
+             */
+            var departments = []; // 学部
+            var colleges = []; // 学院
+            var majors = []; // 专业
+//                console.log('dianzhegl',target.data('key'))
+            switch (target.data('key')) {
+
+                case 'intro':
+                    // 校园风采
+                    $.ajax({
+                        type: "GET",
+                        async: false,
+                        url: "/dsideal_yy/zygh/ytj/getResourceList?university_id=" + university_id,
+                        dataType: "json",
+                        success: function (data) {
+                            if (data.success) {
+                                if (data.list.length === 0) {
+                                    $('.modal-content').html('<div class="none"></div><span class="text">数据更新中，请下次再来了...</span>');
+                                } else if (data.list.length > 0) {
+                                    laytpl($('#intro_tpl').html()).render(data, function (html) {
+                                        $('.modal-content').html(html);
+                                        $('.modal-content').scrollTop(0); // 重置滚动
+                                    });
+                                    console.log('rid', rid);
+                                    // 获取索引
+                                    var idx = data.list.findIndex(function (item) {
+                                            //console.log('item', item);
+                                            return String(item.resource_title) === String(rid);
+                                        }) || 0;
+                                    //console.log('idx', idx);
+                                    // 轮播
+                                    carousel.render({
+                                        elem: '#intro-carousel',
+                                        width: '100%',
+                                        height: $('#intro').height(),
+                                        arrow: 'always',
+                                        autoplay: false, // 自动播放
+                                        indicator: 'none', // 指示器位置，可选值为：inside（容器内部）| outside（容器外部）| none（不显示）
+                                        index: idx,
+                                    });
+                                    // $('.pic-item > img').css('min-width','110%'); // 设置宽度100%
                                 }
                             }
-                        });
+                        }
+                    });
 
 //
-                        break;
-                    case 'summary':
-                        // 学校概况
-                        /**
-                         * 分类(固定), 全为必填项，如果有一项为空则不显示？
-                         * ---------------------------------------
-                         * Key: | 院校所属 | 院校类型 | 办学类型 | 学历类别
-                         * ---------------------------------------
-                         * Val: | 北京     | 综合类   | 公办院校 | 本科
-                         * ---------------------------------------
-                         * */
-
-                            $.ajax({
-                                type: "GET",
-                                async: false,
-                                url: "/dsideal_yy/zygh/ytj/getUniversityInfo?university_name="+rid,
-                                dataType: "json",
-                                success: function (data) {
-                                    if (data.success) {
-                                        if(JSON.stringify(data.bean)==='{}'){ // 学校名称必填否则不显示
-                                            $('.modal-content').html('<div class="none"></div><span class="text">数据更新中，请下次再来了...</span>');
-                                        }else{
-                                            var text='';
-                                            if(data.bean.province_name!==null){
-                                                text+=data.bean.province_name+' / '
-                                            }
-                                            if(data.bean.university_classification_name!==null){
-                                                text+=data.bean.university_classification_name+' / '
-                                            }
-                                            if(data.bean.university_property_name!==null){
-                                                text+=data.bean.university_property_name+' / '
-                                            }
-                                            if(data.bean.university_type===1){
-                                                text+='本科 '
-                                            }else {
-                                                text+=' 专科 '
-                                            }
-                                            var Tags=[];
-                                            if(data.bean.university_label!==null){
-                                                Tags=data.bean.university_label.split(',')
-                                            }
-                                            data.bean.text=text;
-                                            data.bean.Tags=Tags;
-                                            console.log('Tags',Tags)
-                                            laytpl($('#summary_tpl').html()).render(data.bean, function(html){
-                                                $('.modal-content').html(html);
-                                                $('.modal-content').scrollTop(0); // 重置滚动
+                    break;
+                case 'summary':
+                    // 学校概况
+                    /**
+                     * 分类(固定), 全为必填项，如果有一项为空则不显示？
+                     * ---------------------------------------
+                     * Key: | 院校所属 | 院校类型 | 办学类型 | 学历类别
+                     * ---------------------------------------
+                     * Val: | 北京     | 综合类   | 公办院校 | 本科
+                     * ---------------------------------------
+                     * */
+                    $.ajax({
+                        type: "GET",
+                        async: false,
+                        url: "/dsideal_yy/zygh/university/getUniversitySpecialMajor?university_id=" + university_id,
+                        dataType: "json",
+                        success: function (res) {
+                            if (res.success) {
+                                $.ajax({
+                                    type: "GET",
+                                    async: false,
+                                    url: "/dsideal_yy/zygh/university/getUniversityLeadingSubject?university_id=" + university_id + '&round=1',
+                                    dataType: "json",
+                                    success: function (response) {
+                                        if (response.success) {
+
+                                            $.ajax({
+                                                type: "GET",
+                                                async: false,
+                                                url: "/dsideal_yy/zygh/university/getUniversityInfoById?university_id=" + university_id,
+                                                dataType: "json",
+                                                success: function (data) {
+                                                    if (data.success) {
+                                                        let arr = [];
+                                                        if (data.label_list.length !== 0) {
+                                                            data.label_list.forEach((i) => {
+                                                                switch (i.detail) {
+                                                                    case '985':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'a'
+                                                                        });
+                                                                    case '211':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'b'
+                                                                        });
+                                                                    case 'C9':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'c'
+                                                                        });
+                                                                    case '强基计划':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'd'
+                                                                        });
+                                                                    case '双一流':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'e'
+                                                                        });
+                                                                    case '教育部直属':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'f'
+                                                                        });
+                                                                    case '研究生院':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'g'
+                                                                        });
+                                                                    case '示范性高职':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'h'
+                                                                        });
+                                                                    case '骨干高职':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'i'
+                                                                        });
+                                                                    case '双高计划':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'j'
+                                                                        });
+
+
+                                                                }
+                                                            });
+                                                        }
+                                                        data.tags = arr;
+                                                        var text = '';
+                                                        if (data.province_name !== null) {
+                                                            text += data.province_name + ' / '
+                                                        }
+                                                        if (data.university_classification_name !== null) {
+                                                            text += data.university_classification_name + ' / '
+                                                        }
+                                                        if (data.university_property_name !== null) {
+                                                            text += data.university_property_name + ' / '
+                                                        }
+                                                        if (data.university_type_name !== null) {
+                                                            text += data.university_type_name
+                                                        }
+                                                        data.text = text;
+                                                        data.topMajors = response.subjects;
+                                                        let sub = '';
+                                                        if (res.list.length !== 0) {
+                                                            res.list.forEach((i, index) => {
+                                                                if (index === res.list.length - 1) {
+                                                                    return sub += i.major_name
+                                                                } else {
+                                                                    return sub += i.major_name + '、'
+                                                                }
+                                                            });
+                                                        }
+                                                        data.featureMajors = sub;
+
+                                                        laytpl($('#summary_tpl').html()).render(data, function (html) {
+                                                            $('.modal-content').html(html);
+                                                            $('.modal-content').scrollTop(0); // 重置滚动
+                                                        });
+                                                        if (sub === '') {
+                                                            $('#featureMajors').hide()
+                                                        } else {
+                                                            $('#featureMajors').show()
+                                                        }
+                                                        if (response.subjects === null) {
+                                                            $('#topMajors').hide()
+                                                        } else {
+                                                            $('#topMajors').show()
+                                                        }
+
+                                                    }
+                                                }
                                             });
                                         }
                                     }
-                                }
-                            })
+                                });
 
-                        break;
-                    case 'specialty':
-                        // 院系专业
-                        $.ajax({
-                            type: "GET",
-                            async: false,
-                            url: "/dsideal_yy/zygh/ytj/getMajorList?university_name="+rid,
-                            dataType: "json",
-                            success: function (data) {
-                                if (data.success) {
-                                    if(data.list.length===0){ // 学校名称必填否则不显示
-                                        $('.modal-content').html('<div class="none"></div><span class="text">数据更新中，请下次再来了...</span>');
-                                    }else{
-                                        var departments = [];
-                                        var colleges = [];
-                                        var majors = [];
-                                        var history_keys = []; // 历史键HASH（防重复）
-                                        var key;
-                                        var list=[]
-                                        for(var i=0;i<data.list.length;i++){
-                                            for(var l=0;l<data.list[i].list.length;l++){
-                                                for(var a=0;a<data.list[i].list[l].list.length;a++){
-                                                    list.push({
-                                                        major:data.list[i].list[l].list[a].major,
-                                                        faculty:data.list[i].list[l].faculty,
-                                                        department:data.list[i].department
-                                                    })
-                                                }
-                                            }
-                                        }
-                                        console.log('lisy===',list);
-                                        $.each(list, function(idx,val){
-                                            // 学部
-                                            k = hex_md5(val.department);
-                                            if(history_keys.indexOf(k) === -1){
-                                                departments.push({key: k, name: val.department});
-                                                history_keys.push(k); // 追加历史记录
-                                            }
-                                            k = k + '-' + hex_md5(val.faculty);
-                                            if(history_keys.indexOf(k) === -1){
-                                                colleges.push({key: k, name: val.faculty});
-                                                history_keys.push(k); // 追加历史记录
-                                            }
-                                            k = k + '-' + hex_md5(val.major);
-                                            if(history_keys.indexOf(k) === -1){
-                                                majors.push({key: k, name: val.major});
-                                                history_keys.push(k); // 追加历史记录
-                                            }
-                                        });
-//                                        console.log('departments',departments)
-//                                        console.log('colleges',colleges)
-//                                        console.log('majors',majors)
-                                        laytpl($('#specialty_tpl').html()).render(data = {departments: departments, colleges: colleges, majors: majors}, function(html){
-                                            $('.modal-content').html(html);
-                                            $('.modal-content').scrollTop(0); // 重置滚动
-                                        });
-                                    }
+                            }
+                        }
+                    });
+
+
+                    break;
+                case 'specialty':
+                    // 院系专业
+                    $.ajax({
+                        type: "GET",
+                        async: false,
+//                        url: "/dsideal_yy/zygh/ytj/getMajorList?university_name=" + rid,
+                        url: "/dsideal_yy/zygh/ytj/getUniversityDepartmentMajors?university_id=" + university_id,
+                        dataType: "json",
+                        success: function (data) {
+                            if (data.success) {
+                                if (data.list.length === 0) { // 学校名称必填否则不显示
+                                    $('.modal-content').html('<div class="none"></div><span class="text">数据更新中，请下次再来了...</span>');
+                                } else {
+//                                    var departments = [];
+//                                    var colleges = [];
+//                                    var majors = [];
+//                                    var history_keys = []; // 历史键HASH（防重复）
+//                                    var key;
+//                                    var list = []
+//                                    for (var i = 0; i < data.list.length; i++) {
+//                                        for (var l = 0; l < data.list[i].list.length; l++) {
+//                                            for (var a = 0; a < data.list[i].list[l].list.length; a++) {
+//                                                list.push({
+//                                                    major: data.list[i].list[l].list[a].major,
+//                                                    faculty: data.list[i].list[l].faculty,
+//                                                    department: data.list[i].department
+//                                                })
+//                                            }
+//                                        }
+//                                    }
+//                                    console.log('lisy===', list);
+//                                    $.each(list, function (idx, val) {
+//                                        // 学部
+//                                        k = hex_md5(val.department);
+//                                        if (history_keys.indexOf(k) === -1) {
+//                                            departments.push({key: k, name: val.department});
+//                                            history_keys.push(k); // 追加历史记录
+//                                        }
+//                                        k = k + '-' + hex_md5(val.faculty);
+//                                        if (history_keys.indexOf(k) === -1) {
+//                                            colleges.push({key: k, name: val.faculty});
+//                                            history_keys.push(k); // 追加历史记录
+//                                        }
+//                                        k = k + '-' + hex_md5(val.major);
+//                                        if (history_keys.indexOf(k) === -1) {
+//                                            majors.push({key: k, name: val.major});
+//                                            history_keys.push(k); // 追加历史记录
+//                                        }
+//                                    });
+////                                        console.log('departments',departments)
+////                                        console.log('colleges',colleges)
+////                                        console.log('majors',majors)
+//                                    laytpl($('#specialty_tpl').html()).render(data = {
+//                                        departments: departments,
+//                                        colleges: colleges,
+//                                        majors: majors
+//                                    }, function (html) {
+//                                        $('.modal-content').html(html);
+//                                        $('.modal-content').scrollTop(0); // 重置滚动
+//                                    });
+                                    console.log('data',data)
+                                    console.log('data',data.list)
+                                    laytpl($('#specialty_tpl').html()).render(data, function (html) {
+                                        $('.modal-content').html(html);
+                                        $('.modal-content').scrollTop(0); // 重置滚动
+                                    });
                                 }
                             }
-                        })
+                        }
+                    });
 
-                        break;
-                    default:
-                        // 默认
-                }
+                    break;
+                default:
+                // 默认
+            }
 
-            })
-        });
-    </script>
+        })
+    });
+</script>
 </body>
 
 <!-- 搜索模板 -->
 <script id="search_tpl" type="text/html">
     <form class="search-form" action="">
-        <input type="text" id="keyword" name="keyword" required lay-verify="required" placeholder="输入学校名称" autocomplete="off" class="search-form-keyword">
+        <input type="text" id="keyword" name="keyword" required lay-verify="required" placeholder="输入学校名称"
+               autocomplete="off" class="search-form-keyword">
         <a id="btn_search_form">
             <img src='img/search_black.svg' class="inverted">
         </a>
@@ -881,12 +1307,13 @@
 
 <!-- 校园风采模板 -->
 <script id="intro_tpl" type="text/html">
-    <div id="intro" >
+    <div id="intro">
         <div class="layui-carousel" id="intro-carousel">
             <div carousel-item>
                 {{# layui.each(d.list, function(index, item){ }}
                 <div>
-                    <div class="pic-item"><img src="/dsideal_yy/gxlbytj/{{ item.resource_address }}.webp" onerror="this.src='img/picture.svg'" ></div>
+                    <div class="pic-item"><img src="/dsideal_yy/gxytj/{{ item.resource_address }}.webp"
+                                               onerror="this.src='img/picture.svg'"></div>
                     <p class="txt-item"><span>{{ item.resource_description }}</span></p>
                 </div>
                 {{# }); }}
@@ -897,113 +1324,144 @@
 
 <!-- 学校概况模板 -->
 <script id="summary_tpl" type="text/html">
-    <div id="summary" >
+    <div id="summary">
         <div class="header">
             <div class="summary-logo">
-                <img src="https://video.edusoa.com/static/images/schoollogo/{{ d.logo }}" onerror="this.src='img/picture.svg';this.width='100%';">
+                <img src="https://video.edusoa.com/static/images/schoollogo/{{ d.logo }}"
+                     onerror="this.src='img/picture.svg';this.width='100%';" style="max-width: 130px">
             </div>
             <div class="summary-intro">
                 <div class="title">{{ d.university_name }}</div>
                 <div class="text">{{ d.text }}</div>
                 <div class="tags">
-                    {{# layui.each(d.Tags, function(index, item){ }}
-                    <span>{{ item }}</span>
+                    {{# layui.each(d.tags, function(index, item){ }}
+                    <span class="color-{{item.color}}">{{ item.name }}</span>
                     {{# }); }}
                 </div>
             </div>
         </div>
+        <div class="intro card">
+            <h3>基本信息</h3>
+            <div style="line-height: 2rem;border:1px solid #ccc;padding:1rem;box-shadow: 5px 5px 5px #ccc">
+                <div style="display: flex">
+                    <div style="width: 50%"><img src="img/time.png" style="width: 20px;margin-right: 10px"/>创建时间：{{d.set_up_time}}
+                    </div>
+                    <div style="width: 50%"><img src="img/hat.png" style="width: 20px;margin-right: 10px"/>主管部门：{{d.university_affiliated}}
+                    </div>
+                </div>
+                <div><img src="img/phone.png" style="width: 20px;margin-right: 10px"/>招生电话：{{d.university_tel}}</div>
+                <div><img src="img/local.png" style="width: 20px;margin-right: 10px"/>学校地址：{{d.address}}</div>
+            </div>
+        </div>
+
         <div class="intro card">
             <h3>院校介绍</h3>
-            <p>
+            <div style="position:relative;border:1px solid #ccc;padding:1rem;box-shadow: 5px 5px 5px #ccc;">
                 {{# if(d.university_desc){ }}
-                    {{ d.university_desc.replace('\n','<br>') }}
+                <div id="description" style="max-height: 10rem;overflow:hidden;">{{ d.university_desc.replace('\n','<br>')
+                    }}
+                </div>
+
+                <div id="down" onclick="unfold()"
+                     style="cursor:pointer;line-height: 2rem;text-align: center;margin-top: 1rem">展开 <img
+                        src="img/down.png" style="width: 20px"></div>
+                <div id="up" onclick="packUp()"
+                     style="display:none;cursor:pointer;line-height: 2rem;text-align: center;margin-top: 1rem">收起 <img
+                        src="img/up.png" style="width: 20px"></div>
                 {{# }else{ }}
-                    <span class="none">数据更新中，请下次再来了...</span>
+                <span class="none">数据更新中，请下次再来了...</span>
+
+
                 {{# } }}
-            </p>
+            </div>
         </div>
-        <div class="specialty card">
-            <h3>优势专业</h3>
-            {{# if(d.advantage_major.length > 0){ }}
-            <div class="specialty-tables">
-                {{# layui.each(d.advantage_major, function(index, item){ }}
-                    {{# if(index % Math.ceil(d.advantage_major.length / 2) === 0){ }}
-                    <div class="specialty-table">
-                        <table class="layui-table">
-                            <colgroup>
-                                <col width="60">
-                                <col width="200">
-                                <col width="100">
-                            </colgroup>
-                            <thead>
-                                <tr>
-                                    <th>序号</th>
-                                    <th>专业名称</th>
-                                    <th>学科评估</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                    {{# } }}
-                            <tr>
-                                <td style="text-align: center">{{ index + 1 }}</td>
-                                <td>{{ item.MAJOR || '' }}</td>
-                                <td style="text-align: center">{{ item.SUBJECT_EVALUATION || '' }}</td>
-                            </tr>
-                            {{# if( (index + 1 === d.advantage_major.length) ){ }}
-                                {{# for(var n=0; n < Math.ceil(d.advantage_major.length / 2) * 2 - (index+1); n++){ }}
-                                <tr>
-                                    <td>{{ index + 1 + n + 1 }}</td>
-                                    <td></td>
-                                    <td></td>
-                                </tr>
-                                {{# } }}
-                            {{# } }}
-                    {{# if((index+1) % Math.ceil(d.advantage_major.length / 2) === 0){ }}
-                            </tbody>
-                        </table>
-                    </div>
-                    {{# } }}
-                {{# }); }}
+        <div class="intro card" id="featureMajors">
+            <h3>特色专业</h3>
+            <div style="position:relative;border:1px solid #ccc;padding:1rem;box-shadow: 5px 5px 5px #ccc;">
+                {{d.featureMajors}}
             </div>
-            {{# }else{ }}
-                <span class="none">数据更新中，请下次再来了...</span>
-            {{# } }}
         </div>
+        <div class="intro card" id="topMajors">
+            <h3>一流学科</h3>
+            <div style="position:relative;border:1px solid #ccc;padding:1rem;box-shadow: 5px 5px 5px #ccc;">
+                {{d.topMajors}}
+            </div>
+        </div>
+        <!--<div class="specialty card">-->
+        <!--<h3>优势专业</h3>-->
+        <!--{{# if(d.label_list.length > 0){ }}-->
+        <!--<div class="specialty-tables">-->
+        <!--{{# layui.each(d.label_list, function(index, item){ }}-->
+        <!--{{# if(index % Math.ceil(d.label_list.length / 2) === 0){ }}-->
+        <!--<div class="specialty-table">-->
+        <!--<table class="layui-table">-->
+        <!--<colgroup>-->
+        <!--<col width="60">-->
+        <!--<col width="200">-->
+        <!--<col width="100">-->
+        <!--</colgroup>-->
+        <!--<thead>-->
+        <!--<tr>-->
+        <!--<th>序号</th>-->
+        <!--<th>专业名称</th>-->
+        <!--<th>学科评估</th>-->
+        <!--</tr>-->
+        <!--</thead>-->
+        <!--<tbody>-->
+        <!--{{# } }}-->
+        <!--<tr>-->
+        <!--<td style="text-align: center">{{ index + 1 }}</td>-->
+        <!--<td>{{ item.MAJOR || '' }}</td>-->
+        <!--<td style="text-align: center">{{ item.SUBJECT_EVALUATION || '' }}</td>-->
+        <!--</tr>-->
+        <!--{{# if( (index + 1 === d.label_list.length) ){ }}-->
+        <!--{{# for(var n=0; n < Math.ceil(d.label_list.length / 2) * 2 - (index+1); n++){ }}-->
+        <!--<tr>-->
+        <!--<td>{{ index + 1 + n + 1 }}</td>-->
+        <!--<td></td>-->
+        <!--<td></td>-->
+        <!--</tr>-->
+        <!--{{# } }}-->
+        <!--{{# } }}-->
+        <!--{{# if((index+1) % Math.ceil(d.label_list.length / 2) === 0){ }}-->
+        <!--</tbody>-->
+        <!--</table>-->
+        <!--</div>-->
+        <!--{{# } }}-->
+        <!--{{# }); }}-->
+        <!--</div>-->
+        <!--{{# }else{ }}-->
+        <!--<span class="none">数据更新中，请下次再来了...</span>-->
+        <!--{{# } }}-->
+        <!--</div>-->
     </div>
 </script>
 
 <!-- 院系专业模板 -->
 <script id="specialty_tpl" type="text/html">
     <div id="specialty">
-        {{# layui.each(d.departments, function(index, department){ }}
-        {{# if(typeof department.name === 'string' && (department.name.length > 0)){ }}
-        <h2 data-key="{{ department.key }}">
-            <i>
-                <img src="img/campus_white.svg">
-            </i>
-            <span class="department-name">{{ department.name }}</span>
-            <span class="triangle"></span>
-        </h2>
-        {{# }; }}
-        <div class="specialty-info">
-            {{# layui.each(d.colleges, function(index, college){ }}
-            {{# if(college.key.indexOf(department.key) === 0){ }}
-            <div class="card" data-department="{{department.key}}" data-key="{{ college.key }}">
-                {{# if(typeof college.name === 'string' && (college.name.length > 0)){ }}
-                <h3>{{ college.name }}</h3>
-                {{# }; }}
-                <ul>
-                    {{# layui.each(d.majors, function(index, major){ }}
-                    {{# if(major.key.indexOf(college.key) != -1){ }}
-                    <li><span data-college="{{college.key}}" data-key="{{ major.key }}">{{ major.name }}</span></li>
+        {{# layui.each(d.list, function(index, item){ }}
+            {{# if(item.department!==null){ }}
+                <h3 title="{{item.department}}" style="font-size:2vh;text-align:center;margin:1rem 0;" id="department" >{{item.department}}</h3>
+            {{# } }}
+            <div class="c-flex" style="justify-content: flex-start;">
+            {{# layui.each(item.faculty_list, function(_index, i){ }}
+                <div style="box-sizing:border-box; width: 30%; text-align: center; border: 1px solid #B3DBFF;border-radius:5px;margin:3vh 1.5%;padding:2vh;overflow:hidden;">
+                    {{# if(i.faculty!==null){ }}
+                        <h5 id="faculty" title="{{i.faculty}}" class="c-ellipsis" style="text-align: center; color: #3796D7; margin: 2vh 0;font-size:1.7vh;">{{i.faculty}}</h5>
                     {{# } }}
-                    {{#  }); }}
-                </ul>
-            </div>
-            {{# }; }}
+                    <div>
+                        {{# layui.each(i.major, function(num, j){ }}
+                            <div class="c-ellipsis" style="border: 1px solid #B7DFFF; padding: 1vh; margin: 1vh; text-align: left; " title="{{j}}">
+                                <img style="width: 2vh;vertical-align:bottom;margin-right: .5rem;"
+                                     src="img/label.png"/>{{j}}
+                            </div>
+                        {{# }); }}
+                    </div>
+                </div>
             {{# }); }}
-        </div>
-        {{#  }); }}
+            </div>
+        {{# }); }}
     </div>
 </script>
 </html>
\ No newline at end of file
diff --git a/gxlbytj/lib/cookie/jquery.cookie.js b/gxlbytj/lib/cookie/jquery.cookie.js
new file mode 100644
index 0000000..9271900
--- /dev/null
+++ b/gxlbytj/lib/cookie/jquery.cookie.js
@@ -0,0 +1,117 @@
+/*!
+ * jQuery Cookie Plugin v1.4.0
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD. Register as anonymous module.
+		define(['jquery'], factory);
+	} else {
+		// Browser globals.
+		factory(jQuery);
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return config.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+		} catch(e) {
+			return;
+		}
+
+		try {
+			// If we can't parse the cookie, ignore it, it's unusable.
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+		if (value !== undefined && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setDate(t.getDate() + days);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {};
+
+		// To prevent the for loop in the first place assign an empty array
+		// in case there are no cookies at all. Also prevents odd result when
+		// calling $.cookie().
+		var cookies = document.cookie ? document.cookie.split('; ') : [];
+
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = parts.join('=');
+
+			if (key && key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) !== undefined) {
+			// Must not alter options, thus extending a fresh object...
+			$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+			return true;
+		}
+		return false;
+	};
+
+}));
diff --git a/gxlbytj/lib/jquery-auto-complete/jquery.auto-complete.js b/gxlbytj/lib/jquery-auto-complete/jquery.auto-complete.js
index 330e04a..5efaeba 100644
--- a/gxlbytj/lib/jquery-auto-complete/jquery.auto-complete.js
+++ b/gxlbytj/lib/jquery-auto-complete/jquery.auto-complete.js
@@ -157,7 +157,7 @@
     $.fn.autoComplete.defaults = {
         source: 0,
         minChars: 3,
-        delay: 150,
+        delay: 50,
         cache: 1,
         menuClass: '',
         renderItem: function (item, search){
diff --git a/gxlbytj/newIndex.html b/gxlbytj/newIndex.html
new file mode 100644
index 0000000..96a8242
--- /dev/null
+++ b/gxlbytj/newIndex.html
@@ -0,0 +1,1467 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>高校信息综合查询 Ver 1.0.210926</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="./lib/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="./lib/jquery-auto-complete/jquery.auto-complete.css"/>
+    <!--<link rel="stylesheet" href="./lib/pper/css/lightbox.min.css" />-->
+    <link rel="stylesheet" href="./lib/pper/css/wall2.css"/>
+    <script src="./lib/jquery/jquery-3.3.1.min.js"></script>
+    <script src="./lib/pper/wall2/three.js"></script>
+    <script src="./lib/pper/wall2/dat.gui.min.js"></script>
+    <script src="./lib/pper/wall2/CSS3DRenderer.js"></script>
+    <script src="./lib/pper/wall2/OrbitControls.js"></script>
+    <script src="./lib/pper/wall2/tween.js"></script>
+    <script src="./lib/jquery-auto-complete/jquery.auto-complete.js"></script>
+    <script src="./lib/jquery-timer/jquery.timer.js"></script>
+    <script src="lib/cookie/jquery.cookie.js"></script>
+    <!--<script src="./lib/pper/js/lightbox.js"></script>-->
+    <style type="text/css">
+        #gui_container {
+            position: absolute;
+            bottom: 0rem;
+            left: 0rem;
+            z-index: 1;
+            opacity: 0.65;
+        }
+
+        #gui {
+            /*transform:translate(-50%, -75px);*/
+        }
+
+        .layui-layer-nobg .layui-layer-content {
+            text-align: center;
+        }
+
+        .layui-layer-nobg img {
+            max-width: 100% !important;
+            max-height: 100% !important;
+        }
+
+        div, p {
+            cursor: default;
+        }
+
+        a * {
+            cursor: pointer;
+        }
+
+        .search-form {
+            min-width: 520px !important;
+        }
+
+        .color-a {
+            color: #75E0ED ;
+            border: 1px solid #75E0ED;
+        }
+
+        .color-b {
+            color: #e550ff ;
+            border: 1px solid #e550ff;
+        }
+
+        .color-c {
+            color: #f78b54;
+            border: 1px solid #f78b54;
+        }
+
+        .color-d {
+            color: #4cb1f7 ;
+            border: 1px solid #4cb1f7;
+        }
+
+        .color-e {
+            color: #ababf7 ;
+            border: 1px solid #ababf7;
+        }
+
+        .color-f {
+            color: #87e997 ;
+            border: 1px solid #87e997;
+        }
+
+        .color-g {
+            color: #f6c953;
+            border: 1px solid #f6c953;
+        }
+
+        .color-h {
+            color: #f793d8 ;
+            border: 1px solid #f793d8;
+        }
+
+        .color-i {
+            color: #f7556f ;
+            border: 1px solid #f7556f;
+        }
+
+        .color-j {
+            color: #3c16f7;
+            border: 1px solid #3c16f7;
+        }
+        .message{
+            width: 100%;
+            height: 100%;
+            position: fixed;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: rgba(0, 0, 0, .3);
+            top: 0;
+            left: 0;
+            z-index: 999;
+        }
+        .message-box{
+            /*padding: 20px 40px;*/
+            width: 20rem;
+            height: 9rem;
+            border-radius:8px;
+            overflow: auto;
+            background: #ffffff;
+            box-shadow: 3px 2px 5px #7777;
+        }
+        .message-header{
+            height: 1.6rem;
+            line-height: 1.6rem;
+            text-align: left;
+            font-size: 13px;
+            padding: 0 .5rem;
+            color: #fff;
+            background: #2C88ED;
+            border-bottom: 1px solid #B6BEC5;
+        }
+        .message-content{
+            padding: 0 1rem;
+            height:4.3rem;
+            display: flex;
+            align-items: center;
+        }
+        .message-footer{
+            height: 2rem;
+            display: flex;
+            justify-content: flex-end;
+            margin-right: 1rem;
+        }
+        .message-footer .button{
+            text-align: center;
+            padding: 0 1rem;
+            background:#2C88ED ;
+            color: #fff;
+            line-height: 2rem;
+            font-size: 13px;
+            cursor: pointer;
+        }
+        .details{
+            width: 100%;
+            height: 100%;
+            position: fixed;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: rgba(0, 0, 0, .7);
+            top: 0;
+            left: 0;
+            z-index: 999;
+        }
+        .details-title{
+            /*padding: 20px 40px;*/
+            color: #fff;
+            text-align: center;
+            display: flex;
+            font-size: 1vh;
+        }
+    </style>
+    <link rel="stylesheet" href="./css/style.css?v=1.0.0.2108200838" media="all">
+</head>
+<body>
+<div id="btn_search" data-state="closed"><img src="img/search_black.svg"></div>
+<div class="logo" onclick="window.location.reload();"><img src="./img/logo.png"></div>
+<div onclick="showModal()" id="login" style="display:none;z-index:2;color:#3499FB;font-size: 1.2rem;cursor: pointer; border: 2px solid #3499FB;border-radius: 5px;padding: .5rem 1.5rem;position:absolute;right:50px;top: 50px;">登录</div>
+<div id="logout" style="display:none;z-index:2;color:#3499FB;font-size: 1.2rem;position:absolute;right:50px;top: 50px;">
+    <img src="img/tx.png" style="display:inline-block;width:3rem;vertical-align: middle"/>
+    <div style="display:inline-block;margin:0 1rem" id="name"></div>
+    <div style="display:inline-block;cursor: pointer" onclick="doLogout()">退出</div>
+</div>
+<div class="copyright">版权所有：东北师大理想软件股份有限公司 &nbsp&nbsp&nbsp 技术服务：400-0400-662</div>
+<div class="model" style="display: none">
+    <div class="modelFixed" >
+        <div style="position: relative;height: 10vh">
+            <div ><img onclick="closeModal()" style="position:absolute;top:0;right:-2vh;width: 1.5rem;cursor:pointer" src="img/closeModal.png"/></div>
+            <div class="title">用户登录</div>
+        </div>
+        <div style="position: relative;text-align: center">
+            <input class="input-box" style="margin-bottom: 1rem" autocomplete="off" type="text" id="personName" placeholder="请输入用户名" />
+            <img style="width: 1.5rem;position: absolute;left: 4.2rem;top: .6rem;" src="img/user.png"/>
+        </div>
+        <div style="position: relative;text-align: center">
+            <input class="input-box" type="password" id="password" placeholder="请输入密码"  />
+            <img style="width: 1.5rem;position: absolute;left: 4.2rem;top: .6rem;" src="img/lock.png"/>
+        </div>
+        <div style="font-size: 13px;margin-top:5px;color:red;text-align: center" id="tip"></div>
+        <div style="display: flex;justify-content: center;text-align: center">
+            <div class="btn" onclick="doLogin()">登录</div>
+        </div>
+    </div>
+</div>
+
+<div class="message" style="display: none">
+    <div class="message-box">
+        <div class="message-header">提示</div>
+        <div class="message-content">
+            <img src="img/attention.png" style="margin: 0 1rem;width: 1.5rem"/>
+            <div class="info"></div>
+        </div>
+        <div class="message-footer">
+            <div class="button" onclick="okButton()">确定</div>
+        </div>
+    </div>
+</div>
+
+<div class="details" style="display: none">
+    <script id="details_tpl" type="text/html">
+        <div class="details-title">
+            <div>
+            </div>
+        </div>
+    </script>
+
+</div>
+<!--<img src="./img/config.png" onclick="window.chrome.webview.postMessage('admin')" style="left: 10px; bottom: 10px; width: 64px; height: 64px; position: fixed; z-index: 90000000; opacity: .3;"/>-->
+<script src="./lib/layui/layui.js" charset="utf-8"></script>
+<script src="./lib/md5.js"></script>
+<script>
+    //        console.log('XGKYTJ 202109291410');
+    // global variables
+    var flagTimer = false; // true: 20s内无操作无操作可执行 false：20s内有操作不执行
+    var times = 0; // 切换次数
+
+    var timer = $.timer(20000, function () {
+        if (flagTimer) {
+            if (times === 12) {
+                window.location.reload(); // 如果运行切换效果10次
+            }
+            if (effect === 0) {
+                effect = 1;
+                control.toPlane(); // 平面
+            } else if (effect === 1) {
+                effect = 2;
+                control.toCube(); // 立方体
+            } else if (effect === 2) {
+                effect = 3;
+                control.toSphere(); // 球体
+            } else if (effect === 3) {
+                effect = 0;
+                control.toCylinder(); // 圆柱体
+            }
+            times++;
+        } else {
+            flagTimer = true;
+        }
+
+    }, false);
+
+    var effect = 0; // 展示效果编号
+    var renderer;
+    var scene;
+    var camera;
+    var control;
+    var controls;
+    var stats;
+    var university_id = '';
+
+    //        src: '/' + item.Address + '.thumb.webp',
+    //            resource: '/' + item.Address
+    var table = [];
+    var offset = 40;
+    var offscreen = new THREE.Vector3(1000, 0, 1000);
+    var currentElements = [];
+    var newlyAddedElements = [];
+    var toBeRemovedElements = [];
+    var positionAndRotation = [];
+
+    /**
+     * Initializes the scene, camera and objects. Called when the window is
+     * loaded by using window.onload (see below)
+     */
+    function init() {
+        // create a scene, that will hold all our elements such as objects, cameras and lights.
+        scene = new THREE.Scene();
+
+        // create a camera, which defines where we're looking at.
+        camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
+
+        // create a render, sets the background color and the size
+
+        renderer = new THREE.CSS3DRenderer();
+        renderer.setSize(window.innerWidth, window.innerHeight);
+        renderer.domElement.style.position = 'absolute';
+        renderer.domElement.style.top = 0;
+
+        // position and point the camera to the center of the scene
+        camera.position.x = 1200;
+        camera.position.y = 1200;
+        camera.position.z = 1200;
+        camera.lookAt(scene.position);
+
+        controls = new THREE.OrbitControls(camera, renderer.domElement);
+        controls.autoRotate = true;
+
+        // setup the control object for the control gui
+        control = new function () {
+            this.toCube = function (e) {
+                updateStructure(new THREE.BoxGeometry(20, 14, 20, 5, 3, 5), 40);
+            };
+            this.toCylinder = function () {
+                updateStructure(new THREE.CylinderGeometry(12, 12, 27, 15, 7, true), 40);
+            };
+            this.toSphere = function () {
+                updateStructure(new THREE.SphereGeometry(17, 10, 10), 40);
+            };
+            this.toPlane = function () {
+                //              updateStructure(new THREE.PlaneGeometry(30, 30, 8, 8), 40);
+                updateStructure(new THREE.TorusGeometry(20, 10, 8, 10), 25);
+
+            };
+        };
+
+        // add extras
+
+        ///addStatsObject();
+
+        // add the output of the renderer to the html element
+        document.body.appendChild(renderer.domElement);
+
+        ///addControlGui(control);
+
+        updateStructure(new THREE.PlaneGeometry(30, 30, 8, 8), 40);
+        // call the render function, after the first render, interval is determined
+        // by requestAnimationFrame
+        render();
+    }
+
+    function createCSS3DObject(imgInfo) {
+        var div = document.createElement('div');
+        var img = document.createElement('img');
+        var a = document.createElement('a');
+
+        // var nrString = ("000" + iFace * 4).substr(-3, 3);
+        // img.src = '../assets/screens/WALL-E-' + nrString + ".jpg";
+        img.src = imgUrl = imgInfo.src;
+        img.width = 140;
+        img.height = 140;
+
+        //console.log('info', imgInfo);
+
+        //a.href =  imgInfo.resource;
+        a.className = 'pper-item';
+        a.setAttribute('data-id', imgInfo.unique_id);
+        //a.setAttribute('data-name', imgInfo.name);
+        a.setAttribute('data-rid', imgInfo.rid);
+
+        //a.setAttribute('data-lightbox','roadtrip');
+        //a.setAttribute('title',a.href.substr(a.href.lastIndexOf('/')+1));
+
+        div.appendChild(img);
+        div.style.opacity = 0.7;
+        a.appendChild(div);
+
+        var object = new THREE.CSS3DObject(a);
+        object.name = imgUrl.substring(imgUrl.lastIndexOf('/') + 1);
+
+        return object;
+    }
+
+    function updateStructure(geometry, offset) {
+        // get the position where we need to move elements to
+        positionAndRotation = getPositionAndRotation(geometry, offset);
+
+        // the tweein, will be used to make all the new elements
+        // slowly visible
+        var tweenIn = new TWEEN.Tween({opacity: 0})
+            .to({pos: 1.0}, 3000)
+            .easing(TWEEN.Easing.Sinusoidal.InOut)
+            .onUpdate(function () {
+                var toSet = this.pos;
+                newlyAddedElements.forEach(function (cssObject) {
+                    cssObject.element.style.opacity = toSet;
+                });
+
+                var i = 0;
+                currentElements.forEach(function (cssObject) {
+                    // get the elements start position and target position
+                    var currentPos = positionAndRotation[i].currentPos;
+                    var targetPos = positionAndRotation[i].pos;
+
+                    // also get the elements start rotation and end rotations
+                    var currentRotation = positionAndRotation[i].currentRotation;
+                    var targetRotation = new THREE.Euler();
+                    targetRotation.setFromRotationMatrix(positionAndRotation[i].rot);
+
+                    // use the tween to slowly move the elements around.
+                    if (currentPos) {
+                        cssObject.position.x = currentPos.x + (targetPos.x - currentPos.x) * toSet;
+                        cssObject.position.y = currentPos.y + (targetPos.y - currentPos.y) * toSet;
+                        cssObject.position.z = currentPos.z + (targetPos.z - currentPos.z) * toSet;
+
+                        cssObject.rotation.x = currentRotation.x + (targetRotation.x - currentRotation.x) * toSet;
+                        cssObject.rotation.y = currentRotation.y + (targetRotation.y - currentRotation.y) * toSet;
+                        cssObject.rotation.z = currentRotation.z + (targetRotation.z - currentRotation.z) * toSet;
+                    }
+                    i++;
+                });
+            });
+
+        tweenIn.start();
+
+        // some cleanup
+        newlyAddedElements = [];
+        toBeRemovedElements = [];
+
+        // walk through the positionAndRotation set and either move or create the elements
+        for (var i = 0; i < positionAndRotation.length; i++) {
+
+            if (currentElements.length > i) {
+                // we need to move one of the existing ones.
+                var element = currentElements[i];
+                positionAndRotation[i].currentPos = element.position.clone();
+                positionAndRotation[i].currentRotation = element.rotation.clone();
+            } else {
+                // create a new one, and set it's position of screen
+                var imgData = table[i];
+                var element = createCSS3DObject(imgData);
+
+                element.position = offscreen.clone();
+
+                positionAndRotation[i].currentPos = element.position.clone();
+                positionAndRotation[i].currentRotation = element.rotation.clone();
+
+                // set initial opacity to 0.
+                element.element.style.opacity = 0;
+
+                // add to the array to keep track of.
+                currentElements.push(element);
+                newlyAddedElements.push(element);
+                scene.add(element);
+            }
+        }
+
+        // finally remove the elements that aren't needed anymore
+        for (var i = positionAndRotation.length; i < currentElements.length; i++) {
+            toBeRemovedElements.push(currentElements[i]);
+        }
+
+        // and remove them from the scene
+        for (var i = 0; i < toBeRemovedElements.length; i++) {
+            scene.remove(currentElements.pop());
+        }
+    }
+
+    /**
+     * The first thing we need when we want to map the divs to a new model, is the position and the rotation
+     * matrix that needs to be applied to move the object to its new position. To calculate this we analyze
+     * the provided geometry, and use the faces to calculate the rotation and the position.  This return an
+     * array with the following elements:
+     *
+     * {
+         *  pos: THREE.Vector3(),
+         *  rot: THREE.Matrix4()
+         * }
+     *
+     * @param geometry
+     */
+    function getPositionAndRotation(geometry, offset) {
+        var result = [];
+
+        for (var iFace = 0; iFace < geometry.faces.length; iFace += 2) {
+            var newPosition = new THREE.Vector3(0, 0, 0);
+
+            // get this face and the next which both make the cube
+            var face = geometry.faces[iFace];
+            var faceNext = geometry.faces[iFace + 1];
+
+            // calculate the position of where the elements need to go to.
+            var centroid = new THREE.Vector3();
+            centroid.copy(geometry.vertices[face.a])
+                .add(geometry.vertices[face.b])
+                .add(geometry.vertices[face.c])
+                .add(geometry.vertices[faceNext.a])
+                .add(geometry.vertices[faceNext.b])
+                .add(geometry.vertices[faceNext.c])
+                .divideScalar(6).multiplyScalar(offset);
+
+            newPosition = centroid.clone();
+
+            // Now we need to rotate the div to the correct position
+            var up = new THREE.Vector3(0, 0, 1);
+
+            // we get the vector from both of the triangle, and use the average
+            var normal = new THREE.Vector3();
+            normal.addVectors(face.normal, faceNext.normal);
+            normal.divideScalar(2);
+
+            // We calculate the axis on which to rotate by
+            // selecting the cross of the vectors
+            var axis = new THREE.Vector3();
+            axis.crossVectors(up, normal);
+
+            // based on the axis, in relation to our normal vector
+            // we can calculate the angle.
+            var angle = Math.atan2(axis.length(), up.dot(normal));
+            axis.normalize();
+
+            // now we can use matrix function to rotate the object so
+            // it is aligned with the normal from the face
+            var rotationToApply = new THREE.Matrix4();
+            rotationToApply.makeRotationAxis(axis, angle);
+
+            result.push({pos: newPosition, rot: rotationToApply});
+        }
+
+        return result;
+    }
+
+    function getCenter(object, face) {
+
+        console.log(face);
+        var a = object.vertices[face.a];
+        var b = object.vertices[face.b];
+        var c = object.vertices[face.c];
+
+        var added = new THREE.Vector3();
+        added.add(a);
+        added.add(b);
+        added.add(c);
+
+        console.log(added);
+
+        return added;
+    }
+
+    function addControlGui(controlObject) {
+        var gui = new dat.GUI({autoPlace: false});
+        gui.domElement.id = 'gui';
+        gui.add(controlObject, "toCube");
+        gui.add(controlObject, "toSphere");
+        gui.add(controlObject, "toCylinder");
+        gui.add(controlObject, "toPlane");
+        var gui_container = document.getElementById("gui_container");
+        gui_container.appendChild(gui.domElement);
+    }
+
+    /**
+     * Called when the scene needs to be rendered. Delegates to requestAnimationFrame
+     * for future renders
+     */
+    function render() {
+
+        TWEEN.update();
+
+        // update stats
+        ///stats.update();
+
+        controls.update();
+
+        // and render the scene
+        renderer.render(scene, camera);
+
+        // render using requestAnimationFrame
+        requestAnimationFrame(render);
+    }
+
+    /**
+     * Function handles the resize event. This make sure the camera and the renderer
+     * are updated at the correct moment.
+     */
+    function handleResize() {
+        camera.aspect = window.innerWidth / window.innerHeight;
+        camera.updateProjectionMatrix();
+        renderer.setSize(window.innerWidth, window.innerHeight);
+    }
+
+    function handleSubmit(e) {
+        if (e.keyCode == 13) {
+//                console.log(document.getElementById("queryField").value);
+        }
+    }
+
+
+    //获得指定文件夹图片名称列表，同时设置图片的位置
+    function getPics() {
+        var _data = [];
+        $.ajax({
+            type: "GET",
+            async: false,
+            url: "/dsideal_yy/zygh/ytj/getRandomUniversityList?page_size=" + COUNT,
+            dataType: "json",
+            success: function (data) {
+                if (data.success) {
+                    $.each(data.list, function (idx, item) {
+                        if (item.resource_address !== null) {
+                            _data.push({
+                                id: item.university_id,
+                                rid: item.university_name,
+                                type: "image",
+                                src: '/dsideal_yy/gxytj/' + item.first_resource_address + '.thumb.webp',
+                                resource: '/' + item.first_resource_address
+                            })
+                        } else {
+                            _data.push({
+                                id: item.university_id,
+                                rid: item.university_name,
+                                type: "image",
+                                src: "img/picture.svg",
+                                resource: "img/picture.svg"
+                            })
+                        }
+
+                    });
+                    for (i = 0; i < 110 - _data.length; i++) {
+                        _data.push({
+                            id: '',
+                            rid: '',
+                            type: "image",
+                            src: "img/picture.svg",
+                            resource: "img/picture.svg"
+                        })
+                    }
+
+//                        console.log('_data-----',_data);
+                    table = _data;
+
+                    init();
+                }
+            }
+        });
+    }
+
+    //展开
+    function unfold() {
+        $('#up').show();
+        $('#down').hide();
+        $('#description').css('max-height', 'none')
+    }
+
+    //收起
+    function packUp() {
+        $('#up').hide();
+        $('#down').show();
+        $('#description').css('max-height', '10rem')
+    }
+
+    //    登录
+    function showModal() {
+        $('.model').show()
+    }
+    function closeModal() {
+        $('.model').hide();
+        $('#personName').text('');
+        $('#password').text('')
+    }
+    function doLogin() {
+        var personName=$('#personName').val();
+        var password=$('#password').val();
+        if(personName.replace(/(^\s*)|(\s*$)/g, "")===''){//去除首尾两端空格
+            $('#tip').text('请输入用户名');
+        }else if(password.replace(/(^\s*)|(\s*$)/g, "")===''){
+            $('#tip').text('请输入密码')
+        }else {
+            $.ajax({
+                type: "POST",
+                async: false,
+                url: "/dsideal_yy/login/doLogin?login_type=" + 1+'&user='+personName+'&pwd='+password,
+                dataType: "json",
+                success: function (data) {
+                    if (data.success) {
+                        localStorage.setItem("login_name_local", data.login_name);
+                        localStorage.setItem("login_pwd_local", password);
+                        localStorage.setItem("person_id_local", data.person_id);
+                        localStorage.setItem("identity_id_local", data.identity);
+                        localStorage.setItem("person_name_local", data.person_name);
+                        localStorage.setItem("bureau_name_local", data.bureau_name);
+                        localStorage.setItem("class_id_local", data.class_id);
+                        localStorage.setItem("token_local", data.token);
+                        localStorage.setItem("bureau_id", data.bureau_id);
+                        localStorage.setItem("class_id", data.class_id);
+//                            localStorage.setItem("province_id", response.province_id);
+//                            parent.getCrmInfoByPerson();
+//                        parent.isCookie=$.cookie("person_id")===undefined;
+//                        parent.userName=$.cookie("person_name");
+
+                        $('.model').hide();
+                        $('#name').text($.cookie("person_name"));
+                        $('#login').hide()
+                        $('#logout').show()
+                    }else {
+                        $('#tip').text(data.info)
+                    }
+                }
+            });
+        }
+    }
+
+    function doLogout()
+    {
+        $.ajax({
+            type: "POST",
+            async: false,
+            url: "/dsideal_yy/login/doLogout?type=" + 1,
+            dataType: "json",
+            success: function (data) {
+                if (data.success) {
+                    localStorage.clear();
+                    $('#login').show()
+                    $('#logout').hide()
+                }
+            }
+        });
+    }
+
+    function okButton() {
+        $('.message').hide()
+    }
+    // calls the init function when the window is done loading.
+    // window.onload = getImgs;
+    // calls the handleResize function when the window is resized
+    window.addEventListener('resize', handleResize, false);
+
+    $(function () {
+//            aa()
+        getPics()
+//            getImgs();
+//            init();
+        //lazyload();
+    })
+</script>
+<script>
+    // 监控页面点击操作
+    $(document).on('click', 'body', function () {
+        flagTimer = false; // 不执行
+        console.log('click');
+    });
+
+    $(document).ready(function(){
+        if($.cookie("person_id")===undefined){
+            $('#login').show();
+            $('#logout').hide()
+        }else {
+            $('#name').text($.cookie("person_name"));
+            $('#login').hide()
+            $('#logout').show()
+        }
+        $('#personName').on('input', function() {
+            var personName = $(this).val();
+            console.log(personName);
+            if(personName.trim()!==''){
+                $('#tip').text('')
+            }
+
+        });
+        $('#password').on('input', function() {
+            var password = $(this).val();
+            console.log(password);
+            if(password.trim()!==''){
+                $('#tip').text('')
+            }
+
+        });
+    });
+    var COUNT = 110; // 初始化图片数量
+    layui.use(['jquery', 'laytpl', 'carousel', 'form'], function () {
+        // 由于layer弹层依赖jQuery，所以可以直接得到
+        var $ = layui.$, layer = layui.layer;
+        var laytpl = layui.laytpl;
+        var carousel = layui.carousel, form = layui.form;
+        $('#btn_search').click(function () {
+            if($.cookie('person_id')!==undefined){
+                var target = $(this);
+                $.ajax({
+                    type: "GET",
+                    async: false,
+                    url: "/dsideal_yy/base/crm/getCrmInfoByPerson",
+                    data: {
+                        "person_id":$.cookie('person_id'),
+                        "identity_id":  $.cookie('identity_id'),
+                        "user_type": 5,
+                        "code": 'gxlbytj',
+                        "plat": 1
+                    },
+                    dataType: "json",
+                    success: function (res) {
+                        if (res.success) {
+                            layer.closeAll(); // 关闭所有层
+                            if (target.data('state') === 'closed') {
+                                // 页面层-自定义
+                                layer.open({
+                                    type: 1,
+                                    title: false,
+                                    closeBtn: 0,
+                                    shadeClose: false,
+                                    skin: 'searchSkin',
+                                    shade: 0.7,
+                                    content: $('#search_tpl').html(),
+                                    success: function (layerObj, index) {
+                                        layer.style(index, {
+                                            top: '33%'
+                                        });
+                                        //console.log('autoComplete', $('#keyword').attr('placeholder'));
+                                        $('#keyword').autoComplete({
+                                            minChars: 1,
+                                            source: function (term, suggest) {
+                                                //try { xhr.abort(); } catch(e){}
+                                                xhr = $.ajax({
+                                                    type: "GET",
+                                                    async: false,
+                                                    url: "/dsideal_yy/zygh/university/getAllUniversityList?university_name=" + term,
+                                                    dataType: "json",
+                                                    success: function (data) {
+                                                        var suggestions = [];
+                                                        $.each(data.university_list, function (idx, item) {
+                                                            suggestions.push(item.university_name);
+                                                        });
+                                                        //console.log('suggestions', suggestions);
+                                                        suggest(suggestions);
+                                                    }
+                                                });
+                                            }
+                                        });
+
+                                        //console.log(layerObj, index);
+                                        $('#btn_search img').attr('src', 'img/close_black.svg')
+                                    }
+                                });
+                                target.data('state', 'open');
+                            } else {
+                                layer.close(layer.index); // 它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
+                                $('#btn_search img').attr('src', 'img/search_black.svg'); //
+                                target.data('state', 'closed');
+                            }
+                        }else {
+                            $('.info').text('对不起，您没有访问权限！');
+                            $('.message').show();
+                        }
+                    }
+                })
+
+            }else {
+                $('.model').show()
+            }
+
+
+        });
+
+        // 搜索点击事件委托
+        $("body").on("click", "#btn_search_form", function (event) {
+            var keyword = $('#keyword').val();
+            $.ajax({
+                type: "GET",
+                async: false,
+                url: "/dsideal_yy/zygh/university/getAllUniversityList?university_name=" + keyword,
+                dataType: "json",
+                success: function (data) {
+                    if (data.university_list.length === 0) {
+                        layer.tips('未能检索到相关内容', '#keyword', {tips: 3});
+                    } else {
+                        var school = [];
+                        for (var i = 0; i < data.university_list.length; i++) {
+                            if (data.university_list[i].university_name.toString() === keyword.toString()) {
+                                school.push(data.university_list[i]);
+                                university_id=data.university_list[i].university_id
+                            }
+                        }
+                        if (school.length === 0) {
+//                                alert(2)
+//                                layer.tips('未能检索到相关内容', '#keyword', {tips: 3});
+
+                        } else {
+                            var target = keyword;
+                            var id = university_id;
+                            var name = keyword;
+                            $('body').data('id', id);
+                            $('body').data('rid', id);
+                            $('body').data('name', name);
+                            // 页面层-自定义
+                            layer.open({
+                                type: 1,
+                                title: false,
+                                closeBtn: 1,
+                                shadeClose: false,
+                                skin: 'modalSkin',
+                                shade: 0.7,
+                                content: $('#modal_tpl').html(),
+                                success: function (layerObj, index) {
+                                    console.log('ddddd',$('body').data('rid'))
+                                    $('#keyword').blur(); // 搜索框设置失去焦点
+                                    console.log('modalSkin', $(layerObj).find('.modal-menu [data-key="intro"]').html());
+                                    // 自动触发"学校概况"展示
+                                    $('.modal-menu [data-key="summary"] img').trigger("click");
+                                }
+                            });
+                        }
+
+                    }
+                }
+            });
+        });
+
+        $("body").on("submit", ".search-form", function (event) {
+            $("#btn_search_form").trigger("click");
+            event.preventDefault();
+        });
+
+        // 照片墙点击事件委托
+        $("body").on("click", ".pper-item", function (event) {
+            // 从DOM标签获取属性值
+            if($.cookie('person_id')!==undefined){
+                var target = $(this);
+                $.ajax({
+                    type: "GET",
+                    async: false,
+                    url: "/dsideal_yy/base/crm/getCrmInfoByPerson",
+                    data: {
+                        "person_id":$.cookie('person_id'),
+                        "identity_id":  $.cookie('identity_id'),
+                        "user_type": 5,
+                        "code": 'gxlbytj',
+                        "plat": 1
+                    },
+                    dataType: "json",
+                    success: function (res) {
+                        if (res.success) {
+
+                            var id = target.data('id'); // 学校Id
+                            // var name = target.data('name'); // 学校Name
+                            var rid = target.data('rid'); // 资源Id
+
+                            $('body').data('id', id); // 院校Id
+                            // $('body').data('name', name); // 注：现改用id判断
+                            $('body').data('rid', rid); // 资源Id
+
+                         console.log('rid',rid);
+                            // 页面层-自定义
+                            $('.details').show()
+                        }else {
+                            $('.info').text('对不起，您没有访问权限！');
+                            $('.message').show();
+                        }
+                    }
+                });
+
+
+
+
+            }else {
+                $('.model').show()
+            }
+
+        });
+
+        // 校园风采轮播图片点击事件委托
+        $("body").on("click", ".pic-item img", function (event) {
+            //console.log('pic:', $(event.target).parent('.pic-item').html());
+            layer.open({
+                type: 1,
+                title: false,
+                closeBtn: 0,
+                area: 'auto',
+                shade: 0.9,
+                skin: 'layui-layer-nobg', //没有背景色
+                shadeClose: true,
+                content: $(event.target).parent('.pic-item').html(),
+                success: function (layerObj, index) {
+                    $(layerObj).click(function () {
+                        layer.close(index);
+                    })
+                    // 适配窗口大小
+                    console.log('layui-layer-nobg::', $(layerObj).width);
+                    $(window).height()
+                    console.log(layerObj);
+                }
+            });
+        });
+
+        // 菜单点击
+        $("body").on("click", ".modal-menu dt", function (event) {
+            $('dt.active').removeClass('active');
+            var target = $(event.target).prop("tagName") === 'IMG' ? $(event.target).parent('dt') : $(event.target);
+            target.addClass('active');
+            var id = $('body').data('id');
+//                var name = $('body').data('name');
+            var rid = $('body').data('rid'); // 资源Id
+            if (table.length !== 0) {
+                table.forEach((item) => {
+                    if (rid === item.rid) {
+                        university_id = item.id
+                    }
+                })
+            }
+            /**
+             * 学部 / 学院 / 专业
+             * 采用key方式保存层级关系
+             */
+            var departments = []; // 学部
+            var colleges = []; // 学院
+            var majors = []; // 专业
+//                console.log('dianzhegl',target.data('key'))
+            switch (target.data('key')) {
+
+                case 'intro':
+                    // 校园风采
+                    $.ajax({
+                        type: "GET",
+                        async: false,
+                        url: "/dsideal_yy/zygh/ytj/getResourceList?university_id=" + university_id,
+                        dataType: "json",
+                        success: function (data) {
+                            if (data.success) {
+                                if (data.list.length === 0) {
+                                    $('.modal-content').html('<div class="none"></div><span class="text">数据更新中，请下次再来了...</span>');
+                                } else if (data.list.length > 0) {
+                                    laytpl($('#intro_tpl').html()).render(data, function (html) {
+                                        $('.modal-content').html(html);
+                                        $('.modal-content').scrollTop(0); // 重置滚动
+                                    });
+                                    console.log('rid', rid);
+                                    // 获取索引
+                                    var idx = data.list.findIndex(function (item) {
+                                            //console.log('item', item);
+                                            return String(item.resource_title) === String(rid);
+                                        }) || 0;
+                                    //console.log('idx', idx);
+                                    // 轮播
+                                    carousel.render({
+                                        elem: '#intro-carousel',
+                                        width: '100%',
+                                        height: $('#intro').height(),
+                                        arrow: 'always',
+                                        autoplay: false, // 自动播放
+                                        indicator: 'none', // 指示器位置，可选值为：inside（容器内部）| outside（容器外部）| none（不显示）
+                                        index: idx,
+                                    });
+                                    // $('.pic-item > img').css('min-width','110%'); // 设置宽度100%
+                                }
+                            }
+                        }
+                    });
+
+//
+                    break;
+                case 'summary':
+                    // 学校概况
+                    /**
+                     * 分类(固定), 全为必填项，如果有一项为空则不显示？
+                     * ---------------------------------------
+                     * Key: | 院校所属 | 院校类型 | 办学类型 | 学历类别
+                     * ---------------------------------------
+                     * Val: | 北京     | 综合类   | 公办院校 | 本科
+                     * ---------------------------------------
+                     * */
+                    $.ajax({
+                        type: "GET",
+                        async: false,
+                        url: "/dsideal_yy/zygh/university/getUniversitySpecialMajor?university_id=" + university_id,
+                        dataType: "json",
+                        success: function (res) {
+                            if (res.success) {
+                                $.ajax({
+                                    type: "GET",
+                                    async: false,
+                                    url: "/dsideal_yy/zygh/university/getUniversityLeadingSubject?university_id=" + university_id + '&round=1',
+                                    dataType: "json",
+                                    success: function (response) {
+                                        if (response.success) {
+
+                                            $.ajax({
+                                                type: "GET",
+                                                async: false,
+                                                url: "/dsideal_yy/zygh/university/getUniversityInfoById?university_id=" + university_id,
+                                                dataType: "json",
+                                                success: function (data) {
+                                                    if (data.success) {
+                                                        let arr = [];
+                                                        if (data.label_list.length !== 0) {
+                                                            data.label_list.forEach((i) => {
+                                                                switch (i.detail) {
+                                                                    case '985':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'a'
+                                                                        });
+                                                                    case '211':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'b'
+                                                                        });
+                                                                    case 'C9':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'c'
+                                                                        });
+                                                                    case '强基计划':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'd'
+                                                                        });
+                                                                    case '双一流':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'e'
+                                                                        });
+                                                                    case '教育部直属':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'f'
+                                                                        });
+                                                                    case '研究生院':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'g'
+                                                                        });
+                                                                    case '示范性高职':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'h'
+                                                                        });
+                                                                    case '骨干高职':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'i'
+                                                                        });
+                                                                    case '双高计划':
+                                                                        return arr.push({
+                                                                            name: i.detail,
+                                                                            color: 'j'
+                                                                        });
+
+
+                                                                }
+                                                            });
+                                                        }
+                                                        data.tags = arr;
+                                                        var text = '';
+                                                        if (data.province_name !== null) {
+                                                            text += data.province_name + ' / '
+                                                        }
+                                                        if (data.university_classification_name !== null) {
+                                                            text += data.university_classification_name + ' / '
+                                                        }
+                                                        if (data.university_property_name !== null) {
+                                                            text += data.university_property_name + ' / '
+                                                        }
+                                                        if (data.university_type_name !== null) {
+                                                            text += data.university_type_name
+                                                        }
+                                                        data.text = text;
+                                                        data.topMajors = response.subjects;
+                                                        let sub = '';
+                                                        if (res.list.length !== 0) {
+                                                            res.list.forEach((i, index) => {
+                                                                if (index === res.list.length - 1) {
+                                                                    return sub += i.major_name
+                                                                } else {
+                                                                    return sub += i.major_name + '、'
+                                                                }
+                                                            });
+                                                        }
+                                                        data.featureMajors = sub;
+
+                                                        laytpl($('#summary_tpl').html()).render(data, function (html) {
+                                                            $('.modal-content').html(html);
+                                                            $('.modal-content').scrollTop(0); // 重置滚动
+                                                        });
+                                                        if (sub === '') {
+                                                            $('#featureMajors').hide()
+                                                        } else {
+                                                            $('#featureMajors').show()
+                                                        }
+                                                        if (response.subjects === null) {
+                                                            $('#topMajors').hide()
+                                                        } else {
+                                                            $('#topMajors').show()
+                                                        }
+
+                                                    }
+                                                }
+                                            });
+                                        }
+                                    }
+                                });
+
+                            }
+                        }
+                    });
+
+
+                    break;
+                case 'specialty':
+                    // 院系专业
+                    $.ajax({
+                        type: "GET",
+                        async: false,
+//                        url: "/dsideal_yy/zygh/ytj/getMajorList?university_name=" + rid,
+                        url: "/dsideal_yy/zygh/ytj/getUniversityDepartmentMajors?university_id=" + university_id,
+                        dataType: "json",
+                        success: function (data) {
+                            if (data.success) {
+                                if (data.list.length === 0) { // 学校名称必填否则不显示
+                                    $('.modal-content').html('<div class="none"></div><span class="text">数据更新中，请下次再来了...</span>');
+                                } else {
+//                                    var departments = [];
+//                                    var colleges = [];
+//                                    var majors = [];
+//                                    var history_keys = []; // 历史键HASH（防重复）
+//                                    var key;
+//                                    var list = []
+//                                    for (var i = 0; i < data.list.length; i++) {
+//                                        for (var l = 0; l < data.list[i].list.length; l++) {
+//                                            for (var a = 0; a < data.list[i].list[l].list.length; a++) {
+//                                                list.push({
+//                                                    major: data.list[i].list[l].list[a].major,
+//                                                    faculty: data.list[i].list[l].faculty,
+//                                                    department: data.list[i].department
+//                                                })
+//                                            }
+//                                        }
+//                                    }
+//                                    console.log('lisy===', list);
+//                                    $.each(list, function (idx, val) {
+//                                        // 学部
+//                                        k = hex_md5(val.department);
+//                                        if (history_keys.indexOf(k) === -1) {
+//                                            departments.push({key: k, name: val.department});
+//                                            history_keys.push(k); // 追加历史记录
+//                                        }
+//                                        k = k + '-' + hex_md5(val.faculty);
+//                                        if (history_keys.indexOf(k) === -1) {
+//                                            colleges.push({key: k, name: val.faculty});
+//                                            history_keys.push(k); // 追加历史记录
+//                                        }
+//                                        k = k + '-' + hex_md5(val.major);
+//                                        if (history_keys.indexOf(k) === -1) {
+//                                            majors.push({key: k, name: val.major});
+//                                            history_keys.push(k); // 追加历史记录
+//                                        }
+//                                    });
+////                                        console.log('departments',departments)
+////                                        console.log('colleges',colleges)
+////                                        console.log('majors',majors)
+//                                    laytpl($('#specialty_tpl').html()).render(data = {
+//                                        departments: departments,
+//                                        colleges: colleges,
+//                                        majors: majors
+//                                    }, function (html) {
+//                                        $('.modal-content').html(html);
+//                                        $('.modal-content').scrollTop(0); // 重置滚动
+//                                    });
+                                    console.log('data',data)
+                                    console.log('data',data.list)
+                                    laytpl($('#specialty_tpl').html()).render(data, function (html) {
+                                        $('.modal-content').html(html);
+                                        $('.modal-content').scrollTop(0); // 重置滚动
+                                    });
+                                }
+                            }
+                        }
+                    });
+
+                    break;
+                default:
+                // 默认
+            }
+
+        })
+    });
+</script>
+</body>
+
+<!-- 搜索模板 -->
+<script id="search_tpl" type="text/html">
+    <form class="search-form" action="">
+        <input type="text" id="keyword" name="keyword" required lay-verify="required" placeholder="输入学校名称"
+               autocomplete="off" class="search-form-keyword">
+        <a id="btn_search_form">
+            <img src='img/search_black.svg' class="inverted">
+        </a>
+    </form>
+</script>
+
+<!-- 弹出层拟态框模板 -->
+<script id="modal_tpl" type="text/html">
+    <div class="modal-container">
+        <div class="modal-content"></div>
+        <div class="modal-menu">
+            <dl>
+                <dt data-key="summary"><img src="img/summary-r.svg"></dt>
+                <dd>学校概况</dd>
+                <dt data-key="specialty"><img src="img/specialty-r.svg"></dt>
+                <dd>院系专业</dd>
+                <dt data-key="intro"><img src="img/intro-r.svg"></dt>
+                <dd>校园风采</dd>
+            </dl>
+        </div>
+    </div>
+</script>
+
+<!-- 校园风采模板 -->
+<script id="intro_tpl" type="text/html">
+    <div id="intro">
+        <div class="layui-carousel" id="intro-carousel">
+            <div carousel-item>
+                {{# layui.each(d.list, function(index, item){ }}
+                <div>
+                    <div class="pic-item"><img src="/dsideal_yy/gxytj/{{ item.resource_address }}.webp"
+                                               onerror="this.src='img/picture.svg'"></div>
+                    <p class="txt-item"><span>{{ item.resource_description }}</span></p>
+                </div>
+                {{# }); }}
+            </div>
+        </div>
+    </div>
+</script>
+
+<!-- 学校概况模板 -->
+<script id="summary_tpl" type="text/html">
+    <div id="summary">
+        <div class="header">
+            <div class="summary-logo">
+                <img src="https://video.edusoa.com/static/images/schoollogo/{{ d.logo }}"
+                     onerror="this.src='img/picture.svg';this.width='100%';" style="max-width: 130px">
+            </div>
+            <div class="summary-intro">
+                <div class="title">{{ d.university_name }}</div>
+                <div class="text">{{ d.text }}</div>
+                <div class="tags">
+                    {{# layui.each(d.tags, function(index, item){ }}
+                    <span class="color-{{item.color}}">{{ item.name }}</span>
+                    {{# }); }}
+                </div>
+            </div>
+        </div>
+        <div class="intro card">
+            <h3>基本信息</h3>
+            <div style="line-height: 2rem;border:1px solid #ccc;padding:1rem;box-shadow: 5px 5px 5px #ccc">
+                <div style="display: flex">
+                    <div style="width: 50%"><img src="img/time.png" style="width: 20px;margin-right: 10px"/>创建时间：{{d.set_up_time}}
+                    </div>
+                    <div style="width: 50%"><img src="img/hat.png" style="width: 20px;margin-right: 10px"/>主管部门：{{d.university_affiliated}}
+                    </div>
+                </div>
+                <div><img src="img/phone.png" style="width: 20px;margin-right: 10px"/>招生电话：{{d.university_tel}}</div>
+                <div><img src="img/local.png" style="width: 20px;margin-right: 10px"/>学校地址：{{d.address}}</div>
+            </div>
+        </div>
+
+        <div class="intro card">
+            <h3>院校介绍</h3>
+            <div style="position:relative;border:1px solid #ccc;padding:1rem;box-shadow: 5px 5px 5px #ccc;">
+                {{# if(d.university_desc){ }}
+                <div id="description" style="max-height: 10rem;overflow:hidden;">{{ d.university_desc.replace('\n','<br>')
+                    }}
+                </div>
+
+                <div id="down" onclick="unfold()"
+                     style="cursor:pointer;line-height: 2rem;text-align: center;margin-top: 1rem">展开 <img
+                        src="img/down.png" style="width: 20px"></div>
+                <div id="up" onclick="packUp()"
+                     style="display:none;cursor:pointer;line-height: 2rem;text-align: center;margin-top: 1rem">收起 <img
+                        src="img/up.png" style="width: 20px"></div>
+                {{# }else{ }}
+                <span class="none">数据更新中，请下次再来了...</span>
+
+
+                {{# } }}
+            </div>
+        </div>
+        <div class="intro card" id="featureMajors">
+            <h3>特色专业</h3>
+            <div style="position:relative;border:1px solid #ccc;padding:1rem;box-shadow: 5px 5px 5px #ccc;">
+                {{d.featureMajors}}
+            </div>
+        </div>
+        <div class="intro card" id="topMajors">
+            <h3>一流学科</h3>
+            <div style="position:relative;border:1px solid #ccc;padding:1rem;box-shadow: 5px 5px 5px #ccc;">
+                {{d.topMajors}}
+            </div>
+        </div>
+        <!--<div class="specialty card">-->
+        <!--<h3>优势专业</h3>-->
+        <!--{{# if(d.label_list.length > 0){ }}-->
+        <!--<div class="specialty-tables">-->
+        <!--{{# layui.each(d.label_list, function(index, item){ }}-->
+        <!--{{# if(index % Math.ceil(d.label_list.length / 2) === 0){ }}-->
+        <!--<div class="specialty-table">-->
+        <!--<table class="layui-table">-->
+        <!--<colgroup>-->
+        <!--<col width="60">-->
+        <!--<col width="200">-->
+        <!--<col width="100">-->
+        <!--</colgroup>-->
+        <!--<thead>-->
+        <!--<tr>-->
+        <!--<th>序号</th>-->
+        <!--<th>专业名称</th>-->
+        <!--<th>学科评估</th>-->
+        <!--</tr>-->
+        <!--</thead>-->
+        <!--<tbody>-->
+        <!--{{# } }}-->
+        <!--<tr>-->
+        <!--<td style="text-align: center">{{ index + 1 }}</td>-->
+        <!--<td>{{ item.MAJOR || '' }}</td>-->
+        <!--<td style="text-align: center">{{ item.SUBJECT_EVALUATION || '' }}</td>-->
+        <!--</tr>-->
+        <!--{{# if( (index + 1 === d.label_list.length) ){ }}-->
+        <!--{{# for(var n=0; n < Math.ceil(d.label_list.length / 2) * 2 - (index+1); n++){ }}-->
+        <!--<tr>-->
+        <!--<td>{{ index + 1 + n + 1 }}</td>-->
+        <!--<td></td>-->
+        <!--<td></td>-->
+        <!--</tr>-->
+        <!--{{# } }}-->
+        <!--{{# } }}-->
+        <!--{{# if((index+1) % Math.ceil(d.label_list.length / 2) === 0){ }}-->
+        <!--</tbody>-->
+        <!--</table>-->
+        <!--</div>-->
+        <!--{{# } }}-->
+        <!--{{# }); }}-->
+        <!--</div>-->
+        <!--{{# }else{ }}-->
+        <!--<span class="none">数据更新中，请下次再来了...</span>-->
+        <!--{{# } }}-->
+        <!--</div>-->
+    </div>
+</script>
+
+<!-- 院系专业模板 -->
+<script id="specialty_tpl" type="text/html">
+    <div id="specialty">
+        {{# layui.each(d.list, function(index, item){ }}
+        {{# if(item.department!==null){ }}
+        <h3 title="{{item.department}}" style="font-size:2vh;text-align:center;margin:1rem 0;" id="department" >{{item.department}}</h3>
+        {{# } }}
+        <div class="c-flex" style="justify-content: flex-start;">
+            {{# layui.each(item.faculty_list, function(_index, i){ }}
+            <div style="box-sizing:border-box; width: 30%; text-align: center; border: 1px solid #B3DBFF;border-radius:5px;margin:3vh 1.5%;padding:2vh;overflow:hidden;">
+                {{# if(i.faculty!==null){ }}
+                <h5 id="faculty" title="{{i.faculty}}" class="c-ellipsis" style="text-align: center; color: #3796D7; margin: 2vh 0;font-size:1.7vh;">{{i.faculty}}</h5>
+                {{# } }}
+                <div>
+                    {{# layui.each(i.major, function(num, j){ }}
+                    <div class="c-ellipsis" style="border: 1px solid #B7DFFF; padding: 1vh; margin: 1vh; text-align: left; " title="{{j}}">
+                        <img style="width: 2vh;vertical-align:bottom;margin-right: .5rem;"
+                             src="img/label.png"/>{{j}}
+                    </div>
+                    {{# }); }}
+                </div>
+            </div>
+            {{# }); }}
+        </div>
+        {{# }); }}
+    </div>
+</script>
+</html>
\ No newline at end of file