@charset "utf-8";
		
		/*单机主体一*/
		.dj_main_one{
			padding-top: 20px;
		}
		.one_ul_up li{
			width: calc(100%);
			float: left;
			margin-left: 10px;
			height: 40px;
			line-height: 40px;
		}
		.one_ul_up li h2{
			height: 20px;
			width: 34px;
			line-height: 20px;
			text-align: center;
			color: #FFFFFF;
			font-size: 14px;
			float: left;
			margin-right: 10px;padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
		}
		.one_ul_up li div{
			width: 1100px;
			height: 30px;
			overflow: hidden;
			float: left;
		}
		.one_ul_up li div a{
			margin: 0 6px;
			display:block;
			float: left;
			line-height: 30px;
			color: #333;
			font-size: 14px;
		}
		.one_ul_up li div a:hover{
			color: #0586ff;
		}
		.color_1{
			background-color: #ff5252;
		}
		.color_2{
			background-color: #87cb40;
		}
		.color_3{
			background-color: #42a4ff;
		}
		.color_4{
			background-color: #ff5252;
		}
		.color_5{
			background-color: #87cb40;
		}
		.color_6{
			background-color: #42a4ff;
		}
		/*main_one_down*/
		.one_down_ul li{
			margin: 10px;
			float: left;
			width: calc(100% / 6 - 20px);
			position: relative;
			cursor: pointer;
		}
		.one_down_ul li:hover h1{
			color: #ffd800;
		}
		.one_down_ul li a{
			display: block;
			height: 100px;
			overflow: hidden;
		}
		.one_down_ul li a img{
			width: 180px;
			height: 100px;
		}
		.one_down_ul li h1{
			position: absolute;
			left: 0;
			bottom: 0;
			height: 30px;
			background-color: rgba(20,20,20,.8);
			font-size: 14px;
			line-height: 30px;
			overflow: hidden;
			color: #aaa;
			text-align: center;
		}
		/*dj_main_two主体二*/
		.dj_main_two{
			padding-top: 15px;

		}
		.main_two_left{
			margin-left: 10px;
			width: 400px;
		}
		.main2_tp_wrapper{
			width: 400px;
			height: 242px;
			position: relative;
		}
		.tp_wrapbig{
			width: 400px;
			height: 242px;
			overflow: hidden;
		}
		.tp_wrapbig ul{
			width: 1000%;
		}
		.main2_tp_wrapper .tp_wrapbig li{
			display: block;
			float: left;
			position: relative;
		}
		.main2_tp_wrapper:hover h1{
			color: #FFD800;
		}
		.tp_wrapbig a img{
			width: 400px;
			height: 242px;
		}
		.tp_wrapbig a h1{
			position: absolute;
			padding: 0 10px;
			width: calc(100% - 20px);
			height: 30px;
			line-height: 30px;
			background-color: rgba(20,20,20,.5);
			left: 0;
			bottom: 0;
			font-size: 14px;
			color: #eee;
		}
		.lbbtn div{
			width: 40px;
			height: 60px;
			position: absolute;
			top: 50%;
			background-color: rgba(20,20,20,.4);
			margin-top: -30px;
			text-align: center;
			font-size: 20px;
			line-height: 60px;
			color: #DDDDDD;
			cursor: pointer;
		}
		.lbbtn .btnleft{
			left: 10px;
		}
		.lbbtn .btnright{
			right: 10px;
		}
		.pinterbox{
			position: absolute;
			width: 120px;
			right: 10px;
			bottom: 5px;
			cursor: pointer;
		}
		.pinterbox span{
			display: inline-block;
			width: 14px;
			height: 10px;
			margin-left: 5px;
			border-radius: 10px;
			background-color: #eee;
			z-index: 4;
		}
		.pinterbox .onspan{
			background-color: #FFd800;
			width: 18px;
			margin-left: 1px;
		}
		/*轮播结束*/
		/*八卦周边开始*/
		.dj_saybox{
			margin-top: 10px;
		}
		.dj_h1{
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			font-weight: 600;
			color: #222;
			position: relative;
			border-bottom: 2px #aaa solid;
		}
		.dj_h1 a{
			font-size: 14px;
			color: #999;
			line-height: 30px;
			position: absolute;
			right: 0;
		}
		.zb_item{
			padding-left: 90px;
			height: 50px;
			margin-top: 10px;
			position: relative;
		}
		.zb_item img{
			position: absolute;
			left: 0;
			top: 0;
			width: 80px;
			height: 50px;
		}
		.zb_item a{
			display: block;
		}
		.zb_item a:hover h1{
			color: #0586ff;
		}
		.zb_item a h1{
			font-size: 15px;
			color: #222;
			line-height: 30px;
			height: 30px;
			overflow: hidden;
		}
		.zb_item a p{
			font-size: 14px;
			color: #555;
			line-height: 20px;
			height: 20px;
			overflow: hidden;
		}
		.zb_ul_one{
			margin-top: 10px;
		}
		.zb_ul_one li{
			height: 26px;
			position: relative;
		}
		.zb_ul_one li a{
			font-size: 14px;
			color: #444;
			line-height: 26px;
			display: block;
			padding-left: 20px;
			height: 26px;
			overflow: hidden;
		}
		.zb_ul_one li a:hover{
			color: #0586ff;
		}
		.zb_ul_one li a:before{
			content: "";
			width: 4px;
			height: 4px;
			background-color: #bbb;
			position: absolute;
			left: 5px;
			top: 11px;
		}
		.dj_hj{
			margin-top: 7px;
		}
		.hj_ul_one{
			margin-top: 10px;
		}
		.hj_ul_one li{
			width: calc(100% / 3 - 7px);
			margin-right: 10px;
			float: left;
		}
		.hj_ul_one li a{
			display: block;
		}
		.hj_ul_one li a:hover h3{
			color: #0586ff;
		}
		.hj_ul_one li a img{
			width: 100%;
			height: 85px;
			overflow: hidden;
		}
		.hj_ul_one li a h3{
			font-size: 14px;
			color: #555555;
			line-height: 30px;
			height: 30px;
			overflow: hidden;
			text-align: center;
		}
		.hj_ul_one li:nth-of-type(3n){
			margin-right: 0;
		}
		
