内部测试

pom.xml

@@ -38,6 +38,36 @@
 			<groupId>net.mingsoft</groupId>
 			<artifactId>ms-mpeople</artifactId>
 		</dependency>
+		<dependency>
+			<groupId>com.oracle</groupId>
+			<artifactId>ojdbc6</artifactId>
+			<version>11.2.0.1.0</version>
+			<scope>system</scope>
+			<systemPath>${project.basedir}/lib/ojdbc6.jar</systemPath>
+		</dependency>
+
+
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-test</artifactId>
+			<scope>test</scope>
+			<exclusions>
+				<exclusion>
+					<groupId>org.springframework.boot</groupId>
+					<artifactId>spring-boot-starter-logging</artifactId>
+				</exclusion>
+			</exclusions>
+		</dependency>
+		<dependency>
+			<groupId>org.mockito</groupId>
+			<artifactId>mockito-all</artifactId>
+			<version>1.10.19</version>
+			<scope>test</scope>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-cache</artifactId>
+		</dependency>
 
 	</dependencies>
 

src/main/java/net/mingsoft/MSApplication.java

@@ -24,6 +24,7 @@ import org.mybatis.spring.annotation.MapperScan;
 import org.springframework.boot.SpringApplication;
 import org.springframework.boot.autoconfigure.SpringBootApplication;
 import org.springframework.boot.web.servlet.ServletComponentScan;
+import org.springframework.cache.annotation.EnableCaching;
 import org.springframework.context.annotation.ComponentScan;
 
 import springfox.documentation.swagger2.annotations.EnableSwagger2;
@@ -35,6 +36,7 @@ import java.util.Locale;
 @ComponentScan(basePackages = {"net.mingsoft"})
 @MapperScan(basePackages={"**.dao","com.baomidou.**.mapper"})
 @ServletComponentScan(basePackages = {"net.mingsoft"})
+@EnableCaching
 public class MSApplication {
 	public static void main(String[] args) {
 		SpringApplication.run(MSApplication.class, args);

src/main/java/net/mingsoft/cms/biz/ICacheBiz.java

@@ -0,0 +1,11 @@
+package net.mingsoft.cms.biz;
+
+public interface ICacheBiz {
+
+    void set(String cacheName, String key, Object value);
+
+    <T> T get(String cacheName, String key, Class<T> cls);
+
+    void del(String cacheName, String key);
+
+}

src/main/java/net/mingsoft/cms/biz/impl/EhcacheBizImpl.java

@@ -0,0 +1,35 @@
+package net.mingsoft.cms.biz.impl;
+
+import com.alibaba.fastjson.JSONObject;
+import net.mingsoft.cms.biz.ICacheBiz;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.cache.CacheManager;
+import org.springframework.stereotype.Service;
+
+@Service("abc")
+public class EhcacheBizImpl implements ICacheBiz {
+
+    @Autowired
+    private CacheManager cacheManager;
+
+    @Override
+    public void set(String cacheName, String key, Object value) {
+        this.cacheManager.getCache(cacheName).put(key, JSONObject.toJSONString(value));
+    }
+
+    @Override
+    public <T> T get(String cacheName, String key, Class<T> cls) {
+        String str = this.cacheManager.getCache(cacheName).get(key, String.class);
+        if (StringUtils.isBlank(str)) {
+            return null;
+        }
+
+        return JSONObject.parseObject(str, cls);
+    }
+
+    @Override
+    public void del(String cacheName, String key) {
+        this.cacheManager.getCache(cacheName).evictIfPresent(key);
+    }
+}

src/main/java/net/mingsoft/cms/dao/ICategoryDao.java

@@ -20,6 +20,7 @@
  */
 package net.mingsoft.cms.dao;
 
+import com.baomidou.mybatisplus.annotation.SqlParser;
 import net.mingsoft.base.dao.IBaseDao;
 import net.mingsoft.cms.entity.CategoryEntity;
 import org.springframework.stereotype.Component;

src/main/resources/Dockerfile

@@ -1,5 +0,0 @@
-FROM java
-VOLUME /tmp
-ADD docker-springboot-0.0.1-SNAPSHOT.jar mcms.jar
-RUN bash -c 'touch /app.jar' ENV JAVA_OPTS=""
-ENTRYPOINT [ "sh", "-c", "java $JAVA_OPTS -Djava.security.egd=file:/dev/./urandom -jar /app.jar" ]

src/main/resources/application-dev.yml

@@ -1,8 +1,16 @@
+#spring:
+#  datasource:
+#    url: jdbc:mysql://localhost:3306/mcms-5.2?useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&autoReconnect=true&allowMultiQueries=true&useSSL=true
+#    username: root
+#    password: root
+#    filters: wall,mergeStat
+#    type: com.alibaba.druid.pool.DruidDataSource
+
 spring:
   datasource:
-    url: jdbc:mysql://192.168.0.8:3316/mcms-5.2?useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&autoReconnect=true&allowMultiQueries=true&useSSL=true
+    driver-class-name: oracle.jdbc.driver.OracleDriver
+    url: jdbc:oracle:thin:@192.168.0.7:1521:helowin
     username: mcms
     password: mcms
     filters: wall,mergeStat
     type: com.alibaba.druid.pool.DruidDataSource
-

src/main/resources/application.yml

@@ -50,6 +50,9 @@ spring:
         enabled: true #启用druid监控
   profiles:
     active: dev
+  cache:
+    ehcache:
+      config: classpath:ehcache.xml
   mvc:
     pathmatch:
       use-suffix-pattern: true
@@ -89,6 +92,7 @@ spring:
 mybatis-plus:
   global-config:
     db-config:
+      column-format: "\"%s\""
       id-type: assign_id
   configuration:
-    database-id: mysql
+    database-id: oracle

src/main/resources/ehcache.xml

@@ -30,6 +30,18 @@
            transactionalMode="off">
     </cache>
 
+    <cache name="USER"
+           overflowToDisk="true"
+           maxElementsInMemory="10000"
+           maxElementsOnDisk="10000000"
+           eternal="false"
+           timeToIdleSeconds="120"
+           timeToLiveSeconds="120"
+           diskPersistent="false"
+           diskExpiryThreadIntervalSeconds="120"
+           memoryStoreEvictionPolicy="LRU">
+    </cache>
+
 </ehcache>
 
     <!--

src/main/webapp/template/1/default.bak/about.htm

@@ -0,0 +1,453 @@
+
+
+
+
+
+<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-bar.htm"/>
+
+<div class="content">
+<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>
+</div> </div>
+<div class="body">
+<span class="body-text" >
+${field.content}
+</span>
+</div> </div> <!--返回顶部-start-->
+<!--返回顶部 - start -->
+<div class="ms-right-fixed-top" onclick="document.getElementById(..).scrollTop = 0;">
+<!--内容区域 - start -->
+<div class="content">
+<i class="iconfont icon-shang"></i>
+<span>
+回到顶部
+</span>
+</div>
+<!--内容区域 -end -->
+</div>
+<!--返回顶部 -end --> <!--返回顶部-end-->
+</div>
+        <#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;
+    }
+
+    .content 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-left:0px;
+            margin-top:0px;
+            height:unset;
+    }
+    .content .detail 
+    {
+            background-color:#FFFFFF;
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-left:auto;
+            min-height:800px;
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1170px;
+            margin-bottom:10px;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            margin-top:10px;
+            height:300px;
+    }
+    .content .detail .top 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            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;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .detail .top .title 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:28PX;
+            padding-top:0px;
+    }
+    .content .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%;
+    }
+    .content .detail .top .date span 
+    {
+            font-size:16PX;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .content .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;
+    }
+    .content .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;
+    }
+    .content .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;
+    }
+    .content .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;
+    }
+    .content .ms-right-fixed-top >.content i 
+    {
+            padding-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            padding-right:0px;
+            margin-left:0px;
+    }
+    .content .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%;
+    }
+@media (max-width: 768px){
+        .content .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;
+        }
+        .content .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;
+        }
+        .content .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;
+        }
+        .content .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%;
+        }
+        .content .detail .top .date span 
+        {
+                font-size:16PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .content .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;
+        }
+        .content .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;
+        }
+        .content .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;
+        }
+        .content .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;
+        }
+        .content .ms-right-fixed-top >.content i 
+        {
+                margin-left:0px;
+        }
+        .content .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%;
+        }
+
+}</style>

src/main/webapp/template/1/default.bak/css/app.css

@@ -0,0 +1,1013 @@
+
+    .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 >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;
+    }
+    .header .center .h5-menu .h5-menu-nav 
+    {
+            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;
+    }
+    .header .center .h5-menu .h5-menu-nav a 
+    {
+            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;
+    }
+    .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 
+    {
+            background-color:#FFFFFF;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            flex-wrap:nowrap;
+            border-bottom-left-radius:0px;
+            width:204px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            padding-top:0px;
+            padding-left:0px;
+            height:30px;
+    }
+    .footer .links >.body .link >.ms-select 
+    {
+            border-color:#DCDFE6;
+            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;
+            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;
+        }
+        .header .center .h5-menu .h5-menu-nav 
+        {
+                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;
+                z-index:9;
+        }
+        .header .center .h5-menu .h5-menu-nav a 
+        {
+                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;
+        }
+        .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 
+        {
+                margin-right:0px;
+                background-color:#F3F3F3;
+                flex-wrap:wrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:unset;
+        }
+        .footer .links >.body 
+        {
+                align-items:center;
+                flex-direction:column;
+                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:100%;
+                border-bottom-right-radius:0px;
+                border-top-right-radius:0px;
+                padding-top:0px;
+                padding-left:0px;
+                height:unset;
+        }
+        .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 
+        {
+                background-color:#FFFFFF;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                border-top-left-radius:0px;
+                margin-right:0px;
+                flex-wrap:nowrap;
+                border-bottom-left-radius:0px;
+                width:204px;
+                border-bottom-right-radius:0px;
+                margin-bottom:10px;
+                border-top-right-radius:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:30px;
+        }
+        .footer .links >.body .link >.ms-select 
+        {
+                border-color:#DCDFE6;
+                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;
+                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;
+        }
+
+}

src/main/webapp/template/1/default.bak/footer.htm

@@ -0,0 +1,163 @@
+
+
+
+
+        <!--底部导航-start-->
+
+<div class="footer">
+<!--友情链接-start-->
+<div class="links">
+<div class="body">
+<span >
+网站导航
+</span>
+<div class="link">
+<!--下拉框-start-->
+<select class="ms-select">
+{ms:arclist typeid=163 size=10 }
+<option value="">[field.title/]</option>
+{/ms:arclist}
+</select> <!--下拉框-end-->
+</div>
+<div class="link">
+<!--下拉框-start-->
+<select class="ms-select">
+{ms:arclist typeid=163 size=10 }
+<option value="">[field.title/]</option>
+{/ms:arclist}
+</select> <!--下拉框-end-->
+</div>
+<div class="link">
+<!--下拉框-start-->
+<select class="ms-select">
+{ms:arclist typeid=163 size=10 }
+<option value="">[field.title/]</option>
+{/ms:arclist}
+</select> <!--下拉框-end-->
+</div>
+<div class="link">
+<!--下拉框-start-->
+<select class="ms-select">
+{ms:arclist typeid=163 size=5 }
+<option value="">[field.title/]</option>
+{/ms:arclist}
+</select> <!--下拉框-end-->
+</div>
+<div class="link">
+<!--下拉框-start-->
+<select class="ms-select">
+{ms:arclist typeid=163 size=5 }
+<option value="">[field.title/]</option>
+{/ms:arclist}
+</select> <!--下拉框-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-->

