Przeglądaj źródła

Merge remote-tracking branch 'origin/5.2' into 5.2

sgjj 5 lat temu
rodzic
commit
1c16536ff1
100 zmienionych plików z 10998 dodań i 4014 usunięć
  1. 6 1
      src/main/java/net/mingsoft/cms/action/web/ContentAction.java
  2. 0 1
      src/main/java/net/mingsoft/cms/dao/ICategoryDao.xml
  3. 1 1
      src/main/resources/application.yml
  4. 2124 0
      src/main/webapp/template/1/江西省人民政府-web/about.htm
  5. 3 0
      src/main/webapp/template/1/江西省人民政府-web/css/app.css
  6. 2227 0
      src/main/webapp/template/1/江西省人民政府-web/detail.htm
  7. 163 0
      src/main/webapp/template/1/江西省人民政府-web/footer.htm
  8. 66 0
      src/main/webapp/template/1/江西省人民政府-web/header.htm
  9. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601262165196.png
  10. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601263168784.png
  11. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601263219863.png
  12. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601263314183.png
  13. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601264474008.png
  14. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601264558124.png
  15. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601264865246.png
  16. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601264880892.png
  17. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601265232947.png
  18. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601265263422.png
  19. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1601282117218.png
  20. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602060761571.jpg
  21. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602060968122.jpg
  22. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602064370755.jpg
  23. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602065099002.jpg
  24. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602123532415.png
  25. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602639842403.jpg
  26. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602639957490.jpg
  27. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602639968529.jpg
  28. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602656777359.png
  29. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602993572728.png
  30. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602994812850.png
  31. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602994843689.png
  32. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602994853675.png
  33. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602994867816.png
  34. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602994889839.png
  35. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1602995154347.png
  36. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1603073616105.png
  37. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1603073720477.png
  38. BIN
      src/main/webapp/template/1/江西省人民政府-web/images/1603073920995.png
  39. 4263 0
      src/main/webapp/template/1/江西省人民政府-web/index.htm
  40. 2102 0
      src/main/webapp/template/1/江西省人民政府-web/list.htm
  41. 43 0
      src/main/webapp/template/1/江西省人民政府-web/search.htm
  42. 0 85
      src/main/webapp/templets/1/default/about.htm
  43. 0 67
      src/main/webapp/templets/1/default/advice.htm
  44. 0 47
      src/main/webapp/templets/1/default/case-list.htm
  45. 0 143
      src/main/webapp/templets/1/default/contact.htm
  46. 0 0
      src/main/webapp/templets/1/default/css/about.css
  47. 0 1
      src/main/webapp/templets/1/default/css/advice.css
  48. 0 3368
      src/main/webapp/templets/1/default/css/animate.css
  49. 0 0
      src/main/webapp/templets/1/default/css/base.css
  50. 0 0
      src/main/webapp/templets/1/default/css/case-list.css
  51. 0 0
      src/main/webapp/templets/1/default/css/center.css
  52. 0 0
      src/main/webapp/templets/1/default/css/index.css
  53. 0 79
      src/main/webapp/templets/1/default/css/jquery.sinaemotion.css
  54. 0 0
      src/main/webapp/templets/1/default/css/login.css
  55. 0 0
      src/main/webapp/templets/1/default/css/news-list.css
  56. 0 0
      src/main/webapp/templets/1/default/css/news-show.css
  57. 0 39
      src/main/webapp/templets/1/default/footer.htm
  58. 0 36
      src/main/webapp/templets/1/default/head-file.htm
  59. 0 146
      src/main/webapp/templets/1/default/head.htm
  60. BIN
      src/main/webapp/templets/1/default/images/00.png
  61. BIN
      src/main/webapp/templets/1/default/images/01.jpg
  62. BIN
      src/main/webapp/templets/1/default/images/02.jpg
  63. BIN
      src/main/webapp/templets/1/default/images/03.jpg
  64. BIN
      src/main/webapp/templets/1/default/images/1471918025445.png
  65. BIN
      src/main/webapp/templets/1/default/images/about_us.jpg
  66. BIN
      src/main/webapp/templets/1/default/images/ad_ctr.png
  67. BIN
      src/main/webapp/templets/1/default/images/alpha.png
  68. BIN
      src/main/webapp/templets/1/default/images/baidu.png
  69. BIN
      src/main/webapp/templets/1/default/images/banner.jpg
  70. BIN
      src/main/webapp/templets/1/default/images/case.png
  71. BIN
      src/main/webapp/templets/1/default/images/code.jpg
  72. BIN
      src/main/webapp/templets/1/default/images/company.png
  73. BIN
      src/main/webapp/templets/1/default/images/contact_us.jpeg
  74. BIN
      src/main/webapp/templets/1/default/images/error.png
  75. BIN
      src/main/webapp/templets/1/default/images/hu1.png
  76. BIN
      src/main/webapp/templets/1/default/images/img-2.png
  77. BIN
      src/main/webapp/templets/1/default/images/level-0.png
  78. BIN
      src/main/webapp/templets/1/default/images/level-1.png
  79. BIN
      src/main/webapp/templets/1/default/images/level-2.png
  80. BIN
      src/main/webapp/templets/1/default/images/level-3.png
  81. BIN
      src/main/webapp/templets/1/default/images/level-4.png
  82. BIN
      src/main/webapp/templets/1/default/images/level-5.png
  83. BIN
      src/main/webapp/templets/1/default/images/loading.gif
  84. BIN
      src/main/webapp/templets/1/default/images/logo.png
  85. BIN
      src/main/webapp/templets/1/default/images/micro-blog.png
  86. BIN
      src/main/webapp/templets/1/default/images/mobile.png
  87. BIN
      src/main/webapp/templets/1/default/images/more.png
  88. BIN
      src/main/webapp/templets/1/default/images/ms.ico
  89. BIN
      src/main/webapp/templets/1/default/images/new-loading.gif
  90. BIN
      src/main/webapp/templets/1/default/images/news.png
  91. BIN
      src/main/webapp/templets/1/default/images/news2.png
  92. BIN
      src/main/webapp/templets/1/default/images/no-comment.png
  93. BIN
      src/main/webapp/templets/1/default/images/no-data.png
  94. BIN
      src/main/webapp/templets/1/default/images/our_company.jpeg
  95. BIN
      src/main/webapp/templets/1/default/images/pexels-photo-583845.jpeg
  96. BIN
      src/main/webapp/templets/1/default/images/pic.png
  97. BIN
      src/main/webapp/templets/1/default/images/pics.png
  98. BIN
      src/main/webapp/templets/1/default/images/search.jpg
  99. BIN
      src/main/webapp/templets/1/default/images/search.png
  100. BIN
      src/main/webapp/templets/1/default/images/talk_online.jpeg

+ 6 - 1
src/main/java/net/mingsoft/cms/action/web/ContentAction.java

@@ -1,5 +1,6 @@
 package net.mingsoft.cms.action.web;
 
+import cn.hutool.core.util.ObjectUtil;
 import io.swagger.annotations.Api;
 import io.swagger.annotations.ApiImplicitParam;
 import io.swagger.annotations.ApiImplicitParams;
@@ -117,7 +118,11 @@ public class ContentAction extends net.mingsoft.cms.action.BaseAction{
 			return "document.write(0)";
 		}
 	 	//浏览数+1
-		content.setContentHit(content.getContentHit()+1);
+		if(ObjectUtil.isNotEmpty(content.getContentHit())){
+			content.setContentHit(content.getContentHit()+1);
+		}else {
+			content.setContentHit(1);
+		}
 		contentBiz.updateEntity(content);
 
 		// cms_history 增加相应记录

+ 0 - 1
src/main/java/net/mingsoft/cms/dao/ICategoryDao.xml

@@ -240,7 +240,6 @@
 			<if test="del != null"> and del=#{del} </if>
 			<include refid="net.mingsoft.base.dao.IBaseDao.sqlWhere"></include>
 		</where>
-		order by id desc
 	</select>
 
 </mapper>

+ 1 - 1
src/main/resources/application.yml

@@ -23,7 +23,7 @@ ms:
 
   upload:
     enable-web: true  #启用web层的上传
