@media only screen and (min-width:767px){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}}
* {
    outline: none;
}
@media (min-width: 1200px){
.uk-child-width-1-8\@l>* {
    width: calc(100% * 1 / 8.001);
}
}
#search input{
    min-width: auto !important;
}
.night-mode buttom.disabled , .night-mode buttom.disabled:hover{
    background: #4b457d !important;
}
.button.white {
    padding: 0 5px;
}
.night-mode .button.white {
    background: transparent !important;
}
.night-mode .button.white.uk-text-danger {
    color: #f0506e!important;
}


body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
}
.clear{clear:both}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.w-32 {
    width: 32px !important;
    height: 32px !important;
}
.w-48 {
    width: 48px !important;
    height: 48px !important;
}
.w-56 {
    width: 56px !important;
    height: 56px !important;
}
.text-xs {
    font-size: 0.75rem !important;
}
.text-sm {
    font-size: 0.875rem !important;
}
.comment-author a {
    color: #283149;
}
.comment-author a:hover {
    color: #1e87f0;
}
/*--------------------------------------------------------------
    POPUP CSS
--------------------------------------------------------------*/
.nice-tips,
.nice-tips-overlay {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.nice-tips {
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none
}

.nice-tips-open {
    z-index: 10031;
}

.nice-tips-overlay {
    position: absolute;
    background: rgba(120, 129, 147, .22);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-backface-visibility: hidden -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.nice-tips-open .nice-tips-overlay {
    opacity: 1;
    pointer-events: auto;
}

@supports (-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px)) {
    .nice-tips-open .nice-tips-overlay {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

}
/*--------------------------------------------------------------
    tips body
--------------------------------------------------------------*/
.nice-tips-body {
    position: relative;
    opacity: 0;
    max-width: 400px;
    width: 100%;
}

@media (max-width: 575.98px) {
    .nice-tips-body {
        max-width: 93.3333%;
    }
}

.nice-tips-open .nice-tips-body {
    pointer-events: auto;
}

.nice-tips-xl .nice-tips-body {
    width: 100%;
    max-width: 790px;
}

.nice-tips-scroll .nice-tips-body{
    width: 100%;
    max-width: 790px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-height: calc(100vh - 100px);
    height: calc(100vh - 100px);
}

.nice-tips-lg .nice-tips-body {
    width: 100%;
    max-width: 790px;
}

.nice-tips-md .nice-tips-body {
    max-width: 540px;
    width: 100%;
}

.nice-tips-sm .nice-tips-body {
    max-width: 300px;
    width: auto;
}

.nice-tips-nopd .nice-tips-body {
    max-width: 340px;
}

@media (min-width:768px) and (max-width:991.98px) {
    .nice-tips-scroll .nice-tips-body,
    .nice-tips-xl .nice-tips-body {
        max-width: 670px;
    }

}

@media (max-width:767.98px) {
    .nice-tips-scroll .nice-tips-body,
    .nice-tips-xl .nice-tips-body {
        height: 100vh;
    }
    .nice-tips-md .nice-tips-body {
        padding:1rem;
    }

}

/*--------------------------------------------------------------
    tips body animation
--------------------------------------------------------------*/

.nice-tips.nice-tips-open .nice-tips-body,
.nice-tips.nice-tips-close .nice-tips-body {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.nice-tips.nice-tips-open .nice-tips-body {
    -webkit-animation-name: tips-open;
    animation-name: tips-open
}

.nice-tips.nice-tips-close .nice-tips-body {
    -webkit-animation-name: tips-close;
    animation-name: tips-close
}

@-webkit-keyframes tips-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

}

@keyframes tips-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

}

@-webkit-keyframes tips-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0)
    }

}

