소스 검색

后台管理页主页的完善

走散在时光里 5 년 전
부모
커밋
d5bb791c50
1개의 변경된 파일2828개의 추가작업 그리고 21개의 파일을 삭제
  1. 2828 21
      src/main/webapp/WEB-INF/manager/main.ftl

+ 2828 - 21
src/main/webapp/WEB-INF/manager/main.ftl

@@ -1,23 +1,2830 @@
-<!--主界面-->
-<!DOCTYPE html>
-<html lang="en">
-<head> 
-  <title>铭飞CMS</title> 
-  <meta content="IE=edge" http-equiv="X-UA-Compatible" /> 
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
-  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>后台主界面(开源版本)-副本</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"/>
+  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+  <!--通用图标-->
+  <link rel="stylesheet" href="http://cdn.mingsoft.net/iconfont/iconfont.css" />
+  <script src="${base}/static/plugins/element-ui/2.12.0/index.js"></script>
+  <link rel="stylesheet" href="${base}/static/plugins/element-ui/2.12.0/index.css" />
+  <!--网络请求框架-->
+  <script src="${base}/static/plugins/axios/0.18.0/axios.min.js"></script>
+  <script src="${base}/static/plugins/qs/6.6.0/qs.min.js"></script>
+  <!--铭飞-->
+  <script src="${base}/static/plugins/ms/1.0.0/ms.js"></script>
+  <script src="${base}/static/plugins/ms/1.0.0/ms.http.js"></script>
+  <script src="${base}/static/plugins/ms/1.0.0/ms.util.js"></script>
+  <link rel="stylesheet" href="${base}/static/plugins/minireset/0.0.2/minireset.min.css" />
+  <script>
+    ms.base = '${base}';
+    ms.manager = '${managerPath}';
+  </script>
+  <style>
+    [v-cloak]{
+      display: none;
+    }
+  </style>
 </head>