/*main_two_center 新闻部分*/

		.main_two_center{
			margin:0 20px;
			width:400px;
		}
		.tab_ul_title{
			height: 30px;
			width: 100%;
			background-color: #bebebe;
		}
		.tab_ul_title li{
			width: calc(100% / 5 - 1px);
			font-size: 14px;
			border-left:1px #fff solid ;
			text-align: center;
			color:#FFFFFF;
			line-height: 30px;
			float: left;
			position:relative;
			cursor: pointer;
		}
		.tab_ul_title .onli{
			/*background-color: #0586ff;*/
			background:#0586ff url(../img/icon2.png) no-repeat center bottom;
		}
		.tab_dl_wrapper dl{
			margin-top: -10px;
		}
		.tab_dl_wrapper dl dt a{
			display: block;
			height: 40px;
			font-size: 17px;
			line-height: 40px;
			color: #0586ff;
			overflow: hidden;
			text-align: center;
		}
		.tab_dl_wrapper dl dd{
			padding-left: 15px;
			padding-right: 48px;
			height: 34px;
			overflow: hidden;
			position: relative;
		}
		.tab_dl_wrapper dl dd a{
			font-size: 15px;
			color: #222;
			line-height: 30px;
		}
		.tab_dl_wrapper dl dd a:hover{
			color: #0586ff;
		}
		.tab_dl_wrapper .dl_onestyle dd a:before{
			content: "";
			width: 4px;
			height: 4px;
			background-color: #bbb;
			position: absolute;
			left: 2px;
			top: 13px;
		}
		.tab_dl_wrapper dl dd span{
			font-size: 14px;
			line-height: 30px;
			position: absolute;
			right: 0;
			top: 0;
			color: #999;
		}
		.tab_dl_wrapper dl.dl_youx dd,.tab_dl_wrapper dl.dl_buding dd{
			padding-left: 40px;
		}
		.tab_dl_wrapper .a_tag{
			position: absolute;
			left: 0;
			font-size: 14px;
			line-height: 28px;
			color: #999;
		}
		.tab_dl_wrapper .a_tag:hover{
			color: #ff5252;
		}
		/*main_two_right系列部分*/
		.main_two_right{
			width: 340px;
			margin-right: 10px;margin-top:-10px;
		}
		.dj_xl{
			
		}
		.dj_xl li{
			margin-top: 13px;
			position: relative;
		}
		.dj_xl li a{
			width: 100%;
			display: block;
			height: 90px;
			overflow: hidden;
		}
		.dj_xl li a img{
			display: block;
			width:210px;height:90px;
		}
		.xldiv{
			position: absolute;
			width: 140px;
			height: 90px;
			background-color: #42a4ff;
			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;
		}
		.more_xl{
			margin-top: 10px;	
		}
		.more_xl li{
			width: 50%;
			height: 30px;
			float: left;
			position: relative;
		}
		.more_xl li a:before{
			content: "";
			width: 4px;
			height: 4px;
			background-color: #bbb;
			position: absolute;
			left: 5px;
			top: 13px;
			
		}
		.more_xl li a{
			display: block;
			padding-left: 20px;
			line-height: 30px;
			height: 30px;
			overflow: hidden;
			font-size: 15px;
		}
		.more_xl li a:hover{
			color: #0586ff;
		}
		
		/*单机主体三*/
		.dj_main_three{
			margin-top: 20px;
		}
		.main_three_title{
			height: 40px;
			width: calc(100% - 20px);
			border-bottom: 2px #0586ff solid;
			position: relative;
		}
		.main_three_h1{
			font-size: 24px;
			line-height: 40px;
			color: #222222;
		}
		.main_three_h1 a{
			font-size: 14px;
			color: #999999;
			line-height: 40px;
			position: absolute;
			right: 10px;
			top: 0;
		}
		.main_three_h1 a:hover{
			color: #0586ff;
		}
		.hotkey{
			position: absolute;
			left: 200px;
			top: 10px;
		}
		.hotkey a{
			font-size: 14px;
			line-height: 30px;
			color: #444;
			margin: 0 10px;
		}
		.hotkey a:hover{
			color: #0586ff;
		}
		.dj_three_list_ul{
			width: 1300px;
		}
		.dj_three_list_ul li{
			width: 120px;
			float: left;
			margin-right: 31px;
			background-color: #FFFFFF;
			position: relative;margin-top: 20px;
		}
		.dj_three_list_ul li:hover{
			box-shadow:  0 0 3px rgba(20,20,20,.7);
		}
		.dj_three_list_ul li:hover a h3{
			color: #0586ff;
		}
		.dj_three_list_ul li a{
			display: block;
		}
		.dj_three_list_ul li a img{
			    width: 120px;height: 150px;
		}
		.dj_three_list_ul li a h3{
			text-align: center;
			font-size: 14px;
			line-height: 34px;
		}
 		.p_key,.p_size{
			position: absolute;
			left: 0;
			color: #eee;
			height: 30px;
			bottom: 34px;
			line-height: 30px;
			font-size: 14px;
		}
		.p_size{
			text-align: right;
			padding: 0 5px;
			width: calc(100% - 10px);
			background-color: rgba(20,20,20,.5);
		}
		.p_key{
			width:70px;
			background: url(../img/bj2.png) no-repeat center right;
			padding-left: 5px;
		}
		
		/*dj_main_four单机主体四*/
		.dj_main_four{
			margin-top: 0px;
		}
		.main_tab_title{
			height: 40px;
			width: calc(100% - 20px);
			border-bottom: 2px #0586ff solid;
			position: relative;
		}
		.six_content {
    margin-top: 15px;
}
		.main_tab_h1{
			font-size: 24px;
			line-height: 40px;
			color: #222222;
		}
		.main_tab_h1 a{
			font-size: 14px;
			color: #999999;
			line-height: 40px;
			position: absolute;
			right: 10px;
			top: 0;
		}
		.main_tab_h1 a:hover{
			color: #ff5252;
		}
		.nav_tab_title{
			position: absolute;
			left: 200px;
			top: 14px;
		}
		.nav_tab_title li{
			float: left;
			padding: 0 10px;
			line-height: 24px;
			margin: 0 5px;
			border-top: 2px solid #fff;

		}
		.nav_tab_title li a{
			display: block;
			color: #555;
			font-size: 14px;
			line-height: 24px;
		}
		.nav_tab_title .onli_t{
			border-top: 2px solid #0586ff;
			border-right: 1px solid #0586ff;
			border-left: 1px solid #0586ff;
			border-bottom: 2px solid #fff;
			color: #0586ff;
		}
		.nav_tab_title .onli_t a{
			color: #0586ff;
		}
		
		.four_content_box{
		}
		.content_left{
			width: 906px;
			float: left;
		}
		.content_left_ul li{
			position: relative;
			width: 120px;
			margin-right:10px;margin-top: 20px;
			float: left;
			background-color: #FFFFFF;margin-right: 31px;
		}
		.content_left_ul li:hover{
			box-shadow: 0 0 3px rgba(20,20,20,.7);	
		}
		.content_left_ul li:hover a h3{
			color: #0586ff;
		}
		.content_left_ul li a img{
			width: 120px;
			height: 150px;
		}
		.content_left_ul li a h3{
			text-align: center;
			font-size: 14px;
			line-height: 34px;
		}
		.ol_hotyx li{
			width: calc(100% / 3);
			float: left;
			height: 30px;
			position: relative;
			overflow: hidden;
		}
		.ol_hotyx li a:before{
			content: "";
			position: absolute;
			width: 4px;
			height: 4px;
			background-color: #bbb;
			left: 3px;
			top: 13px;
		}
		.ol_hotyx li a:hover{
			color: #0586ff;
		}
		.ol_hotyx li a{
			font-size: 14px;
			padding-left: 15px;
			line-height: 30px;
		}
		.content_right{
			width: 275px;
			float: left;margin-top: 20px;
		}
		.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: #0586ff;
		}
		.listone span,.listtwo span{
			display: block;
			position: absolute;
			right: 10px;
			bottom: 10px;
			font-weight: 500;
			color: #ff5252;
		}
		.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;
			background-color: #ff5252;
			border-radius: 5px;
			text-align: center;
			font-style: normal;
			font-size: 14px;
			line-height: 20px;
			color: #FFFFFF;
			background-color: #DDDDDD;
		}
		.listtwo .bg_h{
			background-color: #ff5252;
		}
		
		/*dj_main_six*/
		.dj_main_six{
			margin-top: 20px;
		}
		.six_leftbox{
			width: calc(100% - 360px);
			margin-right: 10px;
		}
		.six_main_one ul{
			width: 50%;
			float: left;
			position: relative;
		}
		.six_main_one ul h2{
			line-height: 40px;
			padding-left: 5px;
		}
		.six_main_one ul h2 a{
			display: block;
			font-size: 18px;
			color: #0586ff;
			
		}
		.six_main_one ul li{
			line-height: 35px;
			padding-left: 18px;
			position:relative;
			padding-right: 150px;
			height: 35px;
			overflow: hidden;
		}
		.six_main_one ul li a:before{
			content:"";
			width: 4px;
			height: 4px;
			position: absolute;
			left: 5px;
			top: 12px;
			background-color: #bbb;
		}
		.six_main_one ul li a{
			display: block;
			font-size: 14px;
			line-height: 30px;
		}
		.six_main_one ul li a:hover{
			color: #0586ff;
		}
		.six_imgbox{
			width: 120px;
			height:150px;
			overflow: hidden;
			position: absolute;
			right: 20px;
			top: 50px;
		}
		.six_imgbox:hover p{
			color: #FFD800;
		}
		.six_imgbox a{
			display: block;
		}
		.six_imgbox a img{
			width: 100%;
		}
		.six_imgbox p{
			height: 30px;
			width: 100%;
			text-align: center;
			position: absolute;
			left: 0;
			bottom: 0;
			line-height: 30px;
			color: #DDDDDD;
			font-size: 14px;
			background-color: rgba(20,20,20,.7);
		}
		
		.six_rightbox{
			width: 340px;
			margin-right: 10px;
		}
		.six_rightbox h1{
			height: 36px;
			background-color: #42a4ff;
			padding-left: 10px;
			line-height: 36px;
			font-size: 16px;
			color: #FFFFFF;
			position: relative;
		}
		.six_rightbox h1 a{
			font-size: 14px;
			color: #fff;
			position: absolute;
			right: 10px;
		}
		.six_right_ul{
		background-color: #FFFFFF;
		}
		.six_right_ul li{
			width: calc(50% - 5px);
			margin-top: 8.5px;
			height:40px;
		}
		.six_right_ul li:nth-of-type(odd){
			float: left;
		}
		.six_right_ul li:nth-of-type(even){
			float: right;
		}
		.six_right_ul li a{
			display: block;
			height: 40px;
			background-color:#eee;
			line-height: 40px;
			overflow: hidden;
			text-align: center;
			font-size: 14px;
		}
		.six_right_ul li a:hover{
			color: #FFFFFF;
			background-color: #42a4ff;
		}
		/*dj_main_seven*/
		.dj_main_seven{
			margin-top: 20px;
		}
		.tophot{
			padding: 10px;
		}
		.tophot .top_dlbox{
			width: 369px;
			float: left;
			margin-right: 31px;
		}
		.tophot .top_dlbox:nth-of-type(3){
			margin-right: 0;
		}
		.top_dlbox h1{
			padding-left: 30px;
			font-size: 16px;
			color: #222;
			line-height: 30px;
			border-bottom: 2px #aaa solid;
			background: url(../img/top.png) no-repeat center left;
			position: relative;
		}
		.top_dlbox h1 a{
			position: absolute;
			right: 5px;
			font-size: 14px;
			color: #222222;
			line-height: 30px;
		}
		.top_dlbox h1 a:hover{
			color: #ff5252;
		}
		.top_dlbox dl{
			padding-left: 30px;
			position: relative;
		}
		.top_dlbox dl i{
			display: block;
		    width: 20px;
			height: 20px;
			top: 10px;
			left:0;
			text-align: center;
			color: #FFFFFF;
			border-radius: 5px;
			background-color:#AAAAAA;
			position: absolute;
			font-style: normal;
			font-size: 14px;
			line-height: 20px;
		}
		.top_dlbox dl .oni{
			background-color: #ff5252;
		}
		.top_dlbox dl span{
			display: block;
			top: 0;
			right:0;
			width: 60px;
			padding-left: 20px;
			background: url(../img/hot.png) no-repeat left center;
			line-height: 40px;
			color: #777;
			font-size: 13px;
			position: absolute;
		}
		.top_dlbox dl dt{
			line-height: 40px;
			padding-right: 60px;
			
		}
		.top_dlbox dl:nth-of-type(1)  dd{
			display: block;
		}
		.top_dlbox dl dt a{
			font-size: 15px;
			color: #444444;
			line-height: 40px;
			display: block;
			height: 40px;
			overflow: hidden;
		}
		.top_dlbox dl dt a:hover{
			color: #0586ff;
		}
		.top_dlbox dl dd{
			padding-left: 110px;
			position: relative;
			height: 150px;
			display: none;
		}
		.top_dlbox dl dd img{
			width: 120px;
			height: 150px;
			position: absolute;
			left: -30px;
			top: 0;
		}
		.top_dlbox dl dd h2:nth-of-type(1){
			padding-top: 10px;
		}
		.top_dlbox dl dd h2{
			font-size: 14px;
			line-height: 26px;
			color: #555;
		}
		.top_dlbox dl dd a{
			display: block;
			margin-top: 10px;
			border:1px #0586ff solid;
			color: #0586ff;
			height: 26px;
			width: 80px;
			font-size: 14px;
			line-height: 26px;
			text-align: center;
		}
		.top_dlbox dl dd a:hover{
			color: #FFFFFF;
			background-color: #0586ff;
		}