* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
input:focus {
	outline: none;
}
/* 锁定滚动 */
.lock {
	overflow: hidden !important;
}
@font-face {
	font-family: Kanit;
	src: url("../font/font1/Kanit-Regular.ttf");
}
@font-face {
	font-family: KanitMedium;
	src: url("../font/font1/Kanit-Medium.ttf");
}
@font-face {
	font-family: "BelyDisplayW00-Regular";
	src: url("../font/font2/Bely\ Display\ W00\ Regular.ttf");
}
@font-face {
	font-family: Sancreek;
	src: url("../font/Sancreek.ttf");
}
@font-face {
	font-family: Kanit-ExtraLight;
	src: url("../font/font1/Kanit-ExtraLight.ttf");
}
/* 横幅 */
.streamer {
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 18px;
	color: #000;
	line-height: 22px;
	text-align: center;
	font-style: normal;
	text-transform: none;
	width: 100%;
	height: 42px;
	background-color: rgb(230,0,18);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow-wrap: break-word;
}
.wrap {
	width: 1420px;
	margin: 0 auto;
}
/* 头部 */
.header {
	width: 100%;
	height: 116px;
	/* 伴随动画开始固定在顶部 */
	/* 普通页面 */
}
.header.active {
	position: fixed;
	left: 0;
	top: 0 !important;
	z-index: 101;
	animation: animate 1s ease forwards;
	background-color: #232323;
}

/* 激活的时候切换logo */
.header.active .header-wrap .logo .default {
	display: none;
}

.header.active .header-wrap .logo .active {
	display: inline-block;
}
/* 内页状态 */
.header.common-state .header-wrap .logo .active {
	display: inline-block;
}

.header.common-state .header-wrap .logo .default {
	display: none !important;
}

.header.common-state {
	background-color: #232323;
}
.header.has-banner-header {
	position: fixed;
	left: 0;
	top: 42px;
	z-index: 101;
}
.header .header-wrap {
	height: 100%;
	display: flex;
	align-items: center;
	/* 右侧出现的菜单 */
}
.header .header-wrap .logo a {
	display: block;
}
.header .header-wrap .logo img {
	vertical-align: top;
}