-<body>
-<div style="
-    text-align: center;
-    color: #555;
-    background: #FCFCFC;
-    height: -webkit-fill-available;
-    padding-top: 200px;
-    vertical-align: middle;
-"><h2>欢迎使用铭飞产品</h2><p>技术交流加群:①242805203 ②231212174(满) ③221335098(满)  或到<a href="http://ms.mingsoft.net/mbbs/main.do" target="_blank"  style="
-    text-decoration: none;
-">官方论坛进行技术交流</a></p></div>
+<body class="custom-body">
+<div id="app" v-cloak>
+  <div  class="class-1" >
+    <div  class="class-2" >
+      <div  class="class-3" >
+        <div  class="class-4" >
+        </div>
+        <div  class="class-5" >
+        </div>
+        <div  class="class-6" >
+        </div>
+        <div  class="class-7" >
+          <div  class="class-8" >
+            <div class="class-9">
+              常用功能
+            </div>
+          </div>
+          <div  class="class-10" >
+            <div @click="jumpArtcleManager"
+                 class="class-11" >
+              <div  class="class-12" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1578362848002.png"
+                        class="class-13" />
+                <!--图片结束-->
+              </div>
+              <div class="class-14">
+                文章管理
+              </div>
+            </div>
+            <div  @click="jumpCategorymanager" class="class-15" >
+              <div  class="class-16" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1578363219309.png"
+                        class="class-17" />
+                <!--图片结束-->
+              </div>
+              <div class="class-18">
+                栏目管理
+              </div>
+            </div>
+            <div  @click="jumpStaticManager" class="class-19" >
+              <div  class="class-20" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1578363549912.png"
+                        class="class-21" />
+                <!--图片结束-->
+              </div>
+              <div class="class-22">
+                静态化
+              </div>
+            </div>
+            <div  @click="jumpAdmininstatorManager" class="class-23" >
+              <div  class="class-24" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1578363754088.png"
+                        class="class-25" />
+                <!--图片结束-->
+              </div>
+              <div class="class-26">
+                管理员管理
+              </div>
+            </div>
+            <div  @click="jumpUserManager" class="class-27" >
+              <div  class="class-28" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1578364450652.png"
+                        class="class-29" />
+                <!--图片结束-->
+              </div>
+              <div class="class-30">
+                角色管理
+              </div>
+            </div>
+            <div  @click="jumpMenuManager" class="class-31" >
+              <div  class="class-32" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1578363880431.png"
+                        class="class-33" />
+                <!--图片结束-->
+              </div>
+              <div class="class-34">
+                菜单管理
+              </div>
+            </div>
+            <div  @click="jumpTemplateManager" class="class-35" >
+              <div  class="class-36" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1578363998984.png"
+                        class="class-37" />
+                <!--图片结束-->
+              </div>
+              <div class="class-38">
+                模板管理
+              </div>
+            </div>
+            <div  @click="jumpApplicationManager" class="class-39" >
+              <div  class="class-40" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1578364095317.png"
+                        class="class-41" />
+                <!--图片结束-->
+              </div>
+              <div class="class-42">
+                应用设置
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--大容器开始-->
+        <div  class="class-43" >
+          <!--大容器开始-->
+          <div  class="class-44" >
+            <!--文本开始-->
+            <div class="class-45">
+              MMall
+            </div>
+            <!--文本结束-->
+            <!--文本开始-->
+            <div class="class-46">
+              单商户、多商户、社区商城
+            </div>
+            <!--文本结束-->
+          </div>
+          <!--大容器结束-->
+          <!--大容器开始-->
+          <div  class="class-47" >
+            <!--文本开始-->
+            <div class="class-48">
+              微信
+            </div>
+            <!--文本结束-->
+            <!--文本开始-->
+            <div class="class-49">
+              可管理多个公众号
+            </div>
+            <!--文本结束-->
+          </div>
+          <!--大容器结束-->
+          <!--大容器开始-->
+          <div  class="class-50" >
+            <!--文本开始-->
+            <div class="class-51">
+              MApp
+            </div>
+            <!--文本结束-->
+            <!--文本开始-->
+            <div class="class-52">
+              安卓、IOS、小程序
+            </div>
+            <!--文本结束-->
+          </div>
+          <!--大容器结束-->
+          <!--大容器开始-->
+          <div  class="class-53" >
+            <!--文本开始-->
+            <div class="class-54">
+              二次开发
+            </div>
+            <!--文本结束-->
+            <!--文本开始-->
+            <div class="class-55">
+              更优质的服务体验,高效率的开发团队
+            </div>
+            <!--文本结束-->
+          </div>
+          <!--大容器结束-->
+        </div>
+        <!--大容器结束-->
+      </div>
+    </div>
+    <div  class="class-56" >
+      <div  class="class-57" >
+        <div  class="class-58" >
+          <div  class="class-59" >
+          </div>
+          <div class="class-60">
+            铭飞商城多商户功能现已正式上线试...
+          </div>
+        </div>
+      </div>
+      <div  class="class-61" @click="jumpMCMSDocument">
+        <div  class="class-62" >
+        </div>
+        <div class="class-63">
+          铭飞MCms在线文档
+        </div>
+      </div>
+      <!--小容器开始-->
+      <div  class="class-64" >
+        <div  class="class-65" @click="enterQQOneGroup">
+          <div  class="class-66" >
+            <!--图片开始-->
+            <img
+                    src="http://desginer.mingsoft.net/upload/71/images/1577687056305.png"
+                    class="class-67" />
+            <!--图片结束-->
+          </div>
+          <div  class="class-68" >
+            <div class="class-69">
+              铭飞MS平台(一)
+            </div>
+            <div class="class-70">
+              231212174
+            </div>
+          </div>
+        </div>
+        <div  class="class-71" @click="enterQQTwoGroup">
+          <div  class="class-72" >
+            <!--图片开始-->
+            <img
+                    src="http://desginer.mingsoft.net/upload/71/images/1577687056305.png"
+                    class="class-73" />
+            <!--图片结束-->
+          </div>
+          <div  class="class-74" >
+            <div class="class-75">
+              铭飞MS平台(二)
+            </div>
+            <div class="class-76">
+              221335098
+            </div>
+          </div>
+        </div>
+        <div  class="class-77" @click="enterQQThreeGroup">
+          <div  class="class-78" >
+            <!--图片开始-->
+            <img
+                    src="http://desginer.mingsoft.net/upload/71/images/1577687056305.png"
+                    class="class-79" />
+            <!--图片结束-->
+          </div>
+          <div  class="class-80" >
+            <div class="class-81">
+              铭飞MS平台(三)
+            </div>
+            <div class="class-82">
+              242805203
+            </div>
+          </div>
+        </div>
+        <div  class="class-83" @click="enterQQFourGroup">
+          <div  class="class-84" >
+            <!--图片开始-->
+            <img
+                    src="http://desginer.mingsoft.net/upload/71/images/1577687056305.png"
+                    class="class-85" />
+            <!--图片结束-->
+          </div>
+          <div  class="class-86" >
+            <div class="class-87">
+              铭飞MS平台(四)
+            </div>
+            <div class="class-88">
+              881894877
+            </div>
+          </div>
+        </div>
+      </div>
+      <!--小容器结束-->
+      <div  class="class-89" >
+        <div  class="class-90" >
+          <div class="class-91">
+            商务技术支持
+          </div>
+        </div>
+        <div  class="class-92" >
+        </div>
+        <div  class="class-93" >
+        </div>
+        <div  class="class-94" >
+          <div  class="class-95" >
+            <div  class="class-96" >
+            </div>
+            <div class="class-97">
+              功能更丰富
+            </div>
+          </div>
+          <div  class="class-98" >
+            <div  class="class-99" >
+            </div>
+            <div class="class-100">
+              审批
+            </div>
+          </div>
+          <div  class="class-101" >
+            <div  class="class-102" >
+            </div>
+            <div class="class-103">
+              在线Office
+            </div>
+          </div>
+          <div  class="class-104" >
+            <div  class="class-105" >
+            </div>
+            <div class="class-106">
+              远程协助
+            </div>
+          </div>
+          <div  class="class-107" >
+            <div  class="class-108" >
+            </div>
+            <div class="class-109">
+              语音协助
+            </div>
+          </div>
+          <div  class="class-110" >
+            <div  class="class-111" >
+            </div>
+            <div class="class-112">
+              专属VIP群
+            </div>
+          </div>
+          <div  class="class-113" >
+            <div  class="class-114" >
+            </div>
+            <div class="class-115">
+              提供发票
+            </div>
+          </div>
+          <div  class="class-116" >
+            <div  class="class-117" >
+            </div>
+            <div class="class-118">
+              终身授权
+            </div>
+          </div>
+          <div  class="class-119" >
+            <div  class="class-120" >
+            </div>
+            <div class="class-121">
+              授权证明书
+            </div>
+          </div>
+        </div>
+        <div  class="class-122" >
+          <!--横分割线开始-->
+          <div class="class-123"></div>
+          <!--横分割线结束-->
+          <!--小容器开始-->
+          <div  class="class-124" >
+            <div  class="class-125" >
+              <div  class="class-126" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1577687023678.png"
+                        class="class-127" />
+                <!--图片结束-->
+              </div>
+              <div  class="class-128" >
+                <div class="class-129">
+                  商务电话
+                </div>
+                <div class="class-130">
+                  19970180163
+                </div>
+              </div>
+            </div>
+            <div  class="class-131" @click="addBusinessQQ">
+              <div  class="class-132" >
+                <!--图片开始-->
+                <img
+                        src="http://desginer.mingsoft.net/upload/71/images/1577687056305.png"
+                        class="class-133" />
+                <!--图片结束-->
+              </div>
+              <div  class="class-134" >
+                <div class="class-135">
+                  商务QQ
+                </div>
+                <div class="class-136">
+                  3336073455
+                </div>
+              </div>
+            </div>
+          </div>
+          <!--小容器结束-->
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 </body>
-</html>
+</html>
+<script>
+  var app = new Vue({
+    el: '#app',
+    watch:{
+
+    },
+    data: {
+      base:ms.base,
+    },
+    methods: {
+      jumpArtcleManager(){
+        window.parent.indexVue.openMenu({modelId:706,modelTitle:'文章管理',modelIcon: "icon-neirongguanli"});
+      },
+      //栏目管理
+      jumpCategorymanager(){
+        window.parent.indexVue.open({"modelId":708,"modelTitle":"栏目管理","modelModelId":706,"modelUrl":"cms/category/index.do"});
+      },
+      //静态化
+      jumpStaticManager(){
+        window.parent.indexVue.open({"modelId":406,"modelTitle":"静态化","modelModelId":23,"modelUrl":"basic/role/index.do"});
+      },
+      //管理员管理
+      jumpAdmininstatorManager(){
+        window.parent.indexVue.open({"modelId":411,"modelTitle":"管理员管理","modelModelId":23,"modelUrl":"basic/manager/index.do"});
+
+      },
+      //角色管理
+      jumpUserManager(){
+        window.parent.indexVue.open({"modelId":406,"modelTitle":"角色管理","modelModelId":23,"modelUrl":"basic/role/index.do"});
+      },
+      //菜单管理
+      jumpMenuManager(){
+        window.parent.indexVue.open({"modelId":183,"modelTitle":"菜单管理","modelModelId":23,"modelUrl":"model/index.do"});
+      },
+      //模板管理
+      jumpTemplateManager(){
+        window.parent.indexVue.open({"modelId":87,"modelTitle":"模板管理","modelModelId":84,"modelUrl":"template/index.do"});
+
+      },
+      //应用管理
+      jumpApplicationManager(){
+        window.parent.indexVue.open({"modelId":86,"modelTitle":"应用管理","modelModelId":84,"modelUrl":"app/-1/edit.do"});
+
+      },
+      //铭飞开发文档
+      jumpMCMSDocument(){
+        window.open("http://doc.ms.mingsoft.net/plugs-cms/");
+
+      },
+      enterQQOneGroup(){
+        window.open("https://shang.qq.com/wpa/qunwpa?idkey=ebf251dc9758de6b9c78c499956431cba73e28b3f0b72c0fc28242e98b20fca2");
+
+      },
+      enterQQTwoGroup(){
+        window.open("http://shang.qq.com/wpa/qunwpa?idkey=cfb32b0f47d89d7ef1c3a9493984d4ffbdfe14049fdedd90c517a072e90d68b9");
+
+      },
+      enterQQThreeGroup(){
+        window.open("http://shang.qq.com/wpa/qunwpa?idkey=5dd11fdb492c4ded090fa1f78a166583978e33c4a61301b136d31e9e3eb7df72");
+
+      },
+      enterQQFourGroup(){
+        window.open("http://shang.qq.com/wpa/qunwpa?idkey=565f1e4c4fabeee42947f6c6b96ac7ca4853dece16559d3d78e944ca2931b7f5");
+
+      },
+      addBusinessQQ(){
+        window.open("http://wpa.qq.com/msgrd?v=3&uin=3336073455&site=qq&menu=yes");
+
+      },
+    },
+    created(){
+    }
+  })
+</script>
+<style>
+  .custom-body {
+  }
+  .class-1
+  {
+    color:#333333;
+    padding-right:10px;
+    min-height:720px;
+    outline:none;
+    padding-bottom:10px;
+    overflow:visible;
+    outline-offset:-1px;
+    flex:6;
+    padding-top:10px;
+    height:100%;
+    background-color:rgba(238, 238, 238, 1);
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:100%;
+    padding-left:10px;
+    background-repeat:no-repeat;
+  }
+  .class-2
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    flex:7;
+    height:100%;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-3
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    flex:4;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    flex-direction:column;
+    display:flex;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-4
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-5
+  {
+    color:#333333;
+    margin-right:20px;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-6
+  {
+    color:#333333;
+    margin-right:20px;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-7
+  {
+    color:#333333;
+    padding-right:20px;
+    outline:none;
+    outline-offset:-1px;
+    padding-top:20px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    flex-direction:column;
+    display:flex;
+    animation-duration:1s;
+    padding-left:20px;
+    background-repeat:no-repeat;
+    margin-top:10px;
+  }
+  .class-8
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:flex-start;
+    animation-duration:1s;
+    width:100%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-9
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+  }
+  .class-10
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    flex-wrap:wrap;
+    max-width:100%;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:100%;
+    background-repeat:no-repeat;
+  }
+  .class-11
+  {
+    cursor:pointer;
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    text-align:left;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:25%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-12
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    background-color:rgba(17, 205, 110, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-13
+  {
+    height:30px;
+    animation-duration:1s;
+    width:30px;
+  }
+  .class-14
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-15
+  {
+    cursor:pointer;
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    text-align:left;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:25%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-16
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    background-color:rgba(0, 153, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-17
+  {
+    height:24px;
+    animation-duration:1s;
+    width:24px;
+  }
+  .class-18
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-19
+  {
+    cursor:pointer;
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    text-align:left;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:25%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-20
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    background-color:rgba(255, 68, 68, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-21
+  {
+    height:26px;
+    animation-duration:1s;
+    width:30px;
+  }
+  .class-22
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-23
+  {
+    cursor:pointer;
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    text-align:left;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:25%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-24
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:40px;
+    max-width:100%;
+    background-color:rgba(0, 153, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-25
+  {
+    height:28px;
+    animation-duration:1s;
+    width:28px;
+  }
+  .class-26
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-27
+  {
+    cursor:pointer;
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    text-align:left;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:25%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-28
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    background-color:rgba(255, 68, 68, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-29
+  {
+    height:32px;
+    animation-duration:1s;
+    width:32px;
+  }
+  .class-30
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-31
+  {
+    cursor:pointer;
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    text-align:left;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:25%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-32
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    background-color:rgba(17, 205, 110, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-33
+  {
+    height:32px;
+    animation-duration:1s;
+    width:32px;
+  }
+  .class-34
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-35
+  {
+    cursor:pointer;
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    text-align:left;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:25%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-36
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    background-color:rgba(0, 153, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-37
+  {
+    height:28px;
+    animation-duration:1s;
+    width:28px;
+  }
+  .class-38
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-39
+  {
+    cursor:pointer;
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    text-align:left;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:25%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-40
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    background-color:rgba(17, 205, 110, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-41
+  {
+    height:28px;
+    animation-duration:1s;
+    width:28px;
+  }
+  .class-42
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-43
+  {
+    color:#333333;
+    padding-right:20px;
+    outline:none;
+    outline-offset:-1px;
+    flex:1;
+    height:300px;
+    max-width:100%;
+    flex-direction:row;
+    display:flex;
+    justify-content:space-between;
+    animation-duration:1s;
+    width:100%;
+    margin-bottom:20px;
+    padding-left:20px;
+    background-repeat:no-repeat;
+    margin-top:20px;
+  }
+  .class-44
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578104008987.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:cover;
+    background-position:center;
+    height:200px;
+    max-width:100%;
+    background-color:rgba(119, 54, 242, 1);
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:24%;
+    background-repeat:no-repeat;
+  }
+  .class-45
+  {
+    color:#FFFFFF;
+    word-wrap:break-word;
+    text-shadow:#666 3px 4px 5px;
+    font-weight:bold;
+    z-index:1;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:32px;
+    line-height:1.4;
+  }
+  .class-46
+  {
+    color:#FFFFFF;
+    word-wrap:break-word;
+    text-shadow:#666 3px 4px 5px;
+    z-index:1;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:24px;
+    line-height:1.4;
+  }
+  .class-47
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578367666376.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:cover;
+    background-position:center;
+    height:200px;
+    max-width:100%;
+    background-color:rgba(119, 54, 242, 1);
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:24%;
+    background-repeat:no-repeat;
+  }
+  .class-48
+  {
+    color:#FFFFFF;
+    word-wrap:break-word;
+    text-shadow:#666 3px 4px 5px;
+    font-weight:bold;
+    z-index:1;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:32px;
+    line-height:1.4;
+  }
+  .class-49
+  {
+    color:#FFFFFF;
+    word-wrap:break-word;
+    text-shadow:#666 3px 4px 5px;
+    z-index:1;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:24px;
+    line-height:1.4;
+  }
+  .class-50
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578366770290.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:cover;
+    background-position:center;
+    height:200px;
+    max-width:100%;
+    background-color:rgba(119, 54, 242, 1);
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:24%;
+    background-repeat:no-repeat;
+  }
+  .class-51
+  {
+    color:#FFFFFF;
+    word-wrap:break-word;
+    text-shadow:#666 3px 4px 5px;
+    font-weight:bold;
+    z-index:1;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:32px;
+    line-height:1.4;
+  }
+  .class-52
+  {
+    color:#FFFFFF;
+    word-wrap:break-word;
+    text-shadow:#666 3px 4px 5px;
+    z-index:1;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:24px;
+    line-height:1.4;
+  }
+  .class-53
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578368816112.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:cover;
+    background-position:center;
+    height:200px;
+    max-width:100%;
+    background-color:rgba(119, 54, 242, 1);
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:24%;
+    background-repeat:no-repeat;
+  }
+  .class-54
+  {
+    color:#FFFFFF;
+    word-wrap:break-word;
+    text-shadow:#666 3px 4px 5px;
+    font-weight:bold;
+    z-index:1;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:32px;
+    line-height:1.4;
+  }
+  .class-55
+  {
+    color:#FFFFFF;
+    word-wrap:break-word;
+    text-shadow:#666 3px 4px 5px;
+    z-index:1;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:24px;
+    line-height:1.4;
+  }
+  .class-56
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    flex:1;
+    height:100%;
+    flex-direction:column;
+    display:flex;
+    min-width:390px;
+    margin-left:10px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-57
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    background-color:rgba(253, 246, 236, 1);
+    align-items:flex-start;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:100%;
+    padding-left:20px;
+    background-repeat:no-repeat;
+  }
+  .class-58
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-59
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1577257489392.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:20px;
+    max-width:100%;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:20px;
+    background-repeat:no-repeat;
+  }
+  .class-60
+  {
+    color:#E6A23C;
+    word-wrap:break-word;
+    display:inline-block;
+    margin-left:10px;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+  }
+  .class-61
+  {
+    cursor:pointer;
+    color:#333333;
+    padding-right:20px;
+    outline:none;
+    padding-bottom:20px;
+    outline-offset:-1px;
+    padding-top:20px;
+    height:80px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    padding-left:20px;
+    background-repeat:no-repeat;
+    margin-top:10px;
+  }
+  .class-62
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1577151868190.png);
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-63
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    margin-left:20px;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+  }
+  .class-64
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    flex-wrap:wrap;
+    max-width:100%;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+    margin-top:10px;
+  }
+  .class-65
+  {
+    cursor:pointer;
+    color:#333333;
+    padding-right:15px;
+    outline:none;
+    padding-bottom:20px;
+    outline-offset:-1px;
+    padding-top:20px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:50%;
+    padding-left:15px;
+    background-repeat:no-repeat;
+  }
+  .class-66
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    min-width:40px;
+    justify-content:center;
+    animation-duration:1s;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-67
+  {
+    animation-duration:1s;
+  }
+  .class-68
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-69
+  {
+    color:#999999;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:12px;
+    line-height:1.4;
+  }
+  .class-70
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+    margin-top:5px;
+  }
+  .class-71
+  {
+    cursor:pointer;
+    color:#333333;
+    padding-right:15px;
+    outline:none;
+    padding-bottom:20px;
+    outline-offset:-1px;
+    padding-top:20px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:50%;
+    padding-left:15px;
+    background-repeat:no-repeat;
+  }
+  .class-72
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    min-width:40px;
+    justify-content:center;
+    animation-duration:1s;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-73
+  {
+    animation-duration:1s;
+  }
+  .class-74
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-75
+  {
+    color:#999999;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:12px;
+    line-height:1.4;
+  }
+  .class-76
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+    margin-top:5px;
+  }
+  .class-77
+  {
+    cursor:pointer;
+    color:#333333;
+    padding-right:15px;
+    outline:none;
+    padding-bottom:20px;
+    outline-offset:-1px;
+    padding-top:20px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:50%;
+    padding-left:15px;
+    background-repeat:no-repeat;
+  }
+  .class-78
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    min-width:40px;
+    justify-content:center;
+    animation-duration:1s;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-79
+  {
+    animation-duration:1s;
+  }
+  .class-80
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-81
+  {
+    color:#999999;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:12px;
+    line-height:1.4;
+  }
+  .class-82
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+    margin-top:5px;
+  }
+  .class-83
+  {
+    cursor:pointer;
+    color:#333333;
+    padding-right:15px;
+    outline:none;
+    padding-bottom:20px;
+    outline-offset:-1px;
+    padding-top:20px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:50%;
+    padding-left:15px;
+    background-repeat:no-repeat;
+  }
+  .class-84
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    min-width:40px;
+    justify-content:center;
+    animation-duration:1s;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-85
+  {
+    animation-duration:1s;
+  }
+  .class-86
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-87
+  {
+    color:#999999;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:12px;
+    line-height:1.4;
+  }
+  .class-88
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+    margin-top:5px;
+  }
+  .class-89
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    flex:1;
+    padding-top:20px;
+    height:980px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    flex-direction:column;
+    display:flex;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+    margin-top:10px;
+  }
+  .class-90
+  {
+    color:#333333;
+    margin-right:20px;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:flex-start;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-91
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+  }
+  .class-92
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    flex-wrap:wrap;
+    max-width:100%;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:100%;
+    background-repeat:no-repeat;
+  }
+  .class-93
+  {
+    color:#333333;
+    margin-right:20px;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    width:100%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-94
+  {
+    color:#333333;
+    outline:none;
+    overflow:visible;
+    outline-offset:-1px;
+    flex-wrap:wrap;
+    max-width:100%;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:100%;
+    background-repeat:no-repeat;
+  }
+  .class-95
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-96
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031206821.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-97
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-98
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-99
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031321635.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-100
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-101
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-102
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031484700.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-103
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-104
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-105
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031264207.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-106
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-107
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-108
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031682848.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-109
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-110
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-111
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031639173.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-112
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-113
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-114
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031215338.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-115
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-116
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-117
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031228196.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-118
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-119
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:column;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    width:33%;
+    margin-bottom:20px;
+    background-repeat:no-repeat;
+  }
+  .class-120
+  {
+    color:#333333;
+    background-image:url(http://desginer.mingsoft.net/upload/71/images/1578031234719.png);
+    outline:none;
+    outline-offset:-1px;
+    background-size:contain;
+    background-position:center;
+    height:30px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    justify-content:center;
+    animation-duration:1s;
+    border-radius:4px;
+    width:30px;
+    background-repeat:no-repeat;
+  }
+  .class-121
+  {
+    color:#333333;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+    margin-top:10px;
+  }
+  .class-122
+  {
+    color:#333333;
+    box-sizing:center-box;
+    outline:none;
+    overflow:visible;
+    outline-offset:-1px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    flex-direction:column;
+    display:flex;
+    animation-duration:1s;
+    width:100%;
+    background-repeat:no-repeat;
+    margin-top:10px;
+  }
+  .class-123
+  {
+    margin-right:auto;
+    animation-duration:1s;
+    background-color:rgba(250, 250, 250, 1);
+    border-radius:1px;
+    width:100%;
+    height:1px;
+    margin-left:auto;
+  }
+  .class-124
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    flex-wrap:wrap;
+    max-width:100%;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-125
+  {
+    color:#333333;
+    padding-right:20px;
+    outline:none;
+    padding-bottom:20px;
+    outline-offset:-1px;
+    flex-wrap:nowrap;
+    padding-top:20px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:50%;
+    padding-left:20px;
+    background-repeat:no-repeat;
+  }
+  .class-126
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    max-width:100%;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    min-width:40px;
+    justify-content:center;
+    animation-duration:1s;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-127
+  {
+    animation-duration:1s;
+  }
+  .class-128
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-129
+  {
+    color:#999999;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+  }
+  .class-130
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+    margin-top:5px;
+  }
+  .class-131
+  {
+    cursor:pointer;
+    color:#333333;
+    padding-right:20px;
+    outline:none;
+    padding-bottom:20px;
+    outline-offset:-1px;
+    padding-top:20px;
+    max-width:100%;
+    background-color:rgba(255, 255, 255, 1);
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    animation-duration:1s;
+    width:50%;
+    padding-left:20px;
+    background-repeat:no-repeat;
+  }
+  .class-132
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    height:40px;
+    align-items:center;
+    flex-direction:row;
+    display:flex;
+    min-width:40px;
+    justify-content:center;
+    animation-duration:1s;
+    width:40px;
+    background-repeat:no-repeat;
+  }
+  .class-133
+  {
+    animation-duration:1s;
+  }
+  .class-134
+  {
+    color:#333333;
+    outline:none;
+    outline-offset:-1px;
+    max-width:100%;
+    flex-direction:column;
+    display:flex;
+    margin-left:20px;
+    animation-duration:1s;
+    background-repeat:no-repeat;
+  }
+  .class-135
+  {
+    color:#999999;
+    word-wrap:break-word;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:14px;
+    line-height:1.4;
+  }
+  .class-136
+  {
+    color:#333333;
+    word-wrap:break-word;
+    font-weight:bold;
+    display:inline-block;
+    animation-duration:1s;
+    font-size:16px;
+    line-height:1.4;
+    margin-top:5px;
+  }
+  @media (max-width: 768px){
+    .class-1
+    {
+      padding-right:12px;
+      box-sizing:border-box;
+      margin-right:auto;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:12px;
+      flex-wrap:wrap;
+      padding-top:12px;
+      height:200px;
+      max-width:100%;
+      flex-direction:column;
+      margin-left:auto;
+      padding-left:12px;
+    }
+    .class-2
+    {
+      padding-right:12px;
+      box-sizing:border-box;
+      margin-right:auto;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:12px;
+      flex-wrap:wrap;
+      padding-top:12px;
+      height:200px;
+      margin-left:auto;
+      padding-left:12px;
+    }
+    .class-3
+    {
+      padding-right:8px;
+      box-sizing:border-box;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:8px;
+      padding-top:8px;
+      height:80px;
+      width:80px;
+      padding-left:8px;
+    }
+    .class-4
+    {
+    }
+    .class-5
+    {
+    }
+    .class-6
+    {
+    }
+    .class-7
+    {
+    }
+    .class-8
+    {
+    }
+    .class-9
+    {
+    }
+    .class-10
+    {
+    }
+    .class-11
+    {
+    }
+    .class-12
+    {
+    }
+    .class-13
+    {
+    }
+    .class-14
+    {
+    }
+    .class-15
+    {
+    }
+    .class-16
+    {
+    }
+    .class-17
+    {
+    }
+    .class-18
+    {
+    }
+    .class-19
+    {
+    }
+    .class-20
+    {
+    }
+    .class-21
+    {
+    }
+    .class-22
+    {
+    }
+    .class-23
+    {
+    }
+    .class-24
+    {
+    }
+    .class-25
+    {
+    }
+    .class-26
+    {
+    }
+    .class-27
+    {
+    }
+    .class-28
+    {
+    }
+    .class-29
+    {
+    }
+    .class-30
+    {
+    }
+    .class-31
+    {
+    }
+    .class-32
+    {
+    }
+    .class-33
+    {
+    }
+    .class-34
+    {
+    }
+    .class-35
+    {
+    }
+    .class-36
+    {
+    }
+    .class-37
+    {
+    }
+    .class-38
+    {
+    }
+    .class-39
+    {
+    }
+    .class-40
+    {
+    }
+    .class-41
+    {
+    }
+    .class-42
+    {
+    }
+    .class-43
+    {
+    }
+    .class-44
+    {
+    }
+    .class-45
+    {
+      text-shadow:#000 3px 4px 5px;
+    }
+    .class-46
+    {
+      text-shadow:#000 3px 4px 5px;
+      font-size:32px;
+    }
+    .class-47
+    {
+    }
+    .class-48
+    {
+      text-shadow:#000 3px 4px 5px;
+    }
+    .class-49
+    {
+      text-shadow:#000 3px 4px 5px;
+      font-size:32px;
+    }
+    .class-50
+    {
+    }
+    .class-51
+    {
+      text-shadow:#000 3px 4px 5px;
+    }
+    .class-52
+    {
+      text-shadow:#000 3px 4px 5px;
+      font-size:32px;
+    }
+    .class-53
+    {
+    }
+    .class-54
+    {
+      text-shadow:#000 3px 4px 5px;
+    }
+    .class-55
+    {
+      text-shadow:#000 3px 4px 5px;
+      font-size:32px;
+    }
+    .class-56
+    {
+      padding-right:8px;
+      box-sizing:border-box;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:8px;
+      padding-top:8px;
+      height:80px;
+      max-width:100%;
+      width:80px;
+      padding-left:8px;
+    }
+    .class-57
+    {
+      padding-right:8px;
+      box-sizing:border-box;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:8px;
+      padding-top:8px;
+      height:80px;
+      max-width:100%;
+      width:80px;
+      padding-left:8px;
+    }
+    .class-58
+    {
+      padding-right:8px;
+      box-sizing:border-box;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:8px;
+      padding-top:8px;
+      height:80px;
+      flex-direction:column;
+      width:80px;
+      padding-left:8px;
+    }
+    .class-59
+    {
+      padding-right:8px;
+      box-sizing:border-box;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:8px;
+      padding-top:8px;
+      height:80px;
+      flex-direction:column;
+      width:80px;
+      padding-left:8px;
+    }
+    .class-60
+    {
+      color:#333333;
+      font-size:16px;
+      line-height:1.5;
+    }
+    .class-61
+    {
+    }
+    .class-62
+    {
+    }
+    .class-63
+    {
+    }
+    .class-64
+    {
+    }
+    .class-65
+    {
+      padding-right:20px;
+      padding-left:20px;
+    }
+    .class-66
+    {
+    }
+    .class-67
+    {
+    }
+    .class-68
+    {
+    }
+    .class-69
+    {
+      font-size:14px;
+    }
+    .class-70
+    {
+    }
+    .class-71
+    {
+      padding-right:20px;
+      padding-left:20px;
+    }
+    .class-72
+    {
+    }
+    .class-73
+    {
+    }
+    .class-74
+    {
+    }
+    .class-75
+    {
+      font-size:14px;
+    }
+    .class-76
+    {
+    }
+    .class-77
+    {
+      padding-right:20px;
+      padding-left:20px;
+    }
+    .class-78
+    {
+    }
+    .class-79
+    {
+    }
+    .class-80
+    {
+    }
+    .class-81
+    {
+      font-size:14px;
+    }
+    .class-82
+    {
+    }
+    .class-83
+    {
+      padding-right:20px;
+      padding-left:20px;
+    }
+    .class-84
+    {
+    }
+    .class-85
+    {
+    }
+    .class-86
+    {
+    }
+    .class-87
+    {
+      font-size:14px;
+    }
+    .class-88
+    {
+    }
+    .class-89
+    {
+      padding-right:12px;
+      box-sizing:border-box;
+      margin-right:auto;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:12px;
+      flex-wrap:wrap;
+      padding-top:12px;
+      height:200px;
+      margin-left:auto;
+      padding-left:12px;
+    }
+    .class-90
+    {
+      padding-right:8px;
+      box-sizing:border-box;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:8px;
+      padding-top:8px;
+      height:80px;
+      flex-direction:column;
+      width:80px;
+      padding-left:8px;
+    }
+    .class-91
+    {
+      line-height:1.5;
+    }
+    .class-92
+    {
+      padding-right:8px;
+      box-sizing:border-box;
+      outline:1px dashed hsla(0, 0%, 66.7%, .7);
+      padding-bottom:8px;
+      padding-top:8px;
+      height:80px;
+      flex-direction:column;
+      width:80px;
+      padding-left:8px;
+    }
+    .class-93
+    {
+    }
+    .class-94
+    {
+    }
+    .class-95
+    {
+    }
+    .class-96
+    {
+    }
+    .class-97
+    {
+    }
+    .class-98
+    {
+    }
+    .class-99
+    {
+    }
+    .class-100
+    {
+    }
+    .class-101
+    {
+    }
+    .class-102
+    {
+    }
+    .class-103
+    {
+    }
+    .class-104
+    {
+    }
+    .class-105
+    {
+    }
+    .class-106
+    {
+    }
+    .class-107
+    {
+    }
+    .class-108
+    {
+    }
+    .class-109
+    {
+    }
+    .class-110
+    {
+    }
+    .class-111
+    {
+    }
+    .class-112
+    {
+    }
+    .class-113
+    {
+    }
+    .class-114
+    {
+    }
+    .class-115
+    {
+    }
+    .class-116
+    {
+    }
+    .class-117
+    {
+    }
+    .class-118
+    {
+    }
+    .class-119
+    {
+    }
+    .class-120
+    {
+    }
+    .class-121
+    {
+    }
+    .class-122
+    {
+    }
+    .class-123
+    {
+    }
+    .class-124
+    {
+    }
+    .class-125
+    {
+    }
+    .class-126
+    {
+    }
+    .class-127
+    {
+    }
+    .class-128
+    {
+    }
+    .class-129
+    {
+    }
+    .class-130
+    {
+    }
+    .class-131
+    {
+    }
+    .class-132
+    {
+    }
+    .class-133
+    {
+    }
+    .class-134
+    {
+    }
+    .class-135
+    {
+    }
+    .class-136
+    {
+    }
+  }
+  #app{
+    overflow-x: hidden;
+  }
+</style>