/* css-公用的-start */
	*{
		margin: 0;
		padding: 0;
		font-family:'Adobe 黑体 Std';
	}
	
	li {
		list-style: none;
	}
	
	a{
		text-decoration:none
	}
	
	img{
		vertical-align: bottom;
	}
	
	.wrapper{
		overflow: hidden;
	}
	
	.w {
		width: 73.569%;
		margin: 0 auto;
	}
	
/* css-公用的-end */

/* 字体-公用的-start */
	@font-face {
		font-family: "SourceHanSansCN-Bold";
		src: url('/fonts/SourceHanSansCN-Bold.otf') format('opentype');
	}
	
	@font-face {
		font-family: "SourceHanSansCN-Regular";
		src: url('/fonts/SourceHanSansCN-Regular.otf') format('opentype');
	}
	
	@font-face {
		font-family: "SourceHanSansCN-Medium";
		src: url('/fonts/SourceHanSansCN-Medium.otf') format('opentype');
	}
	
	@font-face {
		font-family: "Lianmengqiyilushuaizhengruiheiti-Regular";
		src: url('/fonts/Lianmengqiyilushuaizhengruiheiti-Regular.ttf') format('opentype');
	}

/* 字体-公用的-end */

/* 视频-公用-start */
	.video-js{
		width: 100%;
		height: 100%;
		line-height: 0;
		border-radius: 10px;
	}
	
	.video-js .vjs-tech{
		position: static;
		object-fit: cover;
		border-radius: 10px;
	}
	
	.video-js .vjs-poster{
		border-radius: 10px;
	}
	
	.video-js .vjs-big-play-button{
		height: 0px;
		width: 5.209%;
		border-width: 0px;
		padding: 2.605% 0%;
		background-color: rgba(0, 0, 0, 0);
		background-image: url('/images/video-button-1.png');
		background-repeat:no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	
	.video-js:hover .vjs-big-play-button{
		background-color: rgba(0, 0, 0, 0);
	}
	
	.video-js.vjs-paused .vjs-big-play-button{ /* 视频暂停时显示播放按钮 */
		display: block;
	}
	
	.video-js.vjs-error .vjs-big-play-button{ /* 视频加载出错时隐藏播放按钮 */
		display: none;
	}
	
	.video-js .vjs-big-play-button .vjs-icon-placeholder{
		display: none;
	}

	/* 隐藏进度条 */
	.vjs-has-started .vjs-control-bar{
		display: none;
	}

/* 视频-公用-end */

/* 滚动条-公用的-start */
	.scroll-bar{
		overflow: auto;
	}
	
	.scroll-bar::-webkit-scrollbar {
		display: none;
	}
/* 滚动条-公用的-end */

/* 头部 */
	.header-wrapper .header{
		width: 100%;
		height: 90px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	/* logo */
	.header-wrapper .header .logo{
		width: 16.786%;
		display: block;
	}
	
	.header-wrapper .header .logo img{
		width: 100%;
		height: 100%;
	}

	/* PC菜单 */
	.header-wrapper .header .menu-wrapper{
		height: 100%;
		display: block;
		width: 45%;
		position: relative;
	}
	
	.header-wrapper .header .menu-wrapper .menu{
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.header-wrapper .header .menu-wrapper .menu .menu-item{
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	.header-wrapper .header .menu-wrapper .menu .menu-item a{
		width: 100%;
		height: 100%;
		display: flex;
		font-size: 16px;
		text-align: center;
		align-items: center;
		justify-content: center;
		color: rgba(15, 15, 15, 1);
	}

	/* 移动端-菜单 */
	.header-wrapper .header .functional-area .menu-h5-wrapper{
		display: none;
		position: relative;
	}
	
	.header-wrapper .header .functional-area .menu-h5-wrapper span{
		font-size: 25px;
		color: rgba(109, 109, 109, 1);
	}
	
	.header-wrapper .header .functional-area .menu-h5-wrapper .menu-h5{
		width: 40%;
		height: 100%;
		transform: translateX(0%);
		transition: all 0.5s ease;
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		position: fixed;
		top: 0%;
		left: -40%;
		z-index: 9999;
	}
	
	.header-wrapper .header .functional-area .menu-h5-wrapper .menu-h5 .menu .menu-item a{
		display: block;
		padding: 0% 5%;
		font-size: 14px;
		line-height: 40px;
		color: rgba(15, 15, 15, 1);
		border-bottom: 1px solid rgba(242, 242, 242, 1);
	}

	/* 功能区 */
	.header-wrapper .header .functional-area{
		height: 100%;
		display: flex;
		width: 16%;
		align-items: center;
		justify-content: flex-end;
	}

	/* 功能区-登陆状态 */
	.header-wrapper .header .functional-area .login-wrapper{
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .login{
		line-height: 1;
		cursor: pointer;
		font-size: 16px;
		color: rgba(54, 54, 54, 1);
	}
	
	.header-wrapper .header .functional-area .login-wrapper .register{
		line-height: 1;
		cursor: pointer;
		font-size: 16px;
		color: rgba(54, 54, 54, 1);
	}
	
	.header-wrapper .header .functional-area .login-wrapper .logout{
		width: 100%;
		line-height: 1;
		cursor: pointer;
		font-size: 16px;
		text-align: center;
		color: rgba(54, 54, 54, 1);
	}
	
	.header-wrapper .header .functional-area .login-wrapper samp{
		display: block;
		margin: 0% 7.408%;
		padding: 6.667% 0.9px;
		background-color: rgba(54, 54, 54, 1);
	}

	/* 跳转充值中心 */
	.header-wrapper .header .functional-area .voucher-center-button{
		width: 100%;
		height: 35px;
		display: flex;
		font-size: 14px;
		align-items: center;
		border-radius: 17.5px;
		justify-content: center;
		color: rgba(255, 255, 255, 1);
		background: linear-gradient(to right, rgba(31, 206, 255, 1), rgba(70, 98, 255, 1));
		cursor: pointer;
	}
	
	.header-wrapper .header .functional-area .voucher-center-button p{ white-space: nowrap; }

	/* 菜单-选中 */
	.header-wrapper .header .menu-wrapper .menu .menu-item.current-menu-item a{
		color: rgba(0, 110, 252, 1);
	}

	/* 菜单-悬停 */
	.header-wrapper .header .menu-wrapper .menu .menu-item.current-hover-item a{
		color: rgba(0, 110, 252, 1);
	}

	/* 登录-悬停 */
	.header-wrapper .header .functional-area .login-wrapper .login.current-hover-item{
		color: rgba(0, 110, 252, 1);
	}

	/* 注册-悬停 */
	.header-wrapper .header .functional-area .login-wrapper .register.current-hover-item{
		color: rgba(0, 110, 252, 1);
	}

	/* 退出登录-悬停 */
	.header-wrapper .header .functional-area .login-wrapper .logout.current-hover-item{
		color: rgba(0, 110, 252, 1);
	}

	/* 移动端-菜单-选中 */
	.header-wrapper .header .functional-area .menu-h5-wrapper .menu-h5 .menu .menu-item.current-menu-item a{
		color: rgba(0, 110, 252, 1);
	}

	/* 移动端-打开菜单 */
	.header-wrapper .header .functional-area .menu-h5-wrapper .menu-h5.menu-expand-item{
		left: 0%;
	}

/* 返回顶部 */
	.return-top{
		display: none;
		padding: 10px;
		cursor: pointer;
		font-size: 15px;
		border-radius: 5px;
		background-color: rgba(230, 248, 255, 1);
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
		position: fixed;
		bottom: 40px;
		right: 1.577%;
		z-index: 1000;
	}
	
	/* 返回顶部-显示 */
	.return-top.display{
		display: block;
	}
	
	/* 返回顶部-悬停 */
	.return-top.current-hover-item{
		background-color: rgba(193, 237, 255, 1);
	}

/* 底部 */
	.footer-wrapper{
		width: 100%;
		background-image: url('/images/background-2.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.footer-wrapper .upper-wrapper{
		width: 100%;
		padding: 5.255% 0% 3.153%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}
	
	.footer-wrapper .upper-wrapper .title p:first-child{
		line-height: 1;
		font-size: 36px;
		text-align: center;
		color: rgba(255, 255, 255, 1);
		font-family: "SourceHanSansCN-Bold";
	}
	
	.footer-wrapper .upper-wrapper .title p:last-child{
		line-height: 1;
		font-size: 16px;
		margin-top: 2.500%;
		text-align: center;
		color: rgba(255, 255, 255, 1);
	}

	/* 联系方式 */
	.footer-wrapper .upper-wrapper .contact-way{
		width: 100%;
		display: flex;
		margin-top: 2.858%;
		align-items: center;
		justify-content: center;
	}
	
	.footer-wrapper .upper-wrapper .contact-way .item{
		width: 2.858%;
		margin-right: 2.143%;
		position: relative;
	}
	
	.footer-wrapper .upper-wrapper .contact-way .item:last-child{
		margin-right: 0%;
	}
	
	.footer-wrapper .upper-wrapper .contact-way .item a{
		width: auto;
		height: auto;
		padding: 50%;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}

	/* 二维码 */
	.footer-wrapper .upper-wrapper .contact-way .item .qr-code{
		width: 200%;
		padding: 25%;
		display: none;
		align-items: center;
		justify-content: center;
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		position: absolute;
		top: 140%;
		right: -75%;
		z-index: 999;
	}
	
	.footer-wrapper .upper-wrapper .contact-way .item .qr-code::after{
		width: 0%;
		height: 0%;
		content: '';
		display: block;
		border-top: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid rgba(255, 255, 255, 1);
		border-left: 5px solid transparent;
		position: absolute;
		top: -10px;
	}
	
	.footer-wrapper .upper-wrapper .contact-way .item .qr-code img{
		width: 100%;
		height: 100%;
	}

	/* 版权信息 */
	.footer-wrapper .below-wrapper{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 2.891% 0% 3.153%;
	}
	
	.footer-wrapper .below-wrapper a{
		line-height: 1;
		font-size: 16px;
		color: rgba(255, 255, 255, 1);
	}

	/* 底部图标-悬停 */
	.footer-wrapper .upper-wrapper .contact-way .item.current-hover-item .qr-code{
		display: flex;
	}

/* 首页合并区与二维码弹窗 */
	html{ scroll-behavior: smooth; }
	#product-intro, #advantages, #plans{ scroll-margin-top: 90px; }
	.homepage-plans{ width: 100%; }
	body.modal-open{ overflow: hidden; }
	.service-qr-modal{
		display: none;
		align-items: center;
		justify-content: center;
		position: fixed;
		inset: 0;
		z-index: 20000;
	}
	.service-qr-modal.is-open{ display: flex; }
	.service-qr-backdrop{
		position: absolute;
		inset: 0;
		background: rgba(8, 18, 36, 0.68);
		backdrop-filter: blur(4px);
	}
	.service-qr-dialog{
		width: min(420px, calc(100vw - 40px));
		box-sizing: border-box;
		padding: 34px 34px 30px;
		border-radius: 18px;
		text-align: center;
		background: #fff;
		box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
		position: relative;
		z-index: 1;
	}
	.service-qr-dialog h2{
		font-size: 26px;
		color: #111;
		font-family: "SourceHanSansCN-Bold";
	}
	.service-qr-dialog p{
		font-size: 14px;
		margin-top: 10px;
		color: #777;
	}
	.service-qr-dialog img{
		width: min(290px, 100%);
		height: auto;
		margin-top: 22px;
		border-radius: 10px;
	}
	.service-qr-close{
		width: 36px;
		height: 36px;
		border: 0;
		border-radius: 50%;
		font-size: 27px;
		line-height: 1;
		cursor: pointer;
		color: #555;
		background: #f1f4f8;
		position: absolute;
		top: 14px;
		right: 14px;
	}

/* 响应 1680 */
@media screen and (max-width: 1680px) {
/* 头部 */
	.header-wrapper .header{
		height: 80px;
	}

	/* logo */

	/* PC菜单 */
	.header-wrapper .header .menu-wrapper .menu .menu-item a{
		font-size: 15px;
	}

	/* 移动端-菜单 */

	/* 功能区 */

	/* 功能区-登陆状态 */
	.header-wrapper .header .functional-area .login-wrapper .login{
		font-size: 15px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .register{
		font-size: 15px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .logout{
		font-size: 15px;
	}

	/* 跳转充值中心 */
	.header-wrapper .header .functional-area .voucher-center-button{
		font-size: 13px;
	}
	
	.header-wrapper .header .functional-area .voucher-center-button span{
		font-size: 15px;
	}

/* 底部 */
	.footer-wrapper .upper-wrapper .title p:first-child{
		font-size: 32px;
	}
	
	.footer-wrapper .upper-wrapper .title p:last-child{
		font-size: 15px;
	}
	
	.footer-wrapper .below-wrapper a{
		font-size: 15px;
	}
}

/* 响应 1440 */
@media screen and (max-width: 1440px) {
/* 头部 */
	.header-wrapper .header{
		height: 70px;
	}

	/* logo */

	/* PC菜单 */
	.header-wrapper .header .menu-wrapper .menu .menu-item a{
		font-size: 14px;
	}

	/* 移动端-菜单 */

	/* 功能区 */

	/* 功能区-登陆状态 */
	.header-wrapper .header .functional-area .login-wrapper .login{
		font-size: 14px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .register{
		font-size: 14px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .logout{
		font-size: 14px;
	}

	/* 跳转充值中心 */
	.header-wrapper .header .functional-area .voucher-center-button{
		height: 30px;
		font-size: 12px;
	}
	
	.header-wrapper .header .functional-area .voucher-center-button span{
		font-size: 14px;
	}

/* 底部 */
	.footer-wrapper .upper-wrapper .title p:first-child{
		font-size: 28px;
	}
	
	.footer-wrapper .upper-wrapper .title p:last-child{
		font-size: 14px;
	}
	
	.footer-wrapper .below-wrapper a{
		font-size: 14px;
	}
}

/* 响应 1280 */
@media screen and (max-width: 1280px) {
/* 头部 */
	.header-wrapper .header{
		height: 60px;
	}

	/* logo */

	/* PC菜单 */
	.header-wrapper .header .menu-wrapper .menu .menu-item a{
		font-size: 13px;
	}

	/* 移动端-菜单 */

	/* 功能区 */

	/* 功能区-登陆状态 */
	.header-wrapper .header .functional-area .login-wrapper .login{
		font-size: 13px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .register{
		font-size: 13px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .logout{
		font-size: 13px;
	}

/* 底部 */
	.footer-wrapper .upper-wrapper .title p:first-child{
		font-size: 24px;
	}
	
	.footer-wrapper .upper-wrapper .title p:last-child{
		font-size: 13px;
	}
	
	.footer-wrapper .below-wrapper a{
		font-size: 13px;
	}
}

/* 响应 1000 */
@media screen and (max-width: 1000px) {
/* 视频-公用-start */
	.video-js{
		border-radius: 5px;
	}
	
	.video-js .vjs-tech{
		border-radius: 5px;
	}
	
	.video-js .vjs-poster{
		border-radius: 5px;
	}

/* 视频-公用-end */

/* 头部 */

	/* logo */
	.header-wrapper .header .logo{
		width: 28.319%;
	}

	/* PC菜单 */
	.header-wrapper .header .menu-wrapper{
		display: none;
	}

	/* 移动端-菜单 */
	.header-wrapper .header .functional-area .menu-h5-wrapper{
		display: block;
	}

	/* 功能区 */
	.header-wrapper .header .functional-area{
		width: 42%;
	}

	/* 功能区-登陆状态 */
	.header-wrapper .header .functional-area .login-wrapper{
		width: 72.728%;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .login{
		font-size: 12px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .register{
		font-size: 12px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper .logout{
		font-size: 12px;
	}
	
	.header-wrapper .header .functional-area .login-wrapper samp{
		margin: 0% 6.250%;
		padding: 10.000% 0.7px;
	}

	/* 跳转充值中心 */
	.header-wrapper .header .functional-area .voucher-center-button{
		display: flex;
		width: 78%;
		margin-right: 12px;
	}

/* 底部 */
	.footer-wrapper .upper-wrapper .title p:first-child{
		font-size: 20px;
	}
	
	.footer-wrapper .upper-wrapper .title p:last-child{
		font-size: 12px;
	}
	
	.footer-wrapper .upper-wrapper .contact-way .item{
		width: 4.425%;
	}
	
	.footer-wrapper .below-wrapper a{
		font-size: 12px;
	}
}

/* 响应 750 */
@media screen and (max-width: 750px) {
/* css-公用的-start */
	.w {
		width: 90%;
	}

/* css-公用的-end */

/* 头部 */

	/* logo */
	.header-wrapper .header .logo{
		width: 39.216%;
	}

	/* PC菜单 */

	/* 移动端-菜单 */
	.header-wrapper .header .functional-area .menu-h5-wrapper .menu-h5{
		width: 70%;
		left: -70%;
	}

	/* 功能区 */
	.header-wrapper .header .functional-area{
		width: 55%;
	}

	/* 功能区-登陆状态 */

	/* 跳转充值中心 */

/* 底部 */

	/* 联系方式 */
	.footer-wrapper .upper-wrapper .contact-way .item{
		width: 5.229%;
	}

	/* 二维码 */

	/* 版权信息 */
}