xxgg1.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. body{
  2. overflow:hidden;
  3. height:300px
  4. }
  5. .swiper {
  6. width: 40%;
  7. height: 98%;
  8. float:left;
  9. }
  10. .swiper-title{
  11. width:60%;
  12. color:#fff;
  13. padding-left:8px;
  14. overflow:hidden;
  15. white-space:nowrap;
  16. text-overflow:ellipsis;
  17. }
  18. .swiper-pagination-bullet{
  19. width:10px;
  20. height:11px;
  21. opacity:0.8;
  22. border:3px solid #ffd800;
  23. border-radius:5px;
  24. background-color:transparent;
  25. }
  26. .swiper-pagination-bullet-active{
  27. opacity:1;
  28. background:#ffd800
  29. }
  30. .imgItem{
  31. width:100%;
  32. height:100%;
  33. position:relative;
  34. }
  35. .imgItem img{
  36. position:absolute;
  37. left:50%;
  38. top:50%;
  39. transform:translate(-50%,-50%)
  40. }
  41. .sp-tab{
  42. color:#fff;
  43. background-color:transparent;
  44. }
  45. .sp-tab .sp-tab-menu{
  46. border-bottom:1px solid #fff
  47. }
  48. .sp-tab .sp-tab-menu li{
  49. color:#fff
  50. }
  51. .sp-tab .sp-tab-menu li.sp-tab-current{
  52. color:#ffd800;
  53. border-color:#ffd800
  54. }
  55. .newsList li{
  56. line-height:25px;
  57. }
  58. .newsList li span{
  59. display:inline-block;
  60. overflow:hidden;
  61. white-space:nowrap;
  62. text-overflow:ellipsis;
  63. }
  64. .newsList li .circle{
  65. width:10px;
  66. height:10px;
  67. border-radius:5px;
  68. background-color:#ffd800;
  69. margin-right:10px;
  70. position:relative;
  71. top:-7px;
  72. }