/*网站样式*/

@charset "UTF-8";



body {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,

    "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",

    "Microsoft YaHei", sans-serif;

  color: #222;

  line-height: 1.5;

  font-size: 14px;

  overflow-x: hidden;

  background-color: #f5f6fa;

}

html,

body {

  min-height: 100%;

  padding: 0;

  margin: 0;

}

a {

  color: #222;

  -webkit-transition: 0.2s linear;

  transition: 0.2s linear;

  text-decoration: none;

}

a:hover,

a:focus {

  color: #4d5259;

  text-decoration: underline;

  outline: none;

}

a:hover,

a:focus,

a:active {

  text-decoration: underline;

}

a,

button,

a:focus,

a:active,

button:focus,

button:active {

  outline: none !important;

}

blockquote {

  font-size: 16px;

}

img {

  max-width: 100%;

}

pre {

  background-color: #f9fafb;

  border: none;

  border-left: 5px solid #ebebeb;

  padding: 12px;

  border-radius: 3px;

  color: #616a78;

}



ul,

ol,

dl,

dd,

dt {

  padding: 0;

  margin: 0;

}



li {

  list-style: none;

}



code {

  padding: 2px 4px;

  color: #c7254e;

  background-color: #f9f2f4;

  border-radius: 4px;

}



p {

  line-height: 28px;

  padding: 5px;

  text-indent: 10px;

  margin: 0;

}



.body {

  display: block;

  clear: both;

  min-height: 700px;

}



.main-container {
  width: 1200px;

  margin: 0 auto;

}



.main-content {

  min-height: 700px;

  background: #f1f1f1;

}



.main-content.single {

  min-height: 400px;

}



.main-content .title {

  font-weight: bold;

  font-size: 24px;

  color: #000;

  text-align: center;

  line-height: 80px;

}



.main-content .info {

  font-size: 18px;

  color: #333;

  text-align: center;

  border-bottom: #ccc dashed 1px;

  line-height: 40px;

  padding-bottom: 10px;

}



.main-content .info span {

  padding: 5px 10px;

  line-height: 36px;

  display: inline-block;

  min-width: 100px;

}



.main-content .content {

  margin-top: 20px;

  line-height: 28px;

  text-indent: 10px;

  font-size: 16px;

  color: #333;

}



.content-tags {

  margin-top: 50px;

  padding: 10px;

  border: 1px dashed #d3cabe;

}



.content-tags a {

  margin: 5px;

  font-size: 14px;

  color: #a0661a;

}



.content-mention {

  margin-top: 50px;

  padding: 10px;

  border: 1px dashed #adc7d3;

}



.content-mention a {

  margin: 5px;

  font-size: 14px;

  color: #1a81a0;

}



.content-attachments {

  margin-top: 50px;

  padding: 10px;

  border: 1px dashed #adc7d3;

}



.content-attachments a {

  margin: 5px;

  font-size: 14px;

  color: #1a81a0;

}



.content-attachments img {

  height: 200px;

  width: 200px;

  margin: 5px;

}



.next-prev {

  padding: 10px;

}



.next-prev .prev,

.next-prev .next {

  font-size: 16px;

}



.main-nav {
 float: left;
  width: 100%;
  height:40px;
  padding: 20px 0;

  background: #8ac4dfc4;

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

}


.logo{width:300px;display: flex;align-items: center;}
.logo img{width:50px;height:50px;margin-right:10px;}
.logo span{font-size:20px;}


.top-navi {

  width:450px;
  height: 40px;
  line-height:40px;
  padding: 0;

  margin: 0;

  clear: both;

}



.top-navi .navi-item {

  float: left;

  width: 80px;

  text-align: center;

  list-style: none;

  font-weight: bold;

  font-size: 16px;

}



.top-navi .navi-item.active {

  background: #caecf4;

}



.top-navi .navi-item {

  position: relative;

  transition: all 0.3s;

}



.top-navi .navi-item::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 0;

  height: 1px;

  background: #fff;

  transition: all 0.3s;

}



.top-navi .navi-item:hover::after {

  left: 0;

  width: 100%;

}



.search-box {
  width:400px;
  text-align: center;

}



.search-box input[type="text"] {

  width: 300px;

  height: 24px;

  padding: 3px 5px;

  border: 1px solid #ccc;

  border-radius: 3px;

  font-size: 14px;

  outline: none;

}



.search-box button {

  width: 60px;

  height: 30px;

  padding: 3px 5px;

  background: #caecf4;

  border: none;

  border-radius: 3px;

  color: #666;

  font-size: 14px;

  cursor: pointer;

}



.search-box button {

  transition: all 0.2s ease;

}



.search-box button:hover {

  background: #8ac4df;

  color: #fff;

}



.list {

  border-top: 1px dashed #ccc;

  background: #f1f1f1;

  padding: 10px 0;

}



.list .list-item {

  padding: 10px;

  margin-bottom: 3px;

  border-bottom: 1px dashed #ccc;

}



.list-item {

  transition: all 0.3s ease;

}



.list-item:hover {

  transform: translateY(-2px);

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

}



.list-item .left {

  font-weight: bold;

  font-size: 16px;

}



.list-item .date {

  float: right;

  color: #666;

}



.list-item .info {

  margin-top: 5px;

  color: #333;

}



.breadcrumb {

  padding: 10px;

  font-weight: bold;

  font-size: 16px;

}



.pagination {

  text-align: center;

  padding: 10px;

}



.pagination li {

  display: inline-block;

  margin: 0;

  padding: 0 8px;

}



.pagination li.active {

  border: 1px solid #ccc;

}



.index-top {

  margin-top: 10px;

  padding: 2px;
display: block;overflow:hidden;
}



.index-grid {

  display: block;overflow:hidden;

  width: 100%;

  float: left;

}



.index-grid .index-item {

  width: 50%;

  background: #f1f1f1;

  margin: 5px 0;

  float: left;

}



.index-item .inner {

  width: 100%;

  border: 1px dashed #ccc;

  margin: 5px 0;

}



.index-item .channel-title {

  font-weight: bold;

  font-size: 18px;

  line-height: 40px;

  margin: 5px;

}



.index-item .channel-title .logo {

  width: 150px;

  height: 80px;

}



.index-item .item-info {

  padding: 6px;

  border-top: 1px dashed #ccc;

  margin-left: 5px;

}



.index-item .title {

  font-weight: 600;

}



.index-item .date {

  float: right;

  color: #666;

}



.footer {

  width: 100%;

  padding: 10px 0;

  margin: 0;

  background: #8ac4dfc4;

  clear: both;

}



.friend-links {

  width: 100%;

  text-align: center;

}



.friend-links li {

  display: inline-block;

}



.friend-links a {

  font-size: 16px;

  padding: 5px;

  color: #4d5259;

}



.copyright {

  text-align: center;

}



.kwd-txt {

  color: red;

}