src/main/webapp/template/1/default.bak/index.htm

@@ -0,0 +1,2756 @@
+
+
+
+
+
+<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 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>    <script>
+        ms.base = "";
+    </script>
+    <style>
+        [v-cloak]{
+            display: none;
+        }
+    </style>
+</head>
+<body>
+<h1><a href="{ms:global.url/}/news/index.html">进入</a></h1>
+    <div id="app" v-cloak>
+
+        <#include "header.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="${global.url}[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>
+</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-->
+<div
+class="ms-vue-awesome-swiper-nav">
+<!--左箭头start -->
+<div class="ms-vue-awesome-swiper-nav-right-arrow">
+<i class="iconfont icon-zuojiantou"></i>
+</div>
+<!--左箭头end -->
+<!--图表区域 start -->
+<swiper class="ms-vue-awesome-swiper-nav-body" :options="{
+slidesPerView : 3,
+navigation: { nextEl: '.ms-vue-awesome-swiper-nav-right-arrow' , prevEl: '.ms-vue-awesome-swiper-nav-right-arrow' , },
+loop : true,
+spaceBetween: 4,
+autoplay: { delay: 2000 }}">
+{ms:arclist typeid=158 size=5 flag='f'}
+<swiper-slide>
+<a href="${global.url}[field.link/]" target="_blank">
+<img src="{@ms:file field.litpic/}" width="100%" height="100%" />
+</a>
+</swiper-slide>
+{/ms:arclist}
+</swiper>
+<!--图表区域end -->
+<!--右边箭头 start -->
+<div class="ms-vue-awesome-swiper-nav-right-arrow">
+<i class="iconfont icon-youjiantou"></i>
+</div>
+<!--右边箭头end -->
+</div> <!--幻灯导航-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>
+<div class="news">
+{ms:arclist size=12 typeid=160}
+<a href="${global.url}${field.link}"
+>
+${field.title}
+</a>
+{/ms:arclist}
+</div>
+<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-->
+
+        <#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;
+    }
+
+    .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;
+            padding-left:0px;
+            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;
+            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:#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%;
+            margin-bottom:0px;
+            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:0px;
+            color:#A1A1A1;
+            padding-right:0px;
+            text-decoration:none;
+            font-size:14PX;
+            padding-top:0px;
+    }
+    .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 .ms-vue-awesome-swiper-nav 
+    {
+            margin-right:0px;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            margin-bottom:10px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:72px;
+    }
+    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-left-arrow 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:40px;
+            box-sizing:border-box;
+            margin-bottom:0px;
+            padding-left:0px;
+            justify-content:center;
+            margin-top:0px;
+            height:100%;
+    }
+    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-left-arrow >i 
+    {
+            margin-bottom:0px;
+    }
+    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-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 .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body >div 
+    {
+            background-color:#E8F4FD;
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:228px;
+            box-sizing:border-box;
+            padding-left:0px;
+            justify-content:center;
+            height:72px;
+    }
+    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body >div span 
+    {
+            color:#8DC5FE;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:22PX;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-right-arrow 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            width:40px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-top:0px;
+            height:100%;
+    }
+    .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-right-arrow >i 
+    {
+            margin-bottom:0px;
+    }
+    .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;
+            margin-right:0px;
+            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;
+    }
+@media (max-width: 768px){
+        .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:unset;
+        }
+        .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: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;
+                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%;
+                margin-bottom:0px;
+                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 
+        {
+                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:0px;
+                color:#A1A1A1;
+                padding-right:0px;
+                text-decoration:none;
+                padding-top:0px;
+        }
+        .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 .ms-vue-awesome-swiper-nav 
+        {
+                margin-right:0px;
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:10px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:72px;
+        }
+        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-left-arrow 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:40px;
+                box-sizing:border-box;
+                margin-bottom:0px;
+                padding-left:0px;
+                justify-content:center;
+                margin-top:0px;
+                height:100%;
+        }
+        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-left-arrow >i 
+        {
+                margin-bottom:0px;
+        }
+        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body 
+        {
+                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 .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body >div 
+        {
+                background-color:#E8F4FD;
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                justify-content:center;
+        }
+        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-body >div span 
+        {
+                color:#8DC5FE;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:22PX;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-right-arrow 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                width:40px;
+                box-sizing:border-box;
+                justify-content:center;
+                margin-top:0px;
+                height:100%;
+        }
+        .index .body .left .ms-vue-awesome-swiper-nav .ms-vue-awesome-swiper-nav-right-arrow >i 
+        {
+                margin-bottom:0px;
+        }
+        .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;
+        }
+
+}</style>

src/main/webapp/template/1/default.bak/news-detail.htm

@@ -0,0 +1,608 @@
+
+
+
+
+
+<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"/>
+
+
+<div class="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="top">
+<span class="title" >
+${field.title}
+</span>
+<div class="date">
+<span >
+发布时间：
+</span>
+<span >
+${field.date?string("yyyy-MM-dd")}
+</span>
+<div style="flex-wrap:nowrap;flex-direction:row;display:flex;width:20px;box-sizing:border-box;margin-top:0px;height:100%;">
+</div>
+<span >
+浏览次数：
+</span>
+<span >
+${field.hit}
+</span>
+</div> </div>
+<div class="body">
+<span class="body-text" >
+${field.content}
+</span>
+</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> </div>
+        <#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;
+    }
+
+    .content 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .ms-channel-path 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            justify-content:flex-start;
+            margin-left:auto;
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1170px;
+            margin-bottom:10px;
+            padding-top:0px;
+            margin-top:10px;
+            height:30px;
+    }
+    .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;
+    }
+    .content .ms-channel-path .ms-channel-path-index 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:14PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .content .ms-channel-path >i 
+    {
+    }
+    .content .ms-channel-path .ms-channel-path-link 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:14PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .content .detail 
+    {
+            background-color:#FFFFFF;
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-left:auto;
+            min-height:800px;
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1170px;
+            margin-bottom:10px;
+            padding-top:0px;
+            position:relative;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .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;
+    }
+    .content .detail .top .title 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:28PX;
+            padding-top:0px;
+    }
+    .content .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:10px;
+            height:100%;
+    }
+    .content .detail .top .date span 
+    {
+            margin-right:0px;
+            color:#929292;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .content .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;
+    }
+    .content .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;
+    }
+    .content .ms-next-pre 
+    {
+            flex-direction:row;
+            display:flex;
+            padding-right:10px;
+            box-sizing:border-box;
+            margin-left:auto;
+            margin-right:auto;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1170px;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:10px;
+            margin-top:0px;
+            height:60px;
+    }
+    .content .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%;
+    }
+    .content .ms-next-pre .pre span 
+    {
+            font-size:14px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .content .ms-next-pre .pre a 
+    {
+            cursor:pointer;
+            font-size:14px;
+            text-decoration:none;
+            color:#000;
+    }
+    .content .ms-next-pre .next 
+    {
+            align-items:center;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:50%;
+            box-sizing:border-box;
+            padding-left:0px;
+            justify-content:flex-start;
+            height:100%;
+    }
+    .content .ms-next-pre .next span 
+    {
+            font-size:14px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .content .ms-next-pre .next a 
+    {
+            cursor:pointer;
+            padding-bottom:0px;
+            color:#000;
+            font-size:14px;
+            text-decoration:none;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:unset;
+        }
+        .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;
+        }
+        .content .ms-channel-path .ms-channel-path-label 
+        {
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .content .ms-channel-path .ms-channel-path-index 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .content .ms-channel-path .ms-channel-path-link 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .content .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;
+        }
+        .content .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;
+        }
+        .content .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;
+        }
+        .content .detail .top .date 
+        {
+                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;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .content .detail .top .date span 
+        {
+                font-size:16PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                margin-left:0px;
+        }
+        .content .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;
+        }
+        .content .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;
+        }
+        .content .ms-next-pre 
+        {
+                flex-direction:column;
+                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;
+        }
+        .content .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%;
+        }
+        .content .ms-next-pre .pre span 
+        {
+                font-size:14px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .content .ms-next-pre .pre a 
+        {
+                cursor:pointer;
+                font-size:14px;
+                text-decoration:none;
+                color:#000;
+        }
+        .content .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%;
+        }
+        .content .ms-next-pre .next span 
+        {
+                font-size:14px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .content .ms-next-pre .next a 
+        {
+                cursor:pointer;
+                padding-bottom:0px;
+                color:#000;
+                font-size:14px;
+                text-decoration:none;
+                padding-top:0px;
+        }
+
+}</style>

src/main/webapp/template/1/default.bak/news-list.htm

