@charset "UTF-8";
/*html,body,div,p,ul,li,h1,h2,h3,h4,h5,h6,a,span,input,button{margin: 0; padding: 0; font-size:16px; line-height: 1.5em; color: #333; font-weight: normal; box-sizing: border-box; outline: none;}*/
/*用于详情页不重新定义h标签样式*/
html,body,div,p,ul,li,a,span,input,button{margin: 0; padding: 0; font-size:16px; line-height: 1.5em; color: #333; font-weight: normal; box-sizing: border-box; outline: none;}
a{ text-decoration: none; }
img,br{ margin: 0; padding: 0; border: 0 none;}
li{list-style: none;}
body{ background: #fff; }

a:hover{ color:#2c7ae7;  }
[v-cloak]{display:none; }
.head_wrap{ background: linear-gradient(to bottom, #cee3ff ,#fff); min-width: 320px; padding: 20px 0; }
.box_wrap{ max-width: 1200px; margin: 0 auto; min-width: 416px; }
.logo_name{ font-size: 32px; font-weight: bold; }

.nav_wrap{ background: #2c7ae7; min-width: 416px; }
.nav_box{ display: flex; flex-wrap: wrap; align-items: center;  justify-content: space-between;}
.nav_box li{ height: 60px; line-height: 60px; color: #fff; position: relative; padding: 0 10px; }
.nav_box li a{ color: #fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 186px; display: block; line-height: 60px;}
.nav_two{ display: none; position: absolute; z-index: 2; top: 60px; left: 0; background: #f0f4f8; padding: 0 20px; width: 230px; max-height:318px; overflow-y:auto;}
.nav_box li .nav_two a{max-width: none; color: #303036; width: 100%; display: inline-block; border-bottom: solid 1px #d0e0f5; height: 58px; line-height: 58px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-right:20px;}
.nav_box li .nav_two a:hover{ background: url(../img/celtsc_003.png) no-repeat right center; color: #2c7ae7; }
.nav_box li:hover,.nav_box li.active{ box-shadow: 0 0 10px #cee3ff inset; }
.nav_box li:hover .nav_two{ display: block; }


.nav_wrap_yh{ background: #2c7ae7; min-width: 320px; }
.nav_box_yh{ display: flex; flex-wrap: wrap; align-items: center;  justify-content: flex-start;}
.nav_a_link{height: 60px;color: #fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; display: block; line-height: 60px; text-align: center;}
.nav_a_link:hover{ color: #fff;}
.nav_b{ display: none; position: absolute; z-index: 2; top: 60px; left: 0; background: #f0f4f8; width: 200px;}
.nav_a:hover,.nav_a.active{box-shadow: 0 0 10px #cee3ff inset;}
.nav_a,.nav_b_item,.nav_c_item,.nav_d_item{  position: relative;}
.nav_b_link,.nav_c_link,.nav_d_link{color: #303036; width: 100%; display: inline-block; border-bottom: solid 1px #d0e0f5; height: 58px; line-height: 58px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.nav_b_link:hover,.nav_c_link:hover,.nav_d_link:hover,.nav_b_link.active,.nav_c_link.active,.nav_d_link.active{background: url(../img/celtsc_003.png) no-repeat 180px center; color: #2c7ae7;}
.nav_c,.nav_d{ display: none; position: absolute; z-index: 2; top: 0; left: 200px; background: #f0f4f8; width: 200px; border-left: solid 1px #d0e0f5;}
.nav_a:hover .nav_b, .nav_b_item:hover .nav_c, .nav_c_item:hover .nav_d{ display: block;}

.moreNav .nav_c,.moreNav .nav_d{ left: auto; right: 200px;}
.moreNav .nav_b_link:hover,.moreNav .nav_c_link:hover,.moreNav .nav_d_link:hover,.moreNav .nav_b_link.active,.moreNav .nav_c_link.active,.moreNav .nav_d_link.active{background: url(../img/celtsc_004.png) no-repeat 5px center; color: #2c7ae7;}

.list_wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
.list_box{ width: 48%; margin: 0 0 30px 0; }
.list_top{ background: linear-gradient(to bottom, #cee3ff ,#fff); display: flex; align-items: center; justify-content: space-between; padding: 10px; }
.list_title{ font-weight: bold; }
.list_main li{ display: flex; align-items: center; border-bottom: dotted 1px #eee; padding: 10px; }
.news_title{ flex: 1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.news_date{ width: 166px; text-align: right; overflow: hidden; margin-left: 10px; }
.nomsg{width: 100%; text-align: center; margin: 100px auto; font-weight: bold; color: red;}

.pagination{width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin:30px 0; }
.pagination a,.pagination span{ margin: 18px; }

.loadingWrap{ display: none;}
.loading_black{position:fixed; z-index: 8888; top:0; bottom:0; left:0; right:0; background: rgba(0,0,0,.2);}
.loadingImg{ width: 800px; height: 600px; position:fixed; z-index: 8889; top: 50%; left: 50%; margin: -300px 0 0 -400px; }

.footWrap{text-align: center; margin: 20px auto;}

.head_box{ display: flex; align-items: center; justify-content: space-between; cursor: pointer; }


/* 详情页样式 */
/* 内容区域样式 */
.container{max-width: 1200px;margin:0 auto;padding:20px; min-height: 470px;}
.breadcrumbs{margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:10px}
/*.breadcrumbs a{color:#333}.post-title{text-align:center;font-size:2.5rem;margin-bottom:10px}*/
.breadcrumbs a{color:#333}.post-title{text-align:center;margin-bottom:10px}
.post-date{text-align:center;color:#0073ea;font-size:1.2rem}
/*.post-content{margin-top:20px;text-indent: 2em;}*/
/*用于详情页标题不缩进*/
.post-content{margin-top:20px;}
.toc .toc-title{margin: 10px 0;font-weight: bold;}
.toc ul,.toc ul ul{list-style:none;padding:0;margin:0}
.toc ul ul{margin-left:20px}