blockquote,
body,
button,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0
}

fieldset,
legend,
menu,
ol,
td,
th,
ul {
    padding: 0
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    font: .16rem/1.42857 sans-serif;
    word-wrap: break-word;
    color: #5e5063
}

menu,
ol,
ul {
    list-style-type: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

a {
    color: #14DED1
}

a,
a:active {
    text-decoration: underline
}

a:active {
    color: #14DED1
}

hr {
    margin: .2rem 0;
    height: 0;
    border: none;
    border-top: .01rem solid #eee
}

.clearfix {
    zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.text-indent {
    text-indent: 2em
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-justify {
    text-align: justify
}

.text-ellipsis {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-link {
    color: #14DED1
}

.text-muted {
    color: #5b5b5b
}

.show {
    display: block !important
}

.hidden {
    display: none !important
}

.invisible {
    visibility: hidden !important
}

.vertical-top {
    vertical-align: top !important
}

.vertical-middle {
    vertical-align: middle !important
}

.vertical-bottom {
    vertical-align: bottom !important
}

.will-change-scroll {
    will-change: scroll-position
}

.will-change-transform {
    will-change: transform
}

.center-block {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.border-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.event-none {
    pointer-events: none
}

.table-fixed {
    table-layout: fixed
}

.margin-vertical {
    margin-top: .15rem;
    margin-bottom: .15rem
}

.margin-horizontal {
    margin-left: .15rem;
    margin-right: .15rem
}

.table {
    display: table
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

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

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

html.scroll-lock {
    height: 100%
}

html.scroll-lock #page,
html.scroll-lock body {
    height: 100%;
    overflow: hidden
}

button,
input {
    outline: none
}

.btn {
    display: inline-block;
    padding: .6em 1.7em;
    font-size: .16rem;
    text-decoration: none;
    border-radius: .1rem
}

.img-responsive {
    max-width: 100%;
    height: auto
}

.border-none {
    border: none
}

body>iframe {
    display: none !important
}

html {
    font-size: 27.77778vw
}

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

.dialog-overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.dialog-download {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 101;
    width: 3.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .33);
    box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .33);
    border-radius: .2rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .3rem .3rem
}

.dialog-download .header {
    position: relative;
    border-bottom: .01rem solid #eee
}

.dialog-download .header-title {
    font-size: .18rem;
    color: #666;
    text-align: center;
    height: .58rem;
    line-height: .58rem
}

.dialog-download .btn-close {
    position: absolute;
    right: 0;
    top: .14rem;
    width: .3rem;
    height: .3rem;
    border: none;
    padding: 0;
    margin: 0;
    /* background: url(data:image/png;base64,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) 100% 50% no-repeat rgba(0, 0, 0, 0);
    background-size: .22rem .22rem; */
    opacity: .3;
    cursor: pointer
}

.dialog-download .btn-close:active,
.dialog-download .btn-close:hover {
    opacity: .8
}

.dialog-download .platform-name {
    margin: .3rem 0 .15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dialog-download .platform-name .icon-android,
.dialog-download .platform-name .icon-ios {
    display: block;
    width: .18rem;
    height: .22rem;
    background: 50% 50% no-repeat;
    background-size: contain
}


.dialog-download .platform-name .text {
    margin-left: .1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    font-size: .14rem;
    line-height: .22rem;
    color: #333
}

.dialog-download .platform-download {
    padding: .15rem
}

.dialog-download .platform-download .qrcode {
    margin: 0 auto;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border: none
}

.dialog-download .platform-download .figure-desc {
    margin-top: .1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    font-size: .14rem;
    color: #333;
    text-align: center
}

.dialog-download .platform-download .figure-desc strong {
    margin: 0 .05rem;
    color: #14DED1
}

.dialog-download .platform-download .figure-desc .remind {
    margin-top: .03rem;
    font-size: .12rem;
    color: #666
}

.dialog-download .platform-download .download-url {
    margin: .15rem auto 0;
    width: 1.6rem;
    font-size: .14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dialog-module {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 101;
    width: 3.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .33);
    box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .33);
    border-radius: .2rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .3rem .3rem
}

.dialog-module .btn-close {
    position: absolute;
    right: .1rem;
    top: .1rem;
    width: .3rem;
    height: .3rem;
    border: none;
    padding: 0;
    margin: 0;
    opacity: .3;
    cursor: pointer
}

.dialog-module .btn-close:active,
.dialog-module .btn-close:hover {
    opacity: .8
}

.support-main {
    padding: .4rem 0 0
}

.support-main .title {
    margin-bottom: .15rem;
    font-size: .14rem;
    color: #333
}

.wx-remind {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.wx-remind .icon {
    position: absolute;
    top: .1rem;
    right: .2rem;
    width: .4rem;
    height: .54rem;
    background: 0 0/contain no-repeat url('../images/click.png')
}

.wx-remind .tips {
    position: absolute;
    top: .7rem;
    right: .3rem;
    text-align: right;
    font-size: .16rem;
    color: #fff;
    font-weight: 700
}

.dialog-box {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    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
}

.dialog-box .dialog-overlay {
    position: absolute;
    z-index: 1
}

.dialog-box .dialog-container {
    position: relative;
    z-index: 2;
    width: 3.3rem
}

.dialog-box .dialog-container-body {
    background-color: #fff;
    border-radius: .1rem
}

.dialog-box-absolute {
    position: absolute
}

.dialog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .39rem;
    position: relative;
    padding: 0 .15rem
}

.dialog-header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-top: 1px solid #ecebf0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.dialog-header .title {
    font-size: .14rem;
    color: #5e5063;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem
}

.dialog-header .btn-close {
    display: block;
    border: none;
    width: .2rem;
    height: .2rem;
    padding: 0;
}

.dialog-container-ios-certificate {
    height: 100%;
    padding: .3rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-container-ios-certificate .dialog-container-body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dialog-container-ios-certificate .dialog-footer,
.dialog-container-ios-certificate .dialog-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.dialog-container-ios-certificate .dialog-footer {
    position: relative;
    padding: .05rem 0
}

.dialog-container-ios-certificate .dialog-footer:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    border-top: 1px solid #ecebf0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.dialog-container-ios-certificate .ios-certificate-intro {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.dialog-container-ios-certificate .ios-certificate-intro-scroll {
    padding-top: .15rem;
    margin: 0 .15rem;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog-container-ios-certificate .btn-play-video {
    margin: 0 auto;
    display: block;
    width: 1.44rem;
    height: .3rem;
    color: #fff;
    font-size: .14rem;
    background-color: #14DED1;
    border-radius: .2rem;
    border: none
}

.dialog-container-ios-certificate .btn-play-video:active {
    background-color: #14DED1
}

.ios-certificate-intro {
    font-size: .14rem;
    color: #5e5063
}

.ios-certificate-intro p {
    margin: .15rem 0
}

.ios-certificate-intro p:first-child {
    margin-top: 0
}

.ios-certificate-intro p:last-child {
    margin-bottom: 0
}

.ios-certificate-intro div[class^=img] {
    margin: .15rem auto
}


.ios-download-body {
    padding: .12rem 0
}

.ios-download-options {
    margin: 0 .3rem;
    padding-bottom: .15rem
}

.ios-download-options .item {
    height: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .15rem;
    background-color: rgba(20,222,209,0.7);
    border-radius: .05rem;
    text-decoration: none
}

.ios-download-options .item+.item {
    margin-top: .1rem
}

.ios-download-options .item-logo {
    border-radius: .05rem .05rem 0 0
}

.ios-download-options .item-speed {
    background-color: #40d4d2
}

.ios-download-options .icon-logo,
.ios-download-options .icon-speed {
    margin-right: .15rem;
    display: block;
    width: .2rem;
    height: .2rem;
    background: 0 0/contain no-repeat
}

.ios-download-options .name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0.1rem;
    flex: 1 1 0.1rem;
    font-size: .16rem;
    color: #fff
}

.ios-download-options .name small {
    font-weight: 300
}


.ios-download-options .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: .14rem;
    color: hsla(0, 0%, 100%, .8)
}

.ios-install-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .14rem;
    color: #f74d4d;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f1ecfa;
    border-radius: 0 0 .05rem .05rem
}

.ios-download-tips {
    margin: .1rem 0 .2rem;
    font-size: .12rem;
    color: #958a99;
    text-align: center
}

.top-notification {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: .1rem;
    background-color: rgba(20,222,209,0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top-notification .main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    font-size: .13rem;
    color: #fff
}


.top-notification .btn-close:active {
    opacity: .8
}

.download-vip-body {
    padding: .3rem
}

.download-vip-body .title {
    font-size: .14rem;
    color: #5e5063
}

.download-vip-body .handler {
    margin-top: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.download-vip-body .btn {
    text-decoration: none;
    padding: 0;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 1.25rem;
    height: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: .28rem;
    font-size: .14rem;
    color: #5e5063;
    text-align: center;
    border: .01rem solid #d6ced9;
    border-radius: .15rem
}

.download-vip-body .btn:active {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05)
}

.download-vip-body .btn-download {
    background-color: #14DED1;
    color: #fff;
    border: none;
    line-height: .3rem
}

.download-vip-body .btn-download:active {
    background-color: #14DED1;
    text-decoration: none
}

@-webkit-keyframes pop {
    0% {
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes pop {
    0% {
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.pop-animation {
    -webkit-animation: pop .4s ease-out;
    animation: pop .4s ease-out
}

@-webkit-keyframes pop-bottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes pop-bottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.pop-bottom-animation {
    -webkit-animation: pop-bottom .3s ease-out;
    animation: pop-bottom .3s ease-out
}

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

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-in-animation {
    -webkit-animation: fade-in .3s ease-in;
    animation: fade-in .3s ease-in
}

@media screen and (min-width:1024px) {

    .dialog-download,
    .dialog-module {
        width: 4rem
    }

    .top-notification {
        padding-left: .3rem;
        padding-right: .3rem
    }

    .top-notification .main {
        text-align: center
    }

    .top-notification .btn-close:hover {
        opacity: .8
    }
}

.btn-default,
.btn-primary {
    display: inline-block;
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    text-align: center;
    text-decoration: none;
    padding: 0 .2rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .02rem
}

.btn-default {
    border: .01rem solid #d6ced9;
    color: #5e5063;
    line-height: .28rem
}

.btn-default:active,
.btn-default:hover {
    background-color: #eee;
    color: #5e5063;
    text-decoration: none
}

.btn-primary {
    background-color: #14DED1;
    color: #fff
}

.btn-primary:active,
.btn-primary:hover {
    background-color: rgba(20,222,209,0.7);
    color: #fff;
    text-decoration: none
}

.pc-media {
    display: none
}

.page-header {
    height: .6rem
}

.page-header-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.page-header-fixed .container-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .6rem;
    padding: 0 .1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

/* .header-logo {
    width: 1.32rem;
    height: .4rem;
    background: 0 0/contain url(../images/logo.png) no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    color: rgba(0, 0, 0, 0)
} */
/* 
<a href="index.html" class="header-logo">
                        <img src="../images/logo.png" alt="">
                        <p class="logoTxt"><span>隐隐</span><font>youer</font></p>
                    </a>
*/
.header-logo {
    text-decoration: none;
    color: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
}
.header-logo:hover{
    text-decoration: none;
}
.header-logo img{
    width: .6rem;
    margin-right: 3px;
    position: relative;
    top: .035rem;
}
.logoTxt{
    color: rgba(0, 0, 0, .9);
    font-size: .2rem;
}
.logoTxt span{
    font-family: PingFangSC-Regular, sans-serif;
    letter-spacing: 2px;
    font-weight: 550;
}
.logoTxt font{
    display: block;
    color: #171717;
    line-height: .095rem;
    letter-spacing: .048rem;
    font-size: .1rem;
}
.btn-header-menu {
    display: block;
    width: .3rem;
    height: .3rem;
    border: none;
    background: url('../images/menu.png') 50% 50% no-repeat rgba(0, 0, 0, 0);
    background-size: .18rem .18rem
}

.btn-header-menu:active {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5)
}

.btn-header-menu-close {
    background-image: url('../images/ch.png');
    background-size: .20rem .20rem
}

.page-nav {
    position: fixed;
    left: 0;
    top: .6rem;
    z-index: 9;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, .6);
    display: none
}

.page-nav-show {
    display: block
}

.page-nav-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff
}

.page-nav-list a {
    display: block;
    height: .5rem;
    line-height: .5rem;
    font-size: .14rem;
    color: #5e5063;
    text-decoration: none;
    text-align: center
}

.page-nav-list a+a {
    border-top: .01rem solid #ecebf0
}

.page-nav-list a.active,
.page-nav-list a:active {
    text-decoration: none;
    color: #14DED1
}

.copyright {
    padding: .2rem;
    font-size: .12rem;
    color: #b0aab3;
    text-align: center
}

.copyright a {
    text-decoration: none
}

.copyright a,
.copyright a:active,
.copyright a:hover {
    color: #b0aab3
}

.copyright .btn-support {
    color: #14DED1;
    cursor: pointer;
    display: inline-block
}

.copyright .btn-support:active {
    text-decoration: underline
}

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

.pagination li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .1rem
}

.pagination .current,
.pagination .link {
    display: block;
    padding: 0 .1rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .14rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: .3rem;
    text-align: center
}

.pagination .current {
    background-color: #14DED1;
    color: #fff;
    cursor: default
}

.pagination .link {
    border: .01rem solid #d6ced9;
    line-height: .28rem;
    color: #5e5063;
    text-decoration: none
}

.pagination .link:active,
.pagination .link:hover {
    background-color: #14DED1;
    color: #fff;
    border-color: #14DED1
}

@media screen and (min-width:1024px) {
    .pc-media {
        display: block
    }

    .mobile-media {
        display: none !important
    }

    .container-wrap {
        width: 9.6rem;
        margin: 0 auto
    }

    .page-header .container-wrap {
        padding: 0
    }

    .btn-header-menu {
        display: none
    }

    .header-pc-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header-pc-nav .btn {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .header-pc-nav .btn-default {
        margin-left: .15rem
    }
}

.home-article {
    margin-top: .1rem
}

.home-section {
    background-color: #fff;
    margin-bottom: .1rem
}

.home-introduce {
    padding: .2rem
}

.home-introduce .slogan {
    font-size: .2rem;
    text-align: center;
    color: #14DED1
}

.home-introduce .explain {
    margin: .2rem 0;
    color: #958a99;
    font-size: .12rem;
    text-align: center;
    line-height: 1.8
}

.home-introduce .btn-download {
    margin: 0 auto;
    display: block;
    width: 2rem;
    height: .44rem;
    line-height: .44rem;
    border-radius: .22rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #14DED1
}

.home-introduce .btn-download:active {
    background-color: rgba(20,222,209,0.7)
}

.home-introduce .phone-preview {
    margin: .2rem auto 0;
    width: 3.2rem;
    height: 2.61788rem;
    background: 0 0 no-repeat;
    background-image: url('../images/titBanner.png');
    background-size: cover
}

html.webp .home-introduce .phone-preview {
    background-image: url('../images/titBanner.png') !important
}

.home-install-tips {
    margin-top: .2rem;
    text-align: center
}

.home-install-tips .container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fceff1;
    height: .22rem;
    border-radius: .11rem;
    font-size: .12rem;
    color: #e86576;
    padding: 0 .1rem
}

.home-install-tips .container:active {
    background-color: #f8dade
}

.home-install-tips .main {
    margin: 0 .1rem 0 .05rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem
}

.home-article-module {
    padding: 0 .2rem
}

.icon-faq,
.icon-news {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    background: 0 0 no-repeat;
    background-size: contain
}

.icon-faq {
    background-image: url('../images/quesNo.png')
}

.icon-news {
    background-image: url('../images/newNo.png')
}

.article-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 .2rem;
    padding: .2rem 0;
    border-bottom: .01rem solid #ecebf0
}

.article-tab>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    color: #5e5063;
    font-size: .14rem;
    text-align: center
}