-    template: templets #模板文件夹支持重命名,不支持路径
+    template: template #模板文件夹支持重命名,不支持路径
     path: upload #文件上传路径,可以根据实际写绝对路径
     mapping: /upload/** #修改需要谨慎,系统第一次部署可以随意修改,如果已经有了上传数据,再次修改会导致之前上传的文件404
     denied: .exe,.jsp

+ 2124 - 0
src/main/webapp/template/1/江西省人民政府-web/about.htm

@@ -0,0 +1,2124 @@
+
+
+
+<html>
+<head>
+    <meta charset="utf-8" />
+        <title>{ms:global.name/}</title>
+    <meta http-equiv="content-type" content="text/html" />
+    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
+    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
+    <meta name="format-detection" content="telephone=no"/>
+    <meta name="app-mobile-web-app-capable" content="yes"/>
+    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
+    <meta name="keywords" content="{ms:global.keyword/}" />
+    <meta name="description" content="{ms:global.descrip/}" />
+    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
+    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
+    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
+
+            <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
+
+    <!--网络请求框架-->
+    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
+    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
+    <script>
+        ms.base = "";
+    </script>
+    <style>
+        [v-cloak]{
+            display: none;
+        }
+    </style>
+</head>
+<body>
+    <div id="app" v-cloak>
+                <#include "header.htm"/>
+                <#include "search.htm"/>
+                <div               class="detail">
+                <div               class="top">
+            <span          class="title"     >
+    开学了,校园疫情防控怎么做?
+            </span>
+                <div               class="date">
+            <span      >
+    发布时间:
+            </span>
+            <span      >
+    2020-09-14 10:43
+            </span>
+            <span      >
+    浏览次数:
+            </span>
+            <span      >
+    100
+            </span>
+            <span      >
+    字体:
+            </span>
+            <span      >
+    [ 
+            </span>
+            <span      >
+    大 
+            </span>
+            <span      >
+    中
+            </span>
+            <span      >
+    小 
+            </span>
+            <span      >
+    ]
+            </span>
+                </div>
+                </div>
+                <div               class="body">
+            <span          class="body-text"     >
+    学校一直是新冠肺炎疫情防控的重点场所,为科学指导高等学校、中小学校和托幼机构做好秋冬季新冠肺炎疫情防控工作,有序推进复学复课,国家卫生健康委在线访谈栏目特别邀请了中国疾控中心环境所沈瑾副研究员、北京市疾控中心学校卫生所郭欣主任医师、中国疾控中心学校卫生中心、北京大学儿童青少年卫生研究所马军教授回答网友关心的问题。
+            </span>
+                </div>
+                <div               class="body-bottom">
+                <div               class="ms-share">
+            <span      >
+    分享
+            </span>
+                </div>
+                <div               class="body-bottom-right">
+            <a href="#"     
+                             class="print">
+    打印页面
+            </a>
+            <a href="#"     
+                             class="close">
+    关闭页面
+            </a>
+                </div>
+                </div>
+                </div>
+                <div               class="ms-next-pre">
+                <div               class="pre">
+            <span      >
+    上一篇:
+            </span>
+            <a href="${global.url}${pre.link}"     
+                    >
+    ${global.url}${pre.title}
+            </a>
+                </div>
+                <div               class="next">
+            <span      >
+    下一篇:
+            </span>
+            <a href="${global.url}${next.link}"     
+                    >
+    ${global.url}${next.title}
+            </a>
+                </div>
+                </div>
+        <!--右漂浮 - start -->
+                <div               class="right-fixed">
+                <div               class="content">
+            <i          class="iconfont icon-shang"     ></i>
+            <span      >
+    回到顶部
+            </span>
+                </div>
+                </div>
+            <!--右漂浮 -end -->
+                <#include "footer.htm"/>
+    </div>
+</body>
+</html>
+<script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+    },
+    methods: {
+
+       switchShow:function(arr){
+       var that = this
+           arr.forEach(function(x){
+              let e = that.$el.querySelector("#key_"+x)
+               if(e){
+                   e.style.display=e.style.display=='none'?'flex':'none'
+               }
+           })
+       },
+    },
+    created(){
+    }
+    })
+</script>
+<style>
+    body {
+        background-color:#f5f5f5;
+        box-sizing:border-box;
+        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
+        moz-box-sizing:border-box;
+        webkit-box-sizing:border-box;
+    }
+    .header 
+    {
+            background-color:#2D548F;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:center;
+            height:60px;
+    }
+    .header .center 
+    {
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            height:100%;
+    }
+    .header .center .left 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .header .center .left >a 
+    {
+            cursor:pointer;
+            color:#FFFFFF;
+            text-align:center;
+            width:100px;
+            text-decoration:none;
+            padding-top:20px;
+            background-repeat:no-repeat;
+            height:100%;
+    }
+    .header .center .left .啊啊啊
+    {
+                    background-size:auto;
+                    background-position:bottom center;
+                    background-repeat:no-repeat;
+                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+    }
+    .header .center .left >a:hover
+    {
+                    background-size:auto;
+                    background-position:bottom center;
+                    background-repeat:no-repeat;
+                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+    }
+    .header .center .h5-menu 
+    {
+            flex-direction:row;
+            display:none;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            height:100%;
+    }
+    .header .center .h5-menu .icon 
+    {
+            font-size:28PX;
+            color:#FFFFFF;
+            display:flex;
+    }
+    .class-1 
+    {
+            cursor:pointer;
+            color:#FFFFFF;
+            text-align:left;
+            width:100%;
+            text-decoration:none;
+            padding-top:9px;
+            padding-left:10px;
+            height:40px;
+    }
+    .header .center .right 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:180px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .header .center .right >a 
+    {
+            cursor:pointer;
+            font-size:12PX;
+            text-decoration:none;
+            padding-top:0px;
+            color:#CDD6E1;
+    }
+    .header .center .right >a:hover
+    {
+                    color:#FFFFFF;
+    }
+    .header .center .right >span 
+    {
+            margin-right:2px;
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            margin-left:2px;
+    }
+    .search 
+    {
+            align-items:center;
+            flex-direction:row;
+            background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            background-size:auto;
+            border-top-right-radius:0px;
+            background-position:top center;
+            background-repeat:repeat;
+            padding-left:0px;
+            height:152px;
+    }
+    .search .center 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1170px;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .search .center .logo 
+    {
+            border-bottom-left-radius:0px;
+            width:377px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            height:74px;
+            border-top-left-radius:0px;
+    }
+    .search .center .right 
+    {
+            align-items:flex-end;
+            flex-direction:column;
+            display:flex;
+            padding-right:120px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .top 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:370px;
+            box-sizing:border-box;
+            justify-content:flex-end;
+            height:30px;
+    }
+    .search .center .right .top >a 
+    {
+            cursor:pointer;
+            font-size:13px;
+            text-decoration:none;
+            color:#666666;
+    }
+    .search .center .right .search 
+    {
+            align-items:flex-end;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:270px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:21%;
+    }
+    .search .center .right .search .ms-search-input 
+    {
+            border-color:#CCCCCC;
+            align-items:flex-end;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-width:1px;
+            width:100%;
+            border-style:solid;
+            padding-left:0px;
+            height:32px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-right-style:solid;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            border-right-width:1px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-right-color:#CCCCCC;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div .ms-input 
+    {
+            border:0px;
+            background-color:#FFFFFF;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:4px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:2px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:2px;
+            width:100%;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            padding-top:0px;
+            padding-left:4px;
+            height:30px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span 
+    {
+            color:#DCDFE6;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-top-left-radius:0px;
+            padding-bottom:0px;
+            border-bottom-left-radius:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button 
+    {
+            cursor:pointer;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:80px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            background-repeat:no-repeat;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button:hover
+    {
+                    background-color:#E6E6E6;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button i 
+    {
+            border-bottom-left-radius:0px;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button span 
+    {
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14px;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .detail 
+    {
+            background-color:#FFFFFF;
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:auto;
+            min-height:800px;
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:10px;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            margin-top:10px;
+            height:300px;
+    }
+    .detail .top 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            border-bottom-color:#EBEEF5;
+            margin-right:0px;
+            padding-bottom:32px;
+            flex-wrap:nowrap;
+            width:90%;
+            margin-bottom:0px;
+            border-bottom-style:solid;
+            padding-top:32px;
+            border-bottom-width:1px;
+            margin-top:0px;
+    }
+    .detail .top .title 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:28PX;
+            padding-top:0px;
+    }
+    .detail .top .date 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            margin-right:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .detail .top .date span 
+    {
+            font-size:16PX;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .detail .body 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:90%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:32px;
+            justify-content:center;
+            margin-top:0px;
+    }
+    .detail .body .body-text 
+    {
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            line-height:32px;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .detail .body-bottom 
+    {
+            flex-direction:row;
+            bottom:0px;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            position:absolute;
+            padding-left:0px;
+            margin-top:0px;
+            height:60px;
+    }
+    .detail .body-bottom .ms-share 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            flex-wrap:nowrap;
+            width:85%;
+            margin-bottom:0px;
+            padding-left:20px;
+            margin-top:0px;
+            height:100%;
+    }
+    .detail .body-bottom .ms-share span 
+    {
+            font-size:14px;
+            padding-left:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .detail .body-bottom .body-bottom-right 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:20px;
+            width:15%;
+            box-sizing:border-box;
+            padding-left:20px;
+            justify-content:space-between;
+            height:100%;
+    }
+    .detail .body-bottom .body-bottom-right .print 
+    {
+            cursor:pointer;
+            color:#000;
+            padding-right:0px;
+            font-size:14px;
+            text-decoration:none;
+            padding-left:0px;
+    }
+    .detail .body-bottom .body-bottom-right .close 
+    {
+            cursor:pointer;
+            color:#000;
+            padding-right:0px;
+            font-size:14px;
+            text-decoration:none;
+            padding-left:0px;
+    }
+    .ms-next-pre 
+    {
+            flex-direction:row;
+            display:flex;
+            padding-right:10px;
+            box-sizing:border-box;
+            margin-left:auto;
+            margin-right:auto;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            padding-left:10px;
+            margin-top:0px;
+            height:60px;
+    }
+    .ms-next-pre .pre 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:50%;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            justify-content:flex-start;
+            margin-top:0px;
+            height:100%;
+    }
+    .ms-next-pre .pre span 
+    {
+            font-size:14px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .ms-next-pre .pre a 
+    {
+            cursor:pointer;
+            font-size:14px;
+            text-decoration:none;
+            color:#000;
+    }
+    .ms-next-pre .next 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:50%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:100%;
+    }
+    .ms-next-pre .next span 
+    {
+            font-size:14px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .ms-next-pre .next a 
+    {
+            cursor:pointer;
+            font-size:14px;
+            text-decoration:none;
+            color:#000;
+    }
+    .right-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .right-fixed .content 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-left:600px;
+            padding-bottom:0px;
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            width:40px;
+            position:fixed;
+            padding-top:0px;
+            padding-left:0px;
+            z-index:1;
+    }
+    .right-fixed .content i 
+    {
+            padding-bottom:0px;
+            color:#909399;
+            padding-right:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-left:0px;
+    }
+    .right-fixed .content span 
+    {
+            background-color:#909399;
+            color:#FFFFFF;
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:5px;
+            margin-left:0px;
+            padding-bottom:5px;
+            width:50px;
+            font-size:14px;
+            padding-top:5px;
+            padding-left:5px;
+            height:40%;
+    }
+    .footer 
+    {
+            border-top-style:solid;
+            background-color:#FFFFFF;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            border-top-width:10px;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            border-top-color:#2F5E95;
+    }
+    .footer .links 
+    {
+            margin-right:0px;
+            background-color:#F3F3F3;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:100px;
+    }
+    .footer .links >.body 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:0px;
+            width:1170px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .footer .links >.body span 
+    {
+            align-items:center;
+            flex-direction:column;
+            word-wrap:break-word;
+            display:inline-block;
+            width:90px;
+            font-size:14PX;
+            padding-top:6px;
+            padding-left:10px;
+            justify-content:center;
+            height:30px;
+    }
+    .footer .links >.body .link 
+    {
+            margin-right:0px;
+            background-color:#FFFFFF;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:204px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select 
+    {
+            border-color:#DCDFE6;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:4px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:2px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:2px;
+            border-width:1px;
+            width:100%;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            padding-top:0px;
+            border-style:solid;
+            padding-left:4px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select span 
+    {
+            color:#DCDFE6;
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14PX;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .footer .links >.body .link >.ms-select i 
+    {
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            color:#DCDFE6;
+            border-bottom-left-radius:0px;
+            border-top-left-radius:0px;
+    }
+    .footer .copyright 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:40px;
+            padding-left:0px;
+            margin-top:20px;
+            height:120px;
+    }
+    .footer .copyright .body 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            margin-top:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .footer .copyright .body >img 
+    {
+            margin-right:20px;
+            width:52px;
+            height:64px;
+    }
+    .footer .copyright .body .desc 
+    {
+            margin-right:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            height:100%;
+    }
+    .footer .copyright .body .desc .text 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:flex-start;
+            height:30px;
+    }
+    .footer .copyright .body .desc .text >div 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:100%;
+    }
+    .footer .copyright .body .desc .text >div a 
+    {
+            cursor:pointer;
+            margin-right:0px;
+            font-size:14px;
+            text-decoration:none;
+            color:#000;
+    }
+    .footer .copyright .body .desc .text >div span 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .footer .copyright .body .desc .text >a 
+    {
+            cursor:pointer;
+            margin-right:20px;
+            text-decoration:none;
+            font-size:14PX;
+            color:#000000;
+    }
+    .footer .copyright .body .desc .ms-designer 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:30px;
+    }
+    .footer .copyright .body .desc .ms-designer a 
+    {
+            cursor:pointer;
+            text-decoration:none;
+            font-size:14PX;
+            color:#DCDCDC;
+    }
+    .footer .copyright .body .right 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:600px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            margin-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .img 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .img >img 
+    {
+            width:90px;
+            height:90px;
+    }
+    .footer .copyright .body .right .img >span 
+    {
+            font-size:14PX;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .footer .copyright .body .right .wx 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .wx >div 
+    {
+            flex-wrap:wrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:90px;
+    }
+    .footer .copyright .body .right .wx >div >img 
+    {
+            width:50px;
+            margin-bottom:0px;
+            margin-top:4px;
+            height:50px;
+    }
+    .footer .copyright .body .right .wx >div >span 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            margin-bottom:0px;
+            margin-top:6px;
+    }
+    .footer .left-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:none;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .footer .left-fixed .content 
+    {
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            flex-direction:row;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            position:fixed;
+            height:100px;
+            margin-left:-720px;
+    }
+    .footer .left-fixed .content >img 
+    {
+            width:100%;
+            margin-bottom:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .footer .right-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:none;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .footer .right-fixed .content 
+    {
+            background-color:#A38F8F;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:600px;
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            width:100px;
+            position:fixed;
+            height:100px;
+            z-index:1;
+    }
+    .footer .right-fixed .content >img 
+    {
+            width:100%;
+            display:flex;
+            height:100%;
+            margin-left:0px;
+    }
+@media (max-width: 768px){
+        .header 
+        {
+                background-color:#2D548F;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:60px;
+        }
+        .header .center 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                justify-content:space-between;
+                height:100%;
+        }
+        .header .center .left 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .left >a 
+        {
+                cursor:pointer;
+                color:#FFFFFF;
+                text-align:center;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601263314183.png);
+                width:100px;
+                text-decoration:none;
+                background-position:bottom center;
+                padding-top:20px;
+                background-repeat:no-repeat;
+                height:100%;
+        }
+        .header .center .h5-menu 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:80px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .h5-menu .icon 
+        {
+                font-size:28PX;
+                padding-top:0px;
+                color:#FFFFFF;
+                display:flex;
+        }
+        .class-1 
+        {
+                cursor:pointer;
+                color:#FFFFFF;
+                text-align:left;
+                width:100%;
+                text-decoration:none;
+                padding-top:9px;
+                padding-left:28px;
+                height:40px;
+        }
+        .header .center .right 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:60%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .right >a 
+        {
+                cursor:pointer;
+                font-size:12PX;
+                text-decoration:none;
+                color:#CDD6E1;
+        }
+        .header .center .right >span 
+        {
+                margin-right:2px;
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                margin-left:2px;
+        }
+        .search 
+        {
+                align-items:center;
+                flex-direction:row;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
+                display:flex;
+                width:100%;
+                background-size:auto;
+                box-sizing:border-box;
+                background-position:top center;
+                background-repeat:repeat;
+                justify-content:center;
+                height:152px;
+        }
+        .search .center 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                justify-content:center;
+                height:100%;
+        }
+        .search .center .logo 
+        {
+                width:auto;
+                padding-top:0px;
+                height:30%;
+        }
+        .search .center .right 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .search .center .right .top 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-end;
+                height:30px;
+        }
+        .search .center .right .top >a 
+        {
+                cursor:pointer;
+                font-size:13px;
+                text-decoration:none;
+                color:#666666;
+        }
+        .search .center .right .search 
+        {
+                align-items:flex-end;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                height:40%;
+        }
+        .search .center .right .search .ms-search-input 
+        {
+                border-color:#CCCCCC;
+                align-items:flex-end;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-width:1px;
+                width:100%;
+                border-style:solid;
+                padding-left:0px;
+                height:32px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                border-right-style:solid;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                border-right-width:1px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-right-color:#CCCCCC;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div .ms-input 
+        {
+                border:0px;
+                background-color:#FFFFFF;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:4px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-top-left-radius:2px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:2px;
+                width:100%;
+                border-bottom-right-radius:2px;
+                border-top-right-radius:2px;
+                padding-top:0px;
+                padding-left:4px;
+                height:30px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span 
+        {
+                color:#DCDFE6;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-top-left-radius:0px;
+                padding-bottom:0px;
+                border-bottom-left-radius:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button 
+        {
+                cursor:pointer;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:60px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                background-repeat:no-repeat;
+                padding-left:0px;
+                height:100%;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button i 
+        {
+                border-bottom-left-radius:0px;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button span 
+        {
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14px;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .detail 
+        {
+                background-color:#FFFFFF;
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:auto;
+                min-height:800px;
+                margin-right:auto;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:10px;
+                padding-top:0px;
+                position:relative;
+                padding-left:0px;
+                margin-top:10px;
+                height:300px;
+        }
+        .detail .top 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                border-bottom-color:#EBEEF5;
+                padding-bottom:32px;
+                flex-wrap:nowrap;
+                width:90%;
+                margin-bottom:0px;
+                border-bottom-style:solid;
+                padding-top:32px;
+                border-bottom-width:1px;
+                margin-top:0px;
+        }
+        .detail .top .title 
+        {
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:28PX;
+                padding-top:0px;
+        }
+        .detail .top .date 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                margin-right:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .detail .top .date span 
+        {
+                font-size:16PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .detail .body 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:90%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:32px;
+                justify-content:center;
+                margin-top:0px;
+        }
+        .detail .body .body-text 
+        {
+                margin-right:auto;
+                padding-bottom:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                line-height:32px;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                margin-left:0px;
+        }
+        .detail .body-bottom 
+        {
+                flex-direction:row;
+                bottom:0px;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                position:absolute;
+                padding-left:0px;
+                margin-top:0px;
+                height:60px;
+        }
+        .detail .body-bottom .ms-share 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-left:20px;
+                margin-top:0px;
+                height:100%;
+        }
+        .detail .body-bottom .ms-share span 
+        {
+                font-size:14px;
+                padding-left:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .detail .body-bottom .body-bottom-right 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:none;
+                padding-right:20px;
+                width:30%;
+                box-sizing:border-box;
+                padding-left:20px;
+                justify-content:space-between;
+                height:100%;
+        }
+        .detail .body-bottom .body-bottom-right .print 
+        {
+                cursor:pointer;
+                color:#000;
+                padding-right:0px;
+                font-size:14px;
+                text-decoration:none;
+                padding-left:0px;
+        }
+        .detail .body-bottom .body-bottom-right .close 
+        {
+                cursor:pointer;
+                color:#000;
+                padding-right:0px;
+                font-size:14px;
+                text-decoration:none;
+                padding-left:0px;
+        }
+        .ms-next-pre 
+        {
+                flex-direction:row;
+                display:flex;
+                padding-right:10px;
+                box-sizing:border-box;
+                margin-left:auto;
+                margin-right:auto;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-left:10px;
+                margin-top:0px;
+                height:60px;
+        }
+        .ms-next-pre .pre 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:50%;
+                box-sizing:border-box;
+                margin-bottom:0px;
+                justify-content:flex-start;
+                margin-top:0px;
+                height:100%;
+        }
+        .ms-next-pre .pre span 
+        {
+                font-size:14px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .ms-next-pre .pre a 
+        {
+                cursor:pointer;
+                font-size:14px;
+                text-decoration:none;
+                color:#000;
+        }
+        .ms-next-pre .next 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:50%;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:flex-start;
+                height:100%;
+        }
+        .ms-next-pre .next span 
+        {
+                font-size:14px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .ms-next-pre .next a 
+        {
+                cursor:pointer;
+                font-size:14px;
+                text-decoration:none;
+                color:#000;
+        }
+        .right-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .right-fixed .content 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                margin-left:600px;
+                padding-bottom:0px;
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                width:40px;
+                position:fixed;
+                padding-top:0px;
+                padding-left:0px;
+                z-index:1;
+        }
+        .right-fixed .content i 
+        {
+                padding-bottom:0px;
+                color:#909399;
+                padding-right:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-left:0px;
+        }
+        .right-fixed .content span 
+        {
+                background-color:#909399;
+                color:#FFFFFF;
+                text-align:center;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:5px;
+                margin-left:0px;
+                padding-bottom:5px;
+                width:50px;
+                font-size:14px;
+                padding-top:5px;
+                padding-left:5px;
+                height:40%;
+        }
+        .footer 
+        {
+                border-top-style:solid;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                border-top-width:10px;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                border-top-color:#2F5E95;
+        }
+        .footer .links 
+        {
+                background-color:#F3F3F3;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .links >.body 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                margin-right:0px;
+                align-content:baseline;
+                padding-bottom:10px;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:10px;
+                padding-left:0px;
+                height:unset;
+        }
+        .footer .links >.body span 
+        {
+                padding-bottom:0px;
+                align-items:center;
+                flex-direction:column;
+                word-wrap:break-word;
+                display:inline-block;
+                width:90px;
+                padding-top:2px;
+                padding-left:10px;
+                justify-content:center;
+                height:30px;
+        }
+        .footer .links >.body .link 
+        {
+                margin-right:0px;
+                background-color:#FFFFFF;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:204px;
+                box-sizing:border-box;
+                margin-bottom:10px;
+                padding-top:0px;
+                padding-left:0px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select 
+        {
+                border-color:#DCDFE6;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:4px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-top-left-radius:2px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:2px;
+                border-width:1px;
+                width:100%;
+                border-bottom-right-radius:2px;
+                border-top-right-radius:2px;
+                padding-top:0px;
+                border-style:solid;
+                padding-left:4px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select span 
+        {
+                color:#DCDFE6;
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14PX;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .footer .links >.body .link >.ms-select i 
+        {
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                color:#DCDFE6;
+                border-bottom-left-radius:0px;
+                border-top-left-radius:0px;
+        }
+        .footer .copyright 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:10px;
+                width:100%;
+                margin-bottom:40px;
+                box-sizing:border-box;
+                padding-left:10px;
+                justify-content:center;
+                margin-top:20px;
+                height:unset;
+        }
+        .footer .copyright .body 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .copyright .body >img 
+        {
+                margin-right:20px;
+                width:52px;
+                height:64px;
+        }
+        .footer .copyright .body .desc 
+        {
+                margin-right:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                height:100%;
+        }
+        .footer .copyright .body .desc .text 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:center;
+                height:unset;
+        }
+        .footer .copyright .body .desc .text >div 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .copyright .body .desc .text >div a 
+        {
+                cursor:pointer;
+                font-size:14PX;
+                text-decoration:none;
+                color:#000;
+        }
+        .footer .copyright .body .desc .text >div span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .footer .copyright .body .desc .text >a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                font-size:14PX;
+                text-align:center;
+        }
+        .footer .copyright .body .desc .ms-designer 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:none;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-start;
+        }
+        .footer .copyright .body .desc .ms-designer a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                font-size:14PX;
+                color:#DCDCDC;
+        }
+        .footer .copyright .body .right 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:center;
+                margin-top:20px;
+                height:100%;
+        }
+        .footer .copyright .body .right .img 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .footer .copyright .body .right .img >img 
+        {
+                width:90px;
+                height:90px;
+        }
+        .footer .copyright .body .right .img >span 
+        {
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .footer .copyright .body .right .wx 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                padding-top:0px;
+                height:100%;
+        }
+        .footer .copyright .body .right .wx >div 
+        {
+                flex-wrap:wrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:90px;
+        }
+        .footer .copyright .body .right .wx >div >img 
+        {
+                width:50px;
+                margin-bottom:0px;
+                margin-top:4px;
+                height:50px;
+        }
+        .footer .copyright .body .right .wx >div >span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                margin-bottom:0px;
+                margin-top:6px;
+        }
+        .footer .left-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:1200px;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .footer .left-fixed .content 
+        {
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                flex-direction:row;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                position:fixed;
+                height:100px;
+                margin-left:-720px;
+        }
+        .footer .left-fixed .content >img 
+        {
+                width:100%;
+                margin-bottom:0px;
+                height:100%;
+                margin-left:0px;
+        }
+        .footer .right-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:1200px;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .footer .right-fixed .content 
+        {
+                background-color:#A38F8F;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:600px;
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                width:100px;
+                position:fixed;
+                height:100px;
+                z-index:1;
+        }
+        .footer .right-fixed .content >img 
+        {
+                width:100%;
+                height:100%;
+                margin-left:0px;
+        }
+
+}</style>

+ 3 - 0
src/main/webapp/template/1/江西省人民政府-web/css/app.css

@@ -0,0 +1,3 @@
+@media (max-width: 768px){
+
+}

+ 2227 - 0
src/main/webapp/template/1/江西省人民政府-web/detail.htm

@@ -0,0 +1,2227 @@
+
+
+
+<html>
+<head>
+    <meta charset="utf-8" />
+        <title>{ms:global.name/}</title>
+    <meta http-equiv="content-type" content="text/html" />
+    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
+    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
+    <meta name="format-detection" content="telephone=no"/>
+    <meta name="app-mobile-web-app-capable" content="yes"/>
+    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
+    <meta name="keywords" content="{ms:global.keyword/}" />
+    <meta name="description" content="{ms:global.descrip/}" />
+    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
+    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
+    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
+
+            <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
+
+    <!--网络请求框架-->
+    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
+    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
+    <script>
+        ms.base = "";
+    </script>
+    <style>
+        [v-cloak]{
+            display: none;
+        }
+    </style>
+</head>
+<body>
+    <div id="app" v-cloak>
+                <#include "header.htm"/>
+                <#include "search.htm"/>
+                <div               class="ms-channel-path">
+            <span          class="ms-channel-path-label"     >
+    当前位置:
+            </span>
+            <a href="#"     
+                             class="ms-channel-path-index">
+    首页 
+            </a>
+                    {ms:channel type="path"}
+                    <i class="iconfont icon-youjiantou"></i>
+                    <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
+                        ${field.typetitle}
+                    </a>
+                    {/ms:channel}
+                </div>
+                <div               class="detail">
+                <div               class="top">
+            <span          class="title"     >
+    ${field.title}
+            </span>
+                <div               class="date">
+            <span      >
+    发布时间:
+            </span>
+            <span      >
+    ${field.date?string("yyyy-MM-dd")}
+            </span>
+            <span      >
+    浏览次数:
+            </span>
+            <span      >
+    ${field.hit}
+            </span>
+            <span      >
+    字体:
+            </span>
+            <span      >
+    [ 
+            </span>
+            <span      >
+    大 
+            </span>
+            <span      >
+    中
+            </span>
+            <span      >
+    小 
+            </span>
+            <span      >
+    ]
+            </span>
+                </div>
+                </div>
+                <div               class="body">
+            <span          class="body-text"     >
+    ${field.content}
+            </span>
+                </div>
+                <div               class="body-bottom">
+                <div               class="ms-share">
+            <span      >
+    分享
+            </span>
+                </div>
+                <div               class="body-bottom-right">
+            <a href="#"     
+                             class="print">
+    打印页面
+            </a>
+            <a href="#"     
+                             class="close">
+    关闭页面
+            </a>
+                </div>
+                </div>
+                </div>
+                <div               class="ms-next-pre">
+                <div               class="pre">
+            <span      >
+    上一篇:
+            </span>
+            <a href="${global.url}${pre.link}"     
+                    >
+    ${pre.title}
+            </a>
+                </div>
+                <div               class="next">
+            <span      >
+    下一篇:
+            </span>
+            <a href="${global.url}${next.link}"
+                    >
+    ${next.title}
+            </a>
+                </div>
+                </div>
+        <!--右漂浮 - start -->
+                <div               class="right-fixed">
+                <div               class="content">
+            <i          class="iconfont icon-shang"     ></i>
+            <span      >
+    回到顶部
+            </span>
+                </div>
+                </div>
+            <!--右漂浮 -end -->
+                <#include "footer.htm"/>
+    </div>
+</body>
+</html>
+<script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+    },
+    methods: {
+
+       switchShow:function(arr){
+       var that = this
+           arr.forEach(function(x){
+              let e = that.$el.querySelector("#key_"+x)
+               if(e){
+                   e.style.display=e.style.display=='none'?'flex':'none'
+               }
+           })
+       },
+    },
+    created(){
+    }
+    })
+</script>
+<style>
+    body {
+        background-color:#f5f5f5;
+        box-sizing:border-box;
+        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
+        moz-box-sizing:border-box;
+        webkit-box-sizing:border-box;
+    }
+    .header 
+    {
+            background-color:#2D548F;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:center;
+            height:60px;
+    }
+    .header .center 
+    {
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            height:100%;
+    }
+    .header .center .left 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .header .center .left >a 
+    {
+            cursor:pointer;
+            color:#FFFFFF;
+            text-align:center;
+            width:100px;
+            text-decoration:none;
+            padding-top:20px;
+            background-repeat:no-repeat;
+            height:100%;
+    }
+    .header .center .left .啊啊啊
+    {
+                    background-size:auto;
+                    background-position:bottom center;
+                    background-repeat:no-repeat;
+                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+    }
+    .header .center .left >a:hover
+    {
+                    background-size:auto;
+                    background-position:bottom center;
+                    background-repeat:no-repeat;
+                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+    }
+    .header .center .h5-menu 
+    {
+            flex-direction:row;
+            display:none;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            height:100%;
+    }
+    .header .center .h5-menu .icon 
+    {
+            font-size:28PX;
+            color:#FFFFFF;
+            display:flex;
+    }
+    .class-1 
+    {
+            cursor:pointer;
+            color:#FFFFFF;
+            text-align:left;
+            width:100%;
+            text-decoration:none;
+            padding-top:9px;
+            padding-left:10px;
+            height:40px;
+    }
+    .header .center .right 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:180px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .header .center .right >a 
+    {
+            cursor:pointer;
+            font-size:12PX;
+            text-decoration:none;
+            padding-top:0px;
+            color:#CDD6E1;
+    }
+    .header .center .right >a:hover
+    {
+                    color:#FFFFFF;
+    }
+    .header .center .right >span 
+    {
+            margin-right:2px;
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            margin-left:2px;
+    }
+    .search 
+    {
+            align-items:center;
+            flex-direction:row;
+            background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            background-size:auto;
+            border-top-right-radius:0px;
+            background-position:top center;
+            background-repeat:repeat;
+            padding-left:0px;
+            height:152px;
+    }
+    .search .center 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1170px;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .search .center .logo 
+    {
+            border-bottom-left-radius:0px;
+            width:377px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            height:74px;
+            border-top-left-radius:0px;
+    }
+    .search .center .right 
+    {
+            align-items:flex-end;
+            flex-direction:column;
+            display:flex;
+            padding-right:120px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .top 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:370px;
+            box-sizing:border-box;
+            justify-content:flex-end;
+            height:30px;
+    }
+    .search .center .right .top >a 
+    {
+            cursor:pointer;
+            font-size:13px;
+            text-decoration:none;
+            color:#666666;
+    }
+    .search .center .right .search 
+    {
+            align-items:flex-end;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:270px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:21%;
+    }
+    .search .center .right .search .ms-search-input 
+    {
+            border-color:#CCCCCC;
+            align-items:flex-end;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-width:1px;
+            width:100%;
+            border-style:solid;
+            padding-left:0px;
+            height:32px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-right-style:solid;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            border-right-width:1px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-right-color:#CCCCCC;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div .ms-input 
+    {
+            border:0px;
+            background-color:#FFFFFF;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:4px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:2px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:2px;
+            width:100%;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            padding-top:0px;
+            padding-left:4px;
+            height:30px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span 
+    {
+            color:#DCDFE6;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-top-left-radius:0px;
+            padding-bottom:0px;
+            border-bottom-left-radius:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button 
+    {
+            cursor:pointer;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:80px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            background-repeat:no-repeat;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button:hover
+    {
+                    background-color:#E6E6E6;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button i 
+    {
+            border-bottom-left-radius:0px;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button span 
+    {
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14px;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .ms-channel-path 
+    {
+            margin-right:auto;
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:10px;
+            box-sizing:border-box;
+            margin-top:10px;
+            height:30px;
+            margin-left:auto;
+    }
+    .ms-channel-path .ms-channel-path-label 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:14PX;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .ms-channel-path .ms-channel-path-index 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:14PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .ms-channel-path >i 
+    {
+    }
+    .ms-channel-path .ms-channel-path-link 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:14PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .detail 
+    {
+            background-color:#FFFFFF;
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:auto;
+            min-height:800px;
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:10px;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            margin-top:10px;
+            height:300px;
+    }
+    .detail .top 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            border-bottom-color:#EBEEF5;
+            padding-bottom:32px;
+            flex-wrap:nowrap;
+            width:90%;
+            margin-bottom:0px;
+            border-bottom-style:solid;
+            padding-top:32px;
+            border-bottom-width:1px;
+            margin-top:0px;
+    }
+    .detail .top .title 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:28PX;
+            padding-top:0px;
+    }
+    .detail .top .date 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            margin-right:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .detail .top .date span 
+    {
+            font-size:16PX;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .detail .body 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:90%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:32px;
+            justify-content:center;
+            margin-top:0px;
+    }
+    .detail .body .body-text 
+    {
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            line-height:32px;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .detail .body-bottom 
+    {
+            flex-direction:row;
+            bottom:0px;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            position:absolute;
+            padding-left:0px;
+            margin-top:0px;
+            height:60px;
+    }
+    .detail .body-bottom .ms-share 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            flex-wrap:nowrap;
+            width:85%;
+            margin-bottom:0px;
+            padding-left:20px;
+            margin-top:0px;
+            height:100%;
+    }
+    .detail .body-bottom .ms-share span 
+    {
+            font-size:14px;
+            padding-left:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .detail .body-bottom .body-bottom-right 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:20px;
+            width:15%;
+            box-sizing:border-box;
+            padding-left:20px;
+            justify-content:space-between;
+            height:100%;
+    }
+    .detail .body-bottom .body-bottom-right .print 
+    {
+            cursor:pointer;
+            color:#000;
+            padding-right:0px;
+            font-size:14px;
+            text-decoration:none;
+            margin-bottom:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .detail .body-bottom .body-bottom-right .close 
+    {
+            cursor:pointer;
+            color:#000;
+            padding-right:0px;
+            font-size:14px;
+            text-decoration:none;
+            margin-bottom:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .ms-next-pre 
+    {
+            flex-direction:row;
+            display:flex;
+            padding-right:10px;
+            box-sizing:border-box;
+            margin-left:auto;
+            margin-right:auto;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            padding-left:10px;
+            margin-top:0px;
+            height:60px;
+    }
+    .ms-next-pre .pre 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:50%;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            justify-content:flex-start;
+            margin-top:0px;
+            height:100%;
+    }
+    .ms-next-pre .pre span 
+    {
+            font-size:14px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .ms-next-pre .pre a 
+    {
+            cursor:pointer;
+            font-size:14px;
+            text-decoration:none;
+            color:#000;
+    }
+    .ms-next-pre .next 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:50%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:100%;
+    }
+    .ms-next-pre .next span 
+    {
+            font-size:14px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .ms-next-pre .next a 
+    {
+            cursor:pointer;
+            padding-bottom:0px;
+            color:#000;
+            font-size:14px;
+            text-decoration:none;
+            padding-top:0px;
+    }
+    .right-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .right-fixed .content 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-left:600px;
+            padding-bottom:0px;
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            width:40px;
+            position:fixed;
+            padding-top:0px;
+            padding-left:0px;
+            z-index:1;
+    }
+    .right-fixed .content i 
+    {
+            padding-bottom:0px;
+            color:#909399;
+            padding-right:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-left:0px;
+    }
+    .right-fixed .content span 
+    {
+            background-color:#909399;
+            color:#FFFFFF;
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:5px;
+            margin-left:0px;
+            padding-bottom:5px;
+            width:50px;
+            font-size:14px;
+            padding-top:5px;
+            padding-left:5px;
+            height:40%;
+    }
+    .footer 
+    {
+            border-top-style:solid;
+            background-color:#FFFFFF;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            border-top-width:10px;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            border-top-color:#2F5E95;
+    }
+    .footer .links 
+    {
+            margin-right:0px;
+            background-color:#F3F3F3;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:100px;
+    }
+    .footer .links >.body 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:0px;
+            width:1170px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .footer .links >.body span 
+    {
+            align-items:center;
+            flex-direction:column;
+            word-wrap:break-word;
+            display:inline-block;
+            width:90px;
+            font-size:14PX;
+            padding-top:6px;
+            padding-left:10px;
+            justify-content:center;
+            height:30px;
+    }
+    .footer .links >.body .link 
+    {
+            margin-right:0px;
+            background-color:#FFFFFF;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:204px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select 
+    {
+            border-color:#DCDFE6;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:4px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:2px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:2px;
+            border-width:1px;
+            width:100%;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            padding-top:0px;
+            border-style:solid;
+            padding-left:4px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select span 
+    {
+            color:#DCDFE6;
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14PX;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .footer .links >.body .link >.ms-select i 
+    {
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            color:#DCDFE6;
+            border-bottom-left-radius:0px;
+            border-top-left-radius:0px;
+    }
+    .footer .copyright 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:40px;
+            padding-left:0px;
+            margin-top:20px;
+            height:120px;
+    }
+    .footer .copyright .body 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            margin-top:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .footer .copyright .body >img 
+    {
+            margin-right:20px;
+            width:52px;
+            height:64px;
+    }
+    .footer .copyright .body .desc 
+    {
+            margin-right:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            height:100%;
+    }
+    .footer .copyright .body .desc .text 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:flex-start;
+            height:30px;
+    }
+    .footer .copyright .body .desc .text >div 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:100%;
+    }
+    .footer .copyright .body .desc .text >div a 
+    {
+            cursor:pointer;
+            margin-right:0px;
+            font-size:14px;
+            text-decoration:none;
+            color:#000;
+    }
+    .footer .copyright .body .desc .text >div span 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .footer .copyright .body .desc .text >a 
+    {
+            cursor:pointer;
+            margin-right:20px;
+            text-decoration:none;
+            font-size:14PX;
+            color:#000000;
+    }
+    .footer .copyright .body .desc .ms-designer 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:30px;
+    }
+    .footer .copyright .body .desc .ms-designer a 
+    {
+            cursor:pointer;
+            text-decoration:none;
+            font-size:14PX;
+            color:#DCDCDC;
+    }
+    .footer .copyright .body .right 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:600px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            margin-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .img 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .img >img 
+    {
+            width:90px;
+            height:90px;
+    }
+    .footer .copyright .body .right .img >span 
+    {
+            font-size:14PX;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .footer .copyright .body .right .wx 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .wx >div 
+    {
+            flex-wrap:wrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:90px;
+    }
+    .footer .copyright .body .right .wx >div >img 
+    {
+            width:50px;
+            margin-bottom:0px;
+            margin-top:4px;
+            height:50px;
+    }
+    .footer .copyright .body .right .wx >div >span 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            margin-bottom:0px;
+            margin-top:6px;
+    }
+    .footer .left-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:none;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .footer .left-fixed .content 
+    {
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            flex-direction:row;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            position:fixed;
+            height:100px;
+            margin-left:-720px;
+    }
+    .footer .left-fixed .content >img 
+    {
+            width:100%;
+            margin-bottom:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .footer .right-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:none;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .footer .right-fixed .content 
+    {
+            background-color:#A38F8F;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:600px;
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            width:100px;
+            position:fixed;
+            height:100px;
+            z-index:1;
+    }
+    .footer .right-fixed .content >img 
+    {
+            width:100%;
+            display:flex;
+            height:100%;
+            margin-left:0px;
+    }
+@media (max-width: 768px){
+        .header 
+        {
+                background-color:#2D548F;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:60px;
+        }
+        .header .center 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                justify-content:space-between;
+                height:100%;
+        }
+        .header .center .left 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .left >a 
+        {
+                cursor:pointer;
+                color:#FFFFFF;
+                text-align:center;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601263314183.png);
+                width:100px;
+                text-decoration:none;
+                background-position:bottom center;
+                padding-top:20px;
+                background-repeat:no-repeat;
+                height:100%;
+        }
+        .header .center .h5-menu 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:80px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .h5-menu .icon 
+        {
+                font-size:28PX;
+                padding-top:0px;
+                color:#FFFFFF;
+                display:flex;
+        }
+        .class-1 
+        {
+                cursor:pointer;
+                color:#FFFFFF;
+                text-align:left;
+                width:100%;
+                text-decoration:none;
+                padding-top:9px;
+                padding-left:28px;
+                height:40px;
+        }
+        .header .center .right 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:60%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .right >a 
+        {
+                cursor:pointer;
+                font-size:12PX;
+                text-decoration:none;
+                color:#CDD6E1;
+        }
+        .header .center .right >span 
+        {
+                margin-right:2px;
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                margin-left:2px;
+        }
+        .search 
+        {
+                align-items:center;
+                flex-direction:row;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
+                display:flex;
+                width:100%;
+                background-size:auto;
+                box-sizing:border-box;
+                background-position:top center;
+                background-repeat:repeat;
+                justify-content:center;
+                height:152px;
+        }
+        .search .center 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                justify-content:center;
+                height:100%;
+        }
+        .search .center .logo 
+        {
+                width:auto;
+                padding-top:0px;
+                height:30%;
+        }
+        .search .center .right 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .search .center .right .top 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-end;
+                height:30px;
+        }
+        .search .center .right .top >a 
+        {
+                cursor:pointer;
+                font-size:13px;
+                text-decoration:none;
+                color:#666666;
+        }
+        .search .center .right .search 
+        {
+                align-items:flex-end;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                height:40%;
+        }
+        .search .center .right .search .ms-search-input 
+        {
+                border-color:#CCCCCC;
+                align-items:flex-end;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-width:1px;
+                width:100%;
+                border-style:solid;
+                padding-left:0px;
+                height:32px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                border-right-style:solid;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                border-right-width:1px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-right-color:#CCCCCC;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div .ms-input 
+        {
+                border:0px;
+                background-color:#FFFFFF;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:4px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-top-left-radius:2px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:2px;
+                width:100%;
+                border-bottom-right-radius:2px;
+                border-top-right-radius:2px;
+                padding-top:0px;
+                padding-left:4px;
+                height:30px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span 
+        {
+                color:#DCDFE6;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-top-left-radius:0px;
+                padding-bottom:0px;
+                border-bottom-left-radius:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button 
+        {
+                cursor:pointer;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:60px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                background-repeat:no-repeat;
+                padding-left:0px;
+                height:100%;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button i 
+        {
+                border-bottom-left-radius:0px;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button span 
+        {
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14px;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .ms-channel-path 
+        {
+                margin-right:auto;
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                margin-bottom:10px;
+                box-sizing:border-box;
+                margin-top:10px;
+                height:30px;
+                margin-left:auto;
+        }
+        .ms-channel-path .ms-channel-path-label 
+        {
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .ms-channel-path .ms-channel-path-index 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .ms-channel-path .ms-channel-path-link 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .detail 
+        {
+                background-color:#FFFFFF;
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:auto;
+                min-height:800px;
+                margin-right:auto;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:10px;
+                padding-top:0px;
+                position:relative;
+                padding-left:0px;
+                margin-top:10px;
+                height:300px;
+        }
+        .detail .top 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                border-bottom-color:#EBEEF5;
+                padding-bottom:32px;
+                flex-wrap:nowrap;
+                width:90%;
+                margin-bottom:0px;
+                border-bottom-style:solid;
+                padding-top:32px;
+                border-bottom-width:1px;
+                margin-top:0px;
+        }
+        .detail .top .title 
+        {
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:28PX;
+                padding-top:0px;
+        }
+        .detail .top .date 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                margin-right:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .detail .top .date span 
+        {
+                font-size:16PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .detail .body 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:90%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:32px;
+                justify-content:center;
+                margin-top:0px;
+        }
+        .detail .body .body-text 
+        {
+                margin-right:auto;
+                padding-bottom:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                line-height:32px;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                margin-left:0px;
+        }
+        .detail .body-bottom 
+        {
+                flex-direction:row;
+                bottom:0px;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                position:absolute;
+                padding-left:0px;
+                margin-top:0px;
+                height:60px;
+        }
+        .detail .body-bottom .ms-share 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-left:20px;
+                margin-top:0px;
+                height:100%;
+        }
+        .detail .body-bottom .ms-share span 
+        {
+                font-size:14px;
+                padding-left:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .detail .body-bottom .body-bottom-right 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:none;
+                padding-right:20px;
+                width:30%;
+                box-sizing:border-box;
+                padding-left:20px;
+                justify-content:space-between;
+                height:100%;
+        }
+        .detail .body-bottom .body-bottom-right .print 
+        {
+                cursor:pointer;
+                color:#000;
+                padding-right:0px;
+                font-size:14px;
+                text-decoration:none;
+                padding-left:0px;
+        }
+        .detail .body-bottom .body-bottom-right .close 
+        {
+                cursor:pointer;
+                color:#000;
+                padding-right:0px;
+                font-size:14px;
+                text-decoration:none;
+                padding-left:0px;
+        }
+        .ms-next-pre 
+        {
+                flex-direction:row;
+                display:flex;
+                padding-right:10px;
+                box-sizing:border-box;
+                margin-left:auto;
+                margin-right:auto;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-left:10px;
+                margin-top:0px;
+                height:60px;
+        }
+        .ms-next-pre .pre 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:50%;
+                box-sizing:border-box;
+                margin-bottom:0px;
+                justify-content:flex-start;
+                margin-top:0px;
+                height:100%;
+        }
+        .ms-next-pre .pre span 
+        {
+                font-size:14px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .ms-next-pre .pre a 
+        {
+                cursor:pointer;
+                font-size:14px;
+                text-decoration:none;
+                color:#000;
+        }
+        .ms-next-pre .next 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:50%;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:flex-start;
+                height:100%;
+        }
+        .ms-next-pre .next span 
+        {
+                font-size:14px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .ms-next-pre .next a 
+        {
+                cursor:pointer;
+                font-size:14px;
+                text-decoration:none;
+                color:#000;
+        }
+        .right-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .right-fixed .content 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                margin-left:600px;
+                padding-bottom:0px;
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                width:40px;
+                position:fixed;
+                padding-top:0px;
+                padding-left:0px;
+                z-index:1;
+        }
+        .right-fixed .content i 
+        {
+                padding-bottom:0px;
+                color:#909399;
+                padding-right:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-left:0px;
+        }
+        .right-fixed .content span 
+        {
+                background-color:#909399;
+                color:#FFFFFF;
+                text-align:center;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:5px;
+                margin-left:0px;
+                padding-bottom:5px;
+                width:50px;
+                font-size:14px;
+                padding-top:5px;
+                padding-left:5px;
+                height:40%;
+        }
+        .footer 
+        {
+                border-top-style:solid;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                border-top-width:10px;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                border-top-color:#2F5E95;
+        }
+        .footer .links 
+        {
+                background-color:#F3F3F3;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .links >.body 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                margin-right:0px;
+                align-content:baseline;
+                padding-bottom:10px;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:10px;
+                padding-left:0px;
+                height:unset;
+        }
+        .footer .links >.body span 
+        {
+                padding-bottom:0px;
+                align-items:center;
+                flex-direction:column;
+                word-wrap:break-word;
+                display:inline-block;
+                width:90px;
+                padding-top:2px;
+                padding-left:10px;
+                justify-content:center;
+                height:30px;
+        }
+        .footer .links >.body .link 
+        {
+                margin-right:0px;
+                background-color:#FFFFFF;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:204px;
+                box-sizing:border-box;
+                margin-bottom:10px;
+                padding-top:0px;
+                padding-left:0px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select 
+        {
+                border-color:#DCDFE6;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:4px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-top-left-radius:2px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:2px;
+                border-width:1px;
+                width:100%;
+                border-bottom-right-radius:2px;
+                border-top-right-radius:2px;
+                padding-top:0px;
+                border-style:solid;
+                padding-left:4px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select span 
+        {
+                color:#DCDFE6;
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14PX;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .footer .links >.body .link >.ms-select i 
+        {
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                color:#DCDFE6;
+                border-bottom-left-radius:0px;
+                border-top-left-radius:0px;
+        }
+        .footer .copyright 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:10px;
+                width:100%;
+                margin-bottom:40px;
+                box-sizing:border-box;
+                padding-left:10px;
+                justify-content:center;
+                margin-top:20px;
+                height:unset;
+        }
+        .footer .copyright .body 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .copyright .body >img 
+        {
+                margin-right:20px;
+                width:52px;
+                height:64px;
+        }
+        .footer .copyright .body .desc 
+        {
+                margin-right:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                height:100%;
+        }
+        .footer .copyright .body .desc .text 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:center;
+                height:unset;
+        }
+        .footer .copyright .body .desc .text >div 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .copyright .body .desc .text >div a 
+        {
+                cursor:pointer;
+                font-size:14PX;
+                text-decoration:none;
+                color:#000;
+        }
+        .footer .copyright .body .desc .text >div span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .footer .copyright .body .desc .text >a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                font-size:14PX;
+                text-align:center;
+        }
+        .footer .copyright .body .desc .ms-designer 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:none;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-start;
+        }
+        .footer .copyright .body .desc .ms-designer a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                font-size:14PX;
+                color:#DCDCDC;
+        }
+        .footer .copyright .body .right 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:center;
+                margin-top:20px;
+                height:100%;
+        }
+        .footer .copyright .body .right .img 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .footer .copyright .body .right .img >img 
+        {
+                width:90px;
+                height:90px;
+        }
+        .footer .copyright .body .right .img >span 
+        {
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .footer .copyright .body .right .wx 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                padding-top:0px;
+                height:100%;
+        }
+        .footer .copyright .body .right .wx >div 
+        {
+                flex-wrap:wrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:90px;
+        }
+        .footer .copyright .body .right .wx >div >img 
+        {
+                width:50px;
+                margin-bottom:0px;
+                margin-top:4px;
+                height:50px;
+        }
+        .footer .copyright .body .right .wx >div >span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                margin-bottom:0px;
+                margin-top:6px;
+        }
+        .footer .left-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:1200px;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .footer .left-fixed .content 
+        {
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                flex-direction:row;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                position:fixed;
+                height:100px;
+                margin-left:-720px;
+        }
+        .footer .left-fixed .content >img 
+        {
+                width:100%;
+                margin-bottom:0px;
+                height:100%;
+                margin-left:0px;
+        }
+        .footer .right-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:1200px;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .footer .right-fixed .content 
+        {
+                background-color:#A38F8F;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:600px;
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                width:100px;
+                position:fixed;
+                height:100px;
+                z-index:1;
+        }
+        .footer .right-fixed .content >img 
+        {
+                width:100%;
+                height:100%;
+                margin-left:0px;
+        }
+
+}</style>

+ 163 - 0
src/main/webapp/template/1/江西省人民政府-web/footer.htm

@@ -0,0 +1,163 @@
+
+
+
+        <!--底部导航 - start -->
+                <div               class="footer">
+        <!--友情链接 - start -->
+                <div               class="links">
+                <div               class="body">
+            <span      >
+    网站导航
+            </span>
+                <div               class="link">
+        <!--下拉框 - start -->
+            <!--下拉框 -end -->
+                </div>
+                <div               class="link">
+        <!--下拉框 - start -->
+            <!--下拉框 -end -->
+                </div>
+                <div               class="link">
+        <!--下拉框 - start -->
+            <!--下拉框 -end -->
+                </div>
+                <div               class="link">
+        <!--下拉框 - start -->
+            <!--下拉框 -end -->
+                </div>
+                <div               class="link">
+        <!--下拉框 - start -->
+            <!--下拉框 -end -->
+                </div>
+                </div>
+                </div>
+            <!--友情链接 -end -->
+        <!--版权信息 - start -->
+                <div               class="copyright">
+                <div               class="body">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="{ms:global.host/}/{ms:global.style/}/images/1602123532415.png"
+                     />
+                <div               class="desc">
+                <div               class="text">
+                <div      >
+            <a href="#"     
+                    >
+    关于我们
+            </a>
+            <span      >
+    |
+            </span>
+            <a href="#"     
+                    >
+    网站地图
+            </a>
+                </div>
+                </div>
+                <div               class="text">
+            <a href="#"     
+                    >
+    主办:江西省人民政府办公厅
+            </a>
+            <a href="#"     
+                    >
+    承办:江西省信息中心
+            </a>
+                </div>
+                <div               class="text">
+            <a href="#"     
+                    >
+    赣ICP备05004294号
+            </a>
+            <a href="#"     
+                    >
+    政府网站标识码3600000012
+            </a>
+            <a href="#"     
+                    >
+    赣公网安备 36010802000128号
+            </a>
+                </div>
+                <div               class="ms-designer">
+            <a href="www.mingsoft.net"     
+                   target="_blank"
+                    >
+    @该网页由MDesigner制作完成
+            </a>
+                </div>
+                </div>
+                <div               class="right">
+                <div               class="img">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1234.png"
+                     />
+            <span      >
+    国务院客户端
+            </span>
+                </div>
+                <div               class="img">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_724.png"
+                     />
+            <span      >
+    国务院小程序
+            </span>
+                </div>
+                <div               class="wx">
+                <div      >
+            <img
+                    title=""
+                    alt=""
+                    
+                src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1434.png"
+                     />
+            <img
+                    title=""
+                    alt=""
+                    
+                src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1534.png"
+                     />
+            <span      >
+    中国政府网微博、微信
+            </span>
+                </div>
+                </div>
+                </div>
+                </div>
+                </div>
+            <!--版权信息 -end -->
+        <!--左漂浮 - start -->
+                <div               class="left-fixed">
+                <div               class="content">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="https://iph.href.lu/100x100"
+                     />
+                </div>
+                </div>
+            <!--左漂浮 -end -->
+        <!--右漂浮 - start -->
+                <div               class="right-fixed">
+                <div               class="content">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="https://iph.href.lu/100x100"
+                     />
+                </div>
+                </div>
+            <!--右漂浮 -end -->
+                </div>
+            <!--底部导航 -end -->

+ 66 - 0
src/main/webapp/template/1/江西省人民政府-web/header.htm

@@ -0,0 +1,66 @@
+
+
+
+        <!--导航 - start -->
+                <div               class="header">
+        <!--中间区域 - start -->
+                <div               class="center">
+        <!--左侧 - start -->
+                <div               class="left">
+            <a href="${global.url}"     
+                    >
+    ${field.typetitle}
+            </a>
+{ms:channel active='nav-sel' type='nav' flag='n'}
+            <a href="${global.url}${field.typelink}"     
+                             class="${field.active}">
+    ${field.typetitle}
+            </a>
+        {/ms:channel}
+                </div>
+            <!--左侧 -end -->
+        <!--手机端 - start -->
+                <div          @click='switchShow(["1601304203000_30278"]);'              class="h5-menu">
+            <i          class="iconfont icon-caidan icon"     ></i>
+        <!--手机端菜单 - start -->
+                <div        id="key_1601304203000_30278"
+      style="background-color:#2D548F;top:60px;left:0px;flex-direction:column;display:none;width:100vw;box-sizing:border-box;padding-top:0px;position:absolute;padding-left:0px;">
+{ms:channel type='nav' flag='n'}
+            <a href="${global.url}${field.typelink}"     
+                             class="class-1">
+    ${field.typetitle}
+            </a>
+        {/ms:channel}
+                </div>
+            <!--手机端菜单 -end -->
+                </div>
+            <!--手机端 -end -->
+        <!--副链接 - start -->
+                <div               class="right">
+            <a href="http://www.gov.cn/"     
+                   target="_blank"
+                    >
+    中国政府网
+            </a>
+            <span      >
+    |
+            </span>
+            <a href="http://www.jxrd.gov.cn/"     
+                   target="_blank"
+                    >
+    省人大
+            </a>
+            <span      >
+    |
+            </span>
+            <a href="http://jxzx.jxnews.com.cn/"     
+                   target="_blank"
+                    >
+    省政协
+            </a>
+                </div>
+            <!--副链接 -end -->
+                </div>
+            <!--中间区域 -end -->
+                </div>
+            <!--导航 -end -->

BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601262165196.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601263168784.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601263219863.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601263314183.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601264474008.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601264558124.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601264865246.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601264880892.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601265232947.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601265263422.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1601282117218.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602060761571.jpg


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602060968122.jpg


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602064370755.jpg


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602065099002.jpg


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602123532415.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602639842403.jpg


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602639957490.jpg


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602639968529.jpg


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602656777359.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602993572728.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602994812850.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602994843689.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602994853675.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602994867816.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602994889839.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1602995154347.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1603073616105.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1603073720477.png


BIN
src/main/webapp/template/1/江西省人民政府-web/images/1603073920995.png


+ 4263 - 0
src/main/webapp/template/1/江西省人民政府-web/index.htm

@@ -0,0 +1,4263 @@
+
+
+
+<html>
+<head>
+    <meta charset="utf-8" />
+        <title>{ms:global.name/}</title>
+    <meta http-equiv="content-type" content="text/html" />
+    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
+    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
+    <meta name="format-detection" content="telephone=no"/>
+    <meta name="app-mobile-web-app-capable" content="yes"/>
+    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
+    <meta name="keywords" content="{ms:global.keyword/}" />
+    <meta name="description" content="{ms:global.descrip/}" />
+    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
+    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
+    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
+
+            <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
+
+    <!--网络请求框架-->
+    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
+    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script>
+<script>
+SwiperClass = Swiper
+</script>
+<script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css">
+<script>
+Vue.use(VueAwesomeSwiper)
+</script>
+<style>
+:root {
+    --swiper-theme-color:$ {
+        component.config.color.value
+    }
+
+    ;
+}
+
+</style>    <script>
+        ms.base = "";
+    </script>
+    <style>
+        [v-cloak]{
+            display: none;
+        }
+    </style>
+</head>
+<body>
+    <div id="app" v-cloak>
+                <#include "header.htm"/>
+                <#include "search.htm"/>
+        <!--头条 - start -->
+{ms:arclist size=1 typeid=159}
+                <div               class="top1">
+        <!--头条标题 - start -->
+                <div               class="top1-title">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="{ms:global.host/}/{ms:global.style/}/images/1601282117218.png"
+                     />
+            <a href="${global.url}${field.link}"     
+                   target="_blank"
+                    >
+    
+            <span      >
+    ${field.fulltitle}
+            </span>
+            </a>
+                </div>
+            <!--头条标题 -end -->
+                <div               class="top1-desc">
+            <span      >
+    ${field.descrip}
+            </span>
+                </div>
+                </div>
+        {/ms:arclist}
+            <!--头条 -end -->
+        <!--幻灯 - start -->
+                <div               class="banner">
+        <!--幻灯区域 - start -->
+                <div               class="body">
+        <!--幻灯插件 - start -->
+                <div               class="huandeng">
+<swiper class="ms-vue-awesome-swiper" :options="{
+pagination:{el: '.swiper-pagination',clickable :true},
+slidesPerView : 1,
+spaceBetween: 0,
+autoplay: {
+            delay: 1500,
+          },
+ navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'}
+      }">
+                <div class="swiper-button-prev " slot="button-prev">
+                </div>
+                <div class="swiper-button-next " slot="button-next">
+                </div>
+                <!--静态图片-->  
+                <!--动态图片-->
+                    {ms:arclist  typeid=158 size=3 flag=f}
+                    <swiper-slide>
+                       <a href="[field.link/]" target="_blank">
+                           <img src="{@ms:file field.litpic/}" width="100%" height="100%"/>
+                       </a>
+                    </swiper-slide>
+                    {/ms:arclist}
+                <div class="swiper-pagination" slot="pagination"></div>
+            </swiper>
+                </div>
+            <!--幻灯插件 -end -->
+        <!--右侧新闻 - start -->
+                <div               class="right">
+        <!--标题 - start -->
+                <div               class="news-type">
+            <a         @mouseover='show(["1602059668000_10871"]);hide(["1603348405000_20219"]);' href="#"     
+                    >
+    江西要闻
+            </a>
+            <span      >
+    |
+            </span>
+            <a         @mouseover='show(["1603348405000_20219"]);hide(["1602059668000_10871"]);' href="#"     
+                    >
+    国务院信息
+            </a>
+                </div>
+            <!--标题 -end -->
+        <!--江西要闻 - start -->
+                <div        id="key_1602059668000_10871"
+               class="top-type-1">
+        <!--最新推荐列表 - start -->
+{ms:arclist typeid=158 size=8 titlelen=18}
+                <div               class="news">
+        <!--标题 - start -->
+            <a href="${global.url}${field.link}"     
+                   target="_blank"
+                             class="title">
+    ${field.title}
+            </a>
+            <!--标题 -end -->
+        <!--时间 - start -->
+            <span          class="date"     >
+    ${field.date?string("MM-dd")}
+            </span>
+            <!--时间 -end -->
+                </div>
+        {/ms:arclist}
+            <!--最新推荐列表 -end -->
+                </div>
+            <!--江西要闻 -end -->
+        <!--江西要闻 - start -->
+                <div        id="key_1603348405000_20219"
+               class="top-type-2">
+        <!--最新推荐列表 - start -->
+{ms:arclist typeid=159 size=8 titlelen=18}
+                <div               class="news">
+        <!--标题 - start -->
+            <a href="${global.url}${field.link}"     
+                   target="_blank"
+                             class="title">
+    ${field.title}
+            </a>
+            <!--标题 -end -->
+        <!--时间 - start -->
+            <span          class="date"     >
+    ${field.date?string("MM-dd")}
+            </span>
+            <!--时间 -end -->
+                </div>
+        {/ms:arclist}
+            <!--最新推荐列表 -end -->
+                </div>
+            <!--江西要闻 -end -->
+                </div>
+            <!--右侧新闻 -end -->
+                </div>
+            <!--幻灯区域 -end -->
+                </div>
+            <!--幻灯 -end -->
+        <!--主页内容 - start -->
+                <div               class="index">
+        <!--内容 - start -->
+                <div               class="body">
+        <!--左侧 - start -->
+                <div               class="left">
+        <!--政策文件 - start -->
+                <div               class="news-title">
+            <a href="#"     
+                             class="sel">
+    政策文件
+            </a>
+            <a href="#"     
+                    >
+    政策解读
+            </a>
+                <div      >
+            <a href="#"     
+                             class="link-type">
+    政府公报
+            </a>
+            <a href="#"     
+                             class="link-type">
+    政信息公开专拦
+            </a>
+                </div>
+                </div>
+            <!--政策文件 -end -->
+        <!--新闻列表 - start -->
+                <div               class="news-list">
+        <!--新闻 - start -->
+{ms:arclist size=3 typeid=161}
+                <div               class="news">
+                <div               class="news-date">
+            <span          class="date"     >
+    ${field.date?string("dd")}
+            </span>
+            <span          class="year"     >
+    ${field.date?string("yyyy-MM")}
+            </span>
+                </div>
+                <div               class="news-item">
+            <a href="${global.url}${field.link}"     
+                             class="title">
+    ${field.title}
+            </a>
+            <span          class="desc"     >
+    ${field.descrip}
+            </span>
+                </div>
+                <div               class="more">
+            <a href="${global.url}${field.link}"     
+                   target="_blank"
+                    >
+    详情
+            <i          class="iconfont icon-youjiantou"     ></i>
+            </a>
+                </div>
+                </div>
+        {/ms:arclist}
+            <!--新闻 -end -->
+                </div>
+            <!--新闻列表 -end -->
+        <!--年度工作报表 - start -->
+            <!--年度工作报表 -end -->
+        <!--互动交流 - start -->
+                <div               class="news-title">
+            <a href="#"     
+                             class="sel">
+    互动交流
+            </a>
+                <div      >
+            <a href="#"     
+                             class="link-type">
+    政府公报
+            </a>
+            <a href="#"     
+                             class="link-type">
+    政信息公开专拦
+            </a>
+                </div>
+                </div>
+            <!--互动交流 -end -->
+                <div               class="hdjl">
+{ms:arclist size=1 typeid=165}
+                <div               class="zxjt">
+            <span          class="title"     >
+    在线交谈
+            </span>
+            <img
+                    title=""
+                    alt=""
+                    
+                src="{@ms:file field.litpic/}"
+                     />
+                <div      >
+            <span      >
+    主题:
+            </span>
+            <span      >
+    ${field.title}
+            </span>
+                </div>
+                <div      >
+            <span      >
+    嘉宾:
+            </span>
+            <span      >
+    ${field.descrip}
+            </span>
+                </div>
+                <div      >
+            <span      >
+    时间:
+            </span>
+            <span      >
+    ${field.date?string("yyyy-MM-dd hh:mm:ss")}
+            </span>
+                </div>
+                </div>
+        {/ms:arclist}
+                <div               class="dczj">
+                <div      >
+            <span          class="title"     >
+    调查征集
+            </span>
+            <span      >
+    |
+            </span>
+            <span      >
+    常见问题
+            </span>
+                </div>
+{ms:arclist size=12 typeid=160}
+                <div               class="news">
+            <a href="${global.url}${field.link}"     
+                    >
+    ${field.title}
+            </a>
+                </div>
+        {/ms:arclist}
+                <div               class="button">
+                <div               class="btn">
+            <i          class="iconfont icon-wupinglun"     ></i>
+            <span      >
+    智能问答
+            </span>
+                </div>
+                <div               class="split">
+                </div>
+                <div               class="btn">
+            <i          class="iconfont icon-dianhua1"     ></i>
+            <span      >
+    省长手机
+            </span>
+                </div>
+                </div>
+                </div>
+                </div>
+                </div>
+            <!--左侧 -end -->
+        <!--右侧 - start -->
+                <div               class="right">
+        <!--最新发布 - start -->
+                <div               class="news-title">
+            <a href="#"     
+                    >
+    最新发布
+            </a>
+                </div>
+            <!--最新发布 -end -->
+        <!--最新发布列表 - start -->
+                <div               class="news-list">
+        <!--列表 - start -->
+{ms:arclist size=6 typeid=151}
+                <div               class="news">
+        <!--标题 - start -->
+            <a href="${global.url}${field.link}"     
+                             class="title">
+    ${field.title}
+            </a>
+            <!--标题 -end -->
+                </div>
+        {/ms:arclist}
+            <!--列表 -end -->
+                </div>
+            <!--最新发布列表 -end -->
+        <!--新闻发布会 - start -->
+{ms:arclist size=1 typeid=1}
+                <div               class="pic-news">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="${field.litpic}"
+                     />
+                <div               class="left-title">
+            <span      >
+    新闻发布会
+            </span>
+                </div>
+                <div               class="title">
+            <a href="${global.url}${field.link}"     
+                   target="_blank"
+                    >
+    
+            <span      >
+    ${field.title}
+            </span>
+            </a>
+                </div>
+                </div>
+        {/ms:arclist}
+            <!--新闻发布会 -end -->
+        <!--政务服务 - start -->
+                <div               class="news-title">
+            <a href="#"     
+                    >
+    政务服务
+            </a>
+                </div>
+            <!--政务服务 -end -->
+        <!--链接列表 - start -->
+                <div               class="link-list">
+        <!--链接 - start -->
+                <div               class="link">
+            <i          class="iconfont icon-jiuyeju"     ></i>
+            <span      >
+    个人办事
+            </span>
+                </div>
+            <!--链接 -end -->
+        <!--链接 - start -->
+                <div               class="link">
+            <i          class="iconfont icon-gongwenbao"     ></i>
+            <span      >
+    法人办事
+            </span>
+                </div>
+            <!--链接 -end -->
+        <!--链接 - start -->
+                <div               class="link">
+            <i          class="iconfont icon-wangye"     ></i>
+            <span      >
+    行政审批
+            </span>
+                </div>
+            <!--链接 -end -->
+        <!--链接 - start -->
+                <div               class="link">
+            <i          class="iconfont icon-fuhuaqi"     ></i>
+            <span      >
+    公共服务
+            </span>
+                </div>
+            <!--链接 -end -->
+        <!--链接 - start -->
+                <div               class="link">
+            <i          class="iconfont icon-APP1"     ></i>
+            <span      >
+    手机办事
+            </span>
+                </div>
+            <!--链接 -end -->
+        <!--链接 - start -->
+                <div               class="link">
+            <i          class="iconfont icon-weixin3"     ></i>
+            <span      >
+    阳光政务
+            </span>
+                </div>
+            <!--链接 -end -->
+                </div>
+            <!--链接列表 -end -->
+                </div>
+            <!--右侧 -end -->
+                </div>
+            <!--内容 -end -->
+                </div>
+            <!--主页内容 -end -->
+        <!--右漂浮 - start -->
+                <div               class="right-fixed">
+                <div               class="content">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="https://iph.href.lu/100x100"
+                     />
+                </div>
+                </div>
+            <!--右漂浮 -end -->
+        <!--左漂浮 - start -->
+                <div               class="left-fixed">
+                <div               class="content">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="http://www.jiangxi.gov.cn/picture/0/133021058cc34b5b81c0af715202731f.jpg"
+                     />
+            <img
+                    title=""
+                    alt=""
+                    
+                src="http://www.jiangxi.gov.cn/picture/0/3861dc1c6413461698e4aa6a636d1595.png"
+                     />
+                </div>
+                </div>
+            <!--左漂浮 -end -->
+        <!--底部导航 - start -->
+                <#include "footer.htm"/>
+            <!--底部导航 -end -->
+    </div>
+</body>
+</html>
+<script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+    },
+    methods: {
+
+       hide:function(arr){
+       var that = this
+           arr.forEach(function(x){
+              let e = that.$el.querySelector("#key_"+x)
+               if(e){
+                   e.style.display='none'
+               }
+           })
+       },
+       show:function(arr){
+       var that = this
+           arr.forEach(function(x){
+              let e = that.$el.querySelector("#key_"+x)
+               if(e){
+                   e.style.display='flex'
+               }
+           })
+       },
+       switchShow:function(arr){
+       var that = this
+           arr.forEach(function(x){
+              let e = that.$el.querySelector("#key_"+x)
+               if(e){
+                   e.style.display=e.style.display=='none'?'flex':'none'
+               }
+           })
+       },
+    },
+    created(){
+    }
+    })
+</script>
+<style>
+    body {
+        background-color:#fff;
+        box-sizing:border-box;
+        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
+        moz-box-sizing:border-box;
+        webkit-box-sizing:border-box;
+    }
+    .header 
+    {
+            background-color:#2D548F;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:center;
+            height:60px;
+    }
+    .header .center 
+    {
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            height:100%;
+    }
+    .header .center .left 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .header .center .left >a 
+    {
+            cursor:pointer;
+            color:#FFFFFF;
+            text-align:center;
+            width:100px;
+            text-decoration:none;
+            padding-top:20px;
+            background-repeat:no-repeat;
+            height:100%;
+    }
+    .header .center .left .啊啊啊
+    {
+                    background-size:auto;
+                    background-position:bottom center;
+                    background-repeat:no-repeat;
+                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+    }
+    .header .center .left >a:hover
+    {
+                    background-size:auto;
+                    background-position:bottom center;
+                    background-repeat:no-repeat;
+                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+    }
+    .header .center .h5-menu 
+    {
+            flex-direction:row;
+            display:none;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            height:100%;
+    }
+    .header .center .h5-menu .icon 
+    {
+            font-size:28PX;
+            color:#FFFFFF;
+            display:flex;
+    }
+    .class-1 
+    {
+            cursor:pointer;
+            color:#FFFFFF;
+            text-align:left;
+            width:100%;
+            text-decoration:none;
+            padding-top:9px;
+            padding-left:10px;
+            height:40px;
+    }
+    .header .center .right 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:180px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .header .center .right >a 
+    {
+            cursor:pointer;
+            font-size:12PX;
+            text-decoration:none;
+            padding-top:0px;
+            color:#CDD6E1;
+    }
+    .header .center .right >a:hover
+    {
+                    color:#FFFFFF;
+    }
+    .header .center .right >span 
+    {
+            margin-right:2px;
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            margin-left:2px;
+    }
+    .search 
+    {
+            align-items:center;
+            flex-direction:row;
+            background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            background-size:auto;
+            border-top-right-radius:0px;
+            background-position:top center;
+            background-repeat:repeat;
+            padding-left:0px;
+            height:152px;
+    }
+    .search .center 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1170px;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .search .center .logo 
+    {
+            border-bottom-left-radius:0px;
+            width:377px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            height:74px;
+            border-top-left-radius:0px;
+    }
+    .search .center .right 
+    {
+            align-items:flex-end;
+            flex-direction:column;
+            display:flex;
+            padding-right:120px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .top 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:370px;
+            box-sizing:border-box;
+            justify-content:flex-end;
+            height:30px;
+    }
+    .search .center .right .top >a 
+    {
+            cursor:pointer;
+            font-size:13px;
+            text-decoration:none;
+            color:#666666;
+    }
+    .search .center .right .search 
+    {
+            align-items:flex-end;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:270px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:21%;
+    }
+    .search .center .right .search .ms-search-input 
+    {
+            border-color:#CCCCCC;
+            align-items:flex-end;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-width:1px;
+            width:100%;
+            border-style:solid;
+            padding-left:0px;
+            height:32px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-right-style:solid;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            border-right-width:1px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-right-color:#CCCCCC;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div .ms-input 
+    {
+            border:0px;
+            background-color:#FFFFFF;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:4px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:2px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:2px;
+            width:100%;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            padding-top:0px;
+            padding-left:4px;
+            height:30px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span 
+    {
+            color:#DCDFE6;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-top-left-radius:0px;
+            padding-bottom:0px;
+            border-bottom-left-radius:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button 
+    {
+            cursor:pointer;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:80px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            background-repeat:no-repeat;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button:hover
+    {
+                    background-color:#E6E6E6;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button i 
+    {
+            border-bottom-left-radius:0px;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button span 
+    {
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14px;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .top1 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-right:0px;
+            padding-bottom:0px;
+            width:100%;
+            padding-top:0px;
+            padding-left:0px;
+            height:116px;
+    }
+    .top1 .top1-title 
+    {
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            justify-content:center;
+            height:42%;
+    }
+    .top1 .top1-title >img 
+    {
+            margin-right:15px;
+            width:41px;
+            height:41px;
+    }
+    .top1 .top1-title a 
+    {
+            cursor:pointer;
+            text-decoration:none;
+            color:#000;
+    }
+    .top1 .top1-title a >span 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            color:#365D98;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:30px;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .top1 .top1-desc 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:center;
+    }
+    .top1 .top1-desc >span 
+    {
+            color:#355E92;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            margin-bottom:0px;
+            padding-left:0px;
+    }
+    .banner 
+    {
+            padding-bottom:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            justify-content:center;
+    }
+    .banner .body 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1170px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .banner .body .huandeng 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:805px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:400px;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper 
+    {
+            background-color:#E8F4FD;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:space-between;
+            flex-wrap:nowrap;
+            width:100%;
+            position:relative;
+            padding-left:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-left 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:40px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:-40px;
+            height:40px;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-left >i 
+    {
+            font-size:28PX;
+            color:#409EFF;
+            margin-top:0px;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-right 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:40px;
+            box-sizing:border-box;
+            padding-left:0px;
+            justify-content:center;
+            height:40px;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-right >i 
+    {
+            font-size:28PX;
+            color:#409EFF;
+            padding-left:0px;
+            margin-top:-40px;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom 
+    {
+            background-color:#3F9EFF;
+            align-items:center;
+            flex-direction:row;
+            bottom:0px;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            flex-wrap:nowrap;
+            width:100%;
+            position:absolute;
+            padding-left:10px;
+            margin-top:0px;
+            height:40px;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title 
+    {
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:14px;
+            padding-left:0px;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-demo 
+    {
+            align-items:center;
+            flex-direction:row;
+            bottom:0px;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            flex-wrap:nowrap;
+            width:100%;
+            position:absolute;
+            padding-left:10px;
+            margin-top:0px;
+            height:100%;
+    }
+    .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-demo >span 
+    {
+            color:#8DC5FE;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:42PX;
+            padding-left:0px;
+            margin-top:-40px;
+    }
+    .banner .body .right 
+    {
+            background-color:#365D98;
+            flex-direction:column;
+            display:flex;
+            padding-right:10px;
+            box-sizing:border-box;
+            margin-left:0px;
+            margin-right:0px;
+            padding-bottom:10px;
+            width:365px;
+            margin-bottom:0px;
+            padding-top:10px;
+            padding-left:10px;
+            height:400px;
+    }
+    .banner .body .right .news-type 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            width:100%;
+            padding-top:0px;
+            padding-left:0px;
+            height:55px;
+    }
+    .banner .body .right .news-type a 
+    {
+            cursor:pointer;
+            margin-right:0px;
+            color:#CDD6E1;
+            font-size:23px;
+            text-decoration:none;
+            margin-left:0px;
+    }
+    .banner .body .right .news-type a:hover
+    {
+                    color:#FFFFFF;
+    }
+    .banner .body .right .news-type span 
+    {
+            margin-right:18px;
+            color:#CDD6E1;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:24PX;
+            padding-left:0px;
+            margin-left:18px;
+    }
+    .banner .body .right .top-type-1 
+    {
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .banner .body .right .top-type-1 .news 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-bottom-color:#878C95;
+            padding-bottom:0px;
+            width:100%;
+            border-bottom-style:dashed;
+            padding-top:0px;
+            border-bottom-width:1px;
+            padding-left:0px;
+            height:42px;
+    }
+    .banner .body .right .top-type-1 .news .title 
+    {
+            cursor:pointer;
+            font-family:黑体;
+            overflow:hidden;
+            white-space:nowrap;
+            color:#CDD6E1;
+            padding-right:0px;
+            width:280px;
+            font-size:16PX;
+            text-decoration:none;
+            text-overflow:ellipsis;
+            padding-left:0px;
+    }
+    .banner .body .right .top-type-1 .news .date 
+    {
+            font-family:隶书;
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+    }
+    .banner .body .right .top-type-2 
+    {
+            padding-bottom:0px;
+            flex-direction:column;
+            display:none;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .banner .body .right .top-type-2 .news 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-bottom-color:#878C95;
+            padding-bottom:0px;
+            width:100%;
+            border-bottom-style:dashed;
+            padding-top:0px;
+            border-bottom-width:1px;
+            padding-left:0px;
+            height:42px;
+    }
+    .banner .body .right .top-type-2 .news .title 
+    {
+            cursor:pointer;
+            font-family:黑体;
+            overflow:hidden;
+            white-space:nowrap;
+            color:#CDD6E1;
+            padding-right:0px;
+            width:280px;
+            font-size:16PX;
+            text-decoration:none;
+            text-overflow:ellipsis;
+            padding-left:0px;
+    }
+    .banner .body .right .top-type-2 .news .date 
+    {
+            font-family:隶书;
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+    }
+    .index 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:14px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:auto;
+    }
+    .index .body 
+    {
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            border-bottom-left-radius:0px;
+            width:1170px;
+            border-bottom-right-radius:0px;
+            margin-bottom:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:auto;
+    }
+    .index .body .left 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:30px;
+            width:805px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            padding-top:10px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .index .body .left .news-title 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            margin-left:0px;
+            margin-right:0px;
+            border-bottom-color:#D5D5D5;
+            padding-bottom:0px;
+            width:100%;
+            border-bottom-style:solid;
+            margin-bottom:0px;
+            padding-top:0px;
+            border-bottom-width:1px;
+            padding-left:0px;
+            margin-top:0px;
+            height:40px;
+    }
+    .index .body .left .news-title .sel 
+    {
+            cursor:pointer;
+            margin-right:10px;
+            color:#C10D0C;
+            padding-right:0px;
+            font-size:23px;
+            text-decoration:none;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-left:0px;
+    }
+    .index .body .left .news-title a 
+    {
+            cursor:pointer;
+            margin-right:10px;
+            color:#A1A1A1;
+            padding-right:0px;
+            font-size:23px;
+            text-decoration:none;
+            padding-top:0px;
+            padding-left:0px;
+            margin-left:0px;
+    }
+    .index .body .left .news-title div 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:72%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:flex-end;
+            height:100%;
+    }
+    .index .body .left .news-title div .link-type 
+    {
+            cursor:pointer;
+            margin-right:10px;
+            text-decoration:none;
+            font-size:14PX;
+            color:#A1A1A1;
+    }
+    .index .body .left .news-list 
+    {
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            margin-bottom:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:14px;
+    }
+    .index .body .left .news-list .news 
+    {
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            margin-bottom:20px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:100px;
+    }
+    .index .body .left .news-list .news .news-date 
+    {
+            border-color:#A2A2A2;
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:50px;
+            margin-right:0px;
+            border-bottom-left-radius:50px;
+            border-width:1px;
+            width:100px;
+            border-bottom-right-radius:50px;
+            margin-bottom:0px;
+            border-top-right-radius:50px;
+            border-style:solid;
+            margin-top:0px;
+            height:100px;
+    }
+    .index .body .left .news-list .news .news-date .date 
+    {
+            color:#666666;
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:18PX;
+            margin-top:0px;
+            border-top-left-radius:0px;
+    }
+    .index .body .left .news-list .news .news-date .year 
+    {
+            color:#666666;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:14PX;
+            margin-top:0px;
+    }
+    .index .body .left .news-list .news .news-item 
+    {
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:580px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:10px;
+            margin-top:0px;
+            height:100%;
+    }
+    .index .body .left .news-list .news .news-item .title 
+    {
+            cursor:pointer;
+            color:#004A7C;
+            font-size:18PX;
+            text-decoration:none;
+            margin-bottom:8px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .index .body .left .news-list .news .news-item .desc 
+    {
+            color:#666666;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:14PX;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .index .body .left .news-list .news .more 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            margin-bottom:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .index .body .left .news-list .news .more >a 
+    {
+            cursor:pointer;
+            background-color:#B1DEFC;
+            color:#004A7C;
+            text-align:center;
+            display:inline-block;
+            box-sizing:border-box;
+            text-decoration:none;
+            border-top-left-radius:4px;
+            border-bottom-left-radius:4px;
+            width:80%;
+            border-bottom-right-radius:4px;
+            line-height:45px;
+            font-size:16px;
+            border-top-right-radius:4px;
+            margin-bottom:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:40px;
+    }
+    .index .body .left .news-list .news .more >a i 
+    {
+            color:#004A7C;
+    }
+    .index .body .left .report 
+    {
+            margin-right:0px;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            margin-bottom:10px;
+            box-sizing:border-box;
+            padding-top:0px;
+            margin-top:0px;
+            height:72px;
+    }
+    .index .body .left .report .left-arrow 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:40px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            justify-content:center;
+            margin-top:0px;
+            height:100%;
+    }
+    .index .body .left .report .left-arrow >i 
+    {
+            margin-bottom:0px;
+    }
+    .index .body .left .report .body 
+    {
+            flex-direction:row;
+            flex:1;
+            display:flex;
+            padding-right:0px;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:space-between;
+            height:100%;
+    }
+    .index .body .left .report .body div 
+    {
+            box-sizing:border-box;
+            flex-direction:row;
+            display:flex;
+    }
+    .index .body .left .report .body div img 
+    {
+            width:228px;
+            margin-bottom:0px;
+            padding-left:0px;
+            height:72px;
+    }
+    .index .body .left .report .right-arrow 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:40px;
+            box-sizing:border-box;
+            justify-content:center;
+            height:100%;
+    }
+    .index .body .left .report .right-arrow >i 
+    {
+    }
+    .index .body .left .hdjl 
+    {
+            margin-right:0px;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            margin-top:10px;
+            height:300px;
+    }
+    .index .body .left .hdjl .zxjt 
+    {
+            flex-direction:column;
+            display:flex;
+            width:300px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .index .body .left .hdjl .zxjt .title 
+    {
+            align-items:center;
+            color:#103D70;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            margin-bottom:0px;
+            padding-top:5px;
+            margin-top:0px;
+            justify-content:center;
+            height:32px;
+    }
+    .index .body .left .hdjl .zxjt >img 
+    {
+            width:289px;
+            margin-bottom:10px;
+            padding-top:0px;
+            height:163px;
+    }
+    .index .body .left .hdjl .zxjt >div 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            padding-top:0px;
+            justify-content:flex-start;
+            height:32px;
+    }
+    .index .body .left .hdjl .zxjt >div span 
+    {
+            margin-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .index .body .left .hdjl .dczj 
+    {
+            box-sizing:border-box;
+            padding-top:0px;
+            flex-direction:column;
+            flex:1;
+            display:flex;
+    }
+    .index .body .left .hdjl .dczj div 
+    {
+            align-items:center;
+            color:#103D70;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:16PX;
+            padding-top:5px;
+            margin-top:0px;
+            justify-content:center;
+            height:32px;
+    }
+    .index .body .left .hdjl .dczj div .title 
+    {
+            margin-right:0px;
+            color:#103D70;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            margin-top:0px;
+    }
+    .index .body .left .hdjl .dczj div span 
+    {
+            margin-right:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-top:0px;
+            margin-top:0px;
+    }
+    .index .body .left .hdjl .dczj .news 
+    {
+            align-content:baseline;
+            align-items:flex-start;
+            flex-wrap:wrap;
+            flex-direction:row;
+            flex:1;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:10px;
+            justify-content:space-between;
+    }
+    .index .body .left .hdjl .dczj .news a 
+    {
+            overflow:hidden;
+            white-space:nowrap;
+            color:#333333;
+            width:230px;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            padding-top:4px;
+            text-overflow:ellipsis;
+            margin-top:0px;
+            height:30px;
+    }
+    .index .body .left .hdjl .dczj .button 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            height:50px;
+    }
+    .index .body .left .hdjl .dczj .button .btn 
+    {
+            border-color:#E0E0E0;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:8px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:8px;
+            border-width:1px;
+            width:40%;
+            border-bottom-right-radius:8px;
+            border-top-right-radius:8px;
+            padding-top:0px;
+            border-style:solid;
+            height:100%;
+    }
+    .index .body .left .hdjl .dczj .button .btn i 
+    {
+            margin-right:10px;
+            font-size:22PX;
+            padding-top:0px;
+    }
+    .index .body .left .hdjl .dczj .button .btn span 
+    {
+            padding-top:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+    }
+    .index .body .left .hdjl .dczj .button .split 
+    {
+            flex-wrap:nowrap;
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            display:flex;
+            width:10px;
+            border-bottom-right-radius:0px;
+            box-sizing:border-box;
+            border-top-right-radius:0px;
+            height:100%;
+            border-top-left-radius:0px;
+    }
+    .index .body .right 
+    {
+            background-color:#F3F3F3;
+            flex-direction:column;
+            display:flex;
+            padding-right:20px;
+            box-sizing:border-box;
+            margin-left:0px;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            padding-bottom:10px;
+            border-bottom-left-radius:0px;
+            flex:1;
+            width:365px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            margin-bottom:0px;
+            padding-top:10px;
+            padding-left:20px;
+            height:100%;
+    }
+    .index .body .right .news-title 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            margin-left:0px;
+            margin-right:0px;
+            border-bottom-color:#D5D5D5;
+            padding-bottom:0px;
+            width:100%;
+            border-bottom-style:solid;
+            padding-top:0px;
+            border-bottom-width:1px;
+            padding-left:0px;
+            height:40px;
+    }
+    .index .body .right .news-title a 
+    {
+            cursor:pointer;
+            margin-right:10px;
+            padding-bottom:0px;
+            color:#C10D0C;
+            padding-right:0px;
+            font-size:23px;
+            text-decoration:none;
+            padding-top:0px;
+            padding-left:0px;
+            margin-left:0px;
+    }
+    .index .body .right .news-list 
+    {
+            width:100%;
+            box-sizing:border-box;
+            flex-direction:column;
+            margin-top:0px;
+            display:flex;
+    }
+    .index .body .right .news-list .news 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            padding-left:0px;
+            justify-content:space-between;
+            height:42px;
+    }
+    .index .body .right .news-list .news .title 
+    {
+            cursor:pointer;
+            white-space:nowrap;
+            color:#004A7C;
+            padding-right:0px;
+            text-decoration:none;
+            font-family:黑体;
+            overflow:hidden;
+            width:340px;
+            font-size:16PX;
+            margin-bottom:0px;
+            text-overflow:ellipsis;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .index .body .right .pic-news 
+    {
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            padding-bottom:0px;
+            width:100%;
+            margin-bottom:20px;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            background-repeat:no-repeat;
+            margin-top:20px;
+            height:182px;
+    }
+    .index .body .right .pic-news img 
+    {
+            width:100%;
+            margin-bottom:0px;
+            position:absolute;
+            margin-top:0px;
+            height:100%;
+    }
+    .index .body .right .pic-news .left-title 
+    {
+            background-color:#004A7C60;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:110px;
+            box-sizing:border-box;
+            opacity:0.99;
+            justify-content:center;
+            margin-top:0px;
+            height:38px;
+    }
+    .index .body .right .pic-news .left-title span 
+    {
+            padding-bottom:0px;
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .index .body .right .pic-news .title 
+    {
+            background-color:#00000060;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            padding-bottom:0px;
+            width:100%;
+            padding-top:0px;
+            opacity:0.95;
+            padding-left:0px;
+            height:38px;
+    }
+    .index .body .right .pic-news .title a 
+    {
+            cursor:pointer;
+            color:#000;
+            align-items:flex-start;
+            flex-direction:column;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+            justify-content:flex-start;
+    }
+    .index .body .right .pic-news .title a span 
+    {
+            overflow:unset;
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+    }
+    .index .body .right .link-list 
+    {
+            flex-wrap:wrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:20px;
+            padding-left:0px;
+            justify-content:space-between;
+            height:100%;
+    }
+    .index .body .right .link-list .link 
+    {
+            border-color:#DADADA;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            border-width:1px;
+            width:48%;
+            margin-bottom:14px;
+            padding-top:0px;
+            border-style:solid;
+            padding-left:0px;
+            height:75px;
+    }
+    .index .body .right .link-list .link i 
+    {
+            font-size:24PX;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .index .body .right .link-list .link span 
+    {
+            margin-bottom:0px;
+            padding-left:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .right-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:0px;
+    }
+    .right-fixed .content 
+    {
+            background-color:#A38F8F;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:600px;
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            width:100px;
+            position:fixed;
+            height:100px;
+            z-index:1;
+    }
+    .right-fixed .content img 
+    {
+            width:100px;
+            margin-bottom:0px;
+            padding-top:0px;
+            height:100px;
+            margin-left:0px;
+    }
+    .left-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .left-fixed .content 
+    {
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            position:fixed;
+            margin-left:-720px;
+    }
+    .left-fixed .content >img 
+    {
+            margin-bottom:10px;
+            padding-top:0px;
+            margin-left:0px;
+    }
+    .footer 
+    {
+            border-top-style:solid;
+            background-color:#FFFFFF;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            border-top-width:10px;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            border-top-color:#2F5E95;
+    }
+    .footer .links 
+    {
+            margin-right:0px;
+            background-color:#F3F3F3;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:100px;
+    }
+    .footer .links >.body 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:0px;
+            width:1170px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .footer .links >.body span 
+    {
+            align-items:center;
+            flex-direction:column;
+            word-wrap:break-word;
+            display:inline-block;
+            width:90px;
+            font-size:14PX;
+            padding-top:6px;
+            padding-left:10px;
+            justify-content:center;
+            height:30px;
+    }
+    .footer .links >.body .link 
+    {
+            margin-right:0px;
+            background-color:#FFFFFF;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:204px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select 
+    {
+            border-color:#DCDFE6;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:4px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:2px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:2px;
+            border-width:1px;
+            width:100%;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            padding-top:0px;
+            border-style:solid;
+            padding-left:4px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select span 
+    {
+            color:#DCDFE6;
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14PX;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .footer .links >.body .link >.ms-select i 
+    {
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            color:#DCDFE6;
+            border-bottom-left-radius:0px;
+            border-top-left-radius:0px;
+    }
+    .footer .copyright 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:40px;
+            padding-left:0px;
+            margin-top:20px;
+            height:120px;
+    }
+    .footer .copyright .body 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            margin-top:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .footer .copyright .body >img 
+    {
+            margin-right:20px;
+            width:52px;
+            height:64px;
+    }
+    .footer .copyright .body .desc 
+    {
+            margin-right:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            height:100%;
+    }
+    .footer .copyright .body .desc .text 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:flex-start;
+            height:30px;
+    }
+    .footer .copyright .body .desc .text >div 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:100%;
+    }
+    .footer .copyright .body .desc .text >div a 
+    {
+            cursor:pointer;
+            margin-right:0px;
+            font-size:14px;
+            text-decoration:none;
+            color:#000;
+    }
+    .footer .copyright .body .desc .text >div span 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .footer .copyright .body .desc .text >a 
+    {
+            cursor:pointer;
+            margin-right:20px;
+            text-decoration:none;
+            font-size:14PX;
+            color:#000000;
+    }
+    .footer .copyright .body .desc .ms-designer 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:30px;
+    }
+    .footer .copyright .body .desc .ms-designer a 
+    {
+            cursor:pointer;
+            text-decoration:none;
+            font-size:14PX;
+            color:#DCDCDC;
+    }
+    .footer .copyright .body .right 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:600px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            margin-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .img 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .img >img 
+    {
+            width:90px;
+            height:90px;
+    }
+    .footer .copyright .body .right .img >span 
+    {
+            font-size:14PX;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .footer .copyright .body .right .wx 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .wx >div 
+    {
+            flex-wrap:wrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:90px;
+    }
+    .footer .copyright .body .right .wx >div >img 
+    {
+            width:50px;
+            margin-bottom:0px;
+            margin-top:4px;
+            height:50px;
+    }
+    .footer .copyright .body .right .wx >div >span 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            margin-bottom:0px;
+            margin-top:6px;
+    }
+    .footer .left-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:none;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .footer .left-fixed .content 
+    {
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            flex-direction:row;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            position:fixed;
+            height:100px;
+            margin-left:-720px;
+    }
+    .footer .left-fixed .content >img 
+    {
+            width:100%;
+            margin-bottom:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .footer .right-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:none;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .footer .right-fixed .content 
+    {
+            background-color:#A38F8F;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:600px;
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            width:100px;
+            position:fixed;
+            height:100px;
+            z-index:1;
+    }
+    .footer .right-fixed .content >img 
+    {
+            width:100%;
+            display:flex;
+            height:100%;
+            margin-left:0px;
+    }
+@media (max-width: 768px){
+        .header 
+        {
+                background-color:#2D548F;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:60px;
+        }
+        .header .center 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                justify-content:space-between;
+                height:100%;
+        }
+        .header .center .left 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .left >a 
+        {
+                cursor:pointer;
+                color:#FFFFFF;
+                text-align:center;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601263314183.png);
+                width:100px;
+                text-decoration:none;
+                background-position:bottom center;
+                padding-top:20px;
+                background-repeat:no-repeat;
+                height:100%;
+        }
+        .header .center .h5-menu 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:80px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .h5-menu .icon 
+        {
+                font-size:28PX;
+                padding-top:0px;
+                color:#FFFFFF;
+                display:flex;
+        }
+        .class-1 
+        {
+                cursor:pointer;
+                color:#FFFFFF;
+                text-align:left;
+                width:100%;
+                text-decoration:none;
+                padding-top:9px;
+                padding-left:28px;
+                height:40px;
+        }
+        .header .center .right 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:60%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .right >a 
+        {
+                cursor:pointer;
+                font-size:12PX;
+                text-decoration:none;
+                color:#CDD6E1;
+        }
+        .header .center .right >span 
+        {
+                margin-right:2px;
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                margin-left:2px;
+        }
+        .search 
+        {
+                align-items:center;
+                flex-direction:row;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
+                display:flex;
+                width:100%;
+                background-size:auto;
+                box-sizing:border-box;
+                background-position:top center;
+                background-repeat:repeat;
+                justify-content:center;
+                height:152px;
+        }
+        .search .center 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                justify-content:center;
+                height:100%;
+        }
+        .search .center .logo 
+        {
+                width:auto;
+                padding-top:0px;
+                height:30%;
+        }
+        .search .center .right 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .search .center .right .top 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-end;
+                height:30px;
+        }
+        .search .center .right .top >a 
+        {
+                cursor:pointer;
+                font-size:13px;
+                text-decoration:none;
+                color:#666666;
+        }
+        .search .center .right .search 
+        {
+                align-items:flex-end;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                height:40%;
+        }
+        .search .center .right .search .ms-search-input 
+        {
+                border-color:#CCCCCC;
+                align-items:flex-end;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-width:1px;
+                width:100%;
+                border-style:solid;
+                padding-left:0px;
+                height:32px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                border-right-style:solid;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                border-right-width:1px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-right-color:#CCCCCC;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div .ms-input 
+        {
+                border:0px;
+                background-color:#FFFFFF;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:4px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-top-left-radius:2px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:2px;
+                width:100%;
+                border-bottom-right-radius:2px;
+                border-top-right-radius:2px;
+                padding-top:0px;
+                padding-left:4px;
+                height:30px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span 
+        {
+                color:#DCDFE6;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-top-left-radius:0px;
+                padding-bottom:0px;
+                border-bottom-left-radius:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button 
+        {
+                cursor:pointer;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:60px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                background-repeat:no-repeat;
+                padding-left:0px;
+                height:100%;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button i 
+        {
+                border-bottom-left-radius:0px;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button span 
+        {
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14px;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .top1 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:8px;
+                width:100%;
+                box-sizing:border-box;
+                margin-bottom:0px;
+                padding-left:8px;
+                justify-content:center;
+        }
+        .top1 .top1-title 
+        {
+                margin-right:0px;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                margin-bottom:4px;
+                justify-content:center;
+        }
+        .top1 .top1-title >img 
+        {
+                margin-right:15px;
+                width:41px;
+                height:41px;
+        }
+        .top1 .top1-title a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                color:#000;
+        }
+        .top1 .top1-title a >span 
+        {
+                margin-right:0px;
+                color:#365D98;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:16PX;
+                padding-left:0px;
+                font-weight:500;
+        }
+        .top1 .top1-desc 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+        }
+        .top1 .top1-desc >span 
+        {
+                color:#355E92;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:10px;
+                font-size:14PX;
+                margin-bottom:4px;
+                padding-left:10px;
+        }
+        .banner 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:center;
+        }
+        .banner .body 
+        {
+                width:100%;
+                box-sizing:border-box;
+                flex-direction:column;
+                display:flex;
+        }
+        .banner .body .huandeng 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:200px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper 
+        {
+                background-color:#E8F4FD;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:space-between;
+                flex-wrap:nowrap;
+                width:100%;
+                position:absolute;
+                padding-left:0px;
+                margin-top:0px;
+                height:300px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-left 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:40px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:-40px;
+                height:40px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-left >i 
+        {
+                font-size:28PX;
+                color:#409EFF;
+                margin-top:0px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-right 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:40px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:40px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-right >i 
+        {
+                font-size:28PX;
+                color:#409EFF;
+                padding-left:0px;
+                margin-top:-40px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom 
+        {
+                background-color:RGBA(63, 158, 255, .75);
+                align-items:center;
+                flex-direction:row;
+                bottom:0px;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                flex-wrap:nowrap;
+                width:100%;
+                position:absolute;
+                padding-left:10px;
+                margin-top:0px;
+                height:40px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title 
+        {
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:14px;
+                padding-left:0px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-demo 
+        {
+                background-color:RGBA(63, 158, 255, .75);
+                align-items:center;
+                flex-direction:row;
+                bottom:0px;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                flex-wrap:nowrap;
+                width:100%;
+                position:absolute;
+                padding-left:10px;
+                margin-top:0px;
+                height:40px;
+        }
+        .banner .body .huandeng .ms-vue-awesome-swiper .ms-vue-awesome-swiper-demo >span 
+        {
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:14px;
+                padding-left:0px;
+        }
+        .banner .body .right 
+        {
+                margin-right:0px;
+                background-color:#365D98;
+                padding-bottom:10px;
+                flex-direction:column;
+                display:flex;
+                padding-right:10px;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:10px;
+                padding-left:10px;
+                margin-left:0px;
+        }
+        .banner .body .right .news-type 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                margin-right:0px;
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                padding-left:0px;
+                height:55px;
+        }
+        .banner .body .right .news-type a 
+        {
+                cursor:pointer;
+                margin-right:0px;
+                color:#CDD6E1;
+                font-size:23px;
+                text-decoration:none;
+                margin-left:0px;
+        }
+        .banner .body .right .news-type span 
+        {
+                margin-right:18px;
+                color:#CDD6E1;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:24PX;
+                padding-left:0px;
+                margin-left:18px;
+        }
+        .banner .body .right .top-type-1 
+        {
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .banner .body .right .top-type-1 .news 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-bottom-color:#878C95;
+                width:100%;
+                border-bottom-style:dashed;
+                border-bottom-width:1px;
+                padding-left:0px;
+                height:32px;
+        }
+        .banner .body .right .top-type-1 .news .title 
+        {
+                cursor:pointer;
+                font-family:黑体;
+                overflow:hidden;
+                white-space:nowrap;
+                color:#CDD6E1;
+                padding-right:0px;
+                width:280px;
+                font-size:16PX;
+                text-decoration:none;
+                text-overflow:ellipsis;
+                padding-left:0px;
+        }
+        .banner .body .right .top-type-1 .news .date 
+        {
+                font-family:隶书;
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+        }
+        .banner .body .right .top-type-2 
+        {
+                flex-direction:column;
+                display:none;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .banner .body .right .top-type-2 .news 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-bottom-color:#878C95;
+                width:100%;
+                border-bottom-style:dashed;
+                border-bottom-width:1px;
+                padding-left:0px;
+                height:32px;
+        }
+        .banner .body .right .top-type-2 .news .title 
+        {
+                cursor:pointer;
+                font-family:黑体;
+                overflow:hidden;
+                white-space:nowrap;
+                color:#CDD6E1;
+                padding-right:0px;
+                width:280px;
+                font-size:16PX;
+                text-decoration:none;
+                text-overflow:ellipsis;
+                padding-left:0px;
+        }
+        .banner .body .right .top-type-2 .news .date 
+        {
+                font-family:隶书;
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+        }
+        .index 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:center;
+                margin-top:20px;
+        }
+        .index .body 
+        {
+                width:100%;
+                box-sizing:border-box;
+                flex-direction:column;
+                display:flex;
+        }
+        .index .body .left 
+        {
+                padding-bottom:0px;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .index .body .left .news-title 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                margin-right:0px;
+                width:100%;
+                padding-left:0px;
+                margin-top:0px;
+                height:55px;
+        }
+        .index .body .left .news-title .sel 
+        {
+                cursor:pointer;
+                margin-right:10px;
+                padding-bottom:0px;
+                color:#C10D0C;
+                padding-right:0px;
+                font-size:18PX;
+                text-decoration:none;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                margin-left:0px;
+        }
+        .index .body .left .news-title a 
+        {
+                cursor:pointer;
+                margin-right:10px;
+                color:#A1A1A1;
+                padding-right:0px;
+                font-size:18PX;
+                text-decoration:none;
+                padding-top:0px;
+                margin-left:0px;
+        }
+        .index .body .left .news-title div 
+        {
+                margin-right:0px;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:50%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:flex-end;
+                height:100%;
+        }
+        .index .body .left .news-title div .link-type 
+        {
+                cursor:pointer;
+                margin-right:10px;
+                text-decoration:none;
+                color:#A1A1A1;
+        }
+        .index .body .left .news-list 
+        {
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                border-top-left-radius:0px;
+                margin-right:0px;
+                border-bottom-left-radius:0px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                margin-bottom:0px;
+                border-top-right-radius:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:14px;
+        }
+        .index .body .left .news-list .news 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                margin-bottom:20px;
+                border-top-right-radius:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+        }
+        .index .body .left .news-list .news .news-date 
+        {
+                border-color:#A2A2A2;
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:50px;
+                border-bottom-left-radius:50px;
+                border-width:1px;
+                width:60px;
+                border-bottom-right-radius:50px;
+                margin-bottom:0px;
+                border-top-right-radius:50px;
+                border-style:solid;
+                padding-left:0px;
+                margin-top:0px;
+                height:60px;
+        }
+        .index .body .left .news-list .news .news-date .date 
+        {
+                color:#666666;
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:18PX;
+                margin-top:0px;
+                border-top-left-radius:0px;
+        }
+        .index .body .left .news-list .news .news-date .year 
+        {
+                color:#666666;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:12PX;
+                margin-top:0px;
+        }
+        .index .body .left .news-list .news .news-item 
+        {
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:80%;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                margin-bottom:0px;
+                padding-left:10px;
+                margin-top:0px;
+                height:100%;
+        }
+        .index .body .left .news-list .news .news-item .title 
+        {
+                cursor:pointer;
+                overflow:unset;
+                color:#004A7C;
+                font-size:18PX;
+                text-decoration:none;
+                margin-bottom:8px;
+                padding-left:0px;
+                margin-top:0px;
+        }
+        .index .body .left .news-list .news .news-item .desc 
+        {
+                color:#666666;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:14PX;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .index .body .left .news-list .news .more 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:60px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .index .body .left .news-list .news .more >a 
+        {
+                cursor:pointer;
+                background-color:#91D2FE;
+                color:#FFFFFF;
+                text-align:center;
+                display:inline-block;
+                box-sizing:border-box;
+                border-top-left-radius:4px;
+                border-bottom-left-radius:4px;
+                width:80%;
+                border-bottom-right-radius:4px;
+                line-height:45px;
+                font-size:16px;
+                border-top-right-radius:4px;
+                margin-bottom:0px;
+                margin-top:0px;
+                height:40px;
+        }
+        .index .body .left .news-list .news .more >a i 
+        {
+                color:#004A7C;
+        }
+        .index .body .left .report 
+        {
+                margin-right:0px;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:10px;
+                box-sizing:border-box;
+                padding-top:0px;
+                height:72px;
+        }
+        .index .body .left .report .left-arrow 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:40px;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .index .body .left .report .body 
+        {
+                overflow:hidden;
+                flex-direction:row;
+                flex:1;
+                display:flex;
+                padding-right:0px;
+                width:80%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:space-between;
+                height:100%;
+        }
+        .index .body .left .report .body div 
+        {
+                box-sizing:border-box;
+                flex-direction:row;
+                display:flex;
+        }
+        .index .body .left .report .body div img 
+        {
+                width:228px;
+                margin-bottom:0px;
+                padding-left:0px;
+                height:72px;
+        }
+        .index .body .left .report .right-arrow 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:40px;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .index .body .left .hdjl 
+        {
+                margin-right:0px;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:10px;
+                justify-content:center;
+                height:100%;
+        }
+        .index .body .left .hdjl .zxjt 
+        {
+                align-items:flex-start;
+                flex-direction:column;
+                display:flex;
+                padding-right:10px;
+                width:100%;
+                box-sizing:border-box;
+                margin-bottom:0px;
+                padding-left:10px;
+                margin-top:0px;
+                justify-content:flex-end;
+                height:100%;
+        }
+        .index .body .left .hdjl .zxjt .title 
+        {
+                align-items:center;
+                color:#103D70;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:5px;
+                margin-top:0px;
+                justify-content:center;
+                height:32px;
+        }
+        .index .body .left .hdjl .zxjt >img 
+        {
+                width:100%;
+                padding-left:0px;
+                padding-right:0px;
+                height:180px;
+        }
+        .index .body .left .hdjl .zxjt >div 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                height:32px;
+        }
+        .index .body .left .hdjl .zxjt >div span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .index .body .left .hdjl .dczj 
+        {
+                flex-direction:column;
+                flex:1;
+                display:flex;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:10px;
+                height:100%;
+        }
+        .index .body .left .hdjl .dczj div 
+        {
+                align-items:center;
+                color:#103D70;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:5px;
+                padding-left:0px;
+                margin-top:0px;
+                justify-content:center;
+                height:32px;
+        }
+        .index .body .left .hdjl .dczj div .title 
+        {
+                margin-right:0px;
+                color:#103D70;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:0px;
+                margin-top:0px;
+        }
+        .index .body .left .hdjl .dczj div span 
+        {
+                margin-right:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-top:0px;
+                margin-top:0px;
+        }
+        .index .body .left .hdjl .dczj .news 
+        {
+                align-items:flex-start;
+                flex-direction:row;
+                display:flex;
+                padding-right:10px;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                align-content:baseline;
+                flex-wrap:wrap;
+                flex:1;
+                width:100%;
+                padding-top:10px;
+                padding-left:10px;
+                margin-top:0px;
+        }
+        .index .body .left .hdjl .dczj .news a 
+        {
+                cursor:pointer;
+                overflow:hidden;
+                white-space:nowrap;
+                padding-right:0px;
+                width:100%;
+                font-size:14PX;
+                text-decoration:none;
+                padding-top:4px;
+                text-overflow:ellipsis;
+                padding-left:0px;
+                height:30px;
+        }
+        .index .body .left .hdjl .dczj .button 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:0px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:20px;
+                height:50px;
+        }
+        .index .body .left .hdjl .dczj .button .btn 
+        {
+                border-color:#E0E0E0;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:8px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:8px;
+                border-width:1px;
+                width:40%;
+                border-bottom-right-radius:8px;
+                border-top-right-radius:8px;
+                padding-top:0px;
+                border-style:solid;
+                height:100%;
+        }
+        .index .body .left .hdjl .dczj .button .btn i 
+        {
+                margin-right:10px;
+                font-size:22PX;
+        }
+        .index .body .left .hdjl .dczj .button .btn span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .index .body .left .hdjl .dczj .button .split 
+        {
+                flex-wrap:nowrap;
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                display:flex;
+                width:10px;
+                border-bottom-right-radius:0px;
+                box-sizing:border-box;
+                border-top-right-radius:0px;
+                height:100%;
+                border-top-left-radius:0px;
+        }
+        .index .body .right 
+        {
+                background-color:#F3F3F3;
+                flex-direction:column;
+                display:flex;
+                padding-right:20px;
+                box-sizing:border-box;
+                margin-left:0px;
+                border-top-left-radius:0px;
+                margin-right:0px;
+                padding-bottom:0px;
+                border-bottom-left-radius:0px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                margin-bottom:20px;
+                padding-top:0px;
+                padding-left:20px;
+                margin-top:20px;
+        }
+        .index .body .right .news-title 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                margin-left:0px;
+                margin-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:55px;
+        }
+        .index .body .right .news-title a 
+        {
+                cursor:pointer;
+                margin-right:10px;
+                padding-bottom:0px;
+                color:#C10D0C;
+                padding-right:0px;
+                font-size:18PX;
+                text-decoration:none;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                margin-left:0px;
+        }
+        .index .body .right .news-list 
+        {
+                width:100%;
+                box-sizing:border-box;
+                margin-bottom:10px;
+                flex-direction:column;
+                display:flex;
+        }
+        .index .body .right .news-list .news 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-bottom-color:#878C95;
+                width:100%;
+                border-bottom-style:dashed;
+                border-bottom-width:1px;
+                padding-left:0px;
+                height:32px;
+        }
+        .index .body .right .news-list .news .title 
+        {
+                cursor:pointer;
+                white-space:nowrap;
+                color:#004A7C;
+                padding-right:0px;
+                text-decoration:none;
+                font-family:黑体;
+                overflow:hidden;
+                width:280px;
+                font-size:16PX;
+                margin-bottom:0px;
+                text-overflow:ellipsis;
+                padding-left:0px;
+        }
+        .index .body .right .pic-news 
+        {
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                position:relative;
+                padding-left:0px;
+                background-repeat:no-repeat;
+                height:182px;
+        }
+        .index .body .right .pic-news img 
+        {
+                width:100%;
+                position:absolute;
+                height:100%;
+        }
+        .index .body .right .pic-news .left-title 
+        {
+                background-color:#004A7C60;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:110px;
+                box-sizing:border-box;
+                opacity:0.99;
+                justify-content:center;
+                height:38px;
+        }
+        .index .body .right .pic-news .left-title span 
+        {
+                padding-bottom:0px;
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .index .body .right .pic-news .title 
+        {
+                background-color:#00000060;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                padding-bottom:0px;
+                width:100%;
+                padding-top:0px;
+                opacity:0.95;
+                padding-left:0px;
+                height:38px;
+        }
+        .index .body .right .pic-news .title a 
+        {
+                cursor:pointer;
+                color:#000;
+                align-items:flex-start;
+                flex-direction:column;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+                justify-content:flex-start;
+        }
+        .index .body .right .pic-news .title a span 
+        {
+                overflow:unset;
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .index .body .right .link-list 
+        {
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                margin-right:0px;
+                flex-wrap:wrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .index .body .right .link-list .link 
+        {
+                border-color:#DADADA;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                border-width:1px;
+                width:48%;
+                margin-bottom:14px;
+                padding-top:0px;
+                border-style:solid;
+                padding-left:0px;
+                height:75px;
+        }
+        .index .body .right .link-list .link i 
+        {
+                font-size:24PX;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .index .body .right .link-list .link span 
+        {
+                margin-bottom:0px;
+                padding-left:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .right-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .right-fixed .content 
+        {
+                background-color:#A38F8F;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:600px;
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                width:100px;
+                position:fixed;
+                height:100px;
+                z-index:1;
+        }
+        .right-fixed .content img 
+        {
+                width:100px;
+                height:100px;
+        }
+        .left-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .left-fixed .content 
+        {
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                position:fixed;
+                margin-left:-720px;
+        }
+        .left-fixed .content >img 
+        {
+                margin-bottom:10px;
+                padding-top:0px;
+                margin-left:0px;
+        }
+        .footer 
+        {
+                border-top-style:solid;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                border-top-width:10px;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                border-top-color:#2F5E95;
+        }
+        .footer .links 
+        {
+                background-color:#F3F3F3;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .links >.body 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                margin-right:0px;
+                align-content:baseline;
+                padding-bottom:10px;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:10px;
+                padding-left:0px;
+                height:unset;
+        }
+        .footer .links >.body span 
+        {
+                padding-bottom:0px;
+                align-items:center;
+                flex-direction:column;
+                word-wrap:break-word;
+                display:inline-block;
+                width:90px;
+                padding-top:2px;
+                padding-left:10px;
+                justify-content:center;
+                height:30px;
+        }
+        .footer .links >.body .link 
+        {
+                margin-right:0px;
+                background-color:#FFFFFF;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:204px;
+                box-sizing:border-box;
+                margin-bottom:10px;
+                padding-top:0px;
+                padding-left:0px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select 
+        {
+                border-color:#DCDFE6;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:4px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-top-left-radius:2px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:2px;
+                border-width:1px;
+                width:100%;
+                border-bottom-right-radius:2px;
+                border-top-right-radius:2px;
+                padding-top:0px;
+                border-style:solid;
+                padding-left:4px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select span 
+        {
+                color:#DCDFE6;
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14PX;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .footer .links >.body .link >.ms-select i 
+        {
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                color:#DCDFE6;
+                border-bottom-left-radius:0px;
+                border-top-left-radius:0px;
+        }
+        .footer .copyright 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:10px;
+                width:100%;
+                margin-bottom:40px;
+                box-sizing:border-box;
+                padding-left:10px;
+                justify-content:center;
+                margin-top:20px;
+                height:unset;
+        }
+        .footer .copyright .body 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .copyright .body >img 
+        {
+                margin-right:20px;
+                width:52px;
+                height:64px;
+        }
+        .footer .copyright .body .desc 
+        {
+                margin-right:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                height:100%;
+        }
+        .footer .copyright .body .desc .text 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:center;
+                height:unset;
+        }
+        .footer .copyright .body .desc .text >div 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .copyright .body .desc .text >div a 
+        {
+                cursor:pointer;
+                font-size:14PX;
+                text-decoration:none;
+                color:#000;
+        }
+        .footer .copyright .body .desc .text >div span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .footer .copyright .body .desc .text >a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                font-size:14PX;
+                text-align:center;
+        }
+        .footer .copyright .body .desc .ms-designer 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:none;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-start;
+        }
+        .footer .copyright .body .desc .ms-designer a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                font-size:14PX;
+                color:#DCDCDC;
+        }
+        .footer .copyright .body .right 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:center;
+                margin-top:20px;
+                height:100%;
+        }
+        .footer .copyright .body .right .img 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .footer .copyright .body .right .img >img 
+        {
+                width:90px;
+                height:90px;
+        }
+        .footer .copyright .body .right .img >span 
+        {
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .footer .copyright .body .right .wx 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                padding-top:0px;
+                height:100%;
+        }
+        .footer .copyright .body .right .wx >div 
+        {
+                flex-wrap:wrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:90px;
+        }
+        .footer .copyright .body .right .wx >div >img 
+        {
+                width:50px;
+                margin-bottom:0px;
+                margin-top:4px;
+                height:50px;
+        }
+        .footer .copyright .body .right .wx >div >span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                margin-bottom:0px;
+                margin-top:6px;
+        }
+        .footer .left-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:1200px;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .footer .left-fixed .content 
+        {
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                flex-direction:row;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                position:fixed;
+                height:100px;
+                margin-left:-720px;
+        }
+        .footer .left-fixed .content >img 
+        {
+                width:100%;
+                margin-bottom:0px;
+                height:100%;
+                margin-left:0px;
+        }
+        .footer .right-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:1200px;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .footer .right-fixed .content 
+        {
+                background-color:#A38F8F;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:600px;
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                width:100px;
+                position:fixed;
+                height:100px;
+                z-index:1;
+        }
+        .footer .right-fixed .content >img 
+        {
+                width:100%;
+                height:100%;
+                margin-left:0px;
+        }
+
+}</style>

+ 2102 - 0
src/main/webapp/template/1/江西省人民政府-web/list.htm

@@ -0,0 +1,2102 @@
+
+
+
+<html>
+<head>
+    <meta charset="utf-8" />
+        <title>{ms:global.name/}</title>
+    <meta http-equiv="content-type" content="text/html" />
+    <META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
+    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
+    <meta name="format-detection" content="telephone=no"/>
+    <meta name="app-mobile-web-app-capable" content="yes"/>
+    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
+    <meta name="keywords" content="{ms:global.keyword/}" />
+    <meta name="description" content="{ms:global.descrip/}" />
+    <script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
+    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
+    <script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
+    <link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
+
+            <link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
+
+    <!--网络请求框架-->
+    <script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
+    <script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
+    <script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
+    <script>
+        ms.base = "";
+    </script>
+    <style>
+        [v-cloak]{
+            display: none;
+        }
+    </style>
+</head>
+<body>
+    <div id="app" v-cloak>
+                <#include "header.htm"/>
+                <#include "search.htm"/>
+                <div               class="ms-content">
+<div class="ms-channel-path">
+    <span class="ms-channel-path-label">
+        当前位置:
+    </span>
+    <a href="/" class="ms-channel-path-index">
+        首页
+    </a>
+         {ms:channel type="path"}
+    <i class="iconfont icon-youjiantou"></i>
+    <a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link">
+        ${field.typetitle}
+    </a>
+    {/ms:channel}   
+
+</div>                <div               class="detail">
+                <div               class="body">
+            <a href="${global.url}${field.typelink}"     
+                             class="type-title">
+    ${field.typetitle}
+            </a>
+                </div>
+        <!--新闻列表(一行) - start -->
+{ms:arclist ispaging=true size=1}
+                <div               class="ms-news-one-line">
+            <i          class="iconfont icon-fangkuai ms-news-one-line-dot"     ></i>
+            <a href="${global.url}${field.link}"     
+                             class="ms-news-one-line-link">
+    ${field.title}
+            </a>
+            <span          class="ms-news-one-line-date"     >
+    ${field.date?string("yyyy-MM-dd")}
+            </span>
+                </div>
+        {/ms:arclist}
+            <!--新闻列表(一行) -end -->
+    <#assign pagerCount=3 />
+
+    <#assign pageCount=page.total />
+    <#assign currentPage=page.cur />
+    <#assign halfPagerCount=(pagerCount-1)/2/> 
+    <#assign showPrevMore=false />
+    <#assign showNextMore=false />
+    <#assign arr=[] />
+
+    <#--判断是否有翻页-->
+    <#if pageCount gt pagerCount>
+        <#if currentPage gt pagerCount - halfPagerCount>
+            <#assign showPrevMore=true />
+        </#if>
+        <#if currentPage lt pageCount - halfPagerCount>
+            <#assign showNextMore=true />
+        </#if>
+    </#if>
+
+    <#--计算页码-->
+    <#if showPrevMore&&!showNextMore>
+        <#assign startPage=pageCount - (pagerCount - 2) />
+        <#list startPage..pageCount-1 as x>
+            <#assign arr=arr+[x] />
+        </#list>
+    <#elseif !showPrevMore && showNextMore>
+        <#list 2..pagerCount as x>
+            <#assign arr=arr+[x] />
+        </#list>
+    <#elseif showPrevMore && showNextMore>
+        <#assign offset=(pagerCount / 2)?floor - 1 />
+        <#list currentPage - offset..currentPage + offset as x>
+            <#assign arr=arr+[x] />
+        </#list>
+    <#else>
+        <#list 2..pageCount as x>
+            <#if x lt pageCount>
+                <#assign arr=arr+[x] />
+            </#if>
+        </#list>
+    </#if>
+
+    <div class="ms-page">
+        <a href="{ms:global.url/}{ms:page.pre/}">
+        <i class="iconfont icon-zuojiantou ms-page-pre"></i>
+        </a>
+
+        <#--第一页-->
+        <#if pageCount gt 0>
+            <a href="{ms:global.url/}{ms:page.index/}">
+                <#if 1==currentPage>
+                    <span class="ms-page-no-sel">1</span>
+                    <#else>
+                    <span class="ms-page-no">1</span>
+                </#if>
+            </a>
+        </#if>
+
+
+        <#--翻页的省略号-->
+        <#if showPrevMore>
+            <span class="ms-page-dot">
+                ...
+            </span>
+        </#if>       
+
+        <#--中间的页码-->
+        <#list arr as x>
+            <a href="{ms:global.url/}${field.categoryPath}/list-${x}.html">
+                <#if x==currentPage>
+                    <span class="ms-page-no-sel">${x}</span>
+                    <#else>
+                    <span class="ms-page-no">${x}</span>
+                </#if>
+            </a>
+        </#list>   
+
+
+        <#-- 最后一页-->
+        <#if pageCount gt 1>
+            <a href="{ms:global.url/}${field.categoryPath}/list-${pageCount}.html">
+                <#if pageCount==currentPage>
+                    <span class="ms-page-no-sel">${pageCount}</span>
+                <#else>
+                    <span class="ms-page-no">${pageCount}</span>
+                </#if>
+            </a>
+        </#if>
+
+            
+        <a href="{ms:global.url/}{ms:page.next/}">
+            <i class="iconfont icon-youjiantou ms-page-next"></i>
+        </a>
+        <span>
+            前往
+            <input type="number" onchange="location.href='{ms:global.url/}${field.categoryPath}/'+((this.value<=1?'index':('list-'+(this.value>${pageCount}?${pageCount}:this.value)))+'.html')">
+            页
+        </span>   
+
+
+    </div>
+    
+                </div>
+                </div>
+        <!--返回顶部 - start -->
+                <div               class="ms-right-fixed-top">
+        <!--内容区域 - start -->
+                <div               class="content">
+            <i          class="iconfont icon-shang"     ></i>
+            <span      >
+    回到顶部
+            </span>
+                </div>
+            <!--内容区域 -end -->
+                </div>
+            <!--返回顶部 -end -->
+                <#include "footer.htm"/>
+    </div>
+</body>
+</html>
+<script>
+var app = new Vue({
+    el: '#app',
+    watch:{
+    },
+    data: {
+    },
+    methods: {
+
+       switchShow:function(arr){
+       var that = this
+           arr.forEach(function(x){
+              let e = that.$el.querySelector("#key_"+x)
+               if(e){
+                   e.style.display=e.style.display=='none'?'flex':'none'
+               }
+           })
+       },
+    },
+    created(){
+    }
+    })
+</script>
+<style>
+    body {
+        background-color:#f5f5f5;
+        box-sizing:border-box;
+        font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
+        moz-box-sizing:border-box;
+        webkit-box-sizing:border-box;
+    }
+    .header 
+    {
+            background-color:#2D548F;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:center;
+            height:60px;
+    }
+    .header .center 
+    {
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            height:100%;
+    }
+    .header .center .left 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .header .center .left >a 
+    {
+            cursor:pointer;
+            color:#FFFFFF;
+            text-align:center;
+            width:100px;
+            text-decoration:none;
+            padding-top:20px;
+            background-repeat:no-repeat;
+            height:100%;
+    }
+    .header .center .left .啊啊啊
+    {
+                    background-size:auto;
+                    background-position:bottom center;
+                    background-repeat:no-repeat;
+                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+    }
+    .header .center .left >a:hover
+    {
+                    background-size:auto;
+                    background-position:bottom center;
+                    background-repeat:no-repeat;
+                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+    }
+    .header .center .h5-menu 
+    {
+            flex-direction:row;
+            display:none;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            height:100%;
+    }
+    .header .center .h5-menu .icon 
+    {
+            font-size:28PX;
+            color:#FFFFFF;
+            display:flex;
+    }
+    .class-1 
+    {
+            cursor:pointer;
+            color:#FFFFFF;
+            text-align:left;
+            width:100%;
+            text-decoration:none;
+            padding-top:9px;
+            padding-left:10px;
+            height:40px;
+    }
+    .header .center .right 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:180px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .header .center .right >a 
+    {
+            cursor:pointer;
+            font-size:12PX;
+            text-decoration:none;
+            padding-top:0px;
+            color:#CDD6E1;
+    }
+    .header .center .right >a:hover
+    {
+                    color:#FFFFFF;
+    }
+    .header .center .right >span 
+    {
+            margin-right:2px;
+            color:#FFFFFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            margin-left:2px;
+    }
+    .search 
+    {
+            align-items:center;
+            flex-direction:row;
+            background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            background-size:auto;
+            border-top-right-radius:0px;
+            background-position:top center;
+            background-repeat:repeat;
+            padding-left:0px;
+            height:152px;
+    }
+    .search .center 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1170px;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .search .center .logo 
+    {
+            border-bottom-left-radius:0px;
+            width:377px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            height:74px;
+            border-top-left-radius:0px;
+    }
+    .search .center .right 
+    {
+            align-items:flex-end;
+            flex-direction:column;
+            display:flex;
+            padding-right:120px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .top 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:370px;
+            box-sizing:border-box;
+            justify-content:flex-end;
+            height:30px;
+    }
+    .search .center .right .top >a 
+    {
+            cursor:pointer;
+            font-size:13px;
+            text-decoration:none;
+            color:#666666;
+    }
+    .search .center .right .search 
+    {
+            align-items:flex-end;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:270px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:21%;
+    }
+    .search .center .right .search .ms-search-input 
+    {
+            border-color:#CCCCCC;
+            align-items:flex-end;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-width:1px;
+            width:100%;
+            border-style:solid;
+            padding-left:0px;
+            height:32px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-right-style:solid;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            border-right-width:1px;
+            width:100%;
+            border-bottom-right-radius:0px;
+            border-right-color:#CCCCCC;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div .ms-input 
+    {
+            border:0px;
+            background-color:#FFFFFF;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:4px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:2px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:2px;
+            width:100%;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            padding-top:0px;
+            padding-left:4px;
+            height:30px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span 
+    {
+            color:#DCDFE6;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-top-left-radius:0px;
+            padding-bottom:0px;
+            border-bottom-left-radius:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button 
+    {
+            cursor:pointer;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            border-top-left-radius:0px;
+            border-bottom-left-radius:0px;
+            width:80px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            background-repeat:no-repeat;
+            padding-left:0px;
+            height:100%;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button:hover
+    {
+                    background-color:#E6E6E6;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button i 
+    {
+            border-bottom-left-radius:0px;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .search .center .right .search .ms-search-input .ms-search-button span 
+    {
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14px;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .ms-content 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .ms-content .ms-channel-path 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-left:auto;
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1170px;
+            margin-bottom:10px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+    }
+    .ms-content .ms-channel-path .ms-channel-path-label 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:14PX;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .ms-content .ms-channel-path .ms-channel-path-index 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:14PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .ms-content .ms-channel-path >i 
+    {
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .ms-content .ms-channel-path .ms-channel-path-link 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:14PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .ms-content .detail 
+    {
+            background-color:#FFFFFF;
+            align-items:flex-start;
+            flex-direction:column;
+            display:flex;
+            padding-right:20px;
+            box-sizing:border-box;
+            margin-left:0px;
+            min-height:800px;
+            margin-right:0px;
+            padding-bottom:20px;
+            flex-wrap:nowrap;
+            width:1170px;
+            margin-bottom:10px;
+            padding-top:20px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+            height:300px;
+    }
+    .ms-content .detail .body 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            margin-left:0px;
+            margin-right:0px;
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:10px;
+            padding-top:10px;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .ms-content .detail .body .type-title 
+    {
+            cursor:pointer;
+            padding-bottom:0px;
+            color:#000;
+            font-size:18PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .ms-content .detail .ms-news-one-line 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            background-position:20px center;
+            justify-content:flex-start;
+            margin-left:0px;
+            margin-right:0px;
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:10px;
+            padding-left:20px;
+            background-repeat:no-repeat;
+            background-position-x:20px;
+            margin-top:0px;
+    }
+    .ms-content .detail .ms-news-one-line .ms-news-one-line-dot 
+    {
+            padding-bottom:0px;
+            padding-right:0px;
+            font-size:12PX;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .ms-content .detail .ms-news-one-line .ms-news-one-line-link 
+    {
+            cursor:pointer;
+            color:#000;
+            padding-right:0px;
+            text-decoration:none;
+            margin-left:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            font-size:16PX;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            background-position-x:20px;
+    }
+    .ms-content .detail .ms-news-one-line .ms-news-one-line-date 
+    {
+            margin-right:10px;
+            padding-bottom:0px;
+            color:#9C9C9C;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:14px;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-left:10px;
+    }
+    .ms-content .detail .ms-page 
+    {
+            align-items:center;
+            flex-direction:row;
+            bottom:0px;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            left:0px;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:0px;
+            position:absolute;
+            padding-left:0px;
+            margin-top:0px;
+            height:40px;
+    }
+    .ms-content .detail .ms-page .ms-page-left 
+    {
+            margin-bottom:0px;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .ms-content .detail .ms-page .ms-page-no 
+    {
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            width:40px;
+            font-size:16PX;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .ms-content .detail .ms-page .ms-page-no-sel 
+    {
+            color:#409EFF;
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            width:40px;
+            font-size:16PX;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .ms-content .detail .ms-page .ms-page-dot 
+    {
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            width:40px;
+            font-size:16PX;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .ms-content .detail .ms-page .ms-page-right 
+    {
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .ms-right-fixed-top 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:0px;
+    }
+    .ms-right-fixed-top >.content 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-left:600px;
+            padding-bottom:0px;
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            width:40px;
+            position:fixed;
+            padding-top:0px;
+            padding-left:0px;
+            z-index:1;
+    }
+    .ms-right-fixed-top >.content i 
+    {
+            padding-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            padding-right:0px;
+            margin-left:0px;
+    }
+    .ms-right-fixed-top >.content span 
+    {
+            background-color:#909399;
+            color:#FFFFFF;
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:5px;
+            margin-left:0px;
+            padding-bottom:5px;
+            width:50px;
+            font-size:14px;
+            padding-top:5px;
+            padding-left:5px;
+            height:40%;
+    }
+    .footer 
+    {
+            border-top-style:solid;
+            background-color:#FFFFFF;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            border-top-width:10px;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            border-top-color:#2F5E95;
+    }
+    .footer .links 
+    {
+            margin-right:0px;
+            background-color:#F3F3F3;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:100px;
+    }
+    .footer .links >.body 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:0px;
+            width:1170px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .footer .links >.body span 
+    {
+            align-items:center;
+            flex-direction:column;
+            word-wrap:break-word;
+            display:inline-block;
+            width:90px;
+            font-size:14PX;
+            padding-top:6px;
+            padding-left:10px;
+            justify-content:center;
+            height:30px;
+    }
+    .footer .links >.body .link 
+    {
+            margin-right:0px;
+            background-color:#FFFFFF;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:204px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select 
+    {
+            border-color:#DCDFE6;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:4px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            border-top-left-radius:2px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:2px;
+            border-width:1px;
+            width:100%;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            padding-top:0px;
+            border-style:solid;
+            padding-left:4px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select span 
+    {
+            color:#DCDFE6;
+            border-bottom-left-radius:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14PX;
+            padding-left:0px;
+            border-top-left-radius:0px;
+    }
+    .footer .links >.body .link >.ms-select i 
+    {
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            color:#DCDFE6;
+            border-bottom-left-radius:0px;
+            border-top-left-radius:0px;
+    }
+    .footer .copyright 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:40px;
+            padding-left:0px;
+            margin-top:20px;
+            height:120px;
+    }
+    .footer .copyright .body 
+    {
+            margin-right:0px;
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:1170px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            margin-top:0px;
+            justify-content:center;
+            height:100%;
+    }
+    .footer .copyright .body >img 
+    {
+            margin-right:20px;
+            width:52px;
+            height:64px;
+    }
+    .footer .copyright .body .desc 
+    {
+            margin-right:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            height:100%;
+    }
+    .footer .copyright .body .desc .text 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            justify-content:flex-start;
+            height:30px;
+    }
+    .footer .copyright .body .desc .text >div 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:100%;
+    }
+    .footer .copyright .body .desc .text >div a 
+    {
+            cursor:pointer;
+            margin-right:0px;
+            font-size:14px;
+            text-decoration:none;
+            color:#000;
+    }
+    .footer .copyright .body .desc .text >div span 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .footer .copyright .body .desc .text >a 
+    {
+            cursor:pointer;
+            margin-right:20px;
+            text-decoration:none;
+            font-size:14PX;
+            color:#000000;
+    }
+    .footer .copyright .body .desc .ms-designer 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            height:30px;
+    }
+    .footer .copyright .body .desc .ms-designer a 
+    {
+            cursor:pointer;
+            text-decoration:none;
+            font-size:14PX;
+            color:#DCDCDC;
+    }
+    .footer .copyright .body .right 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:600px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:space-between;
+            margin-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .img 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .img >img 
+    {
+            width:90px;
+            height:90px;
+    }
+    .footer .copyright .body .right .img >span 
+    {
+            font-size:14PX;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .footer .copyright .body .right .wx 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
+    }
+    .footer .copyright .body .right .wx >div 
+    {
+            flex-wrap:wrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:90px;
+    }
+    .footer .copyright .body .right .wx >div >img 
+    {
+            width:50px;
+            margin-bottom:0px;
+            margin-top:4px;
+            height:50px;
+    }
+    .footer .copyright .body .right .wx >div >span 
+    {
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            margin-bottom:0px;
+            margin-top:6px;
+    }
+    .footer .left-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:none;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .footer .left-fixed .content 
+    {
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            flex-direction:row;
+            display:flex;
+            width:100px;
+            box-sizing:border-box;
+            position:fixed;
+            height:100px;
+            margin-left:-720px;
+    }
+    .footer .left-fixed .content >img 
+    {
+            width:100%;
+            margin-bottom:0px;
+            height:100%;
+            margin-left:0px;
+    }
+    .footer .right-fixed 
+    {
+            margin:0 auto;
+            align-items:center;
+            flex-direction:row;
+            display:none;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0px;
+            flex-wrap:nowrap;
+            width:1200px;
+            margin-bottom:0px;
+            position:relative;
+            margin-top:0px;
+            height:0px;
+    }
+    .footer .right-fixed .content 
+    {
+            background-color:#A38F8F;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:600px;
+            top:400px;
+            flex-wrap:nowrap;
+            left:50%;
+            width:100px;
+            position:fixed;
+            height:100px;
+            z-index:1;
+    }
+    .footer .right-fixed .content >img 
+    {
+            width:100%;
+            display:flex;
+            height:100%;
+            margin-left:0px;
+    }
+@media (max-width: 768px){
+        .header 
+        {
+                background-color:#2D548F;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:60px;
+        }
+        .header .center 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                justify-content:space-between;
+                height:100%;
+        }
+        .header .center .left 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .left >a 
+        {
+                cursor:pointer;
+                color:#FFFFFF;
+                text-align:center;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601263314183.png);
+                width:100px;
+                text-decoration:none;
+                background-position:bottom center;
+                padding-top:20px;
+                background-repeat:no-repeat;
+                height:100%;
+        }
+        .header .center .h5-menu 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:80px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .h5-menu .icon 
+        {
+                font-size:28PX;
+                padding-top:0px;
+                color:#FFFFFF;
+                display:flex;
+        }
+        .class-1 
+        {
+                cursor:pointer;
+                color:#FFFFFF;
+                text-align:left;
+                width:100%;
+                text-decoration:none;
+                padding-top:9px;
+                padding-left:28px;
+                height:40px;
+        }
+        .header .center .right 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:60%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .header .center .right >a 
+        {
+                cursor:pointer;
+                font-size:12PX;
+                text-decoration:none;
+                color:#CDD6E1;
+        }
+        .header .center .right >span 
+        {
+                margin-right:2px;
+                color:#FFFFFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                margin-left:2px;
+        }
+        .search 
+        {
+                align-items:center;
+                flex-direction:row;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);
+                display:flex;
+                width:100%;
+                background-size:auto;
+                box-sizing:border-box;
+                background-position:top center;
+                background-repeat:repeat;
+                justify-content:center;
+                height:152px;
+        }
+        .search .center 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                justify-content:center;
+                height:100%;
+        }
+        .search .center .logo 
+        {
+                width:auto;
+                padding-top:0px;
+                height:30%;
+        }
+        .search .center .right 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:90%;
+                box-sizing:border-box;
+                justify-content:center;
+                height:100%;
+        }
+        .search .center .right .top 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-end;
+                height:30px;
+        }
+        .search .center .right .top >a 
+        {
+                cursor:pointer;
+                font-size:13px;
+                text-decoration:none;
+                color:#666666;
+        }
+        .search .center .right .search 
+        {
+                align-items:flex-end;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                height:40%;
+        }
+        .search .center .right .search .ms-search-input 
+        {
+                border-color:#CCCCCC;
+                align-items:flex-end;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-width:1px;
+                width:100%;
+                border-style:solid;
+                padding-left:0px;
+                height:32px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                border-right-style:solid;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                border-right-width:1px;
+                width:100%;
+                border-bottom-right-radius:0px;
+                border-right-color:#CCCCCC;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div .ms-input 
+        {
+                border:0px;
+                background-color:#FFFFFF;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:4px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-top-left-radius:2px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:2px;
+                width:100%;
+                border-bottom-right-radius:2px;
+                border-top-right-radius:2px;
+                padding-top:0px;
+                padding-left:4px;
+                height:30px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-input-div .ms-input span 
+        {
+                color:#DCDFE6;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-top-left-radius:0px;
+                padding-bottom:0px;
+                border-bottom-left-radius:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button 
+        {
+                cursor:pointer;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                border-top-left-radius:0px;
+                border-bottom-left-radius:0px;
+                width:60px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                background-repeat:no-repeat;
+                padding-left:0px;
+                height:100%;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button i 
+        {
+                border-bottom-left-radius:0px;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .search .center .right .search .ms-search-input .ms-search-button span 
+        {
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14px;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .ms-content .ms-channel-path 
+        {
+                margin-right:auto;
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                margin-bottom:10px;
+                box-sizing:border-box;
+                margin-top:10px;
+                height:30px;
+                margin-left:auto;
+        }
+        .ms-content .ms-channel-path .ms-channel-path-label 
+        {
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .ms-content .ms-channel-path .ms-channel-path-index 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .ms-content .ms-channel-path .ms-channel-path-link 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .ms-content .detail 
+        {
+                background-color:#FFFFFF;
+                align-items:flex-start;
+                flex-direction:column;
+                display:flex;
+                padding-right:8px;
+                box-sizing:border-box;
+                margin-left:auto;
+                min-height:800px;
+                margin-right:auto;
+                padding-bottom:8px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:10px;
+                padding-top:8px;
+                position:relative;
+                padding-left:8px;
+                margin-top:0px;
+                height:300px;
+        }
+        .ms-content .detail .body 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                padding-bottom:10px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:10px;
+                padding-top:10px;
+                padding-left:10px;
+                margin-top:0px;
+        }
+        .ms-content .detail .body .type-title 
+        {
+                cursor:pointer;
+                padding-bottom:0px;
+                color:#000;
+                font-size:18PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .ms-content .detail .ms-news-one-line 
+        {
+                background-color:#FFFFFF;
+                align-items:center;
+                flex-direction:row;
+                background-image:url("http://www.gov.cn/govweb/xhtml/2016gov/images/public/point.jpg");
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:flex-start;
+                margin-left:0px;
+                margin-right:0px;
+                padding-bottom:10px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                background-size:auto;
+                padding-top:10px;
+                background-position:left center;
+                padding-left:10px;
+                background-repeat:no-repeat;
+                background-position-x:10px;
+                margin-top:0px;
+        }
+        .ms-content .detail .ms-news-one-line .ms-news-one-line-link 
+        {
+                cursor:pointer;
+                white-space:nowrap;
+                color:#000;
+                padding-right:0px;
+                text-decoration:none;
+                margin-left:0px;
+                margin-right:0px;
+                padding-bottom:0px;
+                overflow:hidden;
+                width:70%;
+                font-size:16PX;
+                margin-bottom:0px;
+                padding-top:0px;
+                text-overflow:ellipsis;
+                padding-left:10px;
+                background-position-x:20px;
+        }
+        .ms-content .detail .ms-news-one-line .ms-news-one-line-date 
+        {
+                margin-right:10px;
+                padding-bottom:0px;
+                color:#9C9C9C;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:14px;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-left:10px;
+        }
+        .ms-right-fixed-top 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .ms-right-fixed-top >.content 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                margin-left:600px;
+                padding-bottom:0px;
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                width:40px;
+                position:fixed;
+                padding-top:0px;
+                padding-left:0px;
+                z-index:1;
+        }
+        .ms-right-fixed-top >.content i 
+        {
+                margin-left:0px;
+        }
+        .ms-right-fixed-top >.content span 
+        {
+                background-color:#909399;
+                color:#FFFFFF;
+                text-align:center;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:5px;
+                margin-left:0px;
+                padding-bottom:5px;
+                width:50px;
+                font-size:14px;
+                padding-top:5px;
+                padding-left:5px;
+                height:40%;
+        }
+        .footer 
+        {
+                border-top-style:solid;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                border-top-width:10px;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                border-top-color:#2F5E95;
+        }
+        .footer .links 
+        {
+                background-color:#F3F3F3;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .links >.body 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                margin-right:0px;
+                align-content:baseline;
+                padding-bottom:10px;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:10px;
+                padding-left:0px;
+                height:unset;
+        }
+        .footer .links >.body span 
+        {
+                padding-bottom:0px;
+                align-items:center;
+                flex-direction:column;
+                word-wrap:break-word;
+                display:inline-block;
+                width:90px;
+                padding-top:2px;
+                padding-left:10px;
+                justify-content:center;
+                height:30px;
+        }
+        .footer .links >.body .link 
+        {
+                margin-right:0px;
+                background-color:#FFFFFF;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:204px;
+                box-sizing:border-box;
+                margin-bottom:10px;
+                padding-top:0px;
+                padding-left:0px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select 
+        {
+                border-color:#DCDFE6;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                padding-right:4px;
+                box-sizing:border-box;
+                justify-content:space-between;
+                border-top-left-radius:2px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:2px;
+                border-width:1px;
+                width:100%;
+                border-bottom-right-radius:2px;
+                border-top-right-radius:2px;
+                padding-top:0px;
+                border-style:solid;
+                padding-left:4px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select span 
+        {
+                color:#DCDFE6;
+                border-bottom-left-radius:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                font-size:14PX;
+                padding-left:0px;
+                border-top-left-radius:0px;
+        }
+        .footer .links >.body .link >.ms-select i 
+        {
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                color:#DCDFE6;
+                border-bottom-left-radius:0px;
+                border-top-left-radius:0px;
+        }
+        .footer .copyright 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:10px;
+                width:100%;
+                margin-bottom:40px;
+                box-sizing:border-box;
+                padding-left:10px;
+                justify-content:center;
+                margin-top:20px;
+                height:unset;
+        }
+        .footer .copyright .body 
+        {
+                align-items:center;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .copyright .body >img 
+        {
+                margin-right:20px;
+                width:52px;
+                height:64px;
+        }
+        .footer .copyright .body .desc 
+        {
+                margin-right:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                height:100%;
+        }
+        .footer .copyright .body .desc .text 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                justify-content:center;
+                height:unset;
+        }
+        .footer .copyright .body .desc .text >div 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .copyright .body .desc .text >div a 
+        {
+                cursor:pointer;
+                font-size:14PX;
+                text-decoration:none;
+                color:#000;
+        }
+        .footer .copyright .body .desc .text >div span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .footer .copyright .body .desc .text >a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                font-size:14PX;
+                text-align:center;
+        }
+        .footer .copyright .body .desc .ms-designer 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:none;
+                width:100%;
+                box-sizing:border-box;
+                justify-content:flex-start;
+        }
+        .footer .copyright .body .desc .ms-designer a 
+        {
+                cursor:pointer;
+                text-decoration:none;
+                font-size:14PX;
+                color:#DCDCDC;
+        }
+        .footer .copyright .body .right 
+        {
+                flex-wrap:nowrap;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-left:0px;
+                justify-content:center;
+                margin-top:20px;
+                height:100%;
+        }
+        .footer .copyright .body .right .img 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .footer .copyright .body .right .img >img 
+        {
+                width:90px;
+                height:90px;
+        }
+        .footer .copyright .body .right .img >span 
+        {
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .footer .copyright .body .right .wx 
+        {
+                align-items:center;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                padding-top:0px;
+                height:100%;
+        }
+        .footer .copyright .body .right .wx >div 
+        {
+                flex-wrap:wrap;
+                flex-direction:row;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:90px;
+        }
+        .footer .copyright .body .right .wx >div >img 
+        {
+                width:50px;
+                margin-bottom:0px;
+                margin-top:4px;
+                height:50px;
+        }
+        .footer .copyright .body .right .wx >div >span 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                margin-bottom:0px;
+                margin-top:6px;
+        }
+        .footer .left-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:1200px;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .footer .left-fixed .content 
+        {
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                flex-direction:row;
+                display:flex;
+                width:100px;
+                box-sizing:border-box;
+                position:fixed;
+                height:100px;
+                margin-left:-720px;
+        }
+        .footer .left-fixed .content >img 
+        {
+                width:100%;
+                margin-bottom:0px;
+                height:100%;
+                margin-left:0px;
+        }
+        .footer .right-fixed 
+        {
+                margin:0 auto;
+                align-items:center;
+                flex-direction:row;
+                display:none;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-left:0px;
+                flex-wrap:nowrap;
+                width:1200px;
+                margin-bottom:0px;
+                position:relative;
+                margin-top:0px;
+                height:0px;
+        }
+        .footer .right-fixed .content 
+        {
+                background-color:#A38F8F;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:600px;
+                top:400px;
+                flex-wrap:nowrap;
+                left:50%;
+                width:100px;
+                position:fixed;
+                height:100px;
+                z-index:1;
+        }
+        .footer .right-fixed .content >img 
+        {
+                width:100%;
+                height:100%;
+                margin-left:0px;
+        }
+
+}</style>

+ 43 - 0
src/main/webapp/template/1/江西省人民政府-web/search.htm

@@ -0,0 +1,43 @@
+
+
+
+        <!--搜索区域 - start -->
+                <div               class="search">
+                <div               class="center">
+            <img
+                    title=""
+                    alt=""
+                    
+                src="{@ms:file global.logo/}"
+                         class="logo"     />
+                <div               class="right">
+                <div               class="top">
+            <a href="#"     
+                    >
+    政务邮箱
+            </a>
+                </div>
+                <div               class="search">
+        <!--搜索 - start -->
+<form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" style="margin:0;padding:0;width:100%">
+<div class="ms-search-input">
+   
+    <div class="ms-search-input-div">
+        <!--输入框 - start -->
+        <input class="ms-input" placeholder="输入搜索关键字"/>
+        <!--输入框 -end -->
+    </div>
+    <div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();">
+        <i class="iconfont icon-fangdajing"></i>
+        <span>
+            搜索
+        </span>
+    </div>
+    
+</div>
+</form>            <!--搜索 -end -->
+                </div>
+                </div>
+                </div>
+                </div>
+            <!--搜索区域 -end -->

+ 0 - 85
src/main/webapp/templets/1/default/about.htm

@@ -1,85 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <#include "head-file.htm"/>
-    </head>
-
-    <body>
-        <#include "head.htm"/>
-      <br/>son
-   {ms:channel type="son"}
-
-<a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
-
-{/ms:channel}   
-            <br/>top
-{ms:channel type="top"}
-
-<a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
- 
-{/ms:channel}
-           <br/>level
-{ms:channel type="level"}
-
-<a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
-
-{/ms:channel}
-
-                  <br/>self
-{ms:channel type="self"}
-
-<a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
-
-{/ms:channel}
-                  <br/>sonOrLevel
-{ms:channel type="sonOrLevel"}
-
-<a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
-
-{/ms:channel}
-      
-                       <br/>path
-{ms:channel type="path"}
-
-<a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
-
-{/ms:channel}
-      
-
-                 <br/>parent
-{ms:channel type="parent"}
-   
-<a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
-    
-{/ms:channel}
-      
-                       <br/>nav
-{ms:channel type="nav"}
-    
-<a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
-
-{/ms:channel}
-      
-        <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/about_us.jpg) no-repeat center;">
-            <p class="banner_tit_about animated fadeInLeft">关于我们</p>
-            <p class="banner_tit_about_des animated fadeInRight">About us</p>
-        </div>
-        <div class="ms-content-about">
-            <div class="ms-content-main">
-                <#include "menu-left.htm"/>
-                <div class="ms-content-right">
-                    <div class="ms-content-right-position">
-                        <a href="{ms:global.host/}">首页</a>
-                        <span>></span>
-                        <a href="{ms:field.typelink/}">{ms:field.typetitle/}</a>
-                    </div>
-                    <div class="ms-content-right-main">
-                        <div class="ms-content-right-main-title">{ms:field.title/}</div>
-                        <div class="ms-content-right-main-content">{ms:field.content/}</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <#include "footer.htm"/>
-    </body>
-</html>

+ 0 - 67
src/main/webapp/templets/1/default/advice.htm

@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <#include "head-file.htm"/>
-    </head>
-    <body>
-        <#include "head.htm"/>
-        <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/talk_online.jpeg) no-repeat center;">
-            <p class="banner_tit_other animated fadeInLeft">在线留言</p>
-            <p class="banner_tit_other_des animated fadeInRight">Talk online</p>
-        </div>
-        <div class="ms-content-advice">
-            <div class="ms-content-form-background">
-                <form class="ms-content-form" method="post" id="postForm">
-                    <input class="ms-content-form-name" type="text" name="name" placeholder="姓名">
-                    <input class="ms-content-form-phone" type="text" name="phone" placeholder="手机">
-                    <textarea class="ms-content-form-message" name="words" placeholder="留言"></textarea>
-                    <div class="ms-login-button">提交</div>
-                </form>
-            </div>
-        </div>
-        <#include "footer.htm"/>
-    </body>
-</html>
-<script>
-    /* 表单提交 */
-    var flag = false;
-    $(".ms-login-button").click(function() {
-        if(!flag) {
-            $.ajax({
-                type: "POST",
-                url: "{ms:global.host/}/mdiy/post/7df6529f9eaa26da7ae4e01c7f73aa06.do",
-                data: $("#postForm").serialize(),
-                success: function(msg) {
-                    flag = true;
-                    alert("提交成功");
-                    location.reload();
-                }
-            });
-        } else {
-            alert("您已经提交过了!");
-        }
-    })
-
-    /* 表单验证 */
-    function verification() {
-        if($('input[name="name"]').val().length > 0 && $('input[name="phone"]').val().length > 0 && $('.ms-content-form-message').val().length > 0) {
-            $('.ms-login-button').css("background-color", "#009aff");
-            $('.ms-login-button').css("pointer-events", 'visible');
-            $('.ms-login-button').css("color", "#fff");
-        } else {
-            $('.ms-login-button').css("background-color", "#fafafa");
-            $('.ms-login-button').css('pointer-events', "none");
-            $('.ms-login-button').css("color", "#ddd");
-        }
-    }
-
-    $('input[name="name"]').keyup(function() {
-        verification();
-    })
-    $('input[name="phone"]').keyup(function() {
-        verification();
-    })
-    $('.ms-content-form-message').keyup(function() {
-        verification();
-    })
-</script>

