@keyframes indexIcoAnimation{
    0%{
        bottom:5px
    }
    to{
        bottom:-5px
    }
}
@-webkit-keyframes indexIcoAnimation{
    0%{
        bottom:5px
    }
    to{
        bottom:-5px
    }
}
.page-header{
    background-color:#000;
    color:#fff;
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:1000;
    transition:top .3s linear
}
.page-header-hover,.page-header:hover{
    background-color:#fff;
    box-shadow:0 4px 4px 0 rgba(0,0,0,.08);
    color:#333
}
.page-header:hover .right-part{
    color:#333
}
.mobile-page-header .DivNone,.page-header .DivNone{
    display:none!important
}
.page-header-hide{
    top:-100px
}
.header-content{
    display:flex;
    height:64px;
    line-height:64px;
    width:1160px
}
.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0
}
.page-header .logo{
    margin:20px 0;
    width:96px;
    height:23px;
    cursor:pointer
}
.page-header .hover-img{
    display:none
}
.page-header .init-img,.page-header .left-part .menu-popover li .init-icon{
    display:inline-block
}
.page-header .right-part{
    display:flex;
    align-items:center;
    float:right;
    font-size:14px;
    color:#fff;
    margin-left:auto
}
.page-header .right-part a{
    color:#000
}
.page-header .right-part .tel{
    margin-right:20px
}
.page-header .left-part .menu-item-solutions .menu-popover .menu-popover-item-title:hover span,.page-header .left-part .menu-item:hover .menu-name,.page-header .left-part .menu-popover li.menu-popover-name:hover,.page-header .left-part .menu-popover li:hover a,.page-header .left-part .menu-popover li:hover a span,.page-header .left-part .menu-popover li:hover span.menu-popover-name,.page-header-hover .right-part a:hover,.page-header:hover .right-part a:hover{
    color:#0e57a2
}
.page-header .right-part .tel-icon{
    width:10px;
    height:12px;
    margin-right:8px;
    vertical-align:middle
}
.page-header .lang-split{
    font-size:16px;
    margin:0 6px
}
.page-header .left-part{
    margin-left:46px;
    font-size:0;
    line-height:0
}
.page-header .left-part .menu-item{
    position:relative;
    display:inline-block;
    width:80px;
    height:64px;
    line-height:64px;
    margin-right:24px;
    text-align:center;
    font-size:14px;
    cursor:pointer;
    color:#fff
}
.page-header .left-part .menu-item .menu-name{
    font-weight:600
}
.page-header .left-part .menu-item .nav-line{
    display:none;
    position:absolute;
    top:45px;
    left:30px;
    width:20px;
    height:4px;
    background:#fff;
    box-shadow:0 4px 4px 0 rgba(0,0,0,.08);
    margin:0 auto
}
.page-header .left-part .menu-item .menu-popover{
    position:absolute;
    cursor:default;
    top:50px;
    left:-25px;
    z-index:1;
    display:none;
    padding:18px 0 24px;
    background:#fff;
    border-radius:0 0 1px 1px;
    box-shadow:0 4px 4px 0 rgba(0,0,0,.1);
    line-height:24px;
    text-align:left
}
.page-header .left-part,.page-header .menu-popover .menu-popover-item{
    display:inline-block;
    vertical-align:top
}
.page-header .left-part .menu-item .menu-popover-open{
    display:block
}
.page-header .left-part .menu-popover li{
    padding:6px 34px;
    margin:0 5px
}
.page-header .left-part .menu-item .menu-popover a,.page-header .left-part .menu-item .menu-popover a span{
    height:24px;
    color:#333;
    line-height:24px;
    outline:0;
    word-break:keep-all;
    white-space:nowrap
}
.page-header .left-part .menu-popover a img{
    height:12px
}
.page-header .left-part .menu-item-columns .menu-popover{
    padding:24px 64px 34px
}
.page-header .left-part .menu-item-core .menu-popover{
    width:255px
}
.page-header .left-part .menu-name{
    cursor:pointer
}
.page-header .left-part .menu-item-products .menu-popover{
    width:680px;
    left:-42px
}
.page-header .left-part .menu-item-products .menu-popover-cn{
    width:940px;
    left:-42px
}
.page-header .left-part .menu-item-products .menu-popover-item-title{
    cursor:auto
}
.page-header .left-part .menu-item-industries .menu-popover{
    left:-16px
}
.page-header .left-part .menu-item-developers .menu-popover{
    left:-21px
}
.page-header .left-part .menu-item-solutions .menu-popover{
    width:850px;
    left:-54px
}
.page-header .menu-item-columns .menu-popover li{
    padding:6px 0;
    margin:0
}
.page-header .menu-item-columns .menu-popover li.menu-popover-item-category{
    padding:0;
    margin:26px 0 2px
}
.page-header .menu-item-columns .menu-popover .menu-popover-item-category:first-child{
    margin-top:16px
}
.page-header .left-part .menu-item-columns .menu-popover-line{
    width:126px;
    height:1px;
    margin:15px 0 10px;
    background:linear-gradient(to right,rgba(10,35,73,.3) 0,transparent 100%);
    filter:'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#CCCCCC", endColorStr="#FFFFFF", GradientType=1)'
}
.page-header .menu-item-columns .menu-popover-item-title{
    display:block
}
.page-header .menu-item-columns .menu-popover .menu-popover-item-title img{
    display:inline-block;
    vertical-align:top;
    margin-top:2px;
    height:18px;
    width:18px
}
.page-header .menu-item-columns .menu-popover-item-title span{
    height:22px;
    font-size:16px;
    font-weight:600;
    color:#333;
    line-height:22px
}
.page-header .menu-item-columns .menu-popover-item{
    margin-right:70px
}
.page-header .menu-item-products .menu-popover-item:last-child,.page-header .menu-item-solutions .menu-popover-item:nth-last-child(2){
    margin-right:0
}
.page-header .menu-item-columns .menu-popover-item .menu-popover-item-category{
    height:17px;
    font-size:12px;
    font-weight:400;
    color:#afb1b7;
    line-height:17px
}
.page-header .menu-item-solutions .menu-popover-all{
    text-align:center;
    margin-top:20px
}
.page-header .left-part .menu-item-solutions .menu-popover .menu-popover-all a{
    font-weight:700;
    color:#0e57a2
}
.page-header .left-part .menu-item-solutions .new-icon{
    height:14px;
    vertical-align:top;
    margin-top:5px
}
.page-header .left-part .menu-item-products .new-icon{
    height:14px;
    vertical-align:top;
    margin-top:3px
}
.page-header .menu-item-industries .menu-popover-item .new-icon{
    height:14px;
    vertical-align:top;
    margin-top:3px;
    margin-left:5px
}
.page-header .left-part .menu-popover li .hover-icon{
    display:none
}
.page-header .left-part .menu-item-solutions .menu-popover-all:hover,.page-header .left-part .menu-popover li:hover{
    transition:all .5s ease 0s;
    transform:translate(0,-2px)
}
.page-header .left-part .menu-popover li.menu-popover-item-category:hover{
    transition:none;
    transform:none
}
.page-header .menu-popover li:hover .hover-icon{
    display:inline-block
}
.page-header .menu-popover li:hover .init-icon{
    display:none
}
.page-header .left-part .menu-item.active .menu-name{
    font-weight:700
}
.page-header .left-part .menu-item.active .nav-line{
    display:block
}
.page-header-hover .menu-item,.page-header-hover .right-part a,.page-header:hover .menu-item,.page-header:hover .right-part a{
    color:#333
}
.page-header-hover .nav-line,.page-header:hover .nav-line{
    background:#0e57a2
}
.mobile-page-header,.page-header-hover .init-img,.page-header:hover .init-img{
    display:none
}
.page-header-hover .hover-img,.page-header:hover .hover-img{
    display:inline-block
}
.page-header-hover .menu-item.active .menu-name,.page-header:hover .menu-item.active .menu-name{
    color:#0e57a2
}
@media screen and (max-width:767px){
    .active{
        color:#0e57a2
    }
    .color-333{
        color:#333;
        font-weight:700
    }
    .color-666{
        color:#666
    }
    .mobile-page-header.mobile-page-header-active .top .init-img,.mobile-page-header.mobile-page-header-hover .top .init-img,.mobile-page-header.show .top .init-img,.mobile-page-header.show .top .right .expand,.page-header{
        display:none
    }
    .mobile-page-header,.mobile-page-header .top{
        display:flex;
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:1000
    }
    .mobile-page-header.mobile-page-header-active .top,.mobile-page-header.mobile-page-header-hover .top,.mobile-page-header.show .top{
        background-color:#fff;
        box-shadow:0 .04rem .06rem 0 rgba(0,0,0,.04)
    }
    .mobile-page-header.mobile-page-header-active .top .hover-img,.mobile-page-header.mobile-page-header-hover .top .hover-img,.mobile-page-header.show .top .hover-img,.mobile-page-header.show .top .right .close{
        display:block
    }
    .mobile-page-header.show .mobile-header-popover-container{
        pointer-events:initial
    }
    .mobile-page-header .top{
        width:100vw;
        height:.48rem;
        padding:0 .24rem;
        justify-content:space-between;
        align-items:center;
        z-index:1005;
        background:0 0;
        transition:all .3s ease
    }
    .mobile-page-header .top .hover-img{
        display:none
    }
    .mobile-page-header .top .left{
        display:flex;
        align-items:center;
        height:.24rem
    }
    .mobile-page-header .top .left .logo{
        width:1rem;
        height:.24rem;
        -o-object-fit:contain;
        object-fit:contain
    }
    .mobile-page-header .top .left img{
        height:.2rem
    }
    .mobile-page-header .top .right{
        height:.24rem
    }
    .mobile-page-header .top .right .close,.mobile-page-header .top .right .expand{
        width:.24rem;
        height:.24rem;
        -o-object-fit:contain;
        object-fit:contain
    }
    .mobile-page-header .top .right .close{
        display:none
    }
    .mobile-page-header .top .right span{
        display:block;
        width:18px;
        height:2px;
        margin-bottom:3px;
        background-color:#0e57a2;
        transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s;
        left:0;
        transform-origin:16px;
        border-radius:3px;
        opacity:1
    }
    .mobile-page-header .top .right span:nth-of-type(2){
        transition:width .5s ease
    }
    .first-rotate{
        transform:rotate(-45deg)
    }
    .mobile-page-header .top .right span.mid-width{
        width:0;
        opacity:0
    }
    .last-rotate{
        transform:rotate(45deg)
    }
    .mobile-menu-close-button{
        display:none
    }
    .header-show{
        z-index:1000!important
    }
    .header-show .mobile-header-popover-container-inner{
        opacity:1!important;
        transform:translate(0,0)!important
    }
    .mobile-page-header .mobile-header-popover-container{
        position:absolute;
        top:.48rem;
        left:0;
        right:0;
        bottom:0;
        z-index:-1;
        height:calc(100vh - .48rem);
        font-size:.12rem;
        overflow:hidden;
        pointer-events:none
    }
    .mobile-page-header .mobile-header-popover-container .mobile-header-popover-container-inner{
        width:100%;
        height:100%;
        opacity:0;
        font-size:.12rem;
        background:#eee;
        transform:translate(0,-100%);
        transition:all .5s ease
    }
    .mobile-page-header .mobile-header-popover-container .mobile-header-popover{
        height:calc(100vh - 1.04rem);
        overflow-y:scroll;
        background:#fff
    }
    .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-wrapper{
        padding:0 24px
    }
    .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item{
        display:flex;
        height:.56rem;
        justify-content:space-between;
        align-items:center;
        font-size:.14rem;
        border-bottom:1px solid rgba(140,140,140,.19)
    }
    .header-menu-active{
        transform:translateY(30px);
        opacity:1!important;
        height:initial!important;
        z-index:1001!important
    }
    .mobile-header-menu-children-container,.mobile-sub-item-container{
        z-index:-1;
        transition:all .5s ease;
        position:relative;
        top:-30px;
        opacity:0;
        height:0
    }
    .mobile-header-menu-children-container{
        background:#f9f9f9;
        width:100vw;
        padding:0 .24rem 0 .4rem;
        transition-property:transform,height,opacity
    }
    .mobile-sub-item-container{
        overflow:hidden
    }
    .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-active{
        background:#ecf2f8;
        border:0;
        z-index:1002
    }
    .mobile-header-menu-item-active .color-333{
        color:#0e57a2
    }
    .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-active>.mobile-header-menu-item{
        border:0
    }
    .mobile-header-menu-children-container .mobile-header-menu-item:last-of-type{
        border:0!important
    }
    .sticky{
        position:-webkit-sticky;
        position:sticky;
        top:0
    }
    .mobile-header-icon{
        transition:transform .5s;
        transform:rotate(0deg)
    }
    .mobile-header-icon-active{
        transform:rotate(180deg)
    }
    .mobile-header-contact-us{
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        height:0;
        background:linear-gradient(180deg,#fafcfe 0,#f4f7fb 100%);
        border-radius:0 0 0 2px;
        padding:0 .6rem 0 .24rem;
        align-items:center;
        font-size:.14rem;
        color:#333;
        font-family:PingFangSC-Regular,PingFang SC;
        transition:all .5s ease;
        z-index:1100;
        display:flex;
        justify-content:space-between
    }
    .mobile-header-contact-us a{
        color:#333
    }
    .mobile-header-contact-us-show{
        height:.56rem
    }
    .mobile-header-contact-us i{
        font-size:.12rem
    }
    .mobile-header-contact-us .close{
        position:absolute;
        left:calc(50% - .06rem);
        top:calc(50% - .08rem)
    }
    .menu-popover-item-category{
        display:none!important
    }
    .mobile-fixed-top{
        position:fixed!important;
        top:0;
        left:0;
        right:0
    }
    .mobile-sub-title{
        display:flex;
        justify-content:space-between
    }
    .mobile-header-menu-children-container .init-icon{
        display:inline-block;
        width:.47rem;
        margin-right:.05rem
    }
}
.page-header-new{
    position:absolute;
    top:0;
    left:0;
    min-width:1240px;
    height:68px;
    box-shadow:none;
    background:0 0;
    background:#fff;
    box-shadow:0 0 7px 0 rgba(164,164,166,.1)
}
.page-header-new .page-content{
    display:flex;
    padding:0 60px;
    width:100%;
    height:100%;
    max-width:none;
    line-height:68px
}
.page-header-new .page-content>img{
    width:102px;
    height:44px;
    margin-top:7px;
}
.page-header-new .page-content .left-part{
    margin-left:32px
}
.page-header-new .page-content .left-part .menu-item{
    margin-right:0px;
    padding:24px 32px;
    width:auto;
    height:68px;
    line-height:20px
}
.page-header-new .page-content .left-part .menu-item .menu-name{
    color: #000;
    font-size:18px;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.page-header-new .page-content .left-part .menu-item .nav-line{
    display:none
}
.page-header-new .page-content .left-part .menu-item .menu-popover{
    top:54px;
    left:-7px
}
.page-header-new .page-content .left-part .menu-item.menu-item-columns .menu-popover{
    left:-32px
}
.page-header-new .page-content .right-part{
    padding:24px 0;
    line-height:20px
}
.page-header-new .page-content .right-part>img{
    margin-right:6px;
    width:16px;
    height:16px
}
.page-header-new .page-content .right-part .tel{
    margin-right:24px
}
.page-header-new .page-content .right-part .nav-lang,.page-header-new .page-content .right-part .tel{
    color:#fff;
    font-size:14px;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.page-header-new.page-header-new-fixed,.page-header-new.page-header-new-hover,.page-header-new:hover{
    background:#fff;
    box-shadow:0 0 7px 0 rgba(164,164,166,.1)
}
.page-header-new.page-header-new-fixed .hover-img,.page-header-new.page-header-new-hover .hover-img,.page-header-new:hover .hover-img{
    display:inline-block
}
.page-header-new.page-header-new-fixed .page-content .left-part .menu-item .menu-name,.page-header-new.page-header-new-fixed .page-content .right-part .lang-split,.page-header-new.page-header-new-fixed .page-content .right-part .nav-lang,.page-header-new.page-header-new-fixed .page-content .right-part .nav-lang a,.page-header-new.page-header-new-fixed .page-content .right-part .tel,.page-header-new.page-header-new-hover .page-content .left-part .menu-item .menu-name,.page-header-new.page-header-new-hover .page-content .right-part .lang-split,.page-header-new.page-header-new-hover .page-content .right-part .nav-lang,.page-header-new.page-header-new-hover .page-content .right-part .nav-lang a,.page-header-new.page-header-new-hover .page-content .right-part .tel,.page-header-new:hover .page-content .left-part .menu-item .menu-name,.page-header-new:hover .page-content .right-part .lang-split,.page-header-new:hover .page-content .right-part .nav-lang,.page-header-new:hover .page-content .right-part .nav-lang a,.page-header-new:hover .page-content .right-part .tel{
    color:#000
}
.page-header-new.page-header-new-fixed .init-img,.page-header-new.page-header-new-hover .init-img{
    display:none
}
.page-header-new.page-header-new-fixed{
    /* position:fixed; */
    top:0;
    left:0;
    transform:translate(0,-68px);
    transition:.5s transform ease
}
.page-header-new.page-header-new-fixed.show{
    transform:translate(0,0)
}
@font-face{
    font-family:"Roboto-Medium";
    src:url(../../font/Roboto-Medium.b2d307df.ttf)
}
.page-footer{
    background:#f9f9f9
}
.page-footer .qr-code{
    display:flex;
    flex-direction:column;
    font-size:14px;
    border-bottom:1px solid #d0d0d07d
}
.page-footer .qr-code .qr-code-close,.page-footer .qr-code .qr-code-open{
    align-items:center;
    position:relative;
    align-self:center;
    cursor:pointer;
    margin-bottom:4px
}
.page-footer .qr-code .qr-code-open{
    display:flex
}
.page-footer .qr-code .qr-code-open .text{
    line-height:22px;
    color:#666
}
.page-footer .qr-code .qr-code-open .open-icon{
    width:24px;
    height:24px;
    position:absolute;
    left:calc(100% + 5px);
    bottom:0;
    background:url(../../img/qr_code/open.95397ed4.png) center no-repeat;
    -webkiit-background-size:12px 12px!important;
    background-size:12px 12px!important;
    -webkit-animation:indexIcoAnimation .7s linear infinite;
    animation:indexIcoAnimation .7s linear infinite
}
.page-footer .qr-code .qr-code-close{
    display:none
}
.page-footer .qr-code .qr-code-close .text{
    line-height:22px;
    color:#0e57a2
}
.page-footer .qr-code .qr-code-close .close-icon{
    width:24px;
    height:24px;
    position:absolute;
    left:calc(100% + 5px);
    bottom:0;
    background:url(../../img/qr_code/close.6f99d0fe.png) center no-repeat;
    background-size:12px 12px!important;
    -webkiit-background-size:12px 12px!important;
    -webkit-animation:indexIcoAnimation .7s linear infinite;
    animation:indexIcoAnimation .7s linear infinite
}
.page-footer .qr-code .qr-code-area{
    display:none
}
.page-footer .qr-code .qr-code-area .triangle{
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #f2f2f2;
    margin:0 auto
}
.page-footer .qr-code .qr-code-area .content{
    background-color:#f2f2f2;
    padding:40px 0 24px
}
.page-footer .qr-code .qr-code-area .content .ul-content{
    display:flex;
    justify-content:center
}
.page-footer .qr-code .qr-code-area .content .ul-content .qr-code-item{
    color:#666;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer
}
.page-footer .qr-code .qr-code-area .content .ul-content .qr-code-item .img{
    width:80px;
    transition:all .6s;
    margin-bottom:5px
}
.page-footer .qr-code .qr-code-area .content .ul-content .qr-code-item .img:hover{
    transform:scale(1.5);
    box-shadow:0 0 10px 0 #99999933
}
.page-footer .qr-code .qr-code-area .content .ul-content .qr-code-item:not(:last-child){
    margin-right:44px
}
.page-footer .qr-code .qr-code-area .content .ul-content .twitter{
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#666;
    cursor:pointer;
    position:relative
}
.page-footer .qr-code .qr-code-area .content .ul-content .twitter .twitter-image{
    position:absolute;
    width:32px;
    height:32px;
    background-image:url(../../img/qr_code/Twitter_402x.774dc1ae.png);
    background-size:cover;
    margin-bottom:5px
}
.page-footer .qr-code .qr-code-area .content .ul-content .facebook span,.page-footer .qr-code .qr-code-area .content .ul-content .linkedin span,.page-footer .qr-code .qr-code-area .content .ul-content .twitter span{
    position:absolute;
    bottom:-55px
}
.page-footer .qr-code .qr-code-area .content .ul-content .twitter:hover{
    color:#1758a3
}
.page-footer .qr-code .qr-code-area .content .ul-content .twitter:hover .twitter-image{
    width:38px;
    height:38px;
    background-image:url(../../img/qr_code/TwitterHover_402x.bc562dc6.png)
}
.page-footer .qr-code .qr-code-area .content .ul-content .linkedin{
    margin:0 115px
}
.page-footer .qr-code .qr-code-area .content .ul-content .linkedin .linkedin-image{
    position:absolute;
    width:32px;
    height:32px;
    background-image:url(../../img/qr_code/Linkedin_402x.9d4e7f42.png);
    background-size:cover;
    margin-bottom:5px
}
.page-footer .qr-code .qr-code-area .content .ul-content .linkedin:hover{
    color:#1758a3
}
.page-footer .qr-code .qr-code-area .content .ul-content .linkedin:hover .linkedin-image{
    width:38px;
    height:38px;
    background-image:url(../../img/qr_code/LinkedinHover_402x.fb76f2d4.png)
}
.page-footer .qr-code .qr-code-area .content .ul-content .facebook,.page-footer .qr-code .qr-code-area .content .ul-content .linkedin{
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#666;
    cursor:pointer;
    position:relative
}
.page-footer .qr-code .qr-code-area .content .ul-content .facebook .facebook-image{
    position:absolute;
    width:32px;
    height:32px;
    background-image:url(../../img/qr_code/Facebook_402x.42534c03.png);
    background-size:cover;
    margin-bottom:5px
}
.page-footer .qr-code .qr-code-area .content .ul-content .facebook:hover{
    color:#1758a3
}
.page-footer .qr-code .qr-code-area .content .ul-content .facebook:hover .facebook-image{
    width:38px;
    height:38px;
    background-image:url(../../img/qr_code/FacebookHover_402x.896c301b.png)
}
.page-footer .icp{
    max-width:1160px;
    margin:0 auto;
    padding-top:12px;
    color:#666;
    text-align:center
}
.page-footer .icp .copyright{
    padding-right:8px;
    margin-right:6px
}
.page-footer .icp,.page-footer .icp a{
    line-height:30px;
    font-size:12px
}
.page-footer .icp a:hover{
    text-decoration:underline
}
.page-footer .page-content{
    padding:65px 0 64px;
    display:flex;
    justify-content:space-around
}
.page-footer .left-part{
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    padding-right:50px
}
.page-footer .left-part .logo{
    height:35px;
    margin-bottom:22px
}
.page-footer .left-part .addr{
    font-size:14px;
    color:#666;
    line-height:20px;
    margin-bottom:16px
}
.page-footer .left-part .links a:nth-child(1),.page-footer .left-part .links a:nth-child(2){
    margin-right:10px;
    padding-right:10px
}
.page-footer .left-part .download{
    display:block
}
.page-footer .left-part .download:first-child{
    margin-bottom:16px
}
.page-footer a{
    font-size:14px;
    color:#666!important;
    line-height:20px
}
.page-footer a:hover{
    color:#0e57a2!important
}
.page-footer .right-part{
    display:flex
}
.page-footer .right-part .item{
    margin-right:150px
}
.page-footer .right-part .noMargin{
    margin-right:0
}
.mobile-left-part,.mobile-social-contact,.page-footer .right-part .None{
    display:none
}
.page-footer .right-part .item:last-child{
    margin-right:0;
    display:flex;
    flex-direction:column;
    align-content:stretch
}
.page-footer .right-part .item .title{
    font-size:18px;
    font-weight:600;
    color:#333;
    line-height:28px;
    margin-bottom:28px
}
.page-footer .right-part .item .content{
    font-size:14px;
    color:#666;
    line-height:20px
}
.page-footer .right-part .item .content .label{
    font-weight:500
}
.page-footer .right-part .item .detail{
    margin-bottom:16px
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail .new-footer-links-item-wrapper .new-footer-links-item:last-child,.page-footer .right-part .item .detail:last-child{
    margin-bottom:0
}
.page-footer .right-part .contact-us .label{
    width:auto;
    display:inline-block
}
.page-footer .right-part .contact-us .detail:first-child{
    color:#0e57a2
}
.page-footer .right-part .join-us-container{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%
}
.page-footer .right-part .social-contact{
    display:flex;
    justify-content:space-between
}
.page-footer .right-part .social-contact div{
    width:20px;
    height:16px;
    background-repeat:no-repeat;
    background-image:url(../../img/common/footer-social.8c8493df.png);
    background-size:377%;
    cursor:pointer
}
.page-footer .right-part .social-contact div:hover{
    background-position-y:-16px
}
.page-footer .right-part .social-contact .wechat{
    background-position:-20px 0;
    position:relative
}
.page-footer .right-part .social-contact .wechat:hover:before{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    top:-100px;
    background-image:url(../../img/common/wechat-qrcode.1ce79036.png);
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    left:-40px
}
.page-footer .right-part .links-content .detail .popup::before,.page-footer .right-part .social-contact .wechat:hover:after{
    content:"";
    position:absolute;
    top:-10px;
    width:0;
    height:0;
    border-style:solid;
    border-width:7px 5px 0;
    border-color:rgba(14,87,162,.08) transparent transparent
}
.page-footer .right-part .links-content .detail{
    position:relative
}
.page-footer .right-part .links-content .detail .label{
    position:relative;
    display:inline-block
}
@media screen and (min-width:768px){
    .page-footer .right-part .links-content .detail .label:hover .popup{
        display:block
    }
    .page-footer .mobile-copyright-container{
        display:none
    }
}
.page-footer .right-part .links-content .detail .popup{
    position:absolute;
    padding:4px 12px;
    background-color:rgba(114,132,150,.08);
    color:#0e57a2;
    font-size:14px;
    line-height:20px;
    left:70px;
    margin-left:8px;
    top:-4px;
    white-space:wrap;
    min-width:130px
}
.page-footer .right-part .links-content .detail .popup::before{
    left:-5px;
    top:10px;
    border-width:4px 5px 4px 0;
    border-color:transparent rgba(14,87,162,.08) transparent transparent
}
.page-footer .icon{
    width:13px;
    height:13px;
    display:inline-block;
    margin-left:8px;
    background-repeat:no-repeat;
    background-image:url(../../img/common/footer-social.8c8493df.png);
    background-size:470%;
    position:relative;
    top:1px
}
.page-footer .icon.icon-download{
    background-position:-33px 0
}
.page-footer .left-part .download:hover .icon.icon-download,.page-footer .right-part .detail a:hover .icon.icon-finger{
    background-position-y:-13px
}
.page-footer .icon.icon-finger{
    background-position:-46px 0;
    width:15px;
    background-size:405%
}
@media screen and (max-width:767px){
    .page-footer{
        width:100vw;
        background:#f9f9f9
    }
    .page-footer .right-part .join-us-container{
        display:flex;
        flex-direction:column;
        justify-content:initial;
        height:100%
    }
    .page-footer .page-content{
        display:flex;
        flex-direction:column;
        margin:0;
        padding:.45rem 0 0 .3rem
    }
    .page-footer .page-content .mobile-left-part .logo{
        width:1.2rem
    }
    .page-footer .page-content .left-part,.page-footer .pc-copyright-container,.page-footer .qr-code{
        display:none
    }
    .page-footer .page-content .mobile-left-part{
        display:block
    }
    .page-footer .right-part .item .detail{
        margin-bottom:.08rem;
        line-height:.2rem
    }
    .page-footer .right-part .contact-us .label{
        font-size:.12rem;
        font-weight:400;
        width:initial
    }
    .page-footer .right-part .item .content .detail .value{
        font-size:.12rem;
        font-weight:400
    }
    .page-footer a{
        font-size:.12rem;
        line-height:.17rem;
        color:#666
    }
    .page-footer .mobile-copyright-container{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
    .page-footer .mobile-copyright-container a,.page-footer .mobile-copyright-container span{
        font-size:.1rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:#666;
        line-height:.16rem
    }
    .mobile-copyright-container .mobile-bottom{
        width:initial!important;
        margin:.06rem auto 0
    }
    .page-footer .links a{
        text-decoration:underline
    }
    .page-footer .page-content .right-part{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        padding-right:.6rem
    }
    .page-footer .page-content .right-part .title{
        padding:.32rem 0 .12rem;
        line-height:.2rem;
        font-size:.14rem;
        color:#333;
        font-family:PingFangSC-Medium,PingFang SC;
        font-weight:700;
        margin:0
    }
    .page-footer .icp{
        box-sizing:border-box;
        width:calc(100vw - 36px);
        margin:.24rem 18px 0;
        text-align:left;
        padding:0 12px;
        height:initial;
        border-top:1px solid rgba(208,208,208,.5)
    }
    .page-footer .icp .addr{
        display:flex;
        line-height:.17rem;
        margin-bottom:.1rem
    }
    .social-contact{
        display:none!important
    }
    .mobile-social-contact{
        display:block;
        padding-top:.19rem
    }
    .mobile-social-contact i{
        display:inline-block;
        width:.26rem;
        height:.26rem;
        text-align:center;
        line-height:.26rem;
        border-radius:50%;
        font-size:.18rem;
        margin-right:.24rem;
        border:1px solid #999
    }
    .mobile-social-logo{
        margin-bottom:.13rem
    }
    .mobile-copyright-container{
        padding:.3rem 0 .16rem
    }
    .mobile-copyright{
        font-size:.08rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:#666;
        line-height:.11rem;
        white-space:nowrap;
        margin:0 auto;
        text-align:center
    }
    .page-footer .right-part .item{
        margin:0;
        min-width:1rem
    }
    .mobile-wechat{
        background-position:-20px 0;
        position:relative
    }
    .mobile-wechat:hover:before{
        content:"";
        position:absolute;
        width:90px;
        height:90px;
        top:-100px;
        background-image:url(../../img/common/wechat-qrcode.1ce79036.png);
        background-position:center;
        background-size:contain;
        background-repeat:no-repeat;
        left:-40px
    }
    .mobile-wechat:hover:after{
        content:"";
        position:absolute;
        top:-10px;
        left:0;
        width:0;
        height:0;
        border-style:solid;
        border-width:7px 5px 0;
        border-color:rgba(14,87,162,.08) transparent transparent
    }
    .page-footer .right-part .item.pc-hide{
        margin-top:.32rem
    }
    .page-footer .download i{
        font-size:.1rem;
        margin-left:.08rem
    }
}
.new-footer .new-footer-main{
    display:flex;
    justify-content:space-between;
    padding:.260417rem .15625rem;
    background:#121416
}
.new-footer .new-footer-main .new-footer-left>img{
    margin-bottom:.072917rem;
    width:.354167rem;
    height:.083333rem;
    -o-object-fit:cover;
    object-fit:cover
}
.new-footer .new-footer-main .new-footer-left .new-footer-addr{
    line-height:.044271rem;
    color:#fff;
    font-size:.03125rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.new-footer .new-footer-main .new-footer-left .new-footer-addr>div{
    margin-bottom:.015625rem
}
.new-footer .new-footer-main .new-footer-left .new-footer-addr>div:last-child{
    margin-bottom:.10416rem
}
.new-footer .new-footer-main .new-footer-left .new-footer-code{
    display:flex
}
.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item{
    position:relative;
    margin-right:.0625rem;
    border-radius:50%;
    width:.083333rem;
    height:.083333rem;
    background:#ffffff26
}
.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item:hover{
    background:#fff
}
.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item:hover .code-item-img{
    display:none
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail .new-footer-links-item:hover .links-item-popover,.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item:hover .code-item-code,.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item:hover .code-item-imghover,.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item:hover::before{
    display:block
}
.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item::before{
    display:none;
    content:"";
    position:absolute;
    top:.098958rem;
    left:.03125rem;
    border:1px solid #fff;
    border-width:0 .010417rem .015625rem;
    border-color:transparent transparent #fff
}
.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item .code-item-img{
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item .code-item-imghover{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:none
}
.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item .code-item-code,.new-footer-mobile{
    display:none
}
.new-footer .new-footer-main .new-footer-left .new-footer-code .new-footer-code-item .code-item-code{
    position:absolute;
    top:.114583rem;
    left:0;
    width:.234375rem;
    height:.234375rem
}
.new-footer .new-footer-main .new-footer-center .new-footer-contactus{
    display:flex;
    align-items:center;
    margin-bottom:.145833rem
}
.new-footer .new-footer-main .new-footer-center .new-footer-contactus .new-footer-contactus-item{
    line-height:.052083rem;
    color:#fff;
    font-size:.036458rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.new-footer .new-footer-main .new-footer-center .new-footer-contactus .new-footer-contactus-item:hover,.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail .new-footer-links-item:hover{
    font-weight:400;
    font-family:PingFangSC-Regular,PingFang SC;
    text-decoration:underline
}
.new-footer .new-footer-main .new-footer-center .new-footer-contactus .new-footer-contactus-split{
    margin:0 .0625rem;
    width:.010417rem;
    height:.010417rem;
    background:#fff;
    opacity:.5
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-title{
    margin-bottom:.0625rem;
    line-height:.052083rem;
    color:#ffffff99;
    font-size:.036458rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail{
    display:flex;
    width:.931458rem
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail .new-footer-links-item-wrapper{
    margin-right:.130208rem
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail .new-footer-links-item{
    position:relative;
    margin-bottom:.03125rem;
    line-height:.052083rem;
    color:#fff;
    font-size:.036458rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail .new-footer-links-item .links-item-popover{
    display:none;
    position:absolute;
    top:.078125rem;
    left:0;
    z-index:1;
    padding:.015625rem .020833rem;
    border:1px solid rgba(255,255,255,.4);
    background:#262626;
    line-height:.044271rem;
    color:#fff;
    font-size:.03125rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC;
    white-space:nowrap
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail .new-footer-links-item .links-item-popover .links-item-popover-arrow{
    position:absolute;
    top:-.018229rem;
    left:.026042rem;
    z-index:2;
    border:.015625rem solid transparent;
    border-width:.015625rem .010417rem;
    border-top-width:0;
    border-bottom-color:rgba(255,255,255,.4)
}
.new-footer .new-footer-main .new-footer-center .new-footer-links .new-footer-links-detail .new-footer-links-item .links-item-popover .links-item-popover-arrow::after{
    content:"";
    position:absolute;
    top:.005208rem;
    left:-.007813rem;
    z-index:3;
    border:.015625rem solid transparent;
    border-width:.015625rem .007813rem;
    border-top-width:0;
    border-bottom-color:#262626
}
.new-footer .new-footer-main .new-footer-right .new-footer-support{
    margin-bottom:.171875rem
}
.new-footer .new-footer-main .new-footer-right .new-footer-support:last-child{
    margin-bottom:0
}
.new-footer .new-footer-main .new-footer-right .new-footer-support .new-footer-support-header{
    display:flex;
    align-items:center;
    margin-bottom:.041667rem
}
.new-footer .new-footer-main .new-footer-right .new-footer-support .new-footer-support-title{
    margin-right:.010417rem;
    line-height:.052083rem;
    color:#ffffff99;
    font-size:.036458rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.new-footer .new-footer-main .new-footer-right .new-footer-support .new-footer-support-item{
    line-height:.052083rem;
    color:#fff;
    font-size:.072917rem;
    font-weight:500;
    font-family:Roboto-Medium,Roboto
}
.new-footer .new-footer-main .new-footer-right .new-footer-support .new-footer-support-content{
    display:flex
}
.new-footer .new-footer-main .new-footer-right .new-footer-support .new-footer-support-content div{
    margin-right:.041667rem;
    height:.044271rem;
    line-height:.044271rem;
    color:#ffffff99;
    font-size:.03125rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.new-footer .new-footer-main .new-footer-right .new-footer-support .new-footer-support-content div:last-child{
    margin-right:0
}
.new-footer .new-footer-copyright{
    margin:0 auto;
    padding:.052083rem 0;
    background:#1b1e21
}
.new-footer .new-footer-copyright>:nth-child(1){
    margin-bottom:.026042rem;
    line-height:.044271rem;
    text-align:center;
    color:#ffffff99;
    font-size:.03125rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
.new-footer .new-footer-copyright>:nth-child(1) a{
    color:#ffffff99
}
.new-footer .new-footer-copyright>:nth-child(1) a:hover,.new-footer .new-footer-copyright>:nth-child(2):hover span{
    color:#fff;
    text-decoration:underline
}
.new-footer .new-footer-copyright>:nth-child(2){
    text-align:center
}
.new-footer .new-footer-copyright>:nth-child(2) a{
    display:inline-flex;
    justify-content:center;
    align-items:center
}
.new-footer .new-footer-copyright>:nth-child(2) img{
    margin-right:.026042rem;
    width:.041667rem;
    height:.044271rem
}
.new-footer .new-footer-copyright>:nth-child(2) span{
    line-height:.044271rem;
    color:#ffffff99;
    font-size:.03125rem;
    font-weight:300;
    font-family:PingFangSC-Light,PingFang SC
}
@media screen and (max-width:767px){
    .new-footer{
        display:none
    }
    .new-footer-mobile{
        display:block;
        background:#121416
    }
    .new-footer-mobile .new-footer-main{
        padding:.48rem .24rem 0
    }
    .new-footer-mobile .new-footer-split{
        margin:.24rem 0;
        width:100%;
        height:1px;
        background-color:#ffffff26
    }
    .new-footer-mobile .new-footer-logo{
        width:1rem;
        height:.24rem
    }
    .new-footer-mobile .new-footer-logo img{
        width:100%;
        height:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
    .new-footer-mobile .new-footer-support-wrapper{
        display:flex;
        justify-content:space-between;
        margin-bottom:.4rem
    }
    .new-footer-mobile .new-footer-support .new-footer-support-title{
        margin-bottom:.08rem;
        line-height:.17rem;
        color:#ffffff99;
        font-size:.12rem;
        font-weight:200;
        font-family:PingFangSC-Light
    }
    .new-footer-mobile .new-footer-support .new-footer-support-detail{
        margin-bottom:.06rem;
        line-height:.25rem;
        color:#fff;
        font-size:.18rem;
        font-weight:500;
        font-family:PingFangSC-Medium
    }
    .new-footer-mobile .new-footer-support .new-footer-support-content div{
        margin-bottom:.04rem;
        height:.14rem;
        line-height:.14rem;
        font-size:.1rem;
        font-family:PingFangSC-Light,PingFang SC;
        font-weight:300;
        color:#ffffff99
    }
    .new-footer-mobile .new-footer-support .new-footer-support-content div:last-child{
        margin-bottom:0
    }
    .new-footer-mobile .new-footer-contactus{
        display:flex;
        align-items:center;
        margin-bottom:.4rem;
        margin-right:-.24rem
    }
    .new-footer-mobile .new-footer-contactus .new-footer-contactus-item{
        line-height:.2rem;
        text-align:center;
        color:#fff;
        font-size:.14rem;
        font-weight:400;
        font-family:PingFangSC-Regular;
        white-space:nowrap
    }
    .new-footer-mobile .new-footer-contactus .new-footer-contactus-split{
        margin:0 .15rem;
        width:.04rem;
        height:.04rem;
        background:#ffffff7f
    }
    .new-footer-mobile .new-footer-links{
        margin-right:-.24rem;
        margin-bottom:.32rem
    }
    .new-footer-mobile .new-footer-links .new-footer-links-title{
        margin-bottom:.08rem;
        line-height:.17rem;
        color:#ffffff99;
        font-size:.12rem;
        font-weight:200;
        font-family:PingFangSC-Light
    }
    .new-footer-mobile .new-footer-links .new-footer-links-detail{
        display:flex
    }
    .new-footer-mobile .new-footer-links .new-footer-links-detail .new-footer-links-item-wrapper{
        margin-right:.5rem
    }
    .new-footer-mobile .new-footer-icons .new-footer-code .new-footer-code-item:last-child,.new-footer-mobile .new-footer-links .new-footer-links-detail .new-footer-links-item-wrapper:last-child,.new-footer-mobile .new-footer-links .new-footer-links-detail .new-footer-links-item:last-child{
        margin-right:0
    }
    .new-footer-mobile .new-footer-links .new-footer-links-detail .new-footer-links-item{
        margin-bottom:.08rem;
        line-height:.17rem;
        color:#fff;
        font-size:.12rem;
        font-weight:200;
        font-family:PingFangSC-Light;
        white-space:nowrap
    }
    .new-footer-mobile .new-footer-icons{
        margin-top:.32rem;
        padding-bottom:.4rem
    }
    .new-footer-mobile .new-footer-icons .new-footer-code{
        display:flex;
        justify-content:center
    }
    .new-footer-mobile .new-footer-icons .new-footer-code .new-footer-code-item{
        position:relative;
        margin-right:.4rem;
        width:.32rem;
        height:.32rem
    }
    .new-footer-mobile .new-footer-icons .new-footer-code .new-footer-code-item::after{
        display:none;
        content:"";
        position:absolute;
        top:-.14rem;
        left:.13rem;
        border:.06rem solid #fff;
        border-width:.06rem .04rem 0;
        border-color:#fff transparent transparent
    }
    .new-footer-mobile .new-footer-icons .new-footer-code .new-footer-code-item.active::after{
        display:block
    }
    .new-footer-mobile .new-footer-icons .new-footer-code .code-item-img,.new-footer-mobile .new-footer-icons .new-footer-code .code-item-imghover{
        width:.32rem;
        height:.32rem
    }
    .new-footer-mobile .new-footer-icons .new-footer-code .code-item-imghover{
        display:none
    }
    .new-footer-mobile .new-footer-icons .new-footer-code .code-item-code{
        position:absolute;
        display:none;
        top:-1.14rem;
        left:-.36rem;
        width:1rem;
        height:1rem
    }
    .new-footer-mobile .new-footer-copyright{
        padding:.32rem 0;
        background:#1b1e21
    }
    .new-footer-mobile .new-footer-copyright .new-footer-addr{
        margin-bottom:.16rem;
        line-height:.17rem;
        text-align:center;
        color:#ffffff99;
        font-size:.12rem;
        font-weight:200;
        font-family:PingFangSC-Light
    }
    .new-footer-mobile .new-footer-copyright .new-footer-copyright-info{
        margin-bottom:.06rem
    }
    .new-footer-mobile .new-footer-copyright .new-footer-copyright-info a,.new-footer-mobile .new-footer-copyright .new-footer-copyright-info span{
        color:#ffffff99
    }
    .new-footer-mobile .new-footer-copyright .new-footer-copyright-info,.new-footer-mobile .new-footer-copyright .new-footer-filing{
        line-height:.17rem;
        text-align:center;
        color:#ffffff99;
        font-size:.12rem;
        font-weight:200;
        font-family:PingFangSC-Light
    }
    .new-footer-mobile .new-footer-copyright .new-footer-filing a{
        display:inline-flex;
        align-items:center;
        color:#ffffff99
    }
    .new-footer-mobile .new-footer-copyright .new-footer-filing span{
        color:#ffffff99
    }
    .new-footer-mobile .new-footer-copyright .new-footer-filing img{
        margin-right:.1rem;
        width:.16rem;
        height:.17rem
    }
}
@media screen and (min-width:768px){
    #kf5support-container:hover .float-contact{
        display:block
    }
    #kf5support-container .stay-btn{
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        box-shadow:0 4px 8px 0 rgba(0,0,0,.16);
        font-size:16px;
        color:#0e57a2;
        line-height:24px;
        position:fixed;
        right:24px;
        bottom:94px;
        width:50px;
        height:50px;
        border-radius:2px;
        cursor:pointer;
        background-color:#fff;
        z-index:100;
        transition:all .3s
    }
    #kf5support-container .stay-btn .icon{
        width:26px;
        height:24px;
        background-image:url(../../img/index/fixed-message.af6e2900.png);
        background-position:center;
        background-repeat:no-repeat;
        background-size:100% 100%
    }
    #kf5support-container .float-contact{
        width:692px;
        height:428px;
        box-shadow:0 4px 8px 0 rgba(0,0,0,.24);
        border-radius:1px;
        display:none;
        position:fixed;
        right:90px;
        bottom:94px;
        z-index:1000
    }
    #kf5support-container .float-contact .mask{
        content:' ';
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background:rgba(0,0,0,.4);
        z-index:-1
    }
    #kf5support-container .float-contact .mobile-close{
        display:none
    }
    #kf5support-container .float-contact .main .group .type,#kf5support-container .float-contact .title{
        font-size:18px;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        line-height:26px;
        text-align:center
    }
    #kf5support-container .float-contact .title{
        width:692px;
        padding:18px 0;
        background:#0e57a2;
        border-radius:1px 1px 0 0;
        color:#fff;
        margin-bottom:0
    }
    #kf5support-container .float-contact .main{
        padding:24px 32px;
        display:flex;
        justify-content:space-between;
        align-items:center;
        background:#f2f3f5
    }
    #kf5support-container .float-contact .main .group{
        width:306px;
        height:318px;
        background:#fff
    }
    #kf5support-container .float-contact .main .group .type{
        padding:12px 0;
        margin:0 auto;
        width:258px;
        color:#000;
        border-bottom:1px solid rgba(126,126,126,.15)
    }
    #kf5support-container .float-contact .main .group .content{
        width:258px;
        margin:24px auto 27px
    }
    #kf5support-container .float-contact .main .group .content .item-pc{
        display:block!important
    }
    #kf5support-container .float-contact .main .group .content .item-mobile{
        display:none!important
    }
    #kf5support-container .float-contact .main .group .content .item{
        display:inline-block;
        position:relative;
        height:62px
    }
    #kf5support-container .float-contact .main .group .content .item:hover .text .name{
        color:#0e57a2!important
    }
    #kf5support-container .float-contact .main .group .content .item:not(:first-of-type){
        margin-top:27px
    }
    #kf5support-container .float-contact .main .group .content .item .icon{
        width:22px;
        height:22px;
        background-position:center;
        background-repeat:no-repeat;
        background-size:auto 100%;
        display:inline-block;
        vertical-align:top;
        margin-right:16px;
        transform:translateY(8px)
    }
    #kf5support-container .float-contact .main .group .content .item .text{
        display:inline-block;
        vertical-align:top;
        font-family:PingFangSC-Light,PingFang SC;
        font-weight:300
    }
    #kf5support-container .float-contact .main .group .content .item .text .name{
        font-size:16px;
        color:#000;
        line-height:22px
    }
    #kf5support-container .float-contact .main .group .content .item .text .name.call{
        font-size:18px;
        font-family:PingFangSC-Medium,PingFang SC;
        font-weight:500;
        color:#2d2d2d;
        line-height:22px
    }
    #kf5support-container .float-contact .main .group .content .item .text .desc{
        margin-top:4px;
        width:220px;
        font-size:12px;
        color:#777;
        line-height:17px
    }
    #fixed-code:hover,#kf5support-container .stay-btn:hover,#return-top:hover{
        background-color:#f5f5f5
    }
    #fixed-code,#return-top{
        display:flex;
        justify-content:center;
        align-items:center;
        width:50px;
        height:50px;
        position:fixed;
        right:24px;
        z-index:100;
        transition:all .3s;
        cursor:pointer
    }
    #return-top{
        background:#fff;
        box-shadow:0 4px 8px 0 rgba(0,0,0,.16);
        border-radius:1px;
        bottom:24px;
        opacity:0
    }
    #fixed-code .icon-code,#return-top .icon-return{
        width:22px;
        height:19px;
        background-image:url(../../img/index/fixed-backtop.8f990743.png);
        background-position:center;
        background-repeat:no-repeat;
        background-size:100% 100%
    }
    #fixed-code{
        bottom:164px
    }
    #fixed-code .icon-code{
        width:26px;
        height:26px;
        background-image:url(../../img/index/fixed-code.4e21d1e8.png)
    }
    #fixed-code,#fixed-code .code-popover{
        border-radius:1px;
        background:#fff;
        box-shadow:0 4px 8px 0 rgba(0,0,0,.16)
    }
    #fixed-code .code-popover{
        display:none;
        position:absolute;
        left:-128px;
        bottom:0;
        width:120px;
        height:120px;
        padding:8px;
        box-sizing:border-box
    }
    #fixed-code .code-popover img{
        width:104px;
        height:104px
    }
}
@media screen and (max-width:767px){
    #fixed-code{
        right:.24rem;
        bottom:.9rem
    }
    #return-top{
        display:none
    }
    #kf5support-container .stay-btn{
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        box-shadow:0 4px 8px 0 rgba(0,0,0,.16);
        font-size:16px;
        color:#0e57a2;
        position:fixed;
        right:.24rem;
        bottom:.2rem;
        width:50px;
        height:50px;
        border-radius:2px;
        cursor:pointer;
        background-color:#fff;
        z-index:100;
        transition:all .3s
    }
    #kf5support-container .stay-btn .icon{
        width:26px;
        height:24px;
        background-image:url(../../img/index/fixed-message.af6e2900.png);
        background-position:center;
        background-repeat:no-repeat;
        background-size:100% 100%
    }
    #kf5support-container .float-contact{
        display:none;
        position:fixed;
        top:0;
        z-index:1000;
        height:100%
    }
    #kf5support-container .float-contact .mask{
        content:' ';
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background:rgba(0,0,0,.4);
        z-index:-1
    }
    #kf5support-container .float-contact .title{
        background:#0e57a2;
        border-radius:1px 1px 0 0;
        font-size:.18rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:#fff;
        line-height:.26rem;
        padding:.16rem 0;
        text-align:center;
        position:relative;
        margin-bottom:0
    }
    #kf5support-container .float-contact .title .mobile-close{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        display:block;
        width:.16rem;
        height:.16rem;
        right:12px;
        background-position:center;
        background-repeat:no-repeat;
        background-size:auto 100%
    }
    #kf5support-container .float-contact .main{
        background:#f2f3f5;
        width:3.75rem;
        padding-top:.08rem;
        height:100%
    }
    #kf5support-container .float-contact .main .group{
        width:3.59rem;
        background:#fff;
        margin:0 auto
    }
    #kf5support-container .float-contact .main .group:not(:first-of-type){
        margin-top:.08rem
    }
    #kf5support-container .float-contact .main .group .type{
        padding:.16rem 0 .08rem;
        margin:0 auto;
        width:3.11rem;
        font-size:.16rem;
        font-family:PingFangSC-Medium,PingFang SC;
        font-weight:500;
        color:#000;
        line-height:.22rem;
        text-align:center;
        border-bottom:1px solid rgba(126,126,126,.15)
    }
    #kf5support-container .float-contact .main .group .content{
        width:3.11rem;
        margin:0 auto;
        padding:.16rem 0 .25rem
    }
    #kf5support-container .float-contact .main .group .content .item-pc{
        display:none!important
    }
    #kf5support-container .float-contact .main .group .content .item-mobile{
        display:block!important
    }
    #kf5support-container .float-contact .main .group .content .item{
        position:relative;
        display:inline-block
    }
    #kf5support-container .float-contact .main .group .content .item:not(:first-of-type){
        margin-top:.16rem
    }
    #kf5support-container .float-contact .main .group .content .item .icon{
        width:.22rem;
        height:.22rem;
        background-position:center;
        background-repeat:no-repeat;
        background-size:auto 100%;
        display:inline-block;
        vertical-align:top;
        margin-right:.16rem;
        transform:translateY(.04rem)
    }
    #kf5support-container .float-contact .main .group .content .item .text{
        display:inline-block;
        vertical-align:top;
        font-family:PingFangSC-Light,PingFang SC;
        font-weight:300
    }
    #kf5support-container .float-contact .main .group .content .item .text .name{
        font-size:.14rem;
        font-family:PingFangSC-Light,PingFang SC;
        font-weight:300;
        color:#0e57a2;
        line-height:.2rem;
        text-decoration:underline
    }
    #kf5support-container .float-contact .main .group .content .item .text .name.call{
        font-size:.18rem;
        font-family:PingFangSC-Medium,PingFang SC;
        font-weight:500;
        color:#2d2d2d;
        line-height:.22rem;
        text-decoration:none
    }
    #kf5support-container .float-contact .main .group .content .item .text .desc{
        width:2.73rem;
        font-size:.12rem;
        font-family:PingFangSC-Light,PingFang SC;
        font-weight:300;
        color:#777;
        line-height:.17rem;
        margin-top:.04rem
    }
}