@keyframes tips-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

}
/*--------------------------------------------------------------
    tips content
--------------------------------------------------------------*/
.nice-tips-content {
    background: #fff;
    padding: 1.25rem;
    position: relative;
    border-radius: 4px;
    border: 1px solid #f4f5f9;
    box-shadow: 0 10px 50px -5px rgba(6, 39, 67, 0.12);
}
.nice-tips-xl .nice-tips-content{
    padding: 0;
    border: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nice-tips-scroll .nice-tips-content{
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nice-tips-lg .nice-tips-content {
    padding: 0;
    border: 0;
    border-radius: 0;
}
.nice-tips-sm .nice-tips-content {
    padding: 2rem;
    padding: 1.75rem 2.5rem;
}

.nice-tips-nopd .nice-tips-content {
    padding: 0;
    border: 0;
}

@media (max-width:767.98px) {
    .nice-tips-scroll  .nice-tips-body .nice-tips-content,
    .nice-tips-xl .nice-tips-body .nice-tips-content {
        box-shadow: none;
        border-radius: 0;
        height: 100vh;
    }
}

/*--------------------------------------------------------------
    tips svg color
--------------------------------------------------------------*/

.nice-tips-content .text-success svg path {
    fill: #28a745;
}

.nice-tips-content .text-danger svg path {
    fill: #ffc107;
}

/*--------------------------------------------------------------
    tips close btn
--------------------------------------------------------------*/
.btn-close-tips {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 44;
    cursor: pointer;
    transform: translateY(150%);
    text-align: center;
}

.btn-close-tips svg path {
    fill: #fff
}

@media (max-width:767.98px) {
    .nice-tips-scroll  .btn-close-tips{
        transform: translateY(120%);
    }
    .nice-tips-xl .btn-close-tips {
        transform: translateY(-100%);
    }
    .nice-tips-scroll .btn-close-tips svg path ,
    .nice-tips-xl .btn-close-tips svg path {
        fill: #888;
    }

}
@media (min-width:768px) {
    .nice-tips-scroll .btn-close-tips {
        right: 0;
        top: 0;
        bottom: auto;
        left: auto;
        width: auto;
        z-index: 44;
        cursor: pointer;
        transform: translateX(120%);
    }
}


/*
   post cover style
*/
.nice-tips-cover .nice-tips-overlay {
    background: rgb(120, 129, 147);
}

.tips-content-cover {
    max-width: 340px;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: .22rem;
}

.cover-image {
    position: relative;
    overflow: hidden;
    border-radius: .22rem .22rem 0 0;
    padding: 0;
}

.cover-image img {}

.cover-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(10px);
    filter: blur(20px);
    z-index: -1;
}

.cover-overlay:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .11;
}

.cover-share {
    text-align: center;
    padding: 1rem 0;
    border-top: 1px solid #f4f6f9;
}

.cover-share a {
    color: #8a92a9;
    padding: .25rem;
    margin: .25rem;
    font-size: 1.125rem;
}

.cover-share a:hover {
    color: #062743;
}

.cover-text {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 44;
    cursor: pointer;
    transform: translateY(-36px);
    text-align: center;
    color: #fff;
    font-size: .875rem;
}
/*--------------------------------------------------------------
post content
--------------------------------------------------------------*/
.post-content p,
.post-content figure {
  margin-bottom: 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.8;
  word-wrap: break-word;
}


.post-content img {
  max-width: 100%;
  height: auto;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  margin-bottom: 1rem;
}

.post-content h1 {
  font-size: 1.625rem;
}

.post-content h2 {
  font-size: 1.25rem;
  border-left: 3px solid #f73859;
  padding-left: 15px;
}

.post-content h3 {
  position: relative;
  font-size: 1.125rem;
  padding-left: 20px;
}

.post-content h3:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  height: 8px;
  width: 8px;
  border-radius: 20px;
  background-color: #f73859;
}

.post-content h4 {
  font-size: 1rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #f2f2f5;
}

.post-content h5,
.post-content h6 {
  font-size: .875rem;
}

.post-content h2.quote {
  font-size: 1.25rem;
  color: #2d3757;
  padding-bottom: 1rem;
  border-bottom: solid 1px #f0f4f7;
}

.post-content ul {
  list-style: disc;
}

.post-content ol {
  list-style: decimal;
}

.post-content ul,
.post-content ol {
  margin: 0 0 20px 45px;
  font-size: .875rem;
}

.post-content ul li,
.post-content ol li {
  margin: 15px 0;
}

.post-content .btn[class*=btn-] {
  text-transform: none;
}
.post-content #comments ol {
    list-style: none;
}
/*--------------------------------------------------------------
## Avatar
--------------------------------------------------------------*/
.flex-avatar {
  position: relative;
  line-height: 1;
  border-radius: 500px;
  white-space: nowrap;
  font-weight: bold;
  border-radius: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
}