+ 0 - 47
src/main/webapp/templets/1/default/case-list.htm

@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <#include "head-file.htm"/>
-    </head>
-
-    <body>
-        <#include "head.htm"/>
-        <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/00.png) no-repeat center;">
-            <p class="banner_tit_other animated fadeInLeft">案&nbsp;&nbsp;&nbsp;例</p>
-            <p class="banner_tit_other_des animated fadeInRight">Case list</p>
-        </div>
-        <div class="ms-content-case">
-            <div class="ms-content-main">
-                {ms:arclist size=6 ispaging=true}
-                <div class="ms-content-main-case">
-                    <div class="ms-content-main-case-img">
-                        <img src="{ms:global.host/}[field.litpic/]">
-                    </div>
-                    <div class="ms-content-main-case-explain">
-                        <div class="ms-content-main-case-title">[field.title/]</div>
-                        <div class="ms-content-main-case-content">
-                            <p class="ms-content-main-case-written">
-                                [field.content/]
-                            </p>
-                            <!-- <p class="ms-content-main-case-QRcode">
-                                <img src="./images/1471918025445.png">
-                            </p> -->
-                        </div>
-                        <div class="ms-content-main-case-click">
-                            <a target="_blank" href="[field.source/]">点击查看</a>
-                        </div>
-                    </div>
-                </div>
-                {/ms:arclist}
-            </div>
-        </div>
-        <#include "footer.htm"/>
-    </body>
-</html>
-<script type="text/javascript">
-    $(function() {
-        $('.ms-content-main-case').hover(function() {
-            $(this).find('.ms-content-main-case-explain').toggle();
-        });
-    });
-</script>