.article-tab .active {
    color: #14DED1
}

.article-tab .active .icon-news {
    background-image: url('../images/new.png')
}

.article-tab .active .icon-faq {
    background-image: url('../images/ques.png')
}

.article-tab .icon-faq,
.article-tab .icon-news {
    margin-right: .05rem;
    vertical-align: -.02rem
}

.article-panel {
    margin: .2rem 0 0
}

.article-panel .panel-item {
    display: none
}

.article-panel .panel-item.active {
    display: block
}

.home-content-list>li {
    margin-bottom: .1rem;
    background: url(../images/next.png) 0 50% no-repeat;
    background-size: .08rem .1rem;
    padding-left: .13rem;
    line-height: 1.2
}

.home-content-list a {
    font-size: .13rem;
    color: #5e5063;
    text-decoration: none
}

.home-content-list a:active {
    color: #14DED1;
    text-decoration: underline
}

.article-content-more {
    text-align: center;
    padding-bottom: .2rem
}

.article-content-more a {
    font-size: .13rem;
    color: #14DED1;
    text-decoration: none
}

.article-content-more a:active,
.article-content-more a:hover {
    text-decoration: underline;
    color: rgba(20,222,209,0.7)
}

.home-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .2rem 0 .4rem .2rem;
    overflow: hidden
}

