/*
*Description: Theme CSS
*Author: TOYEAN
*Website: https://www.toyean.com/
*Mail: toyean@qq.com
*Version: 3.8(2022-06-04)
*Page width: 1200px
*/
@charset "utf-8";
a, img, button, input, textarea {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 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;
  font-size: 100%;
  border: 0;
  vertical-align: baseline
}
.toyean-baijia-theme {
  background: #fff;
  color: #333;
  border-color: #f26950
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: arial, verdana, "Microsoft YaHei"
}
input, button, textarea, select {
  font-family: 'microsoft yahei'
}
::selection {
  color: #fff;
  background: #3f72af
}
::-moz-selection {
  color: #fff;
  background: #3f72af
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal
}
a {
  color: #333;
  text-decoration: none
}
a:hover {
  color: #3f72af;
  -webkit-transition: background-color .15s linear, color .15s linear;
  -moz-transition: background-color .15s linear, color .15s linear;
  -o-transition: background-color .15s linear, color .15s linear;
  -ms-transition: background-color .15s linear, color .15s linear;
  transition: background-color .15s linear, color .15s linear
}
a:visited {
  text-decoration: none;
  -webkit-transition: background-color .15s linear, color .15s linear;
  -moz-transition: background-color .15s linear, color .15s linear;
  -o-transition: background-color .15s linear, color .15s linear;
  -ms-transition: background-color .15s linear, color .15s linear;
  transition: background-color .15s linear, color .15s linear
}
i {
  font-family: iconfont, "microsoft yahei";
  font-style: normal;
  display: inline-block;
  vertical-align: top
}
ul, ol {
  list-style-type: none
}
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  border: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform .2s ease 0s;
  transition: transform .2s ease 0s
}
.shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08)
}
.zoom {
  display: inline-block;
  vertical-align: top
}
.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont.woff2') format('woff2'), url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf') format('truetype'), url('fonts/iconfont.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal
}
.clear {
  clear: both
}
.hide {
  display: none
}
.wrapper {
  width: 100%;
  overflow: hidden
}
.wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  zoom: 1;
  clear: both
}
.wrap:after {
  content: "";
  display: block;
  clear: both
}
.header {
  width: 100%;
  height: 52px;
  box-shadow: 0 1px 3px rgba(18, 18, 18, 0.1);
  background: #3f72af;
  position: fixed;
  top: -52px;
  z-index: 9999;
  -webkit-transition: top .2s;
  -moz-transition: top .2s;
  -o-transition: top .2s;
  transition: top .2s
}
.header.topfixed, .header.toproot {
  top: 0
}
.header.nofixed {
  position: relative;
  top: 0
}
.logo {
  height: 52px;
  float: left;
  display: inline;
  margin-right: 35px;
  overflow: hidden;
  position: relative;
  z-index: 99
}
.logo a {
  width: 100%;
  height: 52px;
  display: table-cell;
  vertical-align: middle;
  transition: all ease .3s
}
.logo a img {
  height: 42px;
  vertical-align: middle
}
.logo .name a {
  font-size: 18px;
  color: #fff
}
.logo.on a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(63, 114, 175, 0) 0, rgba(63, 114, 175, 0.5) 100%);
  background: linear-gradient(to right, rgba(63, 114, 175, 0) 0, rgba(63, 114, 175, 0.5) 100%);
  -webkit-transform: skewX(-17deg);
  -moz-transform: skewX(-17deg);
  -o-transform: skewX(-17deg);
  -ms-transform: skewX(-17deg);
  transform: skewX(-17deg)
}
.logo a:hover::before {
  -webkit-animation: shine 1s;
  -moz-animation: shine 1s;
  animation: shine 1s
}
@-webkit-keyframes shine {
  100% {
    left: 125%
  }
}
@keyframes shine {
  100% {
    left: 125%
  }
}
.menu {
  height: 52px;
  display: inline-block
}
.menu ul {
  zoom: 1;
  clear: both
}
.menu ul:after {
  content: "";
  display: block;
  clear: both
}
.menu li {
  float: left;
  display: inline;
  text-align: center;
  line-height: 52px;
  position: relative
}
.menu li a {
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  position: relative;
  display: block
}
.menu li a.on {
  color: #fff;
  background: #2b5e9b
}
.menu li a:hover {
  color: #fff;
  text-decoration: none;
  background: #2b5e9b
}
.menu li a.active {
  background: #2b5e9b
}
.menu li .subnav {
  min-width: 150px;
  text-align: left;
  background: #2b5e9b;
  position: absolute;
  top: 52px;
  left: 0;
  z-index: 10;
  display: none
}
.menu li .subnav a {
  padding: 0 40px 0 15px;
  font-size: 14px;
  color: #fff;
  line-height: 36px;
  text-decoration: none;
  border: 0;
  white-space: nowrap;
  text-overflow: ellipsis
}
.menu li .subnav a.on, .menu li .subnav a:hover {
  color: #fff;
  background: #3f72af
}
.menu li .subnav a::after {
  content: "\e6a6";
  font-size: 16px;
  color: #ccc;
  font-family: iconfont;
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 14px;
  vertical-align: top;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
.menu li .subnav a:hover::after {
  color: #fff
}
.menu li.subcate > a {
  padding-right: 10px
}
.menu li.subcate > a:after {
  content: "\e69b";
  margin-left: 3px;
  font-size: 12px;
  color: #fff;
  font-family: iconfont;
  vertical-align: top
}
.menu li.subcate:hover {
  background: #2b5e9b
}
.menu li.subcate:hover .subnav {
  display: block
}
.menu li.on {
  background: #2b5e9b
}
.menu.on {
  width: 100%;
  float: left;
  display: inline;
  margin: 0 -10px;
  border-top: 1px solid #5386c3;
  background: #fff;
  position: absolute;
  top: 50px;
  z-index: 9;
  display: block
}
.menu.on li {
  width: 100%;
  float: none;
  line-height: 40px;
  display: block
}
.menu.on li a {
  display: block
}
.menu.on li:hover::before, .menu.on li.on::before {
  display: none
}
.menuico {
  width: 38px;
  height: 38px;
  float: right;
  display: inline;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  top: 6px;
  display: none;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}
.menuico span {
  width: 21px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in
}
.menuico span:first-child {
  margin-top: -6px
}
.menuico span:last-child {
  margin-top: 6px
}
.menuico.on span:first-child {
  width: 20px;
  margin-top: -8px;
  margin-left: -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg)
}
.menuico.on span:nth-child(2) {
  opacity: 0;
  width: 2px;
  left: 20px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in
}
.menuico.on span {
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  transform-origin: 0
}
.menuico.on span:last-child {
  width: 20px;
  margin-top: 6px;
  margin-left: -7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.fademask.on {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3
}
.navlast {
  border-right: 1px solid #26517e
}
.sch {
  position: absolute;
  top: 0;
  right: 0
}
.sch-m {
  line-height: 0;
  position: relative;
  display: none
}
.sch-m input {
  width: 100%;
  height: 50px;
  padding: 0 18px;
  font-size: 16px;
  color: #333;
  line-height: 50px;
  border: 0;
  outline: 0;
  border-bottom: 2px solid #3f72af;
  box-sizing: border-box;
  background: transparent
}
.sch-m input:focus {
  color: #3f72af
}
.sch-m button {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  background: transparent;
  position: absolute;
  bottom: 10px;
  right: 10px
}
.sch-m button::after {
  content: "\e6e1";
  font-size: 30px;
  color: #3f72af;
  font-family: iconfont;
  font-weight: 600;
  display: inline-block;
  vertical-align: top
}
.sch form {
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3) inset;
  background: #fff;
  position: relative;
  top: 10px;
  display: inline-block;
  vertical-align: top
}
.sch .txt {
  width: 100px;
  height: 32px;
  margin: 0 30px 0 16px;
  padding: 0;
  font-size: 14px;
  color: #3f72af;
  line-height: 32px;
  border: 0;
  outline: 0;
  background: 0;
  background: transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.sch .btn {
  padding: 0;
  border: none;
  outline: 0;
  cursor: pointer;
  background: transparent;
  position: absolute;
  top: 5px;
  right: 6px
}
.sch .btn:before {
  content: "\e6e1";
  font-size: 24px;
  color: #3f72af;
  font-family: iconfont;
  font-weight: 600;
  display: inline-block;
  vertical-align: top
}
.userlink {
  margin: 17px 0 0;
  display: inline-block;
  vertical-align: top
}
.userlink a {
  color: #fff;
  opacity: .8
}
.userinfo {
  width: 110px;
  min-height: 52px;
  text-align: center;
  cursor: default;
  display: inline-block;
  vertical-align: top
}
.userinfo .uimg {
  height: 51px;
  line-height: 52px;
  display: block
}
.userinfo .uimg img {
  width: 20px;
  height: 20px;
  margin: 16px 5px 0 0;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  vertical-align: top
}
.userinfo .uimg a {
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block
}
.userinfo img {
  width: 28px;
  height: 28px;
  border-radius: 50%
}
.userinfo i {
  font-size: 30px;
  color: #98c1f5;
  display: inline-block;
  vertical-align: middle
}
.userinfo p {
  height: 30px;
  margin-top: 5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 27px;
  display: none
}
.userinfo.on {
  background: #2b5e9b
}
.userinfo.on .usernav, .userinfo.on p {
  display: block
}
.usernav {
  line-height: 30px;
  border-top: 1px solid #3c597b;
  display: none
}
.usernav ul {
  padding: 10px 0 10px;
  text-align: left;
  border-top: 1px solid #2265b3
}
.usernav ul a {
  font-size: 12px;
  color: #a3d6ff;
  display: block
}
.usernav ul a:hover {
  color: #fff;
  text-decoration: none;
  background: #3f72af
}
.usernav ul a:hover i:before {
  color: #fff
}
.usernav ul a i {
  width: 16px;
  margin: 0 8px 0 14px;
  font-size: 20px;
  display: inline-block;
  vertical-align: top
}
.usernav ul a i:before {
  color: #a3d6ff;
  font-family: iconfont;
  vertical-align: top
}
.userbox {
  margin: 52px auto 0;
  background: #fefefe;
  overflow: hidden
}
.userbox.nofixed {
  margin: 0 auto
}
.icoqq:before {
  content: "\e60f";
  font-family: iconfont;
  vertical-align: top
}
.icoqq:hover {
  color: #00a3e1
}
.icoweibo:before {
  content: "\e612";
  font-family: iconfont;
  vertical-align: top
}
.icoweibo:hover {
  color: #e6162d
}
.icoweixin:before {
  content: "\e610";
  font-size: 14px;
  font-family: iconfont;
  vertical-align: top
}
.icoweixin:hover {
  color: #00d500
}
.icoqzone:before {
  content: "\e640";
  font-family: iconfont;
  vertical-align: top
}
.icoqzone:hover {
  color: #ffce00
}
.icofeed:before {
  content: "\e6e9";
  font-family: iconfont;
  vertical-align: top
}
.icofeed:hover {
  color: #3f72af
}
.icoedit {
  margin: 0 0 0 18px
}
.icoedit:before {
  content: "\e6e5";
  font-family: iconfont;
  vertical-align: top
}
.icoprev:before {
  content: "\e6dc";
  font-family: iconfont;
  vertical-align: top
}
.iconext:before {
  content: "\e6a6";
  font-family: iconfont;
  vertical-align: top
}
.icousername i {
  font-size: 25px;
  top: 10px;
  left: 5px
}
.icousername i:after {
  content: "\e6a7";
  font-family: iconfont;
  vertical-align: top
}
.icopassword i {
  font-size: 25px;
  top: 9px;
  left: 7px
}
.icopassword i:after {
  content: "\e62b";
  font-family: iconfont;
  vertical-align: top
}
.icoinvite i {
  font-size: 29px;
  top: 9px;
  left: 6px
}
.icoinvite i:after {
  content: "\e6ae";
  font-family: iconfont;
  vertical-align: top
}
.icoverify i {
  font-size: 22px;
  top: 11px;
  left: 8px
}
.icoverify i:after {
  content: "\e638";
  font-family: iconfont;
  vertical-align: top
}
.icouseremail i {
  font-size: 24px;
  top: 11px;
  left: 7px
}
.icouseremail i:after {
  content: "\e644";
  font-family: iconfont;
  vertical-align: top
}
.icosystem:before {
  content: "\e699";
  font-family: iconfont;
  vertical-align: top
}
.icoarticle:before {
  content: "\e6e2";
  font-family: iconfont;
  vertical-align: top
}
.icocommon:before {
  content: "\e6a8";
  font-family: iconfont;
  vertical-align: top
}
.icoedit:before {
  content: "\e6e5";
  font-family: iconfont;
  vertical-align: top
}
.icomodify:before {
  content: "\e6a9";
  font-family: iconfont;
  vertical-align: top
}
.icologout:before {
  content: "\e618";
  font-family: iconfont;
  vertical-align: top
}
.icoshare:before {
  content: "\e6be";
  font-family: iconfont;
  vertical-align: top
}
.box {
  margin: 70px auto 10px;
  background: #fefefe;
  overflow: hidden
}
.box.nofixed {
  margin: 18px auto
}
.main {
  border: 1px solid #ebebeb;
  background: #fefefe;
  zoom: 1;
  clear: both
}
.main:after {
  content: "";
  display: block;
  clear: both
}
.sitemap {
  margin-bottom: 5px;
  font-size: 14px;
  color: #999;
  line-height: 24px
}
.sitemap a {
  font-size: 14px;
  color: #999
}
.sitemap a:hover {
  color: #3f72af
}
.content {
  width: 72%;
  float: left;
  display: inline;
  border-right: 1px solid #ebebeb;
  box-sizing: border-box
}
.slide {
  padding: 18px;
  border-bottom: 1px solid #ebebeb;
  position: relative
}
.slidelist {
  display: none
}
.slide li {
  background: #fff;
  overflow: hidden;
  display: none
}
.slideimg {
  width: 300px;
  float: left;
  display: inline;
  margin-right: 30px
}
.slideimg a {
  height: 0;
  padding-bottom: 62%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block
}
.slideimg a img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.slideimg:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
.slidecon {
  font-size: 12px;
  color: #666;
  overflow: hidden;
  display: flex;
  flex: auto;
  justify-content: space-between;
  flex-direction: column
}
.slidetitle {
  padding: 10px 0;
  border-bottom: 1px dotted #ebebeb;
  display: flex
}
.slidetitle span {
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.slidetitle a {
  font-size: 20px;
  line-height: 30px
}
.slideintro {
  padding: 10px 0 5px;
  line-height: 24px;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}
.slidetime {
  color: #aaa
}
.slidetime a {
  margin-right: 10px;
  color: #3f72af
}
.slidebar {
  font-size: 0;
  text-align: center;
  position: absolute;
  right: 20px;
  bottom: 20px
}
.slidebar span a {
  width: 12px;
  height: 12px;
  margin: 3px 8px 0 0;
  border-radius: 100%;
  box-shadow: .5px .5px 1px 0 #333 inset;
  background: #bbb;
  display: inline-block;
  vertical-align: top
}
.slideprev, .slidenext {
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  display: inline-block;
  vertical-align: top
}
.slideprev:before, .slidenext:before {
  font-size: 12px;
  color: #a0a0a0;
  font-weight: 600;
  display: inline-block
}
.slideprev {
  margin-right: 8px
}
.slideprev:before {
  content: "\e6dc";
  font-family: iconfont
}
.slidenext:before {
  content: "\e6a6";
  font-family: iconfont
}
.slidebtn a.on {
  background: #3f72af
}
.connews {
  padding: 20px 18px;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  zoom: 1;
  clear: both
}
.connews:after {
  content: "";
  display: block;
  clear: both
}
.contitle {
  margin-bottom: 14px
}
.contitle h4 {
  padding-left: 10px;
  border-left: 3px solid #3f72af;
  font-size: 18px;
  color: #333;
  line-height: 19px;
  font-weight: normal
}
.newscon ul {
  margin-left: -5%;
  zoom: 1;
  clear: both
}
.newscon ul:after {
  content: "";
  display: block;
  clear: both
}
.newscon ul li {
  width: 45%;
  float: left;
  margin-left: 5%;
  line-height: 40px;
  border-bottom: 1px dotted #ebebeb;
  overflow: hidden;
  position: relative
}
.newscon ul li a {
  padding-right: 80px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}
.newscon ul li a:before {
  content: "\e6a6";
  margin: 0 5px 0 -5px;
  font-size: 14px;
  color: #3f72af;
  font-family: iconfont
}
.newscon ul li a:hover {
  text-decoration: none
}
.newscon ul li span {
  width: 100px;
  text-align: right;
  line-height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1
}
.newscon ul li span a {
  width: auto;
  float: none;
  padding: 0;
  font-size: 12px;
  color: #aaa;
  display: block
}
.newscon ul li span a:hover {
  color: #3f72af
}
.newscon ul li span a:before {
  display: none
}
.adsimg {
  width: 100%;
  border-bottom: 1px solid #ebebeb
}
.adsimg img {
  width: 100%;
  margin: 0 auto;
  display: block
}
.concms {
  margin-right: -1px;
  zoom: 1;
  clear: both
}
.concms:after {
  content: "";
  display: block;
  clear: both
}
.cmslist {
  width: 50%;
  min-height: 329px;
  _height: 329px;
  float: left;
  margin-bottom: -1px;
  padding: 20px 18px;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  box-sizing: border-box
}
.cmslist li {
  line-height: 40px;
  border-bottom: 1px dotted #ebebeb;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center
}
.cmslist li.cmstop {
  padding: 0;
  display: flex
}
.cmslist li a {
  font-size: 14px
}
.cmslist li span {
  padding-left: 10px;
  font-size: 12px;
  color: #999;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0
}
.cmslist .cmsinfo a {
  font-size: 16px;
  line-height: 1.8;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box
}
.cmstitle {
  height: 28px;
  padding-bottom: 10px
}
.cmstitle h4 {
  height: 17px;
  padding-left: 10px;
  border-left: 3px solid #3f72af;
  font-size: 18px;
  color: #333;
  line-height: 19px;
  font-weight: normal
}
.cmstitle h4 .catelink {
  color: #333;
  text-decoration: none
}
.cmstitle h4 .more {
  float: right;
  display: inline;
  font-size: 12px;
  color: #999
}
.cmstitle h4 .more:hover {
  color: #3f72af
}
.cmsimg {
  margin-right: 20px
}
.cmsimg i {
  width: 120px;
  height: 0;
  margin-bottom: 10px;
  padding-bottom: 65%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block
}
.cmsimg i img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.cmsimg:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
.cmsinfo {
  margin-bottom: 10px;
  line-height: 1.5;
  overflow: hidden;
  display: flex;
  flex: auto;
  justify-content: space-between;
  flex-direction: column
}
.cmsinfo a {
  margin-bottom: 5px;
  display: block
}
.cmsinfo .cmsintro {
  font-size: 12px;
  color: #999;
  line-height: 1.8;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.cmsitem a {
  padding-right: 60px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block
}
.cmsitem a:before {
  content: "\e6a6";
  margin: 0 5px 0 -5px;
  font-size: 14px;
  color: #3f72af;
  font-family: iconfont
}
.catalog {
  padding: 18px
}
.post {
  margin-bottom: 20px;
  padding: 0 0 20px;
  border-bottom: 1px dotted #ebebeb;
  overflow: hidden
}
.postlist {
  padding: 20px 18px
}
.postlist h4 {
  margin-bottom: 20px;
  padding-left: 10px;
  border-left: 3px solid #3f72af;
  font-size: 18px;
  color: #333;
  line-height: 19px;
  font-weight: normal
}
.postimg {
  width: 180px;
  float: left;
  display: inline;
  margin-right: 30px;
  overflow: hidden
}
.postimg a {
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block
}
.postimg a img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.postimg a span {
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  background: #3f72af;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1
}
.postimg:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
.postbox {
  color: #a8a8a8;
  overflow: hidden
}
.postbox a {
  font-size: 12px
}
.postbox h3 {
  margin-bottom: 5px;
  line-height: 1.8;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.postbox h3 a {
  font-size: 18px
}
.postbox .pagebar {
  padding: 0;
  border: 0
}
.postintro {
  width: 100%;
  margin-bottom: 10px;
  color: #999;
  line-height: 25px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box
}
.postinfo {
  font-size: 12px;
  color: #999;
  line-height: 20px
}
.postinfo span {
  display: inline-block;
  vertical-align: top
}
.postinfo span:last-child {
  margin: 0
}
.postinfo .user, .postinfo .date, .postinfo .cate, .postinfo .view, .postinfo .cmt, .postinfo .edit, .postinfo .del {
  margin-right: 15px;
  padding: 0;
  color: #888
}
.postinfo .user::before, .postinfo .date::before, .postinfo .cate::before, .postinfo .view::before, .postinfo .cmt::before, .postinfo .edit::before, .postinfo .del::before {
  margin-right: 2px;
  font-size: 19px;
  font-family: iconfont;
  vertical-align: top
}
.postinfo .user a, .postinfo .date a, .postinfo .cate a, .postinfo .view a, .postinfo .cmt a, .postinfo .edit a, .postinfo .del a {
  color: #888
}
.postinfo .user a:hover, .postinfo .date a:hover, .postinfo .cate a:hover, .postinfo .view a:hover, .postinfo .cmt a:hover, .postinfo .edit a:hover, .postinfo .del a:hover {
  color: #3f72af
}
.postinfo .user:before {
  content: "\e6a9"
}
.postinfo .date:before {
  content: "\e69c"
}
.postinfo .cate:before {
  content: "\e6e2"
}
.postinfo .view:before {
  content: "\e6a7"
}
.postinfo .cmt:before {
  content: "\e6a8"
}
.postinfo .edit:before {
  content: "\e69a"
}
.postinfo .del:before {
  content: "\e6ac"
}
.post .edit, .post .del {
  display: none
}
.post:hover .edit, .post:hover .del {
  display: inline-block
}
.cateads {
  margin-bottom: 20px;
  padding: 0 0 20px;
  border-bottom: 1px dotted #ebebeb;
  overflow: hidden
}
.cateads a {
  display: block
}
.cateads img {
  width: 100%;
  margin: 0 auto;
  display: block
}
.pagebar, .cmtpagebar, .userpagebar {
  width: 100%;
  margin: 20px auto 0;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  background: #fff;
  clear: both
}
.pagebar .now-page, .cmtpagebar .now-page, .userpagebar .now-page {
  margin: 5px;
  padding: 5px 10px;
  color: #fff;
  font-weight: bolder;
  line-height: 16px;
  border: 1px solid #3f72af;
  background: #3f72af;
  display: inline-block
}
.pagebar a, .cmtpagebar a, .userpagebar a {
  margin: 4px;
  padding: 0 10px;
  color: #777;
  font-weight: bolder;
  border: 1px solid #ebebeb;
  background: #fff;
  display: inline-block
}
.pagebar a:hover, .cmtpagebar a:hover, .userpagebar a:hover {
  color: #3f72af;
  border: 1px solid #3f72af;
  background: #fff
}
.pagination-loading {
  margin: 20px 0 0;
  text-align: center;
  line-height: 40px;
  border-radius: 2px;
  background: #ebebeb
}
.ias_trigger {
  margin: 20px 0 0
}
.ias_trigger a {
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 38px;
  border: 1px solid #ebebeb;
  background: #fff;
  display: block
}
.ias_trigger a:hover {
  color: #333;
  background: #ebebeb
}
.single {
  padding: 0 20px
}
.single h1 {
  margin: 20px 0 10px;
  font-size: 28px;
  color: #333;
  line-height: 40px
}
.single .pageline {
  margin-bottom: 15px;
  border-bottom: 1px dotted #ebebeb
}
.listintro {
  margin-bottom: 20px;
  padding: 10px 15px;
  font-size: 14px;
  color: #888;
  line-height: 22px;
  border: 1px dotted #ccc;
  border-radius: 3px;
  background: #f8f8f8;
  overflow: hidden
}
.articlecon {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
  line-height: 1.9;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden
}
.articlecon ul, .articlecon ol {
  margin-bottom: 20px;
  list-style-position: inside
}
.articlecon ul p, .articlecon ol p {
  display: inline
}
.articlecon .intro p {
  margin: 0;
  font-size: 14px;
  color: #999;
  display: inline
}
.articlecon .intro img, .articlecon .intro embed {
  display: none
}
.articlecon .intro span {
  color: #999
}
.articlecon a {
  color: #3f72af
}
.articlecon img {
  height: auto !important
}
.article .info {
  margin-bottom: 10px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
  overflow: hidden
}
.article .info span {
  display: inline-block;
  vertical-align: top
}
.article .info span a {
  color: #888
}
.article .info span a:hover {
  color: #3f72af
}
.article .info span:last-child {
  margin: 0
}
.article .info .user, .article .info .date, .article .info .cate, .article .info .view, .article .info .cmt, .article .info .edit, .article .info .del {
  margin-right: 15px;
  padding: 0;
  color: #888
}
.article .info .user::before, .article .info .date::before, .article .info .cate::before, .article .info .view::before, .article .info .cmt::before, .article .info .edit::before, .article .info .del::before {
  margin-right: 2px;
  font-size: 19px;
  font-family: iconfont;
  vertical-align: top
}
.article .info .user:before {
  content: "\e6a9"
}
.article .info .date:before {
  content: "\e69c"
}
.article .info .cate:before {
  content: "\e6e2"
}
.article .info .view:before {
  content: "\e6a7"
}
.article .info .cmt:before {
  content: "\e6a8"
}
.article .info .edit:before {
  content: "\e69a"
}
.article .info .del:before {
  content: "\e6ac"
}
.copynotice {
  width: 100%;
  margin: 20px 0;
  padding: 10px 15px;
  font-size: 14px;
  color: #888;
  text-indent: 0;
  line-height: 22px;
  border: 1px dotted #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  background: #f8f8f8;
  overflow: hidden;
  display: flex;
  zoom: 1;
  clear: both;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: center
}
.copynotice:after {
  content: "";
  display: block;
  clear: both
}
.copynotice .qr, .copynotice canvas {
  width: 70px;
  height: 70px;
  float: left;
  display: inline;
  margin-right: 15px;
  border: 3px solid #fff;
  background: #fff
}
.copynotice b, .copynotice strong {
  margin: 0 5px;
  color: #333
}
.copynoticetxt {
  width: 100%;
  word-break: break-all;
  vertical-align: middle
}
.copynoticetxt p {
  margin: 0
}
.copynoticetxt a {
  color: #333
}
.postcon .tagscloud li {
  margin: 0 0 2% 2%
}
.postcon .readers li {
  margin: 0 0 3% 3%
}
.postcon ul, .postcon ol {
  margin: 0 0 20px 1.5em;
  list-style: disc outside
}
.postcon ul li, .postcon ol li {
  margin-bottom: .5em
}
.postcon ul p, .postcon ol p {
  display: inline
}
.postcon p {
  margin-bottom: 1em;
  text-align: justify;
  text-justify: inter-ideograph;
  position: relative
}
.postcon p img.ue-image {
  margin: 0 auto
}
.postcon p img.ue-emoticon {
  vertical-align: middle
}
.postcon p.ue-upload {
  padding: 10px;
  border: 1px dashed #ebebeb
}
.postcon p.ue-upload img {
  vertical-align: top !important
}
.postcon p.ue-upload a {
  font-size: 14px !important;
  color: #3f72af !important
}
.postcon p .tagslink {
  margin: 0 2px
}
.postcon p .tagslink::after {
  content: "\e6e1";
  margin: 0 -2px;
  font-family: iconfont;
  font-weight: bold;
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: top;
  transform: scale(.8)
}
.postcon h1, .postcon h2, .postcon h3, .postcon h4, .postcon h5, .postcon h6 {
  margin: 18px 0 14px;
  line-height: 1.5;
  font-weight: 600;
  position: relative
}
.postcon h1 {
  font-size: 1.8em
}
.postcon h2 {
  margin-top: 32px;
  font-size: 1.4em
}
.postcon h3 {
  margin-top: 30px;
  font-size: 1.4em
}
.postcon h4 {
  margin-top: 28px;
  font-size: 1.2em
}
.postcon h5 {
  margin-top: 26px;
  font-size: 1em
}
.postcon h6 {
  margin-top: 24px;
  font-size: .8em
}
.postcon blockquote {
  margin-bottom: 20px;
  padding: 10px 20px 10px 36px;
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  border: 1px dotted #ccc;
  border-radius: 3px;
  background: #f8f8f8;
  position: relative
}
.postcon blockquote::before {
  content: "“";
  font-size: 50px;
  color: #ddd;
  font-family: arial;
  line-height: 1;
  position: absolute;
  top: 8px;
  left: 10px
}
.postcon blockquote p {
  margin: 0
}
.postcon table {
  margin-bottom: 20px;
  font-size: 14px;
  border-collapse: collapse;
  border-spacing: 0
}
.postcon .th {
  width: 100px;
  background: #f5f5f5
}
.postcon td {
  padding: 5px 10px;
  color: #666;
  line-height: 24px;
  word-break: break-all;
  border: 1px solid #ebebeb
}
.postcon div.prism-show-language > div.prism-show-language-label[data-language] {
  font-size: 14px
}
.postcon span.prism-token {
  background: none !important
}
.postcon code[class*="language-"], .postcon pre[class*="language-"] {
  color: inherit
}
.postcon pre[class*="language-"] {
  margin-bottom: 20px;
  font-size: 14px
}
.postcon.indent p, .postcon.indent ol, .postcon.indent ul {
  text-indent: 2em
}
.postcon.indent blockquote p {
  text-indent: 0
}
.postcon .archivelist {
  margin: 10px 0;
  list-style: none
}
.postcon .archivelist li {
  margin: 0
}
.videowrap {
  overflow: hidden
}
.videobox {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  display: block
}
.videobox object, .videobox video, .videobox embed, .videobox iframe {
  width: 100%;
  height: 100%;
  outline: 0;
  position: absolute;
  display: block
}
.videobox object video, .videobox video video, .videobox embed video, .videobox iframe video {
  width: 100%
}
.videobox video {
  background: #292929
}
.searchnull {
  padding: 20% 0;
  font-size: 16px;
  color: #888;
  text-align: center
}
.searchnull::before {
  content: "\e869";
  margin-bottom: 10px;
  font-size: 100px;
  color: #ebebeb;
  font-family: iconfont;
  display: block
}
.searchnull a {
  color: #3f72af;
  border-bottom: 1px solid #3f72af
}
.intro {
  margin: 10px 0 20px;
  padding: 20px;
  line-height: 24px;
  border: 1px dashed #ebebeb
}
.reltitle, .cmttitle {
  padding-bottom: 12px;
  line-height: 18px;
  border-bottom: 1px solid #ebebeb
}
.reltitle h3, .cmttitle h3 {
  padding-left: 10px;
  font-size: 18px;
  color: #333;
  border-left: 3px solid #3f72af;
  font-weight: normal;
  display: inline-block
}
.reltitle i, .cmttitle i {
  padding-left: 10px;
  font-size: 16px;
  color: #ccc;
  font-family: 'Palatino Linotype', 'simsun';
  font-style: italic;
  text-transform: uppercase
}
.relates ul {
  margin: 20px 0 0 -20px;
  *margin-left: -30px;
  font-size: 0;
  overflow: hidden
}
.relates li {
  width: 25%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top
}
.relates a {
  margin: 0 0 20px 20px;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  overflow: hidden;
  display: block
}
.relates a:hover {
  color: #3f72af
}
.relates a:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
.relates span {
  width: 100%;
  height: 0;
  margin: 0 0 10px;
  padding-bottom: 65%;
  overflow: hidden;
  position: relative;
  display: block
}
.relates img {
  width: 100%;
  min-height: 100%;
  position: absolute
}
.relates em {
  font-size: 14px;
  font-style: normal;
  line-height: 1.5;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.comment h4 {
  padding: 18px 0 5px;
  font-size: 16px;
  color: #333;
  font-weight: normal
}
.sharebox .label {
  color: #999;
  line-height: 30px
}
.sharebox .label, .sharebox .sharebtn {
  display: inline-block
}
.page .sharebox {
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px dotted #ebebeb
}
.paging {
  margin: 10px 0 40px;
  padding: 30px 0 0;
  border-top: 1px solid #eee;
  overflow: hidden
}
.paging .prepage {
  width: 50%;
  float: left
}
.paging .nextpage {
  width: 50%;
  float: right;
  text-align: right
}
.paging span {
  color: #929292
}
.paging p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.paging p a {
  font-size: 16px;
  color: #666
}
.paging p a:hover {
  color: #3f72af
}
.cmts, .relate, .pages {
  padding: 20px 0;
  line-height: 26px;
  zoom: 1;
  clear: both
}
.cmts:after, .relate:after, .pages:after {
  content: "";
  display: block;
  clear: both
}
.cmttitle {
  margin-bottom: 6px
}
.cmtsitem {
  padding: 14px 0;
  border-bottom: 1px dotted #ebebeb;
  zoom: 1;
  clear: both
}
.cmtsitem:after {
  content: "";
  display: block;
  clear: both
}
.cmtsitem .avatar {
  width: 48px;
  height: 48px;
  float: left;
  display: inline;
  margin-right: 10px;
  overflow: hidden
}
.cmtsitem .avatar img {
  width: 48px;
  height: 48px;
  border-radius: 3px
}
.cmtsitem .cmtscon .avatar {
  display: none
}
.cmtscon {
  margin-left: 65px
}
.cmtsdate {
  float: right;
  display: inline;
  font-size: 14px;
  color: #bbb
}
.cmtsname {
  display: inline-block
}
.cmtsname a {
  font-size: 14px;
  color: #333
}
.cmtsname em {
  margin-top: 4px;
  padding: 0 7px;
  font-size: 12px;
  color: #888;
  font-style: normal;
  line-height: 16px;
  border: 1px solid #eee;
  border-radius: 2px;
  background: #fafafa;
  display: inline-block;
  vertical-align: top
}
.cmtsbody {
  margin-top: 5px;
  font-size: 16px;
  line-height: 26px;
  word-wrap: break-word;
  word-break: break-all
}
.cmtsbody .cmtscon {
  margin: 0;
  padding-left: 20px;
  border-left: 2px solid #ebebeb
}
.cmtsbody .cmtsfoot {
  display: none
}
.cmtsreply {
  margin-top: 15px;
  padding-left: 20px;
  border-left: 2px solid #ebebeb
}
.cmtsreplyname {
  font-size: 12px;
  color: #888
}
.cmtsreplyname em {
  margin-top: 4px;
  padding: 0 7px;
  font-size: 12px;
  color: #888;
  font-style: normal;
  line-height: 16px;
  border: 1px solid #eee;
  border-radius: 2px;
  background: #fafafa;
  display: inline-block;
  vertical-align: top
}
.cmtsreplyname a {
  font-size: 14px;
  color: #333
}
.cmtsreplycon {
  word-wrap: break-word;
  word-break: break-all
}
.cmtsreplydate {
  font-size: 14px;
  color: #bbb
}
.cmtsfoot {
  margin-top: 5px
}
.cmtsfoot .reply {
  font-size: 12px;
  color: #888
}
.cmtsfoot .reply:before {
  content: "\e6a8";
  margin-right: 3px;
  font-size: 21px;
  color: #888;
  font-family: iconfont;
  vertical-align: middle
}
.cmtsfoot .reply:hover {
  color: #3f72af;
  text-decoration: none
}
.cmtsfoot .reply:hover:before {
  color: #3f72af
}
.cmts.nocmt {
  padding: 15px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb
}
.cmts.nocmt:before {
  content: attr(data-content);
  width: 100%;
  font-size: 16px;
  color: #888;
  text-align: center;
  display: inline-block
}
.reply-frm {
  border-left: 2px solid #ebebeb;
  padding: 0 0 0 20px;
  margin-top: 15px;
  box-shadow: none
}
.reply-frm .cmtimg {
  display: none
}
.reply-frm .cmtarea {
  padding: 0
}
#cancel-reply {
  font-size: 14px;
  height: 18px;
  margin-left: 10px;
  padding: 0 10px 0 6px;
  font-size: 12px;
  color: #3f72af;
  line-height: 18px;
  border: 0;
  outline: 0;
  box-sizing: content-box;
  cursor: pointer;
  background: #fff;
  display: none
}
.comment {
  margin-top: 20px;
  zoom: 1;
  clear: both
}
.comment:after {
  content: "";
  display: block;
  clear: both
}
.cmtimg {
  width: 68px;
  float: left
}
.cmtimg img {
  width: 48px;
  height: 48px;
  border-radius: 3px
}
.cmtinfo {
  padding-left: 70px;
  font-size: 14px;
  word-break: break-all
}
.cmtinfo a {
  color: #333
}
.cmtinfo .cmt {
  margin: 15px 0 0 -20px;
  padding-bottom: 0
}
.cmtinfo .cmt .cmt {
  margin: 15px 0 0 -20px;
  padding-bottom: 0
}
.cmtinfo .cmt .cmt .cmt {
  margin: 15px 0 0 -20px;
  padding-bottom: 0
}
.cmtinfo .cmtinfo {
  width: 500px
}
.cmtinfo .cmtinfo .cmtinfo {
  width: 430px
}
.cmtinfo .cmtinfo .cmtinfo .cmtinfo {
  width: 360px
}
.cmttime, .cmttime a {
  font-size: 12px;
  color: #888
}
.cmtarea {
  padding-left: 68px
}
.cmtarea textarea {
  width: 100%;
  margin: 0 0 10px;
  padding: 5px 15px;
  font-size: 16px;
  color: #333;
  line-height: 28px;
  border: 1px solid #ebebeb;
  outline: 0;
  border-radius: 3px;
  overflow: hidden;
  vertical-align: top;
  box-sizing: border-box
}
.cmtarea textarea:focus {
  color: #3f72af;
  background-color: #fff;
  border-color: #aab7c1;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.cmtsubmit {
  margin-top: 2px;
  text-align: left;
  zoom: 1;
  clear: both
}
.cmtsubmit:after {
  content: "";
  display: block;
  clear: both
}
.cmtsubmit span {
  float: left;
  display: inline;
  color: #999;
  line-height: 32px
}
.cmtsubmit button {
  width: 74px;
  float: right;
  font-size: 16px;
  color: #fff;
  font-family: microsoft yahei;
  line-height: 30px;
  text-align: center;
  border: 0;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  background: #3f72af
}
.cmtform {
  width: 100%;
  float: left;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px dotted #ebebeb;
  display: none
}
.cmtform p {
  width: 49%;
  float: left;
  padding: 5px 0
}
.cmtform input {
  width: 180px;
  height: 27px;
  padding: 2px 6px;
  color: #333;
  border: 1px solid #ebebeb;
  outline: 0;
  border-radius: 3px
}
.cmtform input:focus {
  color: #3f72af;
  background-color: #fff;
  border-color: #aab7c1;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(31, 73, 119, 0.1)
}
.cmtform input {
  *display: inline
}
.cmtform label {
  padding: 0 10px;
  line-height: 27px
}
.cmtform #inpVerify {
  width: 100px
}
.cmtform img.imgcode {
  width: 68px;
  height: 31px;
  margin-left: 10px;
  border: 1px solid #ebebeb;
  cursor: pointer;
  vertical-align: top
}
.sidebar {
  width: 28%;
  float: right;
  display: inline;
  padding: 0 20px;
  box-sizing: border-box
}
.sidebar ::marker {
  content: ""
}
.sidebar.topfixed .function.fixed, .sidebar.fixed .function.fixed {
  top: 50px
}
.sidebar.show {
  display: inline-block
}
.sideblock {
  margin-bottom: 30px
}
.sidetitle {
  width: 100%;
  height: 28px;
  line-height: 19px;
  border-bottom: 1px solid #ebebeb
}
.sidetitle h4 {
  float: left;
  display: inline;
  padding-left: 10px;
  font-size: 18px;
  color: #333;
  font-weight: normal;
  border-left: 3px solid #3f72af
}
.sidetitle span {
  padding-left: 10px;
  font-size: 16px;
  color: #ccc;
  font-family: 'Palatino Linotype', 'simsun';
  font-style: italic;
  text-transform: uppercase
}
.sidecontent {
  padding: 10px 0;
  overflow: hidden
}
.sidecontent li {
  width: 100%;
  padding: 6px 0;
  line-height: 24px;
  border-bottom: 1px dotted #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center
}
.sidecontent dl {
  width: 100%;
  float: left;
  display: inline;
  padding: 14px 0;
  border-bottom: 1px dotted #ebebeb
}
.sidecontent dl h3 {
  height: 28px
}
.sidecontent dl h3 a {
  font-size: 14px
}
.side ul li {
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px dotted #ebebeb
}
.sidelist {
  padding-left: 36px
}
.sidelist h3 {
  font-weight: normal;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.sidelist h3 a {
  font-size: 12px
}
.sidelist a {
  font-size: 14px
}
.sidelist p {
  font-size: 12px;
  color: #999;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box
}
.sidelist p img {
  display: none
}
.sideintro {
  padding-bottom: 10px;
  font-size: 12px;
  color: #999
}
.sideimg {
  margin-right: 15px
}
.sideimg a {
  width: 100px;
  height: 0;
  padding-bottom: 65%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block
}
.sideimg a img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.sideimg:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
.sideinfo {
  overflow: hidden;
  display: flex;
  flex: auto;
  justify-content: space-between;
  flex-direction: column
}
.sideinfo h3 {
  line-height: 1.8;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden
}
.sideinfo h3 a {
  font-size: 14px
}
.sideinfonoimg {
  padding: 0
}
.sidecata {
  line-height: 18px;
  position: relative
}
.sidecata span {
  font-size: 12px;
  color: #999
}
.sidecata a {
  padding-left: 5px;
  font-size: 12px;
  color: #3f72af;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0
}
.sideitem {
  margin-bottom: 10px;
  padding-bottom: 8px;
  line-height: 26px;
  border-bottom: 1px dotted #ebebeb;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  zoom: 1;
  clear: both
}
.sideitem:after {
  content: "";
  display: block;
  clear: both
}
.sideitem:last-child {
  margin: 0
}
.sideitemimg {
  background: #333
}
.sideitemimg a {
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: block
}
.sideitemimg a img {
  min-width: 100%;
  min-height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}
.sideitem:hover .sideitemimg img {
  opacity: .8
}
.sideitem:hover .sidelink {
  bottom: 0
}
.sideitem .itemtitle {
  max-height: 52px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.sideitem .hasimg {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.sideitem .hasimg a {
  display: inline
}
.sideitem.noimg .itemtitle {
  color: #333
}
.sideitem.noimg .sideinfo {
  color: #888
}
.sideitem.noimg .sidelink {
  padding: 0;
  background: none;
  position: static
}
.sidelink {
  padding: 5px 10px 5px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: auto;
  right: 0;
  bottom: -25px;
  left: 0;
  -webkit-transition: bottom .3s ease-in-out;
  -moz-transition: bottom .3s ease-in-out;
  -o-transition: bottom .3s ease-in-out;
  transition: bottom .3s ease-in-out
}
.sidelink a {
  font-size: 14px;
  line-height: 22px;
  display: inline-block
}
.sidelink .sideinfo {
  color: #ebebeb
}
.function {
  margin-top: 18px;
  padding-bottom: 10px;
  -webkit-transition: top .2s;
  -moz-transition: top .2s;
  -o-transition: top .2s;
  transition: top .2s
}
.function.fixed {
  position: fixed;
  top: 0;
  -webkit-transform: translateZ(0)
}
.function.sticky {
  position: absolute
}
.noborder {
  border: 0 !important
}
.hideintro {
  margin-bottom: 10px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  display: none
}
.showintro {
  width: auto
}
.showintro .hideintro {
  display: block
}
#divTags li {
  width: auto;
  float: left;
  display: inline;
  margin: 10px 0 0 0;
  padding: 0;
  white-space: nowrap;
  border: 0
}
#divTags li a {
  margin: 0 10px 0 0;
  padding: 0 10px;
  font-size: 14px;
  color: #3f72af;
  border: 1px solid #3f72af;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top
}
#divTags ul li a:hover, .tags-cloud a:hover {
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 1px 0 #ccc;
  background: #3f72af
}
.tags {
  margin-bottom: 20px;
  line-height: 24px
}
.tags-cloud a {
  margin: 0 10px 0 0;
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 #ccc;
  background: #3f72af;
  display: inline-block;
  vertical-align: top
}
.tags-cloud a:hover {
  text-decoration: none;
  background: #3f72af
}
.tags a {
  padding: 0 10px;
  margin: 0 3px 8px;
  color: #3f72af;
  border: 1px solid #3f72af;
  border-radius: 2px;
  display: inline-block;
  vertical-align: top
}
.tags a:hover {
  color: #fff;
  text-decoration: none;
  background: #3f72af
}
.tag-count {
  display: none
}
#divCalendar .function_t {
  display: none
}
#divCalendar .function_c {
  width: 232px;
  padding: 0 4px 15px 4px
}
#divCalendar table {
  width: 100%;
  table-layout: fixed
}
#divCalendar caption {
  height: 24px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center
}
#divCalendar caption a {
  padding: 0 18px;
  color: #3f72af
}
#divCalendar th {
  height: 26px;
  color: #fff;
  font-weight: normal;
  line-height: 26px;
  text-transform: uppercase;
  border: 1px solid #3f72af;
  background: #3f72af
}
#divCalendar td {
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #ebebeb
}
#divCalendar td.pad {
  background: none
}
#divCalendar td a {
  line-height: 30px;
  background: #3f72af;
  color: #fff;
  display: block
}
#divCalendar #today {
  color: #3f72af;
  font-weight: bold
}
#divPrevious .article-date, #divNavBar .subnav {
  display: none
}
#divCatalog ul.ul-subcates li a {
  padding-left: 37px
}
#divSearchPanel form {
  zoom: 1;
  clear: both
}
#divSearchPanel form:after {
  content: "";
  display: block;
  clear: both
}
#divSearchPanel input[type="text"] {
  width: 70%;
  height: 36px;
  float: left;
  display: inline;
  padding: 5px 10px;
  line-height: 21px;
  border: 1px solid #ebebeb;
  outline: 0;
  box-sizing: border-box;
  border-radius: 3px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
