.swiper-relatedlist {
    width: 100%;
    height: 135px;
    margin: auto;
    padding: 5px 0px;
}
.swiper-relatedlist .swiper-slide {
    text-align: center;
    width: 180px;
}

.related-article .swiper-slide img
{
    opacity: 0.8;
}

.related-article .swiper-slide-active img{
    opacity: 1;
}

.related-article .swiper-slide .title{
    background: rgba(0,0,0,0.5);
}

.related-article .select img{
    box-sizing: border-box;
    border: 5px #e12c3d solid;
}

.swiper-image {
    width: 100%;
    height: auto;
}

.swiper-image .swiper-slide {
    text-align: center;
    width: 100%;

}

.swiper-image .swiper-slide img{
    max-width: 100%;
}
/*改变了颜色和加粗的样式*/
.swiper-image .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e12c3d'%2F%3E%3C%2Fsvg%3E");}
/*.swiper-image .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23e12c3d'%2F%3E%3C%2Fsvg%3E");}*/
.swiper-image .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e12c3d'%2F%3E%3C%2Fsvg%3E");}

.channel-list {
    margin-top: 10px;
}
.channel-list .row {
    margin: 0 0px;
}
.channel-list .col-sm-4 {
    position: relative;
    display: block;
    padding: 0 5px;
    margin: 5px auto;
}
.channel-list .related-item {
    position: relative;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    overflow: hidden;
}
.channel-list .related-item img {
    width: 100%;
}
.channel-list .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding: 5px 10px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    z-index: 999;
}
.channel-list .title h4{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #fff;
    text-align: left;
}

.channel-list .swiper-slide .item-content{
    overflow: hidden; height: 0px;color: #ccc; font-size: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.channel-list .swiper-slide:hover .item-content{
    height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.channel-list .swiper-slide img
{
    opacity: 0.8;
}

.channel-list .swiper-slide-active img{
    opacity: 1;
}

.channel-list .swiper-slide .title{
    background: rgba(0,0,0,0.5);
}

.channel-list .select img{
    box-sizing: border-box;
    border: 5px #e12c3d solid;
}
.channel-list h3 em a{font-size: 14px; float: right;
    color: #e12b3c; font-style: normal}

.channel-list .swiper-relatedlist {
    width: 100%;
    height: 200px;
    margin: auto;
    padding: 5px 0px;
}
.channel-list .swiper-relatedlist .swiper-slide {
    text-align: center;
    width: 240px;
}
.channel-list .swiper-pagination{bottom:0px;}
.swiper-pagination-bullet-active {
    background: #e12b3c;
}