.home-feature-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.28rem;
    flex: 0 0 1.28rem;
    margin: .2rem .1rem 0 0
}

.home-feature-list>li+li {
    margin-top: .32rem
}

.home-feature-list>li.active .title {
    color: #14DED1
}

.home-feature-list>li.active .explain {
    display: block
}

.home-feature-list .title {
    font-size: .14rem
}

.home-feature-list .explain {
    display: none;
    margin-top: .05rem;
    font-size: .12rem;
    color: #958a99
}

.home-feature-interface {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    height: 3.2rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 80vw;
    perspective: 80vw
}

.home-feature-interface .interface {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 1.8rem;
    height: 3.2rem;
    -webkit-box-shadow: 0 .08rem .2rem 0 rgba(255,117,128, .2), 0 0 .05rem 0 rgba(255,117,128, .1);
    box-shadow: 0 .08rem .2rem 0 rgba(255,117,128, .2), 0 0 .05rem 0 rgba(255,117,128, .1);
    border-radius: .04rem;
    background-color: #fff;
    cursor: pointer
}

.home-feature-interface .interface.second-floor {
    -webkit-box-shadow: 0 .06rem .1rem 0 rgba(255,117,128, .1);
    box-shadow: 0 .06rem .1rem 0 rgba(255,117,128, .1)
}

