:root {
    --default-color: #FFFFFF;
    --default-background-color: #131313;
    --nav-background-color: #000000;
    --nav-hove-color: #F8BC24;
    --apply-color: #333;
    --apply-btn-color: #F8BC24;
    --apply-btn-hover-color: #D3A01F
}

.review-header {
    position: sticky;
    left: 0px;
    top: 0;
    background: #091134;
    width: 100%;
    z-index: 11
}

.review-header_m {
    display: none
}

.review-header_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    height: 80px;
    margin: 0 auto
}

.review-header_cont .header-logo {
    display: flex
}

.review-header_cont .header-logo_1,.review-header_cont .header-logo_2 {
    margin-right: 10px;
    width: 120px;
    height: 48px
}

.review-header_cont .header-logo_1 img,.review-header_cont .header-logo_2 img {
    display: block;
    width: 100%;
    height: 100%
}

.review-header_cont .header-nav {
    position: relative;
    right: -0.4rem
}

.review-header_cont .header-nav_m {
    display: none
}

.review-header_cont .header-nav_cont {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.review-header_cont .header-nav_cont .header-nav-item {
    position: relative;
    line-height: 80px;
    margin-left: 0;
    padding: 0 15px
}

.review-header_cont .header-nav_cont .header-nav-item a {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.review-header_cont .header-nav_cont .header-nav-item:hover a {
    color: #00FFFC
}

.review-header_cont .header-nav_cont .header-nav-item.active a {
    color: #00FFFC
}

.review-header_cont .header-nav_cont .header-nav-item.show-drop a {
    position: relative;
    text-align: left;
    padding-right: 14px
}

.review-header_cont .header-nav_cont .header-nav-item.show-drop a::after {
    position: absolute;
    right: 0px;
    top: 6px;
    content: "";
    border-width: 5px;
    border-style: solid;
    height: 0;
    border-color: #fff transparent transparent transparent
}

.review-header_cont .header-nav_cont .header-nav-item.show-drop:hover {
    background: #0e1d63
}

.review-header_cont .header-nav_cont .header-nav-item.show-drop:hover a {
    color: #00FFFC
}

.review-header_cont .header-nav_cont .header-nav-item.show-drop .show-drop-cont {
    display: none;
    white-space: nowrap;
    position: absolute;
    left: 0px;
    top: 80px;
    z-index: 5
}

.review-header_cont .header-nav_cont .header-nav-item.show-drop .show-drop-cont a {
    display: flex;
    line-height: 40px;
    background: #0e1d63;
    font-size: 14px;
    font-family: PingFang SC,PingFang SC-Regular;
    font-weight: 400;
    text-align: left;
    color: #fff !important;
    padding: 0 20px
}

.review-header_cont .header-nav_cont .header-nav-item.show-drop .show-drop-cont a:hover {
    background-color: #2a4079
}

.review-header_cont .header-nav_cont .header-nav-item.show-drop .show-drop-cont a::after {
    display: none
}

.review-header_cont .header-nav_cont .header-nav-item.header-apply-btn {
    margin-left: 20px;
    width: 120px;
    height: 40px;
    border-radius: 2px;
    background: linear-gradient(90deg,#00e294, #08c3ff);
    border-radius: 4px;
    font-size: 14px;
    line-height: 32px !important;
    text-align: center
}

.review-header_cont .header-nav_cont .header-nav-item.header-apply-btn:hover{
    background: -webkit-linear-gradient(left, #0cb97d, #0086b1);
    background: -o-linear-gradient(left, #0cb97d, #0086b1);
    background: linear-gradient(to right, #0cb97d, #0086b1);
  }
.review-header_cont .header-nav_cont .header-nav-item.header-apply-btn a {
    color: #ffffff;
    line-height: 40px
}

@media (max-width: 750px) {
    
    .review-header_cont {
        height:.88rem;
        padding: 0 .31rem;
        width: 100vw
    }

    .review-header_cont .header-logo_1,.review-header_cont .header-logo_2 {
        margin-right: .1rem;
        width: 1.4rem;
        height: .56rem
    }

    .review-header_cont .header-nav {
        position: relative
    }

    .review-header_cont .header-nav_m {
        display: flex;
        width: 3.5rem;
        align-items: center
    }

    .review-header_cont .header-nav_m .header-apply-btn {
        width: 2.4rem;
        height: .88rem;
        background: linear-gradient(90deg,#00e294, #08c3ff);
        font-size: .32rem;
        font-family: PingFang SC,PingFang SC-Bold;
        font-weight: 700;
        text-align: center;
        color: #FFFFFF;
        line-height: .88rem
    }

    .review-header_cont .header-nav_m .header-apply-menu {
        margin-left: .2rem;
        position: relative;
        width: .48rem;
        height: .48rem;
        background-repeat: no-repeat;
        background-position: left top ;
        background-size: 100% 100%;
        background-image: url(../images/review/icon_menu.png)
    }

    .review-header_cont .header-nav_m .header-apply-menu.apply-menu-show {
        background-image: url(../images/review/icon_close.png)
    }

    .review-header_cont .header-nav_cont {
        display: none;
        position: absolute;
        right: 0;
        top: .88rem;
        background: #0c1748;
        height: calc(100vh - .8rem)
    }

    .review-header_cont .header-nav_cont .header-nav-item {
        width: 2.8rem;
        height: .88rem;
        font-size: .3rem;
        font-family: PingFang SC,PingFang SC-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: .88rem;
        margin-left: 0px;
        padding: 0
    }

    .review-header_cont .header-nav_cont .header-nav-item a {
        display: block;
        padding-left: .5rem;
        font-size: 14px;
        font-weight: 500
    }

    .review-header_cont .header-nav_cont .header-nav-item.active {
        color: var(--nav-hove-color)
    }

    .review-header_cont .header-nav_cont .header-nav-item.show-drop a {
        position: relative;
        text-align: left;
        padding-right: .2rem;
        width: 2.8rem
    }

    .review-header_cont .header-nav_cont .header-nav-item.show-drop a::after {
        position: absolute;
        left: .2rem;
        right: initial;
        top: 50%;
        transform: translateY(-50%);
        width: .16rem;
        height: .16rem;
        border-style: initial;
        border-color: initial;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(../images/icon/icon_left.png)
    }

    .review-header_cont .header-nav_cont .header-nav-item.show-drop:hover {
        background: #242320
    }

    .review-header_cont .header-nav_cont .header-nav-item.show-drop .show-drop-cont {
        position: fixed;
        right: 2.4rem;
        top: .88rem;
        left: auto;
        width: 4rem;
        height: 100vh;
        flex-wrap: wrap;
        white-space: normal
    }

    .review-header_cont .header-nav_cont .header-nav-item.show-drop .show-drop-cont a {
        padding: .16rem .4rem;
        display: flex;
        line-height: initial
    }

    .review-header_cont .header-nav_cont .header-nav-item.show-drop .show-drop-cont a:hover {
        background-color: #2a4079
    }

    .review-header_cont .header-nav_cont .header-nav-item.show-drop .show-drop-cont a::after {
        display: none
    }

    .review-header_cont .header-nav_cont .header-nav-item.header-apply-btn {
        display: none
    }
}