html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei','PingFangSC',苹方,'PingFang SC','PingFang-SC','NotoSansHans','sans-serif';
    background: #ffffff;
    font-weight: 300;
    background:#ffffff;
  
}
* {
    -webkit-overflow-scrolling: touch;
    word-break:normal;
}
.hidden{
    overflow:hidden !important;
}
.bodyHidden{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
}
.body {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 4.5rem;
    box-sizing: border-box;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.betweenFlex {
    display: flex;
    /*justify-content:space-between;*/
    align-items: center;
}
.centerFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#ffffff;
    z-index:999;
   
}

header > nav {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 2.25rem;
}

.leftHead {
    width: calc(100% - 1.5rem);
    position: relative;
    box-sizing: border-box;
    padding-right: 15rem;
}
.headContainer {
    display: flex;
    justify-content: space-evenly;
    padding:0;
    list-style: none;
    font-size: 0.8rem;
    width:50rem;
}
.bodyContainer {
    width: 100%;
    height: 100%;
    position:relative;
}
.imgDiv {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition:all 1s linear;
}

#logo {
    background-image: url('../img/new/logo.png');
    width: 7.35rem;
    height: 2rem;
    cursor:pointer;
}
.tab {
    cursor: pointer;
    animation-name: none;
    -webkit-animation-name: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translateZ(0);
    padding: 0.5rem;
    border-radius: 30px;
 
}
    .tab:hover {
        background: rgb(255,216,89);
   
        /*
        font-weight: 400;
        font-size: 1rem;
        color: #4d826b;
        cursor: pointer;-
        */
        /*animation-name: bounceIn;
        animation-duration: 0.5s;
        -webkit-animation-name: bounceIn;
        -webkit-animation-duration: 0.5s;*/
    }
.tabActive {
   background:rgb(255,216,89);
}
.language{
    width:1.4rem;
    height:1.4rem;
    border:0.1rem solid rgb(156,156,156);
    border-radius:75%;
    font-size:0.6rem;
    cursor:pointer;
}
.prevBtnContainer,.nextBtnContainer{
    width:6.5rem;
    height:68%;
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    top:16%;
    z-index:998;
    cursor:pointer;
}
.prevBtnContainer {
    background-color: #eed06d;
    left:2.5rem;
}
.nextBtnContainer{
    right:2.5rem;
}
.hidden{
    overflow:hidden;
}

.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
}
.portraitMask {
    display:none;
}
.allScale {
    animation: allScale 2.5s 1;
    -webkit-animation-name: allScale;
}
footer{
    width:100%;
    height:4.5rem;
    line-height:4.5rem;
    position:relative;
    background-color:rgb(127,127,127);
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 2.5rem 0 2.3rem;
    box-sizing:border-box;
    margin-top:3rem;
}

.footerImg{
    display:block;
    width:7rem;
    height:auto;
    margin-right:2.5rem;
}
.footerText{
    font-size:0.8rem;
    line-height:1.2rem;
    height:1.2rem;
    position:relative;
    color:#ffffff;
}
.Legal {
    display: inline-block;
    width: 2.5rem;
    min-width:30px;
    height: 100%;
    line-height: 1.2rem;
    position: relative;
    margin-left: 3rem;
    cursor: pointer;
    border-bottom:0.05rem solid #ffffff;
    text-align:center;
}
.rightIcon{
    width:1.2rem;
    height:auto;
}

