/* recommendBox */
#recommendBox{margin:20px 0}
#recommendBox .Boxx-topic{overflow:hidden}
#recommendBox .Boxx-topic .left{float:left;width:50%}
#recommendBox .Boxx-topic .right{float:right;width:50%;margin-top:20px}
#recommendBox ul,#newTextBox ul li{font-size:0}
#recommendBox ul li{width:25%;display:inline-block;font-size:0}
#recommendBox ul#other li{width:calc(100% / 3)}
#recommendBox ul li .newImg{position:relative;margin:0 10px}
#recommendBox ul li .newImg .photo{background-size:cover}
#recommendBox ul li .newImg a.cat,#newTextBox ul li .nImg a.cat,#categoryBox .wall .article ul li .nImg a.cat{position:absolute;left:0;bottom:0}
#recommendBox ul li .info{margin:10px}
#recommendBox ul li .info h4{margin-top:10px;overflow:hidden;height:58px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#recommendBox ul li .info >div{overflow:hidden}
#recommendBox ul li .info >div p{float:left;width:50%;padding:6px 0}
#recommendBox ul li .info >div p a{background-color:#333334;color:#fff;font-size:12px;border-radius:5px;display:block;text-align:center;width:70%;float:right}
#recommendBox ul li .info p { font-size: 12px; color: #585858; }
#recommendBox ul li .info h4 a {height: 92px;line-height: 140%;font-size: 18px;color: #3e3e3e;-webkit-line-clamp: 2;margin-top: 10px;}
#recommendBox h5 { padding: 8px  9px 20px; font-size: 15px; color: #3e3e3e; }

/* newTextBox */
#newTextBox { margin-bottom: 30px; }
#newTextBox ul li { margin: 10px 0; }
#newTextBox ul li .nImg { position: relative; width: 300px; display: inline-block; }
#newTextBox ul li .nImg .photo{background-size:cover;position:relative}
#newTextBox ul li .nImg .photo p{position:absolute;bottom:0;left:0;display:inline-block;font-size:12px;padding:2px 10px;background:#16b13a;display:inline-block;font-size:12px;color:#fff}
#newTextBox ul li .info { margin-left: 20px; width: calc(100% - 330px); display: inline-block; }
#newTextBox ul li .info h4 a {margin: 5px 0;height: 37px;font-size: 20px;color: #3e3e3e;-webkit-line-clamp: 1;}
#newTextBox ul li .info article {height: 69px;color: #3e3e3e;-webkit-line-clamp: 3;line-height: 160%;font-size: 16px;}
#newTextBox ul li .info p.time {color: #727272;font-size: 15px;}

/* newTextBox */
#newTextBox.sportdynamics ul {display:flex;flex-wrap: wrap;justify-content: space-between;}
#newTextBox.sportdynamics ul li {margin: 20px 0;width: calc(50% - 20px);}
#newTextBox.sportdynamics ul li .nImg {position: relative;display: block;width: 100%;}
#newTextBox.sportdynamics ul li .nImg .photo{background-size:cover;position:relative}
#newTextBox.sportdynamics ul li .nImg .photo p{position:absolute;bottom:0;left:0;display:inline-block;font-size:12px;padding:2px 10px;background:#16b13a;display:inline-block;font-size:12px;color:#fff}
#newTextBox.sportdynamics ul li .info {margin: 10px 0 0;display: block;width: 100%;}
#newTextBox.sportdynamics ul li .info h4 a {margin: 5px 0;height: 52px;font-size: 20px;color: #3e3e3e;-webkit-line-clamp: 2;line-height: 140%;}
#newTextBox.sportdynamics ul li .info article {height: auto;color: #3e3e3e;-webkit-line-clamp: 2;line-height: 140%;font-size: 16px;margin-top: 20px;}
#newTextBox.sportdynamics ul li .info p.time {color: #727272;font-size: 15px;}

/* categoryBox */
#categoryBox { margin: 30px 0; }
#categoryBox .wall { position: relative; overflow: hidden; display: block; }
#categoryBox .wall-column { position: relative; float: left; width: 50%; display: block; box-sizing: border-box; }
#categoryBox .wall-column .article { margin: 15px 15px 15px 0; }
#categoryBox .wall-column:nth-child(2) .article { margin: 15px 0 15px 15px; }
#categoryBox .wall-column .article .cImg .photo{background-size:cover}
#categoryBox .wall .article > p:first-child {padding: 5px 10px;background: #272727;}
#categoryBox .wall .article > p:first-child a { font-size: 16px; color: #fff; }
#categoryBox .wall .article > p a.photo img { width: 100%; }
#categoryBox .wall .article ul li .nImg { position: relative; margin-bottom: 10px; }
#categoryBox .wall .article ul li a.text-clamp {height: 30px;font-size: 16px;color: #464545;-webkit-line-clamp: 1;}}
#categoryBox .advBox { margin: 0 0 25px; }

/* otherBox */
#otherBox {}

@media screen and (max-width: 1280px) {
	#content-wrapper .rightBox.filltBox { right: 5%; }
}
@media screen and (max-width: 1024px) {
	#content-wrapper .leftBox { width: calc(100% - 230px); }
	#content-wrapper .rightBox , #content-wrapper .rightBox ins { width: 200px; }
}
@media screen and (min-width: 981px) {
	#categoryBox .wall .article ul li { position: relative; margin-top: 5px; padding: 10px; border:  0.2px #F0F0F0 solid; }
	#categoryBox .wall .article ul li:after {position: absolute;width: 0;height: 0;border-style: solid;border-width: 12px 12px 0 0;border-color: #16b13a transparent transparent transparent;top: 0;left: 0;content: "";}
	#categoryBox .wall .article ul li .nImg { display: none; }
}
@media screen and (max-width: 980px) {
	#content-wrapper .leftBox { width: 100%; }
	#content-wrapper .rightBox { margin-left: 0; width: 100%; text-align: center; }
	#newTextBox ul li .nImg { width: 230px; }
	#newTextBox ul li .info { width: calc(100% - 250px); }
	#newTextBox ul li .info article { height: 49px; -webkit-line-clamp: 2; }
	#categoryBox .wall-column { width: 100%; }
	#categoryBox .wall-column .article { margin: 0; padding: 15px; border: 1px transparent solid; }
	#categoryBox .wall-column .article:nth-child(2n) { background: #f4f4f4; border-color: #eaeaea; }
	#categoryBox .wall .article p.cImg { display: none; }
	#categoryBox .wall .article ul { font-size: 0; }
	#categoryBox .wall .article ul li { margin: 0 0 20px 10px; width: calc((100% - 20px) / 2); display: inline-block; }
	#categoryBox .wall .article ul li:nth-child(2n) { margin: 0 10px 20px 0; }
	#categoryBox .wall .article ul li:nth-child(1) { margin: 0 0 20px 0; width: 100%; }
}
@media screen and (max-width: 768px) {
	#recommendBox ul li { width: 50%; }
	#recommendBox .Boxx-topic .left{float:none;width:100%;}
	#recommendBox .Boxx-topic .right{float:none;width:100%;}
	#newTextBox ul li .nImg { width: 100%; }
	#newTextBox ul li .info { margin: 10px; width: calc(100% - 20px); }
}
@media screen and (max-width: 600px) {
	#recommendBox ul#other li { width: 50%; }
	.ssabanner{margin: 20px 0;}
	#newTextBox.sportdynamics ul li{width:100%;margin: 10px 0;}
}