+ 0 - 143
src/main/webapp/templets/1/default/contact.htm

@@ -1,143 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <#include "head-file.htm"/>
-    </head>
-    <body>
-        <#include "head.htm"/>
-        <div class="ms-banner" style="background:url({ms:global.host/}/{ms:global.style/}/images/contact_us.jpeg) no-repeat center;">
-            <p class="banner_tit_other animated fadeInLeft" >联系我们</p>
-            <p class="banner_tit_other_des animated fadeInRight">Contact us</p>
-        </div>
-        <div class="ms-content-about">
-            <div class="ms-content-main">
-                <#include "menu-left.htm"/>
-                <div class="ms-content-right">
-                    <div class="ms-content-right-position">
-                        <a href="{ms:global.host/}">首页</a>
-                        <span>></span>
-                        <a href="{ms:field.typelink/}">{ms:field.typetitle/}</a>
-                    </div>
-                    <div class="ms-content-right-main">
-                        <div class="ms-content-right-main-title">联系我们</div>
-                        <div class="ms-content-right-main-content"><!-- {ms:field.content/} -->
-							<style type="text/css">
-								.BMap_Marker img{
-								    width: 100%;
-								    height: 100%;
-								}
-							    html,body{margin:0;padding:0;}
-							    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
-							    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
-							</style>
-							<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
-							<body>
-							  <!--百度地图容器-->
-							  <div style="width:100%;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
-							</body>
-							<script type="text/javascript">
-							    //创建和初始化地图函数:
-							    function initMap(){
-							        createMap();//创建地图
-							        setMapEvent();//设置地图事件
-							        addMapControl();//向地图添加控件
-							        addMarker();//向地图中添加marker
-							    }
-							    
-							    //创建地图函数:
-							    function createMap(){
-							        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
-							        var point = new BMap.Point(116.737158,29.153633);//定义一个中心点坐标
-							        map.centerAndZoom(point,9);//设定地图的中心点和坐标并将地图显示在地图容器中
-							        window.map = map;//将map变量存储在全局
-							    }
-							    
-							    //地图事件设置函数:
-							    function setMapEvent(){
-							        map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
-							        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
-							        map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
-							        map.enableKeyboard();//启用键盘上下左右键移动地图
-							    }
-							    
-							    //地图控件添加函数:
-							    function addMapControl(){
-							        //向地图中添加缩放控件
-							  var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
-							  map.addControl(ctrl_nav);
-							        //向地图中添加缩略图控件
-							  var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
-							  map.addControl(ctrl_ove);
-							        //向地图中添加比例尺控件
-							  var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
-							  map.addControl(ctrl_sca);
-							    }
-							    
-							    //标注点数组
-							    var markerArr = [{title:"铭飞科技(景德镇)有限公司",content:"江西省景德镇市昌江区&nbsp;枫林佳苑&nbsp;15栋A区&nbsp;三单元&nbsp;302室",point:"117.187869|29.282949",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
-							     ,{title:"铭飞科技(南昌)办事处",content:"江西省南昌市青山湖区创新一路&nbsp;绿地新都会(西门)&nbsp;12栋2单元901室",point:"116.003117|28.683521",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
-							     ];
-							    //创建marker
-							    function addMarker(){
-							        for(var i=0;i<markerArr.length;i++){
-							            var json = markerArr[i];
-							            var p0 = json.point.split("|")[0];
-							            var p1 = json.point.split("|")[1];
-							            var point = new BMap.Point(p0,p1);
-							      var iconImg = createIcon(json.icon);
-							            var marker = new BMap.Marker(point,{icon:iconImg});
-							      var iw = createInfoWindow(i);
-							      var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
-							      marker.setLabel(label);
-							            map.addOverlay(marker);
-							            label.setStyle({
-							                        borderColor:"#808080",
-							                        color:"#333",
-							                        cursor:"pointer"
-							            });
-							      
-							      (function(){
-							        var index = i;
-							        var _iw = createInfoWindow(i);
-							        var _marker = marker;
-							        _marker.addEventListener("click",function(){
-							            this.openInfoWindow(_iw);
-							          });
-							          _iw.addEventListener("open",function(){
-							            _marker.getLabel().hide();
-							          })
-							          _iw.addEventListener("close",function(){
-							            _marker.getLabel().show();
-							          })
-							        label.addEventListener("click",function(){
-							            _marker.openInfoWindow(_iw);
-							          })
-							        if(!!json.isOpen){
-							          label.hide();
-							          _marker.openInfoWindow(_iw);
-							        }
-							      })()
-							        }
-							    }
-							    //创建InfoWindow
-							    function createInfoWindow(i){
-							        var json = markerArr[i];
-							        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
-							        return iw;
-							    }
-							    //创建一个Icon
-							    function createIcon(json){
-							        var icon = new BMap.Icon("{ms:global.host/}/{ms:global.style/}/images/img-2.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
-							        return icon;
-							    }
-							    
-							    initMap();//创建和初始化地图
-							</script>                        
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <#include "footer.htm"/>
-    </body>
-</html>

Plik diff jest za duży
+ 0 - 0
src/main/webapp/templets/1/default/css/about.css


+ 0 - 1
src/main/webapp/templets/1/default/css/advice.css

@@ -1 +0,0 @@
-.ms-content-advice{margin-top:20px;margin-bottom:40px}.ms-content-advice .ms-content-form-background{width:1200px;height:480px;background-color:#ffffff;margin:auto;display:flex}.ms-content-advice .ms-content-form-background .ms-content-form{width:330px;margin:auto}.ms-content-advice .ms-content-form-background .ms-content-form ::-webkit-input-placeholder{color:#999}.ms-content-advice .ms-content-form-background .ms-content-form input::-webkit-input-placeholder,.ms-content-advice .ms-content-form-background .ms-content-form textarea::-webkit-input-placeholder{font-family:Arial,Verdana,Sans-serif}.ms-content-advice .ms-content-form-background .ms-content-form .ms-content-form-name,.ms-content-advice .ms-content-form-background .ms-content-form .ms-content-form-phone,.ms-content-advice .ms-content-form-background .ms-content-form .ms-content-form-message{width:308px;height:12px;padding:10px;display:block;border:1px solid #eeeeee;border-radius:3px;color:#555555;margin-bottom:20px}.ms-content-advice .ms-content-form-background .ms-content-form .ms-content-form-message{height:142px}.ms-content-advice .ms-content-form-background .ms-content-form .ms-login-button{pointer-events:none;width:330px;height:34px;line-height:34px;font-size:14px;color:#ddd;text-align:center;background-color:#fafafa;cursor:pointer;border-radius:4px}/*# sourceMappingURL=./advice.css.map */

+ 0 - 3368
src/main/webapp/templets/1/default/css/animate.css

@@ -1,3368 +0,0 @@
-@charset "UTF-8";
-
-/*!
- * animate.css -http://daneden.me/animate
- * Version - 3.5.1
- * Licensed under the MIT license - http://opensource.org/licenses/MIT
- *
- * Copyright (c) 2016 Daniel Eden
- */
-.banner_tit{
-  margin-top: 85px;
-}
-
-.banner_tit,.banner_des,.banner_tit_about,.banner_tit_about_des,.banner_tit_other,.banner_tit_other_des{
-  text-align: center;
-  color: #fff;
-  font-size:68px;
-  position: relative;
-  font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
-}
-.banner_des{
-  font-size: 35px;
-}
-.banner_tit_about,.banner_tit_about_des{
-  text-align: left;
-  font-size: 44px; 
-  padding-top: 125px;
-  padding-left:27%;
-}
-.banner_tit_about_des,.banner_tit_other_des{
-  font-size: 30px; 
-  font-family: "SimSun";
-  padding-top:0px;
-}
-.banner_tit_other{
-  padding-top: 125px;
-  font-size: 44px; 
-}
-.animated {
-  -webkit-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-
-.animated.infinite {
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-}
-
-.animated.hinge {
-  -webkit-animation-duration: 2s;
-  animation-duration: 2s;
-}
-
-.animated.flipOutX,
-.animated.flipOutY,
-.animated.bounceIn,
-.animated.bounceOut {
-  -webkit-animation-duration: .75s;
-  animation-duration: .75s;
-}
-
-@-webkit-keyframes bounce {
-  from, 20%, 53%, 80%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    -webkit-transform: translate3d(0,0,0);
-    transform: translate3d(0,0,0);
-  }
-
-  40%, 43% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    -webkit-transform: translate3d(0, -30px, 0);
-    transform: translate3d(0, -30px, 0);
-  }
-
-  70% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    -webkit-transform: translate3d(0, -15px, 0);
-    transform: translate3d(0, -15px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0,-4px,0);
-    transform: translate3d(0,-4px,0);
-  }
-}
-
-@keyframes bounce {
-  from, 20%, 53%, 80%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    -webkit-transform: translate3d(0,0,0);
-    transform: translate3d(0,0,0);
-  }
-
-  40%, 43% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    -webkit-transform: translate3d(0, -30px, 0);
-    transform: translate3d(0, -30px, 0);
-  }
-
-  70% {
-    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-    -webkit-transform: translate3d(0, -15px, 0);
-    transform: translate3d(0, -15px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0,-4px,0);
-    transform: translate3d(0,-4px,0);
-  }
-}
-
-.bounce {
-  -webkit-animation-name: bounce;
-  animation-name: bounce;
-  -webkit-transform-origin: center bottom;
-  transform-origin: center bottom;
-}
-
-@-webkit-keyframes flash {
-  from, 50%, to {
-    opacity: 1;
-  }
-
-  25%, 75% {
-    opacity: 0;
-  }
-}
-
-@keyframes flash {
-  from, 50%, to {
-    opacity: 1;
-  }
-
-  25%, 75% {
-    opacity: 0;
-  }
-}
-
-.flash {
-  -webkit-animation-name: flash;
-  animation-name: flash;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes pulse {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  50% {
-    -webkit-transform: scale3d(1.05, 1.05, 1.05);
-    transform: scale3d(1.05, 1.05, 1.05);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes pulse {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  50% {
-    -webkit-transform: scale3d(1.05, 1.05, 1.05);
-    transform: scale3d(1.05, 1.05, 1.05);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-.pulse {
-  -webkit-animation-name: pulse;
-  animation-name: pulse;
-}
-
-@-webkit-keyframes rubberBand {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  30% {
-    -webkit-transform: scale3d(1.25, 0.75, 1);
-    transform: scale3d(1.25, 0.75, 1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(0.75, 1.25, 1);
-    transform: scale3d(0.75, 1.25, 1);
-  }
-
-  50% {
-    -webkit-transform: scale3d(1.15, 0.85, 1);
-    transform: scale3d(1.15, 0.85, 1);
-  }
-
-  65% {
-    -webkit-transform: scale3d(.95, 1.05, 1);
-    transform: scale3d(.95, 1.05, 1);
-  }
-
-  75% {
-    -webkit-transform: scale3d(1.05, .95, 1);
-    transform: scale3d(1.05, .95, 1);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes rubberBand {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  30% {
-    -webkit-transform: scale3d(1.25, 0.75, 1);
-    transform: scale3d(1.25, 0.75, 1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(0.75, 1.25, 1);
-    transform: scale3d(0.75, 1.25, 1);
-  }
-
-  50% {
-    -webkit-transform: scale3d(1.15, 0.85, 1);
-    transform: scale3d(1.15, 0.85, 1);
-  }
-
-  65% {
-    -webkit-transform: scale3d(.95, 1.05, 1);
-    transform: scale3d(.95, 1.05, 1);
-  }
-
-  75% {
-    -webkit-transform: scale3d(1.05, .95, 1);
-    transform: scale3d(1.05, .95, 1);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-.rubberBand {
-  -webkit-animation-name: rubberBand;
-  animation-name: rubberBand;
-}
-
-@-webkit-keyframes shake {
-  from, to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  10%, 30%, 50%, 70%, 90% {
-    -webkit-transform: translate3d(-10px, 0, 0);
-    transform: translate3d(-10px, 0, 0);
-  }
-
-  20%, 40%, 60%, 80% {
-    -webkit-transform: translate3d(10px, 0, 0);
-    transform: translate3d(10px, 0, 0);
-  }
-}
-
-@keyframes shake {
-  from, to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  10%, 30%, 50%, 70%, 90% {
-    -webkit-transform: translate3d(-10px, 0, 0);
-    transform: translate3d(-10px, 0, 0);
-  }
-
-  20%, 40%, 60%, 80% {
-    -webkit-transform: translate3d(10px, 0, 0);
-    transform: translate3d(10px, 0, 0);
-  }
-}
-
-.shake {
-  -webkit-animation-name: shake;
-  animation-name: shake;
-}
-
-@-webkit-keyframes headShake {
-  0% {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-
-  6.5% {
-    -webkit-transform: translateX(-6px) rotateY(-9deg);
-    transform: translateX(-6px) rotateY(-9deg);
-  }
-
-  18.5% {
-    -webkit-transform: translateX(5px) rotateY(7deg);
-    transform: translateX(5px) rotateY(7deg);
-  }
-
-  31.5% {
-    -webkit-transform: translateX(-3px) rotateY(-5deg);
-    transform: translateX(-3px) rotateY(-5deg);
-  }
-
-  43.5% {
-    -webkit-transform: translateX(2px) rotateY(3deg);
-    transform: translateX(2px) rotateY(3deg);
-  }
-
-  50% {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-}
-
-@keyframes headShake {
-  0% {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-
-  6.5% {
-    -webkit-transform: translateX(-6px) rotateY(-9deg);
-    transform: translateX(-6px) rotateY(-9deg);
-  }
-
-  18.5% {
-    -webkit-transform: translateX(5px) rotateY(7deg);
-    transform: translateX(5px) rotateY(7deg);
-  }
-
-  31.5% {
-    -webkit-transform: translateX(-3px) rotateY(-5deg);
-    transform: translateX(-3px) rotateY(-5deg);
-  }
-
-  43.5% {
-    -webkit-transform: translateX(2px) rotateY(3deg);
-    transform: translateX(2px) rotateY(3deg);
-  }
-
-  50% {
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-}
-
-.headShake {
-  -webkit-animation-timing-function: ease-in-out;
-  animation-timing-function: ease-in-out;
-  -webkit-animation-name: headShake;
-  animation-name: headShake;
-}
-
-@-webkit-keyframes swing {
-  20% {
-    -webkit-transform: rotate3d(0, 0, 1, 15deg);
-    transform: rotate3d(0, 0, 1, 15deg);
-  }
-
-  40% {
-    -webkit-transform: rotate3d(0, 0, 1, -10deg);
-    transform: rotate3d(0, 0, 1, -10deg);
-  }
-
-  60% {
-    -webkit-transform: rotate3d(0, 0, 1, 5deg);
-    transform: rotate3d(0, 0, 1, 5deg);
-  }
-
-  80% {
-    -webkit-transform: rotate3d(0, 0, 1, -5deg);
-    transform: rotate3d(0, 0, 1, -5deg);
-  }
-
-  to {
-    -webkit-transform: rotate3d(0, 0, 1, 0deg);
-    transform: rotate3d(0, 0, 1, 0deg);
-  }
-}
-
-@keyframes swing {
-  20% {
-    -webkit-transform: rotate3d(0, 0, 1, 15deg);
-    transform: rotate3d(0, 0, 1, 15deg);
-  }
-
-  40% {
-    -webkit-transform: rotate3d(0, 0, 1, -10deg);
-    transform: rotate3d(0, 0, 1, -10deg);
-  }
-
-  60% {
-    -webkit-transform: rotate3d(0, 0, 1, 5deg);
-    transform: rotate3d(0, 0, 1, 5deg);
-  }
-
-  80% {
-    -webkit-transform: rotate3d(0, 0, 1, -5deg);
-    transform: rotate3d(0, 0, 1, -5deg);
-  }
-
-  to {
-    -webkit-transform: rotate3d(0, 0, 1, 0deg);
-    transform: rotate3d(0, 0, 1, 0deg);
-  }
-}
-
-.swing {
-  -webkit-transform-origin: top center;
-  transform-origin: top center;
-  -webkit-animation-name: swing;
-  animation-name: swing;
-}
-
-@-webkit-keyframes tada {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  10%, 20% {
-    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-  }
-
-  30%, 50%, 70%, 90% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-
-  40%, 60%, 80% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes tada {
-  from {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-
-  10%, 20% {
-    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-  }
-
-  30%, 50%, 70%, 90% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-
-  40%, 60%, 80% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-  }
-
-  to {
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-.tada {
-  -webkit-animation-name: tada;
-  animation-name: tada;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes wobble {
-  from {
-    -webkit-transform: none;
-    transform: none;
-  }
-
-  15% {
-    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-  }
-
-  30% {
-    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-  }
-
-  45% {
-    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-  }
-
-  60% {
-    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-  }
-
-  75% {
-    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes wobble {
-  from {
-    -webkit-transform: none;
-    transform: none;
-  }
-
-  15% {
-    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-  }
-
-  30% {
-    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-  }
-
-  45% {
-    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-  }
-
-  60% {
-    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-  }
-
-  75% {
-    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.wobble {
-  -webkit-animation-name: wobble;
-  animation-name: wobble;
-}
-
-@-webkit-keyframes jello {
-  from, 11.1%, to {
-    -webkit-transform: none;
-    transform: none;
-  }
-
-  22.2% {
-    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-    transform: skewX(-12.5deg) skewY(-12.5deg);
-  }
-
-  33.3% {
-    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
-    transform: skewX(6.25deg) skewY(6.25deg);
-  }
-
-  44.4% {
-    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-    transform: skewX(-3.125deg) skewY(-3.125deg);
-  }
-
-  55.5% {
-    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-    transform: skewX(1.5625deg) skewY(1.5625deg);
-  }
-
-  66.6% {
-    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-    transform: skewX(-0.78125deg) skewY(-0.78125deg);
-  }
-
-  77.7% {
-    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-    transform: skewX(0.390625deg) skewY(0.390625deg);
-  }
-
-  88.8% {
-    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-  }
-}
-
-@keyframes jello {
-  from, 11.1%, to {
-    -webkit-transform: none;
-    transform: none;
-  }
-
-  22.2% {
-    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-    transform: skewX(-12.5deg) skewY(-12.5deg);
-  }
-
-  33.3% {
-    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
-    transform: skewX(6.25deg) skewY(6.25deg);
-  }
-
-  44.4% {
-    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-    transform: skewX(-3.125deg) skewY(-3.125deg);
-  }
-
-  55.5% {
-    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-    transform: skewX(1.5625deg) skewY(1.5625deg);
-  }
-
-  66.6% {
-    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-    transform: skewX(-0.78125deg) skewY(-0.78125deg);
-  }
-
-  77.7% {
-    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-    transform: skewX(0.390625deg) skewY(0.390625deg);
-  }
-
-  88.8% {
-    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-  }
-}
-
-.jello {
-  -webkit-animation-name: jello;
-  animation-name: jello;
-  -webkit-transform-origin: center;
-  transform-origin: center;
-}
-
-@-webkit-keyframes bounceIn {
-  from, 20%, 40%, 60%, 80%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  20% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
-    transform: scale3d(1.03, 1.03, 1.03);
-  }
-
-  80% {
-    -webkit-transform: scale3d(.97, .97, .97);
-    transform: scale3d(.97, .97, .97);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes bounceIn {
-  from, 20%, 40%, 60%, 80%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  20% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
-    transform: scale3d(1.03, 1.03, 1.03);
-  }
-
-  80% {
-    -webkit-transform: scale3d(.97, .97, .97);
-    transform: scale3d(.97, .97, .97);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-.bounceIn {
-  -webkit-animation-name: bounceIn;
-  animation-name: bounceIn;
-}
-
-@-webkit-keyframes bounceInDown {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -3000px, 0);
-    transform: translate3d(0, -3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 25px, 0);
-    transform: translate3d(0, 25px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, -10px, 0);
-    transform: translate3d(0, -10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, 5px, 0);
-    transform: translate3d(0, 5px, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes bounceInDown {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -3000px, 0);
-    transform: translate3d(0, -3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 25px, 0);
-    transform: translate3d(0, 25px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, -10px, 0);
-    transform: translate3d(0, -10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, 5px, 0);
-    transform: translate3d(0, 5px, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.bounceInDown {
-  -webkit-animation-name: bounceInDown;
-  animation-name: bounceInDown;
-}
-
-@-webkit-keyframes bounceInLeft {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-3000px, 0, 0);
-    transform: translate3d(-3000px, 0, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(25px, 0, 0);
-    transform: translate3d(25px, 0, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(-10px, 0, 0);
-    transform: translate3d(-10px, 0, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(5px, 0, 0);
-    transform: translate3d(5px, 0, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes bounceInLeft {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(-3000px, 0, 0);
-    transform: translate3d(-3000px, 0, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(25px, 0, 0);
-    transform: translate3d(25px, 0, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(-10px, 0, 0);
-    transform: translate3d(-10px, 0, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(5px, 0, 0);
-    transform: translate3d(5px, 0, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.bounceInLeft {
-  -webkit-animation-name: bounceInLeft;
-  animation-name: bounceInLeft;
-}
-
-@-webkit-keyframes bounceInRight {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(3000px, 0, 0);
-    transform: translate3d(3000px, 0, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(-25px, 0, 0);
-    transform: translate3d(-25px, 0, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(10px, 0, 0);
-    transform: translate3d(10px, 0, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(-5px, 0, 0);
-    transform: translate3d(-5px, 0, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes bounceInRight {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(3000px, 0, 0);
-    transform: translate3d(3000px, 0, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(-25px, 0, 0);
-    transform: translate3d(-25px, 0, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(10px, 0, 0);
-    transform: translate3d(10px, 0, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(-5px, 0, 0);
-    transform: translate3d(-5px, 0, 0);
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.bounceInRight {
-  -webkit-animation-name: bounceInRight;
-  animation-name: bounceInRight;
-}
-
-@-webkit-keyframes bounceInUp {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 3000px, 0);
-    transform: translate3d(0, 3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0);
-    transform: translate3d(0, -20px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, 10px, 0);
-    transform: translate3d(0, 10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, -5px, 0);
-    transform: translate3d(0, -5px, 0);
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes bounceInUp {
-  from, 60%, 75%, 90%, to {
-    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 3000px, 0);
-    transform: translate3d(0, 3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0);
-    transform: translate3d(0, -20px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, 10px, 0);
-    transform: translate3d(0, 10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, -5px, 0);
-    transform: translate3d(0, -5px, 0);
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.bounceInUp {
-  -webkit-animation-name: bounceInUp;
-  animation-name: bounceInUp;
-}
-
-@-webkit-keyframes bounceOut {
-  20% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  50%, 55% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-}
-
-@keyframes bounceOut {
-  20% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  50%, 55% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-}
-
-.bounceOut {
-  -webkit-animation-name: bounceOut;
-  animation-name: bounceOut;
-}
-
-@-webkit-keyframes bounceOutDown {
-  20% {
-    -webkit-transform: translate3d(0, 10px, 0);
-    transform: translate3d(0, 10px, 0);
-  }
-
-  40%, 45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0);
-    transform: translate3d(0, -20px, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-
-@keyframes bounceOutDown {
-  20% {
-    -webkit-transform: translate3d(0, 10px, 0);
-    transform: translate3d(0, 10px, 0);
-  }
-
-  40%, 45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, -20px, 0);
-    transform: translate3d(0, -20px, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-
-.bounceOutDown {
-  -webkit-animation-name: bounceOutDown;
-  animation-name: bounceOutDown;
-}
-
-@-webkit-keyframes bounceOutLeft {
-  20% {
-    opacity: 1;
-    -webkit-transform: translate3d(20px, 0, 0);
-    transform: translate3d(20px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-
-@keyframes bounceOutLeft {
-  20% {
-    opacity: 1;
-    -webkit-transform: translate3d(20px, 0, 0);
-    transform: translate3d(20px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-
-.bounceOutLeft {
-  -webkit-animation-name: bounceOutLeft;
-  animation-name: bounceOutLeft;
-}
-
-@-webkit-keyframes bounceOutRight {
-  20% {
-    opacity: 1;
-    -webkit-transform: translate3d(-20px, 0, 0);
-    transform: translate3d(-20px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-
-@keyframes bounceOutRight {
-  20% {
-    opacity: 1;
-    -webkit-transform: translate3d(-20px, 0, 0);
-    transform: translate3d(-20px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-
-.bounceOutRight {
-  -webkit-animation-name: bounceOutRight;
-  animation-name: bounceOutRight;
-}
-
-@-webkit-keyframes bounceOutUp {
-  20% {
-    -webkit-transform: translate3d(0, -10px, 0);
-    transform: translate3d(0, -10px, 0);
-  }
-
-  40%, 45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 20px, 0);
-    transform: translate3d(0, 20px, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-
-@keyframes bounceOutUp {
-  20% {
-    -webkit-transform: translate3d(0, -10px, 0);
-    transform: translate3d(0, -10px, 0);
-  }
-
-  40%, 45% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 20px, 0);
-    transform: translate3d(0, 20px, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-
-.bounceOutUp {
-  -webkit-animation-name: bounceOutUp;
-  animation-name: bounceOutUp;
-}
-
-@-webkit-keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-.fadeIn {
-  -webkit-animation-name: fadeIn;
-  animation-name: fadeIn;
-}
-
-@-webkit-keyframes fadeInDown {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInDown {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInDown {
-  -webkit-animation-name: fadeInDown;
-  animation-name: fadeInDown;
-}
-
-@-webkit-keyframes fadeInDownBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInDownBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInDownBig {
-  -webkit-animation-name: fadeInDownBig;
-  animation-name: fadeInDownBig;
-}
-
-@-webkit-keyframes fadeInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInLeft {
-  -webkit-animation-name: fadeInLeft;
-  animation-name: fadeInLeft;
-}
-
-@-webkit-keyframes fadeInLeftBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInLeftBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInLeftBig {
-  -webkit-animation-name: fadeInLeftBig;
-  animation-name: fadeInLeftBig;
-}
-
-@-webkit-keyframes fadeInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInRight {
-  -webkit-animation-name: fadeInRight;
-  animation-name: fadeInRight;
-}
-
-@-webkit-keyframes fadeInRightBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInRightBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInRightBig {
-  -webkit-animation-name: fadeInRightBig;
-  animation-name: fadeInRightBig;
-}
-
-@-webkit-keyframes fadeInUp {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInUp {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInUp {
-  -webkit-animation-name: fadeInUp;
-  animation-name: fadeInUp;
-}
-
-@-webkit-keyframes fadeInUpBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes fadeInUpBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.fadeInUpBig {
-  -webkit-animation-name: fadeInUpBig;
-  animation-name: fadeInUpBig;
-}
-
-@-webkit-keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-.fadeOut {
-  -webkit-animation-name: fadeOut;
-  animation-name: fadeOut;
-}
-
-@-webkit-keyframes fadeOutDown {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes fadeOutDown {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-.fadeOutDown {
-  -webkit-animation-name: fadeOutDown;
-  animation-name: fadeOutDown;
-}
-
-@-webkit-keyframes fadeOutDownBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-
-@keyframes fadeOutDownBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, 2000px, 0);
-    transform: translate3d(0, 2000px, 0);
-  }
-}
-
-.fadeOutDownBig {
-  -webkit-animation-name: fadeOutDownBig;
-  animation-name: fadeOutDownBig;
-}
-
-@-webkit-keyframes fadeOutLeft {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes fadeOutLeft {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-.fadeOutLeft {
-  -webkit-animation-name: fadeOutLeft;
-  animation-name: fadeOutLeft;
-}
-
-@-webkit-keyframes fadeOutLeftBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-
-@keyframes fadeOutLeftBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-}
-
-.fadeOutLeftBig {
-  -webkit-animation-name: fadeOutLeftBig;
-  animation-name: fadeOutLeftBig;
-}
-
-@-webkit-keyframes fadeOutRight {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes fadeOutRight {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-.fadeOutRight {
-  -webkit-animation-name: fadeOutRight;
-  animation-name: fadeOutRight;
-}
-
-@-webkit-keyframes fadeOutRightBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-
-@keyframes fadeOutRightBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-}
-
-.fadeOutRightBig {
-  -webkit-animation-name: fadeOutRightBig;
-  animation-name: fadeOutRightBig;
-}
-
-@-webkit-keyframes fadeOutUp {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes fadeOutUp {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-.fadeOutUp {
-  -webkit-animation-name: fadeOutUp;
-  animation-name: fadeOutUp;
-}
-
-@-webkit-keyframes fadeOutUpBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-
-@keyframes fadeOutUpBig {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -2000px, 0);
-    transform: translate3d(0, -2000px, 0);
-  }
-}
-
-.fadeOutUpBig {
-  -webkit-animation-name: fadeOutUpBig;
-  animation-name: fadeOutUpBig;
-}
-
-@-webkit-keyframes flip {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-
-  50% {
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-    transform: perspective(400px) scale3d(.95, .95, .95);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-}
-
-@keyframes flip {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-
-  50% {
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
-    transform: perspective(400px) scale3d(.95, .95, .95);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-}
-
-.animated.flip {
-  -webkit-backface-visibility: visible;
-  backface-visibility: visible;
-  -webkit-animation-name: flip;
-  animation-name: flip;
-}
-
-@-webkit-keyframes flipInX {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-}
-
-@keyframes flipInX {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-}
-
-.flipInX {
-  -webkit-backface-visibility: visible !important;
-  backface-visibility: visible !important;
-  -webkit-animation-name: flipInX;
-  animation-name: flipInX;
-}
-
-@-webkit-keyframes flipInY {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-}
-
-@keyframes flipInY {
-  from {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-    -webkit-animation-timing-function: ease-in;
-    animation-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-  }
-
-  to {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-}
-
-.flipInY {
-  -webkit-backface-visibility: visible !important;
-  backface-visibility: visible !important;
-  -webkit-animation-name: flipInY;
-  animation-name: flipInY;
-}
-
-@-webkit-keyframes flipOutX {
-  from {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-
-  30% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    opacity: 0;
-  }
-}
-
-@keyframes flipOutX {
-  from {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-
-  30% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    opacity: 0;
-  }
-}
-
-.flipOutX {
-  -webkit-animation-name: flipOutX;
-  animation-name: flipOutX;
-  -webkit-backface-visibility: visible !important;
-  backface-visibility: visible !important;
-}
-
-@-webkit-keyframes flipOutY {
-  from {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-
-  30% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    opacity: 0;
-  }
-}
-
-@keyframes flipOutY {
-  from {
-    -webkit-transform: perspective(400px);
-    transform: perspective(400px);
-  }
-
-  30% {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-    opacity: 0;
-  }
-}
-
-.flipOutY {
-  -webkit-backface-visibility: visible !important;
-  backface-visibility: visible !important;
-  -webkit-animation-name: flipOutY;
-  animation-name: flipOutY;
-}
-
-@-webkit-keyframes lightSpeedIn {
-  from {
-    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-    transform: translate3d(100%, 0, 0) skewX(-30deg);
-    opacity: 0;
-  }
-
-  60% {
-    -webkit-transform: skewX(20deg);
-    transform: skewX(20deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: skewX(-5deg);
-    transform: skewX(-5deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes lightSpeedIn {
-  from {
-    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-    transform: translate3d(100%, 0, 0) skewX(-30deg);
-    opacity: 0;
-  }
-
-  60% {
-    -webkit-transform: skewX(20deg);
-    transform: skewX(20deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: skewX(-5deg);
-    transform: skewX(-5deg);
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.lightSpeedIn {
-  -webkit-animation-name: lightSpeedIn;
-  animation-name: lightSpeedIn;
-  -webkit-animation-timing-function: ease-out;
-  animation-timing-function: ease-out;
-}
-
-@-webkit-keyframes lightSpeedOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-    transform: translate3d(100%, 0, 0) skewX(30deg);
-    opacity: 0;
-  }
-}
-
-@keyframes lightSpeedOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-    transform: translate3d(100%, 0, 0) skewX(30deg);
-    opacity: 0;
-  }
-}
-
-.lightSpeedOut {
-  -webkit-animation-name: lightSpeedOut;
-  animation-name: lightSpeedOut;
-  -webkit-animation-timing-function: ease-in;
-  animation-timing-function: ease-in;
-}
-
-@-webkit-keyframes rotateIn {
-  from {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: rotate3d(0, 0, 1, -200deg);
-    transform: rotate3d(0, 0, 1, -200deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateIn {
-  from {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: rotate3d(0, 0, 1, -200deg);
-    transform: rotate3d(0, 0, 1, -200deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateIn {
-  -webkit-animation-name: rotateIn;
-  animation-name: rotateIn;
-}
-
-@-webkit-keyframes rotateInDownLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateInDownLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateInDownLeft {
-  -webkit-animation-name: rotateInDownLeft;
-  animation-name: rotateInDownLeft;
-}
-
-@-webkit-keyframes rotateInDownRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateInDownRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateInDownRight {
-  -webkit-animation-name: rotateInDownRight;
-  animation-name: rotateInDownRight;
-}
-
-@-webkit-keyframes rotateInUpLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateInUpLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateInUpLeft {
-  -webkit-animation-name: rotateInUpLeft;
-  animation-name: rotateInUpLeft;
-}
-
-@-webkit-keyframes rotateInUpRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -90deg);
-    transform: rotate3d(0, 0, 1, -90deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-@keyframes rotateInUpRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -90deg);
-    transform: rotate3d(0, 0, 1, -90deg);
-    opacity: 0;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: none;
-    transform: none;
-    opacity: 1;
-  }
-}
-
-.rotateInUpRight {
-  -webkit-animation-name: rotateInUpRight;
-  animation-name: rotateInUpRight;
-}
-
-@-webkit-keyframes rotateOut {
-  from {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: rotate3d(0, 0, 1, 200deg);
-    transform: rotate3d(0, 0, 1, 200deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOut {
-  from {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: center;
-    transform-origin: center;
-    -webkit-transform: rotate3d(0, 0, 1, 200deg);
-    transform: rotate3d(0, 0, 1, 200deg);
-    opacity: 0;
-  }
-}
-
-.rotateOut {
-  -webkit-animation-name: rotateOut;
-  animation-name: rotateOut;
-}
-
-@-webkit-keyframes rotateOutDownLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOutDownLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
-    transform: rotate3d(0, 0, 1, 45deg);
-    opacity: 0;
-  }
-}
-
-.rotateOutDownLeft {
-  -webkit-animation-name: rotateOutDownLeft;
-  animation-name: rotateOutDownLeft;
-}
-
-@-webkit-keyframes rotateOutDownRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOutDownRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-}
-
-.rotateOutDownRight {
-  -webkit-animation-name: rotateOutDownRight;
-  animation-name: rotateOutDownRight;
-}
-
-@-webkit-keyframes rotateOutUpLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOutUpLeft {
-  from {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: left bottom;
-    transform-origin: left bottom;
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
-    transform: rotate3d(0, 0, 1, -45deg);
-    opacity: 0;
-  }
-}
-
-.rotateOutUpLeft {
-  -webkit-animation-name: rotateOutUpLeft;
-  animation-name: rotateOutUpLeft;
-}
-
-@-webkit-keyframes rotateOutUpRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 90deg);
-    transform: rotate3d(0, 0, 1, 90deg);
-    opacity: 0;
-  }
-}
-
-@keyframes rotateOutUpRight {
-  from {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate3d(0, 0, 1, 90deg);
-    transform: rotate3d(0, 0, 1, 90deg);
-    opacity: 0;
-  }
-}
-
-.rotateOutUpRight {
-  -webkit-animation-name: rotateOutUpRight;
-  animation-name: rotateOutUpRight;
-}
-
-@-webkit-keyframes hinge {
-  0% {
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-
-  20%, 60% {
-    -webkit-transform: rotate3d(0, 0, 1, 80deg);
-    transform: rotate3d(0, 0, 1, 80deg);
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-
-  40%, 80% {
-    -webkit-transform: rotate3d(0, 0, 1, 60deg);
-    transform: rotate3d(0, 0, 1, 60deg);
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 700px, 0);
-    transform: translate3d(0, 700px, 0);
-    opacity: 0;
-  }
-}
-
-@keyframes hinge {
-  0% {
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-
-  20%, 60% {
-    -webkit-transform: rotate3d(0, 0, 1, 80deg);
-    transform: rotate3d(0, 0, 1, 80deg);
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-
-  40%, 80% {
-    -webkit-transform: rotate3d(0, 0, 1, 60deg);
-    transform: rotate3d(0, 0, 1, 60deg);
-    -webkit-transform-origin: top left;
-    transform-origin: top left;
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-    opacity: 1;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 700px, 0);
-    transform: translate3d(0, 700px, 0);
-    opacity: 0;
-  }
-}
-
-.hinge {
-  -webkit-animation-name: hinge;
-  animation-name: hinge;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes rollIn {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-@keyframes rollIn {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-  }
-
-  to {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
-  }
-}
-
-.rollIn {
-  -webkit-animation-name: rollIn;
-  animation-name: rollIn;
-}
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@-webkit-keyframes rollOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-  }
-}
-
-@keyframes rollOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-  }
-}
-
-.rollOut {
-  -webkit-animation-name: rollOut;
-  animation-name: rollOut;
-}
-
-@-webkit-keyframes zoomIn {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes zoomIn {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  50% {
-    opacity: 1;
-  }
-}
-
-.zoomIn {
-  -webkit-animation-name: zoomIn;
-  animation-name: zoomIn;
-}
-
-@-webkit-keyframes zoomInDown {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomInDown {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomInDown {
-  -webkit-animation-name: zoomInDown;
-  animation-name: zoomInDown;
-}
-
-@-webkit-keyframes zoomInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomInLeft {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomInLeft {
-  -webkit-animation-name: zoomInLeft;
-  animation-name: zoomInLeft;
-}
-
-@-webkit-keyframes zoomInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomInRight {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomInRight {
-  -webkit-animation-name: zoomInRight;
-  animation-name: zoomInRight;
-}
-
-@-webkit-keyframes zoomInUp {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomInUp {
-  from {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomInUp {
-  -webkit-animation-name: zoomInUp;
-  animation-name: zoomInUp;
-}
-
-@-webkit-keyframes zoomOut {
-  from {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes zoomOut {
-  from {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-.zoomOut {
-  -webkit-animation-name: zoomOut;
-  animation-name: zoomOut;
-}
-
-@-webkit-keyframes zoomOutDown {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom;
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomOutDown {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom;
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomOutDown {
-  -webkit-animation-name: zoomOutDown;
-  animation-name: zoomOutDown;
-}
-
-@-webkit-keyframes zoomOutLeft {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-    transform: scale(.1) translate3d(-2000px, 0, 0);
-    -webkit-transform-origin: left center;
-    transform-origin: left center;
-  }
-}
-
-@keyframes zoomOutLeft {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-    transform: scale(.1) translate3d(-2000px, 0, 0);
-    -webkit-transform-origin: left center;
-    transform-origin: left center;
-  }
-}
-
-.zoomOutLeft {
-  -webkit-animation-name: zoomOutLeft;
-  animation-name: zoomOutLeft;
-}
-
-@-webkit-keyframes zoomOutRight {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-    transform: scale(.1) translate3d(2000px, 0, 0);
-    -webkit-transform-origin: right center;
-    transform-origin: right center;
-  }
-}
-
-@keyframes zoomOutRight {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-    transform: scale(.1) translate3d(2000px, 0, 0);
-    -webkit-transform-origin: right center;
-    transform-origin: right center;
-  }
-}
-
-.zoomOutRight {
-  -webkit-animation-name: zoomOutRight;
-  animation-name: zoomOutRight;
-}
-
-@-webkit-keyframes zoomOutUp {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom;
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-@keyframes zoomOutUp {
-  40% {
-    opacity: 1;
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-  }
-
-  to {
-    opacity: 0;
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom;
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-  }
-}
-
-.zoomOutUp {
-  -webkit-animation-name: zoomOutUp;
-  animation-name: zoomOutUp;
-}
-
-@-webkit-keyframes slideInDown {
-  from {
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes slideInDown {
-  from {
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slideInDown {
-  -webkit-animation-name: slideInDown;
-  animation-name: slideInDown;
-}
-
-@-webkit-keyframes slideInLeft {
-  from {
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes slideInLeft {
-  from {
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slideInLeft {
-  -webkit-animation-name: slideInLeft;
-  animation-name: slideInLeft;
-}
-
-@-webkit-keyframes slideInRight {
-  from {
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes slideInRight {
-  from {
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slideInRight {
-  -webkit-animation-name: slideInRight;
-  animation-name: slideInRight;
-}
-
-@-webkit-keyframes slideInUp {
-  from {
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes slideInUp {
-  from {
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.slideInUp {
-  -webkit-animation-name: slideInUp;
-  animation-name: slideInUp;
-}
-
-@-webkit-keyframes slideOutDown {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes slideOutDown {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(0, 100%, 0);
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-.slideOutDown {
-  -webkit-animation-name: slideOutDown;
-  animation-name: slideOutDown;
-}
-
-@-webkit-keyframes slideOutLeft {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes slideOutLeft {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(-100%, 0, 0);
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-.slideOutLeft {
-  -webkit-animation-name: slideOutLeft;
-  animation-name: slideOutLeft;
-}
-
-@-webkit-keyframes slideOutRight {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes slideOutRight {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(100%, 0, 0);
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-.slideOutRight {
-  -webkit-animation-name: slideOutRight;
-  animation-name: slideOutRight;
-}
-
-@-webkit-keyframes slideOutUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes slideOutUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    -webkit-transform: translate3d(0, -100%, 0);
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-.slideOutUp {
-  -webkit-animation-name: slideOutUp;
-  animation-name: slideOutUp;
-}

Plik diff jest za duży
+ 0 - 0
src/main/webapp/templets/1/default/css/base.css


Plik diff jest za duży
+ 0 - 0
src/main/webapp/templets/1/default/css/case-list.css


Plik diff jest za duży
+ 0 - 0
src/main/webapp/templets/1/default/css/center.css


Plik diff jest za duży
+ 0 - 0
src/main/webapp/templets/1/default/css/index.css


+ 0 - 79
src/main/webapp/templets/1/default/css/jquery.sinaemotion.css

@@ -1,79 +0,0 @@
-#emotions{
-	left:0;
-	width: 395px;
-	font-size:12px;
-	background:#fff;
-	position:absolute;
-	border: 1px solid #E8E8E8;
-}
-#emotions a{
-	color: #9ABBC8;
-	padding:2px 7px;
-	text-decoration:none;
-}
-#emotions img{
-	border:0;
-}
-#emotions div{
-	margin:5px 10px;
-	padding:1px;
-	overflow: hidden;
-}
-#emotions #prev,
-#emotions #next
-{
-	margin-left:3px;
-	background:#eee;
-}
-#emotions .categorys{
-	color:#ccc;
-	height:23px;
-	color: #9ABBC8;
-	overflow:hidden;
-}
-#emotions .categorys a{
-	display: inline-block;
-}
-#emotions .categorys a:hover{
-	text-decoration:underline;
-}
-#emotions .categorys a.current{
-	cursor: default;
-	background: #F0F0F0;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-}
-#emotions .container{
-	padding:1px;
-	overflow: hidden;
-}
-#emotions .container a{
-	float:left;
-	width:26px;
-	height:22px;
-	text-align:center;
-	box-sizing: content-box;
-	padding: 4px 2px;
-	margin: -1px 0 0 -1px;
-	border: 1px solid #e8e8e8;
-}
-#emotions .container a:hover{
-	z-index:2;
-	position:relative;
-	border:1px solid #0095cd;
-}
-#emotions .page{
-	text-align:right;
-}
-#emotions .page a.current{
-	color: #666;
-	background-color:#fff;
-}
-#emotions .page a{
-	margin-left:3px;
-	color: #0078B6;
-	background-color:#f3f3f3;
-}
-#emotions .page a:hover{
-	background-color:#e7e7e7;
-}

Plik diff jest za duży
+ 0 - 0
src/main/webapp/templets/1/default/css/login.css


Plik diff jest za duży
+ 0 - 0
src/main/webapp/templets/1/default/css/news-list.css


Plik diff jest za duży
+ 0 - 0
src/main/webapp/templets/1/default/css/news-show.css


+ 0 - 39
src/main/webapp/templets/1/default/footer.htm

@@ -1,39 +0,0 @@
-<div class="ms-footer">
-    <div class="ms-footer-content">
-        <div class="ms-footer-left">
-            <div class="ms-footer-left-column">
-                <span class="ms-footer-left-column-about">
-                	<a href='{ms:global.url/}/guanyuwomen53/index.html'>关于我们</a>
-                </span>|
-                <span class="ms-footer-left-column-course">
-                	<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#faz'>发展历程</a>
-                </span>|
-                <span class="ms-footer-left-column-contact">
-                	<a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#lianx'>联系我们</a>
-                </span>
-            </div>
-            <span class="ms-footer-left-copyright">版权所有&copy;铭飞科技有限公司2012-2018保留一切权利</span>
-        </div>
-        <div class="ms-footer-right">
-            <img class='ms-footer-right-img-weixin' src="{ms:global.host/}/{ms:global.style/}/images/we-chat.png">
-            <a target="_blank" href='http://tieba.baidu.com/f?kw=%E9%93%AD%E9%A3%9E%E7%A7%91%E6%8A%80&fr=index&fp=0&ie=utf-8'><img class="ms-footer-right-baidu" src="{ms:global.host/}/{ms:global.style/}/images/baidu.png"></a>
-            <a target="_blank" href='http://weibo.com/killfen'><img src="{ms:global.host/}/{ms:global.style/}/images/micro-blog.png"></a>
-        	<div class="ms-footer-right-weixin">
-        		<p></p>
-        		<img alt="" src="{ms:global.host/}/{ms:global.style/}/images/weixin.jpg">
-        	</div>
-        </div>
-    </div>
-</div>
-<script>
-/*导航下拉*/
-$(function(){
-    $(".head-menu-list-li").hover(function(){
-        $(this).find(".head-menu-son-list").fadeToggle();
-    });
-    $('.ms-footer-right-img-weixin').hover(function(){
-    	$('.ms-footer-right-weixin').toggle();
-    });
-});
-
-</script>

+ 0 - 36
src/main/webapp/templets/1/default/head-file.htm

@@ -1,36 +0,0 @@
-<title>{ms:global.name/}</title>
-<meta charset="utf-8">
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/plugins/iconfont/1.0.0/iconfont.css" />
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/base.css">
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/index.css">
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/advice.css">
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/case-list.css">
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/about.css">
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/news-list.css">
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/news-show.css">
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/center.css">
-
-<script src="{ms:global.host/}/plugins/jquery/1.9.1/jquery-1.9.1.js"></script>
-<script src="{ms:global.host/}/{ms:global.style/}/js/slider.js"></script>
-<script src="{ms:global.host/}/static/plugins/less/3.9.0/less.min.js"></script>
-<!--vue-懒加载-表单验证-->
-<script src="{ms:global.host/}/plugins/vue/2.6.9/vue.min.js"></script>
-<script src="{ms:global.host/}/plugins/validator/10.8.0/validator.min.js"></script>
-<!-- Element -->
-<link rel="stylesheet" href="{ms:global.host/}/plugins/element-ui/2.8.2/index.css">
-<script src="{ms:global.host/}/plugins/element-ui/2.8.2/index.js"></script>
-
-<link rel="stylesheet" type="text/css" href="{ms:global.host/}/{ms:global.style/}/css/animate.css">
-<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
-<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
-<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
-<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
-<script src="{ms:global.host/}/api/ms.people.min.js"></script>
-<script src="{ms:global.host/}/static/plugins/plupload/plupload.full.min.js"></script>
-<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
-<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.upload.js"></script>
-<script>
-	window.http = ms.http;
-	ms.base = "{ms:global.host/}";
-	ms.login = '{ms:global.host/}';
-</script>

+ 0 - 146
src/main/webapp/templets/1/default/head.htm

@@ -1,146 +0,0 @@
-<div class="ms-head">
-    <div class="head-menu">
-        <div class="head-men-left head-menu-flex-center">
-            <a href="{ms:global.host/}/html/1/index.html">
-                <img src="http://cdn.mingsoft.net/images/logo.png" />
-            </a>
-            <ul class="head-menu-list">
-                <li class="head-menu-list-li">走进铭飞
-                    <ul class="head-menu-son-list">
-                        <li>
-                            <a target="_blank" href='{ms:global.url/}/guanyuwomen53/index.html'>关于我们</a>
-                        </li>
-                        <li>
-                            <a target="_blank" href='{ms:global.url/}/xinwenzhongxin/index.html'>公司动态</a>
-                        </li>
-                        <li>
-                            <a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#faz'>发展历程</a>
-                        </li>
-                        <li>
-                            <a target="_blank" href='http://mingsoft.net/html/1//5527/index.html#lianx'>加入我们</a>
-                        </li>
-                        <li>
-                            <a target="_blank" href='{ms:global.url/}/lianxiwomen19/index.html'>联系我们</a>
-                        </li>
-                    </ul>
-                </li>
-                <li class="head-menu-list-li">
-                    <a href='{ms:global.url/}/wangzhananli/index.html'>案例</a>
-                </li>
-                <li class="head-menu-list-li">
-                    <a target="_blank" href='http://store.mingsoft.net/mstore/index.do'>插件&模板</a>
-                    <!-- <ul class="head-menu-son-list">
-                        <li><a href='http://mstore.mingsoft.net/mstoreShow.do'>模板</a></li>
-                        <li><a href='http://mstore.mingsoft.net/mstoreShow.do'>插件</a></li>
-                    </ul> -->
-                </li>
-                <li class="head-menu-list-li">
-                    <a target="_blank" href='{ms:global.url/}/lianxiwomen19/zaixianliuyan/index.html'>在线留言</a>
-                </li>
-                <li class="head-menu-list-li">技术支持
-                    <ul class="head-menu-son-list">
-                        <li>
-                            <a target="_blank" href='http://bbs.mingsoft.net/mbbs/main.do'>开源社区</a>
-                        </li>
-                        <li>
-                            <a target="_blank" href='https://gitee.com/mingSoft/MCMS'>源码下载</a>
-                        </li>
-                        <li>
-                            <a target="_blank" href='http://doc.ms.mingsoft.net/plugs-cms/'>使用手册</a>
-                        </li>
-                    </ul>
-                </li>
-            </ul>
-        </div>
-        <div class="head-men-right head-menu-flex-center">
-            <div class="head-menu-flex-center head-menu-right-search">
-                <form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post">
-                    <input type="text" class='ms-search-input' name="content_title" placeholder="请输入关键字">
-                    <!-- <i class="iconfont ms-search-click">&#xe85e;</i> -->
-                    <input type="submit" value="" class="ms-search-click">
-                </form>
-            </div>
-            <div class="head-menu-right-content" id="ms-login-vue">
-                <span v-show="!isLogin" style="display: none;">
-                    <span>
-                        <a href='{ms:global.host/}/mdiyPage/login.do'>登录</a>
-                    </span>|<span><a href='{ms:global.host/}/mdiyPage/register.do'>注册</a></span>
-                </span>
-                <div class="topbar-info J_userInfo loginSuccess hide-default" v-show="isLogin" style="display: none;">
-                    <a class="user-name" href="{ms:global.host/}/people/center.do">
-                        <img :src="'{ms:global.host/}/'+peopleInfo.puIcon" class="loginImg user_icon" onerror="this.src='http://cdn.mingsoft.net/global/images/msheader.png'">
-                        <b class="userName ms-userName" v-text="peopleInfo.puNickname"></b>
-                    </a>
-                    <a href="javascript:;" class="quitLogin" @click="quitLogin">退出</a>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<script>
-    var headVue = new Vue({
-        el: "#ms-login-vue",
-        data: {
-            isLogin: "", //登录状态
-            peopleInfo: "", //个人信息
-            imgUrl:"",
-        },
-        
-        mounted: function() {
-            //获取个人信息
-            var target = this;
-            $.ajax({
-                type: "POST",
-                url: "{ms:global.host/}/checkLoginStatus.do",
-                success: function(msg) {
-                    target.isLogin = msg.result;  //判断用户是否登录,如登录,则target.isLogin===true
-                    if(msg.result) {
-                        $.ajax({
-                            type: "GET",
-                            url: "{ms:global.host/}/people/user/info.do",
-                            success: function(msg) {
-                                target.peopleInfo = msg;  //target.peopleInfo为当前登录用户的基本信息
-                            }
-                        })
-                    }
-                }
-            })
-        },
-        methods: {
-            //退出登录
-            quitLogin: function() {
-                var target = this;
-                $.ajax({
-                    type: "GET",
-                    url: "{ms:global.host/}/people/quit.do",
-                    success: function(msg) {
-                        if(msg.result) {
-                            $("body").append("<form id='msHeadForm' action=''></form>");
-                            $("#msHeadForm").attr("action", "{ms:global.host/}").submit();
-                        }
-                    }
-                })
-            },
-        },
-    })
-    
-    /* $(function(){
-        var r=location.href;
-          if(r.match("53")){
-          $(".head-menu-list-li").removeClass("head-active");
-          $(".head-menu-list-li").eq(0).addClass("head-active");
-        }else if(r.match("141")){
-          $(".head-menu-list-li").removeClass("head-active");
-          $(".head-menu-list-li").eq(0).addClass("head-active");
-        }else if(r.match("59")){
-          $(".head-menu-list-li").removeClass("head-active");
-          $(".head-menu-list-li").eq(0).addClass("head-active");
-        }else if(r.match("155")){
-          $(".head-menu-list-li").removeClass("head-active");
-          $(".head-menu-list-li").eq(1).addClass("head-active");
-        }else if(r.match("142")){
-            $(".head-menu-list-li").removeClass("head-active");
-            $(".head-menu-list-li").eq(3).addClass("head-active");
-          }
-      }) */
-</script>

BIN
src/main/webapp/templets/1/default/images/00.png


BIN
src/main/webapp/templets/1/default/images/01.jpg


BIN
src/main/webapp/templets/1/default/images/02.jpg


BIN
src/main/webapp/templets/1/default/images/03.jpg


BIN
src/main/webapp/templets/1/default/images/1471918025445.png


BIN
src/main/webapp/templets/1/default/images/about_us.jpg


BIN
src/main/webapp/templets/1/default/images/ad_ctr.png


BIN
src/main/webapp/templets/1/default/images/alpha.png


BIN
src/main/webapp/templets/1/default/images/baidu.png


BIN
src/main/webapp/templets/1/default/images/banner.jpg


BIN
src/main/webapp/templets/1/default/images/case.png


BIN
src/main/webapp/templets/1/default/images/code.jpg


BIN
src/main/webapp/templets/1/default/images/company.png


BIN
src/main/webapp/templets/1/default/images/contact_us.jpeg


BIN
src/main/webapp/templets/1/default/images/error.png


BIN
src/main/webapp/templets/1/default/images/hu1.png


BIN
src/main/webapp/templets/1/default/images/img-2.png


BIN
src/main/webapp/templets/1/default/images/level-0.png


BIN
src/main/webapp/templets/1/default/images/level-1.png


BIN
src/main/webapp/templets/1/default/images/level-2.png


BIN
src/main/webapp/templets/1/default/images/level-3.png


BIN
src/main/webapp/templets/1/default/images/level-4.png


BIN
src/main/webapp/templets/1/default/images/level-5.png


BIN
src/main/webapp/templets/1/default/images/loading.gif


BIN
src/main/webapp/templets/1/default/images/logo.png


BIN
src/main/webapp/templets/1/default/images/micro-blog.png


BIN
src/main/webapp/templets/1/default/images/mobile.png


BIN
src/main/webapp/templets/1/default/images/more.png


BIN
src/main/webapp/templets/1/default/images/ms.ico


BIN
src/main/webapp/templets/1/default/images/new-loading.gif


BIN
src/main/webapp/templets/1/default/images/news.png


BIN
src/main/webapp/templets/1/default/images/news2.png


BIN
src/main/webapp/templets/1/default/images/no-comment.png


BIN
src/main/webapp/templets/1/default/images/no-data.png


BIN
src/main/webapp/templets/1/default/images/our_company.jpeg


BIN
src/main/webapp/templets/1/default/images/pexels-photo-583845.jpeg


BIN
src/main/webapp/templets/1/default/images/pic.png


BIN
src/main/webapp/templets/1/default/images/pics.png


BIN
src/main/webapp/templets/1/default/images/search.jpg


BIN
src/main/webapp/templets/1/default/images/search.png


BIN
src/main/webapp/templets/1/default/images/talk_online.jpeg


Niektóre pliki nie zostały wyświetlone z powodu dużej ilości zmienionych plików