resume.css 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435
  1. .sbox .txt,.sbox .selt .sval,
  2. .rbox .e strong,.rbox .e label,.rbox .e i,
  3. .xbox .face .name,.xbox .face .p,.xbox .face .icons,
  4. .xname span,
  5. .ibox .e .txt,.ibox .e label,
  6. .pname .txt,.pbox .e,
  7. .abox .aname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  8. .sbox .e.e_ta label,input[type="date"],input[type="month"],.xbox .face .icons,.abox .tab a{
  9. -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
  10. /*简历头部*/
  11. .top{position:relative;height:45px;line-height:45px;text-align:center;font-size:16px;background-color:#fff;z-index:2;
  12. -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}
  13. .top .back{position:absolute;width:45px;height:45px;top:0;left:0;background:url(../images/arrow.png) center no-repeat;
  14. -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);
  15. -webkit-background-size:10px auto;-moz-background-size:10px auto;-o-background-size:10px auto;-ms-background-size:10px auto;background-size:10px auto}
  16. /*简历列表*/
  17. .sbox .e{position:relative;display:block;min-height:32px;line-height:32px;color:#444;padding:8px 26px 8px 95px;background-color:#fff;}
  18. .sbox a.e:after,.sbox .user .upimg:after,.sbox .selt:after,.ibox .selt:after{position:absolute;width:8px;height:14px;content:'\00a0';top:17px;right:11px;background:url(../images/arrow_gray.png) no-repeat;
  19. -webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:100% 100%}
  20. .sbox a.auth:after{position:absolute;width:20px;height:18px;content:'\00a0';top:50%;right:6px;margin-top:-9px;background:url(../images/bbs_icon.png) -4px -120px no-repeat;
  21. -webkit-background-size:130px 180px;-moz-background-size:130px 180px;-o-background-size:130px 180px;-ms-background-size:130px 180px;background-size:130px 180px}
  22. .sbox .e:before,.sbox .e.lb_w:after,.stit:before,.ibox .e:before,.ibox .e.lb_w:after,.sbox .custom.lb_w:before,.sbox .custom:after,.pbox .e:before{position:absolute;height:0;content:'\00a0';font-size:0;left:11px;right:11px;bottom:0;border-bottom:1px solid #e6e6e6}
  23. .sbox .e:last-child:before,.ibox .e:last-child:before{display:none}
  24. .sbox .e.eb:before{display:block}
  25. .sbox .e.e2{padding-right:0}
  26. .sbox .e.long{padding-left:118px}
  27. .sbox .e.lb_w,.ibox .e.lb_w{margin-top:-1px;padding:8px 26px}
  28. .sbox .e.lb_w:after,.ibox .e.lb_w:after,.sbox .custom.lb_w:before{top:0;border-bottom-style:dashed}
  29. .sbox .e.e_ta{padding:0 11px 8px 11px}
  30. .sbox .e.e_ta label{position:relative;display:block;left:11px;margin-bottom:16px}
  31. .sbox .e.e_ta .error{line-height:30px}
  32. .sbox .e.e_ta .error:before{height:30px}
  33. .sbox .e.e_ini label{line-height:16px;top:8px}
  34. .sbox .e.e_ini i{display:block;font-size:12px;color:#868686}
  35. .sbox .e label{position:absolute;text-align:left;left:7%;top:8px}
  36. .sbox .e label em{position:absolute;color:#ff6000;left:-8px;top:0}
  37. .sbox .e input[type="text"]{background-color:transparent}
  38. .sbox .e .error{line-height:20px;font-size:12px;color:#F00;text-align:right;margin-left:-84px}
  39. .sbox .e .error:before{display:inline-block;width:15px;height:20px;content:'\00a0';margin-right:5px;background:url(../images/icon_err.png) center no-repeat;
  40. -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
  41. .sbox .txt{display:block;width:100%;height:32px;line-height:32px;color:#444;text-align:right;border: none;}
  42. .sbox .authen{display:block;width:100%;height:32px;line-height:32px;color:#c7c7c7;text-align:right}
  43. .sbox .ptxa{height:130px;padding:6px 11px;background-color:#f6f6f6}
  44. .sbox .ptxa.noNum{height:110px}
  45. .sbox .ptxa textarea{width:100%;height:110px;line-height:20px;font-size:12px;vertical-align:top;padding:0;background-color:transparent;border:none}
  46. .sbox .ptxa .gray{line-height:20px;font-size:12px;text-align:right}
  47. .sbox .tbox{position:relative;min-height:32px;padding-right:60px}
  48. .sbox .tbox .wy{position:absolute;top:0;right:26px}
  49. .sbox .tbox .arr2{position:absolute;width:12px;height:12px;top:50%;right:11px;margin-top:-6px;background:url(../images/arr2.png) center no-repeat;
  50. -webkit-background-size:12px auto;-moz-background-size:12px auto;-ms-background-size:12px auto;-o-background-size:12px auto;background-size:12px auto}
  51. .sbox .e.on .tbox .arr2{
  52. -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
  53. .sbox .e .xx_logo{ width:10em; height:10em;display: block;}
  54. .sbox .e .xx_logo img{ width:100%; height:100%;}
  55. .sbox .custom{position:relative;padding:0 11px;background-color:#fff}
  56. .sbox .custom:after{bottom:-1px;z-index:2}
  57. .sbox .custom.lb_w{margin-top:-1px}
  58. .sbox .custom.lb_w:before{top:-1px}
  59. .sbox .custom .e{padding-right:16px;background-color:#fff8ed}
  60. .sbox .custom .e label{left:11px}
  61. .sbox .custom .e:before{left:0;right:0}
  62. .sbox .custom .e.e_ta{padding:0}
  63. .sbox .custom .ptxa{border-top:1px solid #e6e6e6}
  64. .sbox .custom .tbox{padding-right:34px}
  65. .sbox .custom .tbox .wy{right:0}
  66. .sbox .custom .e.e_ta .error{right:16px}
  67. .sbox .custom .iptb{line-height:32px;text-align:right;padding:8px 15px;background-color:#fff8ed}
  68. .sbox .custom .iptb .error{line-height:20px;font-size:12px;color:#F00;text-align:right}
  69. .sbox .custom .iptb .error:before{display:inline-block;width:15px;height:20px;content:'\00a0';margin-right:5px;background:url(../images/icon_err.png) center no-repeat;
  70. -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
  71. .sbox .custom .slash{display:inline-block;padding:0 11px}
  72. .sbox .custom .ipt .txt{background-color:transparent}
  73. .sbox .custom .ipt{display:inline-block;width:60px;top:0}
  74. .sbox .custom .warn{font-size:12px;color:#4c99ff;text-align:right;padding-right:16px;background-color:#ede8e1}
  75. .sbox .custom .warn:before{display:inline-block;width:12px;height:100%;content:'\00a0';margin-right:5px;background:url(../images/icon_warn.png) center no-repeat;
  76. -webkit-background-size:12px;-moz-background-size:12px;-o-background-size:12px;-ms-background-size:12px;background-size:12px}
  77. .sbox .rdob{text-align:right}
  78. .sbox .rdo{position:relative;display:inline-block;height:22px;line-height:22px;padding-left:50px}
  79. .sbox .rdo:after,.pbox .e:after{position:absolute;width:22px;height:22px;left:20px;content:'\00a0';background:url(../images/icon_radio.png) no-repeat;
  80. -webkit-background-size:75px auto;-moz-background-size:75px auto;-o-background-size:75px auto;-ms-background-size:75px auto;background-size:75px auto}
  81. .sbox .rdo.on:after,.pbox .e.on:after{background-position:-25px 0}
  82. .sbox .rdo.en:after{background-position:-50px 0}
  83. .pbox .e.off{color:#868686}
  84. .pbox .e.off:after{background-position:-50px 0}
  85. .sbox .selt .sval,.ibox .selt .sval{display:block;text-align:right}
  86. .sbox .selt select,.ibox .selt select,input[type="date"],input[type="month"]{position:absolute;width:100%;height:100%;overflow:visible;top:0;left:0;opacity:0;border:0 none;z-index:2}
  87. input[type="date"],input[type="month"]{min-width:100%}
  88. .sbox .rt{float:right}
  89. .sbox .rt .selt,.sbox .rt .rdob{float:left}
  90. .sbox .rt .rdob{position:relative;margin-right:10px;z-index:3}
  91. .sbox .user:after{display:block;width:0;height:0;font-size:0;content:'\00a0';clear:both}
  92. .sbox .user label{top:12px}
  93. .lr{width:100%}
  94. .sbox .user .cmax{position:absolute;width:100%;height:56px;top:0;right:0;opacity:0}
  95. .sbox .user .cmax input[type="file"]{width:100%;height:56px;vertical-align:top}
  96. .sbox .user .upimg{float:right;width:38px;height:38px;overflow:hidden;border:1px solid #868686;
  97. -webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%}
  98. .sbox .user .upimg:before{position:absolute;width:15px;height:15px;content:'\00a0';right:26px;bottom:8px;background:url(//img01.51jobcdn.com/im/m/icon_phone.png) no-repeat;
  99. -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
  100. .sbox .user .upimg:after{top:21px}
  101. .sbox .c_default,.ibox .c_default{color:#999}
  102. .sbox .e.e_g .tbox{padding-right:30px}
  103. .sbox .e.e_g .wy{right:0}
  104. /*工作经验、教育经历、项目经验*/
  105. .rbox .e{position:relative;line-height:20px;color:#444;padding:12px 110px 12px 21px;background-color:#fff}
  106. .rbox .e:after{position:absolute;height:0;content:'\00a0';font-size:0;left:11px;right:11px;bottom:0;border-bottom:1px solid #e6e6e6}
  107. .rbox .e:last-child:after{display:none}
  108. .rbox .e strong{display:block;font-weight:normal;font-size:15px}
  109. .rbox .e label{display:block;color:#868686}
  110. .rbox .e i{display:block;font-size:12px;color:#868686}
  111. .rbox .e .tab{position:absolute;top:50%;right:21px;
  112. -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
  113. .rbox .e .tab center{
  114. display:inline-block;
  115. width:40px;
  116. color: #318ddc;
  117. font-size:13px;
  118. padding-top:20px;
  119. background:url(../images/icon_resume1.png) 12px 0 no-repeat;
  120. -webkit-background-size:auto 15px;
  121. -moz-background-size:auto 15px;
  122. -ms-background-size:auto 15px;
  123. -o-background-size:auto 15px;
  124. background-size:auto 15px;
  125. }
  126. .rbox .e .tab center:last-child{background-position:-30px 0;border-left:1px solid #e6e6e6}
  127. .rbox .e .sc{position: relative;width:80%;height:23px;line-height: 23px;margin-top: 6px;border:1px solid #318ddc;
  128. -webkit-border-radius:2px;border-radius:2px}
  129. .rbox .e .sc .w{position:absolute;width:25%;height:100%;text-align:center;font-size:14px;color:#fff;background-color:#318ddc;
  130. -webkit-transform:scaleX(0);transform:scaleX(0);
  131. -webkit-transform-origin:left;transform-origin:left;
  132. -webkit-animation:scaleto 0.8s linear forwards;animation:scaleto 0.8s linear forwards}
  133. .rbox .e .sc .w.w1{width:25%}
  134. .rbox .e .sc .w.w2{width:50%}
  135. .rbox .e .sc .w.w3{width:75%}
  136. .rbox .e .sc .w.w4{width:100%}
  137. .rbox1 .e strong{max-height:38px;overflow:hidden;white-space:normal;margin-bottom:6px;
  138. display:-webkit-box;
  139. -webkit-line-clamp:2;
  140. -webkit-box-orient:vertical}
  141. @keyframes scaleto{
  142. from{transform:scaleX(0)}
  143. to{transform:scaleX(1)}
  144. }
  145. @-webkit-keyframes scaleto{
  146. from{-webkit-transform:scaleX(0)}
  147. to{-webkit-transform:scaleX(1)}
  148. }
  149. /*按钮*/
  150. .btnbox{padding:2% 5%;background-color:#fff}
  151. .btnbox.b2{padding:0 11px;background-color:transparent}
  152. .btnbox.b3{padding:50px 5%;background-color:transparent}
  153. .btn{width:100%;height:40px;line-height:40px;font-size:15px;font-weight:bold;color:#fff;text-align:center;letter-spacing:3px;background-color:#318ddc;border:1px solid #318ddc;-webkit-appearance:none;
  154. -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
  155. .btn_s{width:40%;margin:0 4%}
  156. .btn_add{display:block;height:50px;line-height:50px;color:#e7503f;text-align:center;margin-top:8px;background-color:#fff;}
  157. /*简历修改*/
  158. .xname .in{height:60px;line-height:60px}
  159. .xname em{width:25px;height:60px}
  160. .xname em:nth-of-type(1){position:relative;float:left;top:0;left:0;background:url(../images/arrow_white.png) center no-repeat;
  161. -webkit-background-size:11px auto;-moz-background-size:11px auto;-ms-background-size:11px auto;-o-background-size:11px auto;background-size:11px auto}
  162. .xname em:nth-of-type(2){display:inline-block;vertical-align:top;background:url(../images/icon_xname.png) center no-repeat;
  163. -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
  164. .xname span{display:inline-block;max-width:70%}
  165. .xbox{padding:0 6px}
  166. .xbox .e{margin-bottom:10px;background-color:#fff;
  167. -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
  168. .xbox .e:last-child{margin-bottom:0}
  169. .xbox .e.e0 .tit:before{background-position:0 -45px}
  170. .xbox .e.e1 .tit:before{background-position:0 -75px}
  171. .xbox .e.e2 .tit:before{background-position:0 -105px}
  172. .xbox .e.e3 .tit:before{background-position:0 -135px}
  173. .xbox .e.e4 .tit:before{background-position:0 -165px}
  174. .xbox .e.e5 .tit:before{background-position:0 -195px}
  175. .xbox .e .none{font-size:13px;color:#8d8d8d;padding:14px 26px 14px 42px}
  176. .xbox .e .tit{position:relative;display:block;line-height:32px;color:#444;padding:8px 26px 8px 42px;border-bottom:1px solid #e6e6e6}
  177. .xbox .e .tit:before{position:absolute;width:25px;height:30px;content:'\00a0';top:8px;left:10px}
  178. .xbox .e .tit:before,.xbox .face .icons{background:url(../images/icon_xbox.png) 0 0 no-repeat;
  179. -webkit-background-size:25px auto;-moz-background-size:25px auto;-o-background-size:25px auto;-ms-background-size:25px auto;background-size:25px auto}
  180. .xbox .e .tit:after,.obox .phone label:after{position:absolute;width:8px;height:14px;content:'\00a0';top:50%;right:11px;margin-top:-7px;background:url(../images/arrow_gray.png) no-repeat;
  181. -webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;background-size:100% 100%}
  182. .xbox .face{position:relative;min-height:82px;line-height:24px;padding:18px 26px 18px 120px}
  183. .xbox .face:after{display:block;width:100%;height:0;font-size:0;content:'\00a0';clear:both}
  184. .xbox .face img{position:absolute;top:50%;left:26px;background-color:#efefef;
  185. -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
  186. .xbox .face .name{color:#444;border-bottom:none;
  187. height:auto;
  188. padding:0;
  189. margin:0;}
  190. .xbox .face .p{font-size:12px;color:#868686;margin-bottom:5px}
  191. .xbox .face .icons{float:left;max-width:100%;line-height:20px;font-size:12px;color:#868686;padding-left:20px}
  192. .xbox .face .email{margin-right:10px;background-position:0 5px}
  193. .xbox .face .tel{margin-right:10px;background-position:0 -10px}
  194. .xbox .face .state{background-position:0 -25px}
  195. .xbox .txt{padding:14px 0}
  196. .xbox .txt .t{position:relative;line-height:22px;font-size:13px;margin-bottom:5px;padding:0 11px 0 132px}
  197. .xbox .txt .t:last-child{margin-bottom:0}
  198. .xbox .txt .t label{position:absolute;top:0;left:42px}
  199. .xbox .txt.jbox{padding:7px 0;border-bottom:0 none}
  200. .xbox .txt.jbox .x.x2:before{top:8px}
  201. .xbox .jbox .x{border-bottom:0 none}
  202. .xebox .e .tit{margin:0 4px;padding-left:36px;}
  203. .xebox .e .tit:before{position:absolute;width:21px;height:21px;content:'\00a0';top:13px;left:10px;background:url(../images/icon_rem_6.png) no-repeat;
  204. -webkit-background-size:21px auto;background-size:21px auto}
  205. /*
  206. .xebox .e.e0 .tit:before{background-position:0 -147px}
  207. .xebox .e.e1 .tit:before{background-position:0 -126px}
  208. .xebox .e.e2 .tit:before{background-position:0 -105px}
  209. .xebox .e.e3 .tit:before{background-position:0 -84px}
  210. .xebox .e.e4 .tit:before{background-position:0 -63px}
  211. .xebox .e.e6 .tit:before{background-position:0 -42px}
  212. .xebox .e.e7 .tit:before{background-position:0 -21px}
  213. .xebox .e.e8 .tit:before{background-position:0 0px}
  214. .xebox .e.e9 .tit:before{background-position:0 -168px}
  215. .xebox .e.e9 .tit:before{background-position:0 -168px}
  216. */
  217. .xebox .e.e0 .tit:before{background-position:0 -147px}
  218. .xebox .e.e1 .tit:before{background-position:0 -191px}
  219. .xebox .e.e2 .tit:before{background-position:0 -126px}
  220. .xebox .e.e3 .tit:before{background-position:0 -105px}
  221. .xebox .e.e4 .tit:before{background-position:0 -84px}
  222. .xebox .e.e5 .tit:before{background-position:0 -63px}
  223. .xebox .e.e6 .tit:before{background-position:0 -42px}
  224. .xebox .e.e7 .tit:before{background-position:0 -21px}
  225. .xebox .e.e8 .tit:before{background-position:0 0px}
  226. .xebox .e.e9 .tit:before{background-position:0 -168px}
  227. .xebox .etip{font-size:12px;color:#868686;text-align: center;}
  228. /*简历预览*/
  229. .jbox{position:relative;line-height:20px;font-size:13px;color:#444;word-break:break-all;padding-bottom:20px;background-color:#fff}
  230. .jbox .x{margin-bottom:7px;border-bottom:6px solid #ebebeb}
  231. .jbox .x:last-child{margin-bottom:0}
  232. .jbox .x.x2{position:relative}
  233. .jbox .x.x2:before{position:absolute;width:1px;content:'\00a0';top:65px;bottom:4px;left:21px;background-color:#318ddc}
  234. .jbox .x.x2 .bn{position:relative;margin-bottom:20px;padding-left:21px}
  235. .jbox .x.x2 .bn:last-child{margin-bottom:0}
  236. .jbox .x.x2 .bn:before{position:absolute;width:13px;height:13px;content:'\00a0';top:5px;left:15px;background:url(../images/icon_his.png) center no-repeat;
  237. -webkit-background-size:13px auto;-moz-background-size:13px auto;-ms-background-size:13px auto;-o-background-size:13px auto;background-size:13px auto}
  238. .jbox .x strong{position:relative;line-height:50px;display:block;color:#318ddc;padding-left:42px}
  239. .jbox .x strong:after{position:absolute;height:1px;content:"";right:10px;bottom:0px;left:10px;background-color:#e6e6e6}
  240. .jbox .st{line-height:22px;font-weight:normal;font-size:15px;margin:7px 21px;text-align: left;}
  241. .jbox .st.s2{font-size:14px;color:#555}
  242. .jbox .tx{position:relative;min-height:20px;margin:7px 21px;padding-left:86px}
  243. .jbox .tx label{position:absolute;left:0;top:0}
  244. .jbox .tx.t2{padding-left:130px}
  245. .jbox .tx2{line-height:22px;margin:7px 21px;text-align: left;}
  246. .jbox .tx2 label{display:block}
  247. .jbox .fl span{float:left}
  248. .jbox .fl:after{display:block;width:0;height:0;content:'\00a0';clear:both}
  249. .jbox .gray{padding:5px 0;background-color:#f3f3f3}
  250. .jbox .gray label{text-indent:1em}
  251. .jbox .fx{display:flex;flex-flow:row wrap;padding:0 21px}
  252. .jbox .fx span{width:50%;line-height:20px;padding:5px 0}
  253. .jbox .fx span:last-child{text-indent:2em}
  254. .jbox .hai{position:relative;display:inline-block;height:20px;line-height:20px;font-size:12px;color:#fff;margin-left:10px;padding:3px 5px;background-color:#937ae4;zoom:0.7;
  255. -webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
  256. .jbox .hai:before{position:absolute;width:0;height:0;font-size:0;content:'\00a0';top:7px;left:-6px;border-top:6px solid transparent;border-right:6px solid #937ae4;border-bottom:6px solid transparent}
  257. .jbox .view a{color:#4c99ff}
  258. .jbox .cha{display:inline-block;width:15px;height:20px;vertical-align:bottom;margin-left:5px;background:url(../images/cha.png) center no-repeat;
  259. -webkit-background-size:15px;-moz-background-size:15px;-ms-background-size:15px;-o-background-size:15px;background-size:15px}
  260. .jbox .head{position:relative;padding-right:60px}
  261. .jbox .head img{position:absolute;top:0;right:0;background-color:#f0f0f0}
  262. .jbox .gs{display:inline-block;height:18px;line-height:18px;font-size:12px;color:#318ddc;margin-left:5px;padding:0 5px;background-color:#fff;border:1px solid #ec6941;
  263. -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
  264. .jbox .paste{display:block;line-height:normal;padding:7px 21px}
  265. .jbox .paste p{margin:0;padding:0}
  266. .jbox .paste h1,.jbox .paste h2,.jbox .paste h3,.jbox .paste h4,.jbox .paste h5,.jbox .paste h6{font-weight:bolder}
  267. .jbox .paste h1{font-size:2em}
  268. .jbox .paste h2{font-size:1.5em}
  269. .jbox .paste h3{font-size:1.17em}
  270. .jbox .paste h4{font-size:1em}
  271. .jbox .paste h5{font-size:0.83em}
  272. .jbox .paste h6{font-size:0.67em}
  273. .jbox .paste i,.jbox .paste em{font-style:italic}
  274. .jbox .paste b,.jbox .paste strong{font-weight:bold}
  275. .jbox .paste strong{line-height:normal;color:#555;margin:0;padding:0;border:0 none}
  276. .jbox .paste a{color:#555;text-decoration:underline}
  277. /*手机号认证、无搜索结果、粘贴简历-其他信息*/
  278. .obox .e{padding:26px 11px;background-color:#fff}
  279. .obox .p{font-size:12px;color:#868686;padding:15px 11px}
  280. .obox .ptxa{height:130px;padding:6px 11px;background-color:#f6f6f6}
  281. .obox .ptxa textarea{width:100%;height:110px;line-height:20px;font-size:12px;vertical-align:top;padding:0;background-color:transparent;border:none}
  282. .obox .f14{font-size:14px}
  283. .obox .in{margin:38px 11px;background-color:#fff;border:1px solid #bebebe;
  284. -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
  285. .obox .c{position:relative;min-height:30px;line-height:30px;padding:10px;border-bottom:1px solid #e6e6e6}
  286. .obox .c.c2{padding-right:102px}
  287. .obox .c:last-child{border-bottom:0 none}
  288. .obox .c .txt{display:block;width:100%;line-height:30px;font-size:16px;color:#444}
  289. .obox .c label{position:absolute;width:90px;height:30px;text-indent:10px;top:10px;left:0;border-right:1px solid #868686}
  290. .obox .c label:after{
  291. -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
  292. .obox .but{position:absolute;height:28px;line-height:28px;color:#318ddc;text-align:center;padding:0 5px;top:10px;right:10px;background-color:#fff;border:1px solid #ff7e3e;
  293. -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
  294. .obox .phone{padding-left:108px}
  295. .obox .phone select{position:absolute;width:100%;height:50px;outline:none;top:-10px;left:0;border:none;opacity:0;z-index:3}
  296. /*简历初始化*/
  297. .shead{height:46px;line-height:46px;font-size:16px;color:#fff;text-align:center;background-color:#318ddc}
  298. .stit{position:relative;display:block;min-height:32px;line-height:32px;color:#444;padding:8px 26px 8px 21px;background-color:#fff}
  299. .bname{position:relative;height:38px;text-align:center;background-color:#fff}
  300. .bname span{position:relative;display:inline-block;height:34px;line-height:34px;font-size:12px;color:#b5b5b5;margin-top:2px;padding:0 7px;background-color:#fff;z-index:2}
  301. .bname em{position:absolute;height:0;top:19px;right:11px;left:11px;border-top:1px dashed #b0b0b0;z-index:1}
  302. .bname:before,.bname:after{position:absolute;height:0;content:'\00a0';right:11px;bottom:0;left:11px;border-top:2px solid #f2f2f2}
  303. .bname:before{top:0}
  304. .ibox .e{position:relative;line-height:22px;color:#444;overflow-x:hidden;padding:8px 26px 8px 21px;background-color:#fff}
  305. .ibox .e.e2{line-height:32px;padding-left:55%}
  306. .ibox .e.tit .txt{font-weight:bold}
  307. .ibox .e.lb_w .txt{display:block;width:100%;height:32px;line-height:32px;color:#999;text-align:right}
  308. .ibox .e label{position:absolute;max-width:50%;text-align:left;left:21px;top:8px}
  309. .ibox .e .p{font-size:12px;color:#868686}
  310. /*简历复制*/
  311. .pname,.phit,.pbox .e{position:relative;min-height:32px;line-height:32px;color:#444;padding:8px 26px 8px 118px;background-color:#fff}
  312. .pname{margin-bottom:8px}
  313. .pname:before,.phit:before{position:absolute;width:20px;height:15px;content:'\00a0';top:16px;left:11px;background:url(../images/icon_repeat.png) no-repeat;
  314. -webkit-background-size:15px auto;-moz-background-size:15px auto;-ms-background-size:15px auto;-o-background-size:15px auto;background-size:15px auto}
  315. .pname label{position:absolute;left:35px;top:8px}
  316. .pname .txt{display:block;width:100%;height:32px;line-height:32px;color:#444;text-align:right}
  317. .phit{padding-left:35px}
  318. .phit:before{background-position:0 -18px}
  319. .pbox .e{padding-left:50px}
  320. .pbox .e:before{top:0}
  321. .pbox .e:after{top:13px}
  322. /*我的简历*/
  323. .abox .fast,.abox .tab a:before,.abox .star,.abox .star:before{background:url(../images/icon_abox.png) no-repeat;
  324. -webkit-background-size:105px auto;-moz-background-size:105px auto;-ms-background-size:105px auto;-o-background-size:105px auto;background-size:105px auto}
  325. .abox{position:relative;margin-bottom:8px;background-color:#fff;
  326. -webkit-box-shadow:0 2px 1px 1px #dedede;-moz-box-shadow:0 2px 1px 1px #dedede;-o-box-shadow:0 2px 1px 1px #dedede;-ms-box-shadow:0 2px 1px 1px #dedede;box-shadow:0 2px 1px 1px #dedede}
  327. .abox .aname{line-height:32px;color:#444;padding:0 21px}
  328. .abox .p,.abox .e{line-height:22px;font-size:12px;color:#868686;padding:0 21px}
  329. .abox .fast{position:absolute;font-size:12px;color:#868686;top:76px;right:21px;padding-left:20px;background-position:-84px -20px}
  330. .abox .fast.on{color:#318ddc;background-position:-84px 0}
  331. .abox .tab{overflow:hidden}
  332. .abox .tab a{float:left;width:32%;height:46px;line-height:46px;font-size:13px;color:#868686;text-align:center;margin:2% 2% 0 0;background-color:#fff8ed}
  333. .abox .tab a:before{display:inline-block;width:20px;height:20px;content:'\00a0';vertical-align:text-bottom;margin-right:5px;margin-bottom:-2px}
  334. .abox .tab a:nth-of-type(3n+3){margin-right:0}
  335. .abox .tab a.t0:before{background-position:0 0}
  336. .abox .tab a.t1:before{background-position:-20px 0}
  337. .abox .tab a.t2:before{width:24px;background-position:-40px 0}
  338. .abox .tab a.t3:before{background-position:0 -20px}
  339. .abox .tab a.t4:before{background-position:-20px -20px}
  340. .abox .tab a.t5:before{width:24px;background-position:-40px -20px}
  341. .abox .tab a.t6{color:#c1c1c1}
  342. .abox .tab a.t6:before{background-position:-64px -20px}
  343. .abox .star{position:relative;display:inline-block;width:80px;height:20px;vertical-align:top;background-position:0 -42px}
  344. .abox .star:before{float:left;content:'\00a0';background-position:0 -62px}
  345. .abox .star.s0_5:before{width:7px}
  346. .abox .star.s1:before{width:15px}
  347. .abox .star.s1_5:before{width:23px}
  348. .abox .star.s2:before{width:31px}
  349. .abox .star.s2_5:before{width:39px}
  350. .abox .star.s3:before{width:47px}
  351. .abox .star.s3_5:before{width:55px}
  352. .abox .star.s4:before{width:63px}
  353. .abox .star.s4_5:before{width:71px}
  354. .abox .star.s5:before{width:80px}
  355. .asslist{position:absolute;width:100%;max-height:200px;top:100%;right:11px;margin-top:-1px;padding-left:136px;z-index:9}
  356. .asslist .cn{padding:8px 15px;background-color:#fffbf4;border:1px solid #f3f3f3}
  357. .asslist .ae{display:block;line-height:32px;font-size:13px;color:#111;text-align:right}
  358. .job_ass{position:absolute;width:60%;right:11px;top:48px;text-align:right;padding:10px 20px 10px 10px;background-color:#fffbf4;border:1px solid #f3f3f3;z-index:3}
  359. .job_ass li{height:30px;line-height:30px;color:#111111;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  360. /*附件*/
  361. #enclosure{min-height:100%;background-color:#fff}
  362. #enclosure .e_img{padding:25px 22px 0}
  363. #enclosure .e_img img{width:100%}
  364. /*头像上传预览*/
  365. .modal-open{position:fixed;width:100%}
  366. .pop_img{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.7)}
  367. .pop_img #avatar,.pop_img .rectbox{position:absolute;left:0;top:0}
  368. .pop_img .rectbox,.pop_img .rectbox .circlebox{pointer-events:none;border:2px dashed #318ddc;box-sizing:border-box}
  369. .pop_img .rectbox{position:relative;left:15%;width:70%}
  370. .pop_img .rectbox .circlebox{color:#fff;margin-top:3.8%;border-radius:100%}
  371. .pop_img .btnbox{position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;padding:0;background-color:#1b1b1b}
  372. .pop_img .btnbox span{float:right;color:#318ddc;padding:0 25px}
  373. .pop_img .btnbox span:first-child{float:left}
  374. /* APP引流
  375. #goApp{position:fixed;right:11px;bottom:60px;z-index:3;width:40px;height:40px;background:url(data:image/png;base64,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) center no-repeat;
  376. -webkit-background-size:34px auto;-moz-background-size:34px auto;-ms-background-size:34px auto;-o-background-size:34px auto;background-size:34px auto} */
  377. /* 6.6.0 */
  378. .fixbtn{height:90%;min-height:500px;background-color:#fff;}
  379. .fixbtn .btnbox{position:absolute;width:100%;bottom:0;
  380. -webkit-box-sizing:border-box;box-sizing:border-box}
  381. .jnav{height:35px;text-align:center;background-color:#fff2e3}
  382. .jnav .n{position:relative;float:left;width:50%;line-height:35px;font-size:15px;color:#444}
  383. .jnav .n.on{color:#318ddc}
  384. .jnav .n.on:after{position:absolute;width:80px;height:2px;content:"";bottom:0;left:50%;margin-left:-40px;background-color:#318ddc}
  385. .jnav.jnav3 .n{width:33%}
  386. #popRes{position:relative;height:100%;background-color:#fff;z-index:4;
  387. -webkit-box-sizing:border-box;box-sizing:border-box}
  388. #popRes .in{position:relative;height:100%}
  389. #popRes .el{position:relative;height:100%;background-color:#fff;
  390. -webkit-transition:width 0.3s;transition:width 0.3s}
  391. #popRes .swiper-container{height:100%}
  392. #popRes .swiper-wrapper{height:auto}
  393. #popRes .in .el:nth-of-type(1){position:relative;float:left;width:38%;background-color:#fff8ed;z-index:2}
  394. #popRes .in .el:nth-of-type(2){position:absolute;width:62%;top:0;right:0;z-index:1}
  395. #popRes .in .el:nth-of-type(2) li{text-align:center;margin:0 15px;border-bottom-color:#e7e7e7}
  396. #popRes .in .el:nth-of-type(1) ul{border-right:1px solid #e7e7e7}
  397. #popRes li{position:relative;height:42px;line-height:42px;padding-right:25px;border-bottom:1px solid #fff8ed}
  398. #popRes li.choice{color:#318ddc;background-color:#fff;border-bottom:1px solid #e7e7e7}
  399. #popRes li.choice:before{position:absolute;width:6px;height:100%;content:"";top:0;left:0;background-color:#318ddc}
  400. #popRes li.choice:after{position:absolute;width:4px;height:100%;content:"";top:0;right:-1px;background-color:#fff;z-index:21}
  401. #popRes ul li:last-child{border-bottom:0 none}
  402. #popRes .cnt{padding-left:30px}
  403. #popRes .cnt label{display:block}
  404. #popRes .cnt span{position:absolute;top:0;right:10px}
  405. #popRes .cked{color:#318ddc}
  406. #popRes .cked:after{position:absolute;display:block;width:12px;height:12px;content:'\00a0';top:50%;right:11px;margin-top:-6px;background:url(../images/icon_arr_6.png) center no-repeat;background-size:12px auto}
  407. #popRes .cked span{display:none}
  408. #popRes .self_d{position:relative;padding:22px 65px 22px 10px}
  409. #popRes .self_d input{display:block;width: 100%;height:26px;line-height:26px;padding:0 8px;background-color:#f4f4f4}
  410. #popRes .self_d .sure{position: absolute;width:44px;height:26px;line-height:26px;color:#318ddc;text-align:center;right:11px;top: 22px;background-color:#fff8ed}