.header-nav-box {
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    overflow: hidden;
    background: #f2f2f2;
    font-size: 14px;
    color: #656565;
}

.header-nav-box > .header-nav-left {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}

.header-nav-box > .header-nav-left > .header-nav-title {
    margin-right: 20px;
}

.header-nav-box > .header-nav-left > .header-nav-user .exit:hover {
    text-decoration: underline;
}

.header-nav-box > .header-nav-left > .header-nav-login span:hover {
    color: #0d8fff;
}

.header-nav-box > .header-nav-left > .header-nav-user .header-nav-login {
    color: #0d8fff;
    cursor: pointer;
}

.header-nav-box > .header-nav-right {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    text-align: right;
    float: right;
    user-select: none;
}

.header-nav-box > .header-nav-right span {
    margin-left: 34px;
    cursor: pointer;
}

.header-nav-box > .header-nav-right span a{
    color: #656565;
}

.header-nav-box > .header-nav-right span:hover, .header-nav-right span a:hover {
    color: #0D8FFF;
}

.c-p {
    cursor: pointer;
}