body,
button,
dd,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0;
	border: 0
}



* {
	-webkit-tap-highlight-color: transparent;
}



body {
	font-family: "PingFangLight", "Helvetica Neue", 'Microsoft Yahei', '黑体', Arial, sans-serif;
	background-color: #ffffff;
	overflow-x: hidden;
}



button,
input,
textarea,
select {
	-webkit-appearance: none;
	resize: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
}



h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}



img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
}



.none {
	display: none;
}



.online_x {
	cursor: pointer;
}



button:hover,
input[type=submit]:hover {
	cursor: pointer
}



button:focus,
input:active,
input:focus,
textarea:focus {
	/* border: 0*/

	outline: 0 none;
	outline-color: transparent;
}



a {
	color: #333;
	/* display: inline-block; */
}



	a:link {
		text-decoration: none
	}



	a:visited {
		text-decoration: none
	}



	a:hover {
		text-decoration: none;
	}



	a:active {
		text-decoration: none
	}



li {
	list-style: none;
}



.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden
}



.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}



.clearfix:after {
	clear: both
}



.clearfix {
	zoom: 1
}



/*引入外部字体*/

@font-face {
	font-family: "PingFangBold";
	src: url("../fonts/PingFangBold.ttf");
	src: url("../fonts/PingFangBold.ttf") format("TrueType");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "PingFangMedium";
	src: url("../fonts/PingFangMedium.ttf");
	src: url("../fonts/PingFangMedium.ttf") format("TrueType");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "PingFangLight";
	src: url("../fonts/PingFangLight.ttf");
	src: url("../fonts/PingFangLight.ttf") format("TrueType");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "PingFangRegular";
	src: url("../fonts/PingFangRegular.ttf");
	src: url("../fonts/PingFangRegular.ttf") format("TrueType");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "GothamMedium";
	src: url("../fonts/GothamMedium.otf");
	src: url("../fonts/GothamMedium.otf") format("OpenType");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "GothamLight";
	src: url("../fonts/GothamLight.otf");
	src: url("../fonts/GothamLight.otf") format("OpenType");
	font-weight: normal;
	font-style: normal;
}

.mImg {
	display: none;
}



