@charset "UTF-8";
html, body {
  height: 100%;
  font-family: 'Microsoft YaHei', '微软雅黑', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

[class*="flex-"], .flex {
  box-sizing: border-box; }

body {
  background-color: #f5f5f8;
  font-size: 14px;
  color: #333;
  line-height: 2em; }
  body .layui-container {
    width: 100%;
    max-width: 1480px; }

a {
  text-decoration: none;
  color: #1162e8;
  opacity: 0.9;
  cursor: pointer;
  transition: all 0.3s; }
  a:hover {
    color: #1162e8;
    opacity: 1;
    transition: all 0.3s; }

img {
  border: 0; }

.layui-left {
  float: left; }

.layui-right {
  float: right; }

.layui-btn {
  background-color: #1162e8;
  color: #ffffff;
  opacity: 0.9;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid #1162e8;
  border-radius: 6px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); }
  .layui-btn:hover {
    border: 1px solid #1162e8;
    color: #ffffff;
    opacity: 1;
    transition: all 0.3s;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); }

.layui-btn-fluid {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

.layui-btn-fluid + .layui-btn-fluid {
  margin-left: 0;
  margin-right: 0; }

.layui-card {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px !important; }
  .layui-card .layui-card-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #f1f1f1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 24px;
    display: flex;
    align-items: center; }
    .layui-card .layui-card-header::before {
      content: "";
      display: block;
      position: absolute;
      background: #1162e8;
      height: 16px;
      width: 6px;
      border-radius: 3px;
      top: 13px;
      left: 10px; }
    .layui-card .layui-card-header h3 {
      font-size: 14px;
      font-weight: 600;
      flex: 1; }
      .layui-card .layui-card-header h3 a {
        color: #333333; }
        .layui-card .layui-card-header h3 a:hover {
          color: #1162e8; }
    .layui-card .layui-card-header .more {
      color: #666666; }
      .layui-card .layui-card-header .more a {
        color: #666666; }
        .layui-card .layui-card-header .more a:hover {
          color: #1162e8; }
  .layui-card .layui-card-body {
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }

.layui-table, .layui-table-view {
  margin: 0; }
  .layui-table td, .layui-table th, .layui-table-view td, .layui-table-view th {
    word-break: break-all; }

.layui-fixbar li {
  border-radius: 10px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  opacity: 0.6;
  transition: all 0.3s; }
  .layui-fixbar li:hover {
    opacity: 1; }

.header {
  height: auto;
  background-color: #ffffff;
  border-bottom: 1px solid #f1f1f1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
  .header .logo {
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    padding-left: 46px;
    background-image: url("../images/logo.png");
    background-position: left center;
    background-size: auto 68%;
    background-repeat: no-repeat;
    float: left;
    color: #333333;
    opacity: 0.9;
    font-weight: 600;
    text-shadow: 2px 2px 2px #cccccc; }
  .header .layui-nav {
    float: right;
    background: none;
    padding: 0; }
    .header .layui-nav .layui-nav-item a {
      color: #333333;
      padding: 0 20px 0 15px; }
      .header .layui-nav .layui-nav-item a:hover {
        color: #1162e8; }
    .header .layui-nav .layui-nav-item .layui-nav-more {
      border-color: #333333 transparent transparent;
      right: 5px;
      margin-top: -1px;
      border-width: 5px; }
    .header .layui-nav .layui-nav-item .layui-nav-mored {
      border-color: transparent transparent #333333;
      margin-top: -6px; }
    .header .layui-nav .layui-nav-item.layui-this a {
      color: #1162e8;
      opacity: 1; }
    .header .layui-nav .layui-nav-item .layui-nav-child {
      top: 60px;
      left: auto;
      right: 0;
      text-align: center;
      background-color: #fff;
      box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
      border: 1px solid #eeeeee;
      border-radius: 6px; }
      .header .layui-nav .layui-nav-item .layui-nav-child a {
        color: #666666; }
        .header .layui-nav .layui-nav-item .layui-nav-child a:hover {
          background-color: #1162e8;
          color: #ffffff; }
      .header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
        background-color: #1162e8;
        color: #ffffff; }
    .header .layui-nav .layui-this::after, .header .layui-nav .layui-nav-bar {
      height: 3px;
      background-color: #666666; }
  .header .userStatus > div {
    padding: 0 10px; }
  .header .userStatus a {
    display: inline !important;
    padding: 0 2px !important;
    font-size: 12px !important; }

.position {
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 15px;
  padding: 0 10px; }
  .position .layui-col-sm6 {
    height: 42px; }
  .position .layui-breadcrumb span {
    color: #cccccc !important; }
  .position .layui-breadcrumb a {
    color: #666666 !important;
    overflow: hidden; }
    .position .layui-breadcrumb a:hover {
      color: #1162e8 !important; }
    .position .layui-breadcrumb a cite {
      color: #444444 !important;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
  .position .form-search {
    background-color: #f5f5f8;
    border: 1px solid #eeeeee;
    border-radius: 6px; }
    .position .form-search input {
      background: transparent; }
    .position .form-search button {
      border-radius: 6px;
      text-align: center;
      width: 60px; }
      .position .form-search button:hover i {
        transition: all 0.3s;
        font-size: 18px; }

.footer {
  padding: 20px 0;
  background-color: #333945;
  border-top: 1px solid #333945;
  box-shadow: 0 -3px 9px 0 rgba(0, 0, 0, 0.3); }
  .footer .layui-container {
    color: #999999;
    text-align: center;
    font-size: 13px;
    line-height: 2.2em; }
    .footer .layui-container a {
      color: #cccccc;
      opacity: 0.8; }
      .footer .layui-container a:hover {
        opacity: 1; }

.friend .layui-card-body .item {
  padding: 0 10px;
  text-align: center;
  height: 2.4em;
  line-height: 2.4em; }
  .friend .layui-card-body .item a {
    color: #333333;
    font-size: 13px; }
    .friend .layui-card-body .item a:hover {
      color: #1162e8; }

.side .card-category .block {
  background-color: #e2f0fd;
  border: 1px solid rgba(33, 145, 240, 0.2);
  border-radius: 6px;
  color: #333333; }
  .side .card-category .block:hover {
    color: #1162e8; }
.side .card-lists ul {
  color: #1162e8; }
  .side .card-lists ul li {
    padding: 0 5px;
    border-radius: 6px;
    transition: all 0.3s; }
    .side .card-lists ul li a {
      color: #333333; }
    .side .card-lists ul li:hover {
      background-color: #e2f0fd;
      transition: all 0.3s; }
      .side .card-lists ul li:hover a {
        color: #1162e8; }

.paginator {
  text-align: center;
  padding: 0 10px;
  margin-bottom: 15px; }
  .paginator .pagination {
    list-style: none;
    text-align: center;
    clear: both; }
    .paginator .pagination li {
      display: inline-block;
      margin: 5px; }
      .paginator .pagination li a {
        display: inline-block;
        min-width: 20px;
        padding: 0 5px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 14px;
        background-color: #fff;
        transition: all 0.3s;
        border-radius: 6px;
        box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
        color: #666666;
        text-decoration: none; }
        .paginator .pagination li a:hover {
          background-color: #1162e8;
          color: #fff; }
      .paginator .pagination li span {
        display: inline-block;
        min-width: 20px;
        padding: 0 5px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 14px;
        background-color: #fff;
        border-radius: 6px;
        color: #666666; }
      .paginator .pagination li.active a {
        background-color: #1162e8;
        color: #fff; }
      .paginator .pagination li.disabled span {
        background-color: #666666;
        color: #fff; }

.box-form {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 15px 0;
  margin: 15px 0; }
  .box-form .title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 1.8em;
    padding: 10px; }
  .box-form .info {
    border-bottom: 1px solid #eeeeee;
    text-align: center; }
  .box-form .desc {
    background-color: #f5f5f8;
    border: 1px solid #eeeeee;
    border-radius: 6px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    padding: 2px 6px;
    font-size: 13px;
    color: #666666; }
  .box-form input {
    border-radius: 6px; }
  .box-form .item-captcha {
    display: flex; }
    .box-form .item-captcha .layui-input-inline {
      flex: 1;
      margin: 0; }
    .box-form .item-captcha .image-captcha {
      cursor: pointer;
      height: 36px;
      border: 1px solid #e6e6e6;
      border-radius: 6px; }

.page-body {
  min-height: 100%;
  height: auto;
  display: flex;
  flex-direction: column; }
  .page-body .box-wrapper {
    flex: auto;
    min-height: 420px; }
  .page-body .box-content {
    border: 1px solid #eeeeee;
    border-radius: 10px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff; }
    .page-body .box-content .layui-tab-title {
      font-weight: bold; }
    .page-body .box-content .desc {
      background-color: #f5f5f8;
      border: 1px solid #eeeeee;
      border-radius: 6px;
      word-wrap: break-word;
      word-break: break-all;
      overflow: hidden;
      padding: 2px 6px;
      font-size: 13px;
      color: #666666; }
  .page-body .highlight {
    font-weight: normal !important;
    color: #fa3534 !important; }
  .page-body .layui-elem-field legend {
    font-size: 16px;
    font-weight: 600; }

.page-mobile .header .layui-container {
  padding: 0; }
  .page-mobile .header .layui-container .logo {
    padding: 0 10px;
    background: none; }
  .page-mobile .header .layui-container .layui-nav {
    padding: 0 10px; }
.page-mobile .box-wrapper {
  margin: 0;
  padding: 0; }
.page-mobile .box-content {
  padding-left: 0; }

@media screen and (max-width: 768px) {
  .page-body .box-wrapper {
    margin: 0;
    padding: 0; } }
.box-empty {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); }

.lists-article * {
  box-sizing: border-box; }
.lists-article .item {
  width: 100%;
  padding: 15px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  transition: all 0.3s;
  border-radius: 6px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px; }
  .lists-article .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); }
  .lists-article .item .title {
    font-size: 16px;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
    .lists-article .item .title a {
      color: #333333; }
    .lists-article .item .title a:hover {
      color: #1162e8; }
    .lists-article .item .title .flag {
      color: #fe3d7d; }
  .lists-article .item .info {
    font-size: 12px;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    width: 100%; }
    .lists-article .item .info span {
      margin-right: 10px;
      color: #999999; }
    .lists-article .item .info .category a {
      background-color: #e2f0fd;
      border: 1px solid rgba(33, 145, 240, 0.2);
      border-radius: 6px;
      color: #1162e8;
      padding: 0 6px; }
      .lists-article .item .info .category a:hover {
        color: #1162e8; }
  .lists-article .item .image {
    float: left;
    height: 120px;
    width: 160px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
    display: block;
    border: 1px solid #eeeeee;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    transition: all 0.3s; }
    .lists-article .item .image img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: all 0.2s linear 0s;
      width: 100%;
      border: none; }
    .lists-article .item .image img:hover {
      max-width: none;
      width: 110%; }
  .lists-article .item .desc {
    line-height: 24px;
    margin-top: 5px;
    color: #666666;
    width: 100%;
    display: flex; }
    .lists-article .item .desc .text {
      flex: 1;
      background-color: #f5f5f8;
      border-radius: 6px;
      word-wrap: break-word;
      word-break: break-all;
      overflow: hidden;
      padding: 5px 10px;
      font-size: 13px;
      line-height: 2.2em;
      display: block; }
  .lists-article .item .favorite {
    padding-top: 10px; }
    .lists-article .item .favorite .layui-btn {
      background-color: #e2f0fd;
      border: 1px solid rgba(33, 145, 240, 0.2);
      border-radius: 6px;
      color: #1162e8;
      padding: 0 6px;
      opacity: 1; }
      .lists-article .item .favorite .layui-btn:hover {
        border: 1px solid rgba(33, 145, 240, 0.6);
        color: #1162e8; }

.lists-image {
  display: flex;
  flex-wrap: wrap; }
  .lists-image li {
    width: 25%;
    padding: 10px; }
    .lists-image li .item {
      position: relative;
      padding: 0;
      margin: 0; }
      .lists-image li .item .title {
        font-size: 14px;
        position: absolute;
        bottom: 0.2em;
        padding: 0 10px; }
        .lists-image li .item .title .flag {
          display: none; }
      .lists-image li .item .info {
        font-size: 12px;
        position: absolute;
        bottom: 2.5em;
        padding: 0 10px; }
        .lists-image li .item .info .category, .lists-image li .item .info .commonts {
          display: none; }
      .lists-image li .item .desc {
        display: block !important;
        margin: 0;
        padding-bottom: 4em; }
        .lists-image li .item .desc .image {
          width: 100%;
          height: 200px;
          margin: 0;
          border-radius: 0;
          overflow: hidden; }
          .lists-image li .item .desc .image img {
            border: none;
            width: auto;
            max-width: none;
            height: 100%; }
          .lists-image li .item .desc .image img:hover {
            width: auto;
            max-width: none;
            height: 110%;
            max-height: none; }
        .lists-image li .item .desc .text {
          display: none; }
      .lists-image li .item .favorite {
        display: none !important; }

@media screen and (max-width: 768px) {
  .page-body .lists-image li {
    width: 50%; } }
.lists-title li .item .desc {
  display: none !important; }
.lists-title li .item .favorite {
  display: none !important; }

.lists-tags a {
  color: #666666;
  border-radius: 6px;
  border: 1px solid #eeeeee; }
  .lists-tags a:hover {
    background-color: #e2f0fd;
    border: 1px solid rgba(33, 145, 240, 0.2);
    color: #1162e8; }

.category-children a {
  background-color: #e2f0fd;
  border: 1px solid rgba(33, 145, 240, 0.2);
  border-radius: 6px;
  color: #333333; }
  .category-children a:hover {
    color: #1162e8; }

.category-groups .category-group .items {
  color: #1162e8; }
  .category-groups .category-group .items li {
    padding: 0 5px;
    border-radius: 6px;
    transition: all 0.3s;
    display: list-item;
    list-style: disc inside;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .category-groups .category-group .items li a {
      color: #333333; }
    .category-groups .category-group .items li:hover {
      transition: all 0.3s; }
      .category-groups .category-group .items li:hover a {
        color: #1162e8; }

.card-block .layui-card-header {
  padding: 0 15px; }
  .card-block .layui-card-header::before {
    display: none; }
.card-block .lists-block .layui-card {
  margin-bottom: 0 !important; }
  .card-block .lists-block .layui-card:hover {
    transition: all 0.3s;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); }
.card-block .lists-block a:hover .layui-card-header h3, .card-block .lists-block a:hover .layui-card-header name {
  color: #1162e8; }
.card-block .lists-block .layui-card-header {
  padding: 0 10px; }
  .card-block .lists-block .layui-card-header h3, .card-block .lists-block .layui-card-header name {
    font-weight: normal;
    display: flex;
    align-items: center; }
    .card-block .lists-block .layui-card-header h3 a, .card-block .lists-block .layui-card-header name a {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .card-block .lists-block .layui-card-header h3 img, .card-block .lists-block .layui-card-header name img {
      width: 25px;
      height: 25px;
      margin-right: 5px;
      border-radius: 5px; }
    .card-block .lists-block .layui-card-header h3 i, .card-block .lists-block .layui-card-header name i {
      font-size: 20px;
      margin-right: 5px; }
.card-block .lists-block .layui-card-body {
  padding: 4px 6px; }
  .card-block .lists-block .layui-card-body .desc {
    color: #999999;
    font-size: 12px;
    height: 72px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all; }

.article {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 10px; }
  .article .title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 1.8em;
    padding: 10px; }
  .article .info {
    border-bottom: 1px solid #eeeeee;
    text-align: center; }
    .article .info .category a {
      background-color: #e2f0fd;
      border: 1px solid rgba(33, 145, 240, 0.2);
      border-radius: 6px;
      color: #1162e8;
      padding: 0 6px; }
      .article .info .category a:hover {
        color: #1162e8; }
  .article .copyright {
    background-color: #f5f5f8;
    border: 1px solid #eeeeee;
    border-radius: 6px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    padding: 2px 6px;
    font-size: 13px;
    color: #666666; }
  .article .tags a {
    background-color: #e2f0fd;
    border: 1px solid rgba(33, 145, 240, 0.2);
    border-radius: 6px;
    color: #1162e8;
    padding: 0 6px;
    display: inline-block;
    margin: 0 10px 5px 0; }
    .article .tags a:hover {
      color: #1162e8; }
  .article .prev-next {
    color: #666666;
    font-size: 13px; }
    .article .prev-next a {
      color: #333333; }
      .article .prev-next a:hover {
        color: #1162e8; }

.article-favorite .favorite-intro table {
  border-radius: 6px; }
.article-favorite .favorite-intro .name {
  background-color: #f2f2f2;
  text-align: center;
  vertical-align: top;
  font-size: 13px;
  font-weight: 600;
  color: #333333; }
.article-favorite .favorite-url .layui-btn {
  background-color: #e2f0fd;
  border: 1px solid rgba(33, 145, 240, 0.2);
  border-radius: 6px;
  color: #1162e8;
  padding: 0 6px;
  opacity: 1; }
  .article-favorite .favorite-url .layui-btn:hover {
    border: 1px solid rgba(33, 145, 240, 0.6);
    color: #1162e8; }
.article-favorite .favorite-iframe iframe {
  max-width: 100%;
  text-align: center;
  margin: 0.3em auto;
  width: 100%;
  height: 400px;
  border: 1px solid #eeeeee;
  overflow: auto; }

.card-recommend {
  color: #1162e8;
  margin-top: 15px; }
  .card-recommend li {
    padding: 0 5px;
    border-radius: 6px;
    transition: all 0.3s;
    display: list-item;
    list-style: disc inside;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .card-recommend li a {
      color: #333333; }
    .card-recommend li:hover {
      transition: all 0.3s; }
      .card-recommend li:hover a {
        color: #1162e8; }

.html-content {
  line-height: 2em;
  word-wrap: break-word;
  word-break: break-all; }
  .html-content ul, .html-content ol, .html-content dl {
    padding-left: 1em; }
    .html-content ul li, .html-content ul dd, .html-content ol li, .html-content ol dd, .html-content dl li, .html-content dl dd {
      list-style: outside decimal; }
      .html-content ul li li, .html-content ul li dd, .html-content ul dd li, .html-content ul dd dd, .html-content ol li li, .html-content ol li dd, .html-content ol dd li, .html-content ol dd dd, .html-content dl li li, .html-content dl li dd, .html-content dl dd li, .html-content dl dd dd {
        list-style: outside circle; }
  .html-content a {
    color: #1162e8; }
  .html-content a:hover {
    color: #1162e8; }
  .html-content p {
    margin: 0;
    padding: 0.5em 0; }
  .html-content h1,
  .html-content h2,
  .html-content h3,
  .html-content h4,
  .html-content h5,
  .html-content h6 {
    font-weight: 600;
    margin: 0;
    padding: 0.5em 0; }
  .html-content h6 {
    font-size: 0.715em; }
  .html-content h5 {
    font-size: 0.857em; }
  .html-content h4 {
    font-size: 1em; }
  .html-content h3 {
    font-size: 1.143em; }
  .html-content h2 {
    font-size: 1.286em; }
  .html-content h1 {
    font-size: 1.428em; }
  .html-content img {
    max-width: 100%;
    text-align: center;
    margin: 0.3em auto;
    display: block; }
  .html-content embed {
    max-width: 100%;
    text-align: center;
    margin: 0.3em auto;
    width: 600px;
    height: 400px;
    border: 1px solid #eeeeee; }
  .html-content iframe {
    max-width: 100%;
    text-align: center;
    margin: 0.3em auto;
    width: 600px;
    height: 400px;
    border: 1px solid #eeeeee; }
  .html-content pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: break-all; }
    .html-content pre.prettyprint {
      font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
      border: 1px dashed #999999;
      background: #eeeeee;
      padding: 0.3em;
      margin: 0.3em auto;
      font-size: 0.9em;
      border-radius: 6px; }
  .html-content table {
    box-sizing: content-box;
    margin: 0.3em auto;
    border-spacing: 0;
    border: solid #e5e5e5;
    border-width: 1px 0 0 1px;
    width: 99.9%; }
    .html-content table th {
      margin: 0;
      border: solid #e5e5e5;
      border-width: 0 1px 1px 0;
      padding: 0.3em 0.5em;
      font-weight: 600; }
    .html-content table td {
      margin: 0;
      border: solid #e5e5e5;
      border-width: 0 1px 1px 0;
      padding: 0.3em 0.5em; }
    .html-content table tr {
      padding: 0;
      margin: 0;
      border: solid #e5e5e5;
      border-width: 0 1px 1px 0; }

.box-leave {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 10px; }

.box-message {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 10px; }
  .box-message .message-lists {
    position: relative;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.6em; }
    .box-message .message-lists li {
      border-bottom: 1px solid #eee;
      padding: 5px 0; }
    .box-message .message-lists .avatar {
      width: 40px;
      height: 40px;
      margin-right: 5px;
      border-radius: 40px;
      float: left;
      border: 1px solid #cccccc;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }
    .box-message .message-lists .info {
      overflow-x: hidden; }
      .box-message .message-lists .info span {
        padding-right: 10px; }
      .box-message .message-lists .info i {
        padding-right: 5px; }
      .box-message .message-lists .info .username {
        color: #1162e8;
        font-size: 14px; }
      .box-message .message-lists .info .admin {
        color: #fa3534;
        font-size: 14px; }
      .box-message .message-lists .info .address {
        color: #999999; }
      .box-message .message-lists .info .time {
        color: #999999; }
      .box-message .message-lists .info .btn-reply {
        color: #1162e8; }
    .box-message .message-lists .message-content {
      font-size: 13px;
      word-break: break-all;
      padding: 5px 0;
      margin-left: 45px; }
      .box-message .message-lists .message-content img {
        width: 22px;
        height: 22px;
        display: inline-block; }
    .box-message .message-lists .message-item {
      padding: 5px 0; }
      .box-message .message-lists .message-item > .message-item {
        margin-left: 45px;
        border-top: 1px dashed #eeeeee; }

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