* {
    margin: 0;
    padding: 0
}

body {
    font-family: miui, Oxygen, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    color: #fff;
    position: relative;
    min-height: 620px
}

.banner {
    position: fixed;
    z-index: 10
}

.banner, .banner-mask {
    width: 100%;
    left: 0;
    top: 0
}

.banner-mask {
    height: 68px;
    position: absolute;
    z-index: -1;
    background-color: #000;
    opacity: .2;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20)
}

.banner-content {
    width: 100%;
    max-width: 966px;
    height: 68px;
    margin: 0 auto
}

.banner-content .logo {
    width: 167px;
    height: 36px;
    float: left;
    margin-top: 16px;
    /*background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-repeat: no-repeat;
    background-position: -5px -238px;
    background-size: 503px 697px*/
}

.banner-content .about, .banner-content .index {
    width: 66px;
    height: 16px;
    margin: 26px 0;
    float: right;
    cursor: pointer;
    margin-left: 42px;
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-repeat: no-repeat;
    background-position: -5px -29px;
    background-size: 503px 697px
}

.banner-content .index {
    width: 33px;
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-repeat: no-repeat;
    background-position: -5px -55px;
    background-size: 503px 697px
}

.section {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.section.qv {
    background-image: url(../images/001.jpg)
}

.section.liao {
    background-image: url(../images/002.jpg)
}

.section.pin {
    background-image: url(../images/004.jpg)
}

.section.yong {
    background-image: url(../images/003.jpg)
}

.caption-wrapper {
    width: 100%;
    padding-bottom: 100px;
    position: absolute;
    top: 50%;
    margin-top: -120px
}

.caption {
    width: 493px;
    height: 65px;
    background: no-repeat 0 0;
    background-size: 100%;
    margin: 0 auto
}

.caption.cap-qv {
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-position: -5px -359px
}

.caption.cap-qv, .caption.cap-yong {
    background-repeat: no-repeat;
    background-size: 503px 697px
}

.caption.cap-yong {
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-position: -5px -509px
}

.caption.cap-liao {
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-position: -5px -434px
}

.caption.cap-liao, .caption.cap-pin {
    background-repeat: no-repeat;
    background-size: 503px 697px
}

.caption.cap-pin {
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-position: -5px -284px
}

.sub-caption {
    width: 500px;
    height: 64px;
    border-top: 1px solid #fff;
    margin: 0 auto;
    margin-top: 15px
}

.sub-caption .img {
    width: 309px;
    height: 21px;
    margin: 21px auto 0;
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-repeat: no-repeat;
    background-position: -5px -81px;
    background-size: 503px 697px
}

.download {
    width: 292px;
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -146px;
    z-index: 10;
    text-align: center
}

.download .qr-code {
    width: 107px;
    height: 107px;
    margin: 0 auto
}

.download .tip {
    width: 104px;
    height: 14px;
    margin: 3px auto 0;
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-repeat: no-repeat;
    background-position: -5px -5px;
    background-size: 503px 697px
}

.download .download-btn-android, .download .download-btn-ios {
    width: 127px;
    height: 33px;
    display: inline-block;
    margin-top: 60px;
    cursor: pointer;
    float: left;
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-repeat: no-repeat;
    background-position: -5px -195px;
    background-size: 503px 697px
}

.download .download-btn-android {
    float: right;
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-repeat: no-repeat;
    background-position: -5px -152px;
    background-size: 503px 697px;
    margin-right: 80px;
}

.footer {
    width: 100%;
    height: 84px;
    position: fixed;
    z-index: 10;
    left: 0;
    bottom: 0
}

.arrow {
    width: 92px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -46px;
    cursor: pointer;
    background-image: url(../images/pc_download_sprites-9b7df82e.png);
    background-repeat: no-repeat;
    background-position: -5px -112px;
    background-size: 503px 697px
}

.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell {
    display: block
}

#fp-nav.right {
    left: 50%;
    margin-left: 558px
}

#fp-nav ul li {
    width: 14px;
    height: 14px;
    margin: 36px 0
}

#fp-nav ul li a span {
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #97d7ff;
    left: 0;
    top: 0;
    margin: 0
}

