sy_sjbase.css 45 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831
  1. body {
  2. width: 100%;
  3. position:relative;
  4. }
  5. #shadow {
  6. position: fixed;
  7. width: 100%;
  8. height: 100%;
  9. opacity: 0.5;
  10. top: 0;
  11. left: 0;
  12. background-color: #000;
  13. z-index: 9;
  14. }
  15. /*header*/
  16. .sy_header {
  17. width: 100%;
  18. position: relative;
  19. }
  20. .sy_header img {
  21. padding: 27px 0px 20px 0px;
  22. display: block;
  23. margin: 0px auto;
  24. }
  25. .sy_header .sy_ss {
  26. width: 80%;
  27. border: 0px;
  28. margin: 0px auto;
  29. position: relative;
  30. }
  31. .sy_header .sy_ss .ss_inp {
  32. width: 100%;
  33. height: 30px;
  34. line-height: 30px;
  35. border-radius: 25px;
  36. background: url(sy_sj_17.png) repeat;
  37. border: 1px solid #ccc;
  38. padding: 1% 4%;
  39. font-size: 0.8rem;
  40. }
  41. .sy_header .sy_ss .ss_btn {
  42. width: 40px;
  43. height: 30px;
  44. line-height: 30px;
  45. border-radius: 25px;
  46. background: url(sy_sj_13.png) no-repeat center;
  47. border: 0px;
  48. position: absolute;
  49. top: 0px;
  50. right: 0px;
  51. cursor: pointer;
  52. z-index: 9;
  53. }
  54. .ss_dz {
  55. padding: 1% 3%;
  56. background: url(sy_sj_33.png) repeat;
  57. border-top-left-radius: 25px;
  58. border-bottom-left-radius: 25px;
  59. position: absolute;
  60. top: 4%;
  61. right: 0px;
  62. font-size: 0.6rem;
  63. color: #747474;
  64. }
  65. .ss_dz a{font-size: 0.6rem;color: #747474;/* font-size: -webkit-xxx-large; */font-weight: bold;}
  66. .sy_ban {
  67. padding: 34px 0px 10px 0px;
  68. background: #fff;
  69. margin-top: -20px;
  70. }
  71. .sy_ban img{
  72. width:100%;
  73. }
  74. .content {
  75. background: #fff;
  76. box-shadow: 5px 3px 27px #adadad;
  77. margin-bottom: 15px;
  78. padding: 2% 3%;
  79. }
  80. .content h4 {
  81. height: 40px;
  82. line-height: 40px;
  83. /* font-size: 1.2rem; */
  84. }
  85. .content h4 img {
  86. display: inline-block;
  87. vertical-align: middle;
  88. margin-top: -6px;
  89. }
  90. .content h4 a {
  91. font-size: 1.4rem;
  92. font-weight: 900;
  93. color: #0068b7;
  94. margin-left: 2%;
  95. }
  96. /*文字列表*/
  97. .all_list {
  98. margin: 5px 0;
  99. }
  100. .all_list li {
  101. line-height: 35px;
  102. font-size: 1.5rem;
  103. overflow: hidden;
  104. }
  105. .all_list li a {
  106. font-size: 1.1rem;
  107. float: left;
  108. color: #333;
  109. background: url(../images/sy_sj_09.png) no-repeat left center;
  110. padding: 0 0 0 15px;
  111. }
  112. .all_list li em {
  113. float: right;
  114. color: #888;
  115. font-size: 1.1rem;
  116. }
  117. .all_list li.dashed {
  118. border-bottom: dashed 1px #ccc;
  119. }
  120. /*非我莫属*/
  121. .sy_spa {
  122. display: block;
  123. width: 100%;
  124. }
  125. .sy_spa img {
  126. height: 100%;
  127. width: 100%;
  128. }
  129. /*四图*/
  130. .img_a {
  131. display: block;
  132. margin: 1% 1%;
  133. float: left;
  134. width: 31%;
  135. }
  136. .img_a img{
  137. width: 100%;
  138. }
  139. .ct_img {
  140. margin: 15px auto;
  141. }
  142. .ct_img img{
  143. width: 100%;
  144. }
  145. /*知名企业*/
  146. .qy_img {
  147. display: block;
  148. width: 30%;
  149. margin: 1.4%;
  150. border: 1px solid #ccc;
  151. float: left;
  152. }
  153. .qy_img img {
  154. width: 100%;
  155. height: 100%;
  156. }
  157. /*名企招聘*/
  158. ul.job_area {
  159. border: 1px dashed #b5b5b5;
  160. border-bottom: 0;
  161. margin-top: 10px;
  162. margin-bottom: 10px;
  163. }
  164. ul.job_area li {
  165. border-bottom: 1px dashed #b5b5b5;
  166. padding: 5px 0;
  167. overflow: hidden;
  168. }
  169. ul.job_area li a {
  170. float: left;
  171. display: block;
  172. width: 24.6%;
  173. text-align: center;
  174. border-right: 1px dashed #b5b5b5;
  175. cursor: pointer;
  176. font-size: 1rem;
  177. color: #434343;
  178. line-height: 200%;
  179. }
  180. ul.job_area li a:hover {
  181. color: #434343;
  182. background-color: #eee;
  183. }
  184. ul.job_area li a.last {
  185. border-right: none;
  186. }
  187. .x p.x_p{
  188. padding:1% 7%;
  189. font-size: 1.1rem;
  190. }
  191. .rdob label{
  192. position: relative!important;
  193. display: inline-block;
  194. height: 22px;
  195. line-height: 22px;
  196. padding-left: 35px;
  197. padding-right: 15px;
  198. }
  199. .rdob label input[type="checkbox"]{
  200. width: 15px;
  201. height: 15px;
  202. border: 1px solid #0659C0;
  203. background: #fff;
  204. margin-right: 5px;
  205. display: block;
  206. float: left;
  207. margin-top: 3px;
  208. }
  209. /*个人登录后*/
  210. .sy_header .location {
  211. position: absolute;
  212. top: 10px;
  213. left: 10px;
  214. }
  215. .sy_header .location:after {
  216. float: left;
  217. width: 11px;
  218. height: 6px;
  219. content: ' ';
  220. margin-top: 7px;
  221. background: url(../images/arrow_orange.png) no-repeat;
  222. -webkit-background-size: 100% 100%;
  223. -moz-background-size: 100% 100%;
  224. -o-background-size: 100% 100%;
  225. -ms-background-size: 100% 100%;
  226. background-size: 100% 100%
  227. }
  228. .sy_header .location font {
  229. float: left;
  230. max-width: 4em;
  231. font-size: 13px;
  232. color: #2871e4;
  233. text-align: center;
  234. white-space: nowrap;
  235. text-overflow: ellipsis;
  236. overflow: hidden;
  237. padding-right: 8px
  238. }
  239. .sy_header .links {
  240. float: right;
  241. color: #2871e4;
  242. margin: 16px 21px 0 0
  243. }
  244. /*当前地址 弹出*/
  245. /*个人中心*/
  246. .gr_head {
  247. background: url(sy-index_87.png) no-repeat top center;
  248. height: 128px;
  249. width: 100%;
  250. padding-top: 1.5%;
  251. }
  252. .gr_head .gr_img {
  253. width: 70px;
  254. height: 70px;
  255. display: block;
  256. border-radius: 50%;
  257. border: 3px solid #87a6eb;
  258. margin: 0px auto;
  259. }
  260. .gr_head .gr_img img {
  261. width: 100%;
  262. height: 100%;
  263. }
  264. .gr_head p {
  265. text-align: center;
  266. color: #fff;
  267. font-size: 0.9rem;
  268. margin: 5px 0px;
  269. }
  270. .gr_head p span {
  271. font-size: 0.6rem;
  272. }
  273. .list_nav a {
  274. display: block;
  275. position: relative;
  276. height: 48px;
  277. line-height: 48px;
  278. padding: 0 44px 0 150px;
  279. color: #444;
  280. }
  281. .list_nav a:after {
  282. position: absolute;
  283. width: 8px;
  284. height: 14px;
  285. content: '\00a0';
  286. top: 50%;
  287. right: 22px;
  288. margin-top: -7px;
  289. background: url(arrow_gray.png) no-repeat;
  290. -webkit-background-size: 100% 100%;
  291. -moz-background-size: 100% 100%;
  292. -o-background-size: 100% 100%;
  293. -ms-background-size: 100% 100%;
  294. background-size: 100% 100%;
  295. }
  296. .list_nav a:before {
  297. position: absolute;
  298. height: 1px;
  299. content: '\00a0';
  300. right: 11px;
  301. bottom: 0;
  302. left: 11px;
  303. background-color: #e6e6e6;
  304. }
  305. .nav_div {
  306. /* margin-bottom: 6px;*/
  307. background: #fff;
  308. }
  309. .nav_div label {
  310. position: absolute;
  311. left: 21px;
  312. top: 0;
  313. padding-left: 41px;
  314. }
  315. .nav_div label:before {
  316. content: '';
  317. position: absolute;
  318. width: 24px;
  319. height: 24px;
  320. left: 6px;
  321. top: 50%;
  322. margin-top: -13px;
  323. background: url(icon_my.png) 2px 0px no-repeat;
  324. -webkit-background-size: 50px auto;
  325. -moz-background-size: 50px auto;
  326. -o-background-size: 50px auto;
  327. -ms-background-size: 50px auto;
  328. background-size: 50px auto;
  329. }
  330. .nav_div label.sq:before {
  331. background-position: 0px -22px;
  332. }
  333. .nav_div .txt {
  334. text-align: right;
  335. }
  336. .nav_div label.who:before {
  337. background-position: 0px -71px;
  338. }
  339. .nav_div label.sc:before {
  340. background-position: 0px -48px;
  341. }
  342. /*底部导航*/
  343. .btab {
  344. /*
  345. position: absolute;
  346. left: 0px;
  347. bottom: 0px;
  348. width: 100%;
  349. */
  350. height: 53px;
  351. /*
  352. background-color: #fff;
  353. border-top: 1px solid #e6e6e6;
  354. z-index: 8;
  355. padding-top: 52px;
  356. */
  357. }
  358. .btab .t_in {
  359. position: fixed;
  360. width: 100%;
  361. height: 52px;
  362. left: 0;
  363. bottom: 0;
  364. background-color: #fff;
  365. border-top: 1px solid #e6e6e6;
  366. z-index: 8
  367. }
  368. .btab a {
  369. display: block;
  370. position: relative;
  371. float: left;
  372. width: 20%;
  373. text-align: center;
  374. font-size: 12px;
  375. color: #5d656b;
  376. padding-top: 31px;
  377. }
  378. .btab a:after {
  379. content: '\00a0';
  380. width: 25px;
  381. height: 25px;
  382. position: absolute;
  383. top: 6px;
  384. left: 50%;
  385. margin-left: -12px;
  386. background: url(icon_btab.png) no-repeat -1px -3px;
  387. -webkit-background-size: 80px auto;
  388. -moz-background-size: 80px auto;
  389. -o-background-size: 80px auto;
  390. -ms-background-size: 80px auto;
  391. background-size: 80px auto;
  392. }
  393. /*.btab .i4:after,.btab .i4.on:after{background:url(icon_home_ht3.png) #fff no-repeat;
  394. -webkit-background-size:20px auto;-moz-background-size:20px auto;-ms-background-size:20px auto;-o-background-size:20px auto;background-size:20px auto}*/
  395. .btab .i2:after {
  396. background-position: 1px -32px
  397. }
  398. .btab .i3:after {
  399. background-position: -2px -63px
  400. }
  401. .btab .i4:after {
  402. background-position: -1px -94px;
  403. }
  404. .btab .i5:after {
  405. background-position: -1px -127px
  406. }
  407. .btab a.on:after {
  408. width: 35px;
  409. margin-left: -17px;
  410. top: 6px;
  411. }
  412. .btab .i1.on:after {
  413. background-position: -44px -2px
  414. }
  415. .btab .i2.on:after {
  416. background-position: -42px -32px
  417. }
  418. .btab .i3.on:after {
  419. background-position: -44px -62px
  420. }
  421. .btab .i4.on:after {
  422. background-position: -44px -94px;
  423. }
  424. .btab .i5.on:after {
  425. background-position: -44px -126px
  426. }
  427. /*我的简历*/
  428. .jl_nav {
  429. height: 35px;
  430. line-height: 35px;
  431. color: #fff;
  432. text-align: center;
  433. font-size: 0.9rem;
  434. position: relative;
  435. margin-bottom: 20px;
  436. }
  437. .jl_nav a {
  438. margin: 0 2%;
  439. padding-bottom: 3px;
  440. font-size: 1.2rem;
  441. color: #fff;
  442. }
  443. .jl_nav a.on {
  444. border-bottom: 2px solid #fff;
  445. }
  446. #jl_navxl{
  447. position: absolute;
  448. background: rgba(49, 141, 220, 0.66);
  449. width: 5rem;
  450. height: 1.3rem;
  451. line-height: 1.3em;
  452. left: 50%;
  453. margin-left: -3rem;
  454. font-size: 0.8rem;
  455. bottom: -1.3rem;
  456. color: #fff;
  457. border-bottom-left-radius: 5px;
  458. border-bottom-right-radius: 5px;
  459. }
  460. .nav_a{
  461. height: 35px;
  462. overflow: hidden;
  463. }
  464. .jl_con {
  465. background: #fff;
  466. margin-bottom: 8px;
  467. background-color: #fff;
  468. -webkit-box-shadow: 0 2px 1px 1px #dedede;
  469. -moz-box-shadow: 0 2px 1px 1px #dedede;
  470. -o-box-shadow: 0 2px 1px 1px #dedede;
  471. -ms-box-shadow: 0 2px 1px 1px #dedede;
  472. box-shadow: 0 2px 1px 1px #dedede;
  473. position: relative;
  474. }
  475. .jl_con .fast, .jl_con .tab a:before, .jl_con .star, .jl_con .star:before {
  476. background: url(icon_abox.png) no-repeat;
  477. -webkit-background-size: 105px auto;
  478. -moz-background-size: 105px auto;
  479. -ms-background-size: 105px auto;
  480. -o-background-size: 105px auto;
  481. background-size: 102px auto;
  482. }
  483. .jl_con .aname {
  484. line-height: 32px;
  485. color: #444;
  486. padding: 0 21px;
  487. font-size: 1.2rem;
  488. }
  489. .jl_con .p, .abox .e {
  490. line-height: 22px;
  491. font-size: 1rem;
  492. color: #868686;
  493. padding: 0 21px;
  494. }
  495. .jl_con .fast {
  496. position: absolute;
  497. font-size: 12px;
  498. color: #868686;
  499. top: 34px;
  500. right: 21px;
  501. padding-left: 21px;
  502. background-position: -81px -21px;
  503. }
  504. .jl_con .fast.on {
  505. color: #389fda;
  506. background-position: -84px 0
  507. }
  508. .jl_con .tab {
  509. overflow: hidden
  510. }
  511. .jl_con .tab a {
  512. float: left;
  513. width: 32%;
  514. height: 46px;
  515. line-height: 46px;
  516. font-size: 1rem;
  517. color: #868686;
  518. text-align: center;
  519. margin: 2% 2% 0 0;
  520. background-color: #fafdff;
  521. }
  522. .jl_con .tab a:before {
  523. display: inline-block;
  524. width: 20px;
  525. height: 20px;
  526. content: '\00a0';
  527. vertical-align: text-bottom;
  528. margin-right: 5px;
  529. margin-bottom: -2px
  530. }
  531. .jl_con .tab a:nth-of-type(3n+3) {
  532. margin-right: 0
  533. }
  534. .jl_con .tab a.t0:before {
  535. background-position: 0 0
  536. }
  537. .jl_con .tab a.t1:before {
  538. background-position: -17px 0;
  539. }
  540. .jl_con .tab a.t2:before {
  541. width: 24px;
  542. background-position: -39px 2px;
  543. }
  544. .jl_con .tab a.t3:before {
  545. background-position: 0 -20px
  546. }
  547. .jl_con .tab a.t4:before {
  548. background-position: -20px -20px
  549. }
  550. .jl_con .tab a.t5:before {
  551. width: 24px;
  552. background-position: -38px -18px;
  553. }
  554. .jl_con .tab a.t6 {
  555. color: #c1c1c1
  556. }
  557. .jl_con .tab a.t6:before {
  558. background-position: -64px -20px
  559. }
  560. .jl_con .star {
  561. position: relative;
  562. display: inline-block;
  563. width: 80px;
  564. height: 20px;
  565. vertical-align: top;
  566. background-position: 0 -42px
  567. }
  568. .jl_con .star:before {
  569. float: left;
  570. content: '\00a0';
  571. background-position: 0 -62px
  572. }
  573. .jl_con .star.s0_5:before {
  574. width: 7px
  575. }
  576. .jl_con .star.s1:before {
  577. width: 15px
  578. }
  579. .jl_con .star.s1_5:before {
  580. width: 23px
  581. }
  582. .jl_con .star.s2:before {
  583. width: 31px
  584. }
  585. .jl_con .star.s2_5:before {
  586. width: 39px
  587. }
  588. .jl_con .star.s3:before {
  589. width: 47px
  590. }
  591. .jl_con .star.s3_5:before {
  592. width: 55px
  593. }
  594. .jl_con .star.s4:before {
  595. width: 63px
  596. }
  597. .jl_con .star.s4_5:before {
  598. width: 71px
  599. }
  600. .jl_con .star.s5:before {
  601. width: 80px
  602. }
  603. .asslist {
  604. position: absolute;
  605. width: 100%;
  606. max-height: 200px;
  607. top: 100%;
  608. right: 11px;
  609. margin-top: -1px;
  610. padding-left: 136px;
  611. z-index: 9
  612. }
  613. .asslist .cn {
  614. padding: 8px 15px;
  615. background-color: #fffbf4;
  616. border: 1px solid #f3f3f3
  617. }
  618. .asslist .ae {
  619. display: block;
  620. line-height: 32px;
  621. font-size: 13px;
  622. color: #111;
  623. text-align: right
  624. }
  625. .job_ass {
  626. position: absolute;
  627. width: 60%;
  628. right: 11px;
  629. top: 48px;
  630. text-align: right;
  631. padding: 10px 20px 10px 10px;
  632. background-color: #fffbf4;
  633. border: 1px solid #f3f3f3;
  634. z-index: 3
  635. }
  636. .job_ass li {
  637. height: 30px;
  638. line-height: 30px;
  639. color: #111111;
  640. font-size: 13px;
  641. white-space: nowrap;
  642. text-overflow: ellipsis;
  643. overflow: hidden
  644. }
  645. /*按钮*/
  646. .jl_con .sfmr {
  647. position: absolute;
  648. font-size: 12px;
  649. bottom: 57px;
  650. right: 21px;
  651. padding: 0.5% 1.5%;
  652. background-position: -81px -21px;
  653. z-index: 999;
  654. border: 1px solid #4aa2fd;
  655. border-radius: 5px;
  656. color: #4aa2fd;
  657. }
  658. /*创建简历*/
  659. .jl_head {
  660. height: 130px;
  661. font-size: 16px;
  662. font-weight: bold;
  663. color: #fff;
  664. text-align: center;
  665. margin-bottom: -70px;
  666. background:url(../images/sy-index_88.png) no-repeat top left;
  667. -webkit-background-size: 100%;
  668. -moz-background-size: 100%;
  669. -ms-background-size: 100%;
  670. -o-background-size: 100%;
  671. background-size: 100%;
  672. -webkit-box-shadow: 0 -40px 40px #f6f6f5 inset;
  673. -moz-box-shadow: 0 -40px 40px #f6f6f5 inset;
  674. -ms-box-shadow: 0 -40px 40px #f6f6f5 inset;
  675. -o-box-shadow: 0 -40px 40px #f6f6f5 inset;
  676. box-shadow: 0 -40px 40px #f6f6f5 inset;
  677. }
  678. .jl_head .in {
  679. height: 60px;
  680. line-height: 60px;
  681. }
  682. .jl_head em{width:25px;height:60px}
  683. .jl_head em a{
  684. display: block;
  685. width:100%;
  686. height: 100%;
  687. }
  688. .jl_head em:nth-of-type(1){position:relative;float:left;top:0;left:0;background:url(../images/arrow_white.png) center no-repeat;
  689. -webkit-background-size:11px auto;-moz-background-size:11px auto;-ms-background-size:11px auto;-o-background-size:11px auto;background-size:11px auto}
  690. .jl_head em:nth-of-type(2){display:inline-block;vertical-align:top;
  691. -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
  692. .jl_head span{display:inline-block;max-width:70%}
  693. /*简历-基本信息*/
  694. .fixtop{padding-top:45px}
  695. .fixtop .top{position:fixed !important;width:100%;top:0;left:0;z-index:8}
  696. .top{position:relative;height:45px;line-height:45px;text-align:center;font-size:16px;background-color:#fff;z-index:2;
  697. -webkit-box-shadow:0 0 3px 2px #ccc;-moz-box-shadow:0 0 3px 2px #ccc;-o-box-shadow:0 0 3px 2px #ccc;-ms-box-shadow:0 0 3px 2px #ccc;box-shadow:0 0 3px 2px #ccc}
  698. .top .back{position:absolute;width:45px;height:45px;top:0;left:0;background:url(../images/arrow.png) center no-repeat;
  699. -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);
  700. -webkit-background-size:10px auto;-moz-background-size:10px auto;-o-background-size:10px auto;-ms-background-size:10px auto;background-size:10px auto}
  701. /*简历列表*/
  702. .calendar{
  703. position:fixed;
  704. width:100%;
  705. bottom:0;
  706. left:0;
  707. padding:0 11px;
  708. background-color:#fdfdfd;
  709. border-top:1px solid #d1d1d1;
  710. z-index:5;
  711. -webkit-box-sizing:border-box;
  712. -moz-box-sizing:border-box;
  713. -o-box-sizing:border-box;
  714. -ms-box-sizing:border-box;
  715. box-sizing:border-box;
  716. -webkit-box-shadow:0 -1px 10px #e0e0e0;
  717. -moz-box-shadow:0 -1px 10px #e0e0e0;
  718. -ms-box-shadow:0 -1px 10px #e0e0e0;
  719. -o-box-shadow:0 -1px 10px #e0e0e0;
  720. box-shadow:0 -1px 10px #e0e0e0;
  721. }
  722. .calendar.cal-date .swiper-container{width:33.3%}
  723. .calendar.cal-month .swiper-container{width:50%}
  724. .calendar.cal-year .swiper-container{width:100%}
  725. .calendar.cal-month .cal-d,.calendar.cal-year .cal-d,.calendar.cal-year .cal-m{display:none}
  726. .calendar .cal-hd{height:49px;line-height:49px;border-bottom:1px solid #e6e6e6}
  727. .calendar .cal-hd .rt{float:right}
  728. .calendar .cal-hd span{float:left;width:65px;height:49px;font-size:16px;color:#4c99ff;text-align:center}
  729. .calendar .cal-hd span:nth-child(2):before{float:left;width:1px;height:16px;content:'';margin-top:17px;background-color:#4c99ff}
  730. .calendar .cal-bd{position:relative;height:180px;}
  731. .calendar .swiper-container{float:left;height:180px}
  732. .calendar .swiper-slide{height:36px;line-height:36px;font-weight:700;font-size:13px;font-family:Arial;color:#868686;text-align:center}
  733. .calendar .swiper-gray{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(#fdfdfd),color-stop(.52,rgba(245,245,245,0)),color-stop(.48,rgba(245,245,245,0)),to(#fdfdfd));background:-webkit-linear-gradient(#fdfdfd 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#fdfdfd 100%);background:-moz-linear-gradient(#fdfdfd 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#fdfdfd 100%);background:linear-gradient(#fdfdfd 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#fdfdfd 100%)}
  734. .calendar .swiper-slide-active{font-size:16px;color:#4c99ff}
  735. .calendar .swiper-wol{position:absolute;width:100%;height:36px;top:50%;left:0;margin-top:-19px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
  736. #m_45 .fixtop{
  737. margin-top: 0px;
  738. }
  739. /*在校情况*/
  740. .fixbtn{height:90%;min-height:500px;background-color:#fff;}
  741. .fixbtn .btnbox{position:absolute;width:100%;bottom:0;
  742. -webkit-box-sizing:border-box;box-sizing:border-box}
  743. .jnav{height:35px;text-align:center;background-color: #e9eff8;}
  744. .jnav .n{position:relative;float:left;width:50%;line-height:35px;font-size:15px;color:#444}
  745. .jnav .n.on{color: #3e8eff;}
  746. .jnav .n.on:after{position:absolute;width:80px;height:2px;content:"";bottom:0;left:50%;margin-left:-40px;background-color: #3e8eff;}
  747. .jnav.jnav3 .n{width:33%}
  748. /*工作经验、教育经历、项目经验*/
  749. .jn_txt{
  750. padding: 0px 4%;
  751. line-height: 25px;text-align: left !important;
  752. }
  753. /*谁看过我*/
  754. .new_l{
  755. border-bottom:1px solid #ccc;
  756. }
  757. .new_l .e{position:relative;display:block;margin-bottom:6px;background-color:#fff}
  758. .new_l .e:last-child{margin-bottom:0}
  759. .new_l .e .gs{position:relative;height:34px;line-height:34px;font-size: 1.1rem;padding: 0 33px 0 22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color: #1d67d1;display: block;}
  760. .new_l .e .gs:after{position:absolute;height:1px;left:11px;right:11px;bottom:0;content:'';background-color:#e6e6e6}
  761. .new_l .e .gs em{position:absolute;width:55px;height:18px;line-height:18px;font-size:12px;color:#fff;text-align:center;left:21px;top:50%;margin-top:-9px;background-color:#ff773e;
  762. -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
  763. .new_l .e .gs object{position:absolute;width:30px;font-size:12px;text-align:right;padding-right:10px;right:21px;top:0;background: url(//img01.51jobcdn.com/im/m/arrow.png) right center no-repeat;
  764. -webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:auto 13px}
  765. .new_l .e .gs object a{display:block;width:100%;height:100%;color:#c9c9c9}
  766. .new_l .e .ms{position:relative;font-size:12px;color:#444;padding: 13px 21px;border-bottom:1px solid #e6e6e6;}
  767. .new_l .e:last-child .ms{border-bottom:0 none}
  768. .new_l .e .ms strong{display:block;font-weight:normal;font-size: 1rem;}
  769. .new_l .e .ms b{display:block;color:#888;margin: 5px 0;overflow:hidden;}
  770. .new_l .e .ms b span,.new_l .e .lk object{display:inline-block;float:left;width:140px}
  771. .new_l .e .ms b span,.new_l .e .ms b,.new_l .e .ms strong,.new_l .e p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight: normal;font-size: 1rem;}
  772. .new_l .e .ms aside{float: right;width:120px;font-size: 1rem;text-align: right;}
  773. .new_l .e .lk em{float: left;width:120px;font-size: 1rem;}
  774. .new_l .e .lk{color:#888;text-align: right;padding: 4px 0px;}
  775. .new_l .e .lk object a{position:relative;font-size:12px;color:#4c99ff}
  776. .new_l .e .lk object a:after{position:absolute;content:"";width:0;height:0;right:76px;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:#4c99ff;border-right:0}
  777. .new_l .e .lk span,.new_l .e .lk span:after{width:70px;height:11px;background:url(//img01.51jobcdn.com/im/m/heart.png) 0 -11px no-repeat;
  778. -webkit-background-size:70px auto;-moz-background-size:70px auto;-ms-background-size:70px auto;-o-background-size:70px auto;background-size:70px auto}
  779. .new_l .e .lk span{position:relative;display:inline-block;top:1px;margin-left:16px}
  780. .new_l .e .lk span:after{position:absolute;content:'';width:70px;height:11px;top:0;left:0;background-position:0 0}
  781. .new_l .e .lk span.s0:after{width:0}
  782. .new_l .e .lk span.s0-5:after{width:6px}
  783. .new_l .e .lk span.s1:after{width:12px}
  784. .new_l .e .lk span.s1-5:after{width:21px}
  785. .new_l .e .lk span.s2:after{width:28px}
  786. .new_l .e .lk span.s2-5:after{width:35px}
  787. .new_l .e .lk span.s3:after{width:43px}
  788. .new_l .e .lk span.s3-5:after{width:50px}
  789. .new_l .e .lk span.s4:after{width:57px}
  790. .new_l .e .lk span.s4-5:after{width:65px}
  791. .new_l .e .lk span.s5:after{width:70px}
  792. .new_l .e.es .gs{color:#c7c7c7}
  793. .new_l .e .gs span{float:right;color: #666;}
  794. .new_l .e.es .gs object,.new_l .e.es strong{display:none}
  795. .new_l .tab{height:48px;line-height:43px;background-color:#ebebeb;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
  796. .new_l .tab span{position:relative;float:left;display:block;width:33%;font-size:15px;color:#444;text-align:center;padding:5px 8px 0;
  797. -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
  798. .new_l .tab span a{display:block;color:#444}
  799. .new_l .tab span:after{position:absolute;content:"";width:1px;right:0;top:12px;bottom:12px;background-color:#c4c4c4}
  800. .new_l .tab span:last-child:after{display:none}
  801. .new_l .tab span.on a{color:#ff773e;background-color:#f9f9f9;border-radius:8px 8px 0 0}
  802. .new_l .e .ms aside i{
  803. font-size:1rem;
  804. }
  805. .new_l .e .lk a.sqzw{padding: 3px 6px;font-size: 0.6rem;background: #f19804;color: #fff;
  806. border-radius: 5px;
  807. margin: 0px 5px;
  808. }
  809. .new_l .e .lk a.delrsm{padding: 3px 6px;font-size: 0.6rem;color: #868686;
  810. background-color: #fafdff;
  811. border-radius: 5px;
  812. margin: 0px 5px;
  813. }
  814. .new_l .e .lk a.delrsm:before {
  815. display: inline-block;
  816. width: 17px;
  817. height: 18px;
  818. content: '\00a0';
  819. vertical-align: text-bottom;
  820. margin-right: 5px;
  821. margin-bottom: -2px;
  822. background: url(jlzx_con_11.png) no-repeat;
  823. }
  824. .items a.sqzw {
  825. padding: 3px 6px;
  826. font-size: 0.6rem;
  827. background: #f19804;
  828. color: #fff;
  829. border-radius: 5px;
  830. margin: 0px 5px;
  831. }
  832. .items a.delrsm {
  833. padding: 3px 6px;
  834. font-size: 0.6rem;
  835. color: #868686;
  836. background-color: #fafdff;
  837. border-radius: 5px;
  838. margin: 0px 5px;
  839. }
  840. .items a.delrsm:before {
  841. display: inline-block;
  842. width: 17px;
  843. height: 18px;
  844. content: '\00a0';
  845. vertical-align: text-bottom;
  846. margin-right: 5px;
  847. margin-bottom: -2px;
  848. background: url(jlzx_con_11.png) no-repeat;
  849. }
  850. .items_p{
  851. text-align: right;
  852. }
  853. .fdi .rj:before {
  854. position: absolute;
  855. height: 1px;
  856. content: '\00a0';
  857. right: 11px;
  858. bottom: 0;
  859. left: 11px;
  860. background-color: #e6e6e6;
  861. }
  862. .zzzw{
  863. padding:1% 2%;
  864. font-size: 1rem;
  865. color: #333;
  866. background: #f5f5f5;
  867. }
  868. /*企业中心*/
  869. .qygl_con {
  870. width: 96%;
  871. margin: 0px auto;
  872. padding-bottom: 4%;
  873. }
  874. .qy_img {
  875. width: 110px;
  876. height: 95px;
  877. border: 1px solid #ccc;
  878. background: #f4f4f4;
  879. }
  880. .qy_txt {
  881. width: 65%;
  882. position: relative;
  883. }
  884. .qy_txt h1 {
  885. font-size: 1.3rem;
  886. color: #333;
  887. text-align: left;
  888. height: 30px;
  889. line-height: 30px;
  890. }
  891. .qy_txt .qy_yx {
  892. font-size: 1rem;
  893. text-align: left;
  894. height: 20px;
  895. line-height: 20px;
  896. color: #4b4b4b;
  897. }
  898. .qy_txt .qy_yyzz {
  899. font-size: 1rem;
  900. text-align: left;
  901. color: #4b4b4b;
  902. line-height: 24px;
  903. }
  904. .qy_txt .qy_yyzz u {
  905. margin-left: 10px;
  906. text-decoration: none;
  907. font-size: 1rem;
  908. /* cursor: pointer;*/
  909. }
  910. .qy_txt .qy_yyzz i {
  911. margin-right: 15px;
  912. font-size: 1rem;
  913. }
  914. .qy_txt .qy_yyzz span {
  915. margin-right: 15px;
  916. padding: 3px 8px;
  917. background: #f0f0f0;
  918. color: #505050;
  919. font-size: 1rem;
  920. }
  921. .qy_txt .qy_yyzz img {
  922. margin: 0px 5px 0px 0px;
  923. }
  924. .qy_xgzl {
  925. position: absolute;
  926. top:118px;
  927. left:-120px;
  928. bottom: 14px;
  929. left: -128px;
  930. border: 1px solid #318ddc;
  931. color: #318ddc;
  932. width: 100px;
  933. height: 29px;
  934. line-height: 33px;
  935. text-align: center;
  936. border-radius: 5px;
  937. font-size: 1rem;
  938. }
  939. .qy_xgzl:hover {
  940. background: #e8f1ff;
  941. }
  942. .qy_xgzl img {
  943. margin-right: 8px;
  944. }
  945. .qy_jj {
  946. margin-top: 25px;
  947. line-height: 2.3rem;
  948. color: #333;
  949. font-size: 1.1rem;
  950. }
  951. .btn_ssrc {
  952. display: block;
  953. margin: 30px auto;
  954. width: 150px;
  955. height: 30px;
  956. border: 1px solid #1a7bce;
  957. color: #1a7bce;
  958. line-height: 30px;
  959. text-align: center;
  960. font-size: 16px;
  961. border-radius: 5px;
  962. background: url(../images/qyzx_icon_31.png) no-repeat 16px 6px;
  963. }
  964. .btn_ssrc:hover {
  965. color: #fff;
  966. border: 1px solid #1a7bce;
  967. background: #1a7bce url(../images/qyzx_icon_32.png) no-repeat 16px 6px;
  968. }
  969. .qy_tit{
  970. height: 30px;
  971. line-height: 30px;
  972. font-size: 1.2rem;
  973. font-weight: 900;
  974. width: 96%;
  975. margin: 0px auto;
  976. color: #318ddc;
  977. display: block;
  978. }
  979. .qy_table{
  980. width:96%;
  981. margin: 0px auto;
  982. }
  983. .qy_table li{
  984. padding: 1% 1%;
  985. border-bottom: 1px solid #ccc;
  986. background: #f8f8f8;
  987. }
  988. .qy_table li h2{
  989. height: 1.8rem;
  990. line-height: 1.8rem;
  991. }
  992. .qy_table li p{
  993. height: 1.8rem;
  994. line-height: 1.8rem;
  995. }
  996. .qy_table li h2 a{
  997. float:left;
  998. font-size: 1.1rem;
  999. color: #333;
  1000. font-weight: 900;
  1001. }
  1002. .qy_table li h2 i{
  1003. float:left;
  1004. font-size: 1.1rem;
  1005. color: #333;
  1006. font-weight: normal;
  1007. margin-right: 2%;
  1008. }
  1009. .qy_table li h2 span{
  1010. float:right;
  1011. font-size: 1rem;
  1012. color: #333;
  1013. font-weight: normal;
  1014. }
  1015. .qy_table li p i{
  1016. float:left;
  1017. font-size: 1rem;
  1018. color: #333;
  1019. font-weight: normal;
  1020. margin-right: 2%;
  1021. }
  1022. .qy_table li p i.qy_sc{
  1023. padding-left: 20px;
  1024. background:url(../images/icon_sc.png) no-repeat 5px 3px;
  1025. background-size: 15px;
  1026. color:#DB5107;
  1027. }
  1028. .qy_table li p span{
  1029. float:right;
  1030. font-size: 1rem;
  1031. color: #333;
  1032. font-weight: normal;
  1033. }
  1034. .qy_table li p.qy_pan{
  1035. text-align: right;
  1036. height: 2.2rem;
  1037. line-height: 2.2rem;
  1038. }
  1039. .qy_table li p.qy_pan a{
  1040. margin: 0px 2%;
  1041. font-size: 1rem;
  1042. }
  1043. .qy_table li p.qy_pan a img{
  1044. margin-right: 1%;
  1045. width: 13px;
  1046. }
  1047. .qy_table li p.qy_pan i{
  1048. padding: 0% 2%;
  1049. background: #eee;
  1050. color: #666;
  1051. border-radius: 5px;
  1052. font-size: 1rem;
  1053. }
  1054. .btn_bj {
  1055. color: #318ddc;
  1056. }
  1057. .btn_sc {
  1058. color: #909090;
  1059. }
  1060. .btn_zt {
  1061. color: #333;
  1062. }
  1063. .btn_add2 {
  1064. display: block;
  1065. height: 50px;
  1066. line-height: 50px;
  1067. color: #e7503f;
  1068. text-align: center;
  1069. margin-bottom: 8px;
  1070. background-color: #fff;
  1071. box-shadow: 5px 7px 19px #eee;
  1072. }
  1073. .red{
  1074. color: #B80205;
  1075. }
  1076. .green {
  1077. color: #269604!important;
  1078. }
  1079. .sqzw_btn {
  1080. background: #f19804;
  1081. color: #fff;
  1082. letter-spacing: 1px;
  1083. padding: 3px 5px;
  1084. border-radius: 4px;
  1085. font-size: 14px;
  1086. }
  1087. .pophide{
  1088. display:none;
  1089. }
  1090. #qy_logo{
  1091. display: block;
  1092. }
  1093. #qy_logo img{
  1094. display: block;
  1095. margin: 20px auto;
  1096. }
  1097. .red{
  1098. color:#BC0508;
  1099. }
  1100. .qy_xtit{
  1101. font-size: 1.1rem;
  1102. color: #333;
  1103. padding: 1% 2%;
  1104. }
  1105. .ssrc_nl input{
  1106. width:25%!important;
  1107. display:inline-block!important;
  1108. /* margin-right: 2%;*/
  1109. /* border-bottom: 1px solid #ccc;*/
  1110. /* background: #f2f2f2!important;*/
  1111. text-align: center!important;
  1112. }
  1113. .ssrc_xl{
  1114. text-align: right!important;
  1115. }
  1116. .ssrc_xl select{
  1117. width: 32%!important;
  1118. display: inline-block!important;
  1119. /* margin-right: 2%; */
  1120. /* border-bottom: 1px solid #ccc; */
  1121. /* background: #f2f2f2!important; */
  1122. text-align: center!important;
  1123. position: relative!important;
  1124. opacity: 1!important;
  1125. height: 30px!important;
  1126. border: 0px!important;
  1127. }
  1128. .ssrc_nl p{
  1129. text-align: right;
  1130. }
  1131. .sx_btn{
  1132. height: 45px;
  1133. line-height: 45px;
  1134. text-align: right;
  1135. padding-right: 2%;
  1136. margin-bottom: 15px;
  1137. padding: 3%;
  1138. }
  1139. .sx_btn a{
  1140. padding: 5px 10px;
  1141. margin: 0px 10px;
  1142. font-size: 1rem;
  1143. }
  1144. .sx_btn a.sxjl{
  1145. color: #318ddc;
  1146. border:1px solid #318ddc;
  1147. border-radius: 5px;
  1148. padding-left: 23px;
  1149. background:url(../images/qyzx_icon_31.png) no-repeat 5px 5px;
  1150. background-size:15px;
  1151. }
  1152. .sx_btn a.del_btn{
  1153. color: #717171;
  1154. border:1px solid #717171;
  1155. border-radius: 5px;
  1156. padding-left: 23px;
  1157. background:url(../images/jlzx_con_11.png) no-repeat 5px 6px;
  1158. background-size:14px;
  1159. }
  1160. .ssjl_ul{
  1161. /* height:176px;*/
  1162. padding-bottom: 15px;
  1163. }
  1164. .ssjl_ul li{
  1165. /* height:176px;*/
  1166. margin-bottom: 15px;
  1167. }
  1168. .ssjl_ul li h2{
  1169. height:40px;
  1170. line-height: 40px;
  1171. background: #f2f7ff;
  1172. padding: 0px 20px;
  1173. font-size: 1.1rem;
  1174. }
  1175. .ssjl_ul li h2 a{
  1176. font-size: 1.1rem;
  1177. padding-right: 20px;
  1178. color: #308cdb;
  1179. }
  1180. .ssjl_ul li h2 a.man{
  1181. background: url(../images/qy_ssrc_03.png) no-repeat right;
  1182. }
  1183. .ssjl_ul li h2 a.woman{
  1184. background: url(../images/qy_ssrc_11.png) no-repeat right;
  1185. }
  1186. .ssjl_ul li h2 span{
  1187. font-size: 1.1rem;
  1188. color: #333;
  1189. margin-left: 20px;
  1190. }
  1191. .ssjl_ul li h2 i{
  1192. font-size: 1.1rem;
  1193. color: #333;
  1194. margin-left: 20px;
  1195. }
  1196. .ssjl_ul li .qygr_img {/* height: 101px;*/padding: 1% 2%;}
  1197. .ssjl_ul li .qygr_img .qyss_img{
  1198. width: 80px;
  1199. height: 80px;
  1200. border-radius: 50%;
  1201. overflow: hidden;
  1202. margin-right: 20px;
  1203. }
  1204. .ssjl_ul li .qygr_img .qyss_txt {
  1205. width: 72%;
  1206. }
  1207. .ssjl_ul li .qygr_img .qyss_txt p{
  1208. font-size: 1rem;
  1209. line-height: 2.5rem;
  1210. }
  1211. .ssjl_ul li .qygr_img .qyss_txt .qyss_xl p{
  1212. font-size: 1rem;
  1213. line-height: 2rem;
  1214. }
  1215. .ssjl_ul li .qygr_img .qyss_jl p{
  1216. font-size: 1rem;
  1217. line-height: 2rem;
  1218. }
  1219. .ssjl_ul li .qygr_img .qyss_jl{
  1220. /* width:100%; */
  1221. padding: 2%;
  1222. background: #f9f9f9;
  1223. border: 1px solid #ccc;
  1224. line-height: 30px;
  1225. /* height: 60px;*/
  1226. margin-top: 15px;
  1227. font-size: 1rem;
  1228. }
  1229. .fl_span{
  1230. padding: 2% 0px;
  1231. }
  1232. .fl_span span {
  1233. padding: 5px 8px;
  1234. background: #eaeaea;
  1235. font-size: 1rem;
  1236. color: #666;
  1237. margin-right: 8px;
  1238. }
  1239. .gsxx_div{
  1240. padding: 2% 2%;
  1241. }
  1242. .gsxx_tit {
  1243. font-size: 1.2rem;
  1244. color: #318ddc;
  1245. font-weight: 900;
  1246. margin: 2% 0px 0px 0px;
  1247. }
  1248. .gsxx_div p {
  1249. padding: 5px 0px;
  1250. line-height: 2rem;
  1251. font-size: 1rem;
  1252. }
  1253. /*注册*/
  1254. .top_nav{
  1255. text-align:right;
  1256. padding: 1% 3%;
  1257. color: #0840C8;
  1258. }
  1259. .top_nav a{
  1260. color: #0840C8;
  1261. }
  1262. .zc_logo{
  1263. margin: 14% auto 10% auto;
  1264. }
  1265. .zc_logo img{
  1266. margin: 0px auto;
  1267. display: block;
  1268. }
  1269. .zc_content{
  1270. background: rgba(255, 255, 255, 0.76);
  1271. border-radius: 5px;
  1272. width: 85%;
  1273. padding: 2%;
  1274. margin: 0px auto;
  1275. }
  1276. .zc_content h1{
  1277. font-size: 1.4rem;
  1278. color: #333;
  1279. font-weight: 900;
  1280. text-align: center;
  1281. height: 3.5rem;
  1282. line-height: 3.5rem;
  1283. }
  1284. .con_form {
  1285. width: 98%;
  1286. margin: 3% auto;
  1287. }
  1288. .con_form .line {
  1289. height: 4rem;
  1290. line-height: 4rem;
  1291. }
  1292. .con_form .line span {
  1293. font-size: 1rem;
  1294. color: #333;
  1295. text-align: right;
  1296. width: 24%;
  1297. display: block;
  1298. float: left;
  1299. font-weight: 900;
  1300. margin-right: 10px;
  1301. letter-spacing: 2px;
  1302. }
  1303. .con_form .line input {
  1304. font-size: 1rem;
  1305. color: #333;
  1306. text-align: left;
  1307. width: 65%;
  1308. display: block;
  1309. float: left;
  1310. padding: 0px 15px;
  1311. border: 1px solid #ccc;
  1312. /* outline: 1px solid #318ddc;*/
  1313. height: 3rem;
  1314. line-height: 3rem;
  1315. margin-top: 8px;
  1316. *
  1317. font-size: 14px;
  1318. border-radius: 4px;
  1319. }
  1320. .con_form .line input::placeholder {
  1321. color: #999;
  1322. font-size: 14px;
  1323. *font-size: 14px;
  1324. }
  1325. .con_form .line i {
  1326. display: block;
  1327. float: left;
  1328. margin: 15px 12px;
  1329. width: 19px;
  1330. height: 13px;
  1331. }
  1332. .con_form .line i.i1 {
  1333. background: url(../images/sy_dz_03.png) no-repeat center;
  1334. }
  1335. .con_form .line i.i2 {
  1336. background: url(../images/sy_dz_02.png) no-repeat center;
  1337. }
  1338. .con_form .line i.i3 {
  1339. background: url(../images/sy_dz_04.png) no-repeat center;
  1340. }
  1341. .con_form .line .img_yzm {
  1342. width: 90px;
  1343. height: 35px;
  1344. background: #C6C6C6;
  1345. /* float: left; */
  1346. margin-right: 20px;
  1347. margin-top: 8px;
  1348. }
  1349. .con_form .line .inp_yzm {
  1350. width: 66%;
  1351. float: right;
  1352. margin-top: -10px;
  1353. margin-right: 7%;
  1354. }
  1355. .con_form .line input[type="checkbox"] {
  1356. width: 15px;
  1357. height: 15px;
  1358. margin: 17px 10px 10px 0px;
  1359. }
  1360. .con_form .line a {
  1361. color: #0c68b8;
  1362. }
  1363. .qr_btn {
  1364. width: 300px;
  1365. height: 40px;
  1366. line-height: 40px;
  1367. letter-spacing: 4px;
  1368. color: #fff!important;
  1369. font-size: 16px;
  1370. font-weight: 900;
  1371. background: #318ddc;
  1372. border-radius: 2px;
  1373. display: block;
  1374. margin: 40px auto 15px auto;
  1375. text-align: center;
  1376. }
  1377. .qr_btn:hover {
  1378. background: #176db7;
  1379. outline: 1px solid #053258;
  1380. }
  1381. .zc_footer {
  1382. width: 90%;
  1383. text-align: center;
  1384. padding: 20px 0px;
  1385. line-height: 1.5rem;
  1386. font-size: 1rem;
  1387. color: #fff;
  1388. overflow: hidden;
  1389. margin: 0px auto;
  1390. position: absolute;
  1391. bottom: 0%;
  1392. left: 50%;
  1393. margin-left: -45%;
  1394. }
  1395. .con_form2 h5 {
  1396. font-size: 1.1rem;
  1397. color: #333;
  1398. font-weight: 900;
  1399. margin-bottom: 2%;
  1400. }
  1401. .con_form2 h6 {
  1402. font-size: 1rem;
  1403. color: #333;
  1404. margin-bottom: 10px;
  1405. }
  1406. .con_form2 .line2 {
  1407. height: 80px;
  1408. }
  1409. .con_form2 .line p {
  1410. font-size: 16px;
  1411. color: #333;
  1412. height: 30px;
  1413. line-height: 30px;
  1414. font-weight: 900;
  1415. }
  1416. .con_form2 .line .yx_yz {
  1417. width: 69%;
  1418. padding: 0px 2%;
  1419. }
  1420. .con_form2 .line .yx_fs {
  1421. width: 25%;
  1422. border-radius: 1px;
  1423. margin-left: 3%;
  1424. border: 1px solid #117edc;
  1425. color: #117edc;
  1426. text-align: center;
  1427. background: #fff;
  1428. cursor: pointer;
  1429. font-size: 1rem;
  1430. padding: 0px 2%;
  1431. }
  1432. .con_form2 .line .yx_fs:hover {
  1433. color: #fff;
  1434. background: #117edc;
  1435. }
  1436. .con_form .fhdl_a {
  1437. color: #2f2e2e;
  1438. font-size: 1rem;
  1439. text-align: center;
  1440. display: block;
  1441. }
  1442. .con_form2 h4 {
  1443. font-size: 1.1rem;
  1444. font-weight: 900;
  1445. padding-left: 4%;
  1446. color: #333;
  1447. margin-bottom: 20px;
  1448. }
  1449. .con_form .sy_wjmm {
  1450. font-size: 1rem;
  1451. color: #1943C5;
  1452. display: block;
  1453. text-align: right;
  1454. height: 25px;
  1455. line-height: 25px;
  1456. padding-right: 40px;
  1457. }
  1458. .con_form .sy_qzc {
  1459. font-size: 14px;
  1460. color: #a5a1a1;
  1461. display: block;
  1462. text-align: center;
  1463. height: 30px;
  1464. line-height: 30px;
  1465. }
  1466. .qy_tita,.qy_tita1{
  1467. height: 3.5rem;
  1468. }
  1469. .qy_tita .qy_tit,.qy_tita1 .qy_tit{
  1470. width: 50%;
  1471. text-align: center;
  1472. float:left;
  1473. }
  1474. .qy_tita a.on,.qy_tita1 a.on{
  1475. border-bottom: 4px solid #318ddc;
  1476. }
  1477. .qy_tab,.qy_tab1{
  1478. display:none;
  1479. }
  1480. .nsr_inp{
  1481. width:90%;
  1482. text-align: right;
  1483. }
  1484. .nsr_inp::-webkit-input-placeholder{
  1485. text-align: left;
  1486. text-indent: 40px!important;
  1487. }
  1488. .nsr_a:after{
  1489. background: none!important;
  1490. }
  1491. .sczw{
  1492. background:url(../images/icon_sc.png) no-repeat left center;
  1493. padding-left: 20px;
  1494. background-size: 18px;
  1495. margin-left: 5px;
  1496. color: #e6620a;
  1497. }
  1498. .content .btn_a{
  1499. float: left;
  1500. margin: 1%;
  1501. width: 44%;
  1502. height: 2rem;
  1503. line-height: 2rem;
  1504. background: #f1fdff;
  1505. padding: 2%;
  1506. font-size: 1rem;
  1507. overflow: hidden;
  1508. position: relative;
  1509. z-index: 9;
  1510. border-radius: 3px;
  1511. color: #333;
  1512. }
  1513. .content .btn_a::after{
  1514. content: '';
  1515. background:url(../images/fuwu.png) no-repeat right;
  1516. display: block;
  1517. position: absolute;
  1518. bottom: -15px;
  1519. right: 0.6rem;
  1520. width: 64px;
  1521. height: 64px;
  1522. z-index: -1;
  1523. }
  1524. .content .btn_a:active{
  1525. background: #d7e9ec;
  1526. text-shadow: 0px 0px 5px #06487d;
  1527. }
  1528. @media screen and (min-width: 320px) {
  1529. html {
  1530. font-size: 12px;
  1531. }
  1532. .nav a {
  1533. margin: 0px 1%;
  1534. }
  1535. }
  1536. @media screen and (min-width: 360px) {
  1537. .nav a {
  1538. /* margin: 0px 1%; */
  1539. }
  1540. }
  1541. @media screen and (min-width: 375px) {
  1542. html {
  1543. font-size: 14px;
  1544. }
  1545. .nav a {
  1546. /* margin: 0px 1%; */
  1547. }
  1548. }
  1549. @media screen and (min-width: 412px) {
  1550. html {
  1551. font-size: 14px;
  1552. }
  1553. .nav a {
  1554. margin: 0px 1%;
  1555. }
  1556. }
  1557. @media screen and (min-width: 480px) {
  1558. html {
  1559. font-size: 14px;
  1560. }
  1561. body {
  1562. background-size: contain;
  1563. }
  1564. .nav a {
  1565. margin: 0px 1%;
  1566. padding-top: 0px!important;
  1567. line-height: 70px;
  1568. }
  1569. .sy_header img {
  1570. width: 45%;
  1571. }
  1572. .ss_dz a {
  1573. font-size: 0.8rem;
  1574. }
  1575. .sy_header .sy_ss .ss_inp {
  1576. height: 40px;
  1577. line-height: 40px;
  1578. }
  1579. .sy_header .sy_ss .ss_btn {
  1580. width: 50px;
  1581. height: 40px;
  1582. background-size: 24px;
  1583. }
  1584. .nav {
  1585. margin: 20px auto 20px auto;
  1586. }
  1587. }
  1588. @media screen and (min-width: 600px) {
  1589. html {
  1590. font-size: 20px;
  1591. }
  1592. body {
  1593. background-size: contain;
  1594. }
  1595. .sy_header img {
  1596. width: 45%;
  1597. }
  1598. .ss_dz a {
  1599. font-size: 0.8rem;
  1600. }
  1601. .sy_header .sy_ss .ss_inp {
  1602. height: 50px;
  1603. line-height: 50px;
  1604. }
  1605. .sy_header .sy_ss .ss_btn {
  1606. width: 60px;
  1607. height: 50px;
  1608. background-size: 28px;
  1609. }
  1610. .nav {
  1611. margin: 20px auto 20px auto;
  1612. }
  1613. .nav a {
  1614. margin: 0px 4.5%;
  1615. }
  1616. .sy_ban {
  1617. padding: 5px 0px 10px 0px;
  1618. margin-top: 0px;
  1619. }
  1620. .content h4 {
  1621. height: 50px;
  1622. line-height: 50px;
  1623. /* font-size: 1.2rem; */
  1624. }
  1625. }
  1626. @media screen and (min-width: 768px) {
  1627. html {
  1628. font-size: 20px;
  1629. }
  1630. body {
  1631. background-size: contain;
  1632. }
  1633. .sy_header img {
  1634. width: 45%;
  1635. }
  1636. .ss_dz a {
  1637. font-size: 0.8rem;
  1638. }
  1639. .sy_header .sy_ss .ss_inp {
  1640. height: 50px;
  1641. line-height: 50px;
  1642. }
  1643. .sy_header .sy_ss .ss_btn {
  1644. width: 60px;
  1645. height: 50px;
  1646. background-size: 28px;
  1647. }
  1648. .nav {
  1649. margin: 20px auto 20px auto;
  1650. }
  1651. .nav a {
  1652. margin: 0px 1%;
  1653. line-height: 100px;
  1654. height: 100px;
  1655. padding-top: 0px!important;
  1656. }
  1657. .nav a i {
  1658. width: 100%;
  1659. height: 100px;
  1660. background-size: 40px!important;
  1661. }
  1662. .nav a.syyc i {
  1663. background: #318ddc url(sy_sj_38.png) no-repeat 20px 25px;
  1664. }
  1665. .nav a.wlzp i {
  1666. background: #ff9191 url(sy_sj_44.png) no-repeat 20px 29px;
  1667. }
  1668. .nav a.gjrc i {
  1669. background: #2ecc71 url(sy_sj_41.png) no-repeat 20px 24px;
  1670. }
  1671. .nav a.zypx i {
  1672. background: #fe9126 url(sy_sj_47.png) no-repeat 39px 41px;
  1673. }
  1674. .sy_ban {
  1675. padding: 5px 0px 10px 0px;
  1676. margin-top: 0px;
  1677. }
  1678. .content h4 {
  1679. height: 50px;
  1680. line-height: 50px;
  1681. /* font-size: 1.2rem; */
  1682. }
  1683. }
  1684. @media screen and (min-width: 800px) {
  1685. html {
  1686. font-size: 22px;
  1687. }
  1688. body {
  1689. background-size: contain;
  1690. }
  1691. .sy_header img {
  1692. width: 50%;
  1693. }
  1694. .ss_dz a {
  1695. font-size: 1rem;
  1696. }
  1697. .sy_header .sy_ss .ss_inp {
  1698. height: 60px;
  1699. line-height: 60px;
  1700. }
  1701. .sy_header .sy_ss .ss_btn {
  1702. width: 70px;
  1703. height: 60px;
  1704. background-size: 32px;
  1705. }
  1706. .nav {
  1707. margin: 20px auto 20px auto;
  1708. }
  1709. .nav a {
  1710. margin: 0px 1%;
  1711. height: 128px;
  1712. line-height: 128px;
  1713. }
  1714. .nav a i {
  1715. width: 100%;
  1716. height: 128px;
  1717. background-size: 50px!important;
  1718. }
  1719. .nav a.syyc i {
  1720. background: #318ddc url(sy_sj_38.png) no-repeat 38px 34px;
  1721. width: 100%;
  1722. }
  1723. .nav a.wlzp i {
  1724. background: #ff9191 url(sy_sj_44.png) no-repeat 38px 37px;
  1725. }
  1726. .nav a.gjrc i {
  1727. background: #2ecc71 url(sy_sj_41.png) no-repeat 39px 31px;
  1728. width: 100;
  1729. }
  1730. .nav a.zypx i {
  1731. background: #fe9126 url(sy_sj_47.png) no-repeat 39px 41px;
  1732. }
  1733. .sy_ban {
  1734. padding: 5px 0px 10px 0px;
  1735. margin-top: 0px;
  1736. }
  1737. .content h4 {
  1738. height: 60px;
  1739. line-height: 60px;
  1740. /* font-size: 1.2rem; */
  1741. }
  1742. .all_list li {
  1743. line-height: 45px;
  1744. font-size: 1.5rem;
  1745. overflow: hidden;
  1746. }
  1747. }