about.less 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. //导航条
  2. .breadcrumb {
  3. width: 1200px;
  4. margin: 0 auto;
  5. height: 22px;
  6. padding-bottom: 40px;
  7. margin-top: 40px;
  8. margin-bottom: 60px;
  9. border-bottom: 1px solid #d9d9d9;
  10. font-family: Microsoft YaHei, Microsoft YaHei;
  11. font-weight: 400;
  12. font-size: 20px;
  13. color: #666666;
  14. line-height: 23px;
  15. text-align: left;
  16. font-style: normal;
  17. text-transform: none;
  18. .el-breadcrumb::v-deep {
  19. display: inline-block;
  20. vertical-align: -4px;
  21. }
  22. /deep/.el-breadcrumb__inner a,
  23. /deep/.el-breadcrumb__inner.is-link {
  24. color: #666666;
  25. font-weight: 400;
  26. text-decoration: none;
  27. transition: var(--el-transition-color);
  28. }
  29. span {
  30. font-family: Microsoft YaHei, Microsoft YaHei;
  31. font-weight: 400;
  32. font-size: 20px;
  33. color: #666666;
  34. line-height: 23px;
  35. text-align: left;
  36. font-style: normal;
  37. text-transform: none;
  38. }
  39. span:hover {
  40. color: #666666;
  41. }
  42. .location {
  43. margin-right: 20px;
  44. width: 100px;
  45. height: 22px;
  46. font-family: Microsoft YaHei, Microsoft YaHei;
  47. font-weight: 400;
  48. font-size: 20px;
  49. color: #666666;
  50. line-height: 23px;
  51. text-align: left;
  52. font-style: normal;
  53. text-transform: none;
  54. }
  55. }
  56. // 资讯列表
  57. .newsDetail {
  58. width: 100%;
  59. // height: 1400px;
  60. // margin-bottom: 70px;
  61. .inner {
  62. width: 1200px;
  63. font-size: 16px;
  64. position: relative;
  65. .innerDetail {
  66. width: 1080px;
  67. margin: 0 auto;
  68. margin-bottom: 60px;
  69. .headImg {
  70. width: 1086px;
  71. height: 10px;
  72. background: url("@/public/special/head11.png") no-repeat 100% 100%;
  73. }
  74. .footImg {
  75. width: 1086px;
  76. height: 7px;
  77. background: url("@/public/special/foot01.png") no-repeat 100% 100%;
  78. }
  79. .innerDetail1 {
  80. width: 1086px;
  81. margin: 0 auto;
  82. padding: 30px 50px 40px;
  83. box-sizing: border-box;
  84. border-left: 1px solid #DBBE9E;
  85. background: url("@/public/special/mid01.png") repeat-y 100% 100%;
  86. }
  87. .leftBottom::v-deep {
  88. font-size: 16px;
  89. line-height: 40px;
  90. }
  91. }
  92. .innerLeft {
  93. width: 279px;
  94. position: absolute;
  95. top: 3px;
  96. left: -155px;
  97. .rightMenuTitle {
  98. width: 279px;
  99. height: 69px;
  100. font-size: 22px;
  101. font-weight: bold;
  102. line-height: 58px;
  103. text-align: center;
  104. color: #fff;
  105. background: url("@/public/special/projectMoreTitle.png") no-repeat;
  106. margin-bottom: 30px;
  107. }
  108. ul {
  109. li {
  110. a {
  111. display: inline-block;
  112. width: 144px;
  113. height: 60px;
  114. line-height: 60px;
  115. text-align: center;
  116. background-color: #F4F4F4;
  117. border-top: 1px #fff solid;
  118. font-family: Microsoft YaHei, Microsoft YaHei;
  119. font-weight: 400;
  120. font-size: 16px;
  121. color: #000000;
  122. }
  123. }
  124. li:nth-child(1) {
  125. width: 144px;
  126. height: 60px;
  127. line-height: 60px;
  128. text-align: center;
  129. background-color: #F4F4F4;
  130. border-top: 1px #fff solid;
  131. font-family: Microsoft YaHei, Microsoft YaHei;
  132. font-weight: 400;
  133. font-size: 16px;
  134. color: #dd7d18;
  135. }
  136. }
  137. .active {
  138. background: #dd7d18;
  139. color: #fff;
  140. }
  141. }
  142. }
  143. }
  144. //本网招聘
  145. .projectMoreBox {
  146. margin: 0 auto;
  147. height: 520px;
  148. //margin-top: 20px;
  149. //background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/special/projectMoreBg.png") no-repeat;
  150. .projectMoreTitle {
  151. color: #dd7d18;
  152. padding-top: 20px;
  153. font-size: 26px;
  154. //padding-left: 204px;
  155. }
  156. .projectMoreText {
  157. padding: 40px;
  158. font-size: 20px;
  159. color: #333333;
  160. text-indent: 2em;
  161. line-height: 36px;
  162. }
  163. }
  164. .innerTitle {
  165. font-size: 24px;
  166. border-bottom: 1px solid #dd7d18;
  167. padding-bottom: 20px;
  168. }
  169. .list {
  170. height: 570px;
  171. margin-bottom: 70px;
  172. padding-bottom: 10px;
  173. margin-top: 10px;
  174. >li {
  175. width: 790px;
  176. height: 60px;
  177. white-space: nowrap;
  178. overflow: hidden;
  179. text-overflow: ellipsis;
  180. line-height: 60px;
  181. //border-bottom: 1px solid #D9D9D9;
  182. >a {
  183. width: 360px;
  184. height: 26px;
  185. cursor: pointer;
  186. font-family: Microsoft YaHei, Microsoft YaHei;
  187. font-weight: 400;
  188. font-size: 20px;
  189. color: #333333;
  190. line-height: 26px;
  191. text-align: left;
  192. font-style: normal;
  193. text-transform: none;
  194. }
  195. }
  196. }