sy_sjbase.css 51 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099
  1. body {
  2. background: #ebebeb url(sy_sj_01.png) no-repeat top left;
  3. width: 100%;
  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.3rem;
  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. .btn_bj2{background: #dc8831;
  331. border-radius: 5px;
  332. color: #fff;
  333. padding: 2px 15px;
  334. margin: 6px 0px;
  335. float: right;
  336. text-align: center;
  337. display: inline-block;
  338. font-size: 0.8rem;
  339. }
  340. .nav_div label.who:before {
  341. background-position: 0px -71px;
  342. }
  343. .nav_div label.sc:before {
  344. background-position: 0px -48px;
  345. }
  346. .nav_div label.lwpqfw2:before {
  347. background-position: 0px -168px;
  348. }
  349. .nav_div label.rczpfw2:before {
  350. background-position: -23px -167px;
  351. }
  352. .nav_div label.rlzywbfw2:before {
  353. background-position: -24px -144px;
  354. }
  355. .nav_div label.rccpfw2:before {
  356. background-position: 1px -146px;
  357. }
  358. .nav_div label.rlzypxfw2:before {
  359. background-position: -22px -118px;
  360. }
  361. .nav_div label.rlzyglzxfw2:before {
  362. background-position: 2px -119px;
  363. }
  364. .nav_div label.rlzyhshbzswdl2:before {
  365. background-position: -20px -93px;
  366. }
  367. .nav_div label.ldryrsdafw2:before {
  368. background-position: 3px -95px;
  369. }
  370. .nav_div label.sq:before {
  371. background-position: 0px -22px;
  372. }
  373. .nav_div .txt {
  374. text-align: right;
  375. }
  376. .nav_div label.who:before {
  377. background-position: 0px -71px;
  378. }
  379. .nav_div label.sc:before {
  380. background-position: 0px -48px;
  381. }
  382. /*底部导航*/
  383. .btab {
  384. /*
  385. position: absolute;
  386. left: 0px;
  387. bottom: 0px;
  388. width: 100%;
  389. */
  390. height: 53px;
  391. /*
  392. background-color: #fff;
  393. border-top: 1px solid #e6e6e6;
  394. z-index: 8;
  395. padding-top: 52px;
  396. */
  397. }
  398. .btab .t_in {
  399. position: fixed;
  400. width: 100%;
  401. height: 52px;
  402. left: 0;
  403. bottom: 0;
  404. background-color: #fff;
  405. border-top: 1px solid #e6e6e6;
  406. z-index: 8
  407. }
  408. .btab a {
  409. display: block;
  410. position: relative;
  411. float: left;
  412. width: 20%;
  413. text-align: center;
  414. font-size: 12px;
  415. color: #5d656b;
  416. padding-top: 31px;
  417. }
  418. .btab a:after {
  419. content: '\00a0';
  420. width: 25px;
  421. height: 25px;
  422. position: absolute;
  423. top: 6px;
  424. left: 50%;
  425. margin-left: -12px;
  426. background: url(icon_btab.png) no-repeat -1px -3px;
  427. -webkit-background-size: 80px auto;
  428. -moz-background-size: 80px auto;
  429. -o-background-size: 80px auto;
  430. -ms-background-size: 80px auto;
  431. background-size: 80px auto;
  432. }
  433. /*.btab .i4:after,.btab .i4.on:after{background:url(icon_home_ht3.png) #fff no-repeat;
  434. -webkit-background-size:20px auto;-moz-background-size:20px auto;-ms-background-size:20px auto;-o-background-size:20px auto;background-size:20px auto}*/
  435. .btab .i2:after {
  436. background-position: 1px -32px
  437. }
  438. .btab .i3:after {
  439. background-position: -2px -63px
  440. }
  441. .btab .i4:after {
  442. background-position: -1px -94px;
  443. }
  444. .btab .i5:after {
  445. background-position: -1px -127px
  446. }
  447. .btab a.on:after {
  448. width: 35px;
  449. margin-left: -17px;
  450. top: 6px;
  451. }
  452. .btab .i1.on:after {
  453. background-position: -44px -2px
  454. }
  455. .btab .i2.on:after {
  456. background-position: -42px -32px
  457. }
  458. .btab .i3.on:after {
  459. background-position: -44px -62px
  460. }
  461. .btab .i4.on:after {
  462. background-position: -44px -94px;
  463. }
  464. .btab .i5.on:after {
  465. background-position: -44px -126px
  466. }
  467. /*我的简历*/
  468. .jl_nav {
  469. height: 40px;
  470. line-height: 38px;
  471. background: rgba(49, 141, 220, 0.66);
  472. color: #fff;
  473. text-align: center;
  474. font-size: 0.9rem;
  475. position: relative;
  476. margin-bottom: 20px;
  477. }
  478. .jl_nav a {
  479. margin: 0 2%;
  480. padding-bottom: 0px;
  481. font-size: 1.2rem;
  482. color: #fff;
  483. }
  484. .jl_nav a.on {
  485. border-bottom: 2px solid #fff;
  486. }
  487. #jl_navxl{
  488. position: absolute;
  489. background: rgba(49, 141, 220, 0.66);
  490. width: 5rem;
  491. height: 1.3rem;
  492. line-height: 1.3em;
  493. left: 50%;
  494. margin-left: -3rem;
  495. font-size: 0.8rem;
  496. bottom: -1.3rem;
  497. color: #fff;
  498. border-bottom-left-radius: 5px;
  499. border-bottom-right-radius: 5px;
  500. }
  501. .nav_a{
  502. height: 40px;
  503. overflow: hidden;
  504. }
  505. *,
  506. *:after,
  507. *:before {
  508. -webkit-box-sizing: border-box;
  509. box-sizing: border-box;
  510. }
  511. .nav_a a{
  512. float:left;
  513. /* height: 2.8rem; */
  514. }
  515. .inner-header{
  516. /* background-color: rgba(0,0,0,1); */
  517. width: 100%;
  518. height: 35px;
  519. position: absolute;
  520. top: 0px;
  521. left: 0px;
  522. }
  523. .inner-header-icon{
  524. color: #ffffff;
  525. height: 40px;
  526. font-size: 25px;
  527. text-align: center;
  528. float:right;
  529. width: 50px;
  530. position: relative;
  531. -webkit-transition: background 0.5s;
  532. -moz-transition: background 0.5s;
  533. -o-transition: background 0.5s;
  534. transition: background 0.5s;
  535. }
  536. .inner-header-icon:hover{
  537. background-color: rgba(255,255,255,0.2);
  538. cursor: pointer;
  539. }
  540. .inner-header-icon span{
  541. position: absolute;
  542. left: calc((100% - 25px) / 2);
  543. top: calc((100% - 1px) / 2);
  544. width: 25px;
  545. height: 1px;
  546. background-color: rgba(255,255,255,1);
  547. }
  548. .inner-header-icon span:nth-child(1){
  549. transform: translateY(4px) rotate(0deg);
  550. }
  551. .inner-header-icon span:nth-child(2){
  552. opacity: 0;
  553. }
  554. .inner-header-icon span:nth-child(3){
  555. transform: translateY(-4px) rotate(0deg);
  556. }
  557. .inner-header-icon-click span:nth-child(1){
  558. animation-duration: 0.5s;
  559. animation-fill-mode: both;
  560. animation-name: clickfirst;
  561. }
  562. .inner-header-icon-click span:nth-child(2){
  563. animation-duration: 0.5s;
  564. animation-fill-mode: both;
  565. animation-name: clicksecond;
  566. }
  567. .inner-header-icon-click span:nth-child(3){
  568. animation-duration: 0.5s;
  569. animation-fill-mode: both;
  570. animation-name: clickthird;
  571. }
  572. /*第一条线旋转动画*/
  573. @keyframes clickfirst {
  574. 0% {
  575. transform: translateY(4px) rotate(0deg);
  576. }
  577. 100% {
  578. transform: translateY(0) rotate(45deg);
  579. }
  580. }
  581. /*第二条线淡入淡出动画动画*/
  582. @keyframes clicksecond {
  583. 0% {
  584. opacity: 1;
  585. }
  586. 100% {
  587. opacity: 0;
  588. }
  589. }
  590. /*第三条线旋转动画*/
  591. @keyframes clickthird {
  592. 0% {
  593. transform: translateY(-4px) rotate(0deg);
  594. }
  595. 100% {
  596. transform: translateY(0) rotate(-45deg);
  597. }
  598. }
  599. .inner-header-icon-out span:nth-child(1){
  600. animation-duration: 0.5s;
  601. animation-fill-mode: both;
  602. animation-name: outfirst;
  603. }
  604. .inner-header-icon-out span:nth-child(2){
  605. animation-duration: 0.5s;
  606. animation-fill-mode: both;
  607. animation-name: outsecond;
  608. }
  609. .inner-header-icon-out span:nth-child(3){
  610. animation-duration: 0.5s;
  611. animation-fill-mode: both;
  612. animation-name: outthird;
  613. }
  614. @keyframes outfirst {
  615. 0% {
  616. transform: translateY(0) rotate(-45deg);
  617. }
  618. 100% {
  619. transform: translateY(-4px) rotate(0deg);
  620. }
  621. }
  622. @keyframes outsecond {
  623. 0% {
  624. opacity: 0;
  625. }
  626. 100% {
  627. opacity: 1;
  628. }
  629. }
  630. @keyframes outthird {
  631. 0% {
  632. transform: translateY(0) rotate(45deg);
  633. }
  634. 100% {
  635. transform: translateY(4px) rotate(0deg);
  636. }
  637. }
  638. .inner-nav{
  639. background-color: rgb(84, 138, 194);
  640. /*background-color: rgba(49, 141, 220, 0.95);*/
  641. width: 100%;
  642. position: absolute;
  643. top: 35px;
  644. left: 0px;
  645. padding-top: 0.5rem;
  646. padding-bottom: 0.5rem;
  647. display: none;
  648. z-index: 9;
  649. }
  650. .inner-nav a{
  651. display: inline-block;
  652. line-height: 2.5rem;
  653. text-decoration: none;
  654. width: 80%;
  655. margin-left: 10%;
  656. color: #FFFFFF;
  657. border-bottom: solid 1px rgba(255,255,255,0.3);
  658. -webkit-transition: all 0.5s;
  659. -moz-transition: all 0.5s;
  660. -o-transition: all 0.5s;
  661. transition: all 0.5s;
  662. font-weight:300;
  663. }
  664. .inner-nav a:hover{
  665. color: rgba(255,255,255,0.4);
  666. border-bottom: solid 1px rgba(255,255,255,0.2);
  667. }
  668. .jl_con {
  669. background: #fff;
  670. margin-bottom: 8px;
  671. background-color: #fff;
  672. -webkit-box-shadow: 0 2px 1px 1px #dedede;
  673. -moz-box-shadow: 0 2px 1px 1px #dedede;
  674. -o-box-shadow: 0 2px 1px 1px #dedede;
  675. -ms-box-shadow: 0 2px 1px 1px #dedede;
  676. box-shadow: 0 2px 1px 1px #dedede;
  677. position: relative;
  678. }
  679. .jl_con .fast, .jl_con .tab a:before, .jl_con .star, .jl_con .star:before {
  680. background: url(icon_abox.png) no-repeat;
  681. -webkit-background-size: 105px auto;
  682. -moz-background-size: 105px auto;
  683. -ms-background-size: 105px auto;
  684. -o-background-size: 105px auto;
  685. background-size: 102px auto;
  686. }
  687. .jl_con .aname {
  688. line-height: 32px;
  689. color: #444;
  690. padding: 0 21px;
  691. font-size: 1.2rem;
  692. }
  693. .jl_con .p, .abox .e {
  694. line-height: 22px;
  695. font-size: 1rem;
  696. color: #868686;
  697. padding: 0 21px;
  698. }
  699. .jl_con .fast {
  700. position: absolute;
  701. font-size: 12px;
  702. color: #868686;
  703. top: 34px;
  704. right: 21px;
  705. padding-left: 21px;
  706. background-position: -81px -21px;
  707. }
  708. .jl_con .fast.on {
  709. color: #389fda;
  710. background-position: -84px 0
  711. }
  712. .jl_con .tab {
  713. overflow: hidden
  714. }
  715. .jl_con .tab a {
  716. float: left;
  717. width: 32%;
  718. height: 46px;
  719. line-height: 46px;
  720. font-size: 1rem;
  721. color: #868686;
  722. text-align: center;
  723. margin: 2% 2% 0 0;
  724. background-color: #fafdff;
  725. }
  726. .jl_con .tab a:before {
  727. display: inline-block;
  728. width: 20px;
  729. height: 20px;
  730. content: '\00a0';
  731. vertical-align: text-bottom;
  732. margin-right: 5px;
  733. margin-bottom: -2px
  734. }
  735. .jl_con .tab a:nth-of-type(3n+3) {
  736. margin-right: 0
  737. }
  738. .jl_con .tab a.t0:before {
  739. background-position: 0 0
  740. }
  741. .jl_con .tab a.t1:before {
  742. background-position: -17px 0;
  743. }
  744. .jl_con .tab a.t2:before {
  745. width: 24px;
  746. background-position: -39px 1px;
  747. }
  748. .jl_con .tab a.t3:before {
  749. background-position: 0 -20px
  750. }
  751. .jl_con .tab a.t4:before {
  752. background-position: -20px -20px
  753. }
  754. .jl_con .tab a.t5:before {
  755. width: 24px;
  756. background-position: -38px -18px;
  757. }
  758. .jl_con .tab a.t6 {
  759. color: #c1c1c1
  760. }
  761. .jl_con .tab a.t6:before {
  762. background-position: -64px -20px
  763. }
  764. .jl_con .star {
  765. position: relative;
  766. display: inline-block;
  767. width: 80px;
  768. height: 20px;
  769. vertical-align: top;
  770. background-position: 0 -42px
  771. }
  772. .jl_con .star:before {
  773. float: left;
  774. content: '\00a0';
  775. background-position: 0 -62px
  776. }
  777. .jl_con .star.s0_5:before {
  778. width: 7px
  779. }
  780. .jl_con .star.s1:before {
  781. width: 15px
  782. }
  783. .jl_con .star.s1_5:before {
  784. width: 23px
  785. }
  786. .jl_con .star.s2:before {
  787. width: 31px
  788. }
  789. .jl_con .star.s2_5:before {
  790. width: 39px
  791. }
  792. .jl_con .star.s3:before {
  793. width: 47px
  794. }
  795. .jl_con .star.s3_5:before {
  796. width: 55px
  797. }
  798. .jl_con .star.s4:before {
  799. width: 63px
  800. }
  801. .jl_con .star.s4_5:before {
  802. width: 71px
  803. }
  804. .jl_con .star.s5:before {
  805. width: 80px
  806. }
  807. .asslist {
  808. position: absolute;
  809. width: 100%;
  810. max-height: 200px;
  811. top: 100%;
  812. right: 11px;
  813. margin-top: -1px;
  814. padding-left: 136px;
  815. z-index: 9
  816. }
  817. .asslist .cn {
  818. padding: 8px 15px;
  819. background-color: #fffbf4;
  820. border: 1px solid #f3f3f3
  821. }
  822. .asslist .ae {
  823. display: block;
  824. line-height: 32px;
  825. font-size: 13px;
  826. color: #111;
  827. text-align: right
  828. }
  829. .job_ass {
  830. position: absolute;
  831. width: 60%;
  832. right: 11px;
  833. top: 48px;
  834. text-align: right;
  835. padding: 10px 20px 10px 10px;
  836. background-color: #fffbf4;
  837. border: 1px solid #f3f3f3;
  838. z-index: 3
  839. }
  840. .job_ass li {
  841. height: 30px;
  842. line-height: 30px;
  843. color: #111111;
  844. font-size: 13px;
  845. white-space: nowrap;
  846. text-overflow: ellipsis;
  847. overflow: hidden
  848. }
  849. /*按钮*/
  850. .jl_con .sfmr {
  851. position: absolute;
  852. font-size: 12px;
  853. bottom: 57px;
  854. right: 21px;
  855. padding: 0.5% 1.5%;
  856. background-position: -81px -21px;
  857. z-index: 999;
  858. border: 1px solid #4aa2fd;
  859. border-radius: 5px;
  860. color: #4aa2fd;
  861. }
  862. /*创建简历*/
  863. .jl_head {
  864. height: 130px;
  865. font-size: 16px;
  866. font-weight: bold;
  867. color: #fff;
  868. text-align: center;
  869. margin-bottom: -70px;
  870. background:url(sy-index_88.png) no-repeat top left;
  871. -webkit-background-size: 100%;
  872. -moz-background-size: 100%;
  873. -ms-background-size: 100%;
  874. -o-background-size: 100%;
  875. background-size: 100%;
  876. -webkit-box-shadow: 0 -40px 40px #f6f6f5 inset;
  877. -moz-box-shadow: 0 -40px 40px #f6f6f5 inset;
  878. -ms-box-shadow: 0 -40px 40px #f6f6f5 inset;
  879. -o-box-shadow: 0 -40px 40px #f6f6f5 inset;
  880. box-shadow: 0 -40px 40px #f6f6f5 inset;
  881. }
  882. .jl_head .in {
  883. height: 60px;
  884. line-height: 60px;
  885. }
  886. .jl_head em{width:25px;height:60px}
  887. .jl_head em a{
  888. display: block;
  889. width:100%;
  890. height: 100%;
  891. }
  892. .jl_head em:nth-of-type(1){position:relative;float:left;top:0;left:0;background:url(arrow_white.png) center no-repeat;
  893. -webkit-background-size:11px auto;-moz-background-size:11px auto;-ms-background-size:11px auto;-o-background-size:11px auto;background-size:11px auto}
  894. .jl_head em:nth-of-type(2){display:inline-block;vertical-align:top;
  895. -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
  896. .jl_head span{display:inline-block;max-width:70%}
  897. /*简历-基本信息*/
  898. .fixtop{padding-top:45px;}
  899. .fixtop .top{position:fixed !important;width:100%;top:0;left:0;z-index:8}
  900. .top{position:relative;height:45px;line-height:45px;text-align:center;font-size:16px;background-color:#fff;z-index:2;
  901. -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}
  902. .top .back{position:absolute;width:45px;height:45px;top:0;left:0;background:url(arrow.png) center no-repeat;
  903. -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);
  904. -webkit-background-size:10px auto;-moz-background-size:10px auto;-o-background-size:10px auto;-ms-background-size:10px auto;background-size:10px auto}
  905. /*简历列表*/
  906. .calendar{
  907. position:fixed;
  908. width:100%;
  909. bottom:0;
  910. left:0;
  911. padding:0 11px;
  912. background-color:#fdfdfd;
  913. border-top:1px solid #d1d1d1;
  914. z-index:5;
  915. -webkit-box-sizing:border-box;
  916. -moz-box-sizing:border-box;
  917. -o-box-sizing:border-box;
  918. -ms-box-sizing:border-box;
  919. box-sizing:border-box;
  920. -webkit-box-shadow:0 -1px 10px #e0e0e0;
  921. -moz-box-shadow:0 -1px 10px #e0e0e0;
  922. -ms-box-shadow:0 -1px 10px #e0e0e0;
  923. -o-box-shadow:0 -1px 10px #e0e0e0;
  924. box-shadow:0 -1px 10px #e0e0e0;
  925. }
  926. .calendar.cal-date .swiper-container{width:33.3%}
  927. .calendar.cal-month .swiper-container{width:50%}
  928. .calendar.cal-year .swiper-container{width:100%}
  929. .calendar.cal-month .cal-d,.calendar.cal-year .cal-d,.calendar.cal-year .cal-m{display:none}
  930. .calendar .cal-hd{height:49px;line-height:49px;border-bottom:1px solid #e6e6e6}
  931. .calendar .cal-hd .rt{float:right}
  932. .calendar .cal-hd span{float:left;width:65px;height:49px;font-size:16px;color:#4c99ff;text-align:center}
  933. .calendar .cal-hd span:nth-child(2):before{float:left;width:1px;height:16px;content:'';margin-top:17px;background-color:#4c99ff}
  934. .calendar .cal-bd{position:relative;height:180px;}
  935. .calendar .swiper-container{float:left;height:180px}
  936. .calendar .swiper-slide{height:36px;line-height:36px;font-weight:700;font-size:13px;font-family:Arial;color:#868686;text-align:center}
  937. .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%)}
  938. .calendar .swiper-slide-active{font-size:16px;color:#4c99ff}
  939. .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}
  940. #m_45 .fixtop{
  941. margin-top: 0px;
  942. }
  943. /*在校情况*/
  944. .fixbtn{height:90%;min-height:500px;background-color:#fff;}
  945. .fixbtn .btnbox{position:absolute;width:100%;bottom:0;
  946. -webkit-box-sizing:border-box;box-sizing:border-box}
  947. .jnav{height:35px;text-align:center;background-color: #e9eff8;}
  948. .jnav .n{position:relative;float:left;width:50%;line-height:35px;font-size:15px;color:#444}
  949. .jnav .n.on{color: #3e8eff;}
  950. .jnav .n.on:after{position:absolute;width:80px;height:2px;content:"";bottom:0;left:50%;margin-left:-40px;background-color: #3e8eff;}
  951. .jnav.jnav3 .n{width:33%}
  952. /*工作经验、教育经历、项目经验*/
  953. .rbox .e{position:relative;line-height:20px;color:#444;padding:12px 110px 12px 21px;background-color:#fff}
  954. .rbox .e:after{position:absolute;height:0;content:'\00a0';font-size:0;left:11px;right:11px;bottom:0;border-bottom:1px solid #e6e6e6}
  955. .rbox .e:last-child:after{display:none}
  956. .rbox .e strong{display:block;font-weight:normal;font-size:15px}
  957. .rbox .e label{display:block;color:#868686}
  958. .rbox .e i{display:block;font-size:12px;color:#868686}
  959. .rbox .e .tab{position:absolute;top:50%;right:21px;
  960. -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
  961. .rbox .e .tab center{
  962. display:inline-block;
  963. width:40px;
  964. color: #4598df;
  965. font-size:13px;
  966. padding-top:20px;
  967. background:url(icon_resume.png) 12px 0 no-repeat;
  968. -webkit-background-size:auto 15px;
  969. -moz-background-size:auto 15px;
  970. -ms-background-size:auto 15px;
  971. -o-background-size:auto 15px;
  972. background-size:auto 15px;
  973. }
  974. .rbox .e .tab center:last-child{background-position:-30px 0;border-left:1px solid #e6e6e6}
  975. .rbox .e .sc{position: relative;width:80%;height:23px;line-height: 23px;margin-top: 6px;border:1px solid #ff7e3e;
  976. -webkit-border-radius:2px;border-radius:2px}
  977. .rbox .e .sc .w{position:absolute;width:25%;height:100%;text-align:center;font-size:14px;color:#fff;background-color:#ff7e3e;
  978. -webkit-transform:scaleX(0);transform:scaleX(0);
  979. -webkit-transform-origin:left;transform-origin:left;
  980. -webkit-animation:scaleto 0.8s linear forwards;animation:scaleto 0.8s linear forwards}
  981. .rbox .e .sc .w.w1{width:25%}
  982. .rbox .e .sc .w.w2{width:50%}
  983. .rbox .e .sc .w.w3{width:75%}
  984. .rbox .e .sc .w.w4{width:100%}
  985. .rbox1 .e strong{max-height:38px;overflow:hidden;white-space:normal;margin-bottom:6px;
  986. display:-webkit-box;
  987. -webkit-line-clamp:2;
  988. -webkit-box-orient:vertical}
  989. .jn_txt{
  990. padding: 0px 4%;
  991. line-height: 25px;
  992. }
  993. /*谁看过我*/
  994. .new_l{
  995. border-bottom:1px solid #ccc;
  996. }
  997. .new_l .e{position:relative;display:block;margin-bottom:6px;background-color:#fff}
  998. .new_l .e:last-child{margin-bottom:0}
  999. .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;}
  1000. .new_l .e .gs:after{position:absolute;height:1px;left:11px;right:11px;bottom:0;content:'';background-color:#e6e6e6}
  1001. .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;
  1002. -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
  1003. .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;
  1004. -webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:auto 13px}
  1005. .new_l .e .gs object a{display:block;width:100%;height:100%;color:#c9c9c9}
  1006. .new_l .e .ms{position:relative;font-size:12px;color:#444;padding: 13px 21px;border-bottom:1px solid #e6e6e6;}
  1007. .new_l .e:last-child .ms{border-bottom:0 none}
  1008. .new_l .e .ms strong{display:block;font-weight:normal;font-size: 1rem;}
  1009. .new_l .e .ms b{display:block;color:#888;margin: 5px 0;overflow:hidden;}
  1010. .new_l .e .ms b span,.new_l .e .lk object{display:inline-block;float:left;width:140px}
  1011. .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;}
  1012. .new_l .e .ms aside{float: right;width:120px;font-size: 1rem;text-align: right;}
  1013. .new_l .e .lk em{float: left;width:120px;font-size: 1rem;}
  1014. .new_l .e .lk{color:#888;text-align: right;padding: 4px 0px;}
  1015. .new_l .e .lk object a{position:relative;font-size:12px;color:#4c99ff}
  1016. .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}
  1017. .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;
  1018. -webkit-background-size:70px auto;-moz-background-size:70px auto;-ms-background-size:70px auto;-o-background-size:70px auto;background-size:70px auto}
  1019. .new_l .e .lk span{position:relative;display:inline-block;top:1px;margin-left:16px}
  1020. .new_l .e .lk span:after{position:absolute;content:'';width:70px;height:11px;top:0;left:0;background-position:0 0}
  1021. .new_l .e .lk span.s0:after{width:0}
  1022. .new_l .e .lk span.s0-5:after{width:6px}
  1023. .new_l .e .lk span.s1:after{width:12px}
  1024. .new_l .e .lk span.s1-5:after{width:21px}
  1025. .new_l .e .lk span.s2:after{width:28px}
  1026. .new_l .e .lk span.s2-5:after{width:35px}
  1027. .new_l .e .lk span.s3:after{width:43px}
  1028. .new_l .e .lk span.s3-5:after{width:50px}
  1029. .new_l .e .lk span.s4:after{width:57px}
  1030. .new_l .e .lk span.s4-5:after{width:65px}
  1031. .new_l .e .lk span.s5:after{width:70px}
  1032. .new_l .e.es .gs{color:#c7c7c7}
  1033. .new_l .e .gs span{float:right;color: #666;}
  1034. .new_l .e.es .gs object,.new_l .e.es strong{display:none}
  1035. .new_l .tab{height:48px;line-height:43px;background-color:#ebebeb;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
  1036. .new_l .tab span{position:relative;float:left;display:block;width:33%;font-size:15px;color:#444;text-align:center;padding:5px 8px 0;
  1037. -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
  1038. .new_l .tab span a{display:block;color:#444}
  1039. .new_l .tab span:after{position:absolute;content:"";width:1px;right:0;top:12px;bottom:12px;background-color:#c4c4c4}
  1040. .new_l .tab span:last-child:after{display:none}
  1041. .new_l .tab span.on a{color:#ff773e;background-color:#f9f9f9;border-radius:8px 8px 0 0}
  1042. .new_l .e .ms aside i{
  1043. font-size:1rem;
  1044. }
  1045. .new_l .e .lk a.sqzw{padding: 3px 6px;font-size: 0.6rem;background: #f19804;color: #fff;
  1046. border-radius: 5px;
  1047. margin: 0px 5px;
  1048. }
  1049. .new_l .e .lk a.delrsm{padding: 3px 6px;font-size: 0.6rem;color: #868686;
  1050. background-color: #fafdff;
  1051. border-radius: 5px;
  1052. margin: 0px 5px;
  1053. }
  1054. .new_l .e .lk a.delrsm:before {
  1055. display: inline-block;
  1056. width: 17px;
  1057. height: 18px;
  1058. content: '\00a0';
  1059. vertical-align: text-bottom;
  1060. margin-right: 5px;
  1061. margin-bottom: -2px;
  1062. background: url(jlzx_con_11.png) no-repeat;
  1063. }
  1064. .items a.sqzw {
  1065. padding: 3px 6px;
  1066. font-size: 0.6rem;
  1067. background: #f19804;
  1068. color: #fff;
  1069. border-radius: 5px;
  1070. margin: 0px 5px;
  1071. }
  1072. .items a.delrsm {
  1073. padding: 3px 6px;
  1074. font-size: 0.6rem;
  1075. color: #868686;
  1076. background-color: #fafdff;
  1077. border-radius: 5px;
  1078. margin: 0px 5px;
  1079. }
  1080. .items a.delrsm:before {
  1081. display: inline-block;
  1082. width: 17px;
  1083. height: 18px;
  1084. content: '\00a0';
  1085. vertical-align: text-bottom;
  1086. margin-right: 5px;
  1087. margin-bottom: -2px;
  1088. background: url(jlzx_con_11.png) no-repeat;
  1089. }
  1090. .items_p{
  1091. text-align: right;
  1092. }
  1093. .fdi .rj:before {
  1094. position: absolute;
  1095. height: 1px;
  1096. content: '\00a0';
  1097. right: 11px;
  1098. bottom: 0;
  1099. left: 11px;
  1100. background-color: #e6e6e6;
  1101. }
  1102. .zzzw{
  1103. padding:1% 2%;
  1104. font-size: 1rem;
  1105. color: #333;
  1106. background: #f5f5f5;
  1107. }
  1108. /*企业中心*/
  1109. .qygl_con {
  1110. width: 96%;
  1111. margin: 0px auto;
  1112. padding-bottom: 4%;
  1113. }
  1114. .qy_img {
  1115. width: 110px;
  1116. height: 95px;
  1117. border: 1px solid #ccc;
  1118. background: #f4f4f4;
  1119. }
  1120. .qy_txt {
  1121. width: 65%;
  1122. position: relative;
  1123. }
  1124. .qy_txt h1 {
  1125. font-size: 1.3rem;
  1126. color: #333;
  1127. text-align: left;
  1128. height: 30px;
  1129. line-height: 30px;
  1130. }
  1131. .qy_txt .qy_yx {
  1132. font-size: 1rem;
  1133. text-align: left;
  1134. height: 20px;
  1135. line-height: 20px;
  1136. color: #4b4b4b;
  1137. }
  1138. .qy_txt .qy_yyzz {
  1139. font-size: 1rem;
  1140. text-align: left;
  1141. color: #4b4b4b;
  1142. line-height: 24px;
  1143. }
  1144. .qy_txt .qy_yyzz u {
  1145. margin-left: 10px;
  1146. text-decoration: none;
  1147. font-size: 1rem;
  1148. /* cursor: pointer;*/
  1149. }
  1150. .qy_txt .qy_yyzz i {
  1151. margin-right: 15px;
  1152. font-size: 1rem;
  1153. }
  1154. .qy_txt .qy_yyzz span {
  1155. margin-right: 1px;
  1156. padding: 0rem 0.4rem;
  1157. background: #f0f0f0;
  1158. color: #505050;
  1159. font-size: 0.8rem;
  1160. margin-bottom: 4px;
  1161. display: inline-block;
  1162. }
  1163. .qy_txt .qy_yyzz img {
  1164. margin: 0px 5px 0px 0px;
  1165. }
  1166. .qy_xgzl {
  1167. position: absolute;
  1168. top:118px;
  1169. left:-120px;
  1170. bottom: 14px;
  1171. left: -128px;
  1172. border: 1px solid #318ddc;
  1173. color: #318ddc;
  1174. width: 100px;
  1175. height: 29px;
  1176. line-height: 27px;
  1177. text-align: center;
  1178. border-radius: 5px;
  1179. font-size: 1rem;
  1180. }
  1181. .qy_xgzl:hover {
  1182. background: #e8f1ff;
  1183. }
  1184. .qy_xgzl img {
  1185. margin-right: -2px;
  1186. display: block;
  1187. margin-top: 4px;
  1188. float: left;
  1189. margin-left: 8px;
  1190. }
  1191. .qy_jj {
  1192. margin-top: 25px;
  1193. line-height: 2.3rem;
  1194. color: #333;
  1195. font-size: 1.1rem;
  1196. }
  1197. .btn_ssrc {
  1198. display: block;
  1199. margin: 30px auto;
  1200. width: 150px;
  1201. height: 30px;
  1202. border: 1px solid #1a7bce;
  1203. color: #1a7bce;
  1204. line-height: 30px;
  1205. text-align: center;
  1206. font-size: 16px;
  1207. border-radius: 5px;
  1208. background: url(../images/qyzx_icon_31.png) no-repeat 16px 6px;
  1209. }
  1210. .btn_ssrc:hover {
  1211. color: #fff;
  1212. border: 1px solid #1a7bce;
  1213. background: #1a7bce url(../images/qyzx_icon_32.png) no-repeat 16px 6px;
  1214. }
  1215. .qy_tit{
  1216. height: 2.5rem;
  1217. line-height: 2.5rem;
  1218. font-size: 1.1rem;
  1219. font-weight: 900;
  1220. width: 96%;
  1221. margin: 0px auto;
  1222. color: #318ddc;
  1223. display: block;
  1224. }
  1225. .qy_table{
  1226. width:96%;
  1227. margin: 0px auto;
  1228. }
  1229. .qy_table li{
  1230. padding: 1% 1%;
  1231. border-bottom: 1px solid #ccc;
  1232. background: #f8f8f8;
  1233. }
  1234. .qy_table li h2{
  1235. height: 1.8rem;
  1236. line-height: 1.8rem;
  1237. }
  1238. .qy_table li p{
  1239. height: 1.8rem;
  1240. line-height: 1.8rem;
  1241. }
  1242. .qy_table li h2 a{
  1243. float:left;
  1244. font-size: 1.1rem;
  1245. color: #333;
  1246. font-weight: 900;
  1247. }
  1248. .qy_table li h2 i{
  1249. float:left;
  1250. font-size: 1.1rem;
  1251. color: #333;
  1252. font-weight: normal;
  1253. margin-right: 2%;
  1254. }
  1255. .qy_table li h2 span{
  1256. float:right;
  1257. font-size: 1rem;
  1258. color: #333;
  1259. font-weight: normal;
  1260. }
  1261. .qy_table li p i{
  1262. float:left;
  1263. font-size: 1rem;
  1264. color: #333;
  1265. font-weight: normal;
  1266. margin-right: 2%;
  1267. }
  1268. .qy_table li p i.qy_sc{
  1269. padding-left: 20px;
  1270. background:url(icon_sc.png) no-repeat 5px 3px;
  1271. background-size: 15px;
  1272. color:#DB5107;
  1273. }
  1274. .qy_table li p span{
  1275. float:right;
  1276. font-size: 1rem;
  1277. color: #333;
  1278. font-weight: normal;
  1279. }
  1280. .qy_table li p.qy_pan{
  1281. text-align: right;
  1282. height: 2.2rem;
  1283. line-height: 2.2rem;
  1284. margin: 0.4rem 0rem;
  1285. }
  1286. .qy_table li p.qy_pan a{
  1287. margin: 0px 2%;
  1288. font-size: 0.9rem;
  1289. }
  1290. .qy_table li p.qy_pan a img{
  1291. margin-right: 1%;
  1292. width: 13px;
  1293. }
  1294. .qy_table li p.qy_pan i{
  1295. padding: 0% 2%;
  1296. background: #eee;
  1297. color: #666;
  1298. border-radius: 5px;
  1299. font-size: 0.9rem;
  1300. }
  1301. .btn_bj {
  1302. color: #318ddc;
  1303. }
  1304. .btn_sc {
  1305. color: #909090;
  1306. }
  1307. .btn_zt {
  1308. color: #333;
  1309. }
  1310. .btn_add2 {
  1311. display: block;
  1312. height: 50px;
  1313. line-height: 50px;
  1314. color: #e7503f;
  1315. text-align: center;
  1316. margin-bottom: 8px;
  1317. background-color: #fff;
  1318. box-shadow: 5px 7px 19px #eee;
  1319. }
  1320. .red{
  1321. color: #B80205;
  1322. }
  1323. .green {
  1324. color: #269604!important;
  1325. }
  1326. .sqzw_btn {
  1327. background: #f19804;
  1328. color: #fff;
  1329. letter-spacing: 1px;
  1330. padding: 3px 5px;
  1331. border-radius: 4px;
  1332. font-size: 14px;
  1333. }
  1334. .pophide{
  1335. display:none;
  1336. }
  1337. #qy_logo{
  1338. display: block;
  1339. }
  1340. #qy_logo img{
  1341. display: block;
  1342. margin: 20px auto;
  1343. }
  1344. .red{
  1345. color:#BC0508;
  1346. }
  1347. .qy_xtit{
  1348. font-size: 1.1rem;
  1349. color: #333;
  1350. padding: 1% 2%;
  1351. }
  1352. .ssrc_nl input{
  1353. width:25%!important;
  1354. display:inline-block!important;
  1355. /* margin-right: 2%;*/
  1356. /* border-bottom: 1px solid #ccc;*/
  1357. /* background: #f2f2f2!important;*/
  1358. text-align: center!important;
  1359. }
  1360. .ssrc_xl{
  1361. text-align: right!important;
  1362. }
  1363. .ssrc_xl select{
  1364. width: 32%!important;
  1365. display: inline-block!important;
  1366. /* margin-right: 2%; */
  1367. /* border-bottom: 1px solid #ccc; */
  1368. /* background: #f2f2f2!important; */
  1369. text-align: center!important;
  1370. position: relative!important;
  1371. opacity: 1!important;
  1372. height: 30px!important;
  1373. border: 0px!important;
  1374. }
  1375. .ssrc_nl p{
  1376. text-align: right;
  1377. }
  1378. .sx_btn{
  1379. height: 45px;
  1380. line-height: 45px;
  1381. text-align: right;
  1382. padding-right: 2%;
  1383. margin-bottom: 15px;
  1384. padding: 3%;
  1385. }
  1386. .sx_btn a{
  1387. padding: 5px 10px;
  1388. margin: 0px 10px;
  1389. font-size: 1rem;
  1390. }
  1391. .sx_btn a.sxjl{
  1392. color: #318ddc;
  1393. border:1px solid #318ddc;
  1394. border-radius: 5px;
  1395. padding-left: 23px;
  1396. background:url(qyzx_icon_31.png) no-repeat 5px 5px;
  1397. background-size:15px;
  1398. }
  1399. .sx_btn a.del_btn{
  1400. color: #717171;
  1401. border:1px solid #717171;
  1402. border-radius: 5px;
  1403. padding-left: 23px;
  1404. background:url(jlzx_con_11.png) no-repeat 5px 6px;
  1405. background-size:14px;
  1406. }
  1407. .ssjl_ul{
  1408. /* height:176px;*/
  1409. padding-bottom: 15px;
  1410. }
  1411. .ssjl_ul li{
  1412. /* height:176px;*/
  1413. margin-bottom: 15px;
  1414. }
  1415. .ssjl_ul li h2{
  1416. height:40px;
  1417. line-height: 40px;
  1418. background: #f2f7ff;
  1419. padding: 0px 20px;
  1420. font-size: 1.1rem;
  1421. }
  1422. .ssjl_ul li h2 a{
  1423. font-size: 1.1rem;
  1424. padding-right: 20px;
  1425. color: #308cdb;
  1426. }
  1427. .ssjl_ul li h2 a.man{
  1428. background: url(../images/qy_ssrc_03.png) no-repeat right;
  1429. }
  1430. .ssjl_ul li h2 a.woman{
  1431. background: url(../images/qy_ssrc_11.png) no-repeat right;
  1432. }
  1433. .ssjl_ul li h2 span{
  1434. font-size: 1.1rem;
  1435. color: #333;
  1436. margin-left: 20px;
  1437. }
  1438. .ssjl_ul li h2 i{
  1439. font-size: 1.1rem;
  1440. color: #333;
  1441. margin-left: 20px;
  1442. }
  1443. .ssjl_ul li .qygr_img {/* height: 101px;*/padding: 1% 2%;}
  1444. .ssjl_ul li .qygr_img .qyss_img{
  1445. width: 80px;
  1446. height: 80px;
  1447. border-radius: 50%;
  1448. overflow: hidden;
  1449. margin-right: 20px;
  1450. }
  1451. .ssjl_ul li .qygr_img .qyss_txt {
  1452. width: 72%;
  1453. }
  1454. .ssjl_ul li .qygr_img .qyss_txt p{
  1455. font-size: 1rem;
  1456. line-height: 2.5rem;
  1457. }
  1458. .ssjl_ul li .qygr_img .qyss_txt .qyss_xl p{
  1459. font-size: 1rem;
  1460. line-height: 2rem;
  1461. }
  1462. .ssjl_ul li .qygr_img .qyss_jl p{
  1463. font-size: 1rem;
  1464. line-height: 2rem;
  1465. }
  1466. .ssjl_ul li .qygr_img .qyss_jl{
  1467. /* width:100%; */
  1468. padding: 2%;
  1469. background: #f9f9f9;
  1470. border: 1px solid #ccc;
  1471. line-height: 30px;
  1472. /* height: 60px;*/
  1473. margin-top: 15px;
  1474. font-size: 1rem;
  1475. }
  1476. .fl_span{
  1477. padding: 2% 0px;
  1478. }
  1479. .fl_span span {
  1480. padding: 5px 8px;
  1481. background: #eaeaea;
  1482. font-size: 1rem;
  1483. color: #666;
  1484. margin-right: 8px;
  1485. }
  1486. .gsxx_div{
  1487. padding: 2% 2%;
  1488. }
  1489. .gsxx_tit {
  1490. font-size: 1.2rem;
  1491. color: #318ddc;
  1492. font-weight: 900;
  1493. margin: 2% 0px 0px 0px;
  1494. }
  1495. .gsxx_div p {
  1496. padding: 5px 0px;
  1497. line-height: 2rem;
  1498. font-size: 1rem;
  1499. }
  1500. /*注册*/
  1501. .top_nav{
  1502. text-align:right;
  1503. padding: 1% 3%;
  1504. color: #0840C8;
  1505. }
  1506. .top_nav a{
  1507. color: #0840C8;
  1508. }
  1509. .zc_logo{
  1510. margin: 14% auto 10% auto;
  1511. }
  1512. .zc_logo img{
  1513. margin: 0px auto;
  1514. display: block;
  1515. }
  1516. .zc_content{
  1517. background: rgba(255, 255, 255, 0.76);
  1518. border-radius: 5px;
  1519. width: 85%;
  1520. padding: 2%;
  1521. margin: 0px auto;
  1522. }
  1523. .zc_content h1{
  1524. font-size: 1.4rem;
  1525. color: #333;
  1526. font-weight: 900;
  1527. text-align: center;
  1528. height: 3.5rem;
  1529. line-height: 3.5rem;
  1530. }
  1531. .con_form {
  1532. width: 98%;
  1533. margin: 3% auto;
  1534. }
  1535. .con_form .line {
  1536. height: 4rem;
  1537. line-height: 4rem;
  1538. }
  1539. .con_form .line span {
  1540. font-size: 1rem;
  1541. color: #333;
  1542. text-align: right;
  1543. width: 24%;
  1544. display: block;
  1545. float: left;
  1546. font-weight: 900;
  1547. margin-right: 10px;
  1548. letter-spacing: 2px;
  1549. }
  1550. .con_form .line input {
  1551. font-size: 1rem;
  1552. color: #333;
  1553. text-align: left;
  1554. width: 65%;
  1555. display: block;
  1556. float: left;
  1557. padding: 0px 15px;
  1558. border: 1px solid #ccc;
  1559. /* outline: 1px solid #318ddc;*/
  1560. height: 3rem;
  1561. line-height: 3rem;
  1562. margin-top: 8px;
  1563. *
  1564. font-size: 14px;
  1565. border-radius: 4px;
  1566. }
  1567. .con_form .line input::placeholder {
  1568. color: #999;
  1569. font-size: 14px;
  1570. *font-size: 14px;
  1571. }
  1572. .con_form .line i {
  1573. display: block;
  1574. float: left;
  1575. margin: 15px 12px;
  1576. width: 19px;
  1577. height: 13px;
  1578. }
  1579. .con_form .line i.i1 {
  1580. background: url(../images/sy_dz_03.png) no-repeat center;
  1581. }
  1582. .con_form .line i.i2 {
  1583. background: url(../images/sy_dz_02.png) no-repeat center;
  1584. }
  1585. .con_form .line i.i3 {
  1586. background: url(../images/sy_dz_04.png) no-repeat center;
  1587. }
  1588. .con_form .line .img_yzm {
  1589. width: 90px;
  1590. height: 35px;
  1591. background: #C6C6C6;
  1592. /* float: left; */
  1593. margin-right: 20px;
  1594. margin-top: 8px;
  1595. }
  1596. .con_form .line .inp_yzm {
  1597. width: 66%;
  1598. float: right;
  1599. margin-top: -10px;
  1600. margin-right: 7%;
  1601. }
  1602. .con_form .line input[type="checkbox"] {
  1603. width: 15px;
  1604. height: 15px;
  1605. margin: 17px 10px 10px 0px;
  1606. }
  1607. .con_form .line a {
  1608. color: #0c68b8;
  1609. }
  1610. .qr_btn {
  1611. width: 300px;
  1612. height: 40px;
  1613. line-height: 40px;
  1614. letter-spacing: 4px;
  1615. color: #fff!important;
  1616. font-size: 16px;
  1617. font-weight: 900;
  1618. background: #318ddc;
  1619. border-radius: 2px;
  1620. display: block;
  1621. margin: 40px auto 15px auto;
  1622. text-align: center;
  1623. }
  1624. .qr_btn:hover {
  1625. background: #176db7;
  1626. outline: 1px solid #053258;
  1627. }
  1628. .zc_footer {
  1629. width: 90%;
  1630. text-align: center;
  1631. padding: 20px 0px;
  1632. line-height: 1.5rem;
  1633. font-size: 1rem;
  1634. color: #fff;
  1635. overflow: hidden;
  1636. margin: 0px auto;
  1637. position: absolute;
  1638. bottom: 0%;
  1639. left: 50%;
  1640. margin-left: -45%;
  1641. }
  1642. .con_form2 h5 {
  1643. font-size: 1.1rem;
  1644. color: #333;
  1645. font-weight: 900;
  1646. margin-bottom: 2%;
  1647. }
  1648. .con_form2 h6 {
  1649. font-size: 1rem;
  1650. color: #333;
  1651. margin-bottom: 10px;
  1652. }
  1653. .con_form2 .line2 {
  1654. height: 80px;
  1655. }
  1656. .con_form2 .line p {
  1657. font-size: 16px;
  1658. color: #333;
  1659. height: 30px;
  1660. line-height: 30px;
  1661. font-weight: 900;
  1662. }
  1663. .con_form2 .line .yx_yz {
  1664. width: 69%;
  1665. padding: 0px 2%;
  1666. }
  1667. .con_form2 .line .yx_fs {
  1668. width: 25%;
  1669. border-radius: 1px;
  1670. margin-left: 3%;
  1671. border: 1px solid #117edc;
  1672. color: #117edc;
  1673. text-align: center;
  1674. background: #fff;
  1675. cursor: pointer;
  1676. font-size: 1rem;
  1677. padding: 0px 2%;
  1678. }
  1679. .con_form2 .line .yx_fs:hover {
  1680. color: #fff;
  1681. background: #117edc;
  1682. }
  1683. .con_form .fhdl_a {
  1684. color: #2f2e2e;
  1685. font-size: 1rem;
  1686. text-align: center;
  1687. display: block;
  1688. }
  1689. .con_form2 h4 {
  1690. font-size: 1.1rem;
  1691. font-weight: 900;
  1692. padding-left: 4%;
  1693. color: #333;
  1694. margin-bottom: 20px;
  1695. }
  1696. .con_form .sy_wjmm {
  1697. font-size: 1rem;
  1698. color: #1943C5;
  1699. display: block;
  1700. text-align: right;
  1701. height: 25px;
  1702. line-height: 25px;
  1703. padding-right: 40px;
  1704. }
  1705. .con_form .sy_qzc {
  1706. font-size: 14px;
  1707. color: #a5a1a1;
  1708. display: block;
  1709. text-align: center;
  1710. height: 30px;
  1711. line-height: 30px;
  1712. }
  1713. .qy_tita,.qy_tita1{
  1714. height: 3.5rem;
  1715. }
  1716. .qy_tita .qy_tit,.qy_tita1 .qy_tit{
  1717. width: 50%;
  1718. text-align: center;
  1719. float:left;
  1720. }
  1721. .qy_tita a.on,.qy_tita1 a.on{
  1722. border-bottom: 4px solid #318ddc;
  1723. }
  1724. .qy_tab,.qy_tab1{
  1725. display:none;
  1726. }
  1727. .nsr_inp{
  1728. width:90%;
  1729. text-align: right;
  1730. }
  1731. .nsr_inp::-webkit-input-placeholder{
  1732. text-align: left;
  1733. text-indent: 40px!important;
  1734. }
  1735. .nsr_a:after{
  1736. background: none!important;
  1737. }
  1738. .sczw{
  1739. background:url(icon_sc.png) no-repeat left center;
  1740. padding-left: 20px;
  1741. background-size: 18px;
  1742. margin-left: 5px;
  1743. color: #e6620a;
  1744. font-size: 1rem;
  1745. }
  1746. .content .btn_a{
  1747. float: left;
  1748. margin: 1%;
  1749. width: 44%;
  1750. height: 2rem;
  1751. line-height: 2rem;
  1752. background: #f1fdff;
  1753. padding: 2%;
  1754. font-size: 1rem;
  1755. overflow: hidden;
  1756. position: relative;
  1757. z-index: 9;
  1758. border-radius: 3px;
  1759. color: #333;
  1760. }
  1761. .content .btn_a::after{
  1762. content: '';
  1763. background:url(../images/fuwu.png) no-repeat right;
  1764. display: block;
  1765. position: absolute;
  1766. bottom: -15px;
  1767. right: 0.6rem;
  1768. width: 64px;
  1769. height: 64px;
  1770. z-index: -1;
  1771. }
  1772. .content .btn_a:active{
  1773. background: #d7e9ec;
  1774. text-shadow: 0px 0px 5px #06487d;
  1775. }
  1776. @media screen and (min-width: 320px) {
  1777. html {
  1778. font-size: 12px;
  1779. }
  1780. .nav a {
  1781. margin: 0px 1%;
  1782. }
  1783. }
  1784. @media screen and (min-width: 360px) {
  1785. .nav a {
  1786. /* margin: 0px 1%; */
  1787. }
  1788. }
  1789. @media screen and (min-width: 375px) {
  1790. html {
  1791. font-size: 14px;
  1792. }
  1793. .nav a {
  1794. /* margin: 0px 1%; */
  1795. }
  1796. }
  1797. @media screen and (min-width: 412px) {
  1798. html {
  1799. font-size: 14px;
  1800. }
  1801. .nav a {
  1802. margin: 0px 1%;
  1803. }
  1804. }
  1805. @media screen and (min-width: 480px) {
  1806. html {
  1807. font-size: 14px;
  1808. }
  1809. body {
  1810. background-size: contain;
  1811. }
  1812. .nav a {
  1813. margin: 0px 1%;
  1814. padding-top: 0px!important;
  1815. line-height: 70px;
  1816. width: 31.2%;
  1817. }
  1818. .sy_header img {
  1819. width: 45%;
  1820. }
  1821. .ss_dz a {
  1822. font-size: 0.8rem;
  1823. }
  1824. .sy_header .sy_ss .ss_inp {
  1825. height: 40px;
  1826. line-height: 40px;
  1827. }
  1828. .sy_header .sy_ss .ss_btn {
  1829. width: 50px;
  1830. height: 40px;
  1831. background-size: 24px;
  1832. }
  1833. .nav {
  1834. margin: 20px auto 20px auto;
  1835. }
  1836. }
  1837. @media screen and (min-width: 600px) {
  1838. html {
  1839. font-size: 20px;
  1840. }
  1841. body {
  1842. background-size: contain;
  1843. }
  1844. .sy_header img {
  1845. width: 45%;
  1846. }
  1847. .ss_dz a {
  1848. font-size: 0.8rem;
  1849. }
  1850. .sy_header .sy_ss .ss_inp {
  1851. height: 50px;
  1852. line-height: 50px;
  1853. }
  1854. .sy_header .sy_ss .ss_btn {
  1855. width: 60px;
  1856. height: 50px;
  1857. background-size: 28px;
  1858. }
  1859. .nav {
  1860. margin: 20px auto 20px auto;
  1861. }
  1862. .nav a {
  1863. margin: 0px 4.5%;
  1864. }
  1865. .sy_ban {
  1866. padding: 5px 0px 10px 0px;
  1867. margin-top: 0px;
  1868. }
  1869. .content h4 {
  1870. height: 50px;
  1871. line-height: 50px;
  1872. /* font-size: 1.2rem; */
  1873. }
  1874. }
  1875. @media screen and (min-width: 768px) {
  1876. html {
  1877. font-size: 20px;
  1878. }
  1879. body {
  1880. background-size: contain;
  1881. }
  1882. .sy_header img {
  1883. width: 45%;
  1884. }
  1885. .ss_dz a {
  1886. font-size: 0.8rem;
  1887. }
  1888. .sy_header .sy_ss .ss_inp {
  1889. height: 50px;
  1890. line-height: 50px;
  1891. }
  1892. .sy_header .sy_ss .ss_btn {
  1893. width: 60px;
  1894. height: 50px;
  1895. background-size: 28px;
  1896. }
  1897. .nav {
  1898. margin: 20px auto 20px auto;
  1899. }
  1900. .nav a {
  1901. margin: 0px 1%;
  1902. line-height: 100px;
  1903. height: 100px;
  1904. padding-top: 0px!important;
  1905. }
  1906. .nav a i {
  1907. width: 100%;
  1908. height: 100px;
  1909. background-size: 40px!important;
  1910. }
  1911. .nav a.syyc i {
  1912. background: #318ddc url(sy_sj_38.png) no-repeat 20px 25px;
  1913. }
  1914. .nav a.wlzp i {
  1915. background: #ff9191 url(sy_sj_44.png) no-repeat 20px 29px;
  1916. }
  1917. .nav a.gjrc i {
  1918. background: #2ecc71 url(sy_sj_41.png) no-repeat 20px 24px;
  1919. }
  1920. .nav a.zypx i {
  1921. background: #fe9126 url(sy_sj_47.png) no-repeat 39px 41px;
  1922. }
  1923. .sy_ban {
  1924. padding: 5px 0px 10px 0px;
  1925. margin-top: 0px;
  1926. }
  1927. .content h4 {
  1928. height: 50px;
  1929. line-height: 50px;
  1930. /* font-size: 1.2rem; */
  1931. }
  1932. }
  1933. @media screen and (min-width: 800px) {
  1934. html {
  1935. font-size: 22px;
  1936. }
  1937. body {
  1938. background-size: contain;
  1939. }
  1940. .sy_header img {
  1941. width: 50%;
  1942. }
  1943. .ss_dz a {
  1944. font-size: 1rem;
  1945. }
  1946. .sy_header .sy_ss .ss_inp {
  1947. height: 60px;
  1948. line-height: 60px;
  1949. }
  1950. .sy_header .sy_ss .ss_btn {
  1951. width: 70px;
  1952. height: 60px;
  1953. background-size: 32px;
  1954. }
  1955. .nav {
  1956. margin: 20px auto 20px auto;
  1957. }
  1958. .nav a {
  1959. margin: 0px 1%;
  1960. height: 128px;
  1961. line-height: 128px;
  1962. }
  1963. .nav a i {
  1964. width: 100%;
  1965. height: 128px;
  1966. background-size: 50px!important;
  1967. }
  1968. .nav a.syyc i {
  1969. background: #318ddc url(sy_sj_38.png) no-repeat 38px 34px;
  1970. width: 100%;
  1971. }
  1972. .nav a.wlzp i {
  1973. background: #ff9191 url(sy_sj_44.png) no-repeat 38px 37px;
  1974. }
  1975. .nav a.gjrc i {
  1976. background: #2ecc71 url(sy_sj_41.png) no-repeat 39px 31px;
  1977. width: 100;
  1978. }
  1979. .nav a.zypx i {
  1980. background: #fe9126 url(sy_sj_47.png) no-repeat 39px 41px;
  1981. }
  1982. .sy_ban {
  1983. padding: 5px 0px 10px 0px;
  1984. margin-top: 0px;
  1985. }
  1986. .content h4 {
  1987. height: 60px;
  1988. line-height: 60px;
  1989. /* font-size: 1.2rem; */
  1990. }
  1991. .all_list li {
  1992. line-height: 45px;
  1993. font-size: 1.5rem;
  1994. overflow: hidden;
  1995. }
  1996. }