zgzpzhaopin.less 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
  1. * {
  2. font-family: "微软雅黑", "microsoft yahei";
  3. }
  4. .gangwei {
  5. margin: 30px auto;
  6. }
  7. ul,
  8. ol {
  9. list-style: none;
  10. }
  11. a:active {
  12. text-decoration: none;
  13. }
  14. a:hover {
  15. text-decoration: none;
  16. }
  17. a:visited {
  18. text-decoration: none;
  19. }
  20. a:link {
  21. text-decoration: none;
  22. }
  23. a:focus {
  24. text-decoration: none;
  25. }
  26. body {
  27. position: relative;
  28. }
  29. .clearfix {
  30. overflow: hidden;
  31. }
  32. .clearfix_2::after {
  33. content: '';
  34. display: block;
  35. height: 0;
  36. visibility: hidden;
  37. clear: both;
  38. }
  39. .hiddenColor {
  40. visibility: hidden;
  41. }
  42. .hand {
  43. cursor: pointer;
  44. }
  45. .aTag_parent {
  46. position: relative;
  47. }
  48. .aTag_parent>a,
  49. .aTag {
  50. display: block;
  51. width: 100%;
  52. height: 100%;
  53. position: absolute;
  54. z-index: 99;
  55. border: 0px;
  56. top: 0px;
  57. left: 0px;
  58. background: rgba(0, 0, 0, 0);
  59. }
  60. .dot1 {
  61. display: block;
  62. word-break: keep-all;
  63. white-space: nowrap;
  64. overflow: hidden;
  65. text-overflow: ellipsis;
  66. }
  67. .dot2 {
  68. overflow: hidden;
  69. display: -webkit-box;
  70. -webkit-box-orient: vertical;
  71. -webkit-line-clamp: 2;
  72. }
  73. input,
  74. img {
  75. border: none;
  76. }
  77. .cover100 img {
  78. display: block;
  79. width: 100%;
  80. height: 100%;
  81. object-fit: cover;
  82. }
  83. .back100 {
  84. background-size: 100% 100%;
  85. background-repeat: no-repeat;
  86. }
  87. article,
  88. aside,
  89. footer,
  90. header,
  91. time,
  92. video,
  93. main,
  94. nav,
  95. h4,
  96. h3,
  97. section {
  98. display: block;
  99. }
  100. .index_main {
  101. margin: 0 auto;
  102. }
  103. .slow_6 {
  104. -webkit-transition: all .6s;
  105. -moz-transition: all .6s;
  106. -ms-transition: all .6s;
  107. -o-transition: all .6s;
  108. transition: all .6s;
  109. }
  110. .index_main {
  111. width: 1200px;
  112. }
  113. .color_main {
  114. box-sizing: border-box;
  115. background: #fbfbfb;
  116. border: solid 1px #fbfbfb;
  117. /* background:pink; */
  118. }
  119. .cruit_head_box {
  120. border-bottom: solid 1px #D9D9D9;
  121. }
  122. .cruit_head_left {
  123. float: left;
  124. }
  125. .cruit_head_a {
  126. float: left;
  127. height: 55px;
  128. line-height: 55px;
  129. color: #333;
  130. font-weight: bold;
  131. font-size: 22px;
  132. border-bottom: solid 3px rgba(0, 0, 0, 0);
  133. margin-right: 40px;
  134. }
  135. .cruit_head_only {
  136. float: left;
  137. height: 55px;
  138. line-height: 55px;
  139. color: #49A769;
  140. font-weight: bold;
  141. font-size: 22px;
  142. border-bottom: solid 3px #49A769;
  143. }
  144. .demand_head_box {}
  145. .demand_head_name {
  146. float: left;
  147. color: #333;
  148. font-size: 28px;
  149. margin-top: 30px;
  150. font-weight: bold;
  151. }
  152. .demand_head_btn {
  153. float: right;
  154. height: 45px;
  155. line-height: 45px;
  156. color: #fff;
  157. font-size: 16px;
  158. border-radius: 4px;
  159. overflow: hidden;
  160. padding: 0px 20px 0px 43px;
  161. margin-top: 30px;
  162. background: url(@/public/image/05.png) no-repeat 14px center #49A769;
  163. background-size: 18px 18px;
  164. }
  165. .demand_head_btn1 {
  166. float: right;
  167. height: 45px;
  168. line-height: 45px;
  169. color: #fff;
  170. font-size: 16px;
  171. border-radius: 4px;
  172. overflow: hidden;
  173. padding: 0px 20px 0px 43px;
  174. margin-top: 30px;
  175. background: url(@/public/image/05.png) no-repeat 14px center #ccc;
  176. background-size: 18px 18px;
  177. cursor: not-allowed;
  178. }
  179. .cruit_li_2_foot {
  180. margin: 20px 0px 30px;
  181. }
  182. .cruit_li_2_foot_tag {
  183. float: left;
  184. margin-right: 30px;
  185. height: 24px;
  186. line-height: 24px;
  187. color: #999;
  188. font-size: 16px;
  189. padding-left: 34px;
  190. background: no-repeat left center;
  191. background-size: 24px 100%;
  192. }
  193. .cruit_li_2_foot_addres {
  194. background-image: url(@/public/image/01.png);
  195. }
  196. .cruit_li_2_foot_exper {
  197. background-image: url(@/public/image/04.png);
  198. }
  199. .cruit_li_2_foot_educat {}
  200. .cruit_li_2_foot_tag_in {
  201. height: 24px;
  202. line-height: 24px;
  203. color: #999;
  204. font-size: 16px;
  205. float: left;
  206. }
  207. .cruit_li_2_foot_tag_in:nth-of-type(2) {
  208. padding-left: 24px;
  209. position: relative;
  210. }
  211. .cruit_li_2_foot_tag_in:nth-of-type(2)::after {
  212. content: '';
  213. display: block;
  214. position: absolute;
  215. width: 2px;
  216. height: 2px;
  217. background: #999;
  218. left: 11px;
  219. top: 11px;
  220. }
  221. .index_2 {
  222. margin-top: 11px;
  223. }
  224. .demand_1 {
  225. float: left;
  226. width: 790px;
  227. }
  228. .demand_2 {
  229. float: right;
  230. width: 380px;
  231. }
  232. .demand_right_2 {
  233. margin-top: 11px;
  234. }
  235. .demand_left_1 {}
  236. .demand_left_2 {
  237. margin-top: 30px;
  238. }
  239. .demand_left_3 {
  240. margin-top: 30px;
  241. }
  242. .demand_left_4 {
  243. margin-top: 30px;
  244. }
  245. .demand_left_5 {
  246. margin-top: 11px;
  247. }
  248. .demand_ul_1 {
  249. margin-top: 32px;
  250. }
  251. .demand_ul_1_a {
  252. height: 21px;
  253. line-height: 21px;
  254. color: #333;
  255. font-size: 18px;
  256. margin-bottom: 33px;
  257. }
  258. .demand_ul_1_a:nth-last-of-type(1) {
  259. margin-bottom: 0px;
  260. }
  261. .demand_ul_1_a:hover {
  262. color: #49A769;
  263. }
  264. .demand_ul_2 {
  265. margin-top: 30px;
  266. }
  267. .demand_li_2 {
  268. display: flex;
  269. margin-bottom: 30px;
  270. }
  271. .demand_li_2_label {
  272. word-break: keep-all;
  273. white-space: nowrap;
  274. height: 24px;
  275. line-height: 24px;
  276. margin-right: 16px;
  277. color: #333;
  278. font-size: 18px;
  279. }
  280. .demand_li_2_text {
  281. line-height: 24px;
  282. color: #333;
  283. font-size: 18px;
  284. }
  285. .demand_article_1 {
  286. margin-top: 30px;
  287. color: #333;
  288. font-size: 18px;
  289. }
  290. .demand_li_2:nth-last-of-type(1) {
  291. margin-bottom: 0px;
  292. }
  293. @media screen and (min-width:1200px) {
  294. /*pc_1440*/
  295. @media screen and (max-width:1440px) {
  296. /*1200*/
  297. }
  298. .pc_none {
  299. display: none;
  300. }
  301. }
  302. @media screen and (max-width:599px) {}
  303. @media screen and (max-width:320px) {}