.home-feature-interface .interface.third-floor {
    -webkit-box-shadow: none;
    box-shadow: none
}

.home-feature-interface .interface>.img {
    width: 100%;
    height: 100%;
    background: 0 0 no-repeat;
    background-size: contain;
    opacity: .5
}

.home-feature-interface .interface.active>.img {
    opacity: 1
}

.home-feature-interface .interface-01 .img {
    background-image: url('../images/b1.png');
}

html.webp .home-feature-interface .interface-01 .img {
    background-image: url('../images/b1.png') !important
}

.home-feature-interface .interface-02 .img {
    background-image: url('../images/b2.png')
}

html.webp .home-feature-interface .interface-02 .img {
    background-image: url('../images/b2.png') !important
}

.home-feature-interface .interface-03 .img {
    background-image: url('../images/b3.png')
}

html.webp .home-feature-interface .interface-03 .img {
    background-image: url('../images/b3.png') !important
}

.home-feature-interface .interface-04 .img {
    background-image: url('../images/b4.png')
}

html.webp .home-feature-interface .interface-04 .img {
    background-image: url('../images/b4.png') !important
}

.home-feature-interface .interface-05 .img {
    background-image: url('../images/b5.png')
}

html.webp .home-feature-interface .interface-05 .img {
    background-image: url('../images/b5.png') !important
}


