circle.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. * {
  2. white-space: nowrap;
  3. overflow: hidden;
  4. text-overflow: ellipsis;
  5. }
  6. html,
  7. body {
  8. padding: 0;
  9. margin: 0;
  10. min-width: 960px;
  11. }
  12. body {
  13. background: url(https://img.x-motion.cn/home/image/leaderboard/bg_img.png) no-repeat;
  14. background-size: cover;
  15. }
  16. .title {
  17. margin: 43px;
  18. display: flex;
  19. justify-content: center;
  20. align-items: center;
  21. }
  22. .title img {
  23. margin-right: 37px;
  24. }
  25. .list {
  26. text-align: center;
  27. color: #fff;
  28. min-width: 940px;
  29. margin: 0 auto;
  30. width: 82.6%;
  31. padding: 0 10px;
  32. }
  33. .list_title {
  34. background: url(https://img.x-motion.cn/home/image/leaderboard/list_title.png);
  35. font-size: 33px;
  36. color: #fff;
  37. background-repeat: no-repeat;
  38. background-size: cover;
  39. }
  40. .list_contain {
  41. font-size: 24px;
  42. background-color: rgba(0, 0, 0, 0.8);
  43. background-image: url(https://img.x-motion.cn/home/image/leaderboard/list_contain.png);
  44. background-repeat: no-repeat;
  45. background-size: 100%;
  46. }
  47. .list_ct {
  48. text-align: center;
  49. display: flex;
  50. justify-content: center;
  51. }
  52. .list_contain .pos {
  53. color: #000;
  54. text-align: center;
  55. background: url(https://img.x-motion.cn/home/image/leaderboard/list_no2.png) no-repeat;
  56. background-position: 50% 50%;
  57. }
  58. .pos {
  59. width: 20%;
  60. }
  61. .racer {
  62. width: 18.4%;
  63. }
  64. .list_contain .racer {
  65. box-sizing: border-box;
  66. padding-left: 30px;
  67. display: flex;
  68. align-items: center;
  69. justify-content: flex-start;
  70. }
  71. .racer img {
  72. min-width: 42px;
  73. height: 42px;
  74. width: 42px;
  75. border-radius: 50%;
  76. margin-right: 60px;
  77. }
  78. .car_name {
  79. width: 24.3%;
  80. }
  81. .laps {
  82. width: 17.4%;
  83. }
  84. .time {
  85. width: 20.4%;
  86. }