@charset "UTF-8";

body{background: #f9f9f9;}
.z-icon,.z-n-icon{background: url(../../images/news/zixun_sprites.png) no-repeat;}
.g-zx-wrap{width: 1200px;margin:0 auto;padding-top: 30px;}

.size980 .g-zx-wrap{width: 980px;}
.g-zx-side{width: 196px;float: left;position: relative;z-index: 10;}
.g-zx-main{margin-left: 203px;border: 1px solid #e2e2e2;min-height: 816px;background: #fff;padding: 30px 50px 0;}
.zx-side-top{width: 194px;height: 24px;padding: 32px 0;border: 1px solid #e2e2e2;background: #fff;text-align: center;}
.zx-side-top h3{height: 24px;line-height: 24px;border-left: 3px solid #e43a3a;padding-left: 15px;font-size: 20px;display: inline;}
.zx-side-nav{width: 194px;height: 748px;border: 1px solid #e2e2e2;background: #fff;margin-top: 8px;}
.zx-navlist .n-item{height: 42px;border-bottom: 1px solid #e2e2e2;position: relative;}
.zx-navlist .n-item-a{height: 42px;display: block;text-align: center;font-size: 14px;line-height: 42px;}
.zx-navlist .n-item .z-n-icon{width: 7px;height: 14px;position: absolute;left: 100%;top:14px;display: none;}
.zx-navlist .n-item.active{background: #e43a3a;color: #fff;}
.zx-navlist .n-item.active .z-n-icon{display: block;z-index: 100;}
.zx-navlist .n-item.active .n-item-a{color: #fff;}
.n-select-game{position: absolute;left: 195px;top: -411px;width: 691px;height: 450px;border: 2px solid #e6e6e6;background: #fff;z-index: 2;display: none;}
.zx-navlist .n-item.hover .n-select-game{display: block;}
.select-game-hd{background: #f6f6f6;border-bottom: 2px solid #e6e6e6;padding: 17px 0 0 50px;overflow: hidden;}


.select-game-hd li{float:left;padding-bottom:4px;margin-right:15px;position:relative;cursor: pointer;}
.select-game-hd span{display:block;color:#333;padding:0 25px;line-height:36px;font-size: 13px;}
.select-game-hd .z-icon{width: 7px;height: 4px;position: absolute;left: 50%;bottom: 0;margin-left: -3px;display: none;background-position: -9px 0;}
.select-game-hd li.active span{color: #fff;background: #e43a3a;}
.select-game-hd li.active .z-icon{display: block;}
.select-game-bd{overflow-y: auto;height: 360px;margin-top: 15px;}
.sgamelist-wrap{width: 650px;margin: 0 auto;overflow: hidden;display: none;}
.sgamelist{width: 105%;}
.sgamelist li{width: 210px;height: 110px;float: left;margin: 0 10px 10px 0;display: inline;}
.sgamelist a{padding: 8px;width: 190px;height: 90px;border:1px solid #cbcbcb;display: block;}
.sgamelist a:hover{border-color: #e43a3a;}
.sgamelist img{width: 91px;height: 91px;margin-right: 10px;cursor: pointer;}
.sgamelist .gname{font-size: 14px;line-height: 90px;line-height: 90px;overflow: hidden;cursor: pointer;}


.zx-main-hd{height: 34px;border-bottom: 3px solid #efefef;}
.zx-main-tab{float: left;}
.zx-main-tab a{padding: 0 26px;display: inline-block;vertical-align: top;font-size: 16px;line-height: 34px;}
.zx-main-tab a.active{border-bottom:3px solid #e43a3a;}
.zx-main-crumb{float: right;line-height: 34px;}
.zx-main-bd{padding-top: 25px;}
.zxlist li{height: 46px;border-bottom: 1px solid #e8e8e8;vertical-align: top;position: relative;}
.zxlist li.hover{background: #fafafa;}
.zxlist .type,.zxlist .aw,.zxlist .date{display: inline-block;vertical-align: top;font-size: 13px;line-height: 46px;}
.zxlist .type{margin-right: 5px;color: #999;float: left;}
.zxlist .date{position: absolute;right:0;}
.zxlist .aw{max-width: 720px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zxlist a:hover{color: #e43a3a;}

.zx-arctit{text-align: center;padding: 10px 0 25px;}
.zx-arctit h2{font-size: 24px;line-height: 36px;}
.zx-arctit .subdesc{color: #adadad;line-height: 30px;}
.zx-arcont{font-size: 13px;line-height:30px;overflow: hidden;}
.zx-arcont img{max-width: 100%;}

@media screen and (max-width: 1365px) {
	.g-zx-wrap{width: 980px;}
	.zxlist .aw{max-width: 520px;}
}

.left_nav_active {
	background-color: #e43a3a;
}

.left_nav_active a,.n-item-a:hover {
	color: #fff;
}
.popup-game > a {
	color: black;
}

.zx-navlist .n-item:hover{background: #e43a3a}


/************分页样式**********/
.pages {text-align: center;font-size: 12px;padding-top: 130px;}
.pagination a, .pagination .current{border: 1px solid #ccc;padding: 4px 12px;color: #333;background: #fafafa;text-decoration: none;margin-right: 7px;}
.pagination a:hover{border-color:#e43a3a;color: #e43a3a;}
.pagination span.current{color:#e43a3a;border-color: #e43a3a}
.pagination span.prev, .pagination span.next{color:#c2c2c2;border-color: #ccc;}
/*****************/
.zxlist {height: 540px;}