.content_l {
    width: 210px;
    -webkit-box-shadow: 0px 0px 10px rgba(238,238,238,.8);
    box-shadow: 0px 0px 10px rgba(238,238,238,.8);
    padding: 0 10px;
    float: left;
    margin-right: 18px;
}

    .content_l .l_item {
        padding: 20px 0;
        border-bottom: 1px solid #eeeeee;
    }

        .content_l .l_item:last-child {
            border-bottom: 0;
        }

        .content_l .l_item .title {
            height: 20px;
            line-height: 20px;
            background-repeat: no-repeat;
            background-position: 0 center;
            padding-left: 30px;
            margin-bottom: 15px;
            font-size: 16px;
        }

        .content_l .l_item .title1 {
            background-image: url('images/icon3.png');
        }

        .content_l .l_item .title2 {
            background-image: url('images/icon4.png');
        }

        .content_l .l_item .title3 {
            background-image: url('images/icon5.png');
        }

        .content_l .l_item .title4 {
            background-image: url('images/icon6.png');
        }

        .content_l .l_item .title5 {
            background-image: url('images/icon7.png');
        }

.l_tags {
    display: flex;
    flex-wrap: wrap;
}

    .l_tags a {
        display: block;
        width: 45%;
        font-size: 14px;
        line-height: 30px;
    }

        .l_tags a:nth-child(odd) {
            margin-right: 4%;
        }

        .l_tags a:hover {
            text-decoration: underline;
            color: #0aa360;
        }

.content_c {
    width: 690px;
    -webkit-box-shadow: 0px 0px 10px rgba(238,238,238,.8);
    box-shadow: 0px 0px 10px rgba(238,238,238,.8);
    padding: 0 15px;
    float: left;
}

.c_tabbar {
    display: flex;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #d8d8d8;
}

    .c_tabbar li {
        width: 80px;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
    }

        .c_tabbar li.on {
            border-bottom: 2px solid #0aa360;
            color: #0aa360;
        }

.content {
    display: none;
    padding: 0 15px;
}

#content1 {
    display: block;
}

.content .content_item {
    padding: 20px 0;
    border-bottom: 1px solid #d8d8d8;
}

    .content .content_item:last-child {
        border-bottom: 0;
    }

.content_item {
    display: flex;
}

    .content_item .avatar {
        margin-right: 15px;
        flex-shrink: 0;
    }

        .content_item .avatar img {
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

    .content_item .describe {
        width: 100%;
    }

    .content_item .question_date {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        margin-bottom: 10px;
        color: #333;
    }

.question_date .question span:nth-child(1) {
    margin-left: 15px;
    margin-right: 10px;
    color: #999;
    font-size: 14px;
}

.question_date .question span:nth-child(2) {
    color: #0aa360;
    font-size: 14px;
}

.content_item .question_date .date {
    color: #666;
    font-size: 14px;
}

.content_item .question_date .asktitle {
    color: #0aa360;
}

.content_item .des {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}

.content_item .ans {
    color: #666;
    font-size: 14px;
}

    .content_item .ans span:nth-child(1) {
        display: inline-block;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        border-radius: 3px;
        background-color: #0aa360;
        color: #fff;
        margin-right: 5px;
    }

    .content_item .ans span:nth-child(2) {
        color: #ff6c14;
    }

#carea {
    width: 110px;
}