@@ -0,0 +1,857 @@
+
+
+
+
+
+<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"/>
+
+<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 size=15 ispaging=true}
+<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;
+    }
+
+    .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;
+    }
+    .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;
+    }
+    .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-pre 
+    {
+            cursor:pointer;
+            padding-bottom:0px;
+            color:#000000;
+            padding-right:0px;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .ms-content .detail .ms-page .ms-page-pre:hover
+    {
+                    color:#409EFF;
+    }
+    .ms-content .detail .ms-page .ms-page-no 
+    {
+            cursor:pointer;
+            color:#000000;
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            margin-left:0px;
+            padding-bottom:0px;
+            width:40px;
+            font-size:16PX;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .ms-content .detail .ms-page .ms-page-no:hover
+    {
+                    color:#409EFF;
+    }
+    .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-next 
+    {
+            cursor:pointer;
+            padding-bottom:0px;
+            color:#000000;
+            padding-right:0px;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            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%;
+    }
+@media (max-width: 768px){
+        .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:unset;
+        }
+        .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:0px;
+                min-height:800px;
+                margin-right:0px;
+                padding-bottom:8px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:10px;
+                padding-top:8px;
+                position:relative;
+                padding-left:8px;
+                margin-top:0px;
+        }
+        .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 
+        {
+                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;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                background-repeat:no-repeat;
+                background-position-x:10px;
+                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;
+                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 
+        {
+                color:#9C9C9C;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                margin-left:10px;
+                margin-right:10px;
+                padding-bottom:0px;
+                font-size:14px;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .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-pre 
+        {
+                cursor:pointer;
+                padding-bottom:0px;
+                color:#000000;
+                padding-right:0px;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                margin-left:0px;
+        }
+        .ms-content .detail .ms-page .ms-page-no 
+        {
+                cursor:pointer;
+                color:#000000;
+                text-align:center;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                margin-left:0px;
+                padding-bottom:0px;
+                width:40px;
+                font-size:16PX;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top: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-next 
+        {
+                cursor:pointer;
+                padding-bottom:0px;
+                color:#000000;
+                padding-right:0px;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                margin-left:0px;
+        }
+        .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%;
+        }
+
+}</style>

src/main/webapp/template/1/default/about.htm

@@ -42,48 +42,41 @@
 <body>
     <div id="app" v-cloak>
 
-        <#include "header.htm"/>
+        <#include "nav.htm"/>
 
-        <#include "search-bar.htm"/>
-
-<div class="content">
-<div class="detail">
-<div class="top">
+<div class="news">
+<div class="body">
+<div class="left">
 <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>
-</div> </div>
-<div class="body">
-<span class="body-text" >
-${field.content}
+<span class="sub-title-sel" >
+分类名称
 </span>
-</div> </div> <!--返回顶部-start-->
-<!--返回顶部 - start -->
-<div class="ms-right-fixed-top" onclick="document.getElementById(..).scrollTop = 0;">
-<!--内容区域 - start -->
-<div class="content">
-<i class="iconfont icon-shang"></i>
-<span>
-回到顶部
+<span class="sub-title" >
+分类名称
 </span>
 </div>
-<!--内容区域 -end -->
-</div>
-<!--返回顶部 -end --> <!--返回顶部-end-->
+<div class="right">
+<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>
+<span class="big-title" >
+${field.title}
+</span>
+<div class="news-body">
+</div> </div> </div> </div>
         <#include "footer.htm"/>
     </div>
 </body>
@@ -114,340 +107,333 @@ var app = new Vue({
 
 <style>
     body {
-        background-color:#f5f5f5;
+        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;
     }
 
-    .content 
+    .news 
     {
-            flex-wrap:nowrap;
-            flex-direction:column;
+            align-items:flex-start;
+            flex-direction:row;
             display:flex;
             padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
             width:100%;
             margin-bottom:0px;
-            box-sizing:border-box;
+            padding-top:0px;
             padding-left:0px;
             margin-top:0px;
-            height:unset;
     }
-    .content .detail 
+    .news .body 
     {
-            background-color:#FFFFFF;
-            align-items:center;
-            flex-direction:column;
+            padding-bottom:20px;
+            flex-wrap:nowrap;
+            flex-direction:row;
             display:flex;
             padding-right:0px;
+            width:1200px;
             box-sizing:border-box;
-            margin-left:auto;
-            min-height:800px;
-            margin-right:auto;
-            padding-bottom:0px;
-            flex-wrap:nowrap;
-            width:1170px;
-            margin-bottom:10px;
-            padding-top:0px;
-            position:relative;
+            padding-top:20px;
             padding-left:0px;
-            margin-top:10px;
-            height:300px;
     }
-    .content .detail .top 
+    .news .body .left 
     {
-            align-items:center;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
             flex-direction:column;
             display:flex;
             padding-right:0px;
+            width:200px;
             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;
+            padding-top:0px;
             padding-left:0px;
-            margin-top:0px;
+            height:100%;
     }
-    .content .detail .top .title 
+    .news .body .left .title 
     {
-            padding-bottom:0px;
+            border-bottom-color:#C0C4CC;
+            color:#C0C4CC;
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
-            font-size:28PX;
-            padding-top:0px;
+            font-size:16PX;
+            border-bottom-style:dashed;
+            padding-top:10px;
+            border-bottom-width:1px;
+            padding-left:10px;
+            height:40px;
     }
-    .content .detail .top .date 
+    .news .body .left .sub-title-sel 
     {
-            align-items:center;
+            background-color:#F2F6FC;
+            color:#409EFF;
             flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:2px;
+            height:40px;
+    }
+    .news .body .left .sub-title 
+    {
+            color:#5F5F5F;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:0px;
+            height:40px;
+    }
+    .news .body .right 
+    {
+            flex-direction:column;
             display:flex;
+            padding-right:0px;
             box-sizing:border-box;
-            justify-content:center;
-            margin-left:0px;
-            margin-right:0px;
+            padding-bottom:0px;
             flex-wrap:nowrap;
-            width:100%;
+            width:1000px;
             margin-bottom:0px;
             padding-top:0px;
+            padding-left:20px;
             margin-top:0px;
             height:100%;
     }
-    .content .detail .top .date span 
+    .news .body .right .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;
+    }
+    .news .body .right .ms-channel-path span 
     {
             font-size:16PX;
+            color:#909399;
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
     }
-    .content .detail .body 
+    .news .body .right .ms-channel-path .ms-channel-path-index 
     {
-            align-items:center;
-            flex-wrap:nowrap;
-            flex-direction:column;
-            display:flex;
-            width:90%;
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
             margin-bottom:0px;
-            box-sizing:border-box;
-            padding-top:32px;
-            justify-content:center;
             margin-top:0px;
     }
-    .content .detail .body .body-text 
+    .news .body .right .ms-channel-path >i 
     {
-            margin-right:auto;
-            padding-bottom:0px;
+    }
+    .news .body .right .ms-channel-path .ms-channel-path-link 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .news .body .right .big-title 
+    {
+            font-size:22PX;
+            padding-left: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;
     }
-    .content .ms-right-fixed-top 
+    .news .body .right .news-body 
     {
-            margin:0 auto;
-            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;
             flex-wrap:nowrap;
-            width:1200px;
+            width:100%;
             margin-bottom:0px;
-            position:relative;
             padding-top:0px;
-            padding-left:0px;
             margin-top:0px;
-            height:0px;
-    }
-    .content .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;
-    }
-    .content .ms-right-fixed-top >.content i 
-    {
-            padding-bottom:0px;
-            padding-top:0px;
-            padding-left:0px;
-            padding-right:0px;
-            margin-left:0px;
-    }
-    .content .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%;
+            height:300px;
     }
 @media (max-width: 768px){
-        .content .detail 
+        .news 
         {
-                background-color:#FFFFFF;
                 align-items:center;
-                flex-direction:column;
+                flex-direction:row;
                 display:flex;
+                padding-right:0px;
                 box-sizing:border-box;
-                margin-left:auto;
-                min-height:800px;
-                margin-right:auto;
+                justify-content:center;
                 padding-bottom:0px;
                 flex-wrap:nowrap;
                 width:100%;
-                margin-bottom:10px;
+                margin-bottom:0px;
                 padding-top:0px;
-                position:relative;
                 padding-left:0px;
-                margin-top:10px;
-                height:300px;
+                margin-top:0px;
         }
-        .content .detail .top 
+        .news .body 
         {
-                align-items:center;
+                padding-bottom:20px;
+                flex-wrap:nowrap;
                 flex-direction:column;
                 display:flex;
+                padding-right:0px;
+                width:100%;
                 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;
+                padding-top:20px;
+                padding-left:0px;
         }
-        .content .detail .top .title 
+        .news .body .left 
         {
-                margin-right:0px;
                 padding-bottom:0px;
-                flex-direction:row;
-                word-wrap:break-word;
-                display:inline-block;
-                font-size:28PX;
-                padding-top:0px;
-        }
-        .content .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;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
                 width:100%;
-                margin-bottom:0px;
+                box-sizing:border-box;
                 padding-top:0px;
-                margin-top:0px;
+                padding-left:0px;
                 height:100%;
         }
-        .content .detail .top .date span 
+        .news .body .left .title 
         {
-                font-size:16PX;
+                border-bottom-color:#C0C4CC;
+                color:#C0C4CC;
                 flex-direction:row;
                 word-wrap:break-word;
                 display:inline-block;
+                font-size:16PX;
+                border-bottom-style:dashed;
+                padding-top:10px;
+                border-bottom-width:1px;
+                padding-left:10px;
+                height:40px;
         }
-        .content .detail .body 
+        .news .body .left .sub-title-sel 
         {
-                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;
+                background-color:#F2F6FC;
+                color:#409EFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:10px;
+                padding-left:10px;
+                margin-top:2px;
+                height:40px;
         }
-        .content .detail .body .body-text 
+        .news .body .left .sub-title 
         {
-                margin-right:auto;
-                padding-bottom:0px;
+                color:#5F5F5F;
+                text-align:left;
                 flex-direction:row;
                 word-wrap:break-word;
                 display:inline-block;
-                font-size:18PX;
-                line-height:32px;
-                margin-bottom:0px;
-                padding-top:0px;
+                font-size:16PX;
+                padding-top:10px;
+                padding-left:10px;
                 margin-top:0px;
-                margin-left:0px;
+                height:40px;
         }
-        .content .ms-right-fixed-top 
+        .news .body .right 
         {
-                margin:0 auto;
-                align-items:center;
-                flex-direction:row;
-                display:flex;
-                box-sizing:border-box;
-                justify-content:center;
-                margin-left:0px;
+                padding-bottom:0px;
                 flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
                 width:100%;
                 margin-bottom:0px;
-                position:relative;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
                 margin-top:0px;
-                height:0px;
         }
-        .content .ms-right-fixed-top >.content 
+        .news .body .right .ms-channel-path 
         {
                 align-items:center;
-                flex-direction:column;
+                flex-direction:row;
                 display:flex;
-                padding-right:0px;
                 box-sizing:border-box;
-                margin-left:600px;
-                padding-bottom:0px;
-                top:400px;
+                margin-left:auto;
+                margin-right:auto;
                 flex-wrap:nowrap;
-                left:50%;
-                width:40px;
-                position:fixed;
+                width:100%;
+                margin-bottom:10px;
                 padding-top:0px;
                 padding-left:0px;
-                z-index:1;
+                margin-top:10px;
+                height:30px;
         }
-        .content .ms-right-fixed-top >.content i 
+        .news .body .right .ms-channel-path span 
         {
-                margin-left:0px;
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .news .body .right .ms-channel-path .ms-channel-path-index 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .news .body .right .ms-channel-path .ms-channel-path-link 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
         }
-        .content .ms-right-fixed-top >.content span 
+        .news .body .right .big-title 
         {
-                background-color:#909399;
-                color:#FFFFFF;
-                text-align:center;
+                font-size:22PX;
+                padding-left:0px;
                 flex-direction:row;
                 word-wrap:break-word;
                 display:inline-block;
-                padding-right:5px;
+        }
+        .news .body .right .news-body 
+        {
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
                 margin-left:0px;
-                padding-bottom:5px;
-                width:50px;
-                font-size:14px;
-                padding-top:5px;
-                padding-left:5px;
-                height:40%;
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:300px;
         }
 
 }</style>

src/main/webapp/template/1/default/css/app.css

@@ -1,210 +1,174 @@
 
-    .header 
+    .ms-nav 
     {
-            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;
+            margin-left:0px;
+            border-bottom-color:#EBEEF5;
+            flex-wrap:nowrap;
+            width:100%;
+            border-bottom-style:solid;
+            padding-top:0px;
+            border-bottom-width:1px;
+            height:80px;
     }
-    .header .center 
+    .ms-nav .body 
     {
+            flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            width:1170px;
+            width:1200px;
             box-sizing:border-box;
+            justify-content:space-between;
             height:100%;
     }
-    .header .center .left 
+    .ms-nav .body .logo 
     {
-            margin-right:0px;
             align-items:center;
+            flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            width:100%;
+            padding-right:0px;
+            width:20%;
             box-sizing:border-box;
-            padding-top:0px;
+            padding-left:0px;
+            justify-content:flex-start;
             height:100%;
-            margin-left:0px;
     }
-    .header .center .left >a 
+    .ms-nav .body .logo .logo-pic 
     {
-            cursor:pointer;
-            color:#FFFFFF;
-            text-align:center;
-            width:100px;
-            text-decoration:none;
-            padding-top:20px;
-            background-repeat:no-repeat;
-            height:100%;
+            width:50px;
+            height:50px;
     }
-    .header .center .left >a:hover
+    .ms-nav .body .logo .logo-desc 
     {
-                    background-size:auto;
-                    background-position:bottom center;
-                    background-repeat:no-repeat;
-                    background-image:url({ms:global.host/}/{ms:global.style/}/images/1602994812850.png);
+            width:unset;
+            padding-left:0px;
+            padding-right:0px;
+            height:unset;
     }
