vueBox.css 799 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /*div, ul, li, span, img {
  2. margin: 0;
  3. padding: 0;
  4. display: flex;
  5. box-sizing: border-box;
  6. }*/
  7. .marquee {
  8. width: 100%;
  9. height: 50px;
  10. align-items: center;
  11. color: #3A3A3A;
  12. background-color: #F0F0F0;
  13. display: flex;
  14. box-sizing: border-box;
  15. }
  16. .marquee_title {
  17. padding: 5px 20px;
  18. height: 30px;
  19. font-size: 14px;
  20. border-right: 1px solid #d8d8d8;
  21. align-items: center;
  22. line-height: 1rem;
  23. }
  24. .marquee_box {
  25. display: block;
  26. position: relative;
  27. width: 80%;
  28. height: 30px;
  29. overflow: hidden;
  30. }
  31. .marquee_list {
  32. display: block;
  33. position: absolute;
  34. top: 0;
  35. left: 0;
  36. }
  37. .marquee_top {
  38. transition: all 0.5s;
  39. margin-top: -30px
  40. }
  41. .marquee_list li {
  42. height: 30px;
  43. line-height: 30px;
  44. font-size: 14px;
  45. padding-left: 10px;
  46. }
  47. .marquee_list li span {
  48. padding: 0 2px;
  49. }
  50. .red {
  51. color: #FF0101;
  52. }