@charset "utf-8";
#elec-container_,
#elec-container_ *{
    padding: 0;
    margin: 0;
    border: 0;
    font-weight: normal;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style:normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#elec-container_{
	width: auto;
	max-width:1000px;
    margin: 10px auto 0;
	min-height: 500px;
	padding: 0 0 60px;
}

#elec-container_  ul,
#elec-container_  li,
#elec-container_  dl,
#elec-container_  dd{
   list-style: none;
}

#elec-container_ a{
	text-decoration: none;
}

#menu-container_{
	width:100%;
	margin: 0 auto;
}

#menu-container_ .elec-menu-box{
	position:relative;
	width:100%;
	height: 80px;
	margin:0 auto;
	background: #333333;
}


#menu-container_ .elec-menu-box .elec_bd{
	width:calc(100% - 80px);
	margin:0 auto;
	height: 80px;
	background:#222222;
	overflow: hidden;
}

#menu-container_ .elec-menu-box .elec_bd ul li{
	position:relative;
	width:calc( (100% - 18px) /9);
	max-width:100px;
	height: 80px;
	color: #999999;
	margin:0 1px;
	float: left;
	cursor: pointer;
	background: #333333;
}

#menu-container_ .elec-menu-box .elec_bd ul li.current,
#menu-container_ .elec-menu-box .elec_bd ul li:hover{
	color:#FF9300;
	background: #444444;
}

#menu-container_ .elec-menu-box .elec_bd ul li.current:before,
#menu-container_ .elec-menu-box .elec_bd ul li:hover:before{
	content: "";
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: url(../images/menu/cur.png) no-repeat center;
    background-size: 100px 4px; 
}

#menu-container_ .elec-menu-box .elec_bd ul li  img{
	float:none;
	display: block;
	width:50px;
	height: 50px;
	margin:5px auto 2px;
}

#menu-container_ .elec-menu-box .elec_bd ul li .elec-name{
	width:100%;
	height: auto;
}

#menu-container_ .elec-menu-box .elec_bd ul li .elec-name .platform-name{
   width:100%;
   height: 18px;
   line-height: 18px;
   margin: 0 auto 5px;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   text-align: center;
   text-indent: 0;
}

#menu-container_ .elec-menu-box .elec_hd .elec-prev{
	position: absolute;
    width: 40px;
    height: 80px;
    left: 0;
    top: 0;
	background:url(../images/menu/prev.png) no-repeat center;
    background-size: 10px 20px;
}

#menu-container_ .elec-menu-box .elec_hd .elec-prev:hover{
	background:url(../images/menu/prev-hover.png) no-repeat center;
	background-size: 10px 20px;
}


#menu-container_ .elec-menu-box .elec_hd .elec-next{
	position: absolute;
    width: 40px;
    height: 80px;
    right: 0;
    top: 0;
	background:url(../images/menu/next.png) no-repeat center;
	background-size: 10px 20px;
}

#menu-container_ .elec-menu-box .elec_hd .elec-next:hover{
	background:url(../images/menu/next-hover.png) no-repeat center;
	background-size: 10px 20px;
}

#menu-container_  #game-menu-box_{
   width: 100%;
   height: 48px;
   margin: 0px auto;
   line-height: 48px;
   background: #444444;
   overflow: hidden;
}

#menu-container_  #game-menu-box_ .game-menu-contain{
    float: left;
    height: 100%;
}
#menu-container_  #game-menu-box_ .game-menu-contain ul{
    display: block;
    height: 100%;
}
#menu-container_  #game-menu-box_ .game-menu-contain ul li{
    display: block;
    float: left;
    width: auto;
    height: 48px;
    line-height: 48px;
    padding: 0;
    cursor: pointer;
    text-align: center;
}

#menu-container_  #game-menu-box_ .game-menu-contain ul li:first-child{
	padding-left: 10px;
}

#menu-container_  #game-menu-box_ .game-menu-contain ul li a{
	display: inline-block;
	width: auto;
    height: 30px;
    line-height: 30px;
    margin: 9px 0;
    padding:0 12px;
    font-size: 14px;
    font-weight:normal;
    letter-spacing: 0;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}
#menu-container_  #game-menu-box_ .game-menu-contain ul li a:hover,
#menu-container_  #game-menu-box_ .game-menu-contain ul li a.currentTab{
   background: #FF9300;
   border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

#menu-container_  #game-menu-box_ .game-menu-search-box{
   float: right;
   height: 48px;
   line-height: 48px;
   text-align: right;
}
#menu-container_  #game-menu-box_ .game-menu-search-box .game-menu-name{
    position: relative;
    display: inline-block;
    width: 180px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    margin-right: -4px;
    text-indent: 30px;
    border: 1px solid #666666;
    background: #333333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

#menu-container_  #game-menu-box_ .game-menu-search-box .icon-game-search{
	display: inline-block;
    position: relative;
    margin: 0 auto;
    top: 3px;
    left: 28px;
    width: 14px;
    height: 14px;
    background: url(../images/menu/icon-search.png) no-repeat center;
    background-size: 14px;
    z-index: 1;	
}

