@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0 }
html {font-size:100%}
body {margin:0;color:#000;font:12px/1.5 "microsoft yahei",Arial,sans-serif}
dl,dd,h1,h2,h3,h4,h5,h6,p,ul,ol {margin:0}
ul,ol {padding-left:0;list-style-type:none}
img {border:0}
a {color:#000;text-decoration:none;outline:0 none;-webkit-transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;-ms-transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;-o-transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;}
a:hover {color:#03b4f5;text-decoration:none;}
a,button {cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
input,select,img {vertical-align:middle}
a,input,button {padding:0;margin:0;outline:0}
i,em {font-style:normal}
.txtc{ text-align: center; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.dib {display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.tc {text-align:center}
.fz14 {font-size:14px}
.fix {zoom:1}
.clear{ clear: both; }
.porela{ position: relative; }
.fix:after,.fix:before {display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.hide {display:none !important}
.hidden {width:0;height:0;overflow:hidden}
.fz16 {font-size:16px}
body {background:#fff;width:100%;min-width:1200px;overflow-x:hidden;position:relative;}
.wrap_1200{ width:1200px; margin:0 auto; position: relative;}
input::-webkit-input-placeholder { /* WebKit browsers */  color: #ccc;  }  
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #ccc;  }  
input::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #ccc;  }  
input:-ms-input-placeholder { /* Internet Explorer 10+ */  color: #ccc;  } 
.common{   background: url(../images/common.png) no-repeat;} 

/*******header********/
.index_header{ background-color: #fff }
   .index_header .top{
	height: 30px;
    color: #9e9e9e;
    border-bottom: 1px solid #ececec;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
width: 100%}
 .top .hd_left{
    line-height: 30px; 
	width: 50%; 
	text-align: left}
.top .hd_right{
    line-height: 30px; 
	width: 50%; 
	text-align: right}
.top .hd_left a{    
	float: left;
    height: 30px;
    color: #9e9e9e;
    display: inline;
    padding-left: 20px;
    margin-right: 20px;
    background: url(../images/hd-ico.png) no-repeat;
    overflow: hidden;
    _line-height: 34px;}
.top .hd_left font{ padding-right: 10px }    
.top .hd_left a.sy{background-position:0 -26px }
.top .hd_left a.sc{background-position:0 -163px}
.top .hd_left a.desk{background-position:0 -206px} 
.top .hd_left a:hover{color: #03b4f5}   	
.top .hd_left a:hover.sy{background-position:0 8px;}
.top .hd_left a:hover.sc{background-position:0 -127px;} 
.top .hd_left a:hover.desk{background-position:0 -240px;} 
.top .hd_right{ position: relative; } 	  
.top .hd_right .hd_dl_after a{    
	float: right;
    height: 30px;
    padding-right: 10px;
    color: #9e9e9e;
    display: inline;
    overflow: hidden;
    _line-height: 34px;	}
.top .hd_right .hd_dl_before a{    
	float: right;
    height: 30px;
    padding-right: 10px;
    color: #9e9e9e;
    display: inline;
    overflow: hidden;
    _line-height: 34px;	}    
.top .hd_right a i{padding-left: 12px;margin-right: 2px;}   
.top .hd_right a i.dl{ background-position: 0 2px }
.top .hd_right a i.zc{background-position: -12px 2px } 
.top .hd_right a:hover i.dl{ background-position: 0 -16px }
.top .hd_right a:hover i.zc{background-position: -12px -16px }
.hd_right .allgames{ margin-left: 10px; padding: 0 5px 0 10px} 
.hd_right .allgames span{ cursor:pointer; }   
.hd_right .allgames:hover{ background-color: #03b4f5 } 
.hd_right .allgames:hover span{ color: #fff }
.hd_right .allgames:hover i.icon_down{background-position: -208px 6px;}
.hd_right .allgames i.icon_down{padding-left: 11px;margin-right: 0px; background-position: -215px 6px;}
.top .hd_right a:hover{color: #03b4f5} 
.hd_right .allgames .allgames_list{ position: absolute; right: 0; top: 30px; /*width: 819px;*/width: 479px; height: 262px;background: #fff;
border: 1px solid #f2f2f2; z-index: 999 }
.allgames .allgames_list .allgames_info{
width: 350px;
height: 262px;
position: absolute;
left: 0;
top: 0;}

.allgames .allgames_list .allgames_info .allgames_txt{
	width: 215px;
    height: 100px;
    line-height: 20px;
    overflow: hidden;
    color: #6c6c6c;
    position: absolute;
    left: 17px;
    top: 130px;
}
.allgames_list .pc_game{ width: 321px; height: 255px; position: absolute; top: 0; left: 369px;left: 39px}
.allgames_list .pc_game .pc_more{ position: absolute; bottom: 0px; left: 8px; }
.allgames_list .pc_game .pc_more a{ color: #f5bf03 }
.allgames_list .pc_game .pc_more a:hover{ color: #03b4f5 }
.allgames_list .h5_game .h5_more{ position: absolute; bottom: 0px; right: 30px; }
.allgames_list .h5_game .h5_more a{ color: #f5bf03 }
.allgames_list .h5_game .h5_more a:hover{ color: #03b4f5 }
.allgames_list .pc_game dd a .h{
	width: 11px;
    height: 11px;
    font-size: 0;
   position: absolute;
   right: 0;
   top: 10px;
    background-position: 0px -38px;}
.allgames_list .pc_game dd a .n{
	width: 11px;
    height: 11px;
    font-size: 0;
   position: absolute;
   right: 0;
   top: 10px;
    background-position: -13px -38px;}    
.allgames_list .h5_game{ width: 110px; height: 255px; position: absolute; top: 0; right: 10px}
.allgames_list .h5_game dd{ padding-left: 12px;}
.pc_game .game_line{ height: 80%; width: 1px; background-color: #d9d9d9; position: absolute; right: 0; top: 26px }
.allgames_list dt{
	height: 40px;
    font: 700 12px/40px 'Microsoft Yahei','\5b8b\4f53';
    color: #6c6c6c;
    text-align: left;
    padding-left: 10px;
    margin-top: 10px;
    position: relative;}
.allgames_list dd{
	width: 100px;
    height: 35px;
    text-align: left;
    float: left;
    overflow: hidden;}
.allgames_list dd a{
padding-right: 15px;
padding-left: 8px;
position: relative;
overflow: hidden;
display: inline-block;
height: 30px;
}  

.game_ico{ 
	background:url(../images/s_line02.png) no-repeat; 
	width: 3px; 
	height: 15px; 
	display: inline-block; 
	float: left; 
	padding-top: 21px; 
	padding-right: 6px; 
	background-position: 0 13px}     
.game_induce{ position: absolute; right: 10px; top: 4px }	
.game_induce em{font-size: 12px;
    color: #7c7c7c;
    margin-left: 20px;
    float: right;}
.game_induce em i.icon_hot{    
	    width: 11px;
    height: 11px;
    font-size: 0;
    position: absolute;
    right: 95px;
    top: 10px;
    background-position: 0px -38px;}
    .game_induce em i.icon_new{   
        width: 11px;
    height: 11px;
    font-size: 0;
    position: absolute;
    right: 26px;
    top: 10px;
    background-position: -13px -38px;}
	/*导航*/
	.nav{
height: 80px;
width: 100%;
border-bottom: 4px solid #ededed; width: 100%}
.nav .nav_logo{position: absolute; top: 19px; left: 0 }
.nav .nav_logo,.nav .nav_logo a{}
.nav .menu{ position: absolute; left: 220px;top: 26px; width: 820px; height: 30px; line-height: 30px; }
.nav .menu ul li{ display: inline; float: left; text-align: center; width: 100px; font-size: 14px}
.nav .menu ul li.active{ background:url(../images/menu_line.png) no-repeat; width: 100px; background-position:bottom; height: 58px;}
.nav .menu ul li.active a{ color: #03b4f5; display: block; }
.nav .service{ position: absolute; right: 10px; top: 26px; width: 137px; height: 25px; background:url(../images/service_border.jpg) no-repeat; }
.service .service_btn a{width: 12px; height: 13px; background-position: -52px -1px; position: absolute; right: 8px; top: 6px; display: block;} 
.service .service_info { position: absolute; left: 8px; top: 3px }
.service .service_info input{ width: 98px; height: 20px; border: 0}




/**********footer****************/
.idex_footer {
    border-top: 1px solid #e2e2e2;
}
.idex_footer{ background-color: #fff; margin-top: 20px;   min-height: 150px;min-width: 1200px;}
.idex_footer .flogo{ margin: 60px 0 0px 0; padding-left: 100px; width: 150px;}
.idex_footer .footer_txt{ padding-left: 30px; margin: 50px 0 0px 0; width: 700px;}
.idex_footer .footer_txt p.footer_lk span{ padding:0 6px; }
.idex_footer .footer_txt p.footer_lk a{ font-size: 14px; color: #666 }
.idex_footer .footer_txt p.footer_lk a:hover{ color: #03b4f5 }
.idex_footer .footer_txt p{ color: #888 }
.idex_footer .pic { position: absolute;right: 0px;top: 26px;width: 224px;}