sports.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @charset "utf-8";
  2. .grey-line{
  3. position: absolute;
  4. width: calc(100% - 20px);
  5. height: 1px;
  6. top: 50%;
  7. left: 10px;
  8. background-color: #e1e1e1;
  9. z-index: -1;
  10. }
  11. .c-f25{font-size: 25px;}
  12. .c-17b3ec{color: #17b3ec;}
  13. .c-ccc{color: #ccc;}
  14. .wrapper{
  15. width: 100%;
  16. height: 200px;
  17. background-color: #fff;
  18. position:relative;
  19. overflow:hidden;
  20. padding-top: 20px;
  21. }
  22. .wrapper .text{
  23. position: absolute;
  24. width: 200px;
  25. top: 50%;
  26. left: 50%;
  27. margin-left: -100px;
  28. margin-top: -38px;
  29. }
  30. .jiao{
  31. position: absolute;
  32. left: 50%;
  33. bottom: 0;
  34. margin-left: -34px;
  35. background: #fff;
  36. /*padding: 0 5px;*/
  37. z-index: 10;
  38. border-radius: 0px;
  39. width: 45px;
  40. margin-left: -45px;
  41. }
  42. .left{
  43. display: inline-block;
  44. width: 10px;
  45. background-color: #17b3ec;
  46. height: 10px;
  47. border-radius: 5px;
  48. /*clip: rect(0px, 10px, 10px, 5px);*/
  49. position: absolute;
  50. left: 0;
  51. margin-left: -2px;
  52. top: 2px;
  53. }
  54. .right{
  55. display: inline-block;
  56. width: 10px;
  57. background-color: #e1e1e1;
  58. height: 10px;
  59. border-radius: 5px;
  60. position: absolute;
  61. right: 0;
  62. margin-right: -5px;
  63. top: 12px;
  64. }