-    .header .center .h5-menu 
+    .ms-nav .body .nav-h5 
     {
+            align-items:center;
             flex-direction:row;
             display:none;
-            width:100px;
             box-sizing:border-box;
+            right:0px;
+            justify-content:center;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100px;
             padding-top:0px;
             position:relative;
-            padding-left:0px;
             height:100%;
     }
-    .header .center .h5-menu .icon 
+    .ms-nav .body .nav-h5:hover
+    {
+                    background-color:#EEEEEE;
+    }
+    .ms-nav .body .nav-h5 .nav-h5-icon 
     {
             font-size:28PX;
-            color:#FFFFFF;
-            display:flex;
     }
-    .header .center .h5-menu .h5-menu-nav 
+    .ms-nav .body .nav-h5 .nav-h5-body 
     {
-            background-color:#2D548F;
-            top:60px;
-            left:0px;
-            flex-direction:column;
-            display:none;
-            width:100vw;
+            align-items:flex-start;
+            flex-direction:row;
+            display:flex;
             box-sizing:border-box;
-            padding-top:0px;
+            justify-content:center;
+            padding-bottom:10px;
+            top:80px;
+            flex-wrap:nowrap;
+            width:100%;
+            padding-top:10px;
             position:absolute;
-            padding-left:0px;
+            height:100px;
     }
-    .header .center .h5-menu .h5-menu-nav a 
+    .ms-nav .body .nav-h5 .nav-h5-body .nav-h5-item 
     {
             cursor:pointer;
-            color:#FFFFFF;
-            text-align:left;
-            width:100%;
-            text-decoration:none;
-            padding-top:9px;
-            padding-left:10px;
-            height:40px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:18PX;
+            padding-top:0px;
+            padding-left:0px;
     }
-    .header .center .right 
+    .ms-nav .body .nav-item 
     {
-            margin-right:0px;
             align-items:center;
+            flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            width:180px;
+            padding-right:40px;
+            width:50%;
             box-sizing:border-box;
-            padding-top:0px;
+            padding-left:40px;
+            justify-content:space-between;
             height:100%;
-            margin-left:0px;
     }
-    .header .center .right >a 
+    .ms-nav .body .nav-item .item 
     {
             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;
-    }
-    .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;
+            padding-right:0px;
+            font-size:18PX;
+            padding-left:0px;
     }
-    .footer .links 
+    .ms-nav .body .nav-search 
     {
-            margin-right:0px;
-            background-color:#F3F3F3;
+            align-items:center;
             flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            width:100%;
-            margin-bottom:0px;
+            padding-right:0px;
+            width:40%;
             box-sizing:border-box;
-            justify-content:center;
-            margin-top:0px;
-            height:100px;
+            padding-left:0px;
+            justify-content:flex-end;
+            height:100%;
+            margin-left:0px;
     }
-    .footer .links >.body 
+    .ms-nav .body .nav-search .ms-search-input 
     {
-            align-items:center;
+            border-color:#409EFF;
+            align-items:flex-end;
             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;
+            justify-content:center;
+            margin-left:0px;
+            border-width:1px;
+            border-style:solid;
             padding-left:0px;
-            height:100%;
+            height:32px;
     }
