@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
.lg18 {
	display: none;
}
.webp .wrapper-bxh {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg.webp")
		no-repeat 50% 0 #000000;
}
.no-webp .wrapper-bxh {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg.jpg")
		no-repeat 50% 0 #000000;
}
.wrapper-bxh {
	min-height: 100vh;
}

.wrapper-bxh .header {
	height: 116px;
	background: none !important;
}
.wrapper-bxh .header::before {
	display: none;
}
.wrapper-bxh .header::after {
	display: none;
}

.wrapper-bxh .header .bg-video {
	display: none;
}

.wrapper-bxh .header .main-header .box-download {
	display: none;
}

.wrapper-bxh .main-wrapper {
	position: relative;
	font-family: Tahoma;
}
.webp .wrapper-bxh .main-wrapper .box-download {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg-download.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .box-download {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg-download.png")
		no-repeat 0/100%;
}
.wrapper-bxh .main-wrapper .box-download {
	width: 184px;
	height: 397px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -198px;
	z-index: 9;
	padding: 100px 20px 20px;
}

.wrapper-bxh .main-wrapper .box-download .icon-app {
	display: block;
	width: 129px;
	height: 129px;
	margin: 0 auto;
}

.wrapper-bxh .main-wrapper .box-download .icon-app img {
	width: 100%;
}

.wrapper-bxh .main-wrapper .box-download .btn-download {
	display: block;
	width: 129px;
	height: 36px;
	margin: 0 auto 8px;
}

.webp .wrapper-bxh .main-wrapper .box-download .btn-download.btn-ios {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-ios.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .box-download .btn-download.btn-ios {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-ios.png")
		no-repeat 0/100%;
}

.webp .wrapper-bxh .main-wrapper .box-download .btn-download.btn-android {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-ggplay.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .box-download .btn-download.btn-android {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-ggplay.png")
		no-repeat 0/100%;
}

.webp .wrapper-bxh .main-wrapper .box-download .btn-download.btn-apk {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-apk.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .box-download .btn-download.btn-apk {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-apk.png")
		no-repeat 0/100%;
}
.webp .wrapper-bxh .main-wrapper .slogan {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/slogan.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .slogan {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/slogan.png")
		no-repeat 0/100%;
}
.wrapper-bxh .main-wrapper .slogan {
	display: block;

	width: 473px;
	height: 159px;
	margin: 0 auto;
}
.webp .wrapper-bxh .main-wrapper .logo {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/logo.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .logo {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/logo.png")
		no-repeat 0/100%;
}
.wrapper-bxh .main-wrapper .logo {
	display: block;

	width: 206px;
	height: 208px;
	position: absolute;
	top: 0;
	left: 50px;
}
.webp .wrapper-bxh .main-wrapper .bxh {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg-bxh.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .bxh {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg-bxh.png")
		no-repeat 0/100%;
}
.wrapper-bxh .main-wrapper .bxh {
	display: block;

	width: 1049px;
	height: 687px;
	margin: 0 auto 10px;
	padding: 110px 60px 35px;
	position: relative;
}

.wrapper-bxh .main-wrapper .bxh .list-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 25px;
}
.webp .wrapper-bxh .main-wrapper .bxh .list-menu a {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/menu.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .bxh .list-menu a {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/menu.png")
		no-repeat 0/100%;
}
.wrapper-bxh .main-wrapper .bxh .list-menu a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;

	width: 150px;
	height: 58px;
	padding: 15px 25px 5px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin: 0 5px;
}
.webp .wrapper-bxh .main-wrapper .bxh .list-menu a:hover,
.webp .wrapper-bxh .main-wrapper .bxh .list-menu a.active {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/menu-active.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .bxh .list-menu a:hover,
.no-webp .wrapper-bxh .main-wrapper .bxh .list-menu a.active {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/menu-active.png")
		no-repeat 0/100%;
}

.wrapper-bxh .main-wrapper .bxh .server-list {
	position: absolute;
	right: 60px;
	top: 145px;
	width: 200px;
	height: 20px;
	background-color: #fff;
	color: #464646;
	font-size: 15px;
	font-weight: bold;
	border: none;
}

.wrapper-bxh .main-wrapper .bxh .server-list:focus {
	outline: none;
}

.wrapper-bxh .main-wrapper .bxh .main-bxh {
	margin: 10px 0 0;
	height: 470px;
	overflow: auto;
	color: #fff;
}

.wrapper-bxh .main-wrapper .bxh .main-bxh::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #3e3e3e;
	box-shadow: inset 0 0 6px #3e3e3e;
	background-color: #3e3e3e;
}

.wrapper-bxh .main-wrapper .bxh .main-bxh::-webkit-scrollbar {
	width: 3px;
	background-color: #3e3e3e;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	margin-right: -20px;
}

.wrapper-bxh .main-wrapper .bxh .main-bxh::-webkit-scrollbar-thumb {
	background-color: #f5fdfd;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.wrapper-bxh .main-wrapper .bxh .main-bxh table th,
.wrapper-bxh .main-wrapper .bxh .main-bxh table td {
	border: 1px solid #fff;
	text-align: center;
}
.webp .wrapper-bxh .main-wrapper .btn-info {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-info.webp")
		no-repeat 0/100%;
}
.no-webp .wrapper-bxh .main-wrapper .btn-info {
	background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-info.png")
		no-repeat 0/100%;
}
.wrapper-bxh .main-wrapper .btn-info {
	display: block;

	width: 387px;
	height: 99px;
	margin: 0 auto 10px;
}

@media only screen and (max-width: 1024px) {
	.webp .wrapper-bxh {
		background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg-mb.webp")
			no-repeat 50% 0 #000000;
	}
	.no-webp .wrapper-bxh {
		background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg-mb.jpg")
			no-repeat 50% 0 #000000;
	}
	.wrapper-bxh .header {
		height: 715px;
	}
	.wrapper-bxh .main-wrapper .box-download {
		display: none;
	}
	.webp .wrapper-bxh .main-wrapper .slogan {
		background: url("https://cdn.smobgame.com/template/CP16/images/bxh/slogan.webp")
			no-repeat 0/100%;
	}
	.no-webp .wrapper-bxh .main-wrapper .slogan {
		background: url("https://cdn.smobgame.com/template/CP16/images/bxh/slogan.png")
			no-repeat 0/100%;
	}
	.wrapper-bxh .main-wrapper .slogan {
		display: block;

		width: 473px;
		height: 159px;
		margin: 0 auto;
	}
	.wrapper-bxh .main-wrapper .logo {
		display: none;
	}
	.wrapper-bxh .main-wrapper .bxh {
		background: none;
		width: 640px;
		height: auto;
		padding: 50px 0 0;
		position: relative;
	}
	.wrapper-bxh .main-wrapper .bxh::before {
		content: "";
		display: block;
		width: 100%;
		height: 50px;
		background-color: #071a2c;
		position: absolute;
		top: 200px;
		left: 0;
		z-index: 2;
	}
	.wrapper-bxh .main-wrapper .bxh .list-menu {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
	}
	.wrapper-bxh .main-wrapper .bxh .list-menu a {
		width: 180px;
		height: 68px;
		padding: 15px 25px 5px;
		font-size: 14px;
		margin: 0 5px 5px;
	}
	.wrapper-bxh .main-wrapper .bxh .list-menu a:first-child {
		margin: 0 225px 5px;
	}
	.wrapper-bxh .main-wrapper .bxh .server-list {
		position: absolute;
		right: 10px;
		top: 215px;
		width: 200px;
		height: 20px;
		background-color: #fff;
		color: #464646;
		font-size: 15px;
		font-weight: bold;
		border: none;
		z-index: 3;
	}
	.wrapper-bxh .main-wrapper .bxh .server-list:focus {
		outline: none;
	}
	.wrapper-bxh .main-wrapper .bxh .main-bxh {
		margin: 10px 0 0;
		height: 960px;
		overflow: auto;
		color: #fff;
		background-color: #071a2c;
		position: relative;
		padding: 50px 10px;
	}
	.wrapper-bxh .main-wrapper .bxh .main-bxh table th,
	.wrapper-bxh .main-wrapper .bxh .main-bxh table td {
		border: 1px solid #fff;
		text-align: center;
	}
	.webp .wrapper-bxh .main-wrapper .btn-info {
		background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-info.webp")
			no-repeat 0/100%;
	}
	.no-webp .wrapper-bxh .main-wrapper .btn-info {
		background: url("https://cdn.smobgame.com/template/CP16/images/bxh/btn-info.png")
			no-repeat 0/100%;
	}
	.wrapper-bxh .main-wrapper .btn-info {
		display: block;
		width: 387px;
		height: 99px;
		margin: -40px auto 10px;
		position: relative;
	}
}

@media only screen and (max-width: 640px) {
	.webp .wrapper-bxh {
		background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg-mb6.webp")
			no-repeat top/100% #000000;
	}
	.no-webp .wrapper-bxh {
		background: url("https://cdn.smobgame.com/template/CP16/images/bxh/bg-mb6.jpg")
			no-repeat 0/100% #000000;
	}
	.wrapper-bxh .header {
		height: 111.71875vw;
	}
	.wrapper-bxh .main-wrapper .slogan {
		width: 73.90625vw;
		height: 24.84375vw;
	}
	.wrapper-bxh .main-wrapper .bxh {
		width: 100vw;
		padding: 7.8125vw 0 0;
	}
	.wrapper-bxh .main-wrapper .bxh::before {
		height: 7.8125vw;
		top: 31.25vw;
	}
	.wrapper-bxh .main-wrapper .bxh .list-menu a {
		width: 28.125vw;
		height: 10.625vw;
		padding: 2.34375vw 3.90625vw 0.78125vw;
		font-size: 2.1875vw;
		margin: 0 0.78125vw 0.78125vw;
	}
	.wrapper-bxh .main-wrapper .bxh .list-menu a:first-child {
		margin: 0 35.15625vw 0.78125vw;
	}
	.wrapper-bxh .main-wrapper .bxh .server-list {
		right: 1.5625vw;
		top: 33.59375vw;
		width: 31.25vw;
		height: 3.125vw;
		font-size: 2.34375vw;
	}
	.wrapper-bxh .main-wrapper .bxh .main-bxh {
		margin: 1.5625vw 0 0;
		height: 150vw;
		padding: 7.8125vw 1.5625vw;
	}
	.wrapper-bxh .main-wrapper .bxh .main-bxh table th,
	.wrapper-bxh .main-wrapper .bxh .main-bxh table td {
		padding: 5px;
		font-size: 12px;
	}
	.wrapper-bxh .main-wrapper .btn-info {
		width: 60.46875vw;
		height: 15.46875vw;
		margin: -6.25vw auto 1.5625vw;
	}
}