.home-recharge {
    background-image: linear-gradient(-179deg, hsla(0, 0%, 100%, .5), rgba(255, 245, 231, .5))
}

.home-recharge-main {
    padding: .2rem 0
}

.home-recharge-main .title {
    font-size: .14rem;
    color: #d8b971;
    text-align: center
}

.home-recharge-main .aside {
    margin-top: .05rem;
    font-size: .12rem;
    color: #958a99;
    text-align: center
}

.home-recharge-main .btn-recharge {
    margin: .4rem auto 0;
    display: block;
    width: 1.8rem;
    height: .44rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eac991), to(#d7b870));
    background-image: linear-gradient(-180deg, #eac991, #d7b870);
    border-radius: .22rem;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    line-height: .44rem;
    text-decoration: none
}

.home-recharge-main .btn-recharge:active {
    opacity: .8
}

@media screen and (min-width:1024px) {
    a:hover {
        text-decoration: underline;
        color: #14DED1
    }

    .home-content-list a:hover {
        color: #14DED1;
        text-decoration: underline
    }

    .home-article {
        margin-top: .2rem
    }

    .home-section {
        margin: 0 auto .2rem;
        width: 9.6rem;
        border-radius: .1rem
    }

    .home-section:last-child {
        margin-bottom: 0
    }

    .home-introduce {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

    html.webp .home-introduce {
        background-image: url('../images/bannerBack.png') !important
    }

    .home-introduce .phone-preview {
        margin: 0 .5rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 3.58rem;
        height: 3.6rem
    }

    .home-introduce-main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.8rem;
        flex: 0 0 3.8rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .home-introduce-main .slogan {
        padding-top: .2rem;
        text-align: left;
        white-space: pre-wrap;
        font-size: .28rem
    }

    .home-introduce-main .explain {
        margin: .15rem 0;
        text-align: left;
        color: #958a99
    }

    .home-introduce-main .download-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .home-introduce-main .download-qrcode {
        width: 1.2rem;
		margin: 0 auto;
    }

    .home-introduce-main .download-qrcode img {
        display: block;
        width: 1.2rem;
        height: 1.2rem
    }

    .home-introduce-main .download-qrcode .title {
        margin-top: .05rem;
        font-size: .12rem;
        text-align: center;
        color: #958a99
    }
	
    .home-introduce-main .download-links {
        margin: .08rem 0 0 .2rem;
		
        width: 1.6rem
    }

    .home-introduce-main .download-links .item {
        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;
        text-decoration: none;
        background-color: #14DED1;
        height: .36rem;
        border-radius: .18rem;
        color: #fff;
		margin-top: .1rem;
    }

    .home-introduce-main .download-links .item:hover {
        text-decoration: none;
        background-color: rgba(20,222,209,0.7)
    }

    .home-introduce-main .download-links .item+.item {
        margin-top: .2rem
    }

    .home-introduce-main .download-links .text {
        font-size: .14rem
    }

    .home-introduce-main .download-links .icon-android,
    .home-introduce-main .download-links .icon-ios {
        margin: 0 .06rem 0 0;
        display: block;
        width: .22rem;
        height: .22rem;
        background: 50% 50%/contain no-repeat
    }


    .home-introduce-main .download-links .icon-android {
        background-image: url('../images/android.png')
    }
    .home-introduce-main .download-links .icon-ios {
        background-image: url('../images/iphone.png')
    }
    .home-article-module {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .2rem .4rem
    }

    .article-panel {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .article-panel .panel-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1rem;
        flex: 1 1 1rem;
        display: block
    }

    .article-panel .panel-item:first-child {
        border-right: .01rem solid #ecebf0;
        margin-right: .4rem;
        padding-right: .4rem
    }

    .article-panel-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: .1rem
    }

    .article-panel-header .title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1rem;
        flex: 1 1 1rem;
        font-size: .14rem
    }

    .article-panel-header .icon-faq,
    .article-panel-header .icon-news {
        margin-right: .05rem;
        vertical-align: -.02rem
    }

    .article-panel-header .more {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        font-size: .12rem;
        text-decoration: none
    }

    .article-panel-header .more:hover {
        text-decoration: underline
    }

    .home-feature {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .4rem .3rem;
        -ms-flex-pack: justify
    }

    .home-feature,
    .home-feature-list-pc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .home-feature-list-pc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.88rem;
        flex: 0 0 1.88rem;
        padding: .2rem 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify
    }

    .home-feature-list-pc.justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .home-feature-list-pc.justify-start>li:last-child {
        margin-top: .58rem
    }

    .home-feature-list-pc>li {
        padding: .1rem .16rem;
        border-radius: .1rem;
        cursor: pointer
    }

    .home-feature-list-pc:nth-child(2) {
        text-align: right
    }

    .home-feature-list-pc .title {
        font-size: .16rem;
        font-weight: 700;
        color: #14DED1
    }

    .home-feature-list-pc .explain {
        margin-top: .05rem;
        font-size: .12rem;
        color: #958a99
    }

    .home-feature-list-pc li.active {
        background-color: rgba(20,222,209,0.7)
    }

    .home-feature-list-pc li.active .explain,
    .home-feature-list-pc li.active .title {
        color: #fff
    }

    .home-feature-interface {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.24rem;
        flex: 0 0 2.24rem;
        height: 4rem
    }

    .home-feature-interface .interface {
        width: 2.24rem;
        height: 4rem;
        border-radius: .05rem;
        -webkit-box-shadow: 0 .1rem .4rem 0 rgba(255,117,128, .2), 0 0 .1rem 0 rgba(255,117,128, .1);
        box-shadow: 0 .1rem .4rem 0 rgba(255,117,128, .2), 0 0 .1rem 0 rgba(255,117,128, .1)
    }

    .home-feature-interface .interface.second-floor {
        -webkit-box-shadow: 0 .06rem .2rem 0 rgba(255,117,128, .1);
        box-shadow: 0 .06rem .2rem 0 rgba(255,117,128, .1)
    }

    .home-feature-interface .interface.third-floor {
        -webkit-box-shadow: 0 .02rem .1rem 0 rgba(255,117,128, .1);
        box-shadow: 0 .02rem .1rem 0 rgba(255,117,128, .1)
    }

    .home-recharge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .5)), to(rgba(255, 245, 231, .5)));
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5), rgba(255, 245, 231, .5))
    }

    .home-recharge-main {
        padding: .4rem 0;
        margin-left: 1rem
    }

    .home-recharge-main .aside,
    .home-recharge-main .title {
        text-align: left
    }

    .home-recharge-main .btn-recharge {
        margin-left: 0
    }
}