.mBox {
	display: none;
}

	.mBox .video {
		position: relative;
	}

		.mBox .video > img {
			width: 100%;
		}

		.mBox .video .icon-play {
			position: absolute;
			width: 56px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.mBox .video .movie {
			display: none;
		}

			.mBox .video .movie video {
				position: static;
			}

.conwidth {
	max-width: 1190px;
	width: 90%;
	margin: auto;
}



.container {
	margin-right: auto;
	margin-left: auto;
}



	.container:before,
	.container:after {
		content: " ";
		display: table
	}



	.container:after {
		clear: both
	}





.header .logo {
	float: left;
}



	.header .logo a {
		line-height: 80px;
	}



.header .box {
	float: right;
}



.header .nav {
	float: left;
}



	.header .nav > ul > li {
		position: relative;
		float: left;
		min-width: 140px;
		text-align: center;
		transition: all 0.3s;
	}



		.header .nav > ul > li:hover {
			background-color: #404041;
		}



		.header .nav > ul > li > a {
			color: #d4d4d4;
			font-size: 15px;
			font-weight: bold;
			line-height: 80px;
			font-family: PingFangBold;
		}



		.header .nav > ul > li .dropDown {
			position: absolute;
			top: 100%;
			left: 0;
			min-width: 100%;
			padding: 0 2px;
			background-color: #fff;
			box-sizing: border-box;
			display: none;
		}



			.header .nav > ul > li .dropDown > a {
				display: block;
				color: #666;
				font-size: 14px;
				line-height: 70px;
				text-align: center;
				text-decoration: none;
				font-weight: 400;
				transition: all 0.3s;
			}



				.header .nav > ul > li .dropDown > a:hover {
					background-color: #a8a9a5;
					color: #fff;
				}



		.header .nav > ul > li .dropDown2 {
			padding: 0;
		}



.header .dropDown2 .wrap {
	display: flex;
	align-items: stretch;
	min-width: 703px;
	min-height: 432px;
}



.header .dropDown2 .item {
	display: none;
}



.header .dropDown2 .lNav {
	width: 140px;
	padding: 0 2px;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}



	.header .dropDown2 .lNav > a {
		display: block;
		color: #666;
		font-size: 14px;
		line-height: 70px;
		text-align: center;
		text-decoration: none;
		font-weight: 400;
		transition: all 0.3s;
	}



		.header .dropDown2 .lNav > a.active {
			background-color: #a8a9a5;
			color: #fff;
		}



		.header .dropDown2 .lNav > a:hover {
			background-color: #a8a9a5;
			color: #fff;
		}



.header .dropDown2 .cNav {
	width: 110px;
	padding: 0 2px;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}



	.header .dropDown2 .cNav .item > a {
		display: block;
		color: #666;
		font-size: 14px;
		line-height: 70px;
		text-align: center;
		text-decoration: none;
		font-weight: 400;
		transition: all 0.3s;
	}



		.header .dropDown2 .cNav .item > a:hover {
			background-color: #a8a9a5;
			color: #fff;
		}



.header .dropDown2 .item.active {
	display: block;
}



.header .dropDown2 .rNav {
	width: calc(703px - 250px);
}



.header .dropDown2 .text {
	margin: 15px 35px 15px;
	width: calc(100% - 70px);
	overflow: hidden;
	color: #999;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	max-height: 65px;
	font-weight: normal;
}



.header .dropDown2 .more {
	line-height: 43px;
	font-size: 13px;
	color: #00a0e9;
	font-weight: normal;
	display: block;
	margin: 0;
}



	.header .dropDown2 .more:hover {
		text-decoration: underline;
	}



.header .dropDown2 .rNav .box {
	display: none;
}



	.header .dropDown2 .rNav .box.active {
		display: block;
	}



.header .btnMenu {
	float: right;
	width: 40px;
	height: 30px;
	margin-top: 25px;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}



	.header .btnMenu > span {
		width: 40px;
		height: 2px;
		background-color: #fff;
		margin: 4px 0;
		transition: all 0.3s;
		-webkit-transform: skew(40deg);
		-moz-transform: skew(40deg);
		-o-transform: skew(40deg);
		-ms-transform: skew(40deg);
		transform: skew(40deg);
	}



	.header .btnMenu.on > span {
		width: 20px;
	}



		.header .btnMenu.on > span:first-child {
			transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
		}



		.header .btnMenu.on > span:nth-child(2) {
			display: none;
		}



		.header .btnMenu.on > span:last-child {
			transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			margin-top: -6px;
		}



	.header .btnMenu > span {
		background-color: #fff;
	}



.header.on .btnMenu > span {
	background-color: #000;
}



.header.active .btnMenu > span {
	background-color: #000;
}



.header.headBack .btnMenu > span {
	background-color: #000;
}



.header .mNav {
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	height: calc(100vh - 80px);
	padding: 5%;
	background-color: #fff;
	box-sizing: border-box;
	overflow-y: auto;
	z-index: 11;
	display: none;
}



	.header .mNav .item a {
		font-size: 15px;
		color: #141414;
		font-weight: bold;
		line-height: 50px;
		font-family: PingFangBold;
	}



	.header .mNav::-webkit-scrollbar {
		display: none;
	}



.searchbox {
	float: left;
	margin-left: 50px;
	width: 205px;
}



.header .search {
	position: relative;
	margin-top: 20px;
	width: 0%;
	min-width: 40px;
	height: 40px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.1s;
	-moz-transition: width 0.1;
	transition: width 0.1s;
	-webkit-backface-visibility: hidden;
}



	.header .search.open {
		width: 100%;
	}



	.header .search .text {
		float: left;
		width: 100%;
		padding: 0px 10px;
		overflow: hidden;
		border: none;
		outline: none;
		background: #fff;
		height: 40px;
		margin: 0;
		z-index: 10;
		font-size: 14px;
		color: #2c3e50;
		box-sizing: border-box;
		opacity: 0;
	}



	.header .search.open .text {
		opacity: 1;
	}



	.header .search .btn {
		position: absolute;
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
		margin: 0;
		color: transparent;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
		background: url(https://hobbywin.oss-cn-beijing.aliyuncs.com/images/search1.png) center no-repeat;
		background-size: 22px auto;
	}



	.header .search.open .btn {
		z-index: 10;
	}



	.header .search .icon {
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
		margin: 0;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
		background: url(https://hobbywin.oss-cn-beijing.aliyuncs.com/images/search.png) center no-repeat;
		background-size: 22px auto;
	}



	.header .search.open .icon {
		z-index: 9;
	}



/*语言切换*/

.head-nation {
	float: left;
	position: relative;
	margin-top: 23px;
	margin-left: 15px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



.header .head-nation .current {
	cursor: pointer;
	padding-bottom: 10px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding-left: 24px;
	/* background: url(https://hobbywin.oss-cn-beijing.aliyuncs.com/images/lang.png) left top 7px no-repeat; */
}



	.header .head-nation .current .name {
		font-size: 14px;
		color: #888;
		line-height: 30px;
		vertical-align: middle;
		display: inline-block;
		transition: all .3s;
		text-align: center;
	}



		.header .head-nation .current .name.on {
			color: #d4d4d4;
		}



.head-nation ul {
	display: none;
	position: absolute;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 40px;
	z-index: 100;
	background-color: #2b2b2b;
	text-align: left;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}



	.head-nation ul li a {
		display: block;
		font-size: 14px;
		color: #666666;
		line-height: 2.2;
		min-width: 80px;
		text-align: center;
		padding: 3px 10px;
		white-space: nowrap;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}



		.head-nation ul li a:hover {
			color: #FFFFFF;
			background-color: #000000;
		}



.head-user {
	position: relative;
	float: left;
	margin-top: 30px;
}



	.head-user .icon {
		width: 80px;
		text-align: center;
		padding-bottom: 15px;
	}



	.head-user ul {
		display: none;
		position: absolute;
		left: 50%;
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 33px;
		z-index: 100;
		background-color: #2b2b2b;
		text-align: left;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	}



		.head-user ul li a {
			display: block;
			font-size: 14px;
			color: #666666;
			line-height: 2.2;
			min-width: 80px;
			text-align: center;
			padding: 3px 10px;
			white-space: nowrap;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}



			.head-user ul li a:hover {
				color: #FFFFFF;
				background-color: #000000;
			}



.positionBox {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}



.location {
	width: 100%;
	height: 35px;
	background-color: #141414;
}



	.location .line {
		width: 100%;
		height: 1px;
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0));
		background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0));
		background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0));
		background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0));
	}



	.location .box {
		max-width: 1190px;
		width: 90%;
		margin: auto;
		line-height: 35px;
		font-size: 13px;
		color: #777777;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}



		.location .box code {
			padding: 2px 4px;
			font-size: 90%;
			color: #666;
			white-space: nowrap;
			border-radius: 4px;
		}



		.location .box a {
			color: #666;
		}



		.location .box .on {
			font-family: GothamLight;
		}



.tabbb {
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	height: 70px;
	background-color: #FFFFFF;
	z-index: 5;
	transition: all 0.3s;
	display: flex;
	align-items: center;
}



	.tabbb.active {
		position: fixed;
		height: 50px;
		background-color: rgba(255, 255, 255, 0.6);
		box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	}



.naaavbg {
	position: relative;
	width: 100%;
	margin: 0 auto;
}



.tabss {
	max-width: 1190px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}



	.tabss .more {
		display: none;
		float: right;
		font-size: 14px;
		line-height: 1;
		align-items: center;
		cursor: pointer;
	}



		.tabss .more .icon {
			margin-left: 5px;
		}



	.tabss span {
		color: #00A0E9;
		font-size: 21px;
		max-width: 50%;
		font-family: GothamLight;
		font-size: 24px;
		font-weight: bold;
	}



	.tabss ul {
		padding: 0;
		margin: 0;
	}



		.tabss ul li {
			float: left;
			margin: 0 15px;
			box-sizing: border-box;
		}

			/*.tabss ul li.bold{

	font-weight: bold;

}*/

			.tabss ul li a {
				font-size: 16px;
				text-decoration: none;
				color: #58595b;
			}



			.tabss ul li.activem a {
				color: #00A0E9;
				font-weight: bold;
			}



#app {
	background-color: #000000;
}

.videoBox {
}



	.videoBox .wrap {
		position: relative;
		width: 100%;
	}



		.videoBox .wrap img {
			width: 100%;
		}



	.videoBox video {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: fill;
	}

/*.max8g2Main .videoBox {

	height: calc(100vh - 50px);

	overflow: hidden;

}



.max8g2Main .videoBox .video {

	position: relative;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}*/



.max8g2Main .box {
	position: relative;
	height: calc(100vh - 50px);
	overflow: hidden;
}



