Kezdőlap Felfedezés Súgó
Regisztráció Bejelentkezés
jjhc
/
jucai
1
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Fa: 8ba5464fbe
Branch-ok Tag-ek
jucai
/
public
/
themes
/
default
/
assets
/
app
/
css
/
pad
/
common.css

common.css 39 KB
Előzmények Nyers

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482 
  1. html{font-family:"microsoft yahei","宋体";-webkit-text-size-adjust:100%;font-size:100px;}
    2. 

  2. body{
    3. 

  3. 	margin:0;
    4. 

  4. 	max-width:1024px;
    5. 

  5. 	min-height:100%;min-width:320px;
    6. 

  6. 	/**/
    7. 

  7. 	color:#666666;
    8. 

  8. 	background-color:#f0f2f5;
    9. 

  9. 	-webkit-overflow-scrolling:touch;
    10. 

  10. 	font-size: .184rem;
    11. 

  11. }
    12. 

  12. *{-webkit-box-sizing:border-box;box-sizing:border-box;}
    13. 

  13. h1,h2,h3,h4,h5,form,p,ul,input{margin:0px;padding:0px;}
    14. 

  14. input,textarea{font-family:"microsoft yahei","宋体";color:#fff;}
    15. 

  15. li{padding:0px;margin:0px;line-height:180%;list-style-type:none;}
    16. 

  16. :focus{outline:0}
    17. 

  17. .substring{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    18. 

  18. .nowrap{white-space:nowrap;}
    19. 

  19. .clear{clear:both;height:0px;font-size:0px;line-height:0px;}
    20. 

  20. .font_gray6{color:#666666}
    21. 

  21. .font_gray9{color:#999999}
    22. 

  22. .font_blue{color:#5F8DC9}
    23. 

  23. .font_green{color:#61AF00}
    24. 

  24. .font_red_light{color:#FF2222}
    25. 

  25. .font_red{color:#CC3300}
    26. 

  26. .font_yellow{color:#FF6600}
    27. 

  27. u{text-decoration:none;}
    28. 

  28. .qs-center{text-align:center;}
    29. 

  29. .qs-hidden{display:none;}
    30. 

  30. .qs-show{display:block;}
    31. 

  31. .qs-left{float:left;}
    32. 

  32. .qs-right{float:right;}
    33. 

  33. .qs-txt-blue{color:#0180CF;}
    34. 

  34. .qs-txt-orange{color:#fd8000;}
    35. 

  35. .mt2{margin-top:.2rem;}
    36. 

  36. .mt4{margin-top:.4rem;}
    37. 

  37. .mt6{margin-top:.6rem;}
    38. 

  38. .mt10{margin-top:1rem;}
    39. 

  39. .pl6{padding-left:.6rem;}
    40. 

  40. .txt-color-3{color:#333;}
    41. 

  41. .txt-color-9{color:#999;}
    42. 

  42. .qs-textarea{display:block;border:0;resize:none;width:100%;color:inherit;line-height:inherit;outline:0;padding:.4rem;}
    43. 

  43. .qs-relative{position:relative;}
    44. 

  44. .mt125{margin-top:.125rem;}
    45. 

  45. 

  46. /*链接定义*/
    47. 

  47. .link_white a{color:#FFFFFF;text-decoration:none;}
    48. 

  48. .link_white a:hover{text-decoration:none;}
    49. 

  49. .link_gray6 a{color:#666666;text-decoration:none;}
    50. 

  50. .link_gray6 a:hover{text-decoration:none;color:#333333}
    51. 

  51. .link_gray9 a{color:#999999;text-decoration:none;}
    52. 

  52. .link_gray9 a:hover{text-decoration:none;color:#333333}
    53. 

  53. .link_yellow a{color:#FF6600;text-decoration:none;}
    54. 

  54. .link_yellow a:hover{text-decoration:none;color:#FF6600}
    55. 

  55. .link_blue a{color:#0180cf;text-decoration:none;}
    56. 

  56. .link_blue a:hover{text-decoration:none;color:#5F8DC9}
    57. 

  57. .font9{font-size:.1888rem}
    58. 

  58. .font10{font-size:.234rem}
    59. 

  59. .font12{font-size:.1788rem}
    60. 

  60. .font13{font-size:.1788rem;}
    61. 

  61. .font14{font-size:.1788rem;}
    62. 

  62. .font15{font-size:.32142857rem}
    63. 

  63. .font16{font-size:.1788rem}
    64. 

  64. .font18{font-size:.38571428rem}
    65. 

  65. .font20{font-size:.468rem}
    66. 

  66. .font24{font-size:.56249999rem}
    67. 

  67. .font28{font-size:.65624999rem}
    68. 

  68. .no-bottom-line{text-decoration:none;}
    69. 

  69. 

  70. /*页面顶部*/
    71. 

  71. .headernavfixed{height:.58rem; border-bottom: 1px solid #fff;}
    72. 

  72. .headernav{background-color:#3e5260;height:.58rem;line-height:.58rem;color:#FFFFFF;position:fixed;z-index:9999;width:100%;}
    73. 

  73. .headernav .title{text-align:center;position:relative; font-size: 20pt;}
    74. 

  74. .headernav .title .return{position:absolute;left:0px;top:0px;width:.5rem;height:.5.8rem;background-image:url(../../images/hardware/pad/22.png);background-repeat:no-repeat;background-size:30%;background-position:center;line-height:100%;}
    75. 

  75. .headernav .title .return.eventactive{background-color:#0169A7;}
    76. 

  76. .headernav .title .rbtn{position:absolute;right:0px;top:0px;width:.5rem;height:.5.8rem;background-image:url(../../images/hardware/pad/108.png);background-repeat:no-repeat;background-size:50%;background-position:center;line-height:100%;}
    77. 

  77. .headernav .title .rbtn.eventactive{background-color:#0169A7;}
    78. 

  78. 

  79. /* 头部下拉 */
    80. 

  80. .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;}
    81. 

  81. .topnavshow .navlis{background-color:#FFFFFF;padding:.4rem;padding-bottom:.2rem;}
    82. 

  82. .topnavshow .navlis .topnav{float:left;width:33.3333%;text-align:center;}
    83. 

  83. .topnavshow .navlis .topnav .imgbox{text-align:center;height:1.20rem;}
    84. 

  84. .topnavshow .navlis .topnav .imgbox img{width:1.06rem;}
    85. 

  85. .topnavshow .navlis .topnav .tit{height:.8rem;}
    86. 

  86. .topnavshow .logout{background-color:#FFFFFF;padding-bottom:.5rem;}
    87. 

  87. .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;}
    88. 

  88. .topnavshow .logout .outbtn.eventactive{background-color:#FF0000;color:#FFFFFF}
    89. 

  89. .topnavshow .navclose{height:1.3rem;width:.75rem;background-image:url(../../images/hardware/pad/203.png);background-repeat:no-repeat;background-position:center center;background-size:.75rem;display:inline-block;}
    90. 

  90. 

  91. /* 搜索层 */
    92. 

  92. .qspageso{position:fixed;height:100%;width:100%;max-width:1024px;background-color:#F0F2F5;z-index:999;display:none;top:0px;}
    93. 

  93. .qspageso .topbg{border-bottom:1px #D5D5D5 solid;background-color:#F6F6F6;padding:.3rem;position:relative}
    94. 

  94. .qspageso .topbg .soimput{width:7.5rem;height:.5rem;border:1px #D5D5D5 solid;padding-left:.2rem;border-radius:.1rem; font-size: .184rem;}
    95. 

  95. .qspageso .topbg .soselect{position:absolute;left:.35rem;height:.5rem;line-height:.5rem;top:.3rem;width:1.2rem;background-image:url(../../images/hardware/pad/204.png);background-repeat:no-repeat;background-position:.9rem  center;background-size:.15rem;padding-left:.21rem;border-radius:.1rem;}
    96. 

  96. .qspageso .topbg .soselect.eventactive{background-color:#F5F5F5;}
    97. 

  97. .qspageso .topbg .so-close{position:absolute;top:50%;right:1.9rem;width:.4rem;height:.4rem;overflow:hidden;background:url(../../images/hardware/pad/45.png) .01rem 0 no-repeat;background-size:.39rem;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
    98. 

  98. .qspageso .topbg .choose-s-type-group{z-index:1;display:none;position:absolute;top:1.2rem;left:.3rem;width:2rem;height:1.6rem;background:rgba(0,0,0,.8);border-radius:.08rem;}
    99. 

  99. .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);}
    100. 

  100. .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/hardware/pad/210.png);background-repeat:no-repeat;background-position:left center;background-size:.35rem;}
    101. 

  101. .qspageso .topbg .choose-s-type-group .choose-s-type-cell .choose-s-type-list.sl2{background-image:url(../../images/hardware/pad/211.png);}
    102. 

  102. .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;}
    103. 

  103. .qspageso .topbg.for-type .choose-s-type-group{display:block;}
    104. 

  104. .qspageso .topbg .rightbtn{position:absolute;right:.3rem;top:.3rem;width:1.2rem;height:.5rem;line-height:.5rem;border:1px #D5D5D5 solid;text-align:center;background-color:#F5F5F5;border-radius:.1rem;}
    105. 

  105. .qspageso .topbg .rightbtn.eventactive{background-color:#E0E0E0;}
    106. 

  106. .qspageso .topbg .rightbtn-so{position:absolute;right:.3rem;top:.3rem;width:1.2rem;height:.5rem;line-height:.5rem;border:1px #651f4a solid;text-align:center;background-color:#8f2b69;border-radius:.1rem;color:#FFFFFF}
    107. 

  107. .qspageso .topbg .rightbtn-so.eventactive{background-color:#0057B7;}
    108. 

  108. .qspageso .record{border-bottom:1px #F2F2F2 solid;background-color:#FFFFFF;}
    109. 

  109. .qspageso .record .keyimg{float:left;height:.5rem;width:80%;line-height:.5rem;padding-left:.9rem;background-image:url(../../images/hardware/pad/208.png);background-repeat:no-repeat;background-position:.4rem  center;background-size:.35rem;}
    110. 

  110. .qspageso .record .delimg{float:right;height:.5rem;width:1rem;line-height:.5rem;background-image:url(../../images/hardware/pad/178.png);background-repeat:no-repeat;background-position:center center;background-size:.25rem;}
    111. 

  111. .qspageso .record .delimg.eventactive{background-color:#F5F5F5;}
    112. 

  112. .qspageso .clearkey{background-color:#FFFFFF;height:.5rem;line-height:.5rem;width:100%;text-align:center;}
    113. 

  113. .qspageso .clearkey.eventactive{background-color:#F5F5F5;}
    114. 

  114. .sohot{background-color:#FFFFFF;padding-bottom:.3rem}
    115. 

  115. .sohot .hottitle{height:.9rem;border-bottom:1px  #F2F2F2 solid;background-image:url(../../images/hardware/pad/10.png);background-repeat:no-repeat;background-position:.35rem .23rem;padding-left:.9rem;background-size:.40rem;line-height:.9rem;font-weight:700}
    116. 

  116. .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;}
    117. 

  117. .sohot a.hotword.eventactive{background-color:#EBEBEB}
    118. 

  118. 

  119. /*页面底部*/
    120. 

  120. .qsfooter{width:100%;background-color:#FFFFFF;}
    121. 

  121. .qsfooter .fnav{border-bottom:1px #F2F2F2 solid;border-top:1px  #F2F2F2 solid;height:1rem;}
    122. 

  122. .qsfooter .fnav .flist{width:25%;float:left;text-align:center;margin-top:.3rem;border-right:1px #CCCCCC solid}
    123. 

  123. .qsfooter .fnav .flist.last{border:0px;}
    124. 

  124. .qsfooter .txt{text-align:center;color:#D8D8D8;padding-top:.35rem;padding-bottom:.45rem;}
    125. 

  125. 

  126. /* 分割块 */
    127. 

  127. .split-block{width:100%;height:.25rem;background:transparent;}
    128. 

  128. .split-block-title{width:100%;padding:.26rem .3rem .20rem;line-height:.4rem;background:transparent;font-size:.25714285rem;color:#999999}
    129. 

  129. 

  130. /* 列表标题 */
    131. 

  131. .ptitle{width:100%;height:1.05rem;background-color:#FFFFFF;padding-top:.3rem;position:relative}
    132. 

  132. .ptitle.border{border-bottom:1px #F2F2F2 solid}
    133. 

  133. .ptitle .th1{border-left:.3rem #0066CC solid;color:#0066CC;padding-left:.3rem;height:.35rem;line-height:.35rem;}
    134. 

  134. .ptitle .rtxt{position:absolute;right:.3rem;top:.3rem;color:#fff;}
    135. 

  135. 

  136. 

  137. /* 列表定义左侧有图片 */
    138. 

  138. .plist-img{width:100%;background-color:#FFFFFF;}
    139. 

  139. .plist-img:active{background-color:#EEEEEE;}
    140. 

  140. .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/hardware/pad/36.png);}
    141. 

  141. .plist-img .tit{float:left;height:100%;border-bottom:1px  #F2F2F2 solid;width:2.5rem;font-weight:700}
    142. 

  142. .plist-img .describe{float:left;height:100%;border-bottom:1px  #F2F2F2 solid;width:3.5rem;text-align:right;color:#fff}
    143. 

  143. .plist-img .arrow{float:left;height:100%;border-bottom:1px  #F2F2F2 solid;width:.65rem;background-image:url(../../images/hardware/pad/40.png);background-size:.24rem;background-repeat:no-repeat;background-position:.1rem center;}
    144. 

  144. .plist-img.notarrow .describe{width:3.75rem;}
    145. 

  145. .plist-img.notarrow .arrow{display:none;}
    146. 

  146. .plist-img.last div{border-color:#FFFFFF;}
    147. 

  147. 

  148. /* 列表定义 文字列表 */
    149. 

  149. .plist-txt{width: 88%; margin: 0 6%;background-color:#FFFFFF;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;padding: 10px 0;height: 58px; }
    150. 

  150. .plist-txt.eventactive{background-color:#eee;}
    151. 

  151. .plist-txt .tit{float:left;height:100%;width:2.44rem; padding-left: .2rem; line-height: 38px;}
    152. 

  152. .plist-txt .tit .asterisk{color:#FF0000;padding-left:.1rem;}
    153. 

  153. .plist-txt .describe{position:relative;float:left;height:100%;width:6rem;line-height: 38px;text-align:right;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    154. 

  154. .plist-txt a.describe{text-decoration:none;}
    155. 

  155. .plist-txt .describe input{width:4.55rem;height:100%;border:0px;text-align:right;background:rgba(0,0,0,.05);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);}
    156. 

  156. .plist-txt .describe input[readonly]{background: transparent;}
    157. 

  157. .plist-txt .describe select{width:3.6rem;height:100%;position:absolute;top:0;right:0;z-index:1;opacity:.01;}
    158. 

  158. .plist-txt .describe .browseFile{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
    159. 

  159. .plist-txt .describe .p-radio{vertical-align:middle;width:.35rem;height:.35rem;}
    160. 

  160. .plist-txt .describe .selectdiv{width:100%;height:100%;position:relative}
    161. 

  161. .plist-txt .describe .selectdiv .selecttit{text-align:right;}
    162. 

  162. .plist-txt .describe .selectdiv select{border:0px;width:100%;height:100%;background:none;border:0px;opacaty:0;position:absolute;left:0;top:0;}
    163. 

  163. .plist-txt .describe .radio-group{width:100%;height:100%;}
    164. 

  164. .plist-txt .describe .radio-group .radio-cell{position:relative;float:left;}
    165. 

  165. .plist-txt .describe .radio-group .radio-cell label{display:inline-block;float:none;width:100%;}
    166. 

  166. .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;}
    167. 

  167. .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/hardware/pad/47.png);}
    168. 

  168. .plist-txt .describe .radio-group .radio-cell input[type=radio]:checked:before{background-image:url(../../images/hardware/pad/46.png);}
    169. 

  169. .plist-txt .describe .radio-group.x2{padding-left:1.7rem;}
    170. 

  170. .plist-txt .describe .radio-group.x2 .radio-cell{width:50%;}
    171. 

  171. .plist-txt .describe .radio-group.x3 .radio-cell{width:33.3333%;}
    172. 

  172. .plist-txt .arrow{float:left;height:38px;width:.35rem;background-image:url(../../images/hardware/pad/40.png);background-size:.14rem;background-repeat:no-repeat;background-position:.1rem 12px;}
    173. 

  173. .plist-txt .arrow.arrow_bottom{background-image:url(../../images/hardware/pad/67.png);}
    174. 

  174. .plist-txt.notarrow .arrow{display:none;}
    175. 

  175. .plist-txt.last div{border-color:#FFFFFF;}
    176. 

  176. .plist-txt .describe .d-switch{display:inline-block;width:.78rem;height:.4rem;vertical-align:middle;background-repeat:no-repeat;background-image:url(../../images/hardware/pad/232.png);background-size:.78rem .4rem;}
    177. 

  177. .plist-txt .describe .d-switch.active{background-image:url(../../images/hardware/pad/233.png);}
    178. 

  178. .list-top-txt{padding:0 .4rem;}
    179. 

  179. 

  180. /*按钮定义*/
    181. 

  181. .btn-spacing{padding:0 .35rem;}
    182. 

  182. .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:.5rem;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; width: 2.2rem;}
    183. 

  183. .qs-btn-inline{display:inline-block;}
    184. 

  184. .qs-btn-medium{height:.6rem;line-height:.6rem;}
    185. 

  185. .qs-btn-small{height:.3rem;line-height:.3rem;}
    186. 

  186. .qs-btn-blue{background-color:#0190dc;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
    187. 

  187. .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;}
    188. 

  188. .qs-btn-blue.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
    189. 

  189. .qs-btn-green{background-color:#1AAD19;}
    190. 

  190. .qs-btn-green:active,.qs-btn-green.eventactive{background-color:#179B16;}
    191. 

  191. .qs-btn-orange{background-color:#8f2b69;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);}
    192. 

  192. .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;}
    193. 

  193. .qs-btn-orange.eventactive:before{-webkit-transform:scale(2);transform:scale(2);}
    194. 

  194. .qs-btn-border-gray{color:#666;border:1px solid rgba(0,0,0,0.2);}
    195. 

  195. .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;}
    196. 

  196. .qs-btn-border-orange{color:#8f2b69;border:1px solid #8f2b69;}
    197. 

  197. .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;}
    198. 

  198. .qs-btn-border-blue{color:#0180CF;border:1px solid #0180CF;}
    199. 

  199. .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;}
    200. 

  200. .qs-btn-border-disabled{color:rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.2);}
    201. 

  201. 

  202. /*公用切换头部*/
    203. 

  203. .qs-top-nav{background:#fff;}
    204. 

  204. .qs-top-nav .n-cell{position:relative;float:left;text-align:center;}
    205. 

  205. .qs-top-nav .n-cell .b-line{display:none;position:absolute;top:1.02rem;width:100%;height:.03rem;background:#0180CF;}
    206. 

  206. .qs-top-nav .n-cell.active{color:#0180cf;}
    207. 

  207. .qs-top-nav .n-cell.active .b-line{display:block;}
    208. 

  208. .qs-top-nav.x2 .n-cell{width:50%;}
    209. 

  209. .qs-top-nav.x3 .n-cell{width:33.3333%;}
    210. 

  210. .qs-top-nav.x4 .n-cell{width:25%;}
    211. 

  211. 

  212. /*404*/
    213. 

  213. .qs404{padding-top:.5rem;padding-bottom:.5rem;height:100%;background-color:#FFFFFF}
    214. 

  214. .qs404 .pic{width:6.62rem;height:2.15rem;margin:0 auto;margin-top:1rem;}
    215. 

  215. .qs404 .pic img{width:6.62rem;}
    216. 

  216. .qs404 .txt{text-align:center;margin-top:.5rem;margin-bottom:1rem;}
    217. 

  217. .qs404 .btns{text-align:center;margin:0 auto;width:40%;margin-top:.5rem;}
    218. 

  218. 

  219. /* popout */
    220. 

  220. .qs-mask{position:fixed;z-index:10000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6);height:100%;}
    221. 

  221. .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;}
    222. 

  222. .qs-popout-hd{padding:.48rem .30rem .33rem;}
    223. 

  223. .qs-popout-title{font-weight:400;font-size:.34rem;height:.34rem;line-height:.34rem;color:#000;}
    224. 

  224. .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;}
    225. 

  225. .qs-popout-bd:first-child{padding:.45rem .50rem .45rem;color:#353535;}
    226. 

  226. .qs-popout-ft{position:relative;line-height:.9rem;font-size:.34rem;display:-webkit-box;display:-webkit-flex;display:flex;}
    227. 

  227. .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);}
    228. 

  228. .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;}
    229. 

  229. .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);}
    230. 

  230. .qs-popout-btn-default{color:#353535;}
    231. 

  231. .qs-popout-btn-primary{color:#0180CF;}
    232. 

  232. .qs-popout-bd .time{line-height:1.6;display:block;margin-top:.2rem;}
    233. 

  233. 

  234. /*toast*/
    235. 

  235. .qs-mask-transparent{position:fixed;z-index:1001;top:0;right:0;left:0;bottom:0;}
    236. 

  236. .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;}
    237. 

  237. .qs-icon-toast{display:inline-block;float:left;}
    238. 

  238. .qs-toast-content{/*padding-left:.2rem;*/display:inline-block;float:left;}
    239. 

  239. 

  240. /* 极验 */
    241. 

  241. #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;}
    242. 

  242. .gt_mobile_holder{position:fixed;left:50%;top:50%;display:inline-block;z-index:101;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
    243. 

  243. 

  244. /* 右侧滑动页面 */
    245. 

  245. .qs-container,.qs-slide-page{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f0f2f5;z-index:100;}
    246. 

  246. .p-mask{position:fixed;z-index:99;top:0;right:0;left:0;bottom:0;background:#f0f2f5;}
    247. 

  247. .qs-slide-page.js-show{opacity:1;}
    248. 

  248. .qs-slide-page.slideIn{animation:slideIn .2s forwards;}
    249. 

  249. .qs-slide-page.slideOut{animation:slideOut .2s forwards;}
    250. 

  250. 

  251. /* animation */
    252. 

  252. @keyframes slideIn{
    253. 

  253. 	from{transform:translate3d(100%,0,0);opacity:0;}
    254. 

  254. 	to{transform:translate3d(0,0,0);opacity:1;}
    255. 

  255. }
    256. 

  256. @keyframes slideOut{
    257. 

  257. 	from{transform:translate3d(0,0,0);opacity:1;}
    258. 

  258. 	to{transform:translate3d(100%,0,0);opacity:0;}
    259. 

  259. }
    260. 

  260. 

  261. /* 地区 职位 */
    262. 

  262. .con-filter .f-selected-group{width:100%;background:#fff;position:relative;}
    263. 

  263. .con-filter .f-selected-group:after{content:' ';width:100%;height:1px;background:#e3e3e3;position:absolute;left:0;bottom:0;}
    264. 

  264. .con-filter .f-selected-group .s-bar{padding:.15rem;}
    265. 

  265. .con-filter .f-selected-group .s-bar .s-bar-title{height:.6rem;line-height:.6rem;}
    266. 

  266. .con-filter .f-selected-group .s-list{padding:0 .15rem;position:relative;line-height:1.5;}
    267. 

  267. .con-filter .f-selected-group .s-list:before{content:' ';width:100%;height:1px;background:#e3e3e3;position:absolute;left:0;top:0;}
    268. 

  268. .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;}
    269. 

  269. .con-filter .f-selected-group .s-list .s-list-cell:last-child{margin-right:0;}
    270. 

  270. .con-filter .f-selected-group .s-list .s-list-cell:after{content:'\2716';position:absolute;top:0;right:.1rem;}
    271. 

  271. .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;}
    272. 

  272. .con-filter .f-box.qs-actionsheet-toggle-left{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}
    273. 

  273. .con-filter .f-box.qs-actionsheet-toggle{-webkit-transform:translate(0,0);transform:translate(0,0);}
    274. 

  274. .con-filter .f-box.f-box-more{height:6.32rem;}
    275. 

  275. .con-filter .f-box .f-list-group{width:100%;display:flex;}
    276. 

  276. .con-filter .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:5.22rem;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
    277. 

  277. .con-filter .f-box-inner::-webkit-scrollbar{display:none}
    278. 

  278. .con-filter .f-box-inner:first-child{border-left:0;}
    279. 

  279. .con-filter li{position:relative;list-style:none;}
    280. 

  280. .con-filter li a{line-height:.37rem;display:block;height:.37rem;padding:0 .234rem 0 .3rem;color:#666;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    281. 

  281. .con-filter li a.active,.con-filter li a.select{color:#0180cf;}
    282. 

  282. .con-filter li a.c-next{max-width:80%;}
    283. 

  283. .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/hardware/pad/67.png);background-repeat:no-repeat;background-size:.25rem;}
    284. 

  284. .con-filter li a.active:after{background-image:url(../../images/hardware/pad/86.png);}
    285. 

  285. .con-filter li.l-next a{padding-left:.5rem;}
    286. 

  286. .con-filter .f-box.qs-hidden{display:none;}
    287. 

  287. .con-filter .f-box ul{margin-top:-1px;}
    288. 

  288. .con-filter .f-box ul:first-child{border-left:0;}
    289. 

  289. .con-filter li a span.choice{float:right;margin-right:.22rem;}
    290. 

  290. .f-box-more .arrow a::after{display:block;position:absolute;top:.1rem;right:.1rem;content:"";border:.125rem solid transparent;border-left-color:#e6e6e6;}
    291. 

  291. .con-filter .f-btn-submit,.con-filter .f-btn-back{position:absolute;left:0;top:5.22rem;padding:.25rem 0;width:100%;background:#f6f6f6;line-height:60%;z-index:1;}
    292. 

  292. .con-filter .f-btn-back{left:100%;}
    293. 

  293. .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;}
    294. 

  294. .con-filter .f-more-content .f-box-inner{max-height:5.4rem;}
    295. 

  295. .con-filter li.clicked{line-height:.87rem;display:block;height:.87rem;padding:0 .234rem 0 .3rem;color:#666;}
    296. 

  296. .con-filter li.clicked span{position:absolute;height:.40rem;width:.80rem;top:.25rem;right:.63rem;}
    297. 

  297. .con-filter li.clicked span.clickedbox{position:absolute;height:.40rem;width:.40rem;border:.03rem solid #eee;top:0;right:0;border-radius:1px;}
    298. 

  298. .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;}
    299. 

  299. 

  300. /* 筛选 */
    301. 

  301. #f-mask{display:none;position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.3);}
    302. 

  302. .t-mask{display:none;position:fixed;z-index:4999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.3);}
    303. 

  303. .filter-group{background:#fff;width:100%;position:relative;}
    304. 

  304. .filter-group .filter-list{position:relative;float:left;text-align:center;padding:0.2rem;height:.6rem;}
    305. 

  305. .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;}
    306. 

  306. .filter-group .filter-list:last-child:after{display:none;}
    307. 

  307. .filter-group .filter-list:active{ background-color: #EEEEEE;}
    308. 

  308. .filter-group.x2 .filter-list{width:50%;}
    309. 

  309. .filter-group.x3 .filter-list{width:33.333333%;}
    310. 

  310. .filter-group.x4 .filter-list{width:25%;}
    311. 

  311. .filter-group .filter-list.active{color:#0180cf;}
    312. 

  312. .filter-group .filter-list .filter-cell{display:inline-block;position:relative;margin-left:-.42rem;}
    313. 

  313. .filter-group .filter-list .filter-cell:before{content:' ';position:absolute;right:-.42rem;display:inline-block;text-decoration:none;-webkit-font-smoothing:antialiased;width:.25rem;height:.25rem;background-image:url(../../images/hardware/pad/67.png);background-repeat:no-repeat;background-size:.23rem;}
    314. 

  314. .filter-group .filter-list.active .filter-cell:before{background-image:url(../../images/hardware/pad/86.png);}
    315. 

  315. .filter-group .filter-list .filter-cell .filter-cell-txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    316. 

  316. .filter-group.x2 .filter-list .filter-cell .filter-cell-txt{max-width:3rem;}
    317. 

  317. .filter-group.x3 .filter-list .filter-cell .filter-cell-txt{max-width:1.8rem;}
    318. 

  318. .filter-group.x4 .filter-list .filter-cell .filter-cell-txt{max-width:1.2rem;}
    319. 

  319. .filter-group .con-filter{display:none;position:absolute;left:0;top:.6rem;width:100%;z-index:1001;}
    320. 

  320. .filter-fixed .filter-outer{position:fixed;top:0;z-index:10001;width:100%;background:#fff;max-width:1024px;}
    321. 

  321. .filter-fixed .filter-outer:after{content:' ';width:100%;height:1px;background:#e3e3e3;position:absolute;left:0;bottom:0;}
    322. 

  322. .filter-fixed .filter-outer .con-filter{display:block;overflow:hidden;}
    323. 

  323. .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);}
    324. 

  324. 

  325. /*独立弹出窗组件*/
    326. 

  326. #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;}
    327. 

  327. .popheader{height:50px;width:100%;background-color:#0180cf;position:relative;display:none;}
    328. 

  328. .poptitle{color:#FFF;position:absolute;width:100%;text-align:center;line-height:50px;font-size:1.3rem;}
    329. 

  329. .popBack,.popSubBack{text-align:center;float:left;margin-left:5px;margin-top:6px;position:relative;z-index:2;}
    330. 

  330. .popBody{height:100%;width:100%;overflow-y:scroll;position:relative;}
    331. 

  331. .popLock{z-index:99;top:0;position:fixed;background:rgba(0,0,0,0.1);width:100%;height:100%;}
    332. 

  332. 

  333. /*上拉组件*/
    334. 

  334. .qs-actionsheet{position:fixed;max-width:1024px;left:50%;bottom:0;margin-left: -512px;-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;}
    335. 

  335. .qs-actionsheet-menu{background-color:#FFFFFF;}
    336. 

  336. .qs-actionsheet-cell{position:relative;padding:.23rem 0;text-align:center;line-height:1.5;}
    337. 

  337. .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);}
    338. 

  338. .qs-actionsheet-action{margin-top:.14rem;background-color:#FFFFFF;}
    339. 

  339. .qs-actionsheet-cell{position:relative;padding:.23rem 0;text-align:center;}
    340. 

  340. 

  341. /* 上传按钮 */
    342. 

  342. .browseFile{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
    343. 

  343. 

  344. /* 弹窗 */
    345. 

  345. .dialog_notice{text-align:left;text-indent:.55rem;}
    346. 

  346. .dialog_notice.nospace{text-indent:0;}
    347. 

  347. .dialog_tip{text-indent:0;text-align:center;margin-top:.2rem;}
    348. 

  348. 

  349. /* 弹窗支付 */
    350. 

  350. .dialog_pay{background-color:#FFFFFF}
    351. 

  351. .dialog_pay .paytip{text-align:center;line-height:160%;padding-bottom:.3rem;}
    352. 

  352. .dialog_pay .paytip strong{font-weight:700;color:#FF3300;padding:0rem .1rem;}
    353. 

  353. .dialog_pay .paybox{width:95%;border:1px #F2F2F2 solid;border-radius:.1rem;margin:0 auto;}
    354. 

  354. .dialog_pay .paybox .pli{float:left;width:49%;height:1.8rem;border-right:1px #F2F2F2 solid;background-image:url(../../images/hardware/pad/95.png);background-position:center .32rem;text-align:center;background-repeat:no-repeat;background-size:.75rem;padding-top:1.2rem;}
    355. 

  355. .dialog_pay .paybox .pli.last{border-right:0px;background-image:url(../../images/hardware/pad/96.png);}
    356. 

  356. .dialog_pay .paybox .pli.eventactive{background-color:#EBEBEB}
    357. 

  357. .dialog_pay .paybottomtip{text-align:center;color:#666666;padding:.3rem 0rem;}
    358. 

  358. .dialog_pay .paybottomtip strong{font-weight:700;color:#FF3300;padding:0rem .1rem;}
    359. 

  359. 

  360. /* 分页样式一 */
    361. 

  361. 

  362. /*.qspage{height:1.2rem;line-height:1.2rem;background-color:#ffffff;text-align:center;padding:0 5%;}
    363. 

  363. .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;}
    364. 

  364. .qspage a.unable{background-color:#999999;border:1px solid #999999;}
    365. 

  365. .qspage span{background-color:#ffffff;border:1px solid #cbcfd1;margin:0 .15rem;color:#666666;text-align:left;text-indent:5%;background-image:url("../../images/hardware/pad/67.png");background-size:.3rem;background-repeat:no-repeat;background-position:90% center;}*/
    366. 

  366. 

  367. /* 分页样式二 */
    368. 

  368. /*.qspage{height:1.05rem;line-height:1.05rem;background-color:#ffffff;text-align:center;}
    369. 

  369. .qspage a{display:inline-block;width:25%;font-size:.3rem;text-align:center;color:#8f2b69;text-decoration:none;}
    370. 

  370. .qspage a.unable{color:#999999;}
    371. 

  371. .qspage span{display:inline-block;width:40%;font-size:.3rem;color:#666666;text-align:center;}*/
    372. 

  372. 

  373. .qspage{font-size:12px;line-height:450%; text-align:center;}
    374. 

  374. .qspage a{padding:7px 12px;border:1px #CCCCCC solid;margin-right:5px;text-decoration:none;color: #666666;background-color: #F6F6F6;border-radius:4px;}
    375. 

  375. .qspage a:hover{background-color:#FFFFFF;color: #333333}
    376. 

  376. .qspage .current{padding:7px 12px;border:1px  #0190dc  solid;color:#FFFFFF;margin-right:5px;background-color:#0190dc;border-radius:4px;}
    377. 

  377. 

  378. /* 无数据样式 */
    379. 

  379. .list-empty{background-color:#ffffff;text-align:center;background-image:url("../../images/hardware/pad/207.png");background-size:25%;background-repeat:no-repeat;background-position:center .5rem;padding:35% 5% 8%;line-height:165%;}
    380. 

  380. 

  381. /* 底部导航 */
    382. 

  382. .bottom-nav-bar-group{height:1.2rem;}
    383. 

  383. .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;}
    384. 

  384. .bottom-nav-bar .nav-bar-cell{width:3.3rem;padding:0 .3rem 0 .5rem;height:1.2rem;text-align:center;}
    385. 

  385. .bottom-nav-bar .nav-bar-cell:first-child{padding:0 .5rem 0 .3rem;}
    386. 

  386. .bottom-nav-bar .nav-bar-cell .bar-cell{display:block;width:50%;float:left;text-decoration:none;padding-top:.15rem;}
    387. 

  387. .bottom-nav-bar .nav-bar-cell .bar-cell .b-img{display:inline-block;width:.54rem;height:.54rem;background-repeat:no-repeat;background-size:.54rem;}
    388. 

  388. .bottom-nav-bar .nav-bar-cell .bar-cell.index .b-img{background-image:url(../../images/hardware/pad/221.png);}
    389. 

  389. .bottom-nav-bar .nav-bar-cell .bar-cell.job .b-img{background-image:url(../../images/hardware/pad/223.png);}
    390. 

  390. .bottom-nav-bar .nav-bar-cell .bar-cell.resume .b-img{background-image:url(../../images/hardware/pad/225.png);}
    391. 

  391. .bottom-nav-bar .nav-bar-cell .bar-cell.mine .b-img{background-image:url(../../images/hardware/pad/227.png);}
    392. 

  392. .bottom-nav-bar .nav-bar-cell .bar-cell.index.active .b-img{background-image:url(../../images/hardware/pad/222.png);}
    393. 

  393. .bottom-nav-bar .nav-bar-cell .bar-cell.job.active .b-img{background-image:url(../../images/hardware/pad/224.png);}
    394. 

  394. .bottom-nav-bar .nav-bar-cell .bar-cell.resume.active .b-img{background-image:url(../../images/hardware/pad/226.png);}
    395. 

  395. .bottom-nav-bar .nav-bar-cell .bar-cell.mine.active .b-img{background-image:url(../../images/hardware/pad/228.png);}
    396. 

  396. .bottom-nav-bar .nav-bar-cell .bar-cell.active{color:#0180CF;}
    397. 

  397. .bottom-nav-bar .nav-bar-cell .bar-cell .b-txt{color:#666;}
    398. 

  398. .bottom-nav-bar .nav-bar-cell .bar-cell.active .b-txt{color:#0180CF;}
    399. 

  399. .bottom-nav-bar .nav-bar-more{position:relative;display:inline-block;width:.9rem;height:1.2rem;}
    400. 

  400. .bottom-nav-bar .nav-bar-more .nav-bar-more-cell{position:absolute;left:0;top:.15rem;width:.9rem;height:.9rem;background-repeat:no-repeat;background-size:.9rem;background-image:url(../../images/hardware/pad/229.png);}
    401. 

  401. .bottom-nav-bar .nav-bar-more.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
    402. 

  402. .bottom-bar-more-group{position:fixed;z-index:10002;top:0;right:0;left:0;bottom:0;display:none;}
    403. 

  403. .bottom-bar-more-group .bn-mask{position:absolute;z-index:10001;width:100%;height:100%;background:rgba(0,0,0,0.6);}
    404. 

  404. .bottom-bar-more-group .bar-more-cell{width:100%;height:3.3rem;background:#FFF;left:0;bottom:1.2rem;position:absolute;z-index:10002;}
    405. 

  405. .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/hardware/pad/230.png);z-index:10002;}
    406. 

  406. .bottom-bar-more-group .bar-more-closecell.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
    407. 

  407. .bottom-bar-more-group .hwslider{position:relative;overflow:hidden;height:3.3rem;background:#fff;}
    408. 

  408. .bottom-bar-more-group .hwslider ul{width:100%;height:100%;position:absolute;z-index:1}
    409. 

  409. .bottom-bar-more-group .hwslider ul li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding-top:.6rem;overflow:hidden;}
    410. 

  410. .bottom-bar-more-group .hwslider ul li.active{display:block;}
    411. 

  411. .bottom-bar-more-group .hwslider ul li a{width:33.3333%;display:block;float:left;text-align:center;text-decoration:none;}
    412. 

  412. .bottom-bar-more-group .hwslider ul dl{margin:0;}
    413. 

  413. .bottom-bar-more-group .hwslider ul dl dt{width:1.3rem;height:1.3rem;border-radius:50%;display:inline-block;background-repeat:no-repeat;background-size:1.3rem 1.3rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
    414. 

  414. .bottom-bar-more-group .hwslider ul dl dt.job{background-image:url(../../images/hardware/pad/06.png);}
    415. 

  415. .bottom-bar-more-group .hwslider ul dl dt.resume{background-image:url(../../images/hardware/pad/07.png);}
    416. 

  416. .bottom-bar-more-group .hwslider ul dl dt.fabu{background-image:url(../../images/hardware/pad/08.png);}
    417. 

  417. .bottom-bar-more-group .hwslider ul dl dt.shop{background-image:url(../../images/hardware/pad/217.png);}
    418. 

  418. .bottom-bar-more-group .hwslider ul dl dt.zhaoph{background-image:url(../../images/hardware/pad/218.png);}
    419. 

  419. .bottom-bar-more-group .hwslider ul dl dt.news{background-image:url(../../images/hardware/pad/219.png);}
    420. 

  420. .bottom-bar-more-group .hwslider ul dl dd{color:#555;margin:0;padding:0;border:0;}
    421. 

  421. .bottom-bar-more-group .hwslider ul dl dt.eventactive{transform:scale(1.2,1.2);transition:.2s transform;}
    422. 

  422. .bottom-bar-more-group .hwslider .dots{position:absolute;bottom:.1rem;left:50%;height:.24rem;z-index:2;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
    423. 

  423. .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;}
    424. 

  424. .bottom-bar-more-group .hwslider .dots span.active{background:orangered}
    425. 

  425. .bottom-bar-more-group .hwslider .dots span:last-child{margin-right:0;}
    426. 

  426. .movein_right{-webkit-animation:slidein_right .5s forwards ease-in;animation:slidein_right .5s forwards ease-in;}
    427. 

  427. .moveout_right{-webkit-animation:slideout_right .5s forwards ease-in;animation:slideout_right .5s forwards ease-in;}
    428. 

  428. .movein_left{-webkit-animation:slidein_left .5s forwards ease-in;animation:slidein_left .5s forwards ease-in;}
    429. 

  429. .moveout_left{-webkit-animation:slideout_left .5s forwards ease-in;animation:slideout_left .5s forwards ease-in;}
    430. 

  430. @-webkit-keyframes slidein_left{
    431. 

  431. 	from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
    432. 

  432. 	to{-webkit-transform:translateX(0);transform:translateX(0);}
    433. 

  433. }
    434. 

  434. @keyframes slidein_left{
    435. 

  435. 	from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
    436. 

  436. 	to{-webkit-transform:translateX(0);transform:translateX(0);}
    437. 

  437. }
    438. 

  438. @-webkit-keyframes slideout_left{
    439. 

  439. 	from{-webkit-transform:translateX(0);transform:translateX(0);}
    440. 

  440. 	to{-webkit-transform:translateX(100%);transform:translateX(100%);}
    441. 

  441. }
    442. 

  442. @keyframes slideout_left{
    443. 

  443. 	from{-webkit-transform:translateX(0);transform:translateX(0);}
    444. 

  444. 	to{-webkit-transform:translateX(100%);transform:translateX(100%);}
    445. 

  445. }
    446. 

  446. @-webkit-keyframes slidein_right{
    447. 

  447. 	from{-webkit-transform:translateX(100%);transform:translateX(100%);}
    448. 

  448. 	to{-webkit-transform:translateX(0);transform:translateX(0);}
    449. 

  449. }
    450. 

  450. @keyframes slidein_right{
    451. 

  451. 	from{-webkit-transform:translateX(100%);transform:translateX(100%);}
    452. 

  452. 	to{-webkit-transform:translateX(0);transform:translateX(0);}
    453. 

  453. }
    454. 

  454. @-webkit-keyframes slideout_right{
    455. 

  455. 	from{-webkit-transform:translateX(0);transform:translateX(0);}
    456. 

  456. 	to{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
    457. 

  457. }
    458. 

  458. @keyframes slideout_right{
    459. 

  459. 	from{-webkit-transform:translateX(0);transform:translateX(0);}
    460. 

  460. 	to{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
    461. 

  461. }
    462. 

  462. 

  463. /* 动画 */
    464. 

  464. .qs-actionsheet-toggle{-webkit-transform:translate(0,0);transform:translate(0,0);}
    465. 

  465. 

  466. /* 标签*/
    467. 

  467. .edittag{padding:.3rem;background-color:#FFFFFF}
    468. 

  468. .edittag .tit{color:#999999;height:.7rem;position:relative}
    469. 

  469. .edittag .tit .more{color:#0190dc;height:.5rem;line-height:.5rem;width:1.2rem;text-align:center;position:absolute;right:0rem;top:0rem;border-radius:.08rem;}
    470. 

  470. .edittag .tit .more.eventactive{background-color:#F6F6F6;}
    471. 

  471. .edittag .tag{padding:.1rem .2rem;border:2px #65717e solid;float:left;margin-right:.3rem;margin-bottom:.3rem;color:#65717e}
    472. 

  472. .edittag .tag.select{background-color:#65717e;color:#FFFFFF}
    473. 

  473. .edittag .addtagbox{padding-top:.5rem;padding-bottom:.6rem;}
    474. 

  474. .edittag .addtagbox .inputbox{float:left;width:4.9rem;padding-top:.15rem;}
    475. 

  475. .edittag .addtagbox .inputbox input{width:4.6rem;border:1px #F2F2F2 solid;height:.9rem;line-height:.9rem;padding-left:.2rem;color:#666666;border-radius:.1rem;}
    476. 

  476. .edittag .addtagbox .btnbox{float:left;width:1.9rem;padding-top:.15rem;}
    477. 

  477. .edittag .addtagbox .btnbox .qs-btn{height:.9rem;line-height:.9rem;width:100%;}
    478. 

  478. .edittag .tagbtns{height:1rem;}
    479. 

  479. 

  480. /* 返回顶部 */
    481. 

  481. .bottom-fixed{display:none;position:fixed;left:50%;bottom:1.5rem;margin-left:2.5rem;z-index:40000;}
    482. 

  482. .bottom-fixed .gotop{display:block;background-image:url(../../images/hardware/pad/235.png);background-repeat:no-repeat;width:.82rem;height:.82rem;background-size:.82rem;display:block;-webkit-tap-highlight-color:transparent;}
    483.