-    .footer .links >.body span 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div 
     {
             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 
-    {
-            background-color:#FFFFFF;
             flex-direction:row;
             display:flex;
             padding-right:0px;
             box-sizing:border-box;
+            justify-content:flex-start;
             border-top-left-radius:0px;
-            margin-right:0px;
-            flex-wrap:nowrap;
             border-bottom-left-radius:0px;
-            width:204px;
+            width:100%;
             border-bottom-right-radius:0px;
             border-top-right-radius:0px;
-            padding-top:0px;
             padding-left:0px;
-            height:30px;
+            height:100%;
     }
-    .footer .links >.body .link >.ms-select 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input 
     {
-            border-color:#DCDFE6;
+            border:0px;
             background-color:#FFFFFF;
             align-items:center;
             flex-direction:row;
@@ -216,497 +180,379 @@
             padding-bottom:0px;
             flex-wrap:nowrap;
             border-bottom-left-radius:2px;
-            border-width:1px;
-            width:100%;
+            width:90%;
             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 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span 
     {
             color:#DCDFE6;
-            border-bottom-left-radius:0px;
             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;
-            border-top-left-radius:0px;
     }
-    .footer .links >.body .link >.ms-select i 
+    .ms-nav .body .nav-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;
-            color:#DCDFE6;
+            background-repeat:no-repeat;
+            padding-left:0px;
+            height:100%;
+    }
+    .ms-nav .body .nav-search .ms-search-input .ms-search-button:hover
+    {
+                    background-color:#E6E6E6;
+    }
+    .ms-nav .body .nav-search .ms-search-input .ms-search-button i 
+    {
+            color:#409EFF;
             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;
     }
-    .footer .copyright 
+    .ms-nav .body .nav-search .ms-search-input .ms-search-button span 
     {
-            align-items:center;
+            color:#409EFF;
+            border-bottom-left-radius:0px;
             flex-direction:row;
-            display:flex;
+            word-wrap:break-word;
+            display:inline-block;
             padding-right:0px;
-            box-sizing:border-box;
-            justify-content:center;
-            flex-wrap:nowrap;
-            width:100%;
-            margin-bottom:40px;
+            border-bottom-right-radius:0px;
+            border-top-right-radius:0px;
+            font-size:14px;
             padding-left:0px;
-            margin-top:20px;
-            height:120px;
+            border-top-left-radius:0px;
     }
-    .footer .copyright .body 
+    .ms-footer 
     {
-            margin-right:0px;
+            background-color:#F2F2F2;
             align-items:center;
-            flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            width:1170px;
+            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;
-            justify-content:center;
-            height:100%;
-    }
-    .footer .copyright .body >img 
-    {
-            margin-right:20px;
-            width:52px;
-            height:64px;
     }
-    .footer .copyright .body .desc 
+    .ms-footer .body 
     {
-            margin-right:0px;
             flex-wrap:nowrap;
             flex-direction:column;
             display:flex;
-            width:100%;
+            padding-right:0px;
+            width:1200px;
+            margin-bottom:20px;
             box-sizing:border-box;
+            padding-left:0px;
+            justify-content:flex-start;
+            margin-top:20px;
             height:100%;
     }
-    .footer .copyright .body .desc .text 
+    .ms-footer .body .top 
     {
             align-items:center;
-            flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            width:100%;
+            padding-right:0px;
             box-sizing:border-box;
+            justify-content:space-between;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100%;
             padding-top:0px;
-            justify-content:flex-start;
-            height:30px;
+            padding-left:0px;
+            margin-top:0px;
+            height:60%;
     }
-    .footer .copyright .body .desc .text >div 
+    .ms-footer .body .top .top-left 
     {
-            align-items:center;
             flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            width:100%;
+            width:60%;
             box-sizing:border-box;
-            justify-content:flex-start;
-            height:100%;
+            padding-top:0px;
+            padding-left:0px;
+            height:120px;
     }
-    .footer .copyright .body .desc .text >div a 
+    .ms-footer .body .top .top-left .foot-nav 
     {
-            cursor:pointer;
-            margin-right:0px;
-            font-size:14px;
-            text-decoration:none;
-            color:#000;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:148px;
+            box-sizing:border-box;
+            padding-top:0px;
+            height:100%;
     }
-    .footer .copyright .body .desc .text >div span 
+    .ms-footer .body .top .top-left .foot-nav .nav-item 
     {
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
+            font-size:18PX;
+            padding-top:6px;
+            height:32px;
     }
-    .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 
+    .ms-footer .body .top .top-left .foot-nav .item 
     {
-            align-items:center;
-            flex-wrap:nowrap;
+            color:#767676;
             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;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:6px;
+            height:32px;
     }
-    .footer .copyright .body .right 
+    .ms-footer .body .top .top-right 
     {
             flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            width:600px;
-            margin-bottom:0px;
+            width:40%;
             box-sizing:border-box;
-            justify-content:space-between;
-            margin-top:0px;
+            padding-top:0px;
+            padding-left:0px;
             height:100%;
     }
-    .footer .copyright .body .right .img 
+    .ms-footer .body .top .top-right .qr 
     {
             align-items:center;
             flex-wrap:nowrap;
             flex-direction:column;
             display:flex;
-            width:100px;
-            margin-bottom:0px;
+            width:50%;
             box-sizing:border-box;
-            padding-top:0px;
-            margin-top:0px;
+            justify-content:center;
             height:100%;
     }
-    .footer .copyright .body .right .img >img 
+    .ms-footer .body .top .top-right .qr .pic 
     {
-            width:90px;
-            height:90px;
+            width:120px;
+            height:120px;
     }
-    .footer .copyright .body .right .img >span 
+    .ms-footer .body .top .top-right .qr .text 
     {
-            font-size:14PX;
+            font-size:14px;
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
     }
-    .footer .copyright .body .right .wx 
+    .ms-footer .body .copyright 
     {
-            align-items:center;
-            flex-wrap:nowrap;
-            flex-direction:column;
-            display:flex;
-            width:100px;
-            box-sizing:border-box;
-            padding-top:0px;
-            height:100%;
+            text-align:left;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:14px;
+            padding-top:6px;
+            height:32px;
     }
-    .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 
+    .ms-footer .body .power 
     {
+            color:#5B5B5B;
+            text-align:left;
             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;
+            font-size:14px;
             margin-bottom:0px;
-            position:relative;
+            padding-top:0px;
             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 
+        .ms-nav 
         {
-                background-color:#2D548F;
-                align-items:center;
                 flex-direction:row;
                 display:flex;
-                width:100%;
                 box-sizing:border-box;
                 justify-content:center;
-                height:60px;
+                margin-left:0px;
+                border-bottom-color:#EBEEF5;
+                flex-wrap:nowrap;
+                width:100%;
+                border-bottom-style:solid;
+                padding-top:0px;
+                border-bottom-width:1px;
+                height:80px;
         }
-        .header .center 
+        .ms-nav .body 
         {
-                align-items:center;
+                flex-wrap:nowrap;
                 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 
+        .ms-nav .body .logo 
         {
                 align-items:center;
+                flex-wrap:nowrap;
                 flex-direction:row;
-                display:none;
-                width:100%;
+                display:flex;
+                padding-right:0px;
+                width:60%;
                 box-sizing:border-box;
-                padding-top:0px;
+                padding-left:0px;
                 justify-content:center;
                 height:100%;
         }
-        .header .center .left >a 
+        .ms-nav .body .logo .logo-pic 
         {
-                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%;
+                width:50px;
+                height:50px;
+        }
+        .ms-nav .body .logo .logo-desc 
+        {
+                width:unset;
+                height:unset;
         }
-        .header .center .h5-menu 
+        .ms-nav .body .nav-h5 
         {
                 align-items:center;
+                flex-wrap:nowrap;
                 flex-direction:row;
                 display:flex;
-                width:80px;
+                width:100px;
                 box-sizing:border-box;
-                padding-top:0px;
-                padding-left:0px;
                 justify-content:center;
                 height:100%;
         }
-        .header .center .h5-menu .icon 
+        .ms-nav .body .nav-h5 .nav-h5-icon 
         {
                 font-size:28PX;
                 padding-top:0px;
-                color:#FFFFFF;
-                display:flex;
+                padding-left:0px;
         }
-        .header .center .h5-menu .h5-menu-nav 
+        .ms-nav .body .nav-h5 .nav-h5-body 
         {
-                background-color:#2D548F;
-                top:60px;
-                left:0px;
+                background-color:#F2F6FC;
                 flex-direction:column;
                 display:none;
-                width:100vw;
                 box-sizing:border-box;
-                padding-top:0px;
+                right:0px;
+                justify-content:flex-start;
+                padding-bottom:0px;
+                top:80px;
+                flex-wrap:nowrap;
+                width:140px;
+                padding-top:10px;
                 position:absolute;
-                padding-left:0px;
-                z-index:9;
+                padding-left:10px;
+                height:100vh;
         }
-        .header .center .h5-menu .h5-menu-nav a 
+        .ms-nav .body .nav-h5 .nav-h5-body .nav-h5-item 
         {
                 cursor:pointer;
-                color:#FFFFFF;
-                text-align:left;
-                width:100%;
-                text-decoration:none;
-                padding-top:9px;
-                padding-left:28px;
+                color:#303133;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:18PX;
+                padding-top:8px;
+                padding-left:0px;
                 height:40px;
         }
-        .header .center .right 
+        .ms-nav .body .nav-item 
         {
                 align-items:center;
+                flex-wrap:nowrap;
                 flex-direction:row;
-                display:flex;
-                width:60%;
+                display:none;
+                padding-right:40px;
+                width:50%;
                 box-sizing:border-box;
-                justify-content:center;
+                padding-left:40px;
+                justify-content:space-between;
                 height:100%;
         }
-        .header .center .right >a 
+        .ms-nav .body .nav-item .item 
         {
                 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;
+                padding-right:0px;
+                font-size:18PX;
+                padding-left:0px;
         }
-        .footer 
+        .ms-nav .body .nav-search 
         {
-                border-top-style:solid;
-                padding-bottom:0px;
+                align-items:center;
                 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:wrap;
-                flex-direction:column;
-                display:flex;
-                width:100%;
-                margin-bottom:0px;
+                flex-direction:row;
+                display:none;
+                padding-right:0px;
+                width:40%;
                 box-sizing:border-box;
+                padding-left:0px;
                 justify-content:center;
-                margin-top:0px;
-                height:unset;
+                height:100%;
+                margin-left:0px;
         }
-        .footer .links >.body 
+        .ms-nav .body .nav-search .ms-search-input 
         {
-                align-items:center;
-                flex-direction:column;
+                border-color:#CCCCCC;
+                align-items:flex-end;
+                flex-direction:row;
+                border-width:1px;
                 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:100%;
-                border-bottom-right-radius:0px;
-                border-top-right-radius:0px;
-                padding-top:0px;
-                padding-left:0px;
-                height:unset;
-        }
-        .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;
+                box-sizing:border-box;
+                border-style:solid;
                 justify-content:center;
-                height:30px;
+                height:40%;
         }
-        .footer .links >.body .link 
+        .ms-nav .body .nav-search .ms-search-input .ms-search-input-div 
         {
-                background-color:#FFFFFF;
                 flex-direction:row;
+                border-right-width:1px;
                 display:flex;
                 padding-right:0px;
+                width:100%;
                 box-sizing:border-box;
-                border-top-left-radius:0px;
-                margin-right:0px;
-                flex-wrap:nowrap;
-                border-bottom-left-radius:0px;
-                width:204px;
-                border-bottom-right-radius:0px;
-                margin-bottom:10px;
-                border-top-right-radius:0px;
-                padding-top:0px;
-                padding-left:0px;
-                margin-top:0px;
-                height:30px;
+                border-right-color:#CCCCCC;
+                border-right-style:solid;
+                height:100%;
         }
-        .footer .links >.body .link >.ms-select 
+        .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input 
         {
-                border-color:#DCDFE6;
+                border:0px;
                 background-color:#FFFFFF;
                 align-items:center;
                 flex-direction:row;
@@ -718,296 +564,198 @@
                 padding-bottom:0px;
                 flex-wrap:nowrap;
                 border-bottom-left-radius:2px;
-                border-width:1px;
-                width:100%;
+                width:90%;
                 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 
+        .ms-nav .body .nav-search .ms-search-input .ms-search-input-div .ms-input span 
         {
                 color:#DCDFE6;
-                border-bottom-left-radius:0px;
                 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;
-                border-top-left-radius:0px;
         }
-        .footer .links >.body .link >.ms-select i 
+        .ms-nav .body .nav-search .ms-search-input .ms-search-button 
         {
+                flex-direction:row;
+                background-image:url({ms:global.host/}/{ms:global.style/}/images/1601265263422.png);
+                display:flex;
+                width:40px;
+                box-sizing:border-box;
+                background-position:center;
+                background-repeat:no-repeat;
+                height:100%;
+        }
+        .ms-nav .body .nav-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;
-                color:#DCDFE6;
-                border-bottom-left-radius:0px;
+                padding-left:0px;
                 border-top-left-radius:0px;
         }
-        .footer .copyright 
+        .ms-nav .body .nav-search .ms-search-input .ms-search-button span 
         {
-                flex-wrap:nowrap;
+                border-bottom-left-radius:0px;
                 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;
+                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 .copyright .body 
+        .ms-footer 
         {
+                background-color:#F2F2F2;
                 align-items:center;
-                flex-direction:column;
+                flex-direction:row;
                 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 
+        .ms-footer .body 
         {
-                margin-right:0px;
+                padding-bottom:10px;
                 flex-wrap:nowrap;
                 flex-direction:column;
                 display:flex;
+                padding-right:10px;
                 width:100%;
                 box-sizing:border-box;
-                height:100%;
+                padding-top:10px;
+                padding-left:10px;
+                margin-top:0px;
         }
-        .footer .copyright .body .desc .text 
+        .ms-footer .body .top 
         {
                 align-items:center;
-                flex-wrap:nowrap;
                 flex-direction:column;
                 display:flex;
-                width:100%;
+                padding-right:0px;
                 box-sizing:border-box;
+                justify-content:space-between;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
                 padding-top:0px;
-                justify-content:center;
-                height:unset;
+                padding-left:0px;
+                margin-top:0px;
         }
-        .footer .copyright .body .desc .text >div 
+        .ms-footer .body .top .top-left 
         {
                 align-items:center;
-                flex-wrap:nowrap;
+                flex-wrap:wrap;
                 flex-direction:row;
                 display:flex;
                 width:100%;
                 box-sizing:border-box;
-                justify-content:center;
-                margin-top:0px;
-                height:unset;
+                padding-top:0px;
+                padding-left:60px;
+                justify-content:flex-end;
         }
-        .footer .copyright .body .desc .text >div a 
+        .ms-footer .body .top .top-left .foot-nav 
         {
-                cursor:pointer;
-                font-size:14PX;
-                text-decoration:none;
-                color:#000;
+                width:50%;
+                box-sizing:border-box;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
         }
-        .footer .copyright .body .desc .text >div span 
+        .ms-footer .body .top .top-left .foot-nav .nav-item 
         {
                 flex-direction:row;
                 word-wrap:break-word;
                 display:inline-block;
+                font-size:18PX;
+                padding-top:6px;
+                height:32px;
         }
-        .footer .copyright .body .desc .text >a 
-        {
-                cursor:pointer;
-                text-decoration:none;
-                font-size:14PX;
-                text-align:center;
-        }
-        .footer .copyright .body .desc .ms-designer 
+        .ms-footer .body .top .top-left .foot-nav .item 
         {
-                align-items:center;
-                flex-wrap:nowrap;
+                color:#767676;
                 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;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:6px;
+                height:32px;
         }
-        .footer .copyright .body .right 
+        .ms-footer .body .top .top-right 
         {
                 flex-wrap:nowrap;
                 flex-direction:row;
                 display:flex;
-                padding-right:0px;
                 width:100%;
-                margin-bottom:0px;
                 box-sizing:border-box;
+                padding-top:0px;
                 padding-left:0px;
-                justify-content:center;
-                margin-top:20px;
-                height:100%;
         }
-        .footer .copyright .body .right .img 
+        .ms-footer .body .top .top-right .qr 
         {
                 align-items:center;
                 flex-wrap:nowrap;
                 flex-direction:column;
                 display:flex;
-                width:100px;
-                margin-bottom:0px;
+                width:50%;
                 box-sizing:border-box;
-                padding-top:0px;
-                margin-top:0px;
+                justify-content:center;
                 height:100%;
         }
-        .footer .copyright .body .right .img >img 
+        .ms-footer .body .top .top-right .qr .pic 
         {
-                width:90px;
-                height:90px;
+                width:120px;
+                height:120px;
         }
-        .footer .copyright .body .right .img >span 
+        .ms-footer .body .top .top-right .qr .text 
         {
-                font-size:14PX;
+                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 
+        .ms-footer .body .copyright 
         {
+                text-align:center;
                 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;
+                font-size:14px;
+                padding-top:6px;
+                height:unset;
         }
-        .footer .right-fixed .content 
+        .ms-footer .body .power 
         {
-                background-color:#A38F8F;
+                color:#5B5B5B;
+                text-align:center;
                 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;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:14px;
+                padding-top:0px;
         }
 
 }

src/main/webapp/template/1/default/footer.htm

@@ -2,162 +2,52 @@
 
 
 
-        <!--底部导航-start-->
 
-<div class="footer">
-<!--友情链接-start-->
-<div class="links">
+<div class="ms-footer">
 <div class="body">
-<span >
-网站导航
-</span>
-<div class="link">
-<!--下拉框-start-->
-<select class="ms-select">
-{ms:arclist typeid=163 size=10 }
-<option value="">[field.title/]</option>
-{/ms:arclist}
-</select> <!--下拉框-end-->
-</div>
-<div class="link">
-<!--下拉框-start-->
-<select class="ms-select">
-{ms:arclist typeid=163 size=10 }
-<option value="">[field.title/]</option>
-{/ms:arclist}
-</select> <!--下拉框-end-->
-</div>
-<div class="link">
-<!--下拉框-start-->
-<select class="ms-select">
-{ms:arclist typeid=163 size=10 }
-<option value="">[field.title/]</option>
-{/ms:arclist}
-</select> <!--下拉框-end-->
-</div>
-<div class="link">
-<!--下拉框-start-->
-<select class="ms-select">
-{ms:arclist typeid=163 size=5 }
-<option value="">[field.title/]</option>
-{/ms:arclist}
-</select> <!--下拉框-end-->
-</div>
-<div class="link">
-<!--下拉框-start-->
-<select class="ms-select">
-{ms:arclist typeid=163 size=5 }
-<option value="">[field.title/]</option>
-{/ms:arclist}
-</select> <!--下拉框-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号
+<div class="top">
+<div class="top-left">
+{ms:channel flag='nav'}
+<div class="foot-nav">
+<a href="{ms:global.url/}${field.typelink}"
+target="_blank"
+class="nav-item">
+父栏目名称
 </a>
-</div>
-<div class="ms-designer">
-<a href="www.mingsoft.net"
+{ms:channel }
+<a href="{ms:global.url/}${field.typelink}"
 target="_blank"
->
-@该网页由MDesigner制作完成
+class="item">
+子栏目名称
 </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>
+{/ms:channel}
 </div>
-<div class="img">
+{/ms:channel} </div>
+<div class="top-right">
+<div class="qr">
 <img
 title=""
 alt=""
-src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_724.png"
-/>
-<span >
-国务院小程序
+src="https://iph.href.lu/100x100"
+class="pic" />
+<span class="text" >
+公众号
 </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">
+<div class="qr">
 <img
 title=""
 alt=""
 src="https://iph.href.lu/100x100"
-/>
-</div> </div> <!--右漂浮-end-->
-</div>        <!--底部导航-end-->
+class="pic" />
+<span class="text" >
+公众号
+</span>
+</div> </div> </div>
+<span class="copyright" >
+© 江西铭软科技有限公司 2020 All Rights Reserved. Powered by MCms
+</span>
+<span class="power" >
+@该网页由MDesigner制作完成
+</span>
+</div> </div>

src/main/webapp/template/1/default/message.htm

@@ -0,0 +1,493 @@
+
+
+
+
+
+<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 "nav.htm"/>
+
+<div class="news">
+<div class="body">
+<div class="left">
+<span class="title" >
+分类名称
+</span>
+<span class="sub-title-sel" >
+分类名称
+</span>
+<span class="sub-title" >
+分类名称
+</span>
+</div>
+<div class="right">
+<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="message-body">
+<!--输入框-start-->
+<input class="ms-input"/>
+<!--输入框-end-->
+<!--输入框-start-->
+<input class="ms-input"/>
+<!--输入框-end-->
+<div >
+提交
+</div>
+</div> </div> </div> </div>
+        <#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:#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;
+    }
+
+    .news 
+    {
+            align-items:flex-start;
+            flex-direction:row;
+            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;
+    }
+    .news .body 
+    {
+            padding-bottom:20px;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1200px;
+            box-sizing:border-box;
+            padding-top:20px;
+            padding-left:0px;
+    }
+    .news .body .left 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:200px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .news .body .left .title 
+    {
+            border-bottom-color:#C0C4CC;
+            color:#C0C4CC;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            border-bottom-style:dashed;
+            padding-top:10px;
+            border-bottom-width:1px;
+            padding-left:10px;
+            height:40px;
+    }
+    .news .body .left .sub-title-sel 
+    {
+            background-color:#F2F6FC;
+            color:#409EFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:2px;
+            height:40px;
+    }
+    .news .body .left .sub-title 
+    {
+            color:#5F5F5F;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:0px;
+            height:40px;
+    }
+    .news .body .right 
+    {
+            flex-direction:column;
+            display:flex;
+            padding-right:20px;
+            box-sizing:border-box;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:1000px;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:20px;
+            margin-top:0px;
+            height:100%;
+    }
+    .news .body .right .ms-channel-path 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:auto;
+            margin-right:auto;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:10px;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+    }
+    .news .body .right .ms-channel-path span 
+    {
+            font-size:16PX;
+            color:#909399;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .news .body .right .ms-channel-path .ms-channel-path-index 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .news .body .right .ms-channel-path >i 
+    {
+    }
+    .news .body .right .ms-channel-path .ms-channel-path-link 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .news .body .right .message-body 
+    {
+            align-items:center;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-left:0px;
+            border-top-left-radius:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            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:0px;
+    }
+    .news .body .right .message-body .ms-input 
+    {
+            border-color:#DCDFE6;
+            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;
+            border-width:1px;
+            width:250px;
+            border-bottom-right-radius:2px;
+            border-top-right-radius:2px;
+            margin-bottom:4px;
+            padding-top:0px;
+            border-style:solid;
+            padding-left:4px;
+            height:30px;
+    }
+    .news .body .right .message-body .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;
+    }
+    .news .body .right .message-body div 
+    {
+            cursor:pointer;
+            background-color:#0099ff;
+            color:#FFFFFF;
+            text-align:center;
+            display:inline-block;
+            box-sizing:border-box;
+            border-top-left-radius:4px;
+            border-bottom-left-radius:4px;
+            width:138px;
+            border-bottom-right-radius:4px;
+            line-height:45px;
+            font-size:16px;
+            border-top-right-radius:4px;
+            height:45px;
+    }
+@media (max-width: 768px){
+        .news 
+        {
+                align-items:center;
+                flex-direction:row;
+                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;
+        }
+        .news .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                padding-left:0px;
+        }
+        .news .body .left 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .news .body .left .title 
+        {
+                border-bottom-color:#C0C4CC;
+                color:#C0C4CC;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                border-bottom-style:dashed;
+                padding-top:10px;
+                border-bottom-width:1px;
+                padding-left:10px;
+                height:40px;
+        }
+        .news .body .left .sub-title-sel 
+        {
+                background-color:#F2F6FC;
+                color:#409EFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:10px;
+                padding-left:10px;
+                margin-top:2px;
+                height:40px;
+        }
+        .news .body .left .sub-title 
+        {
+                color:#5F5F5F;
+                text-align:left;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:10px;
+                padding-left:10px;
+                margin-top:0px;
+                height:40px;
+        }
+        .news .body .right 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+        }
+        .news .body .right .ms-channel-path 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:auto;
+                margin-right:auto;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:10px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+        }
+        .news .body .right .ms-channel-path span 
+        {
+                font-size:14PX;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .news .body .right .ms-channel-path .ms-channel-path-index 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .news .body .right .ms-channel-path .ms-channel-path-link 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:14PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .news .body .right .message-body 
+        {
+                flex-direction:column;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:0px;
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                margin-top:0px;
+                height:300px;
+        }
+
+}</style>