.max8g2Main .box-1 {
	height: calc((100vh - 50px)*4);
	background-color: #000;
}



	.max8g2Main .box-1 .boxWrap {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 50px);
		background-position: center center;
		background-size: cover;
		overflow: hidden;
	}



		.max8g2Main .box-1 .boxWrap.active {
			position: fixed;
			top: 50px;
		}



	.max8g2Main .box-1 .arrow {
		position: absolute;
		bottom: 47%;
		left: 50%;
		width: 200px;
		height: 0;
		transition: all 1s;
		opacity: 0;
		overflow: hidden;
	}



		.max8g2Main .box-1 .arrow .back {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 200px;
			height: 351px;
			background-position: bottom left;
			background-repeat: no-repeat;
			background-size: cover;
		}



		.max8g2Main .box-1 .arrow.active {
			opacity: 1;
			height: 351px;
		}



	.max8g2Main .box-1 .tagBox {
		position: absolute;
		top: 23%;
		left: 65%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-family: PingFangBold;
		transition: all 0.5s;
		opacity: 0;
	}



	.max8g2Main .box-1 .tag {
		font-size: 22px;
		color: #fff;
		line-height: 36px;
		padding: 0 18px;
		margin-bottom: 35px;
		border: 1px solid #e3dad5;
		background-color: rgba(151, 151, 152, 0.5);
		border-radius: 7px;
	}



		.max8g2Main .box-1 .tag:last-child {
			margin-bottom: 0;
		}



	.max8g2Main .box-1 .btnPlay {
		position: absolute;
		top: 49%;
		left: 45%;
		transform: translate(-50%, -50%);
		font-size: 20px;
		color: #fff;
		line-height: 45px;
		padding: 0 15px 0 30px;
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 22px;
		cursor: pointer;
		display: flex;
		align-items: center;
		font-family: PingFangBold;
		transition: all 0.5s;
		opacity: 0;
	}



		.max8g2Main .box-1 .btnPlay .icon {
			margin-left: 10px;
		}



	.max8g2Main .box-1 .textBox {
		position: absolute;
		left: 50%;
		bottom: 5%;
		transform: translate(-50%, 0);
		max-width: 1000px;
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}



	.max8g2Main .box-1 .text {
		transition: all 0.5s;
		opacity: 0;
	}



	.max8g2Main .box-1 .h1 {
		font-size: 48px;
		color: #fff;
		line-height: 58px;
		margin-bottom: 10px;
		font-family: PingFangBold;
	}



	.max8g2Main .box-1 .h2 {
		font-size: 18px;
		color: #fff;
		line-height: 38px;
		font-family: PingFangLight;
	}



	.max8g2Main .box-1 .iconBox {
		display: flex;
		transition: all 0.5s;
		opacity: 0;
	}



	.max8g2Main .box-1 .itemIcon {
		font-size: 0;
		margin-right: 35px;
	}



		.max8g2Main .box-1 .itemIcon:first-child {
			margin-top: 12px;
		}



		.max8g2Main .box-1 .itemIcon:last-child {
			margin-right: 0;
		}



	.max8g2Main .box-1 .name {
		font-size: 14px;
		color: #fff;
		line-height: 18px;
		text-align: center;
		margin-top: 14px;
		font-family: PingFangLight;
	}



/*.videoPopup {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.7);

	z-index: 6;

	display: none;

}



.videoPopup .videoBox {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	height: 80vh;

}



.videoPopup .videob {

	height: 100%;

}



.videoPopup .btnClose {

	position: absolute;

	top: 5%;

	right: 5%;

	font-size: 0;

	cursor: pointer;

}*/



.videoPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 6;
	display: none;
}



	.videoPopup .videowrap {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 80vh;
	}



	.videoPopup .videob {
		height: 100%;
	}



	.videoPopup .btnClose {
		position: absolute;
		top: 12%;
		right: 5%;
		font-size: 0;
		cursor: pointer;
	}



.illustration {
	width: 100%;
	height: calc((100vh - 50px)*20);
}



.illustration-con {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}



.illustration-sticky {
	width: 100%;
	height: 100vh;
	padding-top: 50px;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	position: sticky;
	background: #000000;
	box-sizing: border-box;
}



