.layout {
	overflow:hidden;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:99;
	-webkit-backdrop-filter:blur(0.2604166666666667rem);
	backdrop-filter:blur(0.2604166666666667rem);
	background-color:#ffffff80;
}
.wrap {
	margin:0 1.0416666666666667rem;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:60px;
}
.naver ul {
	display:flex;
	align-items:center;
}
.naver ul li {
	margin-left:5.208333333333334rem;
	height:2.0833333333333335rem;
	overflow:hidden;
}
.naver ul li h3 i {
	display:block;
	text-align:center;
	font-size:16px;
	line-height:2.0833333333333335rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.naver ul li a:hover i,.naver ul li.on a i {
	transform:translateY(-100%);
	text-decoration:underline;
}
.hban {
	height:100vh;background: #f1f1f1;
	/* background:#000; */
}
.habout .flex {
	display:flex;
	border-top:0.052083333333333336rem solid #f2f2f2;
	padding:1.5625rem;
	margin-top:3.125rem;
	justify-content:flex-end;
	position:relative;
}
.habout .titwb {
	font-size:15.3125rem;
	font-weight:bold;
	color:#000;z-index: 2;
	position:absolute;
	line-height:1;
	left:100%;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	white-space:nowrap;
}
.habout .pic img {
	width:46.875rem;
	display:block;
}
.habout .flex2 {
	display:flex;
	justify-content:space-between;
	padding:7.291666666666667rem 1.5625rem 6.25rem;
}
.habout .flex2 .txt {
	flex:1;
	padding-left:7.291666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.habout .flex2 .txt h1 {
	font-size:3.125rem;
	color:#000000;
	line-height:1.6;
}
.habout .flex2 .txt h6 {
	font-size:1.25rem;
	color:#000000;
	line-height:1.6;
	text-transform:uppercase;
	margin-top:2.8645833333333335rem;
}
.habout .flex2 .text {
	width:46.875rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.habout .flex2 .text h5 {
	font-size:1.25rem;
	color:#000000;
	line-height:2;
}
.habout .flex2 .text p {
	font-size:16px;
	color:#000000;
	line-height:1.7;
	margin-top:1.5625rem;
}
.himgs img {
	width:100%;
	display:block;
}
.himgs {
	height:100vh;
}
.hcase {
	padding:3.125rem 0;
}
.hcase .wrap {
	display:flex;
	justify-content:space-between;
}
.tit {
	width:21.875rem;
}
.tit h3 {
	font-size:1.875rem;
	color:#000000;
	line-height:1.4;
}
.caselist {
	flex:1;
}
.caselist ul {
	display:flex;
	flex-wrap:wrap;
	gap:1.0416666666666667rem 3.90625rem;
}
.caselist ul li {
	width:calc((100% - 7.8125rem)/3);
}
.caselist ul li .pic {
	overflow:hidden;
	position:relative;
}
.caselist ul li .pic img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.caselist ul li .txtmk {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	-webkit-backdrop-filter:blur(0.4166666666666667rem);
	backdrop-filter:blur(0.4166666666666667rem);
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.caselist ul li .txtmk i {
	font-size:1.25rem;
	color:#000;
	text-decoration:underline;
	display:inline-block;
}
.caselist ul li h6 {
	font-size:1.25rem;
	color:#000000;
	line-height:1.6;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:0.78125rem 0;
}
.caselist ul li:hover .txtmk {
	opacity:1;
}
.more {
	text-align:center;
	margin:2.604166666666667rem 0;
}
.more a {
	display:inline-block;
	font-size:1.25rem;
	color:#000;
	text-decoration:underline !important;
	display:inline-block;
}
.partner {
	;
}
.partner .wrap {
	display:flex;
	justify-content:space-between;
	border-top:0.052083333333333336rem solid #f2f2f2;
	padding-top:3.125rem;
}
.partner .text {
	flex:1;
}
.partner .text p {
	font-size:1.25rem;
	color:#000000;
	line-height:2;
}
.partner .text ul {
	border:1px solid #f2f2f2;
	display:flex;
	border-right:none;
	flex-wrap:wrap;
	border-bottom:none;
	margin-top:3.125rem;
}
.partner .text li {
	width:20%;
	height:10.416666666666668rem;
	display:flex;
	justify-content:center;
	align-items:center;
	border-bottom:0.052083333333333336rem solid #f2f2f2;
	border-right:0.052083333333333336rem solid #f2f2f2;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.partner .text li img {
	width:80%;
	height:80%;
	display:block;
	object-fit:contain;
}
.partner .text .flexc {
	display:flex;
	justify-content:space-between;
	margin-top:3.125rem;
	padding-top:3.125rem;
	border-top:0.052083333333333336rem solid #f2f2f2;
	align-items:center;
}
.partner .text h3 {
	font-size:1.875rem;
	color:#000;
	line-height:1.6;
}
.partner .text h3 i {
	border-bottom:0.052083333333333336rem solid #000;
	display:inline-block;
	line-height:1.2;
}
.partner .text .flexc p {
	flex:1;
	margin-left:7.8125rem;
	color:#cfcfcf;
	line-height:1.7;
}
.footer{
	margin-top:5.208333333333334rem;
	position: relative;
}
.footer canvas{
	width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;z-index: 1;
}
.footer #page_footer{
	margin-top: -6rem;
}
.footer .wrap {
	display:flex;
	justify-content:space-between;
	align-items:self-end;
	padding:7.125rem 0 3.125rem;
}
.footer .lt {
	width:22.65625rem;position: relative;z-index: 2;
}
.footer .lt p {
	font-size:14px;
	color:#000;
	line-height:1.8;
}
.footer .rt {
	flex:1;position: relative;z-index: 2;
}
.footer .rt h5 {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	margin-bottom:5.208333333333334rem;
}
.footer .rt ul {
	display:flex;
}
.footer .rt ul li {
	flex:1;
}
.footer .rt ul li h4 {
	font-size:0.9375rem;
	color:#000;
	line-height:1.6;
	margin-bottom:0.5208333333333334rem;
}
.footer .rt ul li p {
	font-size:14px;
	color:#000;
	line-height:1.8;
}
.footer .weix {
	margin-right:1.5625rem;position: relative;z-index: 2;
}
.footer .weix h6 {
	font-size:0.9375rem;
	color:#000;
	line-height:1.6;
	margin-bottom:0.5208333333333334rem;
}
.footer .weix .icon img {
	width:1.9270833333333335rem;
	display:block;
}
.qwcase {
	padding:7.8125rem 0 2.604166666666667rem;
}
.qwcase .hs {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:1.25rem;
	border-bottom:0.052083333333333336rem solid #d2d2d2;
}
.qwcase .hs h3 {
	font-size:16px;
	line-height:1.6;
	color:#000000;
}
.qwcase .hs dl {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.qwcase .hs dd {
	margin-left:3.3333333333333335rem;
	height:1.5625rem;
	overflow:hidden;
}
.qwcase .hs dd i {
	display:block;
	text-align:center;
	font-size:16px;
	line-height:1.5625rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	color:#727272;
}
.qwcase .hs dd a:hover i,.qwcase .hs dd.on a i {
	transform:translateY(-100%);
	color:#000;
}
.qwcase .bds ul {
	display:flex;
	flex-wrap:wrap;
}
.qwcase .bds li .pic {
	width:100%;
	overflow:hidden;
}
.qwcase .bds {
	margin-top:1.5625rem;
}
.qwcase .bds li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.qwcase .bds li {
	margin-right:0.9375rem;
	margin-bottom:4.166666666666667rem;
	width:calc((100% - 2.916666666666667rem)/4);
}
.qwcase .bds li:nth-child(4n) {
	margin-right:0;
}
.qwcase .bds li .txt {
	margin-top:1.5625rem;
}
.qwcase .bds li h3 {
	font-size:1.1458333333333335rem;
	line-height:1.5;
	color:#333;
}
.qwcase .bds li p {
	font-size:14px;
	line-height:1.6;
	color:#727272;
	margin-top:0.5208333333333334rem;
}
.qwability .fuwu {
	padding-top:3.125rem;
}
.qwability .fuwu .wrap {
	position:relative;
	border-bottom:0.052083333333333336rem solid #d2d2d2;
	padding:1.5625rem 1.0416666666666667rem 2.0833333333333335rem;
}
.utline {
	background-color:#d2d2d2;
	height:0.052083333333333336rem;
	left:0;
	position:absolute;
	top:0;
	transform-origin:center left;
	width:0;
	transition:all 0.3s;
}
.qwability .fuwu h2 {
	font-size:1.8229166666666667rem;
	line-height:1.6;
	color:#000;
	position:absolute;
	left:0;
	top:2.0833333333333335rem;
	z-index:1;
}
.qwability .fuwu .text {
	float:right;
	width:47.395833333333336rem;
}
.qwability .fuwu dd {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:1.5625rem 0;
	border-bottom:0.052083333333333336rem solid #d2d2d2;
}
.qwability .fuwu dd:last-child {
	border-bottom:none;
}
.qwability .fuwu h3 {
	font-size:1.3541666666666667rem;
	line-height:1.6;
	color:#000;
	width:16.979166666666668rem;
}
.qwability .fuwu p {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#000;
	margin-bottom:0.3125rem;
}
.qwability .swipic {
	position:absolute;
	left:0;
	bottom:-2.0833333333333335rem;
	z-index:1;
}
.qwability .swipic img:nth-child(n+2){
	display: none;
}

.qwability .fuwu .txt {
	width:calc(100% - 16.979166666666668rem);
}
.habout .abilflex {
	margin-top:7.8125rem;
}
.qwability .picban {
	padding:2.0833333333333335rem 0;
}
.qwability .picban .wrap {
	/*height:45.9375rem;*/
	position:relative;
}
.qwability .picban .video {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.qwability .picban img{
    width: 100%;display: none;
}
.qwability .picban .ts {
	position:absolute;
	left:1.0416666666666667rem;
	bottom:2.604166666666667rem;
	z-index:1;
}
.qwability .picban p {
	font-size:7.8125rem;
	line-height:1;
	color:#fff;
	font-weight:bold;
}
.qwability .picban p:nth-child(1) {
	padding-left:13.020833333333334rem;
}
.qwability .last {
	padding:1.0416666666666667rem 0 4.166666666666667rem;
}
.qwability .last .wrap {
	position:relative;
}
.qwability .last .flax {
	padding-top:5.208333333333334rem;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.qwability .last h3 {
	font-size:2.0833333333333335rem;
	line-height:1.6;
	color:#000;
	width:21.875rem;
}
.qwability .last .rts {
	width:calc(100% - 21.875rem);
}
.qwability .last li .pic {
	width:100%;
	overflow:hidden;
	position:relative;
}
.qwability .last li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.qwability .last li .txtmk {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	-webkit-backdrop-filter:blur(0.5208333333333334rem);
	backdrop-filter:blur(0.5208333333333334rem);
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.qwability .last li .txtmk i {
	font-size:1.25rem;
	color:#000;
	text-decoration:underline;
	display:inline-block;
}
.qwability .last li:hover .txtmk {
	opacity:1;
}
.qwability .last li .ts {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:0.7291666666666667rem;
}
.qwability .last li h5 {
	font-size:16px;
	line-height:1.6;
	color:#000;
}
.qwability .last li p {
	font-size:16px;
	line-height:1.6;
	color:#939393;
}
.utximbs {
	margin-top:7.8125rem;
	position:relative;
	padding-top:2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.utximbs h4 {
	font-size:1.875rem;
	line-height:1.6;
	color:#000;
	font-weight:lighter;
}
.utximbs h4 i {
	border-bottom:0.052083333333333336rem solid #000;
}
.utximbs h6 {
	font-size:1.0416666666666667rem;
	line-height:1.5;
	font-weight:lighter;
	color:#949494;
	flex:1;
	margin-left:7.8125rem;
}
.qwcasedel {
	margin-top:6.25rem;
	padding-bottom:3.125rem;
}
.crumbs {
	padding-bottom:2.0833333333333335rem;
	border-bottom:0.052083333333333336rem solid #d2d2d2;
}
.crumbs dl {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.crumbs dd a,.crumbs dd span {
	font-size:14px;
	line-height:1.6;
	color:#7e7e7e;
}
.crumbs dd span {
	margin:0 0.5208333333333334rem;
}
.crumbs dd a:hover,.crumbs dd.on a {
	color:#080808;
}
.qwcasedel .flax {
	width:75.26041666666667rem;
	margin-top:3.125rem;
	float:right;
}
.qwcasedel .hs {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding-right:3.6458333333333335rem;
	margin-bottom:5.208333333333334rem;
}
.qwcasedel .text h3 {
	font-size:1.3541666666666667rem;
	line-height:1.6;
	color:#000;
	position:relative;
}
.qwcasedel .text h3::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-2.0833333333333335rem;
	z-index:1;
	width:3.229166666666667rem;
	height:0.052083333333333336rem;
	background:#e5206a;
}
.qwcasedel .text p {
	font-size:15px;
	line-height:1.7;
	color:#000;
	flex:1;
	margin-left:7.8125rem;
}
.qwcasedel .text img {
	width:100%;
	height:auto !important;
}
.qwcontact {
	background-color:#fff;
	height:100vh;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:2;
}
.qwcontact .imgspges .imgs.i1 img {
	animation:pic1 21s .5s infinite;
	height:30.8958333333vw;
	width:50.2604166667vw;
	opacity:0;object-fit: contain;
	transform:scale3d(.85,.85,.85);
}
.qwcontact .imgspges .imgs.i2 img {
	animation:pic2 21s .5s infinite;
	height:30.46875vw;
	width:30.46875vw;
}
.qwcontact .imgspges .imgs.i3 img {
	animation:pic3 21s .5s infinite;
	height:28.2291666667vw;
	width:44.4270833333vw;
}
.qwcontact .imgspges .imgs.i4 img {
	animation:pic4 21s .5s infinite;
	height:35.8333333333vw;
	width:30.46875vw;
}
@keyframes pic1 {
	0% {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
12.5% {
	opacity:1;
	transform:none;
}
25% {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
;}@keyframes pic2 {
	25% {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
37.5% {
	opacity:1;
	transform:none;
}
50% {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
;}@keyframes pic3 {
	50% {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
62.5% {
	opacity:1;
	transform:none;
}
75% {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
;}@keyframes pic4 {
	75% {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
87.5% {
	opacity:1;
	transform:none;
}
to {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
;}.qwcontact .imgspges .imgs.i1 {
	left:50%;
	top:40%;
	transform:translate(-50%,-50%);
}
.qwcontact .imgspges .imgs.i2 {
	right:.9895833333vw;
	top:3.4895833333vw;
}
.qwcontact .imgspges .imgs.i3 {
	left:.9895833333vw;
	top:3.4895833333vw;
}
.qwcontact .imgspges .imgs.i4 {
	bottom:1.0416666667vw;
	right:.9895833333vw;
}
.qwcontact .imgspges .imgs {
	position:absolute;
}
.qwcontact .imgspges .imgs img {
	opacity:0;
	transform:scale3d(.85,.85,.85);
}
.qwcontact .context {
	position:absolute;
	left:1.0416666666666667rem;
	bottom:1.5625rem;
	z-index:1;
	display:flex;
	align-items:flex-start;
}
.qwcontact .context h6 {
	font-size:14px;
	line-height:1.6;
	color:#646464;
	margin-bottom:0.9375rem;
}
.qwcontact .context h3 {
	font-size:17px;
	line-height:1.6;
	color:#000;
	font-weight:bold;
}
.qwcontact .context p {
	font-size:17px;
	line-height:1.5;
	color:#000;
}
.qwcontact .context h2 a {
	display:inline-block;
	font-size:1.0416666666666667rem;
	line-height:1.5;
	font-weight:bold;
	color:#000;
	text-decoration:underline !important;
	margin-top:3.125rem;
}
.qwcontact .context h5 {
	font-size:17px;
	line-height:1.6;
	color:#000;
	font-weight:bold;
	margin-bottom:0.8333333333333334rem;
	mix-blend-mode:difference;
}
.qwcontact .context h4 {
	font-size:17px;
	line-height:1.6;
	color:#000;
	font-weight:bold;
	mix-blend-mode:difference;
}
.qwcontact .context .txt {
	mix-blend-mode:difference;
}
.qwcontact .context .txt:nth-child(2) {
	flex:1;
	margin-left:8.333333333333334rem;
}
.footer.on {
	margin-top:0;
}
.qwcofoms {
	padding:7.8125rem 0 0;
}
.qwcofoms .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.qwcofoms .lts h2 {
	font-size:2.0833333333333335rem;
	line-height:1.6;
	color:#000;
	margin-bottom:0.9375rem;
}
.qwcofoms .lts p {
	font-size:0.9375rem;
	line-height:1.5;
	color:#949494;
}
.qwcofoms .rts {
	width:44.53125rem;
}
.qwcofoms .rts li {
	margin-bottom:1.0416666666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border:1px solid #000;
}
.qwcofoms .rts li h4 {
	font-size:16px;
	line-height:2.8125rem;
	color:#000;
	width:11.979166666666668rem;
	padding-left:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.qwcofoms .rts li h4::before {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	z-index:1;
	width:0.052083333333333336rem;
	height:1.9791666666666667rem;
	background:#000;
	margin-top:-0.9895833333333334rem;
}
.qwcofoms .rts li h4 i {
	color:#e41462;
}
.qwcofoms .rts .ts {
	width:calc(100% - 11.979166666666668rem);
}
.qwcofoms .rts .t1 {
	width:100%;
	padding:0 1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:2.8125rem;
	border:none;
	background:none;
	font-size:16px;
	color:#000;
}
.qwcofoms .rts  .lsele {
	width:100%;
	padding:0 1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:2.8125rem;
	border:none;
	background:none;
	font-size:16px;
	color:#000;
	background: url(../images/ut13.png) no-repeat right 0.5rem center;
}
.qwcofoms .rts li.on {
	display:block;
}
.qwcofoms .rts .t2 {
	height:9.375rem;
	padding:1.0416666666666667rem;
	line-height:1.7;
	resize:none;
}
.qwcofoms .rts .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.qwcofoms .rts h6 {
	font-size:14px;
	line-height:1.6;
	color:#949494;
}
.qwcofoms .rts h6 i {
	color:#e41462;
}
.qwcofoms .rts .btn {
	font-size:0.9375rem;
	line-height:1.6;
	color:#606266;
	display:inline-block;
	border-bottom:0.052083333333333336rem solid #000;
}
.qwcase .bds li .pic img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.qwcase .bds li:hover .pic img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.hban {
	p{position:fixed;
	top:48%;
	left:0;
	right:0;
	width:100%;
	text-align:center;
	z-index:999;
}
;}.pricing-hero {
	align-items:center;
	background:var(--color-just-black);
	display:flex;
	flex-direction:column;
	justify-content:center;
	max-width:100vw;
	min-height:100vh;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:2;
}
img {
	max-width 100%;
}
.pricing-hero .subtitle {
	color:var(--color-surface-white);
	display:inline-block;
	z-index:2;
}
.pricing-hero__flair {
	display:block;
	margin:max(2rem,min(2.0712vw + 1.51456rem,4rem)) auto
    max(2rem,min(6.21359vw + 0.543689rem,8rem));
	width:100%;
}
.pricing-hero__content {
	padding-bottom:max(4rem,min(10.7443vw + 1.4818rem,14.375rem));
	padding-top:max(4rem,min(10.7443vw + 1.4818rem,14.375rem));
	text-align:center;
	width:100%;
}
.pricing-hero__heading-container {
	position:relative;
	width:100%;
}
.pricing-hero__heading--free {
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	width:100%;
}
.pricing-hero__heading {
	line-height:1.13 !important;
	margin:0;
}
.pricing-hero__heading > * {
	-webkit-text-fill-color:transparent;
	background:var(--color-ui-gradient);
	-webkit-background-clip:text;
	background-clip:text;
	will-change:transform;
}
.pricing-hero__hand {
	left:0;
	opacity:0;
	pointer-events:none;
	position:fixed;
	top:0;
	width:1.5625rem;
	z-index:4;
}
.pricing-hero__hand small {
	left:-60%;
	position:absolute;
	top:1.0416666666666667rem;
	width:200%;
}
.pricing-hero__drag,.pricing-hero__rock {
	position:absolute;
	z-index:4;
}
.pricing-hero__rock,.pricing-hero__drag {
	max-width:141%;
	opacity:0;
	right:0.052083333333333336rem;
	top:-1.1458333333333335rem;
	width:131%;
}
.pricing-hero__drag {
	opacity:1;
}
.pricing-hero__handle {
	left:0;
	opacity:0;
	position:absolute;
	right:0;
	top:-2.0833333333333335rem;
	width:100%;
}
.pricing-hero__canvas {
	z-index:-1;
}
.pricing-hero__canvas,.pricing-hero__proxy {
	bottom:0;
	height:100vh;
	left:0;
	position:absolute;
	right:0;
	top:0;
	width:100vw;
}
.pricing-hero__proxy {
	z-index:3;
}
.explosion-img {
	will-change:transform;
}
.pricing-intro {
	align-items:center;
	background:var(--color-ui-blue-lt);
	color:var(--color-just-black);
	overflow:hidden;
	padding-top:max(4rem,min(7.63754vw + 2.20995rem,11.375rem));
	position:relative;
	z-index:2;
}
@media only screen and (min-width:77.5rem) {
	.pricing-intro {
	padding-bottom:max(2rem,min(9.64401vw - 0.260316rem,11.3125rem));
}
;}.pricing-intro .heading-r {
	-webkit-text-fill-color:transparent;
	background:var(--color-ui-text-gradient);
	-webkit-background-clip:text;
	background-clip:text;
	line-height:1.2;
	margin-bottom:max(1rem,min(1.0356vw + 0.757282rem,2rem));
}
.pricing-intro:after {
	background-image:url(/tf-assets/noise-e82662fe.png);
	bottom:0;
	content:"";
	display:block;
	height:100%;
	left:0;
	opacity:0.2;
	pointer-events:none;
	position:absolute;
	right:0;
	top:0;
	width:100%;
}
.pricing-intro__heading {
	margin-bottom:max(2rem,min(2.0712vw + 1.51456rem,4rem));
}
.pricing-intro__flair {
	margin-bottom:0;
	margin-top:3.3333333333333335rem;
}
.pricing-intro__flair svg {
	margin:0 auto;
	max-width:max(16.875rem,min(17.4757vw + 12.7791rem,33.75rem));
	width:100%;
}
.explosion-img {
	will-change:transform;
}

.webshow{
	display: none;
}








.footer .weix{
	cursor: pointer;
}

.weixc{
	margin: 0 auto;
	position: absolute;
	right: 100%;
	top: 50%;z-index: 99;
	display: none;transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%);
	padding-right: 10px;
	width: 90px !important;
}
.weixc img{
	width: 100% !important;display: block;
	background: #fff;border-radius: 6px;overflow: hidden;
	box-shadow: 0 0 10px 0 rgba(80,80,80,0.2);
	width: 90px !important;
}
.weixc h6{
	text-align: center;
	font-size: 16px;
	line-height: 1.6;
	padding: 10px;
}
.hban{
	overflow: hidden;position: relative;
}
.hban p {
			  position: absolute;
			  top: 48%;
			  left: 0; right: 0;
			  width: 100%;
			  text-align: center;
			  z-index: 9;
			  font-size: 30px;
			  font-weight: bold;
			  pointer-events: none;
			}
			.pricing-hero {
			  align-items: center;
			  background: var(--color-just-black);
			  display: flex;
			  flex-direction: column;
			  justify-content: center;
			  max-width: 100vw;
			  min-height: 100vh;
			  overflow: hidden;
			  position: relative;
			  width: 100%;
			  z-index: 2;
			}
			
			.hban  img {
			  max-width 100%;
			}
			
			.pricing-hero .subtitle {
			  color: var(--color-surface-white);
			  display: inline-block;
			  z-index: 2;
			}
			
			.pricing-hero__flair {
			  display: block;
			  margin: max(2rem, min(2.0712vw + 1.51456rem, 4rem)) auto
			    max(2rem, min(6.21359vw + 0.543689rem, 8rem));
			  width: 100%;
			}
			
			.pricing-hero__content {
			  padding-bottom: max(4rem, min(10.7443vw + 1.4818rem, 14.375rem));
			  padding-top: max(4rem, min(10.7443vw + 1.4818rem, 14.375rem));
			  text-align: center;
			  width: 100%;
			}
			
			.pricing-hero__heading-container {
			  position: relative;
			  width: 100%;
			}
			
			.pricing-hero__heading--free {
			  left: 0;
			  opacity: 0;
			  position: absolute;
			  top: 0;
			  width: 100%;
			}
			
			.pricing-hero__heading {
			  line-height: 1.13 !important;
			  margin: 0;
			}
			
			.pricing-hero__heading > * {
			  -webkit-text-fill-color: transparent;
			  background: var(--color-ui-gradient);
			  -webkit-background-clip: text;
			  background-clip: text;
			  will-change: transform;
			}
			
			.pricing-hero__hand {
			  left: 0;
			  opacity: 0;
			  pointer-events: none;
			  position: fixed;
			  top: 0;
			  width: 30px;
			  z-index: 4;
			}
			
			.pricing-hero__hand small {
			  left: -60%;
			  position: absolute;
			  top: 20px;
			  width: 200%;
			}
			
			.pricing-hero__drag,
			.pricing-hero__rock {
			  position: absolute;
			  z-index: 4;
			}
			
			.pricing-hero__rock, .pricing-hero__drag {
			  max-width: 141%;
			  opacity: 0;
			  right: 1px;
			  top: -22px;
			  width: 131%;
			}
			
			.pricing-hero__drag {
			  opacity: 1;
			}
			
			.pricing-hero__handle {
			  left: 0;
			  opacity: 0;
			  position: absolute;
			  right: 0;
			  top: -40px;
			  width: 100%;
			}
			
			.pricing-hero__canvas {
			  z-index: -1;
			}
			
			.pricing-hero__canvas,
			.pricing-hero__proxy {
			  bottom: 0;
			  height: 100vh;
			  left: 0;
			  position: absolute;
			  right: 0;
			  top: 0;
			  width: 100vw;
			}
			
			.pricing-hero__proxy {
			  z-index: 3;
			}
			
			.explosion-img {
			  will-change: transform;
			}
			
			.pricing-intro {
			  align-items: center;
			  background: var(--color-ui-blue-lt);
			  color: var(--color-just-black);
			  overflow: hidden;
			  padding-top: max(4rem, min(7.63754vw + 2.20995rem, 11.375rem));
			  position: relative;
			  z-index: 2;
			}
			
			@media only screen and (min-width: 77.5rem) {
			  .pricing-intro {
			    padding-bottom: max(2rem, min(9.64401vw - 0.260316rem, 11.3125rem));
			  }
			}
			
			.pricing-intro .heading-r {
			  -webkit-text-fill-color: transparent;
			  background: var(--color-ui-text-gradient);
			  -webkit-background-clip: text;
			  background-clip: text;
			  line-height: 1.2;
			  margin-bottom: max(1rem, min(1.0356vw + 0.757282rem, 2rem));
			}
			
			
			
			.pricing-intro__heading {
			  margin-bottom: max(2rem, min(2.0712vw + 1.51456rem, 4rem));
			}
			
			.pricing-intro__flair {
			  margin-bottom: 0;
			  margin-top: 64px;
			}
			
			.pricing-intro__flair svg {
			  margin: 0 auto;
			  max-width: max(16.875rem, min(17.4757vw + 12.7791rem, 33.75rem));
			  width: 100%;
			}
			
			.explosion-img {
				will-change: transform;
			}