@charset "utf-8";
/* CSS Document */
.yw_con{ width:100%; overflow:hidden; position:relative;top:0px; padding-bottom:20px;}

/*轮播*/
.banner{ overflow:hidden; width:100%;}
/*slides*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {float:left;display: inline; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 7.2rem; display: block; height: 3rem;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; width:10000000px;}
.carousel li { margin-right: 5px; }
.flex-control-nav {width:100%; position: absolute; bottom: -1px;  text-align:center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:10px; height:10px; display: block;   background: rgba(255, 255, 255, 1); text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;  }
.flex-control-paging li a.flex-active {background: #14B9C8;cursor: default;}

/*二级导航*/

/* .small_nav{ width:100%; height:87px;  display:block;}
.small_nav ul{ width:100%; height:87px;  display:block;}
.small_nav li{ width:25%; float:left; height:87px;}
.small_nav li a{ width:48px; height:63px; display:block; text-align:center; font-size:12px; color:#2a2929; margin:10px  auto 14px  auto;}
.small_nav li a .zx{ display:block; width:48px; height:48px; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:240px auto; background-position:0px 0px;}
.small_nav li a .rj{ display:block; width:48px; height:48px; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:240px auto; background-position: -58px -97px;}
.small_nav li a .zb{ display:block; width:48px; height:48px; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:240px auto; background-position:-116px 0px;}
.small_nav li a .tj{ display:block; width:48px; height:48px; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:240px auto; background-position:-174px 0px;}
.small_nav li a em{border-radius: 50%;} */
.small_nav{ width:100%; display:block;}
.small_nav ul{overflow:hidden;zoom:1;display:block;margin-top:10px;}
.small_nav li{ width:25%; float:left;padding-right:2px;box-sizing:border-box;}
.small_nav li a{height: 30px;line-height: 30px;display:block;text-align:center;font-size: 14px;color:#fff;}
.small_nav li a em{display:none;}
.small_nav li:nth-child(1) a{ background:#00bfff;}
.small_nav li:nth-child(2) a{ background:#fb7251;}
.small_nav li:nth-child(3) a{ background:#aedd6a;}
.small_nav li:nth-child(4) a{ background:#fdc800;}
.small_nav li:nth-child(4){ padding-right:0;}
/*线*/
.h_list{ width:100%; height:10px; background:#ececec; }

/*精选游戏*/

.g_box{ width:100%; overflow:hidden;}
.g_box p{ padding:0 10px; height:36px; border-bottom:1px solid #ececec;}
.g_box p .jx{ width:9px; height:21px; display:block; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:180px auto; background-position:0px -40px; float:left; margin:10px 0 0 0;}
.g_box p .jx_z{ font-size:14px; color:#5a5a5a; font-weight:bolder; height:36px; line-height:39px; margin-left:12px;}

/*推荐游戏*/
.g_box p .tj{ width:19px; height:18px; display:block; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:180px auto; background-position:-20px -40px; float:left; margin:9px 0 0 0;}
.g_box p .tj_z{ font-size:14px; color:#5a5a5a; font-weight:bolder; height:36px; line-height:39px; margin-left:6px;}

.g_box p .rm{ width:17px; height:19px; display:block; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:180px auto; background-position:-134px -40px; float:left; margin:10px 0 0 0;}
.g_box p .rm_z{ font-size:14px; color:#5a5a5a; font-weight:bolder; height:36px; line-height:39px; margin-left:8px;}

/*合集*/
.g_box p .hj{ width:19px; height:16px; display:block; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:180px auto; background-position:-51px -40px; float:left; margin:10px 0 0 0;}
.g_box p .hj_z{ font-size:14px; color:#5a5a5a; font-weight:bolder; height:36px; line-height:39px; margin-left:8px;}
.hj_list{ width:100%; overflow:hidden; margin-bottom:12px;}
.hj_list li{ width:46%; border:1px solid #e5e5e5; height:58px; background:-webkit-gradient(linear, 0% 0%, 0% 90%,from(#ffffff), to(#f0f0f0)); margin-top:12px; float:left; margin-left:2.3%;}
.hj_list li a{ display:block; overflow:hidden;}
.hj_list li a .hj_img{ width:34%; float:left; height:58px;}
.hj_list li a .hj_img img{ width:40px; height:40px; border-radius:10px; display:block; overflow:hidden; margin:10px auto 0 auto; }
.hj_list li a .hj_mc{ width:66%; float:left; height:58px;}
.hj_list li a .hj_mc span{ width:80px; height:32px; line-height:16px; font-size:12px; color:#676666; display:block; overflow:hidden; margin:15px auto 0 auto;}

/*标签*/
.g_box p .bq{ width:15px; height:21px; display:block; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:180px auto; background-position:-81px -40px; float:left; margin:7px 0 0 0;}
.g_box p .bq_z{ font-size:14px; color:#5a5a5a; font-weight:bolder; height:36px; line-height:39px; margin-left:8px;}
.g_box .bq_list{ padding:0 10px 6px 10px; overflow:hidden;}
.g_box .bq_list li{ width:25%; float:left; height:30px; margin-top:12px;}
.g_box .bq_list li a{ display:block; overflow:hidden; font-size:14px; color:#1a1a1a; text-align:center; line-height:30px; border-radius:3px; height:30px; padding:0 3px;}
.g_box .bq_list li .label_1{ background:#ffc700; color:#ffffff;}
.g_box .bq_list li .label_2{ background:#ea5e70; color:#ffffff;}
.g_box .bq_list li .label_3{ background:#35babd; color:#ffffff;}
.g_box .bq_list li .label_4{ background:#26bff7; color:#ffffff;}


.g_box .adv1{ box-shadow:0px 1px 1px #8e8989; margin:10px 10px 0 10px;}
.g_box .adv1 img{ width:100%; display:block; overflow:hidden;}
.g_box .adv2{ box-shadow:0px 1px 1px #8e8989; margin:10px 10px 0 10px;}
.g_box .adv2 img{ width:100%; display:block; overflow:hidden;}

.g_box p a{ float:right; display:block; overflow:hidden; width:36px; height:36px; font-size:12px; color:#8d8a8a; line-height:38px;}
.g_box p a em{ width:10px; height:12px; display:block; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:180px auto; background-position:-113px -40px; float:right; margin-top:13px;}
.g_box .g_line{ width:100%; height:1px; background:#ffffff; display:block;}
.game_list{ width:100%; display:block; float:left;}
.game_list li{ width:25%; float:left; display:block; overflow:hidden; padding:10px 0 12px 0;}
.game_list li .g_logo{ background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:360px auto; background-position:-3px -181px; display:block; width:60px; height:60px; border-radius:10px; border-bottom:2px solid #c8c6c6; margin:0 auto;}
.game_list li .g_logo img{ width:60px; height:60px; border-radius:10px; display:block;}
.game_list span{ font-size:14px; color:#171515; display:block; height:14px; line-height:14px; text-align:center; margin:6px auto 8px auto; width:80%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.game_list .g_down{display:block;overflow:hidden;/* background:url(../images/yiwan_sy_bg.png) no-repeat; */background-size:360px auto;background-position:0px -145px;width:56px;height: 26px;margin:0 auto;font-size:12px;color: #14B9C8;line-height: 26px;text-align:center;border: 1px solid #14B9C8;border-radius: 3px;}

/*热搜游戏*/
.g_nav{ width:100%; margin:16px auto 0 auto; overflow:hidden;}
.g_nav ul{ width:96%; overflow:hidden; margin:0 auto; border-top-left-radius:5px; border-left:1px solid #e5e5e5;}
.g_nav li{ width:33%; float:left; height:36px;}
.g_nav li a{display:block;padding-right:1px;border-right:1px solid #e5e5e5;height:34px;border-bottom: 1px solid #14B9C8;border-top:1px solid #e5e5e5;border-top-left-radius:5px;border-top-right-radius:5px;background:-webkit-gradient(linear, 0% 0%, 0% 90%,from(#ffffff), to(#f0f0f0));font-size:14px;color:#5a5a5a;text-align:center;line-height:34px;}
.g_nav .hover a{background: #14B9C8;border-bottom: 1px solid #14B9C8;border-top: 1px solid #14B9C8;color:#ffffff;border-right: 1px solid #14B9C8;}
.gtabbox{ width:96%; overflow:hidden; border-left:1px solid #e5e5e5; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin:0 auto 12px auto; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; }
.gtabbox .gtab{ width:100%; height:338px;}
.gtabbox .gtab .g_line{ margin-left:5px; margin-right:5px; height:1px; background:#ececec; margin-top:13px; display:block; border-bottom:1px solid #ffffff;}
.gtabbox .gtab .infobox{ width:100%; height:64px; display:block; overflow:hidden;  position:relative;}
.rs_list{ padding:0 5px; display:block; height:64px;}
.rs_list .g_img{ width:48px; height:64px; display:block; float:left;}
.rs_list img{ width:48px; height:48px; border-radius:10px; margin-top:8px; position:relative;}
.rs_list .g_img em{display:block; width:22px; height:18px; background:url(../images/download.png) no-repeat; background-size:60px auto; background-position:0px 0px; position:absolute; top:1px; left:75px;}
.rs_list .number{ display:block; width:28px; height:82px; text-align:center; line-height:82px; float:left; overflow:hidden; font-size:18px; color:#f9c103;}
.rs_list .g_name{ padding:14px 73px 11px 63px;}
.rs_list .g_name p{ font-size:16px; color:#252627; height:16px; line-height:16px; overflow:hidden;    white-space: nowrap;text-overflow: ellipsis;}
.rs_list .g_name .fl{ float:left; font-size:12px;color:#96999a; margin-top:11px; height:12px; line-height:12px;}
.rs_list .g_name .dx{ font-size:12px; float:left; color:#96999a; height:12px; line-height:12px; margin-top:11px;}
.rs_list .g_name em{color: #14B9C8;height:12px;line-height:11px;display:block;float:left;margin-top:12px;}

 .infobox .g_down{ width:73px; height:64px; display:block; float:right; position:absolute; top:0px; right:0px; }
 .infobox .g_down span{ border:2px solid #dcdcdc; border-radius:5px; font-size:13px; color:#8f8f8f; line-height:27px; display:block; width:64px; height:27px; margin-top:16px; margin-right:5px;}
 .infobox .g_down em{ width:12px; height:12px; display:block; background:url(../images/download.png) no-repeat; background-size:60px auto; background-position:0px -108px; float:left; margin:8px 0 0 13px;}

.gtabbox .gtab .line{ margin-left:5px; margin-right:5px; height:1px; background:#ececec; display:block; border-bottom:1px solid #ffffff; }

/*魔兽地图板块新增 190118*/
.msdt.g_box p .rm{ width: 20px; height: 18px; background-position: -155px -40px; }
.msdt .game_list li{ width: 33%;padding:10px 0 5px 0; }
.msdt .game_list li span{ margin: 6px auto 6px auto; }
.msdt .game_list li .g_logo{ width: 100%; padding: 0 10px; height: 66%; box-sizing: border-box; background: none; border:none; border-radius: 0;}
.msdt .game_list li .g_logo img{ width: 100%; height: 100%; border-radius: 0; }

/*新增手机游戏*/
.phone{position: relative; }
.phone .ptit{ padding:0 10px; height:36px; border-bottom:1px solid #ececec;}
.phone .ptit .tj{ width:19px; height:19px; display:block; overflow:hidden; background:url(../images/yiwan_sy_bg.png) no-repeat; background-size:180px auto; background-position:-156px -40px; float:left; margin:9px 0 0 0;}
.phone .ptit .tj_z{ font-size:14px; color:#5a5a5a; font-weight:bolder; height:36px; line-height:39px; margin-left:6px;}

.pcon{ padding: 0 12px; }
.pcon ul li{height: 70px;padding: 12px 0;overflow: hidden;position: relative;z-index: 0;border-bottom: 1px solid #f1f1f1;}
.pcon ul li a.game_con{ margin-right: 70px; overflow: hidden;zoom:1; display: block;}
.pcon ul li a.game_con img{width:70px;height:70px;border-radius: 15px;float: left;margin-right:10px;}
.pcon ul li a.game_con .game_title{overflow: hidden;margin-left: 75px;}
.pcon ul li a.game_con .game_title h3{font-size: 16px;color: #090909;height: 20px;line-height: 20px;overflow: hidden;margin-top: 2px; font-weight: normal;}
.pcon ul li a.game_con .game_title span{display: block;height: 22px;line-height: 20px;color: #777;overflow: hidden;font-size: 13px;margin-top: 3px;margin-bottom: 1px;}
.pcon ul li a.game_con .game_title span font,.goodgame_list ul li a.game_con .game_title span em{color: #979797;}
.pcon ul li a.game_con .game_title .discribe{height: 16px;line-height: 16px;overflow: hidden;color: #aaa;display:  block;white-space: nowrap;text-overflow:  ellipsis;font-size: 12px;}
.pcon ul li a.game_con .game_title span em{  display: inline-block; }
.pcon ul li a.game_con .game_title span em i{width: 13px;height:15px;display: inline-block;background: url(../images/down.png) no-repeat;background-size: 100% auto;margin-left:15px;margin-top:2px;float: left;margin-right:5px;}
.pcon ul li .game_down{display: block;width:52px;height:23px;line-height: 23px;font-size: 12px;color: #fff;overflow: hidden;position: absolute;right:0;top: 34px;text-align: center;border-radius: 3px;background: #14B9C8; text-align:center; border:1px solid #14B9C8;}

.ptab{width: 100px;height:36px;position: absolute;right:10px;top:0;}
.ptab a{width: 48%;display: inline-block;font-size: 14px;color: #14B9C8;text-align: center;height:36px;position: relative; line-height: 36px;}
.ptab a.hover{color: #14B9C8;font-weight: bold;background-size: 100% auto;border-bottom: 3px solid #14B9C8;}
.ptab a.hover i{width: 0;height:0;display: block;position: absolute;left: 50%;margin-left: -6px;bottom:-1px; border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #14B9C8;}

/*d_banner*/
.d_banner{ width: 100%;}
.d_banner h1{font-size: 20px; font-weight: bold;color: #333; padding: 0 10px; height: 40px; line-height: 40px;margin-bottom: 0;margin-top: 10px;}
.d_content{padding: 0 10px;}
.d_content p{ line-height: 28px; padding: 5px 0; margin: 0; font-size: 14px;color: #737171;}
.d_content img{ width:100%; }
.nfooter{ width: 100%; padding: 20px 0; background:#30302f; text-align: center;font-size: 15px; color: #dbd9d9; line-height: 30px; margin-top: 15px;}
.nfooter p{font-size: 14px;color: #dbd9d9;margin: 0;}
.nfooter a{margin-left: 10px;color: #dbd9d9;}