@charset "utf-8";
/* CSS Document */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:''}
abbr,acronym{ border:0;}


/*文字排版*/
.f10{ font-size:10px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f20{ font-size:20px;}
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}
.t2{ text-indent:2em;}
.lh150{ line-height:150%;}
.lh180{ line-height:180%;}
.lh200{ line-height:200%;}
.unl{ text-decoration:underline;}
.no-unl{ text-decoration:none;}
.of{ overflow:hidden;}
.to{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ff{ font-family:"Lucida Grande", Verdana,Lucida,Arial,Helvetica,"微软雅黑",宋体,sans-serif;}
.ls1{ letter-spacing:0.1em;}
.ls2{ letter-spacing:0.2em;}
.ls3{ letter-spacing:0.3em;}

/*定位*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left:auto; margin-right:auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.cb{ clear:both;}
.cl{ clear:left;}
.cr{ clear:right;}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html.clearfix{ height:1%;}
.Clearfix{ display:block;}

.vm{ vertical-align:middle;}
.pr{ position:relative;}
.pa{ position:absolute;}
.abs-right{ position:absolute; right:0;}
.zoom{ zoom:1;}
.hidden{ visibility:hidden;}
.none{ display:none;}

.clearfloat { clear:both; height:0; font-size:1px; line-height:0;}

.cf:before,.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}
.cf{ zoom:1;}

/*长度高度*/
.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w550{ width:550px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w800{ width:800px;}
.w{ width:100%;}
.h10{ height:10px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}
.h80{ height:80px;}
.h100{ height:100px;}
.h200{ height:200px;}
.h{ height:100%;}

/*边距*/
.m10{ margin:10px;}
.m15{ margin:15px;}
.m30{ margin:30px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt100{ margin-top:100px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}
.mr100{ margin-right:100px;}

.p10{ padding:10px;}
.p15{ padding:15px;}
.p30{ padding:30px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt50{ padding-top:50px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl50{ padding-left:50px;}
.pl100{ padding-left:100px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr50{ padding-right:50px;}
.pr100{ padding-right:100px;}

.fixed-footer {
    position: fixed;
    bottom: 28px;
    left: 0;
    width: 100%;
    text-align: center;
}
.fixed-footer p {
    display: inline-block;
    padding:0 10px;
    background: rgba(0,0,0,.2);
    color:#999;
}
.fixed-footer p a {
    color:#999;
}
/***********通知公告样式***********/
/*****************************/
body .home-rightMenu-project {
    height: 157px;
}

body .home-rightMenu-project ul {
    width: 100%;
}

body .home-rightMenu-project li {
    display: flex;
    width: 100%;
    flex: 1;
}

body .home-rightMenu-project li > div {
    width: 50%;
    height: 32px;
    line-height: 32px;
    display: flex;
}


body .home-rightMenu-project li span {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: rgba(102, 102, 102, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%!important;
}

body .home-rightMenu-project li > div:nth-child(2) {
    text-align: right;
    width: 50%;
}
body .home-rightMenu-project .li_new {
    width: 34px !important;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #f00;
    border-radius: 3px;
    color: #fff !important;
    margin-top: 7px;
    flex: 0.3 !important;
    font-size: 12px !important;
    min-width: 34px;
}
/************************************/
.hide {
    display:none;
}
.notice-list {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.notice-title {
    padding-bottom: 10px;
    border-bottom: 1px #F5F5F5 solid;
    margin-bottom: 10px;
    font-size: 15px;
}

.search-box {
    position: absolute;
    z-index: 9;
    width: 230px;
}

.notice-list .layui-tab {
    display: flex;
    margin: 0;
    flex: 1;
    overflow: hidden;
}

.notice-list .layui-tab-title li {
    display: block;
    line-height: inherit;
    padding: 10px 15px;
    text-align: left;
    width: 200px;
    position: relative;
    white-space: break-spaces;
}

.notice-list .layui-tab-brief > .layui-tab-title .layui-this:after {
    border: none;
    width: inherit;
    height: inherit;
    top: auto;
    left: auto;
}

.notice-list .layui-tab-title {
    height: auto;
    border: none;
    border-right: 1px #eee solid;
    margin: 0;
    padding-top: 45px;
    padding-right: 10px;
    width: 230px;
}

.notice-list .layui-tab-title li p {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.notice-list .layui-tab-content {
    flex: 1;
    padding: 10px 20px;
    overflow: auto;
}

.notice-list .layui-tab-item.layui-show {
    height: 98%;
}

.notice-list .layui-tab-brief > .layui-tab-title .layui-this {
    color: #000;
    background-color: #E1F7EC;
    font-size: 14px;
}
/**********************************/
.sysMessage .layui-layer-content {
    padding: 20px;
}
.noticeBox {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.noticeBox .navbox {
    line-height: 30px;
    border-bottom: 1px #F5F5F5 solid;
    margin-bottom: 10px;
}
.noticeBox .navbox h4 {
    font-size:16px;
    color: #000;
}
.noticeBox .navbox p {
    font-size: 12px;
    color: #999;
}
    .noticeBox .detailMsg {
        flex: 1;
        overflow: auto
    }