/***********************活动报名列表开始************************************************/

.story-list-page
{
	max-width:1160px;
	margin:0 auto
}
.story-list-page .page-title
{
	display:none
}
.story-list-page[responsive=mobile] .page-title
{
	display:block;
	font-size:16px;
	padding:15px 15px 0;
	margin:0
}
.story-list-page .swiper-container
{
	margin-top:.4rem;
	margin-bottom:.32rem
}
.story-list-page .swiper-container .swiper-button-next,.story-list-page .swiper-container .swiper-button-prev
{
	background-image:none;
	background:rgba(0,0,0,.3);
	position:absolute;
	width:.3rem;
	height:auto;
	margin-top:0;
	top:0;
	bottom:0
}
.story-list-page .swiper-container .swiper-button-next .iconfont,.story-list-page .swiper-container .swiper-button-prev .iconfont
{
	font-size:.3rem;
	color:#fff;
	position:absolute;
	top:50%;
	margin-top:-.15rem
}
.story-list-page .swiper-container .swiper-button-next
{
	right:0
}
.story-list-page .swiper-container .swiper-button-prev
{
	left:0
}
.story-list-page .topic-block .topic-item
{
	width:100%;
	float:left;
	background:no-repeat 50%;
	background-size:contain;
	text-align:center;
	position:relative
}
.story-list-page .topic-block .topic-item:hover:before
{
	background:#ff7200;
	opacity:.5
}
.story-list-page .topic-block .topic-item:before
{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,.3);
	z-index:9
}
.story-list-page .topic-block .topic-item .topic-item-content-wrapper
{
	text-align:center;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:0 .3rem;
	z-index:9
}
.story-list-page .topic-block .topic-item .topic-item-content-wrapper .topic-item-content
{
	margin-top:25%
}
.story-list-page .topic-block .topic-item .topic-item-img
{
	display:block;
	width:100%
}
.story-list-page .topic-block .topic-item .topic-text
{
	color:#fff;
	font-size:.26rem;
	font-weight:700
}
.story-list-page .topic-block .topic-item .topic-description
{
	color:#fff;
	font-size:.16rem;
	margin-top:.05rem
}
.story-list-page .action-more
{
	visibility:hidden;
	display:block;
	width:2rem;
	height:.4rem;
	text-align:center;
	line-height:.4rem;
	color:#666;
	font-size:.16rem;
	background:#fff;
	margin:.5rem auto;
	border-radius:36px;
	border:1px solid #e9e9e9;
}
.story-list-page .action-more:hover
{
	color:#24c80d;
	font-size:.18rem;
	background:#fff;
	border:1px solid #e9e9e9;
}

.story-list-page .action-more.show
{
	visibility:visible
}


