html {
    content: ""; /* (ab)using the content property */
}

/* Light mode */
@media (prefers-color-scheme: light) {
    html {
        content: "light"; /* (ab)using the content property */
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    html {
        content: "dark"; /* (ab)using the content property */
    }
}
body {
    padding-top: 53px;
    background-color: #fafbfe;
      }
html,body{
height:100%;scroll-behavior:smooth;
}
.all {
    position: relative;
    min-height: 100%;
}
#logo {
    height: 53px;
    display: flex;
    align-items: Center;
}
#logo img {
    max-height: 53px;
}
.tooltip-inner {padding: 5px 10px;}
footer {
    padding: 15px 0;
position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;line-height: 1;
}
.main {
    padding-bottom: 80px;
}
.blog-post img {
    max-width: 100%;
}
/*懒加载背景图，即加载动画*/
img.b-lazy{
background:#e8ecf3 url(./img/loading.gif) no-repeat center;background-size: 80%;
}
.jrotty-links img.b-lazy{
background:#e8ecf3 url(./img/tx.jpeg) no-repeat center;background-size: 100%;
}
/*解决png透明图片背景穿透问题*/
img.b-lazy.ojbk {
    background: #e8ecf3;
}
.czjz{
height: 100%;
    display: flex;
    justify-content: center;
    align-items: Center;}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media>.pull-left {
    padding-right: 10px;
}
.blog-post-a{
    color: #34495e;
}
textarea.form-control {
    resize: none;
    background: #f4f6f7;
    border: none;
    height: 10rem;
    font-size: 1.8rem;
}
/*
 *
 * login-register modal
 * Autor: Creative Tim
 * Web-autor: creative.tim
 * Web script: #
 * 
 */
 
/*  Shake animation  */

