html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
	font-size: 100px;
}

.lazy:not(.loaded) {
	background-image: none!important;
}

@media (max-width:560px) {
	html {
		font-size: 13.3333vw;
	}
}

.foot-logo img {
	max-width: 100%;
}

body {
	font-family: Microsoft Yahei,Arial;
	overflow-x: hidden;
}

ul,ol,li dt,dd {
	list-style: none;
}

a {
	color: #333;
	cursor: pointer;
	text-decoration: none;
}

.margin-center {
	margin: 0 auto;
}

.bg-contain,.top-nav .nav-item_active:after,.floatnav .btn-top,.floatnav .nav-box .btn-part,.floatnav .qr-code,.floatnav .btn-off,.floatnav .btn-on,.floatnav {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

.bg-cover {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.flex-center {
	justify-content: center;
	align-items: center;
	display: flex;
}

.flex-colum-rows-center {
	flex-direction: column;
	align-items: center;
	display: flex;
}

.p-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.p-rows-center,.floatnav .btn-top {
	left: 50%;
	transform: translate(-50%);
}

.p-colum-center {
	top: 50%;
	transform: translateY(-50%);
}

.text-overflow {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.floatnav {
	z-index: 3;
	width: 2.18rem;
	height: 7.27rem;
	background-image: ;background-position:top;
	transition: all .5s;
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

body.no-webp .floatnav,body.no-js .floatnav {
	background-image: url(nav_box.42912ac8.png);
}

body.webp .floatnav {
	background-image: url(nav_box.6913f223.webp);
}

.floatnav .btn-nav {
	position: absolute;
	top: 2rem;
	left: .17rem;
	transform: translate(-100%);
}

.floatnav .btn-on,.floatnav .btn-off {
	width: .36rem;
	height: 2.95rem;
	cursor: pointer;
	background-size: contain;
}

.floatnav .btn-on {
	background-image: ;display:none;
}

body.no-webp .floatnav .btn-on,body.no-js .floatnav .btn-on {
	background-image: url(nav_down.056b0717.png);
}

body.webp .floatnav .btn-on {
	background-image: url(nav_down.056b0717.png);
}

.floatnav .btn-off {
	background-image: }body.no-webp .floatnav .btn-off,body.no-js .floatnav .btn-off{background-image:url(nav_down.056b0717.png);
}

body.webp .floatnav .btn-off {
	background-image: url(nav_down.056b0717.png);
}

.floatnav .qr-code {
	width: 1.66rem;
	height: 1.66rem;
	background-image: ;position:absolute;
	top: 2.25rem;
	left: .35rem;
}

body.no-webp .floatnav .qr-code,body.no-js .floatnav .qr-code {
	background-image: url(code.17c4d420.png);
}

body.webp .floatnav .qr-code {
	background-image: url(code.b5728cca.webp);
}

.floatnav .nav-box {
	position: absolute;
	top: 4.1rem;
	left: .27rem;
}

.floatnav .nav-box .btn-part {
	width: 1.83rem;
	height: .57rem;
	cursor: pointer;
	margin-bottom: .06rem;
	display: block;
}

.floatnav .btn-part1 {
	background-image: }body.no-webp .floatnav .btn-part1,body.no-js .floatnav .btn-part1{background-image:url(nav_btn_gp.f69f59f1.png);
}

body.webp .floatnav .btn-part1 {
	background-image: url(qq1.png);
}

.floatnav .btn-part1:hover {
	transform: scale(1.05);
}

.floatnav .btn-part2 {
	background-image: }body.no-webp .floatnav .btn-part2,body.no-js .floatnav .btn-part2{background-image:url(nav_btn_ios.cf6fc8d4.png);
}

body.webp .floatnav .btn-part2 {
	background-image: url(qq2.png);
}

.floatnav .btn-part2:hover {
	transform: scale(1.05);
}

.floatnav .btn-part3 {
	background-image: }body.no-webp .floatnav .btn-part3,body.no-js .floatnav .btn-part3{background-image:url(btn_apk.ad42a87e.png);
}

body.webp .floatnav .btn-part3 {
	background-image: url(btn_apk.b14d5dfa.webp);
}

.floatnav .btn-part3:hover {
	transform: scale(1.05);
}

.floatnav .btn-part4 {
	background-image: }body.no-webp .floatnav .btn-part4,body.no-js .floatnav .btn-part4{background-image:url(nav_btn_pc.a90c8c6f.png);
}

body.webp .floatnav .btn-part4 {
	background-image: url(qq3.png);
}

.floatnav .btn-part4:hover {
	transform: scale(1.05);
}

.floatnav .btn-top {
	width: .75rem;
	height: .26rem;
	background-image: ;cursor:pointer;
	position: absolute;
	bottom: -.8rem;
}

body.no-webp .floatnav .btn-top,body.no-js .floatnav .btn-top {
	background-image: url(nav_btn_top.0959ca0d.png);
}

body.webp .floatnav .btn-top {
	background-image: url(nav_btn_top.90f4b5fc.webp);
}

.nav-moveout {
	transform: translate(91%,-50%);
}

.nav-movein {
	transform: translateY(-50%);
}

.top-nav {
	z-index: 10;
	box-sizing: border-box;
	width: 100%;
	height: .8rem;
	background: #ffffffb7;
	font-size: .14rem;
	position: fixed;
	top: 0;
	left: 0;
}

.top-nav:after {
	width: 100%;
	height: .07rem;
	content: "";
	background-color: #ffffff6c;
	display: block;
	position: absolute;
	bottom: 0;
	transform: translateY(100%);
}

.top-nav .top-nav-list {
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	display: flex;
}

.top-nav .nav-item {
	height: 100%;
	color: #004885;
	cursor: pointer;
	flex-direction: column;
	margin-right: 1.36rem;
	display: flex;
	position: relative;
}

.top-nav .nav-item:last-child {
	margin-right: 0;
}

.top-nav .txt-ch {
	margin-right: .1rem;
	font-size: .24rem;
	display: block;
	position: relative;
}

.top-nav .txt-en {
	font-size: .15rem;
	line-height: .15rem;
}

.top-nav .nav-item_active:after {
	width: .4rem;
	height: .4rem;
	background-image: ;content:"";
	display: block;
	position: absolute;
	top: .1rem;
	left: -.05rem;
	transform: translate(-100%);
}

body.no-webp .top-nav .nav-item_active:after,body.no-js .top-nav .nav-item_active:after {
	background-image: url(nav_choose.b17551cf.png);
}

body.webp .top-nav .nav-item_active:after {
	background-image: url(nav_choose.913e714c.webp);
}

.bg-contain,.pet-swiper .swiper-slide,.pet-pop .swiper-pagination-bullet,.pet-pop .swiper-button,.intro-pagination .swiper-pagination-bullet,.intro-swiper .swiper-button,.intro-swiper .swiper-slide,.role-pagination .swiper-pagination-bullet,.role-swiper .swiper-button,.role-swiper .btn-audio,.role-swiper .swiper-slide {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

.swiper-point,.pet-pop .swiper-pagination-bullet {
	opacity: 1;
	background-color: #0000;
	border-radius: 0;
	outline: none;
}

.news-swiper-frame {
	width: 6.6rem;
	height: 3.71rem;
	position: absolute;
	top: .43rem;
	left: .14rem;
}

.news-swiper-frame .news-pagination {
	margin-top: .4rem;
	padding-left: .2rem;
	display: flex;
}

.news-swiper-frame .swiper-pagination-bullet {
	width: .16rem;
	height: .16rem;
	opacity: 1;
	background: #75d6dc;
	border: 1px solid #75d6dc;
	border-radius: 50%;
	margin-right: .1rem;
}

.news-swiper-frame .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.news-swiper-frame .swiper-pagination-bullet-active {
	background-color: #ffbb02;
}

.news-swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.news-swiper .news-img {
	width: 100%;
	height: 100%;
	background-image: ;background-repeat:no-repeat;
	background-size: contain;
	margin: 0;
	padding: 0;
	display: block;
}

body.no-webp .news-swiper .news-img,body.no-js .news-swiper .news-img {
	background-image: url(pic1.0d1b37c6.png);
}

body.webp .news-swiper .news-img {
	background-image: url(pic1.acd75875.webp);
}

.role-swiper {
	width: 100%;
	height: 9.55rem;
	overflow: hidden;
}

.role-swiper .role1 {
	background-image: }body.no-webp .role-swiper .role1,body.no-js .role-swiper .role1{background-image:url(role1.9b085c99.png);
}

body.webp .role-swiper .role1 {
	background-image: url(role1.0fd99bb2.webp);
}

.role-swiper .role2 {
	background-image: }body.no-webp .role-swiper .role2,body.no-js .role-swiper .role2{background-image:url(role2.e9eac9ef.png);
}

body.webp .role-swiper .role2 {
	background-image: url(role2.71cd2cf9.webp);
}

.role-swiper .role3 {
	background-image: }body.no-webp .role-swiper .role3,body.no-js .role-swiper .role3{background-image:url(role3.ebd86659.png);
}

body.webp .role-swiper .role3 {
	background-image: url(role3.43ee0c0c.webp);
}

.role-swiper .role4 {
	background-image: }body.no-webp .role-swiper .role4,body.no-js .role-swiper .role4{background-image:url(role4.3bcb10c6.png);
}

body.webp .role-swiper .role4 {
	background-image: url(role4.979e72c5.webp);
}

.role-swiper .role5 {
	background-image: }body.no-webp .role-swiper .role5,body.no-js .role-swiper .role5{background-image:url(role5.502ff9c9.png);
}

body.webp .role-swiper .role5 {
	background-image: url(role5.83678994.webp);
}

.role-swiper .role6 {
	background-image: }body.no-webp .role-swiper .role6,body.no-js .role-swiper .role6{background-image:url(role6.5428452a.png);
}

body.webp .role-swiper .role6 {
	background-image: url(role6.beb48f62.webp);
}

.role-swiper .audio-list {
	display: flex;
	position: absolute;
	top: 3.2rem;
	left: 72%;
}

.role-swiper .btn-audio {
	width: .94rem;
	height: .94rem;
	cursor: pointer;
}

.role-swiper .btn-c {
	background-image: }body.no-webp .role-swiper .btn-c,body.no-js .role-swiper .btn-c{background-image:url(btn_voice_c.437ac789.png);
}

body.webp .role-swiper .btn-c {
	background-image: url(btn_voice_c.e597da38.webp);
}

.role-swiper .btn-y {
	background-image: }body.no-webp .role-swiper .btn-y,body.no-js .role-swiper .btn-y{background-image:url(btn_voice_y.77ec3d98.png);
}

body.webp .role-swiper .btn-y {
	background-image: url(btn_voice_y.343be1a6.webp);
}

.role-swiper .swiper-button {
	z-index: 2;
	width: 1.13rem;
	height: .91rem;
	background-image: ;cursor:pointer;
	position: absolute;
	left: .5rem;
}

body.no-webp .role-swiper .swiper-button,body.no-js .role-swiper .swiper-button {
	background-image: url(btn_arrow1.4ab97b09.png);
}

body.webp .role-swiper .swiper-button {
	background-image: url(btn_arrow1.d1295a4a.webp);
}

.role-swiper .role-prev {
	top: .2rem;
	transform: rotate(-150deg);
}

.role-swiper .role-next {
	bottom: .2rem;
	transform: rotate(150deg);
}

.role-pagination {
	z-index: 1;
	width: 3.3rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.role-pagination .swiper-pagination-bullet {
	width: 1.3rem;
	height: 1.3rem;
	opacity: 1;
	filter: brightness(.7);
	cursor: pointer;
	background-color: #0000;
	border-radius: 0;
	outline: none;
	position: absolute;
}

.role-pagination .swiper-pagination-bullet-active {
	filter: brightness();
	transform: scale(1.2);
}

.role-pagination .swiper-pagination-bullet:nth-child(1) {
	background-image: ;top:.7rem;
	left: 1.8rem;
}

body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(1),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(1) {
	background-image: url(avatar1.e4703289.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(1) {
	background-image: url(avatar1.3294f477.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(1):not(.swiper-pagination-bullet-active) {
	background-image: }body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(1):not(.swiper-pagination-bullet-active),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(1):not(.swiper-pagination-bullet-active){background-image:url(avatar1_g.6d07b005.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(1):not(.swiper-pagination-bullet-active) {
	background-image: url(avatar1_g.bd07047a.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(2) {
	background-image: ;top:1.8rem;
	left: 2.8rem;
}

body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(2),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(2) {
	background-image: url(avatar2.c41ce9ff.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(2) {
	background-image: url(avatar2.1215823c.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(2):not(.swiper-pagination-bullet-active) {
	background-image: }body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(2):not(.swiper-pagination-bullet-active),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(2):not(.swiper-pagination-bullet-active){background-image:url(avatar2_g.2ebe3be4.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(2):not(.swiper-pagination-bullet-active) {
	background-image: url(avatar2_g.f09da177.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(3) {
	background-image: ;top:3.4rem;
	left: 3.5rem;
}

body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(3),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(3) {
	background-image: url(avatar3.73791294.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(3) {
	background-image: url(avatar3.b991ae9d.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(3):not(.swiper-pagination-bullet-active) {
	background-image: }body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(3):not(.swiper-pagination-bullet-active),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(3):not(.swiper-pagination-bullet-active){background-image:url(avatar3_g.3f6f791e.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(3):not(.swiper-pagination-bullet-active) {
	background-image: url(avatar3_g.36e5bb97.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(4) {
	background-image: ;bottom:3.4rem;
	left: 3.4rem;
}

body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(4),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(4) {
	background-image: url(avatar4.55f898af.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(4) {
	background-image: url(avatar4.8c510925.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(4):not(.swiper-pagination-bullet-active) {
	background-image: }body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(4):not(.swiper-pagination-bullet-active),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(4):not(.swiper-pagination-bullet-active){background-image:url(avatar4_g.77cd4916.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(4):not(.swiper-pagination-bullet-active) {
	background-image: url(avatar4_g.9db85d7d.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(5) {
	background-image: ;bottom:1.9rem;
	left: 2.6rem;
}

body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(5),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(5) {
	background-image: url(avatar5.e152b8ce.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(5) {
	background-image: url(avatar5.a5ce8eb2.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(5):not(.swiper-pagination-bullet-active) {
	background-image: }body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(5):not(.swiper-pagination-bullet-active),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(5):not(.swiper-pagination-bullet-active){background-image:url(avatar5_g.03528aa5.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(5):not(.swiper-pagination-bullet-active) {
	background-image: url(avatar5_g.90d0f00f.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(6) {
	background-image: ;bottom:.7rem;
	left: 1.6rem;
}

body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(6),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(6) {
	background-image: url(avatar6.11f95b95.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(6) {
	background-image: url(avatar6.7e8f1fda.webp);
}

.role-pagination .swiper-pagination-bullet:nth-child(6):not(.swiper-pagination-bullet-active) {
	background-image: }body.no-webp .role-pagination .swiper-pagination-bullet:nth-child(6):not(.swiper-pagination-bullet-active),body.no-js .role-pagination .swiper-pagination-bullet:nth-child(6):not(.swiper-pagination-bullet-active){background-image:url(avatar6_g.f67ac396.png);
}

body.webp .role-pagination .swiper-pagination-bullet:nth-child(6):not(.swiper-pagination-bullet-active) {
	background-image: url(avatar6_g.2e5b5ed4.webp);
}

.intro-swiper {
	width: 9.28rem;
	height: 5.2rem;
	margin-top: .55rem;
	overflow: hidden;
}

.intro-swiper .swiper-slide {
	width: 6.91rem;
	height: 100%;
}

.intro-swiper .intro1 {
	background-image: }body.no-webp .intro-swiper .intro1,body.no-js .intro-swiper .intro1{background-image:url(banner1.9cd69c5c.jpg);
}

body.webp .intro-swiper .intro1 {
	background-image: url(banner1.d9571acd.webp);
}

.intro-swiper .intro2 {
	background-image: }body.no-webp .intro-swiper .intro2,body.no-js .intro-swiper .intro2{background-image:url(banner2.8413d94b.jpg);
}

body.webp .intro-swiper .intro2 {
	background-image: url(banner2.197b03fa.webp);
}

.intro-swiper .intro3 {
	background-image: }body.no-webp .intro-swiper .intro3,body.no-js .intro-swiper .intro3{background-image:url(banner3.8e4eead4.jpg);
}

body.webp .intro-swiper .intro3 {
	background-image: url(banner3.152a1c96.webp);
}

.intro-swiper .intro4 {
	background-image: }body.no-webp .intro-swiper .intro4,body.no-js .intro-swiper .intro4{background-image:url(banner4.c0255465.jpg);
}

body.webp .intro-swiper .intro4 {
	background-image: url(banner4.5ba01cf5.webp);
}

.intro-swiper .intro5 {
	background-image: }body.no-webp .intro-swiper .intro5,body.no-js .intro-swiper .intro5{background-image:url(banner5.3b7116d6.jpg);
}

body.webp .intro-swiper .intro5 {
	background-image: url(banner5.dd5e3451.webp);
}

.intro-swiper .intro6 {
	background-image: }body.no-webp .intro-swiper .intro6,body.no-js .intro-swiper .intro6{background-image:url(banner6.9e61ff67.jpg);
}

body.webp .intro-swiper .intro6 {
	background-image: url(banner6.4a33d95c.webp);
}

.intro-swiper .intro7 {
	background-image: }body.no-webp .intro-swiper .intro7,body.no-js .intro-swiper .intro7{background-image:url(banner7.b86aca36.jpg);
}

body.webp .intro-swiper .intro7 {
	background-image: url(banner7.79708b0b.webp);
}

.intro-swiper .intro8 {
	background-image: }body.no-webp .intro-swiper .intro8,body.no-js .intro-swiper .intro8{background-image:url(banner8.1e415e91.jpg);
}

body.webp .intro-swiper .intro8 {
	background-image: url(banner8.ee00cab7.webp);
}

.intro-swiper .intro-swiper-bottom {
	width: 100%;
	justify-content: space-between;
	margin-top: .35rem;
	display: flex;
}

.intro-swiper .swiper-button {
	z-index: 2;
	width: 1.13rem;
	height: .9rem;
	background-image: ;cursor:pointer;
	outline: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

body.no-webp .intro-swiper .swiper-button,body.no-js .intro-swiper .swiper-button {
	background-image: url(btn_arrow1.4ab97b09.png);
}

body.webp .intro-swiper .swiper-button {
	background-image: url(btn_arrow1.d1295a4a.webp);
}

.intro-swiper .intro-pagination {
	display: flex;
}

.intro-swiper .intro-prev {
	left: 2.5rem;
	transform: scale(-1);
}

.intro-swiper .intro-next {
	right: 2.5rem;
}

.intro-pagination {
	margin-top: .5rem;
	display: flex;
}

.intro-pagination .swiper-pagination-bullet {
	width: .16rem;
	height: .16rem;
	opacity: 1;
	background-color: #0000;
	border: 1px solid #3b9fc4;
	border-radius: 0;
	margin-right: .35rem;
	transform: rotate(45deg);
}

.intro-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.intro-pagination .swiper-pagination-bullet-active:after {
	width: 70%;
	height: 70%;
	content: "";
	background-color: #3b9fc4;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.pet-pop {
	display: none;
}

.pet-pop .swiper-bottom {
	z-index: 1;
	align-items: center;
	display: flex;
	position: absolute;
	bottom: .8rem;
	left: 50%;
	transform: translate(-50%);
}

.pet-pop .swiper-button {
	width: 1.13rem;
	height: .9rem;
	background-image: ;cursor:pointer;
	outline: none;
}

body.no-webp .pet-pop .swiper-button,body.no-js .pet-pop .swiper-button {
	background-image: url(btn_arrow1.4ab97b09.png);
}

body.webp .pet-pop .swiper-button {
	background-image: url(btn_arrow1.d1295a4a.webp);
}

.pet-pop .pet-prev {
	transform: scale(-1);
}

.pet-pop .pet-pagination {
	margin: 0 .3rem;
	display: flex;
}

.pet-pop .swiper-pagination-bullet {
	width: 1.28rem;
	height: 1.23rem;
}

.pet-pop .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	filter: grayscale();
}

.pet-swiper {
	width: 8.63rem;
	height: 4.5rem;
	position: absolute;
	top: .8rem;
	left: 50%;
	overflow: hidden;
	transform: translate(-50%);
}

.map1-pet .pet1 {
	background-image: }body.no-webp .map1-pet .pet1,body.no-js .map1-pet .pet1{background-image:url(map1_pet1.067c2d15.png);
}

body.webp .map1-pet .pet1 {
	background-image: url(map1_pet1.c8997a7c.webp);
}

.map1-pet .pet2 {
	background-image: }body.no-webp .map1-pet .pet2,body.no-js .map1-pet .pet2{background-image:url(map1_pet2.7cc7ec99.png);
}

body.webp .map1-pet .pet2 {
	background-image: url(map1_pet2.2347eff4.webp);
}

.map1-pet .pet3 {
	background-image: }body.no-webp .map1-pet .pet3,body.no-js .map1-pet .pet3{background-image:url(map1_pet3.144db154.png);
}

body.webp .map1-pet .pet3 {
	background-image: url(map1_pet3.b4d6ca62.webp);
}

.map1-pet .pet4 {
	background-image: }body.no-webp .map1-pet .pet4,body.no-js .map1-pet .pet4{background-image:url(map1_pet4.42cd4acf.png);
}

body.webp .map1-pet .pet4 {
	background-image: url(map1_pet4.d60eb870.webp);
}

.map1-pet .pet5 {
	background-image: }body.no-webp .map1-pet .pet5,body.no-js .map1-pet .pet5{background-image:url(map1_pet5.6e10b5d1.png);
}

body.webp .map1-pet .pet5 {
	background-image: url(map1_pet5.097c679c.webp);
}

.map1-pet .swiper-pagination-bullet:nth-child(1) {
	background-image: }body.no-webp .map1-pet .swiper-pagination-bullet:nth-child(1),body.no-js .map1-pet .swiper-pagination-bullet:nth-child(1){background-image:url(map1_a1.02dd3b21.png);
}

body.webp .map1-pet .swiper-pagination-bullet:nth-child(1) {
	background-image: url(map1_a1.e96ca0cc.webp);
}

.map1-pet .swiper-pagination-bullet:nth-child(2) {
	background-image: }body.no-webp .map1-pet .swiper-pagination-bullet:nth-child(2),body.no-js .map1-pet .swiper-pagination-bullet:nth-child(2){background-image:url(map1_a2.41d5f1f9.png);
}

body.webp .map1-pet .swiper-pagination-bullet:nth-child(2) {
	background-image: url(map1_a2.81672e6b.webp);
}

.map1-pet .swiper-pagination-bullet:nth-child(3) {
	background-image: }body.no-webp .map1-pet .swiper-pagination-bullet:nth-child(3),body.no-js .map1-pet .swiper-pagination-bullet:nth-child(3){background-image:url(map1_a3.d996a502.png);
}

body.webp .map1-pet .swiper-pagination-bullet:nth-child(3) {
	background-image: url(map1_a3.6284292d.webp);
}

.map1-pet .swiper-pagination-bullet:nth-child(4) {
	background-image: }body.no-webp .map1-pet .swiper-pagination-bullet:nth-child(4),body.no-js .map1-pet .swiper-pagination-bullet:nth-child(4){background-image:url(map1_a4.de7ac155.png);
}

body.webp .map1-pet .swiper-pagination-bullet:nth-child(4) {
	background-image: url(map1_a4.8b46e684.webp);
}

.map1-pet .swiper-pagination-bullet:nth-child(5) {
	background-image: }body.no-webp .map1-pet .swiper-pagination-bullet:nth-child(5),body.no-js .map1-pet .swiper-pagination-bullet:nth-child(5){background-image:url(map1_a5.7a078452.png);
}

body.webp .map1-pet .swiper-pagination-bullet:nth-child(5) {
	background-image: url(map1_a5.b4332b7b.webp);
}

.map2-pet .pet1 {
	background-image: }body.no-webp .map2-pet .pet1,body.no-js .map2-pet .pet1{background-image:url(map2_pet1.3dfe7ec9.png);
}

body.webp .map2-pet .pet1 {
	background-image: url(map2_pet1.70456825.webp);
}

.map2-pet .pet2 {
	background-image: }body.no-webp .map2-pet .pet2,body.no-js .map2-pet .pet2{background-image:url(map2_pet2.59d5b001.png);
}

body.webp .map2-pet .pet2 {
	background-image: url(map2_pet2.7a0256de.webp);
}

.map2-pet .pet3 {
	background-image: }body.no-webp .map2-pet .pet3,body.no-js .map2-pet .pet3{background-image:url(map2_pet3.34628c6d.png);
}

body.webp .map2-pet .pet3 {
	background-image: url(map2_pet3.7d98a3dd.webp);
}

.map2-pet .pet4 {
	background-image: }body.no-webp .map2-pet .pet4,body.no-js .map2-pet .pet4{background-image:url(map2_pet4.2fc344d0.png);
}

body.webp .map2-pet .pet4 {
	background-image: url(map2_pet4.0ebf2a1c.webp);
}

.map2-pet .pet5 {
	background-image: }body.no-webp .map2-pet .pet5,body.no-js .map2-pet .pet5{background-image:url(map2_pet5.9684b3e5.png);
}

body.webp .map2-pet .pet5 {
	background-image: url(map2_pet5.24b530ba.webp);
}

.map2-pet .swiper-pagination-bullet:nth-child(1) {
	background-image: }body.no-webp .map2-pet .swiper-pagination-bullet:nth-child(1),body.no-js .map2-pet .swiper-pagination-bullet:nth-child(1){background-image:url(map2_a1.4367ad90.png);
}

body.webp .map2-pet .swiper-pagination-bullet:nth-child(1) {
	background-image: url(map2_a1.edb32e47.webp);
}

.map2-pet .swiper-pagination-bullet:nth-child(2) {
	background-image: }body.no-webp .map2-pet .swiper-pagination-bullet:nth-child(2),body.no-js .map2-pet .swiper-pagination-bullet:nth-child(2){background-image:url(map2_a2.9b19d539.png);
}

body.webp .map2-pet .swiper-pagination-bullet:nth-child(2) {
	background-image: url(map2_a2.48cb062b.webp);
}

.map2-pet .swiper-pagination-bullet:nth-child(3) {
	background-image: }body.no-webp .map2-pet .swiper-pagination-bullet:nth-child(3),body.no-js .map2-pet .swiper-pagination-bullet:nth-child(3){background-image:url(map2_a3.e8c1a0f2.png);
}

body.webp .map2-pet .swiper-pagination-bullet:nth-child(3) {
	background-image: url(map2_a3.0a474443.webp);
}

.map2-pet .swiper-pagination-bullet:nth-child(4) {
	background-image: }body.no-webp .map2-pet .swiper-pagination-bullet:nth-child(4),body.no-js .map2-pet .swiper-pagination-bullet:nth-child(4){background-image:url(map2_a4.20474011.png);
}

body.webp .map2-pet .swiper-pagination-bullet:nth-child(4) {
	background-image: url(map2_a4.e3114240.webp);
}

.map2-pet .swiper-pagination-bullet:nth-child(5) {
	background-image: }body.no-webp .map2-pet .swiper-pagination-bullet:nth-child(5),body.no-js .map2-pet .swiper-pagination-bullet:nth-child(5){background-image:url(map2_a5.324cdb08.png);
}

body.webp .map2-pet .swiper-pagination-bullet:nth-child(5) {
	background-image: url(map2_a5.1e85d12e.webp);
}

.map3-pet .pet1 {
	background-image: }body.no-webp .map3-pet .pet1,body.no-js .map3-pet .pet1{background-image:url(map3_pet1.0780854f.png);
}

body.webp .map3-pet .pet1 {
	background-image: url(map3_pet1.07548574.webp);
}

.map3-pet .pet2 {
	background-image: }body.no-webp .map3-pet .pet2,body.no-js .map3-pet .pet2{background-image:url(map3_pet2.92cd7f06.png);
}

body.webp .map3-pet .pet2 {
	background-image: url(map3_pet2.99aa6819.webp);
}

.map3-pet .pet3 {
	background-image: }body.no-webp .map3-pet .pet3,body.no-js .map3-pet .pet3{background-image:url(map3_pet3.71bf99d1.png);
}

body.webp .map3-pet .pet3 {
	background-image: url(map3_pet3.87c54cfa.webp);
}

.map3-pet .pet4 {
	background-image: }body.no-webp .map3-pet .pet4,body.no-js .map3-pet .pet4{background-image:url(map3_pet4.9a9facb8.png);
}

body.webp .map3-pet .pet4 {
	background-image: url(map3_pet4.bf95b161.webp);
}

.map3-pet .pet5 {
	background-image: }body.no-webp .map3-pet .pet5,body.no-js .map3-pet .pet5{background-image:url(map3_pet5.90d34e2a.png);
}

body.webp .map3-pet .pet5 {
	background-image: url(map3_pet5.06cab907.webp);
}

.map3-pet .swiper-pagination-bullet:nth-child(1) {
	background-image: }body.no-webp .map3-pet .swiper-pagination-bullet:nth-child(1),body.no-js .map3-pet .swiper-pagination-bullet:nth-child(1){background-image:url(map3_a1.9a3c183d.png);
}

body.webp .map3-pet .swiper-pagination-bullet:nth-child(1) {
	background-image: url(map3_a1.183b3377.webp);
}

.map3-pet .swiper-pagination-bullet:nth-child(2) {
	background-image: }body.no-webp .map3-pet .swiper-pagination-bullet:nth-child(2),body.no-js .map3-pet .swiper-pagination-bullet:nth-child(2){background-image:url(map3_a2.2a1d5b0e.png);
}

body.webp .map3-pet .swiper-pagination-bullet:nth-child(2) {
	background-image: url(map3_a2.87ca25ee.webp);
}

.map3-pet .swiper-pagination-bullet:nth-child(3) {
	background-image: }body.no-webp .map3-pet .swiper-pagination-bullet:nth-child(3),body.no-js .map3-pet .swiper-pagination-bullet:nth-child(3){background-image:url(map3_a3.dba5cd29.png);
}

body.webp .map3-pet .swiper-pagination-bullet:nth-child(3) {
	background-image: url(map3_a3.7eb26542.webp);
}

.map3-pet .swiper-pagination-bullet:nth-child(4) {
	background-image: }body.no-webp .map3-pet .swiper-pagination-bullet:nth-child(4),body.no-js .map3-pet .swiper-pagination-bullet:nth-child(4){background-image:url(map3_a4.fe3d2e61.png);
}

body.webp .map3-pet .swiper-pagination-bullet:nth-child(4) {
	background-image: url(map3_a4.4ce84b0d.webp);
}

.map3-pet .swiper-pagination-bullet:nth-child(5) {
	background-image: }body.no-webp .map3-pet .swiper-pagination-bullet:nth-child(5),body.no-js .map3-pet .swiper-pagination-bullet:nth-child(5){background-image:url(map3_a5.a1e9982e.png);
}

body.webp .map3-pet .swiper-pagination-bullet:nth-child(5) {
	background-image: url(map3_a5.9fa9446a.webp);
}

.bg-contain,.pet-pop .b-close,.pet-pop,.pop .b-close,.pop .pop-title,.pop {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

.flex-center,.common-pop {
	justify-content: center;
	align-items: center;
	display: flex;
}

.p-center,.common-pop .pop-content {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.pop {
	box-sizing: border-box;
	width: 7.05rem;
	height: 5.3rem;
	background-image: ;font-size:.3rem;
	display: none;
	position: relative;
}

body.no-webp .pop,body.no-js .pop {
	background-image: url(bg_pop.bfe3a1ec.png);
}

body.webp .pop {
	background-image: url(bg_pop.4e1a013a.webp);
}

.pop .pop-content {
	flex-direction: column;
	align-items: center;
	display: flex;
}

.pop .pop-title {
	width: 4.89rem;
	height: .58rem;
	color: #372927;
	text-align: center;
	-webkit-text-stroke: .02rem #ffffff57;
	margin-top: .5rem;
	padding-left: .15rem;
	font-size: .32rem;
	font-weight: 600;
	line-height: .58rem;
}

.pop .txt {
	background: linear-gradient(#ff8200,#ff4c02);
	-webkit-background-clip: text;
	color: #0000;
	text-align: center;
	margin-top: .1rem;
	font-size: .28rem;
	font-weight: 600;
}

.pop .txt span {
	background: linear-gradient(#9d6750,#624235);
	-webkit-background-clip: text;
	color: #0000;
}

.pop .b-close {
	width: .68rem;
	height: .55rem;
	background-image: ;cursor:pointer;
	position: absolute;
	top: .1rem;
	right: .3rem;
	transform: translateY(-100%);
}

body.no-webp .pop .b-close,body.no-js .pop .b-close {
	background-image: url(btn_close.d93a88ca.png);
}

body.webp .pop .b-close {
	background-image: url(btn_close.58f1e64b.webp);
}

.common-pop {
	position: relative;
}

.common-pop .pop-content {
	position: absolute;
}

.pet-pop {
	width: 11.25rem;
	height: 7.43rem;
	background-image: ;position:relative;
}

body.no-webp .pet-pop,body.no-js .pet-pop {
	background-image: url(bg_pet_pop.4296d66d.png);
}

body.webp .pet-pop {
	background-image: url(bg_pet_pop.61babcec.webp);
}

.pet-pop .b-close {
	width: .81rem;
	height: .81rem;
	background-image: ;cursor:pointer;
	position: absolute;
	top: .45rem;
	right: .45rem;
}

body.no-webp .pet-pop .b-close,body.no-js .pet-pop .b-close {
	background-image: url(btn_close_pet.29784db6.png);
}

body.webp .pet-pop .b-close {
	background-image: url(btn_close_pet.a6b73887.webp);
}

.video-pop {
	width: 11rem;
	height: 6rem;
	color: #fff;
	background-color: #fff;
	display: none;
}

.video-pop .b-close {
	width: .5rem;
	height: .5rem;
	cursor: pointer;
	font-size: .5rem;
	display: flex;
	position: absolute;
	bottom: -1rem;
	left: 50%;
	transform: translate(-50%);
}

.video-pop .pop-play {
	width: calc(100% - .2rem);
	height: calc(100% - .2rem);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.rule-pop {
	max-width: 100%;
	max-height: 100%;
	width: 5.2rem;
	height: 6.34rem;
	background-image: }body.no-webp .rule-pop,body.no-js .rule-pop{background-image:url(bg_tips.07fdefd0.png);
}

body.webp .rule-pop {
	background-image: url(bg_tips.06782cdd.webp);
}

.rule-pop .pop-title {
	width: 4.93rem;
	height: .25rem;
	background-image: ;margin-top:.3rem;
}

body.no-webp .rule-pop .pop-title,body.no-js .rule-pop .pop-title {
	background-image: url(title_tips.2ddae506.png);
}

body.webp .rule-pop .pop-title {
	background-image: url(title_tips.6da26fea.webp);
}

.rule-pop .b-close {
	top: .03rem;
	right: .4rem;
}

.rule-pop p {
	margin: .2rem 0;
}

.rule-pop .rule {
	max-height: 5rem;
	margin: .2rem .5rem 0;
	font-size: .2rem;
	overflow-y: auto;
}

.rule-pop .rule::-webkit-scrollbar {
	width: .1rem;
	cursor: pointer;
	background-color: #eae4d7;
	border-radius: .3rem;
	padding-left: .1rem;
}

.rule-pop .rule::-webkit-scrollbar-thumb {
	cursor: pointer;
	background-color: #a59174;
}

.text-overflow,.container4 .list-item,.container3 .news-title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.an-glow span,.container1 .btn-store span {
	z-index: 2;
	width: calc(100% - 1rem);
	height: calc(100% - .1rem);
	content: "";
	background: linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);
	transition: all .2s;
	animation: 2s linear infinite sg;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.an-scale,.container5 .btn-play,.container1 .btn-video {
	animation: .6s linear infinite alternate magnify;
}

.container1 {
	height: 9.57rem;
	background-image: ;position:relative;
}

body.no-webp .container1,body.no-js .container1 {
	background-image: url(bg1.6f25ed98.jpg);
}



.container1 .btn-bgm {
	width: .94rem;
	height: .94rem;
	cursor: pointer;
	position: absolute;
	top: 1rem;
	right: .2rem;
}

.container1 .bgm-off {
	background-image: }body.no-webp .container1 .bgm-off,body.no-js .container1 .bgm-off{background-image:url(btn_music_off.2b82f6ae.png);
}

body.webp .container1 .bgm-off {
	background-image: url(btn_music_off.aad531fb.webp);
}

.container1 .bgm-on {
	background-image: }body.no-webp .container1 .bgm-on,body.no-js .container1 .bgm-on{background-image:url(btn_music_on.5b36ca76.png);
}

body.webp .container1 .bgm-on {
	background-image: url(btn_music_on.2bf23469.webp);
}

.container1 .content {
	position: absolute;
	top: 3rem;
	right: 2.96rem;
}

.container1 .video-area {
	width: 5.77rem;
	height: 3.7rem;
	background-image: ;margin:0 auto;
	position: relative;
}

body.no-webp .container1 .video-area,body.no-js .container1 .video-area {
	background-image: url(screen.cf046dd5.png);
}

body.webp .container1 .video-area {
	background-image: url(screen.cf046dd5.png);
}

.container1 .btn-video {
	width: .94rem;
	height: .94rem;
	background-image: ;cursor:pointer;
	position: absolute;
	top: 1rem;
	left: 2.9rem;
}

body.no-webp .container1 .btn-video,body.no-js .container1 .btn-video {
	background-image: url(btn_play.166c091a.png);
}



.container1 .down-box {
	background-color: #ffffff42;
	border: 2px solid #fff;
	border-radius: .2rem;
	align-items: center;
	margin-top: .05rem;
	padding: .05rem;
	display: flex;
	box-shadow: 5px 5px 5px #4242425e;
}

.container1 .qr-code {
	width: 2.01rem;
	height: 1.81rem;
	background-image: }body.no-webp .container1 .qr-code,body.no-js .container1 .qr-code{background-image:url(code_box.1bc4c78c.png);
}

body.webp .container1 .qr-code {
	background-image: url(code_box.1bc4c78c.png);
}

.container1 .code {
	width: 1.54rem;
	height: 1.54rem;
	background-image: ;margin:.1rem 0 0 .34rem;
}

body.no-webp .container1 .code,body.no-js .container1 .code {
	background-image: url(code.17c4d420.png);
}

body.webp .container1 .code {
	background-image: url(code.b5728cca.webp);
}

.container1 .btn-store {
	width: 2.24rem;
	height: .77rem;
	display: block;
	position: relative;
	overflow: hidden;
}

.container1 .btn-gp {
	background-image: }body.no-webp .container1 .btn-gp,body.no-js .container1 .btn-gp{background-image:url(btn_gp.24a6eb5f.png);
}

body.webp .container1 .btn-gp {
	background-image: url(btn_gp.24a6eb5f.png);
}

.container1 .btn-ios {
	background-image: ;margin-top:.05rem;
}

body.no-webp .container1 .btn-ios,body.no-js .container1 .btn-ios {
	background-image: url(btn_ios.1518a2ae.png);
}

body.webp .container1 .btn-ios {
	background-image: url(btn_ios.1518a2ae.png);
}

.container1 .desktop {
	width: 1.65rem;
	height: 1.66rem;
	cursor: pointer;
	margin-left: .1rem;
}

.container1 .desktop-win {
	background-image: }body.no-webp .container1 .desktop-win,body.no-js .container1 .desktop-win{background-image:url(btn_windows.117319ed.png);
}

body.webp .container1 .desktop-win {
	background-image: url(btn_windows.117319ed.png);
}

.container1 .desktop-mac {
	background-image: }body.no-webp .container1 .desktop-mac,body.no-js .container1 .desktop-mac{background-image:url(btn_mac.76ff6611.png);
}

body.webp .container1 .desktop-mac {
	background-image: url(btn_mac.d09d82d0.webp);
}

.container2 {
	height: 9.04rem;
	background-image: }body.no-webp .container2,body.no-js .container2{background-image:url(bg2.4716e599.jpg);
}

body.webp .container2 {
	background-image: url(bg2.eed7eb28.webp);
}

.container2 .wrap {
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding-top: .7rem;
	display: flex;
}

.container2 .title {
	width: 5.81rem;
	height: .72rem;
	background-image: ;margin-bottom:.65rem;
}

body.no-webp .container2 .title,body.no-js .container2 .title {
	background-image: url(title2.ce92904a.png);
}

body.webp .container2 .title {
	background-image: url(title2.138c07d2.webp);
}

.container2 .desktop-list {
	margin-bottom: .41rem;
	display: flex;
}

.container2 .desktop-link {
	width: 3.09rem;
	height: 3.09rem;
	position: relative;
}

.container2 .link-mac {
	background-image: }body.no-webp .container2 .link-mac,body.no-js .container2 .link-mac{background-image:url(icon_os_ios.61d519d0.png);
}

body.webp .container2 .link-mac {
	background-image: url(icon_os_ios.444eeb13.webp);
}

.container2 .link-win {
	background-image: ;margin-left:1.08rem;
}

body.no-webp .container2 .link-win,body.no-js .container2 .link-win {
	background-image: url(icon_os_windows.d8cfd34d.png);
}

body.webp .container2 .link-win {
	background-image: url(icon_os_windows.4367946e.webp);
}

.container2 .os-txt {
	color: #fff;
	font-size: .14rem;
	position: absolute;
	top: 2.3rem;
	left: .4rem;
}

.container2 .btn-desktop {
	width: 2.45rem;
	height: .55rem;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	bottom: .8rem;
	left: 50%;
	transform: translate(-50%);
}

.container2 .btn-desktop_win {
	background-image: }body.no-webp .container2 .btn-desktop_win,body.no-js .container2 .btn-desktop_win{background-image:url(btn_windows_link.609cf196.png);
}

body.webp .container2 .btn-desktop_win {
	background-image: url(btn_windows_link.77b74db8.webp);
}

.container2 .btn-desktop_mac {
	background-image: }body.no-webp .container2 .btn-desktop_mac,body.no-js .container2 .btn-desktop_mac{background-image:url(btn_ios_link.29ba9ac5.png);
}

body.webp .container2 .btn-desktop_mac {
	background-image: url(btn_ios_link.c2f4e619.webp);
}

.container2 .feature-list {
	display: flex;
}

.container2 .feature {
	box-sizing: border-box;
	width: 2.95rem;
	height: 3.01rem;
	background-image: ;color:#fff;
	margin-right: .4rem;
	padding-top: .5rem;
}

body.no-webp .container2 .feature,body.no-js .container2 .feature {
	background-image: url(icon_circle.b44d79b8.png);
}

body.webp .container2 .feature {
	background-image: url(icon_circle.f51da7a3.webp);
}

.container2 .feature:last-child {
	margin-right: 0;
}

.container2 .feature:nth-child(1),.container2 .feature:nth-child(3) {
	padding-top: .8rem;
}

.container2 .f-h {
	text-align: center;
	text-shadow: 2px 2px 5px #00000075;
	margin-bottom: .4rem;
	font-size: .3rem;
	font-weight: 600;
	line-height: .33rem;
}

.container2 .f-desc {
	text-align: center;
	font-size: .18rem;
}

.container3 {
	height: 8.26rem;
	background-image: ;font-size:.2rem;
}

body.no-webp .container3,body.no-js .container3 {
	background-image: url(bg3.69c625b1.jpg);
}

body.webp .container3 {
	background-image: url(bg3.69c625b1.jpg);
}

.container3 .wrap {
	padding-top: .2rem;
}

.container3 .title {
	width: 6.07rem;
	height: 1.35rem;
	background-image: }body.no-webp .container3 .title,body.no-js .container3 .title{background-image:url(title3.6b47983d.png);
}

body.webp .container3 .title {
	background-image: url(title3.6b47983d.png);
}

.container3 .news-content {
	width: 14.9rem;
	height: 6.08rem;
	background-image: ;margin-top:.24rem;
	position: relative;
}

body.no-webp .container3 .news-content,body.no-js .container3 .news-content {
	background-image: url(bg_news.9c87bf05.png);
}

body.webp .container3 .news-content {
	background-image: url(bg_news.e6de53f9.webp);
}

.container3 .news-main {
	position: absolute;
	right: 1.4rem;
}

.container3 .news-nav {
	justify-content: flex-end;
	margin-top: .2rem;
	display: flex;
	transform: rotate(1deg);
}

.container3 .nav-item {
	color: #fff;
	text-shadow: 2px 2px 5px #0000005d;
	cursor: pointer;
	margin-right: .65rem;
	font-size: .32rem;
	font-weight: 600;
}

.container3 .nav-item:last-child {
	margin-right: 0;
}

.container3 .nav-item-active {
	color: #fec501;
}

.container3 .nav-more {
	cursor: pointer;
	display: inline-block;
}

.container3 .news-search {
	width: 6.1rem;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: .05rem;
	justify-content: space-between;
	margin-top: .4rem;
	padding-left: .1rem;
	display: flex;
}

.container3 .search-input {
	width: calc(100% - 1.5rem);
	border: none;
	outline: none;
}

.container3 .btn-search {
	width: 1.28rem;
	height: .49rem;
	background-image: ;cursor:pointer;
}

body.no-webp .container3 .btn-search,body.no-js .container3 .btn-search {
	background-image: url(btn_search.47fbf274.png);
}

body.webp .container3 .btn-search {
	background-image: url(btn_search.9de1b990.webp);
}

.container3 .news-list {
	margin: .1rem .2rem 0 0;
}

.container3 .news-item {
	width: 100%;
	height: .55rem;
	color: #303030;
	border-bottom: 1px dashed #a08d63;
	align-items: center;
	margin-bottom: .1rem;
	font-size: .22rem;
	display: flex;
}

.container3 .news-type {
	margin-right: .25rem;
}

.container3 .news-title {
	width: 3.8rem;
}

.container3 .news-time {
	margin-left: .5rem;
}

.container4 {
	height: 6.27rem;
	background-image: ;font-size:.2rem;
}

body.no-webp .container4,body.no-js .container4 {
	background-image: url(bg4.9a92b982.jpg);
}

body.webp .container4 {
	background-image: url(bg4.9a92b982.jpg);
}

.container4 .wrap {
	padding-top: .2rem;
}

.container4 .title {
	width: 6.07rem;
	height: 1.35rem;
	background-image: }body.no-webp .container4 .title,body.no-js .container4 .title{background-image:url(title4.78de0d67.png);
}

body.webp .container4 .title {
	background-image: url(title4.6beef9bd.webp);
}

.container4 .raider-content {
	width: 15.65rem;
	height: 3.6rem;
	background-image: ;position:relative;
}

body.no-webp .container4 .raider-content,body.no-js .container4 .raider-content {
	background-image: url(bg_raiders.7410b74e.png);
}

body.webp .container4 .raider-content {
	background-image: url(bg_raiders.1ec7ff17.webp);
}

.container4 .raider-nav {
	justify-content: center;
	display: flex;
}

.container4 .raider-item {
	width: 3.08rem;
	height: 1.1rem;
	cursor: pointer;
	margin-right: .58rem;
}

.container4 .raider-item:last-child {
	margin-right: 0;
}

.container4 .raider1 {
	background-image: }body.no-webp .container4 .raider1,body.no-js .container4 .raider1{background-image:url(btn_class_off.af15f6f4.png);
}

body.webp .container4 .raider1 {
	background-image: url(btn_class_off.8bf07e8d.webp);
}

.container4 .raider2 {
	background-image: }body.no-webp .container4 .raider2,body.no-js .container4 .raider2{background-image:url(btn_adv_off.1a13968a.png);
}

body.webp .container4 .raider2 {
	background-image: url(btn_adv_off.8fae37e2.webp);
}

.container4 .raider3 {
	background-image: }body.no-webp .container4 .raider3,body.no-js .container4 .raider3{background-image:url(btn_share_off.ab5c4122.png);
}

body.webp .container4 .raider3 {
	background-image: url(btn_share_off.dce1f0a2.webp);
}

.container4 .raider4 {
	background-image: }body.no-webp .container4 .raider4,body.no-js .container4 .raider4{background-image:url(btn_qa_off.67a9bdfc.png);
}

body.webp .container4 .raider4 {
	background-image: url(btn_qa_off.4da05d5f.webp);
}

.container4 .raider-item-active[class~=raider1] {
	background-image: }body.no-webp .container4 .raider-item-active[class~=raider1],body.no-js .container4 .raider-item-active[class~=raider1]{background-image:url(btn_class_on.c4f644de.png);
}

body.webp .container4 .raider-item-active[class~=raider1] {
	background-image: url(btn_class_on.86e86007.webp);
}

.container4 .raider-item-active[class~=raider2] {
	background-image: }body.no-webp .container4 .raider-item-active[class~=raider2],body.no-js .container4 .raider-item-active[class~=raider2]{background-image:url(btn_adv_on.fd5d2f97.png);
}

body.webp .container4 .raider-item-active[class~=raider2] {
	background-image: url(btn_adv_on.811715b3.webp);
}

.container4 .raider-item-active[class~=raider3] {
	background-image: }body.no-webp .container4 .raider-item-active[class~=raider3],body.no-js .container4 .raider-item-active[class~=raider3]{background-image:url(btn_share_on.22840317.png);
}

body.webp .container4 .raider-item-active[class~=raider3] {
	background-image: url(btn_share_on.daf01ea5.webp);
}

.container4 .raider-item-active[class~=raider4] {
	background-image: }body.no-webp .container4 .raider-item-active[class~=raider4],body.no-js .container4 .raider-item-active[class~=raider4]{background-image:url(btn_qa_on.1c06f070.png);
}

body.webp .container4 .raider-item-active[class~=raider4] {
	background-image: url(btn_qa_on.74e664ff.webp);
}

.container4 .raider-list {
	grid-gap: .24rem;
	flex-wrap: wrap;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: .2rem;
	margin-left: 1.5rem;
	display: grid;
}

.container4 .list-item {
	width: 4rem;
	color: #000;
	cursor: pointer;
	margin-right: .5rem;
	font-size: .24rem;
}

.container4 .list-item:hover {
	text-decoration: underline;
}

.container4 .list-item:nth-child(3n) {
	margin-right: 0;
}

.container4 .btn-raider-more {
	width: 2.23rem;
	height: .86rem;
	background-image: ;animation:1s linear infinite alternate magnify;
	display: block;
	position: absolute;
	bottom: -.8rem;
	right: .5rem;
}

body.no-webp .container4 .btn-raider-more,body.no-js .container4 .btn-raider-more {
	background-image: url(btn_more.e51d4f9a.png);
}

body.webp .container4 .btn-raider-more {
	background-image: url(btn_more.3f20df4d.webp);
}

.container5 {
	height: 9.56rem;
	background-image: }body.no-webp .container5,body.no-js .container5{background-image:url(bg5.c19ae9c9.jpg);
}

body.webp .container5 {
	background-image: url(bg5.ddd10b7b.webp);
}

.container5 .wrap {
	padding-top: .2rem;
}

.container5 .title {
	width: 8.32rem;
	height: 1.35rem;
	background-image: }body.no-webp .container5 .title,body.no-js .container5 .title{background-image:url(title5.125463b9.png);
}

body.webp .container5 .title {
	background-image: url(title5.591cf925.webp);
}

.container5 .video-swiper {
	width: 100%;
	height: 6.67rem;
	overflow: hidden;
}

.container5 .video-list {
	width: 100%;
	height: 100%;
	background-image: ;position:relative;
}

body.no-webp .container5 .video-list,body.no-js .container5 .video-list {
	background-image: url(bg_videos.73f40d5d.png);
}

body.webp .container5 .video-list {
	background-image: url(bg_videos.0fabcf2d.webp);
}

.container5 .video-item {
	width: 3.65rem;
	height: 2.25rem;
	justify-content: center;
	align-items: center;
	display: flex;
	position: absolute;
}

.container5 .btn-play {
	width: .94rem;
	height: .94rem;
	background-image: ;cursor:pointer;
}

body.no-webp .container5 .btn-play,body.no-js .container5 .btn-play {
	background-image: url(btn_play.166c091a.png);
}



.container5 .btn-play:hover {
	transform: scale(1.1);
}

.container5 .clip {
	width: 2.96rem;
	height: .94rem;
	background-image: ;position:absolute;
}

body.no-webp .container5 .clip,body.no-js .container5 .clip {
	background-image: url(clip.f14996ff.png);
}

body.webp .container5 .clip {
	background-image: url(clip.e2185f4a.webp);
}

.container5 .video-title {
	width: 2.1rem;
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: .2rem;
	margin-left: .7rem;
	font-size: .3rem;
	font-weight: 600;
	overflow: hidden;
	transform: rotate(-2deg);
}

.container5 .video1 {
	top: .62rem;
	left: 3.23rem;
	transform: rotate(354deg);
}

.container5 .video2 {
	top: .58rem;
	left: calc(50% + .05rem);
	transform: translate(-50%);
}

.container5 .video3 {
	height: 2.2rem;
	top: .65rem;
	right: 3.23rem;
}

.container5 .video4 {
	height: 2.2rem;
	top: 3.81rem;
	left: 3.23rem;
}

.container5 .video5 {
	width: 3.75rem;
	height: 2.3rem;
	top: 3.8rem;
	left: calc(50% + .09rem);
	transform: translate(-50%);
}

.container5 .video6 {
	height: 2.2rem;
	top: 3.75rem;
	right: 3.23rem;
	transform: rotate(-5deg);
}

.container5 .clip1 {
	bottom: -.7rem;
	left: -.25rem;
	transform: rotate(5deg);
}

.container5 .clip2 {
	bottom: -.7rem;
	left: -.25rem;
}

.container5 .clip3 {
	bottom: -.6rem;
	left: -.25rem;
}

.container5 .clip4 {
	bottom: -.6rem;
	left: -.28rem;
	transform: rotate(5deg);
}

.container5 .clip5 {
	bottom: -.7rem;
	left: -.35rem;
	transform: rotate(-1deg);
}

.container5 .clip6 {
	bottom: -.7rem;
	left: -.55rem;
	transform: rotate(5deg);
}

.container6 {
	height: 9.56rem;
	background-image: ;overflow:hidden;
}

body.no-webp .container6,body.no-js .container6 {
	background-image: url(bg6.15988ca3.jpg);
}

body.webp .container6 {
	background-image: url(bg6.5f4e84a1.webp);
}

.container6 .wrap {
	position: relative;
}

.container6 .title {
	width: 6.15rem;
	height: 1.35rem;
	background-image: ;margin-top:.2rem;
	position: absolute;
}

body.no-webp .container6 .title,body.no-js .container6 .title {
	background-image: url(title6.b60968b6.png);
}

body.webp .container6 .title {
	background-image: url(title6.6387f8de.webp);
}

.container7 {
	height: 9.56rem;
	background-image: }body.no-webp .container7,body.no-js .container7{background-image:url(bg7.0fa85c9f.jpg);
}

body.webp .container7 {
	background-image: url(bg7.d8533af1.webp);
}

.container7 .wrap {
	padding-top: .2rem;
}

.container7 .title {
	width: 6.07rem;
	height: 1.35rem;
	background-image: }body.no-webp .container7 .title,body.no-js .container7 .title{background-image:url(title7.c9312522.png);
}

body.webp .container7 .title {
	background-image: url(title7.50c5b96f.webp);
}

.container7 .map-list {
	width: 12.8rem;
	height: 5.93rem;
	position: relative;
}

.container7 .map-detail {
	width: 11.67rem;
	height: 5.93rem;
	background-image: ;position:absolute;
	bottom: -.9rem;
	left: .5rem;
}

body.no-webp .container7 .map-detail,body.no-js .container7 .map-detail {
	background-image: url(map_detail.09c64e29.png);
}

body.webp .container7 .map-detail {
	background-image: url(map_detail.45dbe9ab.webp);
}

.container7 .map {
	z-index: 1;
	cursor: pointer;
	position: absolute;
}

.container7 .map1 {
	width: 5.29rem;
	height: 5.25rem;
	background-image: ;bottom:-1.2rem;
	left: 0;
}

body.no-webp .container7 .map1,body.no-js .container7 .map1 {
	background-image: url(map1_h.c2349cfd.png);
}

body.webp .container7 .map1 {
	background-image: url(map1_h.5c6431f3.webp);
}

.container7 .map1:not(.map-active) {
	background-image: }body.no-webp .container7 .map1:not(.map-active),body.no-js .container7 .map1:not(.map-active){background-image:url(map1.134ef41d.png);
}

body.webp .container7 .map1:not(.map-active) {
	background-image: url(map1.7e28c4a2.webp);
}

.container7 .map1:hover {
	background-image: }body.no-webp .container7 .map1:hover,body.no-js .container7 .map1:hover{background-image:url(map1_h.c2349cfd.png);
}

body.webp .container7 .map1:hover {
	background-image: url(map1_h.5c6431f3.webp);
}

.container7 .map2 {
	width: 6.83rem;
	height: 7.7rem;
	background-image: ;left:58%;
	transform: translate(-50%);
}

body.no-webp .container7 .map2,body.no-js .container7 .map2 {
	background-image: url(map2_h.8b80b973.png);
}

body.webp .container7 .map2 {
	background-image: url(map2_h.8d57f249.webp);
}

.container7 .map2:not(.map-active) {
	background-image: }body.no-webp .container7 .map2:not(.map-active),body.no-js .container7 .map2:not(.map-active){background-image:url(map2.60f82a19.png);
}

body.webp .container7 .map2:not(.map-active) {
	background-image: url(map2.bc39813d.webp);
}

.container7 .map2:hover {
	background-image: }body.no-webp .container7 .map2:hover,body.no-js .container7 .map2:hover{background-image:url(map2_h.8b80b973.png);
}

body.webp .container7 .map2:hover {
	background-image: url(map2_h.8d57f249.webp);
}

.container7 .map3 {
	width: 4.29rem;
	height: 6.57rem;
	background-image: ;top:.9rem;
	right: -.35rem;
}

body.no-webp .container7 .map3,body.no-js .container7 .map3 {
	background-image: url(map3_h.31bac7a5.png);
}

body.webp .container7 .map3 {
	background-image: url(map3_h.1bd383a9.webp);
}

.container7 .map3:not(.map-active) {
	background-image: }body.no-webp .container7 .map3:not(.map-active),body.no-js .container7 .map3:not(.map-active){background-image:url(map3.caa4e188.png);
}

body.webp .container7 .map3:not(.map-active) {
	background-image: url(map3.ce0b2580.webp);
}

.container7 .map3:hover {
	background-image: }body.no-webp .container7 .map3:hover,body.no-js .container7 .map3:hover{background-image:url(map3_h.31bac7a5.png);
}

body.webp .container7 .map3:hover {
	background-image: url(map3_h.1bd383a9.webp);
}

.container8 {
	height: 19.12rem;
	background-image: }body.no-webp .container8,body.no-js .container8{background-image:url(bg8-9.a3f11378.jpg);
}

body.webp .container8 {
	background-image: url(bg8-9.a96f091a.webp);
}

.container8 .store-part {
	padding-top: .2rem;
	position: relative;
}

.container8 .title {
	width: 6.15rem;
	height: 1.35rem;
	background-image: }body.no-webp .container8 .title,body.no-js .container8 .title{background-image:url(title8.15d8b951.png);
}

body.webp .container8 .title {
	background-image: url(title8.75b42739.webp);
}

.container8 .fb-part {
	flex-direction: column;
	align-items: center;
	padding-top: 1.05rem;
	display: flex;
}

.container8 .btn-rule {
	width: 3.96rem;
	height: .73rem;
	background-image: ;cursor:pointer;
}

body.no-webp .container8 .btn-rule,body.no-js .container8 .btn-rule {
	background-image: url(btn_tips.ebfd16be.png);
}

body.webp .container8 .btn-rule {
	background-image: url(btn_tips.b553151b.webp);
}

.container8 .fb-box {
	margin-top: .4rem;
	display: flex;
}

.container8 .btn-fb,.container8 .btn-club {
	width: 2.42rem;
	height: .77rem;
	display: block;
}

.container8 .btn-fb {
	background-image: }body.no-webp .container8 .btn-fb,body.no-js .container8 .btn-fb{background-image:url(btn_fb.05bea121.png);
}

body.webp .container8 .btn-fb {
	background-image: url(btn_fb.61ca493e.webp);
}

.container8 .btn-club {
	background-image: ;margin-left:.2rem;
}

body.no-webp .container8 .btn-club,body.no-js .container8 .btn-club {
	background-image: url(btn_club.44cd4039.png);
}

body.webp .container8 .btn-club {
	background-image: url(btn_club.25cf2873.webp);
}

.container8 .share-box {
	width: 4.8rem;
	height: 7.15rem;
	margin-top: .7rem;
	overflow: hidden;
}

@keyframes magnify {
	0% {
		transform: scale(.9);
	}

	to {
		transform: scale(1);
	}
}

@keyframes sg {
	0% {
		left: -100%;
	}

	to {
		left: 100%;
	}
}
.footer-pc {
    position: relative;
    z-index: 99;
    float: left;
    overflow: hidden;
    padding-bottom: 0.2rem;
    width: 100%;
    background: #383838;
    color: #fff;
}
.foot {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 14rem;
    font-size: 0.14rem;
}
.foot-logo {
    display: inline;
    float: left;
    margin-top: 0.35rem;
    margin-left: 0.06rem;
    padding-right: 0.25rem;
    width: 2.47rem;
    height: 0.72rem;
    border-right: 1px solid #545454;
}
.foot-info {
    display: inline;
    float: left;
    margin-top: 0.25rem;
    margin-left: 0.3rem;
    padding-bottom: 0.05rem;
    width: 4rem;
    text-align: center;
}
.footer-mb {
    float: left;
    overflow: hidden;
    padding: 0.2rem 0 0.2rem 0;
    width: 100%;
    background: #383838;
    color: #676768;
    text-align: center;
}
.lower {
    position: relative;
    display: inline;
    float: left;
    margin-top: 0.35rem;
    margin-left: 0.2rem;
    padding-left: 0.2rem;
    width: 6.3rem;
    height: 0.72rem;
    border-left: 1px solid #545454;
    color: #fff;
    font-size: 0.12rem;
}
.rig-class {
    float: left;
    width: 6.3rem;
}
.foot-service {
    display: inline;
    float: left;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    width: 3.9rem;
    border: 2px solid #707070;
    color: #fff;
    text-align: center;
    font-size: 0.14rem;
    line-height: 0.3rem;
}
.foot-nav a {
    padding-right: 0.1rem;
    padding-left: 0.1rem;
    color: #fff;
}
.class {
    width: 0.62rem;
}