html {
  overflow-y: scroll;
}

.navbar-inverse {
	background: transparent;
	border-color: transparent;
}

/*.navbar-inverse > .container {
    background-color: #090221;
}*/
#navbar {
	/* padding-top: 15px; */
}

#navbar ul li a:hover {
	color: #F1C730;
}

#navbar ul li a {
	color: black;
}

#navbar ul li span {
	color: black;
}

.navbar {
	margin: 0;
	 min-height: 100px;
}

.navbar-collapse>li {
	background-image: url('../images/subfield.png') no-repeat;
	background-position: right;
}

.navbar-nav>li>span {
	line-height: 100px;
}

.navbar-nav > li > a {
	line-height: 100px;
	
}
.nav > li > a {
	padding: 0;
}


/*footer {
    background-color: #0E171E;
}*/

#id_icon_list {
	padding-top: 10px;
	border-bottom: 1px solid #858A8D;
	padding-bottom: 10px;
}

#id_icon_list ul {
	list-style-type: none;
	display: inline;
}

#id_icon_list ul li {
	display: inline;
	padding-left: 4px;
}

#id_icon_list ul li img {
	width: 55px;
}

.center-block {
	width: 80%;
}

.swiper-node-img{
	position: absolute;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
}

.swiper-container-wrapper {
  width: 100%;
  /* padding: 40px 0; */
  background-color: #fff4dc;
}

.highlightSwiper {
  width: 100%;
}

.highlightSwiper .swiper-slide {
  width: 70vw; /* ★★ 每张图 70% 屏宽，正中一张刚好居中 */
  flex-shrink: 0;
  transition: transform 0.3s;
}

.highlightSwiper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  /* border-radius: 12px; */
  /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); */
}

@media (min-width: 768px) {
	.navbar-inverse>.container {
		width: 740px;
	}

	.navbar-header {
		height: 100px;
		padding-top: 15px;
	}

	.navbar-header>a>img {
		padding: 10px 10px;
	}

	.nav>li>a {
		color: #858A8D;
		font-size: 25px;
	}

	.nav>li>span {
		display: block;
		color: #858A8D;
		font-size: 30px;
	}

	#id_icon_list {
		padding-top: 20px;
	}
	#game-service-image{
		/* padding-top: 5%; */
	}
	  .navbar-collapse {
	    display: flex !important;
	    justify-content: center;
		  transition: height 0.3s ease;
		  will-change: height;
	  }
	
	  .navbar-nav {
	    float: none;
	    display: flex;
	    justify-content: center;
	  }
	.navbar-nav {
	  margin: 0 auto;
	}
}

@media (min-width: 992px) {
	.navbar-inverse>.container {
		width: 960px;
	}

	.nav>li>span {
		padding-right: 15px;
		padding-left: 15px;
	}
}


/* 手机端优化 */
@media (max-width: 768px) {
	.slide {
		height: calc(100vw * 9 / 16);
	}

	.slider-container {
		bottom: 6%;
		/* 手机上更贴底一些 */
	}

	/* 导航整体折叠后背景 */
	.navbar-collapse {
		background-color: #ffffff;
	}

	/* 菜单项样式优化 */
	.navbar-nav>li {
		text-align: center;
		padding: 12px 0;
	}

	.navbar-nav>li>a {
		display: inline-block;
		width: 100%;
		color: #333 !important;
		font-size: 18px;
		height: auto;
		line-height: normal;
	}

	/* 移除分隔符“|”在手机上 */
	.navbar-nav>li>span {
		display: none;
	}

	/* 通用三条线按钮样式 */
	.navbar-toggle {
		background-color: #fff !important;
		border: 1px solid #ccc !important;
		box-shadow: none;
	}

	/* 三条线本体颜色 */
	.navbar-toggle .icon-bar {
		background-color: #333 !important;
	}

	/* 展开状态下的样式也保持一致 */
	.navbar-toggle:focus,
	.navbar-toggle:hover,
	.navbar-toggle[aria-expanded="true"] {
		background-color: #fff !important;
		border: 1px solid #ccc !important;
	}

	.navbar-toggle[aria-expanded="true"] .icon-bar {
		background-color: #333 !important;
	}

	/* LOGO 居中可选（视你是否放 logo） */
	.navbar-header {
		text-align: center;
		width: 100%;
	}
}

.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* 加入此类时触发动画 */
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #b3b3b3;
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: rgba(0, 0, 0, .2);
}

/*定义滚动条轨道
内阴影+圆角*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}