.flex-avatar img {
  border-radius: inherit;
  width: 100%;
}

.flex-avatar.w-32 .avatar-status {
  margin: 0px;
}

.flex-avatar.w-48 .avatar-status {
  margin: 2px;
}

.flex-avatar.w-56 .avatar-status {
  margin: 3px;
}

.flex-avatar.w-64 .avatar-status {
  margin: 4px;
}

.flex-avatar.w-96 .avatar-status {
  margin: 0;
}

.flex-avatar.w-128 .avatar-status {
  margin: 14px;
}

/*--------------------------------------------------------------
## Pagination (WordPress CSS classes)
--------------------------------------------------------------*/

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  word-wrap: normal !important;
}

.pagination {
  position: relative;
  text-align: center;
  display: block;
  margin: 2.25rem 0;
}

.pagination .nav-links {
  display: inline-block;
  padding: .75rem 1.5rem;
  background-color: #f4f6fb;
  border-radius: 6px;
}

.pagination .page-numbers,.nav-links a {
  display: none;
  color: #2d3757;
  margin: 0 1rem 0 0;
  font-family: nicetheme, "SF Pro SC", "SF Pro Text", Arial, sans-serif;
  font-size: 1rem;
}

.pagination .page-numbers:last-child {
  margin: 0;
}

.pagination .page-numbers:hover,
.pagination .current.page-numbers {
  color: #f73859;
}

.pagination .current,
.pagination .prev,
.pagination .next {
  display: inline-block;
}


@media (min-width:768px) {
  .pagination {
    margin-top: 2.75rem;
  }

  .pagination .page-numbers,
  .pagination .post-page-numbers,.nav-links a {
    display: inline-block;
  }
}

@media (max-width:767.98px) {
  .pagination {
    margin: 2.75rem 0 1.5rem;
  }
}

/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/
.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:after{
background-image: url(data:image/gif;base64,R0lGODlhEgASAIABAKa4zP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAwABACwAAAAAEgASAEACJwyOoYa3D6N8rVqgLp5M2+x9XcWBTTmGTqqa6qqxFInWUMzhk76TBQAh+QQJAwABACwAAAAAEgASAEACKQyOoYa3D6NUrdHqGJ44d3B9m1ZNZGZ+YXmKnsuq44qaNqSmnZ3rllIAACH5BAkDAAEALAAAAAASABIAQAIpDI6hhrcPo2zt0cRuvG5xoHxfyE2UZJWeKrLtmZ3aWqG2OaOjvfPwUgAAIfkECQMAAQAsAAAAABIAEgBAAigMjqGGtw8jbC3SxO67bnLFhQD4bZRkap4qli37qWSF1utZh7a+41ABACH5BAkDAAEALAAAAAASABIAQAIqDI6hhrcP42pNMgoUdpfanXVgJSaaZ53Yt6kj+a6lI7tcioN5m+o7KSkAACH5BAkDAAEALAAAAAASABIAQAIoDI6hhrcPI2tOKpom3vZyvVEeBgLdKHYhGjZsW63kMp/Sqn4WnrtnAQAh+QQJAwABACwAAAAAEgASAEACKAyOocvtCCN0TB5lM6Ar92hYmChxX2l6qRhqYAui8GTOm8rhlL6/ZgEAIfkECQMAAQAsAAAAABIAEgBAAigMjqHL7QgjdEyeJY2leHOdgZF4KdYJfGTynaq7XmGctuicwZy+j2oBACH5BAkDAAEALAAAAAASABIAQAInDI6hy+0II3RMHrosUFpjbmUROJFdiXmfmoafMZoodUpyLU5sO1MFACH5BAkDAAEALAAAAAASABIAQAImDI6hy+2GDozyKZrspBf7an1aFy2fuJ1Z6I2oho2yGqc0SYN1rRUAIfkECQMAAQAsAAAAABIAEgBAAiYMjqHL7W+QVLJaAOnVd+eeccliRaXZVSH4ee0Uxg+bevUJnuIRFAAh+QQJAwABACwAAAAAEgASAEACKoyBacvtnyI4EtH6QrV6X5l9UYgt2DZ1JRqqIOm1ZUszrIuOeM6x8x4oAAAh+QQJAwABACwAAAAAEgASAEACKIwNqcftryJAMrFqG55hX/wcnlN9UQeipZiGo9vCZ0hD6TbiN7hSZwEAIfkECQMAAQAsAAAAABIAEgBAAiiMH6CL7Z+WNHK2yg5WdLsNQB12VQgJjmZJiqnriZEl1y94423aqlwBACH5BAkDAAEALAAAAAASABIAQAIrjH+gi+2+IjCSvaoo1vUFPHnfxlllBp5mk4qt98KSSKvZCHZ4HtmTrgoUAAAh+QQFAwABACwAAAAAEgASAEACKIyPAcvpr5g0csJYc8P1cgtpwDceGblQmiey69W6oOfEon2f6KirUwEAIfkECQMAAQAsAAAPAAgAAwBAAgSMj6lXACH5BAkDAAEALAAAAAASABIAQAIYjI+JwK0Po5y02glUvrz7bzXiBpbLaD4FACH5BAkDAAEALAAAAAASABIAQAImjI8By8qfojQPTldzw/VymB3aCIidN6KaGl7kSnWpC6ftt00zDRUAIfkECQMAAQAsAAAAABIAEgBAAiaMjwHLyp+iNA9WcO6aVHOneWBYZeUXouJEiu1lWit7jhCX4rMEFwAh+QQJAwABACwAAAAAEgASAEACJ4yPAcvKn6I0r1pA78zWQX51XrWBSzl+Uxia7Jm+mEujW3trubg3BQAh+QQFAwABACwAAAAAEgASAEACJwyOoYa3D6N8rVqgLp5M2+x9XcWBTTmGTqqa6qqxFInWUMzhk76TBQA7);
    background-repeat: no-repeat;
    background-position: 50%;
}
.media:not(:first-child):not(:last-child):not(:only-child) {
  border-radius: 0;
}

