@charset "utf-8";
body{margin:0 auto;padding:0;width:100%;height:100%;background:#f8f8f8;font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border:0px;}
h1,h2,p,font,dl{margin:0px;}
u,ins{text-decoration:none; }
a{text-decoration:none; color:#333; transition: color 0.15s linear; -webkit-transition: color 0.15s linear; -moz-transition: color 0.15s linear;}
ul,li{color:#333; list-style-type:none;margin:0px;padding:0px; overflow: hidden;}
em{font-weight:bold;font-style:normal;}
form{ border:0; padding:0; margin:0;}
b{ font-weight:normal;}
input:focus {
    outline: none;
  }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #bababa;
	}
input::-webkit-input-placeholder,textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #bababa;
	}
input::-webkit-input-placeholder,textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #bababa;
	}
input::-webkit-input-placeholder,textarea::-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #bababa;
	}

/*---首页手机版图标---*/
.index_tb{width: 100%;float: left;}
.index_tb ul{margin:0 0px;justify-content: space-between;  display: flex;}
.index_tb ul li{box-sizing: border-box;}
.index_tb ul li a{display: table-caption; padding-top: 15px; text-align: center;}
.index_tb ul li img{width: 40px;height: auto;display: block;}
.index_tb ul li span{ font-size: 12px; padding-top: 10px; display: block; color: #555555;}

@media screen and (max-width: 1280px){
	.focusout{padding-top: 10px;}
	.focusout2{ width:960px;}
}
@media screen and (max-width: 1023px){
	.focusout{margin-bottom: 10px;}
	.focusout2{ width:750px;}
}
@media screen and (max-width: 767px){
	.focusout{padding: 15px; background: #ffffff;}
	.focusout2{ width:100%; }
	.swiper-slide img{height: 150px; width: auto;}
	.swiper-slide2 img{height: auto;}
}


/*---首页主框----*/
.indexbody,.mainbody,.listbody{ 
	margin-top: 80px;
	width: 100%; 
	overflow: hidden;
	}

/*---首页栏目列表----*/
.inlist,.lmlist,.wklist,.ztlist{width:100%;float: left;}
.in_list,.lm_list,.wk_list,.blist{
	width: 1200px;
	margin: auto;
	padding-bottom: 30px;
	}

/*---瀑布流设置---*/
.masonry-container {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap:20px;
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	transition: opacity 0.3s;
}
.page-load-status{
	text-align: center;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	margin: 20px 0;
}

@media screen and (max-width: 1023px){
	.page-load-status{font-size: 12px;}
}
/* 网格项基础样式 */
.grid {
	width: 224px;
	padding:0;
	margin: 0 0 20px;
	font-size:12px;
	overflow: hidden;
	box-sizing: border-box;
}
/* 定义列宽（与Masonry配置匹配） */
.grid-sizer{
	width: 224px;
}
/* 间距定义 */
.gutter-sizer {
  width: 20px;
  position: absolute;
}
/* 响应式断点 */
@media (max-width: 1280px) {
	.masonry-container {
		max-width: 960px;
		grid-template-columns: repeat(4, 1fr);
	}
	.grid-sizer, .grid {
		
	} /* 4列 */
}
@media (max-width: 1023px) {
	.masonry-container { 
		max-width: 750px;
		grid-template-columns: repeat(3, 1fr);
	}
	.grid-sizer, .grid {
		
	} /* 3列 */
}
@media (max-width: 767px) {
	.masonry-container {
		max-width: 750px;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap:1.5vw;
	}
	.grid-sizer, .grid { width: 48.25vw; } /* 2列 */
	.gutter-sizer {width: 1.5vw;}
}


.grid h2 a{ display: block; cursor: default;}
.grid strong {
	display:block;
	font-size: 14px;
    font-weight: normal;
    overflow: hidden;
	height: 20px;
	line-height:20px;
}
.grid strong span{ color: #fc6e6e;}
.grid .meta{
	float: left;
	display: flex;
	justify-content: space-between;
	color:#999999;
	line-height: 14px;
	width: 100%;
	padding: 10px 15px 10px;
	box-sizing: border-box;
	/* border-top: 1px solid #eeeeee; */
}
.wk_list .grid .meta{padding: 0 15px 10px; border: 0;}
.grid .imgholder{
    overflow: hidden;
	border-radius: 8px;
	border: 1px solid #eeeeee;
}
.grid .imgholder img{
	background:#ccc;
	display:block;
	width: 100%;
	filter: brightness(1);
	transition: all 0.2s linear;
	-moz-animation: all 0.2s linear; /* Firefox */
	-webkit-animation: all 0.2s linear; /* Safari and Chrome */
	-o-animation: all 0.2s linear; /* Opera */
}
.grid .imgholder img:hover{
	filter: brightness(0.85);
}

.list_title{
	width: 100%;
	padding: 5px 10px;
	font-size: 0.875rem;
	color: #333333;
	line-height: 1.25rem;
	box-sizing: border-box;
}
.list_writer {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
}
.list_writer a.writer_hy{ display: flex;align-items: center;color:#666;}
.list_writer a.writer_hy:hover{color: #333;}
.list_writer img{width: 1.25rem;border-radius: 50%;}
.list_writer h4{padding-left: 5px;font-size: 12px;}

.list_writer span.like {
	display: flex;
	align-items: center;
	color: #999999;
	font-size: 16px;
}
.list_writer span.like a {
	display: flex;
	align-items: center;
	margin-right: 5px;
}
.list_writer span.like a i {margin-right: 5px;}
.list_writer span.like a span {font-size: 14px;}

.meta .lblm{ font-size: 14px;}
.meta p.info{ }
.meta p.info span{color: #999999;}
.meta p.info span i{font-size: inherit;}
.meta p.info span.view{ }
.meta p.info span.good{ padding-left: 20px;}
.meta p.info span.hdcy{ padding-left: 20px;}

.list_name{ float: left;padding: 10px 15px; width: 100%; box-sizing: border-box;line-height: 24px;border-top: 1px solid #eee;}
.list_name a{float: left;}
.list_name img{float: left; border-radius: 100%; width: 24px;}
.list_name p{float: left; padding-left: 8px;}
.list_name span.date{ float: right; color: #999999;}
.list_name span.like{ display: none;}

.loadimg,.endall,#infscr-loading{ 
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
.endall a{text-align: center; font-size: 14px; color: #999999;}
@media screen and (max-width: 1280px){
	.in_list,.lm_list,.wk_list{
		width:960px;
	}
	.grid {margin: 0 0 15px;}
	.grid strong {font-size:14px;}
}
@media screen and (max-width: 1023px){
	.in_list,.lm_list,.wk_list{
		width:750px;
	}
	.tjtext ul li{font-size: 15px;}
	.grid {margin: 0 0 5px;}
}
@media screen and (max-width: 767px){
	.indexbody{
		margin-top: 50px;
		}
	.mainbody{
		margin-top: 45px;
		margin-bottom: 50px;
		}
	.in_list,.lm_list,.wk_list{
		width:100%;
		padding-bottom: 0;
	}
	.newhd,.jxwz{ 
		padding: 15px;
		background-color: #ffffff;
		box-sizing: border-box;
		margin-bottom: 10px
	}
	.jxtl{ 
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
		align-items: center;
	}
	.jxtl h2{ font-size: 1rem; font-weight: 600;}
	.jxtl span{ font-size: 0.75rem; color: #999999; font-weight: 300;}
	#newhd_list,#jxwz_list {
		overflow: hidden;
	}
	#newhd_list .swiper-slide,#jxwz_list .swiper-slide {
	    width: auto;
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		margin-right: 5px;
	}
	#newhd_list .swiper-slide img{
		height: auto;
		width: 210px;
		filter: brightness(0.96);
	}
	#jxwz_list .swiper-slide img{ 
		height: auto;
		width: 150px;
		filter: brightness(0.92);
	}
	#jxwz_list .swiper-slide h4{ 
		font-size: 0.8125rem; 
		position: absolute;
		bottom: 0;
		margin-bottom: 0;
		width: -webkit-fill-available;
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 60%,rgba(0, 0, 0, 0.6) 100%);
		padding: 50px 10px 10px;
		color: #ffffff;
	}
	.bigtl{font-size: 1rem; font-weight: 600; padding: 10px 15px;}
	.grid .meta{padding: 5px 10px 10px;}
	.meta p.info { overflow: hidden;font-size: 16px;}
	.list_name{ line-height: 20px; padding: 8px 10px 10px;border-top:none;}
	.list_name img{ width: 20px;}
	.list_name p{font-size: 12px;color: #999999;}
	.list_name span.date{display: none;}
	.list_name span.like{display: block; float: right;color: #999999;font-size: 14px;}
	.list_name span.like a{color: #999999;}
	.list_name span.like a i{margin-right: 5px;}
	.list_name span.like a span{font-size: 12px;}
}

/*---专题列表页---*/
.zt_list{
	width: 1200px;
	margin: auto;
	grid-template-columns: repeat(2, 1fr);
	display: grid;
	column-gap: 20px;
	}
.lmlist h3,.lm_list h3,.bottomlist h3{ 
	font-size: 15px;
	color: #666;
	font-weight: 500;
	margin: 0 auto 15px;
	width: 1200px;
}
.grid_zt{
	padding:0;
	margin-bottom: 20px;
	font-size:12px;
	overflow: hidden;
}
.grid_zt a{}
.grid_zt a:hover{ color:#DB6F61;}
.grid_zt h2 a{
	display:block;
	font-size: 16px;
    font-weight: normal;
    padding: 15px 20px;
    overflow: hidden;
}
.grid_zt .meta{
	display: flex;
	justify-content: space-between;
	color:#777;
	padding: 0 20px 20px;
	width: 100%;
	box-sizing: border-box;
}
.grid_zt .meta .lblm{flex: 2;}
.grid_zt .meta p.info {}
.imgholder_zt{
	overflow: hidden;
	border: 1px solid #eeeeee;
	border-radius: 8px;

}
.imgholder_zt img{
	background:#ccc;
	display:block;
	width: 100%;
	filter: opacity(1);
	transition: all 0.2s linear;
	-moz-animation: all 0.2s linear; /* Firefox */
	-webkit-animation: all 0.2s linear; /* Safari and Chrome */
	-o-animation: all 0.2s linear; /* Opera */
}
.imgholder_zt:hover img{
	filter:opacity(0.8);
}
@media screen and (max-width: 1280px){
	.zt_list{
		width:960px;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 15px;
	}
	.grid_zt{ margin-bottom: 15px;}
}
@media screen and (max-width: 1023px){
	.zt_list{
		width:750px;
		column-gap: 10px;
	}
	.grid_zt{margin-bottom: 10px;}
}
@media screen and (max-width: 767px){
	.zt_list{
		width:100%;
		grid-template-columns: repeat(1, 1fr);
		column-gap: 0;
	}
}

/*-----专题内容页----*/
.body_hd{
	margin: 0 auto 30px;
    width: 1200px;
	border-radius: 8px;
    overflow: hidden;
}
.body_hd .main_hd{
	background: linear-gradient( #17293d, #516367);
	float: left;
}
.body_hd .main_hd img{display: block;width: 100%;}
.body_hd .hdart{ 
	width: 100%;
	float: left;
	padding: 30px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	position: relative;
}
.hdart h1{
	font-size: 22px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.hdart .start_end_time{
	float: left;
	margin-bottom: 10px;
}
.hdart .start_end_time h4{
	float: left;
	/* color: #999999; */
}
.hdart .start_end_time span{
	float: left;
}
.hdart .hdcontent{ 
	float: left;
	width: 100%;
	line-height: 32px;
}
.hdart .hdcontent h4{font-size: 18px; margin-top: 10px; }
.hdart .cyhd{ 
	position: absolute; 
	top: 30px; 
	right: 30px; 
	width: 180px;
	text-align: center;
}
.hdart .cyhd a{
	color: #FFFFFF;
	font-size: 18px;
	line-height: 50px;
	display: block;
	font-size: 16px;
	line-height: 36px;
	background-color: #fc6e6e;
	width: 120px;
	border-radius: 8px;
	margin: auto;
	}
.hdart .zt_readnum,.hdart .hd_readnum{
	float: right;
	font-size: 15px;
	line-height: 24px;
	color: #999999;
	background: url(../images/eye.png) no-repeat;
	background-size: 22px;
	padding-left: 25px;
}
.hdpl{float: left; margin-bottom:20px; width: 100%;}
.pinglunbody{
	float: left;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.pinglun_main,.pinglun_list{
	margin-top: 0;
	width: 100%;
	float: left;
}
.pinglun_in{
	margin: 20px auto;
	width: 1200px;
	padding: 30px;
	background: #ffffff;
	box-sizing: border-box;
	border-radius: 8px;
}
.pinglun_tl{ 
	font-size: 16px;
	margin-bottom: 20px;
}
.pinglun_zt{
	margin: 0 auto 20px;
	width: 1200px;
	padding: 30px;
	background: #ffffff;
	box-sizing: border-box;
	border-radius: 8px;
}
@media screen and (max-width: 1280px){
	
}
@media screen and (max-width: 1023px){
	.body_hd{width: 1200px;}
}
@media screen and (max-width: 767px){
	.body_hd{margin: 0 0 20px;width: 100%;border-radius: 0;}
	.body_hd .main_hd{
		width: 100%; 
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.body_hd .main_hd img{width: 115%;}
	.body_hd .hdart{
		padding: 30px 15px 15px ;
		border-top-left-radius: 15px; 
		border-top-right-radius: 15px;
		margin-top: -15px;
	}
	.hdpl{}
	.hdart h1{}
	.hdart .hdcontent{}
	.hdart .hdcontent h4{}
	.hdart .hdcontent p{}
	.hdart .cyhd{position: unset; float: left; margin: 20px auto 0; width: 100%;}
	.hdart .cyhd a{font-size: 16px; line-height: 36px;}
	.hdart .zt_readnum{background-size: 20px; background-position: 0 1px; font-size: 13px;}
	.hdart .hd_readnum{position: unset; float: right; background-size: 20px; background-position: 0 1px; font-size: 13px;}
	.pinglun_list{ margin-top: 15px;}
	.pinglun_in{ width: 100%; margin: 0; border-radius: 0;padding: 50px 15px 10px;}
	.pinglun_tl{ display: none;}
	.pinglun_zt{ width: 100%; border-radius: 0;padding: 15px;margin: auto;}
}

/*---footer---*/
.foot{float: left; width:100%;margin-top:40px; padding: 20px 0;border-top:1px solid #e9e9e9; background:#343a40;}
.weixin{ width:30px; height:30px; margin:20px auto 0;position:relative; font-size:12px; text-align:center;}
.weixin a{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(../images/weixin.png) no-repeat center top; }
.weixin .weixin_nr{width:120px; height:140px; padding:0; background:#fff; text-align:center; position:absolute; left:-45px; bottom:40px; display:none;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);}
.weixin .weixin_nr img{ padding-bottom: 10px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; bottom:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/weixin.png) no-repeat left bottom;}
.foot ul{margin-left:auto;margin-right:auto;margin-top:10px;}
.foot li{font-size:13px;line-height:30px;text-align:center;color:#777;}
.foot li a{color:#777; padding: 0 5px;}
.foot li a:hover{color:#aaa;}
.foot2 { display:none;}

.bottom_link{ display:none;}



/*---圈子封面---*/
.coverbody{width: 1200px; margin: 80px auto 0; display: flex; justify-content: space-between;}
.cover_left{float: left; width: 900px; overflow: hidden;}
.cmain_left{ float: left; width: 220px; }
.cmain_left .cl_fixed{width: 220px;top: 80px;float: left;}
.cmain_left .lhuati li{ font-size: 15px; padding: 8px 0;}
.cmain_left .lhuati li i{color: #999;}
.cmain_left .lhuati .gjzrand{ float: left; font-size: 14px; border-radius: 8px; background-color: #EEEEEE; border: 1px solid #EEE;padding: 5px;margin: 0 5px 5px 0;}
.cmain_left .lhuati,.cmain_left .lfoot{ float: left; padding: 20px; box-sizing: border-box; margin-bottom: 20px; width: 100%; background-color: #FFFFFF;border-radius: 8px;}

.cmain_left .lfoot li{ font-size: 13px; line-height: 26px;}
.cmain_left .lfoot h4{text-align: center;}
.cmain_left .lfoot h4 img{}
.cmain_right{ float: right; width: 660px;}
.cover_slide{ margin-bottom: 20px;overflow: hidden;border-radius: 8px;box-sizing: border-box;}
.quan_info{ 
	float: right; 
	background-color: #FFFFFF; 
	border-radius: 8px;    
	margin-bottom: 20px;
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 50px;
}
.cmain_list{ float: right;width: 100%;}

.grid_fm{
	width:100%;
	padding:20px;
	background:#fff;
	margin-bottom:20px;
	float:left;
	overflow: hidden;
	box-sizing:border-box;
	border-radius: 8px;
}
.grid_fm .top{
	display: flex;
	justify-content: space-between;
}
.grid_fm .writer{    
	display: flex;
    justify-content: space-between;
}
.grid_fm .wr_avatar{ margin-right: 10px; }
.grid_fm .wr_avatar a{display: block;}
.grid_fm .wr_avatar img{ width:50px;  border-radius:100%; display: block;}
.grid_fm .wr_info{
	display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.grid_fm .wr_info .namegroup{
	display: flex;
	line-height: 16px;
}
.grid_fm .wr_info span{ 
	margin-right: 5px;
	} 
.grid_fm .wr_info .name{
	font-size: 16px;
	font-weight: 600;
	margin-right: 10px;
}
.grid_fm .wr_info .group{
	font-size: 12px;
	color: #ffffff;
	align-items: center;
	display: flex;
	padding: 0 8px;
	background-color: #ffbf00;
	border-radius: 8px;
}
.grid_fm .wr_info .fbdate{ color: #999999; font-size: 14px; font-weight: 300;}

.grid_fm .guanzhu{float: right; color: #fc6e6e; font-size: 14px;}
.grid_fm .guanzhu a{padding: 5px 10px; border-radius: 20px; border: 1px solid #fc6e6e;color: #fc6e6e;display: block;}
.grid_fm .guanzhu a.btn-outline{ background: #F4f4f4; color: #999999; border: 1px solid #EEEEEE;}

.grid_fm .content{ 
	padding: 0 0 0 60px; 
	box-sizing: border-box; 
	display: flex;
	flex-direction: column; 
	width: 100%;
}
.grid_fm .content a{ display: block; color: #333333;}
.grid_fm .content .title { line-height: 30px; font-size: 16px; }
.grid_fm .content .imgholder{}
.grid_fm .content .imgholder .picfour_box {margin-right: 32%;overflow: hidden;}
.grid_fm .content .imgholder li{ 
	width: 33.3333333%;
	float: left;
	overflow: hidden;
	padding-right: 4px;
	padding-bottom: 4px;
	box-sizing: border-box;
}
.grid_fm .content .imgholder p{  overflow: hidden; font-size: 14px;line-height: 20px; margin-bottom: 10px;}
.grid_fm .content .imgholder img{float: left; border-radius: 8px;width: 300px;}
.grid_fm .content .imgholder img.picall{ width: 148px; margin: 0 5px 5px 0;}
.grid_fm .content .imgholder img.picfour{ width: 148px; margin: 0 5px 5px 0;}
.grid_fm .content .imgholder img.pictwo{ width: 148px; margin: 0 5px 5px 0;}

.grid_fm .tag{display: flex; justify-content: flex-start;}
.grid_fm .tag a{
	margin: 10px 10px 0 0;
	padding: 4px 8px;
    font-size: 14px;
	background-color: #f4f4f4;
	border-radius: 8px;
}
.grid_fm .tag a:hover{ background-color: #00C6FF; color:#ffffff;}
.grid_fm .meta{float: left; color:#555555; width: 100%; font-size:14px; margin: 15px 0;font-weight: 300;}
.grid_fm .meta p.lmtime{ float: left;}
.grid_fm .meta p.info{
	line-height: 20px;
	overflow: hidden;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between; 
}
.grid_fm .meta p.lmtime span.fbdate{ color:#999999;line-height: 18px;}
.grid_fm .meta p.info span{color: #999999;}
.grid_fm .meta p.info span i{font-size: 14px;}
.grid_fm .meta p.info .view{ background: url(../images/eye.png) no-repeat; }
.grid_fm .meta p.info .good{ background: url(../images/heart.png) no-repeat;}
.grid_fm .meta p.info .comment{background: url(../images/comment.png) no-repeat;}
.grid_fm .meta p.info .view,.grid_fm .meta p.info .good,.grid_fm .meta p.info .comment{background-size: 20px 20px; padding-left:22px ;margin: 0;}

.grid_fm .list_gc{
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.grid_fm .list_gcback{
	float: left;
	width: 100%;
	box-sizing: border-box;
	background-color: #f8f8f8;
	border-radius: 8px;
	padding: 10px;
}

.grid_fm .zanlist{ overflow: hidden;}
.grid_fm .zanlist p{ float: left;}
.grid_fm .zanlist img{ width: 30px;border-radius: 50%; border: 2px solid #FFFFFF; margin-right: -15px;}

.grid_fm .list_pinglun{float: left; font-size: 14px;width: 100%;line-height: 18px;}
.grid_fm .list_pinglun_main{
	float: left; 
	width: 100%; 
	margin-top: 10px; 
}
.grid_fm .list_pinglun_main a{}
.grid_fm .list_pinglun_main b{ font-weight: 600;}
.grid_fm .list_pinglun_main span{}
.grid_fm .list_pinglun .allcomment{ 
	padding-top: 10px; 
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.grid_fm .list_pinglun span a{color: #666;display: contents;}

/* 圈子封面右侧 */
.cover_right{ float: right; width: 280px;}
.cover_right .cr_fixed{width: 280px;top: -710px;float: right; position: sticky;}
.cover_right .toppic{margin-bottom:20px; padding:20px; background-color: #FFFFFF;border-radius: 8px;}
.cover_right .toppic a{display: block;}
.cover_right .toppic img{display: block; width: 100%;}
.cover_right .wyft{ width: 100%; background-color: #00C6FF; font-size: 18px; line-height: 50px; text-align: center; border-radius: 8px;margin-bottom: 20px;} 
.cover_right .wyft a{color: #FFFFFF; display: block;}
.cover_right .cr_dk,.cover_right .cr_m{ width: 100%;background: #ffffff; padding: 20px; margin-bottom: 20px; box-sizing: border-box; border-radius: 8px;}
.cover_right .cr_dk h3,.cover_right .cr_m h3,.cmain_left h3{margin-bottom: 10px; }
.cover_right h3::before,.cmain_left h3::before{content: "";border-left: 5px solid #E55545;margin-right: 5px;border-radius: 2px;}
.cover_right .cr_dk span.num,.cover_right .cr_dk span.num1,.cover_right .cr_dk span.num2,.cover_right .cr_dk span.num3{
	float: left; 
	color: #999; 
	margin-right: 5px;
	padding-left: 0;
	width: 25px;
	text-align: center;
}
.cover_right .cr_dk span.num1,.cover_right .cr_dk span.num2,.cover_right .cr_dk span.num3{
	height: 20px;
	background-size: 16px 16px; 
	background-position: center; 
	background-repeat: no-repeat;
}
.cover_right .cr_dk span.num1{background-image: url(/static/xm/images/hg_j.png); }
.cover_right .cr_dk span.num2{background-image: url(/static/xm/images/hg_y.png); }
.cover_right .cr_dk span.num3{background-image: url(/static/xm/images/hg_t.png); }
.cover_right .cr_dk ul,.cover_right .cr_m ul{}
.cover_right .cr_dk li,.cover_right .cr_m li{ 
	border-bottom:1px dotted #EEEEEE; 
	display: flex;
    align-items: center;
    height: 45px;
}
.cover_right .rgname{
	flex: 1;
	align-items: center;
	display: flex;
}
.cover_right .cr_dk span,.cover_right .cr_m span{ font-size: 13px; float: left;  padding-left:10px ;}
.cover_right .cr_dk img,.cover_right .cr_m img{ float: left; border-radius: 100%; width: 30px;}
.cover_right .cr_dk p,.cover_right .cr_m p{float: right;font-size: 13px;color: #999;}
.cover_right .cr_m p a{color: #999;}


@media screen and (max-width: 767px){
	.coverbody{ float: left; width: 100%; margin-top: 0;margin-bottom: 50px;}
	.cover_left{ width: 100%;}
	.cmain_left,.cover_right{display: none;}
	.cmain_right{width: 100%;}
	.cover_slide{ margin-bottom: 15px; border-radius: 0; }
	.cover_slide .swiper-slide img{width: 100%; height: auto;}
	.cmain_list{width: 100%;}
	.grid_fm{ padding: 15px; border-radius: 0;margin-bottom: 15px;}
	.grid_fm .wr_avatar img{ width: 2.5rem;}
	.grid_fm .guanzhu{font-size: 0.75rem;}
	.grid_fm .wr_info .name{font-size: 0.875rem;}
	.grid_fm .wr_info .fbdate,.grid_fm .wr_info .group{font-size: 0.75rem;}
	
	.grid_fm .content { /* padding: 0 0 0 3.125rem; */padding: 0;margin-top: 10px;}
	.grid_fm .content .title{ font-size: 18px; font-weight: 500;}
	.grid_fm .content .imgholder p{ font-size: 0.875rem; line-height: normal;margin-bottom: 5px;}
	.grid_fm .content .imgholder img{ width: 65%;}
	.grid_fm .content .imgholder img.pictwo{ width: 32%;margin:0 3px 3px 0}
	.grid_fm .content .imgholder .picfour_box{margin-right: 32%; overflow: hidden;}
	.grid_fm .content .imgholder img.picfour{width: 47%;margin:0 3px 3px 0}
	.grid_fm .content .imgholder img.picall{ width: 32%;margin:0 3px 3px 0}
	.grid_fm .tag a{font-size: 0.75rem;}
	.grid_fm .meta{margin: 10px 0; }
	.grid_fm .meta p.info{padding:0;font-size: 0.75rem;}
	.grid_fm .meta p.info span.view, .grid_fm .meta p.info span.good, .grid_fm .meta p.info span.comment{background-size: 18px 18px;padding-left: 20px;}
	.grid_fm .zanlist img{width: 2rem;}
	.grid_fm .list_pinglun{font-size: 0.875rem;}
	.grid_fm .list_pinglun_main{margin-top: 5px;}
	.grid_fm .list_pinglun_left{ width: 100%; padding: 8px;}
	.grid_fm .list_pinglun_main b { font-weight: 500;}
	.grid_fm .list_pinglun span{ font-size: 0.875rem;font-weight: 300;}
	.grid_fm .list_pinglun .allcomment{ font-size: 0.875rem;}
}
/* .arnr p{
	position: relative;
    width: 100%;
    padding-bottom: 56.25%;
	}
.arnr .note-video-clip{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;} */

.zptj{width: 100%;float: left; padding-bottom:0;overflow: hidden;}
.zptj h2{ float:left;line-height: 22px; padding-left: 10px; width: 80%; font-size: 18px; font-weight: 500;border-left: 6px solid #e55545; margin: 10px 0 10px 8px;color: #000;}
.zptj p{ float:right;}
.zptj ul{ width: 100%; margin:0 auto;padding: 15px; background: #fff;}
.zptj ul li{float: left; width:23.6%;margin-right: 10px;background: #fff;border-radius: 8px;}
.zptj ul li a{ color:#fff;position: relative;display: block; height:200px }
.zptj ul li p{ width:85%; position: absolute; bottom: 3px; left: 0;padding: 8px 10px 8px; margin: 0 12px;background: rgba(143,191,0,0.8);color: white; text-align: center;font-size: 14px; font-weight: bold;border-radius: 8px;}
.zptj li img{ min-height: 100%; max-width:100%;}
.zptj a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
/*----列表封面左边显示模块----*/
.indexleft{float:left; margin-top:10px; width: 71%;}
.listz{float:left;width:auto;font-size:12px; background:#fff;clear: both; padding: 0 15px;}
.listw a{  display:block; height:105px; overflow:hidden;border: 1px solid #dedede;}
.listw a:hover { color:#ff9419;}
.listw img{ width:145px;min-height: 100%;}
.listw a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.listw ul{ clear: both;padding-top: 6px;}
.listw ul li{ float: left;line-height: 25px; margin-right: 20px;margin-bottom: 5px;}
.listw ul li h3{ text-align: center;  font-size: 13px;  margin: auto; font-weight: normal; height:24px;}
.listw ul li h3 a{ color:#666; border:none;}

.lanmutitle{ float:left; width:630px;line-height: 22px; padding-left: 10px;font-size: 18px; font-weight: 500;border-left: 6px solid #e55545; margin-bottom:10px;}
.lanmutitle p{ float: left;}
.lanmutitle p a{ color:#000;}
.lanmutitle ul{ float: right;}
.lanmutitle li{ color:#333; float:left; margin-right:20px;}
.lanmutitle li a{ }
.lanmutitle li a:hover{ color:#ff9419;}
.lanmutitle2{ float:left; width:645px;line-height: 22px; padding-left: 10px;font-size: 18px; font-weight: 500;border-left: 6px solid #e55545; margin-bottom:10px;}
.lanmutitle2 ul{ float: left;}
.lanmutitle2 li{ color:#999; float:left;}
.lanmutitle2 li a{ color:#000;}
.lanmutitle2 li a:hover{ color:#ff9419;}
.zilanm{float:left;width:675px;margin-top:10px;margin-right:10px; margin-bottom:10px;font-size:12px; border-bottom: 1px solid #e9e9e9;}
.zilanm p{margin-left:25px;width:100px;height:32px;background:#fff;line-height:32px;color:#83ae00;text-align: left;margin-bottom:10px;font-size:16px;font-weight: bold;}
.zilanm ul{ padding-left:15px; margin-bottom:10px;}
.zilanm li{float: left;height: 28px;background: #8fbf00;line-height: 28px;margin: 0 10px 10px;}
.zilanm li a{ color:#fff; display:block;padding: 0 10px;}
.zilanm li a:hover{ background:#74a70e;}

.listmore {width: 657px; height: 40px;background: #9ecc14;text-align: center;line-height: 40px;font-size: 16px; font-weight: bold;letter-spacing: 2px;margin: 14px 0;}
.listmore a{ display:block; color:#fff;}
.listmore a:hover{ background:#00c6ff;}
.listmore2 { float:right; font-size:14px;}
.listmore2 a{ }
.listmore2 a:hover{ color:#ff9419;}
/*----列表封面右边显示模块----*/
.listy{ float: right;width: 305px;margin-top: 32px;}

/*----列表页---*/
.listz2{clear: both; padding:20px; background:#fff;}
.listw2 a{ display:block; color:#666;height:104px;overflow: hidden;border: 1px solid #dedede;}
.listw2 a:hover { color:#ff9419;}
.listw2 img{ width:141px; min-height:100%;}
.listw2 a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.listw2 ul{ clear: both;padding-top: 6px;width: 980px;}
.listw2 ul li{ float: left;line-height: 25px; margin-right: 20px;margin-bottom: 15px;}
.listw2 ul li h3{ text-align: center;  font-size: 13px;  margin: auto; font-weight: normal;}
.listw2 ul li h3 a{ height: 24px; border:none;}

/*----列表页发现更多---*/
.bottomlist{float: left; width: 100%;}
.bottomlist .ptitle{margin: 20px auto 10px; width: 1200px;}

/*----文章列表页---*/
.list_navson{ float:left; width:100%; margin-bottom: 10px; font-size: 16px; line-height: 24px;}
.list_navson ul{ width:1200px; margin:0 auto;display: flex;justify-content: flex-start;}
.list_navson li{ margin-right: 10px;}
.list_navson li:hover{ background-color: #ffffff; border-radius: 8px;}
.list_navson li a{ display:block;text-align: center; padding: 0 10px; line-height: 30px;}
.list_navson ul li.hlson{ background-color: #ffffff; border-radius: 8px;position: relative;}
.list_navson ul li.hlson::after{
	content: "";
	display: block;
	height: 2px;
	border-radius: 2px;
	background-color: #E55545;
	width: 60%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#list_navson ul li.hlson span{ font-weight: bold; }
#list_navson ul li.hlson a span{   display: block}
/* #list_navson ul li.hlson a span::before{content: ""; border-bottom: 2px solid #e55545;} */
#list_navson ul li.hlson a:hover{background: none;}

.listz3{clear: both; width:100%; float: left;}
.listw3 b{font-weight: normal;}
.listw3 img{width: 100%;min-height: 100%}
.listw3 a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.listw3 a.wzpic{ float:left; display:block; color:#00b4e5; overflow:hidden; height: 180px; width: 33%; border-radius: 8px;}
.listw3 a{ float:left; display:block; color:#00b4e5; overflow:hidden;}
.listw3 a:hover { color:#ff9419;}
.listw3 ul{ clear: both;}
.listw3 ul li{ float: left; width:100%;line-height: 26px;padding-bottom: 15px; padding-top:15px;border-bottom: 1px solid #eee;}
.listw3 ul li h2{float:left;height: 30px;text-align: left;  font-size: 18px;  margin: auto; font-weight: normal; margin-left:15px;}
.listw3 ul li h2 a{ width: 100%;}
.listw3 ul li em{ float:right; margin-left: 0px; width:65%;height: 92px;font-weight: normal;}
.listw3 ul li p{ font-size:13px; color:#333;}
.listw3 ul li p.sontype { float:left;width:65%;}
.listw3 ul li p.sontype span{ float:left; color: #999;}
.listw3 ul li p.sontype a{ color:#999;margin-left: 15px;}
.listw3 ul li p.yuedugd{ float: right;}
.listw3 ul li p.yuedugd a{ float: right;width: 68px; font-size: 14px; background-color: #eee; padding: 3px;text-align: center;position: relative;border-radius: 8px;}
.listw3 ul li p.yuedugd a:hover{ background-color:#57bae8; color:#fff;}
.listw3 ul li p.info{float: left; margin-left: 10px;clear: none;}
.listw3 ul li p.info a{ color:#999; font-size:12px;}

/*----列表页分页模块---*/
.jogger { text-align: center; width:100%; float:left;margin: 20px 0;}
.jogger li{ display: inline-block;text-decoration: none;font-size:14px; margin: 0 2px;}
.jogger li.thisclass{ background-color: #00c6ff; color:#fff;border: 1px solid #00c6ff;border-radius: 8px;line-height: 36px;width: 36px;}
.jogger li a { color:#999; display:block;background:#fff;border: 1px solid #e8e8e8;border-radius: 8px;line-height: 36px;height: 36px; width: 36px}
.jogger li a:hover { color: #ffffff; background-color: #00c6ff;border: 1px solid #00c6ff;}
.jogger .firstlast{background-color: #00c6ff;
    color: #fff;
    border: 1px solid #00c6ff;
    border-radius: 8px;
    line-height: 36px;
    width: 36px;}
.jogger .pageinfo{ font-weight:100; }
.jogger .prepage a{ background: url(/static/xm/images/prenext.png) left 0px!important;}
.jogger .prepage a:hover{ background: url(/static/xm/images/prenext.png) left 36px!important;}
.jogger .nextpage a{background: url(/static/xm/images/prenext.png) 36px 0px!important;}
.jogger .nextpage a:hover{ background: url(/static/xm/images/prenext.png) 36px 36px!important;}
.jogger .dotbg{ margin-right: 4px;}
.jogger .dotbg a:hover{ background-color: #FFFFFF!important;color: #999!important;border: 1px solid #e8e8e8!important;cursor:default;}


/*-----tag话题页----*/
.body_ht{float: left; margin: 20px 0;width: 100%;}
.main_ht{background: linear-gradient( #17293d, #516367);overflow: hidden;border-radius: 8px;width: 1200px; padding: 20px;margin: auto; color: #FFFFFF;box-sizing: border-box;}
.ht_title{ margin-top: 100px;}
.ht_title h1{ font-size: 28px;line-height: 36px;}
.ht_content{ font-size: 16px; margin: 10px 0;}
.main_ht span{ margin-right: 10px;}
@media screen and (max-width: 767px){
	.body_ht{ width: 100%;margin: 0;}
	.main_ht{margin: 0 0 15px;border-radius: 0}
}

/*-----课程封面页----*/
.kebody{
	max-width: 640px;
	min-width: 320px;
	height: 100%;
	margin: 0 auto;
	background-color: #f8f8f8;
}
.scroll-y{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100vh;
}
.topimg img{
	width: 100%;
	display: block;
}
.ke_top{
	padding: 15px;
	margin-bottom: 15px;
	background-color: #ffffff;
}
.ke_price{
	padding: 15px;
	background-color: #e55545;
	color: #ffffff;
	font-size: 14px;
}
.ke_price span{
	font-size: 24px;
}
.ke_price span.line-through{
	font-weight: 300;
	font-size: 14px;
	text-decoration-line: line-through;
	font-family: MiSans;
	color: rgba(255, 255, 255, 0.8);
}
.ke_price span.ke_buy{
	float: right;
	font-size: 14px;
}
.ke_name{
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
}
.ke_class{
	font-size: 12px;
	font-weight: 300;
	color: #666666;
	line-height: 40px;
}
.ke_details{
	background-color: #ffffff;
	padding: 15px;
	height: 100%;
}
.ke_tab{
	display: flex;
	justify-content: space-around;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
}
.ke_tab li{
	
}
.ke_tab li.active{ 
	font-weight: 600;
	position: relative;
	
}
.ke_tab li.active::after{
	content: "";
	display: block;
	height: 2px;
	border-radius: 2px;
	background-color: #E55545;
	width: 60%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.ke_tab li a{
	display: block;
	padding: 10px;
}
.kemain_list{ 
	height: 100%;
	padding: 0 15px;
}
.kemain_list h2{ 
	display: inline-block;
	font-size: 20px; 
	font-weight: 600;
	margin: 15px 0;
}
.kemain_list .content img{
	width: 100%;
}
.kemain_list ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 15px;
}
.kemain_list ul li{
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
}
.kemain_list ul li a{
	
}
.kemain_list ul li img{
	width: 100%;
}
.kemain_list ul li p{
	font-size: 18px;
	font-weight: 600;
	padding: 10px;
}
.ke_list{height: 100%;}
.ke_list .content img{
	width: 100%;
}	
}
.ke_list .list{
	
}
.ke_list ul li{
	border-bottom: 1px solid #eeeeee;
	display: flex;
	justify-content: flex-start;
	padding: 20px 0;
}
.ke_list ul li span{
	color: #999999;
	margin-right: 5px;
}
.video-container {
  position: relative;
  width: 100%; /* 使容器宽度占满屏幕宽度 */
  height: 0;   /* 高度设置为0，根据宽高比自动计算 */
  padding-bottom: 56.25%; /* 设置padding-bottom为宽高比的56.25%（16:9的宽高比） */
}
 
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* 视频宽度占满容器 */
  height: 100%; /* 视频高度占满容器 */
}
@media screen and (max-width: 767px){
	.kemain_list ul{
		column-gap: 10px;
	}
}



/*-----内容页----*/
#origin-img{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index: 9999;
	}
#origin-img .swiper-slide img{
	width:100%;
	vertical-align:middle;
	height: auto;
	}	
.swiper-pagination{
	color:#fff;
	}
.img_page{top:1em; bottom:auto!important;}

.artbody{width: 1000px; margin: 80px auto 0; display: flex; justify-content: space-between;}
.artbodyl{ max-width:680px; width: 100%; float:left;height: 100%;}
.artmain,.pinglun{
	float: left;
	margin-bottom: 20px;
	width: 100%;
	padding: 20px;
	background: #ffffff;
	box-sizing: border-box;
	border-radius: 8px;
}

.top_name{position: absolute;left: 60px;}
.top_name a{ display: flex; align-items: center;}
.top_name img{ border-radius: 50%; width: 36px; display: block;}
.top_name span{ padding-left: 10px;}

.artmain{background: #FFFFFF;border-radius: 8px;padding: 20px;overflow: hidden;box-sizing: border-box; position: relative;}
.artmain h2{font-size:22px;width: 100%; line-height: normal;margin-bottom: 15px;}
.artmain .dangq{float:left;width:100%; margin-bottom: 25px;}
.artmain .dangq ul { float:left;}
.artmain .dangq li{font-size:15px; color: #B2B2B2;float: left;}
.artmain .dangq li a{color:#B2B2B2;padding-right:5px;}
.artmain .dangq li a:hover{}
.dangq .fbinfo{ float: right;}
.fbinfo .yuanch{ font-size: 12px; line-height: 16px; padding: 2px 4px; background-color: rgba(0,0,0,0.05); border-radius: 2px; color: rgba(0,0,0,0.3); margin-right: 8px;}
.fbinfo .fbzz{ margin-right: 12px;}
.fbinfo .fbzz,.fbinfo .fbsj{ color:#B2B2B2;font-size: 15px; line-height: 20px;}
.fbinfo .fbsj a{color:#666;padding-left:5px;padding-right:5px;}
/*.artz{float:left;width:1000px;font-size:12px; }
.artz2{float:left;width:698px;margin-top:10px;margin-right:10px;font-size:12px;}
.artz h2,.artz2 h2{font-size:20px;color:#333;font-weight: bold;text-align:center;height:40px;line-height:55px;}*/
.arnr{float:left; width: 100%;font-size:16px;color:#333; line-height:26px; margin-bottom: 10px;}
.arnr p, .arnr div{}
.arnr p a{color:#83ae00;width:660px;}
.arnr p a:hover{color:#e24500;}
.arnr img {overflow:hidden; clear: both; width: 100%; display: block; margin:0 auto;}
.arnr iframe{width: 100%; height: 490px!important;}
/*.arnr2{float: left; font-size: 14px;color: #333;line-height: 28px;margin: 20px 18px 0 19px;background: url(../images/ge.gif);letter-spacing: 8px;}
.arnr2 p{ right: -5px; position: relative;}
.arnr2 p a{color:#83ae00;width:688px;}
.arnr2 p a:hover{color:#e24500;}
.arnr2 img {max-width: 660px; width:expression(this.width > 660 ? "660px" : this.width);overflow:hidden;}*/
.artag{ float: left; width: 100%;}
.artag li{ float: left; border-radius: 8px; font-size: 14px; margin-top: 20px; margin-right: 10px; padding: 5px 10px; background-color: #CCCCCC;}
.artag li a{display: block; color: #FFFFFF;}
.zanimg{ float: left; width: 100%; margin: 20px 0 40px; padding-top: 20px; border-top: 1px solid #f4f4f4;}
.zanimg p{ width: 100%; text-align: center;}
.zanimg img{ width: 35px; border-radius: 50%;/* border: 2px solid #FFFFFF; margin-left: -15px; */}
.zanimg span{font-size: 15px; color: #999; display: block; line-height: 24px; margin-bottom: 10px;}


/*---内容页分页--*/
.arfy{float:left;width:100%;margin-top:10px;}
.jogger2 {text-align: center; width:100%; float:left; margin: 20px 0;}
.jogger2 li{display: inline-block;text-decoration: none;font-size:14px;}
.jogger2 li.thisclass {background-color: #00c6ff; color:#fff;border: 1px solid #00c6ff;border-radius: 8px;line-height: 36px;width: 36px;}
.jogger2 li a { color:#999; display:block;background:#fff;border: 1px solid #e8e8e8;border-radius: 8px;line-height: 36px;height: 36px; width: 36px;}
.jogger2 li a:hover { color: #ffffff; background-color: #00c6ff;border: 1px solid #00c6ff;}
.jogger2 .firstlast{background-color: #00c6ff;
    color: #fff;
    border: 1px solid #00c6ff;
    border-radius: 8px;
    line-height: 36px;
    width: 36px;}
.jogger2 .pageinfo{ font-weight:100; }
.jogger2 .prepage a{background: url(/images/prenext.png) left 0px!important;}
.jogger2 .prepage a:hover{background: url(/images/prenext.png) left 36px!important;}
.jogger2 .nextpage a{background: url(/images/prenext.png) 36px 0px!important;}
.jogger2 .nextpage a:hover{background: url(/images/prenext.png) 36px 36px!important;}

/*---点赞,收藏--*/
.heart{ width:100%; float: left;margin:20px 0; line-height: 24px; font-size: 15px;display: flex; justify-content: space-between;}
.heart i,.heart a i{ font-size: 18px; margin-right: 2px;}
.fbdata{float: left; color: #999999;background:url(../images/time.png) no-repeat; background-size: 22px; padding-left:25px ;}
.readnum{ float: left; color: #999999;background:url(../images/eye.png) no-repeat; background-size: 22px; padding-left:25px ;}
.heart_zan{float: right;}
.heart_zan a{background:url(../images/heart.png) no-repeat; }
.heart_zan a:hover{background:url(../images/heart2.png) no-repeat; color: #fa5151;}
.shouc{ float: right;}
.shouc a{background: url(../images/shouc.png) no-repeat;}
.shouc a:hover{ background: url(../images/shouc2.png) no-repeat; color: #fa5151;}
.heart_zan a:hover,.shouc a:hover{background-size: 22px 22px;}
.heart_zan a,.shouc a{
	display: block; 
	margin-left:10px;
    background-size: 22px 22px;
    padding-left: 25px;
    color: #999999;
}
.joincom{float: left; width: 100%;margin: 10px 0 30px;}
.joincom p{text-align: center; float: left;overflow: hidden;width: 48%;}
.joincom img{float: right; width: 30px;border: 2px solid #fff;margin-left:-15px;border-radius: 50%;}
.joincom span{float: left; font-size: 15px;color: #999;line-height: 32px;margin-left: 5px; width: 40%;}

.fixed_bottom{
	position: fixed; 
	left: 0; 
	bottom: 0; 
	background-color: #ffffff;
	padding: 10px 15px;
	z-index: 999;
	width: 100%;
}
.pl_mian{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pl_kuang{
	margin-right: 20px;
	width: 45%;
}
.pl_kuang a{color: #999999;}
.pl_mian .pl_kuang a{
	padding: 0 15px;
	display: flex;
	font-size: 0.75rem;
	align-items: center;
	background-color: #f4f4f4;
	border-radius: 2.1875rem;
	height: 2.1875rem;
	}
.pl_img{
	display: flex;
	justify-content: space-between;
	width: 55%;
}
.pl_img a{ 
	display: flex;
	align-items: center;
}
.pl_img img{ width: 1.75rem;}
.pl_img a span{ padding: 0 5px; font-size: 0.75rem}

/*---内容页上一篇下一篇----*/
.arfx{float:left; 
	overflow: hidden; 
	width:100%;
	margin-top:0px;
	line-height: 24px; 
	font-size:15px; 
	color:#FFFFFF;
	display: flex;
	justify-content: space-between;
}
.arfx a{ 
	color:#FFFFFF; 
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 120px;
	padding: 15px;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 0.2s linear;
	-moz-animation: all 0.2s linear; /* Firefox */
	-webkit-animation: all 0.2s linear; /* Safari and Chrome */
	-o-animation: all 0.2s linear; /* Opera */
}
.arfx a:hover{background-color: rgba(0, 0, 0, 0.6);}
.arfx a span{
	width: 100%; 
	overflow: hidden; 
	z-index: 1;
}
.arfx .notl{
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	display: block;
}
.arfxl,.arfxr{ 
	position: relative;
	width: 49%;
	height: 120px;
	color: #fff;
	background-size: cover;
	background-position: 50%;
	overflow: hidden;
	border-radius: 8px;
	background-color: #ccc;
}
.arfxl{ 
	
}
.arfxr{
	
}
.arfxr span{text-align: end;}
.arfxl_next,.arfxl_pre{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.arfxl_next dd,.arfxl_pre dd{ float: left;}


/*---内容页随机阅读----*/
.arbottomlist{
	float: left;
	width: 100%;
	box-sizing: border-box;
	}
.arbottomlist h3{ font-size: 15px; color: #666; font-weight: 500; margin-bottom: 10px;}
.arblist{
	overflow: hidden;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
}
.arblist .grid2{
	width:24%;
	padding:0;
	background:#fff;
	margin-bottom: 0;
	font-size:12px;
	overflow: hidden;
	border-radius: 8px;
	border: 1px #EEEEEE solid;
}
.grid2 .arxh_t{ 
	display: block;
	color:#333;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
	height: 20px;
	line-height:24px;
	padding: 6px 15px 8px;
}
.grid2 .arxh_t:hover{color:#DB6F61;}

.arblist .imgholder2{  overflow: hidden;}
.arblist .imgholder2 a{display: block;overflow: hidden;}
.arblist .imgholder2 img{
	display: block;
	width: 100%;
	filter: brightness(0.92);
	transition: all 0.2s linear;
	-moz-animation: all 0.2s linear; /* Firefox */
	-webkit-animation: all 0.2s linear; /* Safari and Chrome */
	-o-animation: all 0.2s linear; /* Opera */
}
.arblist .imgholder2 img:hover{filter: brightness(1);}

/*---内容页评论----*/
.zan{margin: auto;width: 100px;}
.zan p{width:50px;height:74px; margin:auto;} 
.zan p a{color: #c33;  width:50px;height:50px; background:url(../images/heart.png) no-repeat 0px -1px; display:block;} 
.zan p a:hover{background-position:0px -3px;text-decoration:none}
.zan span{display: block; font-family: "Microsoft YaHei"; font-size: 12px; height: 22px; line-height: 22px;text-align:center; padding-top:52px;}
.zan em{display: block; font-family: "Microsoft YaHei"; font-size: 16px; height: 26px; line-height: 26px; margin: 0;  text-align:center; color:#999;font-weight: normal; margin-bottom: 10px;}



/*-----原创内容页----*/
.wzzuoz{ display:none;}
.fbsj2{ margin-left:10px; float:left;color:#999;line-height:35px;font-size: 12px;}
.arxg dl{}
.arxg dt{ float:left;margin-bottom: 5px;}
.arxg dt img{ border-radius: 100%; width: 35px; height: 35px;margin-left: 3px;}
.arxg dd { float:left; margin-left:12px;line-height: 35px;}
.arxg dd a{ font-size:14px;color: #333; display:block;font-weight: bold;}

/*---内容页右侧----*/
.artbodyr{ float:right; width:300px;}
.artbodyr h3{line-height:18px;color:#333333;font-weight: 500;margin-bottom: 5px;}
.artbodyr h3::before{content: "";border-left: 5px solid #E55545; margin-right: 5px;border-radius: 2px;}
.fixedbox{ width:265px;}
.arxg,.arzx,.nrmk1{ float:right; width: 100%;margin-bottom: 20px;padding: 20px; background: #fff;border-radius: 8px;overflow: hidden;box-sizing: border-box;}
.arxg ul{ float:left;overflow-y: auto; overflow-x: hidden; max-height:360px;width: 275px;margin-top: 10px;}
.arxg ul::-webkit-scrollbar-track {
    background: transparent;
}
.arxg ul::-webkit-scrollbar {
    width: 8px;}
.arxg ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0,0,0,.1);
}
.arxg ul:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.5);
}
.arxg .ztright{max-height: 560px;}

.arxg .ztright li{padding-right: 0;padding-bottom: 4px;}
.arxg .ztright li img{ 
	width:265px;
	top:-40px; 
	position:relative;
	min-width: 100%;
	max-width: none;
	filter: opacity(1);
	transition: all 0.2s linear;
	-moz-animation: all 0.2s linear; /* Firefox */
	-webkit-animation: all 0.2s linear; /* Safari and Chrome */
	-o-animation: all 0.2s linear; /* Opera */
	}
.arxg .ztright li a:hover img{ filter: opacity(0.8); }
.arxg li{float:left;font-size:12px;line-height:30px; padding-right:3px; padding-bottom:3px;}
.arxg li a{padding-left:0;display: block;overflow: hidden; height:85px;border-radius: 8px;}
.arxg li a:hover{color:#000;}
.arxg img {
	max-width:85px;
	min-height: 100%;
	filter: brightness(0.92);
	transition: all 0.2s linear;
	-moz-animation: all 0.2s linear; /* Firefox */
	-webkit-animation: all 0.2s linear; /* Safari and Chrome */
	-o-animation: all 0.2s linear; /* Opera */
}
.arxg a:hover img{filter: brightness(1);}

.ar_fixed{ width: 300px; position: sticky; top: 80px; float: right;}

.show_userinfo{float: right;
    width: 300px;
	padding: 20px;
	margin-bottom: 20px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
}
.show_userinfo .userbg{ height: 85px; background-size:300px;}
.show_userinfo dl{
	display: flex;
    flex-flow: column;
    align-items: center;
}
.show_userinfo dt{ margin-top: 10px;}
.show_userinfo dt a{display: block;}
.show_userinfo dt img{ width: 60px; border-radius: 100%;/* border: 2px solid #ffffff; */}
.show_userinfo dd{ margin-top: 10px;}
.show_userinfo dd.name{ width: 100%; font-size: 16px; text-align: center;font-weight: 600;}
.show_userinfo dd.name a:hover{color: #DB6F61;}
.touxianlist{ }
.touxianlist span{ 
	background: #aaaaaa;
    border-radius: 8px;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 10px;
	margin-right: 5px;
	margin-bottom: ;: 5px;
	display: inline-block;
}
.touxianlist span.touxian{
	background-color: #ffbf00;
	color: #FFFFFF;
}
.show_userinfo dd.note{ font-size: 13px; color: #666;}
.show_userinfo dd.info{ 
	width: 100%; 
	border-bottom: 1px solid #eee; 
	line-height: 30px; 
	font-family: monospace;
	display: flex; 
	justify-content: space-between;
	padding: 5px 20px 10px;
    box-sizing: border-box;
}
.show_userinfo dd.info span{ font-size: 12px; color: #999;}
.show_userinfo dd.guanzhu{}
.guanzhu .btn-outline{
	background: #F4f4f4!important;
    color: #999999!important;
    border: 1px solid #EEEEEE!important;
}
.guanzhu .btn{
	display: block;
	width: 90px;
	margin: 10px auto 0;
	font-size: 14px;
	text-align: center;
	background: #FFFFFF;
	color: #fc6e6e;
	border: 1px solid #fc6e6e;
	border-radius: 8px;
	line-height: 30px;
}

.nrmk1 img{ width:260px;}

.arzx{ margin-bottom: 0;}
.arzx li{
	float: right;
	width: 100%;
	margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
	display: flex;
}
.arzx li a{ display: block; margin-right: 10px; box-sizing: border-box;}
.arzx img{ width: 80px; border-radius: 8px; display: block;}
.arzx p{ display: flex; justify-content: space-between; flex-direction: column;}
.arzx p a{ width: 100%; font-size: 13px; margin-right: 0; color: #333333;}
.arzx p a:hover{color:#DB6F61;}
.arzx span{ font-size: 12px; color: #999999;}

.arpl{margin-top:10px;float:left;width:698px;}

.tjnr{float:left;font-size:12px;line-height:25px;background:#fff; padding:20px; margin-bottom: 15px; width:265px;}
.tjnr p{width:70px;height:25px;background:#00c6ff;color:#fff;text-align:center;}
.tjnr ul{border-top:1px solid #00c6ff; padding-top:5px; padding-bottom:10px;}
.tjnr li{color:#333;width:100%;float: left;}
.tjnr li a{color:#666;padding-left:15px;background: url(../images/xd.gif) 0 -8px no-repeat;}
.tjnr li a:hover{color:#ff9419;background: url(../images/xd.gif) 0  6px no-repeat;}
.hotright{ padding:20px;background: #fff;float: left; margin-bottom:15px;}

/*----会员主页----*/
.container:after, .container:before, .row:after, .row:before{display: table; content: " ";}
.container_bg{ width: 100%;}
.container_bg .scfm{ height: 360px;width: 1200px; margin: 0 auto;border-top-left-radius: 5px; border-top-right-radius: 5px;}
.container_bg .scfm img{}
.container_bg2{display: none;}
.container{width: 100%; margin-bottom: 20px;}
.container .row{position: relative;width: 1200px; margin: auto; padding-bottom: 30px; background: #FFFFFF; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;text-align: center;}
.col-md-2{ margin-top: -65px; }
.col-md-2 img{ width: 120px; height: 120px;border-radius: 50%; border: 5px solid #FFFFFF;}
.col-md-10{ }
.col-md-10 .name{ font-size: 24px; margin: 8px 0; display: flex; justify-content: center; align-items: center;}
.col-md-10 span{ font-size: 12px; margin-right: 5px; }
.col-md-10 span i{ font-weight: bold; color:#17a8e5 ;margin-left: 8px; margin-right: 8px}
.col-md-10 .grjs{ font-size: 14px; line-height: 24px;/* margin-top: 15px; */ color: #999999;}
.col-md-10 .shuju{ position: absolute; top: -70px; left: 0; width: 1200px; padding: 0 80px; box-sizing: border-box;}
.col-md-10 .shuju p.sjleft, .col-md-10 .shuju p.sjright{
	width: 20%;
    display: block;
    font-size: 14px;
    text-align: center;
	color: #FFFFFF;
	text-shadow: 0 1px 5px #000000;
}
.col-md-10 .shuju p.sjleft{ float: left;}
.col-md-10 .shuju p.sjright{float: right;}
.col-md-10 .shuju span{
	color: #FFFFFF;
    font-size: 24px;
    display: block;
    margin: 14px 0 5px;
	margin-left:0;
}

.col-md-10 .m_info{}
.col-md-10 .btn{
	display: block;
	width: 120px;
    margin: 10px auto 0;
	font-size: 15px;
	text-align: center;
    background: #ffffff;
    color: #fc6e6e;
	border: 1px solid #fc6e6e;
    border-radius: 8px;
    line-height: 36px;
}
.col-md-10 .btn-outline{
    background: #F4f4f4;
    color: #999999;
	border: 1px solid #EEEEEE;
}

.hui-header{display: none;}
@media screen and (max-width: 767px){
	.hui-header{
		display:flex; 
		justify-content: space-between; 
		align-items: center;
		width:100%;
		padding: 0 10px;
		background-color: #ffffff;
		border: 1px solid #f4f4f4;
		z-index: 9999;
	}
	#hui-back{
		width:45px; 
		height:45px; 
		font-family:"hui-font"; 
		text-align:center; 
		flex-shrink:0;
		font-size: 22px; 
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.hui-header img{ width: 30px;}
	.hui-header .re_index{
		height: 45px;
		width: 45px;
	}
	.hui-header .re_index a{ 
		background:url(../images/5-1_1.png) no-repeat center center;
		background-size: 22px 22px;
		height: 45px; 
		width: 45px;
		display: block;
	}

	.container_bg{ display: none;}
	.container_bg .scfm{ width: 100%;height: 210px;border-radius: 0;}
	.container_bg2{ display: block;}
	.container_bg2 .scfm{ width: 100%;height: 210px;border-radius: 0;border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;}
	.container{ padding: 0 15px ;margin-top: -60px; margin-bottom: 15px;}
	.container .row{width: auto;border-top-right-radius: 5px; border-top-left-radius: 5px;padding-bottom: 20px; box-shadow: 0 0 10px 1px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.15);}
	.col-md-2 { margin-top: -35px; text-align: right; margin-right: 20px;}
	.col-md-2 img{ width: 70px; height: 70px;border: 3px solid #FFFFFF;}
	.col-md-10 { text-align: left; margin-top: -30px;padding: 0 20px;}
	.col-md-10 .name{ font-size: 20px;font-weight: bold; display: block;}
	.col-md-10 span{ font-size: 12px;font-weight:normal}
	.col-md-10 .shuju{width: 100%; padding: 0;position: unset;display: table; margin-top: 8px;}
	.col-md-10 .grjs{margin-top: 8px;}
	.col-md-10 .shuju p.sjleft, .col-md-10 .shuju p.sjright{float: left; width: 20%;font-size: 12px;  text-shadow: none;color: #999999;text-align: left;}
	.col-md-10 .shuju span{ display: unset; color: #333333;font-size: 15px; font-weight: bold;}
	.col-md-10 .grjs{font-size: 12px;line-height: 16px;color: #999999;}
	.col-md-10 .btn{line-height: 30px; font-size: 12px;margin-top: 15px;font-weight: bold;}
	.col-md-10 .m_info{}
	.touxianlist { margin-top: 8px;}
		

}


/*----搜索列表页----*/
.sosuo{ width: 1200px; margin:20px auto ;}
.sosuo h2{ line-height: 22px; margin: 0 auto 10px; font-size: 18px;box-sizing: border-box; }
.sosuo h2::before{content: '';border-left: 8px solid #e55545; border-radius: 2px; margin-right: 6px;}
.sosuo .result{  line-height: 36px;padding: 20px; background: #ffffff; border-radius: 8px;overflow: auto;}
.sosuo .result h3{ float: left; font-size: 22px;}
.sosuo .result p{float: left; margin-left: 15px;}
.sosuo .result span{ color: #999999; font-size: 14px;}
.sosuo .result ul{ float: right;}
.sosuo .result li{ float: left; padding: 0 10px;}
.sosuo .result li.pxfs{color: #999999; font-size: 14px;}
.sosuo .result li a{ font-size: 15px;}
.sosuo .result li a:hover {color: #DB6F61;}

.tishi_msg{ width: 1200px; margin: 0 auto; padding: 160px 0; text-align: center;}
.tishi_msg img{width: 48px;}
.fc-search-null-txt {
	display: block;
	text-align: center;
	/* margin: 10px auto; */
	/* padding: 30px; */
	box-sizing: border-box;
	width: 1200px;
	line-height: 50px;
	/* border-top: 1px dashed #cccccc; */
}
.fc-msg-url{ color: #999999; width: 1200px; text-align: center;margin: 0 auto 30px; font-size: 14px;}
.tishi_msg .re_pre{font-size: 14px; color: #999999;}
.jogger tbody{width: 1200px; margin: 0 auto;}


.xgsos{
    width: 22.6%;
    min-height: 100px;
    padding: 0;
    background: #fff;
	margin:0 20px 20px 0;
    font-size: 12px;
    float: left;
	border-radius:4px;
	overflow: hidden;
}
.xgsos .imgholder{
    overflow: hidden;
}
.xgsos .imgholder img {
    max-width: 100%;
    background: #ccc;
    display: block;
    width: 100%;
	min-height: 100%;
}
.xgsos .imgholder img:hover{opacity: 0.8;}
.xgsos strong a{
    margin: 10px 0 5px;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 0 10px;
    overflow: hidden;
	height: 20px;
	line-height:20px;
}
.xgsos .meta {
    color: #777;
    padding: 0 10px 5px;
	border-top: 1px solid #eee;
}
.xgsos .info {
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
    clear: both;
}
.xgsos li{ float:left;}
.xgsos .info a.view {
    width: 40px;
    height: 18px;
    background: url(../../../../../templets/xm/images/pic_ilike.png) left -1230px;
    padding-left: 18px;
    float: left;
	color:#bbb;
}
.xgsos .sosuotype{ float:left; margin-right:15px;}
.xgsos .sosuotype a{ height: 18px; line-height: 18px; color:#bbb;}


/*返回顶部*/
#moquu_top,#moquu_wxin,#moquu_wshare {
	z-index:999;
	width:40px;
	height:40px;
	right:20px;
	position:fixed;
	border-radius: 8px;
	cursor:pointer;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}

#moquu_wxin { bottom:240px;}
#moquu_wxin a {
	box-shadow: 0 0 6px rgba(0,0,0,.12);
	border-radius:4px;
	background:url(../images/sbtn.png) 0 0px;
	right:20px;
	float:left;
	width:40px;
	height:40px;
	text-indent:-9999px
}
#moquu_wxin a:hover {
	background:url(../images/sbtn.png) -40px -0px;
	border-radius: 0 4px 4px 0;
}
#moquu_wshare {bottom:285px;}
#moquu_wshare a {
	box-shadow: 0 0 6px rgba(0,0,0,.12);
	border-radius: 8px;
	background:url(../images/sbtn.png) 0 -40px;
	width:40px;
	height:40px;
	right:20px;
	float:left;
	text-indent:-9999px
}
#moquu_wshare a:hover {
	background:url(../images/sbtn.png) -40px -40px
}

.moquu_wxin,.moquu_wshare {
	position:relative;
	z-index:2
}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh {
	display:block
}
.moquu_wxin .moquu_wxinh {
	position:absolute;
	display:none;
	right:40px;
	bottom:0px;
	width:80px;
	height:40px;
	background:url(../images/fankui.png) 0 0 no-repeat #00c6ff;
	color:#FFF; border-radius:4px 0 0 4px;
}
.moquu_wshare .moquu_wshareh {
	position:absolute;
	display:none;
	right:40px;
	bottom:-95px;
	width:205px;
	height:205px;
}
.moquu_wshare .moquu_wshareh img{
	float: left;
	webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
	box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
}

#topcontrol{
	background:#fff; 
	height:40px;
	width:40px;
	box-shadow: 0 0 6px rgba(0,0,0,.12);
	border-radius: 8px;
}
.gotop{
	background:url(../images/top.png) 0 0;
	height: 40px;
}
.gotop:hover{
	background:url(../images/top.png) 0 -40px;
	height: 40px;
}


.next_page{ margin-top:15px;margin-bottom: 15px;}



/*---diy导航----*/
.dhbg{ margin: 0 auto;}
.dh{ margin:0 auto;width:960px;height:40px;background:#8fbf00;}
.dh li{float:left;width:96px;font-size:14px;color:#fff;line-height:40px;text-align:center;font-weight:bold;}
.dh li a{display:block; width:96px;height:40px;color:#fff;}
.dh li a:hover{background:#83ae00;font-weight: bold;font-size:14px;}
.fdh{ margin:0 auto;width:960px;height:38px;background:#efefef;}
.rmc{float:left;width:660px;height:38px;}
.rmc span{color:#FF5E00;}
.rmc p{float:left;font-size:12px;line-height:38px;color:#666;text-indent:1em;}
.rmc p a{color:#666;padding-left:0px;}
.rmc p a:hover{color:#e24500;}

/*---diy首屏左----*/
.spz{float:left;width:335px;margin-right:15px;margin-top:10px;}
.flash{width:335px;height:240px;background:#f5f5f5;margin-top: 10px;}
.spzx{width:335px;height:125px;margin-top:10px;}
.spzx p{font-size:12px;line-height:25px;color:#fff;width:70px;height:25px;background:#8fbf00;text-align:center;margin-bottom:5px;}
.spzx li{line-height:22px;font-size:12px;border-bottom:1px dashed #e8e8e8;}
.spzx li a:hover{color:#e24500;}
.spzx span{float:right;font-size:12px;line-height:22px;color:#999;}
/*---diy首屏中----*/
.spzj{float:left;width:350px;margin-right:10px;margin-top:10px;}
.spzj h2 a{font-size:20px;color:#666;line-height:40px;font-weight: bold;text-align:center;font-family: "黑体";display:block; }
.spzj h2 a:hover{color:#e24500;}
.spzj p{font-size:12px;line-height:22px;color:#999;border-bottom:1px dashed #e8e8e8; padding-left: 2px;}
.spzj li{font-size:12px;color:#333;line-height:24px;height:28px;}
.spzj li a:hover{color:#e24500;}
.spzj li span{color:#83ae00;}
.spzj li span a{color:#83ae00;}
/*---diy首屏右----*/


/*---diy广告模块---*/
.list_t_ad{ float:left; width:100%;}
.list_b_ad{ float:left; width:100%;margin-top: 10px;}
.list_b_ad .ad{margin:auto; width:960px;}
.list_b_ad img,.list_t_ad img{ display:block; margin:12px auto 0;}
.list_in_ad{
	width: 224px;
	height: 249px;
    padding: 0;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 12px;
    float: left;
    overflow: hidden;
    border-radius: 8px;
}
.list_in_ad a{display: block;}
.list_in_ad img{ width: 100%;}
.list_in_ad p{ text-align:center; color:#000; font-size:14px;}
 
/*---diy内容模块---*/
.nrmk{float:left;width:710px;margin-top:10px;}
.armk{float:left;width:690px;border:1px solid #e9e9e9;margin-right:10px;margin-bottom:15px; padding-bottom: 10px;}
.armk li{font-size:12px;text-indent:5px;}
.armk li a:hover{color:#e24500;}
.armk3{float:left;width:340px;border:1px solid #e9e9e9;margin-right:10px;margin-bottom:15px; padding-bottom: 10px;}
.armk3 li{font-size:12px;text-indent:5px;}
.armk3 li a:hover{color:#e24500;}
.tltime{ float:right}
.list_tl a{ color:#666;}




.lm_list2{clear: both;}
.lm_list2 ul{ clear: both;}
.lm_list2 ul li{ float: left;width: 305px;line-height: 25px;text-align: left;padding-left: 10px;}
.lm_list3{width: 340px;clear: both;}
.lm_list3 ul{ clear: both;}
.lm_list3 ul li{ float: left;width: 320px;line-height: 25px;text-align: left;padding-left: 10px;}

.xiaox{border-bottom: 1px solid #e9e9e9; height:32px;background: url(../images/list_tl.gif) 0 0 no-repeat;line-height: 32px;color: #fff;font-size: 12px; margin-bottom: 10px;text-indent: 1em;float: right;width: 100%;text-align: right;}
.xxlist_lm a{ color: #f39c2c;}

.chuz{border-bottom: 1px solid #e9e9e9; height:32px;background: url(../images/list_tl.gif) 0 -41px no-repeat;line-height: 32px;color: #fff;font-size: 12px; margin-bottom: 5px;text-indent: 1em;float: right;width: 100%;text-align: right;}
.czlist_lm a{ color: #01bfae;}

.gaoz{ border-bottom: 1px solid #e9e9e9;height:32px;background: url(../images/list_tl.gif) 0 -84px no-repeat;line-height: 32px;color: #fff;font-size: 12px; margin-bottom: 5px;text-indent: 1em;float: right;width: 100%;text-align: right;}
.gzlist_lm a{ color: #83ae00;}


/*---diy内容区右---*/
.nrmky{float:right;width:250px;margin-top:10px;}
.nrmk2{float:left;width:250px;margin-bottom:10px;background:#f8f8f8; padding-bottom:8px;padding-top: 4px;}
.nrmk2 li{font-size:12px;line-height:28px;height:28px;padding-left:15px;border-bottom:1px dashed #e8e8e8;}
.nrmk2 li a{color:#666;}
.nrmk2 li a:hover{color:#e24500;}
.nrmk2 p{margin:10px;width:70px;height:24px;background:#8fbf00;font-size:12px;line-height:24px;text-align:center;color:#fff;}
.nrmk3{float:left;width:260px;background: url(../images/ph.gif) no-repeat;}
.nrbt{float:left;width:80px;height:28px;background:#faa646;line-height:28px;color:#fff;text-align:center;font-size:14px;margin-bottom:5px; font-weight:bold;}
.nrmk3 ul{}
.nrmk3 ul li{font-size:12px;line-height:28px;height:28px;padding-left:25px;border-bottom:1px dashed #e8e8e8;}
.nrmk3 ul li a:hover{color:#e24500;}



/*----单页文档----*/
.main {width: 1200px; margin: 0 auto;overflow: hidden; margin-top:80px;}
.mapbox{float:right;width:960px;border-radius: 8px;overflow: hidden;}
.mapbox h2{ color:#333; border-bottom:1px solid #EEEEEE;padding:0 30px;background: #FFFFFF;line-height: 65px;font-size: 18px;font-weight: 500;}
.dcontent{font-size: 14px;line-height: 30px;padding: 30px; color:#333;background: #FFFFFF;min-height: 520px;}
.dcontent table {
	margin-top: 10px;
	text-align: center;
	border: 1px solid #eeeeee;
	overflow: hidden;
}
.dcontent .firstRow{
	background-color: #f4f4f4;
}
.dcontent td{
	padding: 5px 0;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	box-sizing: border-box;
}
.dcontent td.bleft{
	border-left: 0;
}
.dcontent td.bb{
	border-bottom: 0;
}
.dcontent strong{
	font-size: 16px;
	font-weight: 600;
}
.dcontent .pagetext{
	
}

/* 单页文档--排行榜 */
.ranking{ }
.ranking h3{text-align: center;font-size: 16px;margin-bottom: 20px; font-weight:600;}
.ranking span.num{float: left; color: #999; margin-right: 5px;padding-left: 0;width: 25px;text-align: center;}
.ranking span.num1,.ranking span.num2,.ranking span.num3{
	background-position:center;
	background-repeat: no-repeat; 
	margin: 0;
	display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 1;
    margin-bottom: -3px;
	color: #ffffff;
}
.ranking span.num1{background-image: url(/static/xm/images/hg_j.png); background-size: 35px 35px;width: 35px;height: 35px;}
.ranking span.num2{background-image: url(/static/xm/images/hg_y.png); background-size: 30px 30px;width: 30px;height: 30px;}
.ranking span.num3{background-image: url(/static/xm/images/hg_t.png); background-size: 30px 30px;width: 30px;height: 30px;}
.ranking ul{ position: relative;padding-top: 180px;}
.ranking li{ border-top:1px solid #EEEEEE ; padding: 10px 0;line-height: 37px;}
.ranking li.first{position: absolute; left:50%; top:0; transform: translate(-50%, 0);}
.ranking li.left{position: absolute; left:20%; top:25px;}
.ranking li.right{position: absolute;right:20%; top:25px;}

.ranking li.top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	border: 0;
	line-height: normal;
	margin-top: -10px;
}
.ranking li.top span{ padding:0;}
.ranking li.top img{width: 60px;margin-bottom: 10px;}
.ranking li.first img{ width: 80px;}
.ranking span{ font-size: 13px; float: left;  padding-left:10px ;}
.ranking img{ float: left; border-radius: 100%; border: 1px solid #eeeeee; width: 40px;}
.ranking p{float: right;font-size: 13px;color: #999;}
.ranking p a{color: #999;}

.linkbox{width:auto; background: #FFFFFF;}
.linkbox h3{ margin-bottom:10px;}
.linkbox h3 a{ font-size:15px;}
.linkbox h3 a:hover{ color:#ff9519}
.linkbox ul{ padding-left:0px;}
.linkbox li{float: left; height: 28px;line-height: 28px; margin: 0 10px 10px 0;}
.linkbox li a{ font-size:14px;display: block; padding: 0 10px;}
.linkbox li a:hover{ color:#ff9519}

.mapboxrt{float:left;width:220px;padding: 30px 0; background-color: #FFFFFF;border-radius: 8px;overflow: hidden;}
.mapboxrt ul{}
.mapboxrt li{font-size:14px; color:#333; line-height: 40px; position: relative;}
.mapboxrt .active::before {
	content: '';
	position: absolute;
	left: 15px;
	bottom: 8px;
	height: 24px;
	border-left: 5px solid #E55545;
	border-radius: 8px;
}
.mapboxrt .active:hover::before{
	border-left: unset;
}
.mapboxrt li:hover{background-color:#00c6ff;color:#ffffff;}
.mapboxrt li a{display: block;padding: 0 30px;}
.mapboxrt li a:hover{display: block;color: #ffffff;}
.mapboxrt .mapboxrt_sub{}

@media screen and (max-width: 767px){
	.ranking ul {
		padding-top: 150px;
	}
	.ranking li.first img {
		width: 60px!important;
	}
	.ranking li.top img {
		width: 50px;
	}
	.ranking li.left {
		left: 10px;
		top: 15px;
	}
	.ranking li.right {
		right: 10px;
		top: 15px;
	}
}

/*----关于我们----*/

.midline{border-bottom:1px dashed #ccc; width:220px; margin:20px 0;}

/*----专题列表----*/
.ztbanner{ margin-bottom:15px;}
.ztbanner a{display: block;}
.spboxlist{float: left;width: 698px; margin-top: 20px;margin-right: 10px; font-size: 12px;}
.ztpic{float:left;margin-top: 5px;}
.ztpic a{ display:block;}
.ztpic img{ width:180px; height:130px; margin-left:15px;}
.ztlb{ float: left;width: 470px;margin-left: 15px;height: 130px; margin-bottom:15px; margin-top:5px;}
.ztlb a{ display:block; font-size:16px; color:#83ae00; font-weight:bold; margin-bottom:8px;}
.ztlb span{ line-height: 20px; color:#666;}
.ztlb p{ font-size:14px; line-height:24px; color:#000;}


/*----404页面----*/
.errorbody{ margin:150px auto 90px; width:500px;}
.errorimg{height:250px; background: url(../images/404pic.png) no-repeat;}
.error404{margin-top: 20px;font-size:16px;color:#666;font-family: 微软雅黑; text-align:center;}
.errorf{ width:100px;background: #00c6ff; margin: 30px auto; text-align: center;border-radius: 8px;
transition: all 0.3s linear;
-moz-animation: all 0.3s linear; /* Firefox */
-webkit-animation: all 0.3s linear; /* Safari and Chrome */
-o-animation: all 0.3s linear; /* Opera */}
.errorf:hover{ background:#ff6857;}
.errorf a{color: #fff;font-size: 15px;font-family: 微软雅黑;padding:10px 15px;display: block;}

/*----广告链接----*/





@media screen and (max-width: 1440px){

	
}

@media screen and (max-width: 1280px){
	.sytj{ width: auto;}
	.sytj1,.sytj2,.sytj3,.sytj4{ width:24%;}
	.sytj li{ width:44%;}

	.indexleft{ width:69.5%;}
	.listy{ }
	
	.list_navson ul{width: 960px;}
	
	.inlist_tl,.lmlist_tl{width: auto;margin: 10px 0;}

	.bottomlist{ width: 960px;display: none;}

	/*---列表封面---*/
	.zptj ul li{width: 23.5%;}
	.zptj ul li p{ width:82%;}

	/*---首页专题---*/
	.zt_in ul li{ width:auto;}
	
	/*---内容页---*/
	.artbody {width: 960px;}
	.artbodyl {width: 640px;}
	.arblist .grid2{}
	.arblist .imgholder2{ }
	.arblist .imgholder2 img{width: 100%;}
	
	/*---搜索页---*/
	.sosuo{width: 960px;}
	.xgsos{width: 30.2%;}
	
	.arnr iframe{height: 338px!important;}
}

@media screen and (max-width: 1023px){
	
	.list_navson ul{width: 750px;}
	
	.bottomlist {width: 750px;}
	
	/*---列表封面---*/
	.zptj ul li{width: 23.35%;}
	.zptj ul li p{ width:77%;}

	.indexleft{ width:100%;}

	.tjnr{ display:none;}
	.nrmk1{ display:none;}
	.hotright{ display:none;}
	
	/*-----内容页----*/
	.logobody2 { display:none;width: 96%}
	.artbody {padding: 0; margin: 0; width: 100%;}
	.artbodyl{ width:100%;}
	.artmain{padding: 0; border-radius: 0;margin-bottom: 10px;}
	.pinglun{padding:15px; border-radius: 0;margin-bottom: 0;}
	.arbottomlist{padding:0 15px 15px; border-radius: 0; display: none;}
	.artmain h2{padding:5px 0 10px;font-weight: normal; margin-bottom: 0;font-size: 22px;}
	.artmain .dangq{height:auto;box-sizing: border-box;margin-bottom: 10px;}
	.artmain .dangq2{display: none;}
	.artmain .dangq ul {display: none;}
	.dangq .fbinfo{ float: left;}
	.dangq .yuanch{ font-size: 12px;}
	.dangq .fbzz{color: #576b95;font-size: 15px;}
	.dangq .fbsj{ font-size: 15px;}
	
	.arnr{ width:100%; font-size: 14px; margin:0}
	.arnr p, .arnr div{ padding:0px; margin: 0;}
	.arnr .des{ display:none;}
	.arnr img{ width:auto;max-width: 100%;}
	.mbh5{display: block;float: left;}
	.mbh5 h2{ font-size: 18px; font-weight:500;margin-bottom: 10px;}
	.mbh5 .mbh5_des{font-size: 1rem;;line-height: 1.5rem;}
	.arfx {width: 100%;}
	.arfy {width: 100%;}
	.arfxl,.arfxr{overflow: hidden;box-sizing: border-box;}
	
	.heart{font-size: 13px;}
	.zanimg span{font-size: 13px;}
	.zanimg img{ width: 30px;}
	.readnum{}
	.readnum,.heart_zan a, .shouc a{background-size: 20px;background-position:0 1px; }
	

	.arblist h3{padding-top: 5px;font-size: 14px; margin-bottom:5px}
	.arblist .grid2 { margin-bottom: 10px;width: 49%;}
	.grid2 .arxh_t{height: 32px;}
	.arblist .imgholder2{ height: auto;}
	
	.wzzuoz{ display: block;float: left; padding: 0 0 5px;}
	.wzzuoz dt{ float:left;}
	.wzzuoz dt a{ display:block;}
	.wzzuoz dd{float: left;line-height:28px; margin-left:5px; font-size:12px; color:#999;}
	.wzzuoz dd a{ display:block;}
	.wzzuoz img{ width:26px; height:26px;border-radius:100%; border:1px solid #eee;}
	
	.artbodyr{ display:none;}
	.prel,.prel:hover,.nextr,.nextr:hover { display:none;}
	
	/*---搜索页---*/
	.sosuo{;margin: 10px auto 0;width:750px;}
	.sosuo h2{width: 90%;}
	.xgsos{padding:0;width: 31.4%; margin: 5px 0 10px 12px;}
	.xgsos .imgholder{ height:auto;}
	.xgsos li{margin-top: 0;}
	.xgsos li a{}
	.xgsos li a:hover{ }
	.xgsos img{ }
	.xgsos h3 { float:left; margin:5px 0 0 0;}
	.xgsos h4 {width: auto;float: left; margin-left: 8px; }
	.xgsos h5 a{color:#999;}

	.list_in_ad{width: 22.8%; height: 215px;margin-right: 10px;margin-bottom: 10px;}
	
	.arnr iframe{height: 220px!important;}
}

@media screen and (max-width: 767px){
#moquu_wshare,#moquu_wxin,#topcontrol{display: none;}

.index_tb{ display: block;}



.inlist,.lmlist,.wklist,.ztlist{padding: 0 1vw;width: 100%;float: left;}
.inlist{margin-bottom: 50px;}
.in_list img,.lm_list img ,.wk_list img{min-height: 100%;}


.list_title{padding: 5px; font-size: 15px;font-weight: 500;}
.grid_zt{width: 100%;}
.grid_zt h2 a{padding: 10px; font-size: 16px;}
.grid_zt .meta{padding: 0 10px 10px;}
.grid_zt .meta p.info{ line-height: unset;}

.imgholder_zt img{min-width: 100%;}

.arblist .grid2{width:49%;}
.grid2 .arxh_t{}

.arfx{font-size: 13px;line-height: 18px;}
.arfx a {height: 70px; padding: 10px;}
.arfx a span, .arfx .notl{height: 42px;}
.arfxl, .arfxr{ height: 70px;}

/*---列表封面---*/
.zptj{padding-top:10px;display: none;}
.zptj h2{ display:none;}
.zptj ul{ width:100%;margin:auto;float:none;}
.zptj ul li{width:23%;}
.zptj ul li a{ width: 100%;height: auto}
.zptj img{ height: 160px; min-width: 100%; width:auto;}
.zptj ul li p {width:85%;padding: 8px 0; margin-bottom: 2px;}
.indexleft { width:100%;margin-top: 36px;}
.listz {width:auto; padding: 0 5px;}
.lanmutitle{ width: 90%;margin-bottom: 0;margin-top: 10px;}
.listz3{ width:100%;}
.listw3 ul li {width: 100%;padding-bottom: 12px;padding-top: 12px; position:relative;}
.listw3 ul li h2{ font-size:16px;margin-left: 10px;line-height: 24px;overflow: hidden;width: 63.7%;height:auto;}
.listw3 ul li h2 a{ }
.listw3 ul li h2 a:hover{ color:#333;}
.listw3 ul li p{ line-height:18px;font-size: 12px;}
.listw3 ul li p.sontype{position: absolute;
    bottom: 30px;
    left: 33%;
    width: 63.7%;
    margin-left: 10px;}
.listw3 a.wzpic { width:33%;height:130px;}
.listw3 img { max-width: 100%; width:auto;}
.listw3 ul li em { display:none; width:65%;margin-left: 5px;height: auto;}
.listw3 ul li p.sontype a{ margin-left:0;}
.listw3 ul li p.yuedugd { display:none;}
.listw3 ul li p.info {
    margin-left: 5px;
    position: absolute;
    bottom: 0;
    left: 33%;
    margin-bottom: 8px;
}
.jogger2 { width:95%;}

.listw ul{ width:100%; margin:auto;}
.listw ul li {width: 46.6%;margin: 0 10px 10px 0;}
.listw ul li a{ height: 140px}
.listw img{width: 100%;} 
.listy{ padding:0; width:100%;}
.nrbt{ width: 100%;height: 30px; line-height:30px; font-size:14px; font-weight:bold;}
.nrmk3{ width:100%;background: none;}
.nrmk3 ul li {width: 50%;float: left;text-align: center;padding-left: 0;}

/*---列表页---*/
.list_navson {margin-top: 0; margin-bottom: 5px; z-index:1;}
.list_navson ul{ width:100%;font-size:14px;padding: 0 10px;background: #ffffff;}
.list_navson li{ margin-right:5px;}
.listz2 { padding:5px 0 0;width:100%; margin:auto;}
.lanmutitle2{ width: auto;margin-left: 4px;}
.listw2 ul{ width:auto;}
.listw2 ul li { width:32%; margin-left:4px;margin-right:0;margin-bottom:10px;}
.listw2 img{ width:100%;}
.jogger,.jogger2{width:100%;}
.jogger li,.jogger2 li{ font-size:12px;margin: 0 1px;}
.jogger li a,.jogger li.thisclass,.jogger2 li a,.jogger2 li.thisclass{ width: 28px;height: 28px;line-height: 28px;}

.jogger .prepage a,.jogger2 .prepage a{background: url(/static/xm/images/prenext.png) 0 0px!important;background-size: 56px 56px!important;}
.jogger .prepage a:hover,.jogger2 .prepage a:hover{background: url(/static/xm/images/prenext.png) left 28px!important;background-size: 56px 56px!important;}
.jogger .nextpage a,.jogger2 .nextpage a{background: url(/static/xm/images/prenext.png) 28px 0px!important;background-size: 56px 56px!important;}
.jogger .nextpage a:hover,.jogger2 .nextpage a:hover{background: url(/static/xm/images/prenext.png) 28px 28px!important;background-size: 56px 56px!important;}

.bottomlist,.list_t_ad,.list_b_ad{ display:none;}

/*---内容页---*/
.arfxl_next dt,.arfxl_pre dt{ display: none;}


/*----专题列表----*/
.ztbanner{ margin-bottom:10px;}
.ztbanner img{ width:100%;}

.youl{ display: none;}
/*---footer---*/
.foot{ display:none;}
.foot2{ display:block; float: left;width: 100%;text-align: center;padding: 20px 0; font-size:12px; color:#999;}
.foot2 a{color: #999;}

.bottom_link{ 
	display:block;
	float: left;
    position: fixed;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #F6F6F6;
    width: 100%;
    font-size: 0.75rem;
	text-align: center;
	z-index: 999;
}
.bottom_link ul{display: flex; justify-content: space-around; align-items: center;}
.bottom_link li{}
.bottom_link li a{ 
	display: flex;
    color: #999;
    justify-content: center;
    flex-direction: column;
	height: 55px;
	}
.bottom_link li a span.box{height: 26px; width: 26px;display: block;margin: 0 auto 3px;}
.bottom_link li .a01{ background:url(../images/5-1.png) no-repeat center;background-size: contain;}
.bottom_link li .a02{ background:url(../images/5-26.png) no-repeat center;background-size: contain;}
.bottom_link li .add img{ width: 36px;} 
.bottom_link li .a04{ background:url(../images/5-9.png) no-repeat center;background-size: contain;}
.bottom_link li .a05{ background:url(../images/5-8.png) no-repeat center;background-size: contain;}
#bottom_link li.hl .a01{ background:url(../images/5-1_1.png) no-repeat center;background-size: contain;}
#bottom_link li.hl .a02{ background:url(../images/5-26_1.png) no-repeat center;background-size: contain;}
#bottom_link li.hl .a04{ background:url(../images/5-9_1.png) no-repeat center;background-size: contain;}
#bottom_link li.hl .a05{ background:url(../images/5-8_1.png) no-repeat center;background-size: contain;}
#bottom_link li.hl a{ color:#333333;}

/*----搜索列表页----*/
.sosuo{ display: none; margin: 10px auto 0;padding: 0;width: 100%;}
.sosuo h2{width: 90%; margin-left:10px;}
.xgsos{padding:0;width: 45%; margin: 5px 0 10px 12px;}
.xgsos .imgholder{ height:auto;}
.xgsos li{margin-top: 0;}
.xgsos li a{}
.xgsos li a:hover{ }
.xgsos img{ }
.xgsos h3 { float:left; margin:5px 0 0 0;}
.xgsos h4 {width: auto;float: left; margin-left: 8px; }
.xgsos h5 {}
.xgsos h5 a{color:#999;}
.xgsos p{}
.xgsos p a{}

/*----广告----*/
.list_in_ad{ width:46.4%; height:auto; overflow:hidden;}
.list_in_ad p{ display:none;}

/*----404页面----*/
.errorbody{ margin:80px 0 0; width:100%;}
.errorimg{background-size: 100%;}
.error404{margin-top:0;}
.errorf{ width:100px;
transition:none;
-moz-animation:none; /* Firefox */
-webkit-animation:none; /* Safari and Chrome */
-o-animation:none; /* Opera */}
.errorf:hover{ background:none;}
.errorf a{font-size: 15px;}

/*----单页文档页面----*/
.main{ width:100%; padding:0;margin-top:0;}
.mapbox{ width:100%;margin:0;}
.mapboxrt{
	width: 100%;
	float: none;
	margin-top: 40px;
	padding: 0;
	background-color: unset;
	border-radius: 0;
}
.mapboxrt ul{ display: flex; justify-content: space-around; background-color: #ffffff; }
.mapboxrt li{}
.mapboxrt li:hover{ background-color: unset;color: #333;}
.mapboxrt li a{ padding: 0;}
.mapboxrt li a:hover{ color: #333;}
.mapboxrt .active::before{bottom: 6px; width: 100%; border-left:0; border-bottom: 2px solid #E55545;left: 0; height: unset;}
.dcontent{ padding: 10px; background-color: unset;}
.ranking,.pagetext{ padding: 15px; background-color: #ffffff;border-radius: 8px;}
.midline,.maplink,.mapbox h2{ display:none;}


.arnr iframe{height: 220px!important;}
}

.tishi_msg,.fc-search-null-txt,.fc-msg-url{ width: 100%;}