.content {
    flex: 1;
    padding: 20px 0;
}

.cont-left {
    width: 25%;
}

.list-head {
    font-size: 20px;
    background: #45ad8c;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

.list-text {
    padding: 15px;
    text-align: left;
    background-color: #e4f4ef;
    margin-top: 10px;
    font-size: 14px;
}

    .list-text a {
        color: #878a95;
    }

    .list-text i {
        color: #45ad8c;
        margin-right: 16px;
    }

    .list-text.active a,
    .list-text a:hover {
        color: #f00;
    }

.cont-right {
    width: 73%;
}

.breadcrumb {
    background: #f5f5f5;
    font-size: 14px;
    color: #878a95;
    padding: 8px 15;
    margin-bottom: 20px;
    border-radius: 4px;
}

    .breadcrumb > li + li + li:before {
        color: #878a95;
        font: normal normal normal 12px/1 LineAwesome;
        content: '/';
        padding: 0 5px;
    }

    .breadcrumb li a {
        font-size: 14px;
        color: #878a95;
    }

    .breadcrumb i {
        color: #dd723e;
        margin-right: 10px;
    }

.info-text a {
    font-size: 14px;
    color: #878a95;
    max-width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .info-text a:hover {
        text-decoration: underline !important;
    }

.info-time {
    font-size: 12px;
}

.info-text {
    /*max-width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    width: calc(100% - 80px);
}

.info-list {
    padding-left: 15px;
    line-height: 32px;
}

    .info-list i {
        color: #45ad8c;
        margin-right: 8px;
    }

.right-box {
    margin-bottom: 10px;
}

.fanye-box {
    text-align: right;
}

    .fanye-box span,
    .fanye-box a {
        font-size: 14px;
        color: #878a95;
    }

@media screen and (max-width:1023px) {
    .cont-box {
        flex-wrap: wrap;
    }

        .cont-box > div {
            width: 100%;
        }

    .cont-left {
        margin-bottom: 20px;
    }
}