* {
        margin: 0;
        padding: 0
    }
    
    body {
        font-family: PingFangSC-Regular, 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
    }
    
    .opacity1 {
        filter: Alpha(opacity=0);
    }
    
    .opacity2 {
        filter: Alpha(opacity=1050);
    }
    
    .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;
        margin-left: 5px;
        background-image: url(/static/images/pc_word_01.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(/static/images/pc_word_01.png);
        background-repeat: no-repeat;
        background-position: -5px -29px;
        background-size: 503px 697px
    }
    
    .banner-content .index {
        width: 33px;
        background-image: url(/static/images/pc_word_01.png);
        background-repeat: no-repeat;
        background-position: -5px -55px;
        background-size: 503px 697px
    }
    
    .banner-content a.other-link {
        float: right;
        color: #fff;
        font-size: 14px;
        margin-left: 4px;
        margin-right: 6px;
        line-height: 68px;
        text-decoration: none
    }
    
    .banner-content a:hover {
        /* color: #ff5252 */
        color: #e2e2e2
    }
    
    .banner-content .link-line {
        float: right;
        width: 1px;
        height: 18px;
        margin: 25px -10px 0 20px;
        background: #5e5e5e
    }
    
    .section {
        background-repeat: no-repeat;
        background-position: 45%;
        background-size: cover
    }
    
    .section.qv {
        background-image: url(/static/images/pc_image_01.jpg)
    }
    
    .section.yong {
        background-image: url(/static/images/pc_image_02.jpg)
    }
    
    .section.info {
        /* background-color: #434343 */
        /* background-image: url(/static/images/pc_image_yong-185140b6.png)  */
        background-image: url(/static/images/pc_image_03.jpg)
    }
    
    .caption-wrapper {
        width: 100%;
        padding-bottom: 100px;
        position: absolute;
        top: 45%;
        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(/static/images/pc_word_01.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(/static/images/pc_word_01.png);
        background-position: -5px -509px
    }
    
    .caption.cap-liao {
        background-image: url(/static/images/pc_word_01.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(/static/images/pc_word_01.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: 256px;
        height: 21px;
        position: absolute;
        margin: 21px auto 0;
        left: 50%;
        margin-left: -128px;
        background-image: url(/static/images/pc_word_01.png);
        background-repeat: no-repeat;
        background-position: -5px -81px;
        background-size: 503px 697px
    }
    
    .download {
        width: 292px;
        position: absolute;
        /* bottom: 110px; */
        bottom: 15%;
        left: 50%;
        margin-left: -146px;
        z-index: 10;
        text-align: center
    }
    
    .download .qr-code {
        width: 107px;
        height: 107px;
        /*    margin: 0 auto  */
        margin-top: 20px;
    }
    
    .download .tip {
        width: 104px;
        height: 14px;
        margin: 3px auto 0;
        background-image: url(/static/images/pc_word_01.png);
        background-repeat: no-repeat;
        background-position: -5px -5px;
        background-size: 503px 697px
    }
    
    .download .agreement-wrapper {
        position: absolute;
        width: 120px;
        height: 26px;
        left: 50%;
        bottom: 180px;
        margin-left: -380px;
    }
    
    .download .agreement-wrapper .agreement {
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
        text-align: right;
    }
    
    .agreement a,
    .agreement a:active {
        color: #fff;
        text-decoration: none;
        /* float: left; */
        width: 100%
    }
    
    .agreement a:hover {
        color: #ececec;
    }
    
    .download .download-btn-android,
    .download .download-btn-ios {
        width: 127px;
        height: 33px;
        display: inline-block;
        /* margin-top: 20px; */
        margin: 0 auto;
        cursor: pointer;
        /* float: left; */
        background-image: url(/static/images/pc_word_01.png);
        background-repeat: no-repeat;
        background-position: -5px -195px;
        background-size: 503px 697px
    }
    
    .download .download-btn-android {
        float: right;
        background-image: url(/static/images/pc_word_01.png);
        background-repeat: no-repeat;
        background-position: -5px -152px;
        background-size: 503px 697px
    }
    
    .footer {
        width: 100%;
        height: 100px;
        position: fixed;
        z-index: 10;
        left: 0;
        bottom: 0
    }
    
    .arrow {
        width: 92px;
        height: 30px;
        position: absolute;
        left: 50%;
        top: 15px;
        margin-left: -46px;
        margin-top: -10px;
        cursor: pointer;
        background: url(/static/images/pc_arrow.png) 0 0 no-repeat;
        background-size: 100%
    }
    
    .beian {
        /* width: 600px; */
        height: 20px;
        position: absolute;
        left: 50%;
        text-align: center;
        top: 15px;
        margin-left: -210px;
        margin-top: 50px;
        font-size: 14px;
        /* line-height: 20px */
        /* cursor: pointer;
    background-size: 100%; */
        /* padding-right: 25px */
    }
    
    .beian a.gongbei {
        /* width: 350px; */
        width: 251px;
        /* margin-left: 5px; */
        display: inline-block;
        background: url("/static/images/gaj_logo.png") 0 no-repeat;
        background-size: 20px 20px;
        padding-left: 5px;
    }
    
    .beian a.ICPbei {
        /* width: 350px; */
        width: 210px;
        /* margin-left: 80px; */
        display: inline-block;
        background: url("/static/images/ICP_logo.png") 0 no-repeat;
        background-size: 20px 20px;
        padding-left: 5px
    }
    
    .beian a,
    .beian a:active {
        color: #939393;
        /* color: #ececec; */
        text-decoration: none;
        /* float: left;
    width: 100% */
    }
    
    .beian a:hover {
        color: #e2e2e2;
    }
    
    .fp-viewing-1 .beian a,
    .fp-viewing-1 .beian a:active,
    .fp-viewing-2 .beian a,
    .fp-viewing-2 .beian a:active {
        color: #e2e2e2;
    }
    
    .fp-viewing-1 .beian a:hover,
    .fp-viewing-2 .beian a:hover {
        color: #f7f7f7;
    }
    
    .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 #f1f1f1;
        left: 0;
        top: 0;
        margin: 0
    }
    
    #fp-nav ul li a.active span {
        background: #fff
    }
    
    #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%
    }
    
    #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(/static/images/pc_circle_active_x1-0da0b889.png)\9
    }
    
    .viewing-2 {}
    
    .fp-viewing-2 .viewing-2,
    /* .fp-viewing-2 .footer, */
    
    .fp-viewing-2 .qr-code,
    .fp-viewing-2 .download .download-btn-android,
    .fp-viewing-2 .download .download-btn-ios,
    .fp-viewing-2 .tip {
        display: none
    }
    
    .fp-viewing-0 .download .agreement,
    .fp-viewing-1 .download .agreement {
        display: none
    }
    
    .info-wrapper {
        width: 940px;
        margin: 0 auto;
    }
    
    .info-wrapper .info-left-wrapper {
        position: absolute;
        top: 25%;
        left: 50%;
        margin-left: -380px;
        width: 380px;
        float: left;
        /* border-right: 1px solid #b7b7b7; */
        /* border-right: 1px solid #dddddd; */
        border-right: 1px solid #fff;
    }
    
    .info-wrapper .info-list {
        width: 100%;
        /* margin-bottom: 6px; */
        /* color: #b7b7b7; */
        /* color: #dddddd; */
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 4px
    }
    
    .info-wrapper .info-list p {
        margin-bottom: 4px
    }
    
    .info-wrapper .info-list h4 {
        font-size: 18px;
        color: #fff;
        margin-bottom: 10px;
    }
    
    .info-wrapper .info-list h4 span {
        /* background: url(/static/images/title-dot-b76b63fe.png) 0 no-repeat; */
        background-size: 6px 6px;
        padding-left: 20px;
        margin-bottom: 10px;
        margin-top: 10px
    }
    
    .info-wrapper .info-list .left-txt {
        width: 126px;
        text-align: right;
        display: inline-block
    }
    
    .info-wrapper .info-right-wrapper {
        position: absolute;
        top: 25%;
        left: 50%;
        margin-left: 50px;
        width: 350px;
        float: left;
        font-size: 14px;
        /* color: #b7b7b7 */
        /* color: #dddddd; */
        color: #fff;
    }
    
    .info-wrapper .info-right-wrapper a,
    .info-wrapper .info-right-wrapper a:active,
    .info-wrapper .info-left-wrapper a,
    .info-wrapper .info-left-wrapper a:active {
        /* color: #b7b7b7; */
        /* color: #dddddd; */
        color: #fff;
        text-decoration: none;
        float: left;
        width: 100%
    }
    
    .info-wrapper a:hover {
        color: #ececec;
    }
    
    .info-wrapper .info-right-wrapper a.honest_icon {
        width: 47px;
        display: inline-block
    }
    
    .info-wrapper .info-right-wrapper a.gongbei {
        width: 350px;
        margin-left: 0px;
        display: inline-block;
        background: url("/static/images/gaj_logo.png") 0 no-repeat;
        background-size: 20px 20px;
        padding-left: 25px
    }
    
    .info-wrapper .info-right-wrapper p {
        margin-bottom: 6px;
        display: inline-block;
        width: 100%
    }
    
    .info-wrapper .info-right-wrapper p.yonghu {
        margin-bottom: 16px;
    }
    
    .info-wrapper .info-right-wrapper a.icon-jubao,
    .info-wrapper .info-right-wrapper a.icon-jubao2,
    .info-wrapper .info-right-wrapper a.icon-jubao3 {
        width: 250px;
        height: 45px;
        background: url(/static/images/jubao1.png) 0 no-repeat;
        background-size: 45px 45px;
        padding-left: 55px;
        margin-bottom: 5px;
        padding-top: 8px
    }
    
    .info-wrapper .info-right-wrapper a.icon-jubao2 span,
    .info-wrapper .info-right-wrapper a.icon-jubao3 span,
    .info-wrapper .info-right-wrapper a.icon-jubao span {
        width: 100%;
        float: left
    }
    
    .info-wrapper .info-right-wrapper a.icon-jubao2 span.txt-mini,
    .info-wrapper .info-right-wrapper a.icon-jubao3 span.txt-mini,
    .info-wrapper .info-right-wrapper a.icon-jubao span.txt-mini {
        font-size: 12px
    }
    
    .info-wrapper .info-right-wrapper a.icon-jubao {
        margin-top: 30px
    }
    
    .info-wrapper .info-right-wrapper a.icon-jubao2 {
        background-image: url(/static/images/jubao1.png)
    }
    
    .info-wrapper .info-right-wrapper a.icon-jubao3 {
        background-image: url(/static/images/jubao3.png)
    }
    
    @media screen and (max-width:1500px) {
        .download {
            top: 52%;
        }
        .caption {
            width: 228px;
        }
        .sub-caption {
            width: 230px;
        }
        .info-wrapper .info-left-wrapper {
            /* margin-top: 100px; */
            /* margin-left: 25px; */
            margin-left: -160px;
            border-right: 0px;
        }
        .info-wrapper .info-left-wrapper .info-list {
            margin-bottom: 4px;
        }
        .info-wrapper .info-list h4 {
            margin-bottom: 4px;
        }
        .info-wrapper .info-right-wrapper {
            display: none
        }
        /* .info-wrapper .info-right-wrapper p.yonghu {
        margin-bottom: 6px;
        line-height: 14px
    }
    .info-wrapper .info-right-wrapper a.icon-jubao,
    .info-wrapper .info-right-wrapper a.icon-jubao2,
    .info-wrapper .info-right-wrapper a.icon-jubao3 {
        height: 40px;
        background-size: 40px 40px;
        margin-bottom: 0;
        padding-top: 0
    }
    .info-wrapper .info-right-wrapper a.icon-jubao {
        margin-top: 0
    } */
        .download .agreement-wrapper {
            text-align: right;
            top: 27%;
            left: 50%;
            margin-left: -160px;
        }
        .beian {
            /* width: 100%; */
            height: 20px;
            position: absolute;
            left: 50%;
            text-align: center;
            top: 10px;
            margin-left: -175px;
            margin-top: 50px;
            font-size: 13px;
        }
    }