.top-lr {
    display: grid;
    float: left;
    width: 880px;
    background-color: #fff;
    position: relative;
}
.top-fr {
	float:right;
	width:300px;
}
/*top-r*/
.top-lr .ranklibg {
height: 105px;
    display: inline-block;
    background: url(../img/ranklist.jpg) no-repeat;
    position: absolute;
    z-index: 3;
    width: 823px;
    top: 0;
    left: 30px;
}
.top-lr h1 {
    font-size: 26px;
    color: #f14027;
    line-height: 55px;
    font-weight: 600;
    height: 55px;
    display: inline-block;
    margin: 28px auto 0;
    text-align: center;
    position: relative;
    z-index: 4;
}
.top-lr h1::before {
    content: "";
    position: absolute;
    left: -154px;
    top: 23px;
    background: url(../img/icon.png) 800px 800px no-repeat;
    width: 144px;
    height: 12px;
    background-position: -657px -25px!important;
}
.top-lr h1::after {
    content: "";
    position: absolute;
    margin-left: 12px;
    top: 23px;
    background: url(../img/icon.png) 800px 800px no-repeat;
    width: 144px;
    height: 12px;
    background-position: -655px -41px!important;
}
.top-lr>p {
	font-size:16px;
	color:#666666;
	line-height:30px;
	display:block;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	margin:20px 25px 0;
	position:relative;
	text-indent:2em;
}
.top-lr>p i {
	width:26px;
	height:20px;
	display:inline-block;
	background-position:-773px 0!important;
	position:absolute;
	left:0;
	top:3px;
}
.top-lr>p .icon {
    background: url(../img/icon.png) no-repeat;
    background-size: 800px 800px;
}
.top-lr>span {
	font-size:14px;
	color:#f2a6a8;
	display:block;
	margin-top:15px;
	margin-left:25px;
}
/*game-list*/
.game-list {
	width:880px;
	background:#fff;
	margin-top: 30px;
}
.game-list li {
    display: flex;
	width:820px;
	border-bottom:1px solid #f3f4f8;
	padding:30px;
}
.game-list li:first-child {
	border-top:1px solid #f3f4f8;
}
.game-list li em a {
	display:block;
	float:left;
	width:120px;
	position:relative;
}
.game-list li em a img {
	width:120px;
	height:120px;
	border-radius:20px;
}
.game-list li em a span {
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:0px;
	top:0px;
	background:url(../img/icon.png) no-repeat;
	left:-5px;
	top:-5px;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	line-height:35px;
	overflow:hidden;
}
.game-list li em a span.bg1 {
	background-position:-609px -201px!important;
}
.game-list li em a span.bg2 {
	background-position:-659px -201px!important;
}
.game-list li em a span.bg3 {
	background-position:-709px -201px!important;
}
.game-list li em a span.bg4 {
	background-position:-759px -201px!important;
}
.game-list li em a span b {
	display:block;
	width:35px;
	margin-left:0px;
	text-align:center;
}
.game-list li dl {
	float:left;
	width:540px;
	margin-left:25px;
	padding-right:25px;
}
.game-list li dl dt a {
	display:block;
	height:22px;
	line-height:22px;
	overflow:hidden;
	font-size:22px;
	font-weight:bold;
}
.game-list li dl dd.cont1 {
	height:18px;
	line-height:18px;
	overflow:hidden;
	color:#b2b2b2;
	margin-top:12px;
}
.game-list li dl dd.cont2 {
	height:26px;
	line-height:26px;
	overflow:hidden;
	margin-top:15px;
}
.game-list li dl dd.cont2 b a {
	display:block;
	float:left;
	background:#f5f7f8;
	height:26px;
	border-radius:5px;
	padding:0px 10px;
	color:#868c92;
	margin-right:10px;
	font-weight:normal;
	text-decoration:none;
}
.game-list li dl dd.cont2 b a:hover {
	background:#dc191b;
	color:#ffffff;
}
.game-list li i a {
    display: block;
    float: right;
    border: 1px solid #dc191b;
    color: #dc191b;
    width: 105px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-radius: 100px;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-top: 39px;
}
.game-list li:hover {
    background: #eb616012;
}
.game-list li:hover i a {
	background:#dc191b;
	color:#ffffff;
}
/*xin-app*/
.xin-app {
	display:inline-block;
	padding:0 20px 0px 20px;
}
.xin-app li {
    width: 100%;
    height: auto;
    display: inline-block;
    border-bottom: 1px dashed #eee;
    padding: 10px 0;
}
.xin-app li:nth-child(2n) {
	margin-right: 0;
}
.xin-app li:last-child {
    border-bottom: 0;
    padding: 10px 0 20px 0;
}
.xin-app li .title {
	float: left;
}
.xin-app li .title a {
    font-size: 15px;
    width: 110px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xin-app li span {
    display: inline-block;
    margin-top: 2px;
}
.xin-app li span img {
    width: 70px;
    height: auto;
}
.xin-app li .benlei-down {
    float: right;
    padding: 2px 12px;
    border: 1px solid #eb6160;
    color: #eb6160;
    display: block;
    border-radius: 5px;
    font-size: 13px;
}
.xin-app li .benlei-down:hover {
    background-color: #eb6160;
    color: #fff;
}
/*rand-game*/
.rand-game {
	padding:0 20px 10px 20px;
	flex-wrap:wrap
}
.rand-game li {
	width:100%;
	padding:13px 0;
	border-bottom:1px dashed #e8e8e8
}
.rand-game li:last-of-type {
	border-bottom:none
}
.rand-game li.active {
	padding:20px 0;
}
.rand-game li>span {
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:4px;
	background-color:#D1D1D1;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-size:14px;
    margin-right:16px;
    margin-top:3px;
	flex-shrink:0;
	float: left;
}
.rand-game li:nth-of-type(1)>span {
	margin-top:0;
}
.rand-game li:nth-of-type(1)>span,.rand-game li:nth-of-type(2)>span,.rand-game li:nth-of-type(3)>span {
	background:#FF881E
}
.rand-game li.active .rand-game-info {
	display:block;
}
.rand-game .rand-game-info {
	flex:1;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	justify-content:space-around
}
.rand-game .rand-game-info-img {
	width:80px;
	height:80px;
	border-radius:10px;
	display:block;
	flex-shrink:0;
	margin-right:14px;
	float:left;
}
.rand-game .rand-game-info img {
	width:100%;
	height:100%;
}
.rand-game .rand-game-info .rand-game-info-title {
	display:block;
	width:130px;
	font-size:17px;
	font-weight:normal;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	float:left;
}
.rand-game .rand-game-info .rand-game-info-down {
	display:block;
	width:100px;
	height:31px;
	background:#FF881E;
	border-radius:3px;
	text-align:center;
	line-height:31px;
	font-size:13px;
	color:#fff;
	float:left;
	margin-top:12px;
}
.rand-game .rand-game-info {
	flex:1;
	display:none;
	overflow:hidden
}
.rand-game li .game-simple {
	font-size: 14px;
}
.rand-game li.active .game-simple {
	display:none
}
/*hot-news-list*/
.hot-news-list {
	padding:16px 20px;
}
.hot-news-list ul li {
	position:relative;
	padding:0 0 9px 18px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.hot-news-list ul li:before {
	content:"";
	position:absolute;
	left:0;
	top:11.7px;
	width:6px;
	height:6px;
	border-radius:100%;
	background:#ccc;
}
.hot-news-list ul li a {
	font-size:15px;
}
.article-list li .fr .desc {
    padding-top: 10px;
    font-size: 15px;
    color: #999;
    line-height: 23px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*news-down*/
.newsDown {

}
.newsDown > a img {
	float:left;
	width:120px;
	height:120px;
	border-radius:16px;
	margin-right:22px;
}
.newsDown .info {
	float:left;
	width:500px;
}
.newsDown .info p {
	font-size:15px;
	color:#999;
	line-height:39px;
	overflow:hidden;
	white-space:nowrap;
}
.newsDown .info p:first-child {
	font-size:20px;
	color:#333;
}
.newsDown .info p em {
	color:#666;
	margin-right:50px;
}
.newsDown .look {
	float:right;
}
.newsDown .look a {
	display:block;
	float:right;
	margin-top:38px;
	width:168px;
	height:44px;
	line-height:44px;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:linear-gradient(to right,#d22e2d,#ef6f6e);
	border-radius:34px;
	margin-bottom:13px;
}
.newsDown .look a:hover {
	background:linear-gradient(to right,#d22e2d,#d22e2d);
}
.newsDown > a:hover img {
	opacity:0.9;
}
.nothinghere {
    text-align: center;
    font-size: 18px;
    color: #ccc;
    padding: 200px 0 20px;
    background: url(../img/nothing.png) center 0 no-repeat;
}
.qtzx {
    padding: 20px 30px 0 30px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.qtzx:before {
	content:" ";
	float:left;
	display:block;
	width:4.5px;
	height:22px;
	margin-top:7px;
	background:#eb6160;
	border-radius:0.15rem;
	margin-right:10px;
	overflow:hidden;
}
/*wen-list*/
.wen-list {
    border-top: 20px solid #f5f5f5;
    margin-top: 0px;
}
.wen-list li {
    display: flex;
    padding: 30px;
    border-bottom: #ddd 1px solid;
}
.wen-list li .fl {
    position: relative;
    width: 220px;
    height: 130px;
    overflow: hidden;
    margin-right: 22px;
}
.wen-list li .fl img {

}
.wen-list li .fr {
    width: 578px;
    overflow: hidden;
}
.wen-list li .fr a {
    display: block;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -2px;
}
.wen-list li .fr .time {
    color: #bbb;
    padding-top: 8px;
    font-size: 15px;
}
.xingji {
    position: relative;
    width: 132px;
}
.xingji img {
    position: absolute;
    top: 1.2px;
    left: 43px;
    width: auto;
    height: 16px;
    float: none;
    border-radius: 0;
}
.top-info {
	margin:15px 0 0 25px;
	height:18px;
	line-height:18px;
	overflow:hidden;
}
.top-info span {
	display:block;
	float:left;
	color:#b2b2b2;
	margin:0px 35px 0px 0px;
}
.top-info span i {
	font-style:normal;
	color:#eb6160;
	padding: 0 5px;
}