.head-nav {
    display: flex;
    border-bottom: 1px solid #bbb;
    position: relative;
}

.head-nav img {
    width: 40px;
    height: 35px;
}

.head-nav div {
    line-height: 40px;
}

.head-nav .loginInfo {
    position: absolute;
    right: 20px;
}

.head-nav .loginInfo .layui-nav-item {
    line-height: 0;
}

.head-nav .layui-nav-bar {
    height: 0;
}

.head-nav .loginInfo .layui-nav-item a {
    color: #000;
}

.head-nav .loginInfo .layui-nav {
    background-color: #fff;
}

.layui-nav .layui-nav-item a:hover {
    color: #3995e2 !important;
}

.content-in {
    display: flex;
}


.left-nav {
    margin-top: 20px;
}

.left-nav ul {
    width: 221px;
}

.left-nav ul li {
    padding: 15px 20px;
    font-size: 16px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.left-nav ul li:first-child {
    border-top: 1px solid #ccc;
    background-color: rgba(68, 141, 236, 1);
    color: #fff;
}

.left-nav ul li a {
    color: #000;
}

.left-nav ul li a.active {
    color: rgba(68, 141, 236, 1);
}


.right-info {
    margin-top: 20px;
    margin-left: 15px;
    border: 1px solid #ccc;
    width: 100%;
}

.right-info > ul {
    width: 98%;
    margin: auto;
}

.right-info > ul > li {
    padding: 15px 20px;
    border-bottom: 1px dashed #ccc;
    display: flex;
    font-size: 13px;
}

.right-info > ul > li:before {
    content: "·";
    font-weight: 600;
    width: 15px;
    height: 10px;
    color: #3995E2
}

.right-info > ul > li .date {
    width: 200px;
    text-align: right;
    color: #797979;
}

.right-info > ul > li .title {
    width: 100%;
    max-width: 670px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.right-info > ul > li .title a {
    color: #000;
}