#fp-nav ul li a.active span {
    background: #97d7ff
}

#fp-nav ul li:hover a.active span, #fp-nav ul li:hover a span, #fp-nav ul li a.active span {
    width: 12px;
    height: 12px;
    left: 0;
    top: 0;
    margin: 0
}

body, html {
    _height: 100%
}

.banner, .download, .footer {
    _position: absolute;
    _text-align: center
}

.banner-content {
    _width: 966px
}

.fp-section {
    _height: 100% !important;
    -ms-background-position-x: 50%;
    -ms-background-position-y: 50%
}

.banner-content .logo {
    background-image: url(../images/pc_banner_logo_x1-edf31fe9.png) \9
}

.banner-content .index, .banner-content .logo {
    background-position: center \9;
    background-size: 100% \9
}

.banner-content .index {
    background-image: url(../images/pc_index_x1-3713c87b.png) \9
}

.banner-content .about {
    background-image: url(../images/pc_about_x1-ea7bb246.png) \9;
    background-position: center \9;
    background-size: 100% \9
}

.section.qv {
    background-image: url(../images/pc_image_qv_ie-5c96b946.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_image_qv_ie-5c96b946.png")
}

.section.pin {
    background-image: url(../images/pc_image_pin_ie-60d6cef1.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_image_pin_ie-60d6cef1.png")
}

.section.liao {
    background-image: url(../images/pc_image_liao_ie-441e33b9.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_image_liao_ie-441e33b9.png")
}

.section.yong {
    background-image: url(../images/pc_image_yong_ie-4b2a94f5.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_image_yong_ie-4b2a94f5.png")
}

.caption.cap-qv {
    background-image: url(../images/pc_caption_qv_x1-a75447a1.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_caption_qv_x1-a75447a1.png")
}

.caption.cap-liao, .caption.cap-qv {
    background-position: center \9;
    background-size: 100% \9
}

.caption.cap-liao {
    background-image: url(../images/pc_caption_liao_x1-ac9a4cbd.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_caption_liao_x1-ac9a4cbd.png")
}

.caption.cap-yong {
    background-image: url(../images/pc_caption_yong_x1-7bdc174c.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_caption_yong_x1-7bdc174c.png")
}

.caption.cap-pin, .caption.cap-yong {
    background-position: center \9;
    background-size: 100% \9
}

.caption.cap-pin {
    background-image: url(../images/pc_caption_pin_x1-7d82faf2.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_caption_pin_x1-7d82faf2.png")
}

.sub-caption .img {
    background-image: url(../images/pc_subcaption_x1-9758ef67.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_subcaption_x1-9758ef67.png")
}

.download .tip, .sub-caption .img {
    background-position: center \9;
    background-size: 100% \9
}

.download .tip {
    background-image: url(../images/pc_download_tip_x1-ea037f4b.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_download_tip_x1-ea037f4b.png")
}

.download .download-btn-ios {
    background-image: url(../images/pc_download_ios_x1-b1980bba.png) \9;
    background-position: center \9;
    background-size: 100% \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_download_ios_x1-b1980bba.png")
}

.download .download-btn-android {
    background-image: url(../images/pc_download_android_x1-7e5783ad.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_download_android_x1-7e5783ad.png")
}

.arrow, .download .download-btn-android {
    background-position: center \9;
    background-size: 100% \9
}

.arrow {
    background-image: url(../images/pc_arrow_x1-e9acd083.png) \9;
    *background-image: none;
    *filter: progid: DXImageTransform . Microsoft . AlphaImageLoader(src = "../images/pc_arrow_x1-e9acd083.png")
}

#fp-nav ul li a span {
    background-image: url(../images/pc_circle_x1-19f2662a.png) \9
}

#fp-nav ul li a.active span, #fp-nav ul li a span {
    width: 15px \9;
    height: 15px \9;
    border: none \9;
    background-color: transparent \9;
    background-position: center \9;
    background-repeat: no-repeat \9;
    background-size: 100% \9
}

#fp-nav ul li a.active span {
    background-image: url(../images/pc_circle_active_x1-0da0b889.png) \9
}