/* 公共css，基本布局等 */
html,body{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.page-header{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 135px;
    box-shadow: 0 2px 6px -2px #ccc;
}
.page-body{
    position: relative;
    box-sizing: content-box;
    width: 100%;
    background:#f5f5f8;
}
.page-footer{
    width: 100%;
    height: 180px;
    background: var(--main-footer-color);
}
.clear:after{ /* 清除浮动 */
    content: '';
    display: block;
    width: 100%;
    height: 0;
    visibility: hidden;
    clear: both;
}

/* 面包屑导航 */
.crumb-wrap{
    width: 100%;
    height: 65px;
    line-height: 65px;
    font-size: 15px;
    color: #4d4d4d;
    background: #fff;
}
.crumb-content{
    width: 1300px;
    margin: 0 auto;
}
.crumb-item{
    position: relative;
    float: left;
    margin-right: 40px;
    user-select: none;
}
.crumb-item:not(:last-child){
    cursor: pointer;
}
.crumb-item:not(:last-child):hover{
    text-decoration: underline;
}
.crumb-item:not(:last-child):after{
    /* 不是最后一个面包屑，则右边有箭头 */
    content:'>>';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -35px;
    top: 18px;
    text-align: center;
    line-height: 30px;
}
.crumb-item:first-child i{
    color: var(--main-color);
}

/* 栏目主元素基本样式 */
.column-el{ 
    width: 1300px;
    margin: 0 auto;
    padding:20px 0 ;
}
/* 卡片块基本样式 */
.panel{
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 8px -2px #ddd;
}

/* 列表内容容器 */
.list-wrap,.detail-wrap{
    display: none; /* 默认不显示，页面载入判断显示其中一个 */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* 详情内容容器 */
.detail-wrap{
    display: none; /* 默认隐藏，与列表切换显示 */
}

/* 侧边菜单样式 */
.side-menu-title{
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    padding: 20px 30px;
    background: var(--main-color);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
.side-menu-title:after{
    position: absolute;
    content:'';
    display: block;
    width: 190px;
    height: 2px;
    background: #fff;
    bottom: 20px;
    left: 30px;
}
.side-menu-item{
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border:1px solid #eee ;
    border-top: none;
    font-size: 17px;
    color: #4d4d4d;
    padding: 0 40px;
    cursor: pointer;
    background: transparent;
}
.side-menu-item.active{
    background: #f0f0ff;
    color:var(--main-color);
}

/* 文章列表样式（文章列表页主内容） */
.article-list-ul{
    padding-bottom: 40px;
}
.article-item-li{
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    padding: 0 5px;
    line-height: 54px;
    border-bottom: 1px dashed #ddd;
    color: #4d4d4d;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
}
.article-item-li.empty-tips-li{
    border: none;
    text-align: center;
    color: #999;
    background: #f5f5f8;
    border-radius: 3px;
}
.article-item-li-head{
    height: 40px;
    line-height: 40px;
    border-bottom: none ;
    color: #fff;
    font-weight: bold;
    cursor: auto;
    background: #94b3f4;
}
.article-item-li:hover{
    background: #f5f5f8;
}
.article-item-li-head:hover{
    background: #94b3f4;
}
.article-item-title{
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
}
.article-item-title:before{
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #a31d17;
    top: 24px;
    left: 0;
}
.article-item-li-head .article-item-title{
    padding-left: 0;
}
.article-item-li-head .article-item-title:before{
    display: none;
}
.article-item-date{
    float: right;
    color: #808080;
}
.article-item-li-head .article-item-date{
    color: #fff;
}
/* 分页组件，居中 */
.pagegation{
    text-align: center;
}

/* 文章详情样式 */
.detail-panel{
    box-sizing: border-box;
    width: 100%;
    min-height: 700px;
    position: relative;
    padding-bottom: 80px;
}
.detail-head{
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.detail-title{
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    color: #4d4d4d;
    text-align: center;
    word-break: break-all;
}
.detail-sub-info{
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    color: #999;
    text-align: center;
}
.detail-sub-info span{
    margin: 0 20px;
}
.detail-content,.attachment-list-wrap{
    box-sizing: border-box;
    width: 70%;
    position: relative;
    margin: 0 auto;
    padding: 20px;
    line-height: 28px;
    text-indent: 28px;
    word-break: break-all;
    text-align: justify;
}
.detail-content img{
    display: block;
    max-width: 100%;
    height: auto;
    border: none;
    margin: 0 auto;
}
.attachment-list-wrap{
    display: none; /* 附件列表默认隐藏，有附件的才显示 */
}
.attachment-list-title{
    font-size: 15px;
    font-weight: bold;
    color: var(--main-color);
    margin-bottom: 10px;
}
.attachment-list-ul{
    /*background: #f5f5f8;*/
    padding: 10px 20px;
    border-radius: 3px;
    color: #4d4d4d;
}
.attachment-item{
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px dashed #ddd;
}
.attachment-item .attachment-text-el{
    float: left;
    margin-right: 20px;
}
.attachment-item .attachment-name{
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.attachment-item .attachment-download{
    color: var(--main-color);
    cursor: pointer;
}
.attachment-item .attachment-download:hover{
    text-decoration: underline;
}
.detail-panel-close{
    position: absolute;
    top: 20px;
    right: 20px;
    color: #999;
    font-size: 26px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.detail-panel-close:hover{
    color: var(--main-color);
}
.back-btn{
    position: absolute;
    bottom: 40px;
    right: 40px;
    outline: none;
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 9px 16px;
    border-radius: 3px;
    background: var(--main-color);
    opacity: 0.9;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.back-btn:active{
    opacity: 1;
}

/* 搜索栏的按钮 */
.search-bar-btn{
    outline: none;
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 9px 16px;
    border-radius: 3px;
    background: var(--main-color);
    opacity: 0.9;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.search-bar-btn:active{
    opacity: 1;
}
.search-bar-btn:not(:last-child){
    margin-right: 8px;
}

/* 修正部分layui颜色样式等 */
/* 1.时间选择组件，选中的日期格样式 */
.layui-laydate-content td.laydate-selected{
    background-color:#f0f0ff ;
}
.laydate-selected:hover{
    background-color:#d0d0ff !important ;
}
.layui-laydate .layui-this{
    background-color:var(--main-color) !important;
}
.layui-laydate-footer span:hover{
    color: var(--main-color);
}
.layui-laydate-header i:hover, .layui-laydate-header span:hover{
    color: var(--main-color);
}

/* 2.下拉框的选中项等样式 */
.layui-form-select dl dd.layui-this{
    background-color: var(--main-color);
}

/* 3.表单项高度等 */
.layui-input, .layui-select, .layui-textarea{
    height: 34px;
}
.layui-form-label{
    padding: 7px 10px;
}
.layui-form-item .layui-inline{
    margin-bottom: 0;
}

/* 4.按钮主颜色 */
.layui-btn-text{
    background: #fff;
    border: none;
    color: var(--main-color);
    opacity: 0.8;
}
.layui-btn-text:hover,.layui-btn-text:active{
    color: var(--main-color);
    opacity: 1;
}
.layui-btn-normal{
    background: var(--main-color);
}


/* 弹窗公告 */
.popupAnnDiv {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 250px;
    height: 40px;
    color: white;
    font-weight: 600;
    background: #D3AF76;
    text-align: left;
    cursor: pointer;
    padding: 10px 10px 10px 20px;
}
.popupAttachDiv table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
}
.popupAttachDiv table td {
    height: 30px;
    -ms-word-break: break-all;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: 1px solid #CCCCCC;
}
.popupAttachDiv table td.num {
    width: 50px;
}
.popupAttachDiv table td.fileName {
    text-align: left;
    padding-left: 10px;
}
.popupAttachDiv table td.fileOpt {
    width: 80px;
}
.popupAttachDiv table td.fileOpt:hover {
    color: red;
    cursor: pointer;
}
.layui-layer-setwin{
    right: 25px !important;
}
/* 公告 */
#floatingWindow ul[data-v-c5e0b116] {
    display: inline-block;
}
#floatingWindow ul a[data-v-c5e0b116] {
    text-decoration: none;
    color: #6e6e6e;
}
#floatingWindow strong a[data-v-c5e0b116] {
    text-decoration: none;
    color: #000;
}
#floatingWindow strong[data-v-c5e0b116] {
    margin-left: .8em;
}
#floatingWindow[data-v-c5e0b116] {
    font: normal 14px/37px microsoft yahei;
    background: #f8f8f8;
    border-radius: 5px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: var(--main-color) !important;
}