@charset "UTF-8";
/*
  注意：最小宽度以适应平板-->1000px + padding:0 12px;
*/
.skc-main {
  width: 80%;
  /*min-width: 1000px;*/
  margin: 0 auto;
  padding: 20px 12px; }

/*main {
  padding-bottom: 92px; }*/
.pad-b200 {
  padding-bottom: 250px; }

.crumb {
  /*min-width: 1024px;*/
  height: 45px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ececec; }
  .crumb aside {
    line-height: 45px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    color: #aba3a3; }
    .crumb aside a {
      color: #aba3a3; }
      .crumb aside a:hover {
        color: #56BAFF; }
    .crumb aside a:last-child {
      color: #56BAFF; }

.paging {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right; }
  .paging a {
    color: #686868;
    padding: 10px 20px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf; }
    .paging a:hover {
      background-color: #56BAFF;
      color: #FFF; }
  .paging a:last-child {
    border: 1px solid #dfdfdf; }
  .paging span {
    color: #686868;
    padding: 10px 20px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf; }

.page-show {
  color: #FFF !important;
  background-color: #56BAFF; }

.article-tag {
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
  color: #686868;
  height: 40px;
  line-height: 40px; }
  .article-tag ul li {
    float: left;
    font-size: 14px;
    padding-right: 30px; }
    .article-tag ul li img {
      vertical-align: text-top; }

.square {
  display: inline-block;
  height: 10px;
  width: 10px;
  background-color: #56BAFF; }

.comment .triangle {
  position: absolute;
  top: 10px;
  left: -15px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 15px solid #FAFAFA;
  border-bottom: 15px solid transparent; }
.comment .msg-add textarea {
  border-radius: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #56BAFF;
  border-left: 1px solid #56BAFF;
  border-right: 1px solid #56BAFF; }
.comment .msg-add div:first-child span:first-child {
  color: #56BAFF;
  font-size: 20px; }
.comment .msg-add div:first-child span:last-child {
  float: right;
  color: #838383;
  font-size: 14px; }
.comment .msg-add div:last-child {
  border-left: 1px solid #56BAFF;
  border-right: 1px solid #56BAFF;
  border-bottom: 1px solid #56BAFF;
  padding: 10px;
  height: 40px;
  margin-top: -8px; }
  .comment .msg-add div:last-child img {
    width: 40px;
    height: 40px;
    vertical-align: middle; }
  .comment .msg-add div:last-child span {
    font-size: 14px;
    color: #686868; }
  .comment .msg-add div:last-child a {
    display: inline-block;
    margin-top: 6px;
    background-color: #56BAFF;
    color: #FFF;
    float: right;
    letter-spacing: 10px;
    padding: 2px 8px 2px 18px; }
    .comment .msg-add div:last-child a:hover {
      background-color: #56BAFF; }
.comment .hot-msg > p {
  color: #56BAFF;
  border-bottom: 1px solid #CDCDCD;
  margin: 50px 0; }
.comment .hot-msg ul li > div {
  position: relative; }
  .comment .hot-msg ul li > div > img {
    width: 55px;
    height: 55px; }
  .comment .hot-msg ul li > div > div:last-child {
    width: 90%;
    float: right;
    padding-bottom: 50px; }
    .comment .hot-msg ul li > div > div:last-child > span {
      color: #838383;
      font-size: 14px; }
    .comment .hot-msg ul li > div > div:last-child > div {
      position: relative;
      background-color: #FAFAFA;
      padding: 0 20px; }
      .comment .hot-msg ul li > div > div:last-child > div p:first-child {
        margin: 0;
        color: #686868;
        font-size: 16px;
        word-break: break-all;
        padding: 20px 0 10px 0;
        border-bottom: 1px solid #CDCDCD; }
      .comment .hot-msg ul li > div > div:last-child > div p:last-child {
        margin: 0;
        font-size: 12px;
        padding: 5px 0;
        color: #838383; }

.lay-left {
  width: 25%;
  float: left; }
  .lay-left ul li {
    padding: 5px 0 5px 20px;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA; }
    .lay-left ul li a span:last-child {
      font-size: 12px; }
    .lay-left ul li a .tab_small {
      font-size: 12px;
      -webkit-transform: scale(0.8);
      display: inline-block; }
    .lay-left ul li .tab_next {
      padding-left: 20px; }
  .lay-left ul li:first-child {
    color: #FFF;
    padding: 5px 0;
    font-size: 20px;
    text-align: center;
    background-color: #56BAFF;
    border: 1px solid #DADADA; }

.lay-right {
  width: 70%;
  float: right; }

.current_click a {
  color: #56BAFF !important; }

.title-h1 {
  text-align: center;
  font-size: 24px;
  margin: 0; }

.lay-left ul li a {
  display: block;
  color: #686868;
  line-height: 25px; }
  .lay-left ul li a:hover {
    color: #56BAFF; }
  .lay-left ul li a span:last-child {
    float: right; }

.max-w-p img {
  max-width: 100%; }

.hide {
  display: none; }

.member_type {
  border-bottom: 3px solid #56BAFF;
  height: 32px; }
  .member_type ul {
    /*letter-spacing: -5px;*/
    word-spacing: -5px;
    display: table; }
    .member_type ul li {
      letter-spacing: normal;
      word-spacing: normal;
      display: inline-block;
      padding: 5px 10px;
      cursor: pointer; }
    .member_type ul .active {
      background: #56BAFF;
      color: white; }

.margin-bottom-0 {
  margin-bottom: 0px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}


.no-padding-LR {
  padding-left: 0px;
  padding-right: 0px;
}

.padding-2 {
  padding: 2px 2px 2px 2px;
}

.no-margin-LR {
  margin-left: 0px;
  margin-right: 0px;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.a-color-black {
  color: #ffffff;
  background: #56BAFF;
}

.a-color-black:hover {
  color: #ffffff;
  text-decoration: none;
}

.a-border {
  border-bottom: 1px solid #DADADA;
}

/*# sourceMappingURL=styles.css.map */