@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')
}
body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑",Arial ,FontAwesome;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background:#f7f7f7;
    box-shadow: 0 0 0 5px #eee;
}

a{ text-decoration: none;color: #5a5a5a }
a:hover{color:#00824a}

.top{ padding: 20px 0; justify-content: space-between; line-height: 66px; }
.top .sort{ font-size: 28px; font-weight: bold; letter-spacing: 2px;}
.top .home{ }
.top a:hover{ background:#ffba00; }
.top a{ background: #00824A;  border-radius: 10px; display:block; padding: 0 30px; color:#fff;font-size: 28px;}

.list{ margin-top: 20px;}
.list .item{
    padding: 10px 0;
  line-height: 26px;
    border-bottom: 1px solid #eee;
}
.list .item .title{width:200px; flex:auto;  margin-right: 20px; }
.list .item .time{ color:#666;}

.news-show{ margin-top: 30px; box-shadow: 0 0 15px 5px #eee; padding: 20px 30px;}
.news-show .title{ text-align: center; font-size: 20px; font-weight: bold; line-height: 40px;}
.news-show .time{text-align: center; font-size: 14px; line-height: 20px; color:#666;}
.news-show .content{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; line-height: 40px;}

.copyright{ margin-top: 20px; line-height: 40px; text-align: center;}