.video-info-wrap .video-info .item .icon,
.article-operation .item .icon,
.comment-item .comment-operation .fab i,
.comment-oper .fab i,
.article-relevant .bd .item dd label::before,
.create-cover .article-info .item .icon,
.article-list-left .item .box .info .keywords::before,
.article-list-left .item .box .info .time:before,
.video-top-right .bd .info .views .icon,
.video-top-right .bd .info .comment .icon{
	background: url(../images/icon/detail-icon.png) no-repeat;
}
.video-detail-bottom .video-bottom-right .hd,
.video-bottom-right .bd .pic .icon{
	background: url(../images/icon/video-icon.png) no-repeat;
}
.share .bshare-custom.icon-medium-plus .bshare-weixin,
.share .bshare-custom.icon-medium-plus .bshare-qqim,
.share .bshare-custom.icon-medium-plus .bshare-sinaminiblog{
	background: url(../images/icon/share-icon.png) no-repeat;
}
.row2, .row3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.row2{

	-webkit-line-clamp: 2;
}
.row3{
	line-clamp: 3;
	-webkit-line-clamp: 3;
}
.com-hd{
	height: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	font-size:24px;
	font-weight: bold;
	color:#444;
}


.video-detail-top{
	padding: 30px 20px;
	margin-bottom: 20px;
	background-color: #fff;
}
.video-detail-top .video-top-left{
	width:860px;
}
.video-top-left .hd{
	margin-bottom: 20px;
}
.video-top-left .hd h2{
	height: 36px;
	line-height: 36px;
	font-size:30px;
	font-weight: bold;
	color:#444;
}
.video-top-left .video-box{
	margin-bottom: 10px;
}
.video-top-left .video-desc{
	margin-bottom: 20px;
	padding: 0 10px;
	height: 48px;
	line-height: 24px;
	font-size:14px;
	color:#444;
}
.video-info-wrap{
	padding-left: 10px;
	margin-bottom: 20px;
}

.video-info-wrap .video-info{
	margin-top: 10px;
	text-align: center;
	font-size:14px;
	color:#666;
}
.video-info-wrap .video-info .item{
	display: inline-block;
	margin-right: 20px;
	height:20px;
	line-height: 20px;
}
.video-info-wrap .video-info .item .label{
	display: inline-block;
	height: 20px;
	line-height: 20px;
}
.video-info-wrap .video-info .item .icon{
	display: inline-block;
	margin:2px 5px 0 0;
	vertical-align: top;
	width: 16px;
	height:17px;
	line-height: 17px;
}
.video-info-wrap .video-info .item .icon01{
	width:17px;
	background-position: right -97px;
}
.video-info-wrap .video-info .item .icon02{
	width:18px;
	background-position: 0 -26px;
}
.video-info-wrap .video-info .item .icon03{
	width:19px;
	background-position: 0 -49px;

}

.video-info-wrap .video-tags{
	text-align: center;
}
.video-info-wrap .video-tags a{
   display: inline-block;
   margin: 0 0 0 15px;
   padding: 7px 24px;
   border-radius: 30px;
   border:1px solid #eee;
   font-size:15px;
   color:#444;
   transition: all .3s;
}
.video-info-wrap .video-tags a:hover{
	background-color: #0088fe;
	color:#fff;
}


.article-operation{
	padding:26px 35px 0 10px;
	width:100%;
	background-color: #fff;
	border-top:1px solid #eee;
}
.article-operation .share{
	margin-right: 50px;
	width:180px;
}
.article-operation .share label{
	float:left;
}
.share .bshare-custom #bshare-shareto{
	line-height: 40px;
	font-weight: normal;
}
.share .bshare-custom.icon-medium-plus .bshare-weixin,
.share .bshare-custom.icon-medium-plus .bshare-qqim,
.share .bshare-custom.icon-medium-plus .bshare-sinaminiblog{
	display: inline-block;
	width:41px;
	height:40px;
	margin-right: 10px;
}
.share .bshare-custom.icon-medium-plus .bshare-weixin{
	background-position:  0 0;
}
.share .bshare-custom.icon-medium-plus .bshare-qqim{
	background-position:  0 -53px;
}
.share .bshare-custom.icon-medium-plus .bshare-sinaminiblog{
	background-position:  0 -106px;
}