src/main/webapp/template/1/default/nav.htm

@@ -0,0 +1,49 @@
+<div class="ms-nav">
+    <div class="body">
+        <div class="logo">
+            <img
+                    title=""
+                    alt=""
+                    src="{@ms:file global.logo/}"
+                    class="logo-pic"/>
+            <img
+                    title=""
+                    alt=""
+                    src="https://www.mingsoft.net//template/1/ms/images/1596437934982.png"
+                    class="logo-desc"/>
+        </div>
+        <div @click='switchShow(["1605172743000_96378"]);' class="nav-h5">
+            <i class="iconfont icon-caidan nav-h5-icon"></i>
+            <div id="key_1605172743000_96378"
+                 class="nav-h5-body">
+                <a href="#"
+                   class="nav-h5-item">
+                    首页
+                </a>
+            </div>
+        </div>
+        <div class="nav-item">
+            {ms:channel flag='n'}
+            <a href="{ms:global.url/}${field.typelink}"
+               target="_blank"
+               class="item">
+                ${field.typetitle}
+            </a>
+            {/ms:channel}
+        </div>
+        <div class="nav-search">
+            <!--搜索-start-->
+            <form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" 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>
+                </div>
+            </form>
+            <!--搜索-end-->
+        </div>
+    </div>
+</div>

src/main/webapp/template/1/default/news-detail.htm

@@ -42,10 +42,26 @@
 <body>
     <div id="app" v-cloak>
 
-        <#include "header.htm"/>
-
+        <#include "nav.htm"/>
 
 <div class="content">
+<div class="body">
+<div class="left">
+<span class="title" >
+${field.typename}
+</span>
+{ms:channel type='son'}
+<a href="{ms:global.url/}${field.typelink}"
+target="_blank"
+class="sub-title-sel">
+${field.typetitle}
+</a>
+{/ms:channel}
+<span class="sub-title" >
+分类名称
+</span>
+</div>
+<div class="right">
 <div class="ms-channel-path">
 <span class="ms-channel-path-label">
 当前位置：
@@ -60,51 +76,43 @@ ${field.typetitle}
 </a>
 {/ms:channel}
 </div>
-<div class="detail">
-<div class="top">
-<span class="title" >
+<span class="big-title" >
 ${field.title}
 </span>
-<div class="date">
+<div class="news-date-hit">
 <span >
-发布时间：
+发布时间:
 </span>
-<span >
+<span class="date" >
 ${field.date?string("yyyy-MM-dd")}
 </span>
-<div style="flex-wrap:nowrap;flex-direction:row;display:flex;width:20px;box-sizing:border-box;margin-top:0px;height:100%;">
-</div>
 <span >
-浏览次数：
+预览次数:
 </span>
 <span >
 ${field.hit}
 </span>
-</div> </div>
-<div class="body">
-<span class="body-text" >
-${field.content}
-</span>
-</div> </div>
-<div class="ms-next-pre">
-<div class="pre">
-<span >
-上一篇：
+</div>
+<div class="news-body">
+</div>
+<div class="news-pre">
+<span class="label" >
+上一篇:
 </span>
-<a href="${global.url}${pre.link}"
+<a href="{ms:global.url/}${field.prelink}"
 >
 ${pre.title}
 </a>
 </div>
-<div class="next">
-<span >
-下一篇：
+<div class="news-next">
+<span class="label" >
+下一篇:
 </span>
-<a href="${global.url}${next.link}"
+<a href="{ms:global.url/}${field.nextink}"
 >
-${next.title}
+${pre.title}
 </a>
-</div> </div> </div>
+</div> </div> </div> </div>
         <#include "footer.htm"/>
     </div>
 </body>
