@charset "utf-8";
/* 
	@名称: zone.css
	@日期: 2016.9.22
	@功能: 游戏网站浏览器样式渲染
	@作者: 武汉飞游科技有限公司前端工程师周伟
	@版权: 武汉飞游科技有限公司(http://www.whfeiyou.com/)保留
*/

/* CSS Document */
/* 基于normalize bootstrap 的全局重置CSS文件部分1.2版本 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {  font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 消除移动浏览器点击蓝色背景 */}
body {  margin: 0;}
article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary { /* 1 */  display: block;}
audio,canvas,progress,video {  display: inline-block;}
audio:not([controls]) {  display: none;  height: 0;}
progress {  vertical-align: baseline;}
template, /* 1 */[hidden] {  display: none;}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */ text-decoration:none;}
a:active,a:hover {  outline-width: 0; text-decoration:none;}
abbr[title] {  border-bottom: none; /* 1 */  text-decoration: underline; /* 2 */  text-decoration: underline dotted; /* 2 */}
b,strong {  font-weight: inherit;}
b,strong {  font-weight: bolder;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background-color: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em;}
sup {  top: -0.5em;}
img {  border-style: none;}
svg:not(:root) {  overflow: hidden;}
code,kbd,pre,samp {  font-family: monospace, monospace; /* 1 */  font-size: 1em; /* 2 */}
figure {  margin: 1em 40px;}
hr {  box-sizing: content-box; /* 1 */  height: 0; /* 1 */  overflow: visible; /* 2 */}
button,input,select,textarea {  font: inherit; /* 1 */  margin: 0; /* 2 */}
optgroup {  font-weight: bold;}
button,input { /* 1 */  overflow: visible;}
button,select { /* 1 */  text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {  -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  box-sizing: border-box; /* 1 */  color: inherit; /* 2 */  display: table; /* 1 */  max-width: 100%; /* 1 */  padding: 0; /* 3 */  white-space: normal; /* 1 */}
textarea {  overflow: auto;}
[type="checkbox"],[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  -webkit-appearance: textfield; /* 1 */  outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}
::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}
/* normalize.css结束 */
.clearfix {	*zoom:1}
.clearfix:before,.clearfix:after {	display:table;	line-height:0;	content:""}
.clearfix:after {	clear:both}
p{margin: 0;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li{float:left;display:inline}
.f-fr{float:right;display:inline}
/* 全站全局CSS部分结束 */

/* 当前页面通用样式 */
body{background-color:#f8f8f8;font-family:"Microsoft Yahei",arial,"Hiragino Sans GB",sans-serif;}
.f-center{height:auto;width:1200px;display:block;margin:0 auto;overflow:hidden;margin-top:15px;}
.m-title{height:26px;width:100%;display:block;overflow:hidden;}
.m-title span{border-left:6px solid #f60;display:block;height:100%;width:auto;float:left;text-indent:10px;font-size:24px;line-height:24px;}
.m-title ul{height:100%;width:auto;float:right;display:block;overflow:hidden;}
.m-title ul li{height:100%;width:auto;float:left;margin-left:20px;}
.m-title ul li a{font-size:14px;color:#333333;line-height:24px;}
.m-title ul li a:hover{color:#f60;}
.m-title ul li i{height:6px;width:6px;display:block;overflow:hidden;float:left;margin:10px 8px 10px 0;background-color:#f60;}
.m-title .m-xxk{height:24px;line-height:24px;float:right;display:block;width:auto;color:#ccc;font-size:14px;}
.m-title .m-xxk strong{font-size:14px;color:#333;font-weight:400;padding:0 6px; cursor:pointer;}
.m-title .m-xxk strong.on{color:#f60;}
.m-title .m-xxk a{color:#333;margin-left:10px;}
.m-title .m-xxk a:hover{color:#f60;}
.m-title .m-xxk strong:hover{color:#f60;}

.m-bar{height:400px;width:884px;display:block;overflow:hidden;position:relative;}
.m-bar .m-body{height:100%;width:100%;display:block;}
.m-bar .m-body li{height:400px;width:884px;display:block;float:left;}
.m-bar .m-body li a{height:100%;width:100%;display:block;}
.m-bar .m-body li a img{height:100%;width:100%;display:block;}
.m-bar .m-body li a strong{height:50px;display:block;overflow:hidden;text-indent:20px;line-height:50px;background:#333;background:rgba(0,0,0,0.5);width:700px;text-align:left;position:relative;bottom:50px;color:#fff;font-size:18px;}
.m-bar .m-body li a:hover strong{color:#f60;}
.m-bar .m-button{position:absolute;bottom:0px;height:50px;width:184px;right:0px;background:#333;background:rgba(255,102,0,0.5);text-align:center;}
.m-bar .m-button li{height:20px;width:20px;display:inline-block;background-color:#fff;margin:15px 6px; cursor:pointer;}
.m-bar .m-button li.on{width:40px;}

.m-bar-a{height:400px;width:300px;display:block;overflow:hidden;}
.m-bar-a a{height:132px;width:300px;display:block;margin-top:2px;}
.m-bar-a a img{height:132px;width:300px;}
.m-bar-a a strong{height:20px;width:160px;text-align:left;font-size:20px;color:#333;position:relative;bottom:98px;right:-130px;}
.m-bar-a a.m-one{margin-top:0px;}
.m-bar-a a:hover strong{color:#f60;}

.m-game-recommend{height:480px;width:854px;display:block;background-color:#fff;padding:15px 15px 0px;}
.m-game-recommend .m-body{height:auto;width:100%;display:block;margin-top:20px;overflow:hidden;}
.m-game-recommend .m-list{height:auto;width:870px;display:block;}
.m-game-recommend .m-list li{height:108px;width:180px;padding:10px;display:block;float:left;border:1px solid #eee;margin:0px 15px 16px 0px;}
.m-game-recommend .m-list li a{}
.m-game-recommend .m-list li a strong{height:20px;width:100%;display:block;overflow:hidden;font-weight:400;text-align:left;font-size:16px;color:#333;line-height:20px;margin:4px 0 12px ;}
.m-game-recommend .m-list li a img{height:70px;width:70px;display:block;float:left;}
.m-game-recommend .m-list li .m-con{width:100px;height:80px;display:block;overflow:hidden;float:right;}
.m-game-recommend .m-list li .m-con .m-title{height:14px;width:100%;display:block;overflow:hidden;line-height:14px;color:#999;font-size:12px;text-align:left;}
.m-game-recommend .m-list li .m-con img{height:12px;width:68px;margin-top:-10px;}
.m-game-recommend .m-list li .m-con .m-num{height:20px;width:40px;display:block;font-size:22px;color:#f60;line-height:20px;}
.m-game-recommend .m-list li .m-con .m-num span{font-size:16px;}
.m-game-recommend .m-list li .m-con .m-down{float:right;height:22px;width:50px;display:block;overflow:hidden;margin-top:-20px;}
.m-game-recommend .m-list li .m-con .m-down a{height:22px;width:22px;display:block;float:left;background:url(../images/zone_m_down.png) no-repeat;}
.m-game-recommend .m-list li .m-con .m-down a.m-down-two{background:url(../images/zone_m_down_a.png) no-repeat;float:right;}
.m-game-recommend .m-list li .m-con .m-down .m-down-one:hover{background:url(../images/zone_m_down_two.png) no-repeat;}
.m-game-recommend .m-list li .m-con .m-down .m-down-two:hover{background:url(../images/zone_m_down_a_two.png) no-repeat;}
.m-game-recommend .m-list li:hover{border:1px solid #f60;}
.m-game-recommend .m-list li a:hover strong{color:#f60;}

.m-game-recommend .m-img{height:276px;width:420px;display:block;float:left;overflow:hidden;margin-right:13px;}
.m-game-recommend .m-img .m-bgimg{height:276px;width:420px;position:relative;z-index:1;display:block;}
.m-game-recommend .m-img .m-detail{height:120px;width:420px;display:block;overflow:hidden;position:relative;bottom:120px;background-color:#333;}
.m-game-recommend .m-img .m-detail .m-dt-img{height:80px;width:80px;display:block;float:left;margin:20px;}
.m-game-recommend .m-img .m-detail .m-dt-body{height:80px;width:170px;display:block;float:left;margin:20px 0;}
.m-game-recommend .m-img .m-detail .m-dt-body .m-dt-title{height:20px;width:100%;display:block;line-height:20px;text-align:left;color:#fff;font-size:16px;margin-top:4px; overflow:hidden;}
.m-game-recommend .m-img .m-detail .m-dt-body p{height:20px;width:100%;display:block;overflow:hidden;margin:4px 0;line-height:20px;}
.m-game-recommend .m-img .m-detail .m-dt-body p span{color:#ccc;font-size:12px;}
.m-game-recommend .m-img .m-detail .m-dt-body img{height:12px;width:68px;}
.m-game-recommend .m-img .m-detail .m-button{height:38px;width:100px;display:block;float:right;background-color:#f60;margin-top:56px;text-align:center;line-height:36px;color:#fff;font-size:16px;margin-right:20px;}

.m-new-game{width:270px;height:465px;background-color:#fff;padding:15px;}
.m-new-game .m-title a{float:right;font-size:14px;line-height:24px;color:#333;}
.m-new-game .m-title a:hover{color:#f60;}
.m-new-game .m-img{height:140px;width:270px;display:block;overflow:hidden;margin-top:20px;}
.m-new-game .m-img a{height:100%;width:100%;display:block;}
.m-new-game .m-img img{height:100%;width:100%;}
.m-new-game .m-img p{height:30px;width:100%;display:block;text-align:center;position:relative;bottom:30px;background:#333;background:rgba(0,0,0,0.5);font-size:14px;color:#fff;line-height:30px;}
.m-new-game .m-img a:hover p{background-color:#f60;}
.m-new-game .m-body{height:auto;width:100%;display:block;overflow:hidden;margin-top:20px;}
.m-new-game .m-body ul{height:259px;width:300px;display:block;overflow:hidden;}
.m-new-game .m-body ul li{float:left;height:auto;width:75px;display:block;margin:0 22px 20px 0 ;}
.m-new-game .m-body ul li a{height:100%;width:100%;display:block;}
.m-new-game .m-body ul li a img{height:75px;width:75px;}
.m-new-game .m-body ul li a p{height:20px;width:100%;display:block;line-height:20px;font-size:14px;color:#333;text-align:center;}
.m-new-game .m-body ul li a p.m-title{font-size:14px;color:#333;}
.m-new-game .m-body ul li a:hover .m-title{color:#f60;}

.m-hot-console{background-color:#fff;width:1170px;padding:15px;}
.m-hot-console .m-body{height:auto;width:100%;display:block;}
.m-hot-console .m-body ul{height:auto;width:1200px; display:none;overflow:hidden;}
.m-hot-console .m-body ul li{width:80px;height:auto;display:block;margin:20px 36px 0px 4px;float:left;}
.m-hot-console .m-body ul li a{height:100%;width:100%;display:block;}
.m-hot-console .m-body ul li img{height:80px;width:80px;margin-bottom:10px;}
.m-hot-console .m-body ul li p{height:20px;width:100%;display:block;text-align:center;line-height:20px;font-size:12px;color:#999;}
.m-hot-console .m-body ul li p.m-title{color:#333;font-size:14px;}
.m-hot-console .m-body ul li a:hover .m-title{color:#f60;}
.m-hot-console .m-body ul.m-one{display:block;}

.m-hot-game{background-color:#fff;width:1170px;padding:15px;}
.m-hot-game .m-title a{float:right;font-size:14px;line-height:24px;color:#333;}
.m-hot-game .m-title a:hover{color:#f60;}
.m-hot-game .m-body{height:120px;width:100%;display:block;overflow:hidden;margin-top:20px;}
.m-hot-game .m-body .m-button{display:block;height:45px;width:45px;float:left;background:url(../images/zone_hot_game_left.png) no-repeat;margin:37px 10px;cursor:pointer;}
.m-hot-game .m-body .m-button_two{float:right;background:url(../images/zone_hot_game_right.png) no-repeat;}
.m-hot-game .m-body .m-button:hover{background:url(../images/zone_hot_game_left_a.png) no-repeat;}
.m-hot-game .m-body .m-button_two:hover{background:url(../images/zone_hot_game_right_a.png) no-repeat;}
.m-hot-game .m-body .m-body-list{height:100%;width:1024px;display:block;float:left;margin-left:8px;}
.m-hot-game .m-body ul{display:block;height:100%;width:100%;}
.m-hot-game .m-body ul li{height:120px;width:224px;display:block;float:left;margin:0 16px;}
.m-hot-game .m-body ul li a{height:100%;width:100%;display:block;}
.m-hot-game .m-body ul li a img{height:100%;width:100%;}
.m-hot-game .m-body ul li a p{height:30px;width:100%;display:block;position:relative;bottom:30px;background:#333;background:rgba(0,0,0,0.5);font-size:14px;text-align:center;color:#fff;line-height:30px;}
.m-hot-game .m-body ul li a:hover p{background-color:#f60;}

.m-apple-game{width:854px;height:410px;background-color:#fff;padding:15px;}
.m-apple-game .m-body{height:auto;width:100%;display:block;}
.m-apple-game .m-body ul{height:auto;width:900px; display:none;overflow:hidden;}
.m-apple-game .m-body ul li{height:76px;width:180px;float:left;display:block;overflow:hidden;margin:20px 45px 0px 0px;}
.m-apple-game .m-body ul li a{height:100%;width:100%;display:block;}
.m-apple-game .m-body ul li a .m-img{height:76px;width:76px;}
.m-apple-game .m-body ul li a .m-detail{height:100%;width:90px;float:right;display:block;overflow:hidden;}
.m-apple-game .m-body ul li a .m-detail p{height:20px;width:100%;display:block;text-align:left;line-height:20px;font-size:12px;color:#999;}
.m-apple-game .m-body ul li a .m-detail p.m-title{color:#333;font-size:16px;margin-top:6px;}
.m-apple-game .m-body ul li a .m-detail .m-button{ height:28px;width:80px;display:block;line-height:28px;text-align:center;background-color:#f60;color:#fff;font-size:14px;border-radius:4px;margin-top:10px;}
.m-apple-game .m-body ul li a .m-detail .m-button{display:none;}
.m-apple-game .m-body ul li a:hover .m-detail p{display:none;}
.m-apple-game .m-body ul li a:hover .m-detail img{display:none;}
.m-apple-game .m-body ul li a:hover .m-detail p.m-title{display:block;color:#f60;}
.m-apple-game .m-body ul li a:hover .m-detail .m-button{display:block;}
.m-apple-game .m-body ul.m-one{display:block;}

.m-xb-recommend{width:270px;height:410px;background-color:#fff;padding:15px;}
.m-xb-recommend .m-title a{float:right;font-size:14px;line-height:24px;color:#333;}
.m-xb-recommend .m-title a:hover{color:#f60;}
.m-xb-recommend .m-body{height:auto;width:100%;display:block;overflow:hidden;margin-top:20px;}
.m-xb-recommend .m-body ul{height:auto;width:300px;display:block;overflow:hidden;}
.m-xb-recommend .m-body ul li{float:left;height:auto;width:75px;display:block;margin:0 22px 12px 0 ;}
.m-xb-recommend .m-body ul li a{height:100%;width:100%;display:block;}
.m-xb-recommend .m-body ul li a img{height:75px;width:75px;}
.m-xb-recommend .m-body ul li a p{height:20px;width:100%;display:block;line-height:20px;font-size:12px;color:#999;text-align:center;}
.m-xb-recommend .m-body ul li a p.m-title{font-size:14px;color:#333;}
.m-xb-recommend .m-body ul li a:hover .m-title{color:#f60;}

.m-hot-hub{background-color:#fff;width:1170px;padding:15px;}
.m-hot-hub .m-xxk-title{height:40px;width:100%;display:block;border-bottom:2px solid #eee;}
.m-hot-hub .m-xxk-title ul{height:auto;width:100%;display:block;overflow:hidden;position:relative;bottom:-2px;}
.m-hot-hub .m-xxk-title ul li{height:38px;width:auto;display:block;float:left;padding:0 4px;border-bottom:2px solid #eee;margin:0 16px;cursor:pointer;}
.m-hot-hub .m-xxk-title ul li span{font-size:20px;color:#333;height:40px;width:100%;display:block;}
.m-hot-hub .m-xxk-title ul li:hover{border-bottom:2px solid #f60;}
.m-hot-hub .m-xxk-title ul li:hover span{color:#f60;}
.m-hot-hub .m-xxk-title ul li.on{border-bottom:2px solid #f60;}
.m-hot-hub .m-xxk-title ul li.on  span{color:#f60;}
.m-hot-hub .m-body{height:auto;width:100%;display:block;overflow:hidden;}
.m-hot-hub .m-body ul {height:auto;width:1200px;display:none;}
.m-hot-hub .m-body ul li{float:left;height:120px;width:220px;display:block;overflow:hidden;margin:20px 20px 0px 0px;}
.m-hot-hub .m-body ul li a{height:100%;width:100%;display:block;cursor:pointer;}
.m-hot-hub .m-body ul li img{height:120px;width:220px;}
.m-hot-hub .m-body ul li p{height:26px;width:100%;display:block;overflow:hidden;position:relative;bottom:26px;background:#333;background:rgba(0,0,0,0.5);line-height:26px;font-size:12px;color:#fff;text-align:center;}
.m-hot-hub .m-body ul li a:hover p{background-color:#f60;}
.m-hot-hub .m-body ul.m-one{display:block;}