.list-container {
    margin-top: 210px;
    min-width: 1000px;
}

.query-content {
    min-height: 900px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    padding: 0 70px;
}

.query-title {
    height: 50px;
    line-height: 50px;
    background-color: #FFFFFF;
}

.query-left {
    width: 260px;
    padding: 15px;
}

.query-cats {
    border: 1px solid #3366cc;
    margin-bottom: 30px;
    padding:15px 15px 50px 15px;
}

.left-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
}
    .left-item a:hover{
        color:#3366cc;
    }

    .left-title {
        font-size: 25px;
        font-weight: 600;
        height: 50px;
        line-height: 50px;
        color: white;
        background-color: #3366cc;
        text-align: center;
        margin: 0 -5px 0 -5px;
        box-shadow: rgba(33,66,200,0.9) 5px 5px inherit;
    }

.query-main {
    flex-grow: 1;
    padding: 15px 15px 15px 0;
}

.main-item {
    padding:15px;
    border-bottom:1px dotted #808080;
}

.main-item-date {
    padding:15px 0;
    color:#808080;
}

.main-item-link {
    flex-grow: 1;
    font-weight: 600;
    font-size: 30px;
}
.main-load-more{
    height:100px;
    line-height:100px;
    text-align:center;
}
    .main-load-more a {
        border: 1px solid #808080;
        padding: 15px 60px;
    }
    .main-load-more a:hover{
        border: 1px solid #3366cc;
        padding: 15px 60px;
        color:#3366cc;
    }