@@ -135,7 +143,7 @@ var app = new Vue({
 
 <style>
     body {
-        background-color:#f5f5f5;
+        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;
@@ -144,244 +152,299 @@ var app = new Vue({
 
     .content 
     {
-            padding-bottom:0px;
-            flex-wrap:nowrap;
-            flex-direction:column;
+            align-items:flex-start;
+            flex-direction:row;
             display:flex;
             padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
             width:100%;
             margin-bottom:0px;
-            box-sizing:border-box;
             padding-top:0px;
             padding-left:0px;
             margin-top:0px;
     }
-    .content .ms-channel-path 
+    .content .body 
     {
-            align-items:center;
+            padding-bottom:20px;
+            flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
+            padding-right:0px;
+            width:1200px;
             box-sizing:border-box;
-            justify-content:flex-start;
-            margin-left:auto;
-            margin-right:auto;
+            padding-top:20px;
+            padding-left:0px;
+    }
+    .content .body .left 
+    {
             padding-bottom:0px;
             flex-wrap:nowrap;
-            width:1170px;
-            margin-bottom:10px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:200px;
+            box-sizing:border-box;
             padding-top:0px;
-            margin-top:10px;
-            height:30px;
+            padding-left:0px;
+            margin-top:0px;
+            height:100%;
     }
-    .content .ms-channel-path .ms-channel-path-label 
+    .content .body .left .title 
     {
+            color:#C0C4CC;
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
-            font-size:14PX;
-            margin-bottom:0px;
-            margin-top:0px;
-    }
-    .content .ms-channel-path .ms-channel-path-index 
-    {
-            cursor:pointer;
-            color:#000;
-            font-size:14PX;
-            text-decoration:none;
-            margin-bottom:0px;
+            border-bottom-color:#C0C4CC;
+            font-size:16PX;
+            border-bottom-style:dashed;
+            padding-top:10px;
+            border-bottom-width:1px;
+            padding-left:10px;
             margin-top:0px;
+            height:40px;
     }
-    .content .ms-channel-path >i 
+    .content .body .left .sub-title-sel 
     {
+            background-color:#F2F6FC;
+            color:#409EFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:2px;
+            height:40px;
     }
-    .content .ms-channel-path .ms-channel-path-link 
+    .content .body .left .sub-title 
     {
-            cursor:pointer;
-            color:#000;
-            font-size:14PX;
-            text-decoration:none;
-            margin-bottom:0px;
+            color:#5F5F5F;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
             margin-top:0px;
+            height:40px;
     }
-    .content .detail 
+    .content .body .right 
     {
-            background-color:#FFFFFF;
-            align-items:center;
             flex-direction:column;
             display:flex;
             padding-right:0px;
             box-sizing:border-box;
-            margin-left:auto;
-            min-height:800px;
-            margin-right:auto;
             padding-bottom:0px;
             flex-wrap:nowrap;
-            width:1170px;
-            margin-bottom:10px;
+            width:1000px;
+            margin-bottom:0px;
             padding-top:0px;
-            position:relative;
-            padding-left:0px;
+            padding-left:20px;
             margin-top:0px;
+            height:100%;
     }
-    .content .detail .top 
+    .content .body .right .ms-channel-path 
     {
+            margin-right:auto;
             align-items:center;
-            flex-direction:column;
+            flex-wrap:nowrap;
+            flex-direction:row;
             display:flex;
+            width:100%;
+            margin-bottom:10px;
             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;
+            margin-top:10px;
+            height:30px;
+            margin-left:auto;
     }
-    .content .detail .top .title 
+    .content .body .right .ms-channel-path span 
     {
-            padding-bottom:0px;
+            font-size:16PX;
+            color:#909399;
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
-            font-size:28PX;
-            padding-top:0px;
     }
-    .content .detail .top .date 
+    .content .body .right .ms-channel-path .ms-channel-path-index 
     {
-            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%;
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
             margin-bottom:0px;
-            padding-top:0px;
-            margin-top:10px;
-            height:100%;
+            margin-top:0px;
     }
-    .content .detail .top .date span 
+    .content .body .right .ms-channel-path >i 
     {
-            margin-right:0px;
-            color:#929292;
+    }
+    .content .body .right .ms-channel-path .ms-channel-path-link 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .content .body .right .big-title 
+    {
+            text-align:center;
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
-            font-size:16PX;
-            margin-top:0px;
-            margin-left:0px;
+            font-size:22PX;
+            padding-left:0px;
     }
-    .content .detail .body 
+    .content .body .right .news-date-hit 
     {
+            margin-right:0px;
             align-items:center;
             flex-wrap:nowrap;
-            flex-direction:column;
+            flex-direction:row;
             display:flex;
-            width:90%;
-            margin-bottom:0px;
+            width:100%;
             box-sizing:border-box;
-            padding-top:32px;
+            padding-left:0px;
             justify-content:center;
-            margin-top:0px;
+            height:40px;
     }
-    .content .detail .body .body-text 
+    .content .body .right .news-date-hit span 
     {
-            margin-right:auto;
-            padding-bottom:0px;
+            font-size:16PX;
+            color:#909399;
             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;
     }
-    .content .ms-next-pre 
+    .content .body .right .news-date-hit .date 
     {
+            margin-right:20px;
+            color:#909399;
             flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            margin-left:0px;
+    }
+    .content .body .right .news-body 
+    {
+            flex-direction:column;
             display:flex;
-            padding-right:10px;
             box-sizing:border-box;
-            margin-left:auto;
-            margin-right:auto;
+            margin-left:0px;
+            margin-right:0px;
             padding-bottom:0px;
             flex-wrap:nowrap;
-            width:1170px;
+            width:100%;
             margin-bottom:0px;
             padding-top:0px;
-            padding-left:10px;
             margin-top:0px;
-            height:60px;
+            height:300px;
     }
-    .content .ms-next-pre .pre 
+    .content .body .right .news-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%;
+            margin-left:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            padding-top:0px;
+            height:40px;
     }
-    .content .ms-next-pre .pre span 
+    .content .body .right .news-pre .label 
     {
-            font-size:14px;
+            margin-right:10px;
+            color:#909399;
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
     }
-    .content .ms-next-pre .pre a 
+    .content .body .right .news-pre a 
     {
-            cursor:pointer;
-            font-size:14px;
-            text-decoration:none;
-            color:#000;
+            margin-right:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
     }
-    .content .ms-next-pre .next 
+    .content .body .right .news-next 
     {
             align-items:center;
-            flex-wrap:nowrap;
             flex-direction:row;
             display:flex;
-            padding-right:0px;
-            width:50%;
             box-sizing:border-box;
-            padding-left:0px;
             justify-content:flex-start;
-            height:100%;
+            margin-left:0px;
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            padding-top:0px;
+            height:40px;
     }
-    .content .ms-next-pre .next span 
+    .content .body .right .news-next .label 
     {
-            font-size:14px;
+            margin-right:10px;
+            color:#909399;
             flex-direction:row;
             word-wrap:break-word;
             display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
     }
-    .content .ms-next-pre .next a 
+    .content .body .right .news-next a 
     {
-            cursor:pointer;
-            padding-bottom:0px;
-            color:#000;
-            font-size:14px;
-            text-decoration:none;
-            margin-bottom:0px;
+            margin-right:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
             padding-top:0px;
-            margin-top:0px;
     }
 @media (max-width: 768px){
         .content 
         {
+                align-items:center;
+                flex-direction:row;
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                padding-left:0px;
+        }
+        .content .body .right 
+        {
+                padding-bottom:0px;
                 flex-wrap:nowrap;
                 flex-direction:column;
                 display:flex;
@@ -392,9 +455,8 @@ var app = new Vue({
                 padding-top:0px;
                 padding-left:0px;
                 margin-top:0px;
-                height:unset;
         }
-        .content .ms-channel-path 
+        .content .body .right .ms-channel-path 
         {
                 margin-right:auto;
                 align-items:center;
@@ -408,200 +470,154 @@ var app = new Vue({
                 height:30px;
                 margin-left:auto;
         }
-        .content .ms-channel-path .ms-channel-path-label 
+        .content .body .right .ms-channel-path span 
         {
-                font-size:14PX;
+                color:#5F5F5F;
                 flex-direction:row;
                 word-wrap:break-word;
                 display:inline-block;
+                font-size:16PX;
+                padding-top:0px;
+                padding-left:0px;
         }
-        .content .ms-channel-path .ms-channel-path-index 
+        .content .body .right .ms-channel-path .ms-channel-path-index 
         {
                 cursor:pointer;
                 color:#000;
-                font-size:14PX;
+                font-size:16PX;
                 text-decoration:none;
                 margin-bottom:0px;
                 margin-top:0px;
         }
-        .content .ms-channel-path .ms-channel-path-link 
+        .content .body .right .ms-channel-path .ms-channel-path-link 
         {
                 cursor:pointer;
                 color:#000;
-                font-size:14PX;
+                font-size:16PX;
                 text-decoration:none;
                 margin-bottom:0px;
                 margin-top:0px;
         }
-        .content .detail 
+        .content .body .right .big-title 
         {
-                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;
+                font-size:22PX;
                 padding-left:0px;
-                margin-top:10px;
-                height:300px;
-        }
-        .content .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;
-        }
-        .content .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;
         }
-        .content .detail .top .date 
+        .content .body .right .news-date-hit 
         {
+                margin-right:0px;
                 align-items:center;
+                flex-wrap:nowrap;
                 flex-direction:row;
                 display:flex;
-                padding-right:0px;
-                box-sizing:border-box;
-                justify-content:center;
-                margin-left:0px;
-                margin-right:0px;
-                padding-bottom:0px;
-                flex-wrap:nowrap;
                 width:100%;
-                margin-bottom:0px;
-                padding-top:0px;
+                box-sizing:border-box;
                 padding-left:0px;
-                margin-top:0px;
-                height:100%;
+                justify-content:center;
+                height:40px;
         }
-        .content .detail .top .date span 
+        .content .body .right .news-date-hit span 
         {
                 font-size:16PX;
+                color:#909399;
                 flex-direction:row;
                 word-wrap:break-word;
                 display:inline-block;
-                margin-left:0px;
-        }
-        .content .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;
         }
-        .content .detail .body .body-text 
+        .content .body .right .news-date-hit .date 
         {
-                margin-right:auto;
-                padding-bottom:0px;
+                margin-right:20px;
+                color:#909399;
                 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;
+                font-size:16PX;
                 margin-left:0px;
         }
-        .content .ms-next-pre 
+        .content .body .right .news-body 
         {
-                flex-direction:column;
+                flex-direction:row;
                 display:flex;
-                padding-right:10px;
                 box-sizing:border-box;
-                margin-left:auto;
-                margin-right:auto;
+                margin-left:0px;
+                margin-right:0px;
+                padding-bottom:0px;
                 flex-wrap:nowrap;
                 width:100%;
                 margin-bottom:0px;
-                padding-left:10px;
+                padding-top:0px;
                 margin-top:0px;
-                height:60px;
+                height:300px;
         }
-        .content .ms-next-pre .pre 
+        .content .body .right .news-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%;
+                margin-left:0px;
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                padding-top:0px;
+                height:40px;
         }
-        .content .ms-next-pre .pre span 
+        .content .body .right .news-pre .label 
         {
-                font-size:14px;
+                margin-right:10px;
+                color:#909399;
                 flex-direction:row;
                 word-wrap:break-word;
                 display:inline-block;
+                font-size:16PX;
+                padding-top:0px;
         }
-        .content .ms-next-pre .pre a 
+        .content .body .right .news-pre a 
         {
-                cursor:pointer;
-                font-size:14px;
-                text-decoration:none;
-                color:#000;
+                margin-right:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:0px;
         }
-        .content .ms-next-pre .next 
+        .content .body .right .news-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%;
+                margin-left:0px;
+                margin-right:0px;
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                width:100%;
+                padding-top:0px;
+                height:40px;
         }
-        .content .ms-next-pre .next span 
+        .content .body .right .news-next .label 
         {
-                font-size:14px;
+                margin-right:10px;
+                color:#909399;
                 flex-direction:row;
                 word-wrap:break-word;
                 display:inline-block;
+                font-size:16PX;
+                padding-top:0px;
         }
-        .content .ms-next-pre .next a 
+        .content .body .right .news-next a 
         {
-                cursor:pointer;
-                padding-bottom:0px;
-                color:#000;
-                font-size:14px;
-                text-decoration:none;
+                margin-right:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
                 padding-top:0px;
         }
 

src/main/webapp/template/1/default/product-detail.htm

@@ -0,0 +1,591 @@
+
+
+
+
+
+<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 "nav.htm"/>
+
+<div class="content">
+<div class="body">
+<div class="left">
+<span class="title" >
+分类名称
+</span>
+<span class="sub-title-sel" >
+分类名称
+</span>
+<span class="sub-title" >
+分类名称
+</span>
+</div>
+<div class="right">
+<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="product">
+<div class="pic">
+<img
+title=""
+alt=""
+src="{@ms:file field.litpic/}"
+/>
+<div class="text">
+<span class="big-title" >
+${field.title}
+</span>
+<span class="desc" >
+${field.descrip}
+</span>
+</div> </div>
+<div class="content">
+<span class="label" >
+详情
+</span>
+<div class="content-body">
+</div> </div> </div> </div> </div> </div>
+        <#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:#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;
+    }
+
+    .content 
+    {
+            align-items:flex-start;
+            flex-direction:row;
+            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;
+    }
+    .content .body 
+    {
+            padding-bottom:20px;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1200px;
+            box-sizing:border-box;
+            padding-top:20px;
+            padding-left:0px;
+    }
+    .content .body .left 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+    .content .body .left .title 
+    {
+            color:#C0C4CC;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            border-bottom-color:#C0C4CC;
+            padding-bottom:0px;
+            font-size:16PX;
+            border-bottom-style:dashed;
+            padding-top:10px;
+            border-bottom-width:1px;
+            padding-left:10px;
+            height:40px;
+    }
+    .content .body .left .sub-title-sel 
+    {
+            background-color:#F2F6FC;
+            color:#409EFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:2px;
+            height:40px;
+    }
+    .content .body .left .sub-title 
+    {
+            color:#5F5F5F;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:0px;
+            height:40px;
+    }
+    .content .body .right 
+    {
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            width:1000px;
+            margin-bottom:0px;
+            padding-top:0px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .content .body .right .ms-channel-path 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:auto;
+            margin-right:auto;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:10px;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+    }
+    .content .body .right .ms-channel-path span 
+    {
+            font-size:16PX;
+            color:#909399;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .content .body .right .ms-channel-path .ms-channel-path-index 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .content .body .right .ms-channel-path >i 
+    {
+    }
+    .content .body .right .ms-channel-path .ms-channel-path-link 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .content .body .right .product 
+    {
+            margin-right:0px;
+            padding-bottom:0px;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:980px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+    }
+    .content .body .right .product .pic 
+    {
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .pic img 
+    {
+            width:240px;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .pic .text 
+    {
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:740px;
+            box-sizing:border-box;
+            padding-left:20px;
+            height:100%;
+    }
+    .content .body .right .product .pic .text .big-title 
+    {
+            font-size:22PX;
+            padding-left:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .content .body .right .product .pic .text .desc 
+    {
+            color:#C8C8C8;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content 
+    {
+            padding-bottom:10px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:10px;
+            padding-left:0px;
+            height:240px;
+    }
+    .content .body .right .product .content .label 
+    {
+            padding-bottom:0px;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:18PX;
+            padding-top:0px;
+            padding-left:0px;
+    }
+    .content .body .right .product .content .content-body 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            width:100%;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            height:100%;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                align-items:center;
+                flex-direction:row;
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                padding-left:0px;
+        }
+        .content .body .left 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .body .left .title 
+        {
+                color:#C0C4CC;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                border-bottom-color:#C0C4CC;
+                padding-bottom:0px;
+                font-size:16PX;
+                border-bottom-style:dashed;
+                padding-top:10px;
+                border-bottom-width:1px;
+                padding-left:10px;
+                height:40px;
+        }
+        .content .body .left .sub-title-sel 
+        {
+                background-color:#F2F6FC;
+                color:#409EFF;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:10px;
+                padding-left:10px;
+                margin-top:2px;
+                height:40px;
+        }
+        .content .body .left .sub-title 
+        {
+                color:#5F5F5F;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-top:10px;
+                padding-left:10px;
+                margin-top:0px;
+                height:40px;
+        }
+        .content .body .right 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+        }
+        .content .body .right .ms-channel-path 
+        {
+                align-items:center;
+                flex-direction:row;
+                display:flex;
+                box-sizing:border-box;
+                margin-left:auto;
+                margin-right:auto;
+                flex-wrap:nowrap;
+                width:100%;
+                margin-bottom:10px;
+                padding-left:0px;
+                margin-top:10px;
+                height:30px;
+        }
+        .content .body .right .ms-channel-path span 
+        {
+                font-size:16PX;
+                color:#909399;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .content .body .right .ms-channel-path .ms-channel-path-index 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:16PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .content .body .right .ms-channel-path .ms-channel-path-link 
+        {
+                cursor:pointer;
+                color:#000;
+                font-size:16PX;
+                text-decoration:none;
+                margin-bottom:0px;
+                margin-top:0px;
+        }
+        .content .body .right .product 
+        {
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                margin-right:0px;
+                padding-bottom:0px;
+                width:100%;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:610px;
+        }
+        .content .body .right .product .pic 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .pic img 
+        {
+                width:100%;
+                padding-left:0px;
+                height:400px;
+        }
+        .content .body .right .product .pic .text 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:100%;
+        }
+        .content .body .right .product .pic .text .big-title 
+        {
+                font-size:22PX;
+                padding-left:0px;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+        }
+        .content .body .right .product .pic .text .desc 
+        {
+                color:#C8C8C8;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:16PX;
+                padding-left:0px;
+        }
+        .content .body .right .product .content 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-left:0px;
+                height:240px;
+        }
+        .content .body .right .product .content .label 
+        {
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                font-size:18PX;
+                padding-top:0px;
+                padding-left:0px;
+        }
+        .content .body .right .product .content .content-body 
+        {
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                padding-left:0px;
+                height:100%;
+        }
+
+}</style>

src/main/webapp/template/1/default/product-list.htm

@@ -0,0 +1,615 @@
+
+
+
+
+
+<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 "nav.htm"/>
+
+<div class="content">
+<div class="body">
+<div class="left">
+<span class="title" >
+${field.typename}
+</span>
+{ms:channel type='son'}
+<a href="{ms:global.url/}${field.typelink}"
+target="_blank"
+class="sub-title-sel">
+${field.typetitle}
+</a>
+{/ms:channel}
+<span class="sub-title" >
+分类名称
+</span>
+</div>
+<div class="right">
+<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="list">
+<div class="list-body">
+{ms:arclist ispaging=true}
+<div class="product">
+<img
+title=""
+alt=""
+src="{@ms:file field.litpic/}"
+/>
+<a href="{ms:global.url/}${field.link}"
+>
+${field.title}
+</a>
+</div>
+{/ms:arclist} </div> </div>
+<div class="page">
+<#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> </div> </div>
+        <#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:#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;
+    }
+
+    .content 
+    {
+            align-items:flex-start;
+            flex-direction:row;
+            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;
+    }
+    .content .body 
+    {
+            padding-bottom:20px;
+            flex-wrap:nowrap;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            width:1200px;
+            box-sizing:border-box;
+            padding-top:20px;
+            padding-left:0px;
+    }
+    .content .body .left 
+    {
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            width:200px;
+            box-sizing:border-box;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .content .body .left .title 
+    {
+            color:#C0C4CC;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            border-bottom-color:#C0C4CC;
+            font-size:16PX;
+            border-bottom-style:dashed;
+            padding-top:10px;
+            border-bottom-width:1px;
+            padding-left:10px;
+            margin-top:0px;
+            height:40px;
+    }
+    .content .body .left .sub-title-sel 
+    {
+            background-color:#F2F6FC;
+            color:#409EFF;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:2px;
+            height:40px;
+    }
+    .content .body .left .sub-title 
+    {
+            color:#5F5F5F;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:0px;
+            height:40px;
+    }
+    .content .body .right 
+    {
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            padding-bottom:0px;
+            flex-wrap:wrap;
+            width:1000px;
+            margin-bottom:0px;
+            padding-top:0px;
+            position:relative;
+            padding-left:20px;
+            margin-top:0px;
+    }
+    .content .body .right .ms-channel-path 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            box-sizing:border-box;
+            margin-left:auto;
+            margin-right:auto;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:10px;
+            padding-left:0px;
+            margin-top:10px;
+            height:30px;
+    }
+    .content .body .right .ms-channel-path span 
+    {
+            font-size:16PX;
+            color:#909399;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+    }
+    .content .body .right .ms-channel-path .ms-channel-path-index 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .content .body .right .ms-channel-path >i 
+    {
+    }
+    .content .body .right .ms-channel-path .ms-channel-path-link 
+    {
+            cursor:pointer;
+            color:#000;
+            font-size:16PX;
+            text-decoration:none;
+            margin-bottom:0px;
+            margin-top:0px;
+    }
+    .content .body .right .list 
+    {
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-right:0px;
+            padding-bottom:0px;
+            width:980px;
+            margin-bottom:0px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:610px;
+    }
+    .content .body .right .list .list-body 
+    {
+            margin-right:0px;
+            flex-wrap:wrap;
+            flex-direction:row;
+            display:flex;
+            width:988px;
+            margin-bottom:0px;
+            box-sizing:border-box;
+            position:absolute;
+            padding-top:0px;
+            margin-top:0px;
+    }
+    .content .body .right .list .list-body .product 
+    {
+            background-color:#FFFFFF;
+            flex-direction:column;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            margin-right:8px;
+            padding-bottom:0px;
+            width:239px;
+            margin-bottom:8px;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0px;
+            height:300px;
+    }
+    .content .body .right .list .list-body .product img 
+    {
+            margin-right:0px;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:0px;
+            margin-top:0px;
+            height:100%;
+    }
+    .content .body .right .list .list-body .product a 
+    {
+            padding-bottom:0px;
+            text-align:center;
+            flex-direction:row;
+            word-wrap:break-word;
+            display:inline-block;
+            padding-right:0px;
+            font-size:16PX;
+            padding-top:10px;
+            padding-left:0px;
+            margin-top:10px;
+            height:48px;
+    }
+    .content .body .right .page 
+    {
+            align-items:flex-start;
+            flex-direction:column;
+            display:flex;
+            padding-right:10px;
+            box-sizing:border-box;
+            margin-left:0px;
+            margin-right:0px;
+            padding-bottom:10px;
+            width:100%;
+            margin-bottom:0px;
+            padding-top:10px;
+            padding-left:10px;
+            margin-top:0px;
+    }
+    .content .body .right .page .ms-page 
+    {
+            align-items:center;
+            flex-direction:row;
+            display:flex;
+            padding-right:0px;
+            box-sizing:border-box;
+            justify-content:center;
+            margin-left:0;
+            padding-bottom:0px;
+            flex-wrap:nowrap;
+            width:100%;
+            margin-bottom:0;
+            padding-top:0px;
+            padding-left:0px;
+            margin-top:0;
+            height:40px;
+    }
+    .content .body .right .page .ms-page .ms-page-left 
+    {
+            margin-bottom:0px;
+            margin-top:0px;
+            margin-left:0px;
+    }
+    .content .body .right .page .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;
+    }
+    .content .body .right .page .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;
+    }
+    .content .body .right .page .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;
+    }
+    .content .body .right .page .ms-page .ms-page-right 
+    {
+            margin-top:0px;
+            margin-left:0px;
+    }
+@media (max-width: 768px){
+        .content 
+        {
+                align-items:center;
+                flex-direction:row;
+                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;
+        }
+        .content .body 
+        {
+                padding-bottom:20px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                box-sizing:border-box;
+                padding-top:20px;
+                padding-left:0px;
+        }
+        .content .body .right 
+        {
+                padding-bottom:0px;
+                flex-wrap:nowrap;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                width:100%;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+        }
+        .content .body .right .list 
+        {
+                flex-direction:row;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                margin-right:0px;
+                padding-bottom:0px;
+                width:980px;
+                margin-bottom:0px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:610px;
+        }
+        .content .body .right .list .list-body 
+        {
+                margin-right:0px;
+                flex-wrap:wrap;
+                flex-direction:row;
+                display:flex;
+                width:988px;
+                margin-bottom:0px;
+                box-sizing:border-box;
+                position:absolute;
+                margin-top:0px;
+        }
+        .content .body .right .list .list-body .product 
+        {
+                background-color:#FFFFFF;
+                flex-direction:column;
+                display:flex;
+                padding-right:0px;
+                box-sizing:border-box;
+                margin-right:8px;
+                padding-bottom:0px;
+                width:239px;
+                margin-bottom:8px;
+                padding-top:0px;
+                padding-left:0px;
+                margin-top:0px;
+                height:300px;
+        }
+        .content .body .right .list .list-body .product img 
+        {
+                width:100%;
+                padding-top:0px;
+                margin-top:0px;
+                height:100%;
+        }
+        .content .body .right .list .list-body .product a 
+        {
+                padding-bottom:0px;
+                text-align:center;
+                flex-direction:row;
+                word-wrap:break-word;
+                display:inline-block;
+                padding-right:0px;
+                font-size:16PX;
+                padding-top:10px;
+                padding-left:0px;
+                margin-top:10px;
+                height:48px;
+        }
+
+}</style>