body{
    overflow:hidden;
    height:300px
}
.swiper {
    width: 40%;
    height: 98%;
    float:left;
}  
.swiper-title{
    width:60%;
    color:#fff;
    padding-left:8px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;    
}
.swiper-pagination-bullet{
    width:10px;
    height:11px;
    opacity:0.8;
    border:3px solid #ffd800;
    border-radius:5px;
    background-color:transparent;
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:#ffd800
}
.imgItem{
    width:100%;
    height:100%;
    position:relative;
}
.imgItem img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}

.sp-tab{
    color:#fff;
    background-color:transparent;
}
.sp-tab .sp-tab-menu{
    border-bottom:1px solid #fff
}
.sp-tab .sp-tab-menu li{
    color:#fff
}
.sp-tab .sp-tab-menu li.sp-tab-current{
    color:#ffd800;
    border-color:#ffd800
}

.newsList li{
    line-height:25px;

}
.newsList li span{
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.newsList li .circle{
    width:10px;
    height:10px;
    border-radius:5px;
    background-color:#ffd800;
    margin-right:10px;
    position:relative;
    top:-7px;
}