@CHARSET "UTF-8";
.banner{
	background: url("images/bar.jpg") no-repeat center center;
	height: 300px
}
.txt{
	line-height: 30px;
	height: 30px;
}
.hot img{
	width: 100%;
	max-height: 200px;
}
.hot span{
	width: 100%;
	display: block;
	font-size: 16px;
}
.content{
	position: relative;
}
.content .title{
	color: #1E9FFF !important;
	padding-right: 10px
}
.content #favorite{
	position: absolute;
	top: 20px;
	right: 10px;
}
.content #favorite i{
	color: #5FB878;
	font-size: 20px;
}
div.hide-article-box {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    padding-top: 160px;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
}

/*评论*/
.am-comments-list {
    padding: 0;
    list-style: none;
}
.am-comments-list .am-comment {
    margin: 1.6rem 0 0 0;
    list-style: none;
}
.am-comment-avatar {
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid transparent;
}
.am-comment-main::after {
    border-right-color: #f8f8f8;
    margin-left: 1px;
    z-index: 2;
}
.am-comment-main::after, .am-comment-main::before {
    position: absolute;
    top: 10px;
    left: -8px;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    border-width: 8px 8px 8px 0;
    pointer-events: none;
}
.am-comment-main::before {
    border-right-color: #dedede;
    z-index: 1;
}
.am-comment-main {
    position: relative;
    margin-left: 63px;
    border: 1px solid #dedede;
    border-radius: 0;
}
.am-comment-hd {
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.am-comment-meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 15px;
    font-size: 13px;
    color: #999;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.am-comment-meta a {
    color: #999;
}
.am-comment-author {
    font-weight: 700;
    color: #999;
}
.am-comment-bd {
    padding: 15px;
    overflow: hidden;
}
.am-comment-hd .am-comment-actions {
    padding-right: .5rem;
}
.am-comment-actions {
    font-size: 13px;
    color: #999;
}
.am-comment-actions a {
    display: inline-block;
    padding: 10px 5px;
    line-height: 1;
    color: #999;
    opacity: .7;
}
/*评论*/
/*重写share*/
.social-share .social-share-icon {
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
}
.layui-text{
	font-size: 16px;
	line-height: 1.5em;
}
.panel{ background-color:#fff; border:solid 1px transparent}
	.panel-header{ border-bottom:solid 1px transparent; padding:8px 15px; font-size:14px; font-weight:700}/*面板标题*/
	.panel-body{ padding:15px}/*面板内容*/
	.panel-footer{background-color: #f5f5f5;border-top: 1px solid #ddd;padding:5px 20px}/*面板页脚*/
/*默认面板*/
.panel-default{border-color:#ddd}
.panel-default > .panel-header{ border-color:#ddd; background-color:#f5f5f5; color:#444}
 
/*主要面板*/
.panel-primary{border-color:#5a98de}
.panel-primary > .panel-header{ border-color:#5a98de; background-color:#5a98de; color:#fff}
 
/*次要面板*/
.panel-secondary{border-color:#3bb4f2}
.panel-secondary > .panel-header{ border-color:#3bb4f2; background-color:#3bb4f2; color:#fff}
 
/*成功面板*/
.panel-success{border-color:#5eb95e}
.panel-success > .panel-header{ border-color:#5eb95e; background-color:#5eb95e; color:#fff}
 
/*警告面板*/
.panel-warning{border-color:#f37b1d}
.panel-warning > .panel-header{ border-color:#f37b1d; background-color:#f37b1d; color:#fff}
 
/*危险面板*/
.panel-danger{border-color:#dd514c}
.panel-danger > .panel-header{ border-color:#dd514c; background-color:#dd514c; color:#fff}

.hot-item{
	margin-bottom:10px;
}
.hot-item a{
	display: block;
}
.hot-item a img{
	display: block;
	height: 150px;
	width: 100%;
}
.hot-item h3{
	line-height: 1.8em;
	height: 1.8em;
}