@charset "utf-8";
.banner,
.banner img,
.topic1Img img,
.topicFooter{
	width: 100%;
}
.topic1Img img{
	height: 100%;
}
.banner{
	padding-bottom: .093rem;
	border-bottom: solid .04rem #ed6c01;
}
.topic1Conts{
	margin: auto;
	width: 8.84rem;
}
.mainCont{
	margin-top: .427rem;
	margin-bottom: .507rem;
	overflow: hidden;
}
.mainCont a{
	color: #333;
}
.bt{
	position: relative;
	padding-top: .307rem;
	padding-left: .493rem;
	margin-bottom: .053rem;
	width: 100%;
	height: .84rem;
	font-size: .373rem;
	font-weight: bold;
	line-height: 1.07;
	color: #fff;
	background: url(../../images/mobile/topic/bt_bg.png) no-repeat 100% 100% #0e1474;
	background-size: contain;
	border-bottom: solid .08rem #19aee3;
}
.bt:after{
	content: "";
	position: absolute;
	left: .133rem;
	width: .213rem;
	height: .4rem;
	background-color: #ec6c00;
}
.mainCont li{
	margin-top: .267rem;
	overflow: hidden;
}
.topic1Img{
  display: block;
  float: left;
  width: 1.67rem;
  height: 1.67rem;
  border: solid .027rem #c0c0c0;
}
.topic1Img,
.topic1Img img{
	border-radius: 100%;
}
.topic1Text{
	margin-left: 2.05rem;
	padding-top: .213rem;
}
.topic1Text h2{
	display: -webkit-box;
	font-size: .347rem;
	font-weight: bold;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	   -moz-text-overflow: ellipsis;
	    -ms-text-overflow: ellipsis;
	     -o-text-overflow: ellipsis;
	        text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.topic1Text p{
	margin-top: .08rem;
	font-size: .28rem;
	line-height: 1.55;
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	   -moz-text-overflow: ellipsis;
	    -ms-text-overflow: ellipsis;
	     -o-text-overflow: ellipsis;
	        text-overflow: ellipsis;
}
.topicFooter{
	padding-left: .573rem;
	height: .827rem;
	font-size: .24rem;
	line-height: .827rem;
	color: #fff;
	background-color: #262626;
}