body{ background-color:#fff;}

.topline:before {/* content: ""; position: absolute;top:0px; height: 3px;  width: 100%; z-index: 5; background: url(/public/images/top-bar-shadow.png) 0 0 repeat-x;*/ }
.topline  .support-nav { margin-top: 5px; }


.topline { position: relative; padding:25px 50px;width: 70%;max-width:1200px;min-width:300px; margin: 0 auto; margin-top: -85px; background: #fff;     box-shadow: 0 4px 16px 0 rgb(0 0 0 / 16%);box-sizing:border-box;margin-bottom:80px;}
.topline img{max-width:100%;}
.artMark p{ margin-bottom: 25px; }
@media (max-width: 991px) {

	.topline {
		padding: 5px 25px;
		width: 90%;
		margin-top: -35px;
		border-radius:6px;
	}
    .artheader { padding: 0px 0 10px 0;  }
}


.contentpage{padding-bottom:70px}
 .artheader { padding:  20px 0; border-bottom: 1px solid rgba(60,60,60,.26); }
 .artheader .title { font-size: 20px; line-height:35px; font-weight:500 }
 .artheader .title a{ display:flex;display:-webkit-flex;justify-content:space-between; }
 .artheader .date{font-size:12px;font-weight:500;color:#777}
 .artheader .citem{position:relative;text-align:right;padding:15px 0 10px}
 .artheader .citem a{display:inline-block;position:relative;font-size:12px;font-weight:500;color:#777;text-transform:uppercase;padding:0 10px}
 .artheader .citem a:hover{color:#555}
.artMarkWrap .artMark { padding: 35px 0 0;  }
.artMarkWrap .ctags { padding: 15px;margin-top:25px;background-color:#f7f8f9 }
.artMarkWrap .ctags ul li { padding: 8px 0; }
.artMarkWrap .ctags ul li .tag-title,.artMarkWrap .ctags ul li .tag-title  a{ font-size: 12px !important; color: #777; }
	.artMarkWrap .ctags ul li .tag ,.artMarkWrap .ctags ul li .tag  a{
		font-size: 12px !important;
		font-weight: 600;
		color: #000;
	}

.artMarkWrap .feedbackzone { background: #f2f2f2; padding: 40px 30px; position: relative; margin: 15px 0; }
.artMarkWrap .feedbackzone .title { font-size:14px; font-weight: 600; padding-bottom: 15px; }
.artMarkWrap .btnfeedtoback { display: inline-block; width: auto; height: 40px; line-height: 40px; border: 0; border-radius: 4px; font-size: 14px; padding: 0 25px; background:#ff6a00; color: #fff; cursor: pointer; outline: none; text-align: center; box-sizing: border-box;margin: 0 .5em .5em 0; }
.artMarkWrap .btnfeedtoback.btn-yes:hover {  background:#cc6a00;  }
.artMarkWrap .btnfeedtoback.btn-yes-remove {background-color:#ccc;}

.docTag {border-bottom: 1px solid rgba(60,60,60,.26);position: relative;font-size: 14px;height: 80px;line-height: 80px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:red; }
.docTag a{color:red; }
.docTag:before {  content: "\e6f9";  font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:red; height:80px;line-height:80px;}

@media (max-width: 767px) {

.artheader .citem {  text-align: left;display:none;  }
.artheader .citem a{  padding-left:0px;  }
.artMarkWrap .artMark { padding: 15px 0 0;  }
.artMarkWrap .feedbackzone { padding: 20px 10px;}



.docTag {font-size: 16px;height: 40px;line-height: 40px;}
.docTag:before {  font-size: 16px;  height:40px;line-height:40px;}
	.artheader .date {display:none;	}
}

@media (min-width: 768px) and (max-width: 991px) {
.artheader .citem {  text-align: left;  }
 .artheader .citem a{font-size:12px;}
 .artheader .citem a:first-child{padding-left:0;}

}

@media (min-width: 992px) and (max-width: 1199px) {


}

@media (min-width:1200px) and (max-width: 1439px) {


}

.next-page{   margin:25px auto;  text-align: center;display:flex;display:-webkit-flex;justify-content:center; }
.next-page a{ padding:5px 13px; margin:0 3px;border:solid 1px #ddd; float:left; display:inline-block;}
.next-page a:hover{ background:#fff; color:#D7000F; border:solid 1px #ccc;}
.next-page a.page_on{background:#D7000F; color:#fff;}