economics.css 744 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. body{
  2. color: var(--text-color);
  3. /* background: #000; */
  4. }
  5. .s1{
  6. margin: 0px auto;
  7. }
  8. .s1,.s2{
  9. display: flex;
  10. justify-content: space-between;
  11. flex-wrap: wrap;
  12. }
  13. .s1 .card{
  14. width: 49%;
  15. height: 120px;
  16. margin-bottom: 10px;
  17. padding: 10px;
  18. box-sizing: border-box;
  19. display: flex;
  20. flex-direction: column;
  21. justify-content: space-between;
  22. padding: 10px;
  23. box-sizing: border-box;
  24. }
  25. .s1 .card p{
  26. font-size: 14px;
  27. color: var(--sub-text-color);
  28. }
  29. .s1 .card .f-item{
  30. display: flex;
  31. justify-content: space-between;
  32. }
  33. .s2 .card{
  34. width: 49%;
  35. height: 180px;
  36. margin-bottom: 10px;
  37. }
  38. .s1 .card .f-item{
  39. display: flex;
  40. }
  41. #gdp,#outIn,#addVal,#xiaofei,#guding,#gongshang{
  42. /* background: #0091fe; */
  43. padding: 10px;
  44. }