.illustration-con-box {
	position: relative;
	height: 100%;
	/*width: 1440px;*/

	max-width: 1440px;
	width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.illustration-img-box {
	width: 100%;
	position: relative;
	height: 80vh;
}



.illustration-img {
	width: 80%;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 60%;
	/*max-height: 80%;*/

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	/*transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -webkit-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -moz-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -ms-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -o-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);*/
}



	.illustration-img.colorRoll {
		z-index: 2;
		opacity: 1;
	}



.illustration .suspen {
	z-index: 10;
}



	.illustration .suspen .h1 {
		font-size: 48px;
		color: #fff;
		line-height: 58px;
		margin-bottom: 10px;
		font-family: PingFangBold;
	}



	.illustration .suspen .h2 {
		font-size: 18px;
		color: #fff;
		line-height: 38px;
		font-family: PingFangLight;
	}



.illustration .suspen-1 .text {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	max-width: 1000px;
	width: 90%;
}



.illustration .suspen-1 .contrast {
	position: absolute;
	right: 0;
	bottom: 10%;
}



.illustration .suspen-1 .top {
	display: flex;
	align-items: flex-end;
}



.illustration .suspen-1 .lBox {
	position: relative;
	height: 234px;
	font-size: 18px;
	color: #fff;
	line-height: 1.3;
	padding-right: 35px;
	font-family: PingFangLight;
}



	.illustration .suspen-1 .lBox::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 4px;
		height: 100%;
		background-image: linear-gradient(180deg, #458ad9 16%, #2d5dcd 100%);
		border-radius: 2px 2px 0 0;
	}



.illustration .suspen-1 .cBox {
	width: 34px;
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 30px;
	font-family: GothamLight;
}



.illustration .suspen-1 .rBox {
	position: relative;
	height: 180px;
	padding-left: 15px;
}



	.illustration .suspen-1 .rBox::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 4px;
		height: 100%;
		background-image: linear-gradient(180deg, #ee9fde 16%, #7f31f4 100%);
		border-radius: 2px 2px 0 0;
	}



.illustration .suspen-1 .nameBox {
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #fff;
	line-height: 1.3;
	font-family: GothamLight;
}



.illustration .suspen-1 .drop {
	margin-left: 25px;
	font-family: PingFangLight;
}



.illustration .suspen-1 .degree {
	position: relative;
	color: #982e25;
	font-size: 76px;
	line-height: 1.2;
	background: linear-gradient(180deg, #db8ce2 16%, #9446f0 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: PingFangBold;
}



.illustration .suspen-1 .arrow {
	position: absolute;
	right: 5%;
	animation: downico2 1.5s ease-out infinite;
}



@keyframes downico2 {

	0% {
		top: 25%;
		opacity: 1;
	}



	35% {
		top: 50%;
		opacity: 0;
	}



	65% {
		top: -50%;
		opacity: 0;
	}



	100% {
		top: 25%;
		opacity: 1;
	}
}



.illustration .suspen-1 .bot {
	display: flex;
	justify-content: center;
}



.illustration .suspen-1 .btn {
	min-width: 110px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	text-align: center;
	padding: 0 20px;
	background-color: #fff;
	border-radius: 15px;
	margin-right: 35px;
}



.illustration .suspen-2 .text {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	max-width: 1000px;
	width: 90%;
	text-align: right;
}



.illustration .suspen-3 .text {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	max-width: 1000px;
	width: 90%;
	text-align: center;
}



.illustration .suspen-3 .s-1 {
	font-size: 28px;
	font-family: GothamMedium;
}



.illustration .suspen-3 .s-2 {
	font-family: GothamMedium;
}



.illustration .suspen-3 .contrast {
	position: absolute;
	bottom: 10%;
	right: 0;
	font-size: 0;
}



	.illustration .suspen-3 .contrast .wrap {
		position: relative;
	}



.illustration .suspen-3 .degree {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 76px;
	line-height: 1.2;
	padding-right: 20px;
	background: linear-gradient(180deg, #db8ce2 16%, #9446f0 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: PingFangBold;
}



.illustration .suspen-3 .arrow {
	position: absolute;
	right: 0;
	animation: downico2 1.5s ease-out infinite;
}



@keyframes downico2 {

	0% {
		bottom: 25%;
		opacity: 1;
	}



	35% {
		bottom: 50%;
		opacity: 0;
	}



	65% {
		bottom: -50%;
		opacity: 0;
	}



	100% {
		bottom: 25%;
		opacity: 1;
	}
}



.illustration .suspen-4 .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}













/**/

.EzRun .illustration-con-box {
}



/*.EzRun .videoBox {

	height: calc(100vh - 50px);

	overflow: hidden;

}



.EzRun .videoBox .video {

	position: relative;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

}*/



.EzRun .appearance {
	position: relative;
	min-height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



	.EzRun .appearance .conwidth {
		position: absolute;
		top: 10%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 2;
	}



.EzRun .comtext.center {
	text-align: center;
}



.EzRun .comtext .icon {
	margin-bottom: 20px;
}



.EzRun .comtext .t1 {
	font-family: "PingFangBold";
	font-size: 48px;
	color: #3F9AD5;
	line-height: 1.3;
	margin-bottom: 15px;
}



.EzRun .comtext .t2 {
	font-family: "PingFangLight";
	font-size: 18px;
	color: #A3A5A8;
	line-height: 1.8;
}



.EzRun .appearance .comtext {
	/*-webkit-transition: all 0.8s ease;

	transition: all 0.8s ease;

	opacity: 0;*/
}



	.EzRun .appearance .comtext .t2 {
		max-width: 360px;
		width: 100%;
		margin: auto;
	}



	.EzRun .appearance .comtext .icon,
	.EzRun .appearance .comtext .t1,
	.EzRun .appearance .comtext .t2 {
		transition: all 0.5s ease;
		opacity: 0;
	}



.EzRun .explosive .comtext {
	display: inline-block;
}



	.EzRun .explosive .comtext .t2 {
		max-width: 590px;
		width: 100%;
		margin: auto;
	}



.EzRun .appearance .img {
	/*width: 100%;

	overflow: hidden;

	text-align: center;*/

	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% 50%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



	.EzRun .appearance .img img {
		width: 100%;
	}



/*.EzRun .appearance .img .imgText{

	position: absolute;

	left: 0;

	bottom: 8vh;

	width: 100%;

}

.EzRun .appearance .img .imgText ul{

	text-align: center;

	font-size: 0;

}

.EzRun .appearance .img .imgText ul li{

	display: inline-block;

	margin: 0 6.5vw;

	color: #E3E4E4;

	font-size: 14px;

}*/



.EzRun .appearance .name {
	position: absolute;
	font-size: 14px;
	color: #fff;
	line-height: 1.3;
	font-family: PingFangBold;
}



.EzRun .appearance .lName {
	bottom: 8%;
	left: 36%;
}



.EzRun .appearance .rName {
	bottom: 8%;
	right: 39%;
}



.EzRun .explosive {
	position: relative;
	height: calc((100vh - 50px)*4);
	overflow: hidden;
}



	.EzRun .explosive .boxWrap {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 50px);
		background-position: center center;
		background-size: cover;
		overflow: hidden;
	}



		.EzRun .explosive .boxWrap.active {
			position: fixed;
			top: 50px;
		}

.EzRun .ability .boxWrap:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.EzRun .explosive .arrow {
	position: absolute;
	bottom: 47%;
	left: 50%;
	width: 10.5%;
	padding-bottom: 0;
	transition: all 1s;
	opacity: 0;
	overflow: hidden;
}



	.EzRun .explosive .arrow .back {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: cover;
	}



	.EzRun .explosive .arrow.active {
		opacity: 1;
		padding-bottom: 18.45%;
	}



.EzRun .explosive .tagBox {
	position: absolute;
	top: 23%;
	left: 65%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-family: PingFangBold;
	transition: all 0.5s;
	opacity: 0;
}



.EzRun .explosive .tag {
	font-size: 22px;
	color: #fff;
	line-height: 36px;
	padding: 0 18px;
	margin-bottom: 35px;
	border: 1px solid #e3dad5;
	background-color: rgba(151, 151, 152, 0.5);
	border-radius: 7px;
}



	.EzRun .explosive .tag:last-child {
		margin-bottom: 0;
	}



.EzRun .btnPlay {
	position: absolute;
	bottom: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	cursor: pointer;
}



.EzRun .ability .btnPlay {
	position: static;
	transform: none;
	margin: 30px auto 0px;
}



	.EzRun .ability .btnPlay > span {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}



.EzRun .btnPlay span {
	/*display: inline-block;

	padding: 0px 15px;

	border: #ffffff solid 1px;

	border-radius: 13px;

	font-size: 12px;

	color: #fff;

	line-height: 24px;

	background-color: rgba(0, 0, 0, 0.3);

	transition: all 0.5s;

	opacity: 0;*/

	display: inline-block;
	padding: 0 15px 0 30px;
	border-radius: 22px;
	font-size: 20px;
	font-family: PingFangBold;
	color: #fff;
	line-height: 45px;
	background-color: rgba(0, 0, 0, 0.3);
	transition: all 0.5s;
	opacity: 0;
}

.EzRun .explosive .btnPlay span {
	border: #ffffff solid 1px;
	line-height: 43px;
}

.EzRun .btnPlay .icon {
	margin-left: 10px;
}



.EzRun .ability .comtext .t2 {
	color: #B8BABC;
}



.EzRun .explosive .textBox {
	position: absolute;
	left: 50%;
	bottom: 18%;
	transform: translate(-50%, 0);
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}



.EzRun .explosive .text {
	/*transition: all 0.5s;

	opacity: 0;*/

	width: 100%;
	text-align: center;
}



.EzRun .explosive .comtext .icon,
.EzRun .explosive .comtext .t1,
.EzRun .explosive .comtext .t2 {
	transition: all 0.5s;
	opacity: 0;
}



.EzRun .version,
.EzRun .extra {
	position: absolute;
	z-index: 10;
}



	.EzRun .version.version_1 {
		top: 8vh;
		right: 0;
		text-align: right;
	}



		.EzRun .version.version_1 .comtext {
			display: inline-block;
			text-align: left;
			max-width: 480px;
			width: 100%;
		}



			.EzRun .version.version_1 .comtext .t2 {
				color: #ffffff;
			}



	.EzRun .version.version_2 {
		top: 8vh;
		left: 0;
	}



		.EzRun .version.version_2 .comtext {
			max-width: 595px;
			width: 100%;
		}



		.EzRun .version.version_2 .t2 {
			color: #fff;
		}



	.EzRun .extra.extra_1 {
		left: 38%;
		bottom: 21.5vh;
		max-width: 16.72%;
	}



	.EzRun .extra.extra_2 {
		left: 41%;
		bottom: 28vh;
		/*max-width: 16.72%;*/

		max-width: 12.65%;
	}



	.EzRun .extra.extra_3 {
		left: 38%;
		bottom: 33vh;
		max-width: 19.85%;
	}



	.EzRun .extra img {
		max-width: 100%;
	}



.x1,
.x2,
.x3,
.x4,
.x5,
.x1_1,
.x1_2,
.x2_1,
.x2_2 {
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}





.EzRun .ability {
	position: relative;
	height: calc((100vh - 50px)*5);
	overflow: hidden;
}



	.EzRun .ability .video {
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}



	.EzRun .ability .boxWrap {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 50px);
		overflow: hidden;
	}



		.EzRun .ability .boxWrap.active {
			position: fixed;
			top: 50px;
		}



	.EzRun .ability .textwrap {
		position: absolute;
		left: 50%;
		top: 25vh;
		z-index: 3;
		max-width: 1440px;
		width: 90%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		text-align: center;
	}



	/*.EzRun .ability .textwrap .comtext{

	opacity: 0;

	transition: all 0.5s;

}*/



	.EzRun .ability .comtext .icon,
	.EzRun .ability .comtext .t1,
	.EzRun .ability .comtext .t2 {
		transition: all 0.5s;
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}



	.EzRun .ability .textwrap .iconBox {
		text-align: center;
		margin-top: 80px;
		opacity: 0;
		transition: all 0.5s;
		transform: translate3d(0, 100%, 0);
	}



.fadeInUps {
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) !important;
}



.EzRun .ability .textwrap .iconBox img {
	display: inline-block;
	margin: 0px 30px;
}



.EzRun .ability .textwrap .name {
	font-family: "PingFangBold";
	color: #ffffff;
	font-size: 18px;
	margin-top: 15px;
}



	.EzRun .ability .textwrap .name span {
		font-size: 25px;
	}



.EzRun .interface {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
	/*min-height: calc(100vh - 50px);*/
	/*height: calc((100vh - 50px)*2);*/

	height: calc((100vh - 50px)*2.5);
	overflow: hidden;
	background-color: #000000;
	box-sizing: border-box;
}

	.EzRun .interface .boxWrap {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 50px);
		background-position: center center;
		background-size: cover;
		overflow: hidden;
	}

		.EzRun .interface .boxWrap.active {
			position: fixed;
			top: 50px;
		}

	.EzRun .interface .backImg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100vh;
		font-size: 0;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 1;
		transition-duration: 1s;
		transition-property: opacity;
	}



		.EzRun .interface .backImg img {
			width: 30%;
			transition-duration: 0.5s;
			transition-property: opacity;
			/*max-width: 50.3%;*/
		}



	.EzRun .interface .conwidth {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 3;
	}



	.EzRun .interface .comtext {
		position: relative;
		text-align: center;
		z-index: 2;
		margin-bottom: 5%;
		/*transition: all 1s;

    opacity: 0;*/
	}



		.EzRun .interface .comtext .icon,
		.EzRun .interface .comtext .t1,
		.EzRun .interface .comtext .t2 {
			transition: all 0.7s;
			opacity: 0;
		}



		.EzRun .interface .comtext .t2 {
			max-width: 420px;
			width: 100%;
			color: #B8BABC;
			margin: auto;
		}



	.EzRun .interface .proImg {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		background: url(https://oss.hobbywing.com/EZRUN4278DG2/img/15.png) center no-repeat;
		transition: all 0.5s;
		opacity: 0;
	}



@-webkit-keyframes fadescale {

	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}



	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}