.story-list-component .story-list[responsive=mobile] .story-item,.story-list-component .story-list[responsive=tablet] .story-item
{
	padding:.2rem
}
.story-list-component .story-list[responsive=mobile] .story-item .story-item-img,.story-list-component .story-list[responsive=tablet] .story-item .story-item-img
{
	width:2.45rem;
	height:1.82rem;
	height:auto
}
.story-list-component .story-list[responsive=mobile] .story-item .story-item-title,.story-list-component .story-list[responsive=tablet] .story-item .story-item-title
{
	margin-top:0;
	height:.5rem;
	font-size:.3rem;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.story-list-component .story-list[responsive=mobile] .story-item .story-item-summary,.story-list-component .story-list[responsive=tablet] .story-item .story-item-summary
{
	height:.88rem;
	font-size:0;
	margin-top:0;
	line-height:.44rem;
	display:-webkit-box;
	-webkit-line-clamp:2;
	text-overflow:ellipsis;
	overflow:hidden
}
.story-list-component .story-list[responsive=mobile] .story-item .story-item-row,.story-list-component .story-list[responsive=tablet] .story-item .story-item-row
{
	left:2.8rem;
	bottom:.1rem
}
.story-list-component .story-list[responsive=mobile] .story-item .story-item-origin,.story-list-component .story-list[responsive=tablet] .story-item .story-item-origin
{
	font-size:.24rem;
	margin-right:.1rem;
	max-width:2.5rem;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:middle
}
.story-list-component .story-list[responsive=mobile] .story-item .story-item-date,.story-list-component .story-list[responsive=tablet] .story-item .story-item-date
{
	font-size:.24rem;
	vertical-align:middle
}
.story-list-component .story-list .story-item
{
	display:block;
	padding:.2rem;
	overflow:hidden;
	background:#fff;
	border:2px solid #fff;
	transition:border-color .2s;
	border-radius:2px;
	margin-bottom:1px;
	position:relative
}
.story-list-component .story-list .story-item:hover
{
	border-color: #149f01;  /*#24c80d;   /*#ff7200;*/
	background:#fafafa
}
.story-list-component .story-list .story-item:hover .story-item-title
{
	color: #149f01;  
}

.story-list-component .story-list .story-item:hover .story-item-img img
{
	transform:scale(1.05)
}
.story-list-component .story-list .story-item .story-item-img
{
	float:left;
	/*width:3.5rem;
	height:2.2rem;*/
	width:3.0rem;
	height:1.8rem;
	margin-right:.18rem;
	overflow:hidden
}
.story-list-component .story-list .story-item .story-item-img img
{
	display:block;
	width:100%;
	transition:transform .2s
}
.story-list-component .story-list .story-item .story-item-title
{
	margin-top:.14rem;
	max-height:.8rem;
	color:#333;
	font-size:.22rem;
	font-weight:700;
	overflow:hidden
}
.story-list-component .story-list .story-item .story-item-summary
{
	color:#666;
	font-size:.14rem;
	margin-top:.1rem;
	line-height:1.7;
	display:-webkit-box;
	-webkit-line-clamp:4;
	text-overflow:ellipsis;
	overflow:hidden
}
.story-list-component .story-list .story-item .story-item-row
{
	overflow:hidden;
	position:absolute;
	left:3.5rem;
	bottom:.3rem
}
.story-list-component .story-list .story-item .story-item-origin
{
	display:inline-block;
	color:#999;
	font-size:.14rem;
	margin-right:.5rem
}
.story-list-component .story-list .story-item .story-item-date
{
	display:inline-block;
	color:#999;
	font-size:.16rem
}
/***********************活动报名列表结束************************************************/


/***********************动态信息列表开始************************************************/

.topic-list-page
{
	overflow:hidden
}
.topic-list-page .tag-list-wrapper
{
	padding:.32rem 0 .2rem
}
.topic-list-page .tag-list-wrapper .tag-list
{
	max-width:11.9rem;
	margin:0 auto
}
.topic-list-page .tag-list-wrapper .tag-list .tag-list-inner
{
	float:left
}
.topic-list-page .tag-list-wrapper .tag-list .tag-list-inner ul
{
	white-space:nowrap;
	float:left
}
.topic-list-page .tag-list-wrapper .tag-list .tag-list-inner[responsive=mobile] ul .tag-item
{
	font-size:.26rem
}
.topic-list-page .tag-list-wrapper .tag-list .tag-item
{
	display:inline-block;
	height:.38rem;
	line-height:.38rem;
	font-size:.16rem;
	text-align:center;
	background:#fff;
	border-radius:25px;
	margin-left:.06rem
}
.topic-list-page .tag-list-wrapper .tag-list .tag-item a
{
	color:#333;
	display:block;
	padding:0 .3rem
}
.topic-list-page .tag-list-wrapper .tag-list .tag-item.active
{
	background: #149f01
}
.topic-list-page .tag-list-wrapper .tag-list .tag-item.active a
{
	color:#fff
}
.topic-list-page .tag-list-wrapper .tag-list .tag-item.active a:hover
{
	color: #fff
}
.topic-list-page .tag-list-wrapper .tag-list .tag-item a:hover
{
	color: #149f01;
}

.topic-list-page .page-container
{
	width:11.9rem;
	margin-top:.4rem;
	margin-left:auto;
	margin-right:auto
}
.topic-list-page .page-container[responsive=mobile],.topic-list-page .page-container[responsive=tablet]
{
	width:auto
}
.topic-list-page .page-container[responsive=desktop] .topic-list-wrap,.topic-list-page .page-container[responsive=large-desktop] .topic-list-wrap
{
	width:7.85rem;
	min-height:1rem
}
.topic-list-page .topic-list-wrap
{
	width:100%;
	float:left
}
.topic-list-page .action-more
{
	visibility:hidden;
	display:block;
	width:2rem;
	height:.6rem;
	text-align:center;
	line-height:.6rem;
	color:#666;
	font-size:.22rem;
	background:#fff;
	margin:.5rem auto;
	border-radius:37px;
	border:1px solid #e9e9e9
}
.topic-list-page .action-more.show
{
	visibility:visible
}
.topic-list-page .related-top-list-wrapper
{
	float:left;
	padding-left:.15rem
}
.topic-list-page .page-navigator-component
{
	margin-top:.5rem
}

.topic-list-responsive-component .topic-item
{
	display:block;
	overflow:hidden;
	padding:.3rem .2rem;
	position:relative;
	background:#fff;
	margin-bottom:.18rem;
	border:1px solid #fff             /*选择框宽度*/
}
.topic-list-responsive-component .topic-item:hover
{
	border-color: #149f01 /*#24c80d;    /*#ff7200*/
}
.topic-list-responsive-component .topic-item:hover .topic-title-text
{
	color: #149f01 
}

.topic-list-responsive-component .topic-item:hover .topic-pic
{
	transform:scale(1.05)
}
.topic-list-responsive-component .topic-item .topic-pic-wrap
{
	float:left;
	width:2rem;
	height:1.5rem;
	margin-right:.2rem;
	overflow:hidden;
	background:no-repeat 50% url(nopic.png)    /*暂无图片*/
}
.topic-list-responsive-component .topic-item .topic-pic-wrap .topic-pic
{
	display:block;
	width:100%;
	transition:all .3s
}
.topic-list-responsive-component .topic-item .topic-title
{
	height:.3rem;
	line-height:.3rem;
	font-size:.22rem;
	color:#333;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:.1rem
}
.topic-list-responsive-component .topic-item .topic-title .topic-tag
{
	display:inline;
	background:#70d6ff;
	color:#fff;
	font-size:.16rem;
	height:.26rem;
	line-height:.26rem;
	padding:0 .1rem;
	vertical-align:middle
}
.topic-list-responsive-component .topic-item .topic-title .topic-title-text
{
	display:inline;
	vertical-align:middle;
	margin-left:.07rem
}
.topic-list-responsive-component .topic-item .topic-desc
{
	font-size:.16rem;
	color:#666;
	margin-top:.08rem;
	height:.64rem;
	line-height:.32rem;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2
}
.topic-list-responsive-component .topic-item .topic-row
{
	margin-top:.14rem
}
.topic-list-responsive-component .topic-item .topic-row .topic-item-origin
{
	display:inline-block;
	color:#999;
	font-size:.14rem;
	margin-right:.5rem
}
.topic-list-responsive-component .topic-item .topic-row .topic-item-date
{
	display:inline-block;
	color:#999;
	font-size:.16rem
}
.topic-list-responsive-component .topic-item .owner-actions .owner-action
{
	float:right;
	margin-top:15px;
	color:#999;
	margin-left:10px
}
.topic-list-responsive-component[responsive=mobile] .topic-item .topic-pic-wrap
{
	width:2.45rem;
	height:1.82rem
}
.topic-list-responsive-component[responsive=mobile] .topic-item .topic-title
{
	height:.52rem;
	margin-top:0;
	font-size:.28rem
}
.topic-list-responsive-component[responsive=mobile] .topic-item .topic-title .topic-tag
{
	font-size:.26rem;
	height:.52rem;
	line-height:.52rem
}
.topic-list-responsive-component[responsive=mobile] .topic-item .topic-desc
{
	font-size:.26rem;
	line-height:.42rem;
	height:.88rem
}
.topic-list-responsive-component[responsive=mobile] .topic-item .topic-row
{
	margin-top:0
}
.topic-list-responsive-component[responsive=mobile] .topic-item .topic-row .topic-item-origin
{
	font-size:.24rem
}
.topic-list-responsive-component[responsive=mobile] .topic-item .topic-row .topic-item-date
{
	font-size:.24rem;
	line-height:.24rem
}

.related-topic-list-component
{
	width:3.9rem;
	float:left
}
.related-topic-list-component .related-topic-list-title
{
	font-size:.22rem;
	color:#333;
	font-weight:700;
	text-align:center;
	line-height:.5rem;
	background:#fff
}
.related-topic-list-component .topic-item-big
{
	display:block;
	position:relative;
	margin-bottom:.2rem;
	overflow:hidden
}
.related-topic-list-component .topic-item-big:hover .title
{
	color: #149f01   /*#ff7200*/
}
.related-topic-list-component .topic-item-big:hover img
{
	transform:scale(1.05)
}
.related-topic-list-component .topic-item-big:after
{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:60%;
	bottom:0;
	background:linear-gradient(180deg,transparent,#000);
	opacity:.7
}
.related-topic-list-component .topic-item-big img
{
	display:block;
	width:100%;
	height:2.3rem;
	background:no-repeat 50% url(nopic.png);      /*暂无图片*/
	background-size:100%;
	transition:all .3s
}
.related-topic-list-component .topic-item-big .title
{
	font-size:.22rem;
	color:#fff;
	position:absolute;
	left:.1rem;
	right:.1rem;
	bottom:.45rem;
	z-index:9;
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.related-topic-list-component .topic-item-big .summary
{
	height:.4rem;
	line-height:.2rem;
	font-size:.16rem;
	color:#fff;
	position:absolute;
	left:.1rem;
	right:.1rem;
	bottom:.05rem;
	z-index:9;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2
}
.related-topic-list-component .topic-item-normal
{
	display:block;
	background:#fff;
	overflow:hidden;
	padding:.2rem;
	border:1px solid #fff               /*选择框宽度*/
}
.related-topic-list-component .topic-item-normal .normal-image
{
	overflow:hidden;
	width:1.2rem;
	height:.7rem;
	margin-right:.1rem;
	float:left
}
.related-topic-list-component .topic-item-normal:hover
{
	border-color:  #149f01;  /*#ff7200*/
}
.related-topic-list-component .topic-item-normal:hover .title
{
	color: #149f01;  /*#ff7200*/
}
.related-topic-list-component .topic-item-normal:hover img
{
	transform:scale(1.2)
}
.related-topic-list-component .topic-item-normal img
{
	width:1.2rem;
	height:.7rem;
	background:no-repeat 50% url(https://img.mayun.xin/upload/2017120807/9029b0e31ca379f56b86935e44a5e056.png);
	background-size:100%;
	transition:all .3s
}
.related-topic-list-component .topic-item-normal .title
{
	font-size:.16rem;
	color:#333;
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.related-topic-list-component .topic-item-normal .summary
{
	font-size:.14rem;
	color:#666;
	height:.4rem;
	line-height:.2rem;
	margin-top:.05rem;
	overflow:hidden
}

/***********************动态信息列表结束************************************************/