.btn-success {

  background-color: #76b600;

  border-color: #76b600;

}



.btn-primary {

  background-color: #009aff;

  border-color: #0089e3;

}



.avatar-48 img {

  height: 48px;

  width: 48px;

  max-height: 48px;

}



body {

  background: #f4f7f9;

  color: #424451;

  font-family: "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif, arial;

  overflow-y: scroll;

  *overflow-y: inherit;

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

  font-family: "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif, arial;

}



ol, ul, menu {

  list-style: none outside none;

}



dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

}



address, caption, cite, code, dfn, em, i, th, var, optgroup {

  font-style: normal;

  font-weight: normal;

}



input[type="submit"],

input[type="reset"],

input[type="button"],

button {

  -webkit-appearance: none;

}



a {

  color: #424451;

}

a:hover, a:focus {

  color: inherit;

  outline: none;

  text-decoration: none;

}



a {

  color: #424451;

}

a:hover, a:focus {

  color: inherit;

  outline: none;

  text-decoration: none;

}



h1, h2, h3, h4, h5, h6, head {

  margin: 0;

}



.recommend .bd li, .jobs .model .bd li, .li-list li {

  background: url(../images/dot.png) no-repeat 0 6px;

  padding-left: 15px;

}



.icon-btn {

  background-image: url(../images/icon.png);

  background-repeat: no-repeat;

  display: inline-block;

  vertical-align: middle;

}



.icon-share {

  background-position: 0 -268px;

}



.model {

  margin-bottom: 15px;

}

.model .hd {

  border-bottom: 1px solid #a9b1c9;

  padding: 0 0 10px 0;

  overflow: hidden;

}

.model .hd h3 {

  float: left;

  color: #57596b;

  font-size: 18px;

  margin: 0;

}

.model .hd .more-link {

  float: right;

  color: #009aff;

}

.model .bd {

  padding: 10px;

  overflow: hidden;

}

.model .bd a:hover {

  color: #33a8ff;

}



#breadcrumb {

  margin: 20px 0;

}

#breadcrumb a {

  color: #009aff;

  margin: 0 10px;

}

#breadcrumb a:first-child {

  margin-left: 0;

}

#breadcrumb a:hover {

  color: #2a6496;

}

#breadcrumb span {

  margin: 0 10px;

}



.ad {

  margin-bottom: 40px;

}



.light {

  color: #81828c;

}



#layout {

  clear: both;

}



.banner {

  background: #205c92 url(../images/banner.jpg) no-repeat center top;

  height: 240px;

  margin-bottom: 40px;

}



.info-banner {

  background-image: url(../images/info-banner.jpg);

  background-color: #190b0a;

}



.part {

  overflow: hidden;

  padding: 10px 0 20px;

}

.part .inner {

  margin-left: -25px;

}

.part .inner > div {

  padding: 0 0 0 25px;

}

.part .model .bd li {

  display: block;

  height: 20px;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-break: keep-all;

  height: 38px;

  line-height: 38px;

}



.news .model ul {

  background: url(../images/num-list.png) no-repeat 0 10px;

  padding-left: 26px;

  height: 340px;

}



.jobs {

  background: #e8eef3;

  border: 1px solid #d0d2d4;

  border-width: 1px 0;

}

.jobs .model .hd {

  border-color: #c1cae6;

}

.jobs .model .bd ul {

  height: 190px;

}

.jobs .model .bd li {

  background-position: 0 50%;

}



.partner img {

  max-width: 100%;

}

.partner .hd {

  margin-bottom: 20px;

}

.partner .hd h3 {

  color: #000;

  font-size: 18px;

}

.partner .bd ul {

  margin-left: -10px;

}

.partner .bd ul li {

  float: left;

  margin: 0 0 10px 10px;

  width: 190px;

}



.main {

  padding: 0 12px 0 0;

}

.main .dropdown-menu {

  position: absolute;

  left: 50%;

  width: 330px;

  margin-left: -165px;

  border-color: #c1c8db;

  top: 32px;

  margin-left: -50px;

  width: 100px;

  min-width: 100px;

}