@keyframes fadescale {

	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}



	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}



.fadescale {
	-webkit-animation-name: fadescale;
	animation-name: fadescale;
	/*-webkit-animation-delay: 1s;

	animation-delay: 1s;*/
}



.EzRun .modular {
	position: relative;
	height: calc((100vh - 50px)*5);
	overflow: hidden;
}



	.EzRun .modular .boxWrap {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 50px);
		background-position: center center;
		background-size: cover;
		overflow: hidden;
	}



		.EzRun .modular .boxWrap.active {
			position: fixed;
			top: 50px;
		}



	.EzRun .modular .textwrap {
		position: absolute;
		left: 50%;
		top: 16vh;
		max-width: 1440px;
		width: 80%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}



		.EzRun .modular .textwrap .comtext {
			/*opacity: 0;

	transition: all 0.5s;*/

			overflow: hidden;
			max-width: 560px;
		}



			/*.EzRun .modular .textwrap .comtext .left_w {

	float: left;

	margin-right: 60px;

}



.EzRun .modular .textwrap .comtext .right_w {

	float: left;

	max-width: 570px;

}*/



			.EzRun .modular .textwrap .comtext .icon,
			.EzRun .modular .textwrap .comtext .t1,
			.EzRun .modular .textwrap .comtext .t2 {
				opacity: 0;
				transition: all 0.5s;
			}



			.EzRun .modular .textwrap .comtext .t2 {
				color: #B8BABC;
			}



	.EzRun .modular .textBox {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}



		.EzRun .modular .textBox ul li {
			position: absolute;
		}



			.EzRun .modular .textBox ul li.s1 {
				right: 8vw;
				top: 44vh;
				width: 25%;
			}



			.EzRun .modular .textBox ul li.s2 {
				right: 8vw;
				top: 65vh;
				width: 30%;
			}



			.EzRun .modular .textBox ul li.s3 {
				left: 25vw;
				top: 76vh;
				width: 30%;
			}



			.EzRun .modular .textBox ul li .sp {
				position: relative;
				text-align: right;
				color: #ffffff;
				font-size: 24px;
				padding-top: 10px;
				opacity: 0;
				transition: all 0.5s;
				overflow: hidden;
			}



			.EzRun .modular .textBox ul li.s3 .sp {
				text-align: left;
			}



			.EzRun .modular .textBox ul li .sp:before {
				content: '';
				position: absolute;
				right: 0;
				top: 0;
				width: 0;
				height: 1px;
				background: #ffffff;
				transition: width 0.7s ease;
				/*transition: width 0.5s ease 0.5s; */
				/*animation-delay: 0.5s;

	-webkit-animation-delay: 0.5s;*/
			}



			.EzRun .modular .textBox ul li.s3 .sp:before {
				left: 0;
				right: auto
			}



			.EzRun .modular .textBox ul li .sp.on:before {
				width: 100%;
				/*animation:fadewidth 1s forwards;

	-webkit-animation:fadewidth 1s forwards;*/
			}



