body,div,footer,header,image,p,section,ul {
    margin: 0;
    padding: 0
}

body,html {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0
}

a,a:active,a:focus,a:hover,a:link,a:visited {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    -webkit-appearance: none
}

body {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    height: 100%
}

.section {
    text-align: center;
    overflow: hidden
}

.jq-toast-single {
    text-align: center!important
}

#fp-nav {
    margin-left: .8rem
}

#fp-nav ul li {
    width: 10px!important;
    height: 10px!important;
    margin: 0 0 26px!important
}

#fp-nav ul li a {
    background: #135dcd;
    opacity: .1;
    position: relative;
    border-radius: 100%
}

#fp-nav ul li a.active {
    opacity: 1
}

#fp-nav ul li a span {
    display: none
}

#fp-nav ul li a.active::after,#fp-nav ul li a.active::before {
    opacity: .1
}

#fp-nav ul li:last-child a::after,#fp-nav ul li:last-child a::before {
    display: none
}

#fp-nav ul li a::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #135dcd;
    position: absolute;
    left: 3px;
    bottom: -10px;
    border-radius: 100%
}

#fp-nav ul li a::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #135dcd;
    position: absolute;
    left: 3px;
    bottom: -20px;
    border-radius: 100%
}

.home ul li a,.home ul li a::after,.home ul li a::before {
    background: #fff!important
}

.hide {
    display: none!important
}

#fullpage {
    height: 100%;
    background: linear-gradient(-159deg,#1d81d3,#0838c7)
}

.page0-line {
    width: 100%;
    height: 2.82rem;
    background: url(../images/page0-line.png) no-repeat;
    background-position: bottom;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.margin-r {
    margin-right: .5rem
}

.margin-r-m {
    margin-right: .3rem
}

.margin-r-l {
    margin-right: .4rem
}

image {
    width: 100%
}

.maxWidth {
    max-width: 1200px;
    margin: 0 auto
}

.width {
    width: 12rem
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.displayCon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bg {
    height: 100%;
    position: relative;
    z-index: 2
}

.header-container {
    width: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.header-tip {
    background: #021c31;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: rgba(255,255,255,.7)
}

.header-tip .url {
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-tip .url .copy-url {
    width: 12px;
    margin-left: 4px;
    cursor: pointer
}

.header {
    position: relative;
    height: .8rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    letter-spacing: 1.14px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.language {
    position: relative
}

.language a,.language>div {
    color: rgba(255,255,255,.7);
    text-decoration: none
}

.language .developer:hover {
    color: #fff;
    cursor: pointer
}

.header .selectLan span:hover,.language a:hover {
    color: #fff;
    cursor: pointer
}

.header .logo {
    width: 1.5rem;
    height: .36rem;
    font-size: 0;
    display: inline-block;
    background: url(../images/logo.png) no-repeat;
    background-size: contain
}

.header .selectLan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
    padding-right: 13px;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .selectLan span {
    color: rgba(255,255,255,.7)
}

.header .selectLan::after {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    background: url(../images/arrow.svg);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 7px
}

.header .selectLan .selected {
    position: relative
}

.header .selectLan .selected::before {
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(255,255,255,.4);
    box-shadow: 0 2px 10px 0 rgba(255,255,255,.4);
    border-radius: 100%;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header .uncheckLan {
    margin: 0 .5rem 0 .2rem;
    display: none
}

.header .uncheckLan::after {
    display: block;
    content: "";
    height: .8rem;
    -webkit-box-shadow: 7px 0 10px 0 rgba(11,87,177,.2);
    box-shadow: 7px 0 10px 0 rgba(11,87,177,.2);
    position: absolute;
    top: -.35rem;
    right: .22rem;
    width: .1rem
}

.header .cn-weibo,.header .cn-wx,.header .telegram,.header .twitter {
    width: .16rem;
    height: .16rem
}

.header .twitter {
    background: url(../images/Twitter.svg);
    background-size: 100% 100%;
    opacity: .8
}

.header .twitter:hover {
    opacity: 1
}

.header .telegram {
    background: url(../images/telegram.svg);
    background-size: 100% 100%;
    opacity: .8
}

.header .telegram:hover {
    opacity: 1
}

.header .cn-weibo {
    background: url(../images/cn-weibo.png);
    background-size: 100% 100%
}

.header .cn-wx {
    background: url(../images/cn-wx.png);
    background-size: 100% 100%
}

.header .language-content {
    position: relative
}

.header .language-content .selectedLan {
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,.6);
    min-width: 1.1rem;
    height: .34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .12rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    font-size: .14rem
}

.header .language-content:hover .selectedLan {
    color: #fff;
    border-color: #fff
}

.header .language-content .selectedLan .arrow {
    width: .09rem;
    height: .06rem;
    background: url(../images/arrow-bottom.png) no-repeat;
    background-size: cover;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-left: .08rem
}

.header .language-content:hover .selectedLan .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header .language-content .dropdown-content {
    position: absolute;
    top: .35rem;
    left: 0;
    width: 1.1rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    border-radius: .06rem;
    overflow: hidden;
    display: none;
    -webkit-box-shadow: 0 4px 10px 0 rgba(51,75,158,.16);
    box-shadow: 0 4px 10px 0 rgba(51,75,158,.16)
}

.header .language-content .dropdown-content .lang-item {
    width: 100%;
    height: .34rem;
    color: #021c31;
    font-size: .14rem;
    font-weight: 400;
    line-height: .34rem;
    text-indent: .12rem;
    cursor: pointer
}

.header .language-content .dropdown-content .lang-item:hover {
    background: #eef3f9;
    color: #4784f4
}

.whiteBg .header .logo {
    height: .36rem!important;
    background: url(../images/blue-logo.png);
    background-size: 100% 100%
}

.whiteBg {
    background: #fff;
    -webkit-box-shadow: 0 1px .4rem 0 rgba(0,70,179,.1);
    box-shadow: 0 1px .4rem 0 rgba(0,70,179,.1)
}

.whiteBg .header .selectLan span,.whiteBg .header a {
    color: #021c31;
    opacity: 1
}

.whiteBg .header .selectLan span:hover,.whiteBg .header a:hover {
    color: #135dcd
}

.whiteBg .header .uncheckLan::after {
    -webkit-box-shadow: 7px 0 10px 0 rgba(219,219,219,.2);
    box-shadow: 7px 0 10px 0 rgba(219,219,219,.2)
}

.whiteBg .header .twitter {
    background: url(../images/black-Twitter.svg);
    background-size: 100% 100%
}

.whiteBg .header .twitter:hover {
    background: url(../images/hover-Twitter.svg);
    background-size: 100% 100%
}

.whiteBg .header .telegram {
    background: url(../images/black-telegram.svg);
    background-size: 100% 100%
}

.whiteBg .header .telegram:hover {
    background: url(../images/hover-telegram.svg);
    background-size: 100% 100%
}

.whiteBg .header .cn-weibo {
    background: url(../images/black-cn-weibo.png);
    background-size: 100% 100%
}

.whiteBg .header .cn-weibo:hover {
    background: url(../images/hover-cn-weibo.png);
    background-size: 100% 100%
}

.whiteBg .header .cn-wx {
    background: url(../images/black-cn-wx.png);
    background-size: 100% 100%
}

.whiteBg .header .cn-wx:hover {
    background: url(../images/hover-cn-wx.png);
    background-size: 100% 100%
}

.whiteBg .header .selectLan::after {
    background: url(../images/black-arrow.svg);
    background-size: 100% 100%
}

.whiteBg .header .selectLan .selected::before {
    background: #1d81d3;
    -webkit-box-shadow: 0 2px 10px 0 rgba(6,113,201,.4);
    box-shadow: 0 2px 10px 0 rgba(6,113,201,.4)
}

.whiteBg .header .language-content .selectedLan {
    border: 1px solid #cfd3d6;
    color: #021c31
}

.whiteBg .header .language-content .selectedLan:hover {
    border-color: #021c31
}

.whiteBg .header .language-content .selectedLan .arrow {
    background-image: url(../images/arrow-bottom-black.png)
}

.header .language .selectLan .lanHide {
    display: none
}

.header .language .selectLan .lanShow {
    position: absolute;
    width: 1.2rem;
    right: -.2rem;
    top: .3rem;
    z-index: 999
}

.selectLan .lanShow .languageItem {
    background: rgba(255,255,255,.7);
    line-height: .4rem;
    height: .4rem;
    text-align: center;
    color: #53589a;
    cursor: pointer;
    position: relative;
    padding-left: .1rem
}

.selectLan .lanShow .languageItem:hover {
    background: rgba(110,117,194,.7);
    color: #fff
}

.selectLan .lanShow .languageActive::before {
    position: absolute;
    width: .18rem;
    height: .18rem;
    display: block;
    content: "";
    left: 10px;
    top: 12px;
    border-radius: 50%;
    background: #54589b url(../images/right-icon.svg) no-repeat;
    background-position: center
}

.selectLan .lanShow .languageItem:hover::before {
    background: #fff url(../images/right-active.svg) no-repeat;
    background-position: center
}

.bg .wallet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .14rem;
    color: #fff;
    padding: .7rem 0 0
}

.some-data {
    background: rgba(2,28,49,.49);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    height: 1.6rem;
    position: absolute;
    bottom: 0;
    width: 100%
}

.some-data .maxWidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.some-data .maxWidth>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(255,255,255,.7);
    font-size: .2rem;
    font-weight: 500;
    height: 100%;
    position: relative
}

.some-data .maxWidth>div:first-child {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.some-data .maxWidth>div:first-child p:last-child {
    text-indent: .7rem
}

.some-data .maxWidth>div:last-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.some-data .maxWidth>div:last-child p:last-child {
    padding-right: .7rem
}

.some-data .maxWidth>div::after {
    content: '';
    width: 1px;
    height: .6rem;
    background: rgba(255,255,255,.22);
    display: block;
    position: absolute;
    right: 0
}

.some-data .maxWidth>div:last-child:after {
    display: none
}

.some-data .maxWidth>div .number {
    color: #fff;
    font-size: .4rem;
    font-weight: 800;
    margin-bottom: .16rem
}

.mobile {
    display: none
}

.tronWallet {
    text-align: left;
    width: 60%
}

.tronWallet .title {
    font-size: .8rem;
    word-break: keep-all;
    font-weight: 900
}

.tronWallet .desc {
    font-size: .24rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tronWallet .desc a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    margin-left: 20px
}

.tronWallet .features {
    margin-top: 30px
}

.tronWallet .features li {
    margin-bottom: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255,255,255,.9);
    font-size: .16rem;
    font-style: normal;
    font-weight: 400
}

.tronWallet .features li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tronWallet .features li::marker {
    display: none
}

.tronWallet .features li::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/right.png) no-repeat;
    background-size: cover;
    display: block;
    margin-right: 10px
}

.download {
    list-style: none;
    margin-top: .4rem;
    text-align: center
}

.download li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.download li>div {
    color: #fff;
    text-decoration: none;
    position: relative
}

.download li .icon {
    width: .24rem;
    height: auto;
    font-size: 0
}

.download li .downLoadItem:hover {
    background: rgba(255,255,255,.7)
}

.download li .dropdown-content {
    background: #fff;
    border-radius: .15rem;
    font-family: HelveticaNeue;
    font-size: .14rem;
    color: #021c31;
    position: absolute;
    top: .6rem;
    left: 0;
    min-width: 300px;
    z-index: 10;
    display: none
}

.download li .dropdown-content.code-content {
    min-width: 1.75rem;
    padding: .2rem 0
}

.download li .dropdown-content .dropdown-item {
    padding: .3rem .2rem
}

.download li .dropdown-content .dropdown-item a {
    text-decoration: none;
    font-family: HelveticaNeue;
    font-size: 14px;
    color: #021c31
}

.download li .dropdown-content .drop-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.download li .dropdown-content .md5 {
    font-family: HelveticaNeue;
    font-size: 12px;
    color: rgba(3,33,79,.3);
    line-height: .3rem;
    text-align: left;
    text-indent: .35rem
}

.download li .dropdown-content .md5 a {
    color: rgba(3,33,79,.3)
}

.download li .dropdown-content .md5 a:hover {
    color: #0647a6
}

.download li .dropdown-content .dropdown-item:hover {
    background: rgba(16,84,181,.1)
}

.download li .dropdown-content .dropdown-item:first-of-type:hover {
    border-top-left-radius: .15rem;
    border-top-right-radius: .15rem
}

.download li .dropdown-content .dropdown-item:last-of-type:hover {
    border-bottom-left-radius: .15rem;
    border-bottom-right-radius: .15rem
}

.download li .dropdown-content .dropdown-item .image-logo {
    width: .22rem;
    display: inline-block;
    margin-right: .08rem;
    vertical-align: middle
}

.download li .dropdown-content .dropdown-item .download-name {
    vertical-align: middle
}

.download li .dropdown-content .dropdown-item .image-op {
    width: .1rem;
    display: inline-block
}

.download li .dropdown-content .dropdown-item .image-down {
    width: .14rem
}

.download li .dropdown-content .dropdown-item {
    border-bottom: 1px solid#d8d8d8
}

.download li .dropdown-content .dropdown-item:last-child {
    border-bottom: none
}

.download li .dropdown-content .dropdown-item:nth-of-type(2) {
    border-bottom: none
}

.download li .dropdown-content::before {
    width: 0;
    height: 0;
    border: .1rem solid;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);
    content: "";
    display: block;
    position: absolute;
    top: -.2rem;
    left: .3rem
}

