@charset "utf-8";
.f_bannerbox {
			width: 1180px;
			margin:  0 auto;
			padding-top: 20px;
			overflow: hidden;
		}
		.ponter_nav{
			margin:5px 0;
			padding-left: 30px;
			height: 30px;
			line-height: 30px;
			background: url(../img/point.png) no-repeat 8px center;
		}
		.ponter_nav a{
			padding:0 5px;
			font-size: 15px;
			color: #333333;
			line-height: 30px;
		}
		.ponter_nav a:hover{
			color: #F93461;
		}
		.f_main_left{
			width: calc(100% - 370px);
			margin-left: 10px;
		}
		.art_title{
				height: 89px;
				border-bottom: 1px #ddd dashed;
			}
			.art_title h1{
				font-size: 24px;
				text-align: center;
				height: 50px;
				line-height: 30px;
			}
			.art_tag{
				height: 39px;
				text-align: center;
			}
			.art_tag span{
				padding: 0 10px;
				font-size: 13px;
				color: #888888;

			}
			.art_content{
				padding: 20px 10px;
			}
			.art_content p{
				font-size: 15px;
				line-height: 30px;
				color: #444444;
			}
			.art_content img{
				display: block;
				margin:  10px auto;
				max-width:800px;
			}
			.art_readingbox{
				margin-top: 20px;
			}
			
			.dj_wz_list{
				margin-top: 20px;
			}
			/*游戏资讯*/
		.sub_h2{
			margin-top: 10px;
			height: 30px;
			font-size: 16px;
			color: #0586ff;
			padding-left: 34px;
			line-height: 30px;
			background: url(../img/ym.png) no-repeat left top;
		}
		.sub_h2_bc{
			border-bottom: 2px #0586ff solid;
			position: relative;
		}
		.sub_h2_bc span{
			display: block;
			float: left;
			padding: 0 10px;
			height: 30px;
			cursor: pointer;
		}
		.sub_h2_bc .ospan{
			background: url(../img/ccicon.png) no-repeat center bottom;
		}
		.sub_h2_bc a{
			position: absolute;
			right: 0;
			top: 0;
			line-height: 30px;
			font-size: 12px;
			color: #666666;
		}
		.sub_h2_bc a:hover{
			color: #0586ff;
		}
		.art_read{
		}                                           
		.art_one{
			position: relative;
		}
		.art_ul {
			width: 50%;
		}
		.img{
			width:calc(50% - 20px);
			margin-top: 10px;
		}
		.img a{
			display: block;
			width:100%;
		}
		.img a img{
			width: 395px;
			height: 265px;
			overflow: hidden;
		}
		.art_ul{
			margin-top: 10px;
		}
		.art_ul li{
			height: 30px;
			padding-left: 20px;
			position: relative;
			padding-right: 40px;
		}
		.art_ul li a:before{
			content: "";
			width: 5px;
			height: 5px;
			background-color: #aaa;
			position: absolute;
			left: 0;
			top: 12px;
		}
		.art_ul li i{
			font-style: normal;
			font-size: 12px;
			color: #999;
			position: absolute;
			right: 0;
			line-height: 30px;
			top: 0;
		}
		.art_ul li a{
			font-size: 15px;
			color: #444444;
			line-height: 30px;
			display: block;
			height: 30px;
			overflow: hidden;
		}
		.art_ul li a:hover{
			color: #0586ff;
		}
		.art_yxbox{
			width: 390px;
			height: 320px;
			margin-top: 15px;
			background-color: #fff;
			box-shadow: 0 0 2px rgba(20,20,20,.5);
			position: relative;
		}
		.art_yxbox .up{
			margin: 10px;
			border-bottom: 1px #ddd dashed;
			padding-left: 150px;
			position: relative;
			height: 210px;
			
		}
		 .tot_left{
			color: #FFFFFF;
			width: 44px;
			height: 50px;
			position: absolute;
			right: 0;
			top: 0;
			text-align: center;
			line-height: 30px;
			background: url(../img/qiz.png) no-repeat 0 0;
		}
		.art_yxbox .up h1{
			height: 40px;
		}
		.art_yxbox .up h2{
			font-size: 14px;
			color: #777777;
			line-height: 24px;
		}
		.art_yxbox .up h1 a{
			font-size: 20px;
			line-height: 30px;
			height: 30px;
			overflow: hidden;
			font-weight: 500;
		}
		.pic{
			width: 140px;
			position: absolute;
			left: 0;
			top: 0;
			display: block;
		}
		.pic img{
			width:100%;
			height: 198px;
		}
		.downyx{
			margin-top: 20px;
		}
		.downyx a{
			padding: 5px 15px;
			margin-right: 10px;
			background-color: #0586ff;
			font-size: 14px;
			color: #FFFFFF;
		}
		.downyx a:nth-of-type(1){
			background-color: #FE9900;
		}
		.art_yxbox .down p{
			padding: 0 5px;
			font-size: 14px;
			color: #555555;
			line-height: 26px;
			max-height: 78px;
			overflow: hidden;
		}
		.art_plbox{
			padding: 10px 0;
		}
		.dj_wz_list .sub_h2{
			margin-bottom: 15px;
		}
		.dj_wz_list{
			padding: 0 10px;
		}
		.dj_wz_list li{
			padding-left: 250px;
			height: 120px;
			position: relative;
			box-shadow: 0 1px 1px rgba(20,20,20,.3);
		}
		.dj_wz_list li{
			margin-bottom: 16px;
		}
		.dj_wz_list li:hover{
			box-shadow: 0 1px 2px rgba(20,20,20,.6);
		}
		.dj_wz_list li:hover .list_h1 a{
			color: #0586ff;
			font-weight: 500;
		}
		.dj_wz_list li .aimg{
			display: block;
			width: 240px;
			height: 120px;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
		}
		.list_h1{
			height: 40px;
			
		}
		.list_h1 a{
			font-size: 20px;
			color: #222;
			height: 20px;
			overflow: hidden;
		}
		.dj_wz_list li p{
			padding-right: 10px;
			font-size: 14px;
			line-height: 25px;
			height: 50px;
			color: #555;
			overflow: hidden;
		}
		.list_h2{
			height: 30px;
			position: relative;
			padding-right: 50px;
		}
		.list_h2 a{
			margin-right: 10px;
			line-height: 30px;
			color: #999;
		}
		.list_h2 a:hover{
			color: #0586ff;
		}
		.list_h2 span{
			position: absolute;
			right: 18px;
			line-height: 30px;
			bottom: 0;
			color: #555;
		}
		.dj_more{
			width: 400px;
			height: 60px;
			margin: 10px auto;
		}
		.dj_more a{
			display: block;
			width: 400px;
			height: 60px;
			text-align: center;
			line-height: 60px;
			color: #555555;
			font-size: 20px;
			background-color: #eeeeee;
		}
		.dj_more a:hover{
			background: #0586ff;
			color: #FFFFFF;
		}
		
			/*主体右侧*/
		.f_main_right{
			width: 340px;
			margin-right: 10px;
		}
		.right_h1 {
			height: 36px;
			line-height: 36px;
			font-size: 16px;
			padding-left: 10px;
			color: #222;
			background-color: #eee;
			position: relative;
		}
		.right_h1 a{
			display: block;
			font-size: 14px;
			position: absolute;
			right: 10px;
			top: 0;
			color: #555;
		}
			.dj_xl{
			
		}
		.dj_xl li{
			margin-top: 5px;
			position: relative;
		}
		.dj_xl li a{
			width: 100%;
			display: block;
			height: 90px;
			overflow: hidden;
		}
		.dj_xl li a img{
			display: block;
			width:210px;
		}
		.xldiv{
			position: absolute;
			width: 140px;
			height: 90px;
			background-color: #FFC000;
			font-size: 16px;
			line-height: 90px;
			color: #FFFFFF;
			text-align: center;
			right: 0;
			top: 0;
		}
		.xlbj_1{
			background: url(../img/bj.png) no-repeat center 0;
		}
		.xlbj_2{
			background: url(../img/bj.png) no-repeat center -90px;
		}
		.xlbj_3{
			background: url(../img/bj.png) no-repeat center -180px;
		}
		.xlbj_4{
			background: url(../img/bj.png) no-repeat center -270px;
		}
		
		/*排行榜*/
		.r_box2{
			margin-top: 10px;
		}
		.content_right{
			width: 340px;
		}
		.content_right h1{
			font-size: 16px;
			background-color: #42a4ff;
			color: #fff;
			height: 36px;
			line-height: 36px;
			padding: 0 10px;
			position: relative;
		}
		.week{
			width: 100px;
			position: absolute;
			right: 0;
			height: 30px;
			top: 3px;
		}
		.week a{
			display:block;
			float: left;
			margin: 3px 2px;
			text-align: center;
			color: #333;
			width: 25px;
			height: 24px;
			line-height: 24px;
			font-size: 14px;
			background-color: #eee;
		}
		.week .ona{
			color: #FFFFFF;
			background-color: #0586ff;
		}
		
		.listone{
			height:90px;
			padding-left: 130px;
			position: relative;
			margin: 10px 0;
		}
		
		.listone img{
			position: absolute;
			width: 120px;
			height: 90px;
			left: 0;
			top: 0;
		}
		.listone h2{
			font-size: 16px;
			color: #0586ff;
			line-height: 30px;
		}
		.listone h3{
			font-size: 14px;
			color: #444;
			line-height: 20px;
			height: 20px;
			overflow: hidden;
		}
		.listone a{
			display: block;
			margin-top: 10px;
			height: 26px;
			width: 80px;
			text-align: center;
			line-height: 26px;
			color: #FFffff;
			font-size: 14px;
			background-color: #42a4ff;
		}
		.listone span,.listtwo span{
			display: block;
			position: absolute;
			right: 10px;
			bottom: 10px;
			font-weight: 500;
			color: #FB295A;
		}
		.listtwo {
			height: 38px;
			background-color: #f2f2f2;
			position: relative;
			padding-left: 40px;
			padding-right: 60px;
			overflow: hidden;
			margin: 10px 0;
			cursor: pointer;
		}
		.listtwo h2{
			line-height: 38px;
			font-size: 15px;
			color: #333;
		}
		.listtwo i{
			display: block;
			position: absolute;
			width: 20px;
			height: 20px;
			top: 10px;
			left: 5px;
			border-radius: 5px;
			text-align: center;
			font-style: normal;
			font-size: 12px;
			line-height: 20px;
			color: #FFFFFF;
			background-color: #DDDDDD;
		}
		.listtwo .bg_h{
			background-color: #F93461;
		}
		/*最近更新*/
		.r_box3{
			
		}
		.nownew{
			margin-top: 10px;
		}
		.nownew li{
			width: calc((100% - 21px) / 3);
			height: 180px;
			float: left;
			margin-bottom: 10px;
			position: relative;
			margin-right: 10px;
		}
		.nownew li:hover{
		box-shadow: 0 1px 2px rgba(20,20,20,.8);
		}
		.nownew li:hover a h1{
			color: #0586ff;
		}
		.nownew li a{
			display: block;
		}
		.nownew li a img{
			width: 100%;
			height: 150px;
		}
		.nownew li a h1{
			font-size: 14px;
			color: #444;
			line-height: 30px;
			height: 30px;
			text-align: center;
			overflow: hidden;
		}
		.nownew li:nth-of-type(3n){
			margin-right: 0;
		}
		.p_key,.p_size{
			position: absolute;
			left: 0;
			color: #eee;
			height: 30px;
			bottom: 30px;
			line-height: 30px;
			font-size: 12px;
		}
		.p_size{
			text-align: right;
			width: calc(100% - 4px);
			background-color: rgba(20,20,20,.5);
		}
		.p_key{
			width:58px;
			background: url(../img/bj2.png) no-repeat center right;
			padding-left: 1px;
		}
		/*手游推荐*/
		.r_box4{
			
		}
		.dj_sy li{
			width: calc((100% - 30px) / 4);
			float: left;
			margin-top: 10px;
			margin-right: 10px;
		}
		.dj_sy li a{
			display:block;
		}
		.dj_sy li a:hover h1{
		color: #F93461;
		}
		.dj_sy li a img{
			display:block;
			width:77px;
			height: 77px;
			border-radius: 18px;
			margin: 0 auto;
		}
		.dj_sy li a h1{
			text-align: center;
			line-height: 30px;
			color: #333333;
			height: 30px;
			font-size: 14px;
			overflow: hidden;
		}
		.dj_sy li:nth-of-type(4n){
			margin-right: 0;
		}
		/*r_box5猜你喜欢*/
		.r_box5 {
			margin-top: 10px;
		}
		.do_youlike{
			margin-top: 10px;
		}
		.do_youlike a{
			display: block;
			padding: 5px 10px;
			border-radius: 5px;
			color: #FFFFFF;
			background-color: #0586ff;
			float: left;
			font-size: 12px;
			margin:4px 5px;
		}
		.do_youlike a:nth-of-type(2n){
			background-color:#0586ff;
		}
		.do_youlike a:nth-of-type(3n){
			background-color:#cecf33;
		}
		.do_youlike a:nth-of-type(4n){
			background-color:#9acc99;
			
		}
		.do_youlike a:nth-of-type(7n){
			background-color:#336799;
		}
		.do_youlike a:nth-of-type(9n){
			background-color:#fe9900;
		}
		.r_box6{
			margin-top: 15px;
		}
		.r_box6 .right_h1{
			background: #eee;
			padding-left: 0px;
		}
		.r_box6 .right_h1 a{
			color: #999;
		}
		.r_box6 .right_h1 span{
			display: block;
			float: left;
			padding: 0 10px;
			color: #222;
			cursor: pointer;
		}
		.r_box6 .right_h1 .h1_onspan{
			color: #FFFFFF;
			background:#0586ff url(../img/icon2.png) no-repeat center bottom;
		}
		.box6_ul_box ul{
			margin-top: 5px;
			display:none;
		}
		.box6_ul_box ul li{
			line-height: 30px;
			padding-left: 15px;
			position: relative;
			padding-right: 40px;
		}
		.box6_ul_box ul li i{
			font-style: normal;
			font-size: 12px;
			color: #888888;
			position: absolute;
			right: 0;
			top: 5px;
			line-height: 20px;
		}
		.box6_ul_box ul li a:before{
			content: "";
			width: 5px;
			height: 5px;
			background-color: #aaa;
			position: absolute;
			left: 0;
			top: 12px;
		}
		.box6_ul_box ul li a:hover{
			color: #0586ff;
		}
		.box6_ul_box ul li a{
			display: block;
			font-size: 14px;
			height: 30px;
			overflow: hidden;
			color: #444;
		}
		#loadmore{
			font-family:"microsoft yahei";
			display: block;
			margin: 20px auto;
			width: 280px;
			height: 50px;
			background: #eee;
			line-height: 50px;
			text-align: center;
			font-size: 18px;
			background: #eee;
			color: #555;
			border: none;
		}
		#loadmore:hover{
			color: #FFFFFF;
			background-color: #0586ff;
		}
.listfenye {
    margin-bottom: 20px;
    margin-top: 20px;
}
.pageLink > a {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;color: #333;
}
.pageLink a:hover {
    background: none repeat scroll 0 0 #148eff;
    color: #fff;
}
.pageLink > b {
    background: none repeat scroll 0 0 #148eff;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #fff;
    padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;
}