.contact-us {
    margin-top: .1rem;
    background-color: #fff;
    padding: .4rem
}

.contact-us h1 {
    font-size: .28rem;
    color: #14DED1
}

.contact-us h2 {
    margin-top: .4rem;
    font-size: .16rem;
    color: #5e5063
}

.contact-us .contact {
    margin-top: .1rem
}

.contact-us .contact a {
    color: #14DED1;
    text-decoration: none
}

.contact-us .icon-business,
.contact-us .icon-service {
    display: inline-block;
    vertical-align: -.02rem;
    margin-right: .1rem;
    width: .16rem;
    height: .16rem;
    background: 50% 50% no-repeat;
    background-size: contain
}


@media screen and (min-width:1024px) {
    .contact-us {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: .2rem auto 0;
        width: 9.6rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .1rem;
        background: 0 0 no-repeat;
        background-image: url('../images/usBack.png');
        background-size: cover
    }

    html.webp .contact-us {
        background-image: url('../images/usBack.png') !important
    }

    .contact-us-main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: .6rem .8rem 1rem 0
    }
}

.article-content {
    margin-top: .1rem;
    padding: 0 .2rem .1rem;
    background-color: #fff
}

.article-title {
    padding: .2rem 0;
    font-size: .14rem;
    color: #5e5063;
    border-bottom: .01rem solid #ecebf0
}