.download li .downLoadItem {
    color: #021c31;
    font-size: .14rem;
    background: #fff;
    border-radius: .25rem;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    margin-right: 20px;
    vertical-align: bottom;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    text-indent: 20px;
    white-space: nowrap
}

.download li .to-chinese {
    font-size: 12px;
    color: #fff;
    text-decoration: none
}

.download li .to-chinese:hover {
    opacity: .7
}

.download li .androidDownLoad {
    line-height: 0
}

.download li .goolgeIcon.cn {
    width: 1.4rem
}

.download li .downLoadItem::before {
    content: "";
    width: .17rem;
    height: .21rem;
    position: absolute;
    left: .25rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block
}

.download-contain-wrapper .qr-code-wrapper {
    position: relative;
    width: .6rem;
    height: .6rem;
    margin-left: .16rem;
    opacity: 1
}

.download-contain-wrapper .qr-code-wrapper:hover .qr-code-img {
    opacity: .8
}

.download-contain-wrapper .qr-code-wrapper .qr-code-img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: url(../images/erCode.png) no-repeat;
    background-size: cover;
    display: block
}

.download-contain-wrapper .qr-code-wrapper img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.download-contain-wrapper .qr-code-wrapper .qr-code-contain {
    display: none;
    position: absolute;
    top: .62rem;
    right: 0;
    width: 1.6rem;
    height: 1.84rem;
    padding-top: .2376rem;
    background: #fff;
    border: .01rem solid rgba(0,0,0,.06);
    -webkit-box-shadow: 0 .06rem .11rem rgba(43,43,43,.12);
    box-shadow: 0 .06rem .11rem rgba(43,43,43,.12);
    border-radius: .1rem;
    z-index: 10;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: .1rem
}

.download-contain-wrapper .qr-code-wrapper .qr-code-contain canvas {
    width: 1.13rem;
    height: 1.13rem
}

.download-contain-wrapper .qr-code-wrapper .qr-code-contain span {
    display: inline-block;
    margin-top: .08rem;
    color: #000;
    font-size: .14rem;
    line-height: .17rem
}

.appleIcon.cn::before {
    left: .22rem!important
}

.appleIcon::before {
    width: .15rem!important;
    background: url(../images/apple.svg) no-repeat;
    background-size: contain
}

.chromeIcon::before {
    width: .2rem!important;
    background: url(../images/new/extentison.svg) no-repeat;
    background-size: contain
}

.qrcordCon:before {
    width: .2rem!important;
    background: url(../images/new/code.svg) no-repeat;
    background-size: contain
}

.androidIcon::before {
    background: url(../images/android.svg) no-repeat;
    background-size: contain
}

.goolgeIcon::before {
    background: url(../images/chrome.svg) no-repeat;
    background-size: contain
}

.pcIcon::before {
    background: url(../images/download.svg) no-repeat;
    background-size: contain
}

.huaweiIcon::before {
    background: url(../images/new/huawei.svg) no-repeat;
    background-size: contain;
    width: .5rem!important
}

@media screen and (min-width: 1500px) {
    .download li .dropdown-content {
        top:.5rem
    }

    .download li .see-report .dropdown-content {
        top: .4rem!important
    }

    .download li .downLoadItem::before {
        content: "";
        width: 15px;
        left: .2rem;
        top: .03rem
    }

    .appleIcon::before {
        width: 13px!important
    }

    .chromeIcon::before {
        width: 16px!important
    }

    .qrcordCon:before {
        width: 16px!important
    }
}

.mobile-banner {
    width: 5.47rem;
    height: 9rem;
    position: relative;
    z-index: 1;
    margin-left: .3rem
}

.mobile-banner .mobile-left {
    position: absolute;
    top: 1.5rem;
    left: .25rem;
    width: 2.98rem;
    z-index: 2
}

.mobile-left-animate {
    -webkit-animation: mobile-left 1.5s .2s 1 forwards;
    animation: mobile-left 1.5s .2s 1 forwards
}

.mobile-banner .mobile-right {
    position: absolute;
    top: 2.3rem;
    right: 0rem;
    width: 4.93rem;
    z-index: 1
}

.mobile-right-animate {
    -webkit-animation: mobile-right 1.5s 0s 1 forwards;
    animation: mobile-right 1.5s 0s 1 forwards
}

.mobile-projection {
    position: absolute;
    top: 6rem;
    right: 2rem;
    width: 1.2rem;
    z-index: 2
}

.mobile-projection-animate {
    -webkit-animation: opacity .5s 1.5s 1 forwards;
    animation: opacity .5s 1.5s 1 forwards
}

