.m-game-empty {padding:88px 0;margin-bottom:20px;text-align:center;border-radius:4px;color:#ccc}
.m-game-empty i {font-size:64px;line-height:1}
/* 分页组件 
---------------------------------------------------------------- */
.m-pages {
	margin: 5px auto;
	text-align: center;
	font-size: 0;
}
.m-pages > * {
	display: inline-block;
	cursor: pointer;
	margin: 0 2px;
	padding: .1em .6em;
	border: 1px solid #e6e6e6;
	font-size: 13px;		
	vertical-align: middle;
}
.m-pages > *:hover { background: #f3f3f3; }
.m-pages > *.cur,
.m-pages > *.cur:hover {
	border-color: #f90;	
	background: none;
	color: #f90;
}
.m-pages.z-dot > * {
	text-indent: -9999em;
	width: 11px;
	height: 11px;
	margin: 0 2px;
	padding: 0;
	border: none;
	background: #ccc;
	border-radius: 50%;
}
.m-pages.z-dot > *:hover { background: #999; }
.m-pages.z-dot > *.cur,
.m-pages.z-dot > *.cur:hover { background: #f90; }

/* 首页轮播 
---------------------------------------------------------------- */
.m-pane-focus { position: relative }
.m-pane-focus .g-inner { margin: -320px auto 320px; }
.m-banner {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 320px;
}
.m-banner .gallery li {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .5s ease;
}
.m-banner .gallery li a {
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat 50% 0;
}
.m-banner .nav {
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: 20px;
	text-align: center;
	transform: translateX(-50%);
} 
.m-banner .nav li {
	display: inline-block;
	margin: 0 3px;
	width: 30px;
	height: 2px;
	background: rgba(250,250,250,.6);
	background: #444\0/;
	cursor: pointer;
	transition:.3s ease;
}
.m-banner .nav li.cur {
	width: 50px;
	background: rgba(246,129,6,.95);
	background: #f68107\0/;
}
.m-banner .gallery li.cur { opacity: 1; z-index: 1;}
.m-banner .slider .btn-prev,
.m-banner .slider .btn-next {
	position:absolute;
	top: 50%;
	z-index: 10;
	margin-top: -36px;
	padding: 20px 0;
	width: 40px;
	height: 72px;
	cursor: pointer;
	line-height: 32px;
	font-size: 32px;
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 15px rgba(0,0,0,.5);
	opacity: 0;
	transition: .3s ease;	
}
.m-banner .slider .btn-prev:hover,
.m-banner .slider .btn-next:hover { background:rgba(0,0,0,.5); }
.m-banner .slider .btn-prev { left: -40px; }
.m-banner .slider .btn-next { right: -40px; }
.m-banner.z-over .nav li { height: 6px; }
.m-banner.z-over .slider .btn-prev { left: 0; opacity: 1; }
.m-banner.z-over .slider .btn-next { right: 0; opacity: 1; }
/* 首页用户登录 
---------------------------------------------------------------- */
.m-central-user {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 210px;
	min-height: 260px;
	background: rgba(0,0,0,.7);
	color: #e3e3e3;
	border-radius: 0 0 6px 6px;
}
.m-central-user:after {
	position: absolute;
	left: 5px;
	bottom: -18px;
	border: solid transparent;
	border-width: 18px 100px 0;
	border-top-color: rgba(0,0,0,.7);
	content:'';
}
.m-central-user .btn {
	display: block;
	margin-bottom: 10px;
	width: 100%;
	line-height: 32px;
	font-size: 16px;
}
.m-central-user .btn.hollow {
	border: 1px solid #d17b0b;
	background: rgba(0,0,0,.2);
	line-height: 30px;
	color: #f7930f;
}
.m-central-user .m-third-login {overflow:hidden}
.m-central-user .m-third-login label {float:left;line-height:32px}
.m-central-user .m-third-login p {float:right}
.m-central-user .m-third-login p a {display:inline-block;font-size:28px;line-height:1}
.m-central-user .m-third-login p a:hover { text-decoration: none; }
.m-central-user .loginbox { padding: 20px 30px; text-align: center; }
.m-central-user .loginbox .avatar {margin:0 auto 10px;width:64px;height:64px}
.m-central-user .loginbox .avatar img {width:100%;height:100%;border-radius:50%}
.m-central-user .loginbox .tip {margin-top:10px;font-size:13px;color:#aaa}
/* 用户登录 */
.m-central-user .breginfo {padding:15px 20px 0}
.m-central-user .breginfo .avatar img {width:50px;height:50px;border-radius:50%}
.m-central-user .breginfo .oftop {height:50px;margin-left:65px;}
.m-central-user .breginfo .oftop p {margin-top:5px;font-size:13px;color:#fc0}
.m-central-user .breginfo .ofbar { clear:both; padding:10px 0 5px;margin-bottom: 10px;border-bottom: 1px dotted #444;text-align: center; }
.m-central-user .logmybox {padding:0 20px}
.m-central-user .logmybox .logmytit {color:#999} 
.m-central-user .logmybox .logmycon {min-height:120px}
.m-central-user .logmybox .logmycon .m-game-empty {padding:60px 0}
.m-central-user .logmybox .logmycon a {display:block;padding:2px 0;overflow:hidden} 
.m-central-user .logmybox .logmycon a>* {display:inline-block;font-size:13px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-central-user .logmybox .logmycon a>h4 {float:left;width:7em}
.m-central-user .logmybox .logmycon a>em {float:right;max-width:6em;padding:0 .2em;text-align:right}
.m-central-user .logmybox .logmycon a:hover { color: #ffd900; }
.m-central-user .logmybox .logmycon a:hover em {background:#ffd900;color:#000}
/* 登录后提示层 */
.m-safe-pop {position:absolute;right:0;top:32px;}
.m-safe-pop .f-dialog {position:absolute;top:0;right:0;width:350px;border:1px solid #e9e9e9;border-radius: 0;}
.m-safe-pop .f-dialog:before,
.m-safe-pop .f-dialog:after {content:none}
.m-safe-pop .f-dialog-header {padding:20px 0 0;font-size:18px;color:#ff5757;}
.m-safe-pop .f-dialog-footer {padding:20px 0 30px;}
.m-safe-pop .f-dialog-footer .btn {background:#ff5757;color:#fff;width:180px;padding:0;line-height:40px;}
.m-safe-pop .layer-close {position:absolute;right:5px;top:0;width:30px;padding:10px 0;text-align:center;font-size:16px;cursor:pointer;z-index:20}
/* 首页客服 
---------------------------------------------------------------- */
.m-index-service .f-sub-layer {
	float: right;
	margin-left: 5px;
}
.m-index-service .f-sub-hook {
	padding: 0 10px;
	border: 1px solid #ccc;
	background: #fff;
	line-height: 18px;
	border-radius: 5px;
}
/* 新闻滚动公告 
---------------------------------------------------------------- */
.m-newposts {
	position: relative;
	overflow: hidden;
	height: 20px;
	padding-left: 22px;
}
.m-newposts:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	line-height: 20px;
	color: #aaa;
	font-family: 'iconfont';
	content: '\e6c8';
}
.m-newposts dd.move { 
	transition: .3s ease; 
	transform: translateY(-20px); 
}
.m-newposts a {
	display: block;
	overflow: hidden;
	width: 280px;
	height: 20px;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-newposts span {
	float: right;
	margin-left: 1em;
	color: #999;
	font-size: 13px;
}
/* 首页开服动态
---------------------------------------------------------------- */
.m-heralds {
	background: #fff;
	box-shadow: 0 0 0 1px #f0f0f0;
}
.m-heralds .m-tab-hook {
	overflow: hidden;
	margin-top: -1px;
	line-height: 40px;
}
.m-heralds .m-tab-hook li {
	position: relative;
	float: left;
	width: 33.33333%;
	border-top: 1px solid transparent;
	cursor: pointer;
	color: #888;
	font-size: 15px;
	text-align: center;
}
.m-heralds .m-tab-hook li:not(:last-child):before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;	
	background:linear-gradient(rgba(238,238,238,1),rgba(238,238,238,.3));
	background: #eee\0/;
	content: '';
}
.m-heralds .m-tab-hook li.active {
	border-color: #ffd900;
	color: #333;
	font-weight: bold;
}
.m-heralds .m-tab-panel { padding-bottom: 10px; }
.m-herald-data,
.m-herald-game { margin: 2px 2px 12px; }
.m-herald-data li {
	overflow: hidden;
	padding: 0 15px;
	border-bottom: 1px dotted #eee;
	font-size: 13px;
	line-height: 35px;	
}
.m-herald-data li:hover { background: #f9f9f9; }
.m-herald-data li > * {
	display: block;
	overflow: hidden;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
} 
.m-herald-data li .game {
	padding-right: 10px;
	width: 37%;
	background: no-repeat 95% 50%;
}
.m-herald-data li .game.hot { 
	padding-right: 17px; 
	background-image: url(../image/g_hot.gif); 
}
.m-herald-data li .game.official { 
	padding-right: 16px; 
	background-image: url(../image/g_official.gif); 
}
.m-herald-data li .game.h5 { 
	padding-right: 16px; 
	background-image: url(../image/g_h5.gif); 
}
.m-herald-data li .time { width: 34%;}
.m-herald-data li .server { 
	width: 28%; 
	text-align:right;
}
/* 当前时间开服 */
.m-herald-data li.now { 
	border-color: #f6dd81;
	background: #fffdeb;
}
.m-herald-data li.now .time { 
	color: #f20;
	font-weight: bold;
 }
/* 固顶推荐开服 */
.m-herald-data li.top {
	border-color: #f6dd81;
	background: #fffbbb;
	color: #f20; 
}
.m-herald-data li.top .time { font-weight: bold; }
.m-herald-data li.top .game { background-image: url(../image/g_top.gif); }
.m-herald-game li {
	position: relative;
	overflow: hidden;	
	border-bottom: 1px dotted #eee;
	padding: 10px 0;
	font-size: 13px;
}
.m-herald-game .figure {
	position: absolute;
	left: 10px;
	top: 10px;
}
.m-herald-game .figure img { width: 60px; }
.m-herald-game .info {
	float: left;
	padding-left: 82px;
	max-width: 200px;
	height: 64px; 
}
.m-herald-game .info h3 { 
	overflow: hidden;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
 }
.m-herald-game .info p { font-size: 12px; }
.m-herald-game .btn {
	float: right;
	margin: 17px 10px 0 0;
	width: 70px;
	line-height: 26px;
	border-radius: 5px;
}
/* 通用面板
---------------------------------------------------------------- */
.m-panel { margin-top: 40px; } 
.m-panel-header {
	position: relative;
	margin-bottom: 20px;
	height: 20px;
	line-height: 20px;
}
.m-panel-header > h2 {
	display: inline-block;
	border-left: 4px solid #ffd900;
	margin-right: 20px;
	padding-left: 14px;
	font-size: 20px;
}
.m-panel-header > p,
.m-panel-header .sub {
	display: inline-block;	
	font-size: 14px;
	vertical-align: top;
}
.m-panel-header .beside {
	position: absolute;
	top: 0;
	right: 0;
}
.m-panel-header .besort { margin-right: 20px; }
/* tab样式 */
.m-panel-header .m-tab-hook { font-size: 0; }
.m-panel-header .m-tab-hook a {
	display: inline-block;
	border-top: 1px solid transparent;
	margin-right: 1px;
	width: 110px;
	background: #e3e3e3;
	font-size: 16px;
	line-height: 39px;
	text-align: center;
}
.m-panel-header .m-tab-hook a.active {
	border-color: #ffd900;
	background: #fff;
	color: #f60;
	font-weight: bold;
}
.m-panel-header .m-tab-hook a:hover { text-decoration: none; }
.m-panel-header .besort .cur {color:#f60;font-weight:bold;}
.m-panel-header .besort .cur:before {content:'\e60f ';font-family:'iconfont';}
.m-panel-header .besort .loading {position:relative;padding-left:28px;}
.m-panel-header .besort .loading:before {content:'';position:absolute;left:6px;top:50%;margin-top:-9px;width:20px;height:20px;vertical-align:middle;background:url(../image/g_loading.gif) no-repeat;background-size:100%;}
/* —游戏展示 
---------------------------------------------------------------- */
.m-figure-box {
	position: relative;
	display: block;
	background: #fff;
}
.m-figure-box .figure {
	position: relative;
	display: block;	
	padding-bottom: 62%;
	height: 0;
	overflow: hidden;	
}
.m-figure-box.z-vip:before,
.m-figure-box.z-official:before,
.m-figure-box.z-h5:before {	
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 10;
	width: 50px;
	height: 50px;
	background: url(../image/icon_property.png) no-repeat;
	content:'';
}
.m-figure-box.z-official:before { background-position: 0 -50px; }
.m-figure-box.z-h5:before { background-position: 0 -100px; }
.m-figure-box .figure > img {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: .5s ease;
}
.m-figure-box .figure p {
	position: absolute;
	left: 0;
	right: 0;
	padding: .5em 10px;
	top: 100%;
	background: rgba(0,0,0,.8);
	color: #fff;
	font-size: 13px;
	line-height: 1.3;
	transition:.3s ease;
}
.m-figure-box .discount,
.m-figure-box .ratio {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	padding: 5px;
	line-height: .8;
	font-size: 12px;
	font-weight: bold;
	color: #ff0;
	background: rgba(255,17,0,1);
	background: #f53629\0;
}
.m-figure-box .discount:after,
.m-figure-box .ratio:after {
	position: absolute;
	right: 0;
	bottom: -6px;
	border: 3px solid transparent;
	border-top-color: #f53629;
	border-right-color: #f53629;
	content: '';
}
.m-figure-box .discount {
	background: #51baff;
	color: #fff;
}
.m-figure-box .discount:after {
	border-top-color: #51baff;
	border-right-color: #51baff;
}
.m-figure-box .tile {
	position: relative;
	overflow: hidden;
	height: 36px;	
	line-height: 36px;	
	text-align: center;
}
.m-figure-box h3 {
	overflow: hidden;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-figure-box .hover {
	position: absolute;
	left: 0;
	right: 0;
	top: -100%;
	height: 36px;
	background: #fff;
	transition:.3s ease;
}
.m-figure-box .hover p {
	float: left;
	padding-left: 12px;
	font-size: 12px;
}
.m-figure-box .hover .btn {
	float: right;
	width: 86px;
}
.m-figure-box:hover { box-shadow: 0 0 0 1px #ffd900 }
.m-figure-box:hover .figure img { transform: scale(1.05); }
.m-figure-box:hover .figure p { transform: translateY(-100%); }
.m-figure-box:hover .hover { top: 0; }
.m-figure-box.h5-box .figure p { height: 100%; }
.m-figure-box.h5-box .figure p img {
	display: block;
	margin: 6px auto;
	height: 72%;
}
.m-figure-box.h5-box .figure p em {
	display: block;
	text-align: center;
	font-size: 12px;
}
.m-figure-box.h5-box .hover p { display: none; }
.m-figure-box.h5-box .hover .btn { width: 100%; }
/* 分栏
---------------------------------------------------------------- */
.m-prod-wrapper ul { 
	overflow: hidden; 
	margin: 0 0 -20px -24px; 	
}
.m-prod-wrapper li {
	float: left;
	width: 25%;
	margin-bottom: 20px;
	padding-left: 24px;	
}
.m-prod-wrapper.col4 li { width: 25% }
.m-prod-wrapper.col5 li { width: 20% }
.m-prod-wrapper.col6 li { width: 16.66666666666% }
.m-prod-wrapper ul ~ .m-pagination { margin-top: 20px; }
/* 首页特殊样式 
---------------------------------------------------------------- */
/* 首页热门高度固定 */
.m-prod-wrapper li.colspan2 { width: auto; }
/*
.m-prod-wrapper li.colspan2 img { 
	width: 100%; 
	height: 161px; 
}*/
.p-index .g-parse .m-figure-box .figure { padding-bottom: 125px; }
.p-index .m-heralds { height: 885px; }
.p-index .m-herald-data,
.p-index .m-herald-game { min-height: 432px; }
/* 两侧广告
---------------------------------------------------------------- */
.m-sideadv {
	position: absolute;
	z-index: 100;
	width: 1200px;
}
.m-sideadv.fix { 
	position: fixed;
	top: 0;
 }
.m-sideadv > * {
	position: absolute;
	top: 80px;
	width: 100px;
	height: 342px;
}
.m-sideadv img {
	width: 100%;
	height: 100%;
}
.m-sideadv .clearup {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: rgba(0,0,0,.6);
	cursor: pointer;
	color: #fff;
	line-height: 20px;
	text-align: center;
}
.m-sideadv .clearup:hover { background: #f20; }
.m-sideadv > .left { left: -120px; }
.m-sideadv > .right { right: -120px; }

/* 游戏大厅－游戏筛选目录
---------------------------------------------------------------- */
.m-filter {
	margin-bottom: 15px;
	padding: 5px 20px;
	background: #fff;
	font-size: 0;
	box-shadow: 0 0 0 1px #f3f3f3;
}
.m-filter p {
	position: relative;
	border-bottom: 1px dotted #e3e3e3;
	padding: 10px 0 10px 80px;
	font-size: 0;
}
.m-filter p:last-child { border: none; }
.m-filter strong {
	position: absolute;	
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	color: #999;
}
.m-filter a { 
	display: inline-block;
	margin: 2px;
	width: 92px;
	background: #f0f0f0;
	line-height: 28px;
	text-align: center;
	font-size: 13px;
}
.m-filter a:hover,
.m-filter a.active {
	background: #ffd900;
	color: #000;
	text-decoration: none;
}
/* 游戏大厅特殊处理 */
.p-lobby .m-heralds { height: 868px; }
.p-lobby .m-herald-data { min-height: 769px; }

/* 新闻 
---------------------------------------------------------------- */
.p-news .section .m-panel-body { 
	padding: 20px 30px;
	background: #fff; 
}
.m-art-list { 
	margin-bottom: 20px;
	font-size: 16px;
}
.m-art-list li {
	position:relative;
	overflow: hidden;
	padding: .6em 0;
	border-bottom: 1px dotted #e3e3e3;
	word-break: keep-all;
	white-space: nowrap;	
	text-overflow: ellipsis;
}
.m-art-list li:before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;background:#e9e9e9;border-radius:50%;}
.m-art-list li:hover:before {background:#ccc;}
.m-art-list a { padding-left: .8em; }
.m-art-list a:hover { color: #f60; }
.m-art-list em { float:right; color:#bbb; font-size: 14px;}

/* 文章正文　*/
.m-art-wrapper {padding:0 10px;}
.m-art-header {padding-bottom:10px;margin-bottom:40px;border-bottom:1px dotted #e3e3e3;}
.m-art-header .sort {margin-bottom:15px;font-size:13px;}
.m-art-header .sort span {display:inline-block;padding:5px 2px;border-bottom:1px solid #f90;color:#f90;}
.m-art-header h1 {font-size:36px;line-height:56px;font-weight:bold;word-wrap:break-word;word-break:break-all;}
.m-art-header .info {position:relative;font-size:13px;line-height:36px;color:#777;overflow:hidden;}
.m-art-header .info span {margin-right:2em;}

.m-art-game {position:relative;margin-bottom:30px;width:100%;height:150px;background:#2b2927;;border-radius:6px;overflow:hidden;}
.m-art-game .img {width:100%;height:100%;overflow:hidden}
.m-art-game .img img {width:100%;}
.m-art-game h3 {position:absolute;right:35px;bottom:50%;line-height:1.8;font-size:36px;color:#fff;text-align:right;} 
.m-art-game .btnbar {position:absolute;right:35px;top:50%;width:230px;height:40px;line-height:40px;font-size:16px;text-align:center;overflow:hidden;} 
.m-art-game .btnbar a {float:left;display:inline-block;width:50%;height:100%;background:rgba(255,255,255,.3);background:#666\0/;color:#fff;}
.m-art-game .btnbar .download {background:rgba(255,217,0,.9);color:#000}
.m-art-game .btnbar a:hover {background:#fff;color:#333;}

.m-art-text {color:#555;font-size:16px;}
.m-art-text p {margin:0;padding:0 0 15px;}
.m-art-text img {display:block;margin:auto;max-width:100%;}
.m-art-side {position:relative;margin-top:60px;border:solid #e9e9e9;border-width:1px 0;overflow:hidden;}
.m-art-side:after {content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #e9e9e9;}
.m-art-side dd {float:left;display:block;width:50%;}
.m-art-side dd.next {float:right;}
.m-art-side dd a {display:block;padding:15px 30px;font-size:15px;}
.m-art-side dd a i {position:absolute;left:0;top:0;bottom:0;margin:auto;height:26px;line-height:26px;font-size:22px;color:#999;}
.m-art-side dd.next i {left:auto;right:0;}

/* 客服
---------------------------------------------------------------- */
.p-service {background:url(../image/kf-bg.jpg) no-repeat 50% 0;}
.m-service .contact,.m-service .list li i{background:url(../image/kf-icon.png) no-repeat 999px 999px;}
.m-service{padding-top:30px;width:960px}
.m-service .hd{padding:25px 0 40px;line-height:26px;}
.m-service .hd h2{font-size:34px;border-left:4px solid #ffd900;padding-left:15px;}
.m-service .bd{position:relative;padding-left:310px;}
.m-service .contact{position:absolute;left:0;top:0;width:310px;height:295px;background-position:0 0;text-align:center;border-radius:15px;}
.m-service .contact a{position:absolute;left:0;right:0;bottom:70px;margin:auto;width:140px;height:36px;line-height:36px;border-radius:18px;background:#fff}
.m-service .contact a:hover{background:#333;color:#fff;}
.m-service .contact p{position:absolute;bottom:30px;width:100%;color:#000;}
.m-service .list li{position:relative;float:left;width: 310px;height: 140px;margin-bottom: 15px;margin-left:15px;background:#fff;border-radius:15px;transition:.3s ease}
.m-service .list li a{display: block;height:90px;padding:30px 0 30px 120px;}
.m-service .list li a:hover { text-decoration: none; }
.m-service .list li i{position:absolute;left:20px;top:30px;width:90px;height:90px}
.m-service .list li i.ico1{background-position:0 -295px}
.m-service .list li i.ico2{background-position:-90px -295px}
.m-service .list li i.ico3{background-position:0 -385px}
.m-service .list li i.ico4{background-position:-90px -385px}
.m-service .list li h3{height:32px;line-height:32px;font-size:18px;color:#333;}
.m-service .list li p{padding-right:30px;margin-top:5px;line-height:20px;color:#999}
.m-service .list li:hover{-webkit-box-shadow:0 3px 3px 3px rgba(0,0,0,.05);-moz-box-shadow:0 3px 3px 3px rgba(0,0,0,.05);box-shadow:0 3px 3px 3px rgba(0,0,0,.05);-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);transform:translateY(-4px);}

/* h5游戏
---------------------------------------------------------------- */
.p-h5 .g-parse .section .m-panel-body {
	padding: 30px;
	background: #fff; 
}
.m-h5-header {
	position: relative;
	background: #111 url(../image/h5_bg.jpg) no-repeat 50% 0;
	color: #fff;
}
.m-h5-header .info {
	position: relative;
	padding: 30px 0 30px 180px;
}
.m-h5-header .info .icon {
	position: absolute;
	left: 30px;
	width: 120px;
	height: 120px;
}
.m-h5-header .info .text {
	position: relative;
	min-height: 120px;
}
.m-h5-header .info .text h1 { 
	margin-bottom: 14px;
	font-size: 28px;
	line-height: 1;
}
.m-h5-header .info .bar {
	position: absolute;
	bottom: 0;
}
.m-h5-header .info .bar .btn-play { 
	width: 120px;
	line-height: 36px;
	font-size: 16px;
	border-radius: 100px;
}
.m-h5-header .qrcode {
	position: absolute;
	right: 20px;
	bottom: 0;
	width: 250px;
	height: 180px;
	background: url(../image/h5_bg_qrcode.png) no-repeat 100% 0;
}
.m-h5-header .qrcode img,
.m-h5-header .qrcode:after {
	position: absolute;
	z-index: 1;
	right: 42px;
	top: 56px;
	width: 100px;
	height: 100px;
}
.m-h5-header .qrcode:after {
	z-index: 2;
	height: 10px;
	background: url(../image/h5_bg_qrcode.png) no-repeat 100% -250px;
	content: '';
	animation: qrcodeMove 4s linear infinite;
}
@keyframes qrcodeMove { 
	0%  { transform: translateY(0); } 
    50% { transform: translateY(100px); }
    100%{ transform: translateY(0); } 
}
.m-h5-header .qrcode p {
	position: absolute;
	top: 115px;
	right: 200px;
	width: 150px;
	line-height: 1.4;
	color: #d1dcf3;
	opacity: .5;
}
.m-h5-images {position:relative;height:380px;overflow:hidden;margin:20px 0;}
.m-h5-images ul {height:100%;padding-bottom:5px;margin:0;font-size:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.m-h5-images li {display:inline-block;position:relative;height:100%;padding-right:10px;vertical-align:middle;}
.m-h5-images img {height:100%;border-radius:4px;}




.login .login-tal {
margin: 4px 0 0;
font-size: 18px;
text-align: center;
height: 35px;
color: #8f8c8c;
}
.login .login-input p{
	margin-bottom:10px;
	font-size:12px;
	line-height: 36px;
}
.login .login-input p .login_name {
    background: #fff url("../image/smallbtn.png") no-repeat scroll 7px -289px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    height: 36px;
	line-height: 36px;
    padding-left: 45px;
    width:145px;
}
.login .login-input p .login_pwd {
    background: #fff url("../image/smallbtn.png") no-repeat scroll 7px -178px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    height: 36px;
	line-height: 36px;
    padding-left: 45px;
    width: 145px;
}
.login .login-input p .wangji{
	padding-right:10px;
	color:#199ae4;
}
.login .login-input p .login-btn:hover {
    background-color: #00c0ff;
}
.login .login-input p .login-btn {
    width: 145px;
    height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #10b1e6;
    cursor: pointer;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: none;
    line-height: 32px;
}
.login .login-input p .res-btn:hover {
    background-color: #ff7800;
}
.login .login-input p .res-btn {
    background-color: #eb7711;
	width:80px;
	height:30px;
	line-height: 30px;
	font-size:14px;
}
#msg{ color:#F00;font-size:12px;}

.g-inner {position: relative;margin: 0 auto;width: 1200px}
.m-central {position: relative;margin-top: 20px;top: 20px; z-index: 2}
.m-central-tit {margin-bottom: 20px}
.m-central-tit h2 {float: left;margin-right: 15px;font-size: 26px;line-height: 32px}
.m-central-tit .prompt {float: left;padding: 0 15px;line-height: 34px;color: #f30;font-size: 15px;background: #f4dfda;border-radius: 50px;vertical-align: middle}
.m-central-ad li {position: relative;float: left;width: 224px;height: 320px;overflow: hidden;transition: .3s ease}
.m-central-ad li:not(:last-child) {margin-right: 20px}
.m-central-ad li img {width: 100%;height: 100%;border-radius: 5px}
.m-central-ad .f-imgmask {display: block;width: 100%; height: 100%}
.m-central-ad .f-imgmask:after {content: '';position: absolute;bottom: 10px;left: 0;right: 0;height: 80px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));display: none}
.m-central-ad .btn {position: absolute;bottom: -50px;left: 0; right: 0;padding: 0;line-height: 50px; border-radius: 0;font-size: 18px;z-index: 3}
.m-central-ad li:hover {transform: translateY(-4px);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .0), 0 8px 10px -4px rgba(0, 0, 0, .1)}
.m-central-ad li:hover .btn {bottom: 0}
.m-central-ad li:hover img {opacity: .9}
.m-central-ad li:hover .f-imgmask:after {display: block}


.clearfix {
  zoom: 1;
}

 .smenu {
    background: #fff;
    height: 37px;
    margin: 20px auto 0;
    overflow: hidden;
    width: 1200px;
}
 .smenu a {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    line-height: 34px;
    text-align: center;
    width: 200px;
}
 .smenu a.selected {
    background: url(../image/bbt.png) no-repeat scroll 0 0;
    color: #fff;
}
.slist {
    background: #fff;
    border-bottom: 3px solid #ebeaea;
    height: 240px;
    padding-top: 20px;
}
 .slist ul {
    margin: 0px 0 20px 20px;
}
.slist li {
    height: 36px;
    width: 373px;
    float: left;
    line-height: 36px;
    color: #a8a8a8;
    border-bottom: 1px dashed #e4e2e2;
    margin-right: 20px;
}
.slist li i {
    float: left;
    font-size: 16px;
    color: #888;
}
.slist li p {
    float: left;
    margin-left: 6px;
    height: 36px;
    width: 310px;
    overflow: hidden;
}

.pn-fs .pn-fs-c2,.pn-play .play-list,.pn-play .play-list .tit,.pn-test-table .plist,.new-server-list .item,.new-server-list .item-con,.pn-fun-game .classify,.pn-fun-game .plist,.hot-rank-list .item,.newest-list,.newest-list .item-c1,.newest-list .item-c2 .detail,.like-tag{overflow:hidden;*zoom:1}.pn-in,.pn-hd,.pn-myself .select-box .select-list{*zoom:1}.pn-in:before,.pn-hd:before,.pn-myself .select-box .select-list:before{display:table;content:""}.pn-in:after,.pn-hd:after,.pn-myself .select-box .select-list:after{display:table;content:"";clear:both}.ico,.pn-tg .tg-ptlist .btn-game,.pn-play .play-list .tit .name .hot,.pn-test-table .ico-ce{display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.ptlist .item-con .tit,.pn-tg .tg-ptlist .dec,.focus .txt-box,.pn-test-table .plist .tit,.new-server-list .item-con .tit,.new-server-list .item-con .server,.pn-fun-game .plist .txt .tit,.hot-rank-list .tit,.newest-list .item-c1 .tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ico,.search-top .search-ico,.focus .slick-prev,.focus .slick-next{background:url(//ue.yeyoucdn.com/a/www/index/2017/img/sprite.png) no-repeat}body{font-size:14px;font-family:"Helvetica Neue",Arial,"Microsoft Yahei","PingFang SC","ST Heiti",SimHei,sans-serif;min-width:1200px;background-color:#fff}a{color:#333}a:focus,a:active,a:hover{outline:none}.mask{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50)}:root .mask{-webkit-filter:none \0;filter:none \0}.orange{color:#fe662b}.pn-share{width:50px;z-index:200}.pn-share .mod-share{width:50px}.pn-share .mod-share .gb-share-btn{float:none;display:block;line-height:50px;border-bottom:1px solid #fff;background:#f5f5f5}.pn-share .mod-share .gb-share-ico-font{float:none;display:block;width:50px;height:50px;font-size:36px;color:#bbb}.pn-share .mod-share .gb-share-btn:hover{background:#3a9af4}.pn-share .mod-share .gb-share-btn:hover .gb-share-ico-font{color:#fff}.bt-to-top{display:none;width:50px;height:44px;background:#f5f5f5;text-align:center}.bt-to-top .ico-arrow-t{margin-top:14px}.bt-to-top .txt{display:none;color:#fff;font-size:12px;padding-top:5px;line-height:1.5}.bt-to-top:hover{background-color:#3a9af4}.bt-to-top:hover .ico-arrow-t{display:none}.bt-to-top:hover .txt{display:block}.ico-arrow-t{width:27px;height:14px;background-position:-120px 0}.footer-wb{display:none}.footer{background-color:#1f2124;margin-top:20px}.footer-in{color:#888}.footer .link:link,.footer .link:visited,.footer .link:hover,.footer .link:active{color:#888}.ptlist .item{float:left}.ptlist .item-con{display:block}.ptlist .item-con .pic{float:left;margin-right:10px}.ptlist .item-con .tit{font-size:18px;font-weight:bold}.pn{margin-bottom:10px}.pn-c1{float:left;width:640px}.pn-c2{float:right;width:430px}.header{width:100%;border-bottom:3px solid #1d9ee6}.header-tg{width:1200px;margin:0 auto}.header-in{width:1200px;margin:0 auto;height:120px}.search-top .search-ico{display:inline-block;vertical-align:middle}.search-top .search-ico{width:23px;height:24px;background-position:0 0}.logo-yeyou{float:left;width:300px;margin-top:35px;margin-right:10px}.logo-yeyou .avatar{float:left;margin-right:25px}.logo-yeyou .txt{float:left;border-left:1px solid #e8e8e8;margin-top:6px;font-size:18px;color:#999;height:46px;overflow:hidden;line-height:1.1;padding-left:20px;text-align:center}.logo-yeyou .txt strong{font-size:24px;color:#ffc74a;font-family:"Verdana";display:block;margin:-3px 0 3px 0}.header .nav{float:left;font-size:18px;margin-top:50px}.header .nav li{float:left;height:36px;line-height:36px}.header .nav li a{display:block;width:80px;text-align:center;position:relative}.header .nav li a:hover{color:#fe662b}.header .nav li a .tip-arrow{overflow:hidden;width:0;height:0;line-height:0;display:inline-block;font-size:0;vertical-align:middle;border-top:4px solid #fe662b;border-bottom:4px dashed transparent;border-left:4px dashed transparent;border-right:4px dashed transparent;position:absolute;margin-left:-4px;top:0;left:50%}.search-con{*zoom:1;position:relative}.search-bt{position:absolute;right:-1px;top:-1px;cursor:pointer}.search-txt{width:100%;border:0}.search-txt:focus{outline:none}.search-top{float:left;margin-top:50px;width:225px}.search-top .search-con{height:24px;border:1px solid #ddd;padding:5px 65px 5px 5px}.search-top .search-txt{height:24px;line-height:24px;_height:22px;_line-height:22px;color:#999}.search-top .search-bt{width:60px;height:36px;border:none;background-color:#aaa}.search-top .active .search-bt,.search-top .search-con:hover .search-bt{background-color:#1d9ee6}.search-top .active .search-txt,.search-top .search-con:hover .search-txt,.search-top .search-txt:focus{color:#333}.nav-ico-tip{position:absolute;top:-27px;top:-27px \9;*top:-15px;left:0;width:100%;z-index:10;text-align:center;display:block}.nav-ico-tip em{display:inline-block;*display:inline;*zoom:1;padding:0 5px;height:15px;line-height:15px;background-color:#fe662b;font-size:12px;color:#fff;border-radius:4px}.nav-ico-arrow{overflow:hidden;width:0;height:0;line-height:0;display:inline-block;font-size:0;vertical-align:middle;border-top:5px dashed transparent;border-bottom:5px dashed transparent;border-left:5px solid #333;border-right:5px dashed transparent;margin-left:10px}.content{padding-top:15px}.pn{width:100%}.pn-in{width:1200px;margin:0 auto}.pn-hd{margin-bottom:4px}.pn-hd .tit{float:left;font-size:24px;height:56px;line-height:56px;margin-right:12px}.pn-hd .tit i{display:inline-block;vertical-align:middle;width:3px;height:23px;background-color:#fe662b;overflow:hidden;margin:0 9px 3px 0;*margin:16px 9px 17px 0}.pn-hd .intro{float:left;color:#aaa;margin-top:20px;font-style:italic}.pn-hd .intro b{color:#ff4800;font-style:italic;font-weight:normal}.pn-tg .tg-ptlist{margin:0 -10px 0 -10px}.pn-tg .tg-ptlist .item{width:20%}.pn-tg .tg-ptlist .item-con{padding:0 10px 0 10px}.pn-tg .tg-ptlist .pic{width:80px}.pn-tg .tg-ptlist .item-con .tit{font-size:16px;overflow:visible}.pn-tg .tg-ptlist .item-con img{display:block;border-radius:20px}.pn-tg .tg-ptlist .dec{color:#999;font-size:14px;line-height:1.8}.pn-tg .tg-ptlist .btn-game{background-color:#fff;padding:0 20px;color:#fe662b;height:30px;line-height:30px;border-radius:20px;border:1px solid #fe662b}.pn-tg .tg-ptlist .item-con:hover .tit{color:#fe662b}.pn-tg .tg-ptlist .item-con:hover .btn-game{background-color:#fe662b;color:#fff}.pn-tg .tg-ptlist .item-active .tit{color:#fe662b}.pn-fs .pn-fs-c1{margin-bottom:20px}.list-channel{overflow:hidden;*zoom:1;margin:0 -1px 2px -1px}.list-channel .item{float:left;margin:0 1px 0 6px}.list-channel .con{float:left;*zoom:1;width:108px;height:36px;overflow:hidden;background-color:#f8f8f8;color:#333;text-align:center;position:relative;*zoom:1;z-index:1;*cursor:pointer}.list-channel .c1,.list-channel .c2{display:block;-webkit-transition:all .2s;transition:all .2s}.list-channel .c1{height:36px;line-height:36px}.list-channel .c2{width:100%;padding-top:20px;height:18px;line-height:1.33;color:#fff;position:relative;left:0;top:5px;background-color:#fe662b;z-index:-1;font-size:12px}.list-channel .up .c1{color:#ff4800}.list-channel .hot .con{background-color:#fe662b}.list-channel .hot .c1{color:#fff}.list-channel .con:hover,.list-channel .con:hover .c1{color:#fff}.list-channel .con:hover .c1{line-height:22px}.list-channel .con:hover .c2{top:-38px}.list-channel .item:first-child .con{width:110px}.list-channel .ico-channel-zq{position:absolute;top:0;left:85px;width:23px;height:23px;background-position:-30px 0;*zoom:1;z-index:10}.list-channel .con:hover .ico-channel-zq{display:none}.list-channel .item:first-child .ico-channel-zq{left:87px}.search-zq{width:198px;position:absolute;right:0;top:0}.search-zq .search-con{height:26px;border:1px solid #ddd;padding:4px 75px 4px 10px}.search-zq .search-txt{height:26px;line-height:26px;color:#ccc;_height:24px;_line-height:24px}.search-zq .search-bt{width:70px;height:36px;background:#fff;color:#ff4800;border:1px solid #ddd}.search-zq .active .search-bt,.search-zq .search-con:hover .search-bt{background-color:#fe662b;border:1px solid #ff4800;color:#fff}.search-zq .active .search-txt,.search-zq .search-con:hover .search-txt,.search-top .search-txt:focus{color:#333}.slick-list{position:relative;overflow:hidden;display:block}.slick-list:focus{outline:none}.slick-track{display:block;position:relative;left:0;top:0;*zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track,.slick-loading .slick-slide{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}.slick-slide img,.slick-initialized .slick-slide{display:block}.slick-loading img{display:none}