Página Principal Explorar Ajuda
Registe-se Iniciar Sessão
jjhc
/
jucai
1
0
Fork 0
Ficheiros Problemas 0 Pull Requests 0 Wiki
Árvore: 573f27ce10
Ramos Etiquetas
jucai
/
public
/
themes
/
default
/
assets
/
app
/
css
/
jobfair
/
newjobfair.css

newjobfair.css 29 KB
Histórico Em bruto

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310 
  1. /*招聘会首页头部*/
    2. 

  2. .jobfair_header_min{width:100%;background-color:#ffffff;border-bottom: 1px solid #bfbfbf;}
    3. 

  3. .jobfair_header_min a:hover{text-decoration: none;}
    4. 

  4. .jobfair_header_min .link_yellow a:hover{text-decoration: underline;}
    5. 

  5. .jobfair_header_min .header_min_top{margin:0 auto;width:1200px;height:60px;}
    6. 

  6. .jobfair_header_min .header_min_top .itopl{float: left;width: 930px;}
    7. 

  7. .jobfair_header_min .header_min_top .itopl .header_logo{float: left;width: 162px;height: 56px;padding: 2px 5px;display: table;}
    8. 

  8. .jobfair_header_min .header_min_top .itopl .header_logo a{display: table-cell;vertical-align: middle;}
    9. 

  9. .jobfair_header_min .header_min_top .itopl .header_logo img{max-width: 158px;max-height: 46px;vertical-align: middle;}
    10. 

  10. .jobfair_header_min .header_min_top .itopl .link{float: left}
    11. 

  11. .jobfair_header_min .header_min_top .itopl .link ul li{display: inline-block;line-height: 60px;}
    12. 

  12. .jobfair_header_min .header_min_top .itopl .link ul li a.l1{background: url(../../images/jobfair/header_icon1.png) no-repeat left center;padding-left: 20px;}
    13. 

  13. .jobfair_header_min .header_min_top .itopl .link ul li a.l2{margin-left: 20px;background: url(../../images/jobfair/header_icon2.png) no-repeat left center;padding-left: 20px;}
    14. 

  14. .jobfair_header_min .header_min_top .sobox{width: 480px;height: 38px;float: left;border: 2px solid #d00000;margin-left: 100px;margin-top: 10px;}
    15. 

  15. .jobfair_header_min .header_min_top .sobox .searchtype{float: left;position: relative;width: 70px;color: #393939;line-height: 38px;text-align: center;cursor: pointer;}
    16. 

  16. .jobfair_header_min .header_min_top .sobox .searchtype{background-color:#ffffff;background-image: url(../../images/17.png);background-repeat: no-repeat;background-position: right -92px;-webkit-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
    17. 

  17. .jobfair_header_min .header_min_top .sobox .searchtype .searchtxt{padding-right: 10px;border-right: 1px solid #d0d0d0;}
    18. 

  18. .jobfair_header_min .header_min_top .sobox .searchtype .search_dropdown{background-color: #ffffff;display: none;width: 69px;border: 2px solid #d00000;position: absolute;left: -2px;top: 38px;}
    19. 

  19. .jobfair_header_min .header_min_top.sobox .searchtype .search_dropdown .searchlist{padding-right: 10px;}
    20. 

  20. .jobfair_header_min .header_min_top .sobox .searchtype:hover{background-color: #ebebeb;}
    21. 

  21. .jobfair_header_min .header_min_top .sobox .searchtype.open .search_dropdown{display: block;}
    22. 

  22. .jobfair_header_min .header_min_top .sobox .inputbox{float: left;}
    23. 

  23. .jobfair_header_min .header_min_top .sobox .inputbox input{padding-left: 10px;width: 304px;height: 38px;line-height: 38px;border: none;}
    24. 

  24. .jobfair_header_min .header_min_top .sobox .searchbtn{float: left;width: 96px;font-size: 16px;height: 38px;text-align: center;line-height: 38px;background: #d00000;color: #ffffff;border: none;cursor: pointer;position: relative;left: 1px;top: 0px;}
    25. 

  25. .jobfair_header_min .header_min_top .sobox .searchbtn:hover{background-color: #b70404;}
    26. 

  26. .jobfair_header_min .header_min_top .itopr{float: left;width: 265px;font-size: 12px;padding-top:20px;}
    27. 

  27. .jobfair_header_min .header_min_top .itopr ul.link{float: right;}
    28. 

  28. .jobfair_header_min .header_min_top .itopr .link .link_yellow a{vertical-align: top;}
    29. 

  29. .jobfair_header_min .header_min_top .itopr ul.link>li{display: inline-block;background: none;background-repeat: no-repeat;background-position: 0px 3px;padding-left: 18px;position: relative;cursor: pointer;}
    30. 

  30. .jobfair_header_min .header_min_top .itopr ul.link>li>i{display: inline-block;background: url(../../images/jobfair/136.png) no-repeat;background-position: 0px 10px;width: 15px;height: 17px;margin-left: 5px}
    31. 

  31. .jobfair_header_min .header_min_top .itopr ul.link>li>i.swap{background-position: 0px -52px;}
    32. 

  32. .jobfair_header_min .header_min_top .itopr ul.link>li.login{;background-image: url(../../images/jobfair/header_icon3.png)}
    33. 

  33. .jobfair_header_min .header_min_top .itopr ul.link>li.reg{margin-left: 10px;background-image: url(../../images/jobfair/header_icon4.png);position: relative;}
    34. 

  34. .jobfair_header_min .header_min_top .itopr ul.link>li.reg:before{content: "";width: 1px;height: 15px;background: #dfdcdc;position: absolute;left: -11px;top: 4px;}
    35. 

  35. .jobfair_header_min .header_min_top .itopr ul.link>li .head_min_username{display: inline-block;width: 150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: right;}
    36. 

  36. .jobfair_header_min .header_min_top .itopr ul.link .dropmenu{background: #ffffff;position: absolute;left: -2px;width: 70px;text-align: center;line-height: 26px;padding: 5px 0px;display: none;}
    37. 

  37. .jobfair_header_min .header_min_top .itopr ul.link .reg .dropmenu{left: -10px;}
    38. 

  38. .jobfair_header_min .header_min_top .itopr li .head_my_msg{color: #666666 !important;margin: 0 3px;position: relative;}
    39. 

  39. .jobfair_header_min .header_min_top .itopr li .head_my_msg .msg_count{margin: 0 5px;vertical-align: top;}
    40. 

  40. .jobfair_header_min .header_min_top .itopr li .head_my_msg .msg_count i{display: inline-block;height: 12px;min-width: 12px;line-height: 12px;border-radius: 10px;padding: 1px;background-color:#ff0000;position: absolute; top: -8px;right: -3px;color: #fff;text-align: center;font-style: normal;box-sizing: content-box;}
    41. 

  41. /* banner */
    42. 

  42. .jobfair_index_banner{ width:100%; height: 270px;background: url(../../images/jobfair/jobfair_top.jpg) no-repeat center;}
    43. 

  43. .jobfair_index_banner .baner_info{width: 1160px;margin: 0 auto;padding-top: 55px;}
    44. 

  44. .jobfair_index_banner .baner_info .tit{height: 55px;margin-bottom: 25px;}
    45. 

  45. .jobfair_index_banner .baner_info .tit img{margin-left: 93px;}
    46. 

  46. .jobfair_index_banner .baner_info .tit .add{float: right;width: 555px;}
    47. 

  47. .jobfair_index_banner .baner_info .tit .add span{display: block;color: #d00000;font-size: 20px;}
    48. 

  48. .jobfair_index_banner .baner_info .animate_info .info_txt{float: left;width: 250px;padding: 10px 20px;color: #000000;opacity: 0;filter:alpha(opacity=100);}
    49. 

  49. .jobfair_index_banner .baner_info .animate_info .info_txt img{max-width:240px;}
    50. 

  50. .jobfair_index_banner .baner_info .animate_info .info_txt:nth-of-type(1){-webkit-animation: infoshow 1s 0s forwards;animation: infoshow 1.2s 0s forwards;}
    51. 

  51. .jobfair_index_banner .baner_info .animate_info .info_txt:nth-of-type(2){-webkit-animation: infoshow 1s .3s forwards;animation:infoshow 1.2s .3s forwards;}
    52. 

  52. .jobfair_index_banner .baner_info .animate_info .info_txt:nth-of-type(3){-webkit-animation: infoshow 1s .6s forwards;animation:infoshow 1.2s .6s forwards;}
    53. 

  53. .jobfair_index_banner .baner_info .animate_info .info_txt:nth-of-type(4){-webkit-animation: infoshow 1s .9s forwards;animation:infoshow 1.2s .9s forwards;}
    54. 

  54. /*.jobfair_index_banner .baner_info .animate_info .info_txt:nth-of-type(5){-webkit-animation: infoshow 1s 1.2s forwards;animation:infoshow 1.2s 1.2s forwards;}*/
    55. 

  55. @-webkit-keyframes infoshow{
    56. 

  56.     0% {
    57. 

  57.         opacity: 0;
    58. 

  58.         transform: translateX(28px);
    59. 

  59.     }
    60. 

  60.     100% {
    61. 

  61.         opacity: 1;
    62. 

  62.         transform: translateX(0);
    63. 

  63.     }
    64. 

  64. 

  65. }
    66. 

  66. @keyframes infoshow {
    67. 

  67. 

  68.     0% {
    69. 

  69.         opacity: 0;
    70. 

  70.         transform: translateX(28px);
    71. 

  71.     }
    72. 

  72.     100% {
    73. 

  73.         opacity: 1;
    74. 

  74.         transform: translateX(0);
    75. 

  75.     }
    76. 

  76. }
    77. 

  77. 

  78. /*新招聘会列表*/
    79. 

  79. .jobfair_tabbox{ width:100%;height:40px;background-color: #15bcc2;line-height: 40px;margin-bottom: 25px;}
    80. 

  80. .jobfair_tabbox div{width: 1200px;margin: 0 auto;}
    81. 

  81. .jobfair_tabbox div a{ display:inline-block; height:40px; padding:0px 20px; font-size:16px;color: #ffffff;text-decoration: none;}
    82. 

  82. .jobfair_tabbox div a.select{ background-color: #0e979c;}
    83. 

  83. .jobfairlist_wrap{width: 1200px;margin: 0 auto;}
    84. 

  84. .jobfairlist_wrap .jobfair_l{float: left;width: 868px;border:1px solid #e0e0e0;}
    85. 

  85. .jobfair_title{font-size: 17px;color: #444444;position: relative;padding-left: 15px;height: 40px;line-height: 40px;margin-left: 25px;}
    86. 

  86. .jobfair_title:before{content: "";width: 6px;height: 18px;background-color: #15bcc2;position: absolute;left: 0px;top: 12px;}
    87. 

  87. .jobfairlist_wrap .cate_tabs{padding-left:25px;margin-top: 10px;border-bottom: 1px solid #e0e0e0;}
    88. 

  88. .jobfairlist_wrap .cate_tabs a{display: inline-block;color: #444444;font-size: 15px;text-decoration: none;line-height: 22px;margin-right: 30px;padding: 0 6px;}
    89. 

  89. .jobfairlist_wrap .cate_tabs a.active{color: #15bcc2;border-bottom: 4px solid #15bcc2;}
    90. 

  90. .jobfairlist_wrap .jobfair_cate_item {padding: 25px 15px 10px 25px; }
    91. 

  91. .jobfairlist_wrap .zph_item{background-color:#f6f6f6;margin-bottom: 15px}
    92. 

  92. .jobfairlist_wrap .zph_item .zph_item_time{float: left;;background-color: #e7fbfc;width: 48px;height: 48px;text-align: center;padding: 10px 15px;color: #2257a9;}
    93. 

  93. .jobfairlist_wrap .zph_item .zph_item_time .mouth{border-bottom: 2px dashed #c8e1f6;font-size: 20px;}
    94. 

  94. .jobfairlist_wrap .zph_item .zph_item_time .date{font-size: 16px;}
    95. 

  95. .jobfairlist_wrap .zph_item .zph_item_info{font-size: 16px;float: left;padding:10px 30px;}
    96. 

  96. .jobfairlist_wrap .zph_item .zph_item_info .name a{display: block;color: #526ea2;width: 560px;text-decoration:none;}
    97. 

  97. .jobfairlist_wrap .zph_item .zph_item_info .name a:hover{color: #0e979c;}
    98. 

  98. .jobfairlist_wrap .zph_item .zph_item_info .other{color: #999999;width: 560px;font-size: 14px;padding-top: 8px;}
    99. 

  99. .jobfairlist_wrap .zph_item .zph_item_info .other span{padding: 0 5px;}
    100. 

  100. .jobfairlist_wrap .zph_item .zph_order_btn{float: left;margin-top: 20px;}
    101. 

  101. .jobfairlist_wrap .zph_item .zph_order_btn a{background-color: #ffffff;text-decoration: none;border: 1px solid #fe5e5e;border-radius: 2px;color: #ea1313;padding: 4px 12px;display: inline-block;}
    102. 

  102. .jobfairlist_wrap .zph_item .zph_order_btn a:hover{background-color:#fe5e5e;color: #ffffff;border-color: #fe5e5e; }
    103. 

  103. .jobfairlist_wrap .zph_item .zph_order_btn a.btn_disabled{background-color:#b2b2b2;border:1px #CBCECF solid;color:#ffffff;cursor:default}
    104. 

  104. .jobfairlist_wrap .zph_item .zph_order_btn a.btn_disabled:hover{background-color:#b2b2b2;border:1px #CBCECF solid;color:#ffffff;cursor:default}
    105. 

  105. .load_more_footer{color: #bfbfb7;line-height: 32px;text-align: center;margin: 25px 0px;}
    106. 

  106. .load_more_footer span.loading{background: url(../../images/jobfair/loading-more.gif) no-repeat;padding-left: 40px;display: inline-block}
    107. 

  107. 

  108. .jobfairlist_wrap .jobfair_r{float: left;width: 313px;border:1px solid #e0e0e0;margin-left: 15px;}
    109. 

  109. .jobfairlist_wrap .jobfair_r .jobfair_r_box{padding: 0 25px;margin-bottom: 5px;}
    110. 

  110. .jobfairlist_wrap .jobfair_r .jobfair_r_box .tel{word-break: break-all;}
    111. 

  111. .jobfairlist_wrap .jobfair_r .jobfair_title{margin: 0px}
    112. 

  112. .jobfairlist_wrap .jobfair_r .jobfair_title .more{text-decoration: none;font-size: 12px;color: #15bcc2;float: right;}
    113. 

  113. .jobfairlist_wrap .jobfair_r .jobfair_title .more:hover{color: #0e979c;}
    114. 

  114. .jobfairlist_wrap .jobfair_r .jobfair_add .jobfair_add_map{margin-top: 10px;}
    115. 

  115. .jobfairlist_wrap .jobfair_r .jobfair_r_news a{display: inline-block;width:260px;line-height: 22px;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666666;}
    116. 

  116. .jobfairlist_wrap .jobfair_r .jobfair_r_news a:hover{color: #0e979c;}
    117. 

  117. .jobfairlist_wrap .jobfair_r .jobfair_review ul li{margin-bottom: 10px;}
    118. 

  118. .jobfairlist_wrap .jobfair_r .jobfair_review ul li img{width: 260px;height: 160px;}
    119. 

  119. /*新招聘会详细页*/
    120. 

  120. .newjobfair{width: 1200px;margin: 0 auto;}
    121. 

  121. 

  122. .newjobfair .jobfairshow_top_info .top_info_r .other_info div span{color: #ef505e;font-size: 24px;}
    123. 

  123. .jobfair_detail_show{margin-top: 20px;border: 1px solid #e0e0e0;padding: 15px 18px 0px 18px;background-color:white;}
    124. 

  124. .jobfair_detail_show .tabs{margin-bottom: 20px}
    125. 

  125. .jobfair_detail_show .tabs ul li{display: inline-block;padding: 3px 17px;color: #444444;border-radius: 15px;cursor: pointer;}
    126. 

  126. .jobfair_detail_show .tabs ul li.active{background-color: #15bcc2;color: #ffffff;}
    127. 

  127. .jobfair_detail_show .tabs_show .tabs_show_item{display: none;}
    128. 

  128. .jobfair_detail_show .tabs_show .tabs_show_item.newjobfairitem .txt{line-height: 200%; margin-bottom: 20px;padding-left: 15px;}
    129. 

  129. .jobfair_detail_show .tabs_show .tabs_show_item.newjobfairitem .stit{color: #FF3300;height: 25px;padding-left: 15px;}
    130. 

  130. 

  131. /*新版招聘会企业瀑布信息*/
    132. 

  132. .waterfall_main{position:relative;min-height:300px;_height:300px;}
    133. 

  133. .waterfall_main a{text-decoration:none;}
    134. 

  134. .waterfall_main .wf_box{width:545px;position:absolute;border: 1px dashed #15bcc2;background:#f7feff;font-size:14px;padding:10px;margin-bottom:16px;}
    135. 

  135. .waterfall_main .wf_box p{line-height:23px;overflow:hidden;display:block;width:100%;}
    136. 

  136. .waterfall_main .wf_box p a{color:#333;margin-right:5px;word-wrap:break-word;}
    137. 

  137. .waterfall_main .wf_box p a:hover{color:#15bcc2;}
    138. 

  138. .waterfall_main .wf_box div{line-height:30px;}
    139. 

  139. .waterfall_main .wf_box div a.comName{font-size:16px;color:#000 ;font-weight:bold;}
    140. 

  140. .waterfall_main .wf_box div a.comName:hover{color:#15bcc2;}
    141. 

  141. .waterfall_main .wf_box div a.comName:visited{ color:#14adb3;}
    142. 

  142. .waterfall_main .wf_hov{border:1px #15bcc2  solid;background:#fff;}
    143. 

  143. .waterfall_main .wf_box div span.position_id{color:#15bcc2 ;padding-left:10px;float:right;}
    144. 

  144. .waterfall_main .wf_box .gw{text-align:right;}
    145. 

  145. 

  146. /*招聘会详情*/
    147. 

  147. /*预订*/
    148. 

  148. .jobfairshow_5{}
    149. 

  149. .jobfairshow_5 .pic{ width:1160px; margin:0 auto; margin-top:20px;}
    150. 

  150. .jobfairshow_5 .pic img{width:1160px;}
    151. 

  151. .jobfairshow_5 .ptit{ position: relative;font-size:26px; text-align:center; color:#15bcc2; height:60px;}
    152. 

  152. .jobfairshow_5 .ptit .selectbox{position: absolute;left: 60px;top: 5px;color: #15bcc2;font-size: 14px;}
    153. 

  153. .jobfairshow_5 .ptit .selectbox select{width: 200px;height: 30px;border: 1px solid #15bcc2;color: #15bcc2;}
    154. 

  154. .jobfairshow_5 .ptit.re{ border-top:1px #EEEEEE solid; line-height:60px; background-color:#F7F7F7}
    155. 

  155. .jobfairshow_5 .txt{ padding-left:50px; line-height:200%; padding-top:25px;}
    156. 

  156. .jobfairshow_5 .txt .state{ border:1px #CCCCCC solid; padding:5px 10px; margin-left:30px; margin-right:7px;border-radius:4px;}
    157. 

  157. .jobfairshow_5 .txt .state.s1{ background-color:#FFFFFF; color:#FFFFFF;}
    158. 

  158. .jobfairshow_5 .txt .state.s2{ background-color: #999999; color:#999999; border-color: #666666}
    159. 

  159. .jobfairshow_5 .txt .state.s3{ background-color: #FF6600; color:#FF6600; border-color: #FF3300}
    160. 

  160. .jobfairshow_5 .txt .state.s4{ background-color:#FFFFFF; color:#FFFFFF;border:1px  #999999 dashed; padding:5px 6px; }
    161. 

  161. .jobfairshow_5 .txt strong{ padding-right:20px;}
    162. 

  162. .jobfairshow_5 .txt u{ color:#FF6600; text-decoration:none; font-weight:bold}
    163. 

  163. .jobfairshow_5 .area{ padding-top:25px; text-align:center}
    164. 

  164. .jobfairshow_5 .area ul{display:inline-block;*display:inline;*zoom:1;font-size:16px;}
    165. 

  165. .jobfairshow_5 .area li{ float:left; padding:4px 30px; background-color:#FFF3D9; border:1px #F5D485 solid; cursor:pointer; margin-right:30px; margin-bottom:20px;border-radius:4px;}
    166. 

  166. .jobfairshow_5 .area li:hover{ background-color:#FF9900; color:#FFFFFF; border:1px #FF8800 solid;}
    167. 

  167. .jobfairshow_5 .area li.select{ background-color:#FF6600; color:#FFFFFF; border:1px #FF5500 solid;}
    168. 

  168. .jobfairshow_5 .reserve1_img {width: 1002px;min-height:800px;height:auto;margin: 0 auto;position: relative;border: 1px solid #ddd;}
    169. 

  169. .jobfairshow_5 .reserve1_img .jobfairImg{max-width: 1000px;}
    170. 

  170. .jobfairshow_5 .reserve1_img .reserve_main .zw-box{color: #000000;position: absolute;display: inline-block; width: 30px;height: 30px;cursor: pointer;text-decoration: none;text-align: center;font-size: 14px;line-height: 30px;}
    171. 

  171. .jobfairshow_5 .reserve1_img .reserve_main .zw-box.order{background: url(../../images/jobfair/zw-order.png) no-repeat;}
    172. 

  172. .jobfairshow_5 .reserve1_img .reserve_main .zw-box.stayLock{color: #ffffff;background: url(../../images/jobfair/zw-stayLock.png) no-repeat;}
    173. 

  173. .jobfairshow_5 .reserve1_img .reserve_main .zw-box.audit{background: url(../../images/jobfair/zw-audit.png) no-repeat;}
    174. 

  174. .jobfairshow_5 .reserve1_img .reserve_main .zw-box.succeed{background: url(../../images/jobfair/zw-success.png) no-repeat;}
    175. 

  175. .jobfairshow_5 .reserve1_img .reserve_main .zw-lock .zw-name{color: #fff;}
    176. 

  176. .jobfairshow_5 .reserve1_img .reserve_main .zw-order .zw-name{color: #333;}
    177. 

  177. .jobfairshow_5 .reserve_img .zw_img_title{width: 985px;margin: 0 auto;display: block;}
    178. 

  178. .jobfairshow_5 .reserve_img .zw_tip{width: 600px;margin: 0 auto;display: block;height: 40px;line-height: 40px;padding: 20px 0px;}
    179. 

  179. .jobfairshow_5 .reserve_img .zw_tip span{font-size:18px;line-height: 40px;height: 40px;margin-right: 3px;float:left;}
    180. 

  180. .jobfairshow_5 .reserve_img .zw_tip li{float:left;margin-left: 20px;}
    181. 

  181. .jobfairshow_5 .reserve_img .zw_tip .zw_tip_icon_order{width:30px;height:30px;background: url(../../images/jobfair/zw-order.png) no-repeat;display: inline-block;float:left;margin-top: 5px;}
    182. 

  182. .jobfairshow_5 .reserve_img .zw_tip .zw_tip_icon_audit{width:30px;height:30px;background: url(../../images/jobfair/zw-audit.png) no-repeat;display: inline-block;float:left;margin-top: 5px;}
    183. 

  183. .jobfairshow_5 .reserve_img .zw_tip .zw_tip_icon_success{width:30px;height:30px;background: url(../../images/jobfair/zw-success.png) no-repeat;display: inline-block;float:left;margin-top: 5px;}
    184. 

  184. .jobfairshow_5 .reserve_img .zw_tip .zw_tip_icon_stayLock{width:30px;height:30px;background: url(../../images/jobfair/zw-stayLock.png) no-repeat;display: inline-block;float:left;margin-top: 5px;}
    185. 

  185. .jobfairshow_5 .zw_hr{border:none;border-top:1px dashed #15bcc2;display: block;margin: 0 auto;}
    186. 

  186. .jobfairshow_5 .reserve_num{position:absolute;}
    187. 

  187. .jobfairshow_5 .booth{ padding-top:15px; width:1080px; padding-left:80px;}
    188. 

  188. .jobfairshow_5 .booth .li{ width: 51px;font-size: 16px;height: 25px;line-height: 21px;text-align: center;color: #999999;display:block;cursor: pointer;position: relative;}
    189. 

  189. .jobfairshow_5 .booth .li-left{float:left !important;display: inline !important;width:25px !important;}
    190. 

  190. .jobfairshow_5 .booth .span-left{display:block;line-height: 35px;margin-left: 39px;margin-top: 6px;}
    191. 

  191. .jobfairshow_5 .booth .span-top{display:block;line-height: 35px;margin-left: 39px;margin-top: -28px;}
    192. 

  192. .jobfairshow_5 .booth .li .zhanwei_icon{width:12px;height:24px;background: #35a714;position: absolute;left: 37px;top: 0px;border: 1px solid black;}
    193. 

  193. .jobfairshow_5 .booth .li .zhanwei_icon_left{width:24px;height:12px;background: #35a714;position: absolute;left: 37px;top: 0px;border: 1px solid black;}
    194. 

  194. .jobfairshow_5 .booth .li .zhanwei_span{color:red;font-size:13px;margin-right: 5px;}
    195. 

  195. .jobfairshow_5 .booth .li .zhanwei_span_right{margin-right: -83px !important;}
    196. 

  196. .jobfairshow_5 .booth .li .zwAuditActive{background: #fda102;}
    197. 

  197. .jobfairshow_5 .booth .li .zwAuditSuccess{background: #d30000;}
    198. 

  198. .jobfairshow_5 .booth .li .zwAuditStayLock{background: #424142;}
    199. 

  199. .jobfairshow_5 .booth .li  .tip{ position:absolute; left:-33px; top:28px; width:320px; z-index:1;display: none;}
    200. 

  200. .jobfairshow_5 .booth .li  .tip .arrow{ width:18px; height:7px; margin-left:38px; background-image:url(../../images/jobfair/03.png); background-repeat:no-repeat; background-position:-87px 0px;}
    201. 

  201. .jobfairshow_5 .booth .li  .tip .box{ width:318px;  border:1px #35a714 solid; background-color:#FFFCF1;border-radius:4px;
    202. 

  202.     -moz-box-shadow: 0px 0px 10px #E4E4E4;/*firefox*/
    203. 

  203.     -webkit-box-shadow: 0px 0px 10px #E4E4E4;/*safari或chrome*/
    204. 

  204.     box-shadow:0px 0px 10px #E4E4E4;/*opera或ie9*/
    205. 

  205. }
    206. 

  206. .jobfairshow_5 .booth .li  .tip .box .t{ height:38px; line-height:38px; background-color:#35a714; color:#FFFFFF; padding-left:20px; text-align:left;}
    207. 

  207. .jobfairshow_5 .booth .li  .tip .box .restxt{ text-align:center; padding-top:20px; padding-bottom:20px;width:280px; margin:0 auto;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; color:#666666}
    208. 

  208. .jobfairshow_5 .booth .li  .tip .box .restxt .btn{ padding:8px 20px; font-size:14px; margin-left:20px; background-color:#FF6600; color:#FFFFFF;border-radius:20px;}
    209. 

  209. .jobfairshow_5 .booth .li  .tip .box .restxt .btn:hover{ background-color:#FF5500;}
    210. 

  210. .jobfairshow_5 .booth .li  .tip .box .restxt ul li{text-align: left;height: 26px;line-height: 26px;}
    211. 

  211. .jobfairshow_5 .booth .li  .tip .box .restxt ul li .jname{float: left;width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    212. 

  212. .jobfairshow_5 .booth .li  .tip .box .restxt ul li .jnum{float: left;width:80px;}
    213. 

  213. .jobfairshow_5 .booth .li.audit  .tip{}/*审核中的样式*/
    214. 

  214. .jobfairshow_5 .booth .li.audit  .tip .arrow{background-position:0px 0px;}
    215. 

  215. .jobfairshow_5 .booth .li.audit  .tip .box{ border:1px #fda102 solid;}
    216. 

  216. .jobfairshow_5 .booth .li.audit  .tip .box .t{ background-color:#fda102;}
    217. 

  217. .jobfairshow_5 .booth .li.succeed  .tip{}/*已完成的样式*/
    218. 

  218. .jobfairshow_5 .booth .li.succeed  .tip .arrow{background-position:-87px 0px;}
    219. 

  219. .jobfairshow_5 .booth .li.succeed  .tip .box{ border:1px #d30000 solid;}
    220. 

  220. .jobfairshow_5 .booth .li.succeed  .tip .box .t{ background-color:#d30000;}
    221. 

  221. .jobfairshow_5 .booth .li.stayLock  .tip{}/*预留锁定的样式*/
    222. 

  222. .jobfairshow_5 .booth .li.stayLock  .tip .arrow{background-position:-45px 0px;}
    223. 

  223. .jobfairshow_5 .booth .li.stayLock  .tip .box{ border:1px #424142 solid;}
    224. 

  224. .jobfairshow_5 .booth .li.stayLock  .tip .box .t{ background-color:#424142;}
    225. 

  225. .jobfairshow_5 .booth .li.stayLock  .tip .box a{display: inline-block;}
    226. 

  226. 

  227. /*招聘会信息列表及详情页*/
    228. 

  228. .jobfairnews_wrap{width: 1200px;margin: 0 auto;}
    229. 

  229. .jobfairnews_wrap a{text-decoration: none;color: #666666;}
    230. 

  230. .jobfairnews_wrap .jobfair_l{float: left;width: 868px;border:1px solid #e0e0e0;}
    231. 

  231. .jobfairnews_wrap .jobfair_l .jobfairnews_show{padding-bottom: 30px;}
    232. 

  232. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item{padding: 15px 20px;border-bottom: 1px dashed #cccccc;}
    233. 

  233. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_l{width: 230px;height: 140px;padding: 5px;float: left;}
    234. 

  234. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_l img{width: 220px;height: 130px;}
    235. 

  235. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r{width: 588px;float: left;}
    236. 

  236. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r .news_tit{float: left;width: 440px;}
    237. 

  237. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r .news_tit a{display: inline-block;color: #000000;width:420px;word-break: break-all;line-height: 32px;font-size: 16px;vertical-align: top;}
    238. 

  238. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r .news_tit a:hover{color: #0e979c;}
    239. 

  239. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r .news_time{float: right;width: 128px;line-height: 32px;}
    240. 

  240. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r .news_time span{color: #999999;background-image: url(../../images/133.png);background-repeat: no-repeat;background-position: 0px -58px;padding-left: 20px;margin-left: 5px;}
    241. 

  241. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r .summary{color: #999999;word-break: break-all;line-height: 26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;height: 104px;}
    242. 

  242. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r.no_img{width: 100%;float: none;}
    243. 

  243. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r.no_img .news_tit{width: 680px;}
    244. 

  244. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r.no_img .news_tit a{width: 680px}
    245. 

  245. .jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r.no_img .summary{-webkit-line-clamp:3;height: 78px;}
    246. 

  246. .jobfairnews_wrap .jobfair_r{float: left;width: 313px;border:1px solid #e0e0e0;margin-left: 15px;}
    247. 

  247. .jobfairnews_wrap .jobfair_r .jobfair_r_box{padding: 0 25px;margin-bottom: 5px;}
    248. 

  248. .jobfairnews_wrap .jobfair_r .jobfair_title{margin: 0px}
    249. 

  249. .jobfairnews_wrap .jobfair_r .jobfair_title .more{text-decoration: none;font-size: 12px;color: #15bcc2;float: right;}
    250. 

  250. .jobfairnews_wrap .jobfair_r .jobfair_title .more:hover{color: #0e979c;}
    251. 

  251. .jobfairnews_wrap .jobfair_r .jobfair_r_news ul li a{display: inline-block;width:260px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    252. 

  252. .jobfairnews_wrap .jobfair_r .jobfair_r_news ul li a:hover{color: #0e979c;}
    253. 

  253. .jobfairnews_wrap .jobfair_r .jobfair_review ul li{margin-bottom: 10px;}
    254. 

  254. .jobfairnews_wrap .jobfair_r .jobfair_review ul li img{width: 260px;height: 160px;}
    255. 

  255. 

  256. .jobfairnews_show_detail{width: 1200px;margin: 0 auto;}
    257. 

  257. .jobfairnews_show_detail a{text-decoration: none;color: #666666;}
    258. 

  258. .jobfairnews_show_detail .jobfair_l{float: left;width: 868px;border:1px solid #e0e0e0;}
    259. 

  259. .jobfairnews_show_detail .jobfair_l .news_content{width: 828px;padding:20px;}
    260. 

  260. .jobfairnews_show_detail .jobfair_l .news_content .tit{font-size: 20px;line-height: 180%;text-align: center;padding-bottom: 10px;}
    261. 

  261. .jobfairnews_show_detail .jobfair_l .news_content .time{color: #999999;border-bottom: 1px #EEEEEE solid;border-top: 1px #EEEEEE solid;width: 800px;margin: 0 auto;height: 40px;line-height: 40px;text-align: center;}
    262. 

  262. .jobfairnews_show_detail .jobfair_l .news_content .time span{padding: 0 15px;}
    263. 

  263. .jobfairnews_show_detail .jobfair_l .news_content .time span a{color: #999999;}
    264. 

  264. .jobfairnews_show_detail .jobfair_l .news_content .detail_txt{font-size: 14px;line-height: 200%;padding: 20px;word-break: break-all;}
    265. 

  265. .jobfairnews_show_detail .jobfair_l .news_content .detail_txt *{max-width:788px;}
    266. 

  266. .jobfairnews_show_detail .jobfair_l .news_content .next{margin: 10px;border-top: 1px dashed #e2e2e2;padding-top: 20px;}
    267. 

  267. .jobfairnews_show_detail .jobfair_l .news_content .next .nextl{float: left;width: 350px}
    268. 

  268. .jobfairnews_show_detail .jobfair_l .news_content .next .nextr{float: right;width: 350px;text-align: right;}
    269. 

  269. .jobfairnews_show_detail .jobfair_r{float: left;width: 313px;border:1px solid #e0e0e0;margin-left: 15px;}
    270. 

  270. .jobfairnews_show_detail .jobfair_r .jobfair_r_box{padding: 0 25px;margin-bottom: 5px;}
    271. 

  271. .jobfairnews_show_detail .jobfair_r .jobfair_title{margin: 0px}
    272. 

  272. .jobfairnews_show_detail .jobfair_r .jobfair_title .more{text-decoration: none;font-size: 12px;color: #15bcc2;float: right;}
    273. 

  273. .jobfairnews_show_detail .jobfair_r .jobfair_title .more:hover{color: #0e979c;}
    274. 

  274. .jobfairnews_show_detail .jobfair_r .jobfair_r_news ul li a{display: inline-block;width:260px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    275. 

  275. .jobfairnews_show_detail .jobfair_r .jobfair_r_news ul li a:hover{color: #0e979c;}
    276. 

  276. .jobfairnews_show_detail .jobfair_r .jobfair_review  ul li{margin-bottom: 10px;}
    277. 

  277. .jobfairnews_show_detail .jobfair_r .jobfair_review ul li img{width: 260px;height: 160px;}
    278. 

  278. 

  279. /*颜色修改*/
    280. 

  280. /*background*/
    281. 

  281. .jobfair_detail_show .tabs ul li.active,.newjobfair .jobfairshow_top_info .top_info_r .online_order_btn a:hover,.jobfair_tabbox,.jobfair_title:before{background-color:#f76565;}
    282. 

  282. 

  283. .jobfair_tabbox div a.select{background-color: #dd4250;}
    284. 

  284. .waterfall_main .wf_box{background-color: #fff8fa;}
    285. 

  285. .newjobfair .jobfairshow_top_info .top_info_r .online_order_btn a.btn_disabled:hover{background-color:#b2b2b2;}
    286. 

  286. .jobfairlist_wrap .zph_item .zph_item_time{background-color:#FFEDEC;}
    287. 

  287. /*color*/
    288. 

  288. .jobfairnews_show_detail .jobfair_r .jobfair_title .more,.jobfairnews_wrap .jobfair_r .jobfair_title .more,.jobfairshow_5 .ptit,.jobfairshow_5 .ptit .selectbox,.jobfairshow_5 .ptit .selectbox select,.waterfall_main .wf_box div span.position_id,.newjobfair .jobfairshow_top_info .top_info_r .online_order_btn a,.waterfall_main .wf_box div a.comName:hover,.alltop_nav .tnav .tl .nli a:hover,.alltop_nav .tnav .tl .nli.select,.alltop_nav .tnav .tl .nli.select a,.jobfairlist_wrap .cate_tabs a.active,.jobfairlist_wrap .jobfair_r .jobfair_title .more{color:#f76565;}
    289. 

  289. 

  290. .jobfairlist_wrap .zph_item .zph_item_info .name a:hover,.jobfairlist_wrap .jobfair_r .jobfair_title .more:hover,.jobfairlist_wrap .jobfair_r .jobfair_r_news a:hover,.jobfairnews_wrap .jobfair_l .jobfairnews_show .news_item .new_item_r .news_tit a:hover,.jobfairnews_wrap .jobfair_r .jobfair_title .more:hover,.jobfairnews_wrap .jobfair_r .jobfair_r_news ul li a:hover,.jobfairnews_show_detail .jobfair_r .jobfair_title .more:hover,.jobfairnews_show_detail .jobfair_r .jobfair_r_news ul li a:hover{color:#dd4250;}
    291. 

  291. .jobfairlist_wrap .zph_item .zph_item_time,.jobfairlist_wrap .zph_item .zph_item_info .name a{color: #dd6747;}
    292. 

  292. /*border*/
    293. 

  293. .jobfairshow_5 .ptit .selectbox select,.waterfall_main .wf_hov,.waterfall_main .wf_box,.newjobfair .jobfairshow_top_info .top_info_r .online_order_btn a{border-color:#f76565;}
    294. 

  294. .jobfairlist_wrap .cate_tabs a.active{border-bottom-color:#f76565;}
    295. 

  295. .jobfairshow_5 .zw_hr,.newjobfair .jobfairshow_top_info{border-top-color:#f76565;}
    296. 

  296. .jobfairlist_wrap .zph_item .zph_item_time .mouth{border-bottom-color: #ee575c;}
    297. 

  297. 

  298. .load_more_body {display:flex;flex-wrap: wrap;}
    299. 

  299. .online2021_content {background-image:url("../../images/online2021/bg_special.png");width:33.33%;height:300px;background-size:100% 100%;}
    300. 

  300. .online2021_content h3{padding-top: 30px; color: black;  text-align: center;  font-size: 22px;  width: 80%;  margin: 0 auto;height: 36px;}
    301. 

  301. .online2021_content .online2021_line {height:31px;display:flex;width:80%;margin:0 auto;color:white;align-items:center;font-size:16px;}
    302. 

  302. .online2021_content .online2021_line .line_left,.online2021_content .online2021_line .line_right {flex:1;}
    303. 

  303. .online2021_content .online2021_line .line_left{text-align:left;}
    304. 

  304. .online2021_content .online2021_line .line_right{text-align:right;}
    305. 

  305. .online2021_content .online2021_line .line_right.more {font-size:14px;}
    306. 

  306. .online2021_content .online2021_line .line_right.more a {color:white;}
    307. 

  307. .online2021_content .online2021_line.end {height:25px;}
    308. 

  308. .online2021_content .online2021_line.end .tag{height:20px;line-height:20px;font-size:.25rem;color:#fbf801;border:1px solid #fbf801;border-radius:5px;padding:0 5px;margin-right:5px;}
    309. 

  309. .online2021_content .btn {width:35%;height:30px;background-color:#b20c02;display:flex;align-items:center;justify-content:center;color:white;margin:0 auto;margin-top: 15px;border-radius: 5px;}
    310. 

  310. .online2021_content .btn img {height:25px;}
    311.