.tronWallet .download li .qrcordCon {
    position: relative
}

.tronWallet .download li .md5Con {
    position: relative;
    font-size: 14px;
    color: #021c31
}

.tronWallet .download li .qrcordIcon {
    display: inline-block
}

.tronWallet .download li .qrcordIcon:before {
    background: #fff url(../images/code-icon.png) no-repeat;
    width: .34rem;
    height: .34rem;
    background-position: center;
    content: " "
}

.tronWallet .download li .qrcord canvas {
    width: 1.35rem;
    height: 1.35rem
}

.tronWallet .download li .guide {
    margin-left: .08rem;
    font-size: .12rem;
    color: #fccd70;
    text-decoration: underline;
    cursor: pointer;
    margin-top: .2rem
}

.ball-l-t {
    width: 1.19rem;
    height: 1.52rem;
    background: url(../images/page0-ball1.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1.64rem;
    left: .63rem;
    -webkit-animation: left-right 1.3s .5s 1 forwards,ball-l-t 4s infinite 2s;
    animation: left-right 1.3s .5s 1 forwards,ball-l-t 4s infinite 2s
}

.ball-l-b {
    width: 3.35rem;
    height: 3.75rem;
    background: url(../images/page0-ball4.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -.5rem;
    bottom: 0;
    z-index: 1
}

.ball-l-b-animate {
    -webkit-animation: left-right 1s .2s 1 forwards,ball-l-b 4s infinite 1s;
    animation: left-right 1s .2s 1 forwards,ball-l-b 4s infinite 1s
}

.ball-r-t {
    width: 1.38rem;
    height: 1.34rem;
    background: url(../images/page0-ball2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2.67rem;
    right: 0
}

.ball-r-t-animate {
    -webkit-animation: right-left .8s .5s 1 forwards,ball-r-t 4s infinite 1.8s;
    animation: right-left .8s .5s 1 forwards,ball-r-t 4s infinite 1.8s
}

.ball-r-min {
    width: .78rem;
    height: .78rem;
    background: url(../images/page0-ball3.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 1.2rem;
    right: -2rem;
    z-index: 2;
    -webkit-animation: right-left2 1s .8s 1 forwards,ball-r-min 3s infinite 2s;
    animation: right-left2 1s .8s 1 forwards,ball-r-min 3s infinite 2s
}

.ball-r-max {
    width: 2.77rem;
    height: 2.77rem;
    background: url(../images/page0-ball5.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -.3rem;
    right: -2.5rem;
    -webkit-animation: ball-r-max-init 1s 1s 1 forwards,ball-r-max 3s infinite 2s;
    animation: ball-r-max-init 1s 1s 1 forwards,ball-r-max 3s infinite 2s;
    z-index: 0
}

.page-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: .8rem;
    font-size: .16rem;
    z-index: 2
}

.page-footer .page-footer-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-footer .got-it-text {
    color: #03214f;
    text-align: left;
    letter-spacing: 1.14px;
    font-size: .2rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-footer .got-it-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    position: relative
}

.page-footer .got-it-btn a {
    color: #fff;
    text-decoration: none;
    width: 1.23rem;
    height: .38rem;
    line-height: .38rem;
    text-align: center;
    background: linear-gradient(-159deg,#1d81d3 0,#0838c7 100%);
    display: block;
    float: right;
    margin-right: 1.28rem;
    border-radius: .2rem
}

.page-footer .close-footer {
    width: .18rem;
    height: .18rem;
    position: absolute;
    right: 0;
    bottom: .08rem;
    background: url(../images/got-it-close.svg);
    background-size: 100% 100%;
    cursor: pointer;
    margin-left: .2rem
}

.page-footer.blue-footer {
    background: #135dcd;
    position: absolute
}

.page-nav-animate {
    -webkit-animation: opacity .8s 0s 1 forwards;
    animation: opacity .8s 0s 1 forwards
}

.page-footer.blue-footer .got-it-text {
    color: #fff;
    text-align: center
}

.page-footer.blue-footer .got-it-btn a {
    color: #0838c7;
    background: #fff
}

.page-footer.blue-footer .close-footer {
    background: url(../images/white-close.svg);
    background-size: 100% 100%
}

.page1-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background-position: right;
    position: relative;
    z-index: 1
}

.page-bg {
    width: 18rem;
    height: 18rem;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 50%;
    margin-left: -9rem;
    background: #fff url(../images/page-bg.png) no-repeat;
    background-size: 100% 100%
}

.page-bg-animate1 {
    -webkit-animation: page-bg-rate1 1s 0s 1 forwards;
    animation: page-bg-rate1 1s 0s 1 forwards
}

.page-bg-animate2 {
    -webkit-animation: page-bg-rate2 1.5s 0s 1 forwards;
    animation: page-bg-rate2 1.5s 0s 1 forwards
}

.page-bg-animate3 {
    -webkit-animation: page-bg-rate3 1s 0s 1 forwards;
    animation: page-bg-rate3 1s 0s 1 forwards
}

.secure {
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .25rem;
    position: relative;
    box-sizing: border-box
}

.secure .secure-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page4-bg .secure {
    padding-top: 0;
    padding-bottom: 1.3rem
}

.secure.secure-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.secure .secure-title {
    font-size: .4rem;
    color: #292a31
}

.secure .secure-desc {
    font-size: .5rem;
    color: #135dcd
}

.secure .secure-info {
    padding-top: .67rem;
    margin-right: 1.4rem
}

.secure .secure-info ul {
    margin: 0;
    padding: 0
}

.secure .secure-info ul li:not(.links) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .46rem;
    font-size: 16px;
    color: #03214f
}

.pc .secure .secure-info ul li:not(.links) img {
    width: .5rem;
    margin-right: .54rem
}

.section .secure-info ul li:not(.links) img.secure-earth-icon {
    width: .43rem;
    margin: 0 .46rem 0 -.02rem
}

.secure .secure-info ul li:not(.links) p:not(.downLoadItem) {
    line-height: .26rem;
    letter-spacing: 1.14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.secure .secure-shield {
    width: 5.04rem;
    height: 5.04rem;
    background: url(../images/sec_4.svg);
    background-size: 100% 100%;
    border-radius: 100%;
    position: relative
}

.secure .secure-shield .secure-ball {
    width: .59rem;
    height: .59rem;
    background: url(../images/ball.png) no-repeat;
    background-size: 100% 100%;
    right: -.18rem;
    bottom: 1.8rem;
    position: absolute
}

.secure .secure-shield .secure-ball-line {
    width: .52rem;
    height: .85rem;
    position: absolute;
    bottom: 1rem;
    right: 0;
    z-index: -1
}

.secure .secure-shield .secure-ball-line::before {
    width: .3rem;
    height: .56rem;
    content: "";
    display: block;
    background: url(../images/line-1.png) no-repeat;
    background-position: left;
    background-size: 100% 100%;
    right: .15rem;
    top: 0;
    position: absolute
}

.secure .secure-shield .secure-ball-line::after {
    width: .16rem;
    height: .2rem;
    content: "";
    display: block;
    background: url(../images/line-2.png) no-repeat;
    background-size: 100% 100%;
    right: .41rem;
    bottom: .1rem;
    position: absolute
}

.page1-ball-l {
    width: 1.97rem;
    height: 2.3rem;
    background: url(../images/page1-ball1.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 2.6rem;
    left: -1rem
}

.page1-ball-l-animate {
    -webkit-animation: left-right 1.2s .2s linear 1 forwards;
    animation: left-right 1.2s .2s linear 1 forwards
}

.page1-ball-r {
    width: 1.15rem;
    height: 1.65rem;
    background: url(../images/page1-ball2.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 1.85rem;
    right: .3rem
}

.page1-ball-r-animate {
    -webkit-animation: right-left .8s .2s 1 forwards,page1-ball-r 4s infinite .8s;
    animation: right-left .8s .2s 1 forwards,page1-ball-r 4s infinite .8s
}

.page2-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background-position: right;
    z-index: 1;
    position: relative
}

.secure .secure-earth {
    margin: .5rem 0 0 2.5rem;
    width: 2.75rem;
    height: 2.75rem;
    background: url(../images/page2-ball1.png);
    background-size: 100% 100%;
    position: relative
}

.secure .secure-earth .secure-earth-rotate {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateZ(-38deg);
    transform: rotateZ(-38deg);
    z-index: 2
}

.secure .secure-earth::after {
    width: 5.8rem;
    height: 4.73rem;
    content: "";
    position: absolute;
    display: block;
    top: -1.5rem;
    left: -2rem;
    background: url(../images/orbital.png);
    background-size: 100% 100%
}

.secure .secure-earth .secure-earth-ball1 {
    width: .8rem;
    height: .8rem;
    background: url(../images/page2-ball4.svg);
    background-size: 100% 100%;
    position: absolute;
    bottom: 2.2rem;
    right: -.75rem;
    z-index: 1
}

.secure .secure-earth .secure-earth-ball2 {
    width: .6rem;
    height: .6rem;
    background: url(../images/page2-ball5.svg);
    background-size: 100% 100%;
    position: absolute;
    bottom: -.02rem;
    left: -1rem;
    z-index: 1
}

.page2-ball-l {
    width: 1.8rem;
    height: 2.2rem;
    background: url(../images/page2-ball3.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 6.7rem;
    left: -1rem;
    z-index: 1
}

.page2-ball-l-animate {
    -webkit-animation: left-right 1s .2s 1 forwards,page1-ball-l 4s infinite 1s;
    animation: left-right 1s .2s 1 forwards,page1-ball-l 4s infinite 1s
}

.page2-ball-r {
    width: 2rem;
    height: 2rem;
    background: url(../images/page2-ball2.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: .2rem;
    right: 1.6rem
}

.page2-ball-r-animate {
    -webkit-animation: right-left .8s .2s 1 forwards,page1-ball-l 4s infinite .8s;
    animation: right-left .8s .2s 1 forwards,page1-ball-l 4s infinite .8s
}

.page3-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative
}

.secure .secure-light {
    margin: 1.2rem 0 0 2.2rem;
    width: 2.05rem;
    height: 3.4rem;
    position: relative
}

.secure .secure-light .light-img {
    width: 100%;
    position: relative;
    z-index: 1
}

.secure .secure-light .shooting-star1 {
    width: 1.48rem;
    height: 2.05rem;
    background: url(../images/shootingStar-1.svg);
    background-size: 100% 100%;
    position: absolute;
    top: -.8rem;
    left: -1.5rem
}

.shooting-star1-animate {
    -webkit-animation: page3-start 1.5s infinite;
    animation: page3-start 1.5s infinite
}

.secure .secure-light .shooting-star2 {
    width: .96rem;
    height: 1.26rem;
    background: url(../images/shootingStar-2.svg);
    background-size: 100% 100%;
    position: absolute;
    bottom: -2rem;
    left: -2rem
}

.shooting-star2-animate {
    -webkit-animation: page3-start 1.6s infinite .2s;
    animation: page3-start 1.6s infinite .2s
}

.secure .secure-light .shooting-star3 {
    width: 1.48rem;
    height: 2.05rem;
    background: url(../images/shootingStar-1.svg);
    background-size: 100% 100%;
    position: absolute;
    top: -1.6rem;
    left: 1rem
}

.shooting-star3-animate {
    -webkit-animation: page3-start 1.4s infinite .5s;
    animation: page3-start 1.4s infinite .5s
}

.secure .secure-light .shooting-star4 {
    width: 1.48rem;
    height: 2.05rem;
    background: url(../images/shootingStar-1.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 1.9rem;
    left: -2.5rem
}

.shooting-star4-animate {
    -webkit-animation: page3-start 1.6s infinite .8s;
    animation: page3-start 1.6s infinite .8s
}

.secure .secure-light .shooting-star5 {
    width: 1.48rem;
    height: 2.05rem;
    background: url(../images/shootingStar-2.svg);
    background-size: 100% 100%;
    position: absolute;
    top: .8rem;
    right: -.3rem
}

.shooting-star5-animate {
    -webkit-animation: page3-start 1.3s infinite 1s;
    animation: page3-start 1.3s infinite 1s
}

.secure .secure-light .shooting-star6 {
    width: .96rem;
    height: 1.26rem;
    background: url(../images/shootingStar-2.svg);
    background-size: 100% 100%;
    position: absolute;
    bottom: -.5rem;
    right: 0
}

.shooting-star6-animate {
    -webkit-animation: page3-start 1.4s infinite .1s;
    animation: page3-start 1.4s infinite .1s
}

.page3-ball-l {
    width: 1.82rem;
    height: 2rem;
    background: url(../images/page3-ball1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: .6rem;
    left: -1rem
}

.page3-ball-l-animate {
    -webkit-animation: left-right 1s .2s 1 forwards,page1-ball-l 4s infinite 1s;
    animation: left-right 1s .2s 1 forwards,page1-ball-l 4s infinite 1s
}

.page3-ball-r {
    width: 1.4rem;
    height: 1.65rem;
    background: url(../images/page3-ball2.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 4.5rem;
    right: -.5rem
}

.page3-ball-r-animate {
    -webkit-animation: right-left .8s .2s 1 forwards,page1-ball-r 4s infinite .8s;
    animation: right-left .8s .2s 1 forwards,page1-ball-r 4s infinite .8s
}

.page4-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    background: url(../images/page4-bg.svg) no-repeat;
    background-position: center 4.1rem;
    background-size: contain
}

.secure .secure-title.page4-secure-title {
    font-size: .4rem;
    font-weight: 900;
    line-height: .55rem;
    text-align: center;
    color: #232c41
}

.secure .secure-desc.page4-secure-desc {
    font-size: .3rem;
    font-weight: 500;
    line-height: .41rem;
    color: #135dcd;
    margin-top: .16rem
}

.secure .page4-secure-info {
    padding-top: .04rem;
    margin-right: 0rem
}

.secure .page4-secure-info .secure-title.page4-secure-title {
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 2.05rem;
    color: #135dcd
}

.page4-secure-info .download {
    margin-top: .2rem
}

.page4-secure-info .downLoadItem {
    -webkit-box-shadow: 0 2px 12px rgba(12,25,120,.1);
    box-shadow: 0 2px 12px rgba(12,25,120,.1)
}

.page4-secure-info .download li .downLoadItem:hover {
    background: #135dcd;
    color: #fff
}

.page4-secure-info .download li .dropdown-content .dropdown-item {
    padding: .2rem
}

.page4-secure-info .download .drop-div:nth-of-type(1) .downLoadItem:hover::before {
    background: url(../images/android-white.svg) 0 0/contain no-repeat
}

.page4-secure-info .download .drop-div:nth-of-type(2) .downLoadItem:hover::before {
    background: url(../images/apple-white.svg) 0 0/contain no-repeat
}

.page4-secure-info .download .drop-div:nth-of-type(3) .downLoadItem:hover::before {
    background: url(../images/new/extentison-white.svg) 0 0/contain no-repeat
}

.page4-secure-info .download .drop-div:nth-of-type(4) .downLoadItem:hover::before {
    background: url(../images/new/code-white.svg) 0 0/contain no-repeat
}

.page4-secure-info .download li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.page4-secure-info .download li .Android-download-line {
    background: #eaeef9!important;
    bottom: -86px
}

.page4-secure-info .download li .dropdown-content {
    -webkit-box-shadow: 0 0 20px 0 rgba(12,25,135,.1);
    box-shadow: 0 0 20px 0 rgba(12,25,135,.1)
}

.page4-secure-info .download li .dropdown-content .Android-download {
    border-bottom-left-radius: .15rem;
    border-bottom-right-radius: .15rem;
    background-color: #fff!important
}

.page4-ball-l {
    width: 1.17rem;
    height: 1.17rem;
    background: url(../images/page4-ball-left.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 2rem;
    left: 1rem
}

.page4-ball-l-animate {
    -webkit-animation: left-right 1s .2s 1 forwards,page1-ball-l 4s infinite 1s;
    animation: left-right 1s .2s 1 forwards,page1-ball-l 4s infinite 1s
}

.page4-ball-r-t {
    width: 1.02rem;
    height: 1.02rem;
    background: url(../images/page4-ball-right-top.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 1.6rem;
    right: -.2rem
}

.page4-ball-r-t-animate {
    -webkit-animation: right-left2 .2s 0s 1 forwards,page1-ball-r 4s infinite .8s;
    animation: right-left2 .2s 0s 1 forwards,page1-ball-r 4s infinite .8s
}

.page4-ball-r-b {
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/page4-ball-right-bottom.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: .8rem;
    right: -.4rem
}

.page4-ball-r-b-animate {
    -webkit-animation: right-top .4s .2s 1 forwards,page1-ball-r 4s infinite 1s;
    animation: right-top .4s .2s 1 forwards,page1-ball-r 4s infinite 1s
}

.recommend {
    max-width: 10.8rem;
    text-align: left;
    -webkit-box-shadow: 0 14px 100px 0 rgba(5,77,136,.1);
    box-shadow: 0 14px 100px 0 rgba(5,77,136,.1);
    border-radius: .3rem;
    padding: .8rem 3.18rem .4rem .6rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1.14px;
    line-height: 26px;
    position: relative;
    z-index: 1
}

.recommend .re-title {
    font-size: .4rem;
    color: #021c31
}

.recommend .re-desc {
    font-size: 16px;
    color: #021c31;
    padding: .53rem 0 .8rem
}

.recommend .re-footer {
    text-align: right;
    font-size: 16px;
    color: #999;
    line-height: .26rem;
    font-style: italic
}

.recommend .re-footer span {
    display: block
}

.head {
    position: absolute;
    right: 0;
    bottom: 1.47rem;
    font-size: 0;
    z-index: 1
}

.head img {
    width: 7.35rem;
    height: 8rem
}

.page5-ball-l {
    width: 1.61rem;
    height: 1.81rem;
    background: url(../images/page5-ball1.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 3.37rem;
    left: .65rem
}

.page5-ball-l-animate {
    -webkit-animation: left-right 1s .2s 1 forwards,page5-ball-l 4s infinite 1s;
    animation: left-right 1s .2s 1 forwards,page5-ball-l 4s infinite 1s
}

.page5-ball-r-min {
    width: 2.2rem;
    height: 2.1rem;
    background: url(../images/page5-ball2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1.88rem;
    right: -1.4rem
}

.page5-ball-r-min-animate {
    -webkit-animation: right-left .8s .2s 1 forwards,page5-ball-r-min 4s infinite .8s;
    animation: right-left .8s .2s 1 forwards,page5-ball-r-min 4s infinite .8s
}

.page5-ball-r-max {
    width: 5rem;
    height: 5rem;
    background: url(../images/page5-ball3.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 1.5rem;
    right: -2rem;
    z-index: 1
}

.page5-ball-r-max-animate {
    -webkit-animation: right-left 1s 0s 1 forwards,page5-ball-r-max 4s infinite 1s;
    animation: right-left 1s 0s 1 forwards,page5-ball-r-max 4s infinite 1s
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.2rem;
    background: url(../images/page5-bg.png);
    background-size: 100% 100%;
    z-index: 2
}

.page5-footer {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #fff
}

.page5-footer .footer-left {
    text-align: left;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.page5-footer .footer-right {
    text-align: right
}

.page5-footer .footer-left a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 1.14px;
    font-size: 14px
}

.page5-footer .footer-left a:hover {
    opacity: .7
}

.page5-footer .footer-icon {
    width: .34rem;
    height: .34rem;
    display: inline-block
}

.page5-footer .page5-twitter {
    background: url(../images/page5-twitter.png);
    background-size: 100% 100%
}

.page5-footer .page5-telegram {
    background: url(../images/page5-telegram.png);
    background-size: 100% 100%
}

.page5-footer .page5-weibo {
    background: url(../images/page5-weibo.png);
    background-size: 100% 100%
}

.page5-footer .page5-wx {
    background: url(../images/page5-wx.png);
    background-size: 100% 100%;
    position: relative;
    display: inline-block
}

.page5-footer .page5-email {
    background: url(../images/page5-email.png);
    background-size: 100% 100%
}

.mobile-wx-container {
    display: none
}

.mobile-wx-container .wx-model {
    opacity: 1!important
}

.mobile-email-container {
    display: none
}

.mobile-email-container .email-model {
    opacity: 1!important
}

.page5-footer .wx-model {
    width: 2.81rem;
    height: 1.48rem;
    background: #fff;
    position: absolute;
    left: -.25rem;
    top: -1.51rem;
    border-radius: 15px;
    -webkit-box-shadow: rgba(0,0,0,.1) 5px 5px 10px 5px;
    box-shadow: rgba(0,0,0,.1) 5px 5px 10px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    padding: .2rem .25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
    opacity: 0
}

.page5-footer .email-model {
    width: 2.2rem;
    background: #fff;
    position: absolute;
    left: 1rem;
    top: -1.51rem;
    border-radius: 10px;
    -webkit-box-shadow: rgba(0,0,0,.1) 5px 5px 10px 5px;
    box-shadow: rgba(0,0,0,.1) 5px 5px 10px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    padding: .1rem .25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
    opacity: 0;
    color: #021c31;
    text-align: center
}

.page5-footer .email-model::after {
    width: 0;
    height: 0;
    border: .1rem solid;
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    content: "";
    display: block;
    position: absolute;
    bottom: -.2rem;
    left: .35rem
}

.mobile footer .page5-footer .email-model {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: .8rem
}

.mobile footer .page5-footer .email-model.en {
    left: 2.4rem
}

.mobile .page5-footer .email-model::after {
    right: .35rem;
    left: auto
}

@media screen and (max-width: 750px) {
    footer .page5-footer .email-model {
        width:auto;
        right: -.17rem;
        top: -.7rem
    }

    footer .page5-footer .email-model.en {
        right: .05rem
    }

    .see-report-mobile {
        text-align: center;
        color: #fff;
        margin-top: 10px;
        position: relative;
        z-index: 10;
        font-size: 12px
    }

    .see-report-mobile .dropdown-content-mobile {
        position: absolute;
        top: .5rem;
        left: 0;
        right: 0;
        margin: auto;
        background: #fff;
        padding: .1rem .3rem;
        width: 30%;
        z-index: 4;
        border-radius: 10px;
        display: none
    }

    .see-report-mobile .dropdown-content-mobile:before {
        width: 0;
        height: 0;
        border: .2rem solid;
        border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);
        content: "";
        display: block;
        position: absolute;
        top: -.3rem;
        left: 37%
    }

    .see-report-mobile .dropdown-content-mobile a {
        color: #fff;
        font-size: 14px;
        color: #021c31;
        text-decoration: none;
        display: block;
        padding: 8px 0
    }
}

@media screen and (max-width: 1500px) {
    .page5-footer .wx-model {
        left:-.65rem
    }
}

.header .wx-model {
    right: -.25rem;
    top: .2rem;
    background: #fff;
    position: absolute;
    border-radius: 15px;
    -webkit-box-shadow: rgba(0,0,0,.1) 5px 5px 10px 5px;
    box-shadow: rgba(0,0,0,.1) 5px 5px 10px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    padding: .2rem .25rem .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
    opacity: 0
}

.page5-footer .wx-model::after {
    width: 0;
    height: 0;
    border: .1rem solid;
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    content: "";
    display: block;
    position: absolute;
    bottom: -.2rem;
    right: .35rem
}

.header .wx-model::after {
    width: 0;
    height: 0;
    border: .1rem solid;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);
    content: "";
    display: block;
    position: absolute;
    top: -.2rem;
    right: 1rem
}

.header .wx-model::before,.page5-footer .wx-model::before {
    content: "";
    height: .2rem;
    width: 0;
    display: block;
    border: 1px #135dcd solid;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.1rem 0 0 -2px
}

.header .wx-admin-qrcode,.header .wx-qrcode,.page5-footer .wx-admin-qrcode,.page5-footer .wx-qrcode {
    text-align: center;
    width: 50%
}

.header .wx-admin-qrcode span,.header .wx-qrcode span,.page5-footer .wx-admin-qrcode span,.page5-footer .wx-qrcode span {
    color: #021c31;
    font-size: 12px;
    opacity: .39
}

.header .wx-admin-qrcode img,.header .wx-qrcode img,.page5-footer .wx-admin-qrcode img,.page5-footer .wx-qrcode img {
    width: .8rem;
    height: .8rem;
    display: block;
    margin: 0 auto;
    font-size: 0
}

.animation-block {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.opacity {
    opacity: 0
}

.bottom-top-opacity {
    -webkit-animation: bottom-top-opacity 1s .2s 1 forwards;
    animation: bottom-top-opacity 1s .2s 1 forwards
}

.bottom-top-opacity2 {
    -webkit-animation: bottom-top-opacity 1s .5s 1 forwards;
    animation: bottom-top-opacity 1s .5s 1 forwards
}

.bottom-top-opacity3 {
    -webkit-animation: bottom-top-opacity 1.2s .5s 1 forwards;
    animation: bottom-top-opacity 1.2s .5s 1 forwards
}

.opacity-animate {
    -webkit-animation: opacity 1s 1s 1 forwards;
    animation: opacity 1s 1s 1 forwards
}

.ring-animate {
    -webkit-animation: ring-animate 5s infinite linear;
    animation: ring-animate 5s infinite linear;
    -webkit-transform-origin: -2.1rem -.2rem;
    transform-origin: -2.1rem -.2rem
}

.line-animate {
    -webkit-animation: line-animate 5s infinite linear;
    animation: line-animate 5s infinite linear;
    -webkit-transform-origin: -2rem -.68rem;
    transform-origin: -2rem -.68rem
}

.secure-earth-ball1-animate {
    -webkit-animation: animX 2s cubic-bezier(.36,0,.64,1) -1s infinite alternate,animY 2s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 2s cubic-bezier(.36,0,.64,1) 0s infinite alternate;
    animation: animX 2s cubic-bezier(.36,0,.64,1) -1s infinite alternate,animY 2s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 2s cubic-bezier(.36,0,.64,1) 0s infinite alternate
}

.secure-earth-ball2-animate {
    -webkit-animation: animX2 1.5s cubic-bezier(.36,0,.64,1) -.75s infinite alternate,animY2 1.5s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 1.5s cubic-bezier(.36,0,.64,1) 0s infinite alternate;
    animation: animX2 1.5s cubic-bezier(.36,0,.64,1) -.75s infinite alternate,animY2 1.5s cubic-bezier(.36,0,.64,1) 0s infinite alternate,scale 1.5s cubic-bezier(.36,0,.64,1) 0s infinite alternate
}

@-webkit-keyframes line-animate {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes line-animate {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes ring-animate {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes ring-animate {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes animX2 {
    0% {
        left: -1.9rem
    }

    100% {
        left: 4rem
    }
}

@keyframes animX2 {
    0% {
        left: -1.9rem
    }

    100% {
        left: 4rem
    }
}

@-webkit-keyframes animY2 {
    0% {
        top: .9rem
    }

    100% {
        top: -.45rem
    }
}

@keyframes animY2 {
    0% {
        top: .9rem
    }

    100% {
        top: -.45rem
    }
}

@-webkit-keyframes animX {
    0% {
        left: -2.7rem
    }

    100% {
        left: 4.5rem
    }
}

@keyframes animX {
    0% {
        left: -2.7rem
    }

    100% {
        left: 4.5rem
    }
}

@-webkit-keyframes animY {
    0% {
        top: 1.35rem
    }

    100% {
        top: -.75rem
    }
}

@keyframes animY {
    0% {
        top: 1.35rem
    }

    100% {
        top: -.75rem
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@-webkit-keyframes page-bg-rate1 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(3.4rem,-4rem);
        transform: translate(3.4rem,-4rem)
    }
}

@keyframes page-bg-rate1 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(3.4rem,-4rem);
        transform: translate(3.4rem,-4rem)
    }
}

@-webkit-keyframes page-bg-rate2 {
    0% {
        -webkit-transform: translate(3.4rem,-4rem);
        transform: translate(3.4rem,-4rem)
    }

    100% {
        -webkit-transform: translate(1rem,0rem) rotate(90deg);
        transform: translate(1rem,0rem) rotate(90deg)
    }
}

@keyframes page-bg-rate2 {
    0% {
        -webkit-transform: translate(3.4rem,-4rem);
        transform: translate(3.4rem,-4rem)
    }

    100% {
        -webkit-transform: translate(1rem,0rem) rotate(90deg);
        transform: translate(1rem,0rem) rotate(90deg)
    }
}

@-webkit-keyframes page-bg-rate3 {
    0% {
        -webkit-transform: translate(1rem,0rem) rotate(90deg);
        transform: translate(1rem,0rem) rotate(90deg)
    }

    100% {
        -webkit-transform: translate(0rem,1rem) rotate(270deg);
        transform: translate(0rem,1rem) rotate(270deg)
    }
}

@keyframes page-bg-rate3 {
    0% {
        -webkit-transform: translate(1rem,0rem) rotate(90deg);
        transform: translate(1rem,0rem) rotate(90deg)
    }

    100% {
        -webkit-transform: translate(0rem,1rem) rotate(270deg);
        transform: translate(0rem,1rem) rotate(270deg)
    }
}

@-webkit-keyframes top-bottom {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-4rem);
        transform: translateY(-4rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem)
    }
}

@keyframes top-bottom {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-4rem);
        transform: translateY(-4rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem)
    }
}

@-webkit-keyframes top-bottom2 {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
}

@keyframes top-bottom2 {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes left-right {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-1.5rem);
        transform: translateX(-1.5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes left-right {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-1.5rem);
        transform: translateX(-1.5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes right-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes right-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes right-left2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(4rem);
        transform: translateX(4rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes right-left2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(4rem);
        transform: translateX(4rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes right-top {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-4rem);
        transform: translateX(-4rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes right-top {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-4rem);
        transform: translateX(-4rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bottom-top-opacity {
    0% {
        -webkit-transform: translateY(25rem);
        transform: translateY(25rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes bottom-top-opacity {
    0% {
        -webkit-transform: translateY(25rem);
        transform: translateY(25rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes ball-l-t {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-l-t {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ball-l-b {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-l-b {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ball-r-t {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-r-t {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ball-r-min {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-r-min {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ball-r-max {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-r-max {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ball-r-max-init {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-r-max-init {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes page1-ball-l {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes page1-ball-l {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes page1-ball-r {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes page1-ball-r {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes page5-ball-r-min {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes page5-ball-r-min {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes page5-ball-r-max {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes page5-ball-r-max {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes page5-ball-l {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes page5-ball-l {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes page3-start {
    0% {
        -webkit-transform: translate(-.5rem,1.17rem);
        transform: translate(-.5rem,1.17rem);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(2rem,-2rem);
        transform: translate(2rem,-2rem);
        opacity: 0
    }
}

@keyframes page3-start {
    0% {
        -webkit-transform: translate(-.5rem,1.17rem);
        transform: translate(-.5rem,1.17rem);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(2rem,-2rem);
        transform: translate(2rem,-2rem);
        opacity: 0
    }
}

@-webkit-keyframes page3-start-2 {
    0% {
        -webkit-transform: translate(-25rem,20rem);
        transform: translate(-25rem,20rem);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(20rem,-20rem);
        transform: translate(20rem,-20rem);
        opacity: 0
    }
}

@keyframes page3-start-2 {
    0% {
        -webkit-transform: translate(-25rem,20rem);
        transform: translate(-25rem,20rem);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(20rem,-20rem);
        transform: translate(20rem,-20rem);
        opacity: 0
    }
}

@-webkit-keyframes mobile-right {
    0% {
        -webkit-transform: translateY(-55rem);
        transform: translateY(-55rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes mobile-right {
    0% {
        -webkit-transform: translateY(-55rem);
        transform: translateY(-55rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes mobile-left {
    0% {
        -webkit-transform: translateY(55rem);
        transform: translateY(55rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes mobile-left {
    0% {
        -webkit-transform: translateY(55rem);
        transform: translateY(55rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@media screen and (min-width: 1501px) {
    html {
        font-size:100px
    }
}

@media screen and (max-width: 1700px) {
    .wallet {
        margin:-1.2rem auto 0
    }

    .head img {
        width: 6rem;
        height: 6.53rem
    }
}

@media screen and (max-width: 1500px) {
    html {
        font-size:67px
    }

    .wallet {
        margin: -1rem auto 0
    }

    .recommend {
        padding: .8rem 2.18rem .4rem .6rem
    }

    .head img {
        width: 6rem;
        height: 6.53rem
    }

    .page5-ball-r-max {
        width: 4rem;
        height: 4rem
    }

    .page5-footer .wx-model {
        width: 3.2rem
    }
}

@media screen and (max-width: 750px) {
    html {
        height:auto!important;
        overflow-y: auto!important;
        font-size: 50px
    }

    .white-bg {
        background: #fff
    }

    .gray-bg {
        background: #f6f9fc
    }

    .bule-bg {
        background: linear-gradient(-159deg,#1d81d3,#0838c7)
    }

    .position-re {
        position: relative
    }

    #fp-nav,.pc {
        display: none
    }

    .mobile {
        display: block;
        overflow: hidden
    }

    .line-bg {
        width: 100%;
        height: 5.04rem;
        background: url(../images/page0-line.png);
        background-size: cover;
        background-position: 80%;
        position: absolute;
        bottom: .5rem;
        right: 0;
        z-index: 0
    }

    .line-bg .ball-r-t {
        width: 1.58rem;
        height: 1.48rem;
        top: 3.5rem;
        right: -.2rem
    }

    header {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3
    }

    .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 18px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    header .logo {
        width: 2rem;
        height: .4rem;
        background: url(/static/lib/home/images/logo.png) no-repeat;
        background-size: contain
    }

    header .menu {
        width: .4rem;
        height: .3rem;
        background: url(/static/lib/home/images/mobile/menu.png);
        background-size: 100% 100%
    }

    header.mobile-white-header {
        background: #fff;
        -webkit-box-shadow: 0 .4rem .8rem 0 rgba(3,62,150,.1);
        box-shadow: 0 .4rem .8rem 0 rgba(3,62,150,.1)
    }

    header.mobile-white-header .logo {
        background: url(/static/lib/home/images/blue-logo.png) no-repeat;
        background-size: contain
    }

    header.mobile-white-header .menu {
        background: url(/static/lib/home/images/mobile/blue-menu.png);
        background-size: 100% 100%
    }

    .mobile-banner {
        width: 100%;
        height: 6.9rem;
        margin: 1rem auto .4rem;
        padding: 0 .6rem;
        float: right;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mobile-banner .mobile-left {
        width: 3.4rem;
        left: 1rem;
        bottom: -1.2rem
    }

    .mobile-banner .mobile-right {
        top: 2.8rem;
        right: .6rem;
        width: 4.46rem
    }

    .mobile-banner .mobile-projection {
        top: 5.8rem;
        right: 3rem;
        width: 1.1rem
    }

    .mobile-banner .ball-r-min {
        width: 1.28rem;
        height: 1.28rem
    }

    .mobile-banner .ball-l-b {
        width: 2.1rem;
        height: 2.35rem;
        left: -.55rem;
        bottom: -2rem
    }

    .download {
        padding-top: 1rem;
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .download a {
        color: #fff;
        text-decoration: none
    }

    .download .downLoadItem {
        color: #021c31;
        font-size: 12px;
        background: #fff;
        border-radius: .3rem;
        width: 2.4rem;
        height: .6rem;
        line-height: .65rem;
        cursor: pointer;
        margin: 0 10px;
        vertical-align: bottom;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }

    .download .downLoadItem::before {
        content: "";
        width: .22rem!important;
        height: .28rem;
        position: absolute;
        top: 0;
        bottom: 0;
        left: .3rem;
        margin: auto;
        display: block
    }

    .download .downLoadItem::after {
        content: "";
        width: .1rem!important;
        height: .15rem;
        position: absolute;
        top: 0;
        bottom: 0;
        right: .3rem;
        margin: auto;
        display: block;
        background: url(../images/new/more.svg) no-repeat;
        background-size: contain
    }

    .download .downLoadItem.huaweiIcon {
        width: 3.5rem;
        margin-top: .2rem
    }

    .download .downLoadItem.huaweiIcon::before {
        width: .4rem!important
    }

    .downLoadItem.appleIcon {
        width: 2.2rem
    }

    .appleIcon::before {
        background: url(../images/apple.svg) no-repeat;
        background-size: contain;
        width: .28rem!important;
        height: .28rem!important
    }

    .downLoadItem.googlePlayIcon {
        padding-left: .36rem
    }

    .googlePlayIcon::before {
        left: .3rem;
        background: url(../images/mobile/google-play.png) no-repeat;
        background-size: contain
    }

    .guide {
        font-size: 13px;
        text-align: center;
        padding-top: .2rem;
        position: relative;
        z-index: 10
    }

    .guide a {
        color: #fff;
        font-size: 12px;
        text-decoration: none
    }

    .wallet {
        margin: .4rem 0 0;
        text-align: center;
        color: #fff;
        overflow: hidden;
        position: relative;
        z-index: 2
    }

    .wallet .title {
        font-size: 30px;
        margin-bottom: .1rem
    }

    .wallet .desc {
        font-size: 14px;
        letter-spacing: 0
    }

    .secure {
        padding: .8rem .26rem 1rem;
        text-align: center
    }

    .secure .secure-title {
        margin: .1rem 0;
        font-size: 20px
    }

    .secure .secure-desc {
        letter-spacing: .62px;
        font-size: 25px
    }

    .secure .secure-shield {
        width: 4.84rem;
        height: 4.74rem;
        background: url(../images/mobile/mobile_sec_4.svg) no-repeat;
        background-size: cover;
        border-radius: none;
        margin: .7rem auto .33rem
    }

    .secure .secure-info {
        margin-right: 0;
        text-align: left
    }

    .secure .secure-info ul li:not(.links):last-child {
        margin-bottom: 0
    }

    .mobile .secure .secure-info ul li:not(.links) img {
        width: .42rem;
        height: auto;
        margin: 0 .4rem 0 .2rem
    }

    .mobile .secure .secure-info ul li:not(.links) img.secure-earth-icon {
        width: .52rem!important;
        margin: 0 .42rem 0 .1rem!important
    }

    .mobile .secure .secure-info ul li:not(.links) img.secure-ring-icon2 {
        width: .4rem!important
    }

    .secure .secure-info ul li:not(.links) {
        display: block
    }

    .secure .secure-info ul li:not(.links) p:not(.downLoadItem) {
        font-size: 12px;
        letter-spacing: .86px;
        line-height: .39rem;
        margin-left: .14rem;
        margin-top: .2rem
    }

    .secure .secure-earth-container {
        margin: 2.56rem auto 1.16rem;
        text-align: center
    }

    .secure .secure-earth .secure-earth-rotate {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    .secure .secure-light {
        width: 5.34rem;
        height: 6.34rem;
        margin: .16rem auto -.23rem;
        padding-right: 1rem
    }

    .recommend-constainer {
        padding: 1rem .4rem .96rem
    }

    .secure-title.page4-secure-title {
        font-weight: 900;
        line-height: 27px
    }

    .page4-secure-info .page4-secure-title {
        font-size: 60px;
        font-weight: 900;
        line-height: 82px;
        color: #135dcd
    }

    .page4-secure-info .download {
        margin-top: 0
    }

    .page4-secure-info .download li {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .page4-secure-info .download li:last-of-type {
        margin-bottom: 0
    }

    .page4-secure-info .download li .dropdown-content {
        top: .8rem;
        left: .2rem
    }

    .page4-secure-info .download li .drop-div:nth-of-type(2) .dropdown-content {
        top: .8rem;
        right: .4rem;
        left: auto
    }

    .download li .drop-div:nth-of-type(2) .dropdown-content::before {
        right: .3rem;
        left: auto
    }

    .page4-secure-info .download li.links-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page4-secure-info .download .downLoadItem {
        min-width: 2.4rem;
        width: auto
    }

    .secure .secure-desc.page4-secure-desc {
        font-size: 14px;
        font-weight: 500;
        line-height: 19px;
        letter-spacing: 0;
        margin-top: 15px
    }

    .recommend {
        background: #fff;
        position: relative;
        margin: 0 auto;
        padding: 1.08rem .34rem .4rem
    }

    .recommend .re-title {
        margin: .1rem 0;
        font-size: 20px
    }

    .recommend .re-desc {
        padding: .68rem 0 .5rem;
        letter-spacing: .86px;
        line-height: .39rem;
        font-size: 12px
    }

    .recommend .re-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recommend .re-footer span {
        font-size: 12px
    }

    .recommend::before {
        width: .54rem;
        height: 4px;
        background: #125ccc;
        border-radius: 12px;
        content: "";
        display: block;
        position: absolute;
        left: .36rem;
        top: .74rem
    }

    .recommend .re-head {
        width: 1.56rem;
        height: 1.56rem;
        background: url(../images/mobile/head-icon.png);
        background-size: 100% 100%;
        position: absolute;
        right: .34rem;
        top: .42rem
    }

    .recommend .re-head::after {
        width: .83rem;
        height: .83rem;
        content: "";
        display: block;
        background: url(../images/page2-ball5.svg);
        background-size: 100% 100%;
        position: absolute;
        right: -.2rem;
        top: -.1rem
    }

    footer {
        position: relative;
        height: 3.2rem;
        background-position: center;
        background-size: cover;
        margin: 0 auto;
        padding: .84rem 0 .2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 0
    }

    footer .page5-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    footer .footer-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: .24rem
    }

    footer .footer-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: .24rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer .footer-content .footer-icon {
        width: .56rem;
        height: .56rem
    }

    footer .footer-right {
        font-family: Avenir-Medium;
        font-size: .2rem
    }

    footer .page5-footer .wx-model {
        width: 3.78rem;
        height: 1.99rem;
        left: 1.4rem;
        top: -2.2rem;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: top;
        -ms-flex-align: top;
        align-items: top;
        padding: .2rem 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1
    }

    footer .page5-footer .wx-model.cn {
        left: 1.2rem
    }

    .page5-footer .wx-model::before {
        margin: -.1rem 0 0 -1px
    }

    .page5-footer .wx-model::after {
        right: 1.7rem!important
    }

    .page5-footer .wx-admin-qrcode,.page5-footer .wx-qrcode {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page5-footer .wx-admin-qrcode img,.page5-footer .wx-qrcode img {
        width: 1.08rem;
        height: 1.08rem
    }

    .page5-footer .wx-admin-qrcode span,.page5-footer .wx-qrcode span {
        font-size: 10px
    }

    .mobile-model {
        width: 100%;
        height: 100%!important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        height: 0;
        display: none
    }

    .mobile-model .model-bg {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.3)
    }

    .mobile-model .model-content {
        width: 100%;
        height: auto;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        top: -10rem;
        left: 0;
        padding: 0 0 .4rem
    }

    .model-content .model-close {
        height: 1.1rem;
        padding: .4rem;
        text-align: right;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .model-content .model-close img {
        width: .4rem
    }

    .model-content ul {
        font-family: Avenir-Heavy;
        margin: 0;
        padding: 1rem 0 0
    }

    .model-content ul li {
        margin: 0 0 .4rem;
        padding: 0;
        list-style: none;
        text-align: center
    }

    .model-content a {
        font-size: 20px;
        color: #292a31;
        text-decoration: none
    }

    .model-content a:active,.model-content a:hover {
        color: #135dcd
    }

    .model-content .selectLan {
        padding-top: .96rem;
        text-align: center
    }

    .model-content .selectLan a {
        font-family: Avenir-Book;
        font-size: 14px;
        color: #292a31
    }

    .mobile-model-download .dropdown-content {
        width: 85%;
        margin: 0 auto;
        background: #fff;
        border-radius: .2rem;
        height: auto;
        position: absolute;
        top: 40%;
        left: 0;
        left: 0;
        right: 0;
        font-family: HelveticaNeue;
        color: #021c31;
        display: none
    }

    .mobile-model-download .dropdown-content .dropdown-item {
        padding: .6rem .3rem
    }

    .mobile-model-download .dropdown-content .dropdown-item a {
        text-decoration: none;
        font-family: HelveticaNeue;
        font-size: 14px;
        color: #021c31
    }

    .mobile-model-download .dropdown-content .drop-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mobile-model-download .dropdown-content .md5 {
        font-family: HelveticaNeue;
        font-size: 12px;
        color: rgba(3,33,79,.3);
        line-height: .3rem;
        text-align: left;
        padding-left: .7rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .android-model .dropdown-content .md5 a,.huawei-model .dropdown-content .md5 a {
        color: rgba(3,33,79,.3)
    }

    .android-model .dropdown-content .md5 a:hover,.huawei-model .dropdown-content .md5 a:hover {
        color: #0647a6
    }

    .mobile-model-download .dropdown-content .dropdown-item .image-logo {
        width: .44rem;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle
    }

    .mobile-model-download .dropdown-content .dropdown-item .download-name {
        vertical-align: middle
    }

    .mobile-model-download .dropdown-content .dropdown-item .image-op {
        width: .2rem;
        display: inline-block
    }

    .mobile-model-download .dropdown-content .dropdown-item .image-down {
        width: .28rem
    }

    .mobile-model-download .dropdown-content .dropdown-item:first-child {
        border-bottom: 1px solid#d8d8d8
    }

    .mobile-model-download .dropdown-content .dropdown-item:last-child {
        border-bottom: none
    }

    .huawei-model .dropdown-content .dropdown-item:first-child {
        border-bottom: none
    }
}

.menu .developer {
    position: relative
}

.menu .menu-dropdown-content {
    background: #fff;
    position: absolute;
    padding: 0 15px;
    border-radius: 10px;
    top: 35px;
    display: none;
    -webkit-box-shadow: 0 6px 11px rgba(43,43,43,.12);
    box-shadow: 0 6px 11px rgba(43,43,43,.12)
}

.menu .menu-dropdown-content::before {
    width: 0;
    height: 0;
    border: .1rem solid;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);
    content: "";
    display: block;
    position: absolute;
    top: -.195rem;
    left: .3rem
}

.menu .menu-dropdown-content .menu-dropdown-item {
    border-bottom: 1px solid #d8d8d8;
    width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0
}

.menu .menu-dropdown-content .menu-dropdown-item:last-child {
    border-bottom: none
}

.menu .menu-dropdown-content .menu-dropdown-item a {
    font-size: 14px;
    color: #021c31
}

.menu .menu-dropdown-content .menu-dropdown-item:hover a {
    color: #135dcd
}

.menu .menu-dropdown-content .menu-dropdown-item p {
    opacity: .4;
    font-size: 12px;
    color: #021c31
}

.menu .menu-dropdown-content .menu-dropdown-item:hover p {
    color: #135dcd
}

.Android-download-line {
    text-align: left;
    padding-left: .3rem;
    padding-right: .3rem;
    padding-bottom: .2rem;
    background: rgba(255,255,255,.9)!important;
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: -71px;
    padding-top: 35px;
    z-index: -1;
    border-radius: 15px;
    display: none
}

.Android-download-line p {
    opacity: .6;
    font-family: HelveticaNeue;
    font-size: 12px;
    color: #03214f;
    padding-bottom: 10px
}

.Android-download-line .download-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Android-download-line .download-line a {
    background: #135dcd;
    border-radius: 12px;
    font-family: HelveticaNeue;
    font-size: 11px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    border: none;
    padding: 0 10px;
    display: inline-block;
    text-decoration: none;
    padding: 0 .3rem
}

.Android-download-line .download-line a:hover {
    background: #0647a6
}

.mobile .Android-download-line {
    z-index: 0
}

.Android-download:hover {
    background-color: #fff!important;
    border-radius: 15px
}

.download li .see-report p {
    cursor: pointer
}

.download li .see-report .dropdown-content {
    top: .5rem;
    min-width: 180px
}

.download li .see-report .dropdown-content .drop-flex {
    padding: 5px 17px
}

.download li .see-report .dropdown-content .drop-flex .dropdown-item {
    height: 20px;
    line-height: 20px
}

.download li .see-report .dropdown-content a {
    color: #021c31;
    font-size: 14px;
    text-decoration: none;
    display: block;
    padding: .1rem
}

.footer-right span {
    opacity: .5
}

.footer-right a {
    color: #fff;
    text-decoration: none;
    margin-left: 30px;
    letter-spacing: 1.14px
}

.whiteBg .header .developer {
    color: #021c31
}

.jq-toast-wrap.bottom-left {
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.jq-toast-loader.jq-toast-loaded {
    display: none
}

.close-jq-toast-single {
    font-size: 16px;
    display: none
}

@media screen and (min-width: 1500px) {
    .Android-download-line {
        bottom:-86px;
        padding-top: 45px
    }

    .huaweiIcon::before {
        width: .4rem!important;
        left: .15rem!important;
        top: 0!important
    }
}

.goto-download {
    margin-top: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.goto-download a {
    display: inline-block;
    padding: .2rem .36rem;
    background: #fff;
    border-radius: .1rem;
    text-align: center;
    font-weight: 500;
    font-size: .18rem;
    line-height: .22rem;
    font-family: 'PingFang SC';
    color: #021c31;
    text-decoration: none;
    min-width: 2.26rem
}

.goto-download a:hover {
    opacity: .8
}

.goto-download a img {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
    vertical-align: bottom
}

.goto-download a.active {
    background: #3c7cf3;
    color: #fff
}

.goto-download a.active:hover {
    background: #135dcd
}

.to-dlDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .2rem
}

.to-dlDetail .item-to {
    margin-right: .2rem;
    cursor: pointer;
    opacity: 1
}

.to-dlDetail .item-to:hover {
    opacity: .8
}

.to-dlDetail img {
    width: .3rem
}

.text-center {
    text-align: center
}

.m-wallet .title {
    font-weight: 900;
    font-size: .6rem;
    line-height: .82rem;
    font-family: Avenir
}

.m-wallet .desc {
    font-weight: 500;
    font-size: .32rem;
    line-height: .38rem;
    font-family: PingFang SC;
    margin-bottom: .4rem
}

.m-wallet .features {
    padding: 0 .6rem
}

.m-wallet .features li {
    text-align: left;
    margin-bottom: .24rem;
    color: rgba(255,255,255,.9);
    font-family: PingFang SC;
    font-size: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400
}

.m-wallet .features li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.m-wallet .features li::marker {
    display: none
}

.m-wallet .features li::before {
    content: '';
    width: .3rem;
    height: .3rem;
    background: url(../images/right.png) no-repeat;
    background-size: cover;
    display: block;
    margin-right: .16rem;
    margin-top: .05rem
}

.m-wallet .goto-download {
    margin-top: .6rem
}

.m-wallet .goto-download a {
    width: 4.52rem;
    padding: .26rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: .2rem
}

.m-wallet .goto-download a.en {
    width: 4rem
}

.m-wallet .goto-download a img {
    width: .32rem;
    height: .32rem;
    margin-right: .16rem
}

.m-wallet .goto-download a span {
    font-weight: 500;
    font-size: .28rem;
    line-height: .4rem
}

.m-wallet .to-dlDetail {
    margin-top: .4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .6rem
}

.m-wallet .to-dlDetail img {
    width: .6rem
}

.m-wallet .to-dlDetail .item-to {
    margin-right: .6rem
}

.m-wallet .to-dlDetail .item-to:last-child {
    margin-right: 0
}

.m-some-data {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .4rem
}

.m-some-data>div {
    width: 50%;
    text-align: left;
    margin-bottom: .6rem;
    color: rgba(255,255,255,.7);
    font-family: PingFang SC;
    font-size: .24rem;
    font-weight: 400
}

.m-some-data>div .number {
    color: #fff;
    font-family: Avenir;
    font-size: .48rem;
    font-weight: 800
}

.pt30 {
    padding-top: .6rem
}

.nav-download-btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: .36rem;
    padding: 0 .22rem;
    margin-right: .16rem;
    background: #3c7cf3;
    border-radius: .08rem
}

.nav-download-btn-wrapper img {
    width: .16rem;
    height: .16rem;
    margin-right: .04rem
}

.nav-download-btn-wrapper span {
    color: #fff;
    font-weight: 500;
    font-size: .14rem;
    line-height: .17rem;
    font-family: 'PingFang SC'
}

.nav-download-btn-wrapper:hover {
    background: #135dcd
}

.m-nav-download-btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-nav-download-btn-wrapper img {
    width: .44rem;
    height: .44rem;
    margin-right: .36rem
}

.right-menu-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jconfirm.jconfirm-light .jconfirm-bg,.jconfirm.jconfirm-white .jconfirm-bg {
    background-color: #101010;
    opacity: .5
}

.jconfirm.jconfirm-light .jconfirm-box,.jconfirm.jconfirm-white .jconfirm-box {
    border-radius: 6px;
    padding: 10px 27px 21px
}

.jconfirm-box-container {
    min-width: 460px!important
}

.jconfirm-buttons {
    text-align: center;
    float: none!important
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    min-width: 360px;
    height: 40px;
    border-radius: 6px;
    background-color: #3c7cf3;
    color: #fff!important;
    font-size: 14px;
    font-weight: 500
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #3c7cf3
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .jc-bs3-row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .jconfirm.jconfirm-light .jconfirm-box,.jconfirm.jconfirm-white .jconfirm-box {
        padding: 10px 10px 21px
    }

    .jconfirm-box-container {
        min-width: 90%!important;
        margin-left: 0
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
        min-width: 80%
    }
}