body{min-width:1080px;}
.navBar {
    padding: 0 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 7rem;
    width: 100%;
    min-width:1080px;
    z-index: 199;
    overflow: unset !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    border-bottom: solid 1px transparent;
}
.section-title {
    font-family: 'PingFang Heavy';
}
.navBar.fixed-top-ex .nav>ul>li,header:hover .nav>ul>li{
    line-height:6rem;
}
.navBar .logo{width:10rem;}
.nav>ul>li{float:left;padding:0 2.5rem;font-size:1.25rem;line-height:7rem;}
/*.nav>ul>li:hover>a{border-bottom: 2px solid #ebbd7a;padding-bottom: .5rem;}*/
.nav>ul>li:hover .border-bottom{opacity:1}
.nav>ul>li .border-bottom{    
    height:6px;
    background: #ebbd7a;
    width: 150%;
    margin-left: -25%;
    transform: translateY(-3px);
    opacity:0;
}
.navBar .cover-color {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    background: #e70310;
    z-index: -1;
    left: 0;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
}
header:hover {
    background: #e70310;
    height: 6rem;
    border-bottom: solid 1px #e70310;
}
.subNav .cover-color{background:#fff}
.nav:hover .cover-color{height:100%;transition-delay:0.1s;-webkit-transition-delay:0.1s}
.subNav {
    position: absolute;
    width: 100%;
    left: 0;
    height: 0;
    top: 100%;
    text-align: center;
    line-height: 5rem;
    font-size: 1rem;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
}
.subNav a{color: #e70310;}
.column > li:hover .subNav {
    height: 5rem;
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
}
.subNav li{margin-left:5rem;display:inline-block}
.subNav li:hover a{color:#000}
.subNav li:first-child{margin-left:0}
.function ul li{display:inline-block}
.function ul li>img{width:1.25rem}
.section{background:#fff}
footer.footer-wrap{background:#e70310;padding: 4rem 8.333% 3rem;color:#fff;position:fixed;bottom:0;width:100%;z-index:-1}
.footer {
    border-top: 1px solid #fff;
    border-bottom: 1px solid;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 0 4rem;
    position: relative;
}
.footer-company {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.company-wuyistar{width:23rem;}
.company-shop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    align-items: flex-end;
}
.footer-nav>ul>li{float:left;margin-left:2rem;width:9rem}
.nav-title{font-weight:bold;font-size:1.35rem;}
.footer-subNav li{margin-top:1rem}
.footer-nav a:hover{text-decoration:underline !important;}
.company-address{margin:1.25rem 0 .5rem;}
.footer-bottom {
    justify-content: space-between;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: flex;
    padding: .5rem 0;
    font-size: 0.75rem;
}
.bottom-wrap{flex:1}
.bottom-wrap li,.shop li{float:left;padding-right:1rem;border-right:1px solid #fff;margin-left:1rem}
.shop{font-size:1.125rem}
.copyright>span{padding-right:1rem;border-right:1px solid #fff;margin-right:1rem}
.area{overflow:hidden;margin-bottom:.5rem}
.copyright>p{font-size:.75rem;margin-top:.5rem}
.area-item li:last-child,.shop li:last-child,.copyright>span:last-child{border-right:none}
.shop li:last-child{
    padding-right:0
}
.other>a{display:inline-block;width:2.5rem;margin-right:1rem}
.footer-logo{width:21rem;margin:5rem auto}
/*.wrap{margin-bottom:60rem}*/
.engTitle{font-family:"AlibabaSans-Heavy"}
.fixed-top-ex {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    background: #e70310;
    height: 6rem;
    border-bottom: solid 1px #e70310;
}
.overflowHid {
    position: absolute;
    height: 100vh;
    overflow: hidden;
}
.other_url {
    position: absolute;
    background: #fff;
    text-align: left;
    width: max-content;
    display: none;
    min-width: 100%;
    padding-bottom: .5rem;
    padding-left: 0.5rem;
}
.other_url>a{color:#000;display:block;margin-top:.5rem}
.other_url>a:hover{color:red;}
.l-arrow {
    display: inline-block;
    border-top: .5rem solid #fff;
    border-left: .35rem solid transparent;
    border-right: .35rem solid transparent;
    margin-left: .25rem;
    vertical-align: middle;
    transition: all .25s linear;
}
a.language {
    font-size: 1rem;
}
.l-arrow.active {
    transform: rotate(180deg)
}
.o-page-overlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5060;
}
.init.shrink .o-page-overlay_bg {
    animation-duration: .7s;
}

.shrink .o-page-overlay_bg {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: page-overlay-out;
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
}
.o-page-overlay_bg {
    background-color: #e70310;
}
.shrink .o-page-overlay_bg:before {
    transform: scale(0);
}

.o-page-overlay_bg:before {
    background-color: #b30606;
    content: "";
    transform-origin: 100% 0;
}

.o-page-overlay_bg, .o-page-overlay_bg:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.init.shrink .o-page-overlay_inner {
    animation-duration: .4s;
}

.shrink .o-page-overlay_inner {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: menuShrink;
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
}

.o-page-overlay_inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.expand .o-page-overlay_bg {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: page-overlay-in;
    animation-timing-function: cubic-bezier(.04,.93,.02,.98);
}
.expand .o-page-overlay_inner {
    animation-delay: .1s;
    animation-direction: normal;
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: menuExpand;
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
}
.expand .o-page-overlay_bg:before {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: .94s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: page-overlay-moment-in;
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
}
@keyframes menuShrink {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: bottom;
    }

    100% {
        opacity: 0;
        transform: translateX(60px);
        transform-origin: bottom;
    }
}
@keyframes page-overlay-out {
    0% {
        transform: translate(0);
        transform-origin: 100% 0;
    }

    100% {
        transform: translate(100%);
        transform-origin: 100% 0;
    }
}
@keyframes menuExpand {
    0% {
        opacity: 0;
        transform: translateX(-60px);
        transform-origin: bottom;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: bottom;
    }
}
@keyframes page-overlay-moment-in {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0
    }

    to {
        transform: scaleX(0);
        transform-origin: 100% 0
    }
}
@keyframes page-overlay-in {
    0% {
        transform: translate(-100%);
    }

    100% {
        transform: translate(0);
    }
}

.o-splashscreen.hide {
    pointer-events: none;
}

.o-splashscreen {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9000;
}
.hide .o-splashscreen_bg {
    transform: scaleX(0);
}

.o-splashscreen_bg {
    background-color: #e70310;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: scaleX(1);
    transform-origin: 100% 0;
    transition: .8s cubic-bezier(.14,1,.34,1) .2s;
    width: 100%;
    z-index: 1;
}
.hide .o-splashscreen_bg:after {
    transform: scaleX(1);
}
:after, :before {
    box-sizing: border-box;
}
.o-splashscreen_inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 2;
}
.hide .o-splashscreen_logo {
    opacity: 0;
    transform: translateX(60px);
}

.o-splashscreen_logo {
    transition: .8s cubic-bezier(.14,1,.34,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) 0s;
}
.load-logo {
    width: 15rem;
    animation: breathe 3s linear infinite;
}
@keyframes breathe{
    0%{
        opacity:1
    }
    50% {
        opacity: .7
    }
    100%{
        opacity:1
    }
}
 .navBar{height:10rem;padding-top:3rem}
         .fixed-top-ex{height:9rem;}
        header:hover{height:9rem}
.join-r {
    position: absolute;
    width: 100%;
    top: 0;
    height: 3rem;
    left: 0;
    background: #ebbd7a;
    display: flex;
    padding: 0 5%;
    justify-content: space-between;
    align-items: center
}
.join-r:hover{background:#fff;color:#ebbd7a}
.join-r:hover .join-txt-t{color:#ebbd7a}
.join-txt-t{width:76rem;height:21px;overflow:hidden;position:relative}
.join-arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.news_li,.swap{ line-height:19px; display:inline-block; position:absolute; top:0; left:0;}
.news_li a,.swap a{ color:#fff;}
.swap{top:19px;}

@media screen and (max-width: 1500px) {
    .nav > ul > li {
        padding: 0 1.5rem;
    }
}
h1, h2, h3, h4, h5 {
    line-height: 1.2;
}