/*.EzRun .modular .textBox ul li.s3 .sp.fadeInUp:before{

	left: 0;

	right: auto;

}*/

/*@-webkit-keyframes fadewidth{

  	from {

	    opacity: 0;

	    width: 0;

  	}

  	to {

	    opacity: 1;

	    width: 100%;

  	}

}

@keyframes fadewidth{

  	from {

	    opacity: 0;

	    width: 0;

  	}

  	to {

	    opacity: 1;

	    width: 100%;

  	}

}*/



@media screen and (max-width: 1600px) {

	.EzRun .comtext .t1 {
		font-size: 38px;
	}



	.EzRun .comtext .t2 {
		font-size: 16px;
	}



	.EzRun .explosive .tag {
		font-size: 18px;
		line-height: 30px;
		padding: 0 15px;
		border-radius: 8px;
		margin-bottom: 25px;
	}



	.EzRun .ability .textwrap .name {
		font-size: 16px;
	}



		.EzRun .ability .textwrap .name span {
			font-size: 20px;
		}



	.EzRun .modular .textBox ul li .sp {
		font-size: 20px;
	}



	.EzRun .appearance .lName {
		left: 35%;
	}



	.EzRun .appearance .rName {
		right: 38%;
	}
}



@media screen and (max-width: 1440px) {

	/**/

	.tabbb,
	.tabss,
	.naaavbg {
		height: 64px;
	}



		.tabbb.active,
		.tabbb.active .tabss,
		.tabbb.active .naaavbg {
			height: 50px;
		}



		.tabss span {
			font-size: 24px;
			line-height: 64px;
		}

	.header .nav > ul > li {
		min-width: 120px;
	}

	.header .searchbox {
		margin-left: 30px;
	}

	/**/

	.EzRun .version {
		padding: 0 5%;
		box-sizing: border-box;
	}

	.EzRun .comtext .t1 {
		font-size: 28px;
	}



	.EzRun .comtext .t2 {
		font-size: 14px;
	}



	.EzRun .explosive .tag {
		font-size: 16px;
	}



	.EzRun .version.version_1 {
		right: 10vw;
	}



	.EzRun .version.version_2 {
		left: 10vw;
	}



	.EzRun .extra.extra_2 {
		bottom: 22vh;
	}



	.EzRun .modular .textwrap .comtext .left_w {
		margin-right: 40px;
	}



	.EzRun .modular .textBox ul li.s1 {
		width: 20%;
	}

	.EzRun .modular .textBox ul li.s2 {
		width: 28%;
	}

	.EzRun .modular .textBox ul li .sp {
		/*font-size: 22px;*/

		font-size: 18px;
	}



	.EzRun .ability .textwrap {
		top: 10vh;
	}



		.EzRun .ability .textwrap .name {
			font-size: 14px;
		}



			.EzRun .ability .textwrap .name span {
				font-size: 18px;
			}



	.EzRun .modular .textwrap .comtext .right_w {
		max-width: 500px;
	}



	.EzRun .modular .textBox ul li.s1 {
		right: 10vw;
	}



	.EzRun .appearance .rName {
		right: 37%;
	}
}

@media screen and (max-width: 1280px) {

	.videoPopup .videowrap {
		width: 80%;
		height: auto;
		max-height: 80vh;
	}

	.videoPopup .videob {
		height: auto;
		width: 100%;
	}
}

@media screen and (max-width: 1199px) {

	.header {
		position: fixed;
	}



		.header .nav {
			display: none;
		}



		.header .box {
			display: none;
		}



		.header .btnMenu {
			display: flex;
		}



	.main {
		padding-top: 80px;
	}



	.tabbb.active {
		top: 80px;
	}



		.tabbb.active,
		.tabbb.active .tabss,
		.tabbb.active .naaavbg {
			height: 50px;
		}

	.tabss span {
		line-height: 50px;
	}
}

