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