Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
jjhc
/
jucai
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: 573f27ce10
Haarat Tagit
jucai
/
public
/
themes
/
default
/
assets
/
app
/
css
/
jkq
/
jobs_show.css

jobs_show.css 35 KB
Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318 
  1. /* 职位详细页 */
    2. 

  2. .jobsshow{margin:0 auto;/*margin-top:25px;*/width:1200px;}
    3. 

  3. .jobsshow .l{float:left;width:880px;}
    4. 

  4. .jobsshow .l .main{width:853px;border:1px #EEEEEE solid;}
    5. 

  5. .jobsshow .l .main .jobstit{width:853px;background-color:#F7F7F7;border-bottom:1px #CCCCCC  dashed;position:relative}
    6. 

  6. .jobsshow .l .main .jobstit .rightbg{width:27px;height:27px;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;top:-1px;right:-1px;position:absolute}
    7. 

  7. .jobsshow .l .main .jobstit .time{width:190px;height:80px;top:30px;right:0px;position:absolute;font-size:12px;}
    8. 

  8. .jobsshow .l .main .jobstit .time .timebg{float:left;padding-left:20px;padding-right:20px;height:20px;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:0px -35px;padding-top:2px;}
    9. 

  9. .jobsshow .l .main .jobstit .time .timebg.viewbg{background-position:0px -63px;}
    10. 

  10. .jobsshow .l .main .jobstit .jobname{padding:15px 200px 0px 40px;color:#333333;}
    11. 

  11. .jobsshow .l .main .jobstit .jobname .j-n-txt{float:left;min-height:36px;line-height:36px;font-size:28px;}
    12. 

  12. .jobsshow .l .main .jobstit .jobname .j-n-money{float:left;padding-left:12px;padding-top:10px;font-size:12px;}
    13. 

  13. .main .jobstit .jobname .j-n-money .j-m-l{float:left;height:20px;line-height:20px;background:#ff0000;color:#FFF;padding:0 5px;}
    14. 

  14. .main .jobstit .jobname .j-n-money .j-m-r{float:left;padding:0 5px;height:18px;line-height:18px;border:1px solid #ff0000;background:#FFF;color:#ff0000;}
    15. 

  15. .jobsshow .l .main .jobstit .wage{height:53px;line-height:53px;font-size:20px;color:#415571;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:40px -78px;padding-left:75px;}
    16. 

  16. .jobsshow .l .main .jobstit .lab{padding-left:40px;}
    17. 

  17. .jobsshow .l .main .jobstit .lab .li{float:left;padding-left:12px;padding-right:12px;height:30px;border:1px #D7D7D7 solid;line-height:30px;border-radius:4px;background-color:#FFFFFF;margin-right:10px;margin-bottom:20px;}
    18. 

  18. .jobsshow .l .main .jobstit .lab .li:hover{background-color:#FFFAF0;border:1px #415571 solid;color:#415571}
    19. 

  19. .jobsshow .l .main .item{width:813px;border-bottom:1px dashed #CCCCCC;padding-left:40px;padding-top:15px;padding-bottom:15px;position:relative}
    20. 

  20. .jobsshow .l .main .item .itemli{float:left;width:200px;height:36px;line-height:36px;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:15px;}
    21. 

  21. .jobsshow .l .main .item .itemli span{padding-right:15px;color:#999999;}
    22. 

  22. .jobsshow .l .main .item .add{float:left;height:36px;line-height:36px;color:#333333;padding-right:10px;}
    23. 

  23. .jobsshow .l .main .item .add span{padding-right:15px;float:left;color:#999999;}
    24. 

  24. .jobsshow .l .main .item .map{width:21px;height:21px;float:left;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:0px -149px;margin-top:7px;cursor:pointer}
    25. 

  25. .jobsshow .l .main .item .map:hover{background-position:0px -179px;}
    26. 

  26. .jobsshow .l .main .item .invalid_icon{position:absolute;right:50px;top:45px;width:148px;height:88px;overflow:hidden;background:url(../../images/tpl_company/08.png);}
    27. 

  27. .jobsshow .l .main .item .btns{position:absolute;right:50px;top:55px;}
    28. 

  28. .jobsshow .l .main .item .btns .app{width:86px;line-height:40px;padding-left:42px;font-size:16px;height:40px;background-color:#415571;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:15px -208px;color:#FFFFFF;border-radius:4px;cursor:pointer}
    29. 

  29. .jobsshow .l .main .item .btns .app:hover{background-color:#637793;}
    30. 

  30. .jobsshow .l .main .item .btns .has-deliver{cursor: default;background-color: #c5c3c3;}
    31. 

  31. .jobsshow .l .main .item .btns .has-deliver:hover{cursor: default;background-color: #c5c3c3;}
    32. 

  32. .jobsshow .l .main .item .btns .app-m{width:86px;line-height:40px;padding-left:42px;font-size:16px;height:40px;background-color:#ff0000;background-image:url(../../images/tpl_company/09.png);background-repeat:no-repeat;background-position:17px 12px;color:#FFFFFF;border-radius:4px;cursor:pointer;position:relative;}
    33. 

  33. .jobsshow .l .main .item .btns .app-m .m-re-box{display:none;position:absolute;right:0;top:50px;z-index:9;width:460px;padding:10px 0;font-size:14px;background:#fefce8;border:1px solid #ffe4b5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
    34. 

  34. .m-tx-line{color:#333;text-align:left;padding-left:15px;line-height:14px;}
    35. 

  35. .m-tx-line .cap{line-height: 40px;}
    36. 

  36. .m-tx-line .t{color:#999;}
    37. 

  37. .m-tx-line .o{color:#415571;}
    38. 

  38. .m-tx-ca-line{width:414px;height: 1px;background:#eeeeee;}
    39. 

  39. .jobsshow .l .main .item .btns .app-m .m-re-box .h15{width:100%;height:15px;}
    40. 

  40. .jobsshow .l .main .item .btns .app-m .m-re-box .h18{width:100%;height:18px;}
    41. 

  41. .jobsshow .l .main .item .btns .app-m .m-re-box .red-txt{color:#ff0000;}
    42. 

  42. .jobsshow .l .main .item .btns .app-m .m-re-arr{position:absolute;right:56px;top:-7px;width:10px;height:7px;background:url(../../images/tpl_company/10.png) no-repeat;}
    43. 

  43. .c-i-point-box .c-ib-line{width:330px;height:20px;color: #333;}
    44. 

  44. .c-i-point-box .c-ib-line .c-il-1{float:left;height:20px;line-height:20px;padding-left: 15px;color:#999;}
    45. 

  45. .c-i-point-box .c-ib-line .c-il-2{float:left;width:147px;padding-left:10px;}
    46. 

  46. .c-ib-line .w3{width:3px;height:20px;float:left;}
    47. 

  47. .c-ib-line .c-il-2 .c-star{float:left;width:19px;height:19px;background:url(../../images/tpl_company/11.png);}
    48. 

  48. .c-ib-line .c-il-2 .c-star.selected{background-position:0px -19px;}
    49. 

  49. .c-ib-line .c-il-3{float:left;height:20px;line-height:20px;}
    50. 

  50. .c-ib-line .c-il-3 .p-number{color:#ec661f;}
    51. 

  51. .jobsshow .l .main .item .btns .app-m:hover{background-color:#ec0909}
    52. 

  52. .jobsshow .l .main .item .btns .app-m:hover .m-re-box{display:block;}
    53. 

  53. .jobsshow .l .main .item .btns .sbtn{width:26px;height:26px;float:left;margin-left:8px;margin-right:8px;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:5px -260px;margin-top:15px;cursor:pointer;}
    54. 

  54. .jobsshow .l .main .item .btns .sbtn.s1{background-position:5px -258px;margin-left: 25px;}
    55. 

  55. .jobsshow .l .main .item .btns .sbtn.s1.has-favor{background-position:5px -288px;}
    56. 

  56. .jobsshow .l .main .item .btns .sbtn.s1:hover{background-position:5px -288px;}
    57. 

  57. .jobsshow .l .main .item .btns .sbtn.s2{background-position:5px -318px;}
    58. 

  58. .jobsshow .l .main .item .btns .sbtn.s2:hover{background-position:5px -348px;}
    59. 

  59. .jobsshow .l .main .item .btns .sbtn.s3{background-position:5px -379px;}
    60. 

  60. .jobsshow .l .main .item .btns .sbtn.s3:hover{background-position:5px -414px;}
    61. 

  61. .jobsshow .l .main .contact{width:853px;border-bottom:1px #CCCCCC  dashed;padding-top:15px;padding-bottom:25px;position:relative}
    62. 

  62. .jobsshow .l .main .contact .tit{margin-left:22px;border-left:3px #415571 solid;padding-left:15px;font-size:18px;color:#333333;height:18px;line-height:18px;margin-bottom:25px;}
    63. 

  63. .jobsshow .l .main .contact .txt{height:30px;padding-left:42px;font-size:16px;margin-top:10px;float:left;}
    64. 

  64. .jobsshow .l .main .contact .txt img{vertical-align:middle;padding-left:15px}
    65. 

  65. .jobsshow .l .main .contact .txt .tel{font-family:Georgia,"Times New Roman",Times,serif;color:#415571;font-size:18px;padding-right:30px;}
    66. 

  66. .jobsshow .l .main .contact .appbtn{float:left;width:95px;height:32px;line-height:32px;font-size:14px;color:#415571;border:1px #415571 solid;border-radius:4px;background-color:#FFFFFF;text-align:center;cursor:pointer;margin-top:5px;}
    67. 

  67. .jobsshow .l .main .contact .appbtn:hover{background-color:#415571;color:#FFFFFF;}
    68. 

  68. .jobsshow .l .main .contact .teltip{width:315px;background-color:#A6A6A6;color:#FFFFFF;height:36px;line-height:36px;padding-left:18px;position:relative;margin-top:12px;margin-left:122px;}
    69. 

  69. .jobsshow .l .main .contact .teltip .arrows{position:absolute;left:26px;top:-9px;width:30px;height:12px;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:5px -456px;}
    70. 

  70. .jobsshow .l .main .contact .statistics{width:768px;height:100px;border:1px  #C8C8C8 dashed;margin:0 auto;margin-top:30px;position:relative;}
    71. 

  71. .jobsshow .l .main .contact .statistics .sttit{width:95px;height:25px;line-height:25px;background-color:#FFFFFF;position:absolute;left:20px;top:-15px;text-align:center;font-size:16px;}
    72. 

  72. .jobsshow .l .main .contact .statistics .stli{width:252px;border-right:1px #C8C8C8 dashed;height:70px;float:left;margin-top:15px;}
    73. 

  73. .jobsshow .l .main .contact .statistics .stli.last{border-right-width:0px;}
    74. 

  74. .jobsshow .l .main .contact .statistics .stli .slitit{text-align:center;font-size:18px;color:#415571;height:30px;padding-top:12px;}
    75. 

  75. .jobsshow .l .main .contact .statistics .stli .slitxt{text-align:center;font-size:14px;height:23px;}
    76. 

  76. .jobsshow .l .main .contact .statistics .stli .slitxthelp{text-align:center;font-size:14px;height:23px;position:relative;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:right -490px;width:136px;margin:0 auto;cursor:pointer;}
    77. 

  77. .jobsshow .l .main .contact .statistics .stli .slitxthelp:hover{background-position:right -516px;}
    78. 

  78. .jobsshow .l .main .contact .statistics .stli .slitxthelp .tip{display:none;width:200px;background-color:#A6A6A6;color:#FFFFFF;height:36px;line-height:36px;position:absolute;margin-top:15px;left:75px;top:23px;}
    79. 

  79. .jobsshow .l .main .contact .statistics .stli .slitxthelp .tip .arrows{position:absolute;left:26px;top:-12px;width:30px;height:12px;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:5px -456px;}
    80. 

  80. .jobsshow .l .main .contact .qrcode{width: 500px; padding: 0 40px;}
    81. 

  81. .jobsshow .l .main .contact .qrcode .code{width: 85px; height: 85px; border: 1px #EEEEEE solid; float: left;}
    82. 

  82. .jobsshow .l .main .contact .qrcode .codetxt{float: left; width: 155px; padding-left: 20px; line-height: 160%; padding-top: 10px;}
    83. 

  83. .jobsshow .l .main .describe{width:853px;padding-top:15px;padding-bottom:25px;}
    84. 

  84. .jobsshow .l .main .describe .tit{margin-left:22px;border-left:3px #415571 solid;padding-left:15px;font-size:18px;color:#333333;height:18px;line-height:18px;margin-bottom:20px;}
    85. 

  85. .jobsshow .l .main .describe .txt{padding-left:42px;line-height:180%;padding-right:30px;word-break:break-all;}
    86. 

  86. .jobsshow .l .main .describe .qrcode{width:753px;padding-top:10px;padding-bottom:10px;margin:0 auto;margin-top:30px;background-color:#edf4f9;padding-left:15px;}
    87. 

  87. .jobsshow .l .main .describe .qrcode .code{width:70px;height:70px;padding:3px;background-color:#FFFFFF;float:left}
    88. 

  88. .jobsshow .l .main .describe .qrcode .code img{width:70px;height:70px;border:0px;}
    89. 

  89. .jobsshow .l .main .describe .qrcode .codetxt{float:left;padding-left:15px;padding-top:25px;width:260px;}
    90. 

  90. .jobsshow .l .main .describe .qrcode .res{float:left;padding-left:65px;line-height:200%;padding-top:10px;background-image:url(../../images/tpl_company/02.png);background-repeat:no-repeat;background-position:0px 15px;}
    91. 

  91. .jobsshow .l .main .describe .qrcode .res strong{color:#415571}
    92. 

  92. .jobsshow .l .main .describe .qrcode .res span{padding-left:5px;padding-right:5px;}
    93. 

  93. .jobsshow .l .main .describe .qrcode .resempty{float:left;padding-left:65px;line-height:200%;background-image:url(../../images/tpl_company/02.png);background-repeat:no-repeat;background-position:0px 15px;padding-top:25px;height:50px;}
    94. 

  94. .jobsshow .l .main .describe .qrcode .resempty .resadd{cursor:pointer;display:inline;margin-left:25px;padding:9px 20px;background-color:#415571;color:#FFFFFF;border-radius:6px;}
    95. 

  95. .jobsshow .l .main .describe .qrcode .resempty .resadd:hover{background-color:#637793;}
    96. 

  96. .jobsshow .l .main .describe .qrcode .reslogin{float:left;padding-left:65px;line-height:200%;background-image:url(../../images/tpl_company/02.png);background-repeat:no-repeat;background-position:0px 15px;padding-top:25px;height:50px;}
    97. 

  97. .jobsshow .l .main .describe .qrcode .reslogin .resadd{cursor:pointer;display:inline;margin-left:25px;padding:9px 20px;background-color:#415571;color:#FFFFFF;border-radius:6px;}
    98. 

  98. .jobsshow .l .main .describe .qrcode .reslogin .resadd:hover{background-color:#637793;}
    99. 

  99. .jobsshow .l .main .appjob{padding-left:15px;padding-top:30px;color:#999999}
    100. 

  100. .jobsshow .l .main .appjob .appbtn{cursor:pointer;display:inline;margin-left:25px;margin-right:25px;font-size:16px;padding:10px 25px;background-color:#415571;color:#FFFFFF;border-radius:6px;}
    101. 

  101. .jobsshow .l .main .appjob .appbtn:hover{background-color:#637793;}
    102. 

  102. .jobsshow .l .main .appjob .has-deliver{cursor: default;background-color: #c5c3c3;}
    103. 

  103. .jobsshow .l .main .appjob .has-deliver:hover{cursor: default;background-color: #c5c3c3;}
    104. 

  104. .jobsshow .l .main .appjob .appbtn.btn_disabled{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
    105. 

  105. .jobsshow .l .main .appjob .appbtn.btn_disabled:hover{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
    106. 

  106. .btn_disabled{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
    107. 

  107. .btn_disabled:hover{background-color:#EBEBEB;border:1px #CBCECF solid;color:#A0A0A0;cursor:default}
    108. 

  108. .jobsshow .l .main .favorite{margin-top:35px;padding-left:620px;}
    109. 

  109. .jobsshow .l .main .favorite .fli{width:40px;padding-left:30px;float:left;height:26px;line-height:26px;color:#666666;background-color:#EFEFEF;margin-right:2px;font-size:12px;background-image:url(../../images/tpl_company/01.png);background-repeat:no-repeat;background-position:0px -558px;cursor:pointer}
    110. 

  110. .jobsshow .l .main .favorite .fli.f1{background-position:10px -553px;}
    111. 

  111. .jobsshow .l .main .favorite .fli.f1.has-favor{color:#415571;background-position:10px -593px;width:45px;}
    112. 

  112. .jobsshow .l .main .favorite .fli.f1:hover{color:#415571;background-position:10px -593px;}
    113. 

  113. .jobsshow .l .main .favorite .fli.f2{background-position:10px -632px;}
    114. 

  114. .jobsshow .l .main .favorite .fli.f2:hover{color:#415571;background-position:10px -662px;}
    115. 

  115. .jobsshow .l .main .favorite .fli.f3{background-position:10px -694px;}
    116. 

  116. .jobsshow .l .main .favorite .fli.f3:hover{color:#415571;background-position:10px -725px;}
    117. 

  117. .jobsshow .l .comjobs{width:853px;border:1px #EEEEEE solid;margin-top:25px;}
    118. 

  118. .jobsshow .l .comjobs .tit{width:853px;border-bottom:1px #EEEEEE solid;font-size:16px;color:#333333;height:48px;line-height:48px;}
    119. 

  119. .jobsshow .l .comjobs .tit .t{width:260px;float:left;padding-left:20px;}
    120. 

  120. .jobsshow .l .comjobs .tit .more{font-size:12px;width:140px;float:right;}
    121. 

  121. .jobsshow .l .comjobs .listbox{padding-left:25px;padding-top:20px;}
    122. 

  122. .jobsshow .l .comjobs .list{border:1px #EEEEEE solid;padding-left:12px;padding-top:10px;padding-bottom:5px;float:left;margin-bottom:20px;width:240px;margin-right:20px;}
    123. 

  123. .jobsshow .l .comjobs .list:hover{border:1px #415571 solid;-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;/*opera或ie9*/background-color:#FEFCF8}
    124. 

  124. .jobsshow .l .comjobs .list .jobname{width:235px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    125. 

  125. .jobsshow .l .comjobs .list .jobname .al-img{vertical-align:middle;}
    126. 

  126. .jobsshow .l .comjobs .list .wage{width:130px;color:#415571;height:28px;}
    127. 

  127. .jobsshow .l .comjobs .list .txt{height:28px;padding-right:10px;}
    128. 

  128. .jobsshow .l .comjobs .list .txt .line_substring{float:left;max-width:86px;white-space:nowrap;_white-space:normal;_width:80px;_height:28px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
    129. 

  129. .jobsshow .l .comjobs .list .txt span{padding-left:5px;padding-right:5px;}
    130. 

  130. .jobsshow .r{float:left;width:320px;}
    131. 

  131. .jobsshow .r .cominfo{width:318px;border:1px #EEEEEE solid;}
    132. 

  132. .jobsshow .r .cominfo:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    133. 

  133. .jobsshow .r .cominfo .comlogo{width:140px;height:140px;padding:3px;margin:0 auto;margin-top:40px;margin-bottom:5px;border:1px #EEEEEE solid;}
    134. 

  134. .jobsshow .r .cominfo .comlogo img{width:140px;height:140px;border:0px;}
    135. 

  135. .jobsshow .r .cominfo .comname{text-align:center;font-size:16px;height:45px;line-height:45px;margin-bottom:10px;color:#333333;width:318px;text-align:center;}
    136. 

  136. .jobsshow .r .cominfo .comname .line_substring{display:inline-block;*display:inline;*zoom:1;max-width:200px;white-space:nowrap;_white-space:normal;_width:200px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;margin-left:22px;}
    137. 

  137. .jobsshow .r .cominfo .comname *{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
    138. 

  138. .jobsshow .r .cominfo .comname img{margin-top:2px;margin-left:5px;}
    139. 

  139. .jobsshow .r .cominfo .info{padding-left:30px;height:40px;max-width:260px;white-space:nowrap;_white-space:normal;_width:260px;_height:40px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
    140. 

  140. .jobsshow .r .cominfo .info span{padding:3px 6px;margin-right:20px;background-color:#F8F8F8;color:#666666}
    141. 

  141. .jobsshow .r .famousWrap{width:318px;border:1px #EEEEEE solid;margin-top:20px;}
    142. 

  142. .jobsshow .r .famousWrap:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    143. 

  143. .jobsshow .r .comqrcode{width:288px;border:1px #EEEEEE solid;margin-top:25px;padding-left:30px;padding-top:20px;padding-bottom:20px;}
    144. 

  144. .jobsshow .r .comqrcode:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    145. 

  145. .jobsshow .r .comqrcode .code{width:85px;height:85px;padding:3px;border:1px #EEEEEE solid;float:left;}
    146. 

  146. .jobsshow .r .comqrcode .code img{width:85px;height:85px;}
    147. 

  147. .jobsshow .r .comqrcode .codetxt{float:left;width:155px;padding-left:20px;line-height:160%;}
    148. 

  148. 

  149. .jobsshow .l .comqrcode{width:288px;margin-top:25px;padding-left:30px;padding-top:20px;padding-bottom:20px;}
    150. 

  150. .jobsshow .l .comqrcode:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    151. 

  151. .jobsshow .l .comqrcode .code{width:85px;height:85px;padding:3px;border:1px #EEEEEE solid;float:left;}
    152. 

  152. .jobsshow .l .comqrcode .code img{width:85px;height:85px;}
    153. 

  153. .jobsshow .l .comqrcode .codetxt{float:left;width:155px;padding-left:20px;line-height:160%;}
    154. 

  154. 

  155. .jobsshow .r .security{width:320px;margin-top:25px;}
    156. 

  156. .jobsshow .r .security:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    157. 

  157. .jobsshow .r .security img{width:320px;height:326px;border:0px;}
    158. 

  158. .jobsshow .r .comjobs{width:318px;border:1px #EEEEEE solid;margin-top:25px;}
    159. 

  159. .jobsshow .r .comjobs .tit{width:318px;border-bottom:1px #EEEEEE solid;font-size:16px;color:#333333;height:48px;line-height:48px;}
    160. 

  160. .jobsshow .r .comjobs .tit .t{width:160px;float:left;padding-left:20px;}
    161. 

  161. .jobsshow .r .comjobs .tit .more{font-size:12px;width:50px;float:right;}
    162. 

  162. .jobsshow .r .comjobs .list{border-bottom:1px #EEEEEE solid;padding-left:20px;padding-top:10px;padding-bottom:10px;}
    163. 

  163. .jobsshow .r .comjobs .list:hover{background-color:#FEFCF8}
    164. 

  164. .jobsshow .r .comjobs .list .jobname{width:180px;float:left;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    165. 

  165. .jobsshow .r .comjobs .list .wage{width:100px;float:left;text-align:right;color:#415571;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    166. 

  166. .jobsshow .r .comjobs .list .txt{height:28px;}
    167. 

  167. .jobsshow .r .comjobs .list .txt span{padding-left:5px;padding-right:5px;}
    168. 

  168. .jobsshow .r .comjobs .list .txt .line_substring{float:left;max-width:130px;white-space:nowrap;_white-space:normal;_width:90px;_height:28px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
    169. 

  169. 

  170. /*职位详细页给我留言*/
    171. 

  171. .jobsshow .r .leave_msg{width:318px;border:1px #EEEEEE solid;margin-top:25px;}
    172. 

  172. .jobsshow .r .leave_msg:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    173. 

  173. .jobsshow .r .leave_msg .tit{width:318px;font-size:16px;color:#333333;height:48px;line-height:48px;}
    174. 

  174. .jobsshow .r .leave_msg .tit .t{width:160px;float:left;padding-left:20px;}
    175. 

  175. .jobsshow .r .leave_msg .msg_textarea{padding:10px 20px;padding-top:0;}
    176. 

  176. .jobsshow .r .leave_msg .msg_textarea textarea{height:80px;border-radius:5px;resize:none;padding:10px;border:1px solid #ededed;width:258px;}
    177. 

  177. .jobsshow .r .leave_msg .send_btn_group{margin-top:42px;position:relative;}
    178. 

  178. .jobsshow .r .leave_msg .send_btn_group .send_btn{position:absolute;top:-40px;right:20px;width:74px;height:26px;line-height:26px;text-align:center;border-radius:3px;background:#415571;color:#fff;cursor:pointer;}
    179. 

  179. .jobsshow .r .leave_msg .send_btn_group .send_btn:hover{background:#637793;}
    180. 

  180. 

  181. /* 公司详细页 */
    182. 

  182. .comshow{width:1198px;border:1px #EEEEEE solid;margin:0 auto;/*margin-top:25px;*/}
    183. 

  183. .comshow:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    184. 

  184. .comshow .comlogo{width:140px;height:140px;padding:3px;margin-top:30px;margin-left:30px;margin-bottom:30px;border:1px #EEEEEE solid;float:left;}
    185. 

  185. .comshow .comlogo img{width:140px;height:140px;border:0px;}
    186. 

  186. .comshow .cominfo{float:left;width:950px;padding-left:30px;position:relative}
    187. 

  187. .comshow .cominfo .cname{font-size:20px;height:40px;padding-top:30px;color:#333333;}
    188. 

  188. .comshow .cominfo .cname *{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
    189. 

  189. .comshow .cominfo .txt{height:30px;}
    190. 

  190. .comshow .cominfo .txt span{padding-left:10px;padding-right:10px;}
    191. 

  191. .comshow .cominfo .stat{width:700px;padding-top:15px;}
    192. 

  192. .comshow .cominfo .stat .li{height:50px;float:left;border-right:1px  #E8E8E8 solid;text-align:center;padding:0 25px;}
    193. 

  193. .comshow .cominfo .stat .li.clear_right_border{border-right:none;}
    194. 

  194. .comshow .cominfo .stat .li .t{font-size:18px;color:#333333;font-weight:bold;height:30px;}
    195. 

  195. .comshow .cominfo .share{position:absolute;bottom:0px;right:0px;width:230px;}
    196. 

  196. .comshow .cominfo .share .li{width:28px;height:28px;margin-right:10px;float:left;background-image:url(../../images/tpl_company/05.png);background-repeat:no-repeat;cursor:pointer;margin-top:50px;}
    197. 

  197. .comshow .cominfo .share .li.s1{background-position:0px 0px;}
    198. 

  198. .comshow .cominfo .share .li.s1:hover{background-position:0px -36px;}
    199. 

  199. .comshow .cominfo .share .li.s2{background-position:-33px 0px;}
    200. 

  200. .comshow .cominfo .share .li.s2:hover{background-position:-33px -36px;}
    201. 

  201. .comshow .cominfo .share .li.s3{background-position:-66px 0px;}
    202. 

  202. .comshow .cominfo .share .li.s3:hover{background-position:-66px -36px;}
    203. 

  203. .comshow .cominfo .share .li.s4{background-position:-99px 0px;}
    204. 

  204. .comshow .cominfo .share .li.s4:hover{background-position:-99px -36px;}
    205. 

  205. .comshow .cominfo .share .li.s5{background-position:-132px 0px;}
    206. 

  206. .comshow .cominfo .share .li.s5:hover{background-position:-132px -36px;}
    207. 

  207. .comshow .cominfo .share .li.s6{background-position:-165px 0px;}
    208. 

  208. .comshow .cominfo .share .li.s6:hover{background-position:-165px -36px;}
    209. 

  209. .comshow .cominfo .attention{position:absolute;top:60px;right:0px;width:230px;}
    210. 

  210. .comshow .cominfo .attention .abtn{cursor:pointer;background-image:url(../../images/tpl_company/06.png);background-repeat:no-repeat;background-position:14px 12px;width:44px;padding-left:36px;height:38px;line-height:38px;background-color:#415571;color:#FFFFFF;border-radius:6px;float:left}
    211. 

  211. .comshow .cominfo .attention .abtn.for_cancel{padding-left:0;width:80px;background-image:none;text-align:center;}
    212. 

  212. .comshow .cominfo .attention .abtn:hover{background-color:#637793;}
    213. 

  213. .comshow .cominfo .attention .fans{float:left;width:100px;padding-left:20px;height:38px;line-height:38px;}
    214. 

  214. .comshow .cominfo .attention .fans span{color:#415571}
    215. 

  215. .comshowmain{width:1200px;margin:0 auto;margin-top:25px;}
    216. 

  216. .comshowmain .l{float:left;width:880px;}
    217. 

  217. .comshowmain .l .comnav{width:853px;border:1px #EEEEEE solid;height:50px;}
    218. 

  218. .comshowmain .l .comnav:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    219. 

  219. .comshowmain .l .comnav a{display:block;text-decoration:none;width:130px;float:left;height:50px;line-height:50px;text-align:center;font-size:16px;color:#333333;}
    220. 

  220. .comshowmain .l .comnav a span{padding-left:5px;}
    221. 

  221. .comshowmain .l .comnav a:hover{background-color:#F9F9F9}
    222. 

  222. .comshowmain .l .comnav a.select{background-color:#415571;color:#FFFFFF}
    223. 

  223. .comshowmain .l .comnav .for-al{float:left;position:relative;width:1px;height:50px;}
    224. 

  224. .comshowmain .l .comnav .for-al .m-re-box{position:absolute;left:-120px;top:57px;z-index:1;padding-left:12px;padding-right:45px;width:265px;height:42px;line-height:40px;font-size:12px;color:#666;background:#ed3030;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-weight:bold;color:#FFF;}
    225. 

  225. .comshowmain .l .comnav .for-al .m-re-box .red-txt{color:#fff;}
    226. 

  226. .comshowmain .l .comnav .for-al .m-re-arr{position:absolute;left:50px;top:-6px;width:10px;height:7px;background:url(../../images/tpl_company/13.png) no-repeat;}
    227. 

  227. .comshowmain .l .comnav .for-al .m-re-clo{position:absolute;left:300px;top:16px;width:9px;height:9px;background:url(../../images/tpl_company/14.png) 0 0 no-repeat;cursor:pointer;}
    228. 

  228. .comshowmain .l .infobox{margin-top:25px;width:853px;border:1px #EEEEEE solid;position:relative;padding-bottom:30px;}
    229. 

  229. .comshowmain .l .infobox:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    230. 

  230. .comshowmain .l .infobox .more{position:absolute;right:15px;top:15px;width:100px;height:20px;}
    231. 

  231. .comshowmain .l .infobox .t{font-size:16px;color:#333333;padding-left:55px;margin-top:15px;background-image:url(../../images/tpl_company/07.png);background-repeat:no-repeat;background-position:20px 15px;height:30px;font-weight:bold}
    232. 

  232. .comshowmain .l .infobox .t.t1{background-position:30px 2px;}
    233. 

  233. .comshowmain .l .infobox .t.t2{background-position:30px -43px;}
    234. 

  234. .comshowmain .l .infobox .t.t3{background-position:30px -86px;}
    235. 

  235. .comshowmain .l .infobox .t.t4{background-position:30px -125px;}
    236. 

  236. .comshowmain .l .infobox .txt{padding-left:55px;padding-right:40px;line-height:180%;word-break:break-all;}
    237. 

  237. .comshowmain .l .infobox .lab{padding-left:55px;}
    238. 

  238. .comshowmain .l .infobox .lab .labsli{padding-left:15px;padding-right:15px;float:left;height:32px;line-height:32px;margin-right:20px;border:1px #EBEBEB solid;border-radius:4px;background-color:#FFFFFF;margin-top:20px;}
    239. 

  239. .comshowmain .l .infobox .lab .labsli:hover{background-color:#FFFAF0;border:1px #415571 solid;color:#415571}
    240. 

  240. .comshowmain .l .infobox .jobs{padding-left:55px;padding-top:10px;}
    241. 

  241. .comshowmain .l .infobox .jobs .jobsli{width:330px;float:left;margin-right:20px;margin-bottom:20px;padding:5px 15px;background-color:#F9F9F9;}
    242. 

  242. .comshowmain .l .infobox .jobs .jobsli:hover{background-color:#F7F7F7}
    243. 

  243. .comshowmain .l .infobox .jobs .jobsli .ljob{width:210px;float:left;height:30px;line-height:30px;_display:inline;max-width:210px;white-space:nowrap;_white-space:normal;_height:30px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
    244. 

  244. .comshowmain .l .infobox .jobs .jobsli .ljob span{padding-left:10px;}
    245. 

  245. .comshowmain .l .infobox .jobs .jobsli .ljob .al-img{vertical-align:middle;}
    246. 

  246. .comshowmain .l .infobox .jobs .jobsli .rjob{width:120px;float:left;height:30px;line-height:30px;text-align:right}
    247. 

  247. .comshowmain .l .infobox .jobs .jobsli .rjob.c{color:#415571}
    248. 

  248. .comshowmain .l .infobox .comimg{position:relative;width:100%;}
    249. 

  249. .comshowmain .l .infobox .comimg .box{overflow:hidden;position:relative;width:760px;_width:780px;height:170px;padding-top:10px;margin:0 auto;}
    250. 

  250. .comshowmain .l .infobox .comimg .list{overflow:hidden;width:9999px;}
    251. 

  251. .comshowmain .l .infobox .comimg .list li{float:left;width:170px;height:170px;padding-left:10px;padding-right:10px;background-color:#fff;text-align:center;}
    252. 

  252. .comshowmain .l .infobox .comimg .list li img{max-width:168px;max-height:168px;cursor:pointer;}
    253. 

  253. .comshowmain .l .infobox .comimg .plus,.comshowmain .l .infobox .comimg .minus{position:absolute;height:180px;width:30px;background-image:url(../../images/tpl_company/07.png);background-repeat:no-repeat;cursor:pointer;top:0px;display:block;}
    254. 

  254. .comshowmain .l .infobox .comimg .plus{background-position:5px -142px;left:20px;}
    255. 

  255. .comshowmain .l .infobox .comimg .minus{background-position:5px -363px;right:20px;}
    256. 

  256. .comshowmain .l .infobox .comimg .plus:hover{background-position:5px -252px;}
    257. 

  257. .comshowmain .l .infobox .comimg .minus:hover{background-position:5px -472px;}
    258. 

  258. .comshowmain .l .jobslist{border-bottom:1px #EEEEEE solid;padding-left:30px;padding-top:20px;padding-bottom:10px;position:relative}
    259. 

  259. .comshowmain .l .jobslist:hover{background-color:#F9F9F9}
    260. 

  260. .comshowmain .l .jobslist .jname{height:30px;}
    261. 

  261. .comshowmain .l .jobslist .jname span{padding-left:15px;}
    262. 

  262. .comshowmain .l .jobslist .jname u{color:#415571;text-decoration:none}
    263. 

  263. .comshowmain .l .jobslist .jname .al-img{vertical-align:middle;}
    264. 

  264. .comshowmain .l .jobslist .jtxt{height:30px;}
    265. 

  265. .comshowmain .l .jobslist .jtxt span{padding-left:10px;color:#CCCCCC;font-size:10px;padding-right:10px;}
    266. 

  266. .comshowmain .l .jobslist .jtxt u{color:#415571;text-decoration:none}
    267. 

  267. .comshowmain .l .jobslist .jobapp{width:70px;height:34px;line-height:34px;border:1px #415571 solid;background-color:#FFFFFF;color:#415571;padding-left:35px;border-radius:4px;position:absolute;right:60px;top:26px;cursor:pointer;background-image:url(../../images/tpl_company/07.png);background-repeat:no-repeat;background-position:10px -796px;}
    268. 

  268. .comshowmain .l .jobslist .jobapp:hover{background-color:#415571;color:#FFFFFF;background-position:10px -826px;}
    269. 

  269. 

  270. .comshowmain .l .jobslist .has-deliver,.comshowmain .l .jobslist .has-deliver:hover{cursor: default;background-color: #c5c3c3;color: #fff;border-color:#c5c3c3;background-position: 10px -825px; }
    271. 

  271. 

  272. 

  273. 

  274. .comshowmain .l .infobox .j-more{width:830px;margin:0 auto;height:38px;line-height:38px;text-align:center;background-color:#F1F5F8;margin-top:15px;cursor:pointer;}
    275. 

  275. .comshowmain .l .infobox .j-more:hover{background-color:#DAE4ED;}
    276. 

  276. .comshowmain .r{float:left;width:320px;}
    277. 

  277. .comshowmain .r .contact{width:318px;border:1px #EEEEEE solid;padding-bottom:30px;}
    278. 

  278. .comshowmain .r .contact:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    279. 

  279. .comshowmain .r .contact .t{font-size:16px;color:#333333;padding-left:45px;margin-top:15px;background-image:url(../../images/tpl_company/07.png);background-repeat:no-repeat;background-position:20px -686px;height:30px;font-weight:bold;position:relative;}
    280. 

  280. .comshowmain .r .contact .t .t_check{position:absolute;top:0;right:15px;font-size:14px;line-height:22px;font-weight:normal;}
    281. 

  281. .comshowmain .r .contact .t .t_check .check_btn{width:48px;height:24px;line-height:22px;font-size:14px;color:#415571;border:1px #415571 solid;border-radius:4px;background-color:#FFFFFF;text-align:center;cursor:pointer;margin-top:0;margin-left:10px;font-size:12px;}
    282. 

  282. .comshowmain .r .contact .t .t_check .check_btn:hover{background-color:#415571;color:#FFFFFF;}
    283. 

  283. .comshowmain .r .contact .txt{height:32px;line-height:32px;padding-left:35px;padding-right:30px;margin-top:8px;}
    284. 

  284. .comshowmain .r .contact .txt .img_cell{display:inline-block;*display:inline;*zoom:1;height:28px;line-height:28px;padding-top:4px;}
    285. 

  285. .comshowmain .r .contact .txt .img_cell img{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
    286. 

  286. .comshowmain .r .contact .txt .txt_t{background-color:#F5F5F5;padding:3px 6px;margin-right:20px;line-height:14px;margin-top:6px;width:28px;text-align:center;}
    287. 

  287. .comshowmain .r .contact .txt .content_c{max-width:190px;white-space:nowrap;_white-space:normal;_width:190px;_height:32px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
    288. 

  288. .comshowmain .r .contact .txt .fl{float:left}
    289. 

  289. .comshowmain .r .contact .txt .line_substring{float:left;max-width:180px;white-space:nowrap;_white-space:normal;_width:180px;_height:32px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;_background:transparent;}
    290. 

  290. .comshowmain .r .contact .map{width:248px;height:150px;margin:0 auto;border:1px #EEEEEE solid;background-color:#F7F7F7;margin-top:15px;}
    291. 

  291. .comshowmain .r .famousWrap{width:318px;border:1px #EEEEEE solid;margin-top:20px;}
    292. 

  292. .comshowmain .r .famousWrap:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    293. 

  293. .comshowmain .r .weixin{width:318px;border:1px #EEEEEE solid;padding-bottom:30px;margin-top:25px;}
    294. 

  294. .comshowmain .r .weixin:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    295. 

  295. .comshowmain .r .weixin .t{font-size:16px;color:#333333;padding-left:45px;margin-top:15px;background-image:url(../../images/tpl_company/07.png);background-repeat:no-repeat;background-position:20px -726px;height:30px;font-weight:bold}
    296. 

  296. .comshowmain .r .weixin .code{width:140px;height:140px;margin:0 auto;border:1px #EEEEEE solid;padding:10px;margin-top:15px;margin-bottom:10px;}
    297. 

  297. .comshowmain .r .weixin .code img{width:140px;height:140px;}
    298. 

  298. .comshowmain .r .same{width:318px;border:1px #EEEEEE solid;padding-bottom:15px;margin-top:25px;}
    299. 

  299. .comshowmain .r .same:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    300. 

  300. .comshowmain .r .same .t{font-size:16px;color:#333333;padding-left:45px;margin-top:15px;background-image:url(../../images/tpl_company/07.png);background-repeat:no-repeat;background-position:20px -758px;height:30px;font-weight:bold}
    301. 

  301. .comshowmain .r .same .list{padding-left:30px;padding-top:10px;padding-bottom:10px;}
    302. 

  302. .comshowmain .r .same .list:hover{background-color:#F9F9F9}
    303. 

  303. .comshowmain .r .same .list .pic{width:63px;height:63px;border-radius:8px;float:left;border:1px #EEEEEE solid}
    304. 

  304. .comshowmain .r .same .list .pic img{width:63px;height:63px;border-radius:8px;}
    305. 

  305. .comshowmain .r .same .list .txt{padding-left:15px;padding-top:5px;float:left}
    306. 

  306. .comshowmain .r .same .list .txt .comname{height:30px;width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    307. 

  307. .comshowmain .r .same .list .txt .count{height:25px;}
    308. 

  308. .comshowmain .r .same .list .txt .count span{color:#415571;font-weight:bold}
    309. 

  309. 

  310. /*公司详细页给我留言*/
    311. 

  311. .comshowmain .r .leave_msg{width:318px;border:1px #EEEEEE solid;margin-top:25px;}
    312. 

  312. .comshowmain .r .leave_msg:hover{-moz-box-shadow:0px 0px 10px #E4E4E4;/*firefox*/-webkit-box-shadow:0px 0px 10px #E4E4E4;/*safari或chrome*/box-shadow:0px 0px 10px #E4E4E4;background-color:#FFFFFF}
    313. 

  313. .comshowmain .r .leave_msg .t{font-size:16px;color:#333333;padding-left:45px;margin-top:15px;background-image:url(../../images/tpl_company/07.png);background-repeat:no-repeat;background-position:20px -872px;height:30px;font-weight:bold}
    314. 

  314. .comshowmain .r .leave_msg .msg_textarea{padding:10px 20px;}
    315. 

  315. .comshowmain .r .leave_msg .msg_textarea textarea{height:80px;border-radius:5px;resize:none;padding:10px;border:1px solid #ededed;width:258px;}
    316. 

  316. .comshowmain .r .leave_msg .send_btn_group{margin-top:42px;position:relative;}
    317. 

  317. .comshowmain .r .leave_msg .send_btn_group .send_btn{position:absolute;top:-40px;right:20px;width:74px;height:26px;line-height:26px;text-align:center;border-radius:3px;background:#415571;color:#fff;cursor:pointer;}
    318. 

  318. .comshowmain .r .leave_msg .send_btn_group .send_btn:hover{background:#637793;}
    319.