#divSearchPanel input[type="submit"] {
  width: 28%;
  height: 36px;
  float: right;
  display: inline;
  color: #fff;
  line-height: 24px;
  border: 1px solid #ebebeb;
  outline: 0;
  border-radius: 3px;
  cursor: pointer;
  background: #3f72af
}
#divMisc ul li, #divFavorites ul li, #divStatistics ul li {
  width: 50%;
  float: left;
  display: inline;
  overflow: hidden
}
#divMisc ul li a {
  padding: 0;
  background: none
}
#divNavBar li, #divCatalog li, #divLinkage li, #divFavorites li, #divArchives li, #divAuthors li {
  width: 50%;
  float: left;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
#divCatalog li, #divPrevious li, #divLinkage li, #divNavBar li, #divComments li, #divAuthors li, #divFavorites li, #divStatistics li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}
#divCatalog li:before, #divPrevious li:before, #divLinkage li:before, #divNavBar li:before, #divComments li:before, #divAuthors li:before, #divFavorites li:before, #divStatistics li:before {
  content: "\e6a6";
  margin: 0 5px 0 0;
  font-size: 12px;
  color: #ccc;
  font-family: iconfont;
  display: inline-block;
  vertical-align: top
}
#divContorPanel .sidecontent div {
  padding: 0 0 20px;
  text-align: center;
  line-height: 24px;
  border: 1px dotted #f0f0f0;
  background: #fbfbfb
}
#divContorPanel .cp-hello {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px 0;
  border-bottom: 1px dotted #ebebeb;
  display: inline-block
}
#divContorPanel .cp-hello::before {
  content: "\e6a9";
  margin-right: 3px;
  font-size: 22px;
  font-family: iconfont;
  display: inline-block;
  vertical-align: top
}
#divContorPanel .cp-login a, #divContorPanel .cp-vrs a {
  padding: 0 12px 0 10px;
  font-size: 14px;
  color: #888;
  line-height: 28px;
  border: 1px solid #e4e8eb;
  border-radius: 20px;
  display: inline-block
}
#divContorPanel .cp-login a::before, #divContorPanel .cp-vrs a::before {
  font-size: 20px;
  font-family: iconfont;
  vertical-align: top
}
#divContorPanel .cp-login a:hover, #divContorPanel .cp-vrs a:hover {
  color: #3f72af;
  border-color: #3f72af
}
#divContorPanel .cp-login a:hover::before, #divContorPanel .cp-vrs a:hover::before {
  color: #3f72af
}
#divContorPanel .cp-login a::before {
  content: "\e699"
}
#divContorPanel .cp-vrs a::before {
  content: "\e6e2"
}
#baijia_HotRanking ul li {
  padding: 5px 0;
  border-bottom: 1px dotted #ebebeb;
  overflow: hidden;
  display: block
}
#baijia_HotRanking ul li span {
  width: 28px;
  float: left;
  display: inline;
  font-size: 22px;
  color: #999;
  font-family: "Times New Roman", simsun;
  font-weight: normal;
  font-style: italic;
  line-height: 30px;
  text-align: center
}
#baijia_HotRanking ul li span.first {
  font-size: 30px;
  color: #3f72af
}
#baijia_HotRanking ul li span.hot {
  font-size: 22px;
  color: #3f72af
}
#baijia_HotRanking ul li h3 a.first {
  font-size: 14px
}
#baijia_HotRanking ul li p {
  line-height: 1.8
}
#sidehot li, #recommend li, #new li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center
}
#sidehot .sideinfo h3, #recommend .sideinfo h3, #new .sideinfo h3 {
  margin-bottom: 5px
}
#baijia_RecArticle .sidelink a {
  color: #fff
}
#baijia_RecArticle .sideitem {
  margin-bottom: 10px;
  padding: 0;
  border: 0;
  position: relative;
  display: block
}
#baijia_RecArticle .sideitem:last-child {
  margin: 0
}
#baijia_RecArticle .sidecate {
  font-size: 12px;
  color: #ddd;
  text-align: right
}
#baijia_RecArticle .sidecate em {
  float: left;
  display: inline;
  font-style: normal
}
#baijia_RecArticle .noimg {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #ebebeb;
  border-radius: 0
}
#baijia_RecArticle .noimg a {
  color: #333
}
#baijia_RecArticle .noimg .sidecate {
  color: #999
}
#baijia_User .sidetitle {
  display: none
}
#baijia_User .sidecontent {
  padding-top: 0
}
#baijia_Readers {
  padding-bottom: 0
}
#baijia_Readers .sidecontent {
  padding-bottom: 0
}
#baijia_Readers ul {
  margin-left: -3%
}
#baijia_Readers li {
  width: 22%;
  margin: 0 0 3% 3%;
  padding-top: 8px;
  text-align: center;
  line-height: 1.5;
  border: 0;
  display: inline-block;
  vertical-align: top
}
.sideuserhead {
  height: 90px;
  border-radius: 3px 3px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}