.main .dropdown-menu:before, .main .dropdown-menu:after {

  content: ' ';

  height: 0;

  position: absolute;

  left: 50%;

  margin-left: -8px;

  width: 0;

  border: 8px solid transparent;

  /* arrow size */

}

.main .dropdown-menu:before {

  border-bottom-color: #fff;

  /* arrow color */

  top: -16px;

  z-index: 2;

}

.main .dropdown-menu:after {

  border-bottom-color: #bcc4c9;

  /* arrow color */

  top: -17px;

  z-index: 1;

}

.main .dropdown-menu a {

  color: #009aff;

}

.main .dropdown-menu:before, .main .dropdown-menu:after {

  border-width: 5px;

}

.main .dropdown-menu:before {

  top: -10px;

}

.main .dropdown-menu:after {

  top: -11px;

}

.main .dropdown-menu a {

  color: inherit;

  padding: 5px 20px;

}

.main .dropdown-menu a:hover {

  background: #009aff;

  color: white;

}

.main .nav-tabs {

  border-color: #a9b1c9;

  font-size: 18px;

  margin-top: 12px;

  position: relative;

}

.main .nav-tabs .last {

  position: absolute;

  bottom: 5px;

  right: 0;

}

.main .nav-tabs .last > a {

  color: #009aff;

  font-size: 13px;

  background: none;

  border: none !important;

}

.main .nav > li > a {

  border-width: 0 0 3px 0;

  padding: 5px 24px;

}

.main .nav > li > a.active, .main .nav > li > a:hover, .main .nav > li > a:focus {

  background: none;

  border-color: transparent;

  color: #009aff;

}

.main .nav-tabs > li.active > a, .main .nav-tabs > li.active > a:hover, .main .nav-tabs > li.active > a:focus {

  background: none;

  border: none;

  border-bottom: 3px solid #009aff;

  color: #009aff;

}

.main .tablist li {

  border-bottom: 1px dashed #afb5cc;

  padding: 20px 0 5px 20px;

}

.main .tablist li span {

  margin-right: 20px;

}

.main .tablist li .title {

  margin-bottom: 10px;

  overflow: hidden;

}

.main .tablist li .title h4 {

  float: left;

}

.main .tablist li .title a {

  color: #009aff;

}

.main .tablist li .title a:hover {

  color: #2a6496;

}

.main .tablist li .title .light {

  float: right;

  font-size: 12px;

}

.main .tablist li .title .light i {

  color: #e13d30;

}

.main .tablist li p {

  display: block;

  height: 20px;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-break: keep-all;

  margin-bottom: 10px;

}

.main .article-tablist li p {

  height: auto;

  max-height: 40px;

  white-space: normal;

  word-break: normal;

}

.main .article .hd {

  border-bottom: 1px solid #a9b1c9;

  text-align: center;

  padding-bottom: 20px;

}

.main .article .hd h1 {

  font-size: 20px;

  line-height: 30px;

  margin-bottom: 10px;

}

.main .article .hd .meta {

  font-size: 12px;

}

.main .article .hd .meta span {

  margin-left: 20px;

}

.main .article .hd .meta i {

  color: #e13d30;

}

.main .article .bd {

  border-bottom: 1px dashed #afb5cc;

  font-size: 16px;

  line-height: 28px;

  padding: 30px 0;

}

.main .article .bd p {

  text-indent: 2em;

  margin-bottom: 20px;

}

.main .article .jobs-info h2 {

  font-size: 24px;

  font-weight: bold;

}

.main .article .jobs-info h5 {

  font-size: 18px;

  font-weight: bold;

  margin: 20px 0 10px;

}

.main .article .jobs-info p {

  margin-bottom: 0;

}

.main .article .jobs-info a {

  color: #009aff;

}

.main .article .jobs-info a:hover {

  color: #2a6496;

}

.main .article .ft .btns {

  display: table;

  margin: 35px auto 0;

}

.main .article .ft .btns > div {

  display: inline-block;

  vertical-align: middle;

}

.main .article .ft .btns a {

  margin: 0 10px;

  vertical-align: middle;

}

.main .article .ft .btns a span {

  margin-left: 15px;

}

.main .article .ft .btns .btn {

  padding: 8px 20px;

}

