.xm-product-box .hd {
	background-color: #f5f5f5
}
.xm-product-box .ft {
	border-top: 1px solid #e0e0e0
}
.xm-product-box .nav-bar {
	margin-top: 15px;
	position: relative;
	height: 50px;
	color: #616161
}
.xm-product-box .nav-bar .title {
	float: left;
	_display: inline;
	margin: 10px 0 0 0
}
.xm-product-box .nav-bar .title h2 {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: #424242
}
.xm-product-box .nav-bar .title small {
	font-size: 12px
}
.xm-product-box .nav-bar .nav {
	float: right;
	_display: inline;
	margin: 10px 0 0 0
}
.xm-product-box .nav-bar .nav .nav-switch {
	margin-right: 10px;
	line-height: 30px
}
.xm-product-box .nav-bar .btn {
	vertical-align: bottom
}
.xm-product-box .nav-switch .sep {
	color: #e0e0e0
}
.xm-product-box .nav-switch .link {
	color: #616161
}
.xm-product-box .nav-switch .link:hover {
	color: #ff6700
}
.xm-product-box .nav-switch .active {
	color: #ff6700;
	cursor: default
}
.xm-product-box .nav-switch .active:hover {
	color: #ff6700
}
.xm-product-box .bd {
	width: 100%;
	overflow: hidden;
	_zoom: 1
}
.xm-product-box .ft {
	margin-top: 0
}
.scooter-overall .section {
	position: relative;
	min-width: 1226px;
	font-size: 16px;
	color: #212121;
	-webkit-font-smoothing: antialiased
}
.scooter-overall .section .title {
	margin: 0 0 30px;
	font-size: 36px;
	font-weight: 300;
	line-height: 1.25
}
.scooter-overall .section .title sup {
	font-size: 16px;
	vertical-align: super
}
.scooter-overall .section .subtitle {
	margin: -25px 0 30px;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.45
}
.scooter-overall .section p {
	margin: 0
}
.scooter-overall .section .text {
	margin: 0 0 30px;
	line-height: 1.875
}
.scooter-overall .section .num {
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	font-weight: 200;
	line-height: 1
}
.scooter-overall .section .icon {
	display: inline-block;
*zoom:1;
*display:inline;
	background-repeat: no-repeat;
	vertical-align: middle
}
.scooter-overall .section .figure {
	background-repeat: no-repeat
}
.scooter-overall .section .figure-img {
	background-repeat: no-repeat
}
.scooter-overall .section .link {
	text-decoration: none;
	color: #4385f2
}
.scooter-overall .section .link:hover {
	text-decoration: underline
}
.scooter-overall .section .feature-list {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.scooter-overall .section .video {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.scooter-overall .section-intro {
	position: relative;
	height: 690px;
	overflow: hidden;
	_zoom: 1;
	margin: 0 auto;
}
.scooter-overall .section-intro .container {
	position: relative;
	z-index: 10;
	height: 690px;
}
.scooter-overall .section-intro .content {
	position: absolute;
	top: 70%;
	left: 110px;
	z-index: 10;
	height: 340px;
	opacity: 0;
	filter: alpha(opacity=0)\9;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out
}
.scooter-overall .section-intro .content-show {
	opacity: 1;
	filter: alpha(opacity=100)\9
}
.scooter-overall .section-intro .title {
	margin-bottom: 5px;
	font-size: 52px
}
.scooter-overall .section-intro .subtitle {
	margin: 0 0 20px;
	font-size: 22px;
	color: #646e7a
}
.scooter-overall .section-intro .text {
	color: #646e7a
}
.scooter-overall .section-intro .price {
	font-size: 20px;
	color: #4385f2
}
.scooter-overall .section-intro .num {
	margin-right: 5px;
	font-size: 36px
}
.scooter-overall .section-intro .link-buy {
	display: block;
	margin-bottom: 30px
}
.scooter-overall .section-intro .icon-play {
	width: 27px;
	height: 26px;
	background-image: url(../images/overall-icon-play.png);
	vertical-align: -6px
}
.scooter-overall .section-intro .stage {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	background:url(../images/df4110-1.jpg) center bottom no-repeat;
	background-size:cover;
}
.scooter-overall .section-intro .video {
	width: 2560px;
	height: 690px
	
}
.scooter-overall .section-summary {
	height: 1147px
}
.scooter-overall .section-summary .container {
	padding-top: 770px;
	text-align: center
}
.scooter-overall .section-summary .content {
	width: 810px;
	margin: 0 auto
}
.scooter-overall .section-summary .feature-list {
	color: #51575f
}
.scooter-overall .section-summary .feature-list li {
	display: inline-block;
	*zoom:1;
	*display:inline;
	margin: 0 30px;
	padding: 0 0 8px;
	border-bottom: 2px solid #51575f;
	font-size: 14px;
	text-align: left
}
.scooter-overall .section-summary .feature-list .data {
	margin-bottom: 5px;
	font-size: 22px
}
.scooter-overall .section-summary .feature-list .num {
	font-size: 42px;
	line-height: 1
}
.scooter-overall .section-summary .feature-list .num-s {
	font-size: 36px
}
.scooter-overall .section-summary.preload {
	background: url(../images/overall-summary-bg.jpg) no-repeat 50% 0
}
.scooter-overall .section-guide-intro {
	height: 378px;
	background-color: #64bd9d;
	color: #fff
}
.scooter-overall .section-guide-intro .container {
	text-align: center
}
.scooter-overall .section-guide-intro .content {
	width: 910px;
	margin:96px auto;
	height:186px;
}
.scooter-overall .section-guide-intro.preload {
	background: #64bd9d url(../images/sm4229bg1.jpg) no-repeat 50% 0
}
.scooter-overall .section-guide {
	overflow: hidden;
	_zoom: 1
}
.scooter-overall .section-guide .video-list {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none
}
.scooter-overall .section-guide .video-list li {
	position: relative;
	float: left;
	width: 50%;
	*width:49.999%;
	height: 410px;
	overflow: hidden;
	_zoom: 1
}
.scooter-overall .section-guide .video-list .mask {
	position: absolute;
	top: 0;
	left: -1%;
	z-index: 2;
	width: 102%;
	height: 410px;
	padding: 135px 0 0;
	font-size: 18px;
	text-align: center;
	color: #1fb2e7;
	opacity: 1;
	filter: alpha(opacity=100)\9;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	background-size: cover
}
.scooter-overall .section-guide .video-list .mask:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: "";
	background: #1b1d1f;
	opacity: .85;
	filter: alpha(opacity=85)\9
}
.scooter-overall .section-guide .video-list .mask .icon, .scooter-overall .section-guide .video-list .mask span {
	position: relative;
	z-index: 2
}
.scooter-overall .section-guide .video-list .icon {
	display: block;
	width: 80px;
	height: 70px;
	margin: 0 auto 10px
}
.scooter-overall .section-guide .video-list .icon-1 {
	background-position: 0px 0
}
.scooter-overall .section-guide .video-list .icon-2 {
	background-position: -80px 0
}
.scooter-overall .section-guide .video-list .icon-3 {
	background-position: -160px 0
}
.scooter-overall .section-guide .video-list .icon-4 {
	background-position: -240px 0
}
.scooter-overall .section-guide .video-list .video {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1
}
.scooter-overall .section-guide .video-list .active .mask {
	opacity: 0;
	filter: alpha(opacity=0)\9
}
.scooter-overall .section-guide.preload .video-list .icon {
	background-image: url(../images/overall-guide-icons.png)
}
.scooter-overall .section-guide.preload .mask-1 {
	background: url(../images/overall-guide-video-1.jpg) no-repeat 50% 50%;
	background-size: cover
}
.scooter-overall .section-guide.preload .mask-2 {
	background: url(../images/overall-guide-video-2.jpg) no-repeat 50% 50%;
	background-size: cover
}
.scooter-overall .section-guide.preload .mask-3 {
	background: url(../images/overall-guide-video-3.jpg) no-repeat 50% 50%;
	background-size: cover
}
.scooter-overall .section-guide.preload .mask-4 {
	background: url(../images/overall-guide-video-4.jpg) no-repeat 50% 50%;
	background-size: cover
}
.scooter-overall .section-engine-intro {
	height: 717px;
}
.scooter-overall .section-engine-intro.preload {
	background: #efefef url(../images/df4110-b4.jpg) no-repeat 50% 0
}
.scooter-overall .section-engine {
	height: 740px;
	overflow: hidden;
	_zoom: 1
}
.scooter-overall .section-engine .container {
	position: relative;
	z-index: 10;
	padding-top: 85px
}
.scooter-overall .section-engine .content {
	width: 390px;
	margin: 0 auto 0 62px
}
.scooter-overall .section-engine .feature-list {
	width: 450px;
	margin-top: 40px;
	font-size: 14px;
	color: #2091ed
}
.scooter-overall .section-engine .feature-list li {
	float: left;
	margin-right: 35px;
	padding: 0 0 8px;
	border-bottom: 2px solid #2091ed
}
.scooter-overall .section-engine .feature-list .data {
	display: block;
	margin-bottom: 3px;
	font-size: 22px
}
.scooter-overall .section-engine .feature-list .num {
	margin-right: 3px;
	font-size: 48px;
	line-height: 1
}
.scooter-overall .section-engine .stage {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1;
	width: 2560px;
	height: 740px;
	margin-left: -1280px
}
.scooter-overall .section-engine .bg-list {
	width: 2560px;
	height: 790px;
	margin: 0;
	padding: 0;
	list-style-type: none
}
.scooter-overall .section-engine .bg-list .bg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 2560px;
	height: 740px;
	margin-left: -960px;
	background-repeat: no-repeat;
	background-position: 50% 100%
}
.scooter-overall .section-engine .bg-list .figure {
	width: 2560px;
	height: 740px
}
.scooter-overall .section-engine.preload .bg-list .bg-1 {
	z-index: 4
}
.scooter-overall .section-engine.preload .bg-list .bg-1 .figure {
	background-image: url(../pics/pd3.jpg)
}
.scooter-overall .section-engine.preload .bg-list .bg-2 {
	z-index: 3
}
.scooter-overall .section-engine.preload .bg-list .bg-2 .figure {
	background-image: url(../pics/pd3.jpg)
}
.scooter-overall .section-engine.preload .bg-list .bg-3 {
	z-index: 2
}
.scooter-overall .section-engine.preload .bg-list .bg-3 .figure {
	background-image: url(../pics/pd3.jpg)
}
.scooter-overall .section-adapt {
	height: 740px;
	background-color: #fff;
	color: #fff
}
.scooter-overall .section-adapt .container {
	position: relative;
	z-index: 10;
	padding-top: 70px
}
.scooter-overall .section-adapt .content {
	width: 415px;
	margin: 0 62px 0 auto
}
.scooter-overall .section-adapt .text {
	line-height: 1.7
}
.scooter-overall .section-adapt .feature-list {
	width: 425px;
	margin-top: 50px
}
.scooter-overall .section-adapt .feature-list li {
	float: left;
	width: 71px;
	margin-right: 14px;
	text-align: center;
	cursor: pointer
}
.scooter-overall .section-adapt .feature-list .tab-active {
	cursor: inherit
}
.scooter-overall .section-adapt .feature-list .icon {
	display: block;
	width: 71px;
	height: 61px;
	margin: 0 auto 15px;
	
}
.scooter-overall .section-adapt .feature-list .icon-1 {
	background-position: 0px 0;
}
.scooter-overall .section-adapt .feature-list .icon-1:hover {
	background-position: 0px -61px
}
.tab-active .scooter-overall .section-adapt .feature-list .icon-1, .tab-active .scooter-overall .section-adapt .feature-list .icon-1:hover {
	background-position: 0px -122px;
}
.scooter-overall .section-adapt .feature-list .icon-2 {
	background-position: -71px 0
}
.scooter-overall .section-adapt .feature-list .icon-2:hover {
	background-position: -71px -61px
}
.tab-active .scooter-overall .section-adapt .feature-list .icon-2, .tab-active .scooter-overall .section-adapt .feature-list .icon-2:hover {
	background-position: -71px -122px
}
.scooter-overall .section-adapt .feature-list .icon-3 {
	background-position: -142px 0
}
.scooter-overall .section-adapt .feature-list .icon-3:hover {
	background-position: -142px -61px
}
.tab-active .scooter-overall .section-adapt .feature-list .icon-3, .tab-active .scooter-overall .section-adapt .feature-list .icon-3:hover {
	background-position: -142px -122px
}
.scooter-overall .section-adapt .feature-list .icon-4 {
	background-position: -213px 0
}
.scooter-overall .section-adapt .feature-list .icon-4:hover {
	background-position: -213px -61px
}
.tab-active .scooter-overall .section-adapt .feature-list .icon-4, .tab-active .scooter-overall .section-adapt .feature-list .icon-4:hover {
	background-position: -213px -122px
}
.scooter-overall .section-adapt .feature-list .icon-5 {
	background-position: -284px 0
}
.scooter-overall .section-adapt .feature-list .icon-5:hover {
	background-position: -284px -61px
}
.tab-active .scooter-overall .section-adapt .feature-list .icon-5, .tab-active .scooter-overall .section-adapt .feature-list .icon-5:hover {
	background-position: -284px -122px
}
.scooter-overall .section-adapt .feature-list .tab-active .icon-1, .scooter-overall .section-adapt .feature-list .tab-active .icon-1:hover {
	background-position: 0px -122px
}
.scooter-overall .section-adapt .feature-list .tab-active .icon-2, .scooter-overall .section-adapt .feature-list .tab-active .icon-2:hover {
	background-position: -71px -122px
}
.scooter-overall .section-adapt .feature-list .tab-active .icon-3, .scooter-overall .section-adapt .feature-list .tab-active .icon-3:hover {
	background-position: -142px -122px
}
.scooter-overall .section-adapt .feature-list .tab-active .icon-4, .scooter-overall .section-adapt .feature-list .tab-active .icon-4:hover {
	background-position: -213px -122px
}
.scooter-overall .section-adapt .feature-list .tab-active .icon-5, .scooter-overall .section-adapt .feature-list .tab-active .icon-5:hover {
	background-position: -284px -122px
}
.scooter-overall .section-adapt .stage {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 740px;
	padding-right: 85px
}
.scooter-overall .section-adapt .stage .figure {
	width: 100%;
	height: 740px;
	background-position: 50% 0
}
.scooter-overall .section-adapt .stage .tab-container {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 740px
}
.scooter-overall .section-adapt .stage .tab-content {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 740px
}
.scooter-overall .section-adapt.preload {
	background: url(../images/sm4229b1.jpg) 49% 100% no-repeat;
}
.scooter-overall .section-adapt.preload .feature-list .icon {
	background-image: url(../images/overall-adapt-icons.png)
}
.scooter-overall .section-adapt.preload .figure-1 {
	background-image: url(../images/sm4229b2.jpg)
}
.scooter-overall .section-adapt.preload .figure-2 {
	background-image: url(../images/sm4229b3.jpg)
}
.scooter-overall .section-adapt.preload .figure-3 {
	background-image: url(../images/overall-adapt-bg-3.jpg)
}
.scooter-overall .section-adapt.preload .figure-4 {
	background-image: url(../images/overall-adapt-bg-4.jpg)
}
.scooter-overall .section-adapt.preload .figure-5 {
	background-image: url(../images/overall-adapt-bg-5.jpg)
}
.scooter-overall .section-led {
	height: 686px;
	overflow: hidden;
	_zoom: 1;
	background-color: #000;
	color: #fff
}
.scooter-overall .section-led .container {
	position: relative;
	z-index: 10;
	padding-top: 65px;
	text-align: center
}
.scooter-overall .section-led .content {
	width: 870px;
	margin: 0 auto
}
.scooter-overall .section-led .feature-list {
	width: 400px;
	margin: 40px auto 0
}
.scooter-overall .section-led .feature-list li {
	float: left;
	_display: inline;
	width: 60px;
	margin: 0 20px;
	cursor: pointer
}
.scooter-overall .section-led .feature-list .tab-active {
	cursor: inherit
}
.scooter-overall .section-led .feature-list .icon {
	display: block;
	width: 60px;
	height: 52px;
	margin: 0 auto 10px
}
.scooter-overall .section-led .feature-list .icon-1 {
	background-position: 0px 0
}
.scooter-overall .section-led .feature-list .icon-1:hover {
	background-position: 0px -52px
}
.scooter-overall .section-led .feature-list .icon-2 {
	background-position: -60px 0
}
.scooter-overall .section-led .feature-list .icon-2:hover {
	background-position: -60px -52px
}
.scooter-overall .section-led .feature-list .icon-3 {
	background-position: -120px 0
}
.scooter-overall .section-led .feature-list .icon-3:hover {
	background-position: -120px -52px
}
.scooter-overall .section-led .feature-list .icon-4 {
	background-position: -180px 0
}
.scooter-overall .section-led .feature-list .icon-4:hover {
	background-position: -180px -52px
}
.scooter-overall .section-led .feature-list .tab-active .icon-1, .scooter-overall .section-led .feature-list .tab-active .icon-1:hover {
	background-position: 0px -104px
}
.scooter-overall .section-led .feature-list .tab-active .icon-2, .scooter-overall .section-led .feature-list .tab-active .icon-2:hover {
	background-position: -60px -104px
}
.scooter-overall .section-led .feature-list .tab-active .icon-3, .scooter-overall .section-led .feature-list .tab-active .icon-3:hover {
	background-position: -120px -104px
}
.scooter-overall .section-led .feature-list .tab-active .icon-4, .scooter-overall .section-led .feature-list .tab-active .icon-4:hover {
	background-position: -180px -104px
}
.scooter-overall .section-led .stage {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	width: 2560px;
	height: 958px;
	margin-left: -1280px
}
.scooter-overall .section-led .stage .figure {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	width: 2560px;
	height: 958px;
	margin-left: -1280px;
	background-position: 50% 0
}
.scooter-overall .section-led .stage .active:after {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	width: 2560px;
	height: 958px;
	margin-left: -1280px;
	content: "";
	opacity: 1;
	filter: alpha(opacity=100)\9;
	-webkit-animation: fadeOut 1s linear 1s 1 forwards;
	animation: fadeOut 1s linear 1s 1 forwards
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
filter:alpha(opacity=100)\9
}
100% {
opacity:0;
filter:alpha(opacity=0)\9
}
}
@keyframes fadeOut {
0% {
opacity:1;
filter:alpha(opacity=100)\9
}
100% {
opacity:0;
filter:alpha(opacity=0)\9
}
}
.scooter-overall .section-led.preload .feature-list .icon {
	background-image: url(../images/overall-led-icons.png)
}
.scooter-overall .section-led.preload .stage .active:after {
	background: url(../pics/overall-led-bg-0.jpg) no-repeat 50% 0
}
.scooter-overall .section-led.preload .figure-1 {
	background-image: url(../pics/overall-led-bg-1.jpg)
}
.scooter-overall .section-led.preload .figure-2 {
	background-image: url(../pics/overall-led-bg-2.jpg)
}
.scooter-overall .section-led.preload .figure-3 {
	background-image: url(../pics/overall-led-bg-3.jpg)
}
.scooter-overall .section-led.preload .figure-4 {
	background-image: url(../pics/overall-led-bg-4.jpg)
}
.scooter-overall .section-remote-header {
	height: 339px;
	background-color: #09b964;
	color: #fff
}
.scooter-overall .section-remote-header .container {
	padding-top: 55px;
	text-align: center
}
.scooter-overall .section-remote-header .content {
	width: 722px;
	margin: 0 auto
}
.scooter-overall .section-remote-header.preload {
	background: #09b964 url(../images/overall-remote-header-bg.jpg) no-repeat 50% 0
}
.scooter-overall .section-remote {
	height: 634px;
	background-color: #fff
}
.scooter-overall .section-remote.preload {
	background: #fff url(../images/overall-remote-bg.jpg) no-repeat 50% 0
}
.scooter-overall .section-battery {
	height: 664px;
	overflow: hidden;
	_zoom: 1
}
.scooter-overall .section-battery .container {
	position: relative;
	padding-top: 110px
}
.scooter-overall .section-battery .content {
	position: relative;
	z-index: 5;
	width: 395px;
	margin: 0 auto 0 110px
}
.scooter-overall .section-battery .stage {
	position: absolute;
	top: 0;
	right: -80px;
	z-index: 1
}
.scooter-overall .section-battery .stage .video {
	width: 1180px;
	height: 664px
}
.scooter-overall .section-ai {
	height: 885px;
	background-color: #f1f3f2
}
.scooter-overall .section-ai .container {
	padding-top: 60px;
	text-align: center
}
.scooter-overall .section-ai .content {
	width: 842px;
	margin: 0 auto
}
.scooter-overall .section-ai .feature-list {
	width: 220px;
	margin: 0 auto
}
.scooter-overall .section-ai .feature-list li {
	float: left;
	_display: inline;
	width: 70px;
	margin: 0 20px;
	cursor: pointer
}
.scooter-overall .section-ai .feature-list .tab-active {
	cursor: inherit
}
.scooter-overall .section-ai .feature-list .tab-active .icon-m {
	background-position: 0 -60px
}
.scooter-overall .section-ai .feature-list .tab-active .icon-f {
	background-position: -70px -60px
}
.scooter-overall .section-ai .feature-list .icon {
	display: block;
	width: 70px;
	height: 60px;
	margin: 0 auto 10px
}
.scooter-overall .section-ai .feature-list .icon-m {
	background-position: 0 0
}
.scooter-overall .section-ai .feature-list .icon-f {
	background-position: -70px 0
}
.scooter-overall .section-ai .stage {
	margin-top: 50px
}
.scooter-overall .section-ai .stage .tab-container {
	position: relative;
	width: 842px;
	height: 370px
}
.scooter-overall .section-ai .stage .tab-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 842px;
	height: 370px
}
.scooter-overall .section-ai .figure-table {
	width: 842px;
	height: 370px
}
.scooter-overall .section-ai.preload .feature-list .icon {
	background-image: url(../images/overall-ai-icons.png)
}
.scooter-overall .section-ai.preload .tab-content-male .figure-table {
	/*background: url(../images/overall-ai-m-static.png)*/
}
.scooter-overall .section-ai.preload .tab-content-female .figure-table {
	background: url(../images/overall-ai-f-static.png)
}
.scooter-overall .section-app {
	height: 587px;
}
.scooter-overall .section-app .container {
	position: relative;
	padding-top: 165px
}
.scooter-overall .section-app .content {
	width: 350px;
	margin: 0 62px 0 auto;
	float:left;
}
.scooter-overall .section-app .feature-list {
	width: 352px;
	margin: 50px 0 0 -15px
}
.scooter-overall .section-app .feature-list li {
	float: left;
	width: 92px;
	text-align: center;
	cursor: pointer
}
.scooter-overall .section-app .feature-list .tab-active {
	color: #3b8cf0;
	cursor: inherit
}
.scooter-overall .section-app .feature-list .icon {
	display: block;
	width: 62px;
	height: 53px;
	margin: 0 auto 10px
}
.scooter-overall .section-app .feature-list .icon-1 {
	background-position: 0px 0
}
.scooter-overall .section-app .feature-list .icon-1:hover {
	background-position: 0px -53px
}
.scooter-overall .section-app .feature-list .icon-2 {
	background-position: -62px 0
}
.scooter-overall .section-app .feature-list .icon-2:hover {
	background-position: -62px -53px
}
.scooter-overall .section-app .feature-list .icon-3 {
	background-position: -124px 0
}
.scooter-overall .section-app .feature-list .icon-3:hover {
	background-position: -124px -53px
}
.scooter-overall .section-app .feature-list .icon-4 {
	background-position: -186px 0
}
.scooter-overall .section-app .feature-list .icon-4:hover {
	background-position: -186px -53px
}
.scooter-overall .section-app .feature-list .icon-5 {
	background-position: -248px 0
}
.scooter-overall .section-app .feature-list .icon-5:hover {
	background-position: -248px -53px
}
.scooter-overall .section-app .feature-list .icon-6 {
	background-position: -310px 0
}
.scooter-overall .section-app .feature-list .icon-6:hover {
	background-position: -310px -53px
}
.scooter-overall .section-app .feature-list .tab-active .icon-1, .scooter-overall .section-app .feature-list .tab-active .icon-1:hover {
	background-position: 0px -106px
}
.scooter-overall .section-app .feature-list .tab-active .icon-2, .scooter-overall .section-app .feature-list .tab-active .icon-2:hover {
	background-position: -62px -106px
}
.scooter-overall .section-app .feature-list .tab-active .icon-3, .scooter-overall .section-app .feature-list .tab-active .icon-3:hover {
	background-position: -124px -106px
}
.scooter-overall .section-app .feature-list .tab-active .icon-4, .scooter-overall .section-app .feature-list .tab-active .icon-4:hover {
	background-position: -186px -106px
}
.scooter-overall .section-app .feature-list .tab-active .icon-5, .scooter-overall .section-app .feature-list .tab-active .icon-5:hover {
	background-position: -248px -106px
}
.scooter-overall .section-app .feature-list .tab-active .icon-6, .scooter-overall .section-app .feature-list .tab-active .icon-6:hover {
	background-position: -310px -106px
}
.scooter-overall .section-app .stage {
	width: 773px;
	height: 594px;
	position: absolute;
	left: 390px;
	top: 55px;
}
.scooter-overall .section-app .tab-content {
	position: absolute;
	top: 50px;
	left: 35px;
	width: 773px;
	height: 468px
}
.scooter-overall .section-app .figure {
	width: 773px;
	height: 468px
}
.scooter-overall .section-app.preload .feature-list .icon {
	background-image: url(../images/overall-app-icons.png)
}
.scooter-overall .section-app.preload .stage {
/*	background: url(../images/mi.jpg) no-repeat 0 0*/
}
.scooter-overall .section-app.preload .figure-1 {
	background-image: url(../images/pd7.jpg)
}
.scooter-overall .section-app.preload .figure-2 {
	background-image: url(../images/pd8.jpg)
}
.scooter-overall .section-app.preload .figure-3 {
	background-image: url(../images/pd9.jpg)
}
.scooter-overall .section-app.preload .figure-4 {
	background-image: url(../images/pd10.jpg)
}
.scooter-overall .section-app.preload .figure-5 {
	background-image: url(../images/pd11.jpg)
}
.scooter-overall .section-app.preload .figure-6 {
	background-image: url(../images/pd12.jpg)
}
.scooter-overall .section-weight2 {
	height: 650px;
	color: #666;
}
.scooter-overall .section-weight2.preload {
	background: #4e4e50 url(../images/sm4229-2.jpg) no-repeat 50% 0
}

