cjjl_jzd.css 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460
  1. .panel_lnp h1,.panel_lnp h2,.panel_lnp h3,.panel_lnp h4,.panel_lnp h5,.panel_lnp h6,.panel_lnp p,.panel_lnp ul,.panel_py h1,.panel_py h2,.panel_py h3,.panel_py h4,.panel_py h5,.panel_py h6,.panel_py p,.panel_py ul{margin:0;padding:0}
  2. .panel_lnp li,.panel_py li{list-style:none}
  3. .panel_lnp input,.panel_lnp button,.panel_lnp textarea,.panel_py input,.panel_py button,.panel_py textarea{font-size:14px;font-family:"microsoft yahei" !important;outline:0 none;margin:0;padding:0}
  4. .panel_lnp input::-ms-clear,.panel_py input::-ms-clear{display:none}
  5. .panel_lnp .txline,.panel_py .txline{display:inline-block;word-wrap:break-word;word-break:break-all;text-decoration:underline}
  6. /*通用*/
  7. a{text-decoration:none}
  8. .at,
  9. .panel_lnp h2 p,.panel_py .rdbox{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  10. .l{float:left}
  11. .clearfix{*zoom:1}
  12. .clearfix:before,.clearfix:after{display:table;content:"";clear:both}
  13. .err{display:block;line-height:18px !important;font-size:12px;color:#318ddc;clear:both;padding:5px 0 0 18px;background:url(error.png) 0 7px no-repeat;*background-position:0 5px}
  14. .panel_lnp .p_but,.panel_lnp .panel_btn_s{min-width:40px;padding:0 20px}
  15. .panel_lnp .p_but.w110,.panel_lnp .p_but.w130{width:auto}
  16. .panel_lnp .disabled{color:#b0b0b0;background-color:#f5f5f5;cursor:default}
  17. /*字体大小*/
  18. .f12{font-size:12px !important}
  19. .f14{font-size:14px !important}
  20. .f16{font-size:16px !important}
  21. .f18{font-size:18px !important}
  22. .f20{font-size:20px !important}
  23. .f22{font-size:22px !important}
  24. .f24{font-size:24px !important}
  25. .f26{font-size:26px !important}
  26. .f28{font-size:28px !important}
  27. .f30{font-size:30px !important}
  28. /*行高*/
  29. .lh20{line-height:20px !important}
  30. .lh30{line-height:30px !important}
  31. .lh40{line-height:40px !important}
  32. .lh50{line-height:50px !important}
  33. .lh60{line-height:60px !important}
  34. /*颜色*/
  35. .c_333{color:#333 !important}
  36. .c_666{color:#666 !important}
  37. .c_999{color:#999 !important}
  38. .c_bbb,
  39. .placeholder{color:#b0b0b0 !important}
  40. .c_blue{color:#00457d !important}
  41. .c_lblue{color:#7c8ea7 !important}
  42. .c_orange{color:#318ddc !important}
  43. .c_yellow{color:#ff9f20 !important}
  44. /*END*/
  45. .panel_lnp h2{position:relative;height:44px;line-height:44px;font-size:14px;font-family:"Microsoft YaHei";color:#333;padding-right:44px;background-color:#FFF;border-top:4px solid #318ddc;border-bottom:1px solid #e8e8e8}
  46. .panel_lnp h2 p{font-weight:bold;font-size:18px;line-height:44px;margin-left:15px}
  47. .panel_lnp h2 a{position:absolute;display:block;width:44px;height:44px;cursor:pointer;top:0;right:0;background-color:#FFF}
  48. .panel_lnp h2 a i{display:block;width:16px;height:16px;margin:14px;background:url(../images/icon_close2.png) no-repeat}
  49. .panel_lnp .sp{font-size:12px}
  50. .panel_lnp .sp strong{font-size:12px;color:#318ddc}
  51. .panel_lnp .panel_btn_s{display:inline-block;line-height:18px;font-size:14px;font-family:"microsoft yahei";color:#fff;text-decoration:none;cursor:pointer;margin:0 4px;padding:6px 20px;background-color:#318ddc;
  52. -webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}
  53. .panel_lnp .panel_btn_s:hover{background-color:#ea5800}
  54. .panel_lnp .panel_btn_s.off,.panel_lnp .panel_btn_s.off:hover{color:#999;cursor:auto;background-color:#ddd}
  55. .panel_lnp .l-h34{line-height:34px !important}
  56. .panel_lnp .pannel_body *,.panel_lnp a{font-size:12px;font-family:"Microsoft YaHei"}
  57. .panel_lnp a.c_blue:hover{color:#318ddc !important}
  58. .panel_py{width:500px}
  59. .panel_py strong{font-weight:bold}
  60. .panel_py .tstrong{font-weight:bold;font-size:16px;color:#f56101}
  61. .panel_py .pannel_body{line-height:24px;color:#5e5e5e;padding:15px;background-color:#fff}
  62. .panel_py .pannel_body.f14 *{font-size:14px}
  63. .panel_py .pannel_con{line-height:20px;font-family:"Microsoft YaHei";font-size:14px;background-color:#fff}
  64. .panel_py .p{margin-bottom:10px}
  65. .panel_py .stage{line-height:24px;color:#666;padding:34px 10px 20px}
  66. .panel_py .stage.s2{padding-bottom:34px}
  67. .panel_py .wd{display:block;padding:24px 0 10px}
  68. .panel_py .wd img{vertical-align:top;margin-bottom:10px}
  69. .panel_py .gp{padding-top:35px;padding-bottom:35px}
  70. .panel_py .gp2{padding:10px 2em}
  71. .panel_py .gp3{padding:10px 2em 24px}
  72. .panel_py .gp4{padding:15px}
  73. .panel_py .gp5{padding:15px 2em}
  74. .panel_py .gp6{padding:2em 15px 10px}
  75. .panel_py .gp7{padding:15px 2em 0}
  76. .panel_py .gp8{padding:15px 15px 0}
  77. .panel_py .center{text-align:center}
  78. .panel_py .rdbox{float:left;width:48%;height:24px;line-height:24px;margin-right:2%;padding:8px 0 0}
  79. .panel_py .rdbox .rdo{margin-right:10px}
  80. .panel_py .rdbox.r2{float:none;display:block;width:auto}
  81. .panel_py .title{padding:10px 0 25px;border-bottom:1px dotted #c1c1c1}
  82. .panel_py .t_right{text-align:right;padding:14px 15px}
  83. .panel_py center{position:relative}
  84. .panel_py center .t_right{position:absolute;height:20px;line-height:20px;top:50%;right:0;margin-top:-10px;padding:0}
  85. .panel_py .link{color:#00457d}
  86. .panel_py .link:hover{color:#318ddc}
  87. .panel_py .tb{margin:0 auto;border-collapse:collapse;border-spacing:0;border-bottom:1px solid #e8e8e8}
  88. .panel_py .tb th,.panel_py .tb td{height:28px;padding:0;border:1px solid #e8e8e8}
  89. .panel_py .tb th{background-color:#e6e6e6}
  90. .panel_py .tb td{width:128px;text-align:center;border-top-style:dashed;border-bottom-style:dashed}
  91. .panel_py .cl_orange{color:#f56101}
  92. .panel_py a.cl_orange{color:#00457d}
  93. .panel_py a.cl_orange:hover{color:#318ddc}
  94. .panel_py .tagbox{margin-bottom:20px;padding:0 15px}
  95. .panel_py .tagbox .e{position:relative;padding-left:75px}
  96. .panel_py .tagbox label{position:absolute;height:26px;line-height:26px;top:0;left:0}
  97. .panel_py .tagbox label.l2{line-height:20px;top:11px}
  98. .panel_py .tagbox textarea{width:274px;line-height:20px;padding:10px;background-color:#FFF;border:1px solid #b1b1b1}
  99. .panel_py .tags span{display:inline-block;height:26px;line-height:26px;color:#333;margin:0 15px 15px 0;padding:0 10px;background-color:#FFF;border:1px solid #FF9F20}
  100. .panel_py .ft14{font-size:14px !important}
  101. .panel_py .aright{text-align:right}
  102. .panel_py .textarea{width:422px;padding:10px;border:1px solid #b1b1b1}
  103. .panel_py .w9{display:inline-block;max-width:130px;vertical-align:middle}
  104. .panel_py .panel_pay li{position:relative;float:left;line-height:40px;font-size:12px;color:#333;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;margin-right:6%}
  105. .panel_py .panel_pay li.on{color:#318ddc}
  106. .panel_py .panel_pay li.on .check{background:url(//img01.51jobcdn.com/im/2016/icon/icon_checked.png) no-repeat;border-color:#318ddc}
  107. .panel_py .panel_pay .check{position:absolute;top:14px;left:0}
  108. /*选择文件*/
  109. .panel_py .chose{position:relative;width:283px;height:28px;line-height:28px;color:#00457d;text-align:center;overflow:hidden;background-color:#fff;border:1px solid #e8e8e8}
  110. .panel_py .chose:hover{background-color:#eee}
  111. .panel_py .chose input{position:absolute;font-size:100px;top:0;right:0;filter:alpha(opacity=0);opacity:0;cursor:pointer;z-index:2}
  112. .panel_py .word{position:relative;z-index:1}
  113. .panel_py .word em{font-size:12px;font-style:normal}
  114. .panel_py .word em em{display:inline-block;max-width:120px;vertical-align:bottom;#vertical-align:middle}
  115. /*地区、职位、行业*/
  116. .panel_selt{position:relative;font-size:12px;overflow:hidden;padding-bottom:50px;}
  117. .panel_selt .sbar,.panel_selt .con{float:left;width:129px}
  118. .panel_selt .sbar li{position:relative;line-height:18px;cursor:pointer;word-wrap:break-word;word-break:normal;padding:8px 0 8px 14px}
  119. .panel_selt .sbar li:hover{background-color:#d9d9d9}
  120. .panel_selt .sbar em{display:none;position:absolute;width:5px;height:100%;top:0;left:0;background-color:#318ddc}
  121. .panel_selt .sbar .on,.panel_selt .sbar .on:hover{background-color:#fff}
  122. .panel_selt .sbar .on{font-weight:bold;color:#318ddc}
  123. .panel_selt .sbar .on em{display:block}
  124. .panel_selt .con{width:791px;margin-left:16px}
  125. .panel_selt .de{position:relative;float:left;width:100%;padding-top:8px}
  126. .panel_selt .de.dn{padding-top:0}
  127. .panel_selt .de .name{display:block;color:#999;margin-bottom:15px;padding:0 7px}
  128. .panel_selt .de span{float:left;margin:0 14px 12px 0}
  129. .panel_selt .de span em{font-style:normal;display:inline-block;line-height:18px;font-size:12px;cursor:pointer;padding:2px 7px}
  130. .panel_selt .de span em:hover{background-color:#eee}c
  131. .panel_selt .de .on,.panel_selt .de .on:hover{color:#fff;background-color:#ffa63c}
  132. .panel_selt .in{position:absolute;float:left;width:789px;color:#666;margin-bottom:10px;border:1px solid #e8e8e8;background: #fff;display:none;}
  133. .panel_selt .in div{float:left;width:769px;max-height:90px;padding:8px 10px 0 10px;*padding-bottom:4px;overflow-x:hidden;overflow-y:auto}
  134. .panel_selt .in font{position:absolute;width:14px;height:8px;font-size:0;top:-8px;left:0;background:url(../images/pop_two_level_corner.png) no-repeat}
  135. .panel_selt .in span{margin-bottom:8px}
  136. .panel_selt .in span em{margin:0}
  137. .panel_selt .d0 span{width:auto;white-space:nowrap}
  138. .panel_selt table{width:100%;font-family:"Arial","Microsoft YaHei"}
  139. .panel_selt td{vertical-align:top;word-break:break-all}
  140. .panel_selt td em{display:inline-block;font-size:12px;font-style:normal;color:#333;cursor:pointer;margin:0 0 12px 0;padding:2px 7px}
  141. .panel_selt td em:hover{background-color:#eee}
  142. .panel_selt td i{font-size:12px;font-style:normal;vertical-align:middle}
  143. .panel_selt .d1 em{margin-right:0}
  144. .panel_selt .d3 td{width:216px}
  145. .panel_selt .d7 td{width:113px}
  146. .panel_selt .d7 td em{margin-right:4px}
  147. .panel_selt .declear{position:relative;height:1px;font-size:0;clear:both;top:-1px;background-color:#fff}
  148. .panel_selt .dtit{float:left;line-height:18px;font-size:12px;font-weight:bold;color:#999;text-indent:7px;padding-top:8px}
  149. /*框架尺寸*/
  150. .panel_ct{width:953px !important}
  151. .panel_ct2{width:858px !important}
  152. .panel_ct3{width:500px !important}
  153. .panel_ct4{width:700px !important}
  154. .panel_ct5{width:800px !important}
  155. /*.panel_ct2 .panel_selt{background-image:url(//img01.51jobcdn.com/im/2016/pop/panel_179.gif)}*/
  156. .panel_ct2 .panel_selt .sbar{width:179px}
  157. .panel_ct2 .panel_selt .con{width:648px}
  158. .panel_ct2 .panel_selt .in{width:646px}
  159. .panel_ct2 .panel_selt .in div{width:626px;max-height:210px}
  160. /*表单*/
  161. .panel_py .panel_boxtab{display:none;height:55px;text-align:center;background-color:#f7f7f7;border-bottom:1px solid #e8e8e8}
  162. .panel_py .panel_boxtab p{position:relative;width:365px;top:20px;margin:0 auto;border-right:1px solid #e8e8e8}
  163. .panel_py .panel_boxtab span{display:inline-block;width:90px;height:34px;line-height:34px;font-size:14px;cursor:pointer;background-color:#ebebeb;border:1px solid #e8e8e8;border-right:0 none}
  164. .panel_py .panel_boxtab span:hover,.panel_py .panel_boxtab span.on{background-color:#fff;border-bottom-color:#fff}
  165. .panel_py .panel_boxtab span:hover{border-bottom-color:#e8e8e8}
  166. .panel_py .panel_boxtab span.on:hover{border-bottom-color:#fff}
  167. .panel_py .panel_boxtab span.on{cursor:auto}
  168. .panel_py .panel_boxtab2{line-height:20px;font-size:16px;text-align:center;overflow:hidden;padding:20px 108px 0}
  169. .panel_py .panel_boxtab2 .way{float:left;width:49%;height:100%;color:#888;text-align:center;cursor:pointer}
  170. .panel_py .panel_boxtab2 .way.on{font-weight:bold;color:#318ddc}
  171. .panel_py .panel_boxtab2 .hr{float:left;width:1px;height:16px;font-size:0;margin-top:2px;background-color:#e8e8e8}
  172. .panel_py .inner10{padding:10px}
  173. .panel_py .iel{position:relative;min-height:30px;line-height:30px;padding-top:10px}
  174. .panel_py .iel label{position:relative;float:left;width:110px;font-size:14px;text-align:right;padding-right:10px}
  175. .panel_py .iel label b{position:absolute;color:#fe5b00;font-family:"SimSun";top:0;right:0}
  176. .panel_py .iel .itext,.panel_py .iel .itextarea{float:left;width:248px;line-height:28px;font-size:14px;font-family:"Microsoft YaHei";margin-right:10px;padding:0 10px;border:1px solid #e8e8e8}
  177. .panel_py .iel .itext{height:28px}
  178. .panel_py .iel .itextarea{line-height:20px;padding:3px 10px}
  179. .panel_py .iel .itext.short{width:150px}
  180. .panel_py .iel .itext_in{position:relative;float:left;width:270px}
  181. .panel_py .iel .itext_in .close{display:none;position:absolute;width:28px;height:28px;cursor:pointer;top:1px;right:1px;background:url(//img01.51jobcdn.com/im/2016/pop/input_close.png) #fff center center no-repeat}
  182. .panel_py .iel .code{float:left;margin-right:10px}
  183. .panel_py .iel .code_button{width:88px;height:30px;font-size:12px;font-family:"Microsoft YaHei"}
  184. .panel_py .iel .code_but{font-size:12px;cursor:pointer}
  185. .panel_py .iel .code_but:hover{color:#ff7300}
  186. .panel_py .iel .pwd_level{float:left;width:66px;margin-left:10px}
  187. .panel_py .iel .pwd_level span{float:left;width:20px;height:20px;line-height:20px;color:#000;text-align:center;margin:7px 2px 0 0;background-color:#eee}
  188. .panel_py .iel .pwd_level .lv1{color:#fff;background-color:#f30}
  189. .panel_py .iel .pwd_level .lv2{color:#fff;background-color:#f93}
  190. .panel_py .iel .pwd_level .lv3{color:#fff;background-color:#3c6}
  191. .panel_py .iel .note_msg{line-height:18px;min-height:18px;font-size:12px;color:#999;margin-left:124px;clear:both}
  192. .panel_py .iel .note_msg .error{position:static;line-height:18px;color:#318ddc;margin:0;padding-left:18px;background:url(//img01.51jobcdn.com/im/2016/form/error.png) left 2px no-repeat}
  193. .panel_py .iel .note_msg .error a{color:#00457d}
  194. .panel_py .iel .note_msg .error a:hover{color:#318ddc}
  195. .panel_py .iel.on .ul{width:268px;max-height:120px;top:39px;left:120px}
  196. .panel_py .i2 .iel{float:left}
  197. .panel_py .i2 .itext_in{width:370px}
  198. .panel_py .i2 .iel label{width:80px;color:#666}
  199. .panel_py .i2 .itext,.panel_py .i2 .itextarea{width:338px}
  200. .panel_py .i2 .note_msg{margin-left:90px}
  201. .panel_py .i2 .itext.short{width:240px}
  202. .panel_py .btm_note{font-size:12px;font-family:"Microsoft YaHei";color:#999;text-align:center;padding:10px 0;background-color:#fff}
  203. .panel_py .btm_note .alink,.panel_py .note_msg .alink{color:#00457d;margin-left:5px;padding-right:15px}
  204. .panel_py .btm_note .alink:hover,.panel_py .note_msg .alink:hover{color:#318ddc}
  205. .panel_py .alink_msg{display:none;line-height:24px;font-size:12px;color:#999;padding:10px 0 10px 30px;background-color:#fff;border-top:1px solid #e8e8e8}
  206. .panel_py .alink_msg.on{display:block}
  207. .panel_py .jmsg{padding:0 20px 20px}
  208. /*结果提示*/
  209. .panel_py .do_result .tl{line-height:45px;font-weight:bold;font-size:18px;color:#f60;text-align:center;padding-bottom:10px;border-bottom:1px dashed #c1c1c1}
  210. .panel_py .do_result .ls{line-height:24px;font-size:12px;color:#6c6c6c;padding:10px 10px 20px}
  211. .panel_py .do_result .ls p{margin-bottom:10px}
  212. .panel_py .do_result .ls img{vertical-align:middle;margin-right:5px}
  213. .panel_py .do_result .ls a{color:#00457d}
  214. .panel_py .do_result .ls a:hover{color:#318ddc}
  215. .panel_py .em{display:inline-block;max-width:175px;vertical-align:top;#vertical-align:middle}
  216. /*标签*/
  217. .panel_tags{position:relative;padding:15px 10px 5px;background-color:#fff;border-bottom:1px solid #e8e8e8}
  218. .panel_tags .tin{overflow:hidden}
  219. .panel_tags .error{display:none;position:absolute;width:154px;height:28px;line-height:28px;font-size:12px;text-indent:34px;color:#318ddc;overflow:hidden;top:50%;right:15px;margin-top:-14px;background:url(//img01.51jobcdn.com/im/2016/pop/tag_error_box.png) no-repeat}
  220. .panel_tags.mk{padding-right:180px}
  221. .panel_tags.mk .error{display:block}
  222. .shield_tags .error{display:none;position:absolute;width:161px;height:28px;line-height:28px;font-size:12px;font-weight:normal;text-indent:32px;color:#318ddc;overflow:hidden;top:50%;right:60px;margin-top:-14px;background:url(//img01.51jobcdn.com/im/2016/pop/tag_error_box3.png) 0 -30px no-repeat}
  223. .shield_tags.mk{padding-right:230px}
  224. .shield_tags.mk .error{display:block}
  225. .custom_tags .errbox{display:none;position:absolute;top:50%;right:60px;margin-top:-14px;padding-left:7px;background:url(//img01.51jobcdn.com/im/2016/pop/icon_tags.png) 0 center no-repeat}
  226. .custom_tags .errbox .err{font-weight:normal;padding:5px 7px 5px 30px;background-position:9px 7px;border:1px solid #ccc;border-left:0 none;border-radius:3px}
  227. .custom_tags.mk .errbox{display:block}
  228. .panel_lnp .state{position:absolute;font-weight:bold;color:#318ddc;top:0;right:60px}
  229. /*照片上传*/
  230. .panel_pin{padding:15px 15px 29px;background-color:#fff}
  231. .panel_pin .l{float:left;width:296px}
  232. .panel_pin .r{float:left;width:159px;margin-left:15px}
  233. .panel_pin .nt{line-height:24px;font-size:12px;margin-bottom:10px}
  234. .panel_pin .tl{width:90px;font-size:12px;text-align:center;margin:0 auto 5px}
  235. .panel_pin .buox{width:140px;height:75px;margin:0 auto;padding-top:30px}
  236. .panel_pin .buox .note{display:block;line-height:18px;font-size:12px;margin-top:5px;padding-left:18px;background:url(//img01.51jobcdn.com/im/2016/pop/note.png) left 2px no-repeat}
  237. .panel_pin .flbut{position:relative;width:138px;height:28px;line-height:28px;text-align:center;color:#00457d;cursor:pointer;overflow:hidden;background-color:#fff;border:1px solid #b0b0b0;
  238. -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
  239. .panel_pin .flbut:hover{background-color:#eee}
  240. .panel_pin .flbut input{position:absolute;font-size:60px;opacity:0;filter:alpha(opacity=0);cursor:pointer;top:0;right:0;margin-left:-180px;margin-top:-5px;z-index:2}
  241. .panel_pin .flbut span{position:relative;display:block;font-size:14px;z-index:1}
  242. .panel_u_photo{width:296px;height:296px}
  243. .panel_u_photo img{max-width:100%;max-height:100%;background-color:#ddd}
  244. .panel_r_photo{width:90px;height:110px;margin:0 auto;border:2px solid #e8e8e8}
  245. .panel_r_photo.photo2{position:relative;height:90px;overflow:hidden;margin-top:35px;border-radius:50%}
  246. .panel_r_photo.photo2 img{position:absolute;top:-10px;left:0}
  247. .pop_image_select-border1,.pop_image_select-border3{background:url(//img01.51jobcdn.com/im/2016/pop/border-v.gif) repeat-y left top}
  248. .pop_image_select-border3{background-position:right top}
  249. .pop_image_select-border2,.pop_image_select-border4{background:url(//img01.51jobcdn.com/im/2016/pop/border-h.gif) repeat-x left top}
  250. .pop_image_select-border4{background-position:left bottom}
  251. .pop_image_select-outer{background-color:#000;filter:alpha(opacity=50);opacity:0.5}
  252. /*屏蔽公司*/
  253. .panel_lnp .terror{position:absolute;width:161px;height:28px;line-height:28px;font-size:12px;color:#f60;text-indent:34px;top:50%;right:60px;margin-top:-14px;background:url(//img01.51jobcdn.com/im/2016/pop/tag_error_box2.png) no-repeat}
  254. .panel_lnp .aglist{height:312px;overflow-y:auto;padding-top:10px;background-color:#fff}
  255. .panel_lnp .aglist span{float:left;width:50%;*width:48%;font:12px/26px "Microsoft Yahei"}
  256. .panel_lnp .aglist input{margin:0 5px 0 10px}
  257. .panel_lnp .aglist a:hover{color:#318ddc}
  258. .panel_py .search{min-height:30px;line-height:30px;margin-bottom:10px}
  259. .panel_py .search.s2{position:relative;padding-right:101px}
  260. .panel_py .search input{width:100%;height:28px;text-indent:10px;background-color:#fff;border:1px solid #e8e8e8}
  261. .panel_py .search .p_but{position:absolute;width:98px;top:0;right:0;margin:0;padding:0;border-radius:0}
  262. .panel_py .panel_box li{position:relative;float:left;width:48%;*width:44%;line-height:25px;font-size:12px;color:#333;white-space:nowrap;margin-right:2%}
  263. .panel_py .panel_box li .check{float:left;margin-top:5px}
  264. .panel_py .panel_box li a{position:relative;display:block;width:87%;*width:86%;color:#333;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:20px;padding-right:20px;border-bottom:1px solid #e8e8e8}
  265. .panel_py .panel_box li a:visited,.panel_py .panel_box li a:active,.panel_py .panel_box li a:link{color:#333}
  266. .panel_py .panel_box li a:hover{color:#318ddc}
  267. .panel_py .panel_box .icon_gray2{position:absolute;width:16px;height:16px;top:6px;right:0;background:url(//img01.51jobcdn.com/im/2016/icon/icon_gray2.png) right center no-repeat}
  268. .panel_py .panel_box hr{height:1px;background-color:#ddd;border:0 none}
  269. .panel_ht .panel_box,.panel_ht2 .panel_box{position:relative;height:330px;overflow-y:auto}
  270. .panel_ht2 .panel_box{height:294px;padding:0 16px 6px}
  271. .panel_py .panel_none{font-size:12px;color:#999}
  272. .panel_py .none{line-height:130px;font-size:14px;text-align:center;color:#999;padding:100px 0;background-color:#fff}
  273. /*底部按钮*/
  274. .but_box{text-align:center;padding:14px 0;background-color:#f7f7f7;border-top:1px solid #e8e8e8}
  275. .but_box.b2{background-color:#fff;border-top:0 none}
  276. .but_box.alink a.p_but{font-size:14px;font-family:"Microsoft YaHei";color:#fff;text-decoration:none}
  277. /*其他-不定义*/
  278. .layer_back_drop_class{filter:alpha(opacity=70);opacity:0.7;background:#000000 none repeat scroll 0 0}
  279. .layer_class{}
  280. .element_hide{display:none}
  281. .panel_tags.mk .element_hide{display:none}
  282. /*地区选择*/
  283. .pop-city{width:600px;padding-bottom:15px;background-color:#fff}
  284. .pop-city a:visited,.pop-city a:link{font-family:'Microsoft Yahei'}
  285. .pop-city .tle{position:relative;height:44px;line-height:44px;font-size:18px;font-weight:bold;font-family:"Microsoft YaHei";color:#333;text-indent:15px;background-color:#FFF;border-top:4px solid #318ddc;border-bottom:1px solid #e8e8e8}
  286. .pop-city .close{position:absolute;width:16px;height:16px;cursor:pointer;top:0;right:0;margin:14px;background:url(//img01.51jobcdn.com/im/2016/pop/icon_close2.png) no-repeat}
  287. .pop-city .ht{position:relative;float:left;color:#318ddc;margin:20px 15px 10px;*padding-bottom:20px;padding-left:90px}
  288. .pop-city .ht label{position:absolute;width:90px;font-size:14px;font-weight:bold;text-align:center;top:0;left:0}
  289. .pop-city .ht a{float:left;font-size:14px;color:#318ddc;white-space:nowrap;margin:0 20px 10px 0}
  290. .pop-city .ht a:hover{text-decoration:underline}
  291. .pop-city .cbox{position:relative;height:304px;overflow:hidden;clear:both;margin:0 15px 10px;padding-left:90px;border:1px solid #e8e8e8}
  292. .pop-city .cbox ul{position:absolute;width:90px;font-size:14px;color:#666;left:0;background-color:#eee}
  293. .pop-city .cbox li{height:38px;line-height:38px;font-size:14px;text-align:center;text-indent:-3px;cursor:pointer;border-left:4px solid #eee}
  294. .pop-city .cbox li.on{color:#318ddc;background-color:#fff;border-left-color:#318ddc}
  295. .pop-city .clst{position:absolute;width:478px;height:304px;top:0;right:0;overflow-y:auto}
  296. .pop-city .clst span{float:left;line-height:38px;min-width:21%;*min-width:14%;color:#666;font-size:14px;text-align:center;padding:0 2%}
  297. .pop-city .clst span a{font-size:14px;color:#666}
  298. .pop-city .clst span a:hover{color:#318ddc}
  299. .pop-city .btline{position:relative;height:1px;font-size:0;top:-1px;background-color:#ddd}
  300. /*编辑求职信*/
  301. .panel_py .c{position:relative;float:left;width:572px;min-height:30px;line-height:30px;margin-bottom:10px;padding-left:96px}
  302. .panel_py .c label{position:absolute;width:80px;color:#666;text-align:right;top:0;left:0}
  303. .panel_py .c label em{position:absolute;width:15px;text-align:center;color:#318ddc;font-style:normal;top:2px}
  304. .panel_py .c .textarea{height:120px;overflow:hidden;border:1px solid #e8e8e8}
  305. .panel_py .c .textarea textarea{float:left;width:550px;height:120px;line-height:20px;border:0 none}
  306. .panel_py .c.c2{float:none;width:470px;padding:10px 0 0 0}
  307. .panel_py .c.c2 .l{width:192px}
  308. .panel_py .c.c2 .l2{float:left;width:130px;margin-left:15px}
  309. .panel_py .c.c2 .ul{top:28px}
  310. .panel_py .c.c2 .err{#min-height:18px}
  311. .panel_py .c.c4 .textarea{width:550px}
  312. .panel_py .hlf4{height:30px;line-height:30px;font-size:14px}
  313. .panel_py .hlf4 label{color:#333}
  314. .panel_py .hlf4 input[type="checkbox"]{vertical-align:-1px;*vertical-align:2px;margin-right:5px;*margin-left:-3px}
  315. .panel_py .hlf4 .cm{color:#666;margin-left:20px}
  316. .panel_py .hlf4 .hp{display:inline-block;width:20px;height:18px;vertical-align:middle;cursor:pointer;background:url(//img01.51jobcdn.com/im/2016/form/form.png) 0 -102px no-repeat}
  317. .panel_py .hlf4 .hp:hover{background-position:-20px -102px}
  318. /*人事来信*/
  319. .panel_py .cell{padding-top:15px;background-color:#fff}
  320. .panel_py .cell h3{height:30px;line-height:30px}
  321. .panel_py .cell h3 p{float:left;max-width:324px;font-size:16px;font-weight:bold;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  322. .panel_py .cell h3 span{float:right;font-size:12px;font-weight:normal;color:#999}
  323. .panel_py .cell .bbox{position:relative;padding-top:5px;overflow:hidden}
  324. .panel_py .cell .del{position:absolute;font-size:12px;color:#00457d;top:0;right:0;cursor:pointer}
  325. .panel_py .cell .del:hover{color:#318ddc}
  326. .panel_py .cell .bubble{float:left;max-width:390px;line-height:20px;font-size:12px;word-wrap:break-word;padding:3px 5px;border:1px solid #e8e8e8;border-radius:2px}
  327. .panel_py .cell .arr{position:absolute;width:20px;height:10px;top:-4px;left:0;background:url(//img01.51jobcdn.com/im/2017/my/ns.png) center;background-size:55px auto;background-position:-9px -78px;z-index:2}
  328. .panel_py .pannel_gray,.panel_py .pannel_gray .but_box{background-color:#f5f5f5;border-top:1px solid #e8e8e8}
  329. .panel_py .pannel_gray .but_box{border-top:0 none}
  330. .panel_py .pannel_gray .textarea{width:470px;height:100px;overflow:hidden;padding:0;border:1px solid #e8e8e8}
  331. .panel_py .pannel_gray textarea{width:450px;height:80px;padding:10px;background-color:#fff;border:0 none}
  332. .panel_py .pannel_gray .err{float:left;line-height:30px !important;clear:none;padding-top:0;background-position:0 8px}
  333. .panel_py .tbtm{height:30px;line-height:30px;font-size:12px}
  334. .panel_py .tbtm .wlst{float:left}
  335. .panel_py .tbtm .cunt{float:right;color:#999}
  336. /*职位推荐*/
  337. .panel_ht3 .panel_box{position:relative;height:522px;overflow-y:auto}
  338. .panel_ht3 .el{height:40px;line-height:40px;font-size:14px;overflow:hidden;margin:0 15px;border-bottom:1px dotted #e8e8e8}
  339. .panel_ht3 .el .t1,.panel_ht3 .el .t2,.panel_ht3 .el .t3,.panel_ht3 .el .t4,.panel_ht3 .el .t5{float:left;height:40px;line-height:40px !important;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:20px}
  340. .panel_ht3 .el .t1{width:140px;color:#000}
  341. .panel_ht3 .el .t1 a,.panel_ht3 .el .t2 a{color:#000;font-size:14px;text-decoration:none}
  342. .panel_ht3 .el .t1 a:hover,.panel_ht3 .el .t2 a:hover{color:#318ddc}
  343. .panel_ht3 .el .t2{width:180px;color:#333}
  344. .panel_ht3 .el .t2 a{color:#333}
  345. .panel_ht3 .el .t3,.panel_ht3 .el .t5{width:97px;color:#888}
  346. .panel_ht3 .el .t4{width:115px;color:#318ddc}
  347. .panel_ht3 .el .t5{width:40px;padding-right:0}
  348. /*举报*/
  349. .panel_py .panel_rdo{float:left;width:160px}
  350. .panel_py .panel_rdo li{display:block;line-height:20px;font-size:14px;margin-bottom:16px;padding-left:10px}
  351. .panel_py .panel_rt{float:right;width:489px;padding-left:20px;border-left:1px dotted #e8e8e8}
  352. .panel_py .panel_rt .e{line-height:30px;color:#333;margin-top:10px}
  353. .panel_py .panel_rt .tit{color:#666;margin-bottom:5px}
  354. .panel_py .panel_rt .tit span{font-size:12px;color:#999}
  355. .panel_py .panel_rt .textarea{width:467px;height:98px;border:1px solid #e8e8e8}
  356. .panel_py .panel_rt textarea{width:100%;height:100%;background-color:#fff;border:0 none}
  357. .panel_py .panel_rt label{float:left;height:30px;line-height:30px}
  358. .panel_py .panel_rt .txt{float:left;width:316px;height:28px;line-height:28px;text-align:left;margin:0 10px;padding:0 10px;border:1px solid #e8e8e8}
  359. .panel_py .panel_rt .code{vertical-align:top}
  360. .panel_py .panel_rt .upload{height:100px}
  361. .panel_py .panel_rt .up{position:relative;float:left;width:150px;height:100px;cursor:pointer;margin-left:19px;background:url(//img01.51jobcdn.com/im/2016/icon/icon_up.png) 60px 35px #eee no-repeat}
  362. .panel_py .panel_rt .up:first-child{margin-left:0}
  363. .panel_py .panel_rt .up div{position:relative;width:100%;height:100%;overflow:hidden}
  364. .panel_py .panel_rt .up input{position:absolute;font-size:100px;cursor:pointer;top:0;right:0;
  365. -webkit-opacity:0;-moz-opacity:0;-o-opacity:0;opacity:0;filter:alpha(opacity:0);#zoom:1}
  366. .panel_py .panel_rt .up em{position:absolute;display:none;width:14px;height:14px;cursor:pointer;top:-6px;right:-6px;background:url(//img01.51jobcdn.com/im/2016/icon/icon_delete.png) center no-repeat}
  367. .panel_py .panel_rt .up.del em{display:block;z-index:2}
  368. .panel_py .panel_rt .up img{position:absolute;width:100%;height:100%;cursor:auto;top:0;left:0;z-index:1}
  369. /*国际短信通道*/
  370. .panel_py .coun{position:relative;z-index:10}
  371. .panel_py .coun .in{height:28px;cursor:pointer}
  372. .panel_py .coun .itext{width:172px;border-left:0 none}
  373. .panel_py .country-list{position:relative;float:left;width:76px;height:28px;line-height:28px;border:1px solid #e8e8e8;border-right:0 none;z-index:2}
  374. .panel_py .country-list input{float:left;width:63px;height:22px;text-indent:6px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;pointer-events:none;margin-top:3px;background-color:#fff;border:0 none}
  375. .panel_py .country-list input::-webkit-input-placeholder{color:#333}
  376. .panel_py .country-list input:-moz-placeholder{color:#333}
  377. .panel_py .country-list input:-ms-input-placeholder{color:#333}
  378. .panel_py .country-list input.nu{width:56px;padding-right:18px;text-align:center;text-indent:0;background:url(//img01.51jobcdn.com/im/2016/icon/arrow.png) 56px 3px no-repeat;border-right:1px solid #e8e8e8}
  379. .panel_py .country-list ul{width:146px;height:240px;overflow:auto;margin:1px 0 0 -1px;background-color:#fff;border:1px solid #e8e8e8;border-top:0 none}
  380. .panel_py .country-list ul li{height:30px;line-height:30px;font-size:12px;color:#666;padding-right:6px;cursor:pointer}
  381. .panel_py .country-list ul li:hover{background-color:#f5f5f5}
  382. .panel_py .country-list ul li.on{color:#fff;background-color:#fe9f1f}
  383. .panel_py .country-list ul li i,.country-list ul li span{float:left;width:60%;height:30px}
  384. .panel_py .country-list ul li span{text-indent:6px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
  385. .panel_py .country-list ul li i{width:40%;font-style:normal;text-align:right}
  386. .panel_py .country-list ul .tl{font-weight:bold;color:#333;text-indent:6px;cursor:default;border-top:1px solid #e8e8e8}
  387. .panel_py .country-list ul .tl:first-child{border-top:0 none}
  388. .panel_py .country-list ul .tl:hover{background-color:#fff}
  389. /*自定义专业*/
  390. .panel_py .panel_celt{padding:0 15px 10px;background-color:#fff}
  391. .panel_py .panel_celt .celt{border-top:1px dotted #e8e8e8}
  392. .panel_py .panel_celt .celt:first-child{border-top:none}
  393. .panel_py .panel_celt .celt .tit{font-weight:bold;font-size:12px;color:#999;padding:10px 0}
  394. .panel_py .panel_celt .celt .ttag{margin:0 15px 15px 0;padding-right:6px;border-color:#e8e8e8}
  395. .panel_py .panel_celt .celt .ttag.on{color:#fff;background-color:#ff9f20;border-color:#ff9f20}
  396. .panel_py .panel_celt .celt .search{margin-bottom:0}
  397. /*简历代投*/
  398. .panel_py .check_box{position:relative;color:#999;font-size:12px;padding:13px 0 8px 15px;border-top:1px solid #e8e8e8;background-color:#fff}
  399. .panel_py .check_box input{display:none}
  400. .panel_py .check_box .err{position:absolute;left:15px;top:30px}
  401. /* 增值服务 */
  402. .panel_zz{width:600px;padding-bottom:30px;background-color:#fff}
  403. .panel_zz h2 p{font-weight:normal}
  404. .panel_zz .tp{font-size:18px;color:#333;text-align:center;padding:30px 0 25px}
  405. .panel_zz .md{line-height:30px;font-size:14px;color:#666;text-align:center;margin-bottom:10px}
  406. .panel_zz .md span{padding-left:30px;background:url(//img01.51jobcdn.com/im/2017/my/icon_mind.png) 0 -20px no-repeat}
  407. .panel_zz .center{text-align:center;margin-top:20px}
  408. .panel_zz .center .p_but{width:110px;font-size:14px;padding:0}
  409. .panel_zz .center .p_que{color:#318ddc;background-color:#fff2e3;border-color:#ffb865}
  410. .panel_zz .center .p_que:hover{background-color:#ffe8cd;border-color:#ffb865}
  411. .panel_selt .dz_div .line {
  412. position: relative;
  413. margin: 5px 0px;
  414. }
  415. .panel_selt .dz_div .line ul li{
  416. width: 109px;
  417. float:left;
  418. padding-left: 3px;
  419. }
  420. .panel_selt .dz_div .line ul{
  421. height: 30px;
  422. }
  423. .panel_selt .dz_div .line ul li em{
  424. display: inline-block;
  425. font-size: 12px;
  426. font-style: normal;
  427. color: #333;
  428. cursor: pointer;
  429. margin: 0 0 12px 0;
  430. padding: 2px 7px;
  431. }
  432. .panel_selt .dz_div .line ul li em:hover{
  433. background:#D9D9D9;
  434. cursor: pointer;
  435. }
  436. .panel_selt .dz_div .line_div{
  437. }