@charset "UTF-8";
* {
  box-sizing: border-box;
  word-wrap: break-word;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.6px;
  word-break: break-all;
  -webkit-tap-highlight-color:transparent;
  text-rendering:antialiased;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; }
::selection {
    background: #002fa7;
    color: white;
}
::-webkit-scrollbar-thumb {
    background-color: #ffffff;

}
::-webkit-scrollbar {
    width: 1px;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both; }

.show {
  display: block; }

.hide {
  display: none; }

body {
  margin: 0;
  padding: 0;
  transition: background .3s;
  min-height: 110vh;
  color: #0e141d; 
  background: #082f99;
}
  body a {
    color: #000;
    cursor: pointer; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-weight: 340; }
  body h1 {
    font-size: 30px; }
  body h2 {
    font-size: 26px; }
  body h3 {
    font-size: 22px; }
  body h4 {
    font-size: 20px; }
  body h5 {
    font-size: 18px; }
  body p {
    font-size: 16px;
    line-height: 1.7em; }
  body a {
    text-decoration: none;
    cursor: pointer; }
  body header {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; 
    margin-bottom: -30px;
    padding-bottom: 30px;
  }
    body header .logo {
    /*  width: 100%; */
      font-size: 60px;
      text-align: center;
      margin-top: 60px;
      margin-bottom: 40px;
      display: flex;
      justify-content: center; }
    body header .menu {
      width: 100%; }
      body header .menu .menu-list {
        width: 100%;
        display: flex;
        justify-content: center; }
        body header .menu .menu-list li {
          list-style: none;
          margin: 0px 15px;
          position: relative; }
          body header .menu .menu-list li a {
          display: block;
           font-weight: 400;
            border-bottom: 0.1rem solid transparent;
            font-size: 18px;
            display: block;
            text-align: center;
            -webkit-transition: all .25s ease-out;
            -o-transition: all ease-out .25s;
            -moz-transition: all ease-out .25s;
            transition: all .25s ease-out; }
            body header .menu .menu-list li a:hover {
              border-bottom: 1px solid #999;
              color: #999;
 }
          body header .menu .menu-list li .menu-more {
            position: absolute;
            width: 120px;
            top: 22px;
            left: -43px;
            border: 1px solid #ebebeb;
            z-index: 1;
            background-color: #fff;
            -webkit-box-shadow: 0 5px 20px rgba(235, 235, 235, 0.5);
            box-shadow: 0 5px 20px rgba(235, 235, 235, 0.5); }
            body header .menu .menu-list li .menu-more ul {
              padding: 0;
              margin: 10px 0; }
              body header .menu .menu-list li .menu-more ul li {
                width: 100%;
                padding: 8px 8px;
                margin: 0;
                cursor: pointer; }
                body header .menu .menu-list li .menu-more ul li:hover {
                  background-color: #f6f6f6; }
                body header .menu .menu-list li .menu-more ul li a {
                  width: 100%;
                  height: 100%; }
    body header #lamp {
      position: absolute;
      left: 250px;
      top: 0px; }
      @media (max-width: 768px) {
        body header #lamp {
          left: 70px; } }
      body header #lamp .lamp {
        position: relative;
        margin: 0 auto;
        width: 1rem;
        height: 6rem;
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
        background-repeat: no-repeat;
        background-size: .15rem 4rem, .6rem .8rem, 1rem 2rem;
        background-position: 50% 0, .19rem 4rem, 0 4.8rem; }
        body header #lamp .lamp .on {
          position: absolute;
          left: -3.5rem;
          bottom: -8rem;
          width: 8rem;
          height: 8rem;
          border-radius: 50%;
          transition: all .15s;
          background: white;
          box-shadow: 0px 2px 10px rgba(255, 255, 255, 0.8), 0px 5px 50px rgba(255, 255, 255, 0.8), 0px 8px 80px rgba(255, 255, 255, 0.6), 0px 8px 120px rgba(255, 255, 255, 0.6);
          cursor: pointer; }
        body header #lamp .lamp .off {
          position: absolute;
          left: -3.5rem;
          bottom: -8rem;
          width: 8rem;
          height: 8rem;
          border-radius: 50%;
          transition: all .3s;
          background: rgba(255, 255, 255, 0.03);
          box-shadow: inset 4px -4px 30px rgba(255, 255, 255, 0.2);
          cursor: pointer; }
        body header #lamp .lamp .gonna-give-light,
        body header #lamp .lamp .gonna-give-light:before {
          position: absolute; }
        body header #lamp .lamp .gonna-give-light {
          top: 6.05rem;
          left: .4rem;
          width: 0;
          height: 3rem;
          border-right: 0.2rem solid rgba(255, 255, 255, 0.1);
          position: absolute; }
          body header #lamp .lamp .gonna-give-light:before {
            position: absolute;
            content: '';
            top: 3rem;
            left: -.55rem;
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            border: 0.2rem solid rgba(255, 255, 255, 0.1);
            box-shadow: 0px 0px 50px rgba(255, 255, 255, 0); }
  body .article-container {
    height: auto;
    padding-bottom: 40px;
 }
    body .article-container .search-result {
      width: 820px;
      margin: 0px auto;
      position: relative; }
      @media (max-width: 1440px) {
        body .article-container .search-result {
          width: 820px; } }
      @media (max-width: 1020px) {
        body .article-container .search-result {
          width: 820px; } }
      @media (max-width: 820px) {
        body .article-container .search-result {
          width: 100%; } }
      body .article-container .search-result .result-container {
        margin-left: 25px;
        position: absolute;
        top: 25px; }
        body .article-container .search-result .result-container span {
          color: #999; }
        @media (max-width: 820px) {
          body .article-container .search-result .result-container {
            margin-left: 25px; } }
    body .article-container .search-result-single {
      width: 820px;
      margin: 0px auto;
      position: relative; }
      @media (max-width: 1440px) {
        body .article-container .search-result-single {
          width: 820px; } }
      @media (max-width: 1020px) {
        body .article-container .search-result-single {
          width: 820px; } }
      @media (max-width: 820px) {
        body .article-container .search-result-single {
          width: 100%; } }
      body .article-container .search-result-single .result-container {
        margin-left: 115px;
        position: absolute;
        top: -5px; }
        body .article-container .search-result-single .result-container span {
          color: #999; }
        @media (max-width: 820px) {
          body .article-container .search-result-single .result-container {
            margin-left: 25px; } }
    body .article-container {
      position: relative;
      max-width: 820px;
      margin: 0px auto;
      height: auto; 
      background:#fff;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius:15px;
        /*box-shadow: 0 20px 20px 0 hsla(0,0%,93%,.86);*/
      -webkit-transition: all .6s ease;
      transition: all .6s ease
      }
 
      @media (max-width: 1440px) {
        body .article-container .article-list {
          width: 820px; } }
      @media (max-width: 1020px) {
        body .article-container .article-list {
          width: 820px; } }
      @media (max-width: 820px) {
        body .article-container .article-list {
          width: 100%; } }
      body .article-container .article-list .article-single {
        width: 730px;
        margin: 0px auto;
        border-bottom: 1px solid #ebebeb; }
        @media (max-width: 820px) {
          body .article-container .article-list .article-single {
            width: calc(100% - 42px);
            margin: 0px auto; } }
        body .article-container .article-list .article-single:first-child {
          margin-top: 25px; }
        body .article-container .article-list .article-single .setTop:after {
          content: "[置顶]";
          font-size: 16px;
          color: #002fa7; }
        body .article-container .article-list .article-single .title {
          padding: 35px 0 0 0; }
          body .article-container .article-list .article-single .title a {
            font-size: 27px;
            font-weight: 400;
            transition: all .25s; }
            body .article-container .article-list .article-single .title a:hover {
              color: #999; }
        body .article-container .article-list .article-single .meta {
          margin-top: 10px;
          margin-bottom: 10px;
          font-weight:300;
          font-size: 12px;
          color: #a1a1a1b5; }
          body .article-container .article-list .article-single .meta a {
            color: #999; }
          body .article-container .article-list .article-single .read-more a {
            font-size: 15px;
            font-weight: 300;
            color: #405fa9b5; }
                  body .article-container .article-list .article-single .read-more a:hover {
                      color: #6b6b6bbf;
                  }
      body .article-container .article-list .article-card {
        position: absolute;
        width: 280px;
        margin: 60px 25px 0px;
        transition: all .8s;
        opacity: 0; }
        @media (max-width: 820px) {
          body .article-container .article-list .article-card {
            width: calc(50% - 42px);
            margin: 60px 20px 0px; } }
        @media (max-width: 450px) {
          body .article-container .article-list .article-card {
            width: calc(100% - 42px);
            margin: 60px 20px 0px; } }
        body .article-container .article-list .article-card:after {
          position: absolute;
          content: '';
          width: 100%;
          bottom: -30px;
          border-bottom: 1px solid #f6f6f6; }
        body .article-container .article-list .article-card:hover .color-filter {
          -webkit-filter: none;
          -moz-filter: none;
          -ms-filter: none;
          -o-filter: none;
          filter: none; }
        body .article-container .article-list .article-card .thumb {
          width: 100%;
          height: 180px;
          margin-bottom: 8px;
          object-fit: cover;
          border-radius: 1px; }
        body .article-container .article-list .article-card .color-filter {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          filter: grayscale(100%);
          filter: gray;
          transition-property: filter, opacity;
          transition-duration: 0.33s;
          transition-timing-function: ease; }
          body .article-container .article-list .article-card .color-filter:hover {
            -webkit-filter: none;
            -moz-filter: none;
            -ms-filter: none;
            -o-filter: none;
            filter: none; }
        body .article-container .article-list .article-card .title {
          margin: 0px 0px 8px;
          line-height: 40px;
          text-align: start; }
          body .article-container .article-list .article-card .title a {
            font-size: 24px;
            -webkit-transition: all .25s ease-out;
            -o-transition: all ease-out .25s;
            -moz-transition: all ease-out .25s;
            transition: all .25s ease-out; }
            body .article-container .article-list .article-card .title a:hover, body .article-container .article-list .article-card .title a:focus {
              color: #002fa7; }
        body .article-container .article-list .article-card .setTop:after {
          content: "[置顶]";
          font-size: 16px;
          color: #002fa7; }
        body .article-container .article-list .article-card .content {
          font-size: 16px;
          line-height: 30px;
          text-align: justify; }
        body .article-container .article-list .article-card .meta {
          display: flex;
          font-size: 14px;
          align-items: center;
          line-height: 30px;
          max-height: 24px;
          width: 100%;
          justify-content: flex-start;
          margin-top: 5px;
          color: #999; }
          body .article-container .article-list .article-card .meta a {
            font-size: 14px;
            color: #999; }
        body .article-container .article-list .article-card .top {
          position: absolute;
          left: -2px;
          top: -4px;
          font-size: 45px; }
           body .article-container .article-list .image-item:hover {
               filter: none;
            -webkit-filter: none;
           } /*图片彩色*/
      body .article-container .article-list .image-item {
        -webkit-filter: grayscale(100%); /*图片黑白 */
        position: absolute;
      width: 212px;
      height: 212px; /*正方形 */
        border-radius: 10px;
        margin: 38px 1px 5px 45px;
        overflow: hidden;
}
        @media (max-width: 820px) {
          body .article-container .article-list .image-item {
            width: calc(100% /2 - 22px);
            margin: 10px; } }
        body .article-container .article-list .image-item img {
          width: 100%;
          height: 100%; /* 正方形*/
          object-fit: cover;
          vertical-align: middle;
          cursor: pointer;
          -webkit-transition-duration: .4s;
          transition-duration: .4s;
          opacity: 0.8;
          -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property: transform;
          transition-property: transform,-webkit-transform;
          -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
          body .article-container .article-list .image-item img:active, body .article-container .article-list .image-item img:focus, body .article-container .article-list .image-item img:hover {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1); } 
          body .article-container .article-list .image-item:hover .desc {
          background-color: #ebebeb;
          opacity:0;}   /* 文字背景hover*/
        body .article-container .article-list .image-item .desc {
         background-color: #000000;
          opacity:0.7;    /*      文字背景*/
          color: #ffffff;
          width: 100%;
          position: relative;
          padding: 0 14px;
          top: -60px;
          text-align: center;
          transition: all .3s ease;
          overflow: hidden;
          border-bottom-left-radius: 6px;
          border-bottom-right-radius: 6px; }
          body .article-container .article-list .image-item .desc p {
            line-height: 1.5em;
            font-size: 18px; }
        body .article-container .article-list .image-item:hover img {
          opacity: 1; }

  body .loadmore {
    display: flex;
    justify-content: center;
    padding-top: 20px; }
    body .loadmore a {
        color: white;
      padding: 0 25px;
      font-weight: 440;
      font-size: 22px;
      line-height: 35px;
      box-sizing: border-box;
      box-shadow: inset 0 -0.3em 0 black;
      transform: translate(0);
      transition: all .2s ease;
      cursor: pointer;
      -ms-user-select: none;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      display: flex;
      justify-content: center;
      align-items: center; }
      body .loadmore a:hover {
        box-shadow: inset 0 -0.8em 0 black; }
  body .post-content a {
    text-decoration: underline; }
  body .post-content p {
    font-weight:230;
    color: #333;
    letter-spacing: .2px;
    line-height: 1.9em; }
    body .post-content p code {
      padding: 4px 6px;
      margin: 0 2px;
      border-radius: 6px;
      background-color: #f6f6f6; }
    body .post-content p strong {
      font-size: 17px;
      font-weight: bolder; }
  body .post-content img {
    display: block;
/*    margin: 30px auto;*/
    max-width: 100%;
    vertical-align: middle;
    image-orientation: from-image;
    border-radius: 6px;
    cursor: pointer; }
  body .post-content blockquote {
    border-left: 4px solid;
    padding: 10px 20px;
    margin: 20px 0; }
  body .post-content ul li {
    margin: 8px 0; }
  body .post-content table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    overflow: auto;
    break-inside: auto;
    text-align: left;
    table-layout: fixed;
    margin: 18px auto;
    padding: 0;
    word-break: initial; }
    body .post-content table thead {
      display: table-header-group; }
    body .post-content table tr {
      break-inside: avoid;
      break-after: auto;
      border-top: 1px solid #999;
      margin: 0;
      padding: 0; }
      body .post-content table tr th {
        border: 1px solid #ebebeb;
        border-bottom: 0;
        text-align: left;
        margin: 0;
        font-weight: bold;
        background-color: #f6f6f6;
        line-height: 2em;
        padding-left: 10px; }
        body .post-content table tr th:first-child {
          margin-top: 0; }
        body .post-content table tr th:last-child {
          margin-bottom: 0; }
      body .post-content table tr td {
        border: 1px solid #ebebeb;
        text-align: left;
        margin: 0;
        line-height: 2em;
        padding-left: 10px; }
        body .post-content table tr td:first-child {
          margin-top: 0; }
        body .post-content table tr td:last-child {
          margin-bottom: 0; }
  body .post-content .flinks-container {
    padding-top:64px;
    padding-bottom:45px;
    padding-left:30px;
    padding-right:30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    body .post-content .flinks-container a {
      display: flex;
      align-items: center;
      margin: 0.9rem;
      width: -webkit-calc(100%/3 - 1.8rem);
      width: calc(100%/3 - 1.875rem);
      border-radius: 5px;
      height: 80px;
      text-decoration: none;
      -webkit-transition-duration: .2s;
      transition-duration: .2s;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform,-webkit-transform;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      background-color: #f6f6f6; }
      @media (max-width: 600px) {
        body .post-content .flinks-container a {
          width: -webkit-calc(100%/2 - 1.8rem);
          width: calc(100%/2 - 1.875rem); } }
      body .post-content .flinks-container a:active, body .post-content .flinks-container a:focus, body .post-content .flinks-container a:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      body .post-content .flinks-container a .flink-img {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center; }
        body .post-content .flinks-container a .flink-img img {
          height: 40px;
          width: 40px;
          border-radius: 50%; }
      body .post-content .flinks-container a .flink-name {
        width: 60%;
        max-height: 40px;
        line-height: 20px;
        padding-right: 10px;
        overflow: hidden; }
      /*  body .post-content .flinks-container a {
            -webkit-filter: grayscale(100%);   友链黑白*/
        }
        body .post-content .flinks-container a:hover {
            filter: none;
            -webkit-filter: none;   /*友链彩色*/
        }
  body .post-content center {
    font-size: 17px;
    line-height: 2em; }
  body .post-container {
/*    padding-top: 70px;
    padding-bottom:70px;*/
  /*  display: flex;*/
    flex-wrap: wrap;
    justify-content: center;
    max-width: 820px;
    margin: 0px auto;
    height: auto; 
      background:#fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
       /*box-shadow: 0 10px 20px 0 hsla(0,0%,93%,.86);*/
      -webkit-transition: all .6s ease;
      transition: all .6s ease;

    }

    body .post-container .content-container {
      width: 820px;
      padding: 17px 45px; }
      @media (max-width: 840px) {
        body .post-container .content-container {
          width: 100%;
          padding: 20px; } }
      body .post-container .content-container .post-title {
        line-height: 45px; }
        body .post-container .content-container .post-title a {
          font-size: 1.4em;
           font-weight: 440;
          padding: 10px 0;
          box-shadow: inset 0 -12px 0 #002fa7;
          transition: box-shadow 0.5s cubic-bezier(0.71, 0, 0, 0.99); }
          body .post-container .content-container .post-title a:hover {
            box-shadow: inset 0 -25px 0 #002fa7; }
      body .post-container .content-container .post-meta {
        font-size: 0.8em;
         font-weight: 200;
        margin: 20px 0 25px;
        color: #999; }
        body .post-container .content-container .post-meta a {
          font-size: 14px;
         font-weight: 200;
          color: #999; }
      body .post-container .content-container .tags-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 10px; }
        body .post-container .content-container .tags-container a {
          margin: 0px 8px 15px 0px;
          padding: 8px 10px;
          border-radius: 15px;
          background-color: #f6f6f6;
          color: #666;
          font-size: 12px; }
      body .post-container .content-container .recommend-container {
        display: flex;
        justify-content: space-between;
        padding: 10px 0; }
        body .post-container .content-container .recommend-container .iconfont {
          font-size: 0.875em }
        body .post-container .content-container .recommend-container a:hover {
          color: #999; }
      body .post-container .content-container .article-writer {
        display: flex;
        align-items: center;
        padding-bottom:30px;
        margin-top: 50px;
        position: relative; }
        body .post-container .content-container .article-writer img {
          width: 80px;
          height: 80px;
          border: 1px solid;
          border-radius: 50%;
          margin-right: 25px; }
        body .post-container .content-container .article-writer .right {
          width: calc(100% - 130px); }
          body .post-container .content-container .article-writer .right .intro {
            line-height: 1.25; }
            body .post-container .content-container .article-writer .right .intro .name a {
              font-weight: bolder; }
            body .post-container .content-container .article-writer .right .intro .sign {
              font-weight: 230; }
          body .post-container .content-container .article-writer .right .social-link {
            border-top: 1px solid #d3dce6;
            margin-top: 16px;
            padding-top: 16px;
            width: 100%; }
            body .post-container .content-container .article-writer .right .social-link li {
              list-style: none;
              margin-right: 10px;
              display: inline-block;
              position: relative; }
              body .post-container .content-container .article-writer .right .social-link li a:hover {
                color: #999; }
              body .post-container .content-container .article-writer .right .social-link li .social-pop {
                width: 120px;
                height: 120px;
                border: 1px solid #ebebeb;
                position: absolute;
                left: -49px;
                top: 32px;
                z-index: 1;
                background-color: #fff;
                -webkit-box-shadow: 0 5px 20px rgba(235, 235, 235, 0.5);
                box-shadow: 0 5px 20px rgba(235, 235, 235, 0.5); }
                body .post-container .content-container .article-writer .right .social-link li .social-pop img {
                  width: 100px;
                  height: 100px;
                  margin: 10px;
                  border: none;
                  border-radius: 0px; }
      body .post-container .content-container .post-copyright {
        min-height: 100px;
        position: relative;
        padding: 24px 0px;
        border: 1px dashed #999;
        margin: 38px 0 38px;
        /*background-color: rgba(153, 153, 153, 0.05); cc4.0背景*/
        position: relative;
        color: #666; }
        body .post-container .content-container .post-copyright a {
          color: #666; }
        body .post-container .content-container .post-copyright svg.icon {
          position: absolute;
          width: 40px;
          height: 40px;
          top: -21px;
          left: 20px;
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          /* Internet Explorer */
          -moz-transform: rotate(45deg);
          /* Firefox */
          -webkit-transform: rotate(45deg);
          /* Safari 和 Chrome */
          -o-transform: rotate(45deg);
          /* Opera */ }
        body .post-container .content-container .post-copyright div {
          display: flex;
          margin: 4px 24px; 
          font-weight: 230;}
          body .post-container .content-container .post-copyright div div {
            word-break: break-word;
            line-height: 1.6em;
            font-size: 16px;
            margin: 0; }
            body .post-container .content-container .post-copyright div div:first-child {
              width: 80px;
              font-weight: bolder;
              margin-right: 10px; }
            body .post-container .content-container .post-copyright div div:last-child {
              width: calc(100% - 90px);
              font-size: 14px;
              display: inline-block; }
              body .post-container .content-container .post-copyright div div:last-child a {
                font-size: 14px; 
                font-weight: 230;}
    body .post-container .catalog-container {
      position: relative; }
      body .post-container .catalog-container .catalog-directory {
        position: fixed;
        top: 150px;
        display: inline-block;
        opacity: 0;
        text-align: left;
        margin-left: 20px;
        transition: opacity .5s ease-in-out; }
        body .post-container .catalog-container .catalog-directory a {
          cursor: pointer; }
          body .post-container .catalog-container .catalog-directory a:hover {
            color: #002fa7; }
        body .post-container .catalog-container .catalog-directory a.current {
          color: #002fa7; }
        body .post-container .catalog-container .catalog-directory > ul {
          list-style: none;
          border-left: solid 1px #ddd;
          padding: 0; }
          body .post-container .catalog-container .catalog-directory > ul > li {
            margin: 10px 0; }
            body .post-container .catalog-container .catalog-directory > ul > li:before {
              content: "";
              position: relative;
              display: inline-block;
              width: 7px;
              height: 7px;
              left: -4px;
              background-color: #002fa7;
              border-radius: 50%;
              margin-right: 5px; }
            body .post-container .catalog-container .catalog-directory > ul > li > ul {
              list-style: none;
              padding-left: 25px; }
              body .post-container .catalog-container .catalog-directory > ul > li > ul > li {
                margin: 8px 0; }
              body .post-container .catalog-container .catalog-directory > ul > li > ul a {
                color: #999; }
              body .post-container .catalog-container .catalog-directory > ul > li > ul ul {
                display: none; }
  body .comment-container {
    width: 100%;
    position: relative;
    margin-top: 20px; }
    body .comment-container .response {
      font-size: 26px;
      font-weight: 500;
      display: block;
      padding-bottom: 20px; }
      body .comment-container .response a {
        text-decoration: underline; }
      body .comment-container .response span {
        font-weight: 500; }
    body .comment-container #comments .comment-form {
      position: relative;
      margin-bottom: 10px;
      border: 1px solid #999;
      position: relative; }
      body .comment-container #comments .comment-form .form-control {
        font-size: 13px;
        display: block;
        width: 100%;
        outline: 0; }
        body .comment-container #comments .comment-form .form-control:focus {
          outline: 0; }
      body .comment-container #comments .comment-form textarea.form-control {
        overflow: auto;
        height: 120px;
        font-size: 18px;
        padding: 10px 10px 10px 10px;
        width: 100%;
        border: none;
        background: transparent;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -webkit-transition: border-color .3s ease;
        -o-transition: border-color .3s ease;
        -moz-transition: border-color .3s ease;
        transition: border-color .3s ease;
        will-change: border-color;
        text-indent: 5px; }
      body .comment-container #comments .comment-form .input-control {
        width: 30%;
        height: 40px;
        border-radius: 4px;
        padding: 0 5px;
        outline: none;
        border: none;
        border-bottom: 1px dashed #999;
        background-color: transparent; }
        @media (max-width: 768px) {
          body .comment-container #comments .comment-form .input-control {
            width: 100%;
            height: 40px;
            margin-bottom: 10px;
            border-radius: 4px; } }
      body .comment-container #comments .comment-form #cancel-comment-reply-link {
        font-size: 14px;
        width: 60px;
        line-height: 28px;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        text-align: center;
        border-radius: 20px;
        box-sizing: border-box;
        cursor: pointer;
        position: absolute;
        bottom: 10px;
        right: 80px;
        border: 1px solid #ebebeb; }
      body .comment-container #comments .comment-form .submit {
        font-size: 14px;
        width: 60px;
        height: 30px;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        text-align: center;
        border: none;
        border-radius: 20px;
        cursor: pointer;
        position: absolute;
        bottom: 10px;
        right: 10px; }
      body .comment-container #comments .comment-form .comment-user-info-container {
        display: flex;
        justify-content: space-around;
        width: 100%;
        flex-wrap: wrap; }
    body .comment-container #comments .comment-list {
      margin: 0;
      padding-left: 0;
      padding-top:10px;
      list-style-type: none; }
      body .comment-container #comments .comment-list .respond {
        margin-left: 60px; }
      body .comment-container #comments .comment-list .comment-children {
        margin-left: 60px;
        padding-right: 10px; }
        body .comment-container #comments .comment-list .comment-children .comment-children {
          margin-left: 0px; }
        body .comment-container #comments .comment-list .comment-children .respond {
          margin-left: 0px; }
      body .comment-container #comments .comment-list .comment-view {
        display: flex;
        border-bottom: 1px solid #f6f6f6; }
        body .comment-container #comments .comment-list .comment-view:hover .comment-reply {
          display: inline-block; }
        body .comment-container #comments .comment-list .comment-view p {
          margin-top: 10px;
          margin-bottom: 15px;
          word-break: break-word; }
        body .comment-container #comments .comment-list .comment-view .comment-avatar {
          width: 30px;
          height: 30px;
          border-radius: 5;
          margin-right: 20px;
          margin-top: 20px; }
        body .comment-container #comments .comment-list .comment-view .comment-author {
          font-size: 15px;
          line-height: 30px; }
          body .comment-container #comments .comment-list .comment-view .comment-author a {
            font-size: 15px; }
        body .comment-container #comments .comment-list .comment-view .comment-by-author:after {
          content: "(作者)";
          color: #999;
          margin-left: .175rem;
          font-size: 12px;
          padding: .0625rem .1875rem; }
        body .comment-container #comments .comment-list .comment-view .comment-time {
          font-size: 12px;
          margin-left: 10px;
          margin-right: 10px;
          color: #999; }
        body .comment-container #comments .comment-list .comment-view .comment-content {
          display: flex; }
          body .comment-container #comments .comment-list .comment-view .comment-content p {
            font-size: 15px;
            margin: 10px 0; }
            body .comment-container #comments .comment-list .comment-view .comment-content p span {
              font-size: 15px; }
        body .comment-container #comments .comment-list .comment-view .comment-reply {
          font-size: 13px;
          display: none; }
          body .comment-container #comments .comment-list .comment-view .comment-reply a {
            font-size: 13px;
            color: #002fa7; }
      body .comment-container #comments .comment-list .talks-respond {
        margin-left: 120px;
        margin-top: 10px; }
        @media (max-width: 460px) {
          body .comment-container #comments .comment-list .talks-respond {
            margin-left: 80px; } }
      body .comment-container #comments .comment-list .talks-view {
        display: flex;
        align-items: center;
        background-color: #f8f8f8;
        padding: 10px 0px 10px 0px;
        margin: 30px 0px 0px; 
        border-radius: 10px;}
        body .comment-container #comments .comment-list .talks-view .author-container {
          display: flex;
          flex-wrap: wrap;
          width: 120px;
          justify-content: center;
          flex-direction: column;
          align-content: center;
          align-items: center; }
          @media (max-width: 460px) {
            body .comment-container #comments .comment-list .talks-view .author-container {
              width: 80px; } }
          body .comment-container #comments .comment-list .talks-view .author-container .time {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px; }
            @media (max-width: 460px) {
              body .comment-container #comments .comment-list .talks-view .author-container .time {
                font-size: 20px; } }
          @media (max-width: 460px) {
            body .comment-container #comments .comment-list .talks-view .author-container .date {
              font-size: 12px; } }
        body .comment-container #comments .comment-list .talks-view .talks-content-container {
          width: 100%;
          padding: 0px 20px 0px; }
          @media (max-width: 460px) {
            body .comment-container #comments .comment-list .talks-view .talks-content-container {
              width: 100%;
              padding: 0px 16px 0px; } }
          body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-content p {
            color: #666; font-weight: 230;}
          body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-content p.img-paragraph {
            line-height: 1em; }
          body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-content img {
            width: 150px;
            height: 150px;
            margin:0px 11px 20px 11px;
            border-radius: 10px;
            object-fit: cover;
            display: inline-block; }
            @media (max-width: 460px) {
              body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-content img {
                width: 100px;
                height: 100px; 
                margin: 0px 5px 10px 5px;
              } }
          body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-meta {
            float: right; }
            body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-meta .show-comment {
              font-size: 14px;
              color: #999;
              margin-right: 10px;
              cursor: pointer; }
              body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-meta .show-comment:hover {
                color: #002fa7; }
            body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-meta .reply a {
              font-size: 14px;
              color: #999; }
              body .comment-container #comments .comment-list .talks-view .talks-content-container .talks-meta .reply a:hover {
                color: #002fa7; }
      body .comment-container #comments .comment-list .talks-children {
        margin-left: 120px;
        border: 1px solid #ebebeb;
        position: relative;
        margin-top: 16px; }
        @media (max-width: 460px) {
          body .comment-container #comments .comment-list .talks-children {
            margin-left: 80px; } }
        body .comment-container #comments .comment-list .talks-children:before {
          box-sizing: content-box;
          width: 0px;
          height: 0px;
          position: absolute;
          top: -16px;
          right: 86px;
          padding: 0;
          border-bottom: 8px solid #FFFFFF;
          border-top: 8px solid transparent;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          display: block;
          content: '';
          z-index: 12; }
        body .comment-container #comments .comment-list .talks-children:after {
          box-sizing: content-box;
          width: 0px;
          height: 0px;
          position: absolute;
          top: -18px;
          right: 85px;
          padding: 0;
          border-bottom: 9px solid #ebebeb;
          border-top: 9px solid transparent;
          border-left: 9px solid transparent;
          border-right: 9px solid transparent;
          display: block;
          content: '';
          z-index: 10; }
        body .comment-container #comments .comment-list .talks-children .talks-respond {
          margin-left: 70px;
          margin-top: 10px; }
        body .comment-container #comments .comment-list .talks-children .talks-children {
          margin: 0px;
          border: none;
          top: 0px; }
          body .comment-container #comments .comment-list .talks-children .talks-children:after {
            content: none; }
        body .comment-container #comments .comment-list .talks-children .talks-view {
          align-items: flex-start;
          padding: 0px;
          margin: 15px 0px 0px;
          background-color: transparent; }
          body .comment-container #comments .comment-list .talks-children .talks-view .author-container {
            width: auto;
            flex-direction: row;
            align-items: flex-start;
            align-content: flex-start; }
            body .comment-container #comments .comment-list .talks-children .talks-view .author-container .author-avatar {
              width: 40px;
              height: 40px;
              border-radius: 50%;
              padding: 2px;
              border: 1px solid #E8E8E8;
              margin-left: 10px; }
          body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container {
            border-left: none;
            padding: 0px 20px 0px;
            width: calc(100% - 50px);
            position: relative; }
            @media (max-width: 460px) {
              body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container {
                padding: 0px 16px 0px; } }
            body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container:after {
              display: block;
              content: "";
              width: calc(100% - 50px);
              border-bottom: 1px solid #ebebeb;
              position: absolute;
              bottom: -1px; }
            body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container:hover .reply-head .reply {
              display: block; }
            body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container .reply-head {
              display: flex;
              justify-content: space-between; }
              body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container .reply-head .reply {
                display: none; }
                body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container .reply-head .reply a {
                  font-size: 12px;
                  color: #999; }
            body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container .date {
              font-size: 12px;
              color: #666;
              margin-top: 8px; }
            body .comment-container #comments .comment-list .talks-children .talks-view .talks-content-container .talks-content p {
              margin: 10px 0px; }
  body .pagination-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0; }
    body .pagination-container .prev, body .pagination-container .next {
      width: 80px;
      padding: 0;
      line-height: 34px; }
    body .pagination-container li {
      list-style: none;
      text-align: center;
      width: 36px;
      height: 36px;
      margin: 5px;
      line-height: 34px;
      border-radius: 6px; }
      body .pagination-container li a {
        display: block;
        text-align: center;
        background-color: #FBFBFB;
        color: #999;
        border-radius: 6px; }
        body .pagination-container li a:hover {
          background-color: #002fa7;
          color: #fff; }
  body .archive-container {
    width: 100%; }
    body .archive-container .search-form {
      margin-top: 60px;
      position: relative; }
      body .archive-container .search-form .search-input {
        font-size: 18px;
        line-height: 30px;
        padding: 10px 40px 10px 10px;
        width: 100%;
        height: 50px;
        border: 1px solid;
        -webkit-transition: border-color .3s ease;
        -o-transition: border-color .3s ease;
        -moz-transition: border-color .3s ease;
        transition: border-color .3s ease;
        will-change: border-color;
        text-indent: 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
      body .archive-container .search-form .search-btn {
        top: 0;
        right: 0;
        position: absolute;
        -webkit-transition: background-color .3s ease;
        -o-transition: background-color .3s ease;
        -moz-transition: background-color .3s ease;
        transition: background-color .3s ease;
        will-change: background-color;
        display: inline;
        display: initial;
        width: 50px;
        height: 50px;
        font-size: 32px; }
        body .archive-container .search-form .search-btn:hover {
          color: #002fa7; }
      body .archive-container .search-form button, body .archive-container .search-form input {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: 0;
        display: block; }
      body .archive-container .search-form button {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 0;
        cursor: pointer; }
    body .archive-container .tags-container {
      margin-top: 40px; }
      body .archive-container .tags-container .terms-tags .terms-link {
        display: inline-block;
        position: relative;
        margin: 0px 12px 12px 0px;
        padding: 5px 9px 8px 9px;
        border-radius: 6px;
        border: none;
        font-size: 16px;
        color: #0e141d;
        background-color: #fff;
        word-wrap: break-word;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out; }
        body .archive-container .tags-container .terms-tags .terms-link:active, body .archive-container .tags-container .terms-tags .terms-link:focus, body .archive-container .tags-container .terms-tags .terms-link:hover {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
        body .archive-container .tags-container .terms-tags .terms-link .terms-count {
          position: absolute;
          top: -4px;
          right: -4px;
          color: #002fa7;
          width: 16px;
          height: 16px;
          text-align: center;
          border-radius: 50%;
          font-size: 8px; }
    body .archive-container .category-container {
      width: 100%;
      margin-top: 30px; }
      body .archive-container .category-container ul {
        list-style: none;
        margin: 0;
        padding: 0; }
      body .archive-container .category-container .category-list {
        line-height: 38px;
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
      body .archive-container .category-container .category-name {
        cursor: pointer; }
        body .archive-container .category-container .category-name:not(:last-child) {
          margin-right: 20px; }
      body .archive-container .category-container .category-name.active span {
        text-decoration: underline; }
    body .archive-container .archive-list {
      margin-top: 15px;
      margin-bottom: 50px;
      border-top: none; }
      body .archive-container .archive-list .archives {
        display: none; }
        body .archive-container .archive-list .archives .archives-month {
          margin: 15px 0;
          font-size: 28px;
          line-height: 30px; }
        body .archive-container .archive-list .archives .archive-post {
          padding: 8px 0px 8px 9px; }
          body .archive-container .archive-list .archives .archive-post:hover .archive-post-time, body .archive-container .archive-list .archives .archive-post:hover .archive-post-title .archive-post-link {
            color: #999; }
          body .archive-container .archive-list .archives .archive-post .archive-post-time {
            margin-right: 10px; }
          body .archive-container .archive-list .archives .archive-post .archive-post-title .archive-post-link {
            -webkit-transition: color .3s ease;
            -o-transition: color .3s ease;
            -moz-transition: color .3s ease;
            transition: color .3s ease; }
      body .archive-container .archive-list .archives.active {
        display: block; }
  body #outerdiv {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    overflow-y: scroll; }
    body #outerdiv #bigimg {
      margin: auto; }
  body #static {
    width: 100%;
    height: 60px; }
  body .footer-container {
    width: 100%;
    height: 80px;
    display: flex;
    padding: 20px 0;
    margin-top: 20px;
    flex-direction: column;
    align-items: center;
    word-spacing: 0.2em;
    text-align: center; }
    body .footer-container * {
      font-size: 12px;
      line-height: 16px;
        color: white;
    }
    body .footer-container p {
      margin: 0; }
.wrapper {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  max-width: 820px;
  background: #fff;
  margin: 0 auto;
  margin-top: 60px;
  /*box-shadow: 0 10px 20px 0 hsla(0,0%,93%,.86);*/
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
 margin-bottom: -40px;
}

      body .post-container .content-container .post-title-zhan {
      height:45px;
      width:820px;

      }
/*# sourceMappingURL=lantern.min.css.map */
/*友情链接修改相册合集*/
  body .post-content .f-photo {
    padding-top:64px;
    padding-bottom:45px;
    padding-left:30px;
    padding-right:30px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    body .post-content .f-photo a {
      text-decoration:none;
      margin: 0.9rem;
      width: -webkit-calc(100%/3 - 1.8rem);
 }
      @media (max-width: 600px) {
        body .post-content .f-photo a {
          width: -webkit-calc(100%/2 - 1.8rem);
          width: calc(100%/2 - 1.875rem); } }
      body .post-content .f-photo a:active, body .post-content .f-photo a:focus, body .post-content .f-photo a:hover {
        opacity: 0.8;
     /*   -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); */}
        body .post-content .f-photo a .f-img img {
          border-radius:10px;
          height: 100%;
          width: 100%;}
     body .post-content .f-photo a .f-name {
        font-size:18px;
        line-height: 50px;}
                body .post-content .f-photo a {
       /*     -webkit-filter: grayscale(100%);  */ /*合集黑白*/
        }
        body .post-content .f-photo a:hover {
         /*   filter: none;
            -webkit-filter: none;  */ /*合集彩色*/
        }
.talks-content p audio {
    width:100%; 
    border-radius:10px;
    background-color:#f1f3f4;
} 
.post-content audio {
    width:100%; 
    border-radius:10px;
    background-color:#f1f3f4;
} 
.blog-description {
    font-size: 30px;
    font-weight: 900;
    position: absolute;
    transform: rotate(270deg) translate(-100%, -60%);
    transform-origin: 0 0;
    letter-spacing: 0.5px;
    color: white;
}

body .comment-container #comments .comment-list .talks-view .talks-content-container .date {
    float: left;
    font-size: 12px;
    color: #405fa9b5;
    margin: 7px 0px 0px 0px;
    
}
body .comment-container #comments .comment-list .talks-view .talks-content-container .date span {
    font-size: 12px;
    
}

body .comment-container #comments .comment-list .talks-view .talks-content-container .datebox {
    border-top: 1px solid #ebebeb;
    
}
body .comment-container #comments .comment-form .insertanniu {
    position: absolute;
    bottom: 10px;
    padding-left: 10px;
}

body .comment-container #comments .comment-form .insertanniu a {
    margin-left: 5px;

}

 body .comment-container .ying-box {
              margin-top: 10px;
            } 
.talks-content a {
    color:#7c90c3;
}