#menu-container_  #game-menu-box_ .game-menu-search-box .game-menu-name::-webkit-input-placeholder{
   text-indent: 30px;
   color: #999999;
}
#menu-container_  #game-menu-box_ .game-menu-search-box  *:focus { 
   outline: none;
}
#menu-container_  #game-menu-box_ .game-menu-search-box .game-menu-search-btn{
  position: relative;
  top: 0;
  bottom: 0;
  display: inline-block;
  text-align: center;
  width: 60px;
  height: 30px;
  line-height: 30px;
  margin:auto 10px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;  
  cursor: pointer;
  background: #FF9300;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  
}


/* 游戏列表 begin */
#elec-container_ .elec-game-container{
	width:100%;
	height: auto;
	margin:8px auto 20px;
	padding:0;
}
#elec-container_ .elec-game-container .elec-game-list{
	width:100%;
	height: auto;
	margin:0 auto;
    text-align: center;
    overflow: hidden;
}
#elec-container_ .elec-game-container dl{
    overflow: hidden;
}
#elec-container_ .elec-game-container dl dd{
	display: block;
    position: relative;
	float: left;
	width:calc( (100% - 48px) /5);
	margin: 12px 12px 0 0;
}
#elec-container_ .elec-game-container dl dd:nth-child(5n){
	margin-right:0;
}
#elec-container_ .elec-game-container dl dd:hover .elec-game-hover{
	display: block;
	top: 0; 
}

#elec-container_ .elec-game-container .elec-loading-box{
	width: calc(100% - 12px );
    height: 100%;
    text-align: center;
}

#elec-container_ .elec-game-container .elec-loading-box .elec-loading{
	width: 100px;
    height: 55px;
    margin: 0 auto;
    display: block;
    background: url(../images/menu/loading.gif) no-repeat center;
    background-size: 50%;
}

#elec-container_ .elec-game-container .elec-no-data{
	width: calc(100% - 12px );
	margin-top: 10px;
    color: #999999;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

#elec-container_ .elec-game-container .elec-game-box{
	position: relative;
	max-width:190px;
	max-height: 215px;
	background: #444444;
	overflow: hidden;
}

#elec-container_ .elec-game-container .elec-game-box .elec-game-subscript{
	position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    z-index: 3;
}

#elec-container_ .elec-game-container .elec-game-box .elec-game-subscript .elec-game-img-subscript{
	
}

#elec-container_ .elec-game-container .elec-game-box .elec-game-img-box{
	position: relative;
	width: 100%;
	height: 100%;
}

#elec-container_ .elec-game-container .elec-game-box .elec-game-img-box .elec-game-img{
	display:block;
	position: relative;
	width:calc(100% - 8px);
	max-width:182px;
	height:170px;
	max-height:170px;
	margin:4px 4px 1px;
	padding:0;
	background: #333333;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

#elec-container_ .elec-game-container .elec-game-box .elec-game-img-box .platform-name{
	display:block;
	width:100%;
	height: 40px;
	line-height:40px;
	font-size: 14px;
	font-weight:normal;
    color: #FFFFFF;
    letter-spacing: 0;
}

#elec-container_ .elec-game-container .elec-game-box .elec-game-hover{
	display: block;
	position:absolute;
	width:100%;
	height: 100%;
	top:100%;
	left:0;
	border: 2px solid #FF9300;
	transition:all .3s;
	-webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    background: rgba(0,0,0,.7);
    z-index: 5;
}
#elec-container_ .elec-game-container .elec-game-box .elec-game-hover .game-begin{
	position: relative;
	display: block;
    width: 84px;
    height: 30px;
    line-height: 30px;
    top: 50%;
    margin:auto;
    text-align: center;
    font-size: 14px;
    font-weight:400;
    color: #FF9300;
    background: rgba(255,147,0,0.24);
    border: 1px solid #FF9300;
    transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;    
}

#elec-container_ .elec-game-container .elec-game-box .elec-game-hover .game-begin:hover{
	color: #FFFFFF;
	background: #FF9300;
	opacity: 1;
}

#elec-container_ .elec-game-page{
    width: 100%;
    height: 100%;
    margin: 35px auto 0;
    text-align: center;	
}

#elec-container_ .elec-game-page *{
	display: inline-block;
    height: 28px;
    line-height:28px;
    font-size: 12px;
	color: #999999;
	letter-spacing: 0;
    background: #000000;
    border: 1px solid #333333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
#elec-container_ .elec-game-page a+a{
	margin:0 0 0 4px;
}
#elec-container_ .elec-game-page a{
	font-size: 12px;
	color: #999999;	
	font-weight: normal;
}

#elec-container_ .elec-game-page .elec-page-first,
#elec-container_ .elec-game-page .elec-page-last{
    width: 50px;
}

#elec-container_ .elec-game-page .elec-page-prev,
#elec-container_ .elec-game-page .elec-page-next{
    width: 60px;
}

#elec-container_ .elec-game-page .elec-page-current{
	cursor: unset;
    min-width: 80px;
    background: #333333;
    padding:0 10px;
    color:#fff;
    box-shadow: inset 0 0 7px 0 #000000;
    -webkit-box-shadow: inset 0 0 7px 0 #000000;
    -moz-box-shadow: inset 0 0 7px 0 #000000;
    -ms-box-shadow: inset 0 0 7px 0 #000000;
    -o-box-shadow: inset 0 0 7px 0 #000000;
}

/* 游戏列表 end */