common.css 56 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701
  1. html{font-family:"microsoft yahei","宋体";-webkit-text-size-adjust:100%;font-size:100px;}
  2. body{margin:0;max-width:750px;min-height:100%;min-width:320px;margin:0 auto;color:#666666;background-color:#f0f2f5;-webkit-overflow-scrolling:touch;font-size:.3rem;}
  3. *{-webkit-box-sizing:border-box;box-sizing:border-box;}
  4. h1,h2,h3,h4,h5,form,p,ul,input{margin:0px;padding:0px;}
  5. input,textarea{font-family:"microsoft yahei","宋体";font-size:.27857142rem;color:#666666;}
  6. li{padding:0px;margin:0px;line-height:180%;list-style-type:none;}
  7. :focus{outline:0}
  8. .substring{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  9. .nowrap{white-space:nowrap;}
  10. .clear{clear:both;height:0px;font-size:0px;line-height:0px;}
  11. .font_gray6{color:#666666}
  12. .font_gray9{color:#999999}
  13. .font_blue{color:#5F8DC9}
  14. .font_green{color:#61AF00}
  15. .font_red_light{color:#FF2222}
  16. .font_red{color:#CC3300}
  17. .font_yellow{color:#FF6600}
  18. u{text-decoration:none;}
  19. .qs-center{text-align:center;}
  20. .qs-hidden{display:none;}
  21. .qs-show{display:block;}
  22. .qs-left{float:left;}
  23. .qs-right{float:right;}
  24. .qs-txt-blue{color:#0180CF;}
  25. .qs-txt-orange{color:#fd8000;}
  26. .mt2{margin-top:.2rem;}
  27. .mt4{margin-top:.4rem;}
  28. .mt6{margin-top:.6rem;}
  29. .mt10{margin-top:1rem;}
  30. .pl6{padding-left:.6rem;}
  31. .txt-color-3{color:#333;}
  32. .txt-color-9{color:#999;}
  33. .qs-textarea{display:block;border:0;resize:none;width:100%;color:inherit;line-height:inherit;outline:0;padding:.4rem;}
  34. .qs-relative{position:relative;}
  35. .mt125{margin-top:.125rem;}
  36. /*链接定义*/
  37. .link_white a{color:#FFFFFF;text-decoration:none;}
  38. .link_white a:hover{text-decoration:none;}
  39. .link_gray6 a{color:#666666;text-decoration:none;}
  40. .link_gray6 a:hover{text-decoration:none;color:#333333}
  41. .link_gray9 a{color:#999999;text-decoration:none;}
  42. .link_gray9 a:hover{text-decoration:none;color:#333333}
  43. .link_yellow a{color:#FF6600;text-decoration:none;}
  44. .link_yellow a:hover{text-decoration:none;color:#FF6600}
  45. .link_blue a{color:#0180cf;text-decoration:none;}
  46. .link_blue a:hover{text-decoration:none;color:#5F8DC9}
  47. .font9{font-size:.1888rem}
  48. .fontag{font-size:.22rem}
  49. .font10{font-size:.234rem}
  50. .font12{font-size:.25714285rem}
  51. .font13{font-size:.27857142rem}
  52. .font14{font-size:.3rem}
  53. .font15{font-size:.32142857rem}
  54. .font16{font-size:.34285714rem}
  55. .font18{font-size:.38571428rem}
  56. .font20{font-size:.468rem}
  57. .font24{font-size:.56249999rem}
  58. .font28{font-size:.65624999rem}
  59. .no-bottom-line{text-decoration:none;}
  60. .txt-fff{color:#FFF;}
  61. .txt-red{color:#ff2424;}
  62. .txt-dark-red{color:#7d1524;}
  63. .txt-9{color:#999;}
  64. .txt-3{color:#333;}
  65. .txt-6{color:#333;}
  66. .txt-o{color:#ff6600;}
  67. .txt-blue{color:#0180cf;}
  68. /*页面顶部*/
  69. .headernavfixed{height:.9rem;}
  70. .headernav{background-color:#0180CF;height:.9rem;line-height:.9rem;color:#FFFFFF;position:fixed;left:0;top: 0;z-index:9999;width:7.5rem;}
  71. .headernav .title{text-align:center;position:relative}
  72. .headernav .title .n-tit-box{display:inline-block;width:5.6rem;height:.9rem;overflow:hidden;word-break:break-all;}
  73. .headernav .title .return{position:absolute;left:0px;top:0px;width:.9rem;height:.9rem;background-image:url(../images/22.png);background-repeat:no-repeat;background-size:30%;background-position:center;line-height:100%;}
  74. .headernav .title .return.eventactive{background-color:#0169A7;}
  75. .headernav .title .rbtn{position:absolute;right:0px;top:0px;width:.9rem;height:.9rem;background-image:url(../images/108.png);background-repeat:no-repeat;background-size:50%;background-position:center;line-height:100%;}
  76. .headernav .title .rbtn.eventactive{background-color:#0169A7;}
  77. /* 头部下拉 */
  78. .topnavshow{position:fixed;max-width:750px;top:.9rem;-webkit-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5000;width:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
  79. .topnavshow .navlis{background-color:#FFFFFF;padding:.4rem;padding-bottom:.2rem;}
  80. .topnavshow .navlis .topnav{float:left;width:33.3333%;text-align:center;}
  81. .topnavshow .navlis .topnav .imgbox{text-align:center;height:1.20rem;}
  82. .topnavshow .navlis .topnav .imgbox img{width:1.06rem;}
  83. .topnavshow .navlis .topnav .tit{height:.8rem;}
  84. .topnavshow .logout{background-color:#FFFFFF;padding-bottom:.5rem;}
  85. .topnavshow .logout .outbtn{width:2rem;height:.75rem;line-height:.75rem;margin:0 auto;border:2px #FF0000 solid;color:#FF0000;text-align:center;border-radius:.8rem;}
  86. .topnavshow .logout .outbtn.eventactive{background-color:#FF0000;color:#FFFFFF}
  87. .topnavshow .navclose{height:1.3rem;width:.75rem;background-image:url(../images/203.png);background-repeat:no-repeat;background-position:center center;background-size:.75rem;display:inline-block;}
  88. /* 搜索层 */
  89. .qspageso{position:fixed;top:0;left:0;height:100%;width:100%;max-width:7.5rem;background-color:#F0F2F5;z-index:999;display:none;}
  90. .qspageso .topbg{border-bottom:1px #D5D5D5 solid;background-color:#F6F6F6;padding:.3rem;position:relative}
  91. .qspageso .topbg .search_ajax{background-color:#FFF;display:none;width:4.8rem;border:1px #D5D5D5 solid;position:absolute;z-index:9;top:1.14rem;left:1.0rem;}
  92. .qspageso .topbg .search_ajax ul{width:100%;}
  93. .qspageso .topbg .search_ajax ul li{color:#374565;height:44px;line-height:44px;padding:0 5px;border-bottom:1px solid #ececec;display:block;overflow:hidden;word-break:break-all;}
  94. .qspageso .topbg .search_ajax ul li a{display:inline-block;padding-left:.2rem;}
  95. .qspageso .topbg .search_ajax ul li[data-key] a{display: block;}
  96. .qspageso .topbg .search_ajax ul li span:first-child{font-size:16px;color:#374565;font-weight:700;padding-right:22px;}
  97. .qspageso .topbg .search_ajax ul li span.searchFont{color:#999;padding-right:0;font-weight:400;}
  98. .qspageso .topbg .soimput{width:4.8rem;height:.9rem;border:1px #D5D5D5 solid;padding-left:1.6rem;margin-left:.7rem;border-radius:.1rem;}
  99. .qspageso .topbg .soselect{position:absolute;left:1.05rem;height:.8rem;line-height:.8rem;top:.35rem;width:1.5rem;background-image:url(../images/204.png);background-repeat:no-repeat;background-position:1.2rem center;background-size:.15rem;padding-left:.21rem;border-radius:.1rem;}
  100. .qspageso .topbg .soselect.eventactive{background-color:#F5F5F5;}
  101. .qspageso .topbg .so-close{display:none;position:absolute;top:50%;right:1.9rem;width:.4rem;height:.4rem;overflow:hidden;background:url(../images/45.png) .01rem 0 no-repeat;background-size:.39rem;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
  102. .qspageso .topbg .c-return{position:absolute;left:0px;top:.3rem;width:.9rem;height:.9rem;background-image:url(../images/248.png);background-repeat:no-repeat;background-size:.4rem .4rem;background-position:center;line-height:100%;}
  103. .qspageso .topbg.has-inp .so-close{display:block;}
  104. .qspageso .topbg .choose-s-type-group{z-index:1;display:none;position:absolute;top:1.2rem;left:1rem;width:2rem;height:2.4rem;background:rgba(0,0,0,.8);border-radius:.08rem;}
  105. .qspageso .topbg .choose-s-type-group .choose-s-type-cell:before{content:'';position:absolute;left:30%;top:-20px;border:10px solid;border-color:transparent transparent rgba(0,0,0,.8) transparent;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
  106. .qspageso .topbg .choose-s-type-group .choose-s-type-cell .choose-s-type-list{display:inline-block;line-height:.8rem;padding-left:.6rem;color:#fff;background-image:url(../images/210.png);background-repeat:no-repeat;background-position:left center;background-size:.35rem;}
  107. .qspageso .topbg .choose-s-type-group .choose-s-type-cell .choose-s-type-list.sl2{background-image:url(../images/211.png);}
  108. .qspageso .topbg .choose-s-type-group .choose-s-type-cell .qs-center:first-child:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:.02rem;background:#666;}
  109. .qspageso .topbg.for-type .choose-s-type-group{display:block;}
  110. .qspageso .topbg .rightbtn{position:absolute;right:.3rem;top:.3rem;width:1.2rem;height:.9rem;line-height:.9rem;border:1px #D5D5D5 solid;text-align:center;background-color:#F5F5F5;border-radius:.1rem;}
  111. .qspageso .topbg .rightbtn.eventactive{background-color:#E0E0E0;}
  112. .qspageso .topbg .rightbtn-so{position:absolute;right:.3rem;top:.3rem;width:1.2rem;height:.9rem;line-height:.9rem;border:1px #0057B7 solid;text-align:center;background-color:#0180CF;border-radius:.1rem;color:#FFFFFF}
  113. .qspageso .topbg .rightbtn-so.eventactive{background-color:#0057B7;}
  114. .qspageso .record{border-bottom:1px #F2F2F2 solid;background-color:#FFFFFF;}
  115. .qspageso .record .keyimg{float:left;height:.9rem;width:80%;line-height:.9rem;padding-left:.9rem;background-image:url(../images/208.png);background-repeat:no-repeat;background-position:.4rem center;background-size:.35rem;}
  116. .qspageso .record .delimg{float:right;height:.9rem;width:1rem;line-height:.9rem;background-image:url(../images/178.png);background-repeat:no-repeat;background-position:center center;background-size:.25rem;}
  117. .qspageso .record .delimg.eventactive{background-color:#F5F5F5;}
  118. .qspageso .clearkey{background-color:#FFFFFF;height:.9rem;line-height:.9rem;width:100%;text-align:center;}
  119. .qspageso .clearkey.eventactive{background-color:#F5F5F5;}
  120. .sohot{background-color:#FFFFFF;padding-bottom:.3rem}
  121. .sohot .hottitle{height:.9rem;border-bottom:1px #F2F2F2 solid;background-image:url(../images/10.png);background-repeat:no-repeat;background-position:.35rem .23rem;padding-left:.9rem;background-size:.40rem;line-height:.9rem;font-weight:700}
  122. .sohot a.hotword{width:20%;margin-left:2.5%;margin-right:2.5%;float:left;text-align:center;height:.7rem;line-height:.7rem;background-color:#F9F9F9;border-radius:.1rem;margin-top:.3rem;display:block;}
  123. .sohot a.hotword.eventactive{background-color:#EBEBEB}
  124. /*页面底部*/
  125. .qsfooter{width:100%;background-color:#FFFFFF;}
  126. .qsfooter .fnav{border-bottom:1px #F2F2F2 solid;border-top:1px #F2F2F2 solid;height:1rem;}
  127. .qsfooter .fnav .flist{width:25%;float:left;text-align:center;margin-top:.3rem;border-right:1px #CCCCCC solid}
  128. .qsfooter .fnav .flist.last{border:0px;}
  129. .qsfooter .txt{text-align:center;color:#D8D8D8;padding-top:.25rem;padding-bottom:.45rem;}
  130. .qsfooter .txt p{margin-top: 0.1rem;}
  131. /* 分割块 */
  132. .split-block{width:100%;height:.25rem;background:transparent;}
  133. .split-block-title{width:100%;padding:.26rem .3rem .20rem;line-height:.4rem;background:transparent;font-size:.25714285rem;color:#999999}
  134. /* 列表标题 */
  135. .ptitle{width:100%;height:1.05rem;background-color:#FFFFFF;padding-top:.3rem;position:relative}
  136. .ptitle.border{border-bottom:1px #F2F2F2 solid}
  137. .ptitle .th1{border-left:.3rem #0066CC solid;color:#0066CC;padding-left:.3rem;height:.35rem;line-height:.35rem;}
  138. .ptitle .rtxt{position:absolute;right:.3rem;top:.3rem;color:#999999;}
  139. /* 列表高度 */
  140. .list_height{height:1.05rem;line-height:1.05rem;}
  141. /* 列表定义左侧有图片 */
  142. .plist-img{width:100%;background-color:#FFFFFF;}
  143. .plist-img:active{background-color:#EEEEEE;}
  144. .plist-img .pic{float:left;height:100%;border-bottom:1px #FFFFFF solid;width:.84rem;background-repeat:no-repeat;background-position:.3rem center;background-size:.4rem;background-image:url(../images/36.png);}
  145. .plist-img .tit{float:left;height:100%;border-bottom:1px #F2F2F2 solid;width:2.5rem;font-weight:700}
  146. .plist-img .describe{float:left;height:100%;border-bottom:1px #F2F2F2 solid;width:3.5rem;text-align:right;color:#999999}
  147. .plist-img .arrow{float:left;height:100%;border-bottom:1px #F2F2F2 solid;width:.65rem;background-image:url(../images/40.png);background-size:.24rem;background-repeat:no-repeat;background-position:.1rem center;}
  148. .plist-img.notarrow .describe{width:3.75rem;}
  149. .plist-img.notarrow .arrow{display:none;}
  150. .plist-img.last div{border-color:#FFFFFF;}
  151. /* 列表定义 文字列表 */
  152. .plist-txt{width:100%;background-color:#FFFFFF;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
  153. .plist-txt.eventactive{background-color:#eee;}
  154. .plist-txt .pic{float:left;height:100%;border-bottom:1px #FFFFFF solid;width:.4rem;}
  155. .plist-txt .tit{float:left;height:100%;border-bottom:1px #F2F2F2 solid;width:2.44rem;font-weight:700}
  156. .plist-txt .tit .asterisk{color:#FF0000;padding-left:.1rem;}
  157. .plist-txt .describe{position:relative;float:left;height:100%;border-bottom:1px #F2F2F2 solid;width:3.9rem;text-align:right;color:#999999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  158. .plist-txt a.describe{text-decoration:none;}
  159. .plist-txt .describe input{width:4.35rem;height:100%;border:0px;text-align:right;background:transparent;padding-right:0.65rem;outline:0;-webkit-text-size-adjust:none;tap-highlight-color:rgba(0,0,0,.05);-webkit-tap-highlight-color:rgba(0,0,0,.05);-ms-tap-highlight-color:rgba(0,0,0,.05);}
  160. .plist-txt .describe select{width:3.6rem;height:100%;position:absolute;top:0;right:0;z-index:1;opacity:.01;}
  161. .plist-txt .describe .browseFile{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
  162. .plist-txt .describe .p-radio{vertical-align:middle;width:.35rem;height:.35rem;}
  163. .plist-txt .describe .selectdiv{width:100%;height:100%;position:relative}
  164. .plist-txt .describe .selectdiv .selecttit{text-align:right;}
  165. .plist-txt .describe .selectdiv select{border:0px;width:100%;height:100%;background:none;border:0px;opacaty:0;position:absolute;left:0;top:0;}
  166. .plist-txt .describe .radio-group{width:100%;height:100%;}
  167. .plist-txt .describe .radio-group .radio-cell{position:relative;float:left;}
  168. .plist-txt .describe .radio-group .radio-cell label{display:inline-block;float:none;width:100%;}
  169. .plist-txt .describe .radio-group .radio-cell input[type=radio]{position:absolute;top:.35rem;left:0;display:inline-block;width:.35rem;height:.35rem;border:0;outline:0!important;background-color:transparent;-webkit-appearance:none;}
  170. .plist-txt .describe .radio-group .radio-cell input[type=radio]:before{content:'';position:absolute;top:0;right:0;display:block;width:.35rem;height:.35rem;text-decoration:none;background-size:.35rem;background-repeat:no-repeat;background-image:url(../images/47.png);}
  171. .plist-txt .describe .radio-group .radio-cell input[type=radio]:checked:before{background-image:url(../images/46.png);}
  172. .plist-txt .describe .radio-group.x2{padding-left:1.4rem;}
  173. .plist-txt .describe .radio-group.x2 .radio-cell{width:50%;}
  174. .plist-txt .describe .radio-group.x3 .radio-cell{width:33.3333%;}
  175. .plist-txt .describe .d-txt{position:absolute;left:.3rem;top:.4rem;line-height:1;}
  176. .plist-txt .arrow{float:left;height:100%;border-bottom:1px #F2F2F2 solid;width:.65rem;background-image:url(../images/40.png);background-size:.24rem;background-repeat:no-repeat;background-position:.1rem center;}
  177. .plist-txt .arrow.arrow_bottom{background-image:url(../images/67.png);}
  178. .plist-txt.notarrow .describe{width:4.35rem;padding-right:0.65rem;}
  179. .plist-txt.notarrow .arrow{display:none;}
  180. .plist-txt.last div{border-color:#FFFFFF;}
  181. .plist-txt.des-af-txt .describe{width:4.0rem;padding-right:0.65rem;}
  182. .plist-txt.des-af-txt .daf-t{float:left;width:.65rem;height:100%;border-bottom:1px #F2F2F2 solid;}
  183. .plist-txt .describe .d-switch{display:inline-block;width:1.18rem;height:.72rem;vertical-align:middle;background-repeat:no-repeat;background-image:url(../images/232.png);background-size:1.18rem .72rem;}
  184. .plist-txt .describe .d-switch.active{background-image:url(../images/233.png);}
  185. .list-top-txt{padding:0 .4rem;}
  186. /*自定义薪资*/
  187. .custom_salary{width: 100%; background-color: #FFFFFF;user-select: none;padding: 0rem .1rem 0rem .4rem;display: none;}
  188. .custom_salary input.txt{background-color: transparent;display: block;width: 100%;color: #444;text-align: right;border: 0 none;}
  189. .custom_salary .iptb{text-align: right;padding: 0rem .4rem;background-color: #e4eff5;line-height: 1.05rem;color: #999999;}
  190. .custom_salary .ipt{display: inline-block;width: 1.2rem;top: 0;}
  191. .custom_salary .slash{display: inline-block;padding: 0 .11rem;}
  192. .custom_salary .iptb .error{color: #F00;text-align: right;}
  193. .custom_salary .warn{color: #4c99ff;text-align: right;padding-right: .4rem;background-color: #cbe0ee;line-height: .4rem;}
  194. .custom_salary .warn:before{content:'\00a0';display: inline-block;width: .22rem;height: 100%;margin-right: .05rem;background: url(../images/icon_warn.png) center no-repeat;background-size: .22rem;}
  195. /*按钮定义*/
  196. .btn-spacing{padding:0 .35rem;}
  197. .qs-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:.3rem;padding-right:.3rem;text-align:center;text-decoration:none;color:#FFFFFF;line-height:.98rem;border-radius:.08rem;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;border:0px;}
  198. .qs-btn-inline{display:inline-block;}
  199. .qs-btn-medium{height:.8rem;line-height:.78rem;}
  200. .qs-btn-small{height:.6rem;line-height:.58rem;}
  201. .qs-btn-blue{background-color:#0180CF;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
  202. .qs-btn-blue:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#018CE0;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
  203. .qs-btn-blue.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
  204. .qs-btn-gray{background-color:#999999;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
  205. .qs-btn-gray:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#999999;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
  206. .qs-btn-gray.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
  207. .qs-btn-green{background-color:#1AAD19;}
  208. .qs-btn-green:active,.qs-btn-green.eventactive{background-color:#179B16;}
  209. .qs-btn-orange{background-color:#fd8000;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
  210. .qs-btn-orange:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fb9934;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
  211. .qs-btn-orange.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
  212. .qs-btn-red{background-color:#ff0000;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
  213. .qs-btn-red:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#FF4400;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
  214. .qs-btn-red.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
  215. .qs-btn-blue.b-big{width:90%;}
  216. .qs-btn-orange.b-big{width:90%;}
  217. .qs-btn-gray.b-big{width:90%;}
  218. .qs-btn-border-gray{color:#666;border:1px solid rgba(0,0,0,0.2);}
  219. .qs-btn-border-gray:not(.qs-btn-border-disabled):active,.qs-btn-border-gray:not(.qs-btn-border-disabled).eventactive{color:rgba(0,0,0,0.6);background-color:#DEDEDE;}
  220. .qs-btn-border-orange{color:#fd8000;border:1px solid #fd8000;}
  221. .qs-btn-border-orange:not(.qs-btn-border-disabled):active,.qs-btn-border-orange:not(.qs-btn-border-disabled).eventactive{color:#fff;background-color:#fb9934;}
  222. .qs-btn-border-blue{color:#0180CF;border:1px solid #0180CF;}
  223. .qs-btn-border-blue:not(.qs-btn-border-disabled):active,.qs-btn-border-gray:not(.qs-btn-border-disabled).eventactive{color:#fff;background-color:#2eb0fe;}
  224. .qs-btn-border-disabled{color:rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.2);}
  225. .qs-btn-bg-disabled{background-color:rgba(0,0,0,0.2)}
  226. /*公用切换头部*/
  227. .qs-top-nav{background:#fff;}
  228. .qs-top-nav .n-cell{position:relative;float:left;text-align:center;}
  229. .qs-top-nav .n-cell .b-line{display:none;position:absolute;top:1.02rem;width:100%;height:.03rem;background:#0180CF;}
  230. .qs-top-nav .n-cell.active{color:#0180cf;}
  231. .qs-top-nav .n-cell.active .b-line{display:block;}
  232. .qs-top-nav.x2 .n-cell{width:50%;}
  233. .qs-top-nav.x3 .n-cell{width:33.3333%;}
  234. .qs-top-nav.x4 .n-cell{width:25%;}
  235. /*404*/
  236. .qs404{padding-top:.5rem;padding-bottom:.5rem;height:100%;background-color:#FFFFFF}
  237. .qs404 .pic{width:6.62rem;height:2.15rem;margin:0 auto;margin-top:1rem;}
  238. .qs404 .pic img{width:6.62rem;}
  239. .qs404 .txt{text-align:center;margin-top:.5rem;margin-bottom:1rem;}
  240. .qs404 .btns{text-align:center;margin:0 auto;width:40%;margin-top:.5rem;}
  241. /* popout */
  242. .qs-mask{position:fixed;z-index:10000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6);height:100%;}
  243. .qs-popout{position:fixed;z-index:50000;width:80%;max-width:5.60rem;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFFFFF;text-align:center;border-radius:.08rem;overflow:hidden;}
  244. .qs-popout-hd{padding:.48rem .30rem .33rem;}
  245. .qs-popout-title{font-weight:400;font-size:.34rem;height:.34rem;line-height:.34rem;color:#000;}
  246. .qs-popout-bd{padding:0 .50rem .30rem;min-height:.40rem;font-size:.28rem;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999999;}
  247. .qs-popout-bd:first-child{padding:.45rem .50rem .45rem;color:#353535;}
  248. .qs-popout-ft{position:relative;line-height:.9rem;font-size:.34rem;display:-webkit-box;display:-webkit-flex;display:flex;}
  249. .qs-popout-ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:.01rem;border-top:.01rem solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}
  250. .qs-popout-btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}
  251. .qs-popout-btn:after{content:" ";position:absolute;left:0;top:0;width:.01rem;bottom:0;border-left:.01rem solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);}
  252. .qs-popout-btn-default{color:#353535;}
  253. .qs-popout-btn-primary{color:#0180CF;}
  254. .qs-popout-bd .time{line-height:1.6;display:block;margin-top:.2rem;}
  255. /*toast*/
  256. .qs-mask-transparent{position:fixed;z-index:1001;top:0;right:0;left:0;bottom:0;}
  257. .qs-toast{position:fixed;z-index:50005;max-width:6.5rem;padding:.25rem .2rem;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background:rgba(40,40,40,0.75);text-align:center;border-radius:.08rem;color:#FFFFFF;line-height:.4rem;}
  258. .qs-icon-toast{display:inline-block;float:left;}
  259. .qs-toast-content{/*padding-left:.2rem;*/display:inline-block;float:left;}
  260. /* 极验 */
  261. #pop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);text-align:center;overflow:auto;z-index:100;}
  262. .gt_mobile_holder{margin-top:100px;display:inline-block;}
  263. /* 右侧滑动页面 */
  264. .qs-container,.qs-slide-page{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f0f2f5;z-index:100;}
  265. .p-mask{position:fixed;z-index:99;top:0;right:0;left:0;bottom:0;background:#f0f2f5;}
  266. .qs-slide-page.js-show{opacity:1;}
  267. .qs-slide-page.slideIn{animation:slideIn .2s forwards;}
  268. .qs-slide-page.slideOut{animation:slideOut .2s forwards;}
  269. /* animation */
  270. @keyframes slideIn{
  271. from{transform:translate3d(100%,0,0);opacity:0;}
  272. to{transform:translate3d(0,0,0);opacity:1;}
  273. }
  274. @keyframes slideOut{
  275. from{transform:translate3d(0,0,0);opacity:1;}
  276. to{transform:translate3d(100%,0,0);opacity:0;}
  277. }
  278. /* 地区 职位 */
  279. .con-filter .f-selected-group{width:100%;background:#fff;position:relative;}
  280. .con-filter .f-selected-group:after{content:' ';width:100%;height:1px;background:#e3e3e3;position:absolute;left:0;bottom:0;}
  281. .con-filter .f-selected-group .s-bar{padding:.15rem;}
  282. .con-filter .f-selected-group .s-bar .s-bar-title{height:.6rem;line-height:.6rem;}
  283. .con-filter .f-selected-group .s-list{padding:0 .15rem;position:relative;line-height:1.5;}
  284. .con-filter .f-selected-group .s-list:before{content:' ';width:100%;height:1px;background:#e3e3e3;position:absolute;left:0;top:0;}
  285. .con-filter .f-selected-group .s-list .s-list-cell{display:inline-block;position:relative;height:.6rem;margin:.15rem 0;line-height:.6rem;text-align:center;margin-right:.2rem;padding:0 .15rem;padding-right:.5rem;border:1px solid rgba(0,0,0,0.2);color:#666;border-radius:.08rem;}
  286. .con-filter .f-selected-group .s-list .s-list-cell:last-child{margin-right:0;}
  287. .con-filter .f-selected-group .s-list .s-list-cell:after{content:'\2716';position:absolute;top:0;right:.1rem;}
  288. .con-filter .f-box{position:relative;overflow:visible;width:100%;background:#fff;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
  289. .con-filter .f-box.qs-actionsheet-toggle-left{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}
  290. .con-filter .f-box.qs-actionsheet-toggle{-webkit-transform:translate(0,0);transform:translate(0,0);}
  291. .con-filter .f-box.f-box-more{height:8.7rem;}
  292. .con-filter .f-box.f-box-wage{height:8.7rem;}
  293. .con-filter .f-box.f-box-exp{height:8.7rem;}
  294. .con-filter .f-box.f-box-edu{height:8.7rem;}
  295. .con-filter .f-box.f-box-city{height:8.7rem;}
  296. .con-filter .f-box .f-list-group{width:100%;display:flex;}
  297. .con-filter div.f-box-inner{overflow:hidden;width:100%;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-left:1px solid #e3e3e3;height:9.22rem;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
  298. .con-filter .f-box.f-box-subsite div.f-box-inner{height:4.42rem;}
  299. .con-filter .f-box-inner::-webkit-scrollbar{display:none}
  300. .con-filter .f-box-inner:first-child{border-left:0;}
  301. .con-filter .f-box-city div.f-box-inner{height:6.9rem;}
  302. .con-filter .f-box-edu div.f-box-inner{height:6.9rem;}
  303. .con-filter li{position:relative;list-style:none;border-bottom:1px solid rgba(188,187,187,0.28);}
  304. .con-filter li a{line-height:.87rem;display:block;height:.87rem;padding:0 .234rem 0 .3rem;color:#666;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  305. .con-filter li a.active,.con-filter li a.select{background:rgba(255,214,0,0.14);color:#0180cf;}
  306. .con-filter li a.c-next{/*max-width:80%;*/}
  307. .con-filter li a.c-next:after{content:' ';position:absolute;top:.31rem;right:.45rem;display:inline-block;text-decoration:none;-webkit-font-smoothing:antialiased;width:.25rem;height:.25rem;background-image:url(../images/67.png);background-repeat:no-repeat;background-size:.25rem;}
  308. .con-filter li a.active:after{background-image:url(../images/86.png);}
  309. .con-filter li.l-next a{padding-left:.7rem;}
  310. .con-filter .f-box.qs-hidden{display:none;}
  311. .con-filter .f-box ul{margin-top:-1px;}
  312. .con-filter .f-box ul:first-child{border-left:0;}
  313. .con-filter li a span.choice{float:right;margin-right:.22rem;}
  314. .f-box-more .arrow a::after{display:block;position:absolute;top:.315rem;right:.1rem;content:"";border:.125rem solid transparent;border-left-color:#e6e6e6;}
  315. .con-filter .f-btn-submit,.con-filter .f-btn-back{position:absolute;left:0;top:7.2rem;padding:.35rem 0;width:100%;background:#f6f6f6;line-height:60%;z-index:1;}
  316. .con-filter .f-btn-back{left:100%;}
  317. .con-filter .f-more-content{position:absolute;top:0;width:100%;background:#fff;-webkit-transform:translate(100%,0);transform:translate(100%,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
  318. .con-filter .f-more-content .f-box-inner{max-height:7.2rem;}
  319. .con-filter li.clicked{line-height:.87rem;display:block;height:.87rem;padding:0 .234rem 0 .3rem;color:#666;}
  320. .con-filter li.clicked span{position:absolute;height:.40rem;width:.80rem;top:.25rem;right:.63rem;}
  321. .con-filter li.clicked span.clickedbox{position:absolute;height:.40rem;width:.40rem;border:.03rem solid #eee;top:0;right:0;border-radius:1px;}
  322. .con-filter li.clicked span.clickedchoice:after{position:absolute;content:'';height:.1rem;width:.2rem;border-left:.02rem solid #ff552e;border-bottom:.02rem solid #ff552e;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:.08rem;right:.05rem;}
  323. /* 筛选 */
  324. #f-mask{display:none;position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.3);}
  325. .t-mask{display:none;position:fixed;z-index:4999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.3);}
  326. .t-alw-mask{display:block;position:fixed;z-index:9999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6);}
  327. .filter-group{background:#fff;width:100%;position:relative;}
  328. .filter-group .filter-list{position:relative;float:left;text-align:center;padding:0.25rem;height:.9rem;}
  329. .filter-group .filter-list:after{position:absolute;right:0;top:.148rem;width:1px;height:.62rem;content:'';-webkit-transform:scaleY(1);transform:scaleY(1);background-color:#ededed;}
  330. .filter-group .filter-list:last-child:after{display:none;}
  331. .filter-group .filter-list:active{background-color:#EEEEEE;}
  332. .filter-group.x1 .filter-list{width:100%;}
  333. .filter-group.x2 .filter-list{width:50%;}
  334. .filter-group.x3 .filter-list{width:33.333333%;}
  335. .filter-group.x4 .filter-list{width:25%;}
  336. .filter-group .filter-list.active{color:#0180cf;}
  337. .filter-group .filter-list .filter-cell{display:inline-block;position:relative;margin-left:-.42rem;}
  338. .filter-group .filter-list .filter-cell:before{content:' ';position:absolute;top:.1rem;right:-.42rem;display:inline-block;text-decoration:none;-webkit-font-smoothing:antialiased;width:.25rem;height:.25rem;background-image:url(../images/67.png);background-repeat:no-repeat;background-size:.25rem;}
  339. .filter-group .filter-list.active .filter-cell:before{background-image:url(../images/86.png);}
  340. .filter-group .filter-list .filter-cell .filter-cell-txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  341. .filter-group .filter-list .filter-cell .filter-cell-txt.red-txt{color:#FF2222;}
  342. .filter-group.x2 .filter-list .filter-cell .filter-cell-txt{max-width:3rem;}
  343. .filter-group.x3 .filter-list .filter-cell .filter-cell-txt{max-width:1.8rem;}
  344. .filter-group.x4 .filter-list .filter-cell .filter-cell-txt{max-width:1.2rem;}
  345. .filter-group .con-filter{display:none;position:absolute;left:0;top:.9rem;width:100%;z-index:1001;}
  346. .filter-fixed .filter-outer{position:fixed;top:0;z-index:10001;width:100%;background:#fff;max-width:750px;}
  347. .filter-fixed .filter-outer:after{content:' ';width:100%;height:1px;background:#e3e3e3;position:absolute;left:0;bottom:0;}
  348. .filter-fixed .filter-outer .con-filter{display:block;overflow:hidden;}
  349. .filter-outer a{display:block;overflow:hidden;-webkit-user-select:none;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(255,255,255,0);}
  350. /*独立弹出窗组件*/
  351. #popWin,#popWinSub{position:fixed;top:0;left:0;width:100%;z-index:10001;height:100%;background:#F1F1F1;overflow:hidden;transition:all 300ms ease;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;}
  352. .popheader{height:50px;width:100%;background-color:#0180cf;position:relative;display:none;}
  353. .poptitle{color:#FFF;position:absolute;width:100%;text-align:center;line-height:50px;font-size:1.3rem;}
  354. .popBack,.popSubBack{text-align:center;float:left;margin-left:5px;margin-top:6px;position:relative;z-index:2;}
  355. .popBody{height:100%;width:100%;overflow-y:scroll;position:relative;}
  356. .popLock{z-index:99;top:0;position:fixed;background:rgba(0,0,0,0.1);width:100%;height:100%;}
  357. /*上拉组件*/
  358. .qs-actionsheet{position:fixed;max-width:750px;left:0;bottom:0;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:50000;width:100%;background-color:#EFEFF4;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
  359. .qs-actionsheet-menu{background-color:#FFFFFF;}
  360. .qs-actionsheet-cell{position:relative;padding:.23rem 0;text-align:center;line-height:1.5;}
  361. .qs-actionsheet-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}
  362. .qs-actionsheet-action{margin-top:.14rem;background-color:#FFFFFF;}
  363. .qs-actionsheet-cell{position:relative;padding:.23rem 0;text-align:center;}
  364. /* 上传按钮 */
  365. .browseFile{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
  366. /* 弹窗 */
  367. .dialog_notice{text-align:left;text-indent:.55rem;}
  368. .dialog_notice.nospace{text-indent:0;}
  369. .dialog_tip{text-indent:0;text-align:center;margin-top:.2rem;}
  370. /* 弹窗支付 */
  371. .dialog_pay{background-color:#FFFFFF}
  372. .dialog_pay .paytip{text-align:center;line-height:160%;padding-bottom:.3rem;}
  373. .dialog_pay .paytip strong{font-weight:700;color:#FF3300;padding:0rem .1rem;}
  374. .dialog_pay .paybox{width:95%;border:1px #F2F2F2 solid;border-radius:.1rem;margin:0 auto;}
  375. .dialog_pay .paybox .pli{float:left;width:49%;height:1.8rem;border-right:1px #F2F2F2 solid;background-image:url(../images/95.png);background-position:center .32rem;text-align:center;background-repeat:no-repeat;background-size:.75rem;padding-top:1.2rem;}
  376. .dialog_pay .paybox .pli.last{border-right:0px;background-image:url(../images/96.png);}
  377. .dialog_pay .paybox .pli.eventactive{background-color:#EBEBEB}
  378. .dialog_pay .paybottomtip{text-align:center;color:#666666;padding:.3rem 0rem;}
  379. .dialog_pay .paybottomtip strong{font-weight:700;color:#FF3300;padding:0rem .1rem;}
  380. .dialog_pay .paybox .pli.only{float:none;width:100%;border:0;}
  381. /* 扫码下载 */
  382. /*.download-app{width: 100%;background-color:#f0f2f5;padding-top: 2rem;}
  383. .download-app .down-logo{width:4.88rem;height:1.30rem;margin:0 auto;}
  384. .download-app .down-logo img{width: 4.88rem;height: 1.30rem;}
  385. .download-app .down-tip{color:#666;line-height: .4rem;text-align: center;margin-top: .4rem;}
  386. .download-app .down-block{width: 5.8rem;height: 3.24rem;background-image:url(../images/238.png);margin:1.4rem auto;background-repeat: no-repeat;background-size: 5.8rem 3.24rem;}
  387. .download-app .download-btn{display: block;width: 3.8rem;text-decoration:none;height: .8rem;background-color: transparent;border:1px solid #333;line-height: .8rem;text-align: center;color:#333;border-radius: 20px;margin:0 auto;}
  388. @media only screen and (max-height: 568px){
  389. .download-app{padding-top: 1rem;}
  390. }
  391. @media only screen and (max-height: 480px){
  392. .download-app{padding-top: .2rem;}
  393. }*/
  394. /* 分页样式一 */
  395. /*.qspage{height:1.2rem;line-height:1.2rem;background-color:#ffffff;text-align:center;padding:0 5%;}
  396. .qspage a,.qspage span{display:inline-block;width:30%;height:.76rem;line-height:.76rem;color:#ffffff;font-size:.3rem;border-radius:.1rem;border:1px solid #ff6600;text-align:center;text-decoration:none;background-color:#ff6600;}
  397. .qspage a.unable{background-color:#999999;border:1px solid #999999;}
  398. .qspage span{background-color:#ffffff;border:1px solid #cbcfd1;margin:0 .15rem;color:#666666;text-align:left;text-indent:5%;background-image:url("../images/67.png");background-size:.3rem;background-repeat:no-repeat;background-position:90% center;}*/
  399. /* 分页样式二 */
  400. .qspage{height:1.05rem;line-height:1.05rem;background-color:#ffffff;text-align:center;}
  401. .qspage a{display:inline-block;width:25%;font-size:.3rem;text-align:center;color:#ff6600;text-decoration:none;}
  402. .qspage a.unable{color:#999999;}
  403. .qspage span{display:inline-block;width:40%;font-size:.3rem;color:#666666;text-align:center;}
  404. /* 无数据样式 */
  405. .list-empty{background-color:#ffffff;text-align:center;background-image:url("../images/207.png");background-size:25%;background-repeat:no-repeat;background-position:center .5rem;padding:35% 5% 8%;line-height:165%;}
  406. /* 底部导航 */
  407. .bottom-nav-bar-group{height:1.2rem;}
  408. .bottom-nav-bar{background-color:#FFF;color:#666;position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:9999;width:7.5rem;max-width:750px;border-top:2px solid #ededed;}
  409. .bottom-nav-bar .nav-bar-cell{width:3.3rem;padding:0 .3rem 0 .5rem;height:1.2rem;text-align:center;}
  410. .bottom-nav-bar .nav-bar-cell:first-child{padding:0;}
  411. .bottom-nav-bar .nav-bar-cell .bar-cell{display:block;width:25%;float:left;text-decoration:none;padding-top:.18rem;}
  412. .bottom-nav-bar .nav-bar-cell .bar-cell .b-img{display:inline-block;width:.45rem;height:.45rem;background-repeat:no-repeat;background-size:.45rem;}
  413. .bottom-nav-bar .nav-bar-cell .bar-cell.index .b-img{background-image:url(../images/306.png);}
  414. .bottom-nav-bar .nav-bar-cell .bar-cell.job .b-img{background-image:url(../images/303.png);}
  415. .bottom-nav-bar .nav-bar-cell .bar-cell.job{border: none;}
  416. .bottom-nav-bar .nav-bar-cell .bar-cell.resume{border: none;}
  417. .bottom-nav-bar .nav-bar-cell .bar-cell.resume .b-img{background-image:url(../images/300.png);}
  418. .bottom-nav-bar .nav-bar-cell .bar-cell.jobfair .b-img{background-image:url(../images/309.png);}
  419. .bottom-nav-bar .nav-bar-cell .bar-cell.mine .b-img{background-image:url(../images/307.png);}
  420. .bottom-nav-bar .nav-bar-cell .bar-cell.index.active .b-img{background-image:url(../images/305.png);}
  421. .bottom-nav-bar .nav-bar-cell .bar-cell.job.active .b-img{background-image:url(../images/304.png);}
  422. .bottom-nav-bar .nav-bar-cell .bar-cell.resume.active .b-img{background-image:url(../images/301.png);}
  423. .bottom-nav-bar .nav-bar-cell .bar-cell.jobfair.active .b-img{background-image:url(../images/310.png);}
  424. .bottom-nav-bar .nav-bar-cell .bar-cell.mine.active .b-img{background-image:url(../images/308.png);}
  425. .bottom-nav-bar .nav-bar-cell .bar-cell.active{color:#0180CF;}
  426. .bottom-nav-bar .nav-bar-cell .bar-cell .b-txt{color:#666;}
  427. .bottom-nav-bar .nav-bar-cell .bar-cell.active .b-txt{color:#0180CF;}
  428. .bottom-nav-bar .nav-bar-more{position:relative;display:inline-block;width:.9rem;height:1.2rem;}
  429. .bottom-nav-bar .nav-bar-more .nav-bar-more-cell{position:absolute;left:.1rem;top:.25rem;width:.7rem;height:.7rem;background-repeat:no-repeat;background-size:.7rem;background-image:url(../images/229.png);}
  430. .bottom-nav-bar .nav-bar-more.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
  431. .bottom-bar-more-group{position:fixed;z-index:10002;top:0;right:0;left:0;bottom:0;display:none;}
  432. .bottom-bar-more-group .bn-mask{position:absolute;z-index:10001;width:100%;height:100%;background:rgba(0,0,0,0.6);}
  433. .bottom-bar-more-group .bar-more-cell{width:100%;height:3.0rem;background:#FFF;left:0;bottom:1.2rem;position:absolute;z-index:10002;}
  434. .bottom-bar-more-group .bar-more-closecell{position:absolute;bottom:.15rem;left:3.3rem;width:.9rem;height:.9rem;background-repeat:no-repeat;background-size:.9rem;background-image:url(../images/230.png);z-index:10002;}
  435. .bottom-bar-more-group .bar-more-closecell.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
  436. .bottom-bar-more-group .hwslider{position:relative;overflow:hidden;height:3.0rem;background:#fff;}
  437. .bottom-bar-more-group .hwslider ul{width:100%;height:100%;position:absolute;z-index:1}
  438. .bottom-bar-more-group .hwslider ul li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding-top:.6rem;overflow:hidden;}
  439. .bottom-bar-more-group .hwslider ul li.active{display:block;}
  440. .bottom-bar-more-group .hwslider ul li a{width:33.3333%;display:block;float:left;text-align:center;text-decoration:none;}
  441. .bottom-bar-more-group .hwslider ul dl{margin:0;}
  442. .bottom-bar-more-group .hwslider ul dl dt{width:.9rem;height:.9rem;border-radius:50%;display:inline-block;background-repeat:no-repeat;background-size:.9rem .9rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
  443. .bottom-bar-more-group .hwslider ul dl dt.job{background-image:url(../images/06.png);}
  444. .bottom-bar-more-group .hwslider ul dl dt.resume{background-image:url(../images/07.png);}
  445. .bottom-bar-more-group .hwslider ul dl dt.fabu{background-image:url(../images/08.png);}
  446. .bottom-bar-more-group .hwslider ul dl dt.shop{background-image:url(../images/217.png);}
  447. .bottom-bar-more-group .hwslider ul dl dt.zhaoph{background-image:url(../images/218.png);}
  448. .bottom-bar-more-group .hwslider ul dl dt.news{background-image:url(../images/219.png);}
  449. .bottom-bar-more-group .hwslider ul dl dd{color:#555;margin:0;padding:0;border:0;}
  450. .bottom-bar-more-group .hwslider ul dl dt.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
  451. .bottom-bar-more-group .hwslider .dots{position:absolute;bottom:.2rem;left:50%;height:.24rem;z-index:2;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
  452. .bottom-bar-more-group .hwslider .dots span{float:left;width:.14rem;height:.14rem;border:1px solid #fff;border-radius:50%;background:#333;margin-right:.08rem;cursor:pointer;}
  453. .bottom-bar-more-group .hwslider .dots span.active{background:orangered}
  454. .bottom-bar-more-group .hwslider .dots span:last-child{margin-right:0;}
  455. .movein_right{-webkit-animation:slidein_right .5s forwards ease-in;animation:slidein_right .5s forwards ease-in;}
  456. .moveout_right{-webkit-animation:slideout_right .5s forwards ease-in;animation:slideout_right .5s forwards ease-in;}
  457. .movein_left{-webkit-animation:slidein_left .5s forwards ease-in;animation:slidein_left .5s forwards ease-in;}
  458. .moveout_left{-webkit-animation:slideout_left .5s forwards ease-in;animation:slideout_left .5s forwards ease-in;}
  459. @-webkit-keyframes slidein_left{
  460. from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
  461. to{-webkit-transform:translateX(0);transform:translateX(0);}
  462. }
  463. @keyframes slidein_left{
  464. from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
  465. to{-webkit-transform:translateX(0);transform:translateX(0);}
  466. }
  467. @-webkit-keyframes slideout_left{
  468. from{-webkit-transform:translateX(0);transform:translateX(0);}
  469. to{-webkit-transform:translateX(100%);transform:translateX(100%);}
  470. }
  471. @keyframes slideout_left{
  472. from{-webkit-transform:translateX(0);transform:translateX(0);}
  473. to{-webkit-transform:translateX(100%);transform:translateX(100%);}
  474. }
  475. @-webkit-keyframes slidein_right{
  476. from{-webkit-transform:translateX(100%);transform:translateX(100%);}
  477. to{-webkit-transform:translateX(0);transform:translateX(0);}
  478. }
  479. @keyframes slidein_right{
  480. from{-webkit-transform:translateX(100%);transform:translateX(100%);}
  481. to{-webkit-transform:translateX(0);transform:translateX(0);}
  482. }
  483. @-webkit-keyframes slideout_right{
  484. from{-webkit-transform:translateX(0);transform:translateX(0);}
  485. to{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
  486. }
  487. @keyframes slideout_right{
  488. from{-webkit-transform:translateX(0);transform:translateX(0);}
  489. to{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
  490. }
  491. /* 动画 */
  492. .qs-actionsheet-toggle{-webkit-transform:translate(0,0);transform:translate(0,0);}
  493. /* 标签*/
  494. .edittag{padding:.3rem;background-color:#FFFFFF}
  495. .edittag .tit{color:#999999;height:.7rem;position:relative}
  496. .edittag .tit .more{color:#0066CC;height:.5rem;line-height:.5rem;width:1.2rem;text-align:center;position:absolute;right:0rem;top:0rem;border-radius:.08rem;}
  497. .edittag .tit .more.eventactive{background-color:#F6F6F6;}
  498. .edittag .tag{padding:.1rem .2rem;border:2px #FD8000 solid;float:left;margin-right:.3rem;margin-bottom:.3rem;color:#FD8000}
  499. .edittag .tag.select{background-color:#FD8000;color:#FFFFFF}
  500. .edittag .addtagbox{padding-top:.5rem;padding-bottom:.6rem;}
  501. .edittag .addtagbox .inputbox{float:left;width:4.9rem;padding-top:.15rem;}
  502. .edittag .addtagbox .inputbox input{width:4.6rem;border:1px #F2F2F2 solid;height:.9rem;line-height:.9rem;padding-left:.2rem;color:#666666;border-radius:.1rem;}
  503. .edittag .addtagbox .btnbox{float:left;width:1.9rem;padding-top:.15rem;}
  504. .edittag .addtagbox .btnbox .qs-btn{height:.9rem;line-height:.9rem;width:100%;}
  505. .edittag .tagbtns{height:1rem;}
  506. /* 返回顶部 */
  507. .bottom-fixed{display:none;position:fixed;left:50%;bottom:1.5rem;margin-left:2.5rem;z-index:40000;}
  508. .bottom-fixed .gotop{display:block;background-image:url(../images/235.png);background-repeat:no-repeat;width:.82rem;height:.82rem;background-size:.82rem;display:block;-webkit-tap-highlight-color:transparent;}
  509. /* 手机APP下载页面 */
  510. .mob-app{width:7.5rem;height:13.34rem;background-image:url(../images/240.png);background-repeat:no-repeat;background-size:7.5rem 13.34rem;position:relative;color:#FFF;padding-top:1.2rem;text-align:center;}
  511. .mob-app .t1{line-height:.5rem;text-align:center;padding-bottom:.25rem;}
  512. .mob-app .t2{line-height:.5rem;text-align:center;letter-spacing:.1rem;margin-bottom:7rem;}
  513. .mob-app .dow-btn{display:inline-block;width:5.8rem;height:.98rem;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background:#e9f4ff;margin-bottom:.4rem;-moz-box-shadow:2px 2px 5px #363636;-webkit-box-shadow:2px 2px 5px #363636;box-shadow:2px 2px 5px #363636;}
  514. .mob-app .dow-btn .dow{display:inline-block;height:.98rem;line-height:.98rem;background-image:url(../images/239.png);background-repeat:no-repeat;background-position:0 .23rem;background-size:.43rem .46rem;padding-left:.63rem;color:#ff6600;}
  515. /*图片验证码*/
  516. .dia-captcha-item{zoom:1;text-align:center;width:4.6rem;height:auto;overflow:visible;}
  517. .dia-captcha-item .dia-captcha-img{width:4.6rem;height:.58rem;cursor:pointer;margin:0;vertical-align:top;}
  518. .dia-captcha-item .dia-captcha-solution{width:4.6rem;height:.58rem;line-height:.58rem;border:1px solid #c9c9c9;border-radius:3px;vertical-align:middle;padding-left:.12rem;}
  519. /*新公共头部*/
  520. .new-index-top{position:relative;width:7.5rem;z-index:100;}
  521. .new-index-top .ni-head{background-color:#0180CF;height:.9rem;line-height:.9rem;color:#FFFFFF;width:7.5rem; position: relative;}
  522. .new-index-top .ni-head .nih-l{color:#FFF;height: .9rem;overflow:hidden;width: 5rem;text-align: center;margin: 0 auto; white-space: nowrap;}
  523. .new-index-top .ni-head .nih-l.no-subsite{width: 6.4rem;margin: 0;}
  524. .new-index-top .ni-head .nih-l .sitename.marquee{padding-left: 100%;display: inline-block; /* 从右至左开始滚动 */-webkit-animation: marqueeTransform 16s linear infinite;animation: marqueeTransform 16s linear infinite;}
  525. @-webkit-keyframes marqueeTransform {
  526. 0% { -webkit-transform: translate(0, 0); }
  527. 100% { -webkit-transform: translate(-100%, 0); }
  528. }
  529. @keyframes marqueeTransform {
  530. 0% { transform: translate(0, 0); }
  531. 100% { transform: translate(-100%, 0); }
  532. }
  533. .new-index-top .ni-head .logo{float:left;height:.9rem;overflow:hidden;}
  534. .new-index-top .ni-head .logo img{width:2rem;margin-left:.5rem;margin-top:.23rem;}
  535. .new-index-top .ni-head .m-sub-txt-group{position: absolute;left:0;top:0;padding-left:.3rem;color:#FFF;}
  536. .new-index-top .ni-head .m-sub-txt-group .stg-txt{height:.9rem;line-height:.9rem;float:left;}
  537. .new-index-top .ni-head .m-sub-txt-group .stg-icon{width:.5rem;height:.4rem;background-image:url(../images/252.png);background-repeat:no-repeat;background-size:.35rem;margin-top:.27rem;float:left;}
  538. .new-index-top .ni-head .ni-user{position: absolute;top: 0rem;right: 0rem;height: .9rem;background-color: #0180CF;}
  539. .new-index-top .ni-head .ni-user img{width:.45rem;margin-right:.45rem;margin-top:.2rem;}
  540. /*下拉刷新上拉加载更多*/
  541. .dropload-up,.dropload-down{position: relative;height: 0;overflow: hidden;font-size: 12px;/* 开启硬件加速 */-webkit-transform:translateZ(0);transform:translateZ(0);}
  542. .dropload-down{ height: 50px;}
  543. .dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{ height: 50px;line-height: 50px;text-align: center;}
  544. .dropload-load .loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
  545. @-webkit-keyframes rotate {
  546. 0% {
  547. -webkit-transform: rotate(0deg);
  548. }
  549. 50% {
  550. -webkit-transform: rotate(180deg);
  551. }
  552. 100% {
  553. -webkit-transform: rotate(360deg);
  554. }
  555. }
  556. @keyframes rotate {
  557. 0% {
  558. transform: rotate(0deg);
  559. }
  560. 50% {
  561. transform: rotate(180deg);
  562. }
  563. 100% {
  564. transform: rotate(360deg);
  565. }
  566. }
  567. /*弹窗选择简历*/
  568. .qs-popout-bd .dialog_select_resume{width: 100%;height: auto;user-select: none;}
  569. .qs-popout-bd .dialog_select_resume .tit{border-bottom: 1px #F2F2F2 solid;font-weight: 700;line-height: 1.05rem;}
  570. .qs-popout-bd .dialog_select_resume .describe{line-height: 1.05rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px #F2F2F2 solid;position: relative;text-align: left;width: 100%;color: #353535;background-image: url(../images/40.png);background-size: .24rem;background-repeat: no-repeat;background-position: right center;}
  571. .qs-popout-bd .dialog_select_resume .describe select{width: 100%;height: 100%;position: absolute;top: 0;right: 0; z-index: 1; opacity: .01;}
  572. .qs-popout-bd .dialog_select_resume .tips{color: #FF3300;text-align: left;padding-top: .3rem;}
  573. /* 分站筛选页面 - simple */
  574. .m-sub-filter-page{position:fixed;height:100%;width:100%;max-width:7.5rem;background-color:#FFF;z-index:999999;display:none;}
  575. .m-sub-filter-page .msp-head{padding-left:.25rem;height:1.08rem;padding-top:.18rem;background:#f6f6f6;border-bottom:1px solid #d5d5d5;}
  576. .m-sub-filter-page .msp-head .msp-input-group{width:6rem;height:.7rem;float:left;border:1px solid #d5d5d5;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;border-radius:.08rem;background:#FFF;}
  577. .m-sub-filter-page .msp-head .msp-input-group .msg-icon-ser{width:.75rem;height:.7rem;float:left;background-image:url(../images/237.png);background-position:.20rem .18rem;background-repeat:no-repeat;background-size:.35rem .36rem;}
  578. .m-sub-filter-page .msp-head .msp-input-group .msg-input-ser{display:block;float:left;width:5.2rem;height:.6rem;margin-top:.05rem;line-height:.6rem;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;border-radius:.08rem;border:0;}
  579. .m-sub-filter-page .msp-head .msp-cancel-btn{width:1.16rem;height:.7rem;line-height:.7rem;text-align:center;color:#0180cf;float:left;}
  580. .m-sub-filter-page .m-sub-head-tip{width:100%;height:.82rem;line-height:.82rem;padding-left:.25rem;background:#f0f2f5;color:#666;}
  581. .m-sub-filter-page .m-sub-city-head{width:100%;height:1.02rem;line-height:1.02rem;padding-left:.25rem;background:#FFF;color:#333;}
  582. .m-sub-filter-page .m-sub-city-head.t-center{text-align:center;}
  583. .m-sub-filter-page .m-sub-city-head a{padding:0 .22rem;}
  584. .m-sub-filter-page .m-sub-city-head span{border-left:1px solid #f3f3f3;padding:0 .5rem;float:right;}
  585. .m-sub-filter-page .m-sub-city-group{padding:0 .15rem;background:#FFF;max-height:8.1rem;overflow-y:auto;overflow-x:hidden;}
  586. .m-sub-filter-page .m-sub-city-group .m-sub-city-box{display:block;width:2.4rem;padding:0 .1rem;height:.7rem;float:left;margin-bottom:.2rem;}
  587. .m-sub-filter-page .m-sub-city-group .m-sub-city-box .m-sub-city-cell{line-height:.7rem;text-align:center;background:#f7f7f7;-webkit-border-radius:.03rem;-moz-border-radius:.03rem;border-radius:.03rem;display:block;text-decoration:none;color:#666;}
  588. .m-sub-filter-page .m-sub-city-group .m-sub-city-box.h{display:none;}
  589. .m-sub-filter-page .m-sub-city-no-data{display:none;padding:1rem 0;background:#FFF;text-align:center;}
  590. .m-sub-filter-page .sub-no-data-cell{width:3.8rem;line-height:200%;display:inline-block;color:#999;}
  591. .m-sub-filter-page.no-data .m-sub-city-head{display:none;}
  592. .m-sub-filter-page.no-data .m-sub-city-group{display:none;}
  593. .m-sub-filter-page.no-head .m-sub-city-group{padding-top:.2rem;}
  594. .m-sub-filter-page.no-head .m-sub-city-head{display:none;}
  595. .m-sub-filter-page.no-data .m-sub-city-no-data{display:block;}
  596. /* 分站筛选页面 - complex */
  597. .m-sub-filter-page-complex{position:fixed;height:100%;width:100%;max-width:7.5rem;background-color:#FFF;z-index:999999;display:none;}
  598. .m-sub-filter-page-complex .msp-head{padding-left:.25rem;padding-top:.3rem;padding-bottom:.3rem;background:#f6f6f6;border-bottom:1px solid #d5d5d5;}
  599. .m-sub-filter-page-complex .msp-head .msp-input-group{width:6rem;height:.9rem;float:left;border:1px solid #d5d5d5;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;border-radius:.08rem;background:#FFF;position:relative;}
  600. .m-sub-filter-page-complex .msp-head .msp-input-group .suo-close{display:none;position:absolute;top:50%;right:.3rem;width:.4rem;height:.4rem;overflow:hidden;background:url(../images/45.png) .01rem 0 no-repeat;background-size:.39rem;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
  601. .m-sub-filter-page-complex .msp-head .msp-input-group.has-inp .suo-close{display:block;}
  602. .m-sub-filter-page-complex .msp-head .msp-input-group .msg-icon-ser{width:.75rem;height:.9rem;float:left;background-image:url(../images/237.png);background-position:.20rem .25rem;background-repeat:no-repeat;background-size:.35rem .36rem;}
  603. .m-sub-filter-page-complex .msp-head .msp-input-group .msg-input-ser{display:block;float:left;width:5.2rem;height:.8rem;margin-top:.05rem;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;border-radius:.08rem;border:0;}
  604. .m-sub-filter-page-complex .msp-head .msp-cancel-btn{width:1.16rem;height:.9rem;line-height:.9rem;text-align:center;color:#0180cf;float:left;}
  605. .m-sub-filter-page-complex .m-sub-head-tip{width:100%;height:.82rem;line-height:.82rem;padding-left:.25rem;background:#f0f2f5;color:#666;}
  606. .m-sub-filter-page-complex .m-sub-city-head{width:100%;height:1.02rem;line-height:1.02rem;padding-left:.25rem;background:#FFF;color:#333;}
  607. .m-sub-filter-page-complex .m-sub-city-head.t-center{text-align:center;}
  608. .m-sub-filter-page-complex .m-sub-city-head a{padding:0 .22rem;}
  609. .m-sub-filter-page-complex .m-sub-city-head span{border-left:1px solid #f3f3f3;padding:0 .5rem;float:right;}
  610. .m-sub-filter-page-complex .m-sub-city-group{padding:0 .15rem;background:#FFF;}
  611. .m-sub-filter-page-complex .m-sub-city-group .m-sub-city-box{display:block;width:2.4rem;padding:0 .1rem;height:.7rem;float:left;margin-bottom:.2rem;}
  612. .m-sub-filter-page-complex .m-sub-city-group .m-sub-city-box .m-sub-city-cell{line-height:.7rem;text-align:center;background:#f7f7f7;-webkit-border-radius:.03rem;-moz-border-radius:.03rem;border-radius:.03rem;display:block;text-decoration:none;color:#666;}
  613. .m-sub-filter-page-complex .m-sub-city-group .m-sub-city-box.h{display:none;}
  614. .m-sub-filter-page-complex .m-sub-city-no-data{display:none;padding:1rem 0;background:#FFF;text-align:center;}
  615. .m-sub-filter-page-complex .sub-no-data-cell{width:3.8rem;line-height:200%;display:inline-block;color:#999;}
  616. .m-sub-filter-page-complex.no-data .m-sub-city-head{display:none;}
  617. .m-sub-filter-page-complex.no-data .m-sub-city-group{display:none;}
  618. .m-sub-filter-page-complex.no-head .m-sub-city-group{padding-top:.2rem;}
  619. .m-sub-filter-page-complex.no-head .m-sub-city-head{display:none;}
  620. .m-sub-filter-page-complex.no-data .m-sub-city-no-data{display:block;}
  621. .m-sub-filter-page-complex .m-sub-city-group .title{border-bottom:1px solid #f0f2f5;height:1rem;}
  622. .m-sub-filter-page-complex .m-sub-city-group .title.city-word{border-bottom:1px solid #f0f2f5;height:1rem;margin-bottom:.2rem;}
  623. .m-sub-filter-page-complex .m-sub-city-group .title.city-word .img{color:#fff;background-color:#0180cf;width:.38rem;height:.38rem;line-height:.38rem;border-radius:50%;display:inline-block;text-align:center;}
  624. .m-sub-filter-page-complex .m-sub-city-group .title .title-img{background-image:url(../images/242.png);background-size:.4rem;background-repeat:no-repeat;width:.4rem;height:.4rem;padding-bottom:.1rem;padding-left:.5rem;}
  625. .m-sub-filter-page-complex .m-sub-city-group .word-ul{padding:.26rem 0;}
  626. .m-sub-filter-page-complex .m-sub-city-group .word-ul .word-li{display:block;text-decoration:none;color:#666;float:left;border-right:1px solid #f3f3f3;width:1.2rem;text-align:center;margin-top:.1rem;}
  627. .m-sub-filter-page-complex .m-sub-city-group .word-ul .word-li:nth-last-child(2){border-right:none;}
  628. .city-box{max-height:8.1rem;overflow-y:auto;overflow-x:hidden;}
  629. .m-sub-split-block{width:100%;height:.25rem;background:#f0f2f5;}
  630. .search_subsite_ajax{background-color:#FFF;display:none;width:100%;position:absolute;border:none;z-index:0;left:0;}
  631. .search_subsite_ajax ul{width:100%;}
  632. .search_subsite_ajax ul li{color:#374565;height:44px;line-height:44px;padding:0 15px;border-bottom:1px solid #ececec;display:block;word-break:break-all;}
  633. .search_subsite_ajax ul li a{width:100%;height:auto;display:inline-block;text-decoration:none;}
  634. .search_subsite_ajax ul li span:first-child{font-size:16px;color:#374565;font-weight:700;padding-right:22px;}
  635. .search_subsite_ajax ul li span.searchFont{color:#999;padding-right:0;font-weight:400;}
  636. input::-webkit-input-placeholder{
  637. color:#9e9e9e;
  638. }
  639. input::-moz-placeholder{ /* Mozilla Firefox 19+ */
  640. color:#9e9e9e;
  641. }
  642. input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  643. color:#9e9e9e;
  644. }
  645. input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  646. color: #9e9e9e;
  647. }
  648. textarea::-webkit-input-placeholder{
  649. color:#9e9e9e;
  650. }
  651. textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
  652. color:#9e9e9e;
  653. }
  654. textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
  655. color:#9e9e9e;
  656. }
  657. textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  658. color: #9e9e9e;
  659. }