@charset "utf-8";
/**************start reset*****************/
html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, system-ui, Segoe UI, PingFang SC, Microsoft YaHei,
    Arial, sans-serif;
  font-size: 100%;
  color: #333;
  word-wrap: break-word;
  word-wrap: normal;
}
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0 none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: "";
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
em,
i {
  font-weight: normal;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #333;
  outline: none;
}
a:hover {
  text-decoration: none;
  outline: none;
  color: #ff3366;
}
input[type="text"],
textarea {
  font-family: -apple-system, system-ui, Segoe UI, PingFang SC, Microsoft YaHei,
    Arial, sans-serif;
  outline: none;
}
input[type="checkbox"] {
  margin-left: 0px;
  padding-left: 0px;
  margin-left: -4px;
}
input[type="radio"] {
  margin-left: 0px;
  margin-top: 0;
  padding-left: 0px;
  vertical-align: middle;
  margin-left: -4px;
}
input::-ms-reveal {
  display: none;
} /*ie edge*/
input::-ms-clear {
  display: none;
}
input::-o-clear {
  display: none;
}
input::-webkit-input-placeholder {
  color: #bbb;
}
blockquote {
  background: url("../images/common/blockquote.gif") no-repeat scroll left top
    #f6f6f6;
  color: #333;
  padding: 8px 10px 8px 30px;
}
button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
}
button:disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.clear {
  clear: both;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
.z_in_100 {
  z-index: 100;
}
.z_in_1000 {
  z-index: 1000;
}
.word_nowrap {
  white-space: nowrap;
}
.cursor_pointer {
  cursor: pointer;
}
.alpha_80 {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.right_0 {
  right: 0px;
}
.transition {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/**************end reset*****************/ /* CSS Document */
.f_l {
  float: left;
}
.f_r {
  float: right;
}
.a_l {
  text-align: left;
}
.a_c {
  text-align: center;
}
.a_r {
  text-align: right;
}
.a_j {
  text-align: justify;
}
.v_t {
  vertical-align: top;
}
.v_m {
  vertical-align: middle;
}
.v_b {
  vertical-align: bottom;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.inline_bk {
  display: inline-block;
}
.tab_box {
  display: table;
}
.tab_cell {
  display: table-cell;
}
.over_f_h {
  overflow: hidden;
}
.tover_f_h {
  height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.over_f_y_auto {
  overflow-y: auto;
}
.pos_rel {
  position: relative;
}
.pos_ab {
  position: absolute;
}
.pos_fix {
  position: fixed;
}
.cur_pt {
  cursor: pointer;
}
.cur_dt {
  cursor: default;
}
.text_under {
  text-decoration: underline;
}
.text_lt {
  text-decoration: line-through;
}
.lh_0 {
  line-height: 0;
}
@font-face {
  font-family: "headfont";
  src: url("headicons/iconfont.woff2?t=1715764480511") format("woff2"),
    url("headicons/iconfont.woff?t=1715764480511") format("woff"),
    url("headicons/iconfont.ttf?t=1715764480511") format("truetype");
}
.headfont {
  font-family: "headfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hicon_user_auth:before {
  content: "\e6cd";
}
.hicon_arrow:before {
  content: "\e619";
}
.hicon_project:before {
  content: "\e6cc";
}
.hicon_company:before {
  content: "\e6cb";
}
.hicon_money:before {
  content: "\e6c2";
}
.hicon_home_fill:before {
  content: "\e6ac";
}
.hicon_explor:before {
  content: "\e6eb";
}
.hicon_pen:before {
  content: "\e6c9";
}
.hicon_message:before {
  content: "\e6ca";
}
.hicon_interactive:before {
  content: "\e698";
}
.hicon_chati:before {
  content: "\e6fc";
}
.hicon_collectx:before {
  content: "\e6b7";
}
.hicon_clock:before {
  content: "\e688";
}
.hicon_content:before {
  content: "\e68c";
}
.hicon_data_pie:before {
  content: "\e690";
}
.hicon_home:before {
  content: "\e691";
}
.hicon_edit:before {
  content: "\e694";
}
.hicon_collect_fill:before {
  content: "\e699";
}
.hicon_people:before {
  content: "\e6e8";
}
.hicon_auth_writer:before {
  content: "\e702";
}
.w_100p {
  width: 100%;
}
.w_1020 {
  width: 1020px;
}
.w_1000 {
  width: 1000px;
}
.w_998 {
  width: 998px;
}
.w_992 {
  width: 992px;
}
.w_978 {
  width: 978px;
}
.w_970 {
  width: 970px;
}
.w_960 {
  width: 960px;
}
.w_950 {
  width: 950px;
}
.w_945 {
  width: 945px;
}
.w_940 {
  width: 940px;
}
.w_938 {
  width: 938px;
}
.w_920 {
  width: 920px;
}
.w_900 {
  width: 900px;
}
.w_880 {
  width: 880px;
}
.w_855 {
  width: 855px;
}
.w_815 {
  width: 815px;
}
.w_810 {
  width: 810px;
}
.w_800 {
  width: 800px;
}
.w_720 {
  width: 720px;
}
.w_713 {
  width: 713px;
}
.w_700 {
  width: 700px;
}
.w_692 {
  width: 692px;
}
.w_680 {
  width: 680px;
}
.w_678 {
  width: 678px;
}
.w_666 {
  width: 666px;
}
.w_660 {
  width: 660px;
}
.w_648 {
  width: 648px;
}
.w_640 {
  width: 640px;
}
.w_639 {
  width: 639px;
}
.w_634 {
  width: 634px;
}
.w_632 {
  width: 632px;
}
.w_630 {
  width: 630px;
}
.w_620 {
  width: 620px;
}
.w_610 {
  width: 610px;
}
.w_600 {
  width: 600px;
}
.w_598 {
  width: 598px;
}
.w_590 {
  width: 590px;
}
.w_589 {
  width: 589px;
}
.w_580 {
  width: 580px;
}
.w_570 {
  width: 570px;
}
.w_560 {
  width: 560px;
}
.w_550 {
  width: 550px;
}
.w_540 {
  width: 540px;
}
.w_530 {
  width: 530px;
}
.w_515 {
  width: 515px;
}
.w_505 {
  width: 505px;
}
.w_500 {
  width: 500px;
}
.w_490 {
  width: 490px;
}
.w_487 {
  width: 487px;
}
.w_485 {
  width: 485px;
}
.w_484 {
  width: 484px;
}
.w_470 {
  width: 470px;
}
.w_468 {
  width: 468px;
}
.w_460 {
  width: 460px;
}
.w_458 {
  width: 458px;
}
.w_450 {
  width: 450px;
}
.w_448 {
  width: 448px;
}
.w_445 {
  width: 445px;
}
.w_440 {
  width: 440px;
}
.w_430 {
  width: 430px;
}
.w_420 {
  width: 420px;
}
.w_410 {
  width: 410px;
}
.w_400 {
  width: 400px;
}
.w_398 {
  width: 398px;
}
.w_380 {
  width: 380px;
}
.w_370 {
  width: 370px;
}
.w_360 {
  width: 360px;
}
.w_357 {
  width: 357px;
}
.w_350 {
  width: 350px;
}
.w_340 {
  width: 340px;
}
.w_330 {
  width: 330px;
}
.w_325 {
  width: 325px;
}
.w_320 {
  width: 320px;
}
.w_310 {
  width: 310px;
}
.w_308 {
  width: 308px;
}
.w_302 {
  width: 302px;
}
.w_300 {
  width: 300px;
}
.w_297 {
  width: 297px;
}
.w_290 {
  width: 290px;
}
.w_280 {
  width: 280px;
}
.w_278 {
  width: 278px;
}
.w_275 {
  width: 275px;
}
.w_272 {
  width: 272px;
}
.w_270 {
  width: 270px;
}
.w_264 {
  width: 264px;
}
.w_263 {
  width: 263px;
}
.w_260 {
  width: 260px;
}
.w_252 {
  width: 252px;
}
.w_250 {
  width: 250px;
}
.w_245 {
  width: 245px;
}
.w_244 {
  width: 244px;
}
.w_240 {
  width: 240px;
}
.w_235 {
  width: 235px;
}
.w_230 {
  width: 230px;
}
.w_225 {
  width: 225px;
}
.w_220 {
  width: 220px;
}
.w_219 {
  width: 219px;
}
.w_215 {
  width: 215px;
}
.w_210 {
  width: 210px;
}
.w_208 {
  width: 208px;
}
.w_200 {
  width: 200px;
}
.w_194 {
  width: 194px;
}
.w_190 {
  width: 190px;
}
.w_180 {
  width: 180px;
}
.w_178 {
  width: 178px;
}
.w_175 {
  width: 175px;
}
.w_170 {
  width: 170px;
}
.w_165 {
  width: 165px;
}
.w_160 {
  width: 160px;
}
.w_156 {
  width: 156px;
}
.w_154 {
  width: 154px;
}
.w_150 {
  width: 150px;
}
.w_140 {
  width: 140px;
}
.w_138 {
  width: 138px;
}
.w_137 {
  width: 137px;
}
.w_130 {
  width: 130px;
}
.w_126 {
  width: 126px;
}
.w_125 {
  width: 125px;
}
.w_124 {
  width: 124px;
}
.w_122 {
  width: 122px;
}
.w_120 {
  width: 120px;
}
.w_110 {
  width: 110px;
}
.w_100 {
  width: 100px;
}
.w_96 {
  width: 96px;
}
.w_95 {
  width: 95px;
}
.w_94 {
  width: 94px;
}
.w_90 {
  width: 90px;
}
.w_88 {
  width: 88px;
}
.w_85 {
  width: 85px;
}
.w_84 {
  width: 84px;
}
.w_80 {
  width: 80px;
}
.w_75 {
  width: 75px;
}
.w_70 {
  width: 70px;
}
.w_67 {
  width: 67px;
}
.w_62 {
  width: 62px;
}
.w_60 {
  width: 60px;
}
.w_56 {
  width: 56px;
}
.w_54 {
  width: 54px;
}
.w_55 {
  width: 55px;
}
.w_50 {
  width: 50px;
}
.w_48 {
  width: 48px;
}
.w_46 {
  width: 46px;
}
.w_45 {
  width: 45px;
}
.w_40 {
  width: 40px;
}
.w_32 {
  width: 32px;
}
.w_30 {
  width: 30px;
}
.w_25 {
  width: 25px;
}
.w_24 {
  width: 24px;
}
.w_20 {
  width: 20px;
}
/**************end width*****************/
.h_line_15 {
  height: 15px;
  line-height: 15px;
}
.h_line_20 {
  height: 20px;
  line-height: 20px;
}
.h_line_22 {
  height: 22px;
  line-height: 22px;
}
.h_line_24 {
  height: 24px;
  line-height: 24px;
}
.h_line_25 {
  height: 25px;
  line-height: 25px;
}
.h_line_28 {
  height: 28px;
  line-height: 28px;
}
.h_line_30 {
  height: 30px;
  line-height: 30px;
}
.h_line_32 {
  height: 32px;
  line-height: 32px;
}
.h_line_35 {
  height: 35px;
  line-height: 35px;
}
.h_line_38 {
  height: 38px;
  line-height: 38px;
}
.h_line_40 {
  height: 40px;
  line-height: 38px;
}
.h_line_50 {
  height: 50px;
  line-height: 50px;
}
.h_line_55 {
  height: 55px;
  line-height: 55px;
}
.h_line_60 {
  height: 60px;
  line-height: 60px;
}
.h_line_70 {
  height: 70px;
  line-height: 70px;
}
.h_line_80 {
  height: 80px;
  line-height: 80px;
}
.h_line_100 {
  height: 100px;
  line-height: 100px;
}
.h_line_200 {
  height: 200px;
  line-height: 200px;
}
.h_800 {
  height: 800px;
}
.h_600 {
  height: 600px;
}
.h_320 {
  height: 320px;
}
.h_220 {
  height: 220px;
}
.h_215 {
  height: 215px;
}
.h_200 {
  height: 200px;
}
.h_180 {
  height: 180px;
}
.h_175 {
  height: 175px;
}
.h_160 {
  height: 160px;
}
.h_156 {
  height: 156px;
  _overflow: hidden;
}
.h_150 {
  height: 150px;
}
.h_147 {
  height: 147px;
}
.h_132 {
  height: 132px;
}
.h_130 {
  height: 130px;
}
.h_120 {
  height: 120px;
}
.h_110 {
  height: 110px;
}
.h_100 {
  height: 100px;
}
.h_90 {
  height: 90px;
}
.h_85 {
  height: 85px;
}
.h_82 {
  height: 82px;
}
.h_80 {
  height: 80px;
}
.h_72 {
  height: 72px;
}
.h_65 {
  height: 65px;
}
.h_60 {
  height: 60px;
}
.h_50 {
  height: 50px;
}
.h_45 {
  height: 45px;
}
.h_42 {
  height: 42px;
}
.h_40 {
  height: 40px;
}
.h_36 {
  height: 36px;
}
.h_32 {
  height: 32px;
}
.h_30 {
  height: 30px;
}
.h_25 {
  height: 25px;
}
.h_20 {
  height: 20px;
}
.line_em {
  line-height: 1.5em;
}
.line_16 {
  line-height: 1.6em;
}
.line_18 {
  line-height: 1.8em;
}
.line_2em {
  line-height: 2em;
}
.line_26 {
  line-height: 2.6em;
}
.minh_400 {
  min-height: 400px;
}
/**************end height*****************/
.mg_td_50 {
  margin-top: -50px;
  z-index: 11;
}
.mg_td_10 {
  margin-top: -10px;
}
.mg_td_2 {
  margin-top: -2px;
}
.mg_td_4 {
  margin-top: -4px;
}
.mg_bd_4 {
  margin-bottom: -4px;
}
.mg_bd_3 {
  margin-bottom: -3px;
}
.mg_0_4 {
  margin: 0 4px;
}
.mg_0_auto {
  margin: 0 auto;
}
.mg_t_1 {
  margin-top: 1px;
}
.mg_t_2 {
  margin-top: 2px;
}
.mg_t_4 {
  margin-top: 4px;
}
.mg_t_5 {
  margin-top: 5px;
}
.mg_t_6 {
  margin-top: 6px;
}
.mg_t_7 {
  margin-top: 7px;
}
.mg_t_10 {
  margin-top: 10px;
}
.mg_t_11 {
  margin-top: 11px;
}
.mg_t_12 {
  margin-top: 12px;
}
.mg_t_14 {
  margin-top: 14px;
}
.mg_t_15 {
  margin-top: 15px;
}
.mg_t_17 {
  margin-top: 17px;
}
.mg_t_20 {
  margin-top: 20px;
}
.mg_t_25 {
  margin-top: 25px;
}
.mg_t_30 {
  margin-top: 30px;
}
.mg_t_35 {
  margin-top: 35px;
}
.mg_t_50 {
  margin-top: 50px;
}
.mg_t_60 {
  margin-top: 60px;
}
.mg_t_90 {
  margin-top: 90px;
}
.mg_t_100 {
  margin-top: 100px;
}
.mg_r_1 {
  margin-right: 1px;
}
.mg_r_2 {
  margin-right: 2px;
}
.mg_r_3 {
  margin-right: 3px;
}
.mg_r_4 {
  margin-right: 4px;
}
.mg_r_5 {
  margin-right: 5px;
}
.mg_r_6 {
  margin-right: 6px;
}
.mg_r_7 {
  margin-right: 7px;
}
.mg_r_8 {
  margin-right: 8px;
}
.mg_r_10 {
  margin-right: 10px;
}
.mg_r_12 {
  margin-right: 12px;
}
.mg_r_15 {
  margin-right: 15px;
}
.mg_r_16 {
  margin-right: 16px;
}
.mg_r_18 {
  margin-right: 18px;
}
.mg_r_20 {
  margin-right: 20px;
}
.mg_r_25 {
  margin-right: 25px;
}
.mg_r_30 {
  margin-right: 30px;
}
.mg_r_40 {
  margin-right: 40px;
}
.mg_r_50 {
  margin-right: 50px;
}
.mg_r_57 {
  margin-right: 57px;
}
.mg_r_60 {
  margin-right: 60px;
}
.mg_ld_1 {
  margin-left: -1px;
}
.mg_ld_4 {
  margin-left: -4px;
}
.mg_l_1 {
  margin-left: 1px;
}
.mg_l_2 {
  margin-left: 2px;
}
.mg_l_4 {
  margin-left: 4px;
}
.mg_l_5 {
  margin-left: 5px;
}
.mg_l_8 {
  margin-left: 8px;
}
.mg_l_10 {
  margin-left: 10px;
}
.mg_l_15 {
  margin-left: 15px;
}
.mg_l_20 {
  margin-left: 20px;
}
.mg_l_30 {
  margin-left: 30px;
}
.mg_l_40 {
  margin-left: 40px;
}
.mg_l_69 {
  margin-left: 69px;
}
.mg_l_70 {
  margin-left: 70px;
}
.mg_l_370 {
  margin-left: 370px;
}
.mg_b_1 {
  margin-bottom: 1px;
}
.mg_b_2 {
  margin-bottom: 2px;
}
.mg_b_3 {
  margin-bottom: 3px;
}
.mg_b_5 {
  margin-bottom: 5px;
}
.mg_b_7 {
  margin-bottom: 7px;
}
.mg_b_10 {
  margin-bottom: 10px;
}
.mg_b_12 {
  margin-bottom: 12px;
}
.mg_b_15 {
  margin-bottom: 15px;
}
.mg_b_16 {
  margin-bottom: 16px;
}
.mg_b_20 {
  margin-bottom: 20px;
}
.mg_b_25 {
  margin-bottom: 25px;
}
.mg_b_30 {
  margin-bottom: 30px;
}
.mg_b_35 {
  margin-bottom: 35px;
}
.mg_b_40 {
  margin-bottom: 40px;
}
.mg_b_45 {
  margin-bottom: 45px;
}
.mg_b_48 {
  margin-bottom: 48px;
}
.mg_b_50 {
  margin-bottom: 50px;
}
.mg_b_60 {
  margin-bottom: 60px;
}
.mg_b_70 {
  margin-bottom: 70px;
}
.mg_b_80 {
  margin-bottom: 80px;
}
.mg_b_100 {
  margin-bottom: 100px;
}
.mg_b_130 {
  margin-bottom: 130px;
}
.mg_b_150 {
  margin-bottom: 150px;
}
.mg_b_300 {
  margin-bottom: 300px;
}
/**************end margin*****************/
.pd_t_1 {
  padding-top: 1px;
}
.pd_t_2 {
  padding-top: 2px;
}
.pd_t_3 {
  padding-top: 3px;
}
.pd_t_5 {
  padding-top: 5px;
}
.pd_t_8 {
  padding-top: 8px;
}
.pd_t_10 {
  padding-top: 10px;
}
.pd_t_12 {
  padding-top: 12px;
}
.pd_t_15 {
  padding-top: 15px;
}
.pd_t_18 {
  padding-top: 18px;
}
.pd_t_20 {
  padding-top: 20px;
}
.pd_t_22 {
  padding-top: 22px;
}
.pd_t_25 {
  padding-top: 25px;
}
.pd_t_30 {
  padding-top: 30px;
}
.pd_t_33 {
  padding-top: 33px;
}
.pd_t_35 {
  padding-top: 35px;
}
.pd_t_40 {
  padding-top: 40px;
}
.pd_t_43 {
  padding-top: 43px;
}
.pd_t_45 {
  padding-top: 45px;
}
.pd_t_50 {
  padding-top: 50px;
}
.pd_t_55 {
  padding-top: 55px;
}
.pd_t_60 {
  padding-top: 60px;
}
.pd_t_65 {
  padding-top: 65px;
}
.pd_t_70 {
  padding-top: 70px;
}
.pd_t_75 {
  padding-top: 75px;
}
.pd_t_80 {
  padding-top: 80px;
}
.pd_t_100 {
  padding-top: 100px;
}
.pd_t_120 {
  padding-top: 120px;
}
.pd_l_5 {
  padding-left: 5px;
}
.pd_l_10 {
  padding-left: 10px;
}
.pd_l_12 {
  padding-left: 12px;
}
.pd_l_15 {
  padding-left: 15px;
}
.pd_l_16 {
  padding-left: 16px;
}
.pd_l_20 {
  padding-left: 20px;
}
.pd_l_24 {
  padding-left: 24px;
}
.pd_l_25 {
  padding-left: 25px;
}
.pd_l_26 {
  padding-left: 26px;
}
.pd_l_27 {
  padding-left: 27px;
}
.pd_l_28 {
  padding-left: 28px;
}
.pd_l_29 {
  padding-left: 29px;
}
.pd_l_30 {
  padding-left: 30px;
}
.pd_l_35 {
  padding-left: 35px;
}
.pd_l_40 {
  padding-left: 40px;
}
.pd_l_50 {
  padding-left: 50px;
}
.pd_l_55 {
  padding-left: 55px;
}
.pd_l_70 {
  padding-left: 70px;
}
.pd_l_75 {
  padding-left: 75px;
}
.pd_l_340 {
  padding-left: 340px;
}
.pd_l_100 {
  padding-left: 100px;
}
.pd_l_110 {
  padding-left: 110px;
}
.pd_l_120 {
  padding-left: 120px;
}
.pd_l_160 {
  padding-left: 160px;
}
.pd_l_240 {
  padding-left: 240px;
}
.pd_l_275 {
  padding-left: 275px;
}
.pd_l_280 {
  padding-left: 280px;
}
.pd_l_296 {
  padding-left: 296px;
}
.pd_l_315 {
  padding-left: 315px;
}
.pd_b_1 {
  padding-bottom: 1px;
}
.pd_b_2 {
  padding-bottom: 2px;
}
.pd_b_5 {
  padding-bottom: 5px;
}
.pd_b_10 {
  padding-bottom: 10px;
}
.pd_b_12 {
  padding-bottom: 12px;
}
.pd_b_13 {
  padding-bottom: 13px;
}
.pd_b_15 {
  padding-bottom: 15px;
}
.pd_b_20 {
  padding-bottom: 20px;
}
.pd_b_28 {
  padding-bottom: 28px;
}
.pd_b_30 {
  padding-bottom: 30px;
}
.pd_b_40 {
  padding-bottom: 40px;
}
.pd_b_50 {
  padding-bottom: 50px;
}
.pd_b_60 {
  padding-bottom: 60px;
}
.pd_b_80 {
  padding-bottom: 60px;
}
.pd_b_100 {
  padding-bottom: 100px;
}
.pd_r_4 {
  padding-right: 4px;
}
.pd_r_5 {
  padding-right: 5px;
}
.pd_r_15 {
  padding-right: 15px;
}
.pd_r_10 {
  padding-right: 10px;
}
.pd_r_20 {
  padding-right: 20px;
}
.pd_r_30 {
  padding-right: 30px;
}
.pd_r_40 {
  padding-right: 40px;
}
.pd_0_5 {
  padding: 0 5px;
}
.pd_0_9 {
  padding: 0 9px;
}
.pd_0_10 {
  padding: 0 10px;
}
.pd_0_15 {
  padding: 0 15px;
}
.pd_0_20 {
  padding: 0 20px;
}
.pd_0_30 {
  padding: 0 30px;
}
.pd_0_40 {
  padding: 0 40px;
}
.pd_5 {
  padding: 5px;
}
.pd_10 {
  padding: 10px;
}
.pd_5_10 {
  padding: 5px 10px;
}
.pd_5_20 {
  padding: 5px 20px;
}
.pd_5_30 {
  padding: 5px 30px;
}
.pd_8_60 {
  padding: 8px 60px;
}
.pd_10_5 {
  padding: 10px 5px;
}
.pd_10_25 {
  padding: 10px 25px;
}
.pd_15_10 {
  padding: 15px 10px;
}
.pd_15_20 {
  padding: 15px 20px;
}
.pd_20 {
  padding: 20px;
}
.pd_10_20 {
  padding: 10px 20px;
}
.pd_20_10 {
  padding: 20px 10px;
}
.pd_20_40 {
  padding: 20px 40px;
}
.pd_100_0 {
  padding: 100px 0px;
}
.pd_50_0 {
  padding: 50px 0px;
}
.pd_80_0 {
  padding: 80px 0px;
}
.pd_30_40 {
  padding: 30px 30px 40px 30px;
}
.pd_3_4 {
  padding: 30px 40px;
}
.pd_30_0 {
  padding: 30px 0px;
}
.pd_30_20 {
  padding: 30px 20px;
}
.pd_30_10 {
  padding: 30px 10px;
}
.pd_20_30 {
  padding: 20px 30px;
}
.pd_20_32 {
  padding: 20px 32px;
}
.pd_30 {
  padding: 30px;
}
.pd_40 {
  padding: 40px;
}
.pd_40_0 {
  padding: 40px 0;
}
.pd_40_20 {
  padding: 40px 20px;
}
.pd_40_80 {
  padding: 40px 80px;
}
.pd_38_0 {
  padding: 38px 0;
}
.pd_tb_10 {
  padding: 10px 0px;
}
.pd_lr_20 {
  padding: 0px 20px;
}
.pd_tb_20 {
  padding: 20px 0px;
}
.pd_tb_30 {
  padding: 30px 0px;
}
.pd_tb_60 {
  padding: 60px 0px;
}
.pd_tb_110_60 {
  padding: 110px 0px 60px;
}
/*************end padding*****************/
.color_fff {
  color: #fff;
}
.color_666 {
  color: #666;
}
.color_777 {
  color: #777;
}
.color_888 {
  color: #888;
}
.color_999 {
  color: #999;
}
.color_333 {
  color: #333;
}
.color_bbb {
  color: #bbb;
}
.color_b5 {
  color: #b5b5b5;
}
.color_15c {
  color: #15c;
}
.color_black {
  color: #000;
}
.color_red {
  color: #ff3366;
}
.color_pink {
  color: #ffb2c5;
}
.color_blue {
  color: #2c66ee;
}
.color_green {
  color: #2f9800;
}
.color_yellow {
  color: #ffae00;
}
.color_f80 {
  color: #ff8000;
}
.color_37e {
  color: #3578e5;
}
.color_f1f {
  color: #f111f7;
}
.color_ccc6c6 {
  color: #ccc6c6;
}
.color_brown {
  color: #dbbc3d;
}
.color_585 {
  color: #b58655;
}
.color_fc0 {
  color: #ffcc00;
}
.color_ca6 {
  color: #ccaa66;
}
.color_dcc {
  color: #d1caca;
}
a.color_fff:hover {
  color: #fff;
}
a.color_333:hover {
  color: #333;
}
a.color_999:hover {
  color: #999;
}
a.color_red:hover {
  color: #ff3366;
}
a.color_pink:hover {
  color: #ffb2c5;
}
a.color_blue:hover {
  color: #2c66ee;
}
/**************end color*****************/
.font_12 {
  font-size: 0.75em;
}
.font_14 {
  font-size: 0.875em;
}
.font_16 {
  font-size: 1em;
}
.font_18 {
  font-size: 1.125em;
}
.font_20 {
  font-size: 1.25em;
}
.font_22 {
  font-size: 1.375em;
}
.font_24 {
  font-size: 1.5em;
}
.font_26 {
  font-size: 1.625em;
}
.font_28 {
  font-size: 1.75em;
}
.font_30 {
  font-size: 1.875em;
}
.font_36 {
  font-size: 2.25em;
}
.font_45 {
  font-size: 2.8125em;
}
.font_name {
  font-size: 14px;
}
.font_text {
  font-size: 12px;
}
.font_b {
  font-weight: bold;
}
.font_nl {
  font-weight: normal;
}
.font_msyh {
  font-family: -apple-system, system-ui, Segoe UI, PingFang SC, Microsoft YaHei,
    Arial, sans-serif;
}
.font_fav {
  font-family: "Arial", "Microsoft Yahei";
}
.font_arial {
  font-family: Arial;
}
.font_hei {
  font-family: SimHei;
}
.font_sans {
  font-family: sans-serif;
}
.font_sim {
  font-family: SimSun;
}
/**************end font****************/
.bd_0 {
  border: 0 none;
}
.bd_ccc {
  border: 1px #ccc solid;
}
.bd_c0 {
  border: 1px #c0c0c0 solid;
}
.bd_e0 {
  border: 1px #e0e0e0 solid;
}
.bd_fff {
  border: 1px #fff solid;
}
.bd_9dd {
  border: 1px solid #9dd1ff;
}
.bd_b_999 {
  border-bottom: 1px #999 solid;
}
.bd_t_fff {
  border-top: 1px #fff solid;
}
.bd_t_f1 {
  border-top: 1px #f1f1f1 solid;
}
.bd_b_f1 {
  border-bottom: 1px #f1f1f1 solid;
}
.bd_t_f5f2 {
  border-top: 1px #f5f2f2 solid;
}
.bd_b_f6 {
  border-bottom: 1px #f6f6f6 solid;
}
.bd_b_e0 {
  border-bottom: 1px #e0e0e0 solid;
}
.bd_b_ea {
  border-bottom: 1px #eaeaea solid;
}
.bd_b_bbb {
  border-bottom: 1px #bbb solid;
}
.bd_r_e0 {
  border-right: 1px #e0e0e0 solid;
}
.bd_r_f1 {
  border-right: 1px #f1f1f1 solid;
}
.bd_l_e0 {
  border-left: 1px #e0e0e0 solid;
}
.bd_t_e0 {
  border-top: 1px #e0e0e0 solid;
}
.bd_3_000 {
  border-bottom: 3px #000 solid;
}
.bd_b_000 {
  border-bottom: 1px #000 solid;
}
.bd_9dd {
  border: 1px solid #9dd1ff;
}
.bd_red {
  border: 1px #ff3366 solid;
}
.bd_t_red {
  border-top: 1px #ff3366 solid;
}
.bd_t_9dd {
  border-top: 1px solid #9dd1ff;
}
.bd_b_9dd {
  border-bottom: 1px solid #9dd1ff;
}
.bd_2b_9dd {
  border-bottom: 2px solid #9dd1ff;
}
.bd_b_green {
  border-bottom: 1px solid #98e68e;
}
.bd_2b_green {
  border-bottom: 2px solid #98e68e;
}
.bd_3t_red {
  border-top: 3px #ff3366 solid;
}
.bd_tb_e0 {
  border-top: 1px #e0e0e0 dashed;
  border-bottom: 1px #e0e0e0 dashed;
}
.bd_tb_f1 {
  border-top: 1px #f1f1f1 solid;
  border-bottom: 1px #f1f1f1 solid;
}
/**************end border*****************/
.bg_ccc {
  background-color: #ccc;
}
.bg_ccc6c6 {
  background-color: #ccc6c6;
}
.bg_ddd {
  background-color: #ddd;
}
.bg_000 {
  background-color: #000;
}
.bg_333 {
  background-color: #333;
}
.bg_666 {
  background-color: #666;
}
.bg_999 {
  background-color: #999;
}
.bg_fff {
  background-color: #fff;
}
.bg_e0 {
  background-color: #e0e0e0;
}
.bg_eee {
  background-color: #eee;
}
.bg_f6 {
  background-color: #f6f6f6;
}
.bg_f1 {
  background-color: #f1f1f1;
}
.bg_fa {
  background-color: #fafafa;
}
.bg_ef {
  background-color: #efefef;
}
.bg_pink {
  background-color: #ffeff1;
}
.bg_green {
  background-color: #e0ffe0;
}
.bg_yellow {
  background-color: #ffffe8;
}
.bg_blue {
  background-color: #e7f6ff;
}
.bg_dark_blue {
  background-color: #15116f;
}
.bg_fef {
  background-color: #ffebfe;
}
.bg_red {
  background-color: #ff3366;
}
.bg_48f {
  background-color: #4b8fff;
}
.bg_332f30 {
  background-color: #332f30;
}
.bg_f52 {
  background-color: #f5f2f2;
}
/**************end bgcolor*****************/
/**icons*/
.icon {
  display: inline-block;
  background: url(../images/common/icons.png?v=20240622) no-repeat;
  vertical-align: middle;
  overflow: hidden;
}
.icon_right {
  display: inline-block;
  background: url(../images/common/icons_right.png?v=20250616) no-repeat;
  vertical-align: middle;
  overflow: hidden;
  background-size: 340px;
}
.icon_pub {
  display: inline-block;
  background: url(../images/common/icons_pub.png) no-repeat;
  vertical-align: middle;
  overflow: hidden;
  background-size: 321px;
}
.icon_feature {
  display: inline-block;
  background: url(../images/common/icons_feature.png) no-repeat;
  vertical-align: middle;
  overflow: hidden;
  background-size: 416px;
}
.home_icon {
  width: 12px;
  height: 11px;
  background-position: -486px -482px;
}
.home_white_icon {
  width: 14px;
  height: 13px;
  background-position: -150px -786px;
}
.ad_icon {
  width: 13px;
  height: 11px;
  background-position: -90px -786px;
}
.nall_icon {
  width: 13px;
  height: 11px;
  background-position: -0px -239px;
}
.nfav_icon {
  width: 14px;
  height: 11px;
  background-position: -15px -239px;
}
.fav_red {
  width: 14px;
  height: 14px;
  background-position: -133px -709px;
}
.nfans_icon {
  width: 12px;
  height: 11px;
  background-position: -76px -239px;
}
.nfollow_icon {
  width: 12px;
  height: 11px;
  background-position: -90px -239px;
}
.ncom_icon {
  width: 13px;
  height: 11px;
  background-position: -104px -239px;
}
.ntran_icon {
  width: 3px;
  height: 3px;
  background-position: -148px -243px;
}
.wtran_icon {
  width: 3px;
  height: 3px;
  background-position: 0 -376px;
}
.nm_art_icon {
  width: 14px;
  height: 11px;
  background-position: -30px -239px;
}
.nm_pro_icon {
  width: 14px;
  height: 11px;
  background-position: -45px -239px;
}
.nm_job_icon {
  width: 14px;
  height: 11px;
  background-position: -60px -239px;
}
.nw_add_icon {
  width: 11px;
  height: 11px;
  background-position: -120px -239px;
}
.nb_add_icon {
  width: 11px;
  height: 11px;
  background-position: -134px -239px;
}
.red_add_icon {
  width: 11px;
  height: 11px;
  background-position: -486px -448px;
}
.clpro_icon {
  width: 14px;
  height: 12px;
  background-position: -169px -239px;
}
.search_icon {
  width: 18px;
  height: 18px;
  background-position: -85px -51px;
}
.search_grey_icon {
  width: 12px;
  height: 9px;
  background-position: -199px 0px;
}
.search_more_icon {
  width: 14px;
  height: 14px;
  background-position: 0px -708px;
}
.nav_more_icon {
  width: 10px;
  height: 6px;
  background-position: -177px -1px;
}
.nav_mb_icon {
  width: 8px;
  height: 4px;
  background-position: -199px -10px;
}
.nav_rd_icon {
  width: 8px;
  height: 4px;
  background-position: -168px -11px;
}
.nav_ru_icon {
  width: 8px;
  height: 4px;
  background-position: -160px -11px;
}
.more_icon {
  width: 10px;
  height: 10px;
  background-position: -52px 0;
}
.employ_icon {
  width: 16px;
  height: 16px;
  background-position: -338px -33px;
}
.grey_fav_icon {
  width: 19px;
  height: 11px;
  background-position: -15px 0px;
}
.fav_s_icon {
  width: 16px;
  height: 14px;
  background-position: -133px -33px;
}
.fav_none_icon {
  width: 17px;
  height: 14px;
  background-position: -86px -218px;
}
.fav_icon {
  width: 27px;
  height: 21px;
  background-position: -124px -70px;
}
.fav_b_icon {
  width: 37px;
  height: 28px;
  background-position: -237px -239px;
}
.grey_bfav_icon {
  width: 27px;
  height: 21px;
  background-position: -271px -136px;
}
.grey_comment_icon {
  width: 14px;
  height: 13px;
  background-position: -36px 0px;
}
.gbs_fav_icon {
  width: 14px;
  height: 11px;
  background-position: -486px -370px;
}
.gbs_comment_icon {
  width: 14px;
  height: 13px;
  background-position: -486px -356px;
}
.comment_icon {
  width: 16px;
  height: 16px;
  background-position: -116px -33px;
}
.comment_b_icon {
  width: 28px;
  height: 28px;
  background-position: -313px -160px;
}
.star_s_icon {
  width: 13px;
  height: 14px;
  background-position: 0px -15px;
}
.star_b_icon {
  width: 17px;
  height: 19px;
  background-position: -457px -160px;
}
.praise_s_icon {
  width: 14px;
  height: 14px;
  background-position: -31px -15px;
}
.praise_icon {
  width: 16px;
  height: 16px;
  background-position: -150px -33px;
}
.praise_b_icon {
  width: 29px;
  height: 27px;
  background-position: -152px -70px;
}
.personal_icon {
  width: 10px;
  height: 14px;
  background-position: -339px -15px;
}
.company_icon {
  width: 11px;
  height: 12px;
  background-position: -123px -15px;
}
.qq_icon {
  width: 16px;
  height: 16px;
  background-position: -128px -51px;
}
.sina_icon {
  width: 19px;
  height: 15px;
  background-position: -106px -51px;
}
.qq_b_icon {
  width: 23px;
  height: 23px;
  background-position: -461px -192px;
}
.sina_b_icon {
  width: 25px;
  height: 20px;
  background-position: -433px -192px;
}
.tencent_icon {
  width: 14px;
  height: 16px;
  background-position: -392px -70px;
}
.error_icon {
  width: 12px;
  height: 12px;
  background-position: -404px -15px;
}
.right_icon {
  width: 16px;
  height: 16px;
  background-position: -410px -33px;
}
.refresh_icon {
  width: 14px;
  height: 14px;
  background-position: -146px -51px;
}
.write_icon {
  width: 25px;
  height: 26px;
  background-position: -337px -70px;
}
.eye_icon {
  width: 25px;
  height: 26px;
  background-position: -310px -70px;
}
.eye_grey {
  width: 21px;
  height: 16px;
  background-position: -288px -785px;
}
.eye_red {
  width: 21px;
  height: 16px;
  background-position: -309px -785px;
}
.mail_icon {
  width: 25px;
  height: 26px;
  background-position: -364px -70px;
}
.mail_red {
  width: 50px;
  height: 50px;
  background-position: -450px -520px;
}
.score_red {
  width: 50px;
  height: 50px;
  background-position: -450px -622px;
}
.auth_red {
  width: 50px;
  height: 50px;
  background-position: -450px -673px;
}
.authing_red {
  width: 50px;
  height: 50px;
  background-position: -399px -673px;
}
.jobpub_grey {
  width: 50px;
  height: 50px;
  background-position: -450px -571px;
}
.success_icon {
  width: 25px;
  height: 26px;
  background-position: -229px -70px;
}
.warn_icon {
  width: 25px;
  height: 26px;
  background-position: -256px -70px;
}
.uncurrent_b_icon {
  width: 25px;
  height: 26px;
  background-position: -283px -70px;
}
.warn_r_icon {
  width: 25px;
  height: 26px;
  background-position: -406px -190px;
}
.male_icon {
  width: 10px;
  height: 14px;
  background-position: -339px -15px;
}
.female_icon {
  width: 10px;
  height: 14px;
  background-position: -327px -15px;
}
.bluetip_icon {
  width: 15px;
  height: 14px;
  background-position: -418px -15px;
}
.vedio_icon {
  width: 25px;
  height: 24px;
  background-position: -475px -272px;
}
.vedio_s_icon {
  width: 14px;
  height: 14px;
  background-position: -435px -15px;
}
.article_icon {
  width: 16px;
  height: 14px;
  background-position: -225px -33px;
}
.print_icon {
  width: 16px;
  height: 16px;
  background-position: 0px -51px;
}
.dload_icon {
  width: 15px;
  height: 16px;
  background-position: -461px -33px;
}
.express_icon {
  width: 16px;
  height: 16px;
  background-position: -356px -33px;
}
.express_grey_icon {
  width: 16px;
  height: 16px;
  background-position: -189px -51px;
}
.at_icon {
  width: 16px;
  height: 16px;
  background-position: -225px -51px;
}
.at_grey_icon {
  width: 16px;
  height: 16px;
  background-position: -207px -51px;
}
.delete_grey_icon {
  width: 11px;
  height: 11px;
  background-position: -213px 0px;
}
.set_icon {
  width: 13px;
  height: 13px;
  background-position: -136px -15px;
}
.edit_icon {
  width: 14px;
  height: 12px;
  background-position: -107px -15px;
}
.talent_icon {
  width: 23px;
  height: 14px;
  background-position: -396px -51px;
}
.vip_icon {
  width: 23px;
  height: 14px;
  background-position: -421px -51px;
}
.certify_icon {
  width: 23px;
  height: 14px;
  background-position: -446px -51px;
}
.card_icon {
  width: 14px;
  height: 12px;
  background-position: -107px -15px;
}
.fav_talent_icon {
  width: 15px;
  height: 15px;
  background-position: -261px -51px;
}
.edit_pen {
  width: 14px;
  height: 14px;
  background-position: -445px -33px;
}
.edit_grey_pen {
  width: 14px;
  height: 14px;
  background-position: -436px -102px;
}
.grey_pen {
  width: 11px;
  height: 11px;
  background-position: -64px 0px;
}
.red_pen {
  width: 11px;
  height: 11px;
  background-position: -486px -470px;
}
.white_pen {
  width: 11px;
  height: 11px;
  background-position: -330px -120px;
}
.white_b_pen {
  width: 14px;
  height: 14px;
  background-position: -486px -382px;
}
.tran_down {
  width: 7px;
  height: 4px;
  background-position: -189px -1px;
}
.tran_grey_icon {
  width: 7px;
  height: 4px;
  background-position: -189px -7px;
}
.sort_up_icon {
  width: 7px;
  height: 12px;
  background-position: -118px -251px;
}
.sort_rup_icon {
  width: 7px;
  height: 12px;
  background-position: -110px -251px;
}
.sort_down_icon {
  width: 7px;
  height: 12px;
  background-position: -102px -251px;
}
.sort_rdown_icon {
  width: 7px;
  height: 12px;
  background-position: -94px -251px;
}
.dm_red_icon {
  width: 16px;
  height: 16px;
  background-position: -68px -33px;
}
.dm_grey_icon {
  width: 16px;
  height: 16px;
  background-position: -126px -253px;
}
.ques_icon {
  width: 12px;
  height: 12px;
  background-position: -451px -15px;
}
.ques_grey_icon {
  width: 12px;
  height: 12px;
  background-position: -67px -786px;
}
.reprint_icon {
  width: 16px;
  height: 15px;
  background-position: -465px -15px;
}
.reprint_b_icon {
  width: 28px;
  height: 25px;
  background-position: -343px -160px;
}
.editpen_icon {
  width: 11px;
  height: 11px;
  background-position: -262px 0px;
}
.dm_reprint_icon {
  width: 40px;
  height: 13px;
  background-position: -273px 0px;
}
.redtop_icon {
  width: 12px;
  height: 13px;
  background-position: -483px -15px;
}
.editdel_icon {
  width: 8px;
  height: 8px;
  background-position: -317px 0px;
}
.tips_yellow_icon {
  width: 12px;
  height: 12px;
  background-position: -165px -15px;
}
.dmred_flag {
  width: 18px;
  height: 40px;
  background-position: -63px -102px;
}
.pen_grey_icon {
  width: 23px;
  height: 23px;
  background-position: -431px -70px;
}
.addr_icon {
  width: 16px;
  height: 16px;
  background-position: -392px -33px;
}
.addr_grey_icon {
  width: 16px;
  height: 16px;
  background-position: -155px -190px;
}
.add_icon {
  width: 12px;
  height: 12px;
  background-position: -472px -120px;
}
.add_black_icon {
  width: 16px;
  height: 16px;
  background-position: -265px -613px;
}
.del_icon {
  width: 14px;
  height: 14px;
  background-position: -255px -136px;
}
.save_grey_icon {
  width: 14px;
  height: 11px;
  background-position: -327px 0px;
}
.works_icon {
  width: 16px;
  height: 14px;
  background-position: -242px -33px;
}
.weekly_icon {
  width: 16px;
  height: 16px;
  background-position: -474px -70px;
}
.monthly_icon {
  width: 16px;
  height: 16px;
  background-position: -456px -70px;
}
.worldly_icon {
  width: 16px;
  height: 16px;
  background-position: -471px -51px;
}
.weekly_g_icon {
  width: 16px;
  height: 16px;
  background-position: -143px -253px;
}
.monthly_g_icon {
  width: 16px;
  height: 16px;
  background-position: -160px -253px;
}
.worldly_g_icon {
  width: 16px;
  height: 16px;
  background-position: -177px -253px;
}
.weekly_b_icon {
  width: 20px;
  height: 20px;
  background-position: 0 -251px;
}
.monthly_b_icon {
  width: 20px;
  height: 20px;
  background-position: -21px -251px;
}
.worldly_b_icon {
  width: 20px;
  height: 20px;
  background-position: -42px -251px;
}
.star_on {
  width: 13px;
  height: 14px;
  background-position: -83px -102px;
}
.star_half {
  width: 13px;
  height: 14px;
  background-position: -83px -117px;
}
.star_off {
  width: 13px;
  height: 14px;
  background-position: -83px -132px;
}
.claim_icon {
  width: 16px;
  height: 16px;
  background-position: -472px -102px;
}
.claim_b_icon {
  width: 29px;
  height: 29px;
  background-position: -403px -160px;
}
.link_blue_icon {
  width: 11px;
  height: 11px;
  background-position: -343px 0px;
}
.link_white_icon {
  width: 13px;
  height: 13px;
  background-position: -226px -120px;
}
.link_grey_icon {
  width: 13px;
  height: 5px;
  background-position: -300px -152px;
}
.date_icon {
  width: 13px;
  height: 13px;
  background-position: -197px -120px;
}
.act_tip_icon {
  width: 9px;
  height: 9px;
  background-position: -356px 0px;
}
.onshow_icon {
  width: 11px;
  height: 11px;
  background-position: -367px 0px;
}
.offhide_icon {
  width: 11px;
  height: 11px;
  background-position: -380px 0px;
}
.applied_icon {
  width: 13px;
  height: 11px;
  background-position: -61px -15px;
}
.del_tip_icon {
  width: 9px;
  height: 9px;
  background-position: -393px 0px;
}
.correct_icon {
  width: 12px;
  height: 12px;
  background-position: -169px -120px;
}
.uncorrect_icon {
  width: 12px;
  height: 12px;
  background-position: -212px -120px;
}
.read_icon {
  width: 52px;
  height: 14px;
  background-position: -328px -102px;
}
.unread_icon {
  width: 52px;
  height: 14px;
  background-position: -382px -102px;
}
.correct_white_icon {
  width: 22px;
  height: 16px;
  background-position: -211px -253px;
}
.contact_white_icon {
  width: 12px;
  height: 11px;
  background-position: -241px -120px;
}
.mail_white_icon {
  width: 13px;
  height: 10px;
  background-position: -255px -120px;
}
.pdf_icon {
  width: 13px;
  height: 16px;
  background-position: -478px -33px;
}
.del_info_icon {
  width: 13px;
  height: 12px;
  background-position: -17px -51px;
}
.time_icon {
  width: 12px;
  height: 12px;
  background-position: -284px -120px;
}
.disabled_icon {
  width: 12px;
  height: 12px;
  background-position: -270px -120px;
}
.job_manage_icon {
  width: 16px;
  height: 14px;
  background-position: -259px -33px;
}
.question_icon {
  width: 12px;
  height: 12px;
  background-position: -298px -120px;
}
.handle_icon {
  width: 12px;
  height: 12px;
  background-position: -151px -15px;
}
.handle_w_icon {
  width: 12px;
  height: 12px;
  background-position: -456px -88px;
}
.statistics_icon {
  width: 11px;
  height: 11px;
  background-position: -312px -120px;
}
.green_voice_icon {
  width: 12px;
  height: 11px;
  background-position: -76px -15px;
}
.dustbin_icon {
  width: 11px;
  height: 12px;
  background-position: -390px -120px;
}
.hot_all_icon {
  width: 41px;
  height: 14px;
  background-position: -347px -120px;
}
.hot_icon {
  width: 17px;
  height: 14px;
  background-position: -403px -120px;
}
.hot_right {
  width: 16px;
  height: 16px;
  background-position: -335px -769px;
}
.hurry_icon {
  width: 17px;
  height: 14px;
  background-position: -422px -120px;
}
.salary_icon {
  width: 29px;
  height: 14px;
  background-position: -441px -120px;
}
.default_level {
  width: 13px;
  height: 13px;
  background-position: 0px -290px;
}
.default_level_b {
  width: 16px;
  height: 16px;
  background-position: 0px -305px;
}
.jing_words_icon {
  width: 15px;
  height: 16px;
  background-position: -156px -136px;
}
.jing_grey_icon {
  width: 16px;
  height: 16px;
  background-position: -105px -821px;
}
.male_ws {
  width: 10px;
  height: 14px;
  background-position: -339px -15px;
}
.fmale_ws {
  width: 10px;
  height: 14px;
  background-position: -327px -15px;
}
.male_hs {
  width: 21px;
  height: 16px;
  background-position: -350px -50px;
}
.fmale_hs {
  width: 21px;
  height: 16px;
  background-position: -373px -50px;
}
.grey_flag_icon {
  width: 12px;
  height: 13px;
  background-position: -300px -136px;
}
.red_flag_icon {
  width: 12px;
  height: 13px;
  background-position: -314px -136px;
}
.jing_flag {
  width: 18px;
  height: 40px;
  background-position: -475px -150px;
}
.weekly_flag {
  width: 18px;
  height: 40px;
  background-position: -98px -102px;
}
.monthly_flag {
  width: 18px;
  height: 40px;
  background-position: -117px -102px;
}
.worldly_flag {
  width: 18px;
  height: 40px;
  background-position: -136px -102px;
}
.claim_m_flag {
  width: 22px;
  height: 27px;
  background-position: 0 -613px;
}
.jing_m_flag {
  width: 22px;
  height: 27px;
  background-position: -23px -613px;
}
.weekly_m_flag {
  width: 22px;
  height: 27px;
  background-position: -46px -613px;
}
.monthly_m_flag {
  width: 22px;
  height: 27px;
  background-position: -69px -613px;
}
.dawards_m_flag {
  width: 22px;
  height: 27px;
  background-position: -180px -673px;
}
.worldly_m_flag {
  width: 22px;
  height: 27px;
  background-position: -92px -613px;
}
.jing_b_flag {
  background: url(../images/common/new_icon.png?v=20240628) no-repeat;
  background-size: 200px;
  width: 32px;
  height: 52px;
  background-position: 0 -40px;
}
.weekly_b_flag {
  background: url(../images/common/new_icon.png?v=20240628) no-repeat;
  background-size: 200px;
  width: 32px;
  height: 52px;
  background-position: -37px -40px;
}
.monthly_b_flag {
  background: url(../images/common/new_icon.png?v=20240628) no-repeat;
  background-size: 200px;
  width: 32px;
  height: 52px;
  background-position: -74px -40px;
}
.worldly_b_flag {
  background: url(../images/common/new_icon.png?v=20240628) no-repeat;
  background-size: 200px;
  width: 32px;
  height: 52px;
  background-position: -111px -40px;
}
.download_icon {
  width: 15px;
  height: 14px;
  background-position: -328px -136px;
}
.friend_tip_icon {
  width: 17px;
  height: 16px;
  background-position: -344px -136px;
}
.tips_pub_icon {
  width: 16px;
  height: 16px;
  background-position: -362px -136px;
}
.follow_icon {
  width: 12px;
  height: 15px;
  background-position: -289px -33px;
}
.fans_icon {
  width: 12px;
  height: 15px;
  background-position: -276px -33px;
}
.connect_icon {
  width: 16px;
  height: 11px;
  background-position: -380px -136px;
}
.email_icon {
  width: 10px;
  height: 12px;
  background-position: -439px 0px;
}
.password_mail_icon {
  width: 11px;
  height: 12px;
  background-position: -451px 0px;
}
.double_flow_icon {
  width: 31px;
  height: 12px;
  background-position: -464px 0px;
}
.invite_icon {
  width: 15px;
  height: 16px;
  background-position: -222px -102px;
}
.friend_li_icon {
  width: 10px;
  height: 10px;
  background-position: -486px -120px;
}
.waittime_icon {
  width: 25px;
  height: 25px;
  background-position: -27px -190px;
}
.disagree_icon {
  width: 25px;
  height: 25px;
  background-position: 0px -190px;
}
.company_f_icon {
  width: 15px;
  height: 14px;
  background-position: -429px -33px;
}
.new_down_icon {
  width: 5px;
  height: 11px;
  background-position: -493px -33px;
}
.talk_icon {
  width: 11px;
  height: 16px;
  background-position: -442px -136px;
}
.preview_icon {
  width: 17px;
  height: 9px;
  background-position: -456px -136px;
}
.red_disable_icon {
  width: 19px;
  height: 19px;
  background-position: -54px -190px;
}
.green_true_icon {
  width: 25px;
  height: 25px;
  background-position: -75px -190px;
}
.black_circle_icon {
  width: 13px;
  height: 12px;
  background-position: -475px -136px;
}
.bind_sina_icon {
  width: 50px;
  height: 50px;
  background-position: 0px -325px;
}
.bind_qqzone_icon {
  width: 50px;
  height: 50px;
  background-position: -153px -325px;
}
.bind_qqwb_icon {
  width: 50px;
  height: 50px;
  background-position: -102px -325px;
}
.bind_douban_icon {
  width: 50px;
  height: 50px;
  background-position: -51px -325px;
}
.bind_renren_icon {
  width: 50px;
  height: 50px;
  background-position: -204px -325px;
}
.bind_qq_icon {
  width: 50px;
  height: 50px;
  background-position: -410px -325px;
}
.bindb_sina_icon {
  width: 30px;
  height: 30px;
  background-position: -282px -613px;
}
.bindb_qqwb_icon {
  width: 30px;
  height: 30px;
  background-position: -313px -613px;
}
.cellphone_icon {
  width: 10px;
  height: 15px;
  background-position: -278px -51px;
}
.yellow_mail_icon {
  width: 15px;
  height: 11px;
  background-position: -30px -218px;
}
.white_mail_icon {
  width: 18px;
  height: 13px;
  background-position: -474px -87px;
}
.iccard_icon {
  width: 13px;
  height: 13px;
  background-position: -16px -218px;
}
.iccard_up_icon {
  width: 15px;
  height: 14px;
  background-position: 0px -218px;
}
.pin_icon {
  width: 52px;
  height: 16px;
  background-position: -101px -190px;
}
.score_icon {
  width: 27px;
  height: 27px;
  background-position: -373px -160px;
}
.top_search_icon {
  width: 20px;
  height: 21px;
  background-position: -435px -160px;
}
.exclamation_icon {
  width: 14px;
  height: 100px;
  background-position: 0px -376px;
}
.exclamate_red_icon {
  width: 100px;
  height: 100px;
  background-position: 0px -480px;
}
.update_icon {
  width: 100px;
  height: 100px;
  background-position: -16px -377px;
}
.order_icon {
  width: 11px;
  height: 12px;
  background-position: -59px -218px;
}
.attach_icon {
  width: 13px;
  height: 12px;
  background-position: -71px -218px;
}
.que_yellow_icon {
  width: 100px;
  height: 100px;
  background-position: -118px -377px;
}
.que_red_icon {
  width: 100px;
  height: 100px;
  background-position: -220px -377px;
}
.que_black_icon {
  width: 100px;
  height: 100px;
  background-position: -322px -377px;
}
.copy_icon {
  width: 9px;
  height: 13px;
  background-position: -158px -239px;
}
.copy_grey_icon {
  width: 9px;
  height: 11px;
  background-position: -80px -786px;
}
.online_s_icon {
  width: 16px;
  height: 16px;
  background-position: -172px -218px;
}
.redtan_icon {
  width: 16px;
  height: 16px;
  background-position: -189px -218px;
}
.btonline_icon {
  width: 11px;
  height: 12px;
  background-position: -185px -239px;
}
.btinvite_icon {
  width: 12px;
  height: 11px;
  background-position: -198px -239px;
}
.btfback_icon {
  width: 11px;
  height: 11px;
  background-position: -212px -239px;
}
.intrest_icon {
  width: 26px;
  height: 21px;
  background-position: -377px -190px;
}
.more_per_icon {
  width: 10px;
  height: 8px;
  background-position: -225px -239px;
}
.dmfeature_icon {
  width: 30px;
  height: 16px;
  background-position: -263px -218px;
}
.dmyiwen_icon {
  width: 30px;
  height: 16px;
  background-position: -63px -251px;
}
.h_pro_icon {
  width: 34px;
  height: 16px;
  background-position: -53px -821px;
}
.down_arrow {
  width: 13px;
  height: 16px;
  background-position: -328px -218px;
}
.left_arrow {
  width: 9px;
  height: 11px;
  background-position: -28px -786px;
}
.right_arrow {
  width: 9px;
  height: 11px;
  background-position: -36px -786px;
}
.hm_art_icon {
  width: 16px;
  height: 14px;
  background-position: -344px -218px;
}
.hm_pro_icon {
  width: 16px;
  height: 14px;
  background-position: -362px -218px;
}
.hm_job_icon {
  width: 16px;
  height: 14px;
  background-position: -380px -218px;
}
.zan_art_radiu {
  width: 80px;
  height: 80px;
  background-position: -107px -485px;
}
.zan_art_load {
  width: 80px;
  height: 80px;
  background: url(../images/common/loading_zan.gif) no-repeat center;
  background-size: 80px;
}
.camera_icon {
  width: 18px;
  height: 14px;
  background-position: -432px -218px;
}
.abstract_icon {
  width: 12px;
  height: 10px;
  background-position: 0px -3px;
}
.vmselect_icon {
  width: 17px;
  height: 20px;
  background-position: -452px -218px;
}
.arrow_r_icon {
  width: 12px;
  height: 9px;
  background-position: -488px -51px;
}
.arrow_gd_icon {
  width: 15px;
  height: 8px;
  background-position: -409px -92px;
}
.a_d_icon {
  width: 6px;
  height: 3px;
  background-position: -471px -218px;
}
.ab_r_icon {
  width: 7px;
  height: 12px;
  background-position: -471px -223px;
}
.arrow_right {
  width: 9px;
  height: 14px;
  background-position: -421px -770px;
}
.ar_r_icon {
  width: 7px;
  height: 12px;
  background-position: -493px -218px;
}
.msg_g_icon {
  width: 12px;
  height: 8px;
  background-position: -484px -192px;
}
.msg_lg_icon {
  width: 17px;
  height: 12px;
  background-position: -115px -710px;
}
.msg_r_icon {
  width: 12px;
  height: 8px;
  background-position: -484px -206px;
}
.fav_st_icon {
  width: 12px;
  height: 9px;
  background-position: -486px -460px;
}
.qrcba_tan {
  width: 13px;
  height: 7px;
  background-position: -480px -231px;
}
.qrcba_tanb {
  width: 12px;
  height: 7px;
  background-position: -480px -262px;
}
.arrow_hs_icon {
  width: 7px;
  height: 4px;
  background-position: -317px -9px;
}
.self_intro_icon {
  width: 20px;
  height: 26px;
  background-position: -115px -613px;
}
.work_exp_icon {
  width: 27px;
  height: 22px;
  background-position: -136px -613px;
}
.edu_bg_icon {
  width: 23px;
  height: 26px;
  background-position: -164px -613px;
}
.bow_compass_icon {
  width: 26px;
  height: 30px;
  background-position: -188px -613px;
}
.award_cup_icon {
  width: 26px;
  height: 26px;
  background-position: -216px -613px;
}
.basic_info_icon {
  width: 20px;
  height: 26px;
  background-position: -244px -613px;
}
.yuan_red_icon {
  width: 12px;
  height: 12px;
  background-position: -486px -397px;
}
.yuan_grey_icon {
  width: 12px;
  height: 12px;
  background-position: -54px -786px;
}
.residue_job_icon {
  width: 20px;
  height: 28px;
  background-position: -344px -613px;
}
.expedite_job_icon {
  width: 22px;
  height: 26px;
  background-position: -365px -613px;
}
.homepage_icon {
  width: 20px;
  height: 26px;
  background-position: -388px -613px;
}
.company_blk_icon {
  width: 11px;
  height: 12px;
  background-position: -486px -410px;
}
.contract_blk_icon {
  width: 10px;
  height: 12px;
  background-position: -115px 0;
}
.expedite_job_icon {
  width: 22px;
  height: 26px;
  background-position: -365px -613px;
}
.contract_info_icon {
  width: 20px;
  height: 26px;
  background-position: -409px -613px;
}
.gift_icon {
  width: 11px;
  height: 13px;
  background-position: -486px -433px;
}
.radio_icon {
  width: 16px;
  height: 15px;
  background-position: -264px -630px;
}
.radio_chk_icon {
  width: 15px;
  height: 12px;
  background-position: -255px -581px;
}
.discount_red {
  width: 34px;
  height: 14px;
  line-height: 14px;
  font-family: "Arial", "Hiragino Sans GB";
  background-position: 0px -854px;
}
.gsns_sina {
  width: 27px;
  height: 24px;
  background-position: -337px -239px;
}
.gsns_qq {
  width: 20px;
  height: 24px;
  background-position: -194px -480px;
}
.gsns_qqzone {
  width: 25px;
  height: 25px;
  background-position: -239px -480px;
}
.gsns_renren {
  width: 24px;
  height: 23px;
  background-position: -293px -480px;
}
.gsns_douban {
  width: 21px;
  height: 21px;
  background-position: -343px -480px;
}
.bsns_sina {
  width: 30px;
  height: 30px;
  background-position: 0 -70px;
}
.bsns_weixin {
  width: 30px;
  height: 30px;
  background-position: -31px -70px;
}
.bsns_facebook {
  width: 30px;
  height: 30px;
  background-position: -62px -70px;
}
.bsns_twitter {
  width: 30px;
  height: 30px;
  background-position: -93px -70px;
}
.bsns_qq {
  width: 30px;
  height: 30px;
  background-position: -255px -325px;
}
.bsns_qqzone {
  width: 30px;
  height: 30px;
  background-position: -286px -325px;
}
.bsns_qqpy {
  width: 30px;
  height: 30px;
  background-position: -317px -325px;
}
.bsns_douban {
  width: 30px;
  height: 30px;
  background-position: -348px -325px;
}
.bsns_renren {
  width: 30px;
  height: 30px;
  background-position: -379px -325px;
}
.bsns_rss {
  width: 30px;
  height: 30px;
  background-position: -461px -325px;
}
.sns_sina {
  width: 16px;
  height: 16px;
  background-position: 0 -33px;
}
.sns_weixin {
  width: 20px;
  height: 16px;
  background-position: -241px -218px;
}
.sns_qq {
  width: 16px;
  height: 16px;
  background-position: -17px -33px;
}
.sns_qqzone {
  width: 16px;
  height: 16px;
  background-position: -104px -218px;
}
.sns_qqpy {
  width: 16px;
  height: 16px;
  background-position: -121px -218px;
}
.sns_douban {
  width: 16px;
  height: 16px;
  background-position: -138px -218px;
}
.sns_renren {
  width: 16px;
  height: 16px;
  background-position: -155px -218px;
}
.sns_20_sina {
  width: 20px;
  height: 20px;
  background-position: -276px -356px;
}
.sns_20_weixin {
  width: 20px;
  height: 20px;
  background-position: -255px -356px;
}
.sns_20_qq {
  width: 20px;
  height: 20px;
  background-position: -297px -356px;
}
.sns_20_qqzone {
  width: 20px;
  height: 20px;
  background-position: -318px -356px;
}
.sns_20_qqpy {
  width: 20px;
  height: 20px;
  background-position: -381px -356px;
}
.sns_20_douban {
  width: 20px;
  height: 20px;
  background-position: -360px -356px;
}
.sns_20_renren {
  width: 20px;
  height: 20px;
  background-position: -339px -356px;
}
.sns_20_rss {
  width: 20px;
  height: 20px;
  background-position: -461px -356px;
}
.add_sns20 {
  width: 14px;
  height: 14px;
  background-position: -416px -218px;
}
.add_sns30 {
  width: 30px;
  height: 30px;
  background-position: -275px -239px;
}
.arrow_16_plus {
  width: 16px;
  height: 16px;
  background-position: -398px -218px;
}
.arrow_16_minus {
  width: 16px;
  height: 4px;
  background-position: -398px -224px;
}
.sns_bk_sina {
  width: 16px;
  height: 16px;
  background-position: -206px -218px;
}
.sns_bk_qq {
  width: 16px;
  height: 16px;
  background-position: -223px -218px;
}
.bsns_blk_weixin {
  width: 28px;
  height: 23px;
  background-position: -307px -239px;
}
.bsns_blk_sina {
  width: 27px;
  height: 24px;
  background-position: -337px -239px;
}
.bsns_blk_rss {
  width: 22px;
  height: 22px;
  background-position: -366px -239px;
}
.top_blk_com {
  width: 11px;
  height: 10px;
  background-position: 0px -696px;
}
.top_grey_com {
  width: 11px;
  height: 10px;
  background-position: -37px -696px;
}
.grey_bag {
  width: 13px;
  height: 11px;
  background-position: -49px -696px;
}
.grey_plus {
  width: 10px;
  height: 10px;
  background-position: -63px -696px;
}
.red_plus {
  width: 16px;
  height: 16px;
  background-position: -352px -769px;
}
.top_blk_pen {
  width: 11px;
  height: 11px;
  background-position: -12px -696px;
}
.top_blk_fav {
  width: 11px;
  height: 9px;
  background-position: -25px -696px;
}
.bsns_blk_anzhuo {
  width: 20px;
  height: 23px;
  background-position: -149px -647px;
}
.bsns_blk_apple {
  width: 19px;
  height: 24px;
  background-position: 0px -647px;
}
.bsns_blk_youku {
  width: 25px;
  height: 24px;
  background-position: -21px -648px;
}
.bsns_blk_tudou {
  width: 24px;
  height: 24px;
  background-position: -48px -648px;
}
.bsns_blk_phone {
  width: 13px;
  height: 23px;
  background-position: 0px -672px;
}
.bsns_blk_appstore {
  width: 80px;
  height: 23px;
  background-position: -15px -672px;
}
.bsns_blk_android {
  width: 80px;
  height: 23px;
  background-position: -96px -672px;
}
.bsns_red_weixin {
  width: 28px;
  height: 23px;
  background-position: -390px -239px;
}
.bsns_red_sina {
  width: 27px;
  height: 24px;
  background-position: -420px -239px;
}
.bsns_red_rss {
  width: 22px;
  height: 22px;
  background-position: -449px -239px;
}
.bsns_red_apple {
  width: 19px;
  height: 24px;
  background-position: -74px -647px;
}
.bsns_red_youku {
  width: 25px;
  height: 24px;
  background-position: -97px -648px;
}
.bsns_red_tudou {
  width: 24px;
  height: 24px;
  background-position: -124px -648px;
}
.follow_blk_com {
  width: 40px;
  height: 40px;
  background-position: -194px -530px;
}
.follow_grey_com {
  width: 40px;
  height: 40px;
  background-position: -235px -530px;
}
.join_grey_com {
  width: 40px;
  height: 40px;
  background-position: -358px -530px;
}
.fav_blk_com {
  width: 40px;
  height: 40px;
  background-position: -317px -530px;
}
.fav_grey_com {
  width: 40px;
  height: 40px;
  background-position: -276px -530px;
}
.fav_grey {
  width: 16px;
  height: 16px;
  background-position: -431px -769px;
}
.right_gren {
  width: 16px;
  height: 16px;
  background-position: -448px -769px;
}
.rmb_purple {
  width: 16px;
  height: 16px;
  background-position: -465px -769px;
}
.login_grey_sina {
  width: 38px;
  height: 38px;
  background-position: -78px -728px;
}
.awards_info {
  width: 30px;
  height: 30px;
  background-position: -390px -869px;
}
.awards_26_info {
  width: 26px;
  height: 26px;
  background-position: -421px -869px;
}
.login_grey_weixin {
  width: 38px;
  height: 38px;
  background-position: 0px -728px;
}
.login_grey_qq {
  width: 38px;
  height: 38px;
  background-position: -39px -728px;
}
.plus_grey {
  width: 15px;
  height: 15px;
  background-position: -32px -709px;
}
.minus_grey {
  width: 15px;
  height: 15px;
  background-position: -48px -709px;
}
.plus_dark_grey {
  width: 15px;
  height: 15px;
  background-position: -82px -709px;
}
.minus_dark_grey {
  width: 15px;
  height: 15px;
  background-position: -98px -709px;
}
.func_1_grey {
  width: 17px;
  height: 16px;
  background-position: 0px -769px;
}
.func_2_grey {
  width: 15px;
  height: 15px;
  background-position: -18px -769px;
}
.func_3_grey {
  width: 20px;
  height: 10px;
  background-position: -71px -772px;
}
.func_4_grey {
  width: 19px;
  height: 17px;
  background-position: -34px -769px;
}
.func_5_grey {
  width: 17px;
  height: 17px;
  background-position: -53px -769px;
}
.func_6_grey {
  width: 18px;
  height: 17px;
  background-position: -92px -768px;
}
.location_grey {
  width: 15px;
  height: 15px;
  background-position: 0px -786px;
}
.location_d_grey {
  width: 8px;
  height: 12px;
  background-position: -140px -786px;
}
.rmb_grey {
  width: 10px;
  height: 12px;
  background-position: -16px -786px;
}
.com_entry_red {
  width: 51px;
  height: 50px;
  background-position: 0px -802px;
}
.user_entry_red {
  width: 50px;
  height: 50px;
  background-position: -348px -673px;
}
.del_grey {
  width: 7px;
  height: 7px;
  background-position: -45px -786px;
}
.original_grey {
  width: 15px;
  height: 15px;
  background-position: -111px -769px;
}
.repost_grey {
  width: 15px;
  height: 15px;
  background-position: -127px -769px;
}
.trans_grey {
  width: 15px;
  height: 14px;
  background-position: -143px -769px;
}
.cancel_grey {
  width: 16px;
  height: 16px;
  background-position: -159px -769px;
}
.d_red {
  width: 16px;
  height: 16px;
  background-position: -176px -769px;
}
.jing_yel {
  width: 16px;
  height: 16px;
  background-position: -193px -769px;
}
.d_grey {
  width: 16px;
  height: 16px;
  background-position: -88px -821px;
}
.dd_grey {
  width: 16px;
  height: 16px;
  background-position: -482px -769px;
}
.jing_grey {
  width: 16px;
  height: 16px;
  background-position: -105px -821px;
}
.weekly_grey {
  width: 16px;
  height: 16px;
  background-position: -122px -821px;
}
.monthly_grey {
  width: 16px;
  height: 16px;
  background-position: -139px -821px;
}
.worldly_grey {
  width: 16px;
  height: 16px;
  background-position: -156px -821px;
}
.add_awards_grey {
  width: 16px;
  height: 16px;
  background-position: -173px -821px;
}
.edit_awards_grey {
  width: 15px;
  height: 15px;
  background-position: -190px -821px;
}
.del_awards_grey {
  width: 16px;
  height: 16px;
  background-position: -206px -821px;
}
.popup_close {
  width: 16px;
  height: 16px;
  background-position: -223px -821px;
}
.awards_num {
  width: 18px;
  height: 16px;
  background-position: -240px -821px;
}
.pop_out_close {
  position: absolute;
  right: -36px;
  top: -2px;
  width: 16px;
  height: 16px;
}
.video_grey {
  width: 16px;
  height: 16px;
  background-position: -210px -769px;
}
.code_grey {
  width: 16px;
  height: 16px;
  background-position: -227px -769px;
}
.clock_grey {
  width: 16px;
  height: 16px;
  background-position: -244px -769px;
}
/*new article*/
.gbs_fav {
  width: 11px;
  height: 11px;
  background-position: -104px -787px;
}
.gbs_coll {
  width: 11px;
  height: 9px;
  background-position: -116px -788px;
}
.gbs_com {
  width: 11px;
  height: 10px;
  background-position: -128px -787px;
}
.gbs_b_fav {
  width: 14px;
  height: 13px;
  background-position: -235px -786px;
}
.gbs_b_coll {
  width: 13px;
  height: 10px;
  background-position: -221px -788px;
}
.gbs_b_com {
  width: 13px;
  height: 11px;
  background-position: -207px -788px;
}
.gbs_b_star {
  width: 15px;
  height: 14px;
  background-position: -249px -786px;
}
.gbs_star {
  width: 13px;
  height: 12px;
  background-position: -193px -786px;
}
.gs_wx {
  width: 19px;
  height: 17px;
  background-position: -261px -769px;
}
.rs_wb {
  width: 19px;
  height: 17px;
  background-position: -281px -769px;
}
.bs_qq {
  width: 16px;
  height: 17px;
  background-position: -299px -768px;
}
.share_qq {
  width: 30px;
  height: 30px;
  background-position: -192px -724px;
}
.share_wx {
  width: 30px;
  height: 30px;
  background-position: -223px -724px;
}
.share_wb {
  width: 30px;
  height: 30px;
  background-position: -254px -724px;
}
.share_db {
  width: 30px;
  height: 30px;
  background-position: -285px -724px;
}
.share_qz {
  width: 30px;
  height: 30px;
  background-position: -316px -724px;
}
.share_rr {
  width: 30px;
  height: 30px;
  background-position: -347px -724px;
}
.grey_fav {
  width: 30px;
  height: 30px;
  background-position: -379px -724px;
}
.yel_fav {
  width: 30px;
  height: 30px;
  background-position: -161px -724px;
}
.arrow_down {
  width: 6px;
  height: 4px;
  background-position: -471px -217px;
}
.arrow_up {
  width: 6px;
  height: 4px;
  background-position: -471px -236px;
}
.arrow_downs {
  width: 6px;
  height: 4px;
  background-position: -471px -217px;
}
.arrow_ups {
  width: 6px;
  height: 4px;
  background-position: -471px -236px;
}
.blk_heart {
  width: 18px;
  height: 17px;
  background-position: -315px -768px;
}
.rocket_grey {
  width: 14px;
  height: 14px;
  background-position: -165px -785px;
}
.user_grey {
  width: 12px;
  height: 14px;
  background-position: -180px -786px;
}
.user_l_grey {
  width: 11px;
  height: 13px;
  background-position: -266px -787px;
}
.weekly_yel {
  width: 16px;
  height: 16px;
  background-position: -369px -769px;
}
.monthly_blk {
  width: 16px;
  height: 16px;
  background-position: -386px -769px;
}
.dawards_blk {
  width: 16px;
  height: 16px;
  background-position: -175px -289px;
  background-size: 250px;
}
.daoy_blk {
  width: 18px;
  height: 18px;
  background-position: -199px -266px;
  background-size: 250px;
}
.dawards_grey {
  width: 16px;
  height: 16px;
  background-position: -193px -289px;
  background-size: 250px;
}
.daoy_flag {
  width: 48px;
  height: 20px;
  background-position: -104px -337px;
  background-size: 250px;
}
.daoy_tag {
  width: 39px;
  height: 17px;
  background-position: -82px -267px;
  background-size: 198px;
}
.worldly_blk {
  width: 16px;
  height: 16px;
  background-position: -403px -769px;
}
.weekly_b_yel {
  width: 21px;
  height: 21px;
  background-position: -410px -729px;
}
.monthly_b_blk {
  width: 21px;
  height: 21px;
  background-position: -432px -729px;
}
.worldly_b_blk {
  width: 21px;
  height: 21px;
  background-position: -454px -729px;
}
.hot_b_red {
  width: 21px;
  height: 21px;
  background-position: -476px -729px;
}
.money_grey {
  width: 16px;
  height: 16px;
  background-position: -53px -802px;
}
.money_white {
  width: 9px;
  height: 11px;
  background-position: -277px -788px;
}
.local_grey {
  width: 16px;
  height: 16px;
  background-position: -70px -802px;
}
.exper_grey {
  width: 16px;
  height: 16px;
  background-position: -87px -802px;
}
.jobtype_grey {
  width: 16px;
  height: 16px;
  background-position: -104px -802px;
}
.home_reds {
  width: 16px;
  height: 16px;
  background-position: -121px -802px;
}
.set_mail_red {
  width: 38px;
  height: 38px;
  background-position: 0px -869px;
}
.set_mail_grey {
  width: 38px;
  height: 38px;
  background-position: -39px -869px;
}
.set_phone_red {
  width: 38px;
  height: 38px;
  background-position: -78px -869px;
}
.set_phone_grey {
  width: 38px;
  height: 38px;
  background-position: -117px -869px;
}
.set_qq_blue {
  width: 38px;
  height: 38px;
  background-position: -156px -869px;
}
.set_qq_grey {
  width: 38px;
  height: 38px;
  background-position: -195px -869px;
}
.set_wechat_green {
  width: 38px;
  height: 38px;
  background-position: -234px -869px;
}
.set_wechat_grey {
  width: 38px;
  height: 38px;
  background-position: -273px -869px;
}
.set_weibo_red {
  width: 38px;
  height: 38px;
  background-position: -312px -869px;
}
.set_weibo_grey {
  width: 38px;
  height: 38px;
  background-position: -351px -869px;
}
.pen_grey {
  width: 18px;
  height: 18px;
  background-position: -52px -838px;
}
.bag_grey {
  width: 20px;
  height: 18px;
  background-position: -72px -838px;
}
.folder_grey {
  width: 18px;
  height: 18px;
  background-position: -93px -838px;
}
.huser_grey {
  width: 16px;
  height: 18px;
  background-position: -112px -838px;
}
.paper_grey {
  width: 15px;
  height: 18px;
  background-position: -129px -838px;
}
.com_g_fav {
  width: 12px;
  height: 11px;
  background-position: -343px -786px;
}
.com_r_fav {
  width: 12px;
  height: 11px;
  background-position: -330px -786px;
}
/*pub icons*/
.home_red {
  width: 16px;
  height: 16px;
  background-position: 0px 0px;
}
.collect_red {
  width: 16px;
  height: 16px;
  background-position: -17px 0px;
}
.contribute_blue {
  width: 16px;
  height: 16px;
  background-position: -34px 0px;
}
.business_purple {
  width: 16px;
  height: 16px;
  background-position: -51px 0px;
}
.uncollect_grey {
  width: 16px;
  height: 16px;
  background-position: -68px 0px;
}
.canceled_grey {
  width: 16px;
  height: 16px;
  background-position: -85px 0px;
}
.choice_yel {
  width: 16px;
  height: 16px;
  background-position: -119px 0px;
}
.head_yel {
  width: 16px;
  height: 16px;
  background-position: -136px 0px;
}
.videos_grey {
  width: 16px;
  height: 16px;
  background-position: -153px 0px;
}
.codes_grey {
  width: 16px;
  height: 16px;
  background-position: -170px 0px;
}
.notice_grey {
  width: 16px;
  height: 16px;
  background-position: -187px 0px;
}
.article_attribute .on .notice_grey,
.project_attribute .on .notice_grey {
  width: 16px;
  height: 16px;
  background-position: -204px 0px;
}
.reprint_green {
  width: 16px;
  height: 16px;
  background-position: -221px 0px;
}
.reprint_yel {
  width: 16px;
  height: 16px;
  background-position: -238px 0px;
}
.reprint_red {
  width: 16px;
  height: 16px;
  background-position: -255px 0px;
}
.class_online {
  width: 16px;
  height: 16px;
  background-position: -272px 0px;
}
.class_offline {
  width: 16px;
  height: 16px;
  background-position: -288px 0px;
}
.class_news {
  width: 16px;
  height: 16px;
  background-position: -304px 0px;
}
/*feature icons*/
.feature_interview {
  width: 32px;
  height: 32px;
  background-position: 0px 0px;
}
.feature_behind {
  width: 32px;
  height: 32px;
  background-position: -32px 0px;
}
.feature_best {
  width: 32px;
  height: 32px;
  background-position: -64px 0px;
}
.feature_informers {
  width: 32px;
  height: 32px;
  background-position: -96px 0px;
}
.feature_brand {
  width: 32px;
  height: 32px;
  background-position: -128px 0px;
}
.feature_ourlife {
  width: 32px;
  height: 32px;
  background-position: -160px 0px;
}
.feature_toplist {
  width: 32px;
  height: 32px;
  background-position: -192px 0px;
}
.feature_company {
  width: 32px;
  height: 32px;
  background-position: -224px 0px;
}
.feature_research {
  width: 32px;
  height: 32px;
  background-position: -256px 0px;
}
.feature_yijian {
  width: 32px;
  height: 32px;
  background-position: -288px 0px;
}
.feature_ergengtv {
  width: 32px;
  height: 32px;
  background-position: -352px 0px;
}
.feature_awards {
  width: 32px;
  height: 32px;
  background-position: -384px 0px;
}
.pub_tips {
  position: relative;
  top: -25px;
  width: 100%;
  height: auto;
  z-index: 105;
}
.pub_feature ul {
  padding: 0;
  margin: 0;
}
.pub_feature ul li {
  padding: 0px 10px;
  margin: 10px 0px;
  width: 130px;
  float: left;
  height: 32px;
  color: #333;
  line-height: 32px;
  font-size: 14px;
}
.pub_feature ul li a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
/*shenfen level  icon*/
.sl {
  width: 13px;
  height: 13px;
  background-position: 0px -290px;
}
.sl1 {
  width: 13px;
  height: 13px;
  background-position: -15px -290px;
}
.sl2 {
  width: 13px;
  height: 13px;
  background-position: -30px -290px;
}
.sl3 {
  width: 13px;
  height: 13px;
  background-position: -45px -290px;
}
.sl4 {
  width: 13px;
  height: 13px;
  background-position: -60px -290px;
}
.sl5 {
  width: 13px;
  height: 13px;
  background-position: -75px -290px;
}
.sl6 {
  width: 13px;
  height: 13px;
  background-position: -90px -290px;
}
.sl7 {
  width: 13px;
  height: 13px;
  background-position: -105px -290px;
}
.sl8 {
  width: 13px;
  height: 13px;
  background-position: -120px -290px;
}
.sl9 {
  width: 13px;
  height: 13px;
  background-position: -261px -275px;
}
.sl10 {
  width: 16px;
  height: 13px;
  background-position: -276px -275px;
}
.sl11 {
  width: 15px;
  height: 13px;
  background-position: -294px -275px;
}
.sl12 {
  width: 16px;
  height: 13px;
  background-position: -311px -275px;
}
.sl13 {
  width: 16px;
  height: 13px;
  background-position: -329px -275px;
}
.sl14 {
  width: 16px;
  height: 13px;
  background-position: -347px -275px;
}
.sl15 {
  width: 16px;
  height: 13px;
  background-position: -365px -275px;
}
.sl16 {
  width: 16px;
  height: 13px;
  background-position: -383px -275px;
}
.sl17 {
  width: 16px;
  height: 13px;
  background-position: -401px -275px;
}
.sl18 {
  width: 16px;
  height: 13px;
  background-position: -419px -275px;
}
.sl19 {
  width: 16px;
  height: 13px;
  background-position: -437px -275px;
}
.sl20 {
  width: 18px;
  height: 13px;
  background-position: -455px -275px;
}
.slb {
  width: 16px;
  height: 16px;
  background-position: 0px -305px;
}
.slb1 {
  width: 16px;
  height: 16px;
  background-position: -18px -305px;
}
.slb2 {
  width: 16px;
  height: 16px;
  background-position: -36px -305px;
}
.slb3 {
  width: 16px;
  height: 16px;
  background-position: -54px -305px;
}
.slb4 {
  width: 16px;
  height: 16px;
  background-position: -72px -305px;
}
.slb5 {
  width: 16px;
  height: 16px;
  background-position: -90px -305px;
}
.slb6 {
  width: 16px;
  height: 16px;
  background-position: -108px -305px;
}
.slb7 {
  width: 16px;
  height: 16px;
  background-position: -126px -305px;
}
.slb8 {
  width: 16px;
  height: 16px;
  background-position: -144px -305px;
}
.slb9 {
  width: 16px;
  height: 16px;
  background-position: 0px -272px;
}
.slb10 {
  width: 20px;
  height: 16px;
  background-position: -18px -272px;
}
.slb11 {
  width: 17px;
  height: 16px;
  background-position: -40px -272px;
}
.slb12 {
  width: 20px;
  height: 16px;
  background-position: -60px -272px;
}
.slb13 {
  width: 20px;
  height: 16px;
  background-position: -82px -272px;
}
.slb14 {
  width: 20px;
  height: 16px;
  background-position: -104px -272px;
}
.slb15 {
  width: 20px;
  height: 16px;
  background-position: -126px -272px;
}
.slb16 {
  width: 20px;
  height: 16px;
  background-position: -148px -272px;
}
.slb17 {
  width: 20px;
  height: 16px;
  background-position: -170px -272px;
}
.slb18 {
  width: 20px;
  height: 16px;
  background-position: -192px -272px;
}
.slb19 {
  width: 20px;
  height: 16px;
  background-position: -214px -272px;
}
.slb20 {
  width: 23px;
  height: 16px;
  background-position: -236px -272px;
}
/*weiwang level  icon*/
.wl {
  width: 19px;
  height: 13px;
  background-position: -135px -290px;
}
.wl1 {
  width: 19px;
  height: 13px;
  background-position: -156px -290px;
}
.wl2 {
  width: 19px;
  height: 13px;
  background-position: -177px -290px;
}
.wl3 {
  width: 19px;
  height: 13px;
  background-position: -198px -290px;
}
.wl4 {
  width: 19px;
  height: 13px;
  background-position: -219px -290px;
}
.wl5 {
  width: 19px;
  height: 13px;
  background-position: -240px -290px;
}
.wl6 {
  width: 19px;
  height: 13px;
  background-position: -261px -290px;
}
.wl7 {
  width: 19px;
  height: 13px;
  background-position: -282px -290px;
}
.wl8 {
  width: 19px;
  height: 13px;
  background-position: -303px -290px;
}
.wl9 {
  width: 19px;
  height: 13px;
  background-position: 0px -581px;
}
.wl10 {
  width: 19px;
  height: 13px;
  background-position: -21px -581px;
}
.wl11 {
  width: 19px;
  height: 13px;
  background-position: -42px -581px;
}
.wl12 {
  width: 19px;
  height: 13px;
  background-position: -63px -581px;
}
.wl13 {
  width: 19px;
  height: 13px;
  background-position: -84px -581px;
}
.wl14 {
  width: 19px;
  height: 13px;
  background-position: -105px -581px;
}
.wl15 {
  width: 19px;
  height: 13px;
  background-position: -126px -581px;
}
.wl16 {
  width: 19px;
  height: 13px;
  background-position: -147px -581px;
}
.wl17 {
  width: 19px;
  height: 13px;
  background-position: -168px -581px;
}
.wl18 {
  width: 19px;
  height: 13px;
  background-position: -189px -581px;
}
.wl19 {
  width: 19px;
  height: 13px;
  background-position: -210px -581px;
}
.wl20 {
  width: 20px;
  height: 13px;
  background-position: -231px -581px;
}
.wlb {
  width: 22px;
  height: 16px;
  background-position: -162px -305px;
}
.wlb1 {
  width: 22px;
  height: 16px;
  background-position: -186px -305px;
}
.wlb2 {
  width: 22px;
  height: 16px;
  background-position: -210px -305px;
}
.wlb3 {
  width: 22px;
  height: 16px;
  background-position: -234px -305px;
}
.wlb4 {
  width: 22px;
  height: 16px;
  background-position: -258px -305px;
}
.wlb5 {
  width: 22px;
  height: 16px;
  background-position: -282px -305px;
}
.wlb6 {
  width: 22px;
  height: 16px;
  background-position: -306px -305px;
}
.wlb7 {
  width: 22px;
  height: 16px;
  background-position: -330px -305px;
}
.wlb8 {
  width: 22px;
  height: 16px;
  background-position: -354px -305px;
}
.wlb9 {
  width: 22px;
  height: 16px;
  background-position: 0px -595px;
}
.wlb10 {
  width: 24px;
  height: 16px;
  background-position: -24px -595px;
}
.wlb11 {
  width: 22px;
  height: 16px;
  background-position: -50px -595px;
}
.wlb12 {
  width: 24px;
  height: 16px;
  background-position: -74px -595px;
}
.wlb13 {
  width: 24px;
  height: 16px;
  background-position: -100px -595px;
}
.wlb14 {
  width: 24px;
  height: 16px;
  background-position: -126px -595px;
}
.wlb15 {
  width: 24px;
  height: 16px;
  background-position: -152px -595px;
}
.wlb16 {
  width: 24px;
  height: 16px;
  background-position: -178px -595px;
}
.wlb17 {
  width: 24px;
  height: 16px;
  background-position: -204px -595px;
}
.wlb18 {
  width: 24px;
  height: 16px;
  background-position: -230px -595px;
}
.wlb19 {
  width: 24px;
  height: 16px;
  background-position: -256px -595px;
}
.wlb20 {
  width: 26px;
  height: 16px;
  background-position: -282px -595px;
}
/*mingren level  icon*/
.ml {
  width: 14px;
  height: 13px;
  background-position: -324px -290px;
}
.mlb {
  width: 17px;
  height: 16px;
  background-position: -378px -305px;
}
/*teyue level  icon*/
.tl {
  width: 13px;
  height: 13px;
  background-position: -340px -290px;
}
.tlb {
  width: 16px;
  height: 16px;
  background-position: -397px -305px;
}
/*project daren level  icon*/
.pl {
  width: 13px;
  height: 13px;
  background-position: -428px -290px;
}
.plb {
  width: 16px;
  height: 16px;
  background-position: -15px -709px;
}
/*company level  icon*/
.cl1 {
  width: 16px;
  height: 13px;
  background-position: -355px -290px;
}
.cl2 {
  width: 16px;
  height: 13px;
  background-position: -374px -290px;
}
.cl3 {
  width: 16px;
  height: 13px;
  background-position: -393px -290px;
}
.cl4 {
  width: 16px;
  height: 13px;
  background-position: -412px -290px;
}
.clb1 {
  width: 17px;
  height: 15px;
  background-position: -415px -305px;
}
.clb2 {
  width: 18px;
  height: 15px;
  background-position: -435px -305px;
}
.clb3 {
  width: 17px;
  height: 15px;
  background-position: -456px -305px;
}
.clb4 {
  width: 17px;
  height: 15px;
  background-position: -476px -305px;
}
/*rank_icon*/
.rank_icon {
  display: inline-block;
  background: url(../images/common/rank_icons.png) no-repeat;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  font-family: Arial;
  font-weight: bold;
}
.rank_b3 {
  width: 100px;
  height: 80px;
  padding-top: 20px;
  background-position: 0 0px;
  font-size: 48px;
  color: #ff3366;
}
.rank_a3 {
  width: 100px;
  height: 80px;
  padding-top: 20px;
  background-position: -200px 0px;
  font-size: 48px;
  color: #ffae00;
}
.rank_b10 {
  width: 50px;
  height: 50px;
  background-position: -100px 0px;
  font-size: 28px;
  color: #e9d166;
}
.rank_a10 {
  width: 50px;
  height: 50px;
  background-position: -150px 0px;
  font-size: 28px;
  color: #999;
}
/* footer icon */
.icon_icp {
  width: 16px;
  height: 18px;
  background-position: -304px -819px;
}
.icon_beian {
  width: 16px;
  height: 18px;
  background-position: -323px -819px;
}
.icon_knet {
  width: 18px;
  height: 18px;
  background-position: -261px -819px;
}
.icon_anquan {
  width: 20px;
  height: 18px;
  background-position: -282px -819px;
}
/*dawards jury icon*/
.jury_icon {
  width: 34px;
  height: 14px;
  background-position: -312px -578px;
}
.sjury_icon {
  width: 34px;
  height: 14px;
  background-position: -312px -597px;
}
/*user name icon*/
.tlicon_editor {
  width: 16px;
  height: 16px;
  background-position: -156px -337px;
  background-size: 250px;
}
.tlicon_auth {
  width: 16px;
  height: 16px;
  background-position: -226px -401px;
  background-size: 250px;
}
.tlicon_inviter {
  width: 16px;
  height: 16px;
  background-position: -190px -401px;
  background-size: 250px;
}
.tlicon_writer {
  width: 16px;
  height: 16px;
  background-position: -208px -401px;
  background-size: 250px;
}
.tlicon_famer {
  width: 16px;
  height: 16px;
  background-position: -172px -401px;
  background-size: 250px;
}
.tlicon_proman {
  width: 16px;
  height: 16px;
  background-position: -61px -365px;
  background-size: 250px;
}
.tlicon_moment {
  width: 12px;
  height: 12px;
  background-position: -75px -421px;
  background-size: 250px;
}
.navs .tlicon_moment {
  position: relative;
  margin-right: 6px;
  margin-top: -4px;
}
/*btn*/
.search_btn {
  padding: 11px 30px;
  height: 18px;
  line-height: 18px;
  background-color: #4b8fff;
}
.search_red_btn {
  display: inline-block;
  padding: 8px 30px 9px 30px;
  _padding: 9px 30px 9px 30px;
  height: 18px;
  line-height: 18px;
  background-color: #ff3366;
}
.search_333_btn {
  display: inline-block;
  padding: 7px 30px 7px 30px;
  _padding: 7px 30px 7px 30px;
  height: 18px;
  line-height: 18px;
  border-top: 2px solid #ff3366;
  background-color: #333;
}
.search_bar_btn {
  display: inline-block;
  padding: 9px 70px 9px 70px;
  _padding: 9px 70px 9px 70px;
  height: 18px;
  line-height: 18px;
  border-top: 2px solid #ff3366;
  border-bottom: 2px solid #ff3366;
  background-color: #666;
}
.search_b_btn {
  display: inline-block;
  padding: 9px 70px 9px 70px;
  _padding: 9px 70px 9px 70px;
  height: 26px;
  line-height: 26px;
  border-top: 2px solid #ff3366;
  border-bottom: 2px solid #ff3366;
  background-color: #ff3366;
}
.job_key_btn {
  display: inline-block;
  padding: 6px 25px;
  height: 18px;
  line-height: 18px;
  background-color: #ff3366;
  vertical-align: middle;
}
.attention_r_btn {
  display: inline-block;
  width: 80px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  color: #666666;
  font-size: 1em;
  text-align: center;
}
.attention_btn {
  display: inline-block;
  height: 14px;
  line-height: 14px;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  background-color: #666;
  vertical-align: middle;
}
.login_btn {
  display: inline-block;
  text-align: center;
  width: 320px;
  height: 40px;
  line-height: 40px;
  background-color: #ff3366;
  color: #fff;
  font-weight: bold;
}
.login_grey_btn {
  display: inline-block;
  text-align: center;
  width: 320px;
  height: 40px;
  line-height: 40px;
  background-color: #bbb;
  color: #fff;
  font-weight: bold;
}
.register_btn {
  display: inline-block;
  text-align: center;
  width: 180px;
  height: 40px;
  line-height: 40px;
  background-color: #ffcc00;
  color: #000;
  font-size: 1.125em;
}
.yellow_btn {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
.yellow_40_btn {
  display: inline-block;
  text-align: center;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
  font-size: 16px;
}
.yellow_s_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #ffcc00;
  color: #000;
  font-size: 12px;
}
.skip_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #9dd1ff;
  background-color: #e7f6ff;
  color: #2c66ee;
  font-size: 0.875em;
}
.skip_grey_btn {
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background-color: #f6f6f6;
  color: #999;
  font-size: 1.125em;
}
.post_btn {
  display: inline-block;
  text-align: center;
  width: 320px;
  height: 50px;
  line-height: 50px;
  background-color: #4b8fff;
  color: #fff;
  font-size: 1.375em;
  font-weight: bold;
}
.blue_btn {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  background-color: #4b8fff;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.blue_s_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  background-color: #4b8fff;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.blue_40_btn {
  display: inline-block;
  text-align: center;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  background-color: #4b8fff;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.red_40_btn {
  display: inline-block;
  text-align: center;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  background-color: #ff3366;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.red_btn {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  background-color: #ff3366;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.black_comm_btn {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.red_40_btn {
  display: inline-block;
  text-align: center;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  background-color: #ff3366;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.grey_btn {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  background-color: #e0e0e0;
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
.update_info_btn {
  display: inline-block;
  text-align: center;
  width: 320px;
  height: 50px;
  line-height: 50px;
  background-color: #ffcc00;
  color: #000;
  font-size: 1.375em;
  font-weight: bold;
}
.grey_direct_btn {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  background-color: #666;
  color: #fff;
  font-size: 1em;
  text-align: center;
}
.get_redwechat_btn {
  display: inline-block;
  width: 100px;
  color: #fff;
  line-height: 40px;
  background: #ff3366;
  text-align: center;
}
.get_greywechat_btn {
  display: inline-block;
  width: 100px;
  color: #666;
  line-height: 40px;
  background: #ccc6c6;
  text-align: center;
}
.get_greywechat_btn:hover {
  color: #666;
}
.get_redwechat_btn:hover {
  color: #fff;
}
.direct_btn {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  background-color: #666;
  color: #fff;
  font-size: 1em;
  text-align: center;
}
.cancel_attention_btn {
  display: inline-block;
  padding: 0 10px;
  color: #999;
  font-weight: bold;
  background-color: #f6f6f6;
  font-weight: normal;
  height: 23px;
  line-height: 23px;
  border: 1px solid #e0e0e0;
  vertical-align: middle;
}
.cancel_attention_btn em {
  _vertical-align: middle;
}
.fav_talent_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
}
.approve_more_btn {
  display: inline-block;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #f7e366;
  color: #ffae00;
  background-color: #ffffe8;
}
.del_artli_btn {
  width: 8px;
  height: 8px;
  background-position: -404px 0px;
}
.del_s {
  width: 8px;
  height: 8px;
  background-position: -404px 0px;
}
.del_works_btn {
  width: 14px;
  height: 14px;
  background-position: -290px -51px;
}
.addtag_btn {
  display: inline-block;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  font-size: 0.875em;
  color: #fff;
  background-color: #666;
  font-weight: bold;
}
.black_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e0e0e0;
  background: #f6f6f6;
  font-weight: bold;
}
.black_btn:hover {
  border: 1px solid #9dd1ff;
  background-color: #e7f6ff;
  color: #333;
}
.preview_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #9dd1ff;
  background-color: #e7f6ff;
  font-weight: bold;
}
.pub_post_btn {
  display: inline-block;
  text-align: center;
  width: 258px;
  height: 40px;
  line-height: 40px;
  background-color: #4b8fff;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.pub_grey_post_btn {
  display: inline-block;
  text-align: center;
  width: 258px;
  height: 40px;
  line-height: 40px;
  background-color: #bbb;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.regjob_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}
.faved_link_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background: none;
  color: #999;
  font-size: 12px;
  cursor: text;
}
.reject_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #ff3366;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.reg_job_btn {
  display: inline-block;
  text-align: center;
  padding: 0 50px;
  height: 40px;
  line-height: 40px;
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
  font-size: 18px;
}
.fav_job_btn {
  display: inline-block;
  text-align: center;
  padding: 4px 50px 8px 50px;
  _padding: 7px 50px 5px 50px;
  height: 26px;
  border: 1px solid #f7e366;
  color: #ffae00;
  background-color: #ffffe8;
  font-weight: bold;
  font-size: 18px;
}
.dreg_job_btn {
  display: inline-block;
  text-align: center;
  padding: 0 50px;
  height: 40px;
  line-height: 40px;
  background-color: #ffffe8;
  color: #f7e366;
  font-weight: bold;
  font-size: 18px;
}
.dfav_job_btn {
  display: inline-block;
  text-align: center;
  padding: 3px 50px 6px 50px;
  border: 1px solid #f6f6f6;
  color: #999;
  background-color: #f6f6f6;
  font-weight: bold;
  font-size: 18px;
}
.save_btn {
  display: inline-block;
  padding: 0px 10px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  font-weight: bold;
  background-color: #4b8fff;
}
.save_fix_btn {
  display: inline-block;
  padding: 0 50px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background: #333;
  vertical-align: middle;
}
.cancel_btn {
  display: inline-block;
  padding: 0px 10px;
  height: 28px;
  line-height: 28px;
  color: #666;
  font-weight: bold;
  border: 1px solid #bbb;
  background-color: #f6f6f6;
  font-size: 14px;
}
.cancel_fix_btn {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  background: #e0e0e0;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}
.edit_logo_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #ffcc00;
  color: #000;
  font-size: 12px;
}
.edit_avatar_btn {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  background-color: #ffcc00;
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
.black_confirm_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.blue_edit_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #4b8fff;
  color: #fff;
  font-weight: bold;
}
.manset_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #4b8fff;
  color: #fff;
  font-weight: bold;
  _padding: 6px 10px 5px 10px;
  _height: 14px;
  _line-height: 14px;
}
.moveout_btn {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background-color: #ffcc00;
  color: #000;
  font-size: 12px;
}
.grey_resume_btn {
  display: inline-block;
  text-align: center;
  width: 318px;
  height: 48px;
  line-height: 48px;
  background-color: #f6f6f6;
  border: 1px solid #e0e0e0;
  color: #999;
  font-size: 1.375em;
}
.scan_btn {
  display: inline-block;
  padding: 0px 10px;
  height: 28px;
  line-height: 28px;
  color: #666;
  border: 1px solid #bbb;
  background-color: #f6f6f6;
  font-size: 14px;
}
.send_feedback_btn {
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  background-color: #4b8fff;
}
.upload_attach_btn {
  display: inline-block;
  padding: 0 20px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  font-weight: bold;
}
.zan_art_btn {
  display: inline-block;
  border: 1px solid #e0e0e0;
  background: #fff;
  height: 26px;
  padding: 6px 45px;
  min-width: 100px;
  vertical-align: middle;
}
.print_bg_btn {
  display: inline-block;
  height: 25px;
  width: 46px;
  overflow: hidden;
}
.download_bg_btn {
  display: inline-block;
  height: 25px;
  width: 44px;
  overflow: hidden;
}
.right_blue_btn {
  display: inline-block;
  width: 105px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  background-color: #4b8fff;
  text-align: center;
}
.right_yellow_btn {
  display: inline-block;
  width: 110px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  background-color: #ffcc00;
  text-align: center;
}
.invite_red_btn {
  display: inline-block;
  padding: 0 10px;
  height: 23px;
  line-height: 23px;
  font-size: 12px;
  color: #ff3366;
  border: 1px solid #e0e0e0;
  background-color: #f6f6f6;
}
.apply_red_btn {
  display: inline-block;
  text-align: center;
  background-color: #ff3366;
  color: #fff;
  font-size: 1.125em;
}
.red_follow_btn {
  display: inline-block;
  padding: 0 30px;
  height: 35px;
  line-height: 35px;
  background-color: #ff3366;
  color: #fff;
  font-size: 0.875em;
  font-weight: bold;
}
.white_follow_btn {
  display: inline-block;
  width: 80px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  color: #666666;
  font-size: 1em;
  text-align: center;
}
.f6_follow_btn {
  display: inline-block;
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.grey_msg_btn {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  background-color: #666;
  color: #fff;
  font-size: 1em;
  text-align: center;
}
.grey_telent_btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background-color: #666;
  color: #fff;
  font-size: 1em;
  text-align: center;
}
.cancel_follow_btn {
  display: inline-block;
  width: 90px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  color: #999;
  font-size: 0.75em;
}
.black_msg_btn {
  display: inline-block;
  padding: 0 50px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 0.875em;
  font-weight: bold;
}
.black_join_btn {
  display: inline-block;
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 0.875em;
  font-weight: bold;
}
.sub_m_btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 0.875em;
  font-weight: bold;
  background: #333;
}
.grey_999_btn {
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
}
.red_h40_btn {
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background-color: #ff3366;
  color: #fff;
  font-weight: bold;
}
.goto_order_btn {
  display: inline-block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.line_40_btn {
  display: inline-block;
  padding: 0 25px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #bbb;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
/*btn hover*/
.post_btn:hover,
.pub_post_btn:hover,
.blue_btn:hover,
.blue_s_btn:hover,
.red_40_btn:hover,
.blue_40_btn:hover,
.blue_edit_btn:hover,
.manset_btn:hover,
.send_feedback_btn:hover,
.reject_btn:hover,
.login_btn:hover,
.login_grey_btn:hover,
.red_btn:hover,
.black_comm_btn:hover,
.addtag_btn:hover,
.save_btn:hover,
.save_fix_btn:hover,
.black_confirm_btn:hover,
.right_blue_btn:hover,
.apply_red_btn:hover,
.red_follow_btn:hover,
.black_msg_btn:hover,
.black_join_btn:hover,
.sub_m_btn:hover,
.red_h40_btn:hover,
.edit_avatar_s_btn:hover,
.goto_order_btn:hover,
.attention_btn:hover,
.grey_direct_btn:hover,
.direct_btn:hover,
.grey_telent_btn:hover {
  color: #fff;
}
.update_info_btn:hover,
.yellow_btn:hover,
.yellow_40_btn:hover,
.regjob_btn:hover,
.reg_job_btn:hover,
.upload_attach_btn:hover,
.register_btn:hover,
.grey_btn:hover,
.fav_talent_btn:hover,
.edit_avatar_btn:hover,
.moveout_btn:hover,
.right_yellow_btn:hover,
.yellow_s_btn:hover {
  color: #000;
}
.cancel_attention_btn:hover,
.faved_link_btn:hover,
.dfav_job_btn:hover,
.grey_resume_btn:hover,
.skip_grey_btn:hover,
.cancel_follow_btn:hover,
.grey_999_btn:hover {
  color: #999;
}
.approve_more_btn:hover,
.fav_job_btn:hover,
.approve_more_btn:hover {
  color: #ffae00;
}
.cancel_btn:hover,
.scan_btn:hover,
.cancel_fix_btn:hover,
.attention_r_btn:hover {
  color: #666;
}
.dreg_job_btn:hover {
  color: #f7e366;
}
.skip_btn:hover {
  color: #2c66ee;
}
/*popup*/
.dialog {
  display: none;
  position: fixed;
}
.popup_con {
  border: 10px solid #ccc;
  background-color: #fff;
}
.popup_con_new {
  border: 1px solid #ccc;
  background-color: #fff;
}
.popup_con_yellow {
  border: 10px solid #ccc;
  background-color: #ffffe8;
}
.popup_con_red {
  border: 10px solid #ccc;
  background-color: #ffeff1;
}
.popup_head {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
}
a.close_popup_btn {
  padding-top: 3px;
  position: relative;
  z-index: 2;
}
.popup_btn_con {
  border: 3px solid #ccc;
}
.upload_banner_list li {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0 10px 5px;
}
.crop_picture {
  background: url(../images/common/transparent_repeat_bg.png) repeat;
  border: 1px solid #999;
  width: 320px;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: Center;
}
.popup_profile {
  height: 520px;
  overflow-y: scroll;
  _width: 640px;
}

.choose_condition {
  background: #f6f6f6;
}
.choose_condition li {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 3px;
  text-align: center;
}
.choose_condition li a {
  display: inline-block;
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  color: #666;
  font-weight: bold;
}
.choose_condition li.selected {
  background: #e7f6ff;
}
.choose_condition li.selected a {
  color: #2c66ee;
}
.choose_options {
  height: 360px;
  overflow-y: scroll;
}
.choose_options ul li {
  float: left;
  width: 200px;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  font-size: 0.75em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.choose_options ul li a {
  color: #333;
}
.choose_options ul li b {
  display: inline-block;
  margin-right: 5px;
}

.choose_user_options {
  height: 360px;
  overflow-y: scroll;
}

.yellow_popup_box {
  border: 1px solid #f7e366;
  background: #ffffe8;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  position: relative;
  font-size: 12px;
  color: #666;
  z-index: 10;
}
.yellow_popup_box .bottom_tran {
  width: 9px;
  height: 6px;
  background-position: -427px 0;
  position: absolute;
  bottom: -6px;
  left: 80px;
  z-index: 10;
}
.registe_box .input_panel {
  position: relative;
}
.registe_box .yellow_popup_box {
  display: none;
  text-align: left;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  width: 220px;
  position: absolute;
  left: 0;
  top: -25px;
}
.registe_box .yellow_popup_box .bottom_tran {
  left: 15px;
}
.registe_box .yellow_popup_box .red_text {
  display: inline-block;
  vertical-align: middle;
  width: 190px;
  margin-right: 5px;
  color: #ff3366;
}
.registe_box .yellow_popup_box {
  width: 308px;
}
.registe_box .yellow_popup_box .red_text {
  width: 278px;
}
.registe_box .yellow_popup_box.w_200 {
  width: 190px;
  left: 118px;
}
.registe_box .yellow_popup_box.w_200 .red_text {
  width: 160px;
}
.whatis_dm {
  display: none;
  position: absolute;
  width: 100px;
  top: -33px;
  left: -45px;
}
.whatis_dm i.bottom_tran {
  left: 45px;
}
.direct_msg {
  display: none;
  left: 80px;
  top: -78px;
  width: 138px;
}
.direct_msg i.bottom_tran {
  left: 65px;
}
.privilege_box {
  display: none;
  position: absolute;
  bottom: 21px;
  left: 195px;
  border: 1px solid #f7e366;
  background: #ffffe8;
  line-height: 1.8em;
  padding: 5px 10px;
  font-size: 12px;
  color: #666;
  z-index: 10;
}
.privilege_box .bottom_tran {
  width: 9px;
  height: 6px;
  background-position: -427px 0;
  position: absolute;
  bottom: -6px;
  left: 10px;
  z-index: 10;
}
/*follow popup*/
.confirm_cancel_popup {
  width: 190px;
  border: 3px solid #ccc;
  position: absolute;
  background: #fff;
  z-index: 10;
}
.follow_tip_popup {
  width: 98px;
  border: 3px solid #ccc;
  position: absolute;
  background: #fff;
  z-index: 10;
}
.follow_tip_popup .pd_5_20 {
  padding: 5px;
}
.color_999 a.color_blue {
  color: #999;
}
/*sns_box*/
.sns_box {
  position: relative;
}
.bsns_box .sns_box .icon {
  margin-right: 15px;
}
.weixin_qr_job {
  display: none;
  position: absolute;
  bottom: 38px;
  right: -45px;
  background: #fff;
  z-index: 101;
}
.weixin_qrs_box {
  display: none;
  position: absolute;
  bottom: 38px;
  right: 33px;
  background: #fff;
  z-index: 101;
}
.weixin_qr_box {
  display: none;
  position: absolute;
  bottom: 25px;
  right: 33px;
  background: #fff;
  z-index: 101;
}
.weixin_qrb_box {
  display: none;
  position: absolute;
  bottom: 38px;
  left: 10px;
  background: #fff;
  z-index: 101;
}
.weixin_qrcode_box {
  display: none;
  position: absolute;
  bottom: 31px;
  left: -10px;
  background: #fff;
  z-index: 101;
}
.weixin_qrcode_pic {
  position: relative;
  font-size: 0.75em;
  padding: 5px;
  border: 1px solid #e0e0e0;
}
.weixin_qrcode_pic i.e0_tran {
  display: inline-block;
  width: 9px;
  height: 6px;
  background-position: -427px -7px;
  position: absolute;
  bottom: -6px;
  left: 45px;
}
.sns_box .gsns_sina:hover {
  background-position: -420px -239px;
}
.sns_box .gsns_qq:hover {
  background-position: -217px -480px;
}
.sns_box .gsns_qqzone:hover {
  background-position: -266px -480px;
}
.sns_box .gsns_renren:hover {
  background-position: -318px -480px;
}
.sns_box .gsns_douban:hover {
  background-position: -366px -480px;
}
.share_links .weixin_qrs_box {
  bottom: -46px;
  right: 48px;
}
/*weixin qrcode 2023-7-26*/
.share_wx_box {
  position: relative;
}
.share_wx_box .sw_hover_btn {
  display: inline-block;
}
.share_wx_box .target_pop {
  position: absolute;
  bottom: -50%;
  margin-bottom: -50%;
  right: 100%;
  padding-right: 2px;
  z-index: 101;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear;
}
.share_wx_box .target_pop_inner {
  position: relative;
  font-size: 12px;
  padding: 11px 11px 5px 11px;
  border: 1px solid #e0e0e0;
  background: #fff;
  min-width: 112px;
  box-sizing: border-box;
}
.share_wx_box .target_pop_pic {
  height: 88px;
  min-width: 88px;
  text-align: center;
  margin-bottom: 6px;
}
.share_wx_box .target_pop_text {
  color: #666363;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
}
.share_wx_box .target_pop_inner i.e0_tran {
  display: inline-block;
  width: 9px;
  height: 6px;
  background-position: -427px -7px;
  position: absolute;
  bottom: -6px;
  left: 51px;
}
.share_wx_box.inner_wxb .target_pop {
  padding-right: 0;
  bottom: 32px;
  margin-bottom: 0;
  left: -45px;
  right: auto;
}
.share_wx_box.jinner_wxb .target_pop {
  padding-right: 0;
  bottom: 37px;
  margin-bottom: 0;
  left: -42px;
  right: auto;
}
.share_wx_box.inner_bn_wxb .target_pop {
  bottom: 39px;
  left: -41px;
}
.share_wx_box:hover .target_pop {
  opacity: 1;
  visibility: visible;
}

/*d_site*/
.d_site {
  position: relative;
  width: 100%;
  z-index: 1000;
  zoom: 1;
}
.fixd_nav {
  position: fixed;
  top: 0;
  left: 0;
}
.fixd_bar {
  position: fixed;
  top: 32px;
  left: 0;
  width: 100%;
  z-index: 100;
  zoom: 1;
}
.site_auto {
  width: 1000px;
  margin: 0 auto;
}
.site_nav {
  position: relative;
  z-index: 200;
  height: 32px;
  background: #f6f6f6;
}
.site_app {
  position: relative;
  height: 90px;
  background: #ff3366;
}
.top_banner {
  position: relative;
  height: 80px;
}
.bom_banner {
  position: relative;
}
.home_app {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #ff3366;
  z-index: 100;
  width: 100%;
}
.site_nav_con {
  height: 32px;
}
.site_nav_con ul li {
  display: inline;
  float: left;
  position: relative;
}
.site_nav_con .sncl_item a {
  color: #666363;
}
.site_nav_con .sncl_drop a {
  color: #333131;
}
.site_nav_con a .headfont {
  color: #999696;
}
.site_nav_con a.color_black {
  color: #000;
}
.site_nav_con a:hover,
.site_nav_con a:hover .headfont,
.site_nav_con a.color_red,
.site_nav_con a.color_red .headfont {
  color: #ff3366;
}
.site_nav_con ul li a.color_blue,
.site_nav_con ul li a.color_blue:hover {
  color: #2c66ee;
}
.site_nav_li {
  position: relative;
  height: 32px;
  line-height: 32px;
  z-index: 200;
}
.site_nav_li a.cur_txt {
  cursor: text;
}
.site_nav_con ul li a.cur_txt:hover {
  color: #666;
}
.site_nav_li .a_d_icon {
  margin-left: 10px;
  margin-top: 14px;
}
.site_nav_list {
  display: none;
  padding: 10px;
  position: absolute;
  top: 31px;
  left: 0;
  background: #fff;
  border: 1px solid #e0dede;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-sizing: content-box;
  border-radius: 3px;
  z-index: 198;
}
.site_nav_list p {
  height: 16px;
  line-height: 16px;
}
.site_nav_list a {
  display: inline-block;
}
.site_nav_list p a {
  width: 100%;
}
.auth_span {
  display: inline-block;
  padding: 0 6px;
  border-radius: 3px;
  background: #f5f3f3;
  color: #666363;
  font-size: 12px;
  font-weight: normal;
}
.auth_span:hover {
  background: #eeecec;
  color: #666363;
}
.user_avatar .auth_span {
  background: #cccaca;
  line-height: 20px;
}
.ua_info .site_nav_list {
  padding: 10px 0 0 0;
}
/* .site_nav_con ul li.on .site_nav_li {background:#fff;border-color:#e0e0e0;}
.site_nav_con ul li.on img.mg_t_1 {visibility:hidden;} */
.site_nav_con ul li.on .site_nav_list {
  display: block;
}
.rss_box a.bsns_blk_weixin:hover {
  background-position: -390px -239px;
}
.rss_box a.bsns_blk_sina:hover {
  background-position: -420px -239px;
}
.rss_box a.bsns_blk_rss:hover {
  background-position: -449px -239px;
}
.rss_box a.bsns_blk_apple:hover {
  background-position: -74px -647px;
}
.rss_box a.bsns_blk_anzhuo:hover {
  background-position: -170px -647px;
}
.rss_box a.bsns_blk_youku:hover {
  background-position: -97px -648px;
}
.rss_box a.bsns_blk_tudou:hover {
  background-position: -124px -648px;
}
.rss_box a.ab_r_icon:hover {
  background-position: -493px -218px;
}
.rss_box .show_wxqrc {
  display: inline-block;
}
.site_menu {
  display: none;
  height: 40px;
  background: #333333;
}
.site_menu ul li {
  display: inline;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 0.875em;
}
.site_menu ul li a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.site_menu ul li a:hover {
  color: #ff3366;
}
.site_menu ul.home_sm li {
  padding: 0 65px;
}
.site_menu ul.art_sm li {
  padding-left: 36px;
}
.site_menu ul.fea_sm li {
  padding-left: 65px;
}
.site_menu ul.pro_sm li {
  padding-left: 36px;
}
.site_menu ul li.f_sm_li {
  color: #ff3366;
  padding: 0;
}
.msg_box a em {
  display: inline-block;
  float: left;
  cursor: pointer;
}
.msg_box a i {
  display: inline-block;
  float: right;
  background: #ff3f6e;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  vertical-align: middle;
}
.logout {
  background: #f6f6f6;
  border-top: 1px solid #e0e0e0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #666;
}
.logout a.color_blue:hover {
  text-decoration: underline;
}
/*new header*/
.snc_left {
  width: 320px;
  line-height: 32px;
  font-size: 12px;
}
.snc_right .pd_0_9 {
  padding: 0 8px;
}
.sncl_drop {
  border: 1px solid #e0dede;
  padding: 6px 4px;
  position: absolute;
  top: 31px;
  left: 0;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border-radius: 3px;
  z-index: 198;
  overflow: hidden;
  transition: all 0.2s linear;
  opacity: 0;
  visibility: hidden;
}
.snc_li:hover .sncl_drop {
  opacity: 1;
  visibility: visible;
}
.sncl_drop p {
  height: 32px;
  line-height: 32px;
}
.sncl_drop p a {
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
}
.tag_flag p a {
  padding-left: 4px;
}
.tag_flag p a .headfont {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 14px;
  text-align: center;
  line-height: 16px;
  margin-right: 8px;
}
.sncl_tlp {
  position: absolute;
  left: 7px;
  top: 2px;
  background: #ff3366;
  box-sizing: border-box;
  border-radius: 6px;
  min-width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  color: #fff;
}
.sncl_tlp > em {
  display: block;
  font-size: 12px;
  transform: scale(0.8);
}
.snclp_tlp {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  background: #ff3366;
  box-sizing: border-box;
  border-radius: 8px;
  min-width: 16px;
  padding: 0 4px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.snclp_tlp.hide,
.sncl_tlp.hide {
  display: none;
}
.log_info_drop {
  width: 224px;
  padding: 0;
  box-sizing: border-box;
}
.lid_top {
  padding: 8px 16px;
}
.lid_top a b.substr_one {
  max-width: 120px;
  margin-right: 8px;
}
.lid_top a.corporate_item {
  max-width: 140px;
}
.lid_bottom {
  height: 40px;
  line-height: 40px;
  background: #faf9f9;
  box-sizing: border-box;
  padding: 0 16px;
}
.lid_bottom a {
  color: #569;
}
.lid_bottom a:hover {
  color: #f36;
}
.lid_top .title_lmp {
  display: none;
}
.lid_top .tag_flag p a {
  padding-left: 0;
}

/**begin content**/
#warp {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0 60px;
}
#header_con {
  position: relative;
  z-index: 100;
}
.head_top {
  margin-bottom: 15px;
  padding-top: 15px;
  font-size: 0.75em;
  position: relative;
  z-index: 101;
}
.head_logo {
  width: 216px;
  height: 21px;
}
.head_seacrh {
  position: relative;
  height: 31px;
  border: 2px solid #ff3366;
}
.head_seacrh input {
  border: 0 none;
  width: 350px;
  padding: 0 5px;
  vertical-align: middle;
  height: 31px;
  line-height: 31px;
  font-family: Arial;
  color: #666;
  font-size: 14px;
}
.head_seacrh .hs_select {
  width: 70px;
  height: 31px;
  vertical-align: middle;
  position: relative;
}
.head_seacrh select {
  border: 0 none;
  font-family: Arial;
  width: 60px;
  color: #666;
  vertical-align: middle;
}
.head_seacrh .show_hslist {
  display: inline-block;
  width: 55px;
  position: relative;
  background: #f6f6f6;
  border-left: 1px solid #e0e0e0;
  height: 14px;
  line-height: 14px;
  padding: 8px 0 9px 14px;
  color: #666;
}
.head_seacrh .hs_list {
  position: absolute;
  top: 31px;
  left: 0;
  width: 68px;
  border: 1px solid #e0e0e0;
  border-top: 0 none;
  background: #fff;
}
.head_seacrh .hs_list li a {
  display: inline-block;
  width: 54px;
  height: 31px;
  line-height: 31px;
  padding-left: 14px;
  background: #f6f6f6;
  color: #666;
}
.head_seacrh .hs_select:hover i.arrow_hs_icon {
  background-position: -404px -9px;
}
.head_seacrh .hs_list li a:hover {
  background: #fff;
  color: #666;
}
.search_top {
  font-size: 0.875em;
  position: relative;
  z-index: 101;
  padding: 5px 0px;
}
.search_logo {
  width: 216px;
  height: 21px;
  padding-top: 7px;
}
.search_bar {
  height: 36px;
  border: 2px solid #ff3366;
  border-right: 0 none;
}
.search_bar_new {
  height: 44px;
  border: 2px solid #ff3366;
  border-right: 0 none;
}
.search_bar_new input {
  border: 0 none;
  width: 820px;
  padding: 0 10px;
  vertical-align: middle;
  height: 44px;
  line-height: 44px;
  font-weight: normal;
  color: #bbb;
  font-size: 14px;
}
.search_bar input {
  border: 0 none;
  width: 590px;
  padding: 0 5px;
  vertical-align: middle;
  height: 36px;
  line-height: 36px;
  font-family: Arial;
  color: #666;
  font-size: 14px;
}
.search_bar .hs_select {
  width: 70px;
  height: 36px;
  vertical-align: middle;
  position: relative;
}
.search_bar select {
  border: 0 none;
  font-family: Arial;
  width: 60px;
  color: #666;
  vertical-align: middle;
}
.search_bar .show_hslist {
  display: inline-block;
  width: 55px;
  position: relative;
  background: #f6f6f6;
  border-left: 1px solid #e0e0e0;
  height: 14px;
  line-height: 14px;
  padding: 11px 0 11px 14px;
  color: #666;
}
.search_bar .hs_list {
  position: absolute;
  top: 31px;
  left: 0;
  width: 68px;
  border: 1px solid #e0e0e0;
  border-top: 0 none;
  background: #fff;
}
.search_bar .hs_list li a {
  display: inline-block;
  width: 54px;
  height: 36px;
  line-height: 36px;
  padding-left: 14px;
  background: #f6f6f6;
  color: #666;
}
.search_bar .hs_select:hover i.arrow_hs_icon {
  background-position: -404px -9px;
}
.search_bar .hs_list li a:hover {
  background: #fff;
  color: #666;
}
/**new datalist search**/
.ui-autocomplete {
  cursor: default;
  display: block;
  position: absolute;
  width: 351px;
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
  border-top: 0;
  font-size: 14px;
}
.ui-autocomplete .ui-menu-item a {
  display: block;
  line-height: 30px;
  height: 30px;
  padding-left: 5px;
}
.ui-autocomplete .ui-menu-item a:hover {
  background: #fff;
  color: #666;
}
#header_con .ui-helper-hidden-accessible {
  display: none;
}
.bottom_sbar {
  font-size: 0.75em;
  position: relative;
  z-index: 101;
  width: 510px;
  margin: 30px auto;
}
.bottom_sbar .bom_key {
  margin-top: 10px;
  float: left;
}
.bottom_sbar .bom_key li {
  float: left;
  margin-right: 10px;
}
.bottom_sbar .bom_key li a {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  color: #666;
}
.bom_search {
  height: 31px;
  border: 2px solid #ff3366;
  border-right: 0 none;
}
.bom_search input {
  border: 0 none;
  width: 350px;
  padding: 0 5px;
  vertical-align: middle;
  height: 31px;
  line-height: 31px;
  font-family: Arial;
  color: #666;
  font-size: 14px;
}
.bom_search .hs_select {
  width: 70px;
  height: 31px;
  vertical-align: middle;
  position: relative;
}
.bom_search select {
  border: 0 none;
  font-family: Arial;
  width: 60px;
  color: #666;
  vertical-align: middle;
}
.bom_search .show_hslist {
  display: inline-block;
  width: 55px;
  position: relative;
  background: #f6f6f6;
  border-left: 1px solid #e0e0e0;
  height: 14px;
  line-height: 14px;
  padding: 8px 0 9px 14px;
  color: #666;
}
.bom_search .hs_list {
  position: absolute;
  top: 31px;
  left: 0;
  width: 68px;
  border: 1px solid #e0e0e0;
  border-top: 0 none;
  background: #fff;
}
.bom_search .hs_list li a {
  display: inline-block;
  width: 54px;
  height: 31px;
  line-height: 31px;
  padding-left: 14px;
  background: #f6f6f6;
  color: #666;
}
.bom_search .hs_select:hover i.arrow_hs_icon {
  background-position: -404px -9px;
}
.bom_search .hs_list li a:hover {
  background: #fff;
  color: #666;
}
/*navs*/
.navs {
  height: 50px;
  line-height: 50px;
  position: relative;
  background: #333;
}
.navs a {
  color: #fff;
}
.navs a:hover {
  color: #ff3366;
}
.navs ul li {
  float: left;
  height: 50px;
  line-height: 50px;
  position: relative;
  z-index: 100;
}
.navs ul li .n_span {
  display: block;
  width: 130px;
  height: 50px;
  line-height: 50px;
}
.navs ul li .n_span a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
}
.navs ul li .n_span a .nav_mb_icon {
  margin-top: -2px;
  margin-top: 3px;
}
.navs ul li .n_home {
  display: block;
  width: 82px;
}
.navs ul li .n_home a {
  display: block;
  text-align: left;
}
.navs ul li .n_feu {
  width: 153px;
}
.navs ul li .n_per {
  width: 118px;
}
.navs ul li .w_150 {
  width: 150px;
}
.navs ul li .nav_hover {
  display: none;
  width: 125px;
  padding-bottom: 5px;
  background: #333;
  position: absolute;
  top: 49px;
  left: 28px;
  z-index: 98;
  overflow: hidden;
}
.navs ul li .nav_hover dl {
  padding: 0 5px 5px 5px;
  font-size: 0.875em;
}
.navs ul li .nav_hover dl dd {
  line-height: 18px;
}
.navs ul li .nav_hover dl dd a {
  display: inline-block;
  width: 110px;
  height: 18px;
  line-height: 18px;
  padding: 5px 0 7px 5px;
  _padding: 8px 0 4px 5px;
}
.navs ul li .nav_hover dl dd a:hover {
  font-weight: bold;
}
.navs ul li .nav_hover dl dd em {
  display: inline-block;
  width: 14px;
  text-align: center;
  margin-right: 10px;
}
.navs ul li .nav_hover dl.per_dd_ib dd em {
  width: 20px;
}
.navs ul li .nav_hover dl dd span {
  vertical-align: middle;
}
.navs ul li .nav_hover dl dd a.nblue_btn {
  background: #4b8fff;
  font-weight: bold;
  color: #fff;
}
.navs ul li .nav_hover dl dd a.nyellow_btn {
  background: #ffcc00;
  font-weight: bold;
  color: #000;
}
.navs ul li .artcile_nav {
  width: 230px;
  _width: 245px;
}
.navs ul li .artcile_nav div {
  width: 114px;
}
.navs ul li .artcile_nav dl dd a {
  width: 107px;
}
.navs ul li .feature_nav {
  width: 152px;
}
.navs ul li .feature_nav dl dd a {
  width: 137px;
}
.navs ul li .project_nav {
  width: 145px;
  _width: 150px;
  height: 220px;
}
.navs ul li .project_nav div.f_l {
  width: 140px;
}
.navs ul li .project_nav div.f_l dl dd a {
  width: 126px;
}
.navs ul li .people_nav {
  width: 264px;
  _width: 270px;
  height: 220px;
  left: 8px;
}
.navs ul li .people_nav div.f_l {
  width: 114px;
}
.navs ul li .people_nav div.f_r {
  width: 140px;
}
.navs ul li .people_nav div.f_l dl dd a {
  width: 107px;
}
.navs ul li .people_nav div.f_r dl dd a {
  width: 126px;
}
.navs ul li.nav_last {
  float: right;
  width: 88px;
}
.navs ul li.nav_last a {
  display: inline-block;
  text-align: right;
  width: 100%;
}
.navs ul li .nav_more {
  width: 100px;
  font-size: 1em;
  font-weight: bold;
}
.navs ul li .nav_more a {
  text-align: right;
  height: 22px;
  line-height: 22px;
  padding: 13px 0 15px 0;
}
.navs ul li.act .n_span {
  background: url(../images/common/snav_act.png) no-repeat center bottom;
}
.navs ul li.act .n_span a {
  color: #ff3366;
}
.navs ul li.act .n_home {
  background: url(../images/common/snav_act.png) no-repeat 8px bottom;
}
.navs ul li.act .feet {
  background: url(../images/common/snav_act_f1.png) no-repeat center bottom;
}
.navs ul li.over .n_span {
  position: relative;
  z-index: 99;
  background: none;
}
.navs ul li.over .n_span a {
  color: #ff3366;
}
.navs ul li.over .n_span a .nav_mb_icon,
.navs ul li.act .n_span a .nav_mb_icon {
  background-position: -168px -11px;
}
.navs ul li.over .nav_hover {
  display: block;
}
/*dash_nav*/
.dash_nav .navs {
  background: #ff3366;
}
.dash_nav .navs a {
  color: #fff;
}
.dash_nav .navs a:hover {
  color: #fff;
}
.dash_nav .navs ul li .n_span {
  width: 120px;
}
.dash_nav .navs ul li .n_home {
  width: 56px;
}
.dash_nav .navs ul li .w_136 {
  width: 136px;
}
/*.dash_nav .navs ul li .w_110 {width:110px;}
.dash_nav .navs ul li .w_150 {width:150px;}
.dash_nav .navs ul li .w_164 {width:164px;}
*/
.dash_nav .navs ul li.act .n_span a {
  color: #fff;
}
.dash_nav .navs ul li.over .n_span a {
  color: #fff;
}
.dash_nav .navs ul li.act .n_span {
  background: url(../images/common/dnav_act.png) no-repeat center bottom;
}
.dash_nav .navs ul li.act .n_home {
  background: url(../images/common/uc_act.png) no-repeat 8px bottom;
}
.dash_nav .navs ul li.act .n_ele {
  background: url(../images/common/ele_act.png) no-repeat center bottom;
}
.dash_nav .navs ul li.act .n_fef {
  background: url(../images/common/uc_act.png) no-repeat center bottom;
}
.dash_nav .navs ul li.over .n_span a .nav_mb_icon,
.dash_nav .navs ul li.act .n_span a .nav_mb_icon {
  background-position: -199px -10px;
}
.dash_nav .navs ul li .nav_hover {
  background: #ff3366;
  color: #fff;
  left: -15px;
}
.dash_nav .navs ul li.over .n_span {
  position: relative;
  z-index: 99;
  background: none;
}
/*footer*/
.footer_con {
  width: 100%;
  background: #333;
  color: #fff;
  font-size: 0.75em;
  padding: 30px 0 25px 0;
}
.footer_bottom {
  background: #000;
  color: #666;
  height: 60px;
  font-size: 0.75em;
}
.footer_con a {
  color: #fff;
}
.footer_con h4 {
  margin-bottom: 15px;
}
.footer_con ul li {
  line-height: 2em;
}
.footer_con ul li a {
  display: inline-block;
  width: 100%;
  color: #ccc;
}
.footer_con ul li a:hover {
  color: #ff3366;
}
.footer_qrc {
  position: absolute;
  bottom: 30px;
  left: 209px;
  padding-bottom: 20px;
  z-index: 100;
}
.footer_qrc_box {
  position: relative;
  padding: 20px 20px 18px 20px;
  background: #fff;
  border: 1px solid #333;
}
.footer_qrc_box i.qrcba_tan {
  position: absolute;
  left: 90px;
  bottom: -7px;
}
.footer_appstore {
  position: absolute;
  bottom: 30px;
  left: 270px;
  margin-bottom: 20px;
  z-index: 100;
}
.footer_appstore_box {
  position: relative;
  padding: 20px 20px 18px 20px;
  background: #fff;
  border: 1px solid #333;
}
.footer_appstore_box i.qrcba_tan {
  position: absolute;
  left: 90px;
  bottom: -7px;
}
.footer_android {
  position: absolute;
  bottom: 30px;
  left: 365px;
  margin-bottom: 20px;
  z-index: 100;
}
.footer_android_box {
  position: relative;
  padding: 20px 20px 18px 20px;
  background: #fff;
  border: 1px solid #333;
}
.footer_android_box i.qrcba_tan {
  position: absolute;
  left: 90px;
  bottom: -7px;
}
.contact_wechat {
  cursor: pointer;
}
.contact_wx {
  position: absolute;
  width: 110px;
  bottom: 10px;
  left: 38px;
  padding-bottom: 20px;
  z-index: 100;
}
.contact_wx_box {
  position: relative;
  padding: 10px 10px 5px 10px;
  background: #fff;
  border: 1px solid #333;
}
.contact_wx_box p {
  display: inline-block;
  width: 90px;
}
.contact_wx_box p img {
  vertical-align: bottom;
}
.contact_wx_box i.qrcba_tanb {
  background-position: -480px -262px;
  position: absolute;
  left: 55px;
  bottom: -7px;
}
.digital_wx {
  position: absolute;
  bottom: 15px;
  left: -8px;
  padding-bottom: 20px;
  z-index: 100;
}
.digital_wx_box {
  position: relative;
  padding: 20px 20px 18px 20px;
  background: #fff;
  border: 1px solid #333;
}
.digital_wx_box i.qrcba_tan {
  background-position: -480px -238px;
  position: absolute;
  left: 90px;
  bottom: -7px;
}
.digital_rapp {
  position: absolute;
  bottom: 15px;
  left: -48px;
  padding-bottom: 20px;
  z-index: 100;
}
.digital_rapp_box {
  position: relative;
  padding: 20px 20px 18px 20px;
  background: #fff;
  border: 1px solid #333;
}
.digital_rapp_box i.qrcba_tan {
  background-position: -480px -238px;
  position: absolute;
  left: 90px;
  bottom: -7px;
}
.digital_android {
  position: absolute;
  bottom: 15px;
  left: -86px;
  padding-bottom: 20px;
  z-index: 100;
}
.digital_android_box {
  position: relative;
  padding: 20px 20px 18px 20px;
  background: #fff;
  border: 1px solid #333;
}
.digital_android_box i.qrcba_tan {
  background-position: -480px -238px;
  position: absolute;
  left: 90px;
  bottom: -7px;
}
.site_nav_list .digital_wx {
  top: 22px;
  bottom: auto;
  left: -11px;
  padding-top: 20px;
  padding-bottom: 0;
}
.site_nav_list .digital_wx_box {
  border: 1px solid #e0e0e0;
}
.site_nav_list .digital_wx_box i.qrcba_tan {
  background-position: -480px -246px;
  left: 25px;
  top: -7px;
  bottom: auto;
}
/*begin content*/
.con_middle_404 {
  min-height: 300px;
  height: calc(100vh - 622px);
  padding-top: 60px;
}
.con_middle_all_404 {
  min-height: 300px;
  height: calc(100vh - 561px);
  padding-top: 60px;
}
.con_l {
  width: 660px;
  float: left;
}
.con_r {
  width: 320px;
  float: right;
}
.con_l_jobs {
  width: 720px;
  float: left;
}
.con_r_jobs {
  width: 260px;
  float: right;
}
.con_l_art {
  width: 700px;
  float: left;
}
.con_r_art {
  width: 260px;
  float: right;
}
.con_l_pro {
  width: 700px;
  float: left;
}
.con_r_pro {
  width: 260px;
  float: right;
}
/*con_top*/
.con_top_line {
  height: 18px;
  line-height: 18px;
  text-align: right;
  font-weight: bold;
  font-size: 0.875em;
  padding: 16px 20px 16px 0;
}
.menu_list li {
  float: left;
  text-align: center;
  font-size: 0.875em;
}
.menu_list li a {
  display: inline-block;
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb;
  color: #666;
  padding: 0 17px;
  height: 38px;
  line-height: 38px;
  white-space: nowrap;
}
.menu_list li a:hover {
  color: #ff3366;
}
.menu_list li.act a {
  background: #ff3366;
  border-color: #ff3366;
  color: #fff;
}
.menu_list li.act a:hover {
  color: #fff;
}
.menu_list li.bd_bom a {
  border-top: 0 none;
}
.menu_list li.casely {
  font-size: 1.125em;
  font-weight: bold;
}
.menu_list li.casely a {
  border: 0 none;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 20px;
}
.menu_list li.on a {
  background: #fff;
  border-color: transparent;
  color: #ff3366;
}
.menu_list li.on a:hover {
  color: #ff3366;
}
.con_nav {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  bottom: -1px;
}
.con_nav ul li {
  display: inline;
  float: left;
  margin-right: 10px;
}
.con_nav ul li span {
  display: inline-block;
  color: #666;
}
.con_nav ul li.on span {
  display: inline-block;
  color: #ff3366;
}
.con_nav ul li a {
  display: inline-block;
  color: #666;
}
.con_nav ul li a:hover {
  color: #ff3366;
}
.con_nav ul li.on a {
  color: #ff3366;
}
.con_nav ul li a.color_red {
  color: #ff3366;
}
.con_nav ul.dash_menu li {
  margin-right: 40px;
}
.con_nav .pubnav_list,
.con_nav .secnav_list {
  position: relative;
  margin-left: -10px;
}
.con_nav .pubnav_list li span {
  padding: 19px 10px 14px;
  height: 27px;
  line-height: 27px;
}
.con_nav .pubnav_list li span.pd_l_0 {
  padding: 19px 10px 14px 0px;
  height: 27px;
  line-height: 27px;
}
.con_nav .pubnav_list li a {
  padding: 19px 10px 14px;
  height: 27px;
  line-height: 27px;
}
.con_nav .pubnav_list li.on a {
  padding: 19px 10px 10px;
  border-bottom: 4px solid #ff3366;
}
.con_nav .pubnav_list li em {
  font-size: 12px;
  color: #999;
}
.con_nav .pubnav_list li.on em {
  color: #ff3366;
}
.con_nav .pubnav_list li.f_r {
  float: right;
  color: #ff3366;
  margin-right: 0px;
}
.con_nav .secnav_list li a {
  padding: 20px 10px 5px;
  height: 35px;
}
.con_nav .secnav_list li a .icon {
  vertical-align: top;
}
.con_nav .secnav_list li.per_ib a .icon {
  vertical-align: middle;
}
.con_nav .secnav_list li a span {
  display: inline-block;
  vertical-align: top;
  height: 27px;
  line-height: 27px;
  padding: 0 10px 8px;
}
.con_nav .secnav_list li.on a span {
  border-bottom: 4px solid #ff3366;
  color: #ff3366;
}
/*con_bottom*/
.con_bottom {
  background: #f1f1f1;
  width: 100%;
}
.con_bottom_box {
  width: 1000px;
  margin: 0 auto;
}
/*pagation*/
.pagation {
  font-size: 14px;
}
.pagation a {
  display: block;
  float: left;
  margin-right: 5px;
  text-align: center;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #bbb;
  font-size: 0.875em;
}
.pagation label {
  display: block;
  float: left;
  height: 30px;
  font-size: 0.75em;
  line-height: 30px;
  text-align: center;
  color: #999;
}
.pagation input {
  vertical-align: middle;
  margin-right: 5px;
  float: left;
  font-size: 0.75em;
  border: 1px solid #bbb;
  height: 22px;
  line-height: 22px;
  width: 30px;
}
.pagation a.next_btn {
  margin-right: 10px;
}
.pagation a.confirm_btn {
  font-size: 0.75em;
  height: 24px;
  line-height: 24px;
  background: #f6f6f6;
}
.pagation .page_num a.act {
  background: #ff3366;
  border: 1px solid #ff3366;
  color: #fff;
}
.bg_f1 .pagation a {
  background: #fff;
}
/*banner*/
.banner {
  position: relative;
  z-index: 1;
}
.banner_pic {
  overflow: hidden;
}
.banner_pic ul li {
  display: none;
}
.banner_pic ul li.on {
  display: block;
}
.banner_txt {
  overflow: hidden;
  padding-left: 10px;
  border: 1px solid #e0e0e0;
  border-top: 0 none;
  font-size: 0.875em;
}
.banner_txt ul li {
  float: left;
  display: none;
}
.banner_txt ul li.on {
  display: block;
}
.banner_txt ul.banner_title {
  overflow: hidden;
  font-weight: bold;
}
.banner_txt ul.banner_num li {
  display: block;
  border-left: 1px solid #e0e0e0;
  width: 20px;
  text-align: center;
  color: #666;
}
.banner_txt ul.banner_num li a {
  display: inline-block;
  width: 100%;
  color: #666;
}
.banner_txt ul.banner_num li.on {
  color: #ff3366;
  font-weight: bold;
  background: #f6f6f6;
}
.banner_txt ul.banner_num li.on a {
  color: #ff3366;
}
/*left_banner*/
.left_banner {
  width: 660px;
}
.left_banner .banner_pic {
  width: 660px;
  height: 370px;
}
.left_banner .banner_pic ul li img {
  width: 660px;
  height: 370px;
}
.left_banner .banner_txt {
  height: 48px;
  line-height: 48px;
}
.left_banner .banner_txt ul.banner_title {
  max-width: 530px;
  _width: 530px;
}
/*office_banner*/
.office_banner {
  width: 660px;
}
.office_banner .banner_pic {
  width: 660px;
  height: 370px;
}
.office_banner .banner_pic ul li img {
  width: 660px;
  height: 370px;
}
.office_banner .banner_txt {
  height: 38px;
  line-height: 38px;
}
.office_banner .banner_txt ul.banner_title {
  max-width: 450px;
  _width: 450px;
}
/*right_banner*/
.right_banner {
  width: 320px;
}
.right_banner .banner_pic {
  width: 320px;
  height: 520px;
}
.right_banner .banner_pic ul li img {
  width: 160px;
  height: 100px;
}
.right_banner .banner_txt {
  height: 48px;
  line-height: 48px;
}
.right_banner .banner_txt ul.banner_title {
  max-width: 200px;
  _width: 200px;
}
/*month_banner*/
.month_banner {
  width: 320px;
}
.month_banner .banner_pic {
  width: 320px;
  height: 200px;
}
.month_banner .banner_pic ul li img {
  width: 320px;
  height: 200px;
}
.month_banner .banner_txt {
  height: 48px;
  line-height: 48px;
}
.month_banner .banner_txt ul.banner_title {
  max-width: 100px;
  _width: 100px;
}
/*explore_banner*/
.explore_banner {
  width: 320px;
}
.explore_banner .banner_pic {
  width: 320px;
  height: 200px;
}
.explore_banner .banner_pic ul li img {
  width: 320px;
  height: 200px;
}
.explore_banner .banner_txt {
  height: 58px;
  line-height: 58px;
}
.explore_banner .banner_txt ul.banner_title {
  max-width: 240px;
  _width: 240px;
  line-height: 22px;
  padding-top: 5px;
}
/*inspiration_banner*/
.inspiration_banner {
  width: 320px;
}
.inspiration_banner .banner_pic {
  width: 320px;
  height: 200px;
}
.inspiration_banner .banner_pic ul li img {
  width: 320px;
  height: 200px;
}
.inspiration_banner .banner_txt {
  height: 58px;
  line-height: 58px;
}
.inspiration_banner .banner_txt ul.banner_title {
  max-width: 240px;
  _width: 240px;
  line-height: 22px;
  padding-top: 5px;
}
/*interview_banner*/
.interview_banner {
  width: 320px;
}
.interview_banner .banner_pic {
  width: 320px;
  height: 200px;
}
.interview_banner .banner_pic ul li img {
  width: 320px;
  height: 200px;
}
.interview_banner .banner_txt {
  height: 58px;
  line-height: 58px;
}
.interview_banner .banner_txt ul.banner_title {
  max-width: 240px;
  _width: 240px;
  line-height: 22px;
  padding-top: 5px;
}
/*space_banner*/
.space_banner {
  width: 320px;
}
.space_banner .banner_pic {
  width: 320px;
  height: 200px;
}
.space_banner .banner_pic ul li img {
  width: 320px;
  height: 200px;
}
.space_banner .banner_txt {
  height: 58px;
  line-height: 58px;
}
.space_banner .banner_txt ul.banner_title {
  max-width: 240px;
  _width: 240px;
  line-height: 22px;
  padding-top: 5px;
}
/*banners*/
.banners {
  position: relative;
  z-index: 1;
}
.banners_pic {
  overflow: hidden;
}
.banners_pic ul li {
  display: none;
}
.banners_pic ul li.on {
  display: block;
}
.banners_pic ul li > a {
  display: block;
  line-height: 0;
}
.banners_txt {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  font-size: 0.75em;
}
.banners_txt ul li {
  float: left;
  display: none;
}
.banners_txt ul li.on {
  display: block;
}
.banners_txt ul.banners_num li {
  display: block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  color: #999;
  background: #fff;
}
.banners_txt ul.banners_num li a {
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #999;
}
.banners_txt ul.banners_num li.on {
  color: #fff;
  font-weight: bold;
  background: #666;
}
.banners_txt ul.banners_num li.on a {
  color: #fff;
}
/*home_banners*/
.home_banners {
  width: 660px;
  height: 220px;
}
.home_banners .banners_pic {
  width: 660px;
  height: 220px;
}
.home_banners .banners_pic ul li img {
  width: 660px;
  height: 220px;
}
/*other_banners*/
.other_banners {
  width: 660px;
  height: 156px;
}
.other_banners .banners_pic {
  width: 660px;
  height: 156px;
}
.other_banners .banners_pic ul li img {
  width: 660px;
  height: 156px;
}
/*art_banners*/
.art_banners {
  width: 660px;
  height: 100px;
}
.art_banners .banners_pic {
  width: 660px;
  height: 100px;
}
.art_banners .banners_pic ul li img {
  width: 660px;
  height: 100px;
}
/*inner_banners*/
.inner_banners {
  width: 660px;
  height: 320px;
}
.inner_banners .banners_pic {
  width: 660px;
  height: 320px;
}
.inner_banners .banners_pic ul li img {
  width: 660px;
  height: 320px;
}
/*hot_con_box*/
.hot_con_box {
  width: 660px;
  position: relative;
  z-index: 1;
}
.hot_con_list {
  width: 660px;
  overflow: hidden;
}
/* height:224px;*/
.hot_con_list dl dd {
  display: none;
}
.hot_con_list dl dd.on {
  display: block;
}
.hot_con_item {
  padding-left: 10px;
  font-size: 0.875em;
  padding-left: 270px;
  overflow: hidden;
}
.hot_con_item ul li {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  background: #bbb;
  margin: 0 5px;
}
.hot_con_item ul.item_num li a {
  display: inline-block;
  width: 14px;
  height: 14px;
  color: #666;
}
.hot_con_item ul.item_num li.on {
  display: block;
  background: #ff3f6e;
}
.con_bottom_box .hot_con_box {
  width: 1000px;
}
.con_bottom_box .hot_con_list {
  width: 1000px;
}
.con_bottom_box .hot_con_item {
  padding-left: 440px;
}
/*inner_content*/
.inner_content {
  width: 1000px;
}
.inner_content .banners_pic {
  width: 1000px;
  height: 360px;
}
.inner_content .banners_pic ul li img {
  width: 1000px;
  height: 360px;
}
.inner_content .banners_txt {
  padding-left: 435px;
  margin-top: 0px;
}
.inner_content .banners_txt ul.banners_num li {
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  background: #bbb;
  margin: 0 5px;
}
.inner_content .banners_txt ul.banners_num li a {
  display: inline-block;
  width: 14px;
  height: 14px;
}
.inner_content .banners_txt ul.banners_num li.on {
  background: #ff3366;
}
/*section_title*/
.section_title {
  height: 37px;
  line-height: 37px;
  border-bottom: 3px #000 solid;
  padding: 0 5px;
  overflow: hidden;
}
.section_titles {
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  overflow: hidden;
}
.section_title h3,
.section_titles h3 {
  font-size: 1.25em;
}
.section_title h3,
.section_titles h3,
.section_title h3 a,
.section_titles h3 a {
  color: #333;
}
.section_title h3 a:hover,
.section_title h3 a:hover b,
.section_titles h3 a:hover {
  color: #ff3366;
}
.section_title span,
.section_titles span {
  height: 14px;
  line-height: 14px;
  font-size: 0.75em;
  padding-top: 16px;
}
.section_title span a,
.section_titles span a {
  color: #666;
}
.section_title span a:hover,
.section_titles span a:hover {
  color: #ff3366;
}
/*thinner_title*/
.thinner_title {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px #e0e0e0 solid;
  padding: 0 5px;
  overflow: hidden;
}
.thinner_title h6 {
  font-size: 0.82em;
  font-weight: normal;
}
.thinner_title span {
  height: 14px;
  line-height: 14px;
  font-size: 0.75em;
  padding-top: 8px;
}
.thinner_title span a {
  color: #666;
}
.thinner_title span a:hover {
  color: #ff3366;
}
/*tabs*/
.tabs {
  display: block;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #000;
  position: relative;
  z-index: 1;
}
.tabs li {
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 0.875em;
  font-weight: bold;
  padding: 1px 1px 0 1px;
}
.tabs li a {
  display: inline-block;
  padding: 0 20px;
  height: 29px;
  line-height: 29px;
  color: #999;
}
.tabs li a:hover {
  color: #ff3366;
}
.tabs li.on {
  height: 29px;
  line-height: 29px;
  padding: 0;
  border: 1px solid #000;
  background: #fff;
  border-bottom: 0 none;
  position: relative;
  z-index: 2;
  _top: 1px;
}
.tabs li.on a {
  color: #000;
}
.tabs li.on a:hover {
  color: #000;
}
.arlli_tab .tabs {
  height: 39px;
  line-height: 39px;
}
.arlli_tab .tabs li {
  height: 38px;
  line-height: 38px;
  padding: 1px 1px 0 1px;
}
.arlli_tab .tabs li a {
  height: 39px;
  line-height: 39px;
}
.arlli_tab .tabs li.on {
  height: 39px;
  line-height: 39px;
  padding: 0;
}
.tab_s {
  display: block;
  height: 39px;
  line-height: 39px;
  border-bottom: 1px solid #000;
  position: relative;
  z-index: 1;
}
.tab_s li {
  float: left;
  height: 38px;
  line-height: 38px;
  font-size: 0.875em;
  font-weight: bold;
  padding: 1px 1px 0 1px;
}
.tab_s li a {
  display: inline-block;
  padding: 0 20px;
  height: 39px;
  line-height: 39px;
  color: #999;
}
.tab_s li a:hover {
  color: #ff3366;
}
.tab_s li.on {
  height: 39px;
  line-height: 39px;
  padding: 0;
  border: 1px solid #000;
  background: #fff;
  border-bottom: 0 none;
  position: relative;
  z-index: 2;
  _top: 1px;
}
.tab_s li.on a {
  color: #000;
}
.tab_s li.on a:hover {
  color: #000;
}
.login_box .tabs {
  height: 39px;
  line-height: 39px;
}
.login_box .tabs li {
  height: 38px;
  line-height: 38px;
  padding: 1px 1px 0 1px;
}
.login_box .tabs li a {
  height: 39px;
  line-height: 39px;
  padding: 0 40px;
}
.login_box .tabs li.on {
  height: 39px;
  line-height: 39px;
  padding: 0;
}
.h_tabs {
  display: block;
  height: 39px;
  line-height: 39px;
  border-bottom: 1px solid #000;
  position: relative;
  z-index: 1;
}
.h_tabs li {
  float: left;
  height: 38px;
  line-height: 38px;
  font-size: 1.25em;
  font-weight: bold;
  padding: 1px 1px 0 1px;
}
.h_tabs li a {
  display: inline-block;
  padding: 0 35px;
  height: 39px;
  line-height: 39px;
  color: #999;
}
.h_tabs li a:hover {
  color: #ff3366;
}
.h_tabs li.on {
  height: 39px;
  line-height: 39px;
  padding: 0;
  border: 1px solid #000;
  background: #fff;
  border-bottom: 0 none;
  position: relative;
  z-index: 2;
  _top: 1px;
}
.h_tabs li.on a {
  color: #000;
}
.h_tabs li.on a:hover {
  color: #000;
}
.tab_con .tab_main {
  display: none;
}
.tab_con .show {
  display: block;
}
.jobs_list li {
  line-height: 20px;
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #e0e0e0;
}
.jobs_list li p.font_nl {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jobs_list li h3 a {
  display: inline-block;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jobs_list .color_666 a {
  color: #666;
}
.jobs_list .color_666 a:hover {
  color: #ff3366;
}
.tabs_list li {
  height: 14px;
  line-height: 14px;
  padding: 13px 0 13px 10px;
  border-bottom: 1px solid #e0e0e0;
}
.tabs_list li .employ_icon {
  margin: 0 5px;
}
.tab_comm_box {
  min-height: 525px;
  _height: 525px;
}
.tab_comment_box {
  min-height: 388px;
  _height: 388px;
}
.height_box {
  min-height: 373px;
  _height: 373px;
}
.recent_box {
  min-height: 345px;
  _height: 345px;
}
.write_box {
  min-height: 260px;
  _height: 260px;
}
.tab_comm_list li {
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #e0e0e0;
}
.feature_list li {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}
.hot_writers {
  padding: 20px 20px 10px 20px;
  margin-bottom: 20px;
  width: 280px;
  background: #f1f1f1;
}
.hot_writers .color_333:hover {
  color: #ff3366;
}
.hot_writers .color_999:hover {
  color: #ff3366;
}
.writer_list {
  margin: 10px 0px 0px;
}
.writer_list li {
  float: left;
  width: 40px;
  padding-right: 5px;
  height: 40px;
  margin-bottom: 10px;
}
.writer_list li a {
  vertical-align: bottom;
  display: inline-block;
  font-size: 12px;
  color: #666;
  height: 40px;
}
.writer_list li a:hover {
  color: #ff3366;
}
.writer_list li.writer_more {
  float: right;
}
.writer_list li.writer_more a {
  text-align: right;
  font-size: 0.875em;
  width: 40px;
  line-height: 40px;
  color: #999;
  display: inline-block;
  font-weight: bold;
}
.writer_list li.writer_more a:hover {
  color: #ff3366;
}
.avatar_list li {
  float: left;
  width: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.avatar_fix_list li {
  float: left;
  width: 50px;
  margin-right: 4px;
  margin-bottom: 5px;
}
.avatar_fix_list li.avatar_six {
  margin-right: 0px;
}
.avatar_list li.avatar_three {
  margin-right: 0px;
}
.avatar_list li p.h_line_20 {
  _height: 16px;
  _line-height: 16px;
  _padding: 2px 0;
}
.famous_list li {
  float: left;
  width: 156px;
  margin-right: 12px;
  margin-bottom: 20px;
}
.famous_panel {
  border: 1px solid #e0e0e0;
  border-top: 0;
  padding: 10px;
}
.famous_panel p {
  line-height: 20px;
}
.famous_panel p.h_20 a.mg_r_5 {
  max-width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.famous_list li.famous_last {
  margin: 0;
}
.bg_f1 .famous_list li,
.bg_eee .famous_list li {
  background: #fff;
}
.send_invite_f6 .famous_panel {
  border-bottom: 0 none;
  padding-bottom: 30px;
}
.send_invite_f6 .send_line_f6 {
  border: 1px solid #e0e0e0;
  border-top: 0;
  height: 35px;
  line-height: 35px;
  background: #f6f6f6;
  padding-left: 10px;
}
.send_invite_f6 li {
  position: relative;
}
.send_invite_f6 li a.del_works_btn {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 14px;
  height: 14px;
  background-position: -290px -51px;
}
.send_invite_f6 li.act a.del_works_btn {
  display: inline-block;
}
.employee_manage li {
  position: relative;
}
.employee_manage li a.del_works_btn {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 14px;
  height: 14px;
  background-position: -290px -51px;
}
.employee_manage li.act a.del_works_btn {
  display: inline-block;
}
.award_list li {
  float: left;
  width: 320px;
}
.company_list li {
  float: left;
  width: 80px;
  height: 50px;
  overflow: hidden;
}
.rank_list li {
  padding: 10px 10px 10px 5px;
  border-bottom: 1px solid #e0e0e0;
}
.list_num {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #666;
}
.list_num_3 {
  background: #666;
}
.rank_list li .font_arial {
  font-weight: bold;
}
.recent_list li {
  padding: 14px 0;
  border-bottom: 1px solid #e0e0e0;
  line-height: 20px;
}
.recent_list li a,
.recent_list li a b {
  display: inline-block;
}
.recent_list li a span {
  color: #666;
}
.recent_list li a:hover span {
  color: #ff3366;
}
.recent_list li a b {
  margin-right: 5px;
}
.recent_list li a img {
  vertical-align: middle;
}
.recent_list li .substr_2 {
  display: -webkit-box;
  max-height: 44px;
}

#right_job_hot_banner a {
  display: inline-block;
  margin-bottom: 6px;
}
#right_job_hot_banner_new a {
  display: inline-block;
  margin-bottom: 6px;
}
#right_job_hot_banner a {
  display: inline-block;
  margin-bottom: 6px;
}
#right_job_hot_banner.twelve_clogo a {
  margin-bottom: 12px;
  margin-left: 16px;
}
#right_job_hot_banner.twelve_clogo img {
  width: 128px;
  height: 80px;
  object-fit: cover;
}

/*actice_index*/
.actice_index li {
  display: inline;
  float: left;
  width: 90px;
  padding: 5px 0;
  height: 20px;
  text-align: left;
}
.weibo_right_list .weibo_panel {
  float: left;
  width: 155px;
  max-height: 50px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.weibo_right_list .weibo_uname {
  width: 95px;
  height: 25px;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.weibo_tabs {
  display: block;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #000;
  position: relative;
  z-index: 1;
}
.weibo_tabs li {
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 0.875em;
  font-weight: bold;
  padding: 1px 1px 0 1px;
}
.weibo_tabs li a {
  display: inline-block;
  padding: 0 20px;
  height: 29px;
  line-height: 29px;
  color: #999;
}
.weibo_tabs li a:hover {
  color: #ff3366;
}
.weibo_tabs li.on {
  height: 29px;
  line-height: 29px;
  padding: 0;
  border: 1px solid #000;
  background: #fff;
  border-bottom: 0 none;
  position: relative;
  z-index: 2;
  _top: 1px;
}
.weibo_tabs li.on a {
  color: #000;
}
.weibo_tabs li.on a:hover {
  color: #000;
}
/*works_con*/
.work_item {
  width: 320px;
  background-color: #fff;
}
.work_item.transition:hover {
  box-shadow: 0 0 15px rgba(45, 50, 55, 0.3);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}
.work_item .works_pic {
  width: 320px;
  height: 200px;
  overflow: hidden;
}
.work_item .works_bd {
  border: 1px solid #fff;
  border-top: 0;
  padding: 10px 15px;
}
.work_item .works_bd .works_title h3 {
  line-height: 25px;
  font-size: 1.125em;
}
.work_item .works_bd .works_title p {
  width: 288px;
  height: 20px;
  line-height: 20px;
  font-size: 0.75em;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.work_item .works_bd .works_title p a {
  color: #999;
}
.work_item .works_bd .works_title p a:hover {
  color: #ff3366;
}
.con_list ul li {
  padding: 30px 0;
  border-bottom: 1px solid #f1f1f1;
}
.con_list ul li.last_one {
  border-bottom: 0 none;
}
.con_list ul li h3 {
  font-size: 1.25em;
}
.con_list .home_jobs li {
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}
.con_list .search_jobs li {
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}
.con_list ul li.sitem {
  padding: 24px 0 24px 0;
}
.con_list ul li.sitem .wh_120_74 {
  width: 120px;
  height: 74px;
  overflow: hidden;
}
.con_list ul li.sitem .thumb {
  display: block !important;
}
.con_list ul li.sitem .wh_120_74 a {
  display: flex;
  overflow: hidden;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.con_list ul li.sitem .sitem_avatar {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  overflow: hidden;
  object-fit: cover;
}
.con_list ul li.sitem .lh32_btn {
  width: 80px;
  border-radius: 6px;
  margin-right: 24px;
}
.con_list ul li.sitem .font_14 {
  font-size: 12px;
}
.con_list ul li.sitem .color_a34 {
  color: #999696;
}
.con_list ul li.sitem a.color_a34:hover {
  color: #f36;
}
.con_list ul li.sitem a.color_a34 i {
  vertical-align: middle;
}

.vedio_graph {
  position: relative;
}
.vedio_graph .vedio_icon {
  position: absolute;
  left: 0;
  bottom: 0;
}
.more_con {
  border: 1px solid #e0e0e0;
  font-weight: bold;
  margin-top: -3px;
}
.more_box .more_link {
  height: 20px;
  line-height: 20px;
  padding: 6px 0 12px 0;
  display: inline-block;
  width: 100%;
}
.more_box .more_link:hover {
  background-color: #f6f6f6;
}
.h_more_con {
  border-bottom: 1px solid #f1f1f1;
  margin-top: -3px;
}
.h_pro_link {
  height: 60px;
  background: #fff;
  color: #999;
  line-height: 60px;
  width: 100%;
}
.h_pro_link:hover {
  background: #fafafa;
  color: #333;
}
.h_pro_link .more_link {
  display: inline-block;
  width: 100%;
}
.u_more_con {
  background-color: #fff;
  margin-top: -3px;
}
.get_more_con {
  border: 1px solid #f1f1f1;
  border-top: 0px;
  margin-top: -3px;
}
.detail_more_con {
  border-top: 1px solid #f1f1f1;
  margin-top: -3px;
}
.get_more_box .more_link {
  height: 60px;
  background: #fff;
  color: #999;
  line-height: 60px;
  display: inline-block;
  width: 100%;
}
.get_more_box .more_link:hover {
  background: #fafafa;
  color: #333;
}
.get_more_box .more_nodata {
  height: 60px;
  background: #fff;
  color: #bbb;
  line-height: 60px;
  display: none;
  width: 100%;
}
.h_more_panel {
  height: 20px;
  line-height: 20px;
  padding: 6px 0 12px 0;
}
.h_more_panel a {
  display: inline-block;
  margin: 0 30px;
}
.h_more_panel a span {
  display: inline-block;
  width: 80px;
}
.h_more_panel a:hover {
  font-weight: bold;
}
.h_pros_box {
  width: 425px;
  height: 147px;
}
.h_pros_item {
  height: 130px;
  padding: 10px 15px 5px;
  border: 1px solid #e0e0e0;
  border-left: 0 none;
}
.h_pros_item p {
  color: #777;
  height: 14px;
}
.h_pros_item p a {
  color: #777;
}
.h_fea_list ul li {
  display: inline;
  float: left;
  height: 100px;
}
.h_company {
  position: relative;
}
.h_company p {
  position: absolute;
  bottom: 5px;
}
/*login_box*/
.input_grey,
.input_140 {
  border: 1px solid #bbb;
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
}
.input_name {
  border-right: 0;
}
.select_input {
  background: url(../images/common/select_icon.png) no-repeat 96% center;
}
.company_select {
  background: #fff url(../images/login/company_icon.png) no-repeat 98% center;
}
.label_txt {
  width: 75px;
  font-size: 0.875em;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
.fix_box .label_txt {
  font-weight: normal;
}
.register_panel .input_grey {
  width: 213px;
}
.validation_input {
  border: 1px solid #999;
  color: #666;
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  width: 110px;
  font-size: 14px;
}
.error_panel .input_grey,
.error_panel .vms_select,
.error_panel .validation_input,
.error_panel .title_text {
  border-color: #ff3366;
}
.focus_panel .input_grey {
  border-color: #2c66ee;
}
.error_tip {
  display: none;
  font-size: 0.75em;
  color: #ff3366;
}
.right_tip {
  display: none;
}
.error_panel .error_tip {
  display: block;
}
.right_panel .right_tip {
  display: block;
}
.password_strength span {
  display: inline-block;
  width: 160px;
  height: 10px;
  overflow: hidden;
  vertical-align: middle;
  background: #e0e0e0;
  text-align: center;
  margin-right: 5px;
}
.password_strength span.strength_a {
  background: #e0e0e0;
}
.password_strength span.strength_b {
  background: #f7e366;
}
.password_strength span.strength_c {
  background: #98e68e;
}
.password_strength em {
  vertical-align: middle;
  color: #999;
  font-size: 12px;
}
.login_box .personal_login .label_txt {
  width: 45px;
  height: 38px;
  line-height: 38px;
}
.login_box .company_login .label_txt {
  width: 60px;
  height: 38px;
  line-height: 38px;
}
.login_box .register_panel .input_grey {
  width: 308px;
  height: 38px;
  line-height: 38px;
}
.login_box .register_panel .input_grey.w_200 {
  width: 190px;
  height: 38px;
  line-height: 38px;
}
.login_brand_list ul li {
  float: left;
  width: 150px;
  height: 80px;
  margin: 20px 20px 0 0;
  _overflow: hidden;
}
.login_brand_list ul li.right_li {
  margin-right: 0;
}
.reg_company_box {
  position: relative;
}
.company_bg_list {
  position: relative;
}
.company_bg_pic {
  overflow: hidden;
  width: 1000px;
  height: 650px;
}
.company_bg_pic ul li {
  display: none;
}
.company_bg_pic ul li.on {
  display: block;
}
.company_bg_pic ul li img {
  width: 1000px;
  height: 650px;
}
.reg_company_box .reg_company_left {
  position: absolute;
  right: 0;
  top: 0;
  width: 340px;
  background: url(../images/login/company_bg_repeat.png) repeat-y;
  height: 650px;
  z-index: 1;
}
.register_panel .telephone_p input.w_45 {
  width: 45px;
  color: #bbb;
}
.register_panel .telephone_p input.w_91 {
  width: 91px;
  color: #bbb;
}
.register_panel .telephone_p input.w_55 {
  width: 55px;
  color: #bbb;
}
.vm_placeholder {
  position: relative;
}
.vm_placeholder label {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #bbb;
  cursor: text;
  font-size: 14px;
  position: absolute;
  left: 7px;
  top: 0;
}
.vm_placeholder input.keypress {
  border-color: #2c66ee;
}
input#user_remmber {
  _margin-top: -4px;
}
.login_sns_item {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  border: 1px solid #e0e0e0;
  padding: 3px 10px;
}
/*new register*/ /*reg*/
.register {
  margin: 0px auto;
  padding: 120px 0px 100px;
  width: 400px;
}
.tab_sns {
  width: 400px;
  background: #fff;
}
.tab_sns ul li {
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 1em;
  float: left;
  color: #666;
  background: #e7e7e7;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.tab_sns ul li.on {
  background: #fff;
  color: #ff3366;
  cursor: text;
}
.login_sns {
  width: 320px;
  padding: 40px;
  background: #fff;
}
.reg_con {
  width: 320px;
  padding: 40px;
  background: #fff;
}
.reg_con_mail {
  width: 400px;
  background: #fff;
}
.reg_tab {
  float: left;
}
.reg_tab li {
  float: left;
  font-size: 1.125em;
  color: #999;
  font-weight: bold;
  cursor: pointer;
}
.reg_tab li.act {
  color: #666;
}
.reg_progress_bar {
  height: 50px;
}
.reg_progress_bar ul li {
  display: inline;
  float: left;
  height: 48px;
  border-top: 2px solid #e0e0e0;
}
.reg_progress_bar ul.two_bar li {
  width: 499px;
}
.reg_progress_bar ul.three_bar li {
  width: 332px;
}
.reg_progress_bar ul li.f_r {
  float: right;
}
.reg_progress_bar ul li a {
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #666;
  background: #f6f6f6;
}
.reg_progress_bar ul li a:hover {
  color: #ff3366;
}
.reg_progress_bar ul li.on {
  position: relative;
  border-top: 2px solid #ff3366;
}
.reg_progress_bar ul li.on a {
  color: #ff3366;
  background: #fff;
}
.reg_progress_bar ul li.on .em_arrow {
  display: inline-block;
  font-size: 0;
  width: 8px;
  height: 4px;
  line-height: 0;
  margin: 0 0 0 -4px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  vertical-align: top;
}
.reg_progress_bar ul li.on .em_arrow em {
  display: inline-block;
  font-size: 0;
  width: 0;
  line-height: 0;
  margin: 0;
  border-color: #ff3366 #fff #fff #fff;
  border-style: solid;
  border-width: 4px;
  overflow: hidden;
}
.reg_middle h2 {
  font-size: 24px;
  text-align: center;
  color: #ff3366;
}
.reg_middle .label_txt {
  width: 320px;
  text-align: right;
  margin-right: 20px;
  height: 40px;
  line-height: 40px;
}
.reg_middle .register_panel .input_grey {
  width: 298px;
  padding: 0 10px;
}
.reg_middle .register_panel .input_140 {
  width: 120px;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
}
.reg_middle .register_panel .nickname_item .input_grey {
  width: 192px;
}
.reg_middle .register_panel .phone_code .input_grey {
  width: 190px;
  border-right: 0px none;
}
.reg_middle .register_panel .phone_code .get_vcode {
  width: 109px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #ff3366;
  font-size: 14px;
  border: 0px none;
}
.reg_middle .register_panel .phone_code .disabled {
  width: 109px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #bbb;
  font-size: 14px;
  border: 0px none;
}
.set_box .register_panel .phone_code .input_grey {
  width: 200px;
  border-right: 0px none;
}
.set_box .register_panel .phone_code .get_vcode {
  width: 109px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #ff3366;
  font-size: 14px;
  border: 0px none;
}
.set_box .register_panel .phone_code .disabled {
  width: 109px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #bbb;
  font-size: 14px;
  border: 0px none;
}
.reg_middle .new_funcs {
  padding: 0;
  margin: 0;
}
.reg_middle .new_funcs li {
  float: left;
  width: 155px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f1f1f1;
  color: #999;
  font-size: 14px;
  margin-bottom: 10px;
  cursor: pointer;
}
.reg_middle .new_funcs li.on {
  background: #ccc;
  color: #666;
}
.reg_middle .input_grey,
.reg_middle .validation_input {
  height: 38px;
  line-height: 38px;
}
.reg_middle .vm_placeholder label {
  height: 40px;
  line-height: 40px;
  left: 12px;
}
.reg_middle .vm_placeholder i.eye_grey,
.reg_middle .vm_placeholder i.eye_red {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 10px;
}
.reg_middle .vm_placeholder .gender_radio label {
  position: relative;
  color: #999;
  left: 0px;
}
.reg_middle .registe_box .yellow_popup_box {
  width: auto;
}
.reg_middle .registe_box .yellow_popup_box .red_text {
  width: 278px;
}
.reg_middle .registe_box .nickname_item .yellow_popup_box .red_text {
  width: 172px;
}
.reg_middle .validation_input {
  width: 138px;
  padding: 0 10px;
}
.reg_middle .register_btn {
  width: 320px;
}
.reg_middle .edu_complete_ph .register_btn {
  width: 240px;
}
.reg_middle .vms_select {
  padding: 9px 9px 9px 7px;
  width: 142px;
}
.reg_middle .vms_select select {
  width: 142px;
}
.reg_middle .vms_select select option {
  padding: 2px 5px;
}
.reg_middle .select_job_type .vms_select {
  width: 302px;
}
.reg_middle .select_job_type .vms_select select {
  width: 302px;
}
.reg_middle .profile_tabs {
  height: 40px;
  line-height: 40px;
}
.reg_middle .profile_tabs li {
  margin-right: 20px;
}
.reg_middle .span_input {
  height: 38px;
  line-height: 38px;
}
.reg_middle .span_input input {
  height: 36px;
  line-height: 36px;
}
.reg_middle .work_time .vms_select {
  width: 58px;
}
.reg_middle .work_time .vms_select {
  width: 58px;
}
.reg_middle .send_share_area {
  width: 298px;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  line-height: 1.5em;
  padding: 7px 10px;
  color: #666;
}
.bd_2t_red {
  height: 20px;
  line-height: 20px;
  border-top: 2px #ff3366 solid;
}
.sns_share_40 .bg_icon {
  display: inline-block;
  width: 40px;
  height: 30px;
  padding: 5px 0;
  margin-right: 10px;
  text-align: center;
}
.sns_share_40 .bg_sina {
  background-color: #ec1413;
}
.sns_share_40 .bg_qq {
  background-color: #1eb4da;
}
.sns_share_40 .bg_qqzone {
  background-color: #f5b93d;
}
.sns_share_40 .bg_douban {
  background-color: #228a31;
}
.reg_footer {
  text-align: center;
  border-top: 1px solid #e0e0e0;
  font-size: 0.75em;
  color: #999;
  padding-top: 10px;
}
.calendar {
  position: absolute;
  top: 42px;
  border: 1px #bbb solid;
  background: #fff;
  width: 180px;
  height: 180px;
}
.calendar ul {
  float: left;
  font-size: 14px;
}
.calendar ul li {
  color: #666;
  cursor: pointer;
  height: 16px;
}
.calendar ul li.on {
  color: #666;
  background: #bbb;
}
.calendar ul li.disable {
  color: #ccc;
}
.calendar .years {
  height: 180px;
  overflow-y: scroll;
}
.calendar .years li {
  padding: 5px 10px;
}
.calendar .months {
  width: 110px;
  height: 160px;
  padding: 10px 0px;
}
.calendar .months li {
  padding: 5px 10px;
  width: 35px;
  float: left;
  text-align: center;
}
/*avatarinfo*/
.position_name {
  width: 210px;
  height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.h_max_58 {
  max-height: 58px;
}
/*create profile*/
.progress_bar {
  position: relative;
  font-size: 0.75em;
  height: 1px;
  border-top: 1px solid #bbb;
}
.progress_bar span {
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #666;
  top: -10px;
}
.progress_bar span.act {
  background-color: #ff3366;
  color: #fff;
  border-color: #ff3366;
}
.progress_bar span.progress_one {
  left: 482px;
}
.progress_bar span.progress_two {
  left: 503px;
}
.progress_bar span.progress_three {
  left: 860px;
}
.progress_bar a.find_more {
  display: block;
  position: absolute;
  padding: 0 10px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #fff;
  color: #666;
  top: -10px;
  left: 468px;
}
.progress_bar a.find_more:hover {
  color: #ff3366;
}
.invite_list {
  font-size: 0.75em;
  border: 1px solid #e0e0e0;
}
.invite_list ul li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e0e0e0;
  color: #999;
}
.invite_list ul li input {
  margin-right: 5px;
}
.invite_list ul li a {
  display: inline-block;
  color: #999;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  width: 99%;
  background: #fff;
}
.invite_list ul li a:hover,
.invite_list ul li.chk a {
  background: #e7f6ff;
}
.invite_list ul li label {
  cursor: pointer;
  color: #333;
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
.invite_list .friend_list {
  max-height: 409px;
  _height: 409px;
  overflow-y: auto;
}
.join_name {
  position: absolute;
  left: 310px;
  bottom: 40px;
}
.green_box {
  border: 1px solid #98e68e;
  background: #e0ffe0;
  padding: 30px 0;
}
.bshare_box {
  width: 205px;
}
.create_profile {
  padding: 30px 0 40px 0;
}
.create_profile .select_panel ul.option_list {
  width: 280px;
}
.create_profile .select_panel ul.option_list li a {
  width: 257px;
}
.zoon_select .select_panel ul.option_list {
  width: 140px;
}
.zoon_select .select_panel ul.option_list li a {
  width: 117px;
}
.zoon_select .select_input {
  width: 120px;
}
.profile_tabs li {
  float: left;
  margin-right: 5px;
}
.vm_select {
  display: inline-block;
  border: 1px solid #e0e0e0;
  padding: 2px 2px 2px 1px;
  background: #fff;
  vertical-align: middle;
}
.vm_select select {
  border: 0 none;
  height: 20px;
  line-height: 20px;
  margin: 0;
  color: #666;
  vertical-align: top;
}
.vms_select {
  display: inline-block;
  border: 1px solid #bbb;
  width: 105px;
  padding: 4px 3px 4px 2px;
  background: #fff;
  vertical-align: middle;
}
.vms_select select {
  border: 0 none;
  width: 105px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  color: #666;
  font-size: 14px;
  vertical-align: top;
}
.second_vm {
  display: inline-block;
  border: 1px solid #bbb;
  width: 105px;
  padding: 4px 3px 4px 2px;
  background: #fff;
  vertical-align: middle;
}
.second_vm select {
  border: 0 none;
  width: 105px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  color: #666;
  font-size: 14px;
  vertical-align: top;
}
.work_time .vms_select {
  width: 59px;
}
.work_time .vms_select select {
  width: 59px;
}
.zoon_select .vms_select {
  width: 135px;
}
.zoon_select .vms_select select {
  width: 135px;
}
.pro_normal .vms_select {
  width: 275px;
}
.pro_normal .vms_select select {
  width: 275px;
}
span.second_vm {
  border-left: 0;
}
.select_job_type .vms_select {
  width: 216px;
}
.select_job_type .vms_select select {
  width: 216px;
}
.search_job_defaut .vm_select {
  padding: 4px 4px 4px 5px;
  border: 1px solid #bbb;
  _padding: 4px 4px 3px 5px;
}
.choose_industry .vms_select {
  width: 205px;
}
.choose_industry .vms_select select {
  width: 205px;
}
.job_type .vms_select {
  width: 325px;
}
.job_type .vms_select select {
  width: 325px;
}
.job_type .vms_select select option {
  height: 22px;
}
.job_type .vms_select select .def_option {
  font-weight: bold;
  background: #f6f6f6;
}
.search_job_ndefaut .vm_select {
  padding: 9px 8px 9px 5px;
  border: 1px solid #bbb;
  _padding: 9px 8px 8px 5px;
}
.search_job_ndefaut .job_key_btn {
  height: 21px;
  padding: 10px 70px 9px;
  background-color: #333;
  line-height: normal;
}
.search_job_ndefaut .hot_word_box {
  position: absolute;
  top: 40px;
  left: 0;
  background: #fff;
  width: 448px;
  padding: 15px 15px 5px;
  border: 1px solid #bbb;
  border-top: 0 none;
}
.search_job_ndefaut .vm_placeholder input.keypress {
  border-color: #bbb;
}
.hot_word_box a {
  color: #666;
}
.hot_word_box a:hover {
  color: #ff3366;
}
.hot_word_box ul.line_2em {
  line-height: 2.4em;
}
.w_100p .search_job {
  width: 100%;
  background: #efefef;
}
.search_njob_bar,
.search_nper_bar {
  position: fixed;
  top: 32px;
  z-index: 100;
  zoom: 1;
}
.search_njob_bar .hot_word_box {
  z-index: 101;
}
/*articles*/
.article_type,
.article_attribute {
  font-size: 14px;
  color: #666;
}
.article_type li,
.article_attribute li {
  height: 40px;
  padding: 0px 15px;
  line-height: 40px;
  float: left;
  background: #f1f1f1;
  cursor: pointer;
}
.article_type li.on,
.article_attribute li.on {
  background: #ccc;
}
.art_keywords .keywords {
  line-height: 22px;
}
.art_keywords .keywords a {
  color: #666;
  float: left;
  margin-right: 10px;
}
.art_keywords .keywords a.act {
  color: #ccc;
  float: left;
  margin-right: 10px;
}
.art_keywords .keywords a.on {
  color: #ff3366;
  float: left;
  margin-right: 10px;
}
.art_key li {
  position: relative;
  float: left;
  padding: 0px 15px 0px 10px;
  height: 32px;
  line-height: 32px;
  border: 1px #ccc solid;
  margin: 0px 10px 10px 0px;
}
.art_key li a.del_grey {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}
.art_select {
  z-index: 10;
}
.art_select .vm_select {
  border: 1px solid #bbb;
  padding: 4px 4px 4px 4px;
}
.select_box {
  border: 1px solid #e0e0e0;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  width: 65px;
}
.select_box span.v_m {
  display: inline-block;
  height: 24px;
  overflow: hidden;
  color: #666;
}
.classify_select {
  position: relative;
  z-index: 10;
}
.category_panel {
  position: absolute;
  top: 24px;
  overflow: hidden;
  background: #fff;
  width: 188px;
  border: 1px solid #e0e0e0;
  z-index: 11;
}
.category_panel ul li {
  padding: 15px;
  line-height: 1.5em;
}
.category_panel ul li p {
  color: #999;
  font-weight: bold;
}
.category_panel ul li div a {
  display: inline-block;
  color: #2c66ee;
  margin-right: 10px;
}
.filter_bar ul li {
  float: left;
  font-size: 12px;
}
.filter_bar ul li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 0;
  _height: 20px;
  _line-height: 20px;
  _padding: 5px 15px 5px 0;
  color: #999;
}
.filter_bar ul li.act a,
.filter_bar ul li a:hover {
  color: #ff3366;
}
.art_search input {
  width: 180px;
  border: 1px solid #bbb;
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.art_search a.v_m {
  display: inline-block;
  width: 40px;
  height: 18px;
  line-height: 18px;
  padding: 6px 0;
  text-align: center;
  background-color: #bbb;
}
.embody_box {
  height: 30px;
  z-index: 3;
}
.embody_box .dm_span {
  display: inline-block;
  text-align: center;
  background: #ff3366;
  height: 23px;
  width: 30px;
  padding-top: 7px;
}
.embody_span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 8px 0 0;
  background: #ff3366;
}
.no_content {
  border: 1px solid #f7e366;
  background: #ffffe8;
  padding: 30px 0;
  margin-bottom: 20px;
  text-align: center;
  font-size: 0.875em;
}
.no_content p.color_yellow {
  font-weight: bold;
  margin-bottom: 10px;
}
.no_content p.color_666 {
  margin-bottom: 30px;
}
.no_content_link {
  font-size: 0.75em;
  color: #999;
  text-align: center;
}
.bg_f1 .no_content {
  border: 0 none;
}
.bg_fff .no_content {
  border: 1px solid #f7e366;
}
.no_contents {
  padding: 60px 0;
  text-align: center;
}
.no_sentence {
  height: 60px;
  line-height: 60px;
  color: #666;
  text-align: center;
  font-size: 14px; /*background:#e7f6ff;*/
}
.nopro_sentence {
  height: 200px;
  line-height: 200px;
  color: #666;
  text-align: center;
  font-size: 14px; /*background:#e7f6ff;*/
}
.article_title {
  font-size: 1.8em;
  color: #333;
  position: relative;
}
.article_title span i {
  float: right;
}
.project_title {
  font-size: 1.8em;
  color: #333;
  position: relative;
}
.project_title span i {
  float: right;
}
.article_sub {
  font-size: 1.25em;
  color: #666;
  height: 30px;
  line-height: 30px;
}
.edit_author {
  font-size: 0.75em;
  color: #999;
  line-height: 1.6em;
  height: 40px;
}
.edit_author a {
  color: #666;
}
.p_999 a {
  color: #999;
}
.p_999 a:hover {
  color: #ff3366;
}
.p_999 a.color_blue {
  color: #2c66ee;
}
.p_999 a.color_blue:hover {
  color: #2c66ee;
}
.interacte {
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  _height: 20px;
  _line-height: 20px;
  _padding: 5px 0;
}
.interacte .f_r span {
  display: inline-block;
  padding: 0 10px;
  font-weight: bold;
}
.interacte .f_r span em {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  margin-top: 2px;
}
.interacte .f_r span.pd_15_20 {
  padding: 0 20px 0 15px;
}
.interacte .f_r span.pd_0_15 {
  padding: 0 15px;
}
.interacte .h_line_16 {
  height: 16px;
  line-height: 16px;
}
.article_con {
  font-size: 15px;
  position: relative;
  z-index: 1;
  line-height: 2em;
}
.article_con img {
  max-width: 700px;
}
.con_l_jobs .article_con img {
  max-width: 680px;
}
.article_con i,
.article_con em {
  font-style: italic;
}
.article_con p {
  line-height: 2em;
  margin-bottom: 20px;
}
.article_con p strong {
  font-family: -apple-system, system-ui, Segoe UI, PingFang SC, Microsoft YaHei,
    Arial, sans-serif;
  font-weight: bold;
}
.article_con span {
  white-space: normal;
}
.article_con a {
  color: #2c66ee;
}
.article_con a:hover {
  text-decoration: underline;
}
.article_con h1,
.article_con h2,
.article_con h3,
.article_con h4 {
  line-height: 2em;
  margin-bottom: 30px;
}
.article_con h1 {
  font-size: 32px;
  margin-bottom: 30px;
}
.article_con h2 {
  font-size: 24px;
  margin-bottom: 30px;
}
.article_con h3 {
  font-size: 18px;
  margin-bottom: 30px;
}
.article_con h4 {
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 30px;
}
.article_con ul,
.article_con ol {
  margin-bottom: 10px;
}
.article_con ul li {
  list-style: disc;
  line-height: 2em;
}
.article_con ol li {
  list-style: decimal;
  line-height: 2em;
}
.article_con h5 {
  font-weight: normal;
  font-size: 12px;
}
.article_con ul,
.article_con ol {
  padding-left: 30px;
}
.article_con blockquote {
  display: block;
  margin-left: 20px;
  margin-bottom: 20px;
}
.article_con pre {
  max-width: 660px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.article_con pre ol li {
  line-height: 1.6em;
}
.article_con sup {
  vertical-align: super;
}
.article_con video.vjs-default-skin {
  background: #000;
}
.edit_info {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.edit_info .edit_by {
  padding: 20px 0;
}
.edit_info .edit_tag {
  padding: 20px 0;
}
.edit_info .edit_like {
  padding: 20px 0;
  white-space: nowrap;
}
.edit_info .edit_like img {
  vertical-align: middle;
  margin-left: 10px;
}
.edit_info .edit_like img.fir_like {
  margin-left: 0;
}
.edit_info .edit_like ul li {
  display: inline;
  float: left;
  margin: 0px 5px 5px 0px;
}
.zan_member,
.score_member {
  text-align: center;
}
.zan_member ul,
.score_member ul {
  margin: 0 auto;
}
.zan_member ul li,
.score_member ul li {
  width: 30px;
  height: 30px;
  margin: 0px 1px 1px 0px;
  display: inline-block;
}
.tag_list li {
  float: left;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 30px;
  overflow: hidden;
}
.tag_list li a {
  cursor: text;
  display: inline-block;
  border: 1px solid #e0e0e0;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  color: #666;
  overflow: hidden;
}
.tag_list li a.links {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #e0e0e0;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  color: #666;
  overflow: hidden;
}
.tag_list li a.links:hover {
  color: #ff3366;
}
.tag_list li a.blue_btn {
  font-size: 14px;
  color: #fff;
  border: 0 none;
}
.tag_list li a.blue_btn:hover {
  color: #fff;
  background: #4b8fff;
}
.tag_item .tag_list li a {
  cursor: text;
}
.scan_box .tag_list li a,
.edit_dl .tag_list li a {
  cursor: text;
  background: #fff;
}
.scan_box .tag_list li a.links,
.edit_dl .tag_list li a.links {
  cursor: pointer;
  background: #e7f6ff;
}
.fix_box .tag_list li a,
.add_info_box .tag_list li a {
  cursor: text;
  background: #e7f6ff;
  border-color: #9dd1ff;
}
.scan_box .tag_list li a:hover,
.edit_dl .tag_list li a:hover,
.fix_box .tag_list li a:hover,
.add_info_box .tag_list li a:hover {
  color: #666666;
}
.add_green_box .tag_list li a {
  cursor: text;
  background: #e0ffe0;
  border-color: #98e68e;
}
.zan_bom {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding-top: 56px;
}
.search_tag .tag_list li a {
  padding: 0 20px;
}
.bg_fff .tag_list li a {
  cursor: text;
  background: #f6f6f6;
  border: 0 none;
  height: 30px;
  line-height: 30px;
}
.bg_fff .tag_list li a.links {
  cursor: pointer;
  background: #e7f6ff;
  border: 0 none;
  height: 30px;
  line-height: 30px;
}
/*opr company*/
.opr_company {
  background: #1948e7;
}
.opr_company ul li {
  list-style: none;
}
.union_list {
  padding: 0 !important;
}
.union_list li img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.union_list li img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.union_list li {
  margin: 0;
  width: 140px;
}
.union_list li img {
  width: 100%;
}
/*dawards*/
.sjudge_box {
  display: table;
  width: 100%;
  background: #333131;
  padding: 60px 0 20px 0;
}
.sjudge_box .sjudge_item {
  display: block;
  float: left;
  margin: 0 0 30px 60px;
  text-align: center;
  width: 150px;
  height: 250px;
  text-decoration: none;
}
a.sjudge_item:hover {
  text-decoration: none;
}
.sjudge_box .sjudge_avatar {
  display: block;
  height: 150px;
  line-height: 0;
  margin-bottom: 10px;
}
.sjudge_box .sjudge_avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sjudge_box .sjudge_name {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  color: #b58759;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sjudge_box .sjudge_text {
  display: block;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  color: #cacaca;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.judge_comment_box {
  display: table;
  width: 100%;
  padding: 20px 0 20px 0;
}
.judge_comment_box .judge_avatar {
  float: left;
  width: 70px;
}
.judge_comment_box .judge_avatar img {
  border-radius: 50%;
  width: 50px;
}
.judge_comment_box .judge_comment_info {
  float: left;
  width: 630px;
}
.judge_comment_box .judge_name {
  display: block;
  line-height: 25px;
  font-weight: bold;
  font-size: 14px;
  color: #b58759;
  width: 100%;
}
.judge_comment_box .judge_text {
  display: block;
  width: 100%;
  font-size: 12px;
  margin-bottom: 10px;
}
.judge_comment_box .judge_comment {
  display: block;
  line-height: 22px;
  font-size: 14px;
  padding: 10px 15px;
  margin-bottom: 30px;
  background: #faf9f9;
  border: 1px solid #eeecec;
  border-radius: 3px;
}
/*comm_erea*/
.comm_con {
  width: 700px;
}
.comm_erea {
  width: 700px;
}
.nologin_con {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 20px 0;
}
.nologin_rtop {
  height: 160px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.nologin_rtop .f_l {
  width: 218px;
  height: 30px;
  padding: 65px 0;
}
.nologin_con .f_l {
  width: 306px;
  height: 30px;
  padding: 55px 0;
}
.logged_con textarea {
  height: 128px;
  width: 628px;
  padding: 5px;
  border: 1px solid #ccc;
  color: #333;
  font-size: 0.875em;
  line-height: 1.5em;
  overflow: auto;
  resize: none;
}
.comm_list {
  width: 700px;
  margin-top: 20px;
}
.comm_list ul li {
  padding: 20px 0 16px 0;
  border-top: 1px solid #e0e0e0;
}
.comm_list .repeat_panel {
  margin-left: 60px;
  border-top: 1px solid #e0e0e0;
  margin-top: 16px;
  padding-top: 20px;
}
.comm_list .repeat_panel textarea {
  font-size: 0.875em;
}
.comm_input {
  padding: 10px 0;
  width: 640px;
  margin-left: 60px;
}
.comm_list .repeat_panel .comm_input {
  padding: 10px 0;
  width: 650px;
  margin-left: 0px;
}
.comm_input textarea {
  border: 1px solid #ccc;
  padding: 5px;
  width: 98%;
  height: 110px;
  line-height: 1.5em;
  font-size: 0.875em;
  color: #666;
  overflow: auto;
  resize: none;
}
/* .comm_con .comm_input .remove_repeat {} */
.comm_con .comm_input .red_btn {
  width: 30px;
}
.comm_con .comm_input .grey_btn {
  width: 30px;
}
.comm_list .repeat_bd {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
}
.com_avatar img {
  border-radius: 40px;
}
.comment_btn {
  color: #999;
  font-weight: bold;
  border: 1px #ccc solid;
  width: 158px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.comment_btn:hover {
  color: #999;
}
.comment_r_btn {
  color: #ff3366;
  font-weight: bold;
  border: 1px #ff3366 solid;
  width: 158px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.comment_r_btn:hover {
  color: #ff3366;
}
.comment_s_btn {
  color: #999;
  font-weight: bold;
  border: 1px #ccc solid;
  width: 78px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.comment_s_btn:hover {
  color: #999;
}
.comment_sr_btn {
  color: #ff3366;
  font-weight: bold;
  border: 1px #ff3366 solid;
  width: 78px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.comment_sr_btn:hover {
  color: #ff3366;
}
.qqFace {
  margin-top: 4px;
  background: #fff;
  padding: 2px;
  border: 1px #dfe6f6 solid;
}
.qqFace table td {
  padding: 0px;
}
.qqFace table td img {
  cursor: pointer;
  border: 1px #fff solid;
}
.qqFace table td img:hover {
  border: 1px #0066cc solid;
}
/*my article*/
.box_bd li {
  border: 1px solid #e0e0e0;
  height: 16px;
  line-height: 16px;
  padding: 11px 20px;
}
.box_bd li.act {
  background: #f6f6f6;
}
.box_bd li.fir_box {
  border-right: 0;
}
.con_top .fifth_box {
  height: 16px;
  line-height: 16px;
  padding: 11px 20px;
  font-size: 12px;
  color: #999;
}
.con_top .fifth_box a {
  display: inline-block;
  padding: 0 10px;
  color: #999;
}
.con_top .fifth_box a:hover {
  color: #ff3366;
}
.con_top .fifth_box a.fifth_act {
  color: #ff3366;
}
.batch_manage {
  height: 23px;
  line-height: 23px;
  border: 1px solid #488fff;
  padding: 0 10px;
}
.author_doc p {
  height: 25px;
  line-height: 25px;
}
.author_doc p span {
  display: inline-block;
  color: #2c66ee;
  font-weight: bold;
  margin-left: 5px;
}
.author_doc p span.color_999 {
  color: #999;
}
.author_doc p a {
  display: inline-block;
}
.author_doc p a:hover span {
  color: #ff3366;
}
.author_exp p {
  height: 25px;
  line-height: 25px;
}
.author_exp p span {
  display: inline-block;
  width: 210px;
  height: 25px;
  line-height: 25px;
  margin-right: 10px;
}
.author_exp p span em {
  display: inline-block;
  width: 20px;
  height: 25px;
  line-height: 25px;
  vertical-align: top;
}
.author_exp p a {
  display: inline-block;
  color: #666;
  cursor: text;
  height: 14px;
  line-height: 14px;
  padding: 6px 0 5px 0;
}
.author_exp p a em {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
}
.author_exp p span.active_pro {
  background: url(../images/common/exp_pro_bg.png) repeat-x 0 -26px;
}
.author_exp p span.experience_pro {
  background: url(../images/common/exp_pro_bg.png) repeat-x 0 -78px;
}
.author_exp p span.faith_pro {
  background: url(../images/common/exp_pro_bg.png) repeat-x 0 -130px;
}
.author_exp p span.document_pro {
  background: url(../images/common/exp_pro_bg.png) repeat-x 0 -182px;
}
.author_exp p span.active_pro em {
  background: url(../images/common/exp_pro_bg.png) repeat-x 0 0px;
}
.author_exp p span.experience_pro em {
  background: url(../images/common/exp_pro_bg.png) repeat-x 0 -52px;
}
.author_exp p span.faith_pro em {
  background: url(../images/common/exp_pro_bg.png) repeat-x 0 -104px;
}
.author_exp p span.document_pro em {
  background: url(../images/common/exp_pro_bg.png) repeat-x 0 -156px;
}
.author_exp p.precent span {
  width: 200px;
}
.arlli_tab .con_list ul li {
  position: relative;
}
.arlli_tab .con_list ul li a.del_artli_btn {
  position: absolute;
  right: 5px;
  top: 5px;
  display: none;
}
.arlli_tab .con_list ul li.over a.del_artli_btn {
  display: inline-block;
}
.saved_tip_box {
  background: #ffffe8;
  padding: 5px;
  position: relative;
}
.saved_tip_box a.del_artli_btn {
  position: absolute;
  right: 5px;
  top: 8px;
}
.basic_info li {
  line-height: 2em;
  font-size: 0.75em;
  color: #666;
}
.basic_info li span {
  display: inline-block;
  float: left;
  margin-right: 15px;
  padding-top: 5px;
}
.basic_info li em {
  display: inline-block;
  float: left;
  width: 300px;
}
/*publish*/
.pub_l {
  width: 700px;
  float: left;
}
.pub_r {
  width: 278px;
  float: right;
  border: 1px solid #e0e0e0;
}
.pub_author {
  position: absolute;
  left: -18px;
  top: 20px;
}
.pub_feature {
  position: absolute;
  left: 284px;
  top: 20px;
}
.pub_job_r {
  width: 278px;
  float: right;
}
.title_text {
  border: 1px solid #c0c0c0;
  padding: 0 10px;
  color: #666;
  font-weight: bold;
}
.title_new_text {
  border: 0px none;
  color: #666;
  height: 78px;
  line-height: 78px;
  outline: none;
  width: 850px;
}
.title_wx_text {
  background: #faf8f8;
  width: 519px;
  border: 0px;
  padding: 0 10px;
  color: #999;
  outline: none;
}
.relate_article,
.relate_project {
  font-size: 0.75em;
}
.relate_article table tr th,
.relate_project table tr th {
  padding-bottom: 5px;
}
.relate_article table tr td,
.relate_project table tr td {
  border: 1px solid #c0c0c0;
  padding: 0px 5px;
  height: 28px;
  line-height: 28px;
  background: #fff;
}
.relate_article table tr td.add_del_td,
.relate_project table tr td.add_del_td {
  border: 0 none;
  background: none;
}
.relate_article table tr td input,
.relate_project table tr td input {
  border: 0 none;
  padding: 0;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  background: none;
  font-family: Arial;
  color: #bbb;
}
.relate_article table tr td label,
.relate_project table tr td label {
  color: #bbb;
  vertical-align: middle;
}
.update_track {
  font-size: 0.75em;
}
.update_track table tr td {
  border: 0px;
  height: 25px;
  line-height: 25px;
  background: #fff;
}
.update_track table tr td.mark {
  border: 0px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  margin: 0;
  background: #fff;
}
.update_track table tr td .remarks {
  border: 0px;
  min-height: 18px;
  line-height: 18px;
  margin-top: -8px;
  background: #fff;
  color: #999;
}
.update_track .nickname {
  width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select_feature {
  font-size: 14px;
}
.select_feature .f_select {
  height: 40px;
  width: 130px;
  vertical-align: middle;
  position: relative;
  border: 1px solid #e0e0e0;
}
.select_feature .show_hslist {
  display: inline-block;
  width: 100px;
  position: relative;
  background: #f6f6f6;
  height: 15px;
  z-index: 106;
  line-height: 15px;
  padding: 12px 15px 13px 15px;
  color: #666;
}
.select_feature .hs_list {
  position: absolute;
  top: 39px;
  left: -1px;
  border: 1px solid #e0e0e0;
  width: 260px;
  z-index: 105;
  background: #f6f6f6;
}
.select_feature .hs_list li {
  float: left;
}
.select_feature .hs_list li a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #f6f6f6;
  width: 100px;
  color: #666;
  padding: 0px 15px;
}
.select_feature .f_select:hover i.arrow_hs_icon {
  background-position: -404px -9px;
}
.select_feature .hs_list li a:hover {
  background: #fff;
  color: #666;
}
/*relate detail*/
.bottom_hc_con .ft_14 a {
  color: #569;
}
.bottom_hc_con .ft_14 a:hover {
  color: #f36;
}
.bottom_hc_con .show_hcp_btns a {
  display: block;
  box-sizing: border-box;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-right: 8px;
  background: #fff;
}
.bottom_hc_con .show_hcp_btns a.cur {
  color: #f36;
}
.bottom_hc_list {
  width: 100%;
  overflow: hidden;
}
.bottom_hc_list ul {
  transition: all 0.3s ease-out;
  transform: translateX(0px);
}
.bottom_hc_list ul.show_p2 {
  transform: translateX(-552px);
}
.bottom_hc_list li {
  padding: 0 12px 12px 12px;
  width: 96px;
  box-sizing: content-box;
  text-align: center;
  font-size: 14px;
}
.bottom_hc_list li .bhcl_thumb {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 8px;
}
.bottom_hc_list li .bhcl_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bottom_hc_list li .bhcl_thumb span {
  position: absolute;
  bottom: 4px;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
}
.bottom_hc_list li .bhcl_thumb span em {
  display: inline-block;
  background: rgb(0, 0, 0, 0.5);
  box-sizing: border-box;
  border-radius: 8px;
  text-align: center;
  padding: 0 8px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
}

.relate_art,
.relate_pro {
  background: #f5f3f3;
  width: 100%;
  padding: 0 32px 16px 32px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.relate_box {
  width: 640px;
  position: relative;
  overflow: hidden;
}
.relate_list {
  position: relative;
}
.relate_list li {
  float: left;
  width: 640px;
  margin-bottom: 16px;
}
.relate_list li a img {
  border-radius: 3px;
}
.relate_list li .pd_8_20 {
  padding: 8px 20px;
}
.prev {
  width: 40px;
  height: 50px;
  background-position: -51px -802px;
  position: absolute;
  left: 0px;
  top: 132px;
  z-index: 100;
}
.prevStop {
  background-position: -134px -802px;
}
.next {
  width: 40px;
  height: 50px;
  background-position: -93px -802px;
  position: absolute;
  right: 0px;
  top: 132px;
  z-index: 100;
}
.nextStop {
  background-position: -175px -802px;
}
.info_box {
  border: 1px solid #e0e0e0;
  background: #f6f6f6;
}
.info_box table tr th {
  padding-bottom: 5px;
}
.info_box table tr td {
  border: 1px solid #c0c0c0;
  padding: 0px 5px;
  height: 28px;
  line-height: 28px;
  background: #fff;
}
.info_box table tr td.add_del_td {
  border: 0 none;
  background: none;
}
.info_box table tr td input {
  border: 0 none;
  padding: 0;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  background: none;
  font-family: Arial;
  color: #bbb;
}
.info_box table tr td label {
  color: #bbb;
  vertical-align: middle;
}
.article_info textarea {
  width: 688px;
  border: 1px solid #c0c0c0;
  font-size: 1em;
  height: 70px;
  line-height: 1.5em;
  padding: 5px;
  overflow: auto;
  resize: none;
}
.article_info .info_box textarea {
  width: 610px;
  border: 1px solid #c0c0c0;
  font-size: 1em;
  height: 70px;
  line-height: 1.5em;
  padding: 5px;
  overflow: auto;
  resize: none;
}
.describe_text {
  font-size: 1em;
  height: 38px;
  line-height: 38px;
  padding: 0px 10px;
  overflow: auto;
  resize: none;
}
.pub_sub_title {
  position: relative;
  z-index: 3;
}
.pub_sub_title span {
  display: inline-block;
  padding: 5px 10px;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
}
.pub_sub_title span.sub_text {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
}
.pub_sub_con {
  position: relative;
  z-index: 2;
  top: -1px;
  border: 1px solid #e0e0e0;
  padding: 15px 10px;
  background: #fff;
}
.pub_sub_title span.sub_blue_text {
  background: #e7f6ff;
  border: 1px solid #9dd1ff;
  border-bottom: 0;
}
.pub_sub_blue_con {
  position: relative;
  z-index: 2;
  top: -1px;
  border: 1px solid #9dd1ff;
  padding: 15px 10px;
  background: #e7f6ff;
}
.pub_sub_up_con {
  position: relative;
  z-index: 2;
  top: -1px;
  border: 1px solid #9dd1ff;
  border-top: 0 none;
  padding: 10px;
  background: #e7f6ff;
}
.post_time_box {
  position: relative;
  z-index: 10;
}
.post_time_box .preview_btn {
  display: inline-block;
  border: 0px none;
  text-align: center;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  background-color: #ff3366;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.post_time_box .post_time_input {
  color: #666;
}
.post_time_box .post_time_input input {
  border: 1px solid #bbb;
  background: #fff;
  color: #666;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
}
.vm_roles_panel {
  position: absolute;
  left: 0;
  top: 39px;
  border: 1px solid #bbb;
  background: #fff;
  z-index: 1000;
}
.vm_roles_panel p {
  line-height: 2em;
  padding: 0 5px;
  color: #666;
}
.vm_roles_panel p label {
  display: inline-block;
  width: 100%;
}
.vm_roles_panel p:hover {
  background: #3399ff;
  color: #fff;
}
.preview_cover_box {
  position: relative;
}
.preview_cover_info {
  position: absolute;
  bottom: 0;
  left: 0;
  left: -4px;
  z-index: 2;
}
.preview_cover_info .preview_c_txt {
  position: relative;
  z-index: 2;
  margin-bottom: -40px;
  text-align: center;
  width: 235px;
  height: 40px;
  line-height: 40px;
  background: #000;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.preview_cover_info .preview_c_btn {
  position: relative;
  z-index: 1;
  visibility: hidden;
  width: 235px;
  height: 40px;
}
.preview_cover_info .preview_nc_txt {
  position: relative;
  z-index: 2;
  margin-bottom: -40px;
  text-align: center;
  width: 320px;
  height: 40px;
  line-height: 40px;
  background: #000;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.preview_cover_info .preview_nc_btn {
  position: relative;
  z-index: 1;
  visibility: hidden;
  width: 320px;
  height: 40px;
}
.preview_c_btn .ke-button-common {
  width: 235px;
  height: 40px;
  line-height: 30px;
  cursor: pointer;
}
.preview_c_btn .ke-upload-area .ke-upload-file {
  max-width: 235px;
  z-index: 10;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.preview_nc_btn .ke-button-common {
  width: 320px;
  height: 40px;
  line-height: 30px;
  cursor: pointer;
}
.preview_nc_btn .ke-upload-area .ke-upload-file {
  max-width: 320px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.preview_idc_box .ke-button-common {
  width: 320px;
  height: 200px;
  line-height: 200px;
  cursor: pointer;
}
.preview_idc_box .ke-upload-area .ke-upload-file {
  max-width: 320px;
  height: 200px;
  line-height: 200px;
  cursor: pointer;
}
.advance_set_box a.del_info_icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
.vm_indu_box {
  position: relative;
}
.vm_indu_box .vm_indu_name {
  display: inline-block;
  height: 19px;
  line-height: 19px;
  padding: 16px 16px 1px;
}
.vm_indu_box .vm_indu_list {
  display: none;
  width: 360px;
  position: absolute;
  left: 0;
  top: 34px;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 15px;
}
.vm_indu_box .vm_indu_list li {
  height: 25px;
  line-height: 25px;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.vm_indu_box .vm_indu_list li a {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  color: #666;
}
.vm_indu_box .vm_indu_list li a:hover {
  color: #ff3366;
}
.vm_indu_box .vm_indu_list li.sed a {
  background: #ff3366;
  color: #fff;
  padding: 0 10px;
}
.vm_indu_act .vm_indu_name {
  padding: 16px 15px 1px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background: #fff;
  position: relative;
  z-index: 4;
}
.vm_indu_act .vm_indu_list {
  display: block;
  z-index: 3;
}
.search_indu_box {
  position: relative;
}
.search_indu_box .vm_indu_name {
  display: inline-block;
  height: 27px;
  line-height: 27px;
  padding: 19px 16px 14px;
}
.search_indu_box .vm_indu_list {
  display: none;
  width: 360px;
  position: absolute;
  left: 0;
  top: 59px;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 15px;
}
.search_indu_box .vm_indu_list li {
  height: 27px;
  line-height: 27px;
  font-size: 0.75em;
  margin-bottom: 5px;
  clear: both;
}
.search_indu_box .vm_indu_list li a {
  display: inline-block;
  height: 27px;
  line-height: 27px;
  color: #666;
  padding: 0px 8px;
}
.search_indu_box .vm_indu_list li a:hover {
  background: #ff3366;
  color: #fff;
}
.search_indu_box .vm_indu_list li.sed a {
  background: #ff3366;
  color: #fff;
  padding: 0 8px;
}
.search_indu_act .vm_indu_name {
  padding: 19px 15px 14px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background: #fff;
  position: relative;
  z-index: 4;
}
.search_indu_act .vm_indu_list {
  display: block;
  z-index: 3;
}
.search_province_box {
  position: relative;
}
.search_province_box .vm_indu_name {
  display: inline-block;
  height: 27px;
  line-height: 27px;
  padding: 19px 16px 14px;
}
.search_province_box .vm_indu_list {
  display: none;
  width: 360px;
  position: absolute;
  left: 0;
  top: 59px;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 15px;
}
.search_province_box .vm_indu_list li {
  height: 27px;
  line-height: 27px;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.search_province_box .vm_indu_list li a {
  display: inline-block;
  height: 27px;
  line-height: 27px;
  color: #666;
  width: 41px;
  text-align: center;
}
.search_province_box .vm_indu_list li a:hover {
  color: #ff3366;
  background: #ff3366;
  color: #fff;
}
.search_province_box .vm_indu_list li.sed a {
  background: #ff3366;
  color: #fff;
}
.search_province_act .vm_indu_name {
  padding: 19px 15px 14px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background: #fff;
  position: relative;
  z-index: 4;
}
.search_province_act .vm_indu_list {
  display: block;
  z-index: 3;
}
/*jobs publish*/
.jobs_info {
  font-size: 0.875em;
  border: 1px solid #e0e0e0;
}
.pjob_name input,
.pjob_name label,
.pjob_name em {
  vertical-align: middle;
}
.pjob_name input.w_300 {
  border: 1px solid #bbb;
  color: #bbb;
  height: 38px;
  line-height: 38px;
  padding: 0 5px;
  width: 300px;
  font-size: 14px;
}
.pjob_name input.w_307 {
  border: 1px solid #bbb;
  color: #bbb;
  height: 38px;
  line-height: 38px;
  padding: 0 5px;
  width: 307px;
  font-size: 14px;
}
.pjob_name textarea {
  resize: none;
}
.pjob_line .vm_select {
  padding: 9px 9px 9px 7px;
  border-color: #bbbbbb;
}
/* .pjob_line input {} */
.pjob_line .vm_select select {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
.pjob_line .vms_select {
  padding: 9px 9px 9px 7px;
  border-color: #bbbbbb;
  width: 150px;
}
.pjob_line .vms_select select {
  height: 20px;
  line-height: 20px;
  width: 150px;
  font-size: 14px;
}
.pjob_line .vm_select select option {
  padding: 5px;
}
.pjob_line .vms_select select option {
  padding: 5px;
}
.job_email_list li.no_bd_b input {
  border-bottom: 0 none;
}
.shelf_box {
  position: relative;
}
.shelf_list {
  padding: 20px 20px 40px 20px;
  border: 1px solid #ccc;
  background: #f1f1f1;
}
.shelf_list_box {
  border-top: 1px solid #e0e0e0;
  max-height: 400px;
  _height: 400px;
  overflow-y: auto;
  background: #fff;
  position: relative;
}
.shelf_list_box ul {
  position: relative;
}
.shelf_list_box ul li {
  border-bottom: 1px solid #e0e0e0;
  height: 19px;
  line-height: 19px;
  padding: 10px 20px;
}
.shelf_list_box ul li input {
  vertical-align: middle;
  margin-right: 10px;
}
.shelf_list_box ul li label {
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
}
.pub_con .saved_tip_box {
  padding: 12px;
  border: 0 none;
}
.pub_con .saved_tip_box a.del_artli_btn {
  top: 13px;
}
.pub_tip_box {
  height: 40px;
  line-height: 40px;
  background: #e0ffe0;
  padding: 0 10px;
}
.pub_tip_box .f_r {
  padding-top: 10px;
}
.pub_count_input span label {
  color: #999;
}
.pub_count_input span input {
  color: #666;
  font-weight: bold;
  vertical-align: middle;
}
.show_icon_span {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: -3px;
  margin-bottom: -7px;
}
#job_draft,
#myTop {
  margin-left: -4px;
}
/*input focus blur*/
.current {
  background: #e0ffe0;
  border: 1px solid #98e68e;
}
.post_time_box .post_time_input input.current {
  background: #e0ffe0;
  border: 1px solid #98e68e;
}
/*feature*/ /*works*/
.reprint_sort .list_num {
  background: #666;
}
.reprint_sort .list_num_3 {
  background: #666;
}
.score {
  display: inline-block;
  overflow: hidden;
}
.score img {
  display: inline-block;
}
.score_num {
  text-align: center;
  vertical-align: middle;
  color: #ff3366;
  font-size: 2.25em;
  font-weight: bold;
  margin-left: 4px;
}
.interacte .f_r span.score_show {
  padding: 0 20px 0 15px;
}
.score_show i {
  margin-right: 5px;
  cursor: pointer;
}
.score_show em {
  vertical-align: middle;
  color: #ff3366;
}
.awards_pro {
  color: #666;
  padding: 10px;
}
.awards_pro a {
  color: #666;
  display: inline-block;
  width: 100%;
}
.awards_pro a:hover {
  color: #666;
}
.awards_pro li {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 10px;
  border-top: 1px solid #f1f1f1;
  color: #666;
}
.awards_pro li .awards_icon {
  margin-right: 20px;
  width: 50px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_pro li .awards_year {
  margin-right: 10px;
  width: 40px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_pro li .awards_name {
  margin-right: 20px;
  width: 150px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_pro li .awards_category {
  margin-right: 20px;
  width: 240px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_pro li .awards_level {
  font-weight: bold;
  width: 100px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_user {
  color: #666;
  padding: 10px;
}
.awards_user span {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 10px;
  color: #666;
}
.awards_user span.awards_icon {
  margin-right: 20px;
  width: 50px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_user span.awards_year {
  margin-right: 20px;
  width: 40px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_user span.awards_name {
  margin-right: 30px;
  width: 150px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_user span.awards_level {
  font-weight: bold;
  width: 210px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.work_author_info label {
  display: inline-block;
  width: 230px;
  vertical-align: bottom;
}
.work_author_info .brand_name {
  float: left;
  display: inline-block;
  line-height: 60px;
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work_author_info .brand_name.line_30 {
  line-height: 30px;
}
.work_author_info .brand_name.line_20 {
  line-height: 20px;
}
.work_author_info .teamMember {
  padding: 10px;
  line-height: 25px;
}
.work_author_info .agency {
  padding: 10px;
}
.work_author_info .agency p {
  padding: 5px 0px;
}
.myworks_list {
  width: 1020px;
  overflow: hidden;
}
.myworks_list ul li {
  float: left;
  margin: 0 20px 20px 0;
  height: 390px;
  overflow: hidden;
}
.myworks_list ul li .work_item {
  position: relative;
}
.myworks_list ul li .work_item a.del_works_btn {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 14px;
  height: 14px;
  background-position: -290px -51px;
}
.myworks_list ul li .works_bd {
  border-bottom: 0;
}
.myworks_list ul li.act .work_item a.del_works_btn {
  display: inline-block;
}
.myworks_list ul li .edit_work {
  background: #f6f6f6;
  color: #999;
  height: 16px;
  line-height: 16px;
  font-size: 0.75em;
  border: 1px solid #e0e0e0;
  padding: 6px 15px;
  text-align: right;
}
.myworks_list ul li .edit_work .work_cat a {
  float: left;
  margin-left: 1px;
}
.myworks_list ul li .bg_pink {
  background: #ffeff1;
}
.saved_works ul li {
  height: auto;
}
.saved_works ul li .works_bd {
  border-bottom: 1px solid #e0e0e0;
}
.role_list li {
  float: left;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.role_list li a {
  display: inline-block;
  border: 1px solid #e0e0e0;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  color: #666;
}
.role_list li a:hover {
  color: #2c66ee;
}
.role_list li i.act_tip_icon {
  display: none;
}
.role_list li.act {
  position: relative;
}
.role_list li.act a {
  color: #2c66ee;
  background: #e7f6ff;
  border-color: #9dd1ff;
}
.role_list li.act i.act_tip_icon {
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 1px;
}
.rank_work_list li {
  padding: 20px 0 20px 10px;
  border-bottom: 1px solid #e0e0e0;
}
#right_view_projects a.color_999:hover {
  color: #ff3366;
}
/*jobs*/
.yellow_box {
  border: 1px solid #f7e366;
  background: #ffffe8;
  color: #666;
}
.iexplod {
  height: 16px;
  padding: 11px 10px;
  font-size: 0.75em;
}
.search_job .job_key_text {
  border: 1px solid #bbb;
  color: #999;
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
}
.search_job .search_job_ndefaut .job_key_text {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  padding: 0 10px;
}
.job_type ul li {
  line-height: 2em;
}
.job_type ul li input {
  vertical-align: middle;
  margin-right: 5px;
}
.job_type ul li label {
  vertical-align: middle;
}
.pjob_line .job_type ul li {
  line-height: 40px;
  display: inline;
  float: left;
  margin-right: 40px;
}
.onoff_job {
  width: 85px;
  height: 14px;
  line-height: 14px;
  padding: 5px 0;
  border: 1px solid #9dd1ff;
  border-top: 0;
  background: #e7f6ff;
  text-align: center;
  position: relative;
  top: -1px;
  margin-left: 457px;
}
.selected_condition {
  font-size: 0.75em;
}
.selected_condition .condition_list {
  width: 570px;
}
.selected_condition ul li {
  float: left;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.selected_condition ul li span {
  display: inline-block;
  border: 1px solid #e0e0e0;
  background: #f6f6f6;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  color: #666;
}
.selected_condition ul li a.del_tip_icon {
  display: none;
}
.selected_condition ul li.act {
  position: relative;
}
.selected_condition ul li.act span {
  background: #ffeff1;
  border-color: #ffb2c5;
}
.selected_condition ul li.act a.del_tip_icon {
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 1px;
}
.switch_view a.loose {
  width: 16px;
  height: 14px;
  background-position: -274px -102px;
}
.switch_view a.compact {
  width: 16px;
  height: 14px;
  background-position: -310px -102px;
}
.switch_view a.act_loose {
  background-position: -256px -102px;
}
.switch_view a.act_compact {
  background-position: -292px -102px;
}
.loose_view ul li {
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}
.loose_view ul li.last_one {
  border-bottom: 0 none;
}
.loose_fix_view ul li {
  padding: 10px 5px;
  border-bottom: 1px solid #e0e0e0;
}
.loose_fix_view ul li.last_one {
  border-bottom: 0 none;
}
.loose_fix_view a {
  color: #666;
}
.loose_fix_view a:hover {
  color: #ff3366;
}
.loose_view .loose_left {
  float: left;
  width: 400px;
}
.loose_job_info {
  float: left;
  width: 290px;
  padding: 10px 0 0 0;
  line-height: 1.2em;
}
.loose_job_info h3 {
  font-size: 1em;
  margin-bottom: 12px;
}
.loose_job_info p {
  font-size: 0.75em;
  color: #666;
}
.loose_job_info p a {
  color: #666;
}
.loose_job_info p a:hover {
  color: #ff3366;
}
.loose_job_brand {
  float: left;
  margin-right: 10px;
  height: 100px;
}
.loose_job_infos {
  float: left;
  width: 420px;
  padding: 10px 0 0 0;
  line-height: 1.2em;
}
.loose_job_infos h3 {
  font-size: 1em;
  margin-bottom: 12px;
}
.loose_job_infos p {
  font-size: 0.75em;
  color: #666;
}
.loose_job_infos p a {
  color: #666;
}
.loose_job_infos p a:hover {
  color: #ff3366;
}
.loose_view .loose_right {
  float: right;
  width: 240px;
  padding: 30px 10px 0 0;
  font-size: 0.75em;
  text-align: right;
}
.compact_view ul li {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}
.hot_cojob p span {
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 160px;
  height: 100px;
  margin: 0 5px 5px 0;
  _margin: 0 4px 5px 0;
}
.hot_cojob p em {
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 160px;
  height: 100px;
  margin: 0 0 5px 0;
}
.get_invite_list li {
  margin-bottom: 10px;
}
.get_invite_list li.yellow_invite {
  background: #ffffe8;
}
.get_invite_list li.green_invite {
  background: #e0ffe0;
}
.get_invite_list li.pink_invite {
  background: #ffeff1;
}
.get_invite_list li.yellow_invite .state_box {
  border-top: 1px solid #f7e366;
}
.get_invite_list li.green_invite .state_box {
  border-top: 1px solid #98e68e;
}
.get_invite_list li.pink_invite .state_box {
  border-top: 1px solid #ffb2c5;
}
.fav_jobs .loose_view ul li {
  position: relative;
}
.fav_jobs .loose_view ul li a.del_artli_btn {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
}
.fav_jobs .loose_view ul li.over a.del_artli_btn {
  display: inline-block;
}
.hot_job_view .loose_view ul li,
.pdten_line .loose_view ul li {
  padding: 10px 0;
}
.hot_job_view .loose_job_info {
  width: 230px;
}
.hot_job_view .loose_job_info h3 {
  font-size: 1em;
  padding: 35px 0 0 0;
}
.job_reg_state {
  position: relative;
  float: right;
  padding-right: 5px;
  margin: -35px 0 0 0;
  z-index: 2;
}
.check_data {
  position: relative;
  float: right;
  font-size: 0.75em;
  padding-right: 10px;
  margin: -38px 0 0 0;
  z-index: 2;
}
/*job company*/
.com_job_info {
  border-top: 1px solid #f7e366;
  border-bottom: 1px solid #ff3366;
  font-size: 0.75em;
  color: #666;
}
.com_job_line {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
.com_job_info .jline_span {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 12px 0;
}
.com_job_line span {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
.com_job_line span b {
  color: #ff3366;
  font-size: 14px;
}
.com_privilege span {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.com_privilege span b {
  color: #666;
  font-size: 14px;
}
.job_edit_list ul li {
  padding: 30px 20px 30px 10px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}
.job_edit_list .job_edit_left {
  float: left;
  width: 470px;
}
.job_edit_list .job_edit_avatar {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.job_edit_list .job_edit_info {
  float: left;
  width: 410px;
}
.job_edit_list .job_edit_info h3 {
  font-size: 1em;
  margin-bottom: 12px;
}
.job_edit_list .job_edit_info p {
  font-size: 0.75em;
  line-height: 1.8em;
  color: #666;
}
.job_edit_list .job_edit_info p.color_red {
  color: #ff3366;
}
.job_edit_list .job_edit_right {
  float: right;
  width: 170px;
}
.job_edit_list .job_edit_link {
  float: left;
  width: 60px;
  font-size: 0.875em;
}
.job_edit_list .employ_link a {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  padding: 0 10px;
  color: #2c66ee;
}
.job_edit_list .employ_link a.red_resume {
  color: #ff3366;
}
.job_edit_list .job_edit_handle {
  float: right;
  width: 100px;
  text-align: right;
}
.job_edit_list ul li.bg_yellow .employ_link a,
.job_edit_list ul li.bg_f9 .employ_link a {
  color: #999;
}
.job_edit_list .outtime_tip {
  position: absolute;
  top: -55px;
  right: 0;
}
.return_link {
  display: inline-block;
  border: 1px solid #9dd1ff;
  background: #e7f6ff;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  color: #2c66ee;
}
.job_edit_list ul li.bg_f6 a.del_artli_btn {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
}
.job_edit_list ul li.over a.del_artli_btn {
  display: inline-block;
}
.bg_fff .job_edit_list ul li {
  padding: 0 20px;
  border-bottom: 0 none;
}
.bg_fff .job_edit_list ul li .inner_bd {
  border-bottom: 1px solid #e0e0e0;
  padding: 30px 10px;
}
.manage_job .job_edit_list ul li {
  border-bottom: 0;
}
.manage_job_box .tabs {
  display: block;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #2c66ee;
  border-left: 1px solid #2c66ee;
  background: #e7f6ff;
  position: relative;
  z-index: 1;
}
.manage_job_box .tabs li {
  float: left;
  padding: 0 25px;
  height: 28px;
  line-height: 28px;
  font-size: 0.875em;
  font-weight: normal;
  background: #4b8fff;
  border: 1px solid #2c66ee;
  border-left: 0 none;
  position: relative;
  z-index: 2;
  _top: 1px;
}
.manage_job_box .tabs li a,
.manage_job_box .tabs li a:hover {
  color: #fff;
}
.manage_job_box .tabs li.on {
  padding: 0 14px;
  background: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 2;
}
.manage_job_box .tabs li.on a,
.manage_job_box .tabs li.on a:hover {
  color: #2c66ee;
}
.manage_job_box .tab_con {
  border: 1px solid #2c66ee;
  border-top: 0 none;
  padding: 20px;
}
.store_table tr td {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}
/*people*/
.shen_list li {
  float: left;
  width: 320px;
  margin-bottom: 20px;
}
.span_input {
  display: inline-block;
  border: 1px solid #bbb;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 5px;
  background: #fff;
  color: #bbb;
}
.span_input input {
  border: 0 none;
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  color: #666;
}
.span_input input.w_244 {
  font-size: 14px;
}
.friend_tab .tabs_list li a b {
  color: #2c66ee;
}
.friend_tab .tabs_list li a:hover b {
  color: #ff3366;
}
.friend_tab .tabs_list li.bg_f6 {
  background: #f6f6f6;
}
.friend_tab .tabs_list li.bg_f6 a {
  color: #ff3366;
}
.friend_tab .tabs_list li.bg_f6 a b {
  color: #ff3366;
}
.invite_con .tabs {
  display: block;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #2c66ee;
  border-left: 1px solid #2c66ee;
  position: relative;
  z-index: 1;
}
.invite_con .tabs li {
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 0.875em;
  font-weight: normal;
  background: #4b8fff;
  border: 1px solid #2c66ee;
  border-left: 0 none;
}
.invite_con .tabs li a {
  display: inline-block;
  padding: 0 30px;
  height: 28px;
  line-height: 28px;
  color: #fff;
}
.invite_con .tabs li.on {
  background: #e7f6ff;
  border-bottom: 1px solid #e7f6ff;
  position: relative;
  z-index: 2;
}
.invite_con .tabs li.on a {
  color: #2c66ee;
  padding: 0 30px;
}
.invite_con .tab_con {
  border: 1px solid #2c66ee;
  border-top: 0 none;
  background: #e7f6ff;
}
.invite_r_con .invite_con .tabs li {
  font-size: 0.75em;
}
.text_invite {
  padding: 30px 20px 100px 20px;
}
.text_invite textarea {
  height: 70px;
  width: 936px;
  padding: 10px;
  border: 1px solid #e0e0e0;
  color: #666;
  font-size: 0.875em;
  line-height: 1.6em;
  overflow: auto;
  resize: none;
}
.mail_invite textarea {
  height: 80px;
  width: 286px;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  line-height: 1.5em;
  overflow: auto;
  padding: 5px;
  resize: none;
  color: #333;
}
.unlog_state {
  background: #ffffe8;
  padding: 15px 10px;
  height: 30px;
  line-height: 30px;
}
.unlog_com_state {
  background: #ffcc00;
  height: 40px;
  line-height: 40px;
}
.company_state {
  background: #ffffe8;
}
.company_state div {
  height: 60px;
  line-height: 60px;
}
.company_state_first .blue_btn,
.company_state_first .yellow_btn {
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
  font-size: 16px;
}
.company_state_first .store_talent_btn {
  display: inline-block;
  border: 1px solid #f7e366;
  background: #ffffe8;
  height: 38px;
  line-height: 38px;
  padding: 0 38px;
  color: #ffcc00;
}
.l_b_list li {
  display: inline;
  float: left;
  height: 100px;
  width: 100px;
  margin: 20px 50px 0 0;
}
.l_b_list li.seven_li {
  margin-right: 0;
}
.oun_tab li {
  float: left;
  text-align: center;
  border-left: 1px solid #e0e0e0;
}
.oun_tab li a {
  display: block;
  width: 160px;
  height: 50px;
  line-height: 50px;
  font-size: 1em;
  font-weight: bold;
}
.oun_tab li a em {
  font-size: 12px;
  color: #bbb;
}
.oun_tab li.per_bgd {
  border-left: 0 none;
}
.oun_tab li.per_bgd a {
  width: 156px;
}
.oun_tab li.flw_bgd a {
  width: 181px;
}
.oun_tab li a:hover {
  color: #ff3366;
}
.oun_tab li a:hover em {
  color: #ff3366;
}
.oun_tab li.on a {
  position: relative;
  background: #333;
  color: #fff;
}
.oun_tab li.on a:hover {
  color: #fff;
}
.oun_tab li.on a em {
  color: #fff;
}
.ounarr_icon {
  width: 11px;
  height: 6px;
  background-position: -480px -255px;
}
.oun_tab li a .ounarr_icon {
  display: none;
}
.oun_tab li.on a .ounarr_icon {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -6px;
}
.bd_b_bbb .oun_tab li {
  border-left: 0 none;
}
.bd_b_bbb .oun_tab li.on a .ounarr_icon {
  bottom: -1px;
}
.oun_h5 span,
.oun_h5 a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  background: #333;
  color: #fff;
}
.oun_logo_list li {
  display: inline;
  float: left;
  height: 100px;
  margin-bottom: 10px;
}
.oun_avatar_list li {
  display: inline;
  float: left;
  height: 80px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.oun_avatar_list li.third_li {
  margin-right: 0;
}
.uno_num {
  display: inline-block;
  padding: 0 5px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.ounc_tab {
  position: relative;
  bottom: -1px;
}
.ounc_tab li {
  float: left;
  margin: 0 30px;
}
.ounc_tab li a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 1em;
  padding: 0 10px;
  font-weight: bold;
}
.ounc_tab li a em {
  font-size: 12px;
  color: #bbb;
}
.ounc_tab li.on a {
  height: 46px;
  line-height: 46px;
  border-bottom: 4px solid #ff3366;
  color: #ff3366;
}
.ounc_tab li a:hover em,
.ounc_tab li.on a em {
  color: #ff3366;
}
/*dashboard*/ /*my profile*/
.invite_box {
  background: #4b8fff;
}
.invite_box p {
  padding: 10px 0 30px 10px;
}
.invite_box div.font_12 {
  background: #2c66ee;
  padding-left: 10px;
  height: 40px;
  line-height: 40px;
}
.invite_box div.font_12 a {
  display: inline-block;
  margin-right: 20px;
  color: #fff;
}
.profile_list li {
  /*margin-bottom:20px;*/
  overflow: hidden;
}
.profile_list li .section_title .edit_profile_btn em {
  font-family: sans-serif;
  color: #2c66ee;
}
.profile_list .edit_avatar_btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
/* display:none;*/
.edit_avatar_s_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: none repeat scroll 0 0 #333;
}
.edit_avatar_span {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #ff3366;
  font-size: 14px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  background: none repeat scroll 0 0 #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.fix_box {
  background: #f1f1f1;
}
.fix_box table tr td {
  border: 1px solid #bbb;
  height: 30px;
  background: #fff;
}
.fix_box table tr td.del_col {
  border: 0 none;
  background: none;
  padding-left: 10px;
}
.fix_box table tr td input {
  border: 0 none;
  height: 28px;
  line-height: 28px;
  padding-left: 5px;
  vertical-align: middle;
  color: #666;
}
.fix_box textarea {
  height: 180px;
  width: 638px;
  padding: 10px;
  border: 1px solid #bbb;
  color: #666;
  font-size: 0.875em;
  line-height: 1.6em;
  overflow: auto;
  resize: none;
}
.profile_list li .tag_list li {
  margin-bottom: 5px;
}
.person_info p {
  line-height: 30px;
}
.person_info p label {
  display: inline-block;
  width: 90px;
}
.edit_dl dd {
  padding: 20px 0 0 0;
}
.edit_dl dd.no_sentence {
  border-bottom: 0 none;
}
.edit_dl dd.popno_sentence {
  border-bottom: 0 none;
  text-align: center;
  padding: 0;
  font-size: 12px;
  margin: 0;
  color: #666;
}
.add_info_box {
  background: #e7f6ff;
}
.add_green_box {
  background: #e0ffe0;
}
.operate_link_box a {
  display: inline-block;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  background: #ffcc00;
  color: #333;
  vertical-align: middle;
  _padding: 5px 10px 4px 10px;
  _height: 16px;
  _line-height: 16px;
}
.operate_link_box a.preview_link {
  background: #4b8fff;
  color: #fff;
}
.dm_certificate {
  position: absolute;
  bottom: 20px;
  right: 50px;
}
.dm_certificate_en {
  position: absolute;
  top: 0px;
  right: 0px;
}
.dashboard_nav {
  background: #4b8fff;
  height: 40px;
}
.dashboard_nav ul li {
  float: left;
  height: 40px;
}
.dashboard_nav ul li a {
  display: inline-block;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 0.875em;
  font-weight: bold;
}
.dashboard_nav ul li.act a {
  background: #2c66ee;
}
.dashboard_nav ul li a:hover {
  background: #2c66ee;
}
.info_menu_list ul li {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 0.875em;
  padding: 0 20px;
}
.info_menu_list ul li a span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.info_menu_list ul li a em {
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  height: 15px;
  line-height: 15px;
  color: #fff;
  background: #ff3366;
  font-size: 12px;
}
.dash_tab .tabs {
  display: block;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  position: relative;
  z-index: 1;
}
.dash_tab .tabs li {
  float: left;
  height: 28px;
  line-height: 28px;
  padding: 0;
  font-size: 0.75em;
  font-weight: normal;
  background: #f6f6f6;
  border: 1px solid #bbb;
  border-left: 0 none;
  position: relative;
  z-index: 2;
  _top: 1px;
}
.dash_tab .tabs li a {
  display: inline-block;
  padding: 0 20px;
  height: 28px;
  line-height: 28px;
  color: #666;
  _padding: 7px 20px 6px 20px;
  _height: 15px;
  _line-height: 15px;
}
.dash_tab .tabs li a:hover {
  color: #ff3366;
}
.dash_tab .tabs li a em {
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  height: 15px;
  line-height: 15px;
  color: #fff;
  background: #ff3366;
  margin-left: 5px;
}
.dash_tab .tabs li.on {
  background: #fff;
  border-bottom: 1px solid #fff;
}
.dash_tab .tabs li.on a {
  color: #000;
  padding: 0 20px;
  _padding: 7px 20px 6px 20px;
}
.dash_tab .tabs li.on a:hover {
  color: #000;
}
.dynamic_list ul li {
  padding: 30px 30px 40px 0;
  border-bottom: 1px solid #e0e0e0;
}
.dynamic_list_avatar {
  float: left;
  width: 50px;
  height: 50px;
}
.dynamic_list_info {
  float: right;
  width: 605px;
}
.dynamic_box .feature_list ul li {
  padding: 20px 0 10px 0;
}
.dynamic_list ul li a.del_artli_btn {
  position: absolute;
  right: 5px;
  top: 5px;
  display: none;
}
.dynamic_list ul li.over {
  position: relative;
}
.dynamic_list ul li.over a.del_artli_btn {
  display: inline-block;
}
.dynamic_list_con .ddl_span {
  display: inline-block;
  padding: 3px 8px;
  color: #2c66ee;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  background: #f6f6f6;
  margin-left: 10px;
}
.dynamic_list_con .h_30 dd {
  display: inline;
  float: left;
  height: 30px;
  margin-right: 2px;
}
.dynamic_list_con .flow_zan ul li {
  display: inline;
  float: left;
  height: 30px;
  margin: 0px 1px 1px 0px;
  padding: 0px;
  border: 0px none;
}
.comment_con {
  position: relative;
  background: #f6f6f6;
  padding: 15px 15px 0 15px;
}
.comment_con i.blue_com_icon {
  width: 7px;
  height: 13px;
  background-position: -493px -328px;
  position: absolute;
  left: -7px;
  top: 13px;
}
.comment_con i.green_com_icon {
  width: 7px;
  height: 13px;
  background-position: -493px -315px;
  position: absolute;
  right: -7px;
  top: 13px;
}
.comment_con .comment_con_link {
  height: 24px;
  line-height: 24px;
  border-top: 1px dotted #9dd1ff;
}
.comment_list ul li {
  padding: 0 30px 30px 0;
}
.comment_list .comment_list_avatar {
  float: right;
  width: 50px;
  height: 50px;
}
.comment_list .comment_list_info {
  float: right;
  width: 537px;
}
.comment_list_info .comment_con {
  background: #e0ffe0;
}
.comment_erea {
  padding: 10px 30px 30px 0;
}
.comment_erea textarea {
  height: 38px;
  width: 593px;
  padding: 5px;
  margin: 0;
  border: 1px solid #bbb;
  color: #666;
  font-size: 0.875em;
  line-height: 1.5em;
  overflow: auto;
  resize: none;
}
.comment_erea textarea.write {
  height: 198px;
}
.comment_erea textarea.write_popup {
  width: 628px;
  height: 198px;
}
.privilege_table tr th {
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
}
.privilege_table tr th.fir_td {
  text-align: left;
  padding-left: 15px;
}
.privilege_table tr th.cl_th {
  background: #f6f6f6;
}
.privilege_table tr th.sl_th {
  background: #ffffe8;
}
.privilege_table tr th.wl_th {
  background: #ffebfe;
}
.privilege_table tr th.ml_th {
  background: #ffeff1;
}
.privilege_table tr th.tl_th {
  background: #fff6f6;
}
.privilege_table tr td {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}
.privilege_table tr td.fir_td {
  text-align: left;
  padding-left: 15px;
}
.privilege_table tr td.cl_td {
  background: #f6f6f6;
}
.privilege_table tr td.sl_td {
  background: #ffffe8;
}
.privilege_table tr td.wl_td {
  background: #ffebfe;
}
.privilege_table tr td.ml_td {
  background: #ffeff1;
}
.privilege_table tr td.tl_td {
  background: #fff6f6;
}
.privilege_table tr td.mlb_td {
  background: #e7f6ff;
}
.privilege_table tr td.bg_red {
  height: 40px;
  line-height: 40px;
}
.privilege_table tr.com_thead th {
  height: 80px;
  line-height: 80px;
}
.privilege_table tr.com_thead th p {
  line-height: 25px;
}
.privilege_table tr.com_thead th.cl_th {
  background: #f6f6f6;
  border-top-color: #e0e0e0;
}
.privilege_table tr.com_thead th.cl1_th {
  background: #ffffe8;
  border-top-color: #ffcc00;
}
.privilege_table tr.com_thead th.cl2_th {
  background: #ffebfe;
  border-top-color: #f111f7;
}
.privilege_table tr.com_thead th.cl3_th {
  background: #e7f6ff;
  border-top-color: #2c66ee;
}
.privilege_table tr.com_thead th.cl4_th {
  background: #ffeff1;
  border-top-color: #ff3366;
}
.change_password_item {
  margin-bottom: 20px;
}
.password_left {
  float: left;
  width: 365px;
  text-align: right;
  font-size: 0.875em;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
}
.password_left span.w_75 {
  width: 75px;
  text-align: left;
}
.password_right {
  float: left;
  width: 620px;
}
.password_right p,
.password_right p .input_grey {
  height: 40px;
  line-height: 40px;
}
.arrow_open:hover {
  color: #333;
}
.bind_list li {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.account_certificate {
  padding: 25px 0 10px 0;
}
.certificate_left {
  float: left;
  width: 440px;
}
.account_panel {
  margin-bottom: 20px;
}
.account_panel .account_left {
  float: left;
  width: 95px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 0.875em;
  margin-right: 5px;
}
.account_panel .account_left span {
  display: inline-block;
}
.account_panel .account_right {
  float: left;
  width: 340px;
}
.account_panel .account_right .input_grey {
  height: 38px;
  line-height: 38px;
}
.account_panel .account_right {
  position: relative;
}
.account_panel .yellow_popup_box {
  display: none;
  text-align: left;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  width: 308px;
  position: absolute;
  left: 0;
  top: -25px;
}
.account_panel .yellow_popup_box .bottom_tran {
  left: 15px;
}
.account_panel .yellow_popup_box .red_text {
  display: inline-block;
  vertical-align: middle;
  width: 278px;
  margin-right: 5px;
  color: #ff3366;
}
.certificate_right {
  float: right;
  width: 410px;
  height: 320px;
}
.certificate_box {
  position: relative;
}
.certificate_box i.slb {
  position: absolute;
  top: 0px;
  left: 0px;
  _left: -30px;
  _top: 10px;
}
#account_idpic_src {
  display: inline-block;
  width: 220px;
  height: 14px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#feedback_pic_src {
  display: inline-block;
  width: 225px;
  height: 14px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pin_line {
  background: #ffcc00;
}
.pin_line_hide {
  position: relative;
  height: 25px;
  overflow: hidden;
}
.pin_line_hide .operate_link {
  width: 150px;
  height: 25px;
  font-size: 12px;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
}
.permission {
  position: relative;
  font-size: 12px;
  color: #999;
}
.permission .permission_link {
  position: relative;
  display: inline-block;
  color: #999;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  border: 1px solid transparent;
  z-index: 1;
}
.permission .permission_link_act {
  border: 1px solid #bbb;
}
.permission .permission_list {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 120px;
  padding: 1px;
  border: 1px solid #bbb;
  background: #fff;
  z-index: 3;
}
.permission .permission_list li {
  height: 22px;
  line-height: 22px;
  margin: 0;
}
.permission .permission_list li a {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  width: 100px;
  color: #999;
}
.permission .permission_list li a:hover {
  background: #f6f6f6;
  color: #999;
}
.data_table table {
  border-top: 3px solid #e0e0e0;
}
.data_table table tr td {
  height: 120px;
  border-bottom: 1px solid #e0e0e0;
}
.data_table table tr td.data_item {
  text-align: center;
  width: 120px;
  height: 120px;
}
.data_table table tr td.data_item .font_36,
.data_table table tr td.data_item .font_26 {
  font-weight: bold;
  margin-bottom: 20px;
}
.data_table table tr td .menu_list li {
  font-size: 14px;
}
.data_table table tr td .menu_list li a {
  color: #999;
  cursor: text;
}
.data_table table tr td .menu_list li a:hover {
  color: #999;
}
.data_table .menu_list li {
  font-weight: normal;
}
.data_table .menu_list li a {
  padding: 0 10px;
}
.td_location_list li {
  float: left;
  width: 60px;
  text-align: center;
  height: 40px;
  padding: 10px 0;
  color: #999;
  background: #f6f6f6;
  font-size: 14px;
}
.td_location_list li p {
  height: 20px;
  line-height: 20px;
}
.td_location_list li .font_b {
  font-size: 16px;
}
.job_function_list {
  border-top: 3px solid #e0e0e0;
}
.job_function_list ul li {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e0e0e0;
}
.advert_table table tr th {
  text-align: center;
  height: 40px;
  border-top: 3px solid #4b8fff;
  border-bottom: 1px solid #e0e0e0;
}
.advert_table table tr td {
  text-align: center;
  height: 70px;
  border-bottom: 1px solid #e0e0e0;
}
.advert_table table.advert_blue tr th {
  border-top: 3px solid #4b8fff;
  background: #e7f6ff;
}
.advert_table table.advert_green tr th {
  border-top: 3px solid #43cc00;
  background: #e0ffe0;
}
.advert_table table.advert_yellow tr th {
  border-top: 3px solid #ffcc00;
  background: #ffffe8;
}
.advert_table table.advert_blue tr td {
  background: #e7f6ff;
  color: #666;
}
.advert_table table.advert_green tr td {
  background: #e0ffe0;
  color: #666;
}
.advert_table table.advert_yellow tr td {
  background: #ffffe8;
}
.advert_table table tr th.bg_pink {
  border-top: 3px solid #ff3366;
  background: #ffeff1;
}
.advert_table table tr td.bg_pink {
  background: #ffeff1;
}
.advert_table table.advert_red tr th {
  border-top: 0 none;
  background: #ff3366;
  color: #fff;
}
.advert_table table.advert_purple tr th {
  border-top: 0 none;
  background: #f111f7;
  color: #fff;
}
.blue_num_icon {
  width: 25px;
  height: 26px;
  background-position: -200px -190px;
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.green_num_icon {
  width: 25px;
  height: 26px;
  background-position: -227px -190px;
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.yellow_num_icon {
  width: 25px;
  height: 26px;
  background-position: -254px -190px;
  line-height: 28px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.white_num_icon {
  width: 25px;
  height: 26px;
  background-position: -173px -190px;
  line-height: 28px;
  font-size: 16px;
  font-weight: bold;
}
.order_rtop {
  height: 10px;
  background: url(../images/common/order_rbg.png) repeat-x;
}
.order_box {
  border: 1px solid #f7e366;
}
.order_box_yellow {
  background: #ffcc00;
  padding: 30px 20px 5px 20px;
}
.order_box_info {
  padding: 20px 40px 40px 20px;
}
.order_box_info .w_400 p label {
  display: inline-block;
  width: 90px;
  margin-right: 10px;
  vertical-align: middle;
  text-align: right;
  font-size: 0.875em;
  font-weight: bold;
  color: #666;
}
.telephone_p .tele_text {
  border-left: 0 none;
}
.order_box_info .update_info_btn {
  width: 180px;
  height: 40px;
  line-height: 40px;
}
.avatar_c_info .edit_avatar_btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.fix_c_box .update_info_btn {
  width: 290px;
  height: 40px;
  line-height: 40px;
}
.submit_company_reg .blue_btn {
  width: 290px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-size: 18px;
}
.contact_info p label {
  display: inline-block;
  width: 110px;
  margin-right: 10px;
  vertical-align: middle;
}
.contact_info p span {
  display: inline-block;
  vertical-align: middle;
  width: 530px;
}
.bg_f6 .fix_box {
  background: #f6f6f6;
}
.fix_box textarea.company_info_text {
  width: 600px;
}
.fix_c_box .title_text {
  color: #666;
}
.resize_none {
  padding: 5px;
  border: 1px solid #bbb;
  color: #666;
  font-size: 0.875em;
  line-height: 1.6em;
  overflow: auto;
  resize: none;
}
.edit_contact_info {
  margin-bottom: 10px;
}
.edit_contact_info .edit_info_l {
  float: left;
  width: 110px;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.edit_contact_info .edit_info_r {
  float: left;
  width: 495px;
}
.finsh_edit_p .red_h40_btn {
  height: 16px;
  line-height: 16px;
  padding: 9px 0px 15px;
}
.principal_info p {
  margin-bottom: 10px;
}
.principal_info p label {
  display: inline-block;
  margin-right: 10px;
}
.buy_list li {
  float: left;
  width: 100px;
  margin-right: 10px;
}
.buy_list li h4 {
  font-size: 0.875em;
  font-weight: normal;
  margin-bottom: 5px;
}
.buy_list li p {
  font-size: 0.75em;
}
.buy_list li p span.vm_select {
  width: 90px;
}
.buy_list li p span.vm_select select {
  width: 90px;
}
.buy_list li.w_140 {
  width: 140px;
}
.buy_list li.w_140 p span.vm_select {
  width: 130px;
}
.buy_list li.w_140 p span.vm_select select {
  width: 130px;
}
.vistor_inner {
  display: inline-block;
  float: right;
  margin: -32px 0 0;
  padding-right: 5px;
  font-size: 0.75em;
  color: #666;
  position: relative;
  z-index: 2;
}
.resume_state {
  height: 22px;
  line-height: 22px;
  padding-left: 420px;
}
.resume_state .bg_fff {
  position: relative;
  z-index: 2;
  padding: 0 5px;
}
.resume_line {
  position: absolute;
  left: 0;
  top: 12px;
  width: 100%;
  height: 1px;
  background: #bbb;
  z-index: 1;
}
/*new user profile 2014-12-04*/
.profile_ctrl .red_follow_btn {
  padding: 0 20px;
}
.delete_fix_btn {
  color: #999;
  font-size: 14px;
  vertical-align: middle;
}
.resume_cicle {
  position: relative;
  height: 82px;
  width: 100px;
  z-index: 1;
}
.resume_cicle .rc_white {
  position: absolute;
  z-index: 1;
  background: #fff;
  width: 100px;
  top: 9px;
}
.resume_cicle .rc_red {
  position: relative;
  z-index: 2;
  background: url(../images/common/circle_bd_999.png) no-repeat;
  height: 100px;
  width: 100px;
}
.level_list li {
  display: inline;
  float: left;
  width: 45px;
  text-align: center;
}
.level_list li.first_one {
  width: 20px;
  margin-right: 12px;
}
/*new company advertisment 2014-12-24*/
.ad_list {
  width: 1000px;
}
.ad_list ul li {
  border-bottom: 1px solid #ebebeb;
  background: #fff;
}
.ad_list dl {
  width: 100%;
}
.ad_list dd {
  display: inline;
  float: left;
  padding: 18px 0;
  font-size: 0.75em;
}
.ad_list li.list_head dd {
  padding-bottom: 10px;
  font-weight: bold;
  background: #f1f1f1;
  font-size: 1em;
}
.ad_list li dd.dd_l_1 {
  text-align: left;
  width: 260px;
  padding-left: 40px;
}
.ad_list li dd.dd_l_2 {
  text-align: left;
  width: 200px;
}
.ad_list li dd.dd_r_3 {
  text-align: right;
  width: 200px;
}
.ad_list li dd.dd_r_4 {
  text-align: right;
  width: 255px;
  padding-right: 45px;
}
.ad_list li.list_head dd.dd_r_4 {
  width: 260px;
  padding-right: 40px;
}
.ad_list li dd.dd_l_jx {
  text-align: left;
  width: 460px;
  padding-left: 40px;
  line-height: 2em;
}
.not_allow {
  background: #bbb;
  cursor: not-allowed;
}
.ad_list li.selected {
  background: #ffeff1;
}
.ad_list li.selected .radio_icon {
  width: 15px;
  height: 15px;
  background-position: -65px -711px;
}
.ad_list li:hover {
  background: #f6f6f6;
}
.ad_list li.list_head:hover {
  background: #f1f1f1;
}
.con_bottom .ad_list li.list_head:hover {
  background: #f1f1f1;
}
.ad_list li.selected:hover {
  background: #ffeff1;
}
.speed_160 {
  position: absolute;
  width: 160px;
  top: -10px;
  left: 8px;
}
.speed_162 {
  position: absolute;
  width: 160px;
  top: -10px;
  left: 16px;
}
.order_list ul li {
  border-bottom: 1px solid #bbb;
  background: #f1f1f1;
}
.order_list dd {
  padding: 15px 0;
  font-size: 0.75em;
  line-height: 2em;
}
.order_list li dd.dd_r_4 {
  width: 260px;
  padding-right: 40px;
}
.order_list li dd.dd_l_2 .speed_160 {
  top: -18px;
  left: -36px;
}
.order_list li dd.dd_l_2 .speed_162 {
  top: -18px;
  left: -30px;
}
.odi_item dd.dd_l_2 .speed_160 {
  top: -38px;
  left: -37px;
}
.odi_item dd.dd_l_2 .speed_162 {
  top: -38px;
  left: -30px;
}
.order_list li:hover {
  background: #f1f1f1;
}
.order_contact_info .input_grey {
  font-size: 12px;
}
.order_detail_info dl {
  padding: 17px 0;
}
.order_detail_info .odi_item dd {
  float: left;
}
.order_detail_info .odi_item .dd_l_1 {
  text-align: left;
  width: 200px;
  padding-left: 20px;
}
.order_detail_info .odi_item .dd_l_2 {
  text-align: left;
  width: 220px;
}
.order_detail_info .odi_item .dd_r_3 {
  text-align: left;
  width: 130px;
}
.order_detail_info .odi_item .dd_r_4 {
  text-align: right;
  width: 105px;
  padding-right: 25px;
}
/*random_box*/
.tips_random {
  width: 100%;
}
.tips_random_con {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.tips_random .del_info_icon {
  position: absolute;
  right: 0;
  top: 9px;
}
.tips_item {
  text-align: center;
  font-size: 0.875em;
  height: 30px;
}
.tips_item span {
  color: #666;
}
.random_box {
  position: relative;
}
.random_box .del_artli_btn {
  position: absolute;
  right: 8px;
  top: 8px;
}
.mail_active {
  padding: 10px 20px 7px 20px;
  background-color: #ffffe8;
}
.upload_avatar {
  padding: 10px 20px 7px 20px;
  background-color: #ffffe8;
}
.user_auth {
  padding: 15px 8px 0px 20px;
  background-color: #ffeff1;
}
.sync_set {
  padding: 15px 8px 0px 20px;
  background-color: #ffeff1;
}
.intrest_person {
  padding: 15px 0 20px;
  background-color: #e7f6ff;
}
.intrest_person .skip_btn {
  font-size: 0.75em;
  height: 23px;
  line-height: 23px;
}
/*search*/
.top_seacrh_con {
  padding-left: 125px;
}
.top_seacrh {
  height: 36px;
  border: 2px solid #bbb;
  border-right: 0 none;
  padding-right: 5px;
}
.top_seacrh select {
  border: 0 none;
  vertical-align: middle;
  width: 80px;
  font-size: 0.875em;
  color: #666;
}
.top_seacrh .top_seaech_input {
  border: 0 none;
  width: 510px;
  padding: 0 5px;
  height: 36px;
  line-height: 36px;
  margin-top: -1px;
  vertical-align: middle;
  height: 35px;
  line-height: 35px;
  border-right: 1px solid #e0e0e0;
  font-size: 0.875em;
  color: #999;
}
.top_search_btn {
  padding: 10px 80px 9px 80px;
  height: 21px;
  background-color: #666;
}
.pop_search_btn {
  padding: 10px 55px 9px 55px;
  height: 23px;
  background-color: #666;
}
/*collection*/
.collect_list li {
  border-bottom: 1px solid #e0e0e0;
  height: 380px;
}
.collect_list li img {
  vertical-align: top;
}
.collect_list li .collect_right {
  width: 320px;
}
.collect_list li .collect_right h3 {
  margin-bottom: 15px;
  font-size: 1.25em;
}
.collect_list li .collect_right h3 img {
  vertical-align: middle;
}
.collect_list li .collect_right p {
  font-size: 0.875em;
  line-height: 1.8em;
}
.guide_list li {
  border-bottom: 1px solid #e0e0e0;
  padding: 30px 0;
}
.guide_list li .guide_left {
  width: 310px;
  padding-left: 10px;
}
.guide_list li .guide_left h3 {
  margin-bottom: 15px;
  font-size: 1.25em;
}
.guide_list li .guide_left p {
  font-size: 0.875em;
  line-height: 2em;
}
.guide_list li .guide_right {
  width: 660px;
  text-align: center;
}
.remark {
  height: 50px;
  line-height: 25px;
  border: 1px solid #c0c0c0;
  width: 940px;
  padding: 10px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  resize: none;
}
/*about us*/
.h2_text {
  font-size: 2.8125em;
}
.h3_text {
  font-size: 1.5em;
  height: 40px;
  line-height: 40px;
}
.about_box {
  background: url(../images/about/about_map_bg.gif) no-repeat;
  padding-top: 90px;
}
.business_list li {
  padding: 10px 0 40px 0;
}
.member_list li {
  float: left;
  height: 240px;
}
.about_banner {
  position: relative;
}
.about_banner b {
  position: absolute;
  left: 20px;
  top: 140px;
}
.about_banner span {
  position: absolute;
  left: 20px;
  top: 35px;
}
.feedback_area {
  resize: none;
  padding: 5px;
  border: 1px solid #e0e0e0;
  color: #666;
  font-size: 0.875em;
  height: 180px;
  width: 660px;
  line-height: 1.5em;
  overflow-y: auto;
}
.follow_weibo_icon {
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url(../images/about/follow_icon.png) no-repeat -1px -1px;
  vertical-align: middle;
  overflow: hidden;
}
.follow_youku_icon {
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url(../images/about/follow_icon.png) no-repeat -20px -2px;
  vertical-align: middle;
  overflow: hidden;
}
/*new about us*/
.bg_3a3 {
  background: #3a3232;
}
.bg_424 {
  background: #444242;
}
.color_e0d {
  color: #e0dede;
}
.color_b48 {
  color: #b48659;
}
.bd_b48 {
  border: 1px solid #b48659;
}
.pd_t_4 {
  padding-top: 4px;
}
.pd_t_6 {
  padding-top: 6px;
}
.mh_210 {
  min-height: 210px;
}
.lh48_btn {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.about_con a.color_blue:hover,
.about_con a.color_fff:hover {
  color: #f36;
}
.about_icons {
  display: inline-block;
  background: url(../images/about/2021/about_icons.png) no-repeat;
  vertical-align: middle;
  overflow: hidden;
  background-size: 300px;
}
.pc_red_icon {
  width: 47px;
  height: 39px;
  background-position: 0 0;
}
.mobile_red_icon {
  width: 32px;
  height: 47px;
  background-position: -57px 0;
}
.wechat_red_icon {
  width: 46px;
  height: 37px;
  background-position: -99px 0;
}
.weibo_red_icon {
  width: 48px;
  height: 39px;
  background-position: -155px 0;
}
.weishi_red_icon {
  width: 39px;
  height: 35px;
  background-position: -213px 0;
}
.d_white_icon {
  width: 29px;
  height: 28px;
  background-position: -262px 0;
}
.d_red_cl_icon {
  width: 48px;
  height: 48px;
  background-position: 0 -55px;
}
.home_red_icon {
  width: 48px;
  height: 48px;
  background-position: -50px -55px;
}
.dawards_cl_icon {
  width: 48px;
  height: 48px;
  background-position: -100px -55px;
}
.weekly_cl_icon {
  width: 48px;
  height: 48px;
  background-position: -150px -55px;
}
.visit_cl_icon {
  width: 48px;
  height: 48px;
  background-position: -200px -55px;
}
.favorite_cl_icon {
  width: 48px;
  height: 48px;
  background-position: -250px -55px;
}
.arrow_grey_right_icon {
  width: 8px;
  height: 16px;
  background-position: -262px -31px;
}
.about_follow_list li {
  float: left;
  width: 180px;
  min-height: 180px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  text-align: center;
}
.about_follow_list li.link_box:hover {
  border-color: #ff3366;
}
.about_follow_list li.link_box a {
  display: block;
  width: 100%;
  height: 100%;
}
.front_box {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.after_front_box {
  position: relative;
  width: 100%;
  height: auto;
  transition: all 0.2s linear;
  z-index: 2;
}
.front_box.hide_front,
.after_front_box.hide_front {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.h_47_box {
  height: 47px;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 36px;
}
.about_digitaling_kv {
  width: 100%;
  height: 430px;
  background: #3a3232 url(../images/about/2021/about_digitaling_kv.jpg)
    no-repeat center center;
  background-size: cover;
}
.about_nav_list li {
  float: left;
  width: 440px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.about_nav_list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.about_nav_list li a:hover .color_blue {
  color: #f36;
}
.about_nav_list li .lh_0 img {
  border-radius: 2px;
}
.about_nav_list li.bg_f1 {
  background: #f1f1f1;
}
.dindex_rule_item {
  width: 100%;
  height: 111px;
  padding: 20px 10px 20px 20px;
  box-sizing: border-box;
}
.about_awards_all_box {
  background: #000;
  padding: 45px 50px;
}
.about_awards_all_list li {
  float: left;
  margin: 5px 0;
}
.about_awards_all_list li a {
  display: block;
  line-height: 0;
}
.about_awards_all_list li img {
  width: 150px;
  height: 79px;
}
.master_intro_list li {
  float: left;
  width: 180px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.master_intro_list li img {
  width: 180px;
  height: 180px;
}
.master_intro_list li .mh_85 {
  min-height: 85px;
  box-sizing: border-box;
}
/*back to top*/
#btop {
  position: fixed;
  bottom: 90px;
  width: 40px;
  z-index: 100;
  zoom: 1;
}
#btop .back_top {
  display: none;
}
#btop li {
  position: relative;
  _float: left;
}
#btop li a.icons {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/common/bg_gtop.png) no-repeat;
  position: relative;
  z-index: 99;
  overflow: hidden;
}
#btop li a.btop_icon {
  background-position: 0 0;
}
#btop li a.online_icon {
  background-position: 0 -40px;
}
#btop li a.fback_icon {
  background-position: 0 -79px;
  height: 42px;
}
#btop li a.rwx_icon {
  background-position: 0 -120px;
}
#btop li a.btop_icon:hover {
  background-position: -40px 0;
}
#btop li.over a.online_icon,
#btop li a.online_icon:hover {
  background-position: -40px -40px;
}
#btop li.over a.fback_icon,
#btop li a.fback_icon:hover {
  background-position: -40px -79px;
}
#btop li.over a.rwx_icon,
#btop li a.rwx_icon:hover {
  background-position: -40px -120px;
}
.send_area {
  position: absolute;
  bottom: 0px;
  right: 39px;
  z-index: 98;
  border: 1px solid #e0e0e0;
  background: #fff;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
}
.send_area a {
  color: #666;
}
.send_area a:hover {
  color: #ff3366;
}
.send_online_area {
  width: 80px;
  height: 38px;
  line-height: 38px;
  _top: 0;
}
.send_fback_area {
  width: 80px;
  height: 40px;
  line-height: 40px;
  _top: 0;
}
.send_rwx_area {
  padding: 20px 15px 15px 15px;
}
/*compan employ*/
.com_employ {
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0px 20px;
  height: 220px;
  position: relative;
  overflow: hidden;
}
.conbox {
  width: 940px;
  left: 30px;
  height: 220px;
  overflow: hidden;
  position: absolute;
  overflow: hidden;
}
.conlist {
  position: relative;
  left: 0px;
  top: 0px;
  height: 220px;
  width: 10000px;
  background: #fff;
}
.conlist li {
  width: 290px;
  padding: 5px 25px 5px 5px;
  float: left;
}
.conlist li a {
  color: #666;
  line-height: 40px;
  border-bottom: 1px #e0e0e0 solid;
  padding: 0px 15px;
  display: block;
}
.conlist li a:hover {
  color: #ff3366;
}
.swaplist {
  position: absolute;
  left: -3000px;
  top: 0px;
}
.og_prev,
.og_next {
  width: 30px;
  height: 60px;
  background: url(../images/common/slider.png) no-repeat;
  position: absolute;
  top: 100px;
  z-index: 99;
  cursor: default;
}
.og_prev {
  background-position: 0 -305px;
  left: 0px;
}
.og_next {
  background-position: 0 -244px;
  right: 0px;
}
.hog_prev {
  background-position: 0 -61px;
}
.hog_next {
  background-position: 0 0;
}
.hog_prev:hover {
  cursor: pointer;
  background-position: 0 -183px;
}
.hog_next:hover {
  cursor: pointer;
  background-position: 0 -122px;
}
.right_qr {
  position: fixed;
  top: 177px;
  width: 100px;
  z-index: 100;
  zoom: 1;
  _position: absolute;
}
.right_qr_icon {
  width: 80px;
  height: 100px;
  background-position: -260px 0px;
}
/*people background*/
.pexpert {
  height: 220px;
  background: url(../images/common/pexpert_dk.jpg) no-repeat center #555;
}
.writer {
  height: 250px;
  background: url(../images/people/writer_dk.jpg) no-repeat center;
  z-index: 10;
}
.fame {
  height: 220px;
  background: url(../images/common/fame_dk.jpg) no-repeat center #555;
}
.auth {
  height: 220px;
  background: url(../images/common/auth_dk.jpg) no-repeat center #555;
}
.invite_bg {
  background: url(../images/people/invite_bg.jpg) repeat left top;
}
.fame_bg {
  background: url(../images/people/fame_bg.jpg) repeat left top;
}
.fame_dbg {
  background: url(../images/people/fame_dbg.jpg) repeat left top;
}
.w_icons {
  display: inline-block;
  background: url(../images/people/w_icons.png) no-repeat;
  vertical-align: middle;
  overflow: hidden;
  background-size: 500px;
}
.tobe_auth_icon {
  width: 38px;
  height: 38px;
  background-position: -416px -82px;
}
.auth_icon {
  width: 80px;
  height: 80px;
  background-position: 0 0;
}
.invites_icon {
  width: 80px;
  height: 80px;
  background-position: -82px 0;
}
.talents_icon {
  width: 80px;
  height: 80px;
  background-position: -164px 0;
}
.fame_icon {
  width: 80px;
  height: 80px;
  background-position: -247px 0;
}
.apply_icon {
  width: 50px;
  height: 50px;
  background-position: -312px -82px;
}
.contr_icon {
  width: 50px;
  height: 50px;
  background-position: -364px -82px;
}
.apply_i_icon {
  width: 50px;
  height: 50px;
  background-position: -156px -82px;
}
.apply_s_icon {
  width: 24px;
  height: 24px;
  background-position: -456px -82px;
}
.contact_icon {
  width: 50px;
  height: 50px;
  background-position: -208px -82px;
}
.invite_s_icon {
  width: 50px;
  height: 50px;
  background-position: 0 -82px;
}
.talents_s_icon {
  width: 50px;
  height: 50px;
  background-position: -52px -82px;
}
.auth_s_icon {
  width: 50px;
  height: 50px;
  background-position: -260px -82px;
}
.fame_s_icon {
  width: 50px;
  height: 50px;
  background-position: -104px -82px;
}
.grey_dm_icon {
  width: 14px;
  height: 15px;
  background-position: 0 -167px;
}
.grey_jing_icon {
  width: 14px;
  height: 14px;
  background-position: -16px -167px;
}
.grey_zan_icon {
  width: 12px;
  height: 11px;
  background-position: -32px -167px;
}
.grey_collect_icon {
  width: 12px;
  height: 11px;
  background-position: -46px -167px;
}
.grey_week_icon {
  width: 14px;
  height: 14px;
  background-position: -60px -167px;
}
.grey_month_icon {
  width: 14px;
  height: 14px;
  background-position: -76px -167px;
}
.invite_l_icon {
  width: 68px;
  height: 20px;
  background-position: 0 -140px;
}
.auth_l_icon {
  width: 68px;
  height: 20px;
  background-position: -140px -140px;
}
.talents_l_icon {
  width: 68px;
  height: 20px;
  background-position: -70px -140px;
}
.fame_l_icon {
  width: 18px;
  height: 18px;
  background-position: -211px -140px;
}
.big_ibox {
  padding-top: 42px;
  padding-left: 30px;
}
.person_list li {
  padding: 15px 10px 15px 30px;
  border-bottom: 1px solid #f2f2f2;
}
.person_panel span {
  display: inline-block;
  margin-right: 20px;
}
.person_panel i {
  margin-right: 5px;
}
.person_panel em {
  display: inline-block;
  vertical-align: middle;
}
.person_avatar {
  height: 90px;
  width: 90px;
  border-radius: 10px;
}
.person_avatar img {
  border-radius: 90px;
}
.person_infos {
  max-width: 330px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.person_infos span {
  max-width: 330px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.person_more a {
  display: block;
  width: 100%;
}
.person_more .famous {
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
  border: 1px solid #f36;
  border-radius: 5px;
}
.go_all_link {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  border: 1px solid #f36;
  border-radius: 5px;
  color: #f36;
}
.person_more .more_nodata {
  display: none;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  border: 1px solid #f36;
  border-radius: 5px;
  color: #f36;
}
.radius_list li {
  display: inline;
  float: left;
  margin-left: 10px;
}
.radius_list a {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 90px;
}
.radius_list img {
  border-radius: 90px;
}
.radius_list a.color_666：hover {
  color: #ff3366;
}
.radius_list a.color_333：hover {
  color: #ff3366;
}
.fame_rd_list li {
  float: left;
  width: 200px;
  padding: 25px;
  text-align: center;
  overflow: hidden;
  height: 305px;
}
.fame_rd_list a {
  display: inline-block;
}
.fame_rd_list img {
  width: 200px;
  height: 200px;
  border-radius: 200px;
}
.fame_rd_list p.tover_f_h span,
.fame_rd_list p.tover_f_h a {
  display: block;
  max-width: 200px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fame_bg .go_all_link,
.fame_dbg .go_all_link {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0;
  text-align: center;
}
.bg_333 .person_list li {
  border-color: #4a4746;
}
/*help background*/
.contribution {
  height: 220px;
  background: url(../images/help/cover_contrb_dk.jpg) no-repeat center #555;
}
/*login*/
.login_bg {
  margin: 0px auto;
  padding: 120px 0px 100px;
  width: 400px;
}
.login_con {
  width: 320px;
  padding: 30px 40px 10px;
  background: url(../images/login/login_con_bg.png) repeat;
}
.login_con_tips {
  width: 320px;
  padding: 20px 40px 10px;
  background: #fff;
}
.login_con .input_grey {
  height: 38px;
  line-height: 38px;
}
.login_con .vm_placeholder label {
  height: 40px;
  line-height: 40px;
}
.login_share {
  width: 320px;
  padding: 30px 40px;
  background: url(../images/login/login_share_bg.png) repeat;
  text-align: center;
}
.popup_share {
  width: 300px;
  padding: 20px 40px;
  background: #f1f1f1;
  text-align: center;
}
.popup_share_user {
  width: 300px;
  padding: 20px 40px;
  margin-left: -30px;
  margin-bottom: -30px;
  background: #f1f1f1;
  text-align: center;
}
.login_con .mg_bd_1,
.popup_con .mg_bd_1 {
  position: relative;
  z-index: 1;
}
.login_con .mg_bd_1 .input_grey,
.popup_con .mg_bd_1 .input_grey {
  margin-bottom: -1px;
  z-index: 0;
}
.login_con .mg_bd_1 .yellow_popup_box,
.popup_con .mg_bd_1 .yellow_popup_box {
  margin-bottom: -1px;
}
.login_com_bg {
  height: 320px;
  background: url(../images/login/cover_com_dk.jpg) no-repeat center #555;
}
.login_com_bg .login_con {
  position: relative;
  top: 85px;
  margin: 0px auto;
  padding-bottom: 20px;
}
.reg_flow {
  padding: 0px;
  margin: 0px auto;
  width: 1000px;
  text-align: center;
  color: #666;
}
.reg_flow li {
  width: 230px;
  padding: 0px 10px;
  float: left;
  line-height: 1.8em;
}
.project_by {
  font-size: 12px;
  color: #fff;
  font-family: Arial;
  text-align: right;
  padding: 0px 20px 60px;
}
.login_apply {
  padding: 30px;
  text-align: center;
  background: #f1f1f1;
  height: 85px;
}
.pos_center {
  position: relative;
  left: 50%;
  margin-left: -70px;
}
.wh_140 {
  width: 140px;
  height: 140px;
}
.bg_dcd {
  background: #dcdcdc;
  height: 60px;
  line-height: 60px;
  padding-right: 40px;
}
.swc_tab {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  width: 56px;
  height: 54px;
  background: url(../images/login/sw_sprite.png) no-repeat 0 0;
  background-size: 120px;
  cursor: pointer;
  transition: all 0.2s linear;
}
.swc_tab.act {
  background-position: -55px -54px;
}
.app_qr_icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/login/sw_sprite.png) no-repeat 0 -110px;
  background-size: 120px;
}
.swc_tips.yellow_popup_box {
  position: absolute;
  right: 60px;
  top: 4px;
  line-height: 26px;
  height: 26px;
}
.swc_tips.yellow_popup_box .bottom_tran {
  transform: rotate(-90deg);
  left: auto;
  right: -7px;
  bottom: 10px;
}
.popup_con .swc_tab {
  right: 10px;
  top: 10px;
}
.mqr_image_box {
  -webkit-box-shadow: 0 0 8px #aaa;
  box-shadow: 0 0 8px #aaa;
  line-height: 0;
}
.use_qr {
  position: absolute;
  left: -260px;
  top: 0px;
  display: none;
}
.login_com_bg .use_qr {
  left: -300px;
  top: -60px;
}
.popup_con .use_qr {
  top: -15px;
}
.popup_con .bg_dcd {
  background: #f1f1f1;
}
.popup_con .swc_tips {
  right: 70px;
  top: 14px;
}
.mqr_state {
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  height: 140px;
}
.mqr_state .mqr_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #333;
  opacity: 0.7;
  filter: alpha(opacity=80);
}
.mqr_state .mqr_info,
.mqr_loading {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.loader {
  position: relative;
  border-top: 5px solid rgba(255, 255, 255, 0.6);
  border-right: 5px solid rgba(255, 255, 255, 0.6);
  border-bottom: 5px solid rgba(255, 255, 255, 0.6);
  border-left: 5px solid #fff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
/*apply*/
.apply_top_bg {
  height: 320px;
  background: url(../images/login/cover_com_dk.jpg) no-repeat center #555;
}
.apply_left {
  float: left;
  width: 440px;
  padding: 30px 10px 0px 40px;
  margin-top: -230px;
  background: #fff;
}
.apply_con .register_panel .input_grey {
  width: 388px;
  padding: 0 10px;
}
.apply_con .input_grey,
.reg_middle .validation_input {
  height: 38px;
  line-height: 38px;
}
.apply_con .vm_placeholder label {
  height: 40px;
  line-height: 40px;
  left: 12px;
}
.apply_con .registe_box .yellow_popup_box {
  width: auto;
}
.apply_con .registe_box .yellow_popup_box .red_text {
  width: 368px;
}
.apply_con .vms_select {
  padding: 9px 9px 9px 7px;
  width: 188px;
}
.apply_con .second_vm {
  padding: 9px 9px 9px 7px;
  width: 187px;
}
.apply_con .vms_select select {
  width: 188px;
}
.apply_con .second_vm select {
  width: 187px;
}
.apply_con .vms_select option {
  padding: 10px;
  font-size: 14px;
}
.apply_con .second_vm option {
  padding: 10px;
  font-size: 14px;
}
.apply_con .select_job_type .vms_select {
  width: 392px;
}
.apply_con .select_job_type .vms_select select {
  width: 392px;
}
.apply_con .select_job_type .vms_select option {
  padding: 10px;
  font-size: 14px;
}
.apply_right {
  float: left;
  width: 450px;
  margin-left: 60px;
  margin-top: -235px;
}
.apply_qa {
  border-top: 1px #e0e0e0 solid;
}
.apply_qa li {
  color: #666;
  border-bottom: 1px #e0e0e0 solid;
}
.apply_qa li h5 {
  padding: 20px 20px 20px 0px;
  cursor: pointer;
}
/*jobs*/
.job_keywords,
.job_keywords a {
  color: #666;
}
.job_keywords a:hover {
  color: #ff3366;
}
.job_keywords li {
  width: 190px;
  padding-right: 10px;
  float: left;
}
.loose_job_logo {
  float: left;
  padding: 0px 20px;
  height: 50px;
}
.loose_job_com {
  float: left;
  width: 420px;
  line-height: 1.2em;
}
.loose_job_com h3 {
  font-size: 1em;
  margin-bottom: 12px;
}
.loose_job_com p {
  font-size: 0.75em;
  color: #777;
}
.loose_job_com p a {
  color: #777;
}
.loose_job_com p a:hover {
  color: #ff3366;
}
.loose_view .loose_right {
  float: right;
  width: 240px;
  padding: 30px 10px 0 0;
  font-size: 0.75em;
  text-align: right;
}
.filter {
  font-size: 14px;
  margin-bottom: 20px;
  background: #fff;
  color: #666;
  padding: 0px 20px;
}
.filter ul {
  padding: 10px 0px;
  display: inline-block;
  width: 680px;
}
.filter_location,
.filter_salary {
  border-bottom: 1px #f6f6f6 solid;
}
.filter ul li {
  float: left;
  margin-right: 5px;
  height: 25px;
  line-height: 25px;
}
.filter ul li a {
  padding: 0px 8px;
  height: 25px;
  line-height: 27px;
  display: inline-block;
}
.filter ul li.act a {
  color: #fff;
  background: #ff3366;
}
.filter ul li a:hover {
  color: #fff;
  background: #ff3366;
}
.vm_func_box {
  position: relative;
}
.vm_func_box .vm_func_name {
  display: inline-block;
  height: 19px;
  line-height: 19px;
  padding: 9px;
}
.vm_func_box .vm_func_list {
  display: none;
  width: 120px;
  position: absolute;
  left: -1px;
  top: 36px;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 10px;
}
.vm_func_box .vm_func_list li {
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
}
.vm_func_box .vm_func_list li a {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  color: #666;
}
.vm_func_box .vm_func_list li a:hover {
  color: #ff3366;
}
.vm_func_box .vm_func_list li.sed a {
  background: #ff3366;
  color: #fff;
  padding: 0 10px;
}
.vm_func_act .vm_func_name {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background: #fff;
  margin-left: -1px;
  position: relative;
  z-index: 4;
}
.vm_func_act .vm_func_list {
  display: block;
  z-index: 3;
}
.vm_jtype_box {
  position: relative;
}
.vm_jtype_box .vm_jtype_name {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 10px;
}
.vm_jtype_box .vm_jtype_list {
  display: none;
  width: 120px;
  position: absolute;
  left: -1px;
  top: 36px;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 10px;
}
.vm_jtype_box .vm_jtype_list li {
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
}
.vm_jtype_box .vm_jtype_list li a {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  color: #666;
}
.vm_jtype_box .vm_jtype_list li a:hover {
  color: #ff3366;
}
.vm_jtype_box .vm_jtype_list li.sed a {
  background: #ff3366;
  color: #fff;
  padding: 0 10px;
}
.vm_jtype_act .vm_jtype_name {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background: #fff;
  margin-left: -1px;
  position: relative;
  z-index: 4;
}
.vm_jtype_act .vm_jtype_list {
  display: block;
  z-index: 3;
}
.pub_job_title {
  width: 938px;
  padding: 0px 10px 2px;
  border: 1px solid #bbb;
  height: 36px;
  font-size: 18px;
  color: #666;
  font-weight: bold;
  vertical-align: middle;
}
.func_tabs {
  padding: 0px;
}
.func_tabs li {
  float: left;
  padding: 30px 0px;
  width: 165px;
  font-size: 0.875em;
  height: 50px;
  text-align: center;
  cursor: pointer;
}
.func_tabs li.w_170 {
  width: 170px;
}
.func_tabs li.on {
  background: #f6f6f6;
}
.func_tab_con .tab_main {
  display: none;
  padding: 20px;
}
.func_tab_con .show {
  display: block;
  background: #f6f6f6;
}
.job_key li {
  position: relative;
  float: left;
  padding: 0px 15px 0px 10px;
  height: 32px;
  line-height: 32px;
  border: 1px #ccc solid;
  margin-right: 10px;
}
.job_key li a.del_grey {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}
/*user avatar*/
.user_avatar {
  background: #f5f3f3;
}
.detail_follow {
  background: #f5f3f3;
  padding: 0px 12px 16px 12px;
}
.detail_follow a.color_666 {
  color: #666;
}
.followers_box {
  position: relative;
}
.avatar_r_list li {
  float: left;
  margin: 0px 5px 0px 0px;
}
.avatar_r_list img {
  vertical-align: bottom;
  border-radius: 50%;
}
.follow_more {
  width: 30px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  position: absolute;
  left: 205px;
  top: 0px;
}
.tag_info {
  width: 100%;
  position: relative;
  margin-left: -8px;
}
.tag_info li {
  float: left;
  line-height: 0;
  margin: 12px 0 0 8px;
}
.tag_info li a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0px 8px;
  color: #5b6880;
  font-size: 14px;
  background: #f8f8f8;
  border: 1px solid #cccaca;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 230px;
  box-sizing: border-box;
}
.tag_info li a:hover {
  color: #f36;
}
.con_tag {
  padding: 20px 0px;
}
.con_tag ul li {
  height: 30px;
  line-height: 28px;
  float: left;
}
.con_tag ul li.f_tag {
  padding: 0px 10px;
  color: #ccc;
  margin-right: 5px;
  font-size: 0.875em;
  font-weight: bold;
  background: #333;
}
.con_tag ul li.s_tag {
  color: #999;
  font-size: 0.875em;
  margin-left: 25px;
}
.con_tag ul li.c_tag a {
  display: inline-block;
  padding: 0px 10px;
  color: #666;
  font-size: 0.875em;
}
.hot_item {
  width: 235px;
  background-color: #fff;
}
.hot_item:hover {
  box-shadow: 0 0 15px rgba(45, 50, 55, 0.3);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}
.hot_item .hot_pic {
  width: 235px;
  height: 147px;
  overflow: hidden;
}
.hot_item .hot_bd {
  border: 1px solid #fff;
  border-top: 0;
  padding: 10px 15px;
}
.hot_item .hot_bd .hot_title h3 {
  line-height: 25px;
  font-weight: normal;
  font-size: 1em;
}
.right_jobs ul li {
  padding: 20px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 0.75em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right_other_jobs ul li {
  padding: 17px 0px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 0.75em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.art_menu li {
  float: left;
  margin-right: 40px;
}
.art_menu li a {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 1.125em;
  color: #666;
}
.art_menu li.act a {
  color: #ff3366;
  border-bottom: 3px #ff3366 solid;
}
.art_menu li.keywords {
  height: 30px;
  line-height: 28px;
  float: left;
  padding: 0px 10px;
  margin: 16px 20px 16px 0px;
  color: #ccc;
  font-size: 0.875em;
  font-weight: bold;
  background: #333;
}
.art_menu li.keywords .del_s {
  width: 8px;
  height: 8px;
}
.art_menu li.search {
  margin-right: 16px;
}
.art_menu li.search_p {
  margin-right: 10px;
  color: #999;
  font-size: 0.725em;
  height: 60px;
  line-height: 62px;
}
.art_menu li.search a {
  color: #666;
  font-size: 0.875em;
}
.art_menu li.on a {
  color: #ff3366;
  border-bottom: 3px #ff3366 solid;
}
.comm_box ul {
  padding: 20px 10px 1px 10px;
  word-break: break-all;
  word-wrap: break-word;
}
.comm_box ul li.mg_b_20 a.substr_2 {
  max-height: 41px;
}
.bottom_nav {
  display: inline-block;
  width: 1000px;
  text-align: center;
}
.bottom_nav li {
  display: inline-block;
  font-size: 1.125em;
  padding: 0px 20px;
}
.bottom_nav li.on a {
  color: #ff3366;
  border-top: 3px #ff3366 solid;
}
.bottom_nav li a {
  color: #666;
  display: inline-block;
  padding: 25px 0px;
  font-weight: bold;
}
.bottom_nav li a:hover {
  color: #ff3366;
}
.bottom_people li {
  float: left;
  margin: 0px 1px 1px 0px;
}
.bottom_people li img {
  vertical-align: bottom;
}
.hot_nav {
  border-bottom: 1px #f1f1f1 solid;
}
.hot_nav li {
  float: left;
  height: 40px;
  line-height: 40px;
  margin-right: 40px;
  font-size: 0.875em;
}
.hot_nav li.act {
  border-bottom: 1px #ff3366 solid;
  margin-bottom: -1px;
}
.hot_nav li.act a {
  color: #ff3366;
}
/**/
.project_online,
.project_personal,
.project_attribute {
  font-size: 14px;
  color: #666;
}
.project_online li,
.project_personal li,
.project_attribute li {
  height: 40px;
  padding: 0px 15px;
  line-height: 40px;
  float: left;
  cursor: pointer;
}
.project_online li.on,
.project_personal li.on,
.project_attribute li.on {
  background: #ccc;
}
.project_online li.online_date {
  padding: 0px;
}
.project_online li select {
  height: 40px;
  line-height: 40px;
  float: left;
  color: #666;
}
.pro_publish .span_input {
  height: 38px;
  line-height: 38px;
}
.pro_publish .span_input input {
  height: 36px;
  line-height: 36px;
}
.pro_keywords .keywords {
  line-height: 22px;
}
.pro_keywords .keywords a {
  color: #666;
  float: left;
  margin-right: 10px;
}
.pro_keywords .keywords a.act {
  color: #ccc;
  float: left;
  margin-right: 10px;
}
.pro_key li {
  position: relative;
  float: left;
  padding: 0px 15px 0px 10px;
  height: 32px;
  line-height: 32px;
  border: 1px #ccc solid;
  margin: 0px 10px 10px 0px;
}
.pro_key li a.del_grey {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}
.client_key li {
  position: relative;
  float: left;
  padding: 0px 15px 0px 10px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  border: 1px #ccc solid;
  margin: 0px 10px 10px 0px;
}
.client_key li a.del_grey {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}
.pro_nav ul li {
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  font-size: 12px;
}
.pro_nav ul li a {
  height: 20px;
  line-height: 20px;
  padding: 0px 4px;
}
.pro_nav ul li.on a {
  color: #ff3366;
}
.pro_nav .wmi li.on a {
  background: none;
}
.pro_nav .wmi li.on a.wmi_f {
  background: #ff3366;
}
.pro_nav .wmi li.on span {
  color: #ff3366;
}
.pro_nav ul li.f_sm_li {
  color: #999;
  margin-right: 20px;
}
.nav_indus .f_sm_div {
  height: 40px;
  line-height: 40px;
  color: #999;
  margin-right: 20px;
  font-size: 12px;
  float: left;
}
.nav_indus .l_sm_div {
  height: 40px;
  line-height: 40px;
  color: #999;
  padding-right: 20px;
  font-size: 12px;
  float: right;
}
.nav_key .f_sm_div {
  height: 40px;
  line-height: 40px;
  color: #999;
  margin-right: 20px;
  font-size: 12px;
  float: left;
}
.hot_agency {
  padding-bottom: 30px;
}
.hot_agency li {
  margin: 20px;
  float: left;
}
.brands_title {
  font-size: 16px;
  color: #333;
  border-bottom: 1px #f5f2f2 solid;
  height: 60px;
  line-height: 60px;
  padding: 0px 20px;
}
.user_detail_title {
  font-size: 16px;
  color: #333;
  border-bottom: 1px #f5f2f2 solid;
  height: 60px;
  line-height: 60px;
  padding: 0px 20px;
}
.brands_list {
  padding: 25px;
}
.brands_list li {
  margin: 15px;
  float: left;
}
.brands_list img {
  border-radius: 50%;
}
/*job detail*/
.job_info {
  padding: 20px;
  border-bottom: 1px #f1f1f1 solid;
}
/*user setting*/
.user_set {
  padding: 0;
  margin: 0;
  color: #666;
}
.user_set li {
  float: left;
  font-size: 16px;
  width: 300px;
  height: 50px;
  line-height: 50px;
  background: #fff;
}
.user_set li a {
  width: 260px;
  padding: 0px 20px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  color: #666;
}
.user_set li.head {
  margin-bottom: 1px;
  width: 260px;
  padding: 0px 20px;
  font-weight: bold;
}
.user_set li.on {
  background: #f6f6f6;
}
.preview_idc_box {
  position: relative;
}
.preview_idc_info {
  position: absolute;
  bottom: 0;
  left: 0;
  left: -4px;
  z-index: 2;
}
.preview_idc_info .preview_c_btn {
  position: relative;
  z-index: 1;
  visibility: hidden;
  width: 320px;
  height: 200px;
}
.set_bind {
  font-size: 14px;
  color: #666;
}
.set_bind li {
  margin-bottom: 20px;
}
/*home user avatar*/
.home_user_menu {
  margin-top: 10px;
}
.home_user_menu ul li {
  width: 25%;
  text-align: center;
  font-size: 12px;
  float: left;
}
.home_user_menu ul li a {
  color: #666;
  display: inline-block;
}
/*user report*/
.report_info {
  font-size: 0.875em;
}
.report_info li {
  float: left;
  margin: 0px 10px 10px 0px;
  width: 200px;
}
.report_other textarea {
  width: 440px;
  height: 88px;
  border: 1px #ccc solid;
  resize: none;
  padding: 8px;
  color: #666;
  font-size: 0.875em;
  line-height: 22px;
}
.report_tort input {
  width: 440px;
  height: 20px;
  border: 1px #ccc solid;
  resize: none;
  padding: 8px;
  color: #666;
  font-size: 0.875em;
  line-height: 20px;
}
.sensitive_words li {
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
  background: #f1f1f1;
  color: #ff3366;
  font-weight: bold;
  font-size: 0.875em;
  float: left;
  margin: 0px 10px 10px 0px;
}
#search_con .con_list li h3 a em {
  font-weight: bold;
  color: #ff3366;
}
#search_con .con_list li p.describe em {
  color: #ff3366;
}
.view_result .loose_job_com h3 a em {
  font-weight: bold;
  color: #ff3366;
}
/*awards*/
.awards_list {
  color: #666;
  padding: 0px 20px;
}
.awards_list li {
  min-height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 15px 0px;
}
.awards_name_list {
  padding: 10px;
  height: 300px;
  overflow: auto;
  font-size: 14px;
  font-weight: bold;
}
.awards_name_list li {
  float: left;
  padding: 10px;
  width: 290px;
  cursor: pointer;
  color: #666;
}
.awards_name_list li.on {
  color: #ff3366;
}
.awards_option {
  padding: 30px 40px;
  background: #f5f2f2;
}
.awards_save_btn {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  background-color: #ff3366;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.awards_per_btn {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 39px;
  line-height: 39px;
  color: #666;
  border: 1px #e0dcdc solid;
  font-weight: bold;
  font-size: 14px;
}
.awards_save_btn:hover {
  color: #fff;
}
.awards_per_btn:hover {
  color: #666;
}
.awards_logo,
.awards_icon {
  margin-right: 20px;
  width: 50px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_logo img {
  border-radius: 50%;
  width: 46px;
  border: 2px #ccc6c6 solid;
}
.awards_year {
  margin-right: 20px;
  width: 40px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_name {
  margin-right: 50px;
  width: 180px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_category {
  margin-right: 80px;
  width: 100px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_levels {
  padding: 0px 40px 60px;
}
.awards_level {
  width: 210px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_com_name {
  margin-right: 20px;
  width: 160px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_com_level {
  width: 250px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.awards_select {
  display: inline-block;
  background: #f5f2f2;
  width: 292px;
  height: 32px;
  line-height: 32px;
  padding: 4px 0px 4px 8px;
  vertical-align: middle;
  margin-bottom: 20px;
}
.awards_select select {
  border: 0 none;
  outline: none;
  width: 292px;
  height: 32px;
  background: #f5f2f2;
  line-height: 32px;
  margin: 0;
  color: #666;
  font-size: 14px;
  vertical-align: top;
  background: url(../images/common/select_999_icon.png) no-repeat 96% center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.awards_select select::-ms-expand {
  display: none;
}
.awards_input input {
  width: 280px;
  padding: 0px 10px;
  height: 40px;
  line-height: 40px;
  background: #f5f2f2;
  border: 0px;
  font-size: 14px;
  color: #666;
}
/*daoy content*/
.daoy_agency {
  float: left;
  background: #332f30;
  font-family: Microsoft Yahei;
  width: 340px;
  margin-right: 20px;
}
.daoy_brand {
  float: left;
  background: #332f30;
  font-family: Microsoft Yahei;
  width: 340px;
}
.daoy_box_title {
  height: 20px;
  line-height: 20px;
  color: #b58759;
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  padding: 20px;
  border-bottom: 1px #fff solid;
  margin-bottom: 5px;
}
a.daoy_box_li {
  display: inline-block;
  padding: 10px 20px;
  height: 40px;
  width: 300px;
  line-height: 40px;
  color: #ccc6c6;
}
.daoy_box_li:hover {
  color: #ff3366;
}
.daoy_box_rank {
  float: left;
  width: 30px;
  text-align: center;
  color: #ff3366;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}
.daoy_box_avatar {
  float: left;
  margin-right: 20px;
}
.daoy_box_avatar img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
.daoy_box_name {
  float: left;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*present content*/
.art_present_con {
  display: block;
  position: relative;
  background: #181717;
  padding: 32px 0;
  overflow: hidden;
}
.art_present_con::before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 20px;
  width: 2px;
  height: calc(100% - 40px);
  background: #302f2f;
}
.art_present_con dd {
  display: block;
  float: left;
  width: 350px;
  min-width: 350px;
  padding: 0 20px;
  box-sizing: border-box;
}
.art_present_con dd a {
  display: block;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #302f2f;
}
.art_present_con dd.last_dd a {
  border-bottom: 0 none;
}
.art_present_con dd a i {
  font-style: normal;
  display: block;
  float: left;
  margin-right: 8px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.art_present_con dd a i img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.art_present_con dd h6 {
  display: block;
  float: left;
  width: 238px;
}
.art_present_con dd h6 b {
  display: block;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.art_present_con dd h6 em {
  font-style: normal;
  font-weight: normal;
  display: block;
  height: 48px;
  line-height: 24px;
  color: #b58759;
  font-size: 18px;
}
.art_present_con dd a:hover em {
  color: #f36;
}
/*breakthrough content*/
.art_bkh_con {
  display: block;
  position: relative;
  background: #121111;
  padding: 8px 0 24px 0;
  overflow: hidden;
}
.art_bkh_con dd {
  display: block;
  padding: 0 24px;
  box-sizing: border-box;
}
.art_bkh_con dd a {
  display: block;
  width: 100%;
  padding: 16px 0;
  border-bottom: 1px solid #222121;
}
.art_bkh_con dd.last_dd a {
  border-bottom: 0 none;
}
.art_bkh_con dd a i {
  font-style: normal;
  display: block;
  float: left;
  margin-right: 12px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.art_bkh_con dd a i img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.art_bkh_con dd h6 {
  display: block;
}
.art_bkh_con dd h6 b {
  display: block;
  line-height: 22px;
  margin-bottom: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.art_bkh_con dd h6 em {
  font-style: normal;
  font-weight: normal;
  display: block;
  height: 24px;
  line-height: 24px;
  color: #b58759;
  font-size: 18px;
}
.art_bkh_con dd a:hover em {
  color: #f36;
}
.art_bkh_con dd a:hover {
  text-decoration: none;
}

/*right icons*/
.right_icons li {
  width: 64px;
  padding: 8px;
  float: left;
  font-size: 12px;
  text-align: center;
}
.right_icons a {
  color: #666;
}
.right_icons a:hover {
  color: #ff3366;
}
.right_awards {
  width: 64px;
  height: 64px;
  background-position: 0px 0px;
}
.right_dindex {
  width: 64px;
  height: 64px;
  background-position: -64px 0px;
}
.right_toplist {
  width: 64px;
  height: 64px;
  background-position: -128px 0px;
}
.right_daoy {
  width: 64px;
  height: 64px;
  background-position: -191px 0px;
}
.right_weekly {
  width: 64px;
  height: 64px;
  background-position: 0px -64px;
}
.right_monthly {
  width: 64px;
  height: 64px;
  background-position: -64px -64px;
}
.right_word {
  width: 64px;
  height: 64px;
  background-position: -128px -64px;
}
.right_fhb {
  width: 64px;
  height: 64px;
  background-position: -191px -64px;
}
/*feature detail*/
/* .detail_feature {} */
.detail_feature img {
  border-radius: 50%;
  border: 2px #fff solid;
  box-sizing: border-box;
}
.detail_feature .wh_48 {
  height: 48px;
  width: 48px;
}
.detail_feature .df_box {
  width: 100%;
  display: block;
  padding: 12px;
  box-sizing: border-box;
}
.detail_feature .interview {
  background: #ff0000;
}
.detail_feature .btp {
  background: #333333;
}
.detail_feature .bestproject {
  background: #c6a33a;
}
.detail_feature .informers {
  background: #050505;
}
.detail_feature .brands {
  background: #004ed8;
}
.detail_feature .ourlife {
  background: #050505;
}
.detail_feature .toplist {
  background: #b68333;
}
.detail_feature .shoptour {
  background: #7700cc;
}
.detail_feature .survey {
  background: #55bf6a;
}
.detail_feature .yijian {
  background: #ff0000;
}
.detail_feature .ergengtv {
  background: #6d6d6d;
}
.detail_feature .tencentgames {
  background: #080f44;
}
.detail_feature .awards {
  background: #b58759;
}
.detail_feature .weishi {
  background: #7b2dfb;
}
.detail_feature .book {
  background: #ff406f;
}
.detail_feature .company {
  background: #050505;
}
.detail_feature .headline {
  background: #ff3366;
}
.detail_feature .choice {
  background: #c2a161;
}
.detail_feature .weekly {
  background: #c2a161;
}
.detail_feature .monthly {
  background: #333333;
}
.detail_feature .international {
  background: #7c00ff;
}
.detail_feature .tencentyuejie {
  background: #008cff;
}
.detail_feature .oceanengine {
  background: #052b92;
}
.detail_feature .btl {
  background: #ff3fb5;
}
/*triangle*/
.triangle_up {
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #ff3366;
  margin: 5px auto 0px;
  position: relative;
}
.triangle_up span {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #ff3366;
  position: absolute;
  top: 1px;
  left: -10px;
}
/*home bottom kt*/
.home_bottom_kt .hot_item .hot_bd {
  border-color: #f1f1f1;
}
.home_bottom_kt .hot_title {
  height: 75px;
}
.h_30_tag {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  font-size: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
}
.home_bottom_kt .bg_red {
  background: #ff3366;
}
.home_bottom_kt .bg_pink {
  background: #ffeff1;
}
.home_bottom_kt .bg_f1f {
  background: #f1f1f1;
}
.home_bottom_kt .bg_green {
  background: #2ba245;
}

.icon_lmp_box {
  position: relative;
  display: inline-block;
}
.icon_lmp_box.flex {
  display: flex;
}
.icon_lmp_box .title_lmp {
  position: absolute;
  top: -28px;
  left: -32px;
  display: block;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  background: #444242;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  transition: opacity 0.2s linear;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
}
.icon_lmp_box:hover .title_lmp {
  display: block;
  opacity: 1;
  visibility: visible;
}

.right_entry_box {
  position: relative;
  background: #f5f3f3;
  padding: 24px 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.right_entry_box .color_313 {
  color: #333131;
}
.right_entry_box .mxw_140 {
  max-width: 140px;
}
.right_entry_box .lh_24 {
  line-height: 24px;
}
.right_entry_box .pd_12_0 {
  padding: 12px 0;
}
.right_entry_box .wh48_cl {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background: #f36;
  color: #fff;
}
.right_entry_box .wh56_cl {
  border-radius: 6px;
}
.right_entry_box .auth_null_tag {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  background: #eeecec;
  color: #666363;
  font-size: 12px;
  padding: 0 6px;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  margin-left: 6px;
}
.right_entry_box .hrs_menu {
  line-height: 24px;
}
.right_entry_box .hrs_menu ul li {
  width: 25%;
  text-align: center;
  font-size: 12px;
  float: left;
}
.right_entry_box .hrs_menu ul li a {
  display: inline-block;
}
.right_entry_box .hrs_menu ul li a:hover {
  color: #f36;
}
.right_entry_box .hrs_menu ul li i.headfont {
  color: #333131;
  font-size: 18px;
}
.right_entry_box .hrs_menu ul li a:hover i.headfont {
  color: #f36;
}
.right_entry_box .hrs_home_tag {
  position: absolute;
  right: 8px;
  top: 8px;
}
.right_entry_box .hrs_home_tag i.hicon_home_fill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  background: #eeecec;
  font-size: 14px;
  color: #999696;
}
.right_entry_box .hrs_home_tag .title_lmp {
  top: -34px;
  left: -32px;
  z-index: 102;
}
.right_entry_box .hrs_home_tag:hover i.hicon_home_fill {
  background: #ffedeb;
  color: #f36;
}

.reb_writers {
  display: block;
  margin-top: 24px;
  border-top: 1px solid #e0dede;
  padding-top: 9px;
}
.reb_writers.hide {
  display: none;
}
.reb_writer_list li {
  float: left;
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  overflow: hidden;
}
.reb_writer_list li img {
  object-fit: cover;
}

/*project tineline*/
.project_timeline {
  position: absolute;
  left: 50%;
  margin-left: -554px;
  top: 0px;
  width: 44px;
  z-index: 50;
  zoom: 1;
}
.project_timeline li a {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 5px 0 0;
  text-decoration: none;
  text-align: right;
  width: 44px;
  font-size: 12px;
  color: #999;
  border-right: 4px solid #999;
  box-sizing: border-box;
}
.project_timeline li .tl_month {
  display: none;
}
.project_timeline .active .tl_month {
  display: block;
}
.project_timeline .active a {
  display: block;
  border-right-color: #333;
}
.project_timeline .active a.txt_em {
  color: #fff;
  border-radius: 3px 0 0 3px;
  border-right-color: #333;
  background-color: #333;
}
.project_timeline a:hover,
.project_timeline .checked a {
  font-weight: bold;
  border-right-color: #ff3366;
  color: #ff3366;
}
.project_timeline a:hover em {
  font-weight: bold;
}
/*page_break*/
.page_slide {
  line-height: 26px;
}
.page_break {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.page_break.disabled {
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
}
.page_break:hover {
  background: #ffeff1;
}
.page_break:hover i.ab_r_icon {
  background-position: -493px -218px;
}
.page_prev_break i.ab_r_icon {
  transform: rotate(180deg);
}
.involved_circle {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}
.involved_square {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 4px;
}
.involved_circle a,
.involved_circle img,
.involved_square a,
.involved_square img {
  display: block;
  width: 100%;
}
.involved_con {
  max-height: 345px;
  overflow-y: auto;
}
.involved_con::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}
.involved_con::-webkit-scrollbar-button:hover {
  background-color: #ccc;
}
.involved_con::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ddd;
}
.involved_con::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
.involved_con::-webkit-scrollbar-track {
  background-color: transparent;
}
.involved_con::-webkit-scrollbar-track:hover {
  background-color: #eee;
}
.fixed_box {
  position: fixed;
  top: 90px;
}
.pci_list {
  padding: 8px 0 16px 0;
}
.pci_list li {
  padding: 8px 0;
  border-bottom: 1px solid #eeecec;
}
.pci_list li:last-child {
  border-bottom: 0 none;
}
.pd_5_0_15 {
  padding: 5px 0 5px 15px;
}
.pd_5_15 {
  padding: 5px 15px;
}
.thumb {
  display: flex;
  overflow: hidden;
  justify-content: center;
}
.thumb img {
  position: relative;
  height: 100%;
}
.wh_50 {
  width: 50px;
  height: 50px;
}
.substr_one {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.substr_2 {
  ext-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.substr_3 {
  ext-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*new_icon*/
.nicon {
  display: inline-block;
  background: url(../images/common/new_icon.png) no-repeat;
  vertical-align: middle;
  overflow: hidden;
  background-size: 200px;
}
.nicon_zan {
  width: 16px;
  height: 18px;
  background-position: 1px -100px;
}
.nicon_comment {
  width: 16px;
  height: 16px;
  background-position: -19px -100px;
}
.nicon_collect {
  width: 16px;
  height: 16px;
  background-position: -39px -100px;
}
.nicon_edit {
  width: 16px;
  height: 16px;
  background-position: -59px -100px;
}
.nicon_zan_red {
  width: 16px;
  height: 18px;
  background-position: -79px -100px;
}
.nicon_zan_fill {
  width: 16px;
  height: 18px;
  background-position: -99px -100px;
}
.nicon_rate_fill {
  background-size: 175px;
  width: 16px;
  height: 18px;
  background-position: -103px -86px;
}
.nicon_rate {
  background-size: 175px;
  width: 16px;
  height: 18px;
  background-position: -121px -86px;
}
.nicon_emoji {
  width: 20px;
  height: 20px;
  background-position: 0 -121px;
}
.nicon_image {
  width: 20px;
  height: 20px;
  background-position: -24px -121px;
}
.nicon_link {
  width: 16px;
  height: 16px;
  background-position: -48px -123px;
}
.nicon_comment_red {
  width: 16px;
  height: 16px;
  background-position: -67px -121px;
}
.nicon_collect_red {
  width: 16px;
  height: 16px;
  background-position: -87px -121px;
}
.nicon_emoji_red {
  width: 20px;
  height: 20px;
  background-position: 0 -144px;
}
.nicon_image_red {
  width: 20px;
  height: 20px;
  background-position: -24px -144px;
}
.nicon_pic_red {
  width: 20px;
  height: 18px;
  background-position: -48px -145px;
}
.nicon_close {
  width: 16px;
  height: 16px;
  background-position: -223px -821px;
}
.close_pic_icon {
  width: 17px;
  height: 17px;
  background-position: -386px -15px;
}
a.open_pl_btn:hover .nicon_comment {
  background-position: -67px -121px;
}
a.zan_pl_btn:hover .nicon_zan {
  background-position: -78.5px -100px;
}
.emoji_box:hover .nicon_emoji {
  background-position: 0 -144px;
}
.comment_pic_btn:hover .nicon_image {
  background-position: -24px -144px;
}
a .nicon_link {
  position: relative;
  margin-top: -2px;
}
a:hover .nicon_link {
  background-position: -108px -123px;
}
/*emoji.css*/
.emoji {
  display: inline-block;
  user-select: text;
  cursor: pointer;
  width: 22px;
  height: 22px;
  background: url("../images/common/emojis.png") no-repeat;
  background-size: 390px;
  border: 0 none;
  background-position: -165px -165.5px;
}
.emojis span:hover {
  transform: scale(1.2);
}
.emojis span {
  margin: 3px !important;
}
.emoji_1 {
  background-position: -165px -165.5px;
}
.emoji_2 {
  background-position: -197px -165px;
}
.emoji_3 {
  background-position: -229px -5px;
}
.emoji_4 {
  background-position: -229px -37px;
}
.emoji_5 {
  background-position: -229px -69px;
}
.emoji_6 {
  background-position: -197px -104px;
  height: 23px;
}
.emoji_7 {
  background-position: -37px -133px;
}
.emoji_8 {
  background-position: -133px -198px;
}
.emoji_9 {
  background-position: -229px -133px;
}
.emoji_10 {
  background-position: -229px -165px;
}
.emoji_11 {
  background-position: -5px -198px;
}
.emoji_12 {
  background-position: -37px -198px;
}
.emoji_13 {
  background-position: -69px -198px;
}
.emoji_14 {
  background-position: -101px -198px;
}
.emoji_15 {
  background-position: -261px -197px;
}
.emoji_16 {
  background-position: -165px -198px;
}
.emoji_17 {
  background-position: -101px -324px;
}
.emoji_18 {
  background-position: -133px -324px;
}
.emoji_19 {
  background-position: -293px -197px;
}
.emoji_20 {
  background-position: -229px -198px;
}
.emoji_21 {
  background-position: -261px -5px;
}
.emoji_22 {
  background-position: -261px -37px;
}
.emoji_23 {
  background-position: -261px -69px;
}
.emoji_24 {
  background-position: -5px -262px;
}
.emoji_25 {
  background-position: -261px -133px;
}
.emoji_26 {
  background-position: -261px -165px;
}
.emoji_27 {
  background-position: -261px -101px;
}
.emoji_28 {
  background-position: -5px -230px;
}
.emoji_29 {
  background-position: -37px -230px;
}
.emoji_30 {
  background-position: -69px -230px;
}
.emoji_31 {
  background-position: -101px -230px;
}
.emoji_32 {
  background-position: -197px -198px;
}
.emoji_33 {
  background-position: -197px -230px;
}
.emoji_34 {
  background-position: -165px -230px;
}
.emoji_35 {
  background-position: -229px -230px;
}
.emoji_36 {
  background-position: -261px -230px;
}
.emoji_37 {
  background-position: -133px -230px;
}
.emoji_38 {
  background-position: -293px -133px;
}
.emoji_39 {
  background-position: -293px -100.5px;
}
.emoji_40 {
  background-position: -293px -229px;
}
.emoji_41 {
  background-position: -293px -165px;
}
.emoji_42 {
  background-position: -37px -262px;
}
.emoji_43 {
  background-position: -197px -72px;
}
.emoji_44 {
  background-position: -165px -262px;
}
.emoji_45 {
  background-position: -357px -323px;
}
.emoji_46 {
  height: 22.5px;
  background-position: -69px -165.5px;
}
.emoji_47 {
  background-position: -5px -133px;
}
.emoji_48 {
  background-position: -75px -35px;
  background-size: 300px;
}
.emoji_49 {
  background-position: -75px -4px;
  background-size: 300px;
}
.emoji_50 {
  background-position: -325px -229px;
}
.emoji_51 {
  background-position: -5px -354px;
}
.emoji_52 {
  background-position: -37px -354px;
}
.emoji_53 {
  background-position: -2px -73px;
  background-size: 300px;
}
.emoji_54 {
  background-position: -293px -69px;
}
.emoji_55 {
  background-position: 0 -37px;
  background-size: 280px;
}
.emoji_56 {
  background-position: -293px -5px;
}
.emoji_57 {
  background-position: -293px -37px;
}
.emoji_58 {
  height: 22.5px;
  background-position: -101px -165.5px;
}
.emoji_59 {
  height: 22.5px;
  background-position: -133px -165.5px;
}
.emoji_60 {
  background-position: -5px -152px;
  background-size: 360px;
}
.emoji_61 {
  height: 22.5px;
  background-position: -37px -165.5px;
}
.emoji_62 {
  background-position: -147px -5px;
  background-size: 350px;
}
.emoji_63 {
  background-position: -54px -77px;
  background-size: 320px;
}
.emoji_64 {
  background-position: -46px -37px;
  background-size: 280px;
}
.emoji_65 {
  background-position: -122px -68px;
  background-size: 360px;
}
.emoji_66 {
  background-position: -197.5px -355px;
}
.emoji_67 {
  background-position: 0 -3px;
  background-size: 250px;
}
.emoji_68 {
  background-position: -133px -294px;
}
.emoji_69 {
  background-position: -165px -294px;
}
.emoji_70 {
  background-position: -357px -257px;
}
.emoji_71 {
  background-position: -69px -326px;
}
.emoji_72 {
  background-position: -357px -68px;
}
.emoji_74 {
  background-position: -229px -101px;
}
.emoji_73 {
  background-position: -176px -33px;
  background-size: 350px;
}
.emoji_75 {
  background-position: -357px -99px;
}
.emoji_76 {
  background-position: -357px -131px;
}
.emoji_78 {
  background-position: -133px -263px;
}
.emoji_77 {
  background-position: -165px -353px;
}
.emoji_79 {
  background-position: -69px -354px;
}
.emoji_80 {
  background-position: -165px -103px;
}
.emoji_81 {
  background-position: -101px -355px;
}
.emoji_82 {
  background-position: -38px -2px;
  background-size: 250px;
}
.emoji_83 {
  background-position: -229px -326px;
}
.emoji_84 {
  background-position: -357px -194px;
}
.emoji_85 {
  background-position: -229px -262px;
}
.emoji_86 {
  background-position: -197px -262px;
}
.emoji_88 {
  background-position: -101.5px -133px;
}
.emoji_87 {
  background-position: -261px -353px;
}
.emoji_89 {
  background-position: -261px -262px;
}
.emoji_90 {
  background-position: -293px -262px;
}
.emoji_91 {
  background-position: -133px -354px;
}
.emoji_92 {
  background-position: -293px -352px;
}
.emoji_93 {
  background-position: -197px -136px;
}
.emoji_94 {
  background-position: -116px -5px;
  background-size: 350px;
}
.emoji_95 {
  background-position: -114px -34px;
  background-size: 340px;
}
.emoji_96 {
  height: 23.5px;
  background-position: -165px -73px;
}
.emoji_97 {
  background-position: -261px -324px;
}
.emoji_98 {
  background-position: -325px -5px;
}
.emoji_99 {
  background-position: -325px -37px;
}
.emoji_100 {
  background-position: -357px -289px;
}
.emoji_101 {
  background-position: -325px -69px;
}
.emoji_102 {
  background-position: -325px -101px;
}
.emoji_103 {
  background-position: -325px -133px;
}
.emoji_104 {
  background-position: -357px -162px;
}
.emoji_105 {
  background-position: -5px -326px;
}
.emoji_106 {
  background-position: -325px -165px;
}
.emoji_107 {
  background-position: -24px -37px;
  background-size: 280px;
}
.emoji_108 {
  background-position: -357px -226px;
}
.emoji_109 {
  background-position: -325px -261px;
}
.emoji_110 {
  background-position: -5px -294px;
}
.emoji_111 {
  background-position: -37px -294px;
}
.emoji_112 {
  background-position: -69px -293px;
}
.emoji_113 {
  height: 26.5px;
  background-position: -101px -94px;
}
.emoji_114 {
  background-position: -293px -326px;
}
.emoji_115 {
  background-position: -357px -38px;
}
.emoji_116 {
  background-position: -101px -294px;
}
.emoji_117 {
  background-position: -196.5px -4px;
  height: 24px;
}
.emoji_118 {
  background-position: -37px -326px;
}
.emoji_119 {
  background-position: -133px -104px;
}
.emoji_120 {
  background-position: -147px -34px;
  background-size: 350px;
}
.emoji_121 {
  background-position: -197px -326px;
}
.emoji_122 {
  background-position: -165px -326px;
}
.emoji_123 {
  background-position: -69px -262px;
}
.emoji_124 {
  background-position: -101px -262px;
}
.emoji_125 {
  height: 30.5px;
  background-position: -69px -126px;
}
.emoji_126 {
  background-position: -197px -294px;
}
.emoji_127 {
  height: 23.5px;
  background-position: -165px -132px;
}
.emoji_128 {
  background-position: -229px -294px;
}
.emoji_129 {
  height: 26px;
  background-position: -229px -348px;
}
.emoji_130 {
  background-position: -18px -3px;
  background-size: 240px;
}
.emoji_131 {
  background-position: -133px -132px;
}
.emoji_132 {
  background-position: -261px -294px;
}
.emoji_133 {
  background-position: -293px -294px;
}
.emoji_134 {
  background-position: -325px -324px;
}
.emoji_135 {
  background-position: -325px -294px;
}
.emoji_136 {
  background-position: -325px -197px;
}
.emoji_137 {
  background-position: -25px -72px;
  background-size: 300px;
}
.emoji_138 {
  background-position: -357px -5px;
}
.recent_list .nicon_pic_red,
.comm_box .nicon_pic_red,
.rscomm_box .nicon_pic_red {
  vertical-align: text-bottom;
  margin-right: 4px;
}
.recent_list .emoji,
.comm_box .emoji,
.rscomm_box .emoji {
  vertical-align: bottom;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  cursor: default;
}
.dynamic_list_info .emoji,
.comment_list_info .emoji {
  vertical-align: text-bottom;
  cursor: default;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

/*rkc_list*/
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: box;
  display: flex;
}
.lr_center {
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  justify-content: space-between;
  align-items: center;
}
.l_center {
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  justify-content: flex-start;
  align-items: center;
}
.r_center {
  -webkit-justify-content: flex-end;
  -webkit-align-items: center;
  justify-content: flex-end;
  align-items: center;
}
.jc_c {
  -webkit-justify-content: center;
  justify-content: center;
}
.jc_sb {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.jc_sa {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.flex_b {
  -webkit-align-items: baseline;
  align-items: baseline;
}
.flex_s {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex_c {
  -webkit-align-items: center;
  align-items: center;
}
.flex_end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex_wrap {
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
}
.flex_col {
  -webkit-flex-flow: column;
  flex-flow: column;
}
.fd_col {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex_1 {
  -webkit-flex: 1;
  flex: 1;
}
.flex.hide {
  display: none;
}

.rkc_con {
  position: relative;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
}
.rkc_con .kudos_con_item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s linear;
}
.rkc_con .kudos_con_item.cur {
  display: block;
  opacity: 1;
  visibility: visible;
}
.rkc_list {
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  user-select: none;
  position: relative;
  margin-left: -16px;
}
.rkc_list li {
  width: 68px;
  cursor: pointer;
  margin-top: 12px;
  margin-left: 16px;
}
.rkc_list li .wh_68 {
  width: 66px;
  height: 66px;
  padding: 1px;
  box-sizing: border-box;
}
.rkc_list li .wh_64 {
  width: 64px;
  height: 64px;
  box-sizing: content-box;
  border: 1px solid #f5f2f2;
  border-radius: 8px;
  overflow: hidden;
}
.rkc_list li .wh_68 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rkc_list li .kudos_panel {
  text-align: center;
  padding: 8px 0;
}
.kudos_icon {
  width: 16px;
  height: 15px;
  background-position: -260px -105px;
}
.rkc_list li:hover .wh_68 {
  padding: 0px;
}
.rkc_list li:hover .wh_64 {
  border: 2px solid #ff3366;
}
.rkc_list li:hover .kudos_icon,
.rkc_list li.selected .kudos_icon {
  background-position: -281px -105px;
}
.rkc_list li.selected {
  user-select: none;
  cursor: default;
}
.rkc_list li.selected:hover .wh_68 {
  padding: 1px;
}
.rkc_list li.selected:hover .wh_64 {
  border: 1px solid #f5f2f2;
}
/*new right con*/
.pd_t_12 {
  padding-top: 12px;
}
.pd_b_16 {
  padding-bottom: 16px;
}
.pd_b_8 {
  padding-bottom: 8px;
}
.pd_b_4 {
  padding-bottom: 4px;
}
.pd_0_4 {
  padding: 0 4px;
}
.pd_4 {
  padding: 4px;
}
.pd_12 {
  padding: 12px;
}
.pd_16 {
  padding: 16px;
}
.pd_0_16_16 {
  padding: 0 16px 16px;
}
.pd_12_4 {
  padding: 12px 4px;
}
.pd_12_0 {
  padding: 12px 0;
}
.pd_0_12 {
  padding: 0 12px;
}
.pd_0_16 {
  padding: 0 16px;
}
.pd_20_4 {
  padding: 20px 4px;
}
.pd_20_12_4 {
  padding: 20px 12px 4px;
}
.pd_16_20_20 {
  padding: 16px 20px 20px;
}
.lh_18 {
  line-height: 18px;
}
.w_108 {
  width: 108px;
}
.w_132 {
  width: 132px;
}
.w_168 {
  width: 168px;
}
.w_196 {
  width: 196px;
}
.h_line_48 {
  height: 48px;
  line-height: 48px;
}
.color_569 {
  color: #556699;
}
.color_768 {
  color: #768099;
}
.color_636 {
  color: #666363;
}
.color_07c {
  color: #0076cb;
}
.color_212 {
  color: #222121;
}
.color_568 {
  color: #5b6880;
}
.color_969 {
  color: #999696;
}
.color_a34 {
  color: #aaa3a4;
}
.bg_fa9 {
  background: #faf9f9;
}
.bg_f53 {
  background: #f5f3f3;
}
.bg_5b6 {
  background: #55bf6a;
}
.bg_07c {
  background: #0076cb;
}
.bd_b_e0d {
  border-bottom: 1px solid #e0dede;
}
.bd_t_e0d {
  border-top: 1px solid #e0dede;
}
.ft_12 {
  font-size: 12px;
}
.ft_14 {
  font-size: 14px;
}
.ft_16 {
  font-size: 16px;
}
.ft_18 {
  font-size: 18px;
}
.ft_20 {
  font-size: 20px;
}
a.color_768:hover,
a:hover span.color_768 {
  color: #f36;
}
.lh32_btn {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 0 none;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.lh32_btn:hover,
.lh40_btn:hover,
.lh36_btn:hover {
  opacity: 0.9;
}
.lh32_btn.bg_red:hover:not(:disabled),
.lh40_bold_btn.bg_red:hover:not(:disabled),
.lh40_btn.bg_red:hover:not(:disabled) {
  background: #e00043;
}
.wh_60 {
  width: 60px;
  height: 60px;
}
.wh_60 img {
  width: 60px;
  height: 60px;
  border: 1px solid #e0dede;
  border-radius: 3px;
  overflow: hidden;
  box-sizing: border-box;
}
.user_avatar .substr_one,
.company_avatar .substr_one {
  display: inline-block;
  max-width: 130px;
  vertical-align: middle;
}
.by_info {
  min-height: 68px;
}
.by_info .grey_msg_btn {
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 30px;
  background-color: #fff;
  color: #569;
  font-size: 14px;
  border: 1px solid #e0dede;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
}
.by_info .attention_r_btn,
.by_info .white_follow_btn {
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 30px;
  background-color: #fff;
  color: #569;
  font-size: 14px;
  border: 1px solid #e0dede;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 12px;
}
.by_info .grey_msg_btn:hover,
.by_info .attention_r_btn:hover,
.by_info .white_follow_btn:hover {
  background: #faf9f9;
}
.by_info .grey_direct_btn,
.by_info .direct_btn {
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 32px;
  background-color: #f36;
  color: #fff;
  font-size: 14px;
  border: 0 none;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
}
.by_info .direct_btn:hover,
.by_info .grey_direct_btn:hover {
  background: #e00043;
}
/* .company_avatar .by_info .attention_r_btn,.company_avatar .by_info .white_follow_btn {background:#0076cb;} */

.by_info .attention_r_btn.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.by_info .f6_follow_btn {
  display: inline-block;
  width: 104px;
  height: 32px;
  line-height: 32px;
  background-color: #eeecec;
  color: #999696;
  font-size: 14px;
  border: 0 none;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 12px;
}
.black_popup_box,
.follow_black_tip {
  background: #444242;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  text-align: center;
  position: relative;
  font-size: 12px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  z-index: 10;
}
.by_info .direct_msg {
  top: auto;
  left: auto;
  right: auto;
  width: auto;
}
.by_info .black_popup_box {
  position: absolute;
  top: -28px;
  right: -16px;
}
.by_info .follow_black_tip {
  display: none;
  position: absolute;
  top: -28px;
  left: 10px;
}
.by_info .follow_black_tip .font_text span {
  color: #fff;
  vertical-align: middle;
}
.by_info .icon_right.correct_icon {
  width: 16px;
  height: 16px;
  background-position: -321px -105px;
}
.by_info .icon_right.error_icon {
  width: 16px;
  height: 16px;
  background-position: -301px -105px;
}
.icon_right.more_person_icon {
  width: 16px;
  height: 3px;
  background-position: -260px -125px;
}

.icon_right.dgrey_msg_icon {
  width: 40px;
  height: 40px;
  background-position: 0 -148px;
}
.icon_right.grey_msg_icon {
  width: 40px;
  height: 40px;
  background-position: -42px -148px;
}

.by_info .pd_20_4 {
  padding: 16px 0 20px 0;
}
.user_avatar .level,
.company_avatar .level {
  position: relative;
  line-height: 0;
  top: -1px;
}
.company_avatar .daoy_icon_box {
  display: block;
  position: absolute;
  bottom: -7px;
  right: -7px;
}
.detail_f_list li {
  float: left;
  margin-right: 12px;
}
.detail_f_list li > a {
  display: block;
  line-height: 0;
}
.detail_f_list li img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 3px;
  box-sizing: border-box;
}
.round_follow_more {
  display: block;
  line-height: 28px;
  text-align: center;
  width: 32px;
  height: 32px;
  border: 1px solid #e0dede;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}
.rjobs_list li {
  margin-bottom: 8px;
}
.rjobs_list li:last-child {
  margin-bottom: 0;
  padding-bottom: 16px;
}
.rjobs_list li .rjc_logo {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-right: 12px;
  border: 1px solid #e0dede;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
}
.rjobs_list li .rjc_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-sizing: border-box;
}
.rjobs_list li .flex_1 {
  padding-top: 4px;
  font-size: 14px;
}
.rlha_list li {
  margin-bottom: 16px;
}
.rlha_list li .f_l a {
  display: block;
  line-height: 0;
}
.rlha_list li .w_132 {
  width: 126px;
}
.rlha_list li img {
  width: 90px;
  height: 56px;
  object-fit: cover;
}
.rscomm_box {
  padding: 12px 0;
}
.rscomm_box li {
  margin-bottom: 16px;
}
.rscomm_box li .f_r {
  line-height: 18px;
  width: 188px;
}
.rscomm_box li .mw_130 {
  max-width: 130px;
}
.rscomm_box li .rsc_avatar {
  width: 32px;
  height: 32px;
  border: 1px solid #e0dede;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
}
.rscomm_box li .rsc_avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rscomm_box li .substr_3 {
  padding-top: 2px;
  max-height: 64px;
}
.rscomm_box li a:hover .color_568,
.rscomm_box li a:hover .color_212 {
  color: #f36;
}
.rscomm_box .nicon_pic_red {
  vertical-align: text-bottom;
  margin-right: 2px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.nrf_list {
  padding: 12px 0;
  width: 100%;
}
.nrf_list li {
  margin-bottom: 16px;
  width: 50%;
}
.nrf_list li a {
  display: table;
  line-height: 0;
}
.nrf_list li a .tab_cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  color: #222121;
}
.nrf_list li a:hover .tab_cell {
  color: #f36;
}
.nrf_list li a .mg_r_8 {
  width: 32px;
  height: 32px;
}
.nrf_list li a .mg_r_8 img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  box-sizing: border-box;
  object-fit: cover;
}

.dclr_list {
  padding: 10px 0;
}
.dclr_list a {
  color: #000;
}
.dclr_list a:hover {
  color: #f36;
}
.dclr_list li {
  padding: 6px 0;
}
.dclr_list li .mg_b_4 {
  margin-bottom: 4px;
}
.dclr_list li .dclr_thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 3px;
  min-width: 64px;
  width: 64px;
  height: 64px;
}
.dclr_list li .dclr_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dclr_list li .mxw_120 {
  max-width: 100px;
}

.bdc_daoy_list {
  padding: 0 20px;
}
.bdc_daoy_list li {
  float: left;
  width: 96px;
  color: #666363;
  font-size: 12px;
  text-align: center;
  padding: 0 8px;
  box-sizing: border-box;
}
.bdc_daoy_list li a {
  color: #666363;
}
.bdc_daoy_list li a:hover {
  color: #f36;
}
.bdc_daoy_list li img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 12px;
}
.bdc_daoy_list li p.substr_one {
  height: 48px;
  line-height: 48px;
}
/*survey right*/
.rshtv_list {
  padding: 0 20px;
}
.rshtv_list li {
  padding: 12px 0 16px;
  border-bottom: 1px solid #e0dede;
}
.rshtv_list li:last-child {
  border-bottom: 0 none;
}
.rshtv_list li .lh_24 {
  line-height: 24px;
  margin-bottom: 8px;
}
.rshtv_list li a {
  display: block;
}
.rshtv_list li .thumb {
  min-width: 92px;
  width: 92px;
  height: 58px;
  margin-right: 12px;
}
.rshtv_list li img {
  object-fit: cover;
}
.rshtv_list li .flex_1 {
  line-height: 24px;
  font-size: 14px;
  padding-top: 8px;
}
.rshtv_con .lh32_btn {
  background: #f5f3f3;
  color: #5b6880;
}
.rshtv_con .lh32_btn:hover {
  color: #f36;
}
.rsh_item {
  display: block;
  width: 100%;
}
.rsh_item .thumb {
  width: 100%;
  height: 140px;
}
.rsh_item .thumb img {
  width: 100%;
  object-fit: cover;
}
.rsh_item .lh_24 {
  line-height: 24px;
  padding: 8px 0 12px;
}
#rsh_topic_swiper .swiper-slide {
  width: 228px;
}
#rsh_topic_swiper .swiper-pagination {
  text-align: right !important;
}
#rsh_topic_swiper .swiper-pagination-bullets {
  bottom: 0 !important;
}
#rsh_topic_swiper .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: #cccaca;
  opacity: 1;
}
#rsh_topic_swiper .swiper-pagination-bullet-active {
  background: #55bf6a;
}
/*圆环*/
.rsh_pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  z-index: 2;
}
.circle_pbox {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.circle_pbox .cpbox_border {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: #cccaca;
  overflow: hidden;
  z-index: 1;
}
.circle_pbox .cpbox_border::before {
  display: none;
  position: absolute;
  left: 3px;
  top: 3px;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
}
.circle_pbox .cpbox_svg {
  position: relative;
  display: none;
  border-radius: 50%;
  -webkit-transform: rotate(-70deg) translateZ(0);
  transform: rotate(-70deg) translateZ(0);
  z-index: 2;
}
.circle_pbox .cpbox_circle {
  fill: none;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 50 50;
  stroke-dashoffset: 0; /* -webkit-transition: stroke-dashoffset 3s linear; -o-transition: stroke-dashoffset 3s linear; transition: stroke-dashoffset 3s linear; */
}
@-webkit-keyframes sloads {
  0% {
    stroke-dashoffset: 50;
  }
}
@keyframes sloads {
  0% {
    stroke-dashoffset: 50;
  }
}
.circle_pbox.act .cpbox_border::before {
  display: block;
}
.circle_pbox.act .cpbox_svg {
  display: block;
}
.circle_pbox.act .cpbox_circle {
  -webkit-animation: sloads 5.4s linear;
  animation: sloads 5.4s linear;
}

/*new detail 2024-2-26*/
/* .no_scroll{overflow: hidden;} */
.mg_b_8 {
  margin-bottom: 8px;
}
.mg_b_32 {
  margin-bottom: 32px;
}
.mg_r_32 {
  margin-right: 32px;
}
.lh_20 {
  line-height: 20px;
}
.lh_32 {
  line-height: 32px;
}
.lh_38 {
  line-height: 38px;
}
.lh_40 {
  line-height: 40px;
}
.lh_44 {
  line-height: 44px;
}
.lh_48 {
  line-height: 48px;
}
.lh_56 {
  height: 56px;
  line-height: 56px;
}
.lh_58 {
  height: 58px;
  line-height: 58px;
}
.pd_b_24 {
  padding-bottom: 24px;
}
.pd_0_24 {
  padding: 0 24px;
}
.pd_16_20_40 {
  padding: 16px 20px 40px;
}
.bd_ece {
  border: 1px solid #eeecec;
}
.nicon_more_blue {
  width: 14px;
  height: 3px;
  background-position: -97px -160px;
}
.nicon_mail {
  width: 20px;
  height: 14px;
  background-position: -94px -145px;
}
.nicon_map {
  width: 18px;
  height: 18px;
  background-position: -72px -145px;
}
.nicon_wx {
  width: 32px;
  height: 32px;
  background-position: 0 0;
}
.nicon_qq {
  width: 32px;
  height: 32px;
  background-position: -37px 0;
}
.nicon_wb {
  width: 32px;
  height: 32px;
  background-position: -74px 0;
}
.nicon_website {
  width: 32px;
  height: 32px;
  background-position: -111px 0;
}
.nicon_yel_fav {
  width: 32px;
  height: 32px;
  background-position: -148px 0;
}
.nicon_nclose {
  width: 12px;
  height: 12px;
  background-position: -156px -123px;
}
.nicon_delete {
  width: 16px;
  height: 16px;
  background-position: -116px -145px;
}
.prev_pic_btn {
  position: absolute;
  width: 25%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: url("../creator/images/pic_prev.cur"), auto;
}
.next_pic_btn {
  position: absolute;
  width: 25%;
  height: 100%;
  right: 0;
  top: 0;
  cursor: url("../creator/images/pic_next.cur"), auto;
}

.lh32_bd_btn {
  display: inline-block;
  color: #5b6880;
  font-size: 14px;
  background: #faf9f9;
  border: 1px solid #e0dede;
  text-align: center;
  min-width: 62px;
  height: 32px;
  line-height: 30px;
  padding: 0 12px;
  border-radius: 3px;
  box-sizing: border-box;
}
.lh40_bd_btn {
  display: inline-block;
  color: #5b6880;
  font-size: 14px;
  border: 1px solid #e0dede;
  text-align: center;
  height: 40px;
  line-height: 38px;
  border-radius: 3px;
  box-sizing: border-box;
}
.lh40_btn {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  box-sizing: border-box;
}
.lh40_btn.bg_f53:hover:not(:disabled) {
  background: #eeecec;
  color: #5b6880;
}
.lh40_bd_btn:hover:not(:disabled),
.lh40_bold_btn.bd_cac:hover:not(:disabled) {
  background: #f5f3f3;
  color: #5b6880;
}
/*creator popup*/
.popup,
.popup_overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
  transition: all 0.3s linear;
}
.popup {
  position: fixed;
  display: -webkit-flex;
  display: none;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  pointer-events: none;
}
.popup_overlay {
  display: none;
  position: absolute;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-backface-visibility: hidden;
}
.popup_open .popup_overlay {
  display: block;
  opacity: 1;
  pointer-events: auto;
}
.popup_content {
  max-width: 800px;
  min-width: 320px;
  position: relative;
  z-index: 1002;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s linear;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.popup_open .popup_content {
  pointer-events: auto;
}
.popup.popup_open .popup_content {
  opacity: 1;
  visibility: visible;
}
.popup.popup_close .popup_content {
  opacity: 0;
  visibility: hidden;
}
.popup_content > .w_360,
.popup_content > .w_340 {
  padding: 24px;
  box-sizing: border-box;
}
#popup_tip {
  z-index: 10000;
}
#popup_tip .tipicon {
  font-size: 20px;
  margin-right: 8px;
}
#popup_tip .popup_content {
  min-width: 200px;
}
#popup_tip .pop_tip_box {
  height: 48px;
  line-height: 48px;
  text-align: center;
  padding: 0 24px;
  font-size: 14px;
  color: #000;
}
#popup_btip .popup_content {
  min-width: 200px;
  padding: 12px 0;
  font-size: 14px;
}
.popup .close_pop_box {
  position: absolute;
  right: 8px;
  top: 8px;
}
.popup .close_pop_btn {
  display: inline-flex;
  border: 0 none;
  border-radius: 3px;
  height: 24px;
  width: 24px;
  padding: 0;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  color: #5b6880;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}
.popup .close_pop_btn:hover {
  background: #f95700;
}
.popup .close_pop_btn:hover .nicon_nclose {
  background-position: -128px -123px;
}
.popup_header {
  min-height: 40px;
  padding: 0 8px 0 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #eeecec;
  font-size: 14px;
  color: #333131;
}
.pop_text_header {
  line-height: 32px;
  padding: 16px 32px 20px 32px;
  font-size: 18px;
  color: #000;
  text-align: center;
  box-sizing: content-box;
}
.w_640_box {
  width: 640px;
  box-sizing: border-box;
}
.w_640_box .pd_24 {
  padding: 24px 24px 16px;
}
.popup button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bg40_input {
  padding: 0 12px;
  background: #faf9f9;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border: 1px solid #cacaca;
  font-size: 14px;
  border-radius: 3px;
  outline: none;
}
.bg40_input:focus {
  border-color: #0076cb;
  background: #fff;
}
input.bg40_input:disabled {
  pointer-events: none;
  cursor: not-allowed;
  background: #e0dede;
  border-color: #e0dede;
}
.input_field {
  position: relative;
  height: 40px;
  box-sizing: border-box;
}
.input_field .input_limit {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #999696;
  padding-right: 6px;
}
.input_field .clear_input_btn {
  position: absolute;
  right: 4px;
  top: 8px;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
}
.input_field .clear_input_btn i {
  color: #999696;
  font-size: 16px;
  pointer-events: none;
}
.input_field .clear_input_btn:hover i {
  color: #666363;
}
/* .input_field.filled input{ background: #fff;} */
.input_field.limited input {
  padding-right: 40px;
  box-sizing: border-box;
}
.input_field.blocked input {
  padding-right: 32px;
  box-sizing: border-box;
}
.input_field.error input {
  border-color: #f36;
}
.input_field.error .input_limit .input_length {
  color: #f36;
}
.input_field.disabled input {
  cursor: not-allowed;
}
.input_field .input_tooltips {
  position: absolute;
  top: 40px;
  left: 0;
  line-height: 32px;
  font-size: 14px;
  color: #f36;
  padding: 0 12px;
  background: #fff;
}
.input_field .input_tooltips.hide {
  display: none;
}
.input_field .input_tip {
  position: absolute;
  top: 40px;
  left: 0;
  line-height: 32px;
  font-size: 14px;
  color: #999696;
  padding: 0 12px;
}
.input_field .input_tip.hide {
  display: none;
}
.chk_input {
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
.chk_input input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.chk_input input + i {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #999696;
  background: #fff;
  vertical-align: middle;
  border-radius: 10px;
  box-sizing: border-box;
  position: relative;
  margin-top: -4px;
}
.chk_input input:checked + i {
  position: relative;
  border: 1px solid #f36;
  background: #f36;
}
.chk_input input:checked + i::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
  left: 5px;
  top: 5px;
}
.chk_input .chk_span {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
}
.chk_input .chk_txt {
  line-height: 16px;
  white-space: normal;
  font-size: 14px;
  user-select: none;
}
.chk_input .chk_span + .chk_txt {
  margin-left: 8px;
}
.chk_input .chk_circle {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #999696;
  background: #fff;
  vertical-align: middle;
  border-radius: 10px;
  box-sizing: border-box;
}

/**new login*/
.mg_l_12 {
  margin-left: 12px;
}
.mg_r_24 {
  margin-right: 24px;
}
.mg_b_24 {
  margin-bottom: 24px;
}
.pd_t_16 {
  padding-top: 16px;
}
.pd_l_8 {
  padding-left: 8px;
}
.color_link {
  color: #5b6880;
}
.logn_icons {
  display: inline-block;
  background: url(../creator/images/login_icons.png) no-repeat;
  vertical-align: middle;
  overflow: hidden;
  background-size: 160px;
}
.logn_weixin {
  width: 40px;
  height: 40px;
  background-position: 0 0;
}
.logn_qq {
  width: 40px;
  height: 40px;
  background-position: -50px 0;
}
.logn_sina {
  width: 40px;
  height: 40px;
  background-position: -100px 0;
}
.logn_mobile {
  width: 24px;
  height: 24px;
  background-position: -54px -45px;
}
.logn_close {
  width: 24px;
  height: 24px;
  background-position: 0 -45px;
}
.logn_company {
  width: 24px;
  height: 24px;
  background-position: -82px -45px;
}
.logn_show {
  width: 24px;
  height: 24px;
  background-position: -110px -45px;
}
.logn_hide {
  width: 24px;
  height: 24px;
  background-position: -136px -45px;
}
.logn_refresh {
  width: 16px;
  height: 16px;
  background-position: 0 -75px;
}
.logn_clear {
  width: 16px;
  height: 16px;
  background-position: -24px -75px;
}
.logn_success {
  width: 24px;
  height: 24px;
  background-position: -45px -75px;
}
.logn_warn {
  width: 24px;
  height: 24px;
  background-position: -72px -75px;
}
.logn_error {
  width: 24px;
  height: 24px;
  background-position: -99px -75px;
}

.dlg_login .w_312 {
  width: 318px;
}
.dlg_login .w_280 {
  width: 286px;
}
.dlg_login input::-webkit-input-placeholder {
  color: #999696;
}
.dlg_login button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
}
.dlg_login button:disabled {
  cursor: not-allowed;
  color: #fff;
  background: #ff7f99;
  opacity: 1;
}

.dlg_login .lh32_btn {
  display: inline-block;
  font-size: 14px;
  color: #569;
  text-align: center;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border-radius: 3px;
  box-sizing: border-box;
}
.dlg_login .lh32_btn.bg_f53:hover:not(:disabled) {
  background: #eeecec;
  color: #569;
}
.dlg_login {
  width: 724px;
  overflow: hidden;
}
.close_pop_btn:hover i.logn_close {
  background-position: -27px -45px;
}
.dlg_login .lh24_text {
  line-height: 24px;
  color: #333131;
  font-size: 14px;
  text-align: center;
  padding-top: 40px;
}
.dlg_login .lh20_text {
  line-height: 20px;
  color: #999696;
  font-size: 12px;
  text-align: center;
}
.dlg_login .lh40_text {
  line-height: 40px;
  color: #999696;
  font-size: 12px;
  text-align: center;
}
.dlg_login .dlg_tabs li {
  flex: 1 1 50%;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #666363;
  text-align: center;
  background: #f5f3f3;
  cursor: pointer;
  user-select: none;
}
.dlg_login .dlg_tabs li.act {
  color: #000;
  font-weight: bold;
  background: #fff;
}
.dlg_login .dlg_tabs li:not(.act):hover {
  color: #000;
}
.dlg_login .dlg_container {
  padding: 40px 0;
  min-height: 406px;
  box-sizing: border-box;
}
.dlg_login .dlg_com_hide {
  margin-left: 12px;
}
.dlg_qrc_center {
  position: relative;
}
.dlg_qrc_center .wh_136 {
  position: relative;
  width: 136px;
  height: 136px;
  box-sizing: border-box;
  padding: 11px;
  border: 1px solid #eeecec;
  border-radius: 5px;
  margin: 0 auto;
  overflow: hidden;
}
.dlg_qrc_center .lqr_image_box img {
  width: 112px;
  height: auto;
}
.dlg_qrc_center .lqr_state {
  position: absolute;
  left: 0;
  top: 0;
  width: 136px;
  height: 136px;
  font-size: 12px;
  color: #000;
}
.dlg_qrc_center .lqr_state .lqr_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
}
.dlg_qrc_center .lqr_state .lqr_info,
.lqr_loading {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dlg_login .lqri_start .lh32_btn {
  color: #569;
}
.dlg_qrc_center .lqr_state .loader {
  border-color: rgba(0, 0, 0, 0.4);
  border-left-color: #333131;
}
.dlg_qrc_center .lqr_state .lqr_info div .loader {
  margin-left: 14px;
}

.dlg_sub_tabs li {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #666363;
  border-bottom: 2px solid transparent;
  box-sizing: content-box;
  cursor: pointer;
  user-select: none;
}
.dlg_sub_tabs li.act {
  border-bottom: 2px solid #f36;
  font-weight: bold;
  color: #000;
}
.dlg_sub_tabs li:hover {
  color: #000;
}
.dlg_login .grey_field {
  position: relative;
  background: #f5f3f3;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border: 1px solid #f5f3f3;
  font-size: 14px;
  border-radius: 3px;
  outline: none;
}
.dlg_login .grey_field input {
  outline: none;
  padding: 0 12px;
  background: transparent;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  border: 0 none;
  font-size: 14px;
  vertical-align: top;
}
.dlg_login .grey_field.limit input {
  padding-right: 24px;
}
.dlg_login .link_text {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 12px;
  color: #569;
}
.dlg_login .link_text.disabled {
  color: #999696;
}
.dlg_login .grey_field.focus {
  background: #fff;
  border-color: #0076cb;
}
/* .dlg_login .grey_field.filled{ background: #fff;} */
.dlg_login .bg40_input {
  padding: 0 12px;
  background: #f5f3f3;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border: 1px solid #f5f3f3;
  font-size: 14px;
  border-radius: 3px;
  outline: none;
}
.dlg_login .bg40_input:focus {
  border-color: #0076cb;
  background: #fff;
}
.dlg_login .grey_field .clear_input_btn {
  position: absolute;
  right: 4px;
  top: 6px;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
}
.dlg_login .grey_field .clear_input_btn i {
  color: #999696;
  font-size: 16px;
  pointer-events: none;
}
.dlg_login .grey_field.error {
  border-color: #f36;
}
.dlg_login .grey_field .input_tooltips {
  position: absolute;
  top: 39px;
  left: 0;
  line-height: 24px;
  font-size: 12px;
  color: #f36;
  padding: 0 12px;
}
.dlg_login .grey_field .input_tooltips.hide {
  display: none;
}
.dlg_login .logn_red_btn {
  background: #f36;
  color: #fff;
}
.dlg_login .logn_red_btn:hover {
  background: #e0014c;
}
.dlg_login .logn_grey_btn {
  background: #faf9f9;
  font-weight: normal;
  width: 64px;
  color: #569;
}
.dlg_login .logn_grey_btn:hover {
  background: #eeecec;
}
.dlg_login .sns_login_box {
  padding-left: 60px;
}
.dlg_login .sns_login_box a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #faf9f9;
  border-radius: 50%;
  overflow: hidden;
}
.dlg_login .sns_login_box a:hover {
  background: #eeecec;
}

.gallery_content {
  max-width: 100%;
  min-width: 320px;
  position: relative;
  z-index: 9999;
  background: #fff;
  box-sizing: border-box;
  pointer-events: auto;
  overflow: hidden;
  border-radius: 5px;
}
.gallery_content .gallery_close_btn {
  position: absolute;
  top: -16px;
  right: -16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #eeecec;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1004;
  cursor: pointer;
}
.gallery_content .gallery_close_btn:hover {
  transform: rotate(-90deg);
  background-color: #cccaca;
}
.gallery_box {
  position: relative;
}
.gallery_box .slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery_box .slide li {
  display: none;
  line-height: 0;
  width: 640px;
  height: 400px;
}
.gallery_box .slide li img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery_box .slide li.act {
  display: block;
}

.jwl_gifts {
  padding: 12px 0 24px 0;
  font-size: 14px;
  border-top: 1px solid #eeecec;
}
.jwl_gifts span {
  display: block;
  float: left;
  background: #f5f3f3;
  color: #666363;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border-radius: 3px;
  margin-right: 12px;
  margin-top: 12px;
}
.more_cl_32 {
  float: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  box-sizing: border-box;
  border-radius: 50%;
  background: #f5f3f3;
  margin-top: 12px;
}
.more_cl_32:hover {
  background: #eeecec;
}
.jwl_contacts {
  padding: 0 20px;
}
.jwl_contacts .jwlc_item {
  float: left;
  width: 280px;
  padding-bottom: 20px;
}
.jwl_contacts .jwlc_item.w_340 {
  width: 332px;
  margin-right: 20px;
}
.jwl_contacts .jwlc_item .thumb {
  width: 40px;
  height: 40px;
  border-radius: 3px;
}
.jwl_contacts .jwlc_item .flex_1 {
  line-height: 20px;
}
.jwl_office_list .wh_159_99 {
  width: 159px;
  height: 99px;
  border-radius: 3px;
  cursor: zoom-in;
}

.jwl_office_list .swiper-container {
  width: 100%;
  height: 200px;
  max-height: 200px;
  overflow: hidden;
  margin: 0;
}
.jwl_office_list .swiper-slide {
  max-width: 159px;
  overflow: hidden;
  margin-right: 12px;
}
.office_item .pic_desc {
  position: absolute;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  width: 100%;
  z-index: 1;
  bottom: 0;
  box-sizing: border-box;
}
.pic_desc .mask_txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background-image: linear-gradient(to top, rgb(0, 0, 0, 0.3), rgb(0, 0, 0, 0));
  z-index: 1;
}
.pic_desc > p {
  position: relative;
  z-index: 2;
  color: #fff;
  padding-left: 16px;
}

.dlg_office_swiper .swiper-container {
  width: 640px;
  height: 400px;
  max-height: 400px;
  overflow: hidden;
  margin: 0;
}
.dlg_office_swiper .swiper-slide {
  max-width: 640px;
  overflow: hidden;
}
.dlg_office_swiper .controls {
  z-index: 10;
}
.work_location {
  position: relative;
  height: 240px;
}
#gdmap_location,
.dialog_gdmap_location {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.dialog_gdmap_con {
  width: 798px;
  height: 478px;
}
.amap-marker-label {
  border: 1px solid #e0dede;
  box-sizing: border-box;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 3px;
  font-size: 12px;
  color: #333131;
}

.work_address_box {
  padding: 20px;
  box-sizing: border-box;
  background: #f5f3f3;
}
.work_address_box .link_gdmap_btn {
  display: inline-flex;
  max-width: 126px;
  min-width: 126px;
  box-sizing: border-box;
  align-items: center;
  padding: 0 8px;
  height: 32px;
  background: #fff;
  border-radius: 3px;
  color: #5b6880;
  font-size: 14px;
}
.work_address_box .link_gdmap_btn:hover {
  background: #faf9f9;
}

.work_location .link_gdmap_btn {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 12px;
  right: 12px;
  padding: 0 8px;
  height: 32px;
  background: #fff;
  border-radius: 3px;
  color: #5b6880;
  font-size: 14px;
}
.work_location .link_gdmap_btn:hover {
  background: #f5f3f3;
}
.link_copy_box {
  position: relative;
}
.lmp_tooltip {
  padding: 0 8px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 12px;
  cursor: auto;
  word-wrap: break-word;
  white-space: pre;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  line-height: 28px;
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  z-index: 120;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.lmp_tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -8px;
  margin-top: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.7);
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.tooltip_box:hover .lmp_tooltip,
.link_copy_box:hover .lmp_tooltip {
  opacity: 1;
  visibility: visible;
}

.work_author_infos {
  background: #f5f3f3;
  padding: 20px 32px;
  line-height: 32px;
  font-size: 14px;
}
.work_author_infos .wh_32 {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 3px;
  margin-right: 12px;
}
.work_author_infos .w_302 {
  width: 302px;
  max-width: 302px;
  margin-right: 32px;
}
.work_author_infos .w_164 {
  width: 164px;
}
.work_author_infos .mxw_258 {
  max-width: 258px;
}
.work_author_infos .mxw_226 {
  max-width: 226px;
}
.work_author_infos .credits_box a.flex_1 {
  color: #569;
}
.work_author_infos .credits_box a:hover {
  color: #f36;
}
.work_author_infos .cb_item:hover {
  background: #eeecec;
}
.work_author_infos .credits_box .cb_awards_box a:hover {
  color: inherit;
}
.cb_awards_box a div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work_author_infos .cb_item .deluser_work_link {
  display: inline-block;
  padding: 0 8px;
  opacity: 0;
  visibility: hidden;
}
.work_author_infos .cb_item:hover .deluser_work_link {
  opacity: 1;
  visibility: visible;
}
/*collection_pop_list*/
.create_action_box button:disabled {
  background: #f5f3f3;
  color: #999696;
}
.create_action_box .w_64 {
  width: 64px;
}
/*bchk_box*/
.bchk_box {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.bchk_box * {
  box-sizing: border-box;
}
.bchk_box_inner {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  position: relative;
  line-height: 1;
}
.bchk_label {
  vertical-align: top;
  line-height: 20px;
  white-space: normal;
  font-size: 14px;
}
.bchk_box_inner + .bchk_label {
  margin-left: 8px;
}
.bchk_span {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  border: 1px solid #999696;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
}
.bchk_span,
.bchk_span:after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.bchk_span:after {
  height: 9px;
  width: 5px;
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bchk_input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.bchk_box .bchk_box_inner input[type="checkbox"]:checked + span {
  border-color: #ff3366;
  background-color: #ff3366;
}
.bchk_box .bchk_box_inner input[type="checkbox"]:checked + .bchk_span:after {
  height: 9px;
  width: 5px;
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-color: #fff;
}
.bchk_disabled {
  cursor: not-allowed;
  color: #cccaca;
}
.bchk_disabled .bchk_box_inner input[type="checkbox"] + span {
  border-color: #e0dede;
  background-color: #f5f3f3;
  cursor: not-allowed;
}
.bchk_disabled .bchk_box_inner input[type="checkbox"] + span:after {
  display: none;
}
.default_collection_pic {
  width: 64px;
  height: 64px;
  background: #faf9f9;
}
.upload_banner_file {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 0;
  height: 0;
  clip: rect(1px 1px 1px 1px); /* IE6,IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.collection_pop .pop_scroll_con {
  max-height: 280px;
  overflow-y: auto;
}
.collection_pop .wh48_box {
  width: 48px;
  height: 48px;
  min-width: 48px;
  box-sizing: border-box;
  border-radius: 3px;
}
.collection_pop_list li {
  font-size: 14px;
  cursor: pointer;
  padding: 8px 12px;
  background: #faf9f9;
  margin-bottom: 8px;
  border-radius: 2px;
  user-select: none;
}
.collection_pop_list li:hover {
  background: #f5f3f3;
}
.collection_pop_list li.act {
  background: #ffedeb;
}
.collection_pop_list li.act .bchk_box .bchk_box_inner span {
  border-color: #ff3366;
  background-color: #ff3366;
}
.collection_pop_list li.act .bchk_box .bchk_box_inner .bchk_span:after {
  height: 9px;
  width: 5px;
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-color: #fff;
}

.login_con_box {
  position: relative;
  max-width: 800px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 auto;
}
.under_review_tag {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  background: #fffcd9;
  color: #ff8000;
  font-size: 12px;
  margin-right: 8px;
  user-select: none;
  border-radius: 3px;
  box-sizing: border-box;
}