.article-operation .item{
	margin-right: 20px;
	width:160px;
	height:50px;
	line-height: 50px;
	text-align: center;
	font-size:16px;
	border:1px solid #f3f4f8;
	transition: all .3s;
	cursor: pointer;
	border-radius: 5px;
}
.article-operation .item:hover{
	background-color: #f9f9f9;
}
.article-operation .item .icon{
	display: inline-block;
	width:21px;
	height:18px;
	vertical-align: top;
	margin: 14px 5px 0 0;
}
.article-operation .fabulous{
	color:#444;
}
.article-operation .cover{
	color:#0088fe;
}
.article-operation .fabulous .icon{
	background-position: 0 -101px;
}
.article-operation .on .icon{
	background-position: -25px -101px;
}
.article-operation .on{
	border:1px solid #fe5417;
	color:#fe5417;
}

.article-operation .cover .icon{
	height: 21px;
	background-position: 0 -125px;
}
.article-operation .current{
	border:1px solid #fe5417;
	color:#fe5417;
}










.video-detail-top .video-top-right{
	width:280px;
}
.video-top-right .hd{
	margin-bottom: 20px;
	height:40px;
	line-height: 40px;
	background-color: #eee;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	color:#444;
}

.video-top-right .bd {
	height: 640px;
	overflow-y: auto;
}
.video-top-right .bd li{
	overflow: hidden;
	margin-bottom: 20px;
}

.video-top-right .bd .pic{
	position: relative;
	margin-right: 10px;
}
.video-top-right .bd .pic .time{
	position: absolute;
	right:5px;
	bottom:5px;
	font-size:12px;
	color:#fff;
}

.video-top-right .bd .box{
	width:130px;
}
.video-top-right .bd .box a{
	margin-bottom: 10px;
	height: 48px;
	color: #444;
}
.video-top-right .bd .box a:hover{
	color:#0088fe
}

.video-top-right .bd .info .views .icon,
.video-top-right .bd .info .comment .icon{
	    display: inline-block;
	    margin: 3px 5px 0 0;
	    vertical-align: top;
	    width: 17px;
	    height: 17px;
	    line-height: 17px;
}
.video-top-right .bd .info .views .icon01{
	background-position: right -97px;
}
.video-top-right .bd .info .comment .icon02{
	 margin: 5px 5px 0 0;
	width: 18px;
	background-position: 0 -26px;
}
.video-top-right .bd .info .views .label,
.video-top-right .bd .info .comment .label{
	font-size:12px;
	color:#999;
}
.video-top-right .bd::-webkit-scrollbar
{
	width: 8px;
	height: 16px;
	background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
.video-top-right .bd::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
.video-top-right .bd::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: rgba(204, 204, 204, 1);

}






.video-detail-bottom{
	
}
.video-detail-bottom .video-bottom-left{
	width:880px;
}

.video-detail-bottom .video-bottom-right{
	padding: 20px;
	width:300px;
	background-color: #fff;
}
.video-detail-bottom .video-bottom-right .hd{
	margin: 0 auto 20px;
	width:116px;
	height:26px;
	text-indent: -99999px;
	background-position:  0 -117px;
}
.video-bottom-right .bd li{
   margin-bottom: 10px;
}
.video-bottom-right .bd .pic{
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	overflow: hidden;
}
.video-bottom-right .bd .pic .icon{
	display:block;
	z-index: 2;
	position: absolute;
	top:50%;
	left:50%;
	margin: -28px 0 0 -28px;
	width:56px;
	height:56px;	
	background-position: 0 -155px;
	transition: all .3s;
}
.video-bottom-right .bd .pic img{
	transition: all .3s;
}
.video-bottom-right .bd .pic:hover img{
	transform: scale(1.1);
}


