.middleContent {
    width: 660px;
}
.slideBox {
    margin-bottom: 6px;
    display: block;
    zoom: 1;
}
/* @charset "utf-8"; */
/* CSS Document */
*{
    padding:0px;
    border:0px;
    margin:0px;
}
ul {
    list-style:none;
}
.slideBox {
    width:660px;
    height:300px;
    box-shadow:2px 2px 10px #C38DD4;
    position:relative;
    overflow:hidden;
}
.slideBox ul {
    position:relative;
    width:3960px;}
.slideBox ul li {
    float:left;
    width:660px;
    height:300px;
    position:relative;

}
.spanBox {
    position:absolute;
    width:300px;
    height:20px;
    bottom:10px;
    left:245px;
}
.spanBox span {
    width:18px;
    height:18px;
    margin-left:5px;
    background-color:rgba(201,178,207,1.00);
    float:left;
    line-height:16px;
    text-align:center;
    text-shadow:2px 2px 2px #C5EBF0;
    font-family:cabin-sketch;

    font-size:15px;
}
.slideBox .spanBox .active {
    background-color:rgba(155,83,244,0.79);
    border:solid 1px #BEEBEC;
    border-radius:4px;
}
.prev {
    position:absolute;
    left:0px;
    top:140px;
    float:left;
    opacity:0.5;
}
.next {
    width:30px;
    height:30px;
    position:absolute;
    right:0px;
    top:140px;
    float:right;
    /* border-right:solid 1px rgba(245,237,237,1.00); */
    opacity:0.5
}

.title-box a:hover{
    color:#406599;
}

.single-mode-img{
    height: 157px;
    position: relative;
    display: block;
    zoom: 1;
}
.single-mode-lbox {
    width: 25%;
    height: 100px;
    margin-right: 16px;
    display: inline-block;
}
.single-mode-lbox img{
    display: inline-block;
    width: 100%;
    height: 100px;
    vertical-align: middle;
    transition: all .5s ease-out .1s;
    border:1px solid #E8E8E8;
}
.single-mode-rbox-inner{
    width: 71%; 
    display: inline-block;
    vertical-align: middle;
}
.title-box {
    display: block;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 6px;
    font-weight: 700;
    max-height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:left;
}
.title-box a {
    font-size: 20px;
}
.title-box span {
    font-size: 20px;
}
.footer-bar {
    color: #999;
    margin-top: 5px;
    display: block;
    zoom: 1;
}
.footer-bar-action, .footer-bar-left {
    display: inline-block;
    vertical-align: middle;
}
.footer-bar-left {
    font-size: 0;
    line-height: 20px;
    font-size: 14px
}
.footer-bar-action.tag {
    font-size: 12px;
    color: #eee;
    margin-right: 10px;
    padding: 1px 2px;
    border: 1px solid #eee;
}
.footer-bar-action {
    font-size: 14px;
    line-height: 1;
}
.footer-bar-action, .footer-bar-left {
    display: inline-block;
    vertical-align: middle;
}
.tag-style-other {
    border-color: #87a5b5!important;
    color: #87a5b5!important;
}
.img-wrap, .img-wrap:before {
    display: inline-block;
    height: 100%;
}
.img-wrap>img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    transition: all .5s ease-out .1s;
}
img {
    border-style: none;
}
.img-wrap {
    position: relative;
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: 1px solid #e8e8e8;
    background: #e8e8e8;
    overflow: hidden;
    transform-style: preserve-3d;
}
.footer-bar-action.source {
    color: #777;
    font-size: 14px;
    margin-right: 10px
}
.img-list li{
    float:left;
    position:relative;
    margin-right: 5px;
    width: 24%;
}
.img-list li img{
    width:100%;
    height: 101px;
    border:1px solid #E8E8E8;
}
.newList>li{
    float: left;
    width: 100%;
}
.img-list{
    float: left;
    width: 100%;
}


.single-mode{
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
    width: 100%;
}

/* *{
    margin: 0;
    padding: 0;
    font-size: 12px;
} */
ul{
    list-style: none;
}
ul li a{
    text-decoration: none;
}