yitiji.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278
  1. @charset "utf-8";
  2. body {
  3. font: 14px "microsoft yahei", Arial, Helvetica, sans-serif;
  4. margin:0;
  5. padding:0;
  6. background:#f0f0f0;
  7. }
  8. ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
  9. margin:0;
  10. padding:0;
  11. border:none;
  12. list-style:none;
  13. }
  14. input {border:none;outline:none;}
  15. .lf{float:left;}
  16. .rt{float:right;}
  17. .clear{clear:both;}
  18. .clearfix:after{
  19. content: '';
  20. display: table;
  21. clear:both;
  22. }
  23. a{
  24. text-decoration: none;
  25. }
  26. *{
  27. box-sizing: border-box;
  28. }
  29. /*导航条*/
  30. #header{
  31. width:100%;
  32. }
  33. #header .reg,.login,.search,.msg{
  34. width:190px;
  35. height:93px;
  36. background-size:100%;
  37. }
  38. #header .back{
  39. width:140px;
  40. height:93px;
  41. background:url('../images/header_05.png') no-repeat;
  42. background-size:100%;
  43. }
  44. .reg{
  45. background:url('../images/header_01.png') no-repeat;
  46. background-size:100%;
  47. }
  48. .login{
  49. background:url('../images/header_02.png') no-repeat;
  50. background-size:100%;
  51. }
  52. .search{
  53. background:url('../images/header_03.png') no-repeat;
  54. background-size:100%;
  55. }
  56. .msg{
  57. background:url('../images/header_04.png') no-repeat;
  58. background-size:100%;
  59. }
  60. #header a{
  61. color:#fff;
  62. font-size:30px;
  63. width:100%;
  64. height:100%;
  65. display: inline-block;
  66. /*padding-top:24px;*/
  67. padding-left:60px;
  68. }
  69. #header .reg a{
  70. padding-left:60px;
  71. }
  72. #header .search a{
  73. padding-left:60px;
  74. }
  75. .container{
  76. margin:0 auto;
  77. width:1280px;
  78. height:1023px;
  79. background: url('../images/yitiji_bg.jpg') no-repeat;
  80. }
  81. /*开发区资讯列表*/
  82. .section{
  83. padding:40px 60px 40px 60px;
  84. background-color: #fff;
  85. height:840px;
  86. width:1100px;
  87. margin:0 auto;
  88. margin-top:50px;
  89. }
  90. .news{
  91. height:680px;
  92. }
  93. .msgList{
  94. width:100%;
  95. height:67px;
  96. line-height: 67px;
  97. border-top:4px dashed #ddd;
  98. display: flex;
  99. flex-wrap: nowrap;
  100. justify-content:space-between;
  101. }
  102. .msgList:first-child{
  103. border-top:none;
  104. }
  105. .msgList>a,.msgList>span,.pageDetail>span{
  106. color:#000;
  107. font-size:25px;
  108. }
  109. .msgList a{
  110. overflow: hidden;
  111. width:700px;
  112. }
  113. .pageDetail{
  114. margin:0 auto;
  115. margin-top:15px;
  116. width:950px;
  117. height:70px;
  118. }
  119. .pageDetail a{
  120. margin-right:20px;
  121. padding:2px 20px 2px 20px;
  122. display: inline-block;
  123. font-size:25px;
  124. color:#000;
  125. border:1px solid #000;
  126. border-radius: 12px;
  127. }
  128. .pageDetail a.select{
  129. background-color:#007ae5;
  130. color:#fff;
  131. border:transparent;
  132. }
  133. /*资讯详情页*/
  134. .section>.newsDetail>h1{
  135. font-size: 35px;
  136. text-align: center;
  137. font-weight: normal;
  138. }
  139. .newsDetail>p:nth-child(2){
  140. font-size:20px;
  141. margin:30px 0;
  142. text-align: right;
  143. }
  144. .newsDetail p:nth-child(3){
  145. font-size: 20px;
  146. line-height:40px;
  147. text-align:justify;
  148. }
  149. .newsDetail{
  150. height:680px;
  151. overflow-y:auto;
  152. padding-right:60px;
  153. }
  154. /*!*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*!
  155. ::-webkit-scrollbar
  156. {
  157. width: 28px;
  158. height: 16px;
  159. background-color: #F5F5F5;
  160. }
  161. !*定义滚动条轨道 内阴影+圆角*!
  162. ::-webkit-scrollbar-track
  163. {
  164. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  165. border-radius: 15px;
  166. background-color: #F5F5F5;
  167. }
  168. !*定义滑块 内阴影+圆角*!
  169. ::-webkit-scrollbar-thumb
  170. {
  171. border-radius: 15px;
  172. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  173. background-color: #007ae5;
  174. }*/
  175. .otherNews{
  176. width:100%;
  177. height:50px;
  178. padding:0 20px;
  179. margin-top:40px;
  180. }
  181. .otherNews a{
  182. width:50%;
  183. font-size: 20px;
  184. display: inline-block;
  185. color:#000;
  186. overflow: hidden;
  187. height:26px;
  188. }
  189. .otherNews span{color:#e4393c}
  190. /*登录*/
  191. .loginBg{
  192. background: url('../images/login_bg.jpg') no-repeat;
  193. }
  194. .loginModal{
  195. margin-top:187px;
  196. margin-left:623px;
  197. width:533px;
  198. height:507px;
  199. background-color:rgba(255,255,255,.3) ;
  200. border-radius: 15px;
  201. padding:35px;
  202. }
  203. .loginModal>p{
  204. font-size: 46px;
  205. margin-bottom:55px;
  206. font-weight: bold;
  207. color:#fff;
  208. text-align: center;
  209. }
  210. .loginModal input{
  211. width:100%;
  212. height:60px;
  213. border-radius: 10px;
  214. font-size:23px;
  215. border:0;
  216. }
  217. .loginUser,.loginPwd{
  218. width:100%;
  219. height:60px;
  220. position: relative;
  221. margin-bottom:55px;
  222. }
  223. label[for="user"]{
  224. position: absolute;
  225. display: inline-block;
  226. width:53px;
  227. height:47px;
  228. top:8px;
  229. left:20px;
  230. background: url('../../images/yitiji/loginpic.png') no-repeat -51px 0;
  231. }
  232. label[for="pwd"]{
  233. position: absolute;
  234. display: inline-block;
  235. width:44px;
  236. height:47px;
  237. top:7px;
  238. left:20px;
  239. background: url('../../images/yitiji/loginpic.png') no-repeat -57px -48px;
  240. }
  241. label[for="user"].select{
  242. background: url('../../images/yitiji/loginpic.png') no-repeat 1px 0;
  243. }
  244. label[for="pwd"].select{
  245. background: url('../../images/yitiji/loginpic.png') no-repeat -1px -49px;
  246. }
  247. button.loginBtn{
  248. margin-top:10px;
  249. background:#007ae5;
  250. color:#fff;
  251. font-size:36px;
  252. cursor:pointer;
  253. width:100%;
  254. height:60px;
  255. border-radius: 10px;
  256. border:0;
  257. outline:none;
  258. }
  259. #user,#pwd{
  260. padding-left:95px;
  261. }
  262. /*用户注册*/
  263. .regBtn{
  264. width:1040px;
  265. height:240px;
  266. margin:0 auto;
  267. margin-top:349px;
  268. }
  269. .regBtn a{
  270. width:440px;
  271. height:233px;
  272. display: block;
  273. }
  274. .idCard{
  275. background: url('../images/yitiji/reg.png') no-repeat -8px -9px;
  276. }
  277. .weChat{
  278. background: url('../images/yitiji/reg.png') no-repeat -8px -246px;
  279. }
  280. /*微信注册*/
  281. .weixin{
  282. padding-top:50px;
  283. width:448px;
  284. height:100%;
  285. margin:0 auto;
  286. }
  287. .erweima{
  288. width:442px;
  289. height:442px;
  290. background: url('../../images/yitiji/weixin.png') no-repeat;
  291. }
  292. .weixin p{
  293. margin:40px 0;
  294. font-size:32px;
  295. text-align: center;
  296. }
  297. .weixin p span{color:#e4393c}
  298. .weixin button{
  299. width:310px;
  300. height:70px;
  301. outline: none;
  302. background: #1C57A1;
  303. border-radius: 10px;
  304. color:#fff;
  305. font-size: 32px;
  306. cursor: pointer;
  307. margin:0 auto;
  308. display: block;
  309. }
  310. /*身份证注册*/
  311. .card{
  312. padding-top:25px;
  313. width:730px;
  314. height:100%;
  315. margin:0 auto;
  316. }
  317. .cardBg{
  318. width:730px;
  319. height:510px;
  320. background: url('../../images/yitiji/idcard.png') no-repeat;
  321. }
  322. .card p{
  323. margin:20px 0;
  324. font-size:40px;
  325. text-align: center;
  326. }
  327. .card p span{color:#e4393c}
  328. .card button{
  329. width:310px;
  330. height:70px;
  331. outline: none;
  332. background: #1C57A1;
  333. border-radius: 10px;
  334. color:#fff;
  335. font-size: 32px;
  336. cursor: pointer;
  337. margin:0 auto;
  338. display: block;
  339. }
  340. /*注册完成*/
  341. .section p.wishTitle{
  342. font-size: 38px;
  343. color:#ff0101;
  344. text-align: center;
  345. font-weight: 600;
  346. margin-bottom:40px;
  347. margin-top:20px;
  348. }
  349. .section .fontStyle{
  350. display: block;
  351. color:#5d5d5d;
  352. font-size:26px;
  353. text-align: center;
  354. margin-bottom:40px;
  355. }
  356. .saoma{
  357. border-top:3px dashed #1C57A1;
  358. padding:30px 200px 15px 200px;
  359. display: flex;
  360. justify-content: space-around;
  361. }
  362. .saomaTips{
  363. padding:0 78px;
  364. display: flex;
  365. justify-content: space-around;
  366. color:#929191;
  367. font-size:22px;
  368. }
  369. .section p.tips{
  370. font-size:22px;
  371. text-align: center;
  372. margin-top: 60px;
  373. margin-bottom:40px;
  374. }
  375. .erweima1{
  376. width:165px;
  377. height:165px;
  378. background:url('../../images/yitiji/erweima1.png') no-repeat;
  379. margin:0 auto;
  380. padding-left:400px;
  381. }
  382. .erweima2{
  383. width:165px;
  384. height:165px;
  385. background:url('../../images/yitiji/erweima2.png') no-repeat;
  386. margin:0 auto;
  387. }
  388. button.regDone{
  389. width:345px;
  390. height:80px;
  391. outline: none;
  392. background: #1C57A1;
  393. border-radius: 10px;
  394. color:#fff;
  395. font-size: 32px;
  396. cursor: pointer;
  397. margin:0 auto;
  398. display: block;
  399. margin-top:20px;
  400. }
  401. /*打印面试通知单*/
  402. .notice{
  403. margin:0 auto;
  404. width:100%;
  405. height:100%;
  406. background:#fff;
  407. }
  408. .noticeTop{
  409. width:100%;
  410. height:180px;
  411. display: flex;
  412. justify-content: space-between;
  413. margin-bottom:50px;
  414. }
  415. .noticeTop .logo{
  416. width:165px;
  417. height:180px;
  418. /* background:url('../../images/yitiji/notice.png') no-repeat 0 0;*/
  419. }
  420. .noticeTop .fangweima{
  421. width:146px;
  422. height:182px;/*
  423. background:url('../../images/yitiji/notice.png') no-repeat -172px 0;*/
  424. }
  425. .noticeTop .title h1{
  426. margin-top:40px;
  427. font-size:41px;
  428. color:#303030;
  429. }
  430. .noticeMain{
  431. width:100%;
  432. display: flex;
  433. flex-wrap: wrap;
  434. justify-content: space-between;
  435. }
  436. .formBorder1{
  437. width:468px;
  438. height:50px;
  439. border:3px solid #999;
  440. padding:8px 20px;
  441. margin-top:20px;
  442. font-size:22px;
  443. color:#303030;
  444. }
  445. .formBorder2{
  446. width:310px;
  447. height:50px;
  448. border:3px solid #999;
  449. padding:8px 20px;
  450. margin-top:20px;
  451. font-size:22px;
  452. color:#303030;
  453. }
  454. .formBorder3{
  455. width:100%;
  456. min-height:50px;
  457. border:3px solid #999;
  458. padding:8px 20px;
  459. margin-top:20px;
  460. font-size:22px;
  461. color:#303030;
  462. }
  463. .noticeMain p{
  464. color:#303030;
  465. font-size:22px;
  466. line-height:38px;
  467. }
  468. .noticeMsg{
  469. padding:0 20px;
  470. }
  471. p.connection{
  472. font-size:28px;
  473. color:#303030;
  474. text-align: center;
  475. background:#F4F4F4;
  476. width:100%;
  477. height:60px;
  478. margin-top:20px;
  479. line-height:60px;
  480. }
  481. .noticeMain>.organ{
  482. width:1080px;
  483. padding:22px;
  484. margin:0 auto;
  485. margin-top:70px;
  486. border:3px solid #999;
  487. }
  488. .organ>.ma{
  489. width:190px;
  490. height:190px;
  491. }
  492. .organ p{
  493. font-size:25px;
  494. text-align: center;
  495. color:#303030;
  496. }
  497. .noticeBtn{
  498. margin:0 auto;
  499. margin-top:80px;
  500. margin-bottom:100px;
  501. width:70%;
  502. display: flex;
  503. justify-content: space-around;
  504. }
  505. /*创建简历*/
  506. .section p.create{
  507. font-size: 40px;
  508. color:#1C57A1;
  509. text-align: center;
  510. /* margin-top:30px;*/
  511. }
  512. button.save{
  513. width:310px;
  514. height:70px;
  515. outline: none;
  516. background: #1C57A1;
  517. border-radius: 10px;
  518. color:#fff;
  519. font-size: 32px;
  520. cursor: pointer;
  521. margin:0 auto;
  522. display: block;
  523. }
  524. form{
  525. font-size:27px;
  526. color:#303030;
  527. }
  528. form .part1{
  529. padding:12px 12px 40px 12px;
  530. display: flex;
  531. flex-wrap: wrap;
  532. justify-content: space-between;
  533. border-bottom:3px dashed #1C57A1;
  534. }
  535. form .part1 input{
  536. text-align: right;
  537. font-size:22px;
  538. color:#1C57A1;
  539. float:right;
  540. width:60%;
  541. }
  542. .part2{
  543. padding:40px 12px 40px 12px;
  544. }
  545. .part2>p{
  546. font-size:36px;
  547. color:#959595;
  548. margin-bottom:30px;
  549. }
  550. .part2>p>span{
  551. font-size:26px;
  552. color:#959595;
  553. }
  554. .part2>div{
  555. font-size:23px;
  556. text-align: center;
  557. line-height: 60px;
  558. color:#1C57A1;
  559. border:2px solid #1C57A1;
  560. width:181px;
  561. height:60px;
  562. border-radius:10px;
  563. float:left;
  564. margin-left:10px;
  565. margin-bottom:10px;
  566. cursor:pointer;
  567. }
  568. .sex label{
  569. margin:0 10px;
  570. }
  571. #male,#female{
  572. width:35px;
  573. height:35px;
  574. opacity:0;
  575. cursor:pointer;
  576. }
  577. .radioBg{
  578. background-image:url('../../images/yitiji/radio.png');
  579. background-repeat: no-repeat;
  580. background-position: 6px 6px;
  581. background-size:150%;
  582. }
  583. .sex .on{
  584. background-position: 6px -36px;
  585. background-size:150%;
  586. }
  587. .edu select{
  588. cursor:pointer;
  589. width:130px;
  590. font-size:22px;
  591. float:right;
  592. line-height:38px;
  593. border:1px solid #ddd;
  594. }
  595. .edu select option{
  596. padding-left:10px;}
  597. .salary select{
  598. cursor:pointer;
  599. width: 233px;
  600. font-size:22px;
  601. float:right;
  602. border:1px solid #ddd;
  603. }
  604. /*职位列表*/
  605. .so_condition {
  606. width: 100%;
  607. margin: 0 auto;
  608. border: 1px #eeeeee solid;
  609. padding-top: 10px;
  610. padding-bottom: 10px;
  611. }
  612. .so_condition .lefttit {
  613. width: 90px;
  614. padding-right: 15px;
  615. float: left;
  616. text-align: right;
  617. padding-top: 8px;
  618. }
  619. .so_condition .rs {
  620. width: 90%;
  621. float: left;
  622. }
  623. .so_condition .rs .li {
  624. padding-left: 10px;
  625. padding-right: 10px;
  626. height: 26px;
  627. line-height: 26px;
  628. float: left;
  629. border: 1px #FFFFFF solid;
  630. background-color: #FFFFFF;
  631. margin-right: 8px;
  632. border-radius: 3px;
  633. margin-top: 5px;
  634. }
  635. .so_condition .rs a {
  636. color: #333333;
  637. text-decoration: none;
  638. }
  639. .so_condition .rs .li.select {
  640. border: 1px #FF6600 solid;
  641. background-color: #FFF7EE;
  642. }
  643. .dropdowbox2{
  644. display: none;
  645. position: absolute;
  646. left: -1px;
  647. top:28px;
  648. z-index: 20;
  649. }
  650. .dropdowbox1 {
  651. display: none;
  652. position: absolute;
  653. left: -1px;
  654. top: 28px;
  655. z-index: 20;
  656. }
  657. .so_condition .rs .bli {
  658. padding-left: 13px;
  659. padding-right: 27px;
  660. height: 30px;
  661. line-height: 30px;
  662. float: left;
  663. border: 1px #E7E7E7 solid;
  664. background-color: #FFFFFF;
  665. margin-right: 15px;
  666. cursor: pointer;
  667. background-image: url('../../images/130.png');
  668. background-repeat: no-repeat;
  669. background-position: 76px -65px;
  670. border-radius: 3px;
  671. width: 100px;
  672. white-space: nowrap;
  673. text-overflow: ellipsis;
  674. margin-top: 3px;
  675. }
  676. .so_condition .rs .bli .txt {
  677. display: block;
  678. _height: 28px;
  679. white-space: nowrap;
  680. _white-space: normal;
  681. _background: transparent;
  682. overflow: hidden;
  683. text-overflow: ellipsis;
  684. -o-text-overflow: ellipsis;
  685. }
  686. .so_condition .rs .bli:hover {
  687. border: 1px #B4B4B4 solid;
  688. color: #333333;
  689. }
  690. .dropdow_inner1 {
  691. position: relative;
  692. width: 100px;
  693. height: auto;
  694. border: 1px solid #ddd;
  695. color: #333;
  696. background: #fff;
  697. cursor: auto;
  698. }
  699. .dropdow_inner2 {
  700. position: relative;
  701. width: 685px;
  702. height: auto;
  703. border: 1px solid #ddd;
  704. color: #333;
  705. background: #fff;
  706. cursor: auto;
  707. }
  708. .dropdow_inner2 .nav_box {
  709. padding: 10px;
  710. }
  711. .dropdow_inner2 .nav_box li {
  712. margin: 0;
  713. float: left;
  714. }
  715. li {
  716. padding: 0px;
  717. margin: 0px;
  718. line-height: 180%;
  719. list-style-type: none;
  720. }
  721. .dropdow_inner2 .nav_box li a {
  722. display: block;
  723. float: none;
  724. height: 34px;
  725. line-height: 20px;
  726. padding: 6px 15px;
  727. text-decoration: none;
  728. color: #333;
  729. white-space: nowrap;
  730. overflow: hidden;
  731. text-overflow: ellipsis;
  732. }
  733. .rs .open{
  734. position:relative;
  735. }
  736. .open .J_dropdown_menu{
  737. display: block;
  738. }
  739. .so_condition .selected {
  740. width: 100%;
  741. border-top: 1px #eeeeee solid;
  742. margin-top: 20px;
  743. display: none;
  744. }
  745. .so_condition .selected .stit {
  746. width: 90px;
  747. padding-right: 15px;
  748. float: left;
  749. text-align: right;
  750. padding-top: 3px;
  751. margin-top: 15px;
  752. }
  753. .so_condition .selected .sc {
  754. float: left;
  755. width:80%;
  756. }
  757. .so_condition .selected .sc .slist {
  758. padding-left: 10px;
  759. padding-right: 28px;
  760. height: 30px;
  761. line-height: 30px;
  762. float: left;
  763. margin-right: 15px;
  764. border-radius: 3px;
  765. border: 1px #FF6600 solid;
  766. background-color: #FFF7EE;
  767. cursor: pointer;
  768. background-image: url('../../images/130.png');
  769. background-repeat: no-repeat;
  770. background-position: right -174px;
  771. color: #FF6600;
  772. margin-top: 15px;
  773. }
  774. .so_condition .selected .sc .slist span {
  775. color: #333333;
  776. }
  777. .so_condition .selected .sr {
  778. float: right;
  779. margin-top: 15px;
  780. }
  781. .so_condition .selected .sr .empty {
  782. width:72px;
  783. height: 25px;
  784. padding-left: 28px;
  785. line-height: 25px;
  786. border: 1px #E6E6E6 solid;
  787. border-radius: 20px;
  788. font-size: 12px;
  789. cursor: pointer;
  790. background-position: 10px -212px;
  791. background-image:url('../../images/130.png');
  792. background-repeat: no-repeat;
  793. }
  794. .list_empty_group {
  795. padding: 60px 0;
  796. text-align: center;
  797. background: #fff;
  798. }
  799. .list_empty_group .list_empty{
  800. width:455px;
  801. height:100px;
  802. margin:0 auto;
  803. }
  804. .list_empty_group .list_empty .list_empty_left {
  805. width: 100px;
  806. height: 100px;
  807. background: url('../../images/138.png') no-repeat;
  808. float: left;
  809. }
  810. .list_empty_group .list_empty .list_empty_right {
  811. padding-left: 15px;
  812. text-align: left;
  813. float: left;
  814. }
  815. .list_empty_group .list_empty .list_empty_right .sorry_box {
  816. padding-top: 30px;
  817. color: #Fd8000;
  818. font-size: 20px;
  819. }
  820. .list_empty_group .list_empty .list_empty_right .stips_box {
  821. padding-top: 15px;
  822. font-size: 16px;
  823. color: #999;
  824. }
  825. .dropdowbox1 li{
  826. text-align: center;}
  827. .listb {
  828. width: 100%;
  829. border: 1px #EEEEEE solid;
  830. margin-top: 15px;
  831. }
  832. a.yli{
  833. width:100%;
  834. height:131px;
  835. display: block;
  836. }
  837. .listb .yli {
  838. width: 100%;
  839. border-bottom: 1px #EEEEEE solid;
  840. padding-top: 12px;
  841. padding-bottom: 12px;
  842. background-color: #FFFFFF;
  843. }
  844. .qspage {
  845. font-size: 12px;
  846. line-height: 450%;
  847. text-align: center;
  848. }
  849. .qspage a {
  850. padding: 7px 12px;
  851. border: 1px #CCCCCC solid;
  852. margin-right: 5px;
  853. text-decoration: none;
  854. color: #666666;
  855. background-color: #F6F6F6;
  856. border-radius: 4px;
  857. }
  858. .qspage .current {
  859. padding: 7px 12px;
  860. border: 1px #216CD2 solid;
  861. color: #FFFFFF;
  862. margin-right: 5px;
  863. background-color: #216CD2;
  864. border-radius: 4px;
  865. }
  866. .td2, .td3, .td4, .td5, .td7, .td8, .td9, .td10 {
  867. float: left;color:#333;}
  868. .yli .td2 {
  869. width: 30%;
  870. padding-top: 1px;
  871. font-size: 16px;
  872. padding-right: 15px;
  873. }
  874. .yli .td3 {
  875. width: 30%;
  876. font-size: 16px;
  877. padding-right: 15px;
  878. display: inline-block;
  879. line-height: 21px;
  880. }
  881. .yli .td4 {
  882. width: 30%;
  883. font-size: 16px;
  884. color: #216CD2;
  885. }
  886. .yli .td5 {
  887. width: 10%;
  888. text-align: right;
  889. padding-right: 15px;
  890. }
  891. .yli .detail {
  892. width: 100%;
  893. padding-top: 15px;
  894. }
  895. .yli .detail .ltx {
  896. width: 100%;
  897. }
  898. .yli .detail .ltx .txt {
  899. padding-left: 40px;
  900. color:#333;
  901. }
  902. .yli .detail .ltx .txt span {
  903. color: #999999;
  904. padding-left: 10px;
  905. padding-right: 10px;
  906. font-size: 10px;
  907. }
  908. .yli .detail .ltx .dlabs {
  909. padding-left: 40px;
  910. margin-top: 13px;
  911. word-break: break-all;
  912. }
  913. .yli .detail .ltx .dlabs .dl {
  914. float: left;
  915. padding-left: 15px;
  916. padding-right: 15px;
  917. border: 1px #D4D4D4 solid;
  918. background-color: #FFFFFF;
  919. margin-right: 15px;
  920. height: 25px;
  921. line-height: 25px;
  922. font-size: 12px;
  923. border-radius: 2px;
  924. color: #666666;
  925. }
  926. .td2 .line_substring {
  927. padding-left:15px;
  928. margin-right: 5px;
  929. float: left;
  930. max-width: 210px;
  931. white-space: nowrap;
  932. overflow: hidden;
  933. }
  934. .td2,.td3,.td4{
  935. font-size:16px;
  936. line-height:21px;
  937. }
  938. a.J_jobsList{
  939. width:100%;
  940. height:120px;
  941. display: block;
  942. }
  943. .td2 span{
  944. color:#216CD2;
  945. }
  946. /*职位详情*/
  947. .jobstit {
  948. width: 100%;
  949. background-color: #F7F7F7;
  950. border-bottom: 1px #CCCCCC dashed;
  951. position: relative;
  952. font-size:16px;
  953. }
  954. .jobstit .wage {
  955. height: 53px;
  956. line-height: 53px;
  957. font-size: 20px;
  958. color: #FF6600;
  959. background-image: url(../../images/yitiji/01.png);
  960. background-repeat: no-repeat;
  961. background-position: 40px -78px;
  962. padding-left: 75px;
  963. }
  964. .jobstit .time {
  965. width: 190px;
  966. top: 30px;
  967. right: 0px;
  968. position: absolute;
  969. font-size: 14px;
  970. }
  971. .jobstit .jobname {
  972. font-size: 35px;
  973. padding: 15px 200px 5px 40px;
  974. color: #333333;
  975. }
  976. .jobstit .lab {
  977. padding-left: 40px;
  978. }
  979. .jobstit .lab .li {
  980. float: left;
  981. padding-left: 12px;
  982. padding-right: 12px;
  983. height: 30px;
  984. border: 1px #D7D7D7 solid;
  985. line-height: 30px;
  986. border-radius: 4px;
  987. background-color: #FFFFFF;
  988. margin-right: 10px;
  989. margin-bottom: 20px;
  990. }
  991. .jobstit .time .timebg {
  992. float: left;
  993. padding-left: 20px;
  994. padding-right: 20px;
  995. height: 20px;
  996. background-image: url(../../images/yitiji/01.png);
  997. background-repeat: no-repeat;
  998. background-position: 0px -35px;
  999. padding-top: 2px;
  1000. }
  1001. .jobstit .time .timebg.viewbg {
  1002. background-position: 0px -63px;
  1003. }
  1004. .item {
  1005. width:100%;
  1006. border-bottom: 1px #CCCCCC dashed;
  1007. padding-left: 40px;
  1008. padding-top: 15px;
  1009. padding-bottom: 15px;
  1010. position: relative;
  1011. font-size:15px;
  1012. }
  1013. .item .itemli {
  1014. float: left;
  1015. width: 210px;
  1016. height: 36px;
  1017. line-height: 36px;
  1018. color: #333333;
  1019. overflow: hidden;
  1020. white-space: nowrap;
  1021. text-overflow: ellipsis;
  1022. padding-right: 15px;
  1023. }
  1024. .item .itemli span ,.add span,.info span{
  1025. padding-right: 15px;
  1026. color: #999999;
  1027. }
  1028. .comDet{
  1029. width:50%;
  1030. padding:0 60px;
  1031. border-right:1px dashed #ccc;
  1032. }
  1033. .cominfo{
  1034. padding:15px;
  1035. border-bottom:1px dashed #ccc;
  1036. }
  1037. .cominfo .comlogo {
  1038. width: 143px;
  1039. height: 143px;
  1040. padding: 3px;
  1041. border: 1px #EEEEEE solid;
  1042. }
  1043. .cominfo .comlogo img{
  1044. width: 140px;
  1045. height: 140px;
  1046. }
  1047. .comname>a{
  1048. font-size:20px;
  1049. color:#000;
  1050. line-height:30px;
  1051. }
  1052. .info{
  1053. line-height:28px;
  1054. font-size:15px;
  1055. }
  1056. .contact{
  1057. line-height:28px;
  1058. margin-left:60px;
  1059. }
  1060. .contact .txt{
  1061. font-size:15px;
  1062. }
  1063. .tit {
  1064. margin-left: 22px;
  1065. border-left: 3px #FF6600 solid;
  1066. padding-left: 15px;
  1067. font-size: 20px;
  1068. color: #333333;
  1069. height: 18px;
  1070. line-height: 18px;
  1071. margin-bottom: 25px;
  1072. }
  1073. .describe {
  1074. width: 100%;
  1075. padding-top: 15px;
  1076. padding-bottom: 25px;
  1077. }
  1078. .describe .txt{
  1079. font-size:16px;
  1080. padding:0 30px;
  1081. }
  1082. .jobshowBtn{
  1083. margin:40px auto;
  1084. width:70%;
  1085. display: flex;
  1086. justify-content: center;
  1087. }
  1088. .add{
  1089. width: 700px;
  1090. height: 36px;
  1091. line-height: 36px;
  1092. color: #333333;
  1093. overflow: hidden;
  1094. white-space: nowrap;
  1095. text-overflow: ellipsis;
  1096. padding-right: 15px;
  1097. }
  1098. .jobslist {
  1099. border-bottom: 1px #EEEEEE solid;
  1100. padding:12px 30px;
  1101. background-color: #FFFFFF;
  1102. height:120px;
  1103. }
  1104. .jname,.jtxt{
  1105. height:45px;
  1106. line-height:45px;
  1107. font-size:16px;
  1108. color: #666;
  1109. }
  1110. .jobslist .jname span {
  1111. padding-left: 45px;
  1112. }
  1113. .jobslist .jtxt span {
  1114. padding-left: 30px;
  1115. font-size: 10px;
  1116. padding-right: 30px;
  1117. }
  1118. u, ins {
  1119. text-decoration: none;
  1120. }
  1121. .infobox{
  1122. border: 1px #ddd solid;
  1123. }
  1124. .ajax-list{
  1125. color:#333;
  1126. }
  1127. /*推荐职位三列*/
  1128. .list_cell_box {
  1129. width:50%;
  1130. height:120px;
  1131. display: inline-block;
  1132. padding: 10px;
  1133. float: left;
  1134. }
  1135. .list_cell_box .td1 {
  1136. height: 100px;
  1137. padding-top: 10px;
  1138. line-height: 25px;
  1139. background: #f8f8f8;
  1140. font-size: 16px;
  1141. float: none;
  1142. padding-left: 15px;
  1143. cursor: pointer;
  1144. color:#000;
  1145. }
  1146. .list_cell_box .td1 .edu_wage .education {
  1147. float: left;
  1148. }
  1149. .link_blue span{
  1150. color: #5F8DC9;
  1151. }
  1152. .list_cell_box .td1 .substring {
  1153. overflow: hidden;
  1154. white-space: nowrap;
  1155. text-overflow: ellipsis;
  1156. width: 100%;
  1157. color:#000;
  1158. }
  1159. .list_cell_box .td1 .edu_wage .wage {
  1160. float: right;
  1161. width: 125px;
  1162. text-align: right;
  1163. }
  1164. .font_yellow {
  1165. color: #FF6600;
  1166. }
  1167. /*职位类别*/
  1168. .open .dropdowbox4, .open .dropdowbox44 {
  1169. display: block;
  1170. }
  1171. .dropdowbox4 {
  1172. top: 28px;
  1173. display: none;
  1174. position: absolute;
  1175. left: -1px;
  1176. z-index: 20;
  1177. }
  1178. .dropdowbox44 {
  1179. padding: 6px 15px;
  1180. position: absolute;
  1181. width: 350px;
  1182. height: 302px;
  1183. border: 1px solid #ddd;
  1184. color: #333;
  1185. background: #fff;
  1186. cursor: auto;
  1187. top: 28px;
  1188. left: 180px;
  1189. overflow: auto;
  1190. z-index: 99;
  1191. display: none;
  1192. }
  1193. .dropdow_inner4 {
  1194. position: relative;
  1195. width: 182px;
  1196. height: auto;
  1197. border: 1px solid #ddd;
  1198. color: #333;
  1199. background: #fff;
  1200. cursor: auto;
  1201. }
  1202. .dropdow_inner44 .nav_box44 li a {
  1203. display: block;
  1204. float: left;
  1205. height: 30px;
  1206. line-height: 20px;
  1207. padding: 6px 15px;
  1208. text-decoration: none;
  1209. color: #333;
  1210. white-space: nowrap;
  1211. overflow: hidden;
  1212. text-overflow: ellipsis;
  1213. -o-text-overflow: ellipsis;
  1214. }
  1215. .dropdow_inner4 .nav_box li a {
  1216. display: block;
  1217. float: none;
  1218. height: 30px;
  1219. line-height: 20px;
  1220. padding: 5px 10px;
  1221. text-decoration: none;
  1222. color: #333;
  1223. white-space: nowrap;
  1224. overflow: hidden;
  1225. text-overflow: ellipsis;
  1226. -o-text-overflow: ellipsis;
  1227. }
  1228. .dropdow_inner4 .nav_box li a.select {
  1229. background: #f2f2f2;
  1230. text-decoration: none;
  1231. color: #1c93f1;
  1232. }
  1233. .J_dropdown span{
  1234. height:30px;
  1235. display: inline-block;
  1236. }
  1237. .backpre{
  1238. width:90px;height:40px;border:none;margin-right:95px;font-size:20px;cursor:pointer;
  1239. line-height:40px;
  1240. text-align: center;
  1241. background-color: #1C57A1;
  1242. color:#fff;
  1243. border-radius:5px;
  1244. }
  1245. /*2017.8.29*/
  1246. .dropdow_inner4 {
  1247. overflow-y: auto;
  1248. height:302px;
  1249. width:200px;
  1250. }
  1251. .dropdowbox44{
  1252. left:198px;
  1253. }
  1254. /*修改火狐滚动条*/
  1255. ._scroll{
  1256. position: relative;
  1257. }
  1258. ._panel-box{
  1259. padding-right:60px;
  1260. }
  1261. ._scroll_bar{
  1262. cursor: pointer;
  1263. }
  1264. #pcontent{
  1265. padding: 40px 60px 40px 60px;
  1266. }