/*導航*/

.top_bar {
    z-index: 9999;
    /*box-shadow: 0 0 3px 0 rgba(50, 50, 50, .75);*/
    height: 66px;
    position: relative;
    width: 100%;
}

.nav_main{
    width: calc(100% - 30px);
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: fixed;
    top: 0;
    z-index: 9999;
    background-color: #09153a;
}
nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
}

.logo {
}

.logo > a > img {
    width: 125px;
}

.menu {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.menu > li {
    margin: 0 18px;
    z-index: 203;
    display: block;
}

.menu > li > a { /*padding: 25px 0;*/
}

.menu > li > button {
    background-color: #fff996;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 33px;
    cursor: pointer;
}

.menu > li > button:before {
    /* content: "\f4d6";*/
    font-size: 15px;
    font-family: 'sharp-light';
    color: #a06305;
}

.menu > li > button span {
    font-size: 15px;
    color: #a06305;
    display: block;
    line-height: 28px;
    white-space: nowrap;
    margin-left: 5px;
}

.menu > li > button:hover {
    background-color: #532603;
}

.menu > li > button:hover:before {
    color: #e6d843;
}

.menu > li > button:hover span {
    color: #e6d843;
}
.extra{

}
.extra>a{
    background-color: #35bac6;
    padding: 5px 20px;
    border-radius: 5px;
}

.extra>a>span{

}
.extra:hover>a{
    background-color: #24cedd!important;

}
.extra:hover>a>span{
    color: #ffffff!important;
}
/**/

.user_but {
    background-color: #fff996;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 33px;
    cursor: pointer;
}

.user_but:before {
    content: "\f4cb";
    font-size: 15px;
    font-family: 'sharp-light';
    color: #a06305;
}

.user_but span {
    font-size: 15px;
    color: #a06305;
    display: block;
    line-height: 28px;
    white-space: nowrap;
    margin-left: 5px;
}

.user_but:hover {
    background-color: #532603;
}

.user_but:hover:before {
    color: #e6d843;
}

.user_but:hover span {
    color: #e6d843 !important;
}

.loginAccount:before {
    content: "\f4e0";
}

.menu > li > a > span {
    font-size: 13px;
    color: #E1F5FE;
    display: block;
    line-height: 19px;
    white-space: nowrap;
}

.menu > li > a > span:hover {
    color: #81D4FA;
}

.active > a {
}

.active > a span {
    color: #7c4f00 !important;
    border-bottom: 2px solid #f39e0c;
}

.active_but {

}

.active_but a {
    /*color: #e6d843!important;*/
    background-color: #532603;
}

.active_but a:before {
    color: #e6d843 !important;
}

.active_but a span {
    color: #e6d843 !important;
}

.user_dis {
    display: none !important;
}

.user_show {
    display: block !important;
}