富茂链客Pcg官网
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

152 lines
2.8 KiB

  1. .jianliBox {
  2. margin-top: 80px;
  3. width: 100%;
  4. /* height: 600px;
  5. position: relative;
  6. background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_banner.png');
  7. background-repeat: no-repeat;
  8. background-size: 100% 100%;
  9. cursor: pointer; */
  10. }
  11. .textBox {
  12. position: absolute;
  13. top: 140px;
  14. left: 359px;
  15. /* background: linear-gradient(265deg, #0067ED, #02A3FF, #0E5DDB); */
  16. }
  17. .titleBefore {
  18. font-size: 60px;
  19. font-family: OPPOSans;
  20. font-weight: bold;
  21. color: #202530;
  22. float: left;
  23. }
  24. .title {
  25. background-image: -webkit-linear-gradient(265deg, #0067ED, #02A3FF, #0E5DDB);
  26. -webkit-background-clip: text;
  27. -webkit-text-fill-color: transparent;
  28. font-size: 60px;
  29. font-family: OPPOSans;
  30. font-weight: bold;
  31. float: left;
  32. }
  33. .textp {
  34. width: 380px;
  35. height: 20px;
  36. font-size: 20px;
  37. font-family: Microsoft YaHei;
  38. font-weight: 400;
  39. color: #575B61;
  40. margin-top: 35px;
  41. margin-bottom: 57px;
  42. }
  43. .zhixun {
  44. width: 260px;
  45. height: 60px;
  46. background: #0067ED;
  47. border-radius: 6px;
  48. color: #ffffff;
  49. text-align: center;
  50. font-size: 20px;
  51. font-family: OPPOSans;
  52. font-weight: 500;
  53. line-height: 60px;
  54. cursor: pointer;
  55. }
  56. .conversionBox {
  57. overflow: hidden;
  58. }
  59. .conversionTitle {
  60. text-align: center;
  61. margin-top: 100px;
  62. font-size: 48px;
  63. font-family: OPPOSans;
  64. font-weight: bold;
  65. color: #202530;
  66. margin-bottom: 30px;
  67. }
  68. .conversionText {
  69. width: 1086px;
  70. font-size: 18px;
  71. font-family: Microsoft YaHei;
  72. font-weight: 400;
  73. color: #8A8F99;
  74. line-height: 34px;
  75. margin: 0 auto;
  76. text-align: center;
  77. }
  78. .conversionImg {
  79. margin: 60px auto 0 auto;
  80. display: block;
  81. }
  82. .conversionImg2 {
  83. margin: -200px auto 0 auto;
  84. display: block;
  85. }
  86. .productBox {
  87. height: 842px;
  88. /* background: #F8FAFF; */
  89. overflow: hidden;
  90. background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/syll_cpfw_bnt.png');
  91. background-repeat: no-repeat;
  92. }
  93. .productText {
  94. font-size: 48px;
  95. font-family: OPPOSans;
  96. font-weight: bold;
  97. color: #202530;
  98. text-align: center;
  99. margin-top: 96px;
  100. margin-bottom: 80px;
  101. }
  102. .imgItemBox {
  103. width: 1200px;
  104. margin: 0 auto;
  105. display: flex;
  106. flex-wrap: wrap;
  107. justify-content: space-between;
  108. }
  109. .imgItem {
  110. width: 23%;
  111. height: 226px;
  112. background-color: #ffffff;
  113. margin-bottom: 10px;
  114. border-radius: 6px;
  115. }
  116. .itemImg {
  117. width: 50px;
  118. height: 50px;
  119. margin: 30px 0 25px 22px;
  120. }
  121. .itemTitle {
  122. font-size: 20px;
  123. font-family: Microsoft YaHei;
  124. font-weight: bold;
  125. color: #202530;
  126. margin-left: 22px;
  127. }
  128. .itemP {
  129. font-size: 16px;
  130. font-family: Microsoft YaHei;
  131. font-weight: 400;
  132. color: #A1A7B3;
  133. margin-left: 22px;
  134. margin-top: 16px;
  135. }