.video-bottom-right .bd .txt{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:260px;
	height: 24px;
	line-height: 24px;
	font-size:15px;
	color:#444;
}
.video-bottom-right .bd .txt:hover{
	color:#0088fe;
}



.article-comment {
	padding: 20px 30px;
	margin-bottom: 20px;
	background-color: #fff;
}

.article-comment .com-textarea{
	width:820px;
	height:160px;
	padding: 20px;
	font-size:16px;
	border:2px solid #444;
	margin-bottom: 10px;
}

.article-comment .com-info{
	height:40px;
	line-height: 40px;
	margin-bottom: 40px;
}
.article-comment .com-info .txt{
	font-size:16px;
	color:#444;
}
.article-comment .com-info .txt a{
	color:#0088fe;
}
.article-comment .com-info .txt a:hover{
	font-weight: 700;
}
.article-comment .com-info .btn{
	width:120px;
	height:40px;
	line-height: 40px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background-color: #0088fe;
	border-radius: 5px;
}
.article-comment .com-info .btn:hover{
	opacity: .8;
}
.comment-wrap .comment-item{
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #eee;
}
.comment-wrap .comment-item:last-child{
	border-bottom: 0;
}
.comment-wrap .comment-item .comment-operation{
	position: absolute;
	top:10px;
	right:0;
}
.comment-item .comment-operation a{
	margin-right: 10px;
	font-size:16px;
	color:#0088fe;
}
.comment-item .comment-operation  a:hover{
	font-weight: 700;
}
.comment-item .comment-operation .fab{
	cursor: pointer;
	font-size:16px;
	color:#999;
}
.comment-item .comment-operation .on{
	cursor: default;
	color:#fe5417;
}
.comment-item .comment-operation .fab i{
	display: inline-block;
	margin-right: 5px;
	width:16px;
	height:14px;
	background-position: 0 -172px;
}
.comment-item .comment-operation .on i{
	background-position: 0 -152px;
}
.comment-wrap .comment-item .comment-avatar{
	width:60px;
	float: left;
}
.comment-wrap .comment-item .comment-avatar img{
	border-radius: 50%;
}
.comment-wrap .comment-item .comment-block{
	width:740px;
	float: right;
}
.comment-block .comment-user .u-user{
	font-size:18px;
	font-weight: 700;
	color:#444;
}
.comment-block .comment-user .u-time{
	font-size:14px;
	color:#aaa;
}
.comment-block .comment-con{
	padding: 10px 0;
	margin-bottom: 10px;
	line-height: 26px;
	font-size:16px;
	color: #333;
}
.comment-block .comment-reply{
	padding:10px 20px;
	font-size:16px;
	color:#444;
	background-color: #f5f5f5;
}
.comment-block .comment-reply a{
	margin-left: 40px;
	font-size:16px;
	color:#0088fe;
}
.comment-block .comment-reply a:hover{
	font-weight: 700;
}


.commentbox .btn-info{
	padding: 0;
	    width: 120px;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    font-size: 16px;
	    color: #fff;
	    background-color: #0088fe;
	    border-radius: 5px;
}
.mytextarea {
	width: 100%;
	padding: 10px;
	overflow: auto;
	word-break: break-all;
	height: 100px;
	color: #000;
	font-size: 1em;
	resize: none;
	outline: none;
	border: 1px solid #eee;
	font-size: 14px;
}

.comment-list {
	margin: 20px auto;
	clear: both;
	padding-top: 20px;
}

