a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
}
.box{
    position: relative;
}
@media (max-width: 1042px) {
    .headHover .web-search {
        display: none !important;
    }

    .web-user img {
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 50%;
        margin-right: 1rem;
    }

    .web-user {
        display: flex;
        align-items: center;
    }

    .web-user span {
        font-size: 16px;
        color: #144297;
    }

    .pcShow {
        display: none !important;
    }

    .web-login {
        display: flex;
        font-size: 16px;
        color: #144297;
        justify-content: space-around;
    }

    .headHover .web-search {
        display: none;
    }

    .web-search {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 1rem;
        padding-right: 0.5rem;
        margin-left: 0.5rem;
        width: 6rem;
    }

    .navigationShow .web-search {
        background: rgba(217, 227, 239, 0.4);
    }

    .web-search input {

        background: transparent;
        border: 0;
        outline: none;
        width: 6rem;
        padding-left: 0.25rem;
        font-size: 14px;
        width: 4.5rem;
    }

    .web-search svg {
        height: 1rem;
        width: 1rem;
    }

    .ser {
        display: none;
    }

    .wrap {
        margin-bottom: 40px;
    }

    .titleHover .shousuo {
        display: flex !important;
    }

    .titleHover .zhankai {
        display: none !important;
    }

    .shousuo {
        display: none;
        align-items: center;
    }

    .shousuo .zhankai-select {
        transform: rotate(180deg);
    }

    .wrapHover .column-inner2 {
        background: transparent !important;
        transition: all .3s ease;
    }

    .column-hamburger {
        position: relative;
        height: 20px;
        width: 20px;
    }

    .c-t-c-b {
        padding-bottom: 20px;
    }

    .c-t-c-b div {
        line-height: 40px;
        font-size: 16px;
        font-family: 'Alibaba PuHuiTi-Regular';
        font-weight: 400;
        color: #4368AC;
    }

    .column-inner1 {
        width: 1px;
        height: 20px;
        background: #144297;
        transform: rotate(90deg);
        position: absolute;
        left: 9.5px;
        top: 0
    }

    .column-inner2 {
        width: 1px;
        height: 20px;
        background: #144297;
        margin-left: 9.5px;
    }

    .column-text {
        font-size: 18px;
        color: #144297;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px dashed #144297;
        display: flex;
        align-items: center;
        justify-content: space-between;

        font-family: 'Alibaba PuHuiTi-Medium';
    }

    .zhankai {
        display: flex;
        align-items: center;
    }

    .zhankai-select {
        margin-left: 5px;
        height: 20px;
        width: 20px;
        border-radius: 20px;

        background: rgba(217, 227, 239, 0.4);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .zhankai-select img {
        height: 15px;
        width: 15px;
    }

    .wrap-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .wrpa-title-middle {
        width: 60%;
        height: 1px;
        background: #144297;
    }

    .head-column {
        padding-top: 100px;
        width: 90%;
        margin: 40px auto 0;
        opacity: 0;
        transition: all .7s ease;
    }

    .head-columnHover {
        opacity: 1 !important;
        margin: 0 auto !important;
    }

    .wrap-title {
        font-size: 16px;
        color:
            rgba(50, 123, 233, 1);
    }

    .headHover {

        height: 100vh !important;
        background: #F3F5F8;
        width: 100%;

    }

    .headHover .logo1 {
        display: none;
    }

    .headHover .logo2 {
        display: block;
    }

    .logo2 {
        display: none;
    }

    .headHover .shoop {
        display: none;
    }

    .menu:hover {
        background: rgba(217, 227, 239, 0.4) !important;
    }

    .headBox {
        position: absolute;
        z-index: 1000 !important;
        height: 60px;
        transition: all.3s ease;
        width: 100%;
        overflow: hidden;
    }

    .hamburger-box {
        position: relative;
        width: 19px;
        height: 15px;
        display: block;
    }

    .headHover .menu {
        color: #333333;
        background: rgba(217, 227, 239, 0.4);
    }

    .navigationShow .hamburger-inner1 {
        background: #144297;
    }

    .navigationShow .hamburger-inner2 {
        background: #144297;
    }

    .navigationShow .hamburger-inner3 {
        background: #144297;
    }

    .hamburgerHover .hamburger-inner1 {

        transform: translate3d(0, 6.5px, 0) rotateZ(45deg) rotateX(0) rotateY(0);
        -webkit-transform: translate3d(0, 6.5px, 0) rotateZ(45deg) rotateX(0) rotateY(0);
        background: #144297;
        overflow: hidden;
    }

    .hamburgerHover .hamburger-inner2 {
        background: transparent;

    }

    .hamburgerHover .hamburger-inner3 {
        background: #144297;
        transform: translate3d(0, -6.5px, 0) rotateZ(-45deg) rotateX(0) rotateY(0);
        -webkit-transform: translate3d(0, -6.5px, 0) rotateZ(-45deg) rotateX(0) rotateY(0);
        overflow: hidden;
    }

    .hamburger-inner {
        transition: transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
        width: 19px;
        height: 2px;
        background: #fff;
        position: absolute;
    }

    .hamburger-inner1 {
        top: 0;
        left: 0;
        width: 19px;
        height: 2px;
        position: absolute;
        background: #fff;
        transition: transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    }

    .hamburger-inner2 {
        width: 19px;
        height: 2px;
        background: #fff;
        transition: transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    }

    .hamburger-inner3 {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 19px;
        height: 2px;
        background: #fff;
        transition: transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    }

    .hamburger {
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
        transition: transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .menuShow {
        display: none !important;
    }

    .web {
        display: flex;
        padding-right: 10px;
    }

    .text {
        display: none !important;
    }

    .searchbox .search {
        display: none !important;
    }

    .logo {
        height: 65% !important;
        width: auto !important;
        margin-left: 10px !important;
    }

    .bigbox {
        height: 60px !important;
        justify-content: space-between;

    }

    .login {
        width: auto !important;
        font-size: 12px !important;
        display: none !important;
    }

    .shu {
        margin-left: 5px;
        margin-right: 5px;
    }

    .shoop {
        height: auto !important;
        width: auto !important;
        padding: 10px;
        border-radius: 40px !important;
    }

    .shoop img {
        height: 18px !important;
        width: 18px !important;
    }

    .menu {
        height: auto !important;
        width: auto !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        /*margin-right: 10px !important;*/
    }

    .menu div {
        align-items: center;
    }

    .menu img {
        width: 12px !important;
        height: 10px !important;
    }

    .menu div:nth-child(1) {
        /*margin-right: 5px;*/
        font-size: 16px !important;
    }
}

@media screen and (min-width: 820px) {
    .navigationShow .search-container span {
        color: #144297;
    }

    .bigboxHover {
        height: 3.6rem !important;
        align-items: start !important;
    }

    .searchMore {
        position: absolute;
        left: 0;
        top: 1rem;
        overflow: hidden;
    }

    .searchbox {
        overflow: hidden;
        height: 1rem;
        background: linear-gradient(to right, #fff, #fff) no-repeat right bottom;
        background-size: 0 1px;
        transition: background-size .5s ease;
        margin-left: 1.1625rem;
        margin-left: 1.1rem;
    }

    .searchHover {

        width: 9.8375rem !important;

        background-size: 100% 1px !important;

    }

    .navigationShow .searchHover .search {
        background: none;
    }

    .text {
        height: 1rem !important;
    }

    .search-container {
        height: 2.6rem;
        width: auto;
        padding-top: 0.375rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        margin-left: 3.2rem;
        animation: searchDonghua .7s ease
    }

    .bigbox {
        transition: all .5s ease;
        align-items: start !important;
    }

    .search-container span {
        font-size: 0.225rem;
        padding-bottom: 16px;
        line-height: 0.2625rem;
        font-family: 'Alibaba PuHuiTi-Regular';
        font-weight: 400;
        color: #FFFFFF;
        -webkit-background-clip: text;

    }

    .ser {
        top: 0.4rem;
    }

    .searchClose {
        top: 0.4rem;
    }

    .searchHover input {
        background: none !important;
        padding-left: 0 !important;
        animation: searchDonghua .7s ease
    }

    @keyframes searchDonghua {
        0% {
            transform: translateX(-30px);
            opacity: 0;
        }

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

    .serHover {
        right: 10.7rem !important;
    }
}

.pcShow {
    display: block;
}

.web-search {
    display: none;
}

.user {
    height: 0.5rem;
    width: 0.5rem;
    border-radius: .5rem;
    border: 4px solid rgba(255, 255, 255, 0.2);
}

.user:hover {
    cursor: pointer;
}

.navigationShow .user {
    border: 4px solid rgba(217, 227, 239, 0.4);
}

.user img {
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 0.5rem;
}

.loginDiv {
    display: flex;
    /*width: 100%;*/
    align-items: center;
    justify-content: center;
}

.search-container span:hover {
    cursor: pointer;
}

.hamburger {
    display: none;
}

.shoop:hover {
    background: rgba(255, 255, 255, 0.4);
}

.menu:hover {
    background: rgba(255, 255, 255, 0.4);
}

.navigationShow .register div {
    width: 100%;
    height: 1px;
    background: #144297;
    margin-left: -100%;
    transition: all .3s ease;
}

.logo2 {
    display: none;
}

.headBox {
    height: 1rem;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 1920px;
}

.navigationShow .enter div {
    width: 100%;
    height: 1px;
    background: #144297;
    margin-left: -100%;
    transition: all .3s ease;
}

.enter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: content-box;
    overflow: hidden;

}

.register {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: content-box;
    overflow: hidden;

}

.enterleave {
    animation: donghua2 .3s;
}

@keyframes donghua2 {
    from {
        margin-left: 0;
    }

    to {
        margin-left: 100%;
    }
}

.register span {
    padding-bottom: 4px;
    font-family: 'Alibaba PuHuiTi-Regular';
}

.register div {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-left: -100%;
    transition: all .3s ease;
}

.enter span {
    padding-bottom: 4px;
    font-family: 'Alibaba PuHuiTi-Regular';
}

.register:hover div {
    margin-left: 0 !important;

}

.enter div {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-left: -100%;
    transition: all .3s ease;
}

.enter:hover div {
    margin-left: 0% !important;

}

.shu {
    padding-bottom: 5px;
}

.navigation-text-list-li img {
    transform: rotate(-90deg);
    height: 0px;
    width: 0px;

    transition: all .3s ease;
    filter: brightness(0) invert(1);
}
.navigationShow .navigation-text-list-li img{
    filter: brightness(1) invert(0);
}
.navigation-text-list-li:hover img {

    height: 15px;
    width: 15px;

}

.navigation-text {
    font-size: 0.225rem;
    font-size: 0.226rem;
}

.menu div {
    font-family: 'Alibaba PuHuiTi-Regular';
}

.shoop:hover {
    cursor: pointer;
}

.box {
    position: relative;
}

.column {
    position: absolute;

    z-index: 9999;
    visibility: hidden;
    right: -100%;
    transition: right 0.5s ease;
}

.columnFalse {
    transition: all 1s linear;

}

@-webkit-keyframes lanmu2 {
    0% {
        right: 0;
    }

    100% {
        right: -100%;
    }
}

.columnShow {
    right: 0;

}

@-webkit-keyframes lanmu {
    0% {
        right: -100%;
    }

    100% {
        right: 0;
    }
}

.navigation-text-list-li:hover {
    cursor: pointer;
}

.navigation-text-list-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navigation-text-list-li span {
    display: none;
}

.navigation-text-list-li:hover span {
    display: block;
}

.below {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.8875rem;
    height: 2px;
    background: #fff;
}

.selectShow {

    -webkit-animation: donghua .3s ease;
    transform-origin: 0 0;
}

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

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

.wrapper-num {
    position: absolute;
    bottom: -0.05rem;
    left: -0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    width: 0.5rem;
    color: #fff;
}

.navigationShow .wrapper-num {
    color: #144297;
}

.circleProgress_wrapper {
    width: 0.5rem;
    height: 0.5rem;

    position: fixed;
    border: 0.05rem solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    left: 0.375rem;
    top: 6.4375rem;
    box-sizing: border-box;
    z-index: 9999;
}

.wrapper {
    width: 0.3rem;
    height: 0.5rem;
    position: absolute;
    top: -0.05rem;
    overflow: hidden;
}

.right {
    right: -0.05rem;
    transform-origin: (0%, 50%);
}

.left {
    left: -0.05rem;
}

.rightcircle {
    border: 0.05rem solid transparent;
    border-top: 0.05rem solid #ffffff;
    border-right: 0.05rem solid #ffffff;
    position: absolute;
    right: 0;
    -webkit-animation: circleProgressLoad_right 5s linear infinite;
}

.leftcircle {
    display: flex;
    border: 0.05rem solid transparent;
    border-bottom: 0.05rem solid #ffffff;
    border-left: 0.05rem solid #ffffff;
    position: absolute;
    left: 0;
    -webkit-animation: circleProgressLoad_left 5s linear infinite;
}

.circleProgress {
    width: 0.5rem;
    height: 0.5rem;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(-90deg);
}

.circleProgress2 {
    width: 0.5rem;
    height: 0.5rem;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transform: rotate(210deg);
}

.circleProgress3 {
    width: 0.5rem;
    height: 0.5rem;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transform: rotate(210deg);
}

.wrapperShow {
    border: 0.05rem solid rgba(20, 66, 151, 0.1);
}

.navigationShow .navigation-text-list {

    background: #fff;





}

.navigationShow .sanjiao {
    border-bottom: 0.1rem solid #fff;
}

.navigationShow .below {
    background: #144297 0%;
}

.navigationShow .circleProgress_wrapper {
    width: 0.5rem;
    height: 0.5rem;

    position: absolute;
    border: 0.05rem solid rgba(20, 66, 151, 0.1);
    border-radius: 50%;
    left: 0.375rem;
    top: 6.4375rem;
    box-sizing: border-box;
}

.navigationShow .wrapper {
    width: 0.3rem;
    height: 0.5rem;
    position: absolute;
    top: -0.05rem;
    overflow: hidden;
}

.navigationShow .right {
    right: -0.05rem;
}

.navigationShow .left {
    left: -0.05rem;
}

.navigationShow .rightcircle {
    border: 0.05rem solid transparent;
    border-top: 0.05rem solid #144297;
    border-right: 0.05rem solid #144297;
    position: absolute;
    right: 0;
    -webkit-animation: circleProgressLoad_right 5s linear infinite;
}

.navigationShow .leftcircle {
    display: flex;
    border: 0.05rem solid transparent;
    border-bottom: 0.05rem solid #144297;
    border-left: 0.05rem solid #144297;
    position: absolute;
    left: 0;
    -webkit-animation: circleProgressLoad_left 5s linear infinite;
}

.navigationShow .circleProgress {
    width: 0.5rem;
    height: 0.5rem;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(-90deg);
}

.navigationShow .circleProgress2 {
    width: 0.5rem;
    height: 0.5rem;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transform: rotate(210deg);
}

.web {
    display: flex;
    align-items: center;
    height: 1rem;
}

.login {
    height: 1rem;
}

.bigbox {
    display: flex;
    height: 1rem;
    backdrop-filter: blur(75px);
    width: 100%;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    position: fixed;
    top: 0;
    z-index: 9999;
    border: 1px solid rgba(255, 255, 255, 0.2);
    /*position: relative;*/
}

.bigbox.active,
.bigbox.on{
    background: rgba(255, 255, 255, 1);
}

.bigbox.active .logo2,
.bigbox.on .logo2{
    display: block;
}

.bigbox.active .logo1,
.bigbox.on .logo1{
    display: none;
}

.bigbox.active .navigation-text,
.bigbox.on .navigation-text{
    color: #000;
}

.bigbox.active .searchbox .search input,
.bigbox.on .searchbox .search input{
    background: #D9E3EF;
}

.bigbox.active .searchbox .search input::-webkit-input-placeholder,
.bigbox.on .searchbox .search input::-webkit-input-placeholder{
    color: #728EC1;
}

.bigbox.active .login,
.bigbox.on .login{
    color: #000;
}

.bigbox.active .shoop,
.bigbox.on .shoop{
    background: #D9E3EF;
}

.bigbox.active .shoop img,
.bigbox.on .shoop img{
    filter: none;
}

.bigbox.active .menu,
.bigbox.on .menu{
    background: #D9E3EF;
}

.bigbox.active .pcShow,
.bigbox.on .pcShow{
    color: #000;
}

.bigbox.active .menu img,
.bigbox.on .menu img{
    filter: none;
}

.bigbox.active .searchbox,
.bigbox.on .searchbox{
    background: linear-gradient(to right, #000, #000) no-repeat right bottom;
}

.bigbox.active .ser,
.bigbox.on .ser{
    filter: none;
}

.bigbox.active .searchClose,
.bigbox.on .searchClose{
    filter: none;
}

.bigbox.active .sanjiao,
.bigbox.on .sanjiao{
    border-bottom: 0.1rem solid rgba(255, 255, 255, 1);
}

.bigbox.active .navigation-text-list,
.bigbox.on .navigation-text-list{
    background: rgba(255, 255, 255, 1);
}
.bigbox.active .navigation-text-list-li,
.bigbox.on .navigation-text-list-li{
    color: #000;
}


.navigationShow .logo1 {
    display: none;
}

.navigationShow .logo2 {
    display: block;
}

.logo {
    float: left;
    display: flex;
    margin: 0.25rem 0 0.25rem 0.25rem;

    height: 0.5rem;
    width: 1.8375rem;
}

.logo:hover {
    cursor: pointer;
}

.logo-left {
    height: 0.5rem;
    width: 0.5rem;
}

.logo-right {
    height: 0.375rem;
    width: 1.1875rem;
}

.text {
    float: left;
    margin-left: 0.275rem;
    font-size: 0.215rem;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #ffffff;
    height: 100%;
    position: relative;
}

.text .navigation-text {
    float: left;
    padding-left: 0.8875rem;
    font-family: 'Alibaba PuHuiTi-Regular';
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: content-box;
    font-weight: 400;
    white-space: nowrap;
}

.text .navigation-text:hover {
    cursor: pointer;
}

.navigation-text-list2 {
    opacity: 0.9 !important;
    filter: blur(5px);
    z-index: 0 !important;
}

.navigation-text-list {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.125rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    width: 2.5rem;
    box-sizing: border-box;
}

.navigation-text-list-li {
    height: 0.7125rem;
    width: auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.navigation-text {
    position: relative;
}

.navigation-text-select {
    padding-top: 0.3125rem;
    position: absolute;
    top: 0.975rem;
    left: 0.8875rem;

    width: 2.5rem;
}
.sanjiao {
    height: 0;
    width: 0;
    border-right: 0.125rem solid rgba(255, 255, 255, 0);
    border-top: 0.1rem solid rgba(255, 255, 255, 0);
    border-left: 0.125rem solid rgba(255, 255, 255, 0);
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
    margin-left: 0.25rem;
}

.searchbox .search {
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 3.625rem;
    height: 100%;
}

.searchbox .search input {
    -web-kit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    background: transparent;
    border: 0;
    width: 100%;
    height: 100%;
    padding-left: 0.25rem;
    background: rgba(255, 255, 255, 0.2);
    margin-top: 0 !important;
    border-radius: 0;
}

.searchbox .search input::-webkit-input-placeholder {
    font-size: 0.225rem;
    color: rgba(255, 255, 255, 0.4);
}


.ser {
    height: 0.2525rem;
    width: 0.2525rem;
    margin-right: 0.2625rem;
    position: absolute;
    right: 4.5rem;
    transition: all .5s ease;
    display: flex;
    filter: brightness(0) invert(1);
}
.navigationShow .searchClose,
.navigationShow .ser {
    filter: brightness(1) invert(0);
}
.searchClose {
    height: 0.2525rem;
    width: 0.2525rem;
    margin-right: 0.2625rem;
    position: absolute;
    right: 4.5rem;
    filter: brightness(0) invert(1);
}

.searchClose:hover {
    cursor: pointer;
}

.searchClose svg {
    height: 0.2525rem;
    width: 0.2525rem;
}

.ser:hover {
    cursor: pointer;
}

.login {
    display: flex;
    align-items: center;
    font-size: 0.225rem;
    color: #ffffff;
    padding-left: 0.5rem;
    width: 1.1125rem;
    justify-content: space-between;
}

.shoop {
    margin-left: 0.5rem;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigationShow .shoop {
    background: rgba(217, 227, 239, 0.4);
}

.navigationShow .shoop img {
    filter: brightness(1) invert(0);
}

.shoop img {
    height: 0.25rem;
    width: 0.25rem;
    filter: brightness(0) invert(1);
}

.enter:hover {
    cursor: pointer;
}

.register:hover {
    cursor: pointer;
}

.menu {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px 30px 30px 30px;
    opacity: 1;
    width: 0.9625rem;
    height: 0.5rem;
    margin-left: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    padding: 0 0.175rem;
}

.navigationShow .menu {
    color: #333333;
    background: rgba(217, 227, 239, 0.4);
}

.navigationShow .menu img {
    filter: brightness(1) invert(0);
}

.menu img {
    width: 0.2rem;
    height: 0.1625rem;
    line-height: 1;
    filter: brightness(0) invert(1);
}

.menu div {
    display: flex;
    justify-content: center;
}

.menu div:hover {
    cursor: pointer;
}

.yema {
    position: absolute;

    box-sizing: border-box;
}

.navigationShow .yema {
    background: rgba(217, 227, 239, 0.4);
}

.yema img {
    height: 0.25rem;
    width: 0.25rem;
    position: absolute;
    top: -0.065rem;
    right: -0.01rem;
}

.navigationShow .text {
    color: #333333;
}

.navigationShow .search {
    background-color: #d9e3ef;
}

.navigationShow .search input::-webkit-input-placeholder {
    font-size: 0.225rem;
    color: #728ec1;
}

.navigationShow .login {
    color: #333333;
}














.navigation-text {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.navigation-text-select {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    padding-left: 0.8875rem;
}

.navigation-text-select.selectShow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.below {
    left: 0.8875rem;
}











/* 公告部分 */
@font-face {
  font-family: 'Alibaba PuHuiTi-Regular';
  src: url(/static/fonts/AlibabaPuHuiTi-2-55-Regular.4fe8f5f.woff2);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Alibaba PuHuiTi-Heavy';
  src: url(/static/fonts/AlibabaPuHuiTi-2-105-Heavy.95316d5.woff2);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Alibaba PuHuiTi-Medium';
  src: url(/static/fonts/AlibabaPuHuiTi-2-65-Medium.97329c3.woff2);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Alibaba PuHuiTi-Bold';
  src: url(/static/fonts/AlibabaPuHuiTi-2-85-Bold.8a8521d.woff2);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: '\601D\6E90  Bold';
  src: url(/static/fonts/思源宋体CN-Bold.8648fa6.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Han Serif  CN-ExtraLight';
  src: url(/static/fonts/思源宋体CN-ExtraLight.72ac651.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Han Serif CN-Heavy';
  src: url(/static/fonts/思源宋体CN-Heavy.f983acb.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Han Serif CN-Light';
  src: url(/static/fonts/思源宋体CN-Light.e0676aa.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Han Serif CN-Medium';
  src: url(/static/fonts/思源宋体CN-Medium.fbf7b77.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Han Serif CN-Regula';
  src: url(/static/fonts/思源宋体CN-Regular.473303f.otf);
  font-weight: normal;
  font-style: normal;
}

/*里面的代码可以根据自己需求去进行更改*/

/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 0.16rem !important;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3) !important;
  border-radius: 0.133333rem !important;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 0.133333rem !important;
  background: rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5) !important;
}






@media (max-width: 1042px) {
    .text,
    .searchbox,
    .login,
    .ser{
        display: none !important;
    }
    
    .bigbox{
        justify-content: space-between;
    }
}