.article-container {
    margin-top: .2rem;
    font-size: .14rem;
    color: #5e5063;
    line-height: 1.6
}

.article-container li,
.article-container p {
    margin: .1rem 0
}

.article-container img {
    margin: .1rem auto;
    display: block;
    max-width: 70%;
    height: auto;
    border: 1px solid #ecebf0;
}

.article-container figure {
    margin: .1rem 0
}

.article-container figure img:first-child {
    margin-top: .05rem
}

.article-container figcaption {
    font-weight: 700
}

.article-bottom-handle {
    margin-top: .2rem
}

@media screen and (min-width:1024px) {
    .article-content {
        margin: .2rem auto 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 9.6rem;
        background-color: rgba(0, 0, 0, 0)
    }

    .article-content,
    .pc-article-tab-nav {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .pc-article-tab-nav {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.28rem;
        flex: 0 0 2.28rem;
        min-height: 5rem;
        background-color: #fff;
        border-radius: .1rem;
        padding: .2rem
    }

    .pc-article-tab-nav li {
        margin-bottom: .1rem
    }

    .pc-article-tab-nav .item {
        display: block;
        height: .42rem;
        font-size: .16rem;
        font-weight: 700;
        text-align: center;
        line-height: .42rem
    }

    .pc-article-tab-nav span.item {
        background-color: rgba(20,222,209,0.7);
        color: #fff;
        cursor: default;
        border-radius: .1rem
    }

    .pc-article-tab-nav a.item {
        color: #5e5063;
        text-decoration: none
    }

    .pc-article-tab-nav a.item:active,
    .pc-article-tab-nav a.item:hover {
        background-color: rgba(20,222,209,0.7);
        color: #fff;
        border-radius: .1rem
    }

    .pc-article-panel {
        margin-left: .2rem;
        padding: .2rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1rem;
        flex: 1 1 1rem;
        background-color: #fff;
        border-radius: .1rem
    }

    .pc-article-panel .panel-item:first-child {
        border: none;
        margin-right: 0;
        padding-right: 0
    }

    .pc-article-panel .home-content-list {
        margin-left: .2rem
    }

    .pc-article-panel .pagination {
        margin: .2rem 0 0 .2rem
    }

    .pc-article-panel-title {
        font-size: .24rem;
        font-weight: 700;
        border-bottom: .01rem solid #ecebf0;
        padding-bottom: .15rem;
        margin-bottom: .15rem
    }

    .pc-article-panel-title .icon-faq,
    .pc-article-panel-title .icon-news {
        -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        margin-right: .2rem
    }

    .article-content-main {
        margin-left: .2rem;
        padding: .2rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1rem;
        flex: 1 1 1rem;
        background-color: #fff;
        border-radius: .1rem
    }

    .article-content-main .article-title {
        padding-top: 0;
        font-size: .24rem
    }
}

.page-vip-download .vip-header {
    padding: .6rem 0 .56rem
}


.page-vip-download .vip-header .title {
    margin-top: .12rem;
    font-size: .16rem;
    color: #5e5063;
    text-align: center
}

.page-vip-download .form-group {
    background-color: #fff
}

.page-vip-download .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-vip-download .form-item+.form-item {
    border-top: .01rem solid rgba(0, 0, 0, .06)
}

.page-vip-download .form-label {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 .2rem;
    font-size: .16rem;
    color: #958a99
}

.page-vip-download .form-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    padding: 0 .15rem 0 0
}

