operationalAnalysis.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .operation {
  2. padding: 15px;
  3. font-family: PingFangSC-Regular, PingFang SC;
  4. &-header {
  5. width: 100%;
  6. border: solid 1px #fff;
  7. display: flex;
  8. justify-content: space-between;
  9. border-radius: 5px;
  10. margin-bottom: 18px;
  11. &-item {
  12. width: 50%;
  13. text-align: center;
  14. line-height: 49px;
  15. color: #fff;
  16. font-size: 18px;
  17. font-family: PingFangSC-Regular, PingFang SC;
  18. }
  19. .active {
  20. background-color: #fff;
  21. color: #434343;
  22. }
  23. }
  24. &-main {
  25. padding: 30px 15px 0;
  26. background-color: #fff;
  27. border-radius: 5px;
  28. &-menu {
  29. display: flex;
  30. flex-wrap: wrap;
  31. &-item {
  32. width: calc(33% - 20px);
  33. text-align: center;
  34. margin-right: 30px;
  35. margin-bottom: 29px;
  36. &:nth-child(3n) {
  37. margin-right: 0;
  38. }
  39. .image {
  40. width: 60px;
  41. margin: 0 auto 10px;
  42. }
  43. .name {
  44. color: #393939;
  45. font-family: PingFangSC-Regular, PingFang SC;
  46. font-size: 13px;
  47. }
  48. }
  49. }
  50. }
  51. }