.scooter-overall .section-weight {
	height: 708px;
	color: #666;
}
.scooter-overall .section-weight .container {
}
.scooter-overall .section-weight .content {
	width: 445px;
	margin: 310px auto 0 110px
}
.scooter-overall .section-weight.preload {
	background: #4e4e50 url(../images/df4110-b3.jpg) no-repeat 50% 0
}
.scooter-overall .section-gallery .gallery-list {
	width: 100%;
	height: 804px;
	margin: 0;
	padding: 0;
	list-style-type: none
}
.scooter-overall .section-gallery .gallery-list li {
	float: left
}
.scooter-overall .section-gallery .col-l, .scooter-overall .section-gallery .col-r {
	width: 30%
}
.scooter-overall .section-gallery .col-m {
	width: 40%
}
.scooter-overall .section-gallery .cell-l, .scooter-overall .section-gallery .cell-m {
	position: relative;
	overflow: hidden;
	_zoom: 1
}
.scooter-overall .section-gallery .cell-l {
	height: 804px
}
.scooter-overall .section-gallery .cell-m {
	height: 402px
}
.scooter-overall .section-gallery .cell-m-1 {
	background-color: #f9f9f9
}
.scooter-overall .section-gallery .cell-m-2 {
	background-color: #eff1f2
}
.scooter-overall .section-gallery .figure {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s
}
.scooter-overall .section-gallery.preload .figure-1 {
	width: 916px;
	height: 804px;
	margin: -402px 0 0 -458px;
	background: url(../images/jd.jpg) no-repeat 50% 0
}
.scooter-overall .section-gallery.preload .figure-2 {
	width: 920px;
	height: 666px;
	margin: -300px 0 0 -460px;
	background: url(../images/jd2.jpg) no-repeat 100% 0
}
.scooter-overall .section-gallery.preload .figure-3 {
	width: 920px;
	height: 685px;
	margin: -350px 0 0 -460px;
	background: url(../images/jd3.jpg) no-repeat 100% 0
}
.scooter-overall .section-gallery.preload .figure-4 {
	width: 867px;
	height: 1033px;
	margin: -540px 0 0 -434px;
	background: url(../images/jd4.jpg) no-repeat 50% 0
}
.scooter-overall .section-wheel {
	height: 700px;
	background-color: #000;
	color: #9fa4ab
}
.scooter-overall .section-wheel .container {
	padding-top: 115px
}
.scooter-overall .section-wheel .content {
	width: 480px;
	margin: 0 62px 0 auto
}
.scooter-overall .section-wheel .title {
	color: #ced5df
}
.scooter-overall .section-wheel .feature-list {
	width: 440px;
	margin: 60px 0 0 -7px
}
.scooter-overall .section-wheel .feature-list li {
	float: left;
	_display: inline;
	width: 96px;
	margin: 0 7px
}
.scooter-overall .section-wheel .feature-list .icon {
	display: block;
	width: 96px;
	height: 84px;
	margin: 0 auto
}
.scooter-overall .section-wheel .feature-list .icon-1 {
	background-position: 0px 0
}
.scooter-overall .section-wheel .feature-list .icon-2 {
	background-position: -96px 0
}
.scooter-overall .section-wheel .feature-list .icon-3 {
	background-position: -192px 0
}
.scooter-overall .section-wheel .feature-list .icon-4 {
	background-position: -288px 0
}
.scooter-overall .section-wheel.preload {
	background: #fff url(../images/sm4229c1.jpg) no-repeat 50% 0
}
.scooter-overall .section-wheel.preload .feature-list .icon {
	background-image: url(../images/overall-wheel-icons.png)
}
.scooter-overall .section-skeleton {
	height: 965px;
	overflow: hidden;
	_zoom: 1
}
.scooter-overall .section-skeleton .container {
	position: relative;
	padding-top: 670px;
	text-align: center
}
.scooter-overall .section-skeleton .content {
	position: relative;
	z-index: 5;
	width: 760px;
	margin: 0 auto
}
.scooter-overall .section-skeleton .stage {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	width: 900px;
	height: 888px;
	margin-left: -450px
}
.scooter-overall .section-skeleton .stage-static:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 535px;
	height: 118px;
	margin: -54px 0 0 -282px;
	content: "";
	opacity: 0;
	filter: alpha(opacity=0)\9;
	-webkit-animation: fadeIn 1s 1.5s 1 forwards;
	animation: fadeIn 1s 1.5s 1 forwards
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
filter:alpha(opacity=0)\9
}
100% {
opacity:1;
filter:alpha(opacity=100)\9
}
}
@keyframes fadeIn {
0% {
opacity:0;
filter:alpha(opacity=0)\9
}
100% {
opacity:1;
filter:alpha(opacity=100)\9
}
}
.scooter-overall .section-skeleton .figure {
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 1;
	filter: alpha(opacity=100)\9;
	-webkit-transition: all 3s linear;
	transition: all 3s linear
}
.scooter-overall .section-skeleton .figure-w-l {
	width: 417px;
	height: 470px;
	z-index: 2;
	margin: -232px 0 0 -286px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.scooter-overall .section-skeleton .figure-w-r {
	width: 133px;
	height: 102px;
	z-index: 3;
	margin: 134px 0 0 216px;
	-webkit-transform: translate3d(-150px, 0, 0);
	transform: translate3d(-150px, 0, 0)
}
.scooter-overall .section-skeleton .figure-b {
	width: 412px;
	height: 82px;
	z-index: 1;
	margin: 64px 0 0 -217px;
	-webkit-transform: translate3d(0, -120px, 0);
	transform: translate3d(0, -120px, 0)
}
.scooter-overall .section-skeleton .figure-m {
	width: 537px;
	height: 169px;
	z-index: 2;
	margin: -107px 0 0 -282px;
	-webkit-transform: translate3d(0, -40px, 0);
	transform: translate3d(0, -40px, 0)
}
.scooter-overall .section-skeleton .figure-t {
	width: 235px;
	height: 225px;
	z-index: 3;
	margin: -370px 0 0 -3px;
	-webkit-transform: translate3d(0, 380px, 0);
	transform: translate3d(0, 220px, 0)
}
.scooter-overall .section-skeleton .figure-s-l {
	width: 54px;
	height: 151px;
	z-index: 1;
	margin: 45px 0 0 76px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.scooter-overall .section-skeleton .figure-s-r {
	width: 125px;
	height: 96px;
	z-index: 1;
	margin: -100px 0 0 0;
	-webkit-transform: translate3d(0, 215px, 0);
	transform: translate3d(0, 155px, 0)
}
.scooter-overall .section-skeleton.preload .stage-static {
	background: url(../images/sm4229v0.jpg) no-repeat 50% -300px
}
.scooter-overall .section-skeleton.preload .stage-static:before {
	background-image: url(../images/overall-expl-m-static.png)
}
.scooter-overall .section-skeleton.preload .stage-static .figure {
	opacity: 0;
	filter: alpha(opacity=0)\9
}
.scooter-overall .section-skeleton.preload .figure-w-l {
	background-image: url(../images/sm4229-vl.png)
}
.scooter-overall .section-skeleton.preload .figure-w-r {
	background-image: url(../images/sm4229-vr.png)
}
.scooter-overall .section-skeleton.preload .figure-b {
/*	background-image: url(../images/overall-expl-b.jpg)*/
}
.scooter-overall .section-skeleton.preload .figure-m {
	/*background-image: url(../images/overall-expl-m.png)*/
}
.scooter-overall .section-skeleton.preload .figure-t {
	background-image: url(../images/sm4229-vt.png)
}
.scooter-overall .section-skeleton.preload .figure-s-l {
	background-image: url(../images/sm4229-vr2.jpg)
}
.scooter-overall .section-skeleton.preload .figure-s-r {
	background-image: url(../images/sm4229-vm.png)
}
.scooter-overall .section-skeleton.is-visible .figure {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.scooter-overall .section-safe {
	height: 805px;
	background-color: #f1f3f2
}
.scooter-overall .section-safe .container {
	padding-top: 70px;
	text-align: center
}
.scooter-overall .section-safe .content {
	width: 980px;
	margin: 0 auto
}
.scooter-overall .section-safe .text {
	width: 810px;
	margin: 0 auto 20px
}
.scooter-overall .section-safe .feature-list {
	width: 980px;
	margin: 50px auto 0;
	font-size: 14px;
	color: #767f8a
}
.scooter-overall .section-safe .feature-list li {
	float: left;
	width: 244px;
	height: 130px;
	padding-top: 35px;
	border-top: 1px solid #d8dad9;
	border-left: 1px solid #d8dad9;
	text-align: center
}
.scooter-overall .section-safe .feature-list .top {
	border-top: 0
}
.scooter-overall .section-safe .feature-list .left {
	border-left: 0
}
.scooter-overall .section-safe .feature-list .icon {
	display: block;
	width: 54px;
	height: 54px;
	margin: 0 auto 25px
}
.scooter-overall .section-safe .feature-list .icon-1 {
	background-position: 0px 0
}
.scooter-overall .section-safe .feature-list .icon-2 {
	background-position: -54px 0
}
.scooter-overall .section-safe .feature-list .icon-3 {
	background-position: -108px 0
}
.scooter-overall .section-safe .feature-list .icon-4 {
	background-position: -162px 0
}
.scooter-overall .section-safe .feature-list .icon-5 {
	background-position: 0px -54px
}
.scooter-overall .section-safe .feature-list .icon-6 {
	background-position: -54px -54px
}
.scooter-overall .section-safe .feature-list .icon-7 {
	background-position: -108px -54px
}
.scooter-overall .section-safe .feature-list .icon-8 {
	background-position: -162px -54px
}
.scooter-overall .section-safe.preload .feature-list .icon {
	background-image: url(../images/overall-safe-icons.png)
}
.scooter-overall .section-scene-gallery {
	height: 1220px
}
.scooter-overall .section-scene-gallery .container {
	padding-top: 990px;
	text-align: center
}
.scooter-overall .section-scene-gallery .link {
	color: #333
}
.scooter-overall .section-scene-gallery.preload {
	background: url(../images/overall-gallery-scene-bg.jpg) no-repeat 50% 0
}
.scooter-overall .section-company {
	height: 630px;
	background-color: #3567de;
	color: #fff
}
.scooter-overall .section-company .container {
	padding-top: 116px;
	text-align: center
}
.scooter-overall .section-company .figure-logo {
	display: block;
	width: 516px;
	height: 74px;
	margin: 0 auto 65px
}
.scooter-overall .section-company .content {
	width: 840px;
	margin: 0 auto
}
.scooter-overall .section-company.preload {
	background: #3567de url(../images/overall-company-bg.jpg) repeat-x 0 0
}
.scooter-overall .section-company.preload .figure-logo {
	background-image: url(../images/overall-company-logo.png)
}
.scooter-overall .section-equipment {
	height: 968px;
	background-color: #f1f3f2
}
.scooter-overall .section-equipment .container {
	text-align: center
}
.scooter-overall .section-equipment .figure-product {
	display: block;
	width: 886px;
	height: 489px;
	margin: 0 auto 45px
}
.scooter-overall .section-equipment .text {
	width: 740px;
	margin: 0 auto 5px
}
.scooter-overall .section-equipment .tip {
	margin-bottom: 10px;
	font-size: 12px;
	color: #899098
}
.scooter-overall .section-equipment .price {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #4385f2
}
.scooter-overall .section-equipment .price .num {
	font-size: 36px;
	line-height: 1
}
.scooter-overall .section-equipment .price small {
	font-size: 12px
}
.scooter-overall .section-equipment .btn-buy {
	width: 200px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	border-color: #4385f2;
	color: #4385f2
}
.scooter-overall .section-equipment .btn-buy.btn-disable {
	cursor: default
}
.scooter-overall .section-equipment.preload .figure-product {
	background-image: url(../images/jb3.jpg)
}
.scooter-overall .section-outro {
	height: 820px
}
.scooter-overall .section-outro .container {
	position: relative;
	padding-top: 210px
}
.scooter-overall .section-outro .content {
	width: 400px;
	margin: 0 125px 0 auto
}
.scooter-overall .section-outro .title {
	font-size: 54px
}
.scooter-overall .section-outro .subtitle {
	margin-bottom: 50px;
	font-size: 22px
}
.scooter-overall .section-outro .price {
	margin-top: 20px;
	margin-bottom: 35px;
	font-size: 18px;
	color: #4385f2
}
.scooter-overall .section-outro .price .num {
	font-size: 36px;
	line-height: 1
}
.scooter-overall .section-outro .price small {
	margin-left: 20px;
	font-size: 14px;
	color: #4385f2
}
.scooter-overall .section-outro .btn-buy {
	width: 200px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	background-color: #4788ee;
	border-color: #4788ee;
	color: #fff;
	border-radius: 3px
}
.scooter-overall .section-outro .tip {
	margin-top: 10px;
	font-size: 14px
}
.scooter-overall .section-outro .figure-product {
	position: absolute;
	left: -20px;
	top: 82px;
	width: 631px;
	height: 625px
}
.scooter-overall .section-outro.preload .figure-product {
	background-image: url(../images/jb2.jpg)
}
.scooter-overall .section-footnote {
	background-color: #f1f3f2
}
.scooter-overall .section-footnote .container {
	padding-top: 45px;
	padding-bottom: 45px;
	color: #757575
}
.scooter-overall .section-footnote .content {
	margin-left: 62px
}
.scooter-overall .section-footnote .footnote-list {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
	font-size: 12px;
	line-height: 2
}
.modal-video {
	width: 880px;
	height: 596px;
	margin-top: -298px;
	margin-left: -440px;
	-webkit-box-shadow: 0 18px 30px rgba(0,0,0,0.18);
	box-shadow: 0 18px 30px rgba(0,0,0,0.18)
}
.modal-video .modal-bd {
	max-height: 536px;
	padding: 0
}