123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- 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;
- }
|