.xm-product-box .hd {
    background-color: #f5f5f5
}
.xm-product-box .ft {
    border-top: 1px solid #e0e0e0
}
.xm-product-box .nav-bar {
   
    position: relative;
    height: 50px;
    color: #616161

}
.breadcrumb{display: none;}
.xm-product-box .nav-bar .title {
    float: left;
    _display: inline;
    margin: 10px 0 0 25px;
}
.xm-product-box .nav-bar .title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #424242
}
.breadcrumb{display: none;}
.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: #B3B1B1;
}
.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
;
    background: none;
}
.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: 28px;
    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: 21px;
    font-weight: 400;
    line-height: 1.45




}
.scooter-overall .section p {
    margin: 0
}
.scooter-overall .section .text {
    margin: 0 0 17px;
    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
}
.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: 915px;
    overflow: hidden;
    _zoom: 1
}
.scooter-overall .section-intro.preload {
    background: url(../images/s2/overall-summary-bg-gw.jpg) no-repeat 50% 0
}
.scooter-overall .section-intro .container {
    position: relative;
    z-index: 10;
    height: 100%
}
.scooter-overall .section-intro .content {
    position: absolute;
    top: 50%;
    left: 110px;
    z-index: 10;
    height: 320px;
    margin-top: -160px;
    /*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;
        color: #fff;
}
.scooter-overall .section-intro .subtitle {
    margin: 0 0 20px;
    font-size: 22px;
    color: #646e7a
}
.scooter-overall .section-intro .text {
    color: #646e7a
}
p.text.print1-text {
    color: #fff!important;
    line-height: 22px!important;
}
p.text.print1-text span{
    background: #f0f0f0;
        color: #000;
    padding: 3px;
        box-shadow: 0px -1px 1px 1px #6D6D6D inset;
}
.scooter-overall .section-intro .price {
    margin-bottom: 30px;
    font-size: 20px;
    color: #4385f2
}
.scooter-overall .section-intro .num {
    margin-right: 5px;
    font-size: 36px;
    font-weight: 200
}
.scooter-overall .section-intro .icon-play {
    width: 27px;
    height: 26px;
    background-image: url(../images/s2/overall-icon-play.png);
    vertical-align: -6px
}
.scooter-overall .section-intro .stage {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 2560px;
    height: 900px;
    margin: -450px 0 0 -1280px
}
.scooter-overall .section-intro .video {
    width: 2560px;
    height: 900px
}
.scooter-overall .section-summary {
    height: 1140px
}
.scooter-overall .section-summary .container {
    padding-top: 720px;
    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 8px;
    padding: 0 0 8px;
    border-bottom: 2px solid #51575f;
    font-size: 14px;
    text-align: center;
    float: 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(overall-summary-bg.jpg) no-repeat 50% 0
}
.scooter-overall .section-guide-intro {
    height: 378px;
    background-color: #3178e2;
    color: #fff
}
.scooter-overall .section-guide-intro .container {
    padding-top: 50px;
    text-align: center
}
.scooter-overall .section-guide-intro .content {
    width: 910px;
    margin: 0 auto
}
.scooter-overall .section-guide-intro.preload {
    background: #3178e2 url(overall-guide-header-bg.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/s2/overall-guide-icons.png)
}
.scooter-overall .section-guide.preload .mask-1 {
    background: url(../images/s2/overall-guide-video-1.jpg) no-repeat 50% 50%;
    background-size: cover
}
.scooter-overall .section-guide.preload .mask-2 {
    background: url(../images/s2/overall-guide-video-2.jpg) no-repeat 50% 50%;
    background-size: cover
}
.scooter-overall .section-guide.preload .mask-3 {
    background: url(../images/s2/overall-guide-video-3.jpg) no-repeat 50% 50%;
    background-size: cover
}
.scooter-overall .section-guide.preload .mask-4 {
    background: url(../images/s2/overall-guide-video-4.jpg) no-repeat 50% 50%;
    background-size: cover
}
.scooter-overall .section-engine-intro {
    height: 678px
}
.scooter-overall .section-engine-intro.preload {
    background: #efefef url(overall-engine-header-bg.jpg) no-repeat 50% 0
}
.scooter-overall .section-engine {
    height: 790px;
    overflow: hidden;
    _zoom: 1
}
.scooter-overall .section-engine .container {
    position: relative;
    z-index: 10;
    padding-top: 85px
}
.scooter-overall .section-engine .content {
    width: 490px;
    margin: 0 auto 0 62px
}
.scooter-overall .section-engine .feature-list {
    width: 470px;
    margin-top: 40px;
    font-size: 14px;
    color: #2091ed


}
.scooter-overall .section-engine .feature-list li {
    float: left;
    margin-right: 20px;
    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: 790px;
    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: 790px;
    margin-left: -1280px;
    background-repeat: no-repeat;
    background-position: 50% 100%
}
.scooter-overall .section-engine .bg-list .figure {
    width: 2560px;
    height: 790px
}
.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(overall-engine-product-1.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(../images/s2/overall-engine-product-2.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(overall-engine-product-1.jpg)
}
.scooter-overall .section-adapt {
    height: 734px;
    background-color: #228cd5;
    color: #fff
}
.scooter-overall .section-adapt .container {
    position: relative;
    z-index: 10;
    padding-top: 70px
}
.scooter-overall .section-adapt .content {
    width: 450px;
    margin: 0 62px 0 auto












































































































































}
.scooter-overall .section-adapt .text {
    line-height: 1.7
}
.scooter-overall .section-adapt .feature-list {
    width: 530px;
    margin-top: 20px;
    /*overflow: hidden;*/
}
.scooter-overall .section-adapt .feature-list li {
    float: left;
    width: 92px;
    margin-right: 10px;
    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: 50%;
    height: 734px;
    padding-right: 85px
}
.scooter-overall .section-adapt .stage .figure {
    width: 100%;
    height: 734px;
    background-position: 50% 0
}
.scooter-overall .section-adapt .stage .tab-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 734px
}
.scooter-overall .section-adapt .stage .tab-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 734px
}
.scooter-overall .section-adapt.preload {
    background: #000 url(overall-adapt-bg.jpg) no-repeat 100% 100%;
}
.scooter-overall .section-adapt.preload .feature-list .icon {
    background-image: url(overall-adapt-icons.png)
}
.scooter-overall .section-adapt.preload .figure-1 {
    background-image: url(overall-adapt-bg-1.jpg)
}
.scooter-overall .section-adapt.preload .figure-2 {
    background-image: url(overall-adapt-bg-2.jpg)
}
.scooter-overall .section-adapt.preload .figure-3 {
    background-image: url(overall-adapt-bg-3.jpg)
}
.scooter-overall .section-adapt.preload .figure-4 {
    background-image: url(overall-adapt-bg-4.jpg)
}
.scooter-overall .section-adapt.preload .figure-5 {
    background-image: url(overall-adapt-bg-5.jpg)
}
.scooter-overall .section-led {
    height: 958px;
    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: 480px;
    margin: 40px auto 0






























}
.scooter-overall .section-led .feature-list li {
    float: left;
    _display: inline;
    width: 100px;
    margin: 0 10px;
    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(overall-led-icons.png)
}
.scooter-overall .section-led.preload .stage .active:after {
    background: no-repeat 50% 0
}
.scooter-overall .section-led.preload .figure-1 {
    background-image: url(overall-led-bg-1.jpg)
}
.scooter-overall .section-led.preload .figure-2 {
    background-image: url(overall-led-bg-2.jpg)
}
.scooter-overall .section-led.preload .figure-3 {
    background-image: url(overall-led-bg-3.jpg)
}
.scooter-overall .section-led.preload .figure-4 {
    background-image: url(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(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(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;
    margin-top: 50px;
}
.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: 390px;
    margin: 0 auto







































}
.scooter-overall .section-ai .feature-list li {
    float: left;
    _display: inline;
    width: 154px;
    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(overall-ai-icons.png)
}
.scooter-overall .section-ai.preload .tab-content-male .figure-table {
    background: url(overall-ai-m-static.png)
}
.scooter-overall .section-ai.preload .tab-content-female .figure-table {
    background: url(overall-ai-f-static.png)
}
.scooter-overall .section-app {
    height: 787px
}
.scooter-overall .section-app .container {
    position: relative;
    padding-top: 165px
}
.scooter-overall .section-app .content {
    width: 550px;
    margin: 0 62px 0 auto
}
.scooter-overall .section-app .feature-list {
    width: 552px;
    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 {
    position: absolute;
    left: 190px;
    top: 105px;
    width: 340px;
    height: 594px
}
.scooter-overall .section-app .tab-content {
    position: absolute;
    top: 51px;
    left: 24px;
    width: 262px;
    height: 468px
}
.scooter-overall .section-app .figure {
    width: 262px;
    height: 468px
}
.scooter-overall .section-app.preload .feature-list .icon {
    background-image: url(overall-app-icons.png)
}
.scooter-overall .section-app.preload .stage {
    background: url(overall-app-product.jpg) no-repeat 0 0
}
.scooter-overall .section-app.preload .figure-1 {
    background-image: url(overall-app-screen-1.jpg)
}
.scooter-overall .section-app.preload .figure-2 {
    background-image: url(overall-app-screen-2.jpg)
}
.scooter-overall .section-app.preload .figure-3 {
    background-image: url(overall-app-screen-3.jpg)
}
.scooter-overall .section-app.preload .figure-4 {
    background-image: url(overall-app-screen-4.jpg)
}
.scooter-overall .section-app.preload .figure-5 {
    background-image: url(overall-app-screen-5.jpg)
}
.scooter-overall .section-app.preload .figure-6 {
    background-image: url(overall-app-screen-6.jpg)
}
.scooter-overall .section-weight {
    height: 920px;
    color: #fff
}
.scooter-overall .section-weight .container {
    padding-top: 250px;
}
.scooter-overall .section-weight .content {
    width: 489px;
    margin: 0 auto 0 110px

















}
.scooter-overall .section-weight.preload {
    background: #4e4e50 url(overall-weight-bg.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/s2/overall-gallery-l-1.jpg) no-repeat 50% 0
}
.scooter-overall .section-gallery.preload .figure-2 {
    width: 920px;
    height: 666px;
    margin: -200px 0 0 -460px;
    background: url(../images/s2/overall-gallery-c-1.jpg) no-repeat 50% 0
}
.scooter-overall .section-gallery.preload .figure-3 {
    width: 920px;
    height: 685px;
    margin: -450px 0 0 -460px;
    background: url(../images/s2/overall-gallery-c-2.jpg) no-repeat 50% 0
}
.scooter-overall .section-gallery.preload .figure-4 {
    width: 867px;
    height: 1033px;
    margin: -540px 0 0 -434px;
    background: url(../images/s2/overall-gallery-r-1.jpg) no-repeat 50% 0
}
.scooter-overall .section-wheel {
    height: 770px;
    background-color: #000;
    color: #9fa4ab
}
.scooter-overall .section-wheel .container {
    padding-top: 205px
}
.scooter-overall .section-wheel .content {
    width: 480px;
    margin: 0 62px 0 auto
}
.scooter-overall .section-wheel .title {
    color: #060606;
}
.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: #000 url(overall-wheel-bg.jpg) no-repeat 50% 0
}
.scooter-overall .section-wheel.preload .feature-list .icon {
    background-image: url(../images/s2/overall-wheel-icons.png)
}
.scooter-overall .section-skeleton {
    height: 965px;
    overflow: hidden;
    _zoom: 1;
        background-color: #000;
}
.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: 1060px;
    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 1s linear;
    transition: all 1s linear
}
.scooter-overall .section-skeleton .figure-w-l {
    width: 239px;
    height: 436px;
    z-index: 1;
    margin: -332px 0 0 -636px;
    -webkit-transform: translate3d(50px, 46px, 0);
    transform: translate3d(50px, 46px, 0)













































































































































































































































































































































































































































































































































}
.scooter-overall .section-skeleton .figure-w-r {
    width: 239px;
    height: 436px;
    z-index: 1;
    margin: -332px 0 0 326px;
    -webkit-transform: translate3d(-80px, 46px, 0);
    transform: translate3d(-80px, 46px, 0)



































































}
.scooter-overall .section-skeleton .figure-b {
    width: 572px;
    height: 112px;
    z-index: 1;
    margin: 104px 0 0 -327px;
    -webkit-transform: translate3d(0, -120px, 0);
    transform: translate3d(0, -120px, 0)



















































































































































































































































































































































}
.scooter-overall .section-skeleton .figure-m {
    width: 757px;
    height: 169px;
    z-index: 2;
    margin: -67px 0 0 -402px;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0)


















































}
.scooter-overall .section-skeleton .figure-t {
    width: 943px;
    height: 929px;
    z-index: 3;
    margin: -994px 0 0 -510px;
    -webkit-transform: translate3d(0, 110px, 0);
    transform: translate3d(0, 110px, 0)




































































































































































































































































































































































































































































































































































}
.scooter-overall .section-skeleton .figure-s-l {
    width: 193px;
    height: 47px;
    z-index: 4;
    margin: -340px 0 0 -335px;
    -webkit-transform: translate3d(-3px, 195px, 0);
    transform: translate3d(-3px, 195px, 0)































}
.scooter-overall .section-skeleton .figure-s-r {
    width: 194px;
    height: 47px;
    z-index: 4;
    margin: -340px 0 0 60px;
    -webkit-transform: translate3d(3px, 195px, 0);
    transform: translate3d(3px, 195px, 0)
































}
.scooter-overall .section-skeleton.preload .stage-static {
    background: url(../images/s2/overall-expl-static.jpg) no-repeat 50% -300px
}
.scooter-overall .section-skeleton.preload .stage-static:before {
    background-image: url(../images/s2/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(overall-expl-w-l.jpg)
}
.scooter-overall .section-skeleton.preload .figure-w-r {
    background-image: url(overall-expl-w-r.jpg)
}
.scooter-overall .section-skeleton.preload .figure-b {
    background-image: url(overall-expl-b.jpg)
}
.scooter-overall .section-skeleton.preload .figure-m {
    background-image: url(overall-expl-m.png)
}
.scooter-overall .section-skeleton.preload .figure-t {
    background-image: url(overall-expl-t.png)
}
.scooter-overall .section-skeleton.preload .figure-s-l {
    background-image: url(overall-expl-s-l.png)
}
.scooter-overall .section-skeleton.preload .figure-s-r {
    background-image: url(overall-expl-s-r.png)
}*/
.scooter-overall .section-skeleton.preload .figure-w-l {
    background-image: url(overall-expl-w-l.png)
}
.scooter-overall .section-skeleton.preload .figure-w-r {
    background-image: url(overall-expl-w-r.png)
}
.scooter-overall .section-skeleton.preload .figure-b {
    background-image: url(overall-expl-b.png)
}
.scooter-overall .section-skeleton.preload .figure-m {
    background-image: url(overall-expl-m.png)
}
.scooter-overall .section-skeleton.preload .figure-t {
    background-image: url(overall-expl-t.png)
}
.scooter-overall .section-skeleton.preload .figure-s-l {
    background-image: url(overall-expl-s-l.png)
}
.scooter-overall .section-skeleton.preload .figure-s-r {
    background-image: url(overall-expl-s-r.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: 7px;
    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(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(overall-gallery-scene-bg.jpg) no-repeat 50% 0
}
.scooter-overall .section-jia1.preload {
    background: url(jia1.jpg) no-repeat 50% 0
}
.scooter-overall .section-jia2.preload {
    background: url(jia2.jpg) no-repeat 50% 0
}
.scooter-overall .section-jia1{
    height: 840px;
}
.scooter-overall .section-jia2{
    height: 844px;
}
.scooter-overall .section-jia1 .content{
    width:547px;
    margin: 370px 0 0 90px;
}
.scooter-overall .section-jia2 .content{
    width:544px;
    margin: 291px 0 0 660px;
}
.scooter-overall .section-jia2 h2,.scooter-overall .section-jia2 h3,.scooter-overall .section-jia2 .text{
    color: #fff!important;
}
.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/s2/overall-company-bg.jpg) repeat-x 0 0
}
.scooter-overall .section-company.preload .figure-logo {
    background-image: url(../images/s2/overall-company-logo.png)
}
.scooter-overall .section-equipment {
    height: 878px;
    background-color: #f1f3f2









}
.scooter-overall .section-equipment .container {
    text-align: center
}
.scooter-overall .section-equipment .figure-product {
    display: block;
    width: 886px;
    height: 489px;
    margin: 40px 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(overall-equip-product.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/s2/overall-outro-product.jpg)
}
.scooter-overall .section-footnote {
    background-color: #FFFFFF;
}
.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
}