.ad{
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ecf1f3;
}
.ad img{
    display: block;
    max-width: 100%;
}
.list-content{
    position: relative;
    margin-top: 20px;
    margin-left: 320px;
    min-height: 800px;
}
.list-content .left-side{
    position: absolute;
    left: -320px;
    /* height: 100%; */
    width: 300px;
}
.list-text{
    width: 880px;
}
.list-text li{
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ecf1f3;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
}
.list-text li:hover{
    box-shadow: 1px 0 8px rgba(1, 0, 8, .06)
}
.list-text li:hover .text-title{
    color:#ee1f1f;
}
.list-text li img{
    width: 193px;
    height: 115px;
    border: 1px solid #ecf1f3;
}
.text-box{
    width: 610px;
}
.text-title{
    display: block;
    font-size: 16px;
    color: #161a2a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-con{
    margin-top: 15px;
    height: 36px;
    line-height: 18px;
    font-size: 14px;
    color: #a1a1a3;
}
.text-b{
    margin-top: 15px;
    font-size: 12px;
    color: #a1a1a3;
}
.view-num{
    display: inline-block;
    margin-right: 20px;
    padding-left: 20px;
    background: url(../images/view.png) no-repeat 0 3px;
}
.left-side {
    background-color: #fff;
    border: 1px solid #ecf1f3;
    box-sizing: border-box;
}
.text-list>li {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ecf1f3;
    background-color: #fff;
    overflow: hidden;
}
.sub-list2 a {
    display: block;
    padding-left: 43px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #222;
    border-left: 5px solid #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.sub-list2 a:hover, .sub-list2 a.active {
    background-color: #ee1f1f;
    border-left-color: #c41818;
    color: #fff;
}