.main .article .ft .btns .icon-btn {

  height: 16px;

  width: 16px;

  margin-right: 5px;

  vertical-align: -3px;

}

.main .article .ft .btns .btn-primary {

  background-color: #009aff;

  border-color: #0089e3;

}

.main .article .ft .btns .btn-primary .icon-btn {

  background-position: 0 -197px;

}

.main .article .ft .btns .btn-default:hover .icon-btn, .main .article .ft .btns .btn-default:focus .icon-btn, .main .article .ft .btns .btn-default.disabled .icon-btn {

  background-position: 0 -229px;

}

.main .article .ft .btns .btn-default .icon-btn {

  background-position: 0 -213px;

}

.main .article .ft .btns .disabled {

  cursor: pointer;

  pointer-events: auto;

}

.main .article .ft .btns .bds_more {

  background-image: none;

  color: #009aff;

}

.main .pagination {

  margin-top: 40px;

}



.aside {

  padding: 0 0 0 18px;

}

.aside .recommend .bd li {

  line-height: 35px;

  margin-bottom: 10px;

}

.aside .recommend .bd h4 {

  font-size: 14px;

}

.aside .recommend .bd p {

  color: #81828c;

  font-size: 13px;

}

.aside .recommend .bd p span {

  margin-right: 30px;

}

.aside .li-list li {

  display: block;

  height: 20px;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  word-break: keep-all;

  background-position: 0 50%;

  height: 38px;

  line-height: 38px;

}



.praise {

  display: inline-block;

  position: relative;

}

.praise .praise-cont {

  position: absolute;

  top: -40px;

  left: 50%;

  position: absolute;

  left: 50%;

  width: 330px;

  margin-left: -165px;

  border: 1px solid #dddddd;

  border-radius: 5px;

  background: #fff;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  color: #666;

  font-size: 12px;

  line-height: 24px;

  z-index: 2;

  text-align: center;

  padding: 0 10px;

  width: auto;

}

.praise .praise-cont:before, .praise .praise-cont:after {

  content: ' ';

  height: 0;

  position: absolute;

  left: 50%;

  margin-left: -8px;

  width: 0;

  border: 8px solid transparent;

  /* arrow size */

}

.praise .praise-cont:before {

  border-top-color: #fff;

  /* arrow color */

  bottom: -16px;

  z-index: 2;

}

.praise .praise-cont:after {

  border-top-color: #bcc4c9;

  /* arrow color */

  bottom: -17px;

  z-index: 1;

}

.praise .praise-cont a {

  color: #009aff;

}

.praise .praise-cont a {

  color: #009aff;

  margin: 0 0 0 5px !important;

}

.praise .praise-vip {

  min-width: 190px;

  margin-left: -90px;

}

.praise .praise-login {

  min-width: 80px;

  margin-left: -30px;

}

.list-bd .hd {

  height: 30px;

}

.list-bd .hd h3 {

  float: left;

  padding-top: 10px;

  font-size: 18px;

  vertical-align: baseline;

}

.list-bd .hd h3 span {

  margin-left: 8px;

  font-size: 13px;

  vertical-align: baseline;

  color: #81828c;

}

.list-bd .hd h3 i {

  margin: 0 5px;

  color: #e13d30;

}

.list-bd .hd h3 .sun-tag {

  font-size: 14px;

  vertical-align: baseline;

  color: #535564;

}

.list-bd .hd .tab {

  float: right;

}

.list-bd .hd .tab a, .list-bd .hd .tab span {

  display: inline-block;

  width: 46px;

  line-height: 28px;

  text-align: center;

  border: 1px solid #33a8ff;

  font-size: 14px;

}

.list-bd .hd .tab a:hover {

  background: #33a8ff;

  border-color: #009aff;

  color: #FFF;

}

.list-bd .hd .recommand {

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

  color: #33a8ff;

}

.list-bd .hd .hot {

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

  color: #33a8ff;

}

.list-bd .hd .active {

  background: #33a8ff;

  color: #FFF;

}

.list-bd .bd {

  margin-top: 12px;

}

.list-bd .bd li {

  margin-bottom: 20px;

}

.pager .next > a, .pager .next > span, .pagination .next > a, .pagination .next > span{

  float:none;

}