.content .main .mainTitle {
    margin-bottom: 32px
}

.content .main .mainTitle a {
    position: relative;
    padding-left: 11px;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px
}

.content .main .mainTitle a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 3px;
    height: 19px;
    background-color: #2b9cf2
}

.content .main ul.list {
    padding: 20px 0px;
    -webkit-box-shadow: 0px 0px 10px #eee;
    box-shadow: 0px 0px 10px #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.content .main ul.list li {
    width: 382px;
    margin: 0px 26px 26px 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(68, 158, 255, .3);
    box-shadow: 0px 0px 10px rgba(68, 158, 255, .3);
    padding: 12px 0 20px;
    position: relative
}

.content .main ul.list li .liTitle,
.content .main ul.list li .liContent,
.content .main ul.list li .liList {
    width: 358px;
    margin: 0 auto
}

.content .main ul.list li .liTitle {
    background: -webkit-gradient(linear, right top, left top, from(#e1f5ff), to(rgba(225, 245, 255, 0)));
    background: linear-gradient(to left, #e1f5ff, rgba(225, 245, 255, 0));
    position: relative;
    padding: 10px 0px;
    margin-bottom: 20px
}

.content .main ul.list li .liTitle a {
    font-size: 20px;
    padding-left: 10px
}

.content .main ul.list li .liTitle::before {
    position: absolute;
    content: "·";
    font-size: 32px;
    color: #2b9cf2;
    left: 0;
    top: 0
}

.content .main ul.list li .liContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 32px
}
.content .main ul.list li .liContent span{
    display:flex;
    justify-content:space-around;
    width: 100%;
    margin-bottom: 2px;
}
.content .main ul.list li .liContent span a{
    display:block;
   
}
.content .main ul.list li .liContent span a img{
    display:block;
    width:100%;
}
.content .main ul.list li .liContent span.liFont span{
    width:80%;
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.content .main ul.list li .liContent a  {
    color: #2b9cf2
}
.content .main ul.list li .liContent a img{
    width: 30%;
}
.content .main ul.list li .liList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content .main ul.list li .liList .jianzhang,
.content .main ul.list li .liList .xuefei {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px 16px
}

.content .main ul.list li .liList .jianzhang span,
.content .main ul.list li .liList .xuefei span {
    color: #2b9cf2
}

.content .main ul.list li .liList .jianzhang .grayFonts,
.content .main ul.list li .liList .xuefei .grayFonts {
    color: #666
}

.content .main ul.list li .liList .jianzhang p,
.content .main ul.list li .liList .xuefei p {
    color: #f22b2b
}

.content .main ul.list li:nth-child(2n) {
    margin-right: 20px;
    margin-left: 0px
}