.copyHeadContainer{
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    list-style:none;
    margin:0;
    top:0;
    left:0;
    box-sizing:border-box;
    padding: 4.5rem 0 0;
    background-color:#ffffff;
    z-index:99;
}
.copyTab {
    width: 100%;
    height: 4rem;
    font-size: 1.8rem;
    line-height: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.125rem solid #b8b3b3;
    box-sizing: border-box;
    padding: 0 2.25rem 0;
}
.lineIcon{
    display:block;
    width:2.4rem;
    height:0.8rem;
}
.menus {
    display: none;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: calc(50% - 1.2rem);
    right: 0;
}
.closePhone {
    display: none;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: calc(50% - 0.9rem);
    right: 0;
}
.legalContainer {
    width: 100%;
    height: 0;
    position: fixed;
    top: 4.5rem;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    transition: all 0s linear;
    transition-delay: 1s;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trueContainer {
    height: calc(100% - 4.5rem);
    padding: 3.48rem 2.25rem;
    transition-delay: 0s;
}

.legalContent {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background-color: #ffffff;
    overflow: hidden;
}

.legalOverflow {
    /*width:60rem;*/
    width: calc(100% - 15.2rem);
    height: 23.7rem;
    max-height: 100%;
    position: relative;
    overflow: auto;
}

.legalDetail {
    width: 60rem;
    max-width: calc(100% - 2rem);
    margin: 0 auto;
    height: auto;
    position: relative;
}

.legalTitle {
    width: 100%;
    text-align: center;
    font-size: 2.2rem;
    line-height: 1em;
    font-weight: 400;
}

.legalLine {
    width: 6.6rem;
    border-top: 0.1rem solid #000000;
    position: relative;
    margin: 3.5rem auto;
}

.legalText {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.45rem;
}

.closeContainer {
    width: 7.6rem;
    height: 23.7rem;
    position: relative;
    /*top:calc(50% - 23.7rem / 2);*/
    background-color: #eed06d;
    cursor: pointer;
}

.rightWhite {
    width: 7.6rem;
    height: 100%;
}

.closeIcon {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('../img/new/team/close.png');
}
@media only screen and (min-width:1025px ) and (max-width:2944px ) {
}


@media only screen and (min-width:0) and (max-width:800px ) {

  
    .headContainer {
        display: none;
    }

    .menusBlock {
        display: block;
    }

    .language {
        display: none;
    }

 


}

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


        .tab:hover {
            font-weight: 400;
            font-size: 1rem;
            color: #4d826b;
            animation-name: unset;
            animation-duration: 0.5s;
            -webkit-animation-name: unset;
            -webkit-animation-duration: 0.5s;
            cursor: pointer;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            transform: translateZ(0);
        }
    }

    @media screen and (orientation: portrait) {
        html, body {
            min-width: 100%;
        }

        /*竖屏 css*/
        /*.showPortraitMask {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #4d4d4d;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    font-size: 2rem;
    color: #ffffff;
}*/
    }

    @media screen and (orientation: landscape) {
        /*.body{
    width:100%;
    height:100%;
    position:relative;
}*/

    }

    @media only screen and (min-width:0) and (max-width:600px ) {
        html, body, header {
            min-width: 100%;
        }

        footer {
            height: 6rem;
            padding: 0 0.8rem;
        }

        .footerImg {
            margin-right: 1.5rem;
        }

        .footerText {
            line-height: 1.2em;
        }

        .slipknot > * {
            width: 100%;
            text-align: center
        }

        .slipknot > .title {
            font-size: 2.2rem;
            line-height: 1em;
        }

        .slipknot > .bigText {
            font-size: 2.7rem;
        }

        .slipknot > .line {
            width: 2.7rem;
            margin: 2rem auto 3rem;
        }

        .slipknot > .downIcon {
            width: 3.5rem;
            height: 3.5rem;
            position: absolute;
            left: calc(50% - 3.5rem / 2);
            bottom: -12rem;
        }

        .content {
            max-width: 80%;
            left: 10% !important;
            top: 6rem !important;
        }

        .headContainer {
            display: none;
        }

        .menusBlock {
            display: block;
        }

        .language {
            display: none;
        }

        .languageBlock {
            display: flex;
            position: absolute;
            right: 3.4rem;
            top: calc(50% -0.7rem);
        }

        .legalOverflow {
            max-width: unset;
            width: 100%;
            padding: 0 5%;
            box-sizing: border-box;
            height: 80%;
        }

        .rightWhite {
            display: none;
        }



        .closeContainer {
            width: 4rem;
            height: 4rem;
            position: absolute;
            top: 0;
            right: 0;
            left: unset;
        }

        .legalContainer {
            z-index: 9;
        }
    }



    @keyframes allFlash {
        0% {
            opacity: 1;
        }

        75% {
            opacity: 0.3;
        }

        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes allFlash /* Firefox */
    {
        0% {
            opacity: 1;
        }

        75% {
            opacity: 0.3;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes allFlash /* Safari 和 Chrome */
    {
        0% {
            opacity: 1;
        }

        75% {
            opacity: 0.3;
        }

        100% {
            opacity: 1;
        }
    }

    @-o-keyframes allFlash /* Opera */
    {
        0% {
            opacity: 1;
        }

        75% {
            opacity: 0.3;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes allScale {
        0% {
            transform: scale(1.25);
        }

        100% {
            transform: scale(1);
        }
    }

    @-moz-keyframes allScale /* Firefox */
    {
        0% {
            transform: scale(1.25);
        }


        100% {
            transform: scale(1);
        }
    }

    @-webkit-keyframes allScale /* Safari 和 Chrome */
    {
        0% {
            transform: scale(1.25);
        }

        100% {
            transform: scale(1);
        }
    }

    @-o-keyframes allScale /* Opera */
    {
        0% {
            transform: scale(1.25);
        }

        100% {
            transform: scale(1);
        }
    }

    .buttonContainer {
        overflow: hidden;
    }

    .firstButton {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s linear;
    }

    .secondButton {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        transition: all 0.3s linear;
    }

    .buttonTop {
        opacity: 0;
        top: -100%;
    }


    .buttonSecondNormal {
        opacity: 1;
        top: 0;
        /*color:#eed06d;*/
        /*color: #4d826b;*/
        /*color:#fb3838;*/
    }



    #mCSB_1_container {
        margin: 0;
    }

    #mCSB_1_scrollbar_vertical {
        width: 0.5rem;
        border-radius: 0.25rem;
        height: 100%;
        background-color: rgb(173,173,173);
    }

        #mCSB_1_scrollbar_vertical .mCSB_dragger_bar {
            width: 0.25rem !important;
            border-radius: 0.125rem;
            background-color: rgb(236,236,236) !important;
        }

    #mCSB_2_scrollbar_vertical {
        width: 0.5rem;
        border-radius: 0.25rem;
        height: 100%;
        background-color: rgb(173,173,173);
    }

    .mCSB_draggerRail {
        display: none;
    }

    #mCSB_2_scrollbar_vertical .mCSB_dragger_bar {
        width: 0.25rem !important;
        border-radius: 0.125rem;
        background-color: rgb(236,236,236) !important;
    }

    #mCSB_3_container {
        /*height:100%;*/
        padding-bottom: 0;
    }

    #mCSB_3_scrollbar_horizontal {
        height: 0.5rem !important;
        border-radius: 0.25rem;
        background-color: rgb(173,173,173);
    }

    #mCSB_3_dragger_horizontal {
        height: 0.25rem !important;
        border-radius: 0.125rem;
        top: 0.125rem;
        background-color: rgb(236,236,236);
    }

    #mCSB_3_scrollbar_horizontal .mCSB_dragger_bar {
        width: 0.25rem !important;
        border-radius: 0.125rem;
        background-color: rgb(236,236,236) !important;
    }

    .legalContainer .mCSB_container {
        margin-right: 0 !important;
    }

    .legalContainer .mCSB_draggerContainer {
        width: 0.5rem !important;
        border-radius: 0.25rem !important;
        background-color: rgb(173,173,173) !important;
    }

    .legalContainer .mCSB_dragger_bar {
        width: 0.25rem !important;
        border-radius: 0.125rem !important;
        top: 0.125rem !important;
        background-color: rgb(236,236,236) !important;
    }

    .legalContainer .mCSB_dragger {
        position: relative;
    }