.swiper-container{
  --swiper-theme-color: #fff;
  --swiper-pagination-color: #fff;
}
.swiper-slide .swiper-slide-con {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 100px 36px 20px;
  font-weight: 300;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(top),
    color-stop(0%, rgba(0, 0, 0, 0)),
    color-stop(30%, rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.8))
  );
  background-image: linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.8) 100%
  );
}
.swiper-slide .swiper-slide-con h2 {
  color: #fff;
  margin-bottom: 8px;
  font-weight: 300;
}
.swiper-slide .swiper-slide-con h2 a{
  color:#fff
}
.swiper-slide .swiper-slide-con h2 a:hover{
  color: #fff;
}
.swiper-slide .swiper-slide-con p {
  color: #efefef;
  font-size: 14px;
}
.addMore{
  padding:25px 0;
  text-align:center;
  font-size:16px;
}
#post_like_zan .iconfont{
  font-size: 24px;
  position: absolute;
  margin-left: -30px;
  margin-top: -2px;
}


/*--comments --*/#comments {}
#comments h3,#comments h4 {line-height:2;padding-bottom:5px;margin:0px 0 15px;border-bottom:1px solid #e2e2e2;color:#4693e9;font-weight:400;font-size:1.15em;width:99%;position:relative;}
#comments h3:after,#comments h4:after,#comments .comment-tab:after {content:"";position:absolute;width:60px;height:2px;background:#4693e9;left:0;bottom:-1px;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease;}
#comments .comment-tab {line-height:25px;border-bottom:1px solid #ddd;padding:5px 0 5px 5px;position:relative;}
.come-comt {color:#333;}
.commentlist {margin-bottom:5px;}
.come-comt i.fa {margin-right:5px;font-size:18px;font-size:1.2em;}
.comment-text-center {cursor:pointer;text-align:center;margin:18px 0;font-size:16px;font-size:1.15em;color:#338A9C;font-weight:500;}
.comment-text-center i.fa {position:relative;font-size:1.2em;top:1px;}
#comments span.come-comt {font-weight:700;font-size:16px;color:#888;}
span.come-comt i.fa {font-size:1.3em;}
#comments span#comment_count {font-weight:normal;font-size:14px;color:#666;float:none !important;}
#comments h5 {margin:8px;}
#comments h4 span {margin-right:8px;}
#comments h4 span.jubao {float:right;margin-right:0;}
#comments h4 span.jubao small {color:#338A9C;}
#comments h4 span.jubao small:hover {color:#F05A28;}
.comt-box {width:100%;height:100%;overflow:hidden;margin:0 auto;text-align:center;}
.show-comments {width:69%;float:left;overflow:hidden;}
.show-sidebar {width:30%;float:right;margin-top:10px;}
#frmSumbit #inpName,#frmSumbit #inpEmail,#frmSumbit #inpHomePage,#frmSumbit #inpVerify {border:1px solid #eee;padding-left:10px;width:95.55%;height:44px;line-height:44px;color:#333;background:#FFFFFF;margin-bottom:0px;}
.form-name {margin-right:10px;}
.form-email {margin-right:10px;}
.form-group {margin-bottom:15px;margin-top:8px;}
.liuyan {float:left;width:32.32%;position:relative;}
@media screen and (max-width: 481px) {
  .liuyan{
    width:48%;
  }
  
}
#frmSumbit .input-inpVerify #inpVerify {height:33px;line-height:33px;width:100%;padding-left:10px;}
.form-inpVerify {float:left;width:33%;position:relative;min-height:1px;padding-right:15px;}
.commentpost .input-group-addon {border-left:1px solid #eee;position:absolute;right:-1px;top:0px;height:32px;line-height:30px;padding:0;font-weight:400;color:#555;text-align:center;vertical-align:middle;}
.input-inpVerify {position:relative;display:inherit;border-collapse:separate;}
.input-group-addon img {height:100%;border-bottom-right-radius:3px;border-top-right-radius:3px;}
.commentpost label {height:auto;overflow:hidden;clear:left;float:left;line-height:15px;border-color:#CCC;border-style:solid;border-width:1px 0 1px 1px;margin:0;padding:6px 10px;}
#frmSumbit p {padding:0;margin:10px 0;line-height:30px;}
#frmSumbit .button {color:#FFFFFF;background-color:#3690cf;height:30px;width:88px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;border-radius:4px;}
#frmSumbit .button:hover {background-color:#57bdf7;cursor:pointer;}
.msg .msgimg img {clear:left;float:left;margin-right:10px;padding:2px;height:50px;width:50px;border:1px solid #ddd;background-color:#f1f1f1;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out;}
.msgarticle img {margin-top:2px;padding:0 2px;}
#comments .msg {font-size:12px;line-height:22px;border:1px solid #ddd;padding:10px;margin-top:12px;margin-bottom:10px;border-radius:5px;}
#comments .msg:hover {background:#FBFBFB;border:1px dotted #bbb;}
i.author-ident {position:relative;bottom:0px;float:left;}
i.author-ident:after {content:"";position:absolute;width:18px;height:18px;right:12px;top:32px;}
i.author-ident.author1:after {background:url(../images/vjin.png) no-repeat;background-size:18px;}
i.author-ident.author2:after {background:url(../images/vhuang.png) no-repeat;background-size:18px;}
i.author-ident.author3:after {background:url(../images/vlan.png) no-repeat;background-size:18px;}
i.author-ident.author4:after {background:url(../images/vhong.png) no-repeat;background-size:18px;}
i.author-ident.author5:after {background:url(../images/vfen.png) no-repeat;background-size:18px;}
i.author-ident.author6:after {background:url(../images/vhui.png) no-repeat;background-size:18px;}
#comments .msg .msgarticle img {margin-top:0;position:relative;top:4px;}
#cancel-reply small {margin:0 10px;color:#ff6f3d;font-weight:500;}
#comments .msg .msgname {color:#999999;padding-top:2px;}
#comments .msg .msgarticle {color:#666;padding-top:5px;padding-bottom:3px;min-height:30px;margin-left:56px;text-align:justify;}
#comments .msg .msgarticle .msg {margin-top:10px;margin-bottom:5px;padding-top:10px;padding-left:12px;border-bottom:none;border-top:none;border:1px solid #E0DDDD;border-radius:5px;box-shadow:0 0px 0px transparent;}
.msg .msgarticle .msg .msgname .dot {display:none;}
a.comment_at {padding:2px 5px 3px 5px;border:1px solid #ddd;border-radius:4px;color:#F35532;font-weight:bold;margin-right:5px;}
#logo404 {background-color:#FFFFFF;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:center center;padding-top:60px;padding-bottom:60px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#9EAA99;box-shadow:0 0 4px rgba(0,0,0,0.25);}
#cw404 {width:720px;margin:20px auto;}
#cw404 h1 {font-size:18px;line-height:60px;font-weight:normal;text-align:center;}
#cw404 .kuang {font-size:14px;border:1px solid #9EAA99;border-radius:3px;box-shadow:0 0 4px rgba(0,0,0,0.25);padding:20px;background-color:#FFFFFF;}
#cw404 #ts404 {text-align:center;}
span.LevelName {background-color:#2F889A;color:#fff !important;font-size:12px;margin:0 5px 0 1px;opacity:0.9;padding:2px 7px 2.5px;border-radius:3px;cursor:pointer;}
span.aulevel1 {background-color:#de3009;}
span.aulevel2 {background-color:#d9534f;}
span.aulevel3 {background-color:#5cb85c;}
span.aulevel4 {background-color:#3AB2CE;}
span.aulevel5 {background-color:#428bca;}
.msgname a {margin-right:5px;}
.msgname span a {margin-left:5px;margin-right:0;}
.msgtxt span:last-child {font-size:12px;}
.commentlist .comment {list-style:none;border-top:1px solid #ddd;}
.commentlist li.comment ul.children {margin-left:20px;}
.commentlist .depth-1 {margin:10px 0 10px 0;}
.commentlist li {position:relative;}
.commentlist .comment-body {padding:5px 0 5px 0}
.commentlist .comment-body:hover {background:#fafafa url(../images/bg2.png) repeat;}
.commentlist p {margin:5px 0 5px 50px;line-height:22px;}
.reply a:link,.reply a:visited {text-align:center;font-size:12px;}
.datetime {font-size:12px;color:#aaa;text-shadow:0px 1px 0px #fff;margin-left:50px;}
.commentmetadata {font-size:12px;color:#aaa;text-shadow:0px 1px 0px #fff;margin-left:50px;}
ol.commentlist li div.vcard img.avatar {width:40px;height:40px;position:relative;float:left;margin:4px 6px 0 0;padding:2px;border:1px solid #ddd;background:#fff;}
ol.commentlist li div.floor {float:right;color:#bbb}
#respond {padding:5px 10px 10px;overflow:hidden;}
#respond_box {clear:both;border-top:1px solid #ddd;}
#respond h3 {margin:5px 0 6px 0;}
#comment {background:#fff;}
#comments .msg:hover .commentpost {background:#FBFBFB;}
#commentform p {color:#333;}
#commentform label {color:#868686;}
#commentform input {border:1px solid #ddd;width:160px;margin:4px 5px 4px 0;padding:3px;box-shadow:inset 2px 3px 5px #eee;}
#commentform input:focus {border:1px solid #ccc;}
#commentform textarea {width:95%;height:120px;font-size:13px;padding:4px;margin:4px 0 0 0;border:1px solid #ddd;box-shadow:inset 2px 3px 5px #eee;}
#commentform textarea:focus {border:1px solid #ccc;}
#commentform input#submit,#commentform input#reset {width:110px;height:32px;background:#606060;color:#fff;border:1px solid #e5e5e5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:4px;line-height:28px;text-align:center;margin-top:8px;box-shadow:none;}
#commentform #submit:hover,#commentform #reset:hover {font-weight:bold;}
#real-avatar .avatar {float:right;padding:2px;border:1px solid #ddd;background:#fff;margin-right:20px;_margin-right:10px;}
.commentpost h4 i.fa {margin-right:5px;}
#comments .msg .msgimg img.avatar:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
#comment-tools {width:100%;overflow:hidden;margin:0 auto 10px;text-align:center;}
.tools_title {float:left;border:1px solid #ddd;border-bottom:none;display:block;margin:0;padding:7px 0px 7px 5px;border-top-left-radius:5px;border-top-right-radius:5px;width:99%;text-align:left;}
.tools_text {width:99%;float:left;border:1px solid #ddd;}
#txaArticle {width:100%;height:120px;line-height:180%;border:0px solid #ddd;padding:5px 5px 5px 8px;font-size:14px;}
#comment-tools a {padding:1px 5px;color:#666;cursor:pointer;font-size:15px;font-size:16px;font-size:1.15em;}
#comment-tools i.fa {color:#0069b3;}
span.com-title {margin-left:5px;font-size:14px;font-size:1.0em;color:#333;font-weight:500;}
#faces {padding:1px 3px;}
#faces i.fa {font-size:1.2em;font-size:17px;cursor:pointer;}
#UbbFrame {margin:6px 0 0px;/* padding-top:5px;border-top:1px solid #ddd;*/}
#ComtoolsFrame {*display:none;margin-top:-20px;padding:25px 0 5px}
#ComtoolsFrame img {display:inline-block;margin:0;padding:3px 3px 0 3px}
#ComtoolsFrame img:hover {background-color:#eee;cursor:pointer}
#comments .msg .msgarticle .noimg .msgimg img {display:none!important;}
#comments .msg .msgarticle ul.msgarticle {margin-left:0;}
#comments .msg .msgarticle .noimg .msgtxt .msgarticle .noimg {margin-left:0px;margin-top:15px;margin-bottom:5px;}
#comments .msg .msgarticle .noimg .msgarticle {padding-top:10px;margin-left:0;}
/* #comments .msg .msgarticle #comment {visibility:visible !important;animation-name:fadeInDown !important;} */
#comments .msg .msgarticle #comment {visibility:visible !important;}
#comments .msg .msgarticle p {padding-top:10px;}
#comments .msg .msgarticle form#frmSumbit p {margin-bottom:5px;padding-top:5px;}
.msgname .dot {font-size:13px;color:#d1d1d1;display:inline-block;margin-left:12px;font-weight:400;letter-spacing:2px;float:right;opacity:.8;}
.msgname .dot.shafa {color:#d11a1a;font-size:12px;}
.msgname .dot.yizi {color:#ef8f31;font-size:12px;}
.msgname .dot.bandeng {color:#ba8147;font-size:12px;}
.msgname .dot.liangxi {color:#cd7bfe;font-size:12px;}
.msgname .dot.diban {color:#8ea4ba;font-size:12px;}
.msgarticle #ComtoolsFrame {height:52px;overflow:hidden;}
.msgname:hover .comment-reply-link {display:block;}
.msgtxt {position:relative;font-size:14px;font-size:1.2em;}
.msgname a.comment-reply-link {background:#EDEDED;display:none;padding:0 10px;border:1px solid #ddd;border-radius:2px;position:relative;top:-1px;font-size:12px;float:right;}
.msgname a.comment-reply-link:hover {background:#3690cf;color:#fff;border:1px solid transparent;font-size:12px;}
#comments span.iliuyan {float:right;margin-right:0;}
#comments span.iliuyan a {font-size:13px;font-size:0.95em;color:#999;}
#comments span.iliuyan a:hover {color:#3690cf;}
span.WB-OS {position:relative;display:none;margin-left:5px;top:-3px;letter-spacing:3px;}
.msgname:hover span.WB-OS {display:initial;}
#comments .msg .msgarticle span.WB-OS {top:-7px;}
#comments-nav {text-align:center;margin-top:18px;}
.com-page-list a {position:relative;margin-right:5px;padding:2px 8px;margin-left:-1px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;}
.com-page-list a.on,.com-page-list a:hover {color:#fff;background:#3690cf;border:1px solid transparent;}
.com-page-list.pagination {padding:10px 0 15px 0;}
.single-avatar.vip2 {display:inline-block;padding:3px;width:70px;height:70px;background:url(../images/avatar_yonghui.png) no-repeat;}
.single-avatar.vip1 {display:inline-block;padding:3px;width:70px;height:70px;background:url(../images/avatar_puhui.png) no-repeat;}
.single-avatar.vip1 img,.single-avatar.vip2 img {padding:0;}
.single-avatar.vip3,.single-avatar.avatar_chunjie {display:inline-block;padding:4px;width:70px;height:70px;background:url(../images/avatar_admin.png) -1px 0 no-repeat;}
.msgimg {position:relative;}
#comments .msg .msgarticle .msg i.author-ident {display:none;}
.commentlist .pagination {margin:0 auto -10px;text-align:center;}

/* loading */
#loading-more{
  display: none;
}
#loading{
  display: none;
}
figure#loading-more{ 
  display: none;
  position: absolute;
  margin: auto;
  top: 0; bottom: 0; left: 0; right: 0;
  width: 4em; height: 4em;
  animation: rotate 2.4s linear infinite;
  z-index:10000;
}
.white { 
  top: 0; bottom: 0; left: 0; right: 0; 
  background: white; 
  animation: flash 2.4s linear infinite;
  opacity: 0;
}
.dot {
  position: absolute;
  margin: auto;
  width: 1.2em; 
  height: 1.2em;
  border-radius: 100%;
  transition: all 1s ease;
}
.dot:nth-child(2) { top: 0; bottom: 0; left: 0; background: #FF4444; animation: dotsY 2.4s linear infinite; }
.dot:nth-child(3) { left: 0; right: 0; top: 0; background: #FFBB33; animation: dotsX 2.4s linear infinite; }
.dot:nth-child(4) { top: 0; bottom: 0; right: 0; background: #99CC00; animation: dotsY 2.4s linear infinite; }
.dot:nth-child(5) { left: 0; right: 0; bottom: 0; background: #33B5E5; animation: dotsX 2.4s linear infinite; }

@keyframes rotate {
  0% { transform: rotate( 0 ); }
  10% { width: 4em; height: 4em; }
  66% { width: 1.2em; height: 1.2em; }
  100%{ transform: rotate(360deg); width: 4em; height: 4em; }
}

@keyframes dotsY {
  66% { opacity: .1; width: 1.2em; }
  77%{ opacity: 1; width: 0; }
}
@keyframes dotsX {
  66% { opacity: .1; height: 1.2em;}
  77%{ opacity: 1; height: 0; }
}

@keyframes flash {
  33% { opacity: 0; border-radius: 0%; }
  55%{ opacity: .6; border-radius: 100%; }
  66%{ opacity: 0; }
}

/* post-page样式 */
.crumbs{
  background-color: #fff;
  border-top: 1px #efefef solid;
  padding: 20px;
  color: #999;
}
.toggle-btn{
  display: none;
}
#scroll{
  position: relative;
}
.postinfo .iconfont{
  padding:0 4px;
}

.gray { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity:0.7;
}
.download_code{
  margin-bottom:50px;
}
.download_code h3{
  margin-top:24px;
}
.download_code .download_info ol li{
  padding:7px 0;
}
.download_info li a{
  color:#2d8cf0;
}
.download_link ol li a{
  color:#2d8cf0;
}
#light,#catlist{
  display: flex;
  align-items: center;
}
#light i,#catlist i {
  margin-right:5px;
}
.author_info p {
  padding: 0 20px;
  font-weight: 300;
  text-align: justify;
  font-size: 12px;
  text-indent: 2em;
}
.swiper-pagination-bullet{
  background: #eee!important;
}
.sidebar_widget .list_layout h3 a{
  line-height:22px;
}
.swiper-wrapper.swiper-wrapper-page-index{
  height:400px;
}
.download_main .excerpt {
  min-height:96px!important;
}
.hc_pin{
  width:100px;
  height:100px;
  background-color: #f2f2f2;
  margin:0 auto;
}
.hc_pin img{
  width:100%;
  height:100%;
  display: block;
}
.copyright{
  margin-bottom:10px;
}
.ad{
  margin-top:24px;
  margin-bottom:12px;
}
.ad img{
  height:125px;
}
@media screen and (max-width: 481px) {
  .ad{
    margin-top:12px;
  }
  .ad img{
    height:60px;
  }
  .postinfo > div.left{
    display: none;
  }
  .swiper-wrapper.swiper-wrapper-page-index{
    height:200px;
  }
}

.swiper-button-prev{
  left:-30px;
  -moz-transition: ease-in-out .5s;
  -webkit-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
  -ms-transition: ease-in-out .5s;
  transition: ease-in-out .5s
}
.swiper-button-next{
  right:-30px;
  -moz-transition: ease-in-out .5s;
  -webkit-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
  -ms-transition: ease-in-out .5s;
  transition: ease-in-out .5s
}