@charset "gb2312";
/* 顶部 */
.g-w1200 {
    width: 1170px;
    margin: 0 auto;
}
.m-intop {margin-bottom: 20px;}

.m-intopdl{ margin-top:15px; padding:13px 12px; background:#fff;overflow:hidden;}
.m-intopdl dt{float:left; width:130px; background:#f6f6f6; }
.m-intopdl dt i{position:relative; display: block;  height:54px; line-height:54px; border-bottom:1px solid #e0e0e0; color:#666; font-size:18px; cursor:pointer; padding-left: 20px;}
.m-intopdl dt i.hover{color:#fff; background:#19b5ff;}

.m-intopdl dd{ float:left; margin-left:4px; width:1010px;  overflow:hidden;}
.m-intopdl dd div{ position:relative;overflow:hidden; z-index:999;}
.m-intopdl dd div ul{width:1030px; overflow:hidden;}
.m-intopdl dd div li{width:80px; padding-left:20px; float:left;position:relative;}
.m-intopdl dd div li a{display:block;width:85px;  font-size:14px;text-align:center;overflow:hidden;}
.m-intopdl dd div li a img{margin:0 auto;width: 80px;height: 80px;display: block;border-radius:16px; }
.m-intopdl dd div li a span{height:30px;line-height:30px; display:block; overflow: hidden; padding-top: 3px}


/* 第二排 */
.top-r{width: 590px;float: right; background-color: #fff; height: 364px;}



.ban-wrap{float: left;width: 560px;height: 360px;}

/* 幻灯图 */
.m-box{width: 565px;height:364px;position:relative;text-align:center;overflow: hidden; float: left;}
.m-box .m-flashul{width:5000px;position:absolute;top:0;left:0;}
.m-box .m-flashul li{float:left;}
.m-box .m-li{width:100%;position:absolute;left:0;bottom:50px;}
.m-box .m-li li{width:10px;height:10px;background:#ccc;border-radius:50%;display:inline-block;margin:0 3px;cursor:pointer;}
.m-box ul li a img { display: block;width: 565px;height:364px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;	-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); }
.m-box ul li a:hover img {transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;	transform:scale(1.2); -webkit-transform:scale(1.2);	-moz-transform:scale(1.2); -o-transform:scale(1.2);}
.m-box ul li a { display: block; position: relative; }

.m-box ul li a p{ position: absolute; width: 96%;padding: 0 2%; height: 40px; line-height: 40px; left:0; bottom:0px; font-size: 20px; background-color: rgba(0,0,0,0.5);*background-color:#333; ;color: #fff; }
.m-box ul li a:hover p { background-color: rgba(0,0,0,0.5); }
.m-box .but{position: absolute;top:50%;margin-top:-30px;width:38px;height:60px;line-height:60px;text-align:center;font-size: 30px;background:rgba(0,0,0,0.5);color:#fff;font-family: '瀹?浣?';cursor:pointer;display: none;}
.m-box:hover .but{display:block;}
.m-box .but-left{left:0;}
.m-box .but-right{right:0;}
.m-box .m-li .index{background:#f60;width: 30px;border-radius:10px;}
.m-box .bar{ position: absolute; left: 0; bottom: 0; height: 5px; background-color: hsla(24,100%,50%,0.5); }



.m-toopd h5{ overflow:hidden; margin:15px; font-weight: normal}
.m-toopd h5 a{display:block; font-size:20px; font-weight:bold; text-align:center; color:#19b5ff;height: 25px;line-height: 25px; overflow:hidden}
.m-toopd h5 p{ display:block; color:#999; margin-top:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}



.m-intdul { padding: 0 15px}
.m-intdul li{ height: 35px; line-height: 35px; overflow: hidden;}
.m-intdul li.cur{ height:80px;}
.m-intdul li .app-img span{ float:left;}
.m-intdul li span { display: inline;  position: relative;  top: 1px; float: right;  padding-left: 10px; color: #666;}
.m-intdul li i { display: inline; float: left; width: 92px; height: 17px; line-height: 17px; margin: 8px 7px 0 0; padding: 0 4px 0 0; border-right: 1px solid #999; font-style: normal; overflow: hidden;  text-align: right;}
.m-intdul li i a{ font-size:14px; color:#999999;}
.m-intdul li img { position: relative; top: -1px; width: 20px; height: 20px; margin-right: 9px;}
.m-intdul li a { font-size: 16px; overflow: hidden;}




.g-divbg { background:#fff; width:1168px; border:1px #dbdbdb solid; margin-bottom: 13px;}

.m-title {	height:55px;	line-height:55px;	border-bottom:2px solid #19b5ff;	font-size: 16px; margin: 0 20px}
.m-title h2 {	font-size:24px;	font-family:Candara;	color:#ddd;	font-weight:400;	float:left;	padding-right:0px}
.m-title h2 i {display:inline-block; width: 40px; height: 40px;background: url(../../img/www/ico.jpg) no-repeat; float: left; margin:7px 4px 0 0 ;}
.f-az h2 i { background-position: 0 -52px }
.f-ios h2 i {background-position: 0 -112px}
.f-fnl h2 i {background-position: 0 -166px}
.f-link h2 i {background-position: 0 -220px}
.m-title h2 b {	display:inline-block;	font-size:24px;	font-weight:400;	color:#676767;	font-family:"Microsoft YaHei";	padding:0 2px;	margin-right:10px;		position:relative;	bottom:1px}
.m-title span {	font-size:20px;	color:#ddd}
.m-title span i {	cursor:pointer;	padding:0 20px;	font-size:20px;	color:#333}
.m-title span .hover {	color:#19b5ff}


.m-top2 { margin-bottom: 15px}

.inrank {  width: 280px }
.main-box2 { width: 880px }
.corner { padding-bottom: 20px}
.corner li {	width:102px;	padding:15px 0px 0 22px;	float:left;	text-align:center}
.corner li img { border-radius: 15px;	width:86px;	height:86px;	margin:0 auto 3px auto}
.corner li p {	height:22px;	line-height:22px;	overflow:hidden; margin-bottom:4px;}
.corner li .lb {	font-size:12px;	color:#999}
.corner li a i { display: block;    width: 60px;    height: 22px; line-height: 22px;margin: 0 auto;text-align: center;border: 1px solid #ccc;    font-size: 12px;    border-radius: 4px; color: #999 }
.corner li a:hover i {background-color:#19b5ff; color:#fff; border:1px solid #19b5ff;}
.m-topul { margin-right: 20px;}
.m-topul li p {	display:none}
.m-topul .f-ix p {	display:block}
.m-topul li {	padding-left:30px;	position:relative;height:32px;	line-height:30px;	overflow:hidden;	}
.m-topul .f-ix {	height:100px}

.m-topul li .num {	width:20px;	height:20px;	background:#879299;	color:#fffefe;	font-size:14px;	text-align:center;	line-height:20px;	position:absolute;	left:0;	top:12px}
.m-topul li .r1 {	background:#fa4e57}
.m-topul li .r2 {	background:#fa7a53}
.m-topul li .r3 {	background:#fbc258}
.m-topul li .txt {	display:block;	overflow:hidden;height:30px;	line-height:30px;	margin-top:7px}
.m-topul li p {	height:56px;	margin:5px 0 0 0}
.m-topul li .img,.m-topul li .img img {	width:56px;	height:56px; border-radius: 12px;}
.m-topul li .img {	float:left;	padding-right:8px}
.m-topul li span {	float:left;	width:160px;	position:relative;	top:-6px}
.m-topul li span a {	display:block;	width:90px;	height:30px;	line-height:30px;	text-align:center;	border:1px solid #19b5ff;	border-radius:3px;	color:#19b5ff}
.m-topul li span a:hover {	background:#19b5ff;	color:#fff}
.m-topul li span i {	color:#999}
.m-topul li span i s {	margin-left:5px}

.m-topul li span,.m-topul li span {	top:-4px}
.m-topul li span i {	display:block;	height:24px;line-height:24px}
.m-topul li span i {	display:block;	height:22px;	line-height:22px}

.m-content .ctr {	position:absolute;	top:-38px;right:0px;	display:inline}
.m-content .ctr span {	*position:absolute;	right:60px}
.m-content .ctr .more {	float:right;	border:none}
.m-content .ctr a {	padding:0 7px;	border-right:1px solid #ddd;	font-size:16px}
.star0,.star1,.star2,.star3,.star4,.star5,.star6 {	background:url(../../img/www/star.png) no-repeat;	width:84px;	height:13px;	display:inline-block}
.star1 {	background-position:0 -26px}
.star2 {	background-position:0 -52px}
.star3 {	background-position:0 -78px}
.star4 {	background-position:0 -104px}
.star5,.star6 {	background-position:0 -130px}


.inrank h3 {	padding-left:20px;	border-bottom:none;padding-left:24px;	position:relative;	top:5px}
.inrank h3 i{	display:inline-block;	width:20px;	height:20px;	background:url(../../img/www/spr.png) -6px -199px no-repeat}
.inrank h3 i{	position:absolute;	left:0;	top:13px}

.inrank h3 {	height:42px;	line-height:42px;	font-size:18px;		font-weight:400}

.m-intl { width: 390px;margin:20px 20px 0; }
.m-intc { width: 430px;  overflow: hidden; margin-top: 20px; }
.m-intr { width: 300px; margin:20px 20px 0 0; }


.m_toprank{width:360px;float:left; background:#fff;     box-sizing: border-box;    border-radius: 4px;    margin-left: 20px;}

.m_toprank li{color:#6c6c6c; margin-top:13px;    position: relative;  }
.m_toprank li.f-ix{       height: 112px;    background-color: #fff;      border-radius: 8px;    border: solid 1px #ddd;    box-sizing: border-box;    margin-top: 10px;}
.m_toprank li .num_bg{background:url(../../img/www/num_bg10.png) no-repeat;float:left;width:29px;height:29px;line-height:29px;text-align:center;font-size:18px;color:#fff;    margin-left: 10px;}
.m_toprank li .num_bg1{background:url(../../img/www/num_bg1.png) no-repeat;}
.m_toprank li .num_bg2{background:url(../../img/www/num_bg4.png) no-repeat;}
.m_toprank li .num_bg3{background:url(../../img/www/num_bg4.png) no-repeat;}
.m_toprank li .p1{width:80px;float:left;margin-top:15px;margin-left:10px;display:none}
.m_toprank li .p1 img{width:80px;height:80px;display:block;border-radius: 14px;}
.m_toprank li .p2{width:155px;float:left;margin-left:12px;display:inline}
.m_toprank li .p2 p{    width: 260px;    float:left;line-height:25px; height:25px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;color: #ccc;position: absolute;    top: -1px;}
.m_toprank li .p2 p a{font-size:14px;margin-left:2px;color: #2a2a2a;}
.m_toprank li .p2 span{display:none}
.m_toprank li .p2 em{display:none;float:left;    width: 76px;    height: 32px;    position: absolute;    top: 46px;    right: 16px;}
.m_toprank li .p2 em a{width:76px;line-height:32px;float:left;font-size:14px; color:#19b5ff;border:1px solid #19b5ff; text-align:center;
    border-radius: 5px;}
.m_toprank li .p2 em a:hover { background: #19b5ff; color: #fff}
.m_toprank li .p3{float:right;    margin-top: 3px;}
.m_toprank li .p3 span{    margin-left: 2px;    margin-top: 7px;height: 20px;width: 100px;overflow: hidden;}
.m_toprank li.f-ix .num_bg{    display: block;    margin-top: 43px;}
.m_toprank li.f-ix .p1{display:block;    height: 80px;}
.m_toprank li.f-ix .p1 a{    display: block;}
.m_toprank li.f-ix .p2{    width: 222px;    height: 111px;    position: absolute;    left: 130px;    top:10px;}
.m_toprank li.f-ix .p2 p{    top: 9px; width: 220px;}
.m_toprank li.f-ix .p2 p a{font-weight:bold; font-size: 16px;}
.m_toprank li.f-ix .p2 span{display:block;}
.m_toprank li.f-ix .p2 em{display:block}
.m_toprank li .p2 .wangyou-erweima-icon,.m_toprank li .p2 .wangyou-erweima-icon i{    cursor: pointer;    display: none;    width: 24px;    height: 24px;    font-size:24px;    color: #98989898;}
.m_toprank li .p2 .wangyou-erweima-icon:hover +.wangyou-erweima-img{    display: block;    z-index: 3;}
.iconfont{    font-family:"iconfont" !important;    font-size:16px;font-style:normal;    -webkit-font-smoothing: antialiased;    -webkit-text-stroke-width: 0.2px;    -moz-osx-font-smoothing: grayscale;}
.m_toprank li .p2 .wangyou-erweima-img{    cursor: pointer;    display: none;    position: absolute;    width: 138px;    height: 143px;    top: -23px;    right: 86px;    background: url(../../img/www/wy_erweima.png) no-repeat 100% 100%;    background-size:cover;}
.m_toprank li .p2 .wangyou-erweima-img .erweima-img{    width: 106px;    height: 106px;    position: absolute;    left: 10px;    top: 10px;    background: #000;}
.m_toprank li .p2 .wangyou-erweima-img p{    font-size: 12px;    font-weight: normal;    font-stretch: normal;    line-height: 26px;    letter-spacing: 0px;    color: #999;    position: absolute;    top: 113px;    left: 20px;}
.m_toprank li.f-ix .p2 .wangyou-erweima-icon{    display: block;    position: absolute;    top: 65px;    right: 40px;}
.m_toprank li.f-ix .p2 .wangyou-erweima-icon i{    display: block;}
.m_toprank li.f-ix .p3{    position: absolute;    z-index: 1;    left: 143px;    top: 48px;    margin-top: 0;}
.m_toprank li.f-ix .p3 span{    display: block;}
.m_toprank .p3 span { display: none}
.m-hotul { padding: 10px 0;}
.m-m0 { margin-left: 0}

.wy_rank li .num_bg1{background:url(../../img/www/num_bg2.png) no-repeat;}
.wy_rank li .num_bg2{background:url(../../img/www/num_bg2.png) no-repeat;}
.wy_rank li .num_bg3{background:url(../../img/www/num_bg2.png) no-repeat;}
.single_rank li .num_bg1{background:url(../../img/www/num_bg3.png) no-repeat;}
.single_rank li .num_bg2{background:url(../../img/www/num_bg3.png) no-repeat;}
.single_rank li .num_bg3{background:url(../../img/www/num_bg3.png) no-repeat;}


.h5_tit{    position:relative;  border-bottom:1px solid #dcdcdc;   margin-top: 15px;    height:40px;line-height:40px;}
.h5_tit p{    padding:0 3px;    height: 22px;    position: absolute;    top: 0;    left: 17px;    font-size: 16px;    font-weight: bold;    font-stretch: normal;    line-height: 26px;    letter-spacing: 0px;    color: #333;}
.h5_tit span{    position: absolute;    display: block;    width: 4px;    height: 25px;    left: 0;    top: 0;    background-color: #19b5ff;}
.h5_tit a{float: right;    font-size: 14px;    padding: 0 19px 0 0;    background: url(../../img/www/icon.png) no-repeat 33px -106px; line-height: 26px;}
.m-tabpin i{
padding: 0px 13px;
    color: #999;
    cursor: pointer;
    font-size: 15px;
    border-left: 1px solid #ddd;}
    .m-tabpin i.hover {color: #19b5ff;}

/* 新加头部 */


.g-flash {margin-bottom: 13px;}


.news-rec{float:left;width:400px;height:320px;padding:0;padding-bottom:10px}
.news-rec-box{margin:10px;height:243px;overflow:hidden;position:relative}



.nindex-title b{float:left;border-left:7px #19b5ff solid;line-height:20px;text-indent:15px;display:block;font-size:18px;font-weight:400}
.nindex-title .nindex-title-r{float:right}
.nindex-title.line{padding-bottom:10px;border-bottom:#eee 1px solid}
.nindex-title .nindex-title-r a{color:#999}
.text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.new-publish{width:710px;float:right;height:320px}
.new-publish .nindex-title-r span{font-size:16px;margin-left:30px}
.new-publish .nindex-title-r span.cur{color:#19b5ff;font-weight:700}
.new-publish .box-content.cur{display:block}
.new-publish dl,.new-publish ul{float:left;text-align:center;margin:0px 0 0 0}
.new-publish dl:first-child{border:0;width:370px}
.new-publish ul li{float:left;color:#999;width:14.66%;margin:20px 1% 0 1%}
.new-publish ul li a{display:block;}
.new-publish ul li img{display:block;width:71px;height:71px;margin:0 auto}
.new-publish ul li b{display:block;font-weight:400;font-size:14px;margin:5px 0 0 0;color: #2a2a2a;}
.new-publish dl{padding-left:20px;width:350px}
.new-publish dl:first-child{padding:0 20px 0 0;width:350px}
.new-publish dl dd{text-align:left;position:relative;line-height:30px}
.new-publish dl dd b{font-weight:400;width:85%;display:block}
.new-publish dl dd b span{color:#999;padding-right:5px}
.new-publish dl dd em{position:absolute;right:0;top:0;color:#666}

.new-publish dl dd:hover a{color:#666}

.box{background:#fff;padding:10px;border: 1px #dbdbdb solid;}

.nindex-title { margin: 5px 0 10px 5px;}
.Slides{margin-bottom:20px;width:386px;height:314px;position:relative;overflow:hidden;margin:7px auto;}
.Slides ul.Bimg{width:386px;height:240px}
.Slides ul.Bimg li{width:386px;height:240px;position:absolute;left:0;top:0}
.Slides ul.Bimg li a{display:inline-block;width:386px;height:240px;overflow:hidden;position:relative}
.Slides ul.Bimg li a div{cursor:pointer;position:absolute;left:0;bottom:0}
.Slides ul.Bimg li a .mask{width:100%;height:90px}
.Slides ul.Bimg li a .txt{position:absolute;left:0;z-index:2;bottom:0;padding-left:10px;width:320px;height:34px;line-height:34px;color:#f2f2f3;font-size:16px;font-weight:700;font-family:'Microsoft YaHei';white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.Slides ul.Bimg li a .txt{text-shadow:1px 1px 1px #000;_filter:DropShadow(Color=#000, OffX=1, OffY=1, Positive=1)}
.Slides ul.Bimg li a:hover{text-decoration:none}
.Slides ul.Bimg li a:hover .txt{color:#fff}
.Slides ul.Bimg img{width:386px;height:240px}
.Slides ul.Bimg li .bg{position:absolute;width:100%;left:0;bottom:0;height:40px;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:0}
.Slides a.btn{display:inline-block;width:34px;height:47px;position:absolute;top:98px;z-index:2;background:url(../../img/www/slide-btn.png) no-repeat}
.Slides a.btn.Lbtn{left:-34px;background-position:0 0;border-radius:0 5px 5px 0}
.Slides a.btn.Rbtn{right:-34px;background-position:-34px 0;border-radius:5px 0 0 5px}
.Slides a.btn.Lbtn:hover{background-position:0 -47px}
.Slides a.btn.Rbtn:hover{background-position:-34px -47px}
.Slides .focus-num{position:absolute;right:0;bottom:70px;z-index:2}
.Slides .focus-num{padding-right:10px;*padding-right:5px;display:inline-block;width:auto;height:auto;line-height:40px;color:#f2f2f3;font-size:18px;font-style:italic;font-family:'Microsoft YaHei'}
.Slides .focus-num .current{color:#19b5ff;font-size:20px}
.Slides .focus-num:first-letter{font-size:30px}
.Slides .JinDu{width:386px;height:5px;background-color:#000}
.Slides .JinDu img{display:block}
.Slides .JinDu .tiao{width:100%;height:5px;background-color:#19b5ff;display:none}
.Slides .JinDu .tiao.cur{animation:tiao 4.9s ease-in-out forwards}
.Slides .Small{width:384px;height:69px;position:relative}
.Slides .Small div{position:absolute;bottom:0;left:0}
.Slides .Small .smlfd{width:96px;height:69px;background:#bbb}
.Slides .Small .Simg{width:800px;height:69px}
.Slides .Small .Simg img{width:80px;height:50px; margin: 0 auto;}
.Slides .Small .Simg a {float:left;padding-top:9px;display:inline-block;width:96px;height:60px;text-align:center}
.Slides .Slides_ad{width:100%;height:auto;position:absolute;left:0;top:0;z-index:10}
.Slides .Slides_ad .Slides_ad_top{width:100%;height:26px}
.Slides .Slides_ad .Slides_ad_top a{display:inline-block}
.Slides .Slides_ad .Slides_ad_con{width:386px;height:288px;position:relative}
.Slides .Slides_ad .Slides_ad_con a{display:inline-block;position:absolute}
.Slides .Slides_ad .Slides_ad_con a.like{width:386px;height:288px;left:0;top:0}
.Slides .Slides_ad .Slides_ad_con a.close{width:16px;height:16px;line-height:16px;font-size:16px;text-align:center;background:#fff;border:1px solid #000;right:0;bottom:0}


/* 最新专题 */
.phone-game{margin:12px 0}
.tab-content{display:none}
.tab-content.cur{display:block}
.tab-content-l{width:832px;float:left}
.tab-content-l ul{display:none}
.tab-content-l ul.cur{display:block}
.tab-content-l ul li{float:left;text-align:center;width:14.66%;margin:10px 1%}
.tab-content-l ul li a,.tab-content-l ul li b,.tab-content-l ul li img{display:block}
.tab-content-l ul li img{width:71px;height:71px;margin:0 auto}
.tab-content-l ul li a{color:#999}
.tab-content-l ul li b{color:#333;font-size:14px;font-weight:400;line-height:35px}
.tab-content-r{width:310px;float:right;position:relative;top:-43px}
.tab-content-r .nindex-title i{float:left}.scroll-content
.tab-content-r .nindex-title b{border:0}
.scroll-box,.scroll-content,.scroll-content ul li{position:relative}
.scroll-content ul li{float:left;width:266px;height:146px;margin:0}
.scroll-content ul li img{display:block;width:277px;height:146px}
.scroll-content ul li b{position:absolute;bottom:0;left:0;width:98%;padding:0 1%;text-align:center;color:#fff;font-weight:400;font-size:16px;line-height:30px;z-index:2}
.scroll-content ul li b em{position:absolute;width:100%;height:100%;left:0;bottom:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:-1}
.scroll-content{margin:0;height:146px; }
.scroll-content ul{position:absolute;}
.scroll-box .next_arrow,.scroll-box .prev_arrow{position:absolute;width:25px;height:150px;top:20px;background:rgba(255,255,255,0.2);cursor:pointer}
.scroll-box .prev_arrow{left:0}
.scroll-box .next_arrow{right:0}
.scroll-box .next_arrow:hover,.scroll-box .prev_arrow:hover{background:#e2e2e2}
.scroll-box .next_arrow i,.scroll-box .prev_arrow i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.tab-content-l ul li:hover b{color:#bd0a01}
#danji-game .tab-content.first .tab-content-l ul li img{height:208px}
#danji-game .tab-content-l ul li img{width:150px;height:94px}
#danji-game .tab-content-l ul li{width:23%}
.next_icon2{background:url(../../img/www/ppc_icon.png) no-repeat -320px -239px;background-size:328px 322px;width:8px;height:16px}
.prev_icon{background:url(../../img/www/ppc_icon.png) no-repeat 0 -112px;background-size:328px 322px;width:40px;height:75px}
.prev_icon2{background:url(../../img/www/ppc_icon.png) no-repeat -308px -239px;background-size:328px 322px;width:8px;height:16px}
.scroll-box { margin: 20px 0px;}