.comment-list .comment-info {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.comment-list .comment-info:last-child {
	border-bottom:0;
}
.comment-list .comment-info header {
	width: 10%;
	position: absolute;
}

.comment-list .comment-info header img {
	width: 100%;
	border-radius: 50%;
	padding: 5px;
}

.comment-list .comment-info .comment-right {
	padding: 5px 0px 5px 11%;
}

.comment-list .comment-info .comment-right .content {
	padding: 10px 0;
	line-height: 26px;
	font-size: 16px;
	color: #333
}

.comment-list .comment-info .comment-right h3 {
	margin: 5px 0px;
	font-size: 18px;
	font-weight: 700;
	color: #444;
}

.comment-list .comment-info .comment-right .comment-content-header {
	height: 25px;
}

.comment-list .comment-info .comment-right .comment-content-header span,
.comment-list .comment-info .comment-right .comment-content-footer .reply-btn {
	color: #aaa;
}

.comment-list .comment-info .comment-right .comment-content-header span,
.comment-list .comment-info .comment-right .comment-content-footer span.reply-btn,
.send,
.reply-list-btn {
	cursor: pointer;
}

.comment-list .comment-info .comment-right .comment-content-footer {
	text-align: right;
}

.comment-list .comment-info .comment-right .comment-content-footer .row {
	margin: 0;
}

.comment-list .comment-info .comment-right .reply-list {}

.comment-list .comment-info .comment-right .reply-list .reply {
	padding: 10px 20px;
	background-color: #f5f5f5;
	line-height: 26px;
	font-size: 16px;
	color: #444;
}
.comment-list .comment-info .comment-right .comment-content-footer span.reply-btn{
	margin-right: 10px;
	font-size: 16px;
	color: #0088fe;
}
.comment-list .comment-info .comment-right .reply-list .reply div {
	margin-bottom: 10px;
	overflow: hidden;
}

.comment-list .comment-info .comment-right .reply-list .reply .msg span {
	padding-left: 10px;
}
.comment-list .comment-info .comment-right .reply-list .reply .reply-list-btn{
	margin-left: 20px;
	font-size: 16px;
	color: #0088fe;
}
.replybox{overflow: hidden;}
.replybox .send{
	float: right;
	display: inline-block;
	 width: 80px;
	     height: 30px;
	     line-height: 30px;
	     text-align: center;
	     font-size: 14px;
	     color: #fff;
	     background-color: #0088fe;
	     border-radius: 5px;
	     padding: 0px;
}
.comment-oper {
	margin-bottom:10px;
}

.comment-oper a {
	margin-right: 10px;
	font-size: 16px;
	color: #0088fe;
}

.comment-oper a:hover {
	font-weight: 700;
}

.comment-oper .fab {
	cursor: pointer;
	font-size: 16px;
	color: #999;
}

.comment-oper .on {
	cursor: default;
	color: #fe5417;
}

.comment-oper .fab i {
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 14px;
	background-position: 0 -172px;
}

.comment-oper .on i {
	background-position: 0 -152px;
}










/*相关文章*/
.article-relevant {
	padding: 20px 30px;
	background-color: #fff;
}
.article-relevant .bd .item {
	overflow: hidden;
}

.article-relevant .bd .item dl {
	float: left;
	width: 260px;
	height: 360px;
	margin: 0 0 15px 20px;
	overflow: hidden;
	border:2px solid #fff;
	transition:  all .3s;
}

.article-relevant .bd .item dl:nth-child(4n+1) {
	margin-left: 0;
}

.article-relevant .bd .item dt {
	width: 260px;
	height: 176px;
	overflow: hidden;
}

.article-relevant .bd .item dt a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.article-relevant .bd .item dt span {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	font-size:14px;
	line-height: 30px;
	color: #fff;
	padding: 0 15px;
	background-color: #ff9600;
	z-index: 9;
}

.article-relevant .bd .item dt img {
	display: block;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.article-relevant .bd .item dt:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.article-relevant .bd .item dd {
	height: 180px;
	border: solid 1px #ededed;
	padding: 15px 20px 15px;
	overflow: hidden;
}

.article-relevant .bd .item dd h4 {
	height: 48px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	color: #444;
	margin-bottom: 20px;
	text-align: justify;
	cursor: pointer;
	overflow: hidden;
}

.article-relevant .bd .item dd a:hover {
	color: #0088fe;
}

.article-relevant .bd .item dd p {
	margin-bottom: 20px;
	height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.article-relevant .bd .item dd span {
	float: right;
	font-size: 12px;
	line-height: 16px;
	color: #999;
	margin-top: 10px;
}

.article-relevant .bd .item dd label {
	position: relative;
	display: block;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	padding-left: 20px;
}

.article-relevant .bd .item dd label::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	content: '';
	background-position: 0 -193px;
}

.article-relevant .bd .item dd label a {
	margin-right: 10px;
	color: #666;
}

.article-relevant .bd .item dd label a:hover {
	color: #0088fe;
}

.article-relevant .bd .item dl:hover {
/* 	box-shadow: 0 5px 14px rgba(125, 125, 125, 0.1); */
    border:2px solid #0088fe;
}


#CreatCoverPic{
display:none;
	padding:0;
	z-index:11;
	position: fixed;
	top: 50%;
	left: 50%;
	background:none;
	margin: -360px 0 0 -200px;
	width:400px;
	height: 720px;
}
.create-cover {
	position:absolute;
	top:10px;
	left:-100000px;
	z-index:-1;
	padding: 288px 100px 50px;
	width:800px;
	height: 1440px;
	background: url(../images/haibao.png) no-repeat;
}

/* .create-cover {
	display: none;
	z-index: 10;
	padding: 100px 40px 50px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -360px 0 0 -200px;
	width: 400px;
	height: 720px;
	background: url(../images/fengmian.png) no-repeat;
} */

.article-detail {
	padding-top: 20px;
	margin-bottom: 20px;
	background-color: #fff;
}

.create-cover .tit {
	line-height: 60px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 40px;
	font-weight: bold;
	color: #000;
}

.create-cover .article-info {
	margin-bottom: 10px;
	text-align: center;
	font-size: 24px;
	color: #000;
}

.create-cover .article-info .item {
	display: inline-block;
	margin-right: 10px;
	height: 20px;
	line-height: 20px;
}

.create-cover .article-info .item .label {
	display: inline-block;
	height: 20px;
	line-height: 20px;
}

.create-cover .article-info .item .icon {
	display: inline-block;
	margin: 4px 5px 0 0;
	vertical-align: top;
	width: 11px;
	height: 13px;
	line-height: 15px;
}

.create-cover .article-info .item .icon01 {
	background-position: right 0;
}

.create-cover .article-info .item .icon02 {
	background-position: right -18px;
}

.create-cover .article-info .item .icon03 {
	width: 12px;
	background-position: right -37px;
}

.create-cover .article-info .item .icon04 {
	width: 13px;
	background-position: right -57px;
}

.create-cover .article-body {
	padding-top: 30px;
	margin: 0px 0px 50px;
	/* height: 350px; */
}
.create-cover .article-body .videobox {
	position:relative;
}
.create-cover .article-body .videobox .icon{
	 z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
	margin:-50px 0 0 -50px;
    display: inline-block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
	 width: 100px;
     height: 100px;
}
.create-cover .article-body p {
	margin-bottom: 20px;
	font-size: 36px;
	color: #444;
	line-height: 28px;
}
.create-cover .article-body .text {
	margin-bottom: 40px;
	font-size: 28px;
	color: #444;
	text-align:justify;
	line-height: 46px;

}
.create-cover .article-body .author {
	position: absolute;
    bottom: 190px;
    right: 100px;
	text-align:right;
	font-size:26px;
	font-style:normal;
	color:#8d8d8d
}
.create-cover .article-body .author .edit{
	display:inline-block;
	margin-left:10px;
	font-style:normal;
}
.row4 {
	height: 112px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.create-cover .article-body p img {
	width: 100%;
	border-radius:20px;
}

.create-cover .follow-wechat {
	width:240px;
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-120px;
	text-align:center;
}

.create-cover .follow-wechat .img {
  text-align: center;
    width: 240px;
}
.create-cover .follow-wechat .img img {
  padding:10px;
  background-color:#fff;
}

.create-cover .follow-wechat .txt {
	margin:30px 0 0 27px;
	line-height:36px;
	font-size: 26px;
	color: #fff;
}

.bsBox {
	box-sizing: initial;
}

.mask {
	display: none;
	z-index: 9;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}