body{background: #fff;}
.layui-container{width:100%;max-width:1024px}
.header{padding-top: 2px;height: 65px;}
.header .logo a{color:#222;font-size:22px;line-height:55px;}
.header .menu {padding:5px 5px 0 0}
.header .menu span{display:none;text-align:right}
.header .menu span i{font-size:18px;line-height:35px;color:#DDD;cursor:pointer}
.nav{background-color:#222;}
.nav .layui-nav{background-color:#222;padding:0}
.nav .layui-nav li{line-height:40px}
.nav .layui-nav li.active { background-color:#666; }
.nav .layui-nav a{color:#fff;font-size:14px;}
.breadcrumb{margin-top: 10px;background: #f5f5f5;padding: 5px;border: 1px solid #ddd;visibility: visible}
.mainleft,.mainright{margin-top:30px;padding:5px;}
.article_list .item{
    margin-bottom:30px;
    border:1px dotted #eee;
    padding:5px;
}
.article_list .item:hover{
    border:1px solid #eee;
}
.article_list .item .title{
    overflow:hidden;
    text-overflow: ellipsis;
}
.article_list .item .title a{
    font-size:16px;
    font-weight:500;
}
.article_list .item .title a:hover{
    color:#1c86d1;
}
.article_list .item .content{
    overflow:hidden;
    text-overflow: ellipsis;
    margin:10px 0;
    text-indent:20px;
    color:#999;
}
.article_list .item .info{
    color:#333;
}
.page_content {
    word-break:break-all;
}
.page_content img{
    max-width:100%;
}
.article_content .content{
    word-break:break-all;
}
.article_content .content img{ max-width:100%; height: auto; }
.mainright .box{
    border:1px dotted #eee;
    padding:5px;
    margin-bottom:20px;
}
.mainright .box .title{
    font-size:16px;
    font-weight:500;
    margin-bottom:5px;
    color:#1c86d1;
}
.mainright .box li{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.mainright .box li.active a{
    color:#1c86d1;
}
.mainright .box li a{
    line-height:1.5;
}
.pagelist a{border: 1px solid #C9C9C9;background-color: #fff;color: #555;display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px;white-space: nowrap;text-align: center;border-radius: 2px;cursor: pointer;outline: 0;-webkit-appearance: none;-webkit-transition: all .3s;box-sizing: border-box;vertical-align: middle;font-style: inherit;font-weight: inherit;}
.pagelist a+a{margin-left:5px}
.pagelist a.active,.pagelist a:hover{background-color: #1c86d1;color:#fff;border: 1px solid #1c86d1;}
footer div{ text-align: center; padding: 5px; font-size: 12px; }
footer{ width: 100%; text-align:center; color: #DDD; background-color: #222; padding: 30px 0;  display: block; margin: 100px 0 0;}

.content p { margin: 1rem 0; font-size: 1rem; line-height:1.5rem;}
.article_content h1 { font-size: 1.7rem; font-weight: bold; line-height:4rem; word-break:break-all; text-align:center; }
.article_content h3 { font-size: 1rem; font-weight: bold; text-align:center; color: #999;margin-bottom: 40px;}
.article_content h3 span {margin-right: 10px;}
.article_content h3 span:last-child {margin-right: 0;}
.article_content .cover {width: 100%;}