
/*头部标题*/
.article-wrapper{}
.article-wrapper .article-title-wrapper{background-color: #fff;  padding: 5%;border-bottom: 0px solid #f9f9f9;}
.article-wrapper .article-title-wrapper .title{font-size: 26px;font-weight: bold;padding: 15px 0px;}
.article-wrapper .article-title-wrapper .mark{ border-radius: 2px;display: inline-block;font-size: 14px;font-weight: 400;height: 26px;line-height: 26px;margin-left: 10px;padding: 0 11px; vertical-align: middle;}
.article-wrapper .article-title-wrapper .mark.blue{background: #e7eefe;color: #3e71f6;}
.article-wrapper .article-title-wrapper .mark.green{background:rgba(89,174,133,.12);color: #59ae85;}
.article-wrapper .article-title-wrapper .mark.red{background: #e7eefe;color: #3e71f6;}
.article-wrapper .article-title-wrapper .panel{background: #f9f9fa;border-radius: 2px;color: #6b7486;padding: 15px;display: flex;justify-content:space-around ;}
.article-wrapper .article-title-wrapper .panel .thumb{margin-right: 20px;}
.article-wrapper .article-title-wrapper .panel .thumb .img{width: 200px;height: 200px; border-radius: 5px; background-color: #ccc; background-repeat: no-repeat; background-size: auto 100%; background-position: 50% 50%;}
.article-wrapper .article-title-wrapper .panel .info{flex-grow:1; }
.article-wrapper .article-title-wrapper .panel .info .item{padding: 2px 15px 2px 0px; display: inline-block;margin: 5px 0px;font-size: 12px }
.article-wrapper .article-title-wrapper .subtitle{font-size: 16px;color: #999; margin-bottom: 15px}
.tag-group{padding: 0px 0;font-size: 13px;line-height: 24px}
.tag-group .tag{display: inline-block;padding: 1px 10px; border-radius: 3px;font-size: 13px;  margin:0px 5px; background-color: #efeff1;}
.tag-group .tag:hover{background-color: #f9f9f9}
.rate{margin: -10px 0px -10px -10px;}
.rate ul{transform: scale(0.7); }


/*附件描述*/
.article-file-desc-wrapper{padding: 20px 4%; background-color: #fff}
.article-file-desc-wrapper .desc{display: inline-block;padding: 3px 17px 3px 0px;margin: 0px 0px 5px 5px;border-radius: 20px;background-color: #fff;font-size: 14px; font-weight: bold; border: 1px solid #eee;}
.article-file-desc-wrapper .desc i{margin:0px 10px 0px 17px}

/*正文*/
.article-wrapper .article-content-wrapper{font-size: 16px;line-height: 28px; min-height: 400px; padding: 1px 5% 5% 5%;}
.article-wrapper .article-content-wrapper h1,.article-wrapper .article-content-wrapper h2,.article-wrapper .article-content-wrapper h3,.article-wrapper .article-content-wrapper h4,.article-wrapper .article-content-wrapper h5,.article-wrapper .article-content-wrapper h6,.article-wrapper .article-content-wrapper p,.article-wrapper .article-content-wrapper pre {
    margin-bottom:10px!important; padding-top: 10px;
}
.article-wrapper .article-content-wrapper img{max-width: 100%;}
.article-wrapper .article-content-wrapper iframe{width: 100%;height: 520px}

.article-wrapper .article-content-wrapper blockquote{border-left: #0b97ff 5px solid;padding-left: 2%;margin-top: 20px;}
.article-wrapper .article-content-wrapper blockquote p{font-size: 18px;font-weight: bold;}
.article-wrapper .article-content-wrapper .content ul{padding-left: 2em;}
.article-wrapper .article-content-wrapper .content li{line-height: 50px; border-bottom: dotted 1px #ddd;}
.article-wrapper .article-content-wrapper .content li:after{"s"}
.article-wrapper .article-content-wrapper  ul {display: block;}
.article-wrapper .article-content-wrapper ul li{  margin-left: 20px;  list-style-type: square;  display: list-item;  text-align: -webkit-match-parent;}
.article-wrapper .article-content-wrapper ol li{margin-left: 20px;list-style-type: decimal;}
.article-wrapper .article-content-wrapper  ul ul li{ list-style-type: circle;}

table{margin:0 auto;border:1px solid #eee;border-collapse:collapse;width: 100%;}
th {border: 0px solid #eee;background-color: #657C98;color: #fff;font-weight: bold; text-align: left; padding: 10px;}       /*表头 样式*/
table tr:nth-child(odd) { background-color: #fafafa;} 
table tr:nth-child(even) {background-color: #ffffff;}           /*  正文 隔行 变色*/
table td{ padding:10px 10px;border: 1px solid #eee;}
/*分享*/
.article-wrapper .article-share-wrapper{text-align: center;background-color: #fff}
.article-wrapper .article-share-title{text-align: center;}
.article-wrapper .article-share-title span{position: relative; color: #ccc}
.article-wrapper .article-share-title span::before{content:"";position:absolute; height:1px; width:150px; background:#eee; top:50%; left:-180px;}
.article-wrapper .article-share-title span::after{content:"";position:absolute; height:1px; width:150px; background:#eee; top:50%; right:-180px;}

/*分享按钮*/
.article-wrapper .article-share-wrapper .article-share-inner{padding: 3% 0%;}
.article-wrapper .article-share-wrapper .btn{ width: 60px; height: 60px; font-size: 16px; border-radius: 90px;display: inline-block;background-color: #f9f9f9;margin: 0px 12px;cursor: pointer;}
.article-wrapper .article-share-wrapper .btn i{margin-top: 15px}

/*下载*/
.article-down-wrapper{border-right: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3; background-color: #1e1e28;padding: 20px 10px; background-image: url("../img/bg.png")}
.article-down-wrapper .article-down-inner{margin: 5px 0px;}
.article-down-wrapper .desc{display: inline-block; color: #fff; width: 70%;text-align: left; cursor: pointer;padding: 12px 10px; font-size: 16px; overflow: hidden; position: relative;float: left;box-sizing: border-box}
.article-down-wrapper .desc:hover{background-color: #000}
.article-down-wrapper .desc input{position: absolute;left: -1000px}
.article-down-wrapper .btn{display: inline-block;width: 27%; font-size: 18px;color: #fff; text-align: center;background-color: #1dc7e9; padding: 10px 0px; border-radius: 5px; cursor: pointer; float: right}
.article-down-wrapper .btn:hover{background-color: antiquewhite}

.notice{padding: 5px 10px; border: 0px solid #ded9d9;font-size:13px; background-color: #F8F9FC;color: #000;word-break: break-all;margin-top: 20px;}
.notice a{color:#2C74E6;font-weight:bold;margin-right:10px}

/* 左侧菜单layui样式替换 */
.layui-menu .layui-menu-item-checked{}
.layui-menu .layui-menu-item-checked a{color: #2C74E6!important;background-color:#f8f8f8}
.layui-menu .layui-menu-item-checked::after{border-right: 0px solid #2C74E6;}
.layui-menu .layui-menu-item-down>ul {background-color: #f8f8f8}
.layui-menu .layui-menu-item-divider {
  margin:0px 0;
  padding:0;
  height:0;
  line-height:0;
  border-bottom:1px dotted #eee;
  overflow:hidden
}
.layui-menu li{padding:10px 27px;white-space:normal!important;}
.layui-menu .layui-menu-item-group>.layui-menu-body-title { color:rgba(0,0,0,100);}
.layui-timeline-axis{color: #2C74E6;}
@media screen and (max-width: 1980px) {

	
}
@media screen and (max-width: 1200px) {
	
	
}
@media screen and (max-width: 900px) { /*当屏幕尺寸小于500px时，应用下面的CSS样式*/
.article-wrapper .article-share-wrapper .btn{ width: 40px; height: 40px; font-size: 10px; }
.article-wrapper .article-share-wrapper .btn i{margin-top: 12px}
.article-wrapper .article-content-wrapper iframe{height: 200px}
	
.article-wrapper .article-title-wrapper .panel .thumb .img{width: 100px;height: 100px; }
.article-wrapper .article-title-wrapper .panel .info{flex-grow:1; }
	

}
