watermark.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .titleH2 {
  2. height: 48px;
  3. font-size: 36px;
  4. font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  5. font-weight: bold;
  6. color: #364049;
  7. line-height: 42px;
  8. text-align: center;
  9. margin-top: 80px;
  10. }
  11. /* 适用场景 */
  12. .wscene {
  13. width: 1280px;
  14. margin: 0 auto;
  15. overflow: hidden;
  16. }
  17. .wsceneList {
  18. width: 1200px;
  19. margin-top: 80px;
  20. margin-bottom: 100px;
  21. margin-left: auto;
  22. margin-right: auto;
  23. display: flex;
  24. flex-wrap: wrap;
  25. justify-content: space-between;
  26. }
  27. .wsceneItems {
  28. width: 580px;
  29. height: 300px;
  30. background: #FFF;
  31. box-shadow: 0px 8px 30px 1px rgba(218, 230, 246, 0.4);
  32. border-radius: 8px;
  33. box-sizing: border-box;
  34. overflow: hidden;
  35. display: flex;
  36. justify-content: center;
  37. align-items: center;
  38. margin-bottom: 40px;
  39. }
  40. .wsceneItems>img {
  41. display: block;
  42. width: 254px;
  43. height: 180px;
  44. margin-right: 28px;
  45. border-radius: 10px;
  46. }
  47. .wsceneItems>.changjinwenben {
  48. width: 240px;
  49. }
  50. .wsceneItems>.changjinwenben>h3 {
  51. height: 37px;
  52. font-size: 28px;
  53. font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  54. font-weight: 400;
  55. color: #364049;
  56. line-height: 33px;
  57. }
  58. .wsceneItems>.changjinwenben>p {
  59. font-size: 16px;
  60. font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  61. font-weight: 400;
  62. color: #99ABBC;
  63. line-height: 28px;
  64. margin-top: 16px;
  65. }