.page-vip-download .form-main>input {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .15rem 0;
    font-size: .14rem;
    color: #5e5063;
    border: none;
    margin: 0
}

.page-vip-download .form-main input::-webkit-input-placeholder {
    font-size: .14rem;
    color: #d6ced9
}

.page-vip-download .form-main input:-moz-placeholder,
.page-vip-download .form-main input::-moz-placeholder {
    font-size: .14rem;
    color: #d6ced9
}

.page-vip-download .form-main input:-ms-input-placeholder {
    font-size: .14rem;
    color: #d6ced9
}

.page-vip-download .form-handler {
    margin: .15rem 0
}

.page-vip-download .btn-submit {
    margin: 0 auto;
    display: block;
    width: 3.2rem;
    height: .44rem;
    line-height: .44rem;
    border: none
}

.page-vip-download .download-tips {
    margin-top: .2rem;
    text-align: center
}

.page-vip-download .download-tips a {
    font-size: .14rem;
    text-decoration: none
}

.vip-install-demo {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: .4rem;
    width: 100%;
    text-align: center
}

.vip-install-demo a {
    font-size: .14rem;
    text-decoration: none
}

.vip-download-dialog {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    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
}

.vip-download-dialog>.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.vip-download-dialog>.container {
    position: relative;
    width: 3.3rem;
    z-index: 1;
    background-color: #fff;
    border-radius: .1rem
}

.vip-download-dialog .header {
    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;
    border-bottom: .01rem solid rgba(0, 0, 0, .2)
}

.vip-download-dialog .header .title {
    margin-left: .15rem;
    font-size: .14rem;
    color: #5e5063
}

.vip-download-dialog .body {
    padding: .3rem 0
}

.vip-download-dialog .body .title {
    font-size: .14rem;
    color: #5e5063;
    text-align: center
}

.vip-download-dialog .body .link {
    margin: .35rem auto 0;
    display: block;
    width: 1.25rem;
    border-radius: .15rem
}

.vip-download-dialog .video-demo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}


.vip-download-dialog .video-demo .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

body {
    background-color: #f3f2f5
}

#page {
    position: relative
}
.yorkModelBesi {
    display: none !important;
}
.ModelDio {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1111;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
}
.ModelDioInFlex{
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.disPlayNone{
    display: block!important;
}
.ModelDioIn{
    width: 4rem;
    padding: 0 .3rem .3rem;
    color: #5e5063;
    margin:0 0.4rem;
    background-color: #ffffff;
}
.downTitle{
    font-size: .18rem;
    color: #666;
    text-align: center;
    height: .58rem;
    line-height: .58rem;
    position: relative;
    border-bottom: .01rem solid #eee;
}
.downTitle p{
    width:60px;
    position: absolute;
    top:0;
    right:0;
    text-align: right;
}
.downTitle p img{
    width: .20rem;
    margin-top: .18rem;
}
.dioDownErCode{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
    /* text-align: center; */
    padding: .15rem 0 0 0;
}
.dioDownErCode img{
    width: 1.6rem;
    height: 1.6rem;
}
.downDecs{
    margin-top: .1rem;
    font-size: .14rem;
    color: #333;
    text-align: center;
}
.dioDown{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: .1rem;
    /* text-align:center; */
}
.dioDown a{
    font-size: .14rem;
    color: #14DED1;
	
}
.dioDown a:nth-child(2){
    margin-left: 0.25rem;
}
.DioWWQ{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111111111111;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.7);
    padding:20px 20px 0 0;
    text-align: right;
    display: none;
}
.isShowWWQ{
    display: block;
}
.DioWWQ img{
    width:0.5rem;
}
.DioWWQ p{
    font-size: 20px;
    line-height: 26px;
    color: white;
    font-weight: bold;
}
h3{
    margin:30px 0 10px 0;
}
.imgLeft img{
    max-width: 90%;
    margin: .1rem 0!important;
}