@media screen and (max-width: 1024px) {

	.tabbb,
	.naaavbg {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.tabss {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

		.tabss span {
			line-height: 1;
			width: calc(100% - 80px);
			max-width: calc(100% - 80px);
		}



		.tabss .tabs {
			display: none;
			position: absolute;
			top: 50px;
			left: 0;
			width: 100%;
			padding: 2% 5%;
			border-top: 1px solid #eee;
			background-color: #fff;
			box-sizing: border-box;
			z-index: 2;
		}



			.tabss .tabs li {
				width: 100%;
				margin: 0;
			}



				.tabss .tabs li a {
					line-height: 50px;
				}



		.tabss .more {
			display: flex;
		}

	.max8g2Main .videoBox {
	}

	.videoBox .mBox {
		display: block;
	}

	.videoBox .pBox {
		display: none;
	}

	.videoPopup .btnClose {
		top: 27vh;
	}

	/**/

	.EzRun .comtext .t1 {
		font-size: 32px;
	}

	.EzRun .comtext .t2 {
		font-size: 16px;
	}

	.EzRun .appearance {
		min-height: calc(100vh - 130px);
	}

		.EzRun .appearance .lName,
		.EzRun .appearance .rName {
			z-index: 6;
			bottom: 22vh;
		}

		.EzRun .appearance .img {
			height: 70vh;
			/*background-image: url(../images/EzRun4278&4268/img19.png) !important;*/

			background-position: center bottom;
		}

	.EzRun .explosive .arrow {
		left: auto;
		right: 30%;
		bottom: auto;
		top: 30%;
	}

	.EzRun .explosive .tagBox {
		left: auto;
		right: 9%;
		top: 30%;
	}

	.EzRun .version.version_1 {
		top: 12vh;
		right: 0;
	}

		.EzRun .version.version_1 .comtext {
			max-width: 100%;
		}

	.EzRun .version.version_2 {
		left: 0;
		top: 12vh;
	}

		.EzRun .version.version_2 .comtext {
			max-width: 100%;
		}

	.EzRun .extra.extra_1 {
		/*bottom: 24.5vh;*/

		bottom: 30vh;
	}

	.EzRun .extra.extra_2 {
		/*bottom: 27vh;*/

		bottom: 31vh;
	}

	.EzRun .extra.extra_3 {
		/*bottom: 35vh;*/

		bottom: 38vh;
	}

	.EzRun .ability .boxWrap {
		/*background: url(../images/EzRun4278&4268/17.jpg) center no-repeat;

		background-size: cover;*/

		background: #000000 url(https://oss.hobbywing.com/EZRUN4278DG2/img/img21.jpg) top center no-repeat;
		background-size: 100% auto;
	}

		.EzRun .ability .boxWrap:before {
			display: none;
		}

	.EzRun .ability .textwrap {
		top: 0;
		height: 100%;
		padding: 18vh 0 10vh;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

		.EzRun .ability .textwrap .iconBox {
			margin-top: 0;
		}

	/*.EzRun .ability .textwrap .name{

		font-size: 18px;

	}*/

	.EzRun .modular .boxWrap {
		background-position: bottom 15% right 30%;
		background-size: 180% auto;
		background-repeat: no-repeat;
	}

	.EzRun .modular .textwrap {
		width: 90%;
		top: 12vh;
	}

	.EzRun .modular .textBox ul li.s1 {
		right: 15vw;
		top: 55vh;
	}

	.EzRun .modular .textBox ul li.s2 {
		width: 35%;
		right: 10vw;
		top: 70vh;
	}

	.EzRun .modular .textBox ul li.s3 {
		left: 14vw;
		top: 78vh;
		width: 35%;
	}

	.EzRun .modular .textBox ul li .sp {
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {

	.EzRun .modular .textBox ul li .sp {
		font-size: 18px;
	}
}

@media screen and (max-width: 750px) {

	.header .logo a {
		line-height: 50px;
	}

		.header .logo a img {
			max-height: 40px;
		}

	.header .btnMenu {
		margin-top: 10px;
	}



		.header .btnMenu > span {
			width: 30px;
			margin: 3px 0;
		}



		.header .btnMenu.on > span:last-child {
			margin-top: -5px;
		}





	.tabbb.active {
		top: 50px;
	}



	.header .mNav {
		top: 50px;
		height: calc(100vh - 50px);
	}



	.pImg {
		display: none;
	}



	.mImg {
		display: block;
		font-size: 0;
	}



	.mBox {
		display: block;
	}



	.pBox {
		display: none;
	}

	/**/

	.EzRun .comtext .t1 {
		font-size: 28px;
	}

	.EzRun .comtext .t2 {
		font-size: 14px;
		/*color: #b8babc;*/

		color: #FFFFFF;
	}

	/**/

	.EzRun .appearance {
		padding-top: 50px;
		min-height: 1px;
	}

		.EzRun .appearance .conwidth {
			position: static;
			transform: none;
		}

		.EzRun .appearance .comtext .icon, .EzRun .appearance .comtext .t1, .EzRun .appearance .comtext .t2 {
			opacity: 1;
		}

		.EzRun .appearance .mBox {
			position: relative;
		}

		.EzRun .appearance .nameBox {
			position: absolute;
			left: 0;
			bottom: 40px;
			width: 100%;
			text-align: center;
		}

		.EzRun .appearance .lName,
		.EzRun .appearance .rName {
			position: static;
			display: inline-block;
			margin: 0 15px;
		}

		.EzRun .appearance .comtext .icon img,
		.EzRun .explosive .comtext .icon img,
		.EzRun .ability .comtext .icon img {
			max-width: 50px;
		}

	.EzRun .ability .textwrap .iconBox img {
		margin: 0px 20px;
		max-width: 50px;
	}

	/*20220613*/

	/*.EzRun .explosive{

		height: auto;

	}

	.EzRun .explosive .boxWrap{

		height: auto;

		background-image: url(https://oss.hobbywing.com/EZRUN4278DG2/img/img9.png) !important;

    	background-position: top center;

	}

	.EzRun .explosive .boxWrap.active{

		position: static;

	}

	.EzRun .explosive .textBox{

		position: static;

		transform: none;

	}

	.EzRun .explosive .comtext .icon, .EzRun .explosive .comtext .t1, .EzRun .explosive .comtext .t2{

		opacity: 1;

	}

	.EzRun .explosive .content{

		position: relative;

		margin-top: 30px;

	}

	.EzRun .explosive .textBox{

		position: static;

	    transform: none;

	    padding-top: 40px;

	}

	.EzRun .explosive .arrow,

	.EzRun .explosive .tagBox{

		opacity: 1;

	}

	.EzRun .explosive .arrow{

		width: 20%;

		opacity: 1;

    	padding-bottom: 28%;

	}

	.EzRun .explosive .tag{

		font-size: 14px;

		background-image: -webkit-linear-gradient(left, #0280e6, #00e8f5);

	    background-image: -moz-linear-gradient(left, #0280e6, #00e8f5);

	    background-image: -ms-linear-gradient(left, #0280e6, #00e8f5);

	    background-image: -o-linear-gradient(left, #0280e6, #00e8f5);

	    border: none;

	    border-radius: 20px;

	}

	.EzRun .btnPlay{

		top: 50%;

		bottom: auto;

		-webkit-transform: translate(-50%,-50%);

    	transform: translate(-50%,-50%);

	}

	.EzRun .btnPlay .icon{

		width: 50px;

		margin-left: 0;

	}*/

	.EzRun .explosive .arrow {
		top: 13%;
		right: 20%;
		width: 18%;
	}

		.EzRun .explosive .arrow.active {
			padding-bottom: 32%;
		}

	.EzRun .explosive .tagBox {
		align-items: flex-end;
	}

	.EzRun .btnPlay {
		bottom: auto;
		top: 20%;
	}

	.EzRun .ability .btnPlay {
		margin-top: 0;
	}

	.EzRun .btnPlay span {
		font-size: 16px;
		line-height: 40px;
	}

	.EzRun .btnPlay .icon {
		width: 24px;
	}

	.EzRun .explosive .btnPlay span {
		line-height: 40px;
		border: none;
	}

	.EzRun .modular .textBox ul li .sp {
		font-size: 14px;
	}

	.EzRun .modular .textBox ul li.s3 {
		top: 75vh;
	}

	.EzRun .extra.extra_1 {
		max-width: 20%;
		bottom: 28.5vh;
	}

	.EzRun .extra.extra_2 {
		max-width: 15%;
		bottom: 30vh;
	}

	.EzRun .extra.extra_3 {
		max-width: 24%;
		bottom: 36vh;
	}

	.illustration-img {
		width: 100%;
	}

	/*.EzRun .ability{

		height: auto;

		min-height: calc(100vh - 50px);

	}

	.EzRun .ability .boxWrap{

		background: none;

		height: auto;

	}

	.EzRun .ability .boxWrap.active{

		position: static;

	}

	.EzRun .ability .textwrap{

		position: static;

		transform: none;

		padding: 50px 0px;

		

	}

	.EzRun .ability .boxWrap:before{

		display: none;

	}

	.EzRun .ability .textwrap .comtext{

		width: 90%;

		margin: auto;

	}

	.EzRun .ability .textwrap .iconBox img{

		max-width: 50px;

	}

	.EzRun .ability .textwrap .name{

		font-size: 14px;

	}

	.EzRun .ability .comtext .icon, .EzRun .ability .comtext .t1, .EzRun .ability .comtext .t2{

		opacity: 1;

		transform: translate3d(0, 0, 0);

	}

	.EzRun .ability .imgbox{

		margin-top: 30px;

		position: relative;

	}

	.EzRun .ability .btnPlay{

		position: absolute;

		-webkit-transform: translate(-50%,-50%);

    	transform: translate(-50%,-50%);

    	margin-top: 0;

	}

	.EzRun .ability .textwrap .iconBox{

		opacity: 1;

		transform: translate3d(0, 0, 0);

		margin-top: 40px;

	}*/



	/*.EzRun .interface .boxWrap{

		height: calc(100vh - 50px);

	}

	.EzRun .interface .conwidth{

		position: static;

		transform: none;

	}

	.EzRun .interface .comtext .icon, .EzRun .interface .comtext .t1, .EzRun .interface .comtext .t2{

		opacity: 1;

	}*/

	/*.EzRun .interface .backImg{

    	align-items: flex-start;

	}*/

	.EzRun .interface .proImg {
		background-size: 100% auto;
	}

	.EzRun .interface .comtext .t2 {
		max-width: 350px;
	}

	.EzRun .modular .textwrap .icon img {
		max-width: 50px;
	}

	.EzRun .modular .textBox ul li.s1 {
		top: 55vh;
		left: 7vw;
		right: auto;
		width: 50%;
	}

	.EzRun .modular .textBox ul li.s2 {
		width: 48%;
		right: 7vw;
		left: auto;
		top: 72vh;
	}

	.EzRun .modular .textBox ul li.s3 {
		top: auto;
		bottom: 8vh;
		left: auto;
		right: 7vw;
		width: 49%;
	}

	.EzRun .modular .textBox ul li .sp {
		font-size: 16px;
	}

	.EzRun .modular .textBox ul li.s1 .sp {
		text-align: left;
	}

	.EzRun .modular .textBox ul li.s3 .sp {
		text-align: right;
	}

	.EzRun .modular .textBox ul li.s1 .sp:before {
		left: 0;
		right: auto;
	}

	.EzRun .modular .textBox ul li.s3 .sp:before {
		left: auto;
		right: 0;
	}

	/**/

	.EzRun .modular .boxWrap {
		background-image: url(https://oss.hobbywing.com/EZRUN4278DG2/img/img22.jpg) !important;
		background-size: auto 100%;
		background-position: top center;
	}

	.illustration-img {
		top: 68%;
	}

	.EzRun .extra.extra_1 {
		max-width: 25%;
		left: 33%;
		bottom: 22vh;
	}

	.EzRun .extra.extra_2 {
		max-width: 20%;
		bottom: 22vh;
		left: 38%;
	}

	.EzRun .extra.extra_3 {
		max-width: 29%;
		bottom: 28vh;
		left: 35%;
	}
}

@media screen and (max-width: 440px) {

	.header .logo {
		width: 200px;
	}



	.main {
		padding-top: 50px;
	}



	.tabbb,
	.tabss,
	.naaavbg {
		height: 50px;
	}



		.tabss span {
			font-size: 16px;
		}



		.tabss .tabs {
			top: 40px;
		}

	.EzRun .comtext .icon {
		margin-bottom: 15px;
	}

	.EzRun .comtext .t1 {
		margin-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.EzRun .comtext .t2 {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.EzRun .modular .textwrap .comtext .icon {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	/**/

	.mBox .video .icon-play {
		width: 50px;
	}

	/**/

	.EzRun .comtext .t1 {
		font-size: 24px;
	}

	/**/

	.EzRun .appearance .name {
		font-size: 12px;
	}

	/**/

	.EzRun .explosive .arrow {
		right: 18%;
	}

	.EzRun .explosive .tag {
		padding: 0px 12px;
		margin-bottom: 15px;
	}

	.EzRun .ability .textwrap .iconBox img {
		margin: 0px 15px;
		max-width: 40px;
	}

	/**/

	.EzRun .extra.extra_1 {
		bottom: 24vh;
	}

	.EzRun .extra.extra_2 {
		bottom: 25vh;
	}

	.EzRun .extra.extra_3 {
		bottom: 29vh;
	}

	/**/

	.EzRun .interface .conwidth {
		padding-bottom: 30%;
		max-width: 73%;
		/*top: 20%;

	    -webkit-transform: translate(-50%, 0);

	    transform: translate(-50%, 0);*/
	}

	.EzRun .interface .comtext .icon img {
		max-width: 100px;
	}

	/**/

	/*.EzRun .modular .boxWrap{

		background-position: bottom 0% right 30%;

    	background-size: 250% auto;

    	background-repeat: no-repeat;

	}*/

	/*.EzRun .modular .textBox ul li.s1{

		top: 55vh;

		right: 7vw;

		width: 30%;

	}

	.EzRun .modular .textBox ul li.s2{

		width: 45%;

    	right: 7vw;

    	top: 71vh;

	}

	.EzRun .modular .textBox ul li.s3{

		top: 79vh;

		left: 7vw;

	}*/

	.EzRun .modular .textBox ul li.s1 {
		top: 54vh;
		width: 52%;
	}

	.EzRun .modular .textBox ul li.s2 {
		top: 71vh;
	}

	.EzRun .modular .textBox ul li.s3 {
		width: 54%;
	}

	.EzRun .modular .textBox ul li .sp {
		padding-top: 6px;
		font-size: 14px;
	}
}

@media screen and (max-width: 400px) {

	.EzRun .explosive .tagBox {
		right: 5%;
	}

	.EzRun .modular .textBox ul li .sp {
		font-size: 12px;
	}
}

@media screen and (max-width: 360px) {

	.mBox .video .icon-play {
		width: 40px;
	}

	.EzRun .appearance .comtext .icon img,
	.EzRun .explosive .comtext .icon img,
	.EzRun .ability .comtext .icon img {
		max-width: 40px;
	}

	.EzRun .ability .textwrap .iconBox img,
	.EzRun .modular .textwrap .icon img {
		max-width: 40px;
	}

	/**/

	.EzRun .extra.extra_2 {
		bottom: 24vh;
	}

	.EzRun .extra.extra_3 {
		bottom: 28vh;
	}
}