@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinges {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

.animated.slow {
	-webkit-animation-duration: 3s;
	   -moz-animation-duration: 3s;
	     -o-animation-duration: 3s;
	        animation-duration: 3s;
}

.animated.snail {
	-webkit-animation-duration: 4s;
	   -moz-animation-duration: 4s;
	     -o-animation-duration: 4s;
	        animation-duration: 4s;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}

.login .modal-dialog{
    width: 350px;
}
.login .modal-footer{
    border-top: 0;
    margin-top: 0px;    text-align: left;
    padding: 10px 20px 20px;
}
.login .modal-header {
    border: 0 none;
    padding: 15px 15px 15px;
/*     padding: 11px 15px; */
}
.login .modal-body{
/*     background-color: #eeeeee; */
}
.login .division {
    float: none;
    margin: 0 auto 18px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.login .division .line {
    border-top: 1px solid #DFDFDF;
    position: absolute;
    top: 10px;
    width: 34%;
}
.login .division .line.l {
    left: 0;
}
.login .division .line.r {
    right: 0;
}
.login .division span {
    color: #424242;
    font-size: 17px;
}
.login .box .social {
    float: none;
    margin: 0 auto 30px;
    text-align: center;
}

.login .social .circle{
    background-color: #EEEEEE;
    color: #FFFFFF;
    border-radius: 100px;
    display: inline-block;
    margin: 0 17px;
    padding: 15px;
}
.login .social .circle .fa{
    font-size: 16px;
}
.login .social .facebook{
    background-color: #455CA8;
    color: #FFFFFF;
}
.login .social .google{
    background-color: #F74933;
}
.login .social .github{
    background-color: #403A3A;
}
.login .facebook:hover{
    background-color: #6E83CD;
}
.login .google:hover{
    background-color: #FF7566;
}
.login .github:hover{
    background-color: #4D4D4d;;
}
.login .forgot {
    color: #797979;
    margin-left: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.login .btn-login, .registerBox .btn-register{
    background-color: #00BBFF;
    border-color: #00BBFF;
    border-width: 0;
    color: #FFFFFF;
    display: block;
    margin: 0 auto;
    padding: 15px 50px;
    text-transform: uppercase;
    width: 100%;
}
.login .btn-login:hover, .registerBox .btn-register:hover{
    background-color: #00A4E4;
    color: #FFFFFF;
}
.login .form-control{
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.09) inset;
    color: #FFFFFF;
}
.login .form-control:hover{
    background-color: rgba(0,0,0,.16);
}
.login .form-control:focus{
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04) inset;
    background-color: rgba(0,0,0,0.23);
    color: #FFFFFF;
}
.login .box .form input[type="text"], .login .box .form input[type="password"] {
    border-radius: 3px;
    border: none;
    color: #333333;
    font-size: 16px;
    height: 46px;
    margin-bottom: 5px;
    padding: 13px 12px;
    width: 100%;
}


@media (max-width:767px){
    .login .modal-dialog{
    width: 90%;
    margin: 50px auto 0 auto;
    }
}

.big-login, .big-register{
    background-color: #00bbff;
    color: #FFFFFF;
    border-radius: 7px;
    border-width: 2px;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    padding: 16px 60px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.big-login:hover{
    background-color: #00A4E4;
    color: #FFFFFF;
}
.big-register{
    background-color: rgba(0,0,0,.0);
    color: #00bbff;
    border-color: #00bbff;
}
.big-register:hover{
    border-color: #00A4E4;
    color:  #00A4E4;
}

button.close {
    outline: none;
}





.Dropdown-menu {
    display: block;
    border: 0;
    width: auto;
    margin: 0;
    padding: 0;
    min-width: 0;
    float: none;
    position: static;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.Dropdown-menu>li>a, .Dropdown-menu>li>button, .Dropdown-menu>li>span {
    padding: 8px 15px;
    display: block;
    width: 100%;
    color: #111;
    border-radius: 0;
    border: 0;
    background: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}
.TagIcon {
    border-radius: 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    margin-left: 1px;
}
.Dropdown-menu>li>a .Button-icon{float:left;margin-right:15px;margin-top:1px;
    text-align: center;}
.author-h {
padding:5px 0;
}
.author-h img {
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.35);
    box-shadow: 0 2px 6px rgba(0,0,0,0.35);
}
@media (min-width: 768px){
.media:hover {
    background: #f6f6f6;
}
.deanheaderbg {
    width: 100%;
    height: 450px;
    background: url(./img/headerbg.jpg) 0 0 no-repeat;
    background-size: cover;
}
.media {
    padding: 8px;
}
.author-h {padding:0;
    width: 100%;
    text-align: left;
}
.author-h img {
    float: left;margin-right: 10px;
}
}
/*cate*/
.hui20{height:200px}
.bk1{
border-top: 1px solid rgba(0,0,0,0.15); 
}
.catet{color: #eee;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tagspan{
    background: #e8ecf3;
    color: #667c99;
    border-radius: 5px;
    padding: 1px 6px;
    margin-right: 5px;
    font-size: 13px;
    display: inline-block;
}
.tagspan a,.tagspan a:hover, .tagspan a:focus{
color: #667c99;
}
.hui20{
color: #ffffff;
}
/*表格*/
.blog-post table{width:100%;max-width:100%;border:0;border-collapse:collapse;border-spacing:0}.blog-post table td,.blog-post table th{border:0}.blog-post table th{padding:6px 10px;border-bottom:2px solid #848484;text-align:left}.blog-post table td{padding:6px 10px;border-bottom:1px solid #d0d0d0}td{min-width:40px}
.blog-post table tr:nth-child(2n) {background: #f7f8f8;}
@media only screen and (max-width:767px){.content table{overflow:auto;display:block}}@media only screen and (min-width:767px){.blog-post table th{padding:6px 20px}.blog-post table td{padding:6px 20px}td{min-width:100px}}
/*表情*/
.OwO{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OwO:hover .OwO-logo{color:#444}.OwO.OwO-open .OwO-logo{border-radius:4px 4px 0 0;border-bottom:none;color:#444}.OwO.OwO-open .OwO-body{display:block}.OwO.OwO-up .OwO-body{top:inherit;bottom:21px;border-radius:4px 4px 4px 0}.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0}.OwO.OwO-up.OwO-open .OwO-logo{border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none}.OwO .OwO-logo{position:relative;display:inline-block;color:#888;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:2px 5px;cursor:pointer;height:22px;box-sizing:border-box;z-index:2;line-height:16px}.OwO .OwO-logo:hover span{display:inline-block;-webkit-animation:a 5s infinite ease-in-out;animation:a 5s infinite ease-in-out}.OwO .OwO-body{display:none;position:absolute;max-width:400px;background:#fff;border:1px solid #ddd;z-index:1;top:26px;border-radius:0 4px 4px 4px}.OwO .OwO-body .OwO-items{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;padding:10px;margin:0;overflow-y:scroll;font-size:0}.OwO .OwO-body .OwO-items .OwO-item{list-style-type:none;background:#f7f7f7;padding:5px 10px;border-radius:5px;display:inline-block;font-size:12px;line-height:14px;margin:0 10px 12px 0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.OwO .OwO-body .OwO-items .OwO-item:hover{background:#eee;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-animation:a 5s infinite ease-in-out;animation:a 5s infinite ease-in-out}.OwO .OwO-body .OwO-items-emoji .OwO-item{font-size:20px;line-height:19px}.OwO .OwO-body .OwO-items-image .OwO-item{max-width:calc(25% - 10px);box-sizing:border-box}.OwO .OwO-body .OwO-items-image .OwO-item img{max-width:100%}.OwO .OwO-body .OwO-items-show{display:block}.OwO .OwO-body .OwO-bar{width:100%;height:30px;border-top:1px solid #ddd;background:#fff;border-radius:0 0 4px 4px;color:#444}.OwO .OwO-body .OwO-bar .OwO-packages{margin:0;padding:0;font-size:0}.OwO .OwO-body .OwO-bar .OwO-packages li{list-style-type:none;display:inline-block;line-height:30px;font-size:14px;padding:0 10px;cursor:pointer;margin:0}.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0 0 0 3px}.OwO .OwO-body .OwO-bar .OwO-packages li:hover{background:#eee}.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active{background:#eee;-webkit-transition:.3s;transition:.3s}@-webkit-keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}
img.biaoqing {
    height: 30px;
}
.comment-list .biaoqing {
    margin: 0 .25em;
    vertical-align: bottom;
    height: 2em;
}
/*原生评论样式*/
#cancel-comment-reply-link {
    display: inline !important;
}
span.comment-reply a:hover, span.cancel-comment-reply a:hover {
    color: #16a085;
}
span.comment-reply a, span.cancel-comment-reply a {
    font-size: 14px;
    color: #6d757a;
}
.comment-author span.text-muted {
    font-size: 14px;
}
.info-com {
    background-color: #eee;
    border-left: #68CEFF solid 5px;
    padding: .4rem .8rem;
    border-radius: .2rem;
    font-size:1.4rem;color:#999;
}
form#comment-form {
    display: grid;
}
span.comment-num {
    color: red;
}
#comments code {    font-weight: bolder;}

#comment-m {    position: relative;
    background: #f2f2f2;
    padding: 5px 5px 0 5px;
    margin: 0 .5rem 0 70px;
    border-radius: 8px; margin-top:-20px;
}
.comment-arrow {
    position: absolute;
    top: 18px;
    left: -20px;
    width: 0;
    height: 0;
    font-size: 0;
    border: solid 10px;
    border-color: transparent #f2f2f2 transparent transparent;
}
.comment-close {
    background-color: #fafafa;
    text-align: center;
    padding: 30px;
    font-weight: normal;
    color: #657786;
}
#comments img {
    max-width: 100%;
}
span.comment-reply, span.cancel-comment-reply {
    margin-left: 5px;
}
.hyhl{font-size:1.5rem;margin:.3rem 0 .3rem .5rem}
.comment-at a{color:#999;font-size:1.6rem;line-height:1.5em;margin:0 0 .5rem 0}.comment-list p{font-size: 1.6rem;
    margin: 0 0 .5rem 0;
    word-wrap: break-word;
    padding: 0px 3px 5px 0;
    color: #000;}.comment-author a{font-size:1.4rem;}.comment-author{border-radius:4px 4px 0 0;padding:3px;color:#000}.comment-meta{float:right;font-size:1.4rem;color:#999}ol.comment-list{list-style:none;padding:0;margin:0}img.avatar{border:2px solid #FFF;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);-webkit-border-radius:50%;border-radius:50%;margin:6px;width:48px;height:48px;position:relative;float:left;transition:all .4s ease;background-color:#fff}img.avatar:hover{-webkit-transform:rotate(361deg);-moz-transform:rotate(361deg);transform:rotate(361deg)}.comment-list li{margin:10px 0 10px 0;border-radius:3px;padding:0}.ti{margin:.3rem 0;color:#999}.comment-parent .comment-ajax, .comment-parent>.comment-children{margin-left:25px}.comment-children li{margin-top:10px;padding:0}.comment-id{margin:0 0 1.5rem 0}

img.avataro{width:42px;border:2px solid #FFF;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);-webkit-border-radius:50%;border-radius:50%;background-color:#fff}
.comment-body .respond {
    margin-left: 70px;
    margin-right: .5rem;
}
.comment-body .respond .ti {
    display: none;
}
@media only screen and (max-width:390px){.comment-time{display:none}
.comment-body .respond {margin-left: .5rem;margin-right: .5rem;}
}
li.comment-parent {
    box-shadow: 0 0 3px #888;
    border-radius: 4px;
    padding: 8px 0;
}
.p-name, a.p-name {
    font-size: 14px;
    color: #6d757a;
    font-weight: 700;
}
/*评论分页*/
.page-navigator>li {
    display: none;
}
.page-navigator>.next {
    display: block;
}
.visitor {
    text-align: center;
}
@media only screen and (max-width:767px){
.visitor {display: none;}
}
/*评论可见*/
.reply2view {
    display: inline-block;
    text-align: center;
    border: 2px dashed #f77;
    padding: 5px;
    margin-bottom: 10px;
    color: #F77;
    width: 100%;
    font-size: 16px;
}
.reply2view-ok fieldset{
    display: inline-block;
    border: 2px dashed #888;
    padding: 5px;
    width: 100%;
}
.reply2view-ok fieldset legend {
    font-size: 12px;
    padding: 5px;
    color: #F77;
    border: 1px solid #888;
    line-height: 12px;
    border-radius: 2px;
}
/*评论标志*/
.comment-main .biaozhi {
    position: relative;
    top: 28px;
    right: 22px;
    background: #ff5656;
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 12px;
    padding: 2px;
    border: 2px solid #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
/*标志位置纠正*/
.comment-main .biaozhi .fui-light_bulb,.comment-main .biaozhi .fui-user {
    margin-left: 1px;
}

/*滚动条*/
@media only screen and (min-width:767px){pre code::-webkit-scrollbar-track-piece{background:#eee}pre code::-webkit-scrollbar{width:6px;height:6px}pre code::-webkit-scrollbar-thumb{height:40px;border-radius:4px;background-color:#A5A5A5}pre code::-webkit-scrollbar-thumb:hover{background-color:#bbb}html::-webkit-scrollbar-track-piece{background:#eee}html::-webkit-scrollbar{width:6px;height:6px}html::-webkit-scrollbar-thumb{height:40px;border-radius:4px;background-color:#A5A5A5}html::-webkit-scrollbar-thumb:hover{background-color:#bbb}#sidebar::-webkit-scrollbar-track-piece{background:#eee}#sidebar::-webkit-scrollbar{width:6px;height:6px}#sidebar::-webkit-scrollbar-thumb{height:40px;border-radius:4px;background-color:#A5A5A5}#sidebar::-webkit-scrollbar-thumb:hover{background-color:#bbb}}
.OwO-items::-webkit-scrollbar-track-piece{background:#eee}.OwO-items::-webkit-scrollbar{width:6px;height:6px}.OwO-items::-webkit-scrollbar-thumb{height:40px;border-radius:4px;background-color:#A5A5A5}.OwO-items::-webkit-scrollbar-thumb:hover{background-color:#bbb}






h1:target,h2:target{
    margin-top: -53px;
    border-top: 68px solid transparent;
}
.affix{top:68px;}
.post-menu .sub {
    padding-left: 20px;
}
.post-menu .active a {
    color: #563d7c;
    background-color: transparent;
    border-left: 2px solid #563d7c;
}
.post-menu>li>a{
    display: block;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #767676;
}
.post-menu span{
font-size: 13px;color: #563d7c;font-weight: 500;
}
#autoMenu {
    background: #fff;
}
/*typecho*/
.typecho-option {
    list-style: none;
    margin: 0;
    padding: 0;
}

.typecho-option input{
    width: 100%;
background: #FFF;
    border: 1px solid #D9D9D6;
    padding: 7px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
.primary:active, .primary.active {
    background-color: #39647a;
}

.primary:hover {
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: #3c6a81;
}

.typecho-option .description {
    margin: 0;
    color: #999;
    font-size: 12px;
}
.typecho-option .message.error {
    margin-bottom: 0;
    color: red;
    font-size: 16px;
}


.index-box {
    width: 100%;
    height: auto;    font-size: 14px;
    background-color: transparent;
    overflow-y: auto;
    overflow-x: hidden;
}

.index-box ul {
    padding: 0;
    list-style: none;
}

.index-box .index-subItem-box {
    display: none;
}

.index-box .index-item,
.index-box .index-link {
    width: 100%;
    display: block;
    color: #333333;
    text-decoration: none;
    box-sizing: border-box;
}

.index-box .index-link {
    padding: 4px 8px 4px 12px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s, border-left-color 0.3s;
    -moz-transition: background-color 0.3s, border-left-color 0.3s;
    -o-transition: background-color 0.3s, border-left-color 0.3s;
    transition: background-color 0.3s, border-left-color 0.3s;
    border-left: 3px solid transparent;
    word-break: break-all;
}

.index-box .index-item.current > .index-link {
    background-color: rgba(0, 0, 0, 0.15);
    border-left: 3px solid #555555;
}

.index-box .index-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.index-box .index-subItem-box .index-item {
    padding-left: 1em;
}


.DiscussionListItem ul,.DiscussionListItem li{
    font-size: 13px;
    line-height: 1.5;
}
.badges, .badges>li {
    display: inline-block;
}
.DiscussionList-discussions {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}
.Badge, .Badge .Badge-icon {
    font-size: 12.32px;
}
.Badge {
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 25px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;    background: #d13e32;
}
.TagLabel{font-size:85%;font-weight:600;display:inline-block;padding:.1em .5em;border-radius:4px;background:#ededed;color:#808080;text-transform:none}.TagLabel.untagged{background:transparent;border:1px dotted #808080;color:#808080}.TagLabel.colored .TagLabel-text{color:#fff !important}.DiscussionHero .TagsLabel .TagLabel{background:transparent;border-radius:4px !important;font-size:14px}.DiscussionHero .TagsLabel .TagLabel.colored{margin-right:5px;background:#fff !important;color:#808080}.DiscussionHero .TagsLabel .TagLabel.colored .TagLabel-text{color:inherit !important}.DiscussionHero--colored,.DiscussionHero--colored a{color:#fff}.DiscussionTaggedPost .TagsLabel{margin:0 2px}.TagsLabel .TagLabel{border-radius:0}.TagsLabel .TagLabel:first-child{border-radius:4px 0 0 4px}.TagsLabel .TagLabel:last-child{border-radius:0 4px 4px 0}.TagsLabel .TagLabel:first-child:last-child{border-radius:4px}

.Badge.Badge--sticky {
    color: #fff;
}

.DiscussionListItem-badges {
    float: left;
    margin-top: 10px;
    text-align: right;
    white-space: nowrap;
    pointer-events: none;
}

.badges {    margin: 0;
    padding: 0;
    list-style: none;
}

.DiscussionListItem .tooltip .tooltip-inner {
	max-width: none
}
.item-terminalPost {
    color: #667c99;
    font-size: 12px;
}
.DiscussionListItem--hidden .DiscussionListItem-content {
	opacity: 0.5
}

.DiscussionListItem a {
	text-decoration: none
}

.DiscussionListItem-content {
	position: relative;
	color: #808080
}

.DiscussionListItem-main {
	color: inherit;
	text-decoration: none
}

.DiscussionListItem-author {
	float: left;
	margin-top: 13px
}

.DiscussionListItem-badges {
	float: left;
	margin-top: 10px;
	text-align: right;
	white-space: nowrap;
	pointer-events: none
}

.DiscussionListItem-badges .Badge {
	margin-left: -10px;
	position: relative;
	pointer-events: auto
}

.DiscussionListItem-main {
	display: inline-block;
	width: 100%;
	padding: 12px 0
}

.DiscussionListItem-title {
	margin: 0 0 3px;
	line-height: 1.3;
	color: #111;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis
}

.read .DiscussionListItem-title {
	color: #7c7c7c
}

.unread .DiscussionListItem-title {
	font-weight: 600
}

.DiscussionListItem-info {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 12px
}

.DiscussionListItem-info>li {
	display: inline;
	opacity: 0.7;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}

.DiscussionListItem:hover .DiscussionListItem-info>li,.DiscussionListItem.active .DiscussionListItem-info>li {
	opacity: 1
}

.DiscussionListItem-info .username {
	font-weight: bold
}

.DiscussionListItem-info .item-terminalPost .icon {
	font-size: 11px;
	margin-right: -1px
}

.DiscussionListItem-count {
	float: right;
	margin-top: 12px;
	text-decoration: none
}

.unread .DiscussionListItem-count {
	cursor: pointer
}

.DiscussionListItem-relevantPosts {
	padding-bottom: 15px
}

@media (max-width: 767px) {
	.DiscussionListItem-relevantPosts {
		margin-left: -45px;
		margin-right: -35px
	}
}

.DiscussionListItem-relevantPosts .PostPreview {
	background: #ededed;
	display: block;
	padding: 10px 15px;
	border-bottom: 2px dotted #fff;
	color: #808080;
	transition: border-color .2s
}

.DiscussionListItem:hover .DiscussionListItem-relevantPosts .PostPreview {
	border-color: #f5f5f5
}

.DiscussionListItem-relevantPosts .PostPreview .Avatar,.DiscussionListItem-relevantPosts .PostPreview time {
	display: none
}

.DiscussionListItem-relevantPosts .PostPreview .PostPreview-content {
	padding-left: 0
}

.DiscussionListItem-relevantPosts .PostPreview:first-child {
	border-radius: 4px 4px 0 0
}

.DiscussionListItem-relevantPosts .PostPreview:hover {
	background: #e6e6e6;
	text-decoration: none
}

@media (max-width: 767px) {
	.DiscussionListItem-controls {
		display: none
	}

	.DiscussionListItem-content {
		padding-left: 60px;padding-right: 50px;
	}

	.DiscussionListItem-content:active {
		background: #ededed
	}

	.DiscussionListItem-author {
		margin-left: -45px
	}

	.DiscussionListItem-author .Avatar {    border: 2px solid #e8e8e8;
		width: 32px;
		height: 32px;
		border-radius: 32px;
		font-size: 16px;
		line-height: 32px
	}

	.DiscussionListItem-badges {
		margin-left: -45px;
		width: 38px
	}

	.DiscussionListItem-badges .badge {
		width: 20px;
		height: 20px;
		border-radius: 10px;
		line-height: 19px;
		margin-left: -13px
	}

	.DiscussionListItem-badges .badge,.DiscussionListItem-badges .badge .Badge-icon {
		font-size: 11.2px
	}

	.DiscussionListItem-main {
		margin-right: -45px
	}

	.DiscussionListItem-title {
		font-size: 14px;
		text-decoration: none !important
	}

	.DiscussionListItem-info {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.DiscussionListItem-count {
		margin-right: -35px;
		background: #ededed;
		color: #808080;
		border-radius: 4px;
		font-size: 12px;
		padding: 2px 6px
	}

	.unread .DiscussionListItem-count {
		background: #4d698e;
		color: #fff;
		font-weight: bold
	}

	.unread .DiscussionListItem-count:active {
		opacity: 0.5
	}
}

@media (min-width: 768px) {
	.DiscussionListItem {
		position: relative;
		margin-right: -15px;
		padding-right: 25px;
		padding-left: 15px;
		margin-left: -15px;
		border-radius: 4px;
		transition: background .2s
	}

	.DiscussionListItem:hover {
		background: #f6f6f6
	}

	.DiscussionListItem:hover .DiscussionListItem-controls,.DiscussionListItem .DiscussionListItem-controls.open {
		opacity: 1
	}

	.DiscussionListItem .DiscussionListItem-controls.open {
		z-index: 3
	}

	.DiscussionListItem-controls {
		position: absolute;
		right: 5px;
		top: 15px;
		z-index: 1;
		opacity: 0;
		transition: opacity .2s
	}

	.DiscussionListItem-controls .Dropdown-toggle {
		display: block
	}

	.DiscussionListItem-controls .Dropdown-menu {
		right: 0;
		left: auto
	}

	.DiscussionListItem-content {
		padding-left: 52px;padding-right: 80px;
	}

	.DiscussionListItem-author {
		margin-left: -52px
	}

	.DiscussionListItem-author .Avatar {
		width: 36px;
		height: 36px;
		border-radius: 36px;
		font-size: 18px;
		line-height: 36px
	}

	.DiscussionListItem-badges {
		margin-left: -55px;
		width: 48px
	}

	.DiscussionListItem-main {
		margin-right: -65px
	}

	.DiscussionListItem-title {
		font-size: 16px
	}

	.DiscussionListItem-count {
		margin-top: 21px;
		margin-right: -70px;
		width: 55px;
		color: #808080;
		font-size: 14px;
		padding-left: 21px
	}

	.DiscussionListItem-count:before {
		display: inline-block;
		font: normal normal normal 14px/1 Flat-UI-Icons;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\f0e6";
		float: left;
		margin-left: -21px;
		margin-top: 3px
	}

	.DiscussionListItem-count:before.fa-pull-left {
		margin-right: .3em
	}

	.DiscussionListItem-count:before.fa-pull-right {
		margin-left: .3em
	}

	.DiscussionListItem-count:before.pull-left {
		margin-right: .3em
	}

	.DiscussionListItem-count:before.pull-right {
		margin-left: .3em
	}

	.unread .DiscussionListItem-count {
		color: #111;
		font-weight: bold
	}

	.unread .DiscussionListItem-count:before {
		content: "\f075"
	}

	.unread .DiscussionListItem-count:hover:before {
		content: "\f00c"
	}
}
@media (min-width: 768px) {
	.DiscussionPage-list {
		left: -406px;
		position: absolute;
		z-index: 1010;
		overflow: auto;
		top: 52px;
		height: calc(100vh - 52px);
		width: 400px;
		background: #fff;
		padding-bottom: 40px;
		border-top: 1px solid #ededed;
		-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.35);
		box-shadow: 0 6px 6px rgba(0,0,0,0.35);
		-webkit-transition: left .2s;
		-o-transition: left .2s;
		transition: left .2s
	}

	.affix .DiscussionPage-list {
		position: fixed;
		bottom: 0;
		height: auto
	}

	.paneShowing .DiscussionPage-list {
		left: 0
	}

	.DiscussionPage-list .DiscussionListItem {
		margin: 0;
		padding: 0;
		border-radius: 0
	}

	.DiscussionPage-list .DiscussionListItem.active {
		background: #ededed
	}

	.DiscussionPage-list .DiscussionListItem-controls {
		top: 5px
	}

	.DiscussionPage-list .DiscussionListItem-content {
		padding-left: 67px;
	}

	.DiscussionPage-list .DiscussionListItem-title {
		font-size: 14px
	}

	.DiscussionPage-list .DiscussionListItem-info {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.DiscussionPage-list .DiscussionListItem-relevantPosts {
		margin-left: -52px;
		margin-right: -65px
	}

	.DiscussionPage-list .DiscussionListItem-count {
		margin-top: 11px
	}
}
.DiscussionListItem--unapproved .DiscussionListItem-content {
	opacity: 0.5
}
.DiscussionListItem-info .item-excerpt {
	margin-top: 8px;
	white-space: normal;
	font-size: 12px;
	line-height: 1.5em;
	color: #aaa;
	display: block
}

.DiscussionPage-list .DiscussionListItem-info .item-excerpt {
	display: none
}

@media (max-width: 767px) {
	.DiscussionListItem-info .item-excerpt {
		display: none
	}
}

.DiscussionListItem-info>.item-tags {
	margin-right: 4px;
	opacity: 1
}

@media (min-width: 768px) {
	.DiscussionListItem-title,.UserPage .DiscussionListItem-title {
		margin-right: 155px
	}
	.DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags {
		margin-right: 0;
		position: absolute;
		right: 80px;
		top: 23px;
		max-width: 150px;
		white-space: nowrap;
		overflow: hidden;
		transition: max-width .2s ease-in-out,-webkit-mask-image .2s;
		-webkit-mask-image: linear-gradient(to right, #000 140px, rgba(0,0,0,0) 150px)
	}

	.DiscussionListItem-info>.item-tags:hover,.UserPage .DiscussionListItem-info>.item-tags:hover {
		max-width: 400px;
		-webkit-mask-image: none
	}
}
.colorbg {
    background: #e8ecf3;
}
/*友链*/
.blog-post .jrotty-links{display:inline-block;box-sizing:border-box;margin:1%;width:10%;border-radius:2px;background:#fff;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);-webkit-mask-image:none;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;animation-delay:.3s;-webkit-animation-delay:.3s}
.blog-post .jrotty-links:hover{border-radius:5px;background:#F64848;box-shadow:0 15px 30px #F64848;color:#fff;opacity:.8;cursor:pointer}
@media only screen and (max-width:767px){.blog-post .jrotty-links{width:20%}
}
.jrotty-links img{margin:0;width:100%;border-radius:0!important}
.jrotty-links p{overflow:hidden;margin:0;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;word-break:keep-all}
/*文章H*/
.blog-post {
    word-wrap: break-word;
    word-break:break-all;
}
.blog-post h1,.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{
    margin: 15px 0;
    padding: 0 20px;
    border-left: 8px solid #000000;    font-size: 24px;
    background-color: #f2f2f2;    line-height: inherit;
} 
.blog-post h1,.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{
font-size: 20px;
} 
h1.blog-post-title{
font-size: 25px;
}
@media only screen and (max-width:767px){
.blog-post h1,.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{
font-size: 18px;
} 
h1.blog-post-title{
font-size: 18px;
}
}
.blog-post-meta {
font-size: 14px;border-bottom: 1px solid #eee;color: #868686;padding-bottom: 2px;
}
.blog-post-meta span, .blog-post-meta span i {
    margin-right: 5px;
}
ol.breadcrumb.mbm {
    font-size: 15px;
}
.blog-post h1{
    border-left: 8px solid rgb(255, 87, 51);
    background-color: #f2f2f2;
}
.blog-post h2{
    border-left: 8px solid rgb(255, 195, 0);
    background-color: #f2f2f2;
}
.blog-post h3{
    border-left: 8px solid rgb(72, 201, 176);
    background-color: #f2f2f2;
}
.blog-post h4{
    border-left: 8px solid rgb(64, 95, 222);
    background-color: #f2f2f2;
}
.blog-post h5{
    border-left: 8px solid rgb(230, 176, 170);
    background-color: #f2f2f2;
}
.blog-post h6{
    border-left: 8px solid rgb(144, 12, 63);
    background-color: #f2f2f2;
}
/*文章密码框样式*/
form.protected {
    margin-top: 12px;
}
.protected .word {
    margin: 5px 0;
    font-size: 16px;
}
.protected .text {
    background: #e8ecf3;
    border: none;
    padding: 4px;
}
.protected .submit {
    background: #e8ecf3;
    border: none;
    /* outline: 0; */
    padding: 4px 6px;
}
/*解决评论锚点定位偏移问题*/
#comments:before, .comment-body .comment-id:before {
    content: '';
    width: 10px;
    position: relative;
    padding-top: 50px;
    margin-top: -50px;
    display: block;
}
#gugu img {
    width: 100%;
}
a.c{    color: red;}
/**
* 后台分页
*/
/* line 5, ../scss/_pagenavi.scss */
.typecho-pager {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  zoom: 1; }

/* line 15, ../scss/_pagenavi.scss */
.typecho-pager li {
  display: inline-block;
  margin: 0 3px;
  height: 28px;
  line-height: 28px; }

/* line 22, ../scss/_pagenavi.scss */
.typecho-pager a {
  display: block;
  padding: 0 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

/* line 28, ../scss/_pagenavi.scss */
.typecho-pager a:hover {
  text-decoration: none;
  background: #E9E9E6; }

/* line 33, ../scss/_pagenavi.scss */
.typecho-pager li.current a {
  background: #E9E9E6;
  color: #444; }
/*前台编辑器样式调整*/
.editormd-fullscreen {
    z-index: 1031;
}

/*弹窗css动画*/
@keyframes slideFromTop{0%{top:0}100%{top:35%}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:35%}}@-moz-keyframes slideFromTop{0%{top:0}100%{top:35%}}@-ms-keyframes slideFromTop{0%{top:0}100%{top:35%}}@-o-keyframes slideFromTop{0%{top:0}100%{top:35%}}@keyframes hideFromTop{0%{top:35%}100%{top:0;opacity:0}}@-webkit-keyframes hideFromTop{0%{top:35%}100%{top:0;opacity:0}}@-moz-keyframes hideFromTop{0%{top:35%}100%{top:0;opacity:0}}@-ms-keyframes hideFromTop{0%{top:35%}100%{top:0;opacity:0;filter:Alpha(opacity=0)}}@-o-keyframes hideFromTop{0%{top:35%}100%{top:0;opacity:0}}@keyframes slideFromBottom{0%{top:80%}100%{top:35%}}@-webkit-keyframes slideFromBottom{0%{top:80%}100%{top:35%}}@-moz-keyframes slideFromBottom{0%{top:80%}100%{top:35%}}@-ms-keyframes slideFromBottom{0%{top:80%}100%{top:35%}}@-o-keyframes slideFromBottom{0%{top:80%}100%{top:35%}}@keyframes hideFromBottom{0%{top:35%}100%{top:80%;opacity:0}}@-webkit-keyframes hideFromBottom{0%{top:35%}100%{top:80%;opacity:0}}@-moz-keyframes hideFromBottom{0%{top:35%}100%{top:80%;opacity:0}}@-ms-keyframes hideFromBottom{0%{top:35%}100%{top:80%;opacity:0;filter:Alpha(opacity=0)}}@-o-keyframes hideFromBottom{0%{top:35%}100%{top:80%;opacity:0}}@keyframes showSweetAlert{0%{transform:scale(.5)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.5)}45%{-webkit-transform:scale(1.05)}80%{-webkit-transform:scale(.95)}100%{-webkit-transform:scale(1)}}@-moz-keyframes showSweetAlert{0%{-moz-transform:scale(.5)}45%{-moz-transform:scale(1.05)}80%{-moz-transform:scale(.95)}100%{-moz-transform:scale(1)}}@-ms-keyframes showSweetAlert{0%{-ms-transform:scale(.5)}33%{-ms-transform:scale(1.05)}66%{-ms-transform:scale(.95)}100%{-ms-transform:scale(1)}}@-o-keyframes showSweetAlert{0%{-o-transform:scale(.5)}45%{-o-transform:scale(1.05)}80%{-o-transform:scale(.95)}100%{-o-transform:scale(1)}}@keyframes hideSweetAlert{0%{transform:scale(1)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(0);opacity:0}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1)}45%{-webkit-transform:scale(1.05)}80%{-webkit-transform:scale(.95)}100%{-webkit-transform:scale(0);opacity:0}}@-moz-keyframes hideSweetAlert{0%{-moz-transform:scale(1)}45%{-moz-transform:scale(1.05)}80%{-moz-transform:scale(.95)}100%{-moz-transform:scale(0);opacity:0}}@-ms-keyframes hideSweetAlert{0%{-ms-transform:scale(1)}45%{-ms-transform:scale(1.05)}80%{-ms-transform:scale(.95)}100%{-ms-transform:scale(0);opacity:0;filter:Alpha(opacity=0)}}@-o-keyframes hideSweetAlert{0%{-o-transform:scale(1)}45%{-o-transform:scale(1.05)}80%{-o-transform:scale(.95)}100%{-o-transform:scale(0);opacity:0}}@keyframes layerFadeIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes layerFadeIn{0%{opacity:0;-webkit-transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes layerFadeIn{0%{opacity:0;-moz-transform:scale(.5)}100%{opacity:1;-moz-transform:scale(1)}}@-ms-keyframes layerFadeIn{0%{opacity:0;-ms-transform:scale(.5);filter:Alpha(opacity=0)}100%{opacity:1;-ms-transform:scale(1);filter:Alpha(opacity=100)}}@-o-keyframes layerFadeIn{0%{opacity:0;-o-transform:scale(.5)}100%{opacity:1;-o-transform:scale(1)}}@keyframes hideFadeIn{0%{opacity:1;transform:scale(1)}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes hideFadeIn{0%{opacity:1;-webkit-transform:scale(1)}100%{-webkit-transform:scale(.5);opacity:0}}@-moz-keyframes hideFadeIn{0%{opacity:1;-moz-transform:scale(1)}100%{-moz-transform:scale(.5);opacity:0}}@-ms-keyframes hideFadeIn{0%{opacity:1;-ms-transform:scale(1)}100%{-ms-transform:scale(.5);opacity:0;filter:Alpha(opacity=0)}}@-o-keyframes hideFadeIn{0%{opacity:1;-webkit-transform:scale(1)}100%{-webkit-transform:scale(.5);opacity:0}}@keyframes layer-fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes layer-fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes layer-fadeInUpBig{0%{opacity:0;-ms-transform:translateY(2000px);transform:translateY(2000px);filter:Alpha(opacity=0)}100%{opacity:1;-ms-transform:translateY(0);transform:translateY(0);filter:Alpha(opacity=100)}}@-o-keyframes layer-fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes hide-fadeInUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}@-webkit-keyframes hide-fadeInUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@-moz-keyframes hide-fadeInUpBig{0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px);transform:translateY(2000px)}}@-ms-keyframes hide-fadeInUpBig{0%{opacity:1;-ms-transform:translateY(0);transform:translateY(0);filter:Alpha(opacity=100)}100%{opacity:0;-ms-transform:translateY(2000px);transform:translateY(2000px);filter:Alpha(opacity=0)}}@-o-keyframes hide-fadeInUpBig{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px);transform:translateY(2000px)}}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}@-moz-keyframes layer-rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@-ms-keyframes layer-rollIn{0%{opacity:0;-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);filter:Alpha(opacity=0)}100%{opacity:1;-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);filter:Alpha(opacity=100)}}@-o-keyframes layer-rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@-webkit-keyframes hide-rollIn{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}}@keyframes hide-rollIn{0%{opacity:1;transform:translateX(0) rotate(0)}100%{opacity:0;transform:translateX(-100%) rotate(-120deg)}}@-moz-keyframes hide-rollIn{0%{opacity:1;-moz-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}}@-ms-keyframes hide-rollIn{0%{opacity:1;-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);filter:Alpha(opacity=100)}100%{opacity:0;-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);filter:Alpha(opacity=0)}}@-o-keyframes hide-rollIn{0%{opacity:1;-o-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes layer-fadeIn{0%{opacity:0;filter:Alpha(opacity=0)}100%{opacity:1;filter:Alpha(opacity=100)}}@keyframes hide-fadeIn{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes hide-fadeIn{0%{opacity:1}100%{opacity:0}}@-moz-keyframes hide-fadeIn{0%{opacity:1}100%{opacity:0}}@-o-keyframes hide-fadeIn{0%{opacity:1}100%{opacity:0}}@-ms-keyframes hide-fadeIn{0%{opacity:1}100%{opacity:0;filter:Alpha(opacity=0)}}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@-moz-keyframes layer-shake{0%,100%{-moz-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px);transform:translateX(10px)}}@-ms-keyframes layer-shake{0%,100%{-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-ms-transform:translateX(10px);transform:translateX(10px)}}@-o-keyframes layer-shake{0%,100%{-o-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes hide-shake{0%,100%{-webkit-transform:translateX(10px);transform:translateX(10px)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0}}@keyframes hide-shake{0%,100%{transform:translateX(10px)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(0)}100%{opacity:0}}@-moz-keyframes hide-shake{0%,100%{-moz-transform:translateX(10px);transform:translateX(10px)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(0);transform:translateX(0)}100%{opacity:0}}@-ms-keyframes hide-shake{0%,100%{-ms-transform:translateX(10px);transform:translateX(10px)}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;filter:Alpha(opacity=0)}}@-o-keyframes hide-shake{0%,100%{-o-transform:translateX(10px);transform:translateX(10px)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0}}@keyframes layer-spread{0%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}}@-webkit-keyframes layer-spread{0%{-webkit-transform:scaleX(0);opacity:0}100%{-webkit-transform:scaleX(1);opacity:1}}@-moz-keyframes layer-spread{0%{-moz-transform:scaleX(0);opacity:0}100%{-moz-transform:scaleX(1);opacity:1}}@-o-keyframes layer-spread{0%{-o-transform:scaleX(0);opacity:0}100%{-o-transform:scaleX(1);opacity:1}}@-ms-keyframes layer-spread{0%{-ms-transform:scaleX(0);opacity:0;filter:Alpha(opacity=0)}100%{-ms-transform:scaleX(1);opacity:1;filter:Alpha(opacity=100)}}@keyframes hide-spread{0%{transform:scaleX(1)}50%{transform:scaleX(.5)}100%{transformx:scaleX(0%);opacity:0}}@-webkit-keyframes hide-spread{0%{-webkit-transform:scaleX(1)}50%{-webkit-transform:scaleX(.5)}100%{-webkit-transform:scaleX(0);opacity:0}}@-moz-keyframes hide-spread{0%{-moz-transform:scaleX(1)}50%{-moz-transform:scaleX(.5)}100%{-moz-transform:scaleX(0);opacity:0}}@-ms-keyframes hide-spread{0%{-ms-transform:scaleX(1)}50%{-ms-transform:scaleX(.5)}100%{-ms-transform:scaleX(0);opacity:0;filter:Alpha(opacity=0)}}.showAlert[data-animation=layerFadeIn]{animation:layerFadeIn .3s;-webkit-animation:layerFadeIn .3s;-moz-animation:layerFadeIn .3s;-ms-animation:layerFadeIn .3s;-o-animation:layerFadeIn .3s}.showAlert[data-animation=showSweetAlert]{animation:showSweetAlert .3s;-webkit-animation:showSweetAlert .3s;-moz-animation:showSweetAlert .3s;-ms-animation:showSweetAlert .3s;-o-animation:showSweetAlert .3s}.showAlert[data-animation=none]{animation:none;-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none}.showAlert[data-animation=slideFromTop]{animation:slideFromTop .3s;-webkit-animation:slideFromTop .3s;-moz-animation:slideFromTop .3s;-ms-animation:slideFromTop .3s;-o-animation:slideFromTop .3s}.showAlert[data-animation=slideFromBottom]{animation:slideFromBottom .2s;-webkit-animation:slideFromBottom .2s;-moz-animation:slideFromBottom .2s;-ms-animation:slideFromBottom .2s;-o-animation:slideFromBottom .2s}.showAlert[data-animation=layer-fadeInUpBig]{animation:layer-fadeInUpBig .2s;-webkit-animation:layer-fadeInUpBig .2s;-moz-animation:layer-fadeInUpBig .2s;-ms-animation:layer-fadeInUpBig .2s;-o-animation:layer-fadeInUpBig .2s}.showAlert[data-animation=layer-rollIn]{animation:layer-rollIn .3s;-webkit-animation:layer-rollIn .3s;-moz-animation:layer-rollIn .3s;-ms-animation:layer-rollIn .3s;-o-animation:layer-rollIn .3s}.showAlert[data-animation=layer-fadeIn]{animation:layer-fadeIn .3s;-webkit-animation:layer-fadeIn .3s;-moz-animation:layer-fadeIn .3s;-ms-animation:layer-fadeIn .3s;-o-animation:layer-fadeIn .3s}.showAlert[data-animation=layer-shake]{animation:layer-shake .3s;-webkit-animation:layer-shake .3s;-moz-animation:layer-shake .3s;-ms-animation:layer-shake .3s;-o-animation:layer-shake .3s}.showAlert[data-animation=layer-spread]{animation:layer-spread .2s;-webkit-animation:layer-spread .2s;-moz-animation:layer-spread .2s;-ms-animation:layer-spread .2s;-o-animation:layer-spread .2s}.hideAlert[data-animation=layer-spread]{animation:hide-spread .5s forwards;-webkit-animation:hide-spread .5s forwards;-moz-animation:hide-spread .5s forwards;-ms-animation:hide-spread .5s forwards;-o-animation:hide-spread .5s forwards}.hideAlert[data-animation=slideFromTop]{animation:hideFromTop .2s forwards;-webkit-animation:hideFromTop .2s forwards;-moz-animation:hideFromTop .2s forwards;-ms-animation:hideFromTop .2s forwards;-o-animation:hideFromTop .2s forwards}.hideAlert[data-animation=slideFromBottom]{animation:hideFromBottom .2s forwards;-webkit-animation:hideFromBottom .2s forwards;-moz-animation:hideFromBottom .2s forwards;-ms-animation:hideFromBottom .2s forwards;-o-animation:hideFromBottom .2s forwards}.hideAlert[data-animation=showSweetAlert]{animation:hideSweetAlert .2s forwards;-webkit-animation:hideSweetAlert .2s forwards;-moz-animation:hideSweetAlert .2s forwards;-ms-animation:hideSweetAlert .2s forwards;-o-animation:hideSweetAlert .2s forwards}.hideAlert[data-animation=layerFadeIn]{animation:hideFadeIn .2s forwards;-webkit-animation:hideFadeIn .2s forwards;-moz-animation:hideFadeIn .2s forwards;-ms-animation:hideFadeIn .2s forwards;-o-animation:hideFadeIn .2s forwards}.hideAlert[data-animation=layer-fadeIn]{animation:hide-fadeIn .2s forwards;-webkit-animation:hide-fadeIn .2s forwards;-moz-animation:hide-fadeIn .2s forwards;-ms-animation:hide-fadeIn .2s forwards;-o-animation:hide-fadeIn .2s forwards}.hideAlert[data-animation=layer-fadeInUpBig]{animation:hide-fadeInUpBig .2s forwards;-webkit-animation:hide-fadeInUpBig .2s forwards;-moz-animation:hide-fadeInUpBig .2s forwards;-ms-animation:hide-fadeInUpBig .2s forwards;-o-animation:hide-fadeInUpBig .2s forwards}.hideAlert[data-animation=layer-rollIn]{animation:hide-rollIn .2s forwards;-webkit-animation:hide-rollIn .2s forwards;-moz-animation:hide-rollIn .2s forwards;-ms-animation:hide-rollIn .2s forwards;-o-animation:hide-rollIn .2s forwards}.hideAlert[data-animation=layer-shake]{animation:hide-shake .2s forwards;-webkit-animation:hide-shake .2s forwards;-moz-animation:hide-shake .2s forwards;-ms-animation:hide-shake .2s forwards;-o-animation:hide-shake .2s forwards}.msg-layer-bg{width:100%;z-index:9999;position:fixed;background:#000;opacity:.4;top:0;height:100%;filter:alpha(opacity=50)}.msg-layer{z-index:9999;position:fixed;left:50%;top:35%;text-align:center;opacity:1;filter:alpha(opacity=100);padding:0 10px 10px;background:#fff;border-radius:5px;max-width:800px;min-width:300px}.msg-con{padding:10px;word-break:break-all}.layer-close{display:none;position:absolute;right:10px;top:0;font-size:32px;color:#d02f30;height:30px;line-height:30px;cursor:pointer}.msg-layer>h5{font-size:18px;line-height:38px;border-bottom:1px solid #ccc}.layer-btn{padding:16px 0 10px;text-align:center}.layer-btn>input{display:none;width:100px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:14px;border-radius:5px;cursor:pointer;border:0;outline:0}.layer-cancel{background:#ccc9c9}.layer-commit{background:#50bce0;margin-left:10px}.msy-alert{position:fixed;top:50%;left:50%;min-width:260px;max-width:500px;padding:10px;text-align:center;line-height:20px;font-size:14px;color:#9f3e42;z-index:99999;background:#fff;border:1px solid #bfbfbf;box-shadow:0 0 7px 0 #b5b3b3;-webkit-box-shadow:0 0 7px 0 #b5b3b3;-moz-box-shadow:0 0 7px 0 #b5b3b3;-ms-box-shadow:0 0 7px 0 #b5b3b3;-o-box-shadow:0 0 7px 0 #b5b3b3}.mr-0{margin-right:0 !important
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3eaef;
    border-radius: .25rem;
}
.card {
    border: none;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    margin-bottom: 30px;
}
.h-2x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-body {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
}
.media {
    position: relative;
    display: block;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: inherit;
}
.media:after {
    content: '';
    display: block;
    padding-top: 100%;
}
.media-21x9:after {
  padding-top: 42.857143%;
}
.media-4x3:after {
  padding-top: 66.66%;
}
.slt{
width: 100%;
    object-fit: cover;
    height: 150px;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.darklogo{display:none}
.lightlogo{display:block}
.ze_DarkSky, .ze_DarkSky:before {
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 88888888
}

.ze_DarkSky {
	background: linear-gradient(#feb8b0, #fef9db)
}

.ze_DarkSky:before {
	transition: 2s ease all;
	opacity: 0;
	background: linear-gradient(#4c3f6d, #6c62bb, #93b1ed)
}

.ze_DarkPlanet {
	z-index: 99999999;
	position: fixed;
	left: -50%;
	top: -50%;
	width: 200%;
	height: 200%;
	-webkit-animation: zePlanetMove 2s cubic-bezier(.7, 0, 0, 1);
	animation: zePlanetMove 2s cubic-bezier(.7, 0, 0, 1);
	transform-origin: center bottom
}

@-webkit-keyframes zePlanetMove {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

@keyframes zePlanetMove {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

.ze_DarkPlanet svg {
	position: absolute;
	left: 35%;
	top: 40%;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	content: "";
}