@charset "utf-8";
/*----------------------------------------
Name: games.css
Date Created:2020/09/21 [coraline]
Last Updated:2020/09/21 [coraline]
----------------------------------------*/
/* 头部 */
.game-main {
	position: relative;
	width: 1240px;
	margin: 0 auto 0;
	padding: 25px 0;
	z-index: 1;
}
.game-main .left-pan {
	float: left;
	width: 900px;
	
}
.game-main .right-pan {
	float: right;
	width: 320px;
	
}
/* 游戏分类 */
.game-type {
	padding: 20px 0;
	border: 1px solid #DDD;
	background-color: #FFF;
}
.game-type dl {
	padding: 5px 15px 0;
}
.game-type dt {
	float: left;
	clear: left;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-weight: bolder;
}
.game-type dd {
	height: 26px;
	padding-top: 6px;
}
.game-type dd a {
	display: inline-block;
	padding: 0 7px;
	margin-right: 8px;
	color: #666;
	line-height: 22px;
}
.game-type dd a.focus {
	background-color: #ff7b10;
	color: #FFF;
}
.game-type dd a:hover {
	color: #ff7b10;
}
.game-type dd a.focus:hover {
	color: #FFF;
}
/*搜索游戏*/
.search-game {
	display: table-caption;
	width: 900px;
	padding: 15px 0;
	text-align: right;
}
.search-game input {
	height: 22px;
	line-height: 22px;
	padding: 0 8px;
	border: 1px solid #CCC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
}
.search-game a.btn-search {
	display: inline-block;
	height: 24px;
	width: 50px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #ffa94c;
	color: #FFF;
	line-height: 24px;
	text-align: center;
}
.search-game a.btn-search:hover {
	background-color: #ee6725
}
/*所有游戏*/
.all-games {
	width: 900px;
	margin: 15px 0;
	
}
.list-games {
	width: 1100px;
}
.list-games li {
	
	float: left;
	width: 200px;
	height: 230px;
	margin-right: 30px;
	margin-bottom: 15px;
	border: 1px solid #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}
.list-games  li .des{
	position: relative;
	z-index: 1;
}
.list-games li .pic {
	width: 200px;
	height: 150px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
}
.list-games li .g-name {
	padding: 12px 0 10px;
	margin-left: 10px;
	font-size: 14px;
}
.list-games li .g-name a {
	color: #333;
}
.list-games li .g-name a:hover{
	color:#ff7b10;
	
}
.list-games li .nav {
	padding-left: 7px;
	font-size: 12px;
	color: #777;
}
.list-games li .nav a {
	padding:0 3px;
}
.list-games li .nav a:hover{
	text-decoration: underline;
}
.list-games li .link-enter {
	position: absolute;
	display: block;
	right: 10px;
	top: 32px;
	width: 70px;
	height: 28px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ff7b10;
	color: #FFF;
	text-align: center;
	line-height: 28px;
}
.list-games li .link-enter:hover{
	background-color: #F00000;
}
.list-games li:hover {
	border: 1px solid #ff7b10;
}
/*选服*/
.xftcMc{ width:0px; height:0px; position:relative;  z-index:2; display: none;}

.xftc{ width:410px; height:144px; display:block; position:absolute; padding-top:1px; top:-160px; left: 65px; z-index:40;padding-bottom: 5px;}
.pop_main{ width:408px; height:140px; display:block; border:solid 1px #ccc; background-color:#FFF; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1); }
.pop_main .jiantou2{ width:7px; height:5px; display:block; position:absolute; background:url(../images/game/gong.png) -241px -250px no-repeat; z-index:50; left:20px; top:142px; overflow:hidden;}
.pop_main input{outline: none}
.pop_main .xftcDl{ width:390px; height:26px; display:block;  padding:15px 0 0 20px; overflow:hidden;font-size: 16px;font-weight: bolder;color: #333;}
.pop_main .xftcDl .xftcDt{ width:120px; height:90px; display:block; float:left; margin-right:14px;}
.pop_main .xftcDl .xftcDt img{ display:block; border:none;}
.pop_main .xftcDl .xftcDd{ width:246px; display:block; float:left;}
.pop_main .xftcDl .xftcDd p{ display:block; line-height:20px; width:245px;}
.pop_main .xftcDl .xftcDd p a{ color:#666;}
.pop_main .xftcDl .xftcDd .title a{ color:#2187d0; font-weight:bold;}
.pop_main .xftcDl .xftcDd .btn{ height:24px; width:246px; display:block; padding-top:4px;}
.pop_main .xftcDl .xftcDd .btn a{ width:117px; height:24px; display:block; background:url(../images/game/gong.png) -253px -224px no-repeat; line-height:24px; text-align:center; color:#FFF; float:left;}
.pop_main .xftcDl .xftcDd .btn .pic{ width:10px; height:10px; display:block; float:left; margin:7px 5px 0 12px; background:url(../images/game/gong.png) -240px -224px no-repeat;}
.pop_main .xftcDl .xftcDd .btn span{ line-height:24px; color:#666;}
.pop_main .gameFushu{ width:395px; display:block; margin-top:10px; margin-left:12px;}
.pop_main .gameFushu .fuBtn,.pop_main .gameFushu .nowBtn{ width:117px; height:25px; display:block; text-align:center; line-height:25px; float:left; margin-right:14px; margin-bottom:12px;}
.pop_main .gameFushu .fuBtn a span{ color:#666;}
.pop_main .gameFushu .fuBtn a{ color:#333; width:117px; height:25px; display:block; background:url(../images/game/gong.png) -379px -224px no-repeat;}
.pop_main .gameFushu .fuBtn a:hover,.pop_main .gameFushu .fuBtn a:hover span{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ff7b10;
	color:#FFF;
}
/*提示*/
.tip_nf {
	padding: 20px 0;
	text-align: center;
	font-size: 22px;
	color: #333;
	vertical-align: middle;
}
.tip_nf img {
	margin-right: 10px;
	vertical-align: middle;
}
/*page*/
.pages {
	width: 90%;
	padding: 15px 0;
	margin: 0 auto;
	text-align: center;
}
.pages a, .pages span {
	display: inline-block;
	width: 36px;
	height: 36px;
	border: 1px solid #D8D8D8;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
}
.pages span {
	width: 38px;
	height: 38px;
	color: #ccc;
	font-weight: bolder;
	line-height: 38px;
	text-align: center;
}
.pages span img, .pages a img {
	vertical-align: middle!important;
	background: none;
}
.pages span.Current {
	background-color: #ff6f6f;
	border: 1px solid #ff6f6f;
	color: #fff;
	font-weight: bolder;
	height: 38px;
	line-height: 38px;
	text-align: center;
	width: 38px;
}
/*right-pan*/
.right-pan .rank-games {
	width: 260px;
	padding: 20px;
	background-color: #FFF;
}