.home_nav{
	height:.4rem;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	background:#FFFFFF;
	border-bottom:0.8px solid #EDEDED;
	overflow-x:scroll;
}
.home_nav .item{
	padding:0 .15rem;
	flex-shrink:0;
}
.home_nav .item a{
	display:block;
	font-size:.15rem;
	color:#656565;
	padding:.05rem 0 .09rem;
}
.home_nav .active a{
	position:relative;
	color:#D93231;
	font-size:.18rem;
	font-weight:bold;
}
.home_nav .active a:after{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	height:.03rem;
	background: linear-gradient(to right , #CC0000 0%, #FFFFFF 100%);
	content:"";
}
.sports_list{
	background:#FFFFFF;
}
.sports_list .list_child{
	padding:.15rem;
	border-bottom:0.8px solid #EDEDED;
}
.sports_title{
	font-size:.17rem;
	color:#1F1F1F;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
}
.sp_img, .article_img, .one_img{
	width:100%;
	position:relative;
	margin:.1rem 0;
}
.sp_img em, .article_img em{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:.40rem;
	height:.36rem;
	z-index:9;
}
.sp_img em img, .article_img em img{
	display:block;
	width:.40rem;
	height:.36rem;
}
.sp_img ul, .article_img ul, .one_img ul{
	overflow:hidden;
	position:relative;
}
.sp_img li{
	float:left;
	width:32%;
	position: relative;
}
.article_img li{
	float:left;
	width:48.5%;
	position: relative;
}
.one_img li{
	width:100%;
	position: relative;
}
.one_img li img{
	border-radius:.05rem;
}
.sp_img li:not(:nth-child(3n)){
	margin-right:2%;
}
.sp_img li:first-child img, .sp_img li:nth-child(4) img, .sp_img li:nth-child(7) img, .sp_img li:nth-child(10) img, .article_img li:first-child img{
	border-top-left-radius:.05rem;
	border-bottom-left-radius:.05rem;
}
.sp_img li:last-child img, .sp_img li:nth-child(3) img, .sp_img li:nth-child(6) img, .sp_img li:nth-child(9) img, .article_img li:last-child img{
	border-top-right-radius:.05rem;
	border-bottom-right-radius:.05rem;
}
.article_img li:not(:nth-child(2n)){
	margin-right:2.5%;
}
.sp_img .img_wrap, .article_img .img_wrap, .one_img .img_wrap{
	overflow:hidden;
	position:relative;
	width:100%;
	height:17vw;
	max-height:124px;
	z-index:1;
	background:#EDEDED;
}
.article_img .img_wrap{
	height:26.5vw;
	max-height:190px;
}
 .one_img .img_wrap{
	height:54vw;
	max-height:388px;
 }
.sp_img .img_wrap img, .article_img .img_wrap img, .one_img .img_wrap img{
	object-fit:cover;
	height:100%;
	width:100%;
	max-height:inherit;
	max-width:inherit;
	min-height:inherit;
	min-width:inherit;
	object-position:center center;
}
.sp_img .img_wrap span, .article_img .img_wrap span{
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	display:flex;
	height:.15rem;
	min-width:.25rem;
	justify-content:center;
	align-items:center;
	background:#000;
	opacity:.5;
	border-radius:.05rem 0 .05rem 0;
	font-size:.11rem;
	color:#fff;
}
.sp_img .img_wrap i, .article_img .img_wrap i{
	display:block;
	position:absolute;
	top:.05rem;
	left:0;
	width:.285rem;
	height:.13rem;
	background:url(../images/jl1.png) no-repeat;
	background-size:100% 100%;
}
.sp_img .img_wrap .shou_mark, .article_img .img_wrap .shou_mark{
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../images/qx24.jpg) no-repeat;
	background-position: center center;
	background-size: cover;
}
.sp_img .img_wrap .shou_mark img, .article_img .img_wrap .shou_mark img{
	display: block;
	width: 0.5rem;
	height: 0.31rem;
}
.sports_lable{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.sports_lable .left, .sports_lable .right{
	font-size:.12rem;
	color:#656565;
}
.sports_text{
	margin:.1rem 0;
}
.wrapper {
  display: flex;
  overflow: hidden;
}
.cont {
  font-size:.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  position: relative;
  color:#999999;
  line-height: 1.5;
  max-height: 4.5em;
  transition: .3s max-height;
}
[line-clamp="1"] {
  max-height: 1.5em;
}
[line-clamp="2"] {
  max-height: 3em;
}
[line-clamp="3"] {
  max-height: 4.5em;
}
.cont::before {
  content: '';
  height: calc(100% - 18px);
  float: right;
}
.cont::after {
  content: '';
  width: 999vw;
  height: 999vw;
  position:absolute;
}
.btn{
  position: relative;
  float: right;
  clear: both;
  margin-left:20px;
  font-size:.14rem;
  background: none;
  line-height:.15rem;
  color:  #999;
  cursor: pointer;
}
.btn::after{
  content:'更多';
  color:#D93131;
}
.exp{
  display: none;
}
.exp:checked+.cont{
  max-height: none;
}
.exp:checked+.cont::after{
  visibility: hidden;
}
.exp:checked+.cont .btn::before{
  visibility: hidden;
}
.exp:checked+.cont .btn::after{
  content:'收起';
  color:#D93131;
}
/* .btn::before{
  content: '...';
  position: absolute;
  left: -8px;
  color:#999999;
  transform: translateX(-100%)
} */
.info_page{
	background:#FFFFFF;
	padding:0 .15rem;
}
.info_headline{
	padding:.22rem 0;
}
.info_headline .sports_title{
	font-size:.23rem;
	font-weight:700;
	color:#1F1F1F;
	margin-bottom:.2rem;
	display:inherit;
	line-height:.32rem;
}
.info_topic p{
	padding-bottom:.2rem;
	font-size:.17rem;
	color:#1F1F1F;
	line-height:.3rem;
}
.info_topic p img{
	display:block;
	border-radius:.05rem;
	margin:0 auto;
	width:100%;
	object-fit:cover;
}
.self_user{
	background:#FFFFFF;
	padding:.295rem .15rem .195rem;
	display:flex;
	align-items:center;
	border-bottom:.08rem solid #F7F9FB;
	position:relative;
}
.self_user .left, .self_user .right{
	height:.61rem;
}
.self_user .left{
	width:.61rem;
	border-radius:50%;
	overflow:hidden;
	margin-right:.095rem;
}
.self_user .left img{
	width:100%;
	border-radius:50%;
}
.self_user .right{
	flex:1;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	padding:.08rem 0;
}
.self_user .name{
	font-size:.18rem;
	color:#1F1F1F;
	font-weight:700;
}
.self_user .welcome{
	font-size:.12rem;
	color:#999999;
}
.out_login{
	position:absolute;
	right:.15rem;	
}
.out_login a{
	display:block;
	font-size:.13rem;
	color:#656565;
	border-radius:.05rem;
	padding:0 .1rem;
	padding-right:.3rem;
	height:.325rem;
	line-height:.325rem;
	background:#F7F9FB url(../images/ty4.png) no-repeat 85% center;
	background-size:.14rem .15rem;
}
.self_nav{
	border-bottom:0.8px solid #EDEDED;
	display:flex;
	align-items:center;
	height:.4rem;
	background:#FFFFFF;
}
.self_nav .item{
	flex:1;
	text-align:center;
}
.self_nav .item a{
	padding:.05rem 0 .09rem;
	font-size:.15rem;
	color:#656565;
}
.self_nav .active a{
	position:relative;
	color:#D93231;
	font-weight:700;
}
.self_nav .active a:after{
	position:absolute;
	right:0%;
	bottom:0;
	left:0%;
	height:.03rem;
	background:linear-gradient(to right , #CC0000 0%, #FFFFFF 100%);
	content:"";
}
.view_no, .view_load{
	text-align:center;
	font-size:.13rem;
	color:#999999;
	padding:.15rem 0;
}
.view_record{
	margin:.87rem 0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.view_record img{
	width:1.32rem;
	height:.99rem;
	display:block;
}
.view_record span{
	display:block;
	font-size:.12rem;
	color:#999999;
	margin-top:.1rem;
}
.login_box{
	margin:.5rem 0;
}
.sports_logo{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.login_box img{
	display:block;
	width:.6rem;
	height:.6rem;
	margin:.2rem 0;
}
.login_box span{
	display:block;
	font-size:.25rem;
	color:#D93231;
	font-weight:bold;
}
.login_from{
	padding:0 .35rem;
}
.item_list{
	margin-bottom:.15rem;
	display:flex;
	position:relative;
	border-radius:.05rem;
	background:#F8F8F8;
	height:.40rem;
	align-items:center;
	padding:0 .15rem;
}
.item_list input{
	display:block;
	font-size:.16rem;
	color:#1F1F1F;
	border:none;
	width:100%;
	background:none;
	line-height:.40rem;
}
.item_list a.cuo{
	display:block;
	position:absolute;
	right:.15rem;
	width:.17rem;
	height:.17rem;
	background:url(../images/l3.png) no-repeat;
	background-size:100% 100%;
}
.item_list:nth-child(2){
	justify-content:space-between;
}
.item_list:nth-child(2) input{
	width:60%;
}
.item_list:nth-child(2) a{
	display:block;
	font-size:.13rem;
	color:#D93231;
}
.item_list:nth-child(2) a.again{
	font-size:.13rem;
	color:#999999;
}
.login_push{
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.button_btn button{
	display:flex;
	justify-content:center;
	align-items:center;
	height:.40rem;
	font-size:.16rem;
	color:#FFFFFF;
	background:#D93231;
	border-radius:.05rem;
	border:none;
	width:100%;
}
.tips{
	margin-top:.165rem;
	font-size:.11rem;
	color:#999999;
	white-space:nowrap;
}
.tips a{
	color:#E02A52;
	font-size:.11rem;
}
.tips a.check{
	display:inline-block;
	width:.15rem;
	height:.15rem;
	background:url(../images/ty5.png) no-repeat top center;
	background-size:100% 100%;
	vertical-align:-3px;
}
.tips a.checked{
	background:url(../images/ty6.png) no-repeat top center;
	background-size:.15rem .15rem;
}
.xieyi_list{
	padding:.2rem .15rem;
	background:#FFFFFF;
}
.xieyi_list .item{
	margin-bottom:.3rem;
}
.xieyi_list .item .title{
	font-size:.15rem;
	color:#1F1F1F;
	font-weight:700;
}
.xieyi_list .item .txt p{
	margin-top:.1rem;
	font-size:.14rem;
	color:#434343;
	line-height:.24rem;
}
/* 图集 */
.text-hide-line2 {
  display: -webkit-box; /* 将元素作为块级元素显示 */
  overflow: hidden; /* 隐藏超出部分的内容 */
  text-overflow: ellipsis; /* 使用省略号表示被裁切的内容 */
  -webkit-line-clamp: 2; /* 限制最多显示两行文本 */
  -webkit-box-orient: vertical; /* 垂直布局 */
}

.container {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 5px 0;
  max-width: 750px;
  background: #F7F9FB;
  margin: 0 auto;
}
.container .tuji-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.container .tuji-list .item {
  margin-bottom: 5px;
  width: 49%;
  box-sizing: border-box;
  background: white;
  border-radius: 5px;
  overflow: hidden;
}
.container .tuji-list .item .img-box {
  width: 100%;
  height: 48vw;
  max-height: 363px;
  position: relative;
}
.container .tuji-list .item .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container .tuji-list .item .img-box .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 4px;
  font-size: 12px;
  color: white;
  height: 15px;
  border-radius: 5px 0 0 0;
  background: rgba(0, 0, 0, 0.6);
}
.container .tuji-list .item .desc {
  box-sizing: border-box;
  margin: 10px;
  height: 40px;
  font-size: 13px;
  color: #1F1F1F;
  font-weight: 700;
  line-height: 20px;
}
@media screen and (min-width:750px) {
	.info_topic .item img{
		height:388px;
	}
}