.sideusercon {
  text-align: center;
  border: 1px solid #ebebeb
}
.sideusercon .avatar {
  width: 90px;
  height: 90px;
  margin: -60px auto 5px;
  padding: 5px;
  border-radius: 50%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.3);
  overflow: hidden
}
.sideusercon .avatar img {
  width: 80px;
  height: 80px;
  border-radius: 50%
}
.sideusercon h4 {
  padding: 0 20px;
  font-size: 18px;
  color: #333;
  font-weight: 600
}
.sideusercon p {
  padding: 0 20px;
  font-size: 14px;
  color: #888;
  line-height: 24px
}
.sideuserlink {
  padding: 20px;
  font-size: 0
}
.sideuserlink p {
  width: 20%;
  padding: 0;
  display: inline-block;
  vertical-align: top
}
.sideuserlink p a {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  position: relative;
  display: inline-block
}
.sideuserlink p a::after {
  font-family: iconfont
}
.sideuserlink p a.qq {
  border: 1px solid #12b7f5
}
.sideuserlink p a.qq::after {
  content: "\e60f";
  font-size: 28px;
  color: #12b7f5
}
.sideuserlink p a.wechat {
  border: 1px solid #4cbf2a
}
.sideuserlink p a.wechat span {
  width: 120px;
  margin-left: -70px;
  padding: 15px 10px 10px;
  border-top: 2px solid #3f72af;
  box-shadow: 0 0 2px 0 #bbb;
  background: #fff;
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 30;
  display: none
}
.sideuserlink p a.wechat span::before {
  content: "";
  width: 0;
  height: 0;
  margin: -21px 0 0 -10px;
  border: 10px solid transparent;
  border-top-color: #ebebeb;
  border-bottom-color: transparent;
  position: absolute;
  bottom: -20px;
  left: 50%;
  z-index: 3
}
.sideuserlink p a.wechat span::after {
  content: "";
  width: 0;
  height: 0;
  margin: -20px 0 0 -10px;
  border: 10px solid transparent;
  border-top-color: #fff;
  border-bottom-color: transparent;
  position: absolute;
  bottom: -18px;
  left: 50%;
  z-index: 3
}
.sideuserlink p a.wechat span img {
  width: 100%;
  display: block
}
.sideuserlink p a.wechat::after {
  content: "\e610";
  font-size: 32px;
  color: #4cbf2a
}
.sideuserlink p a.email {
  border: 1px solid #f9671c
}
.sideuserlink p a.email::after {
  content: "\e617";
  font-size: 20px;
  color: #f9671c
}
.sideuserlink p a.weibo {
  border: 1px solid #e6162d
}
.sideuserlink p a.weibo::after {
  content: "\e612";
  font-size: 32px;
  color: #e6162d
}
.sideuserlink p a.group {
  border: 1px solid #38638c
}
.sideuserlink p a.group::after {
  content: "\e604";
  font-size: 24px;
  color: #38638c
}
.sideuserfoot {
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 3px 3px;
  background: #f8f8f8;
  zoom: 1;
  clear: both
}
.sideuserfoot:after {
  content: "";
  display: block;
  clear: both
}
.sideuserfoot p {
  width: 33.333%;
  float: left;
  display: inline;
  padding: 10px 0;
  line-height: 20px;
  position: relative
}
.sideuserfoot p:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 40px;
  background: #ebebeb;
  position: absolute;
  top: 10px;
  right: 0
}
.sideuserfoot p strong {
  font-size: 18px;
  color: #333;
  font-weight: normal
}
.sideuserfoot p span {
  font-size: 14px;
  color: #888;
  display: block
}
#mark li {
  border: 0
}
.markit {
  width: 100%;
  margin-top: 8px
}
.markitimg {
  width: 40px;
  height: 40px;
  float: left;
  display: inline;
  margin-right: 15px
}
.markitimg img {
  width: 40px;
  height: 40px;
  background: url(images/sethead.png) no-repeat;
  background-size: cover
}
.markitinfo {
  line-height: 20px;
  overflow: hidden
}
.markitinfo p {
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.markitinfo p span {
  color: #999
}
.markitname {
  margin-right: 10px
}
.markitname a {
  color: #3f72af
}
.markitarticle {
  margin: 10px 0 0 0;
  font-size: 12px;
  color: #999
}
.markitcon {
  margin: 10px 0 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #666;
  line-height: 1.8;
  border: 1px solid #eee;
  background: #fafafa;
  position: relative
}
.markitcon::before {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #eee;
  position: absolute;
  top: -16px;
  left: 13px
}
.markitcon::after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fafafa;
  position: absolute;
  top: -14px;
  left: 13px
}
.markitcon i {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-box
}
.readerimg {
  margin-bottom: 5px;
  display: block
}
.readerimg img {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 50%;
  display: block
}
.readername {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}
.readernum {
  font-size: 12px;
  color: #999;
  line-height: 20px;
  display: block
}
.readernum::before {
  content: "\e6a8";
  margin: 0 3px 0 0;
  font-size: 18px;
  color: #999;
  font-family: iconfont;
  display: inline-block;
  vertical-align: top
}
.readers ul {
  margin-left: -3%;
  font-size: 0
}
.readers li {
  width: 30.33%;
  margin: 0 0 3% 3%;
  padding: 10px;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  clear: both
}
.readers li:after {
  content: "";
  display: block;
  clear: both
}
.readers li a {
  display: block
}
.readers li a::after {
  content: "\e6e9";
  font-size: 16px;
  color: #ccc;
  font-family: iconfont;
  position: absolute;
  top: -2px;
  right: 5px
}
.readers li.top {
  padding: 15px 10px 10px
}
.readers li.top .readersimg {
  float: none
}
.readers li.top .readersimg img {
  width: 60px;
  height: 60px;
  margin: 0 auto
}
.readers li.top .readersinfo {
  margin-top: 8px;
  padding: 0;
  text-align: center
}
.readers li.top:nth-child(1) .honor {
  background: #df951a
}
.readers li.top:nth-child(2) .honor {
  background: #91a3a7
}
.readers li.top:nth-child(3) .honor {
  background: #d98a63
}
.readers li.top a::after {
  display: none
}
.readers li .honor {
  width: 100px;
  height: 22px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  background: #0c60ee;
  position: absolute;
  top: 10px;
  right: -29px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.readersimg {
  float: left;
  display: inline;
  margin-right: 10px
}
.readersimg img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: block
}
.readersinfo {
  padding-left: 60px;
  font-size: 12px;
  color: #888;
  line-height: 25px;
  display: block
}
.readersinfo span {
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}
.tagscloud {
  margin-left: -2% !important;
  font-size: 0
}
.tagscloud li {
  width: 23%;
  border: 1px solid #eee;
  border-radius: 2px;
  box-sizing: border-box;
  background: #fafafa;
  position: relative;
  display: inline-block;
  vertical-align: top
}
.tagscloud li a {
  width: 100%;
  padding: 0 50px 0 10px;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  transition: background-color 0s linear, color 0s linear
}
.tagscloud li span {
  font-size: 12px;
  color: #999;
  font-family: arial;
  line-height: 28px;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 1
}
.tagscloud li:hover {
  color: #fff;
  border-color: #3f72af;
  background: #3f72af
}
.tagscloud li:hover a, .tagscloud li:hover span {
  color: #fff
}
.tagsnull {
  padding: 10% 0;
  color: #888;
  text-align: center
}
.tagsnull::before {
  content: "\e869";
  margin-bottom: 10px;
  font-size: 100px;
  color: #ebebeb;
  font-family: iconfont;
  line-height: 1;
  display: block
}
.archivedate {
  font-size: 16px;
  color: #333;
  line-height: 50px;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  position: relative
}
.archivedate::before {
  content: "\e69c";
  margin-right: 5px;
  font-size: 20px;
  font-family: iconfont;
  display: inline-block;
  vertical-align: top
}
.archivedate::after {
  content: "\e69b";
  font-family: iconfont;
  position: absolute;
  top: 0;
  right: 10px
}
.archivedate.on {
  color: #3f72af
}
.archivedate.on::after {
  content: "\e6a4"
}
.archivelist {
  margin: 10px 0
}
.archivelist li {
  line-height: 32px;
  zoom: 1;
  clear: both
}
.archivelist li:after {
  content: "";
  display: block;
  clear: both
}
.archivelist h3 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: inherit;
  border: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.archivelist h3 a {
  font-size: 16px;
  color: #333;
  font-weight: normal
}
.archivelist h3 a:hover {
  color: #3f72af
}
.archivelist h3::after {
  display: none
}
.archivetime {
  float: left;
  display: inline;
  margin-right: 10px;
  font-size: 14px;
  color: #999
}
.archivenull {
  padding: 20% 0;
  color: #888;
  text-align: center
}
.archivenull::before {
  content: "\e869";
  margin-bottom: 10px;
  font-size: 100px;
  color: #ebebeb;
  font-family: iconfont;
  line-height: 1;
  display: block
}
.fold .single .archivelist {
  margin: 10px 0
}
.errorpage {
  width: 420px;
  margin: 0 auto 50px;
  text-align: center
}
.errorpage a {
  color: #fff;
  text-decoration: none
}
.errorpage h2 {
  font-size: 98px;
  line-height: 150px;
  font-weight: bold;
  color: #333;
  margin: 10px 0;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px
}
.errorpage h3 {
  font-size: 30px;
  color: #333;
  line-height: 35px;
  margin: 10px 0
}
.errorpage p {
  font-size: 14px;
  color: #333;
  margin: 0 0 10px
}
.schtxt {
  float: left;
  width: 71%;
  position: relative;
  font-size: 14px;
  color: #333;
  padding: 10px 17px;
  background-color: #fafafa;
  border: 1px solid #3f72af;
  border-radius: 2px;
  outline: 0;
  z-index: 2
}
.schbtn {
  width: 20%;
  font-size: 16px;
  color: #fff;
  padding: 10px 0;
  line-height: 22px;
  border: 0;
  border-radius: 2px;
  background: #3f72af;
  outline: 0;
  cursor: pointer
}
.goback {
  padding: 10px 30px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #3f72af
}
.goback:hover {
  color: #fff;
  text-decoration: none;
  background: #0d407d
}
.postcon {
  overflow: hidden;
  position: relative
}
.teles, .telesmore {
  width: 100%;
  height: 150px;
  color: #3f72af;
  text-align: center;
  font-size: 14px;
  text-indent: 0;
  cursor: pointer;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 50%);
  position: absolute;
  left: 0;
  bottom: 0;
  display: block
}
.telesmore i {
  margin: 100px auto 0;
  line-height: 36px;
  text-align: center;
  border: 1px solid #3f72af;
  border-radius: 3px;
  background: #fff;
  display: block
}
.telesmore i:after {
  content: "\e69b";
  font-size: 22px;
  font-family: iconfont;
  display: inline-block;
  vertical-align: top;
  -webkit-animation: telesmoreico .4s infinite alternate
}
.teles i {
  margin: 90px 0 20px;
  font-size: 16px;
  font-style: normal;
  text-indent: 0;
  line-height: 28px;
  display: inline-block
}
.teles i:after {
  content: "\e69b";
  width: 33px;
  margin-left: -20px;
  font-size: 30px;
  font-family: iconfont;
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-animation: telesico .4s infinite alternate;
  -ms-animation: telesico .4s infinite alternate
}
@-webkit-keyframes telesico {
  0% {
    -webkit-transform: translate(0, -2px)
  }
  100% {
    -webkit-transform: translate(0, 3px)
  }
}
@-webkit-keyframes telesmoreico {
  0% {
    -webkit-transform: translate(0, -2px)
  }
  100% {
    -webkit-transform: translate(0, 3px)
  }
}
@-webkit-keyframes arrow {
  from {
    -webkit-transform: translate3d(-webkit-calc(-44%), 5px, 0);
    transform: translate3d(calc(-44%), 5px, 0)
  }
  to {
    -webkit-transform: translate3d(-webkit-calc(-44%), 0, 0);
    transform: translate3d(calc(-44%), 0, 0)
  }
}
@keyframes arrow {
  from {
    -webkit-transform: translate3d(-webkit-calc(-44%), 5px, 0);
    transform: translate3d(calc(-44%), 5px, 0)
  }
  to {
    -webkit-transform: translate3d(-webkit-calc(-44%), 0, 0);
    transform: translate3d(calc(-44%), 0, 0)
  }
}
.closepage {
  background: #f1f1f1
}
.closesite {
  width: 750px;
  margin: 0 auto;
  padding: 30px 40px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%)
}
.closesite h1 {
  margin: 0 0 20px -40px;
  padding-left: 33px;
  font-size: 28px;
  color: #333;
  font-weight: 600;
  border-left: 5px solid #3f72af
}
.closesitebg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0
}
.closesitebg.bgmask::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
.closelogo {
  margin-bottom: 20px;
  font-size: 16px;
  color: #999
}
.closelogo img {
  width: 100px
}
.closecon {
  font-size: 16px;
  color: #666;
  text-align: justify;
  line-height: 1.9
}
.friendlink {
  margin: 0 auto 10px;
  font-size: 0
}
.friendlink .wrap {
  padding: 15px 0 5px;
  border: 1px solid #ebebeb;
  zoom: 1;
  clear: both
}
.friendlink .wrap:after {
  content: "";
  display: block;
  clear: both
}
.friendlink h5 {
  float: left;
  display: inline;
  padding: 0 10px;
  font-size: 14px;
  color: #999;
  line-height: 22px
}
.friendlink ul {
  line-height: 22px
}
.friendlink ul li {
  padding: 0 5px;
  display: inline-block;
  vertical-align: top
}
.friendlink ul li a {
  font-size: 14px;
  color: #333;
  display: inline-block;
  vertical-align: top
}
.friendlink ul li a:hover {
  color: #3f72af
}
.footer {
  padding: 10px;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid #ebebeb
}
.footer p {
  padding: 5px 0;
  color: #999
}
.footer a {
  color: #999
}
.edgebar {
  width: 45px;
  position: fixed;
  _position: absolute;
  right: 10px;
  bottom: 30px;
  _bottom: 30px;
  z-index: 3
}
.edgebar a {
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: top
}
a.backtotop {
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 5px;
  cursor: pointer;
  background: rgba(10, 10, 10, 0.2);
  overflow: hidden
}
a.backtotop i::after {
  content: "\e600";
  font-size: 32px;
  color: #fff;
  font-family: iconfont
}
a.backtotop:hover {
  background: #3f72af
}
.plugin {
  background: #f1f1f1;
  overflow: hidden;
  zoom: 1;
  clear: both
}
.plugin:after {
  content: "";
  display: block;
  clear: both
}
.plugin a:hover {
  text-decoration: none
}
.pluginwarn {
  margin: 30px 0 0;
  padding: 8px 0;
  font-size: 14px;
  color: #3f72af;
  line-height: 18px;
  text-align: center;
  border: 1px solid #f9e2be;
  background: #fef9e3
}
.pluginwarn .wranico {
  margin-top: 3px;
  font-size: 16px;
  font-family: 'iconfont';
  display: inline-block;
  vertical-align: top
}
.pluginwarn .wranico:after {
  content: '\e6a1';
  margin-right: 5px
}
.pluginwarn a {
  margin: 0 10px;
  padding: 3px 12px;
  font-size: 13px;
  color: #fff;
  border-radius: 2px;
  background: #3f72af;
  display: inline-block
}
.pluginlogin {
  width: 385px;
  margin: 80px auto;
  padding: 20px 40px;
  box-sizing: border-box;
  background: #fff;
  display: table
}
.loginform li {
  font-size: 0;
  position: relative
}
.loginform li label {
  cursor: text
}
.loginform li label i {
  color: #cedcec;
  position: absolute
}
.loginform li button {
  width: 100%;
  margin-bottom: 10px;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
  border: 0;
  outline: 0;
  border-radius: 2px;
  cursor: pointer;
  background: #3f72af
}
.loginform li button:hover {
  background: #2b5e9b
}
.loginform .logintext {
  width: 100%;
  height: 44px;
  padding: 0 5px 0 35px;
  font-size: 14px;
  line-height: 44px;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  outline: 0;
  box-sizing: border-box
}
.loginform .logintext.half {
  width: 50%
}
.loginform .errtip {
  font-size: 14px;
  color: #3f72af;
  text-align: center;
  line-height: 30px;
  vertical-align: top
}
.logintitle {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.5
}
.logintip {
  min-height: 15px;
  font-size: 12px;
  color: #333;
  line-height: 28px;
  text-indent: 10px
}
.loginway {
  padding: 10px 0 20px;
  zoom: 1;
  clear: both
}
.loginway:after {
  content: "";
  display: block;
  clear: both
}
.loginway a {
  font-size: 14px
}
.loginway input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin: 2px 5px 0 0;
  display: inline-block;
  vertical-align: top;
  -webkit-appearance: normal
}
.loginway label {
  font-size: 14px;
  cursor: default !important
}
.loginother {
  width: 220px;
  padding: 30px 0 0 40px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  vertical-align: top
}
.forgetpwd {
  float: right;
  display: inline;
  color: #3f72af;
  text-decoration: underline
}
.verifyimg {
  width: calc(50% - 5px);
  height: 44px;
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top
}
.emailstatus {
  margin: 10px 0 30px 0;
  padding-left: 40px;
  font-size: 18px;
  position: relative
}
.emailstatus strong {
  color: #83c44e
}
.othertitle {
  margin: 50px 0 30px;
  text-align: center
}
.othertitle p {
  height: 10px;
  line-height: 18px;
  border-bottom: 1px solid #ebebeb
}
.othertitle span {
  margin-top: -10px;
  padding: 0 5px;
  background: #fff
}
.fastlogin {
  text-align: center
}
.fastlogin a {
  width: 48px;
  height: 48px;
  margin: 0 10px;
  color: #fff;
  text-decoration: none;
  line-height: 48px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top
}
.fastlogin a:hover {
  color: #fff
}
.fastlogin a:before {
  font-size: 24px
}
.fastlogin a.icoqq {
  background: #12b7f5
}
.fastlogin a.icoqq i {
  font-size: 29px
}
.fastlogin a.icoqq:hover {
  background: #00a3e1
}
.fastlogin a.icoweixin {
  background: #00d500
}
.fastlogin a.icoweixin i {
  font-size: 25px
}
.fastlogin a.icoweixin:hover {
  background: #00c100
}
.loginbg {
  margin: 0;
  padding-top: 20px;
  background-position: top center;
  background-size: cover
}
.centerheadinfo {
  border-bottom: 1px solid #ebebeb;
  background: #fff
}
.centerheadinfo .wrap {
  position: relative
}
.centerheadbg {
  height: 220px;
  background-position: top center;
  background-size: cover;
  position: relative
}
.centerheadbg a {
  margin-left: 400px;
  padding: 3px 10px;
  color: #fff;
  line-height: 20px;
  background: #3f72af;
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in
}
.centerheadbg a i {
  margin-right: 5px;
  font-size: 19px;
  display: inline-block;
  vertical-align: top
}
.centerheadbg a i:after {
  content: "\e6e5"
}
.centerheadbg.on a {
  top: 15px
}
.centerheadimg {
  width: 100px;
  height: 100px;
  float: left;
  display: inline;
  margin: -16px 18px 0 0;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  background: #fff;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.centerheadimg img {
  width: 100%;
  height: 100%
}
.centerheadimg .userset {
  width: 30px;
  height: 30px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  background: #3f72af;
  position: absolute;
  top: 45px;
  right: 45px;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  opacity: 0;
  z-index: 9
}
.centerheadimg .userset i:after {
  content: ""
}
.centerheadimg .userset:hover {
  color: #fff
}
.centerheadimg.show .userset {
  top: 0;
  right: 0;
  opacity: 1
}
.centerheadimg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4)
}
.centerheaduser {
  width: 100%;
  margin-top: -32px;
  padding-bottom: 5px;
  zoom: 1;
  clear: both
}
.centerheaduser:after {
  content: "";
  display: block;
  clear: both
}
.centeruserinfo {
  font-size: 16px;
  color: #333
}
.centeruserinfo h3 {
  color: #fff;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.centeruserinfo h3 a {
  font-size: 22px;
  color: #fff;
  text-shadow: 2px 2px 2px #333
}
.centeruserlevel {
  margin-top: 6px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top
}
.centeruserlevel span {
  margin-left: 10px;
  padding: 0 5px;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  background: #3f72af;
  display: inline-block;
  vertical-align: top
}
.centeruserlevel strong {
  color: #3f72af
}
.userintro {
  margin-top: 6px;
  padding-right: 260px;
  font-size: 14px;
  color: #999;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box
}
.fansatten {
  padding: 6px 0;
  font-size: 0;
  border: 1px solid #ebebeb;
  background: #fff;
  position: absolute;
  top: 38px;
  right: 0
}
.fansatten li {
  padding: 0 24px;
  text-align: center;
  display: inline-block
}
.fansatten li a {
  font-size: 18px;
  color: #3f72af
}
.fansatten li p {
  font-size: 12px;
  color: #999
}
.fansatten li.line {
  border-right: 1px solid #ebebeb
}
.centermain {
  padding: 20px 0 0
}
.usermenu {
  width: 160px;
  float: left;
  display: inline;
  margin-bottom: 30px;
  background: #fff
}
.usermenu li a {
  height: 42px;
  margin: -1px 0;
  font-size: 15px;
  color: #384463;
  line-height: 42px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 3px solid transparent;
  display: block
}
.usermenu li a i {
  margin: 0 5px 0 27px;
  font-size: 22px;
  display: inline-block;
  vertical-align: top
}
.usermenu li a:hover {
  color: #3f72af
}
.usermenu li.on a {
  color: #3f72af;
  border-color: #d9e1fc;
  border-left-color: #3f72af;
  border-top: 1px solid #d9e1fc;
  border-bottom: 1px solid #d9e1fc;
  border-right: 0;
  background: #e3edfc
}
.userframe {
  margin: 0 0 20px 180px;
  background: #fff
}
.frametitle {
  padding: 20px 30px;
  line-height: 30px
}
.frametitle h3 {
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  border-bottom: 2px solid #ebebeb
}
.frametitle h3 span {
  line-height: 30px;
  border-bottom: 2px solid #3f72af;
  display: inline-block
}
.framemain {
  padding: 10px 30px 20px
}
.myarticle li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ebebeb
}
.myarticle li:hover .postinfo .edit, .myarticle li:hover .postinfo .del {
  display: inline-block
}
.myarticle h3 {
  margin-bottom: 5px;
  font-size: 18px;
  color: #999;
  line-height: 1.8;
  word-wrap: break-word
}
.myarticle h3 span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: relative;
  top: 11px;
  left: -3px;
  display: inline-block;
  vertical-align: top
}
.myarticle h3 a {
  margin-left: 10px
}
.myarticle .postintro {
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 14px;
  color: #666;
  border-left: 3px solid #ebebeb;
  word-wrap: break-word;
  box-sizing: border-box
}
.myarticle .postinfo span {
  font-size: 14px;
  line-height: 26px
}
.myarticle .postinfo .edit, .myarticle .postinfo .del {
  display: none
}
.myarticle .posttime:before {
  content: "\e69c";
  margin-right: 5px;
  font-family: iconfont
}
.myarticle span.catelink:before {
  content: "\e6e2";
  margin-right: 5px;
  font-family: iconfont
}
.myarticle span.catelink a {
  color: #999
}
.myarticle .pass {
  background: #008000
}
.myarticle .depass {
  background: #f00
}
.myarticle .posttip {
  line-height: 24px
}
.myarticle .posttip span {
  color: #3f72af;
  font-weight: bold
}
.myarticle .allpost {
  margin-left: 10px;
  padding: 0 10px;
  color: #fff;
  background: #999;
  display: inline-block
}
.myarticle .allpost:hover {
  background: #3f72af
}
.mycmtimg {
  width: 42px;
  height: 42px;
  float: left;
  display: inline;
  border-radius: 50%;
  overflow: hidden
}
.mycmtimg img {
  width: 42px;
  height: 42px
}
.mycmtinfo {
  margin: 0 0 20px 60px;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  position: relative
}
.mycmtinfo:before, .mycmtinfo:after {
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid solid dotted;
  border-width: 8px 8px 8px 0;
  position: absolute;
  top: 13px;
  left: -8px;
  right: 100%;
  display: block;
  pointer-events: none
}
.mycmtinfo:before {
  border-right-color: #ebebeb
}
.mycmtinfo:after {
  margin-left: 1px;
  border-right-color: #f8f8f8
}
.mycmtinfo h3 {
  padding: 10px 15px;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  background: #f8f8f8
}
.mycmtinfo h3:before {
  content: "\e6a6";
  margin-right: 5px;
  color: #888;
  font-family: iconfont;
  vertical-align: top
}
.mycmtcon {
  padding: 20px;
  font-size: 16px;
  color: #333
}
.mycmtdate {
  padding: 0 20px;
  font-size: 12px;
  color: #999;
  line-height: 30px;
  border-top: 1px dotted #ebebeb
}
.mycmtdate:before {
  content: "\e69c";
  margin-right: 5px;
  font-size: 17px;
  font-family: iconfont;
  vertical-align: top
}
.writingtxt, .myinfotxt, .writingcate, .myinfocate {
  width: 100%;
  height: 44px;
  padding: 0 2%;
  font-size: 14px;
  line-height: 38px;
  border: 1px solid #ebebeb;
  outline: 0;
  box-sizing: border-box;
  display: inline-block
}
.writingcon, .myinfocon {
  width: 96%;
  padding: 10px 2%;
  font-size: 14px;
  line-height: 22px;
  border: 1px solid #ebebeb;
  outline: 0
}
.writingbtn, .myinfobtn {
  width: 180px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  border: 0;
  outline: 0;
  cursor: pointer;
  background: #3f72af;
  display: inline-block
}
.myinfotxt:read-only {
  cursor: no-drop;
  background: #ebebeb
}
.mywriting, .myinfo {
  box-sizing: content-box
}
.mywriting ul, .myinfo ul {
  width: 100%;
  display: inline-block
}
.mywriting li, .myinfo li {
  margin-bottom: 15px;
  font-size: 0;
  zoom: 1;
  clear: both
}
.mywriting li:after, .myinfo li:after {
  content: "";
  display: block;
  clear: both
}
.mywriting label, .myinfo label {
  font-size: 14px;
  line-height: 30px;
  display: block
}
.mywriting .writingcate, .myinfo .writingcate {
  width: 100%
}
.mywriting .verifytxt, .myinfo .verifytxt {
  width: 30%;
  padding: 0 2%
}
.mywriting .verifyimg, .myinfo .verifyimg {
  width: 150px
}
.mywriting .errtip, .myinfo .errtip {
  line-height: 40px;
  padding-left: 30px;
  font-size: 12px;
  color: #3f72af;
  display: none;
  vertical-align: top
}
.userimg .metasrc {
  box-sizing: border-box
}
.userimg .uploadimg {
  height: 38px;
  margin: 0 0 0 -98px;
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  border: 0;
  cursor: pointer;
  background: #3f72af;
  display: inline-block;
  vertical-align: top
}
.uploadimgview {
  width: 60px;
  height: 60px;
  float: left;
  display: inline;
  padding: 5px;
  border: 1px solid #ebebeb;
  border-radius: 50%
}
.uploadimgview img {
  width: 60px;
  height: 60px;
  border-radius: 50%
}
.uploadinfo {
  padding-left: 100px;
  position: relative
}
.uploadfile {
  width: 100%;
  padding: 7px;
  border: 1px solid #ebebeb;
  box-sizing: border-box
}
@media screen and (max-width:1200px) {
  a {
    text-decoration: none
  }
  .wrapper {
    width: 100%;
    min-width: 100%
  }
  .wrap {
    width: auto;
    padding: 0 10px
  }
  .header {
    height: 50px;
    top: -50px
  }
  .logo {
    height: 50px
  }
  .logo a {
    height: 50px
  }
  .logo a img {
    height: 38px
  }
  .menu {
    height: 50px
  }
  .menu li {
    line-height: 50px
  }
  .menu li a {
    padding: 0 10px;
    font-size: 14px;
    text-decoration: none
  }
  .menu li .subnav {
    min-width: 110px;
    top: 40px
  }
  .menu li .subnav a {
    padding: 0 7px
  }
  .sch form {
    top: 9px
  }
  .sch .txt {
    line-height: 24px
  }
  .sch .btn:before {
    font-size: 23px
  }
  .userinfo {
    min-height: 50px
  }
  .userinfo .uimg {
    height: 39px;
    line-height: 50px
  }
  .userinfo .uimg span {
    width: 24px;
    height: 24px
  }
  .userinfo .uimg img {
    margin-top: 15px
  }
  .box {
    margin-top: 60px
  }
  .box.fixed {
    margin-top: 20px
  }
  .userbox {
    margin-top: 50px
  }
  .contitle {
    margin-bottom: 15px
  }
  .post {
    margin-bottom: 15px;
    padding-bottom: 15px
  }
  .postimg {
    width: 120px;
    margin-right: 20px;
    background: #f8f8f8
  }
  .postintro {
    width: auto;
    margin: 0
  }
  .postinfo {
    display: none
  }
  .single h1 {
    line-height: 1.5
  }
  .editarticle, .delarticle {
    display: none
  }
  .article .info span {
    margin-right: 10px
  }
  .intro {
    padding: 10px 20px
  }
  .paging {
    margin: 20px 0 50px;
    padding: 20px 0 0;
    border-top: 1px solid #ebebeb;
    overflow: hidden
  }
  .paging .prepage {
    width: 100%;
    float: none;
    margin: 0 0 20px
  }
  .paging .nextpage {
    width: 100%;
    float: none;
    text-align: left
  }
  .paging p {
    margin-top: 10px
  }
  .paging p a {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: inherit;
    overflow: hidden
  }
  .relates li {
    width: 50%
  }
  .comment {
    margin-top: 0;
    padding: 20px 0 0
  }
  .cmtsubmit span {
    display: none
  }
  .errorpage {
    width: auto
  }
  .errorpage .schtxt {
    width: 60%;
    float: none
  }
  .friendlink .wrap {
    margin: 0 10px
  }
  a.backtotop {
    width: 36px;
    height: 36px;
    line-height: 36px
  }
  a.backtotop i::after {
    font-size: 26px
  }
  .usermenu {
    width: auto;
    float: none;
    margin: 0 0 20px;
    padding: 0;
    font-size: 0;
    display: block
  }
  .usermenu li {
    display: inline-block
  }
  .usermenu li.on a {
    border: 0;
    border-bottom: 2px solid #3f72af;
    background: none
  }
  .usermenu li a {
    margin: 0 10px;
    border-bottom: 2px solid transparent;
    border-left: 0
  }
  .usermenu li a:hover {
    border-top: 1px solid transparent;
    border-bottom: 2px solid transparent;
    background: none
  }
  .usermenu li a i {
    margin: 0 5px 0 0
  }
  .userframe {
    width: auto;
    margin: 0 0 10px
  }
  .frametitle {
    padding: 10px 15px
  }
  .frametitle h3 {
    font-size: 16px
  }
  .framemain {
    padding: 10px 15px 20px
  }
}
@media screen and (max-width:960px) {
  .content {
    width: 100%;
    border: 0
  }
  .sidebar, .cata {
    display: none
  }
  .centerheadbg {
    height: 140px
  }
  .centerheadimg {
    width: 80px;
    height: 80px;
    margin: 0;
    border-width: 3px
  }
  .centeruserinfo {
    padding-left: 100px
  }
  .fansatten {
    top: 36px
  }
}
@media screen and (max-width:750px) {
  .box {
    width: auto
  }
  .box.nofixed {
    margin: 10px auto
  }
  .head {
    width: auto
  }
  .menu {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 -10px;
    border-top: 1px solid #ebebeb;
    display: none
  }
  .menu ul {
    width: 100%;
    padding-right: 0;
    border-left: 0
  }
  .menu ul li {
    width: 100%;
    padding: 0;
    color: #ddd;
    text-align: left;
    line-height: 40px;
    border-bottom: 1px solid #ebebeb;
    border-right: 0
  }
  .menu ul li::before {
    display: none
  }
  .menu ul li a {
    padding: 0 18px;
    font-size: 16px;
    color: #333;
    border: 0;
    display: block
  }
  .menu ul li a:hover {
    color: #333;
    background: #fff
  }
  .menu ul li.subcate:hover {
    background: #fff
  }
  .menu ul li.subcate:hover .subnav {
    display: none
  }
  .menu ul li.subcate > a:after {
    font-size: 16px;
    color: #888;
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 15px
  }
  .menu ul li.subcate.slidedown > a:after {
    content: "\e6a4";
    color: #3f72af
  }
  .menu ul li.subcate.slidedown .subnav {
    margin-bottom: -1px;
    padding: 0;
    line-height: 40px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    box-shadow: none;
    background: #f5f5f5;
    position: static;
    display: block;
    -webkit-animation: fadeInUp 0s 0s ease both;
    -moz-animation: fadeInUp 0s 0s ease both
  }
  .menu ul li.subcate.slidedown .subnav::before, .menu ul li.subcate.slidedown .subnav::after {
    display: none
  }
  .menu ul li.subcate.slidedown .subnav a {
    padding: 0 18px
  }
  .menu ul li .subnav a {
    color: #333
  }
  .menu ul li.on {
    background: #fff
  }
  .menu.on, .menu:hover {
    display: block
  }
  .menuico {
    display: inline
  }
  .sch {
    right: 55px
  }
  .sch form {
    display: none
  }
  .sch-m {
    display: block
  }
  .userinfo {
    width: 40px
  }
  .userinfo .uimg img {
    margin-right: 0
  }
  .userinfo .uimg a {
    font-size: 0
  }
  .content {
    border: 0
  }
  .slide {
    padding: 10px 10px 20px
  }
  .slideimg {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    background: #f8f8f8;
    position: relative
  }
  .slideimg a {
    width: auto;
    margin: 0
  }
  .slidecon {
    width: 100%;
    float: none;
    padding: 0 0 20px
  }
  .slidebar {
    margin: auto;
    right: auto;
    position: static
  }
  .slidetitle {
    padding: 10px 0 5px
  }
  .slidetitle a {
    font-size: 18px
  }
  .slideintro {
    max-height: 48px;
    margin: 5px 0 10px;
    padding: 0
  }
  .connews {
    padding: 18px 10px 10px
  }
  .contitle {
    margin-bottom: 5px
  }
  .contitle h4 {
    font-size: 16px
  }
  .newscon ul li {
    width: auto;
    float: none;
    padding: 0;
    position: relative
  }
  .newscon ul li a {
    float: none;
    padding-right: 50px
  }
  .newscon ul li span {
    width: 50px;
    padding-left: 10px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0
  }
  .cmstitle {
    padding-bottom: 5px
  }
  .cmstitle h4 .catelink {
    font-size: 16px
  }
  .cmslist {
    width: 100%;
    min-height: auto;
    padding: 18px 10px 10px
  }
  .cmslist li span {
    display: block
  }
  .cmsimg {
    float: left;
    display: inline;
    margin-right: 10px
  }
  .cmsinfo {
    float: none
  }
  .post {
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
  }
  .postlist {
    padding: 18px 10px 10px
  }
  .postlist h4 {
    margin-bottom: 14px;
    font-size: 16px
  }
  .postimg {
    width: auto;
    margin-right: 10px;
    overflow: unset
  }
  .postimg a {
    width: 120px
  }
  .postbox {
    display: flex;
    flex: auto;
    justify-content: space-between;
    flex-direction: column
  }
  .postbox h3 {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    white-space: normal
  }
  .postbox h3 a {
    font-size: 16px;
    line-height: 1.5
  }
  .postintro {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .catalog {
    padding: 14px 10px 10px
  }
  .catalog .contitle {
    margin-bottom: 12px
  }
  .cateads {
    margin-bottom: 10px;
    padding-bottom: 10px
  }
  .pagebar, .cmtpagebar, .userpagebar {
    margin-top: 10px
  }
  .pagination-loading, .ias_trigger {
    margin-top: 10px
  }
  .single {
    padding: 0 10px
  }
  .single h1 {
    margin-top: 10px;
    font-size: 22px
  }
  .single .tagscloud {
    margin: 0 0 0 -2%
  }
  .single .tagscloud li {
    width: 48%
  }
  .copynotice {
    word-break: break-all;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
  }
  .copynotice .qr, .copynotice canvas {
    float: none;
    margin: 5px 0
  }
  .reltitle h3, .cmttitle h3 {
    font-size: 16px
  }
  .userbox .wrap {
    margin: 0
  }
  .userinfo.on .usernav {
    display: none
  }
  .usermenu {
    margin-bottom: 10px
  }
  .cmtimg {
    display: none
  }
  .cmtsitem {
    padding: 15px 0
  }
  .cmtsitem .avatar {
    width: 38px;
    height: 38px
  }
  .cmtsitem .avatar img {
    width: 38px;
    height: 38px
  }
  .cmtscon {
    margin-left: 50px
  }
  .cmtshead {
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    clear: both
  }
  .cmtshead:after {
    content: "";
    display: block;
    clear: both
  }
  .cmtsname {
    width: 100%;
    float: left;
    display: inline
  }
  .cmtsname em {
    margin-top: 1px
  }
  .cmtsdate {
    float: left;
    display: inline
  }
  .cmtsbody, .cmtsreply {
    margin-left: -50px
  }
  .cmtsfoot {
    margin-left: -50px;
    text-align: right
  }
  .cmtarea {
    padding: 0
  }
  .cmtform p {
    width: 100%
  }
  .cmtform input {
    width: 60%
  }
  .cmtform #inpVerify {
    width: 30%
  }
  .cmtform img {
    width: 30%;
    margin: 0
  }
  .cmtsubmit {
    text-align: center
  }
  .cmtsubmit button {
    width: 100%;
    height: 40px;
    margin: 0 0 10px 0
  }
  .reply-frm {
    margin-left: -50px
  }
  .friendlink {
    width: auto;
    margin: 0 0 10px
  }
  .friendlink .wrap {
    padding: 10px 10px 0
  }
  .friendlink h5 {
    float: none;
    margin-bottom: 12px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 19px;
    border-left: 3px solid #3f72af;
    display: inline-block
  }
  .friendlink ul {
    margin-left: -10px;
    padding: 0;
    line-height: 18px
  }
  .friendlink ul li {
    margin: 0 0 10px 10px;
    padding: 0;
    line-height: 22px
  }
  .friendlink ul li a {
    padding: 0 10px;
    border: 1px solid #ebebeb;
    border-radius: 2px
  }
  .archivelist h3 a {
    font-size: 14px
  }
  .readers ul {
    margin-bottom: 0
  }
  .readers li {
    width: 47%;
    padding: 15px 10px 10px
  }
  .readers li img {
    width: 60px;
    height: 60px
  }
  .readersimg {
    float: none
  }
  .readersimg img {
    margin: 0 auto
  }
  .readersinfo {
    margin-top: 8px;
    padding: 0;
    text-align: center;
    line-height: 20px
  }
  .closepage {
    padding: 1px 0
  }
  .closesite {
    width: 90%;
    margin: 5%;
    padding: 20px;
    position: relative;
    top: auto;
    left: auto;
    transform: none
  }
  .closesite h1 {
    margin: 0 0 20px -20px;
    padding-left: 15px;
    font-size: 22px
  }
  .framemain {
    padding: 10px 15px 5px
  }
  .centerheaduser {
    margin-top: -32px
  }
  .centerheadbg {
    height: 100px
  }
  .centerheadimg {
    width: 66px;
    height: 66px;
    margin-right: 10px
  }
  .centeruserinfo {
    max-height: unset;
    margin: 0;
    padding: 0
  }
  .centeruserinfo h3 a {
    font-size: 20px
  }
  .centermain {
    padding: 10px 0 0
  }
  .fansatten {
    display: none
  }
  .userintro {
    padding: 0;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box
  }
  .usermenu {
    height: 45px;
    overflow: hidden
  }
  .usermenu ul {
    height: 52px;
    white-space: nowrap;
    overflow-x: scroll
  }
  .myarticle h3 {
    font-size: 16px
  }
  .myarticle h3 span {
    width: 6px;
    height: 6px
  }
  .myarticle h3 a {
    margin-left: 6px
  }
  .myarticle li {
    margin-bottom: 15px;
    padding-bottom: 5px
  }
  .myarticle .viewnum, .myarticle .cmtnum, .myarticle .catelink {
    display: none
  }
  .myarticle .postintro {
    padding: 0;
    border: 0
  }
  .mycmtimg {
    display: none
  }
  .mycmtinfo {
    margin: 0 0 20px 0
  }
  .mycmtinfo:before, .mycmtinfo:after {
    display: none
  }
  .mycmtcon {
    padding: 20px 10px
  }
  .mycmtdate {
    padding: 0 10px
  }
  .writingbtn, .myinfobtn {
    width: 100%
  }
  .writing .errtip, .myinfo .errtip {
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
    line-height: 20px
  }
}
@media screen and (max-width:420px) {
  .pluginlogin {
    width: 100%;
    padding: 20px
  }
  .mywriting .verifytxt, .myinfo .verifytxt {
    width: 50%
  }
  .mywriting .verifyimg, .myinfo .verifyimg {
    width: calc(50% - 5px)
  }
}
.baijia-toyean-26 {
  width: 273.1px;
}
#toyean-wrapper-64:before {
  content: "2678.4";
}