@charset "utf-8";



[data-page=about] .r2 {
	background-color:#fff;
	overflow:hidden;
padding-top:.8rem
}
[data-page=about] .r2 .inner .list {
gap:.7rem .5rem;
	grid-template-columns:repeat(4, minmax(0, 1fr))
}
[data-page=about] .r2 .inner .list .item {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .2rem
}
[data-page=about] .r2 .inner .list .item:first-child .zIcon .odd {
	animation:roll 12.8239123702s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(2) .zIcon .odd {
animation:roll 14.2481285216s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(3) .zIcon .odd {
-webkit-animation:roll 12.9443562334s linear infinite normal;
animation:roll 12.9443562334s linear infinite normal
}
[data-page=about] .r2 .inner .list .item:nth-child(4) .zIcon .odd {
animation:roll 13.426866982s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(5) .zIcon .odd {
-webkit-animation:roll 7.0641002377s linear infinite normal;
animation:roll 7.0641002377s linear infinite normal
}
[data-page=about] .r2 .inner .list .item:nth-child(6) .zIcon .odd {
animation:roll 9.4297371563s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(7) .zIcon .odd {
-webkit-animation:roll 11.1146739652s linear infinite normal;
animation:roll 11.1146739652s linear infinite normal
}
[data-page=about] .r2 .inner .list .item:nth-child(8) .zIcon .odd {
-webkit-animation:roll 12.9225638319s linear infinite normal;
animation:roll 12.9225638319s linear infinite normal
}
[data-page=about] .r2 .inner .list .item:nth-child(9) .zIcon .odd {
-webkit-animation:roll 7.4566557004s linear infinite normal;
animation:roll 7.4566557004s linear infinite normal
}
[data-page=about] .r2 .inner .list .item:nth-child(10) .zIcon .odd {
-webkit-animation:roll 6.6072507821s linear infinite normal;
animation:roll 6.6072507821s linear infinite normal
}
[data-page=about] .r2 .inner .list .item:nth-child(11) .zIcon .odd {
animation:roll 11.726169758s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(12) .zIcon .odd {
animation:roll 8.3945782963s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(13) .zIcon .odd {
-webkit-animation:roll 6.1776813827s linear infinite normal;
animation:roll 6.1776813827s linear infinite normal
}
[data-page=about] .r2 .inner .list .item:nth-child(14) .zIcon .odd {
animation:roll 6.7239899474s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(15) .zIcon .odd {
animation:roll 9.4266074255s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(16) .zIcon .odd {
animation:roll 12.1882965433s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(17) .zIcon .odd {
animation:roll 12.8091653429s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(18) .zIcon .odd {
animation:roll 5.1635198924s linear infinite reverse
}
[data-page=about] .r2 .inner .list .item:nth-child(19) .zIcon .odd {
-webkit-animation:roll 13.1287864355s linear infinite normal;
animation:roll 13.1287864355s linear infinite normal
}
[data-page=about] .r2 .inner .list .item:nth-child(20) .zIcon .odd {
-webkit-animation:roll 5.2037341099s linear infinite normal;
animation:roll 5.2037341099s linear infinite normal
}
[data-page=about] .r2 .inner .list .item .zIcon {
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=about] .r2 .inner .list .item .text .value {
	color:#0f86ca;
gap:0 .1rem;
	line-height:1;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
[data-page=about] .r2 .inner .list .item .text .value .num {
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
[data-page=about] .r2 .inner .list .item .text .value .num s {
	line-height:1;
	text-decoration:none;
	-webkit-transform:translateY(-.25em);
	transform:translateY(-.25em);
	width:.4em
}
[data-page=about] .r2 .inner .list .item .text .value em {
	-webkit-transform:translateY(-.125em);
	transform:translateY(-.125em)
}
[data-page=about] .r2 .inner .list .item .text .txt {
	color:#333;
margin-top:.15rem
}
[data-page=about] .r2 .inner .group {
gap:0 .9rem;
margin-top:.85rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
[data-page=about] .r2 .inner .group .brief {
	width:7.4rem;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-bottom:1.3rem;
	position:relative;
	z-index:1
}
[data-page=about] .r2 .inner .group .brief:after {
	background-color:#d7d7d7;
	bottom:0;
	content:"";
	position:absolute;
	right:0;
	top:0;
width:.02rem;
	z-index:-1
}
[data-page=about] .r2 .inner .group .brief .richText {
	color:#333;
	height:37.5em;
	line-height:2.5;
	max-height:100%;
	overflow-y:auto;
padding-right:.8rem
}
[data-page=about] .r2 .inner .group .brief .richText::-webkit-scrollbar {
background-color:transparent;
-webkit-transform:translateX(-.02rem);
transform:translateX(-.02rem)
}
[data-page=about] .r2 .inner .group .brief .richText::-webkit-scrollbar-thumb {
border-radius:0;
width:.05rem
}
[data-page=about] .r2 .inner .group .info .text {
	text-align:center
}
[data-page=about] .r2 .inner .group .info .text .txt {
	color:#333;
	line-height:156.25%
}
[data-page=about] .r2 .inner .group .info .text .en {
	color:#c1c1c1;
margin-top:.25rem;
	text-transform:uppercase
}
[data-page=about] .r2 .inner .group .info .text .en .line .word .char:first-of-type {
	color:#0f86ca
}
[data-page=about] .r2 .inner .group .info .pic {
	pointer-events:none;
	position:relative;
	z-index:1
}
[data-page=about] .r2 .inner .group .info .pic:before {
	content:"";
	display:block;
	padding-bottom:76.0896637609%;
	width:100%
}
[data-page=about] .r2 .inner .group .info .pic .logo {
	left:0;
	position:absolute;
top:.38rem;
	width:100%;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
height:max(28px, .4rem);
	justify-content:center;
	pointer-events:none;
	z-index:2
}
[data-page=about] .r2 .inner .group .info .pic .logo img {
	height:100%
}
[data-page=about] .r2 .inner .group .info .pic>img {
height:calc(100% + .5rem)
}
[data-page=about] .r3 {
	padding-top:1.2rem
}
[data-page=about] .r3 .inner .list {
gap:0 .28rem;
	grid-template-columns:repeat(4, minmax(0, 1fr));
margin-top:.85rem
}
[data-page=about] .r3 .inner .list .item:first-child .zIcon .odd {
	animation:roll 5.723421013s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(2) .zIcon .odd {
-webkit-animation:roll 13.4209739853s linear infinite normal;
animation:roll 13.4209739853s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(3) .zIcon .odd {
animation:roll 8.2910046595s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(4) .zIcon .odd {
-webkit-animation:roll 11.5334588938s linear infinite normal;
animation:roll 11.5334588938s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(5) .zIcon .odd {
animation:roll 13.4634889316s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(6) .zIcon .odd {
-webkit-animation:roll 14.2963850814s linear infinite normal;
animation:roll 14.2963850814s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(7) .zIcon .odd {
-webkit-animation:roll 11.112413932s linear infinite normal;
animation:roll 11.112413932s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(8) .zIcon .odd {
animation:roll 10.5619165067s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(9) .zIcon .odd {
animation:roll 14.4565799081s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(10) .zIcon .odd {
animation:roll 14.8707054963s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(11) .zIcon .odd {
-webkit-animation:roll 7.0084572295s linear infinite normal;
animation:roll 7.0084572295s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(12) .zIcon .odd {
animation:roll 12.3030636101s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(13) .zIcon .odd {
-webkit-animation:roll 12.7957880336s linear infinite normal;
animation:roll 12.7957880336s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(14) .zIcon .odd {
-webkit-animation:roll 12.0556468627s linear infinite normal;
animation:roll 12.0556468627s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(15) .zIcon .odd {
-webkit-animation:roll 11.1840432165s linear infinite normal;
animation:roll 11.1840432165s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(16) .zIcon .odd {
-webkit-animation:roll 12.5465716513s linear infinite normal;
animation:roll 12.5465716513s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(17) .zIcon .odd {
-webkit-animation:roll 11.6216671565s linear infinite normal;
animation:roll 11.6216671565s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(18) .zIcon .odd {
animation:roll 14.3108210645s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(19) .zIcon .odd {
animation:roll 5.3797955588s linear infinite reverse
}
[data-page=about] .r3 .inner .list .item:nth-child(20) .zIcon .odd {
-webkit-animation:roll 10.420456077s linear infinite normal;
animation:roll 10.420456077s linear infinite normal
}
[data-page=about] .r3 .inner .list .item:nth-child(2n)>div:before {
background:-webkit-gradient(linear, left top, left bottom, from(rgba(15, 134, 202, .3)), color-stop(96.14%, rgba(15, 134, 202, 0)));
background:linear-gradient(180deg, rgba(15, 134, 202, .3), rgba(15, 134, 202, 0) 96.14%);
content:"";
height:75%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1
}
[data-page=about] .r3 .inner .list .item:nth-child(2n)>div .zIcon .odd {
display:none
}
[data-page=about] .r3 .inner .list .item>div {
	background-color:#fff;
border-radius:.1rem;
	height:100%;
	overflow:hidden;
padding:.35rem .55rem;
	position:relative;
-webkit-transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
	z-index:1
}
[data-page=about] .r3 .inner .list .item>div .zIcon {
	height:1.3rem;
	margin-left:auto
}
[data-page=about] .r3 .inner .list .item>div .text {
margin-top:.5rem
}
[data-page=about] .r3 .inner .list .item>div .text .name {
	color:#0f86ca
}
[data-page=about] .r3 .inner .list .item>div .text .tag {
gap:0 .07rem;
	line-height:1;
margin-top:.25rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
[data-page=about] .r3 .inner .list .item>div .text .tag ._li {
	border:1px solid #d7d7d7;
border-radius:.05rem;
	color:#333;
	cursor:pointer;
padding:.1rem;
-webkit-transition:all .3s cubic-bezier(.435, .25, .15, .965);
transition:all .3s cubic-bezier(.435, .25, .15, .965)
}
[data-page=about] .r3 .inner .list .item>div .text .tag ._li.on {
	border-color:#7b7b7b;
	color:#111
}
[data-page=about] .r3 .inner .list .item>div .text .txt {
	color:#333;
	line-height:214.286%;
margin-top:.2rem
}
[data-page=about] .r3 .inner .list .item>div .text .txt ._line {
	display:none
}
[data-page=about] .r3 .inner .list .item>div .text .txt ._line.on {
	display:block
}
[data-page=about] .r4 {
	overflow:hidden;
	padding-bottom:5.2rem;
	padding-top:1.1rem;
	position:relative;
	z-index:1
}
[data-page=about] .r4 .mbg {
height:calc(100% + .5rem)
}
[data-page=about] .r4 .mbg img {
	-o-object-position:center bottom;
	object-position:center bottom
}
[data-page=about] .r4 .inner {
	padding-left:1.5rem
}
[data-page=about] .r4 .inner .r4Swr {
margin-top:.7rem;
	overflow:visible;
	padding-right:4rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
[data-page=about] .r4 .inner .r4Swr:after {
	background:-webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
	background:linear-gradient(270deg, #fff, transparent);
	content:"";
	height:100vh;
	pointer-events:none;
	position:absolute;
	right:0;
	top:0;
	width:30%;
	z-index:5
}
[data-page=about] .r4 .inner .r4Swr .swiper-wrapper:after {
	border-top:1px dashed #0f86ca;
	content:"";
	left:0;
	position:absolute;
	top:100%;
	width:1000%
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide {
	height:auto;
	width:max(120px, 2rem)
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide:nth-child(odd):after {
content:"";
height:100%;
left:100%;
position:absolute;
top:100%;
width:100%
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide:nth-child(odd) .item {
-webkit-transform:translateY(100%);
transform:translateY(100%);
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide:nth-child(odd) .item .odd {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item {
	height:100%;
padding:.25rem .4rem;
	width:max(240px, 4rem);
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
gap:.2rem 0;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	position:relative
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item .odd {
--size:.11rem;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:var(--size)
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item .odd:before {
	background-color:#0f86ca;
	border-radius:50%;
	bottom:0;
	content:"";
	height:var(--size);
	left:0;
	position:absolute;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
	width:var(--size)
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item .odd:after {
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(15, 134, 202, 0)), to(#0f86ca));
	background:linear-gradient(180deg, rgba(15, 134, 202, 0), #0f86ca);
	content:"";
	inset:0;
	margin:0 auto;
	position:absolute;
	width:1px
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item .pic {
	background-color:#fff;
-webkit-box-shadow:0 .04rem .1rem 0 rgba(0, 0, 0, .05);
box-shadow:0 .04rem .1rem 0 rgba(0, 0, 0, .05);
	position:relative;
	width:max(75px, 1.27rem);
	z-index:1
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item .pic:before {
	content:"";
	display:block;
	padding-bottom:66.9291338583%;
	width:100%
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item .pic>img {
border-radius:.03rem;
height:calc(100% - .06rem);
left:.03rem;
top:.03rem;
width:calc(100% - .06rem)
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item .text {
	color:#333;
	line-height:178.571%;
	min-height:5.35713em
}
[data-page=about] .r4 .inner .r4Swr .swiper-slide .item .year {
	color:#0f86ca;
	line-height:1
}
[data-page=about] .r4 .inner .r4Swr .mouse {
--size:max(30px, .38rem);
	position:absolute;
	right:1.5rem;
	top:100%;
	z-index:10;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:.1rem 0;
	pointer-events:none;
-webkit-transform:translateY(calc(var(--size)*-1/2));
transform:translateY(calc(var(--size)*-1/2));
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
[data-page=about] .r4 .inner .r4Swr .mouse .icon {
	height:var(--size)
}
[data-page=about] .r4 .inner .r4Swr .mouse .icon img {
	height:100%
}
[data-page=about] .r4 .inner .r4Swr .mouse .name {
	color:#0f86ca;
	text-align:center
}
[data-page=about] .r5 {
	overflow:hidden;
	padding-top:1.1rem
}
[data-page=about] .r5 .inner .honor {
	position:relative;
	width:100%;
	z-index:1
}
[data-page=about] .r5 .inner .honor:before {
	content:"";
	display:block;
	padding-bottom:36.8283776734%;
	width:100%
}
[data-page=about] .r5 .group {
margin-top:.5rem
}
[data-page=about] .r5 .group .r5Swr {
font-size:max(12px, .16rem);
	height:calc(9em + 1.8rem);
margin:-.3rem
}
[data-page=about] .r5 .group .r5Swr .item {
height:calc(3em + .6rem);
padding:.3rem
}
[data-page=about] .r5 .group .r5Swr .item .name {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:100%;
	line-height:125%;
	position:relative;
	text-align:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	color:#7c4717;
	justify-content:center;
padding:0 .3rem
}
[data-page=about] .r5 .group .r5Swr .item .name:after, [data-page=about] .r5 .group .r5Swr .item .name:before {
	background-repeat:no-repeat;
	background-size:contain;
	content:"";
height:max(30px, .44rem);
	position:absolute;
	top:0;
width:max(30px, .44rem)
}
[data-page=about] .r5 .group .r5Swr .item .name:before {
	background-image:url(../assets/images/ryIccon2.png);
	left:0
}
[data-page=about] .r5 .group .r5Swr .item .name:after {
	background-image:url(../assets/images/ryIccon1.png);
	right:0
}
[data-page=about] .r5 .group .zNavigation {
margin-top:.6rem
}
[data-page=about] .r6 {
	padding:1.2rem 0
}
[data-page=about] .r6 .inner .r6Swr {
border-radius:.1rem;
margin-top:.5rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
[data-page=about] .r6 .inner .r6Swr .swiper-slide {
	width:3.8rem
}
[data-page=about] .r6 .inner .r6Swr .zNavigation {
margin-top:.55rem
}
[data-page=about] .r6 .inner .r6Swr .item {
	background-color:#fff;
border-radius:.1rem;
	overflow:hidden
}
[data-page=about] .r6 .inner .r6Swr .item .pic {
	background-color:#ddd;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=about] .r6 .inner .r6Swr .item .pic:before {
	content:"";
	display:block;
	padding-bottom:64.5669291339%;
	width:100%
}
[data-page=about] .r6 .inner .r6Swr .item .pic img {
-webkit-transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965), -webkit-transform .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=about] .r6 .inner .r6Swr .item .text {
padding:.25rem .25rem .3rem
}
[data-page=about] .r6 .inner .r6Swr .item .text .tit {
	display:-webkit-box;
	max-height:calc(3em + 1px);
	padding-bottom:1px;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=about] .r6 .inner .r6Swr .item .text .tit .hoverable_txt {
	background-image:-webkit-gradient(linear, left top, right top, from(#111), to(#111));
	background-image:linear-gradient(90deg, #111, #111);
-webkit-transition:background-size .6s cubic-bezier(.435, .25, .15, .965);
transition:background-size .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=about] .r6 .inner .r6Swr .item .text .icon {
	background-color:#0f86ca;
	border-radius:50%;
	color:#fff;
height:max(24px, .3rem);
	line-height:1;
width:max(24px, .3rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
margin-top:.23rem
}
@media screen and (orientation:landscape) {
[data-page=about] .r3 .inner .list .item>div:hover {
-webkit-box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
-webkit-transform:translateY(-.06rem);
transform:translateY(-.06rem)
}
}
@media screen and (orientation:portrait) {
[data-page=about] .r2 .inner .list {
grid-template-columns:repeat(2, 1fr)
}
[data-page=about] .r2 .inner .list .item {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center
}
[data-page=about] .r2 .inner .list .item .text {
margin-top:.3rem
}
[data-page=about] .r2 .inner .list .item .text .value {
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
[data-page=about] .r2 .inner .group {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin-top:1.2rem
}
[data-page=about] .r2 .inner .group .info {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
width:100%
}
[data-page=about] .r2 .inner .group .info .pic {
overflow:hidden
}
[data-page=about] .r2 .inner .group .brief {
margin-top:.7rem;
width:100%
}
[data-page=about] .r2 .inner .group .brief .richText {
padding-right:.25rem
}
[data-page=about] .r3 .inner .list {
grid-template-columns:1fr;
grid-gap:.6rem 0
}
[data-page=about] .r4 .inner {
padding-left:0
}
[data-page=about] .r4 .inner .r4Swr .mouse {
display:none
}
}
@media screen and (max-width:1200px) {
[data-page=about] .r4 .inner {
padding-left:5vw
}
}
[data-page=applyFor] .r1 {
	padding-bottom:1.9rem;
	padding-top:1rem
}
[data-page=applyFor] .r1 .inner .tops {
	text-align:center
}
[data-page=applyFor] .r1 .inner .tops .txt {
	color:#7b7b7b;
	line-height:145.833%;
margin-top:.2rem
}
[data-page=applyFor] .r1 .inner .tops .txt em {
	color:#0f86ca
}
[data-page=applyFor] .r1 .inner form {
margin-top:.4rem
}
[data-page=applyFor] .r1 .inner form .tips {
	color:#7b7b7b;
	line-height:218.75%;
margin-top:.25rem
}
[data-page=applyFor] .r1 .inner form .tips a {
	color:#0f86ca
}
[data-page=applyFor] .r1 .inner form .zBtn {
margin-top:.8rem
}
@media screen and (orientation:landscape) {
[data-page=applyFor] .r1 .inner form .tips a:hover {
text-decoration:underline
}
[data-page=applyFor] .r1 .inner form .multi ._list ul li:hover, [data-page=applyFor] .r1 .inner form .multi ._text .item .icon:hover {
color:#0f86ca
}
}
[data-page=area] .r2 {
padding-top:.75rem
}
[data-page=area] .r2 .inner.fadeInScale .group .drift .list, [data-page=area] .r2 .inner.fadeInScale .group .round .pic, [data-page=area] .r2 .inner.fadeInScale .group .round .ring {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition:opacity 1.2s cubic-bezier(.435, .25, .15, .965), -webkit-transform 1.2s cubic-bezier(.435, .25, .15, .965);
	transition:opacity 1.2s cubic-bezier(.435, .25, .15, .965), -webkit-transform 1.2s cubic-bezier(.435, .25, .15, .965);
	transition:transform 1.2s cubic-bezier(.435, .25, .15, .965), opacity 1.2s cubic-bezier(.435, .25, .15, .965);
	transition:transform 1.2s cubic-bezier(.435, .25, .15, .965), opacity 1.2s cubic-bezier(.435, .25, .15, .965), -webkit-transform 1.2s cubic-bezier(.435, .25, .15, .965)
}
[data-page=area] .r2 .inner.fadeInScale .group .round .ring {
	-webkit-transition-delay:0s;
	transition-delay:0s
}
[data-page=area] .r2 .inner.fadeInScale .group .round .pic {
-webkit-transition-delay:.2s;
transition-delay:.2s
}
[data-page=area] .r2 .inner.fadeInScale .group .drift .list {
-webkit-transition-delay:.4s;
transition-delay:.4s
}
[data-page=area] .r2 .inner .group {
--size:6.13rem;
	height:var(--size);
	margin:0 auto;
	-webkit-perspective:1000;
	perspective:1000;
	position:relative;
	width:var(--size)
}
[data-page=area] .r2 .inner .group .round {
--size:6.13rem;
	height:var(--size);
	position:relative;
	width:var(--size);
	z-index:1
}
[data-page=area] .r2 .inner .group .round .ring {
	height:100%;
	opacity:0;
	-webkit-transform:scale(.6);
	transform:scale(.6);
	width:100%
}
[data-page=area] .r2 .inner .group .round .ring img {
	height:100%;
	-o-object-fit:contain;
	object-fit:contain;
	width:100%
}
[data-page=area] .r2 .inner .group .round .pic {
	inset:0;
	opacity:0;
	position:absolute;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	z-index:2
}
[data-page=area] .r2 .inner .group .drift {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:5
}
[data-page=area] .r2 .inner .group .drift .list {
	color:#333;
	height:100%;
	opacity:0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	width:100%
}
[data-page=area] .r2 .inner .group .drift .list li {
	height:0;
	left:50%;
	pointer-events:auto;
	position:absolute;
	top:50%;
	width:0
}
[data-page=area] .r2 .inner .group .drift .list li:first-child {
	-webkit-transform:rotate(-135deg) translateX(calc(var(--size)/2));
	transform:rotate(-135deg) translateX(calc(var(--size)/2))
}
[data-page=area] .r2 .inner .group .drift .list li:first-child .item {
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg)
}
[data-page=area] .r2 .inner .group .drift .list li:first-child .item>div {
right:calc(var(--size)*-1/8)
}
[data-page=area] .r2 .inner .group .drift .list li:first-child .item>div .icon {
	-webkit-box-ordinal-group:0;
	-ms-flex-order:-1;
	order:-1
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(2) {
-webkit-transform:rotate(315deg) translateX(calc(var(--size)/2));
transform:rotate(315deg) translateX(calc(var(--size)/2))
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(2) .item {
-webkit-transform:rotate(-315deg);
transform:rotate(-315deg)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(2) .item>div {
left:calc(var(--size)*-1/8)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(2) .item>div .icon {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(3) {
-webkit-transform:rotate(-165deg) translateX(calc(var(--size)/2));
transform:rotate(-165deg) translateX(calc(var(--size)/2))
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(3) .item {
-webkit-transform:rotate(165deg);
transform:rotate(165deg)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(3) .item>div {
right:calc(var(--size)*-1/8)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(3) .item>div .icon {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(4) {
-webkit-transform:rotate(345deg) translateX(calc(var(--size)/2));
transform:rotate(345deg) translateX(calc(var(--size)/2))
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(4) .item {
-webkit-transform:rotate(-345deg);
transform:rotate(-345deg)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(4) .item>div {
left:calc(var(--size)*-1/8)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(4) .item>div .icon {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(5) {
-webkit-transform:rotate(-195deg) translateX(calc(var(--size)/2));
transform:rotate(-195deg) translateX(calc(var(--size)/2))
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(5) .item {
-webkit-transform:rotate(195deg);
transform:rotate(195deg)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(5) .item>div {
right:calc(var(--size)*-1/8)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(5) .item>div .icon {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(6) {
-webkit-transform:rotate(375deg) translateX(calc(var(--size)/2));
transform:rotate(375deg) translateX(calc(var(--size)/2))
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(6) .item {
-webkit-transform:rotate(-375deg);
transform:rotate(-375deg)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(6) .item>div {
left:calc(var(--size)*-1/8)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(6) .item>div .icon {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(7) {
-webkit-transform:rotate(-225deg) translateX(calc(var(--size)/2));
transform:rotate(-225deg) translateX(calc(var(--size)/2))
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(7) .item {
-webkit-transform:rotate(225deg);
transform:rotate(225deg)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(7) .item>div {
right:calc(var(--size)*-1/8)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(7) .item>div .icon {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(8) {
-webkit-transform:rotate(405deg) translateX(calc(var(--size)/2));
transform:rotate(405deg) translateX(calc(var(--size)/2))
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(8) .item {
-webkit-transform:rotate(-405deg);
transform:rotate(-405deg)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(8) .item>div {
left:calc(var(--size)*-1/8)
}
[data-page=area] .r2 .inner .group .drift .list li:nth-child(8) .item>div .icon {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
[data-page=area] .r2 .inner .group .drift .list li .item {
	left:0;
	position:absolute;
	top:0
}
[data-page=area] .r2 .inner .group .drift .list li .item>div {
	position:absolute;
	top:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background:hsla(0, 0%, 100%, .6);
	border-radius:1rem;
-webkit-box-shadow:0 .04rem .5rem 0 rgba(0, 0, 0, .05);
box-shadow:0 .04rem .5rem 0 rgba(0, 0, 0, .05);
padding:.075rem
}
[data-page=area] .r2 .inner .group .drift .list li .item>div .icon {
height:max(34px, .55rem);
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=area] .r2 .inner .group .drift .list li .item>div .icon img {
	height:100%
}
[data-page=area] .r2 .inner .group .drift .list li .item>div .name {
padding:0 .15rem;
	white-space:nowrap
}
[data-page=area] .r3 {
padding-top:.5rem
}
[data-page=area] .r3 .inner .list {
gap:.3rem;
	grid-template-columns:repeat(6, 1fr);
margin-top:.7rem
}
[data-page=area] .r3 .inner .list .item>div {
	background-color:#fff;
border-radius:.1rem;
	height:100%;
padding:.25rem;
	width:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	text-align:center;
-webkit-transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=area] .r3 .inner .list .item>div .icon {
	height:1rem
}
[data-page=area] .r3 .inner .list .item>div .icon img {
	height:100%
}
[data-page=area] .r3 .inner .list .item>div .name {
margin-top:.25rem
}
[data-page=area] .r4 {
	padding-bottom:1.7rem;
	padding-top:1.2rem
}
[data-page=area] .r4 .inner .tops {
	background-color:#ddd;
border-radius:.1rem;
	cursor:pointer;
margin-top:.7rem;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=area] .r4 .inner .tops:before {
	content:"";
	display:block;
	padding-bottom:42.8571428571%;
	width:100%
}
[data-page=area] .r4 .inner .tops .mbg {
width:calc(100% + .5rem)
}
[data-page=area] .r4 .inner .tops .info {
	backdrop-filter:blur(10px);
	background:-webkit-gradient(linear, left top, right top, color-stop(50%, #0f86ca), to(rgba(15, 134, 202, 0)));
	background:linear-gradient(90deg, #0f86ca 50%, rgba(15, 134, 202, 0));
	height:100%;
	left:0;
padding:.65rem .7rem .8rem .9rem;
	position:absolute;
	top:0;
	width:50%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	color:#fff;
	-ms-flex-direction:column;
	flex-direction:column;
	font-weight:700
}
[data-page=area] .r4 .inner .tops .info .logos {
height:max(20px, .24rem)
}
[data-page=area] .r4 .inner .tops .info .logos img {
	height:100%
}
[data-page=area] .r4 .inner .tops .info .text {
	margin-top:auto;
padding-top:.7rem
}
[data-page=area] .r4 .inner .tops .info .text .name {
	line-height:1.625
}
[data-page=area] .r4 .inner .tops .info .text .play {
gap:0 .11rem;
margin-top:.3rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
[data-page=area] .r4 .inner .tops .info .text .play .icon {
	border-radius:50%;
height:max(32px, .5rem);
width:max(32px, .5rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	background-color:rgba(0, 0, 0, .2);
	font-weight:400;
	justify-content:center
}
[data-page=area] .r4 .inner .list {
	grid-template-columns:repeat(4, 1fr);
margin-top:.6rem;
grid-gap:0 .35rem
}
[data-page=area] .r4 .inner .list .item {
border-radius:.1rem;
	cursor:pointer;
	overflow:hidden;
	position:relative
}
[data-page=area] .r4 .inner .list .item .pic {
	background-color:#ddd;
	position:relative;
-webkit-transition:-webkit-transform .6s ease;
transition:-webkit-transform .6s ease;
transition:transform .6s ease;
transition:transform .6s ease, -webkit-transform .6s ease;
	z-index:1
}
[data-page=area] .r4 .inner .list .item .pic:before {
	content:"";
	display:block;
	padding-bottom:154.012345679%;
	width:100%
}
[data-page=area] .r4 .inner .list .item .text {
	backdrop-filter:blur(15px);
	background-color:rgba(0, 0, 0, .5);
border-top-left-radius:.1rem;
border-top-right-radius:.1rem;
	bottom:0;
	color:#fff;
	font-weight:700;
	left:0;
	line-height:138.889%;
padding:.25rem;
	position:absolute;
	width:100%;
	z-index:2
}
[data-page=area] .r4 .inner .list .item .text .play {
height:max(28px, .4rem);
	position:absolute;
right:.4rem;
	top:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
width:max(28px, .4rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	background-color:#0f86ca;
	border-radius:50%;
	justify-content:center
}
[data-page=area] .r4 .inner .pagination {
margin-top:.75rem
}
[data-page=area] .zOperate ._btn .item {
	-webkit-transform:none;
	transform:none
}
@media screen and (orientation:landscape) {
[data-page=area] .r3 .inner .list .item:nth-child(6n+1) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=area] .r3 .inner .list .item:nth-child(6n+2) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=area] .r3 .inner .list .item:nth-child(6n+3) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
[data-page=area] .r3 .inner .list .item:nth-child(6n+4) {
-webkit-animation-delay:.4s;
animation-delay:.4s
}
[data-page=area] .r3 .inner .list .item:nth-child(6n+5) {
-webkit-animation-delay:.5s;
animation-delay:.5s
}
[data-page=area] .r3 .inner .list .item:nth-child(6n+6) {
-webkit-animation-delay:.6s;
animation-delay:.6s
}
[data-page=area] .r3 .inner .list .item>div:hover {
-webkit-box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
-webkit-transform:translateY(-.04rem);
transform:translateY(-.04rem)
}
[data-page=area] .r4 .inner .list .item:nth-child(6n+1) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=area] .r4 .inner .list .item:nth-child(6n+2) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=area] .r4 .inner .list .item:nth-child(6n+3) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
[data-page=area] .r4 .inner .list .item:nth-child(6n+4) {
-webkit-animation-delay:.4s;
animation-delay:.4s
}
[data-page=area] .r4 .inner .list .item:hover .pic {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media screen and (orientation:portrait) {
[data-page=area] .r2 .inner .group {
height:auto;
width:100%
}
[data-page=area] .r2 .inner .group .round {
margin:0 auto
}
[data-page=area] .r2 .inner .group .drift {
margin-top:.4rem;
position:static
}
[data-page=area] .r2 .inner .group .drift .list {
display:grid;
grid-template-columns:repeat(2, 1fr);
position:static;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:.25rem .2rem
}
[data-page=area] .r2 .inner .group .drift .list li {
height:auto;
position:static;
-webkit-transform:none!important;
transform:none!important;
width:auto
}
[data-page=area] .r2 .inner .group .drift .list li .item {
height:100%;
position:static;
-webkit-transform:none!important;
transform:none!important
}
[data-page=area] .r2 .inner .group .drift .list li .item>div {
height:100%;
padding:.4rem .2rem;
position:static;
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:.1rem
}
[data-page=area] .r2 .inner .group .drift .list li .item>div .icon {
-webkit-box-ordinal-group:0!important;
-ms-flex-order:-1!important;
order:-1!important
}
[data-page=area] .r2 .inner .group .drift .list li .item>div .name {
white-space:normal;
word-wrap:break-word;
margin-top:.3rem;
overflow-wrap:break-word;
padding:0;
text-align:center
}
[data-page=area] .r3 {
padding-top:1.2rem
}
[data-page=area] .r3 .inner .list {
grid-template-columns:repeat(2, 1fr)
}
[data-page=area] .r4 .inner .tops:before {
display:none
}
[data-page=area] .r4 .inner .tops .info {
padding:.6rem .5rem;
position:static;
width:100%
}
[data-page=area] .r4 .inner .tops .info .text>.name {
font-size:.36rem
}
[data-page=area] .r4 .inner .list {
grid-template-columns:repeat(2, 1fr);
grid-gap:.25rem
}
}
[data-page=contact] .r2 {
padding-top:.85rem
}
[data-page=contact] .r2 .inner .tit {
	text-align:center
}
[data-page=contact] .r2 .inner .group {
margin-top:.5rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background-color:#fff;
border-radius:.15rem;
gap:0 .75rem;
padding:.35rem .5rem .35rem .35rem
}
[data-page=contact] .r2 .inner .group .pic {
	background-color:#ddd;
	width:7.07rem;
	-ms-flex-negative:0;
border-radius:.1rem;
	flex-shrink:0;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=contact] .r2 .inner .group .pic:before {
	content:"";
	display:block;
	padding-bottom:57.4257425743%;
	width:100%
}
[data-page=contact] .r2 .inner .group .info {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
[data-page=contact] .r2 .inner .group .info .tops {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
[data-page=contact] .r2 .inner .group .info .tops:first-child .zIcon .odd {
	-webkit-animation:roll 9.4167022441s linear infinite normal;
	animation:roll 9.4167022441s linear infinite normal
}
[data-page=contact] .r2 .inner .group .info .tops .name {
	color:#0f86ca;
padding-right:.25rem
}
[data-page=contact] .r2 .inner .group .info .tops .zIcon {
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=contact] .r2 .inner .group .info .list {
	margin-top:auto;
padding-top:.4rem
}
[data-page=contact] .r2 .inner .group .info .list .item {
padding:.25rem 0;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-bottom:1px solid #d7d7d7
}
[data-page=contact] .r2 .inner .group .info .list .item:last-of-type {
	border-bottom:none
}
[data-page=contact] .r2 .inner .group .info .list .item .text {
padding-right:.25rem
}
[data-page=contact] .r2 .inner .group .info .list .item .text .name {
	color:#0f86ca
}
[data-page=contact] .r2 .inner .group .info .list .item .text .value {
margin-top:.1rem
}
[data-page=contact] .r2 .inner .group .info .list .item .text .txt {
	color:#888;
margin-top:.05rem
}
[data-page=contact] .r2 .inner .group .info .list .item .icon {
height:max(28px, .34rem);
width:max(28px, .34rem);
	-ms-flex-negative:0;
	flex-shrink:0;
margin-right:.15rem
}
[data-page=contact] .r2 .inner .group .info .list .item .icon img {
	height:100%;
	-o-object-fit:contain;
	object-fit:contain;
	width:100%
}
[data-page=contact] .r3 {
padding-top:.8rem
}
[data-page=contact] .r3 .tit {
	text-align:center
}
[data-page=contact] .r3 .group {
margin-top:.55rem;
	min-height:4.8rem;
	padding-bottom:33.8541666667%;
	position:relative
}
[data-page=contact] .r3 .group .r3Swr {
	inset:0;
	position:absolute
}
[data-page=contact] .r3 .group .r3Swr .swiper-wrapper {
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear
}
[data-page=contact] .r3 .group .r3Swr .list {
	grid-template-columns:repeat(24, 1fr);
	grid-template-rows:repeat(2, 1fr);
	height:100%
}
[data-page=contact] .r3 .group .r3Swr .list .item {
	grid-column:span 12;
padding:.04rem;
	position:relative
}
[data-page=contact] .r3 .group .r3Swr .list .item .pic {
border-radius:.1rem;
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%
}
[data-page=contact] .r3 .group .r3Swr .list .item .pic img {
-webkit-transition:-webkit-transform .6s ease;
transition:-webkit-transform .6s ease;
transition:transform .6s ease;
transition:transform .6s ease, -webkit-transform .6s ease
}
[data-page=contact] .r3 .group .r3Swr .list:nth-child(odd) .item:nth-child(2) {
grid-row:span 2
}
[data-page=contact] .r3 .group .r3Swr .list:nth-child(2n) .item:first-child {
grid-column:span 10
}
[data-page=contact] .r3 .group .r3Swr .list:nth-child(2n) .item:nth-child(2), [data-page=contact] .r3 .group .r3Swr .list:nth-child(2n) .item:nth-child(3) {
grid-column:span 14
}
[data-page=contact] .r3 .group .r3Swr .list:nth-child(2n) .item:nth-child(4) {
grid-column:span 10
}
[data-page=contact] .r4 {
	overflow:hidden;
	padding-top:1.2rem
}
[data-page=contact] .r4 .inner {
--size:11.9rem
}
[data-page=contact] .r4 .inner .tit {
	text-align:center
}
[data-page=contact] .r4 .inner .group {
margin:.8rem auto auto;
	position:relative;
	width:var(--size);
	z-index:1
}
[data-page=contact] .r4 .inner .group .planet {
	border:1px solid rgba(15, 134, 202, .5);
	border-radius:50%;
	height:var(--size);
	left:0;
	mix-blend-mode:darken;
	opacity:.5;
	overflow:hidden;
	pointer-events:none;
	position:absolute;
	top:0;
	width:var(--size);
	z-index:3
}
[data-page=contact] .r4 .inner .group .planet img {
	-o-object-fit:contain;
	object-fit:contain;
	-webkit-transform:rotate(-20deg) scale(.8125);
	transform:rotate(-20deg) scale(.8125)
}
[data-page=contact] .r4 .inner .group .type {
--size:.86rem;
	left:50%;
	position:absolute;
	top:0;
-webkit-transform:translate(-50%, calc(var(--size)*-.5));
transform:translate(-50%, calc(var(--size)*-.5));
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:.15rem 0;
	line-height:1
}
[data-page=contact] .r4 .inner .group .type .icon {
	height:var(--size)
}
[data-page=contact] .r4 .inner .group .type .icon img {
	height:100%
}
[data-page=contact] .r4 .inner .group .type .name {
	color:#0f86ca;
	text-align:center
}
[data-page=contact] .r4 .inner .group .videoCode {
padding-bottom:.5rem;
	padding-top:1.45rem;
	position:relative;
	z-index:5
}
[data-page=contact] .r4 .inner .group .videoCode .list {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	gap:0 1.05rem;
	justify-content:center
}
[data-page=contact] .r4 .inner .group .videoCode .list .item, [data-page=contact] .r4 .inner .group .videoCode .list .item .text {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
[data-page=contact] .r4 .inner .group .videoCode .list .item .text {
	background-color:#fff;
border-radius:.15rem;
-webkit-box-shadow:0 .04rem .3rem 0 rgba(0, 0, 0, .05);
box-shadow:0 .04rem .3rem 0 rgba(0, 0, 0, .05);
padding:.2rem .25rem .25rem
}
[data-page=contact] .r4 .inner .group .videoCode .list .item .text .name {
	color:#333;
	line-height:1.4285714286;
	text-align:center
}
[data-page=contact] .r4 .inner .group .videoCode .list .item .text .pic {
margin-top:.15rem;
	position:relative;
	width:1.3rem;
	z-index:1
}
[data-page=contact] .r4 .inner .group .videoCode .list .item .text .pic:before {
	content:"";
	display:block;
	padding-bottom:100%;
	width:100%
}
[data-page=contact] .r4 .inner .group .videoCode .list .item .text .pic img {
	-o-object-fit:contain;
	object-fit:contain
}
[data-page=contact] .r4 .inner .group .videoCode .list .item .icon {
height:max(30px, .5rem);
margin-top:.25rem
}
[data-page=contact] .r4 .inner .group .videoCode .list .item .icon img {
	height:100%
}
[data-page=contact] .r4 .inner .group .outerNet {
	padding-bottom:1.6rem;
	padding-top:1.35rem;
	position:relative;
	z-index:1
}
[data-page=contact] .r4 .inner .group .outerNet .light {
	height:calc(var(--size)/2);
	left:50%;
	pointer-events:none;
	position:absolute;
	top:0;
	-webkit-transform:translate(-50%, -100%);
	transform:translate(-50%, -100%);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:100vw
}
[data-page=contact] .r4 .inner .group .outerNet .light img {
	-o-object-position:center bottom;
	object-position:center bottom
}
[data-page=contact] .r4 .inner .group .outerNet:after {
	background-color:#fff;
	content:"";
	height:100%;
	left:50%;
	position:absolute;
	top:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:100vw;
	z-index:-1
}
[data-page=contact] .r4 .inner .group .outerNet .list {
gap:0 .6rem;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
[data-page=contact] .r4 .inner .group .outerNet .list .item {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
border-radius:.15rem;
-webkit-box-shadow:0 .04rem .3rem 0 rgba(0, 0, 0, .05);
box-shadow:0 .04rem .3rem 0 rgba(0, 0, 0, .05);
padding:.1rem .25rem .25rem
}
[data-page=contact] .r4 .inner .group .outerNet .list .item .name {
	color:#333;
	text-align:center
}
[data-page=contact] .r4 .inner .group .outerNet .list .item .pic {
margin-top:.1rem;
	position:relative;
	width:1.3rem;
	z-index:1
}
[data-page=contact] .r4 .inner .group .outerNet .list .item .pic:before {
	content:"";
	display:block;
	padding-bottom:100%;
	width:100%
}
[data-page=contact] .r4 .inner .group .outerNet .list .item .pic img {
	-o-object-fit:contain;
	object-fit:contain
}
@media screen and (orientation:landscape) {
[data-page=contact] .r3 .group .r3Swr .list .item .pic:hover img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media screen and (orientation:portrait) {
[data-page=contact] .r2 .inner .group {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
[data-page=contact] .r2 .inner .group .pic {
width:100%
}
[data-page=contact] .r2 .inner .group .info {
margin-top:.5rem;
width:100%
}
[data-page=contact] .r4 .inner .group {
--size:100%
}
[data-page=contact] .r4 .inner .group .planet {
display:none
}
[data-page=contact] .r4 .inner .group .videoCode .list {
display:grid;
grid-template-columns:repeat(2, 1fr);
grid-gap:.6rem 0
}
[data-page=contact] .r4 .inner .group .videoCode .list .item .text .pic {
width:2.2rem
}
[data-page=contact] .r4 .inner .group .outerNet .list {
display:grid;
grid-template-columns:repeat(2, 1fr);
grid-gap:.6rem .5rem
}
[data-page=contact] .r4 .inner .group .outerNet .list .item .pic {
width:2.2rem
}
}
[data-page=hire] .r2 {
padding-top:.8rem
}
[data-page=hire] .r2 .inner .list {
gap:0 .22rem;
	grid-template-columns:repeat(4, minmax(0, 1fr));
margin-top:.6rem
}
[data-page=hire] .r2 .inner .list .item:first-child .zIcon .odd {
	animation:roll 5.1548244521s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(2) .zIcon .odd {
animation:roll 12.006613429s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(3) .zIcon .odd {
animation:roll 14.076157037s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(4) .zIcon .odd {
-webkit-animation:roll 10.738083731s linear infinite normal;
animation:roll 10.738083731s linear infinite normal
}
[data-page=hire] .r2 .inner .list .item:nth-child(5) .zIcon .odd {
-webkit-animation:roll 12.7114475042s linear infinite normal;
animation:roll 12.7114475042s linear infinite normal
}
[data-page=hire] .r2 .inner .list .item:nth-child(6) .zIcon .odd {
animation:roll 7.9682756345s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(7) .zIcon .odd {
animation:roll 6.4737289318s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(8) .zIcon .odd {
animation:roll 13.2289321554s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(9) .zIcon .odd {
-webkit-animation:roll 12.7478711184s linear infinite normal;
animation:roll 12.7478711184s linear infinite normal
}
[data-page=hire] .r2 .inner .list .item:nth-child(10) .zIcon .odd {
-webkit-animation:roll 9.5427686305s linear infinite normal;
animation:roll 9.5427686305s linear infinite normal
}
[data-page=hire] .r2 .inner .list .item:nth-child(11) .zIcon .odd {
-webkit-animation:roll 10.3335115062s linear infinite normal;
animation:roll 10.3335115062s linear infinite normal
}
[data-page=hire] .r2 .inner .list .item:nth-child(12) .zIcon .odd {
animation:roll 9.9419038132s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(13) .zIcon .odd {
-webkit-animation:roll 5.1410854748s linear infinite normal;
animation:roll 5.1410854748s linear infinite normal
}
[data-page=hire] .r2 .inner .list .item:nth-child(14) .zIcon .odd {
animation:roll 9.0664224124s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(15) .zIcon .odd {
animation:roll 8.2075228279s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(16) .zIcon .odd {
animation:roll 11.8617802068s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(17) .zIcon .odd {
-webkit-animation:roll 8.3253750634s linear infinite normal;
animation:roll 8.3253750634s linear infinite normal
}
[data-page=hire] .r2 .inner .list .item:nth-child(18) .zIcon .odd {
animation:roll 8.2588685905s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(19) .zIcon .odd {
animation:roll 7.5465120373s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(20) .zIcon .odd {
animation:roll 5.2994653022s linear infinite reverse
}
[data-page=hire] .r2 .inner .list .item:nth-child(2n)>div:before {
background:-webkit-gradient(linear, left top, left bottom, from(rgba(15, 134, 202, .3)), color-stop(96.14%, rgba(15, 134, 202, 0)));
background:linear-gradient(180deg, rgba(15, 134, 202, .3), rgba(15, 134, 202, 0) 96.14%);
content:"";
height:75%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1
}
[data-page=hire] .r2 .inner .list .item>div {
	background-color:#fff;
border-radius:.1rem;
	height:100%;
	overflow:hidden;
padding:.3rem .35rem;
	position:relative;
-webkit-transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
	z-index:1
}
[data-page=hire] .r2 .inner .list .item>div .zIcon {
	margin-left:auto
}
[data-page=hire] .r2 .inner .list .item>div .text {
margin-top:.3rem
}
[data-page=hire] .r2 .inner .list .item>div .text .name {
	color:#0f86ca
}
[data-page=hire] .r2 .inner .list .item>div .text .txt {
	color:#333;
	line-height:214.286%;
margin-top:.15rem
}
[data-page=hire] .r3 {
	padding-bottom:1.5rem;
	padding-top:1rem
}
[data-page=hire] .r3 .inner .group {
margin-top:.5rem
}
[data-page=hire] .r3 .inner .group .info {
padding-right:.645rem;
	width:max(260px, 4.1rem);
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=hire] .r3 .inner .group .info:first-child .zIcon .odd {
	animation:roll 6.4337974167s linear infinite reverse
}
[data-page=hire] .r3 .inner .group .info .tabs .item {
padding:.1rem 0;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#888;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965);
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content
}
[data-page=hire] .r3 .inner .group .info .tabs .item.on {
	color:#0f86ca
}
[data-page=hire] .r3 .inner .group .info .tabs .item.on span {
	background-color:#0f86ca;
	color:#fff
}
[data-page=hire] .r3 .inner .group .info .tabs .item span {
height:max(20px, .2rem);
width:max(20px, .2rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	background-color:#e8e8e8;
	border-radius:50%;
	color:#0f86ca;
	justify-content:center;
	-ms-flex-negative:0;
	flex-shrink:0;
	font-weight:700;
	line-height:1;
margin-left:.2rem
}
[data-page=hire] .r3 .inner .group .info .liaison {
	background-color:#fff;
border-radius:.1rem;
	margin-top:1rem;
padding:.4rem .35rem
}
[data-page=hire] .r3 .inner .group .info .liaison .text {
padding-right:.25rem
}
[data-page=hire] .r3 .inner .group .info .liaison .text .txt {
	color:#0f86ca;
	line-height:171.429%;
margin-top:.18rem;
	overflow-wrap:break-word;
	word-break:break-all
}
[data-page=hire] .r3 .inner .group .info .liaison .text .txt .email {
margin-bottom:.06rem
}
[data-page=hire] .r3 .inner .group .info .liaison .zIcon {
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=hire] .r3 .inner .group .content {
	padding-left:1.3rem;
	position:relative
}
[data-page=hire] .r3 .inner .group .content .lines {
--ht:max(5px, .09rem);
bottom:.1rem;
	left:0;
	position:absolute;
top:.1rem;
	width:var(--ht)
}
[data-page=hire] .r3 .inner .group .content .lines s {
	background-color:#d7d7d7;
	display:block;
	height:100%;
	margin:0 auto;
	width:1px
}
[data-page=hire] .r3 .inner .group .content .lines:after, [data-page=hire] .r3 .inner .group .content .lines:before {
	background-color:#d7d7d7;
	border-radius:50%;
	content:"";
	height:var(--ht);
	left:0;
	position:absolute;
	width:var(--ht)
}
[data-page=hire] .r3 .inner .group .content .lines:before {
	top:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
[data-page=hire] .r3 .inner .group .content .lines:after {
	bottom:0;
	-webkit-transform:translateY(50%);
	transform:translateY(50%)
}
[data-page=hire] .r3 .inner .group .content .richText {
	color:#333;
	line-height:187.5%
}
@media screen and (orientation:landscape) {
[data-page=hire] .r2 .inner .list .item>div:hover {
-webkit-box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
-webkit-transform:translateY(-.04rem);
transform:translateY(-.04rem)
}
[data-page=hire] .r3 .inner .group .info .tabs .item:hover {
color:#0f86ca
}
}
@media screen and (orientation:portrait) {
[data-page=hire] .r2 .inner .list {
grid-template-columns:1fr;
grid-gap:.4rem 0
}
[data-page=hire] .r3 {
padding-bottom:1.2rem
}
[data-page=hire] .r3 .inner .group {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
[data-page=hire] .r3 .inner .group .info .liaison {
display:none
}
[data-page=hire] .r3 .inner .group .content {
margin-top:.5rem;
padding-left:.5rem
}
}
[data-page=index] .r1 {
	background-color:#000;
	height:100vh;
	overflow:hidden;
	width:100%
}
[data-page=index] .r1 .banner {
	height:100%;
	position:relative;
	width:100%;
	z-index:1
}
[data-page=index] .r1 .banner>img, [data-page=index] .r1 .banner>video {
	height:calc(100% + 1rem)
}
[data-page=index] .r1 .banner .text {
	inset:0;
	pointer-events:none;
	position:absolute;
	z-index:5
}
[data-page=index] .r1 .banner .text img {
	-o-object-fit:contain;
	object-fit:contain
}
[data-page=index] .r2 {
	overflow:hidden;
	padding-bottom:2.4rem;
	padding-top:1.35rem;
	position:relative;
	z-index:1
}
[data-page=index] .r2 .mbg img {
	-o-object-position:center bottom;
	object-position:center bottom
}
[data-page=index] .r2 .inner .group {
	height:7rem;
	position:relative;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:100%
}
[data-page=index] .r2 .inner .group .more {
	left:50%;
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:5;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:.15rem 0
}
[data-page=index] .r2 .inner .group .more .icon {
height:max(38px, .54rem);
	position:relative;
width:max(38px, .54rem)
}
[data-page=index] .r2 .inner .group .more .icon>img {
	-webkit-animation:roll 7s linear infinite;
	animation:roll 7s linear infinite;
	height:100%;
	-o-object-fit:contain;
	object-fit:contain;
	width:100%
}
[data-page=index] .r2 .inner .group .more .icon .cir {
	inset:0;
	position:absolute;
	-webkit-transform:scale(.6666666667);
	transform:scale(.6666666667)
}
[data-page=index] .r2 .inner .group .more .icon .cir img {
	height:100%;
	-o-object-fit:contain;
	object-fit:contain;
	width:100%
}
[data-page=index] .r2 .inner .group .more .name {
	color:#0f86ca
}
[data-page=index] .r2 .inner .group .more .name .hoverable_txt {
	background-image:-webkit-gradient(linear, left top, right top, from(#0f86ca), to(#0f86ca));
	background-image:linear-gradient(90deg, #0f86ca, #0f86ca)
}
[data-page=index] .r2 .inner .group .list {
	height:100%;
	position:relative;
	width:100%
}
[data-page=index] .r2 .inner .group .list .item {
	position:absolute
}
[data-page=index] .r2 .inner .group .list .item .piece {
	left:50%;
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
[data-page=index] .r2 .inner .group .list .item .piece .pic {
	position:relative;
	width:4rem;
	z-index:1
}
[data-page=index] .r2 .inner .group .list .item .piece .pic:before {
	content:"";
	display:block;
	padding-bottom:125%;
	width:100%
}
[data-page=index] .r2 .inner .group .list .item .piece .name {
	-webkit-animation:hang 1.2s cubic-bezier(.36, 0, .7, 1) infinite alternate backwards;
	animation:hang 1.2s cubic-bezier(.36, 0, .7, 1) infinite alternate backwards;
	height:0;
	position:absolute;
	width:0;
	z-index:2
}
[data-page=index] .r2 .inner .group .list .item .piece .name>a {
	backdrop-filter:blur(10px);
	background:hsla(240, 8%, 97%, .7);
border:.03rem solid #fff;
border-radius:.1rem;
	color:#111;
	left:50%;
	line-height:138.889%;
padding:.1rem .25rem;
	pointer-events:auto;
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	white-space:nowrap
}
[data-page=index] .r2 .inner .group .list .item:first-child {
	left:37%;
	top:38%
}
[data-page=index] .r2 .inner .group .list .item:first-child .piece .name {
	left:59%;
	top:45%
}
[data-page=index] .r2 .inner .group .list .item:nth-child(2) {
left:69%;
top:47%
}
[data-page=index] .r2 .inner .group .list .item:nth-child(2) .piece .name {
left:28%;
top:38%
}
[data-page=index] .r2 .inner .group .list .item:nth-child(3) {
left:18%;
top:83%
}
[data-page=index] .r2 .inner .group .list .item:nth-child(3) .piece .name {
left:60%;
top:80%
}
[data-page=index] .r2 .inner .group .list .item:nth-child(4) {
bottom:5%;
left:47%
}
[data-page=index] .r2 .inner .group .list .item:nth-child(4) .piece .name {
bottom:20%;
left:42%
}
[data-page=index] .r2 .inner .group .list .item:nth-child(5) {
bottom:13%;
left:83%
}
[data-page=index] .r2 .inner .group .list .item:nth-child(5) .piece .name {
bottom:11%;
left:15%
}
[data-page=index] .r3 {
	overflow:hidden;
	padding-top:1rem;
	position:relative
}
[data-page=index] .r3 .zTop {
	left:0;
	position:absolute;
	top:1rem;
	width:100%;
	z-index:5
}
[data-page=index] .r3 .area {
	overflow-x:auto;
	overflow-y:hidden
}
[data-page=index] .r3 .area .group {
	min-width:max(640px, 10.8rem);
	position:relative;
	z-index:1
}
[data-page=index] .r3 .area .group:before {
	content:"";
	display:block;
	padding-bottom:56.25%;
	width:100%
}
[data-page=index] .r3 .area .group .mbg {
	height:calc(100% + 1rem);
	top:1rem
}
[data-page=index] .r3 .area .group .list {
	inset:0;
	position:absolute;
	z-index:3
}
[data-page=index] .r3 .area .group .list .item {
	position:absolute
}
[data-page=index] .r3 .area .group .list .item:first-child {
	left:27%;
	top:41%
}
[data-page=index] .r3 .area .group .list .item:nth-child(2) {
left:65%;
top:24%
}
[data-page=index] .r3 .area .group .list .item:nth-child(3) {
left:50%;
top:42%
}
[data-page=index] .r3 .area .group .list .item:nth-child(4) {
left:39%;
top:56%
}
[data-page=index] .r3 .area .group .list .item:nth-child(5) {
left:25%;
top:72%
}
[data-page=index] .r3 .area .group .list .item:nth-child(6) {
left:72%;
top:65%
}
[data-page=index] .r3 .area .group .list .item .info {
	-webkit-animation:hang 1.2s cubic-bezier(.36, 0, .7, 1) infinite alternate backwards;
	animation:hang 1.2s cubic-bezier(.36, 0, .7, 1) infinite alternate backwards;
	position:relative
}
[data-page=index] .r3 .area .group .list .item .info .dot {
	backdrop-filter:blur(10px);
	background:hsla(240, 8%, 97%, .7);
border:.03rem solid #fff;
border-radius:.1rem;
padding:.1rem .25rem;
-webkit-transition:opacity .5s cubic-bezier(.435, .25, .15, .965);
transition:opacity .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=index] .r3 .area .group .list .item .info .text {
	backdrop-filter:blur(5px);
	background:hsla(240, 8%, 97%, .9);
border:.03rem solid #fff;
border-radius:.2rem;
	bottom:0;
	clip-path:inset(100% 0 0 0);
	left:0;
	opacity:0;
	overflow:hidden;
padding:.25rem .2rem;
	pointer-events:none;
	position:absolute;
-webkit-transform:translateY(.1rem);
transform:translateY(.1rem);
-webkit-transition:clip-path .5s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965);
transition:clip-path .5s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965);
transition:clip-path .5s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965), transform .5s cubic-bezier(.435, .25, .15, .965);
transition:clip-path .5s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965), transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965);
	width:2.9rem
}
[data-page=index] .r3 .area .group .list .item .info .text .lamp {
	inset:0;
	position:absolute;
	z-index:2
}
@-webkit-keyframes animate-left {
0% {
left:-100%
}
50%, to {
left:100%
}
}
@keyframes animate-left {
0% {
left:-100%
}
50%, to {
left:100%
}
}
@-webkit-keyframes animate-top {
0% {
top:-100%
}
50%, to {
top:100%
}
}
@keyframes animate-top {
0% {
top:-100%
}
50%, to {
top:100%
}
}
@-webkit-keyframes animate-right {
0% {
right:-100%
}
50%, to {
right:100%
}
}
@keyframes animate-right {
0% {
right:-100%
}
50%, to {
right:100%
}
}
@-webkit-keyframes animate-bottom {
0% {
bottom:-100%
}
50%, to {
bottom:100%
}
}
@keyframes animate-bottom {
0% {
bottom:-100%
}
50%, to {
bottom:100%
}
}
[data-page=index] .r3 .area .group .list .item .info .text .lamp span {
-webkit-filter:drop-shadow(0 0 1px #0f86ca) drop-shadow(0 0 .1rem #0f86ca);
filter:drop-shadow(0 0 1px #0F86CA) drop-shadow(0 0 .1rem #0F86CA);
	position:absolute;
--size:.1rem
}
[data-page=index] .r3 .area .group .list .item .info .text .lamp span:first-child {
	-webkit-animation:animate-left 2s linear infinite;
	animation:animate-left 2s linear infinite;
	background:-webkit-gradient(linear, right top, left top, from(#0f86ca), to(rgba(15, 134, 202, .2)));
	background:linear-gradient(270deg, #0f86ca, rgba(15, 134, 202, .2));
	border-bottom-left-radius:100%;
	border-bottom-right-radius:var(--size);
	border-top-left-radius:100%;
	border-top-right-radius:var(--size);
	height:var(--size);
	left:-100%;
top:-.1rem;
	width:100%
}
[data-page=index] .r3 .area .group .list .item .info .text .lamp span:nth-child(2) {
-webkit-animation:animate-top 2s linear infinite;
animation:animate-top 2s linear infinite;
-webkit-animation-delay:.5s;
animation-delay:.5s;
background:-webkit-gradient(linear, left bottom, left top, from(#0f86ca), to(rgba(15, 134, 202, .2)));
background:linear-gradient(0deg, #0f86ca, rgba(15, 134, 202, .2));
border-bottom-left-radius:100%;
border-bottom-right-radius:var(--size);
border-top-left-radius:100%;
border-top-right-radius:var(--size);
height:100%;
right:-.1rem;
top:-100%;
width:var(--size)
}
[data-page=index] .r3 .area .group .list .item .info .text .lamp span:nth-child(3) {
-webkit-animation:animate-right 2s linear infinite;
animation:animate-right 2s linear infinite;
-webkit-animation-delay:1s;
animation-delay:1s;
background:-webkit-gradient(linear, left top, right top, from(#0f86ca), to(rgba(15, 134, 202, .2)));
background:linear-gradient(90deg, #0f86ca, rgba(15, 134, 202, .2));
border-bottom-left-radius:100%;
border-bottom-right-radius:var(--size);
border-top-left-radius:100%;
border-top-right-radius:var(--size);
bottom:-.1rem;
height:var(--size);
right:-100%;
width:100%
}
[data-page=index] .r3 .area .group .list .item .info .text .lamp span:nth-child(4) {
-webkit-animation:animate-bottom 2s linear infinite;
animation:animate-bottom 2s linear infinite;
-webkit-animation-delay:1.5s;
animation-delay:1.5s;
background:-webkit-gradient(linear, left top, left bottom, from(#0f86ca), to(rgba(15, 134, 202, .2)));
background:linear-gradient(180deg, #0f86ca, rgba(15, 134, 202, .2));
border-bottom-left-radius:var(--size);
border-bottom-right-radius:100%;
border-top-left-radius:var(--size);
border-top-right-radius:100%;
bottom:-100%;
height:100%;
left:-.1rem;
width:var(--size)
}
[data-page=index] .r3 .area .group .list .item .info .text .tops {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
[data-page=index] .r3 .area .group .list .item .info .text .tops .name {
padding-right:.2rem
}
[data-page=index] .r3 .area .group .list .item .info .text .tops .icon {
	-ms-flex-negative:0;
	flex-shrink:0;
height:.3rem
}
[data-page=index] .r3 .area .group .list .item .info .text .tops .icon img {
	height:100%
}
[data-page=index] .r3 .area .group .list .item .info .text .pic {
border-radius:.1rem;
margin-top:.2rem;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=index] .r3 .area .group .list .item .info .text .pic:before {
	content:"";
	display:block;
	padding-bottom:52.0491803279%;
	width:100%
}
[data-page=index] .r4 {
padding-top:.45rem
}
[data-page=index] .r4 .inner .list {
	grid-template-columns:repeat(3, minmax(0, 1fr));
grid-gap:.45rem;
margin-top:.85rem
}
[data-page=index] .r4 .inner .list .item {
	background-color:#fff;
border-radius:.1rem;
	overflow:hidden;
-webkit-transition:background-color .5s cubic-bezier(.435, .25, .15, .965);
transition:background-color .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=index] .r4 .inner .list .item .pic {
	background-color:#ddd;
border-radius:.1rem;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=index] .r4 .inner .list .item .pic:before {
	content:"";
	display:block;
	padding-bottom:64.7058823529%;
	width:100%
}
[data-page=index] .r4 .inner .list .item .pic img {
-webkit-transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965), -webkit-transform .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=index] .r4 .inner .list .item .text {
padding:.25rem .25rem .3rem
}
[data-page=index] .r4 .inner .list .item .text .tit {
	display:-webkit-box;
	max-height:calc(3em + 1px);
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965);
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=index] .r4 .inner .list .item .text .icon {
	background-color:#0f86ca;
	border-radius:50%;
	color:#fff;
height:max(22px, .3rem);
	line-height:1;
width:max(22px, .3rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
margin-top:.23rem;
-webkit-transition:background-color .5s cubic-bezier(.435, .25, .15, .965), color .5s cubic-bezier(.435, .25, .15, .965);
transition:background-color .5s cubic-bezier(.435, .25, .15, .965), color .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=index] .r5 {
	padding-top:1rem
}
[data-page=index] .r5 .inner .list {
	grid-template-columns:repeat(6, minmax(0, 1fr));
margin-top:.7rem;
	text-align:center
}
[data-page=index] .r5 .inner .list .item {
	line-height:143.75%
}
[data-page=index] .r5 .inner .list .item .order {
	color:#0f86ca;
	line-height:1;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
[data-page=index] .r5 .inner .list .item .order .num {
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
[data-page=index] .r5 .inner .list .item .order .num s {
	line-height:1;
	text-decoration:none;
	-webkit-transform:translateY(-.25em);
	transform:translateY(-.25em)
}
[data-page=index] .r5 .inner .list .item .order em {
	-webkit-transform:translateY(-.2em);
	transform:translateY(-.2em)
}
[data-page=index] .r5 .inner .list .item .name {
margin-top:.1rem
}
[data-page=index] .r5 .inner .list .item .year {
	color:#d7d7d7
}
[data-page=index] .r6 {
	overflow:hidden;
	padding-top:1rem;
	position:sticky;
	top:0
}
[data-page=index] .r6 .inner .group {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
margin-top:.4rem;
	position:relative
}
[data-page=index] .r6 .inner .group .bg {
	left:50%;
	position:absolute;
	top:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:12.74rem
}
[data-page=index] .r6 .inner .group .bg img {
	width:100%
}
[data-page=index] .r6 .inner .group #earth {
	height:6.8rem;
	width:6.8rem
}
[data-page=index] .r6 .inner .group .info {
	left:0;
	position:absolute;
top:.4rem;
	width:max(260px, 3.8rem)
}
[data-page=index] .r6 .inner .group .info .tabs {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	border-bottom:1px solid #d7d7d7;
	justify-content:space-between
}
[data-page=index] .r6 .inner .group .info .tabs .item {
gap:0 .1rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer;
padding:.2rem 0;
	position:relative;
-webkit-transition:color .4s cubic-bezier(.435, .25, .15, .965);
transition:color .4s cubic-bezier(.435, .25, .15, .965)
}
[data-page=index] .r6 .inner .group .info .tabs .item:after {
	background-color:#0f86ca;
	bottom:0;
	content:"";
height:.02rem;
	left:0;
	position:absolute;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
-webkit-transition:-webkit-transform .4s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .4s cubic-bezier(.435, .25, .15, .965);
transition:transform .4s cubic-bezier(.435, .25, .15, .965);
transition:transform .4s cubic-bezier(.435, .25, .15, .965), -webkit-transform .4s cubic-bezier(.435, .25, .15, .965);
	width:100%
}
[data-page=index] .r6 .inner .group .info .tabs .item.active {
	color:#0f86ca
}
[data-page=index] .r6 .inner .group .info .tabs .item.active:after {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
[data-page=index] .r6 .inner .group .info .tabs .item .icon {
height:max(15px, .2rem)
}
[data-page=index] .r6 .inner .group .info .tabs .item .icon img {
	height:100%
}
[data-page=index] .r6 .inner .group .info .cnt {
margin-top:.25rem;
	position:relative
}
[data-page=index] .r6 .inner .group .info .cnt .list {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	display:none;
	-ms-flex-direction:column;
	flex-direction:column;
gap:.15rem 0
}
[data-page=index] .r6 .inner .group .info .cnt .list .item {
gap:0 .1rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#666
}
[data-page=index] .r6 .inner .group .info .cnt .list .item .icon {
height:max(15px, .2rem)
}
[data-page=index] .r6 .inner .group .info .cnt .list .item .icon img {
	height:100%
}
[data-page=index] .r7 {
	backdrop-filter:blur(10px);
	background-color:hsla(0, 0%, 100%, .8);
	padding-bottom:1rem;
padding-top:.8rem;
	position:relative;
	z-index:2
}
[data-page=index] .r7 .inner .group {
margin-top:.65rem;
	overflow:hidden
}
[data-page=index] .r7 .inner .group .r7Swr {
margin:-.1rem -.3rem
}
[data-page=index] .r7 .inner .group .r7Swr .item {
padding:.1rem .3rem
}
[data-page=index] .r7 .inner .group .r7Swr .item .pic {
	position:relative;
	z-index:1
}
[data-page=index] .r7 .inner .group .r7Swr .item .pic:before {
	content:"";
	display:block;
	padding-bottom:50%;
	width:100%
}
[data-page=index] .r7 .inner .zNavigation {
margin-top:.8rem
}
@media screen and (orientation:landscape) {
[data-page=index] .r3 .area .list .item .info:hover {
-webkit-animation-play-state:paused;
animation-play-state:paused
}
[data-page=index] .r3 .area .list .item .info:hover .dot {
opacity:0
}
[data-page=index] .r3 .area .list .item .info:hover .text {
clip-path:inset(0 0 0 0);
opacity:1;
pointer-events:auto;
-webkit-transform:translateY(0);
transform:translateY(0)
}
[data-page=index] .r4 .inner .list .item:nth-child(3n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=index] .r4 .inner .list .item:nth-child(3n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=index] .r4 .inner .list .item:nth-child(3n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=index] .r4 .inner .list .item:hover {
background-color:#0f86ca
}
[data-page=index] .r4 .inner .list .item:hover .pic img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
[data-page=index] .r4 .inner .list .item:hover .text .tit {
color:#fff
}
[data-page=index] .r4 .inner .list .item:hover .text .icon {
background-color:#fff;
color:#0f86ca
}
[data-page=index] .r5 .inner .list .item:nth-child(6n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=index] .r5 .inner .list .item:nth-child(6n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=index] .r5 .inner .list .item:nth-child(6n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=index] .r5 .inner .list .item:nth-child(6n+4) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
[data-page=index] .r5 .inner .list .item:nth-child(6n+5) {
-webkit-animation-delay:.4s;
animation-delay:.4s
}
[data-page=index] .r5 .inner .list .item:nth-child(6n+6) {
-webkit-animation-delay:.5s;
animation-delay:.5s
}
[data-page=index] .r6 .inner .group .info .tabs .item:hover {
color:#0f86ca
}
}
@media screen and (orientation:portrait) {
[data-page=index] .r1 {
height:50vw
}
[data-page=index] .r2 {
padding-bottom:1.6rem
}
[data-page=index] .r2 .mbg {
display:none
}
[data-page=index] .r2 .inner .group {
height:auto;
margin-top:.8rem
}
[data-page=index] .r2 .inner .group .list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:.5rem 0
}
[data-page=index] .r2 .inner .group .list .item {
background-color:#fff;
border-radius:.3rem;
height:auto;
padding:0 .25rem .6rem;
position:static;
width:auto
}
[data-page=index] .r2 .inner .group .list .item:first-child .piece .pic {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
[data-page=index] .r2 .inner .group .list .item:nth-child(2) .piece .pic {
-webkit-transform:scale(1.6);
transform:scale(1.6)
}
[data-page=index] .r2 .inner .group .list .item:nth-child(3) .piece .pic {
-webkit-transform:scale(.9);
transform:scale(.9)
}
[data-page=index] .r2 .inner .group .list .item:nth-child(4) .piece .pic {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
[data-page=index] .r2 .inner .group .list .item:nth-child(5) .piece .pic {
-webkit-transform:scale(.9);
transform:scale(.9)
}
[data-page=index] .r2 .inner .group .list .item .piece {
position:static;
-webkit-transform:none;
transform:none
}
[data-page=index] .r2 .inner .group .list .item .piece .pic {
margin:0 auto;
width:80%
}
[data-page=index] .r2 .inner .group .list .item .piece .name {
height:auto;
margin-top:.15rem;
position:static;
text-align:center;
width:auto
}
[data-page=index] .r2 .inner .group .list .item .piece .name a {
background:none;
border:none;
font-size:max(18px, .26rem);
position:static;
-webkit-transform:none;
transform:none
}
[data-page=index] .r2 .inner .group .more {
margin-top:.5rem;
position:static;
-webkit-transform:none;
transform:none
}
[data-page=index] .r3 {
padding-top:1.6rem
}
[data-page=index] .r4 .inner .list {
grid-template-columns:1fr;
grid-gap:.6rem 0
}
[data-page=index] .r5 {
padding-top:1.3rem
}
[data-page=index] .r5 .inner .group {
padding:1.2rem 5vw
}
[data-page=index] .r5 .inner .list {
gap:.4rem .2rem;
grid-template-columns:repeat(2, 1fr)
}
[data-page=index] .r6 {
padding-bottom:1.3rem;
padding-top:1.3rem;
position:static
}
[data-page=index] .r6 .inner .group {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
[data-page=index] .r6 .inner .group .info {
margin-top:.4rem;
position:static;
width:100%
}
}
@media screen and (max-width:1200px) {
[data-page=index] .r1 .banner .stripe span:last-of-type {
bottom:1.2rem
}
}
[data-page=login] .r1 {
	background-color:#ddd;
	height:100vh;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:1
}
[data-page=login] .r1 .mbg {
height:calc(100% + .5rem)
}
[data-page=login] .r1 .inner {
	height:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
[data-page=login] .r1 .inner .shape {
	background-color:#fff;
border-radius:.2rem;
	max-width:100%;
padding:.9rem 1.2rem 1.2rem
}
[data-page=login] .r1 .inner .shape .box {
	max-width:100%;
	width:max(280px, 4.5rem)
}
[data-page=login] .r1 .inner .shape .box .tabs {
gap:0 .65rem;
	line-height:1
}
[data-page=login] .r1 .inner .shape .box .tabs .item {
	color:#888;
	cursor:pointer;
padding-bottom:.1rem;
	position:relative;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
[data-page=login] .r1 .inner .shape .box .tabs .item:after {
	background-color:#0f86ca;
	bottom:0;
	content:"";
height:.03rem;
	left:0;
	margin:0 auto;
	opacity:0;
	position:absolute;
	right:0;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
-webkit-transition:opacity .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965);
transition:opacity .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965);
	width:1.5em
}
[data-page=login] .r1 .inner .shape .box .tabs .item.on {
	color:#111;
	font-weight:700
}
[data-page=login] .r1 .inner .shape .box .tabs .item.on:after {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
[data-page=login] .r1 .inner .shape .box .group {
margin-top:.35rem;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
gap:.15rem 0
}
[data-page=login] .r1 .inner .shape .box .group .item {
	background:hsla(0, 0%, 100%, .6);
	border:1px solid #e3e3e3;
border-radius:.1rem;
-webkit-box-shadow:0 .04rem .5rem 0 rgba(0, 0, 0, .05);
box-shadow:0 .04rem .5rem 0 rgba(0, 0, 0, .05);
-webkit-transition:border-color .3s cubic-bezier(.435, .25, .15, .965);
transition:border-color .3s cubic-bezier(.435, .25, .15, .965);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:1;
padding:0 .2rem
}
[data-page=login] .r1 .inner .shape .box .group .item:focus-within {
border-color:#0f86ca
}
[data-page=login] .r1 .inner .shape .box .group .item .name {
	-ms-flex-negative:0;
	flex-shrink:0;
padding-right:.15rem;
	position:relative
}
[data-page=login] .r1 .inner .shape .box .group .item .name:after {
	background-color:#d7d7d7;
	bottom:10%;
	content:"";
	position:absolute;
	right:0;
	top:10%;
	width:1px
}
[data-page=login] .r1 .inner .shape .box .group .item .text input {
	background:none;
	border:none;
height:max(45px, .65rem);
padding-left:.15rem;
	width:100%
}
[data-page=login] .r1 .inner .shape .box .group .item .text input::-webkit-input-placeholder {
color:#a3a3a3
}
[data-page=login] .r1 .inner .shape .box .group .item .text input::-moz-placeholder {
color:#a3a3a3
}
[data-page=login] .r1 .inner .shape .box .group .item .text input:-ms-input-placeholder {
color:#a3a3a3
}
[data-page=login] .r1 .inner .shape .box .group .item .text input::-ms-input-placeholder {
color:#a3a3a3
}
[data-page=login] .r1 .inner .shape .box .group .item .text input::placeholder {
color:#a3a3a3
}
[data-page=login] .r1 .inner .shape .box .group .item .text input:focus {
	outline:none
}
[data-page=login] .r1 .inner .shape .box .tips {
margin-top:.18rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	color:#7b7b7b;
	justify-content:space-between
}
[data-page=login] .r1 .inner .shape .box .tips .forget {
	color:#7b7b7b;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=login] .r1 .inner .shape .box .tips .forget span {
	background-image:-webkit-gradient(linear, left top, right top, from(#0f86ca), to(#0f86ca));
	background-image:linear-gradient(90deg, #0f86ca, #0f86ca)
}
[data-page=login] .r1 .inner .shape .box .tips .item a {
	color:#0f86ca
}
[data-page=login] .r1 .inner .shape .box .toggle {
margin-top:.45rem
}
[data-page=login] .r1 .inner .shape .box .zBtn {
margin-top:.25rem
}
@media screen and (orientation:landscape) {
[data-page=login] .r1 .inner .shape .box .tips .forget:hover {
color:#0f86ca
}
[data-page=login] .r1 .inner .shape .box .tips .item a:hover {
text-decoration:underline
}
[data-page=login] .r1 .inner .shape .box .tabs .item:hover {
color:#111
}
}
@media screen and (orientation:portrait) {
[data-page=login] .r1 {
height:auto;
padding:1rem 0;
position:relative
}
[data-page=login] .r1 .inner .shape {
padding:.6rem .5rem
}
}
[data-page=news] .tabs {
	background-color:#fff;
	grid-template-columns:repeat(4, 1fr);
	text-align:center
}
[data-page=news] .tabs .item {
height:max(44px, .7rem);
line-height:max(44px, .7rem);
	position:relative;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965), background-color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965), background-color .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=news] .tabs .item.on {
	background-color:#0f86ca;
	color:#fff;
	pointer-events:none
}
[data-page=news] .tabs .item:first-of-type:before {
	display:none
}
[data-page=news] .tabs .item:before {
	background-color:#f2f2f2;
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
width:.02rem
}
[data-page=news] .r2 {
	padding-top:1.35rem
}
[data-page=news] .r2 .tops {
	background-color:#fff;
border-radius:.2rem;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	overflow:hidden
}
[data-page=news] .r2 .tops .pic {
	background-color:#ddd;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=news] .r2 .tops .pic:before {
	content:"";
	display:block;
	padding-bottom:63.2098765432%;
	width:100%
}
[data-page=news] .r2 .tops .pic img {
-webkit-transition:-webkit-transform .7s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .7s cubic-bezier(.435, .25, .15, .965);
transition:transform .7s cubic-bezier(.435, .25, .15, .965);
transition:transform .7s cubic-bezier(.435, .25, .15, .965), -webkit-transform .7s cubic-bezier(.435, .25, .15, .965)
}
[data-page=news] .r2 .tops .info {
padding:.9rem .4rem .4rem 1rem;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
[data-page=news] .r2 .tops .info .text {
padding-right:.85rem
}
[data-page=news] .r2 .tops .info .text .tit {
	display:-webkit-box;
	max-height:3em;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=news] .r2 .tops .info .text .tit .hoverable_txt {
	background-image:-webkit-gradient(linear, left top, right top, from(#111), to(#111));
	background-image:linear-gradient(90deg, #111, #111);
-webkit-transition:background-size .7s cubic-bezier(.435, .25, .15, .965);
transition:background-size .7s cubic-bezier(.435, .25, .15, .965)
}
[data-page=news] .r2 .tops .info .text .txt {
	color:#666;
	display:-webkit-box;
	line-height:218.75%;
margin-top:.25rem;
	max-height:8.75em;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=news] .r2 .tops .info .btn {
	margin-top:auto;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
padding-top:.5rem
}
[data-page=news] .r2 .tops .info .btn .icon {
	background-color:#0f86ca;
	border-radius:50%;
	color:#fff;
height:max(28px, .4rem);
	line-height:1;
width:max(28px, .4rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
[data-page=news] .r3 {
	padding-bottom:1.5rem;
padding-top:.95rem
}
[data-page=news] .r3 .inner .list {
	grid-template-columns:repeat(4, minmax(0, 1fr));
grid-gap:.35rem .3rem
}
[data-page=news] .r3 .inner .list .item {
	background-color:#fff;
border-radius:.1rem;
	overflow:hidden
}
[data-page=news] .r3 .inner .list .item .pic {
	background-color:#ddd;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=news] .r3 .inner .list .item .pic:before {
	content:"";
	display:block;
	padding-bottom:64.5669291339%;
	width:100%
}
[data-page=news] .r3 .inner .list .item .pic img {
-webkit-transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965), -webkit-transform .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=news] .r3 .inner .list .item .text {
padding:.25rem .25rem .3rem
}
[data-page=news] .r3 .inner .list .item .text .tit {
	display:-webkit-box;
	max-height:calc(3em + 1px);
	padding-bottom:1px;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=news] .r3 .inner .list .item .text .tit .hoverable_txt {
	background-image:-webkit-gradient(linear, left top, right top, from(#111), to(#111));
	background-image:linear-gradient(90deg, #111, #111);
-webkit-transition:background-size .6s cubic-bezier(.435, .25, .15, .965);
transition:background-size .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=news] .r3 .inner .list .item .text .icon {
	background-color:#0f86ca;
	border-radius:50%;
	color:#fff;
height:max(20px, .3rem);
	line-height:1;
width:max(20px, .3rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
margin-top:.23rem
}
[data-page=news] .r3 .inner .pagination {
margin-top:.95rem
}
@media screen and (orientation:landscape) {
[data-page=news] .r2 .tops:hover .pic img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
[data-page=news] .r3 .inner .list .item:nth-child(4n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=news] .r3 .inner .list .item:nth-child(4n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=news] .r3 .inner .list .item:nth-child(4n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=news] .r3 .inner .list .item:nth-child(4n+4) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
[data-page=news] .r3 .inner .list .item:hover .pic img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
[data-page=news] .tabs .item:hover {
background-color:#f2f2f2;
color:#0f86ca
}
}
@media screen and (orientation:portrait) {
[data-page=news] .r2 {
padding-top:1.2rem
}
[data-page=news] .r2 .tops {
grid-template-columns:1fr
}
[data-page=news] .r2 .tops .info {
padding:.6rem .4rem
}
[data-page=news] .r2 .tops .info .text {
padding-right:0
}
[data-page=news] .r3 .inner .list {
gap:.5rem .3rem;
grid-template-columns:repeat(2, 1fr)
}
}
[data-page=newsDel] .header .pcMenu {
	border-bottom:1px solid #0f86ca
}
[data-page=newsDel] .r1 {
padding-top:.3rem
}
[data-page=newsDel] .r1 .inner .tops {
gap:0 .07rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
[data-page=newsDel] .r1 .inner .tops .icon {
height:max(16px, .2rem)
}
[data-page=newsDel] .r1 .inner .tops .icon img {
	height:100%
}
[data-page=newsDel] .r1 .inner .tops .txt {
gap:0 .1rem
}
[data-page=newsDel] .r1 .inner .tops .txt a {
	color:#000;
-webkit-transition:color .3s cubic-bezier(.435, .25, .15, .965);
transition:color .3s cubic-bezier(.435, .25, .15, .965)
}
[data-page=newsDel] .r1 .inner .tops .txt span {
	color:#999
}
[data-page=newsDel] .r1 .inner .content {
	background-color:#fff;
border-radius:.2rem;
gap:0 .85rem;
margin-top:.35rem;
padding:1rem 1.7rem 1.2rem .7rem;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
[data-page=newsDel] .r1 .inner .content .swim {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
gap:.1rem 0;
	-ms-flex-negative:0;
	flex-shrink:0;
	position:sticky;
	top:1.4rem
}
[data-page=newsDel] .r1 .inner .content .swim .item {
	background-color:#f1f1f1;
	border-radius:50%;
	color:#0f86ca;
height:max(36px, .5rem);
width:max(36px, .5rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	cursor:pointer;
	justify-content:center
}
[data-page=newsDel] .r1 .inner .content .group .info {
gap:0 .5rem;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
[data-page=newsDel] .r1 .inner .content .group .info .time {
	-ms-flex-negative:0;
	color:#0b56a7;
	flex-shrink:0;
	font-weight:700;
	line-height:1
}
[data-page=newsDel] .r1 .inner .content .group .info .time .year {
margin-top:.1rem;
	opacity:.2
}
[data-page=newsDel] .r1 .inner .content .group .info .text .tit {
	color:#000;
font-size:max(18px, .3rem)
}
[data-page=newsDel] .r1 .inner .content .group .info .text .txt {
	color:#666;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
gap:0 .3rem;
	line-height:1;
margin-top:.15rem
}
[data-page=newsDel] .r1 .inner .content .group .richText {
	border-top:1px solid #bebebe;
	color:#666;
	line-height:218.75%;
margin-top:.55rem;
padding-top:.5rem
}
[data-page=newsDel] .r2 {
	padding-bottom:1.5rem;
padding-top:.55rem
}
[data-page=newsDel] .r2 .name {
	text-align:center
}
[data-page=newsDel] .r2 .list {
	grid-template-columns:repeat(4, minmax(0, 1fr));
grid-gap:.35rem .3rem;
margin-top:.55rem
}
[data-page=newsDel] .r2 .list .item {
	background-color:#fff;
border-radius:.1rem;
	overflow:hidden
}
[data-page=newsDel] .r2 .list .item .pic {
	background-color:#ddd;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=newsDel] .r2 .list .item .pic:before {
	content:"";
	display:block;
	padding-bottom:64.5669291339%;
	width:100%
}
[data-page=newsDel] .r2 .list .item .pic img {
-webkit-transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965), -webkit-transform .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=newsDel] .r2 .list .item .text {
padding:.25rem .25rem .3rem
}
[data-page=newsDel] .r2 .list .item .text .tit {
	display:-webkit-box;
	max-height:calc(3em + 1px);
	padding-bottom:1px;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=newsDel] .r2 .list .item .text .tit .hoverable_txt {
	background-image:-webkit-gradient(linear, left top, right top, from(#111), to(#111));
	background-image:linear-gradient(90deg, #111, #111);
-webkit-transition:background-size .6s cubic-bezier(.435, .25, .15, .965);
transition:background-size .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=newsDel] .r2 .list .item .text .icon {
	background-color:#0f86ca;
	border-radius:50%;
	color:#fff;
height:max(20px, .3rem);
	line-height:1;
width:max(20px, .3rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
margin-top:.23rem
}
@media screen and (orientation:landscape) {
[data-page=newsDel] .r1 .inner .tops .txt a:hover {
color:#0f86ca
}
[data-page=newsDel] .r1 .inner .content .swim .item:hover {
background-color:#0f86ca;
color:#fff;
-webkit-transition:all .3s cubic-bezier(.435, .25, .15, .965);
transition:all .3s cubic-bezier(.435, .25, .15, .965)
}
[data-page=newsDel] .r2 .inner .list .item:nth-child(4n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=newsDel] .r2 .inner .list .item:nth-child(4n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=newsDel] .r2 .inner .list .item:nth-child(4n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=newsDel] .r2 .inner .list .item:nth-child(4n+4) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
[data-page=newsDel] .r2 .inner .list .item:hover .pic img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media screen and (orientation:portrait) {
[data-page=newsDel] .r1 .inner .content {
padding:.6rem .5rem
}
[data-page=newsDel] .r1 .inner .content .swim {
display:none
}
[data-page=newsDel] .r2 .inner .list {
gap:.5rem .3rem;
grid-template-columns:repeat(2, 1fr)
}
}
.r2 {
    padding-bottom: 62px;
    padding-top: 85px;
}
.r2 .inner {
gap:0 .35rem;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start
}
.r2 .inner .info {
	width: 300px;
	-ms-flex-negative:0;
	flex-shrink:0
}
.r2 .inner .info .tit {
	line-height: 2;
}
.r2 .inner .info .tabs {
margin-top:.4rem;
padding-left:.4rem;
	pointer-events:none;
	position:relative;
	z-index:1
}
.r2 .inner .info .tabs .line {
	background-color:#d7d7d7;
	bottom:.5em;
	left:0;
	position:absolute;
	top:.5em;
	width:1px;
	z-index:-1
}
.r2 .inner .info .tabs .line:after, .r2 .inner .info .tabs .line:before {
	background-color:#d7d7d7;
	border-radius:50%;
	content:"";
height:max(5px, .07rem);
	left:0;
	position:absolute;
width:max(5px, .07rem)
}
.r2 .inner .info .tabs .line:before {
	top:0;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.r2 .inner .info .tabs .line:after {
	bottom:0;
	-webkit-transform:translate(-50%, 50%);
	transform:translate(-50%, 50%)
}
.r2 .inner .info .tabs .line .icon {
	left:0;
	line-height:1;
	position:absolute;
	top:.1em;
	z-index:5
}
.r2 .inner .info .tabs .line .icon span {
	color:#0f86ca;
	display:block;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.r2 .inner .info .tabs .tabList {
	pointer-events:auto;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
gap:.2rem 0;
	line-height:1
}
.r2 .inner .info .tabs .tabList .item {
	color:#333;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965);
line-height: 35px;
padding-left: 10px;
font-size: 16px;
}
.r2 .inner .info .tabs .tabList .item.on {
	color:#0f86ca;
}
.r2 .inner .list {
	grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: .9rem;
}
.r2 .inner .list .item>a {
	background-color:#fff;
border-radius:.1rem;
	overflow:hidden;
-webkit-transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965)
}
.r2 .inner .list .item>a .pic {
	position:relative;
	z-index:1
}
.r2 .inner .list .item>a .pic:before {
	backdrop-filter:blur(5px);
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(15, 134, 202, .5)), color-stop(96.14%, rgba(15, 134, 202, 0)));
	background:linear-gradient(180deg, rgba(15, 134, 202, .5), rgba(15, 134, 202, 0) 96.14%);
	clip-path:circle(50% at top);
	content:"";
	display:block;
	opacity:0;
	padding-bottom:100%;
-webkit-transition:opacity .5s cubic-bezier(.435, .25, .15, .965), clip-path .5s cubic-bezier(.435, .25, .15, .965);
transition:opacity .5s cubic-bezier(.435, .25, .15, .965), clip-path .5s cubic-bezier(.435, .25, .15, .965);
	width:100%
}
.r2 .inner .list .item>a .text {
padding:.35rem .3rem .3rem;
	text-align:center
}
.r2 .inner .list .item>a .text .model, .r2 .inner .list .item>a .text .txt {
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height: 42px;
    color: #000000;
}
.r2 .inner .list .item>a .text .txt {
	color:#333;
margin-top:.05rem
}
@media screen and (orientation:landscape) {
.r2 .inner .list .item:nth-child(4n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
.r2 .inner .list .item:nth-child(4n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
.r2 .inner .list .item:nth-child(4n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
.r2 .inner .list .item:nth-child(4n+4) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
.r2 .inner .list .item:hover>a {
-webkit-box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
-webkit-transform:translateY(-.04rem);
transform:translateY(-.04rem)
}
.r2 .inner .list .item:hover>a .pic:before {
clip-path:circle(100% at top);
opacity:1
}
.r2 .inner .info .tabs .tabList .item:hover {
color: #0066b4;
}
}
@media screen and (orientation:portrait) {
.r2 {
padding-bottom:1.3rem;
padding-top:1rem
}
.r2 .inner {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.r2 .inner .info {
width:100%
}
.r2 .inner .info .tit {
font-size:max(26px, .38rem)
}
.r2 .inner .info .tabs {
margin-top:.6rem
}
.r2 .inner .info .tabs .line .icon {
display:none
}
.r2 .inner .list {
grid-template-columns:repeat(2, 1fr);
margin-top:.8rem;
width:100%
}
}
[data-page=productDel] .header .pcMenu {
	border-bottom:1px solid #0f86ca
}
[data-page=productDel] .container {
	background-color:#fff
}
[data-page=productDel] .zOperate {
	margin-top:1.7rem
}
[data-page=productDel] .r1 {
padding:.15rem 0
}
[data-page=productDel] .r1 .inner {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
[data-page=productDel] .r1 .inner .back {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .1rem;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=productDel] .r1 .inner .back .icon {
height:max(15px, .16rem)
}
[data-page=productDel] .r1 .inner .back .icon img {
	height:100%
}
[data-page=productDel] .r1 .inner .function {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .2rem
}
[data-page=productDel] .r1 .inner .function .bar {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .3rem
}
[data-page=productDel] .r1 .inner .function .bar .item {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer;
gap:0 .05rem;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=productDel] .r1 .inner .function .bar .item .icon {
height:max(15px, .18rem)
}
[data-page=productDel] .r1 .inner .function .bar .item .icon img {
	height:100%
}
[data-page=productDel] .r1 .inner .function .com {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .1rem
}
[data-page=productDel] .r1 .inner .function .com .btn {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border:1px solid #0f86ca;
border-radius:.05rem;
	color:#0f86ca;
	cursor:pointer;
gap:0 .05rem;
	line-height:1;
padding:.1rem .15rem;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965), background-color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965), background-color .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=productDel] .r1 .inner .function .com .btn .icon {
width:max(14px, .16rem);
	fill:#0f86ca;
-webkit-transition:fill .5s cubic-bezier(.435, .25, .15, .965);
transition:fill .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=productDel] .r2 .inner {
	padding:0 1.85rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .75rem
}
[data-page=productDel] .r2 .inner .group {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=productDel] .r2 .inner .group .small {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
gap:.17rem 0;
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=productDel] .r2 .inner .group .small .item {
border:.02rem solid #e3e3e3;
border-radius:.1rem;
	cursor:pointer;
	position:relative;
-webkit-transition:border-color .5s cubic-bezier(.435, .25, .15, .965);
transition:border-color .5s cubic-bezier(.435, .25, .15, .965);
width:max(50px, .7rem);
	z-index:1
}
[data-page=productDel] .r2 .inner .group .small .item:before {
	content:"";
	display:block;
	padding-bottom:100%;
	width:100%
}
[data-page=productDel] .r2 .inner .group .small .item.on {
	border-color:#0f86ca
}
[data-page=productDel] .r2 .inner .group .r2Swr {
margin-left:.3rem;
	margin-right:0;
	width:6rem
}
[data-page=productDel] .r2 .inner .group .r2Swr .item {
	position:relative;
	width:100%;
	z-index:1
}
[data-page=productDel] .r2 .inner .group .r2Swr .item:before {
	content:"";
	display:block;
	padding-bottom:100%;
	width:100%
}
[data-page=productDel] .r2 .inner .info {
padding:.8rem 0
}
[data-page=productDel] .r2 .inner .info .text {
margin-top:.3rem;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
gap:.1rem 0
}
[data-page=productDel] .r2 .inner .info .text .name {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#0f86ca;
	font-weight:700;
gap:0 .05rem
}
[data-page=productDel] .r2 .inner .info .text .name .icon {
height:max(15px, .18rem)
}
[data-page=productDel] .r2 .inner .info .text .name .icon img {
	height:100%
}
[data-page=productDel] .r2 .inner .info .text .txt {
	color:#333;
	line-height:194.444%
}
[data-page=productDel] .r2 .inner .info .publicize {
margin-top:.5rem
}
[data-page=productDel] .r2 .inner .info .publicize .name {
	color:#7b7b7b
}
[data-page=productDel] .r2 .inner .info .publicize .video {
border-radius:.1rem;
	cursor:pointer;
margin-top:.15rem;
	overflow:hidden;
	position:relative;
	width:max(160px, 2.1rem);
	z-index:1
}
[data-page=productDel] .r2 .inner .info .publicize .video:before {
	content:"";
	display:block;
	padding-bottom:57.1428571429%;
	width:100%
}
[data-page=productDel] .r2 .inner .info .publicize .video:after {
	backdrop-filter:blur(5px);
	background:-webkit-gradient(linear, left top, left bottom, from(#0f86ca), to(rgba(15, 134, 202, 0)));
	background:linear-gradient(180deg, #0f86ca, rgba(15, 134, 202, 0));
	content:"";
	inset:0;
	position:absolute;
	z-index:2
}
[data-page=productDel] .r2 .inner .info .publicize .video .mbg {
	opacity:.4
}
[data-page=productDel] .r2 .inner .info .publicize .video .play {
	inset:0;
	position:absolute;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	color:#fff;
gap:.05rem 0;
	justify-content:center;
	z-index:5
}
[data-page=productDel] .r2 .inner .info .publicize .video .play .icon {
height:max(28px, .3rem);
	position:relative;
width:max(28px, .3rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
[data-page=productDel] .r2 .inner .info .publicize .video .play .icon img {
	animation:roll 7s linear infinite reverse;
	height:100%;
	inset:0;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	width:100%
}
[data-page=productDel] .edit {
	padding-top:1.2rem
}
[data-page=productDel] .edit .inner .richText {
margin-top:.5rem;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
[data-page=productDel] .trait1 .inner .list {
	grid-template-columns:repeat(4, minmax(0, 1fr));
grid-gap:.33rem .23rem;
margin-top:.45rem
}
[data-page=productDel] .trait1 .inner .list .item {
	background-color:#fff;
	border:1px solid #eaeaea;
border-radius:.1rem;
	overflow:hidden;
padding:.25rem .5rem;
	position:relative;
-webkit-transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=productDel] .trait1 .inner .list .item .order {
	background:-webkit-gradient(linear, left top, left bottom, from(#0f86ca), to(rgba(15, 134, 202, .5)));
	background:linear-gradient(180deg, #0f86ca, rgba(15, 134, 202, .5));
	clip-path:polygon(0 0, 100% 0, 100% 0, 0 100%, 0 100%);
	color:#fff;
	font-weight:700;
height:max(30px, .4rem);
	left:0;
	line-height:1;
padding:.06rem;
	position:absolute;
	top:0;
width:max(40px, .5rem);
	z-index:2
}
[data-page=productDel] .trait1 .inner .list .item .pic {
	position:relative;
	z-index:1
}
[data-page=productDel] .trait1 .inner .list .item .pic:before {
	content:"";
	display:block;
	padding-bottom:70.2127659574%;
	width:100%
}
[data-page=productDel] .trait1 .inner .list .item .pic img {
	-o-object-fit:contain;
	object-fit:contain
}
[data-page=productDel] .trait1 .inner .list .item .text {
padding-top:.15rem;
	text-align:center
}
[data-page=productDel] .trait1 .inner .list .item .text .txt {
	color:#888;
margin-top:.1rem
}
[data-page=productDel] .trait2 {
	padding-top:1.2rem
}
[data-page=productDel] .trait2 .inner .list {
	grid-template-columns:repeat(3, minmax(0, 1fr));
grid-gap:.65rem .55rem;
margin-top:.5rem
}
[data-page=productDel] .trait2 .inner .list .item {
border-top:.02rem solid #0f86ca;
gap:0 .7rem;
padding-top:.3rem
}
[data-page=productDel] .trait2 .inner .list .item .icon {
height:.8rem;
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=productDel] .trait2 .inner .list .item .icon img {
	height:100%
}
[data-page=productDel] .trait2 .inner .list .item .text .txt {
	color:#888;
	line-height:178.571%;
margin-top:.15rem
}
@media screen and (orientation:landscape) {
[data-page=productDel] .r1 .inner .back:hover, [data-page=productDel] .r1 .inner .function .bar .item:hover {
color:#0f86ca
}
[data-page=productDel] .r1 .inner .function .com .btn:hover {
background-color:#0f86ca;
color:#fff
}
[data-page=productDel] .r1 .inner .function .com .btn:hover .icon {
fill:#fff
}
[data-page=productDel] .trait1 .inner .list .item:hover {
-webkit-box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
-webkit-transform:translateY(-.04rem);
transform:translateY(-.04rem)
}
}
@media screen and (orientation:portrait) {
[data-page=productDel] .r1 {
padding:.4rem 0
}
[data-page=productDel] .r1 .inner {
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
[data-page=productDel] .r1 .inner, [data-page=productDel] .r1 .inner .function {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
[data-page=productDel] .r1 .inner .function {
gap:.25rem 0;
margin-top:.7rem;
width:100%
}
[data-page=productDel] .r2 {
padding-top:.3rem
}
[data-page=productDel] .r2 .group {
width:100%
}
[data-page=productDel] .r2 .group .r2Swr {
width:auto;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1
}
[data-page=productDel] .r2 .inner {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
[data-page=productDel] .r2 .inner .info {
padding-bottom:0;
width:100%
}
}
@media screen and (max-width:1200px) {
[data-page=productDel] .r2 .inner {
padding:0 5vw
}
}
[data-page=register] .r1 {
	padding-bottom:2rem;
padding-top:.9rem
}
[data-page=register] .r1 .inner .tit {
	text-align:center
}
[data-page=register] .r1 .inner .zForm {
margin-top:.65rem
}
[data-page=register] .r1 .inner .tips {
	color:#7b7b7b;
	line-height:218.75%;
margin-top:.25rem
}
[data-page=register] .r1 .inner .tips a {
	color:#0f86ca
}
[data-page=register] .r1 .inner .toggle {
margin-top:.25rem
}
[data-page=register] .r1 .inner .zBtn {
margin-top:.4rem
}
[data-page=register] .r1 .inner .goLogin {
	text-align:right;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	color:#7b7b7b;
	justify-content:flex-end;
margin-top:.2rem
}
[data-page=register] .r1 .inner .goLogin a {
	color:#0f86ca
}
@media screen and (orientation:landscape) {
[data-page=register] .r1 .inner .goLogin a:hover, [data-page=register] .r1 .inner .tips a:hover {
text-decoration:underline
}
}
@media screen and (orientation:portrait) {
[data-page=register] .r1 {
padding-bottom:1.3rem
}
}
[data-page=searchList] .header .pcMenu {
	border-bottom:1px solid #0f86ca
}
[data-page=searchList] .r1 {
	padding-bottom:1.7rem;
padding-top:.7rem
}
[data-page=searchList] .r1 .inner .tops {
margin-bottom:.3rem
}
[data-page=searchList] .r1 .inner .tops .tip {
	color:#888;
margin-top:.1rem
}
[data-page=searchList] .r1 .inner .tops .tip span {
	color:#0f86ca
}
[data-page=searchList] .r1 .inner .list {
	border-top:1px solid #e3e3e3;
margin-bottom:.8rem;
padding-top:.55rem
}
[data-page=searchList] .r1 .inner .list:last-of-type {
	margin-bottom:0
}
[data-page=searchList] .r1 .inner .list.odd1 {
	grid-template-columns:repeat(5, minmax(0, 1fr));
grid-gap:.18rem
}
[data-page=searchList] .r1 .inner .list.odd1 .item>a {
	background-color:#fff;
border-radius:.1rem;
	overflow:hidden;
-webkit-transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=searchList] .r1 .inner .list.odd1 .item>a .pic {
	position:relative;
	z-index:1
}
[data-page=searchList] .r1 .inner .list.odd1 .item>a .pic:before {
	backdrop-filter:blur(5px);
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(15, 134, 202, .5)), color-stop(96.14%, rgba(15, 134, 202, 0)));
	background:linear-gradient(180deg, rgba(15, 134, 202, .5), rgba(15, 134, 202, 0) 96.14%);
	clip-path:circle(50% at top);
	content:"";
	display:block;
	opacity:0;
	padding-bottom:100%;
-webkit-transition:opacity .5s cubic-bezier(.435, .25, .15, .965), clip-path .5s cubic-bezier(.435, .25, .15, .965);
transition:opacity .5s cubic-bezier(.435, .25, .15, .965), clip-path .5s cubic-bezier(.435, .25, .15, .965);
	width:100%
}
[data-page=searchList] .r1 .inner .list.odd1 .item>a .text {
padding:.35rem .3rem .3rem;
	text-align:center
}
[data-page=searchList] .r1 .inner .list.odd1 .item>a .text .model, [data-page=searchList] .r1 .inner .list.odd1 .item>a .text .txt {
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=searchList] .r1 .inner .list.odd1 .item>a .text .txt {
	color:#333;
margin-top:.05rem
}
[data-page=searchList] .r1 .inner .list.odd2 {
	grid-template-columns:repeat(5, 1fr);
grid-gap:.3rem
}
[data-page=searchList] .r1 .inner .list.odd2 .item {
border-radius:.1rem;
	cursor:pointer;
	overflow:hidden;
	position:relative
}
[data-page=searchList] .r1 .inner .list.odd2 .item .pic {
	background-color:#ddd;
	position:relative;
-webkit-transition:-webkit-transform .6s ease;
transition:-webkit-transform .6s ease;
transition:transform .6s ease;
transition:transform .6s ease, -webkit-transform .6s ease;
	z-index:1
}
[data-page=searchList] .r1 .inner .list.odd2 .item .pic:before {
	content:"";
	display:block;
	padding-bottom:154.012345679%;
	width:100%
}
[data-page=searchList] .r1 .inner .list.odd2 .item .text {
	backdrop-filter:blur(15px);
	background-color:rgba(0, 0, 0, .5);
border-top-left-radius:.1rem;
border-top-right-radius:.1rem;
	bottom:0;
	color:#fff;
	font-weight:700;
	left:0;
	line-height:138.889%;
padding:.25rem;
	position:absolute;
	width:100%;
	z-index:2
}
[data-page=searchList] .r1 .inner .list.odd2 .item .text .play {
height:max(28px, .4rem);
	position:absolute;
right:.4rem;
	top:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
width:max(28px, .4rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	background-color:#0f86ca;
	border-radius:50%;
	justify-content:center
}
[data-page=searchList] .r1 .inner .list.odd3 {
	grid-template-columns:repeat(2, 1fr);
grid-gap:.25rem .3rem
}
[data-page=searchList] .r1 .inner .list.odd3 .item {
	background-color:#fff;
	line-height:1;
padding:.2rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
border-radius:.1rem;
gap:0 .1rem
}
[data-page=searchList] .r1 .inner .list.odd3 .item .icon {
height:max(16px, .2rem);
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=searchList] .r1 .inner .list.odd3 .item .icon img {
	height:100%
}
[data-page=searchList] .r1 .inner .list.odd3 .item .name {
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=searchList] .r1 .inner .list.odd3 .item .down {
padding:.1rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .05rem;
	-ms-flex-negative:0;
border-radius:.05rem;
	color:#0f86ca;
	flex-shrink:0;
-webkit-transition:color .3s cubic-bezier(.435, .25, .15, .965), background-color .3s cubic-bezier(.435, .25, .15, .965);
transition:color .3s cubic-bezier(.435, .25, .15, .965), background-color .3s cubic-bezier(.435, .25, .15, .965)
}
[data-page=searchList] .r1 .inner .list.odd4 {
	grid-template-columns:repeat(4, minmax(0, 1fr));
grid-gap:.35rem .3rem
}
[data-page=searchList] .r1 .inner .list.odd4 .item {
	background-color:#fff;
border-radius:.1rem;
	overflow:hidden
}
[data-page=searchList] .r1 .inner .list.odd4 .item .pic {
	background-color:#ddd;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=searchList] .r1 .inner .list.odd4 .item .pic:before {
	content:"";
	display:block;
	padding-bottom:64.5669291339%;
	width:100%
}
[data-page=searchList] .r1 .inner .list.odd4 .item .pic img {
-webkit-transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965);
transition:transform .6s cubic-bezier(.435, .25, .15, .965), -webkit-transform .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=searchList] .r1 .inner .list.odd4 .item .text {
padding:.25rem .25rem .3rem
}
[data-page=searchList] .r1 .inner .list.odd4 .item .text .tit {
	display:-webkit-box;
	max-height:calc(3em + 1px);
	padding-bottom:1px;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=searchList] .r1 .inner .list.odd4 .item .text .tit .hoverable_txt {
	background-image:-webkit-gradient(linear, left top, right top, from(#111), to(#111));
	background-image:linear-gradient(90deg, #111, #111);
-webkit-transition:background-size .6s cubic-bezier(.435, .25, .15, .965);
transition:background-size .6s cubic-bezier(.435, .25, .15, .965)
}
[data-page=searchList] .r1 .inner .list.odd4 .item .text .icon {
	background-color:#0f86ca;
	border-radius:50%;
	color:#fff;
height:max(20px, .3rem);
	line-height:1;
margin-top:.23rem;
width:max(20px, .3rem)
}
[data-page=searchList] .noProduct, [data-page=searchList] .r1 .inner .list.odd4 .item .text .icon {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
[data-page=searchList] .noProduct {
	backdrop-filter:blur(5px);
	background:rgba(0, 0, 0, .1);
	inset:0;
	position:fixed;
-webkit-transition:opacity .5s cubic-bezier(.435, .25, .15, .965);
transition:opacity .5s cubic-bezier(.435, .25, .15, .965);
	z-index:50
}
[data-page=searchList] .noProduct.on {
	opacity:0;
	pointer-events:none
}
[data-page=searchList] .noProduct .group {
	background-color:#fff;
border-radius:.2rem;
	max-width:90%;
padding:.25rem .4rem .5rem;
	position:relative;
	width:max(320px, 4.6rem);
	z-index:1
}
[data-page=searchList] .noProduct .group .close {
height:max(34px, .4rem);
	position:absolute;
right:.1rem;
top:.1rem;
width:max(34px, .4rem);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	color:#dae2f3;
	cursor:pointer;
	justify-content:center;
-webkit-transition:color .3s cubic-bezier(.435, .25, .15, .965);
transition:color .3s cubic-bezier(.435, .25, .15, .965)
}
[data-page=searchList] .noProduct .group .bg {
	bottom:0;
	pointer-events:none;
	position:absolute;
	right:0;
	width:63.0434782609%;
	z-index:-1
}
[data-page=searchList] .noProduct .group .bg img {
	width:100%
}
[data-page=searchList] .noProduct .group .pic {
height:max(45px, .6rem)
}
[data-page=searchList] .noProduct .group .pic img {
	height:100%
}
[data-page=searchList] .noProduct .group .text {
	line-height:1.25;
margin-top:.15rem
}
[data-page=searchList] .noProduct .group .text span {
	color:#0f86ca
}
[data-page=searchList] .noProduct .group .go {
	background-color:#0f86ca;
border-radius:.5rem;
	color:#fff;
height:max(34px, .43rem);
padding:0 .2rem;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .1rem;
margin-top:.2rem
}
[data-page=searchList] .noProduct .group .go img {
height:max(8px, .1rem)
}
@media screen and (orientation:landscape) {
[data-page=searchList] .r1 .inner .list.odd1 .item:nth-child(4n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=searchList] .r1 .inner .list.odd1 .item:nth-child(4n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=searchList] .r1 .inner .list.odd1 .item:nth-child(4n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=searchList] .r1 .inner .list.odd1 .item:nth-child(4n+4) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
[data-page=searchList] .r1 .inner .list.odd1 .item:hover>a {
-webkit-box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
-webkit-transform:translateY(-.04rem);
transform:translateY(-.04rem)
}
[data-page=searchList] .r1 .inner .list.odd1 .item:hover>a .pic:before {
clip-path:circle(100% at top);
opacity:1
}
[data-page=searchList] .r1 .inner .list.odd2 .item:nth-child(5n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=searchList] .r1 .inner .list.odd2 .item:nth-child(5n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=searchList] .r1 .inner .list.odd2 .item:nth-child(5n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=searchList] .r1 .inner .list.odd2 .item:nth-child(5n+4) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
[data-page=searchList] .r1 .inner .list.odd2 .item:nth-child(5n+5) {
-webkit-animation-delay:.4s;
animation-delay:.4s
}
[data-page=searchList] .r1 .inner .list.odd2 .item:hover .pic {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
[data-page=searchList] .r1 .inner .list.odd3 .item:nth-child(odd) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=searchList] .r1 .inner .list.odd3 .item:nth-child(2n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=searchList] .r1 .inner .list.odd3 .item .down:hover {
background-color:#0f86ca;
color:#fff
}
[data-page=searchList] .r1 .inner .list.odd4 .item:nth-child(4n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=searchList] .r1 .inner .list.odd4 .item:nth-child(4n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=searchList] .r1 .inner .list.odd4 .item:nth-child(4n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=searchList] .r1 .inner .list.odd4 .item:nth-child(4n+4) {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
[data-page=searchList] .r1 .inner .list.odd4 .item:hover .pic img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
[data-page=searchList] .noProduct .group .close:hover {
color:#0f86ca
}
}
@media screen and (orientation:portrait) {
[data-page=searchList] .r1 .inner .list.odd1, [data-page=searchList] .r1 .inner .list.odd2 {
grid-template-columns:repeat(2, 1fr)
}
[data-page=searchList] .r1 .inner .list.odd3 {
grid-template-columns:1fr
}
[data-page=searchList] .r1 .inner .list.odd4 {
grid-template-columns:repeat(2, 1fr)
}
}
[data-page=support] .r2 {
	background-color:#fff;
	padding-top:1rem
}
[data-page=support] .r2 .list {
margin-top:.45rem;
grid-gap:.2rem;
	grid-template-columns:repeat(3, minmax(0, 1fr))
}
[data-page=support] .r2 .list .item:first-child .zIcon .odd {
	-webkit-animation:roll 5.1527687529s linear infinite normal;
	animation:roll 5.1527687529s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(2) .zIcon .odd {
-webkit-animation:roll 7.7938673968s linear infinite normal;
animation:roll 7.7938673968s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(3) .zIcon .odd {
-webkit-animation:roll 10.0574670341s linear infinite normal;
animation:roll 10.0574670341s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(4) .zIcon .odd {
-webkit-animation:roll 14.7664709684s linear infinite normal;
animation:roll 14.7664709684s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(5) .zIcon .odd {
-webkit-animation:roll 13.3656987214s linear infinite normal;
animation:roll 13.3656987214s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(6) .zIcon .odd {
-webkit-animation:roll 11.6804117975s linear infinite normal;
animation:roll 11.6804117975s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(7) .zIcon .odd {
animation:roll 8.8107513889s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(8) .zIcon .odd {
-webkit-animation:roll 6.4763978074s linear infinite normal;
animation:roll 6.4763978074s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(9) .zIcon .odd {
-webkit-animation:roll 7.4953244729s linear infinite normal;
animation:roll 7.4953244729s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(10) .zIcon .odd {
-webkit-animation:roll 8.9798185273s linear infinite normal;
animation:roll 8.9798185273s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(11) .zIcon .odd {
animation:roll 10.2304466947s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(12) .zIcon .odd {
animation:roll 7.3506371673s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(13) .zIcon .odd {
-webkit-animation:roll 9.6092889499s linear infinite normal;
animation:roll 9.6092889499s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(14) .zIcon .odd {
animation:roll 10.3415152105s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(15) .zIcon .odd {
animation:roll 13.3530649297s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(16) .zIcon .odd {
-webkit-animation:roll 9.6914490024s linear infinite normal;
animation:roll 9.6914490024s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(17) .zIcon .odd {
-webkit-animation:roll 14.2397463808s linear infinite normal;
animation:roll 14.2397463808s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(18) .zIcon .odd {
animation:roll 14.4531452223s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(19) .zIcon .odd {
-webkit-animation:roll 5.3875369801s linear infinite normal;
animation:roll 5.3875369801s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(20) .zIcon .odd {
animation:roll 11.4358320956s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(21) .zIcon .odd {
animation:roll 6.6513669236s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(22) .zIcon .odd {
-webkit-animation:roll 13.1334294004s linear infinite normal;
animation:roll 13.1334294004s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(23) .zIcon .odd {
animation:roll 14.9989600569s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(24) .zIcon .odd {
animation:roll 12.7876631204s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(25) .zIcon .odd {
animation:roll 10.1768849883s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(26) .zIcon .odd {
animation:roll 6.2422347664s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(27) .zIcon .odd {
-webkit-animation:roll 11.1325827142s linear infinite normal;
animation:roll 11.1325827142s linear infinite normal
}
[data-page=support] .r2 .list .item:nth-child(28) .zIcon .odd {
animation:roll 10.8599090644s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(29) .zIcon .odd {
animation:roll 13.7292611635s linear infinite reverse
}
[data-page=support] .r2 .list .item:nth-child(30) .zIcon .odd {
-webkit-animation:roll 8.3566442841s linear infinite normal;
animation:roll 8.3566442841s linear infinite normal
}
[data-page=support] .r2 .list .item>div {
	background-color:#f9fafc;
border-radius:.1rem;
	height:100%;
padding:.4rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
-webkit-transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=support] .r2 .list .item>div .txt {
	line-height:159.091%;
padding-right:.4rem
}
[data-page=support] .r3 {
	background-color:#fff;
	padding-bottom:1.25rem;
	padding-top:1.1rem
}
[data-page=support] .r3 .inner .group {
margin-top:.45rem;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
[data-page=support] .r3 .inner .group .list {
	width:6.2rem;
	-ms-flex-negative:0;
	flex-shrink:0;
	grid-template-columns:repeat(2, minmax(0, 1fr));
grid-gap:.2rem
}
[data-page=support] .r3 .inner .group .list .item:first-child .zIcon .odd {
	animation:roll 8.2125154946s linear infinite reverse
}
[data-page=support] .r3 .inner .group .list .item:nth-child(2) .zIcon .odd {
animation:roll 7.115521031s linear infinite reverse
}
[data-page=support] .r3 .inner .group .list .item:nth-child(3) .zIcon .odd {
-webkit-animation:roll 11.3995682104s linear infinite normal;
animation:roll 11.3995682104s linear infinite normal
}
[data-page=support] .r3 .inner .group .list .item:nth-child(4) .zIcon .odd {
-webkit-animation:roll 9.5061884514s linear infinite normal;
animation:roll 9.5061884514s linear infinite normal
}
[data-page=support] .r3 .inner .group .list .item:nth-child(5) .zIcon .odd {
-webkit-animation:roll 6.4248686166s linear infinite normal;
animation:roll 6.4248686166s linear infinite normal
}
[data-page=support] .r3 .inner .group .list .item:nth-child(6) .zIcon .odd {
animation:roll 6.3404940525s linear infinite reverse
}
[data-page=support] .r3 .inner .group .list .item:nth-child(7) .zIcon .odd {
animation:roll 7.1268618525s linear infinite reverse
}
[data-page=support] .r3 .inner .group .list .item:nth-child(8) .zIcon .odd {
animation:roll 7.195977283s linear infinite reverse
}
[data-page=support] .r3 .inner .group .list .item:nth-child(9) .zIcon .odd {
-webkit-animation:roll 13.2828669559s linear infinite normal;
animation:roll 13.2828669559s linear infinite normal
}
[data-page=support] .r3 .inner .group .list .item:nth-child(10) .zIcon .odd {
animation:roll 11.6226816967s linear infinite reverse
}
[data-page=support] .r3 .inner .group .list .item>div {
	background-color:#f9fafc;
border-radius:.1rem;
	height:100%;
padding:.25rem .35rem;
-webkit-transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:-webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), box-shadow .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965), -webkit-box-shadow .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=support] .r3 .inner .group .list .item>div .text {
margin-top:.18rem
}
[data-page=support] .r3 .inner .group .list .item>div .text .txt {
	color:#333;
	line-height:1.875;
margin-top:.12rem
}
[data-page=support] .r3 .inner .group .list .item>div .text .txt span {
	color:#0f86ca
}
[data-page=support] .r3 .inner .group .photo {
	border:1px solid #f2f2f3;
	border-radius:50%;
	height:6.6rem;
	-webkit-perspective:500;
	perspective:500;
	pointer-events:none;
	position:relative;
	width:6.6rem;
	z-index:1
}
[data-page=support] .r3 .inner .group .photo:after, [data-page=support] .r3 .inner .group .photo:before {
	background-color:#e7eaef;
	border-radius:50%;
	content:"";
height:max(12px, .16rem);
	position:absolute;
width:max(12px, .16rem)
}
[data-page=support] .r3 .inner .group .photo:before {
	right:36.5%;
	top:0
}
[data-page=support] .r3 .inner .group .photo:after {
	bottom:20%;
	left:50%
}
[data-page=support] .r3 .inner .group .photo .item {
	background-color:#f9fafc;
	border-radius:50%;
	position:absolute
}
[data-page=support] .r3 .inner .group .photo .item.cir1 {
	left:4.5%;
padding:.2rem;
	top:4.5%;
	width:69.0909090909%;
	z-index:-1
}
[data-page=support] .r3 .inner .group .photo .item.cir2 {
padding:.1rem;
	right:8%;
	top:8%;
	width:21.6666666667%
}
[data-page=support] .r3 .inner .group .photo .item.cir3 {
	bottom:11.5%;
padding:.1rem;
	right:11.5%;
	width:16.6666666667%
}
[data-page=support] .r3 .inner .group .photo .item.cir4 {
	bottom:11%;
	left:11%;
padding:.1rem;
	width:23.6363636364%
}
[data-page=support] .r3 .inner .group .photo .item div {
	border-radius:50%;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:1
}
[data-page=support] .r3 .inner .group .photo .item div:before {
	content:"";
	display:block;
	padding-bottom:100%;
	width:100%
}
[data-page=support] .r4 {
	overflow:hidden;
	padding-bottom:1.2rem;
	padding-top:1rem;
	position:relative;
	z-index:1
}
[data-page=support] .r4 .mbg {
	width:calc(100% + 1rem)
}
[data-page=support] .r4 .inner .group {
	background-color:#fff;
border-radius:.15rem;
margin-top:.9rem;
	max-width:100%;
padding:.45rem .5rem .1rem;
	width:max(380px, 4.46rem)
}
[data-page=support] .r4 .inner .group .tops {
	color:#0f86ca;
	line-height:1;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .1rem
}
[data-page=support] .r4 .inner .group .tops img {
height:max(28px, .34rem)
}
[data-page=support] .r4 .inner .group .list {
margin-top:.2rem
}
[data-page=support] .r4 .inner .group .list .item {
padding:.25rem 0;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-bottom:1px solid #d7d7d7
}
[data-page=support] .r4 .inner .group .list .item:last-of-type {
	border-bottom:none
}
[data-page=support] .r4 .inner .group .list .item .text {
padding-right:.25rem
}
[data-page=support] .r4 .inner .group .list .item .text .name {
	color:#0f86ca
}
[data-page=support] .r4 .inner .group .list .item .text .value {
margin-top:.05rem
}
[data-page=support] .r4 .inner .group .list .item .icon {
height:max(28px, .34rem);
width:max(28px, .34rem);
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=support] .r4 .inner .group .list .item .icon img {
	height:100%;
	-o-object-fit:contain;
	object-fit:contain;
	width:100%
}
[data-page=support] .r5 {
	background-color:#fff;
	overflow:hidden;
	padding-bottom:1.7rem;
padding-top:.9rem
}
[data-page=support] .r5 .inner .tabs {
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	color:#7b7b7b;
gap:0 .6rem;
	justify-content:flex-end;
margin-top:.1rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
[data-page=support] .r5 .inner .tabs .item {
	cursor:pointer;
padding:.05rem;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965), font-weight .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965), font-weight .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=support] .r5 .inner .tabs .item.on {
	color:#0f86ca;
	font-weight:700
}
[data-page=support] .r5 .inner .group {
border-top:.02rem solid #0f86ca;
margin-top:.25rem
}
[data-page=support] .r5 .inner .group .list {
	grid-template-columns:repeat(2, 1fr);
grid-gap:0 .45rem;
	display:none
}
[data-page=support] .r5 .inner .group .list.on {
	display:grid
}
[data-page=support] .r5 .inner .group .list .item {
	border-top:1px solid #d7d7d7;
	line-height:1;
padding:.2rem 0;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .1rem
}
[data-page=support] .r5 .inner .group .list .item:first-child, [data-page=support] .r5 .inner .group .list .item:nth-child(2) {
border-top:none
}
[data-page=support] .r5 .inner .group .list .item .icon {
height:max(16px, .2rem);
	-ms-flex-negative:0;
	flex-shrink:0
}
[data-page=support] .r5 .inner .group .list .item .icon img {
	height:100%
}
[data-page=support] .r5 .inner .group .list .item .name {
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis
}
[data-page=support] .r5 .inner .group .list .item .down {
	background-color:#fff;
padding:.1rem;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
gap:0 .05rem;
	-ms-flex-negative:0;
border-radius:.05rem;
	color:#0f86ca;
	flex-shrink:0;
-webkit-transition:color .3s cubic-bezier(.435, .25, .15, .965), background-color .3s cubic-bezier(.435, .25, .15, .965);
transition:color .3s cubic-bezier(.435, .25, .15, .965), background-color .3s cubic-bezier(.435, .25, .15, .965)
}
@media screen and (orientation:landscape) {
[data-page=support] .r2 .inner .list .item:nth-child(3n+1) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=support] .r2 .inner .list .item:nth-child(3n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=support] .r2 .inner .list .item:nth-child(3n+3) {
-webkit-animation-delay:.2s;
animation-delay:.2s
}
[data-page=support] .r2 .inner .list .item>div:hover {
-webkit-box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
-webkit-transform:translateY(-.04rem);
transform:translateY(-.04rem)
}
[data-page=support] .r3 .inner .group .list .item:nth-child(odd) {
-webkit-animation-delay:0s;
animation-delay:0s
}
[data-page=support] .r3 .inner .group .list .item:nth-child(2n+2) {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
[data-page=support] .r3 .inner .group .list .item>div:hover {
-webkit-box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
box-shadow:0 .15rem .3rem .1rem rgba(0, 0, 0, .1);
-webkit-transform:translateY(-.04rem);
transform:translateY(-.04rem)
}
[data-page=support] .r5 .inner .tabs .item:hover {
color:#0f86ca
}
[data-page=support] .r5 .inner .group .list .item .down:hover {
background-color:#0f86ca;
color:#fff
}
}
@media screen and (orientation:portrait) {
[data-page=support] .r2 .list {
grid-template-columns:repeat(2, 1fr)
}
[data-page=support] .r2 .list .item>div {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
[data-page=support] .r2 .list .item>div .zIcon {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
[data-page=support] .r2 .list .item>div .txt {
margin-top:.25rem;
padding-right:0
}
[data-page=support] .r3 .inner .group {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:.6rem
}
[data-page=support] .r3 .inner .group .list {
margin-top:.5rem
}
[data-page=support] .r3 .inner .group .list .item>div {
padding:.35rem .25rem;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
text-align:center
}
[data-page=support] .r3 .inner .group .list .item>div .zIcon {
margin:0 auto
}
[data-page=support] .r3 .inner .group .list .item>div .text {
margin-top:.25rem
}
[data-page=support] .r3 .inner .group .photo {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
[data-page=support] .r5 {
padding-bottom:1.3rem
}
[data-page=support] .r5 .inner .tabs {
display:grid;
grid-template-columns:repeat(2, 1fr);
margin-top:.5rem;
grid-gap:.2rem
}
[data-page=support] .r5 .inner .group {
margin-top:.4rem;
padding-top:.2rem
}
[data-page=support] .r5 .inner .group .list {
grid-template-columns:1fr
}
}
[data-page=user] .r1 {
	background-color:#ddd;
	height:6.14rem;
	overflow:hidden;
	position:relative;
	z-index:1
}
[data-page=user] .r1 .mbg {
height:calc(100% + .5rem)
}
[data-page=user] .r1 .info {
	height:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#fff;
padding-top:.95rem
}
[data-page=user] .r1 .info .profile {
	background-color:#fff;
	border-radius:50%;
	height:1.25rem;
padding:.05rem;
	width:1.25rem
}
[data-page=user] .r1 .info .profile .pic {
	border-radius:50%;
	height:100%;
	overflow:hidden;
	width:100%
}
[data-page=user] .r1 .info .profile .pic img {
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%
}
[data-page=user] .r1 .info .name {
margin-top:.25rem
}
[data-page=user] .r1 .info .txt {
margin-top:.08rem
}
[data-page=user] .r2 {
padding-bottom:.88rem;
	position:relative;
	z-index:2
}
[data-page=user] .r2 .inner {
	background-color:#fff;
border-radius:.2rem;
	margin-top:-1rem
}
[data-page=user] .r2 .inner .tabs {
	border-bottom:1px solid #d7d7d7;
gap:0 .8rem;
	height:1rem;
padding:.4rem .48rem 0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
[data-page=user] .r2 .inner .tabs .item {
gap:0 .15rem;
	height:100%;
padding-bottom:.25rem;
	position:relative;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	color:#888;
	cursor:pointer;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=user] .r2 .inner .tabs .item:after {
	background-color:#0f86ca;
	bottom:0;
	content:"";
	height:3px;
	left:0;
	opacity:0;
	position:absolute;
	right:0;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
-webkit-transition:opacity .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965);
transition:opacity .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965);
transition:transform .5s cubic-bezier(.435, .25, .15, .965), opacity .5s cubic-bezier(.435, .25, .15, .965), -webkit-transform .5s cubic-bezier(.435, .25, .15, .965)
}
[data-page=user] .r2 .inner .tabs .item .icon {
height:max(16px, .24rem)
}
[data-page=user] .r2 .inner .tabs .item .icon img {
	height:100%
}
[data-page=user] .r2 .inner .tabs .item.on {
	color:#000
}
[data-page=user] .r2 .inner .tabs .item.on:after {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
[data-page=user] .r2 .inner .group .pack {
	display:none
}
[data-page=user] .r2 .inner .group #user {
padding:.5rem .55rem .75rem
}
[data-page=user] .r2 .inner .group #user .tops .text {
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
gap:0 .25rem;
margin-top:.25rem
}
[data-page=user] .r2 .inner .group #user .tops .text .pic {
	border-radius:50%;
	height:1.2rem;
	overflow:hidden;
	width:1.2rem
}
[data-page=user] .r2 .inner .group #user .tops .text .pic img {
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%
}
[data-page=user] .r2 .inner .group #user .tops .text .txt {
padding-bottom:.1rem
}
[data-page=user] .r2 .inner .group #user .tops .text .txt .tips {
	color:#888
}
[data-page=user] .r2 .inner .group #user .tops .text .txt input {
	display:none;
	opacity:0;
	pointer-events:none
}
[data-page=user] .r2 .inner .group #user .tops .text .txt .upload {
	border:1px solid #e3e3e3;
border-radius:.05rem;
	cursor:pointer;
	display:block;
	line-height:1;
margin-top:.15rem;
padding:.1rem .15rem;
-webkit-transition:color .5s cubic-bezier(.435, .25, .15, .965), border-color .5s cubic-bezier(.435, .25, .15, .965);
transition:color .5s cubic-bezier(.435, .25, .15, .965), border-color .5s cubic-bezier(.435, .25, .15, .965);
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content
}
[data-page=user] .r2 .inner .group #user .zForm {
margin-top:.7rem
}
[data-page=user] .r2 .inner .group #user .zBtn {
margin-top:.4rem
}
[data-page=user] .r2 .inner .group #password {
	margin:0 auto;
	min-width:720px;
	padding-bottom:1.3rem;
padding-top:.85rem;
	width:min(100%, 9.2rem)
}
[data-page=user] .r2 .inner .group #password .zBtn {
margin-top:.65rem
}
[data-page=user] .r2 .inner .group #record {
padding:.45rem .6rem .9rem
}
[data-page=user] .r2 .inner .group #record .list {
	grid-template-columns:repeat(2, minmax(0, 1fr));
grid-gap:.28rem .26rem
}
[data-page=user] .r2 .inner .group #record .list .item {
	background-color:#fff;
	border:1px solid #e3e3e3;
border-radius:.1rem;
	overflow:hidden
}
[data-page=user] .r2 .inner .group #record .list .item .top {
	background-color:#0f86ca;
	color:#fff;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
padding:.1rem .25rem
}
[data-page=user] .r2 .inner .group #record .list .item .top .remove {
	-ms-flex-negative:0;
	cursor:pointer;
	flex-shrink:0
}
[data-page=user] .r2 .inner .group #record .list .item .text {
padding:.25rem
}
[data-page=user] .r2 .inner .group #record .list .item .text .txt {
	line-height:1.8;
margin-top:.15rem
}
[data-page=user] .r2 .inner .group #record .list .item .text .txt span {
	color:#a3a3a3
}
@media screen and (orientation:landscape) {
[data-page=user] .r2 .inner .tabs .item:hover {
color:#000
}
[data-page=user] .r2 .inner .group .user .tops .text .txt .upload:hover {
border-color:#0f86ca;
color:#0f86ca
}
}
@media screen and (orientation:portrait) {
[data-page=user] .r2 .inner {
padding:0 .5rem;
width:90%
}
[data-page=user] .r2 .inner .group #user {
padding:.7rem 0
}
[data-page=user] .r2 .inner .group #password {
min-width:100%
}
[data-page=user] .r2 .inner .group #record {
padding:.7rem 0
}
[data-page=user] .r2 .inner .group #record .list {
grid-template-columns:1fr
}
}
.city-picker-input {
	left:-9999px;
	opacity:0!important;
	position:absolute;
	top:-9999px
}
.city-picker-span {
border-radius:.1rem!important;
	color:#ccc;
	cursor:pointer;
	display:block;
	outline:0;
	overflow:hidden;
padding:0 .2rem!important;
	position:relative;
	width:100%!important
}
.city-picker-span>.placeholder {
	color:#aaa
}
.city-picker-span>.arrow {
	background:url(../assets/images/drop-arrow.png) -10px -25px no-repeat;
	height:5px;
	margin-top:-3px;
	position:absolute;
right:.2rem;
	top:50%;
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	width:10px
}
.city-picker-span.focus, .city-picker-span.open {
	border-bottom-color:#46a4ff
}
.city-picker-span.open>.arrow {
	background-position:-10px -10px
}
.city-picker-span>.title>span {
	border-radius:3px;
	color:#333;
	padding:5px
}
.city-picker-span>.title>span:hover {
	background-color:#f1f8ff
}
.city-picker-dropdown {
	left:-9999px;
	outline:0;
	position:absolute;
	top:-9999px;
	width:315px;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	display:none;
	margin-bottom:20px;
	min-width:330px;
	z-index:999999
}
.city-select-wrap {
	-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .5);
	box-shadow:0 1px 5px rgba(0, 0, 0, .5)
}
.city-select-tab {
	background:#f0f0f0;
	border-bottom:1px solid #ccc;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	font-size:13px
}
.city-select-tab>a {
	border-bottom:1px solid transparent;
	border-left:1px solid #ccc;
	color:#4d4d4d;
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	margin-bottom:-1px;
	outline:0;
	padding:8px 22px;
	text-align:center;
	text-decoration:none
}
.city-select-tab>a.active {
	background:#fff;
	border-bottom:1px solid #fff;
	color:#46a4ff
}
.city-select-tab>a:first-child {
	border-left:none
}
.city-select-tab>a:last-child.active {
	border-right:1px solid #ccc
}
.city-select-content {
	background-color:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	min-height:10px;
	padding:10px 15px;
	width:100%
}
.city-select {
	font-size:13px
}
.city-select dl {
	clear:both;
	line-height:2;
	margin:0;
	padding:3px 0
}
.city-select dt {
	font-weight:500;
	line-height:2;
	position:absolute;
	text-align:right;
	width:2.5em
}
.city-select dd {
	line-height:2;
	margin-left:0
}
.city-select.province dd {
	margin-left:3em
}
.city-select a {
	color:#333;
	cursor:pointer;
	display:inline-block;
	margin-right:2px;
	outline:0;
	padding:0 10px;
	text-decoration:none;
	white-space:nowrap
}
.city-select a:focus, .city-select a:hover {
	background-color:#f1f8ff;
	border-radius:2px;
	color:#46a4ff
}
.city-select a.active {
	background-color:#46a4ff;
	border-radius:2px;
	color:#fff
}






.p_Product {
    width: calc((100% - 0px)/3);
    display: inline-block;
}

.p_CommonSummaryBoxA {
    text-align: center;
}

.p_MatteIcon .iconfont:before {
    content: '\e602';
}

.proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom:50px;
}

.proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0px;
    margin: 1rem auto;
}

.proLi {
    position: relative;
    padding: 20px;
    font-size: 14px;
}

.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

.porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 62px;
    padding: 20px 20px 10px;
    border: 1px solid #d7d7d7;
}

.proTitle {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

.lookDetail {
    position: relative;
    display: block;
    color: #777;
    height: 38px;
    line-height: 38px;
    top: -29px;
}

.arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

.arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

.harr {
    opacity: 0;
}

.showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
}

.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0.5rem 0;
}


.showBoxLink:hover
{
    color:#ffffff;
}

.showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

@media only screen and (min-width: 769px) {
    .proLi {
        height: 348px;
        margin-right: 9px;
        width: 32%;
        margin-top: 27px;
    }

    .lookDetail:hover .barr {
        opacity: 0;
    }

    .lookDetail:hover .harr {
        opacity: 1;
    }

    .proLi:hover .showBox {
        opacity: 1;
    }

    .proLi:hover .proImg {
        transform: translate( -50%, -50%) scale(1.1);
    }

    .proLi:hover .showBoxLink::before {
        width: 1rem;
    }

    .proLi:hover showBoxLink::after {
        width: 1rem;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .proContainer {
        max-width:900px;
    }

    .proLi {
        width: 50%;
        height: 400px;
    }
}

.p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

{
    max-height: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    min-height: 0px;
    margin-right: 0px;
    margin-left: 0px;
    max-width: none;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    min-width: 0px;
    height: auto;
    padding-right: 0px;
}



.product_content {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.product_box {
	width: 100%;
	overflow: hidden;
	padding: 30px 0px 20px;
	margin: 0px 0 0px;
	float:left;
}
.product_box .box_title {
	width: 100%;
	height: 40px;
	overflow: hidden;
}
.box_title h4 {
	font-size: 18px;
	color: #4c4d52;
	line-height: 40px;
	float: left;
	font-weight: bold;
}
.product_search {
	width: 310px;
	height: 40px;
	overflow: hidden;
	float: right;
}
.product_search input {
	width: 240px;
	height: 40px;
	border: none;
	background-color: #f9f9f9;
	padding: 0 0 0 15px;
	font-size: 16px;
}
.product_search input::-webkit-input-placeholder { 
	color: #949494;
}
.product_search input:-moz-placeholder{ 
	color: #949494; 
}
.product_search input:-ms-input-placeholder{ 
	color: #949494;
}
.product_search input:placeholder{ 
	color: #949494;
}
.product_search button {
	width: 70px;
	height: 40px;
	border: none;
	background-color: #15499a;
	float: right;
	font-size:16px;
	color: #ffffff;
	font-weight:normal;
}
.product_list {
	width: 100%;
	overflow: hidden;
	margin: 25px 0 0;
	border-top: 1px solid #f0f0f0;
	padding: 30px 0 0;
}
.product_list a {
	display: block;
	width: calc(50% - 40px);
	width: -moz-calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
	overflow: hidden;
	margin: 0 80px 40px 0;
	float: left;
}
.product_list a:nth-of-type(2n){
	margin: 0 0 40px;
}
.product_list a .list_img {
	width: 215px;
	overflow: hidden;
	float: left;
	border: 1px solid #eaeaea;
}
.list_img img {
	width: 100%;
	transition: all 1s;
}
.product_list a .list_txt {
	width: calc(100% - 255px);
	width: -moz-calc(100% - 255px);
	width: -webkit-calc(100% - 255px);
	overflow: hidden;
	float: left;
	margin: 0 0 0 40px;
	color: #888888;
	font-size: 16px;
}
.list_txt p {
	height: 80px;
	overflow: hidden;
}
.list_txt h4 {
	font-size: 18px;
	color: #4c4d52;
	line-height: 25px;
	height: 25px;
	margin: 15px 0 10px;
	overflow: hidden;
}
.list_txt span {
	display: block;
	color: #949494;
	width: 75px;
	overflow: hidden;
	margin: 40px 0 0;
	padding: 0 0 0 18px;
	background: url(../images/pl.png) no-repeat left center;
}
.product_list a:hover .list_img img {
	transform: scale(1.15);
}
.product_list a:hover .list_txt h4 {
	color: #f3f4f6;
}
.product_list a:hover .list_txt span {
	color: #f3f4f6;
}
.info1 h1,.info2 h1,.info3 h1
{
    font-size: 18px;
    color: #ffffff;
    line-height: 45px;
    background-color: #0066b4;
    font-weight: bold;
    text-indent:20px;
    margin: 0 0px 25px;
    float: left;
    width: 100%;
}
.swiper-paginations
{
    width:45px !important;
    margin:0 auto !important;
}
@media only screen and (max-width: 1199px) {
	.product_content {
		width: 865px;
	}
	.product_menu a {
		margin: 1px 1px 0 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.product_menu a:hover {
		margin: 1px 1px 0 0;
	    line-height: 40px;
	    height: 40px;
	}
	.product_menu a.active {
	    margin: 1px 1px 0 0;
	    line-height: 50px;
	    height: 50px;
	}
	.product_list a {
		width: 100%;
		float: none;
	}
	.arrowsR {
        display: none;
    }
    .proTitle {
        text-align: center;
    }
    .page a {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 991px) {
	.product_content {
		width: 688px;
		margin: 0 auto 0;
	}
	.logo img:nth-of-type(2) {
		display: none;
	}
	.logo img:nth-of-type(1) {
		display: inline-block;
	}
	.p_Product {
        width: calc((100% - 0px)/2) !important;
    }
    .proImg 
    {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: translate(0, 0) !important;
    }
    .proLi {
        padding: 5px !important;
    }
    .product_search button {
        width: 58px !important;
    }
    .info2_content table td:first-child {
        width: 60px !important;
    }
}
@media only screen and (max-width: 767px) {
	.content {
		background-size: 800px;
	}
	.product_content {
		width: 100%;
		margin: 63px auto 0;
		background-color: #FFFFFF;
	}
	.product_menu a {
		text-align: left;
	}
	.product_menu a:nth-of-type(2n){
		width: 50%;
		margin: 1px 0 0;
	}
	.product_box {
		width: 100%;
	    padding: 0;
	    margin: 20px auto 30px;
	}
	.product_list {
	    margin: 10px 0 0;
	    padding: 20px 0 0;
	}
	.product_list a {
	    margin: 0 0 20px !important;
	}
	.product_list a .list_img {
	    width: 155px;
	}
	.product_list a .list_txt {
	    width: calc(100% - 170px);
	    width: -moz-calc(100% - 170px);
	    width: -webkit-calc(100% - 170px);
	    margin: 0 0 0 15px;
	    line-height: 18px;
	    font-size: 12px;
	}
	.list_txt h4 {
	    font-size: 16px;
	    line-height: 20px;
	    height: 20px;
	    max-height: 40px;
	    margin: 10px 0 5px;
	    overflow: hidden;
	}
	.list_txt p {
	    height: 54px;
	    overflow: hidden;
	}
	.list_txt span {
	    margin: 20px 0 0;
	    padding: 0 0 0 13px;
	}
	.product_box .box_title {
	    height: 106px;
	}
	.box_title h4 {
	    padding: 0 10px;
	    float: none;
	}
	.product_search {
	    width: 100%;
	    float: none;
	    margin: 20px auto 10px;
	}
	.product_search input {
	    width: 242px;
	}
	.swiper-paginations
    {
        width:65px !important;
        margin:0 auto !important;
    }
}
@media only screen and (min-width: 1200px) {
	.product_content {
		width: 1065px;
	}
	.product_menu a {
		font-size: 12px;
		padding: 0 10px;
	}
}
@media only screen and (min-width: 1400px) {
	.product_content {
		width: 1065px;
	}
	.product_menu a {
		font-size: 16px;
		padding: 0 10px;
	}
}
@media only screen and (min-width: 1600px) {
	.product_content {
		width: 1165px;
	}
	.product_menu a {
		font-size: 16px;
	}
}
/*²úÆ·ÏêÇé*/
.product_details {
	width: 100%;
	overflow: hidden;
	margin: 25px 0 25px;
	border-top: 1px solid #f3f4f6;
	padding: 30px 0 0;
}
.product_details .details_left {
	width: 450px;
	overflow: hidden;
	border: 1px solid #eaeaea;
	float: left;
}
.details_left img {
	width: 100%;
    margin:0 auto;
}
.product_details .details_right {
	width: 589px;
	overflow: hidden;
	margin: 0 0 0 45px;
	float: left;
}
.details_right h3 {
	line-height: 30px;
	padding: 15px 0;
	font-size: 18px;
	color: #4c4d52;
	border-bottom: 1px solid #f0f0f0;
	margin: 0;
}
.details_right .details_txt {
	width: 100%;
	overflow: hidden;
	line-height: 32px;
	color: #000000;
	font-size: 16px;
}
.details_txt img {
	width: 100%;
}
@media only screen and (max-width: 1199px) {
	.product_details {
	    margin: 25px 0 50px;
	}
	.product_details .details_left {
	    width: 300px;
	}
	.product_details .details_right {
	    width: 455px;
	    margin: 0 0 0 30px;
	}
}
@media only screen and (max-width: 991px) {
	.product_details .details_left {
	    width: 100%;
	}
	.product_details .details_right {
	    width: 100%;
	    margin: 20px 0 0;
	}
}
@media only screen and (max-width: 767px) {
	.product_details {
	    margin: 10px 0 30px;
	    padding: 20px 0 0;
	}
	.product_details .details_right {
	    margin: 10px 0 0;
	}
	.details_right h3 {
	    margin: 0 0 0px;
	}
	.details_right .details_txt {
	    line-height: 20px;
	    font-size: 12px;
	}
	.details_txt strong {
		height: 35px;
		line-height: 35px;
		font-size: 15px;
		padding: 0 0 0 17px;
		margin: 0 0 10px;
	}
	.pro-nav a {
        margin-right: 10px;
    }
}
@media only screen and (min-width: 1200px) {
	.product_details .details_left {
	    width: 400px;
	}
	.product_details .details_right {
	    width: 540px;
	    margin: 0 0 0 45px;
	}
}
@media only screen and (min-width: 1400px) {
	.product_details .details_left {
	    width: 400px;
	}
	.product_details .details_right {
	    width: 540px;
	}
}
@media only screen and (min-width: 1600px) {
	.product_details .details_left {
	    width: 520px;
	    text-align: center;
	    margin-bottom: 30px;
	}
	.product_details .details_right 
	{
	    max-width: 816px;
	    width: 100%;
	}
}
/*Ïà¹Ø²úÆ·*/
.product_relevant {
	width: 100%;
	overflow: hidden;
}
.product_relevant h3 {
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 0 15px;
	border-bottom: 1px solid #f0f0f0;
	margin: 0 0 35px;
	color: #4c4d52;
	font-weight: bold;
}
.product_relevant .relevant_list {
	width: 100%;
	overflow: hidden;
	margin: 0 0 35px;
}
.relevant_list a {
	display: block;
	overflow: hidden;
	margin: 0 50px 0 0;
	float: left;
	text-align: center;
	color: #666666;
}
.relevant_list a:last-of-type{
	margin: 0;
}
.relevant_list a .relevant_img {
	width: 100%;
	overflow: hidden;
	border: 1px solid #ebebeb;
}
.relevant_list a .relevant_img img {
	width: 100%;
	transition: all 1s;
}
.relevant_list a p {
	line-height: 32px;
	margin: 5px 0;
	font-size: 16px;
}
.relevant_list a:hover .relevant_img img {
	transform: scale(1.15);
}
.relevant_list a:hover {
	color: #4c4d52;
}
@media only screen and (max-width: 1199px) {
	.relevant_list a {
		width: calc(20% - 20px);
		width: -moz-calc(20% - 20px);
		width: -webkit-calc(20% - 20px);
		margin: 0 25px 0 0;
	}
	.product_l {
        width: 100% !important;
    }
    .pro-nav a {
        width: 31% !important;
        padding-left: 0px !important;
        margin-top: 10px !important;
        line-height: 60px !important;
        float: left !important;
        text-align: center !important;
    }
    .pro-nav a:nth-child(3),.pro-nav a:nth-child(6),.pro-nav a:nth-child(9) {
        margin-right: 0px !important;
    }
    .pro-nav {
        width: 100% !important;
    }
    .product_r {
        float: left !important;
        width: 100% !important;
        margin-top: 62px !important;
        padding: 0px !important;
    }
    .p_Product {
        width: 48% !important;
    }
    .pro-con-show {
        margin-top: 20px !important;
    }
}
@media only screen and (max-width: 991px) {
	.relevant_list a {
	    width: calc(50% - 20px);
	    width: -moz-calc(50% - 20px);
	    width: -webkit-calc(50% - 20px);
	    margin: 0 40px 30px 0;
	}
	.relevant_list a:nth-of-type(2n) {
		margin: 0 0 30px;
	}
	#c_static_001_P_4810-1666175927374 .e_credible-34 {
        max-width: 130px;
    }
    .nodata {
        margin: 25% 0px 70px;
    }
}
@media only screen and (max-width: 767px) {
	.product_relevant .relevant_list {
	    margin: 0 0 20px;
	}
	.product_relevant h3 {
	    line-height: 30px;
	    padding: 0 0 10px;
	    margin: 0 0 20px;
	}
	.relevant_list a {
	    width: calc(100% - 10px);
	    width: -moz-calc(100% - 10px);
	    width: -webkit-calc(100% - 10px);
	    margin: 0 20px 10px 0;
	}
	.relevant_list a:nth-of-type(2n) {
		margin: 0 0 10px;
	}
	.info1 p,.info2 p,.info3 p
	{
	    padding: 0 10px;
	}
	.info1 h1, .info2 h1, .info3 h1
	{
	    text-indent: 12px;
	}
	.info2_content
	{
	    padding:0 10px;
	}
	.product_relevant {
        width: 95%;
        margin: 0 auto;
    }
    .info2_content table td:first-child {
        width: 60px !important;
    }
    .info2_content table td {
        padding: 0px !important;
    }
}


.right 
{
    float:right;
    margin-top: 8px;
}


.proCon table {
    width: 100% !important;
    border-collapse: collapse;
    border: 0px none;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-spacing: 0;
    table-layout: fixed;
}

.proCon table tr {
    height: auto !important;
}

.proCon table td {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px !important;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto !important;
}

.proCon table td p {
    display: block;
    margin: 0;
}

.proCon table td span {
    display: inline-block;
    margin: 0;
}

.proCon table tr {
    transition: all .2s;
}

.proCon table tr:hover {
    background: #e7f1fc;
}


/*²úÆ·ÏêÇéÒ³*/
.info1{font-size: 16px;color: #323232;line-height: 2;padding-bottom: 14px; margin-bottom: 25px;}
.info2{font-size: 16px;color: #323232;line-height: 2;padding-bottom: 14px; margin-top: 25px; text-align: justify;}
.info3{font-size: 16px;color: #323232;line-height: 2;padding-bottom: 14px; margin-bottom: 25px; text-align: justify;}
.details2_txt{ width:100%; float:left;}


.xsrx{ font-weight:bold; font-size:18px;}
.tel a{ color:#0066b4; font-size:32px; font-weight:bold; line-height:42px;}

.proBox .bottomLine {
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}

.proBox .detailItem {
    width: 150px;
    text-align: center;
    background: #0c5e47;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.info2_content {
    padding: 30px 0px 0px 0px;
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
    font-family: "΢ÈíÑźÚ" !important;
}


.info2_content p{
    line-height: 30px;
    font-size: 16px;
    font-family: "΢ÈíÑźÚ" !important;
}


.info2_content strong
{
    margin-bottom:10px;
    display: inline-block;
}

.info2_content img {
    max-width: 100%;
    max-height: 400px;
    height: auto;
}

.info2_content table {
    width: 100% !important;
    border-collapse: collapse;
    border: 0px none;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-spacing: 0;
    table-layout: fixed;
}

.info2_content table tr {
    height: auto !important;
}

.info2_content table td:first-child {
    width: 150px;
}

.info2_content table td {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto!important;
    font-family: "΢ÈíÑźÚ" !important;
}
.info2_content table th {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px !important;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto!important;
    font-weight:normal;
}

.info2_content table td p {
    display: block;
    margin: 0;
    font-family: "΢ÈíÑźÚ" !important;
}

.info2_content table td span {
    display: inline-block;
    margin: 0;
    font-size: 16px !important;
    text-align: center;
    font-family: "΢ÈíÑźÚ" !important;
}

.info2_content table tr {
    transition: all .2s;
}

.info2_content table tr:hover {
    background: #e7f1fc;
}

.pushtitle {
    margin-top: 10px;
    text-align: center;
}

.backtoPro {
    width: 50px;
    height: 50px;
    background: #0c5e47;
    text-align: center;
    line-height: 50px;
}

.backtoPro a,.backtoPro:hover a,.backtoPro a:hover {
    color: #fff;
}

.backtoPro a i {
    font-size: 25px;
}

.backtoPro:hover {
    background: #099c9b;
    color: #0c5e47;
}

.pro_tablist {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
}


.product_bigbox
{
    background-color: #f5f5f5;
}
.huagan_cp {
    font-size: 18px;
    color: #1b3d81;
    padding: 20px 0;
    font-weight:bold;
}
.product_l{ float: left; width: 260px; position: relative;}
.pro-nav{ z-index:999; width: 260px; }

.pro-nav a{ display:block; width:100%; padding-left:10px; height:60px; background:#FFF; margin-top:2px; line-height:60px; font-size:16px;color: #737373;}
.pro-nav a:hover{ background:#1b3d81; color:#FFF;}
.pro-con-show{display: none;}
.product_r{float: right; width: calc(100% - 50px);background-color: #ffffff;padding: 30px;}
.pinxs{display: inline-block;background: #1b3d81; margin-left:7px;
transform: skew(-20deg);
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
-ms-transform: skew(-20deg);}
.pinxs h1{ font-size: 18px;font-weight:normal; color: #fff; line-height:40px;
display: inline-block; width: 220px; padding-left: 20px;
transform: skew(20deg);
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);}
.pro-section h1 i{ display: inline-block; width: 8px; height:8px; background: #b8251d;  margin-right: 10px; margin-bottom:5px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);}
.pro-con-list{ width: 96%; margin: 0 auto 35px auto;}
.pro-section-list{ width: 98%; margin:20px auto 10px auto;}
.pro-section-list li{float:left; min-width:98px;width:23.5%;text-align:left;font-size:16px; margin-bottom:15px; min-height: 30px;
padding: 0 10px 0 0;margin-left: 1%;}
.link_xx{ width: 100%; height: 2px; background: #1b3d81;}
.pro-section-list li a{  font-size:16px;color:#1b3d81; display:inline-block; font-weight: bold;}
.pro-section-list li:hover a{ /*border-bottom:3px solid #b8251d; padding-bottom:3px;*/color: #b8251d;}
.pro-section-list li.select{ /*border-bottom:3px solid #b8251d;padding-bottom:3px; */background: #b8251d;}
.pro-section-list li  a.select{ color: #b8251d;border-bottom: 2px solid #b8251d; padding-bottom:6px;}
.pro-item{ float:left; width:31.3%; cursor:pointer;background:#FFF; position:relative; margin-bottom: 30px; margin-left: 3%;}
.pro-item:nth-of-type(3n+1){ margin-left: 0}
.pro-item .tit{position:absolute; width:100%; left:50%; bottom:0px; font-size: 15px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);}
.pro-item .tit{ display:block; width:82%; height:40px; background:#1b3d81; color:#FFF; margin:0 auto; line-height:40px; text-align:center; }

.pro-item-select{
background: -webkit-linear-gradient(#ffffff,#A2BFDF);
background: -o-linear-gradient(#ffffff,#A2BFDF);
background: -moz-linear-gradient(#ffffff,#A2BFDF);
background: linear-gradient(#ffffff,#A2BFDF);
-moz-box-shadow: 3px 3px 5px #888888;
box-shadow: 3px 3px 5px #888888;}