help.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .main {
  2. position: relative;
  3. width: 100%;
  4. min-width: 1200px;
  5. overflow-x: hidden;
  6. }
  7. .main .wrapper {
  8. position: relative;
  9. z-index: 1;
  10. }
  11. .main .tit {
  12. padding: 100px 0 50px;
  13. }
  14. .main .tit h2 {
  15. text-align: center;
  16. font-size: 26px;
  17. font-family: PingFangSC-Semibold, PingFang SC;
  18. }
  19. .main .tit p {
  20. color: #999999;
  21. font-size: 18px;
  22. text-align: center;
  23. }
  24. .main .tit p a {
  25. color: #02AB79;
  26. }
  27. .main dl {
  28. border: 1px solid #02AB79;
  29. border-radius: 20px;
  30. padding: 32px;
  31. box-sizing: border-box;
  32. margin-bottom: 30px;
  33. background-color: #F5F5F5;
  34. }
  35. .main dl:hover dt, .main dl:hover dd, .main dl:hover dt h5 {
  36. color: #02AB79;
  37. }
  38. .main dl dt h5 {
  39. font-size: 18px;
  40. font-family: PingFangSC-Semibold, PingFang SC;
  41. margin-bottom: 16px;
  42. }
  43. .main dl dt > div {
  44. display: -ms-flexbox;
  45. display: flex;
  46. -ms-flex-pack: justify;
  47. justify-content: space-between;
  48. font-size: 16px;
  49. }
  50. .main dl dt > div .tags span {
  51. margin-right: 12px;
  52. }
  53. .main dl dt > div .times {
  54. display: -ms-flexbox;
  55. display: flex;
  56. -ms-flex-align: center;
  57. align-items: center;
  58. cursor: pointer;
  59. }
  60. .main dl dt > div .times:after {
  61. display: block;
  62. content: '';
  63. background: url(../img/arrow-t-c-3f19b4ca.png) no-repeat center;
  64. background-size: 11px 6px;
  65. width: 20px;
  66. height: 20px;
  67. margin-left: 5px;
  68. }
  69. .main dl dd {
  70. font-size: 16px;
  71. }
  72. .main .pagation {
  73. margin-bottom: 50px;
  74. }