.header .header-wrap .logo .active {
	display: none;
}
.header .header-wrap .nav {
	display: flex;
	margin-left: 241px;
}
.header .header-wrap .nav .nav-item {
	position: relative;
	margin-right: 57px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.header .header-wrap .nav .nav-item:hover > a {
	/* color: #ed1c24; */
	color: rgb(230, 0, 18);
}
.header .header-wrap .nav .nav-item:last-of-type {
	margin-right: 0;
}
.header .header-wrap .nav .nav-item > a {
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	line-height: 1.23;
	text-align: left;
	font-style: normal;
	text-decoration-line: underline;
	text-transform: none;
	text-transform: uppercase;
}
.header .header-wrap .nav .nav-item .dropdown {
	background-color: #fff;
	border: 7px;
	position: absolute;
	left: 50%;
	top: 100%;
	padding: 20px 15px;
	white-space: nowrap;
	transform: translateX(-50%);
	z-index: 6;
	display: none;
}
.header .header-wrap .nav .nav-item .dropdown .dropdown-item {
	margin-bottom: 10px;
}
.header .header-wrap .nav .nav-item .dropdown .dropdown-item:last-of-type {
	margin-bottom: 0;
}
.header .header-wrap .nav .nav-item .dropdown::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-bottom-color: #fff;
}
.header .header-wrap .nav .nav-item .dropdown a {
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	line-height: 1.23;
	text-align: left;
	font-style: normal;
	text-transform: none;
	text-transform: uppercase;
}
.header .header-wrap .nav .nav-item .dropdown a:hover {
	/* color: #ed1c24; */
	color: rgb(230, 0, 18);
}
.header .header-wrap .operate {
	display: flex;
	align-items: center;
	margin-left: auto;
	/* 搜索区域 */
	/* 右侧菜单区域 */
}
.header .header-wrap .operate .search-area {
	position: relative;
	/* margin-right: 30px; */
}
/* 搜索按钮 */
.header .header-wrap .operate .search-area #search-btn {
	user-select: none;
	cursor: pointer;
	display: none;
}
.header .header-wrap .operate .search-area .search-box {
	/* display: none; */
	/* position: absolute; */
	/* right: 50%; */
	/* transform: translate(50%); */
	/* top: 150%; */
	/* z-index: 2; */
	height: 45px;
}
.header .header-wrap .operate .search-area .search-form {
	display: flex;
	height: 100%;
}
.header .header-wrap .operate .search-area .search-form input {
	width: 180px;
	border: none;
	padding-left: 10px;
	border: 1px solid transparent;
}
.header .header-wrap .operate .search-area .search-form input:focus {
	outline: none;
	border-color: #ed1c24;
	border-right: none;
}
.header .header-wrap .operate .search-area .search-form button {
	width: 60px;
	border: none;
	background-color: #ed1c24;
	color: #fff;
	user-select: none;
	cursor: pointer;
}
.header .header-wrap .operate .search-area .search-form button:focus {
	outline: none;
}
/* 右侧菜单按钮 */
.header .header-wrap .operate .menu-area {
	user-select: none;
	cursor: pointer;
	display: none;
}
.header .header-wrap .right-menu {
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 999;
	width: 100%;
	height: 100vh;
	display: flex;
	/* 左侧 */
	/* 右侧 */
}
.header .header-wrap .right-menu .left {
	flex: 1;
	background: rgba(255, 255, 255, 0.35);
}
.header .header-wrap .right-menu .menu-area {
	padding-top: 65px;
	padding-left: 170px;
	width: 60%;
	background-color: #fff;
	overflow: auto;
	max-height: 100vh;
}
.header .header-wrap .right-menu .menu-area::-webkit-scrollbar {
	width: 7px;
	background-color: #ccc;
}
.header .header-wrap .right-menu .menu-area::-webkit-scrollbar-thumb {
	background-color: #ed1c24;
	border-radius: 10px;
}
.header .header-wrap .right-menu .menu-area .menu-close {
	position: absolute;
	right: 35px;
	top: 20px;
}
.header .header-wrap .right-menu .menu-area .menu-close img {
	width: 32px;
}
.header .header-wrap .right-menu .menu-area .menu-close .hover {
	display: none;
}
.header .header-wrap .right-menu .menu-area .menu-close:hover .hover {
	display: inline-block;
}
.header .header-wrap .right-menu .menu-area .menu-close:hover .default {
	display: none;
}
.header .header-wrap .right-menu .menu-area .menu-list {
	padding-bottom: 35px;
}
.header .header-wrap .right-menu .menu-area .right-menu-item {
	margin-bottom: 15px;
	width: fit-content;
}
.header .header-wrap .right-menu .menu-area .right-menu-item > a {
	color: #000;
	font-family: BelyDisplayW00-Regular;
	font-size: 60px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	white-space: nowrap;
}
.header .header-wrap .right-menu .menu-area .right-menu-item > a:hover {
	/* color: #ed1c24; */
	color: rgb(230, 0, 18);
}
.header .header-wrap .right-menu .menu-area .right-menu-item .right-menu-box {
	padding-left: 15px;
	display: none;
}
.header .header-wrap .right-menu .menu-area .right-menu-item .right-menu-box a {
	color: #000;
	font-family: BelyDisplayW00-Regular;
	font-size: 36px;
	line-height: normal;
	text-transform: capitalize;
	transition: all 0.45s ease;
	line-height: 1.7;
}
.header .header-wrap .right-menu .menu-area .right-menu-item .right-menu-box a:hover {
	/* color: #ed1c24; */
	color: rgb(230, 0, 18);
}
/* 尾部 */
.footer {
	width: 100%;
	background: #000000;
	padding-top: 81px;
	padding-bottom: 68px;
}
.footer .footer-main {
	display: flex;
	align-items: flex-start;
}
.footer .footer-main .left {
	/* margin-right: 225px; */
	margin-right: 160px;
}
.footer .footer-main .left img {
	display: block;
}
.footer .footer-main .left h6 {
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.2;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 11px;
	margin-bottom: 12px;
}
.footer .footer-main .left p {
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 16px;
	color: #767676;
	line-height: 2;
	text-align: left;
	font-style: normal;
	text-transform: none;
	/* white-space: nowrap; */
	max-width: 360px;
}