.media-circle .media {
  border-radius: 500px;
}

.media-circle .media .media-content:before {
  width: 50%;
  left: 25%;
}

.media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem 1rem;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.media-overlay.overlay-top {
  bottom: auto;
}

.media-overlay.overlay-bottom {
  top: auto;
}

.media-action {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.media-action.active {
  opacity: 1;
}

.media-action.media-action-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0 5%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-radius: inherit;
}

.media-action.media-action-overlay .btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: inherit;
}

.list-item:hover .media-action,
.list-item:active .media-action,
.media:hover .media-action,
.media:active .media-action,
.active>.media .media-action {
  opacity: 1;
  pointer-events: initial;
}

.media iframe,
.media-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
  border-radius: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(120, 120, 120, 0.1);
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
    border-radius: 10px;
}

.media-content:before {
  content: '';
  position: absolute;
  height: 10%;
  width: 90%;
  left: 5%;
  bottom: 0;
  background: inherit;
  background-position-y: 100%;
  filter: blur(10px);
}

.circle .media-content:before {
  width: 40%;
  left: 30%;
}

.media-21x9:after {
  padding-top: 42.857143%;
}

.media-16x9:after {
  padding-top: 56.25%;
}

.media-4x3:after {
  padding-top: 75%;
}


.media-2x3:after {
  padding-top: 150%;
}

.media-10x14:after {
  padding-top: 140.5%;
}

.media-3x4:after {
  padding-top: 133.33333%;
}

.media-1x2:after {
  padding-top: 200%;
}

.media-2x1:after {
  padding-top: 50%;
}

.media-3x1:after {
  padding-top: 33%;
}

.media-4x1:after {
  padding-top: 25%;
}

.media-1-4:after {
  padding-top: 25vh;
  min-height: 10rem;
}

.media-1-3:after {
  padding-top: 33vh;
  min-height: 12.5rem;
}

.media-1-2:after {
  padding-top: 50vh;
  min-height: 15rem;
}


a:hover {
    text-decoration: none;
}
.links img {
    margin: auto;
    margin-bottom: 7px;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
}
/*重置icon默认配置*/
[class^=uil-], [class*=" uil-"] {
    font-family: unicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 120%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^=uil-]:before, [class*=" uil-"]:before {
margin: 0 !important;
}
img.uk-cover {
    position: unset;
    width: 100% !important;
    height: 350px !important;
    object-fit: cover;
    transform: unset;
}


