@charset "utf-8";
/* ---------------- less.code ---------------- */
/* ---------------- less.end ---------------- */
/* ------ 重置框架样式（本迭代中暂时只在首页修改框架样式       Edit by Hanhx   2014-08-14） ------ */
body {
  background-color: #f8f8f8;
}
.wrap {
  width: 990px;
}
#content {
  position: relative;
  padding: 0;
  padding-bottom: 80px;
}
/* 大广告 */
.adfull {
  position: relative;
  display: none;
  width: 100%;
  min-width: 990px;
  margin: auto;
  text-align: center;
}
.adfull img {
  width: 100%;
}
.adfull .adfull_close {
  position: absolute;
  right: 50%;
  top: 10%;
  margin-right: -498px;
  width: 24px;
  height: 24px;
  background: url(../../../img/activity/d-close-24.png) no-repeat center center;
  cursor: pointer;
}
.adfull .adfull_close:hover {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
/* 侧边浮动广告 */
.ad_float_left,
.ad_float_right {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 1;
  height: 100%;
  margin-left: -518px;
}
.ad_float_left .ad_inner,
.ad_float_right .ad_inner {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: table;
}
.ad_float_left .ad_cell,
.ad_float_right .ad_cell {
  display: table-cell;
  vertical-align: middle;
}
/* 右侧浮动广告 */
.ad_float_right {
  margin-left: 518px;
}
.ad_float_right .ad_inner {
  left: 0;
  right: auto;
}
/* 公告弹出层 */
body .dialog_notice {
  width: 725px;
  margin-top: -100px;
}
body .dialog_notice .msg_info .icon,
body .dialog_notice .msg_info .msg_txt {
  display: none;
}
body .navigation_box {
  width: 590px;
  height: 393px;
}
body .navigation_box .navigation_bg {
  width: 630px;
  height: 433px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../../../img/common/navigation_bg.png) 0 0 no-repeat;
  background-position: center;
  cursor: pointer;
}
.dialog-navigation {
  display: none;
}
.dialog-navigation .bg {
  background: #000;
  opacity: 0.7;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0;
}
.dialog-navigation .nag-wrap {
  position: fixed;
  width: 620px;
  height: 450px;
  left: 50%;
  top: 50%;
  margin-left: -310px;
  margin-top: -225px;
  z-index: 100;
}
.dialog-navigation .close {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 44px;
  right: 22px;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  font-family: serif;
  border: none;
  background: 0 0;
  cursor: pointer;
  -webkit-transition: color .25s ease;
  -moz-transition: color .25s ease;
  -ms-transition: color .25s ease;
  -o-transition: color .25s ease;
  transition: color .25s ease;
}
.dialog-navigation .close:hover {
  opacity: .7;
  text-decoration: none;
}
.dialog-navigation .btn-close {
  width: 164px;
  height: 40px;
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -82px;
}
/*公告*/
.main_notice {
  text-align: left;
}
.main_notice p {
  margin-bottom: 10px;
}
.main_notice .inscribe {
  float: right;
  text-align: center;
  margin-right: 30px;
}
.main_notice .mailto {
  color: #ff9200;
  text-decoration: underline;
}
/* ---- 版块&基础样式 ------ */
.top-focus {
  margin: 10px 0;
}
.typebar {
  position: relative;
  z-index: 10;
  float: left;
  width: 230px;
  background-color: #fff;
}
.typebar > .tit {
  padding: 3px 0 4px 15px;
  border-bottom: 1px solid #f8f8f8;
}
.typebar > .tit h3 {
  font-weight: normal;
  padding: 9px 0;
}
.typebar > .tit h3:before {
  content: '\20';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 15px;
  background: url(../../../img/common/icon-type.png) 0 0 no-repeat;
}
.typebar .typelist > li > a {
  position: relative;
  display: block;
  padding: 9px 0 9px 15px;
  cursor: pointer;
  text-decoration: none;
}
.typebar .typelist > li > a b {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 15px;
  background-image: url(../../../img/common/icon-type.png);
  background-repeat: no-repeat;
}
.typebar .typelist > li > a i {
  position: absolute;
  right: 0;
  top: 17px;
  width: 20px;
  height: 15px;
  background: url(../../../img/common/icon-type.png) 0 -50px no-repeat;
}
.typebar .typelist > li.active > a {
  color: #fff;
  background-color: #ff9200;
}
.typebar .typelist > li.active > a i {
  background-position: -50px -50px;
}
.typebar .typelist > li.active .icon-3001 b {
  background-position: -50px -150px;
}
.typebar .typelist > li.active .icon-3018 b {
  background-position: -50px -200px;
}
.typebar .typelist > li.active .icon-3067 b {
  background-position: -50px -250px;
}
.typebar .typelist > li.active .icon-3093 b {
  background-position: -50px -300px;
}
.typebar .typelist > li.active .icon-148 b {
  background-position: -50px -350px;
}
.typebar .typelist > li.active .icon-3196 b {
  background-position: -50px -400px;
}
.typebar .typelist > li.active .icon-3220 b {
  background-position: -50px -450px;
}
.typebar .typelist > li.active .icon-3249 b {
  background-position: -50px -500px;
}
.typebar .typelist > li.active .icon-3277 b {
  background-position: -50px -550px;
}
.typebar .typelist > li.active .icon-3306 b {
  background-position: -50px -600px;
}
.typebar .typelist > li.active .icon-3361 b {
  background-position: -50px -650px;
}
.typebar .typelist > li.active .icon-3424 b {
  background-position: -50px -700px;
}
.typebar .typelist > li.active .typeview {
  visibility: visible;
  margin-left: -1px;
}
.typebar .typelist .icon-3001 b {
  background-position: 0 -150px;
}
.typebar .typelist .icon-3018 b {
  background-position: 0 -200px;
}
.typebar .typelist .icon-3067 b {
  background-position: 0 -250px;
}
.typebar .typelist .icon-3093 b {
  background-position: 0 -300px;
}
.typebar .typelist .icon-148 b {
  background-position: 0 -350px;
}
.typebar .typelist .icon-3196 b {
  background-position: 0 -400px;
}
.typebar .typelist .icon-3220 b {
  background-position: 0 -450px;
}
.typebar .typelist .icon-3249 b {
  background-position: 0 -500px;
}
.typebar .typelist .icon-3277 b {
  background-position: 0 -550px;
}
.typebar .typelist .icon-3306 b {
  background-position: 0 -600px;
}
.typebar .typelist .icon-3361 b {
  background-position: 0 -650px;
}
.typebar .typelist .icon-3424 b {
  background-position: 0 -700px;
}
.typebar .typeview {
  position: absolute;
  top: 0;
  left: 100%;
  padding: 20px;
  z-index: 1;
  width: 500px;
  min-height: 486px;
  background: #fff;
  border: 1px solid #e7e7e7;
  margin: 0 0 10px -10px;
  visibility: hidden;
  -moz-transition: margin-left 0.3s ease;
  -o-transition: margin-left 0.3s ease;
  -webkit-transition: margin-left 0.3s ease;
  -ms-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
}
.typebar .typeview .sublist:after {
  content: "\20";
  position: absolute;
  bottom: -150px;
  left: 0;
  width: 100%;
  height: 150px;
}
.typebar .typeview .sublist a {
  color: #555;
}
.typebar .typeview .sublist a:hover {
  color: #ff9200;
}
.typebar .typeview .sublist .tit {
  position: relative;
  border-bottom: 1px solid #f8f8f8;
}
.typebar .typeview .sublist .tit h3 {
  padding: 5px 0;
}
.typebar .typeview .sublist .tit .more {
  position: absolute;
  right: 10px;
  top: 8px;
}
.typebar .typeview .sublist .cont {
  overflow: hidden;
  padding: 5px 0;
  margin-left: -7px;
}
.typebar .typeview .sublist .cont a {
  display: inline-block;
  border-left: 1px solid #ddd;
  line-height: 1.2em;
  padding: 0 7px;
  margin: 6px 0 6px -1px;
  white-space: nowrap;
}
.mainbox {
  float: right;
  width: 750px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  left: 0;
}
.flexslider:hover .flex-direction-nav .flex-next {
  right: 0;
}
.flexslider .flex-direction-nav a {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  text-indent: -9999px;
  width: 35px;
  height: 66px;
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-transition: all,.2s,ease;
  -o-transition: all,.2s,ease;
  -webkit-transition: all,.2s,ease;
  -ms-transition: all,.2s,ease;
  transition: all,.2s,ease;
}
.flexslider .flex-direction-nav .flex-prev {
  left: -60px;
  background: #333 url(../../../img/common/nav.png) 8px center no-repeat;
}
.flexslider .flex-direction-nav .flex-next {
  right: -60px;
  background: #333 url(../../../img/common/nav.png) -28px center no-repeat;
}
.flexslider .flex-control-paging {
  position: absolute;
  bottom: 10px;
  right: 12px;
  z-index: 1;
}
.flexslider .flex-control-paging li {
  cursor: pointer;
  float: left;
  margin-left: 8px;
}
.flexslider .flex-control-paging li a {
  border: 1px solid #ffffff;
  color: #ffffff;
  display: block;
  height: 10px;
  width: 10px;
  overflow: hidden;
  line-height: 100px;
}
.flexslider .flex-control-paging li a:hover {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  _background-color: #fff;
  filter: alpha(opacity=50);
}
.flexslider .flex-control-paging .flex-active {
  background-color: #ff9200;
  border: 1px solid #ff9200;
}
.flexslider .flex-control-paging .flex-active:hover {
  background-color: #ff9200 !important;
}
.sliderbox {
  zoom: 1;
}
.sliderbox:before,
.sliderbox:after {
  content: "\20";
  display: table;
}
.sliderbox:after {
  clear: both;
  overflow: hidden;
}
.sliderbox .focus-slider {
  float: left;
  position: relative;
  width: 530px;
  height: 260px;
  background: #fff;
  overflow: hidden;
}
.sec-user {
  background-color: #fff;
  height: 260px;
  width: 210px;
  float: right;
  position: relative;
}
.sec-user.loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff url(../../../img/common/loading.gif) center center no-repeat;
}
.sec-user .user {
  padding: 8px;
}
.sec-user .user .photo {
  border: 2px solid #e9dbbd;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 52px;
  height: 52px;
  text-align: center;
  margin: 0 auto 6px;
  position: relative;
}
.sec-user .user .photo a {
  display: block;
  margin: 2px;
  line-height: 44px;
}
.sec-user .user .photo img {
  max-width: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.sec-user .user .m_icon {
  position: absolute;
  right: -4px;
  bottom: -6px;
}
.sec-user .user .txt {
  color: #666;
  text-align: center;
  line-height: 1.65;
}
.sec-user .user .txt .flag {
  color: #999999;
  margin-top: 2px;
}
.sec-user .user .btn_common {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  min-width: 86px;
  padding: 0;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  margin: 3px 3px 0;
}
.sec-user .aside {
  border-top: 1px dashed #e1e1e1;
  padding: 12px 10px 0 10px;
}
.sec-user .aside .tit {
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  font-size: 16px;
  color: #000000;
  margin-bottom: 12px;
}
.sec-user .aside .info {
  color: #000000;
  font-size: 12px;
}
.sec-user .aside .info .row {
  zoom: 1;
}
.sec-user .aside .info .row:before,
.sec-user .aside .info .row:after {
  content: "\20";
  display: table;
}
.sec-user .aside .info .row:after {
  clear: both;
  overflow: hidden;
}
.sec-user .aside .info .col {
  color: #999999;
  float: left;
  width: 25%;
  line-height: 1.25;
  text-align: center;
  position: relative;
  cursor: default;
}
.sec-user .aside .info a.col {
  cursor: pointer;
}
.sec-user .aside .info a.col::before {
  border-radius: 2px;
  background: #f4f4f4;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.sec-user .aside .info a.col,
.sec-user .aside .info a.col::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.sec-user .aside .info a.col:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.sec-user .aside .info a.col:hover {
  text-decoration: none;
  color: #ff7200;
}
.sec-user .aside .info a.col:hover .icon:before {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.sec-user .aside .info .icon {
  height: 36px;
  width: 36px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -18px;
}
.sec-user .aside .info .icon:before,
.sec-user .aside .info .icon:after {
  background: url(../../../img/web/page/home/icon-usercenter.png) 0 0 no-repeat;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-user .aside .info .icon:before {
  background-position: 0 -117px;
}
.sec-user .aside .info .inner {
  font-style: normal;
  padding-top: 38px;
  display: block;
  position: relative;
}
.sec-user .aside .info .rk .icon:after {
  background-position: -43px 0;
}
.sec-user .aside .info .pp .icon:after {
  background-position: -86px 0;
}
.sec-user .aside .info .mt .icon:after {
  background-position: -129px 0;
}
.sec-user .aside .info .zm .icon:after {
  background-position: 0 -41px;
}
.sec-user .aside .info .zb .icon:after {
  background-position: -42px -41px;
}
.sec-user .aside .info .xy .icon:after {
  background-position: -85px -41px;
}
.sec-user .aside .info .hd .icon:after {
  background-position: -128px -41px;
}
.sec-user .btn-gold {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: block;
  width: 180px;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin: 12px auto 0;
}
.sec-user-un .user {
  padding: 10px 8px 10px;
}
.sec-user-un .user .photo {
  margin-bottom: 4px;
}
.sec-user-un .aside {
  padding-top: 10px;
}
.sec-user-reg .user {
  padding: 14px 8px 6px;
}
.sec-user-gold .user {
  padding: 14px 8px 6px;
}
.sec-user-gold .user .info {
  color: #000000;
  font-size: 12px;
  text-align: center;
  margin-top: 14px;
}
.sec-user-gold .user .info .row {
  zoom: 1;
  display: inline-block;
}
.sec-user-gold .user .info .row:before,
.sec-user-gold .user .info .row:after {
  content: "\20";
  display: table;
}
.sec-user-gold .user .info .row:after {
  clear: both;
  overflow: hidden;
}
.sec-user-gold .user .info .col {
  color: #999999;
  float: left;
  width: 25px;
  text-align: center;
  margin: 0 7px;
  cursor: default;
  position: relative;
}
.sec-user-gold .user .info .col:hover {
  text-decoration: none;
}
.sec-user-gold .user .info .col:hover .inner {
  display: block;
}
.sec-user-gold .user .info .inner {
  border: 1px solid #d9d9d9;
  background: #ffffff;
  font-style: normal;
  display: none;
  padding: 2px 3px;
  position: absolute;
  top: 26px;
  left: -37px;
  margin-top: 7px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  min-width: 98px;
  overflow: visible;
}
.sec-user-gold .user .info .inner:before {
  background: url(../../../img/web/page/home/icon-usercenter.png) -175px -83px no-repeat;
  content: "";
  position: absolute;
  height: 6px;
  width: 9px;
  top: 0;
  left: 0;
  margin-top: -6px;
  margin-left: 44px;
}
.sec-user-gold .user .info .icon {
  background: url(../../../img/web/page/home/icon-usercenter.png) 0 0 no-repeat;
  content: "";
  display: block;
  margin: 0 auto;
  height: 26px;
  width: 25px;
}
.sec-user-gold .user .info .tg .icon {
  background-position: -3px -83px;
}
.sec-user-gold .user .info .tj .icon {
  background-position: -45px -83px;
}
.sec-user-gold .user .info .bm .icon {
  background-position: -86px -83px;
}
.sec-user-gold .user .info .pp .icon {
  background-position: -128px -83px;
}
.sec-user-gold .btn_common {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  min-width: 86px;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin: 0 3px;
}
.sec-user-dev .user {
  padding: 14px 8px 12px;
}
.sec-user-dev .aside {
  padding-top: 10px;
}
.sec-user-dev .aside .tit {
  margin-bottom: 12px;
}
.sec-hotcompany {
  background-color: transparent;
  clear: both;
}
.sec-hotcompany .hd {
  position: relative;
  padding: 9px 10px;
  height: 22px;
}
.sec-hotcompany .hd h3 {
  padding-left: 6px;
  border-left: 3px solid #ff9200;
  line-height: 1;
  margin: 4px 0;
  font-weight: normal;
}
.sec-hotcompany .hd .more {
  position: absolute;
  right: 10px;
  top: 10px;
}
.sec-hotcompany .hd .more:after {
  content: '\20';
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background: url(../../../img/web/page/home/icon-home.png) -50px -100px no-repeat;
}
.sec-hotcompany img {
  width: 100%;
}
.sec-hotcompany .bd {
  position: relative;
  overflow: hidden;
  height: 228px;
}
.sec-hotcompany .slides ul {
  width: 101%;
}
.sec-hotcompany .slides ul li {
  position: relative;
  float: left;
  margin: 0 1px 1px 0;
  width: 150px;
  height: 75px;
}
.sec-hotcompany .slides ul li:hover div {
  display: block;
}
.sec-hotcompany .slides ul li a {
  display: block;
  padding: 8px 16px;
  background-color: #fff;
}
.sec-hotcompany .slides ul li div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  color: #555;
  border: 1px solid #dfdfdf;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../../../img/common/bg-w95.png);
  -moz-box-shadow: 0 0 8px #dfdfdf;
  -webkit-box-shadow: 0 0 8px #dfdfdf;
  box-shadow: 0 0 8px #dfdfdf;
}
.sec-hotcompany .slides ul li div h4 {
  text-align: center;
  border-bottom: 1px solid #fff;
  margin: 13px 10px 0px;
  font-size: 16px;
  line-height: 1.7em;
  height: 26px;
  overflow: hidden;
}
.sec-hotcompany .slides ul li div p {
  text-align: center;
}
.sec-hotcompany .slides ul li div em {
  display: inline-block;
  color: #ff9200;
  font-style: normal;
  margin: 0 5px;
}
.banner {
  margin: 10px 0;
}
.col-side {
  float: left;
  width: 230px;
}
.col-side .flexslider .flex-control-nav a {
  width: 8px;
  height: 8px;
}
.col-side .module {
  margin-bottom: 10px;
  background-color: #fff;
}
.col-side .hd {
  position: relative;
  padding: 9px 10px;
  height: 22px;
}
.col-side .hd h3 {
  margin: 4px 0;
  padding-left: 6px;
  border-left: 3px solid #ff9200;
  line-height: 1;
  font-weight: normal;
}
.col-side .hd .more {
  position: absolute;
  right: 10px;
  top: 10px;
}
.col-side .flexslider {
  position: relative;
  height: 170px;
  overflow: hidden;
}
.col-side p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
}
.col-side .u-list {
  padding: 0 10px 0 20px;
  border-left: 1px solid transparent;
}
.col-side .u-list:hover {
  border-left: 1px solid #ff9200;
}
.col-side .u-list li {
  padding: 10px 0;
  border-top: 1px dashed #c8c8c8;
}
.col-side .u-list li:first-child {
  border-top: none;
}
.col-side .u-list li a {
  display: block;
  color: #333;
}
.col-side .u-list li a:before {
  float: left;
  margin-left: -10px;
  margin-top: 10px;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 10px;
  background-color: #e2e2e2;
}
.col-side .u-list li a:hover:before {
  background-color: #ff9200;
}
.col-side .u-list .more {
  border-top: 1px dashed #c8c8c8;
  padding: 5px 10px;
  text-align: center;
}
.side-suppiler .hd h3 {
  border-color: #57D3E1;
}
.side-suppiler .u-list:hover {
  border-left: 1px solid #57D3E1;
}
.side-suppiler .u-list li a:hover {
  text-decoration: none;
}
.side-suppiler .u-list li a:hover:before {
  background-color: #57D3E1;
}
.side-suppiler .u-list li a:hover .tit {
  text-decoration: underline;
}
.side-suppiler .u-list li .tit {
  color: #222;
  overflow: visible;
  zoom: 1;
}
.side-suppiler .u-list li .tit:before,
.side-suppiler .u-list li .tit:after {
  content: "\20";
  display: table;
}
.side-suppiler .u-list li .tit:after {
  clear: both;
  overflow: hidden;
}
.side-suppiler .u-list li .name {
  font-style: normal;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 176px;
}
.side-suppiler .u-list li .m_icon {
  margin-left: 4px;
  margin-top: -4px;
}
.side-suppiler .u-list li .meta {
  color: #555;
}
.side-suppiler .u-list li .meta span {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  width: 34px;
  height: 16px;
  line-height: 14px;
  margin-top: 1px;
  margin-right: 5px;
  background-color: #57D3E1;
}
.side-eshow .hd {
  border-bottom: 1px solid #f7f7f7;
}
.side-eshow .hd h3 {
  border-color: #E70000;
}
.side-eshow .o-list {
  padding: 1px 10px 10px;
  border-left: 1px solid transparent;
}
.side-eshow .o-list:hover {
  border-left: 1px solid #E70000;
}
.side-eshow .o-list li {
  margin: 14px 0;
}
.side-eshow .o-list li a {
  position: relative;
  display: block;
}
.side-eshow .o-list li a .qrcode-view {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -30px;
  left: 100%;
  z-index: 10;
  padding: 8px;
  width: 104px;
  height: 104px;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-transition: all .25s;
  transition: all .25s;
}
.side-eshow .o-list li a .qrcode-view .before,
.side-eshow .o-list li a .qrcode-view .after {
  position: absolute;
  top: 30px;
  left: -10px;
  z-index: 21;
  content: '';
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-left: 0;
  border-right: 10px solid #ccc;
  border-top: 10px solid transparent;
}
.side-eshow .o-list li a .qrcode-view .after {
  left: -9px;
  z-index: 22;
  border-right: 10px solid #FFFFFF;
}
.side-eshow .o-list li a .qrcode-view img {
  display: block;
  height: 104px;
  width: 104px;
}
.side-eshow .o-list li a .qrcode-view p {
  position: absolute;
  top: 0;
  left: 100%;
  white-space: normal;
  background-color: #ff9200;
  padding: 5px 3px;
  color: #fff;
  line-height: 1.2;
}
.side-eshow .o-list li a:hover {
  color: #333;
}
.side-eshow .o-list li a:hover .qrcode-view {
  visibility: visible;
  opacity: 1;
}
.side-eshow .o-list li a:hover .transmit:before {
  background-position: 0 0;
}
.side-eshow .o-list li a:hover .praise:before {
  background-position: -50px 0;
}
.side-eshow .o-list .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.side-eshow .o-list .num {
  float: left;
  margin-top: 4px;
  margin-right: 5px;
  background-color: #888;
  color: #fff;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.side-eshow .o-list .num.hot {
  background-color: #E70000;
}
.side-eshow .o-list .meta {
  padding-left: 25px;
}
.side-eshow .o-list .transmit,
.side-eshow .o-list .praise {
  display: inline-block;
  width: 50%;
}
.side-eshow .o-list .transmit:before,
.side-eshow .o-list .praise:before {
  content: '\20';
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.side-eshow .o-list .transmit:before {
  background: url(../../../img/web/page/home/icon-home.png) 0 -50px no-repeat;
}
.side-eshow .o-list .praise:before {
  background: url(../../../img/web/page/home/icon-home.png) -50px -50px no-repeat;
}
.side-skill .hd {
  border-bottom: 1px solid #f7f7f7;
}
.side-skill .image-text {
  zoom: 1;
}
.side-skill .image-text:before,
.side-skill .image-text:after {
  content: "\20";
  display: table;
}
.side-skill .image-text:after {
  clear: both;
  overflow: hidden;
}
.side-skill .image-text .view {
  float: left;
  margin: 4px 10px 0 0;
  width: 60px;
  height: 60px;
}
.side-skill .image-text .desc {
  color: #555;
  white-space: normal;
  height: 44px;
  overflow: hidden;
}
.col-content {
  float: right;
  width: 750px;
}
.recruit-box.recruit-follow {
  display: none;
}
.recruit-box.recruit-follow .no-result .tips {
  text-align: center;
}
.recruit-box.recruit-need .recruit-list .item > ul li:first-child {
  width: 78%;
}
.recruit-box.recruit-need .recruit-list .item > ul li:first-child strong a {
  color: #555555;
}
.recruit-box.recruit-need .recruit-list .item > ul li:first-child strong a:hover {
  color: #ff7200;
}
.recruit-box.recruit-need .recruit-list .item > ul li.col2 {
  position: relative;
  width: 20%;
}
.recruit-box.recruit-need .recruit-list .item > ul li strong a {
  color: #555555;
}
.recruit-box.recruit-need .recruit-list .item > ul li strong a:hover {
  color: #ff7200;
}
.recruit-box.recruit-need .recruit-list .btn-ctrl {
  background: #ffffff;
  border: 1px solid #ff7200;
  border-radius: 3px;
  display: block;
  color: #ff7200;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  width: 122px;
  position: absolute;
  right: 0;
  top: 2px;
}
.recruit-box.recruit-need .recruit-list .btn-ctrl:hover {
  text-decoration: none;
  background: #ff7200;
  color: #ffffff;
}
.recruit-box.recruit-need .recruit-list .btn-ctrl.btn-unperfect {
  background-color: transparent;
  border-color: #ccc;
  color: #666;
}
.recruit-box.recruit-need .recruit-list .btn-ctrl.btn-unperfect:hover {
  background-color: transparent;
}
.recruit-box.recruit-need .recruit-list .btn-ctrl.btn-has {
  background-color: transparent;
  border-color: transparent;
  color: #ff7200;
}
.recruit-box .hide {
  display: none;
}
.recruit-box .banner {
  margin: 20px 0;
  font-size: 0;
}
.recruit-box .hd {
  position: relative;
  background-color: #fff;
  padding: 9px 10px;
}
.recruit-box .hd .set-follow {
  color: #6495e7;
  vertical-align: 1px;
  margin-left: 10px;
}
.recruit-box .hd h3 {
  padding-left: 6px;
  border-left: 3px solid #ff9200;
  line-height: 1;
  font-weight: normal;
  display: inline-block;
}
.recruit-box .hd .more {
  position: absolute;
  right: 10px;
  top: 10px;
}
.recruit-box .hd .more:after {
  content: '\20';
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background: url(../../../img/web/page/home/icon-home.png) -100px -100px no-repeat;
}
.recruit-box .recruit-list {
  display: none;
}
.recruit-box .recruit-list.loading {
  min-height: 310px;
  background: #fff url(../../../img/common/loading.gif) center center no-repeat;
}
.recruit-box .recruit-list.active {
  display: block;
}
.recruit-box .recruit-list .item {
  margin-top: 2px;
  border-bottom: 1px dashed #c8c8c8;
}
.recruit-box .recruit-list .item:hover {
  border-bottom: 1px solid #ff9200;
}
.recruit-box .recruit-list .item > ul {
  padding: 25px 20px 15px 10px;
  background-color: #fff;
  zoom: 1;
}
.recruit-box .recruit-list .item > ul:before,
.recruit-box .recruit-list .item > ul:after {
  content: "\20";
  display: table;
}
.recruit-box .recruit-list .item > ul:after {
  clear: both;
  overflow: hidden;
}
.recruit-box .recruit-list .item > ul li {
  float: left;
  width: 49%;
  height: 23px;
  padding: 3px 0;
  margin-right: 1%;
  color: #555;
}
.recruit-box .recruit-list .item > ul li:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 49%;
}
.recruit-box .recruit-list .item > ul li:first-child strong a {
  color: #ff6c00;
}
.recruit-box .recruit-list .item > ul li .flag {
  display: inline-block;
  background: #5e9bee;
  color: #ffffff;
  font-family: arial;
  line-height: 14px;
  text-align: center;
  font-style: normal;
  width: 38px;
  height: 15px;
  padding-top: 1px;
  position: relative;
  margin-right: 10px;
  vertical-align: 2px;
}
.recruit-box .recruit-list .item > ul li .flag:after {
  content: "";
  position: absolute;
  border: 3px solid transparent;
  border-left-color: #5e9bee;
  border-right-width: 0;
  right: -3px;
  top: 50%;
  margin-top: -3px;
}
.recruit-box .recruit-list .item > ul li .flag.f-zm {
  background-color: #FF7200;
}
.recruit-box .recruit-list .item > ul li .flag.f-zm:after {
  border-left-color: #FF7200;
}
.recruit-box .recruit-list .item > ul li > p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
}
.recruit-box .recruit-list .item > ul li > p > span:before {
  content: '/';
  display: inline-block;
  margin: 0 8px 0 5px;
}
.recruit-box .recruit-list .item > ul li > p > span:first-child {
  margin: 0;
}
.recruit-box .recruit-list .item > ul li > p > span:first-child:before {
  display: none;
}
.recruit-box .recruit-list .item > ul li strong {
  color: #222;
  font-size: 16px;
  font-weight: normal;
  margin-right: 10px;
}
.recruit-box .recruit-list .item > ul li .gold_kfs_mini {
  margin: 0;
  vertical-align: -3px;
}
.recruit-box .recruit-list .item > ul li .qrcode {
  position: relative;
}
.recruit-box .recruit-list .item > ul li .qrcode:hover .qrcode-view {
  display: block;
  visibility: visible;
  opacity: 1;
}
.recruit-box .recruit-list .item > ul li .qrcode:after {
  content: '\20';
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background: url(../../../img/common/icon16_wx_logo.png) 0 0 no-repeat;
}
.recruit-box .recruit-list .item > ul li .qrcode .qrcode-view {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .25s;
  transition: all .25s;
  top: -30px;
  left: 86%;
  width: 120px;
  height: 120px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.recruit-box .recruit-list .item > ul li .qrcode .qrcode-view img {
  width: 100%;
  height: 100%;
}
.recruit-box .recruit-list .item > ul li .qrcode .qrcode-view p {
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #ff9200;
  padding: 5px 3px;
  color: #fff;
  line-height: 1.2;
}
.recruit-box .recruit-list .item .meta {
  padding: 5px 20px;
  background-color: #f5f5f5;
  zoom: 1;
}
.recruit-box .recruit-list .item .meta:before,
.recruit-box .recruit-list .item .meta:after {
  content: "\20";
  display: table;
}
.recruit-box .recruit-list .item .meta:after {
  clear: both;
  overflow: hidden;
}
.recruit-box .recruit-list .item .meta > span {
  float: left;
  width: 50%;
}
.recruit-box .more-item {
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}
.recruit-box .more-item a {
  display: block;
  color: #555;
  padding: 10px 0 16px;
  background-color: #f1f0f0;
}
.recruit-box .more-item a:hover {
  color: #999;
  text-decoration: none;
}
.recruit-box .more-item span {
  display: block;
  color: #555;
  padding: 10px 0;
}
.recruit-box .more-item.loading a {
  background: #fff url(../../../img/common/loading.gif) center center no-repeat;
  text-indent: -9999px;
}
.recruit-box .identity-tips {
  display: none;
  padding: 60px 0;
  margin-top: 1px;
  background-color: #fff;
}
.recruit-box .identity-tips > div {
  width: 280px;
  margin: 0 auto;
  padding: 30px 0 30px 100px;
  background: #fff url(../../../img/account/global/service.png) left center no-repeat;
}
.recruit-box .identity-tips > div p {
  font-size: 18px;
  margin-bottom: 20px;
}
.recruit-box .identity-tips > div .ctrlbar .btn_common {
  font-size: 14px;
}
.recruit-box .identity-tips > div .ctrlbar span {
  margin-left: 10px;
  color: #999;
}
.recruit-box .no-result {
  display: none;
  background-color: #fff;
  margin-top: 1px;
}
.recruit-box .no-result .tips {
  color: #555;
  font-size: 14px;
  padding: 20px 100px;
  line-height: 2.5;
}
.recruit-box .no-result .tips:before {
  content: '\20';
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 28px;
  background: url(../../../img/common/warn.png) 0 0 no-repeat;
}
.recruit-box .no-result .tips .hl {
  color: #ff9200;
}
.recruit-box .no-result .qrcode {
  text-align: center;
  margin-bottom: 20px;
}
.recruit-box .no-result .qrcode img {
  width: 120px;
  height: 120px;
  padding: 10px;
  border: 1px solid #f2f2f2;
}
.recruit-box .no-result .qrcode p {
  font-size: 14px;
  color: #888;
}
.recruit-box .no-result .more-tips {
  font-size: 14px;
  padding: 7px 20px;
  background-color: #f5f5f5;
  border-left: 1px solid #ff9200;
}
.focus-wechat {
  text-align: center;
  padding: 12px 0;
}
.focus-wechat p {
  color: #666;
  padding: 5px 0;
}
.focus-wechat p span {
  color: #f00;
}
.focus-wechat .fw-qrcode {
  padding: 20px 0;
}
.focus-wechat .fw-ctrlbar .fw-btn {
  text-decoration: none;
  color: #ff7200;
  font-size: 14px;
  padding: 5px 20px;
  border: 1px solid #ff7200;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}