.footer .footer-main .center {
	display: flex;
	align-items: flex-start;
}
.footer .footer-main .center .nav:first-of-type {
	margin-right: 242px;
}
.footer .footer-main .center .nav li {
	white-space: nowrap;
}
.footer .footer-main .center .nav li:first-of-type {
	margin-bottom: 15px;
}
.footer .footer-main .center .nav li h5 {
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.footer .footer-main .center .nav li a {
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 18px;
	color: #c5c5c5;
	line-height: 1.6;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.footer .footer-main .center .nav li a:hover {
	/* color: #ed1c24; */
	color: rgb(230, 0, 18);
}
.footer .footer-main .right {
	margin-left: auto;
}
.footer .footer-main .right h5 {
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.footer .footer-main .right .icon-list {
	display: flex;
	align-items: center;
	margin-top: 21px;
	margin-bottom: 28px;
}
.footer .footer-main .right .icon-list .icon-item {
	margin-right: 25px;
}
.footer .footer-main .right .icon-list .icon-item:last-of-type {
	margin-right: 0;
}
.footer .footer-main .right .app-list {
	display: flex;
	align-items: center;
	margin-top: 31px;
}
.footer .footer-main .right .app-list .app-item:first-of-type {
	margin-right: 17px;
}
.footer .copyright {
	margin-top: 77px;
	font-family: Kanit, Kanit;
	font-weight: 400;
	font-size: 16px;
	color: #767676;
	line-height: 2;
	text-align: center;
	font-style: normal;
	text-transform: none;
}
/* 动画 */
@keyframes animate {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
@media (max-width: 1450px) {
	.wrap {
		width: 92%;
	}
	.header .header-wrap .nav {
		margin-left: 90px;
	}
	.header .header-wrap .nav .nav-item {
		margin-right: 40px;
	}
	.header .header-wrap .right-menu .menu-area {
		padding-left: 70px;
	}
	.header .header-wrap .right-menu .menu-area .right-menu-item > a {
		font-size: 50px;
	}
	.footer .footer-main .left,
	.footer .footer-main .center {
		width: 46%;
		margin-right: 0px;
	}

	.footer .footer-main .center {
		margin-left: auto;
	}

	.footer .footer-main .center .nav:first-of-type {
		margin-right: 70px;
	}
}
@media (max-width: 1200px) {
	.header .header-wrap .nav {
		margin-left: 40px;
	}
	.header .header-wrap .nav .nav-item > a {
		font-size: 16px;
	}
	.header .header-wrap .nav .nav-item {
		margin-right: 22px;
	}
	.footer .footer-main {
		flex-wrap: wrap;
	}
	.footer .footer-main .center {
		margin-left: auto;
		width: 50%;
	}
	.footer .footer-main .right {
		width: 100%;
		margin-left: 0;
		margin-top: 35px;
	}
}
@media (max-width: 992px) {
	.header .header-wrap .operate .search-area {
		margin-right: 25px;
	}
	.header {
		height: 90px;
	}
	.header .header-wrap .nav {
		display: none;
	}
	.header .header-wrap .operate .menu-area {
		display: block;
	}
	.header .header-wrap .right-menu .menu-area .right-menu-item > a {
		font-size: 45px;
	}
}
/* 进入移动设备适配 */
@media (max-width: 768px) {
	.streamer {
		font-size: 16px;
	}
	.header .header-wrap .right-menu .menu-area {
		width: 70%;
	}
	.header .header-wrap .right-menu .menu-area .right-menu-item .right-menu-box {
		display: block;
	}
	.header .header-wrap .right-menu .menu-area {
		padding-left: 45px;
	}
	.header .header-wrap .right-menu .menu-area .right-menu-item > a {
		font-size: 24px;
	}
	.header .header-wrap .right-menu .menu-area .right-menu-item .right-menu-box a {
		font-size: 18px;
	}
	.header .header-wrap .right-menu .menu-area .menu-close img {
		width: 25px;
	}
	.header .header-wrap .right-menu .menu-area {
		padding-top: 75px;
	}
	.header .header-wrap .operate .search-area .search-box {
		right: -50%;
		transform: translateX(0);
	}
	.footer {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.footer .footer-main {
		flex-wrap: wrap;
	}
	.footer .footer-main .left,
	.footer .footer-main .center {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	.footer .footer-main .center,
	.footer .footer-main .right {
		margin-top: 25px;
	}
	.footer .copyright {
		margin-top: 25px;
	}
}
@media (max-width: 576px) {
	.header .header-wrap .operate .search-area #search-btn {
		display: block;
	}
	.header .header-wrap .operate .search-area .search-box {
		display: none;
		position: absolute;
		right: 0;
		transform: translate(0);
		top: 150%;
		z-index: 2;
	}
	.header {
		height: 60px;
	}
	.wrap {
		width: 96%;
	}
	.streamer {
		font-size: 13px;
	}
	.header .logo img {
		height: 45px;
	}
	.header .header-wrap .operate .menu-area img {
		width: 35px;
		vertical-align: bottom;
	}
	.header .header-wrap .right-menu .menu-area {
		padding-left: 25px;
		width: 82%;
	}
	.header .header-wrap .right-menu .menu-area .right-menu-item {
		margin-bottom: 10px;
	}
	.header .header-wrap .right-menu .menu-area .right-menu-item > a {
		font-size: 22px;
	}
	.footer .footer-main .left img {
		width: 180px;
	}
	.footer .footer-main .left p {
		line-height: 1.7;
	}
	.footer .footer-main .center .nav li h5 {
		font-size: 18px;
	}
	.footer .footer-main .center .nav li:first-of-type {
		margin-bottom: 10px;
	}
	.footer .footer-main .center .nav li a {
		font-size: 16px;
	}
	.footer .footer-main .center .nav:first-of-type {
		margin-right: 20%;
	}
	.footer .footer-main .right h5 {
		font-size: 18px;
	}
	.footer .footer-main .right .app-list {
		margin-top: 15px;
	}
	.footer .copyright {
		margin-top: 15px;
		font-size: 16px;
	}

	.footer .footer-main .right .icon-list .icon-item {
		margin-right: 7px;
	}

	.footer .footer-main .left p {
		max-width: 100%;
	}
}