@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/materialicons/v43/flUhRq6tzZclQEJ-Vdg-IuiaDsNaIhQ8tQ.woff) format('woff');
}
.wap_nav{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	height:50px;
	width:100%;
	background-color:#000;
	}
.logo2 {
    display: block;
    width: 110px;
    padding: 2px 20px 0 0;
    margin: 0 auto;
    float: none;
}
.logo2 img{
	float:none;
	width:100%;
	display:block;
	}
.sidenav-brand {
    background: #990000;
    border-bottom: 1px solid #333;
    color: #fff;
    height: 50px;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.sidenav{background:#000;box-shadow:2px 2px 6px rgba(0,0,0,.3);font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-262px,0);transition:transform .3s;top:0;width:200px;z-index:10001;}
.leftnav_hide{display:none; position:fixed; top:0; left:0; z-index:10000; height:100%; width:100%; background-color:transparent;}
.sidenav.show{transform:translate(0,0)}

.sidenav-brand img{ margin:0 auto; display:block; height:40px; float:none; padding-top:5px;}

.sidenav-dropdown,.sidenav-header{margin:0}

.sidenav-header{background:0 0;color:#757575;font-size:19.2px;line-height:32px;padding:16px 24px 15px}

.sidenav-header small{display:block;font-size:14px;line-height:16px}

.sidenav-menu{list-style:none;margin:0;padding:0}

.sidenav-menu li{display:block;position:relative}

.sidenav-menu a{background:0 0;color:#fff;display:block;line-height:24px;padding:16px 20px;text-decoration:none}
.sidenav-menu .sidenav-dropdown a{    padding: 10px 20px;}
.sidenav-menu .sidenav-dropdown a{ font-size:14px; color:#999;}

.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#333;}

.sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}

.sidenav-link-icon{display:block;height:18px;left:39px;width:18px; margin-top:3px; background-image: url('../images/navsprite.png');
    background-repeat: no-repeat;
    background-size: 18px auto;}
.sidenav-menu li:nth-child(2) .sidenav-link-icon{background-position: 0 -19px;}

.sidenav-menu li:nth-child(3) .sidenav-link-icon{background-position: 0 -39px;}

.sidenav-menu li:nth-child(4) .sidenav-link-icon{background-position: 0 -58px;}

.sidenav-menu li:nth-child(5) .sidenav-link-icon{background-position: 0 -77px;}

.sidenav-menu li:nth-child(6) .sidenav-link-icon{background-position: 0 -94px;}

.sidenav-menu li:nth-child(7) .sidenav-link-icon{background-position: 0 -112px;}

.sidenav-menu li:nth-child(8) .sidenav-link-icon{background-position: 0 -134px;}

.sidenav-menu li:nth-child(9) .sidenav-link-icon{background-position: 0 -153px;}

.sidenav-menu li:nth-child(7){ display:none;}
.sidenav-menu li:nth-child(8){ display:none;}
.sidenav-menu li:nth-child(9){ display:none;}
.sidenav-menu li:nth-child(10){ display:none;}
.sidenav-menu li:nth-child(11){ display:none;}
.sidenav-menu li:nth-child(12){ display:none;}
.sidenav-menu li:nth-child(13){ display:none;}
.sidenav-menu li:nth-child(14){ display:none;}
.sidenav-menu li:nth-child(15){ display:none;}
.sidenav-menu li:nth-child(16){ display:none;}
.sidenav-menu li:nth-child(17){ display:none;}
.sidenav-menu li:nth-child(18){ display:none;}
.sidenav-link-title{display:block;padding:0 16px 0 48px; font-size:16px;}

.sidenav-dropdown{display:none;list-style:none;padding:0}

.sidenav-dropdown a{ text-align: center;}

.sidenav-dropdown li:hover{ background-color:#990000;}
.sidenav-dropdown li:hover a{color:#fff;}
.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}

.sidenav-dropdown-icon{display:none;height:16px;right:18px;width:16px}

.sidenav-dropdown-icon.show{display:block}

.sidenav-overlay{background:rgba(255,255,255,.8);display:none!important;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}

.sidenav-no-scroll{overflow:hidden!important}

.toggle { display:none; 
	text-align: center;
	position:fixed;
	top:8px;
	left:10px;
	z-index:999;
  }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
#sidenav-toggle .material-icons{
  color: #fff;
  font-size: 35px;
	}
.header-topbg #sidenav-toggle .material-icons{
	color:#000;
	}
.top_phone{    
	display: none;
    text-align: center;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 999;
	width:98px;
	}
.top_phone>img{
	 width:100%;
	}
@media (max-width: 992px) {
.toggle{
		display:block!important;
	}
.top_phone{
		display:block!important;
	}	
}

@media screen and (min-width: 1025px) {
  .nav {
      display: block;
  }
  .wap_nav {
      display: none;
  }

}
@media screen and (max-width: 1024px) {
  .nav {
      display: none;
  }
  .top_phone, .toggle {
      display: block;
  }
  .footer {
  background-image: none;
  background-color: #000;
  height: auto;
}
.footer ul {
  display: none;
}
  .wrap .center .game .left {
  display: none;
}
.wrap {
		margin-top: 80% !important;
	}
  .banner {
	  top: 0;
      height: 100%;
      background-size: 140% auto !important;
		background-position: 60% 45px !important;
  }
.gg {
      width: 90%;
  height: auto;
      margin: 0 auto;
  margin-bottom: 30px;
}
.gg .center {
  width: 100%;
  margin-top: 20px;
      display: flex;
    justify-content: space-between;
}
.gg li {
  margin: 0;
      text-align: center;
}
  .wrap .center {
      width: 90%;
  }
}
@media screen and (max-width: 768px) {
	.gg .center {
		flex-wrap: wrap;
	}
	.gg .center li {
		width: 100%;
		margin: 10px 0;
		text-align: center;
		
	}
	.gg li h1 {
		margin-bottom: 5px;
	}

}
@media screen and (max-width: 425px) {
	
	.wrap .gg {
		width: 100% !important
	}
	.footer>p {
		line-height: 23px;
		padding: 5px 0;
	}

}
@media screen and (max-width: 375px) {
	.slideTxtBox {
		padding-bottom: 20px;
		height: auto;
	}
	.slideTxtBox .bd li {
		height: auto;
		line-height: 27px;
		display: flex;
		flex-direction: column-reverse;
	}
	.slideTxtBox .bd li .date {
		text-align: right;
	}
	.swiper-pagination1-bullet {
		width: 55px !important;
	}
	.wrap .center .photo>a {
		padding-top: 5px !important;
	}
}