/*--------------------------------------------------------------
## comments
--------------------------------------------------------------*/
#comments ol {
    padding-left: 0;
}
.comment-content {
    background-color: #f4f6fb;
    padding: .5rem .75rem;
    border-radius: 2px;
    color: #0d131b;
}
.comment-content p{
  margin:0;
}
.comment-list li {
    border-top: 1px solid #e5e9ef;
}
.comment-list li.children {
    border: none;
}
.post-comment {
  position: relative;
}
/*强制修正取消评论按钮的默认css*/
#cancel-comment-reply-link {
    display: inline !important;
}
.post-comment .commentlist .emoji,
.post-comment .comment-list .emoji {
  height: 1.5em !important;
  width: 1.5em !important;
  vertical-align: -0.4em !important;
}

.post-comment .comment-list .children {
  margin-left: 65px;
}
.post-comment .comment-list .children .children{
  margin-left: 0px;
}
.post-comment .comment-list .children .flex-avatar {
  width: 36px !important;
  height: 36px !important;
}

@media (max-width: 767.98px) {
  .post-comment .comment-respond .flex-avatar {
    margin: 8px 0 0;
  }

  .post-comment .comment-respond .flex-avatar,
  .post-comment .comment-list .flex-avatar {
    width: 32px !important;
    height: 32px !important;
  }

  .post-comment .comment-list .children .flex-avatar {
    width: 28px !important;
    height: 28px !important;
  }

  .post-comment .comment-list .children {
    margin-left: 4px;
  }

}
.comment-list,.comment-list ol {
    margin-left: 0 !important;
}
/*--------------------------------------------------------------
## comment smilies animation
--------------------------------------------------------------*/
.comment-form-body {
  position: relative;
}

.comment-form-body .comment-form-smilies {
  position: absolute;
  top: 100%;
  left: 25px;
  width: 275px;
  padding: 1rem;
  border-radius: 12px;
  background: #fff;
  pointer-events: none;
  z-index: 999;
}

.comment-form-body .comment-form-smilies.fadeup {
  opacity: 0;
  visibility: hidden;
  display: block;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-box-shadow: 0 0 25px 5px rgba(28, 31, 36, 0.1);
  -ms-box-shadow: 0 0 25px 5px rgba(28, 31, 36, 0.1);
  box-shadow: 0 0 25px 5px rgba(28, 31, 36, 0.1);
}

.comment-form-body.active .comment-form-smilies.fadeup {
  pointer-events: initial;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}


.comment-form-body .comment-form-smilies.zoom {
  opacity: 0;
  visibility: hidden;
  display: block;
  transform: scale(1.2);
  transition: .3s;
  z-index: 9;
  top: 110%;
}

.comment-form-body.active .comment-form-smilies.zoom {
  pointer-events: initial;
  transition: .2s ease-in;
  opacity: 1;
  visibility: visible;
  transform: scale(1)
}

.comment-form-smilies .add-smily img {
  height: 1.5em !important;
  max-height: 1.5em !important;
  width: 1.5em !important;
}

@media (max-width: 767.98px) {
  .comment-form-body .comment-form-smilies {
    left: 10px;
    right: 10px;
    width: auto;
  }

  .comment-form-body.active .comment-form-smilies.fadeup {
    margin: 5px 0 0;
  }
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    font-size: .875rem;
    color: #969fb7;
    border: 1px solid #f4f6fb;
    border-radius: 6px;
    background-color: #f4f6fb;
    width: 100%;
    resize: none;
box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.form-control:focus {
    color: #0d131b;
    border-color: #f4f6fb;
    background-color: #f4f6fb;
    box-shadow: none;
}

#zepost h1,#zepost h2,#zepost h3,#zepost h4,#zepost h5,#zepost h6 {
    margin-top: 0;
}
.current i,.current span {
    color: red;
}
template {
    display: none;
}
.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)
}

.night-mode .ze_DarkSky:before {
	opacity: 1
}

.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: "";
}
i.uil-sun {
    color: #f5d917;
}

.youlink a{
margin-right: .5rem;
color: gray;
}

.maoboli #main_header,.maoboli .main_sidebar,.maoboli .collapse-sidebar .main_sidebar:hover {
    background-color:transparent !important;;
}
.maoboli .header__blur{
-webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(246,246,246,.4);
}