/*
 * @Author: iowen
 * @Author URI: https://www.iowen.cn/
 * @Date: 2024-08-20 13:50:10
 * @LastEditors: iowen
 * @LastEditTime: 2025-06-11 00:53:25
 * @FilePath: /onenav/assets/css/main.min.css
 * @Description: 
 */
:root {
  --theme-color:#f1404b;
  --theme-color-rgb:241,64,75;
  --theme-color-bg:rgba(var(--theme-color-rgb),0.1);
  --hover-color:#d12768;
  --focus-color:var(--theme-color);
  --focus-shadow-color:rgba(220,65,75,0.6);
  --main-color:#484b4f;
  --main-shadow:rgba(0,0,0,0.1);
  --main-bg-color:#fff;
  --main-radius:12px;
  --main-radius-bg:#93969a;
  --main-aside-basis-width:218px;
  --main-aside-width:var(--main-aside-basis-width);
  --main-nav-hight:80px;
  --main-max-width:1260px;
  --main-blur-bg-color:rgba(245,245,245,0.75);
  --main-blur-bg-color2:rgba(245,245,245,0.85);
  --main-blur-bg-color3:rgba(245,245,245,0.6);
  --muted-color:#93959a;
  --muted-color2:#66686b;
  --muted-color3:#a5a8aa;
  --muted-bg-color:#e6e8ea;
  --muted-bg-color-l:#f1f2f4;
  --muted-shadow:rgba(116,116,116,0.1);
  --muted-bg-a-color:var(--muted-shadow);
  --muted-blur-bg-color:rgba(220,220,220,0.6);
  --body-bg-color:#f2f4f7;
  --posts-card-scale:70%;
  --posts-list-scale:70%;
  --home-max-width:1900px;
  --home-card-padding:10px;
  --input-bg-color:var(--body-bg-color);
  --theme-border-radius:var(--main-radius);
  --theme-border-radius-xxl:calc(var(--main-radius) + 8px);
  --theme-border-radius-xl:calc(var(--main-radius) + 4px);
  --theme-border-radius-lg:calc(var(--main-radius) - 2px);
  --theme-border-radius-md:calc(var(--main-radius) - 4px);
  --theme-border-radius-sm:calc(var(--main-radius) - 6px);
  --theme-border-radius-xs:calc(var(--main-radius) - 8px)
}
.io-black-mode {
  --main-color:#b4b8bf;
  --main-bg-color:#2D2E2F;
  --main-radius-bg:#43464a;
  --body-bg-color:#1b1d1f;
  --main-blur-bg-color:rgba(46,46,46,0.65);
  --main-blur-bg-color2:rgba(46,46,46,0.75);
  --main-blur-bg-color3:rgba(46,46,46,0.5);
  --muted-color:#73757a;
  --muted-color2:#a6a8ab;
  --muted-color3:#5f6164;
  --muted-bg-color:#24262a;
  --muted-bg-color-l:#1b1c1e;
  --muted-blur-bg-color:rgba(55,55,55,0.6)
}
@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
  :root {
    --main-blur-bg-color:#fff;
    --main-blur-bg-color2:#fff;
    --main-blur-bg-color3:#fff
  }
  .io-black-mode {
    --main-blur-bg-color:#2D2E2F;
    --main-blur-bg-color2:#2D2E2F;
    --main-blur-bg-color3:#2D2E2F
  }
}
body {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  min-height:100vh;
  margin:0;
  padding:0;
  color:var(--main-color);
  background-color:var(--body-bg-color);
  padding-top:var(--main-nav-hight);
  transition:background-color 0.3s
}
a {
  color:var(--main-color);
  text-decoration:none
}
a[href] {
  transition:0.3s
}
a:hover {
  color:var(--this-color,var(--focus-color));
  text-decoration:none;
  cursor:pointer
}
[js-href] {
  cursor:pointer
}
img {
  max-width:100%;
  max-height:100%
}
code {
  color:var(--theme-color);
  background:var(--muted-bg-a-color);
  border-radius:3px;
  font-size:0.9em;
  padding:0.1em 0;
  margin:0 2px;
  line-height:1;
  vertical-align:0.05em
}
.h3 {
  font-size:1.25rem
}
svg {
  width:1em;
  height:1em;
  vertical-align:-.15em;
  overflow:hidden
}
.svg-img {
  opacity:0.8
}
.io-black-mode .svg-img {
  opacity:0.5
}
.io,
.iconfont {
  display:inline-block;
  font-size:inherit;
  font-variant:normal;
  text-rendering:auto;
  line-height:1
}
.icon-fw {
  text-align:center;
  width:1.25em
}
.icon-spin {
  -webkit-animation:icon-spin 2s infinite linear;
  animation:icon-spin 2s infinite linear
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100% {
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100% {
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}
.hide {
  display:none
}
.clear {
  clear:both
}
@media screen and (min-width:768px) {
  :root {
    --home-card-padding:16px
  }
  .h3 {
    font-size:1.525rem
  }
}
.form-control {
  color:var(--main-color);
  background:var(--input-bg-color);
  border-color:transparent;
  border-radius:6px;
  box-shadow:0 0 0 .625rem transparent;
  transition:background-color 0.2s,border-color 0.3s,box-shadow 0.25s
}
.form-control:focus {
  color:var(--main-color);
  background:var(--input-bg-color);
  border-color:var(--muted-bg-color);
  box-shadow:0 0 0 .1rem var(--focus-shadow-color)
}
input::placeholder {
  color:var(--muted-color3);
  opacity:1
}
.form-control::-webkit-input-placeholder {
  color:var(--muted-color3);
  opacity:1
}
.form-control::-moz-placeholder {
  color:var(--muted-color3);
  opacity:1
}
.form-control:-ms-input-placeholder {
  color:var(--muted-color3);
  opacity:1
}
.form-control::-ms-input-placeholder {
  color:var(--muted-color3);
  opacity:1
}
.form-control::placeholder {
  color:var(--muted-color3);
  opacity:1
}
.form-control:disabled,
.form-control[readonly] {
  background-color:var(--muted-bg-color);
  opacity:1;
  color:var(--muted-color)
}
.text-xs.custom-checkbox .custom-control-label {
  padding-top:0.125rem
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  color:var(--main-color);
  transition:none;
  box-shadow:0 0 0 1000px var(--muted-bg-color) inset !important;
  -webkit-text-fill-color:var(--main-color)
}
.alignnone {
  margin:5px 0 20px 0
}
.aligncenter,
div.aligncenter {
  display:block;
  margin:5px auto 5px auto
}
.alignright {
  float:right;
  margin:5px 0 20px 20px
}
.alignleft {
  float:left;
  margin:5px 20px 20px 0
}
a img.alignright {
  float:right;
  margin:5px 0 20px 20px
}
a img.alignnone {
  margin:5px 0 20px 0
}
a img.alignleft {
  float:left;
  margin:5px 20px 20px 0
}
a img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto
}
.wp-caption {
  max-width:100%;
  text-align:center
}
.wp-caption.alignnone {
  margin:5px 0 20px 0
}
.wp-caption.alignleft {
  margin:5px 20px 20px 0
}
.wp-caption.alignright {
  margin:5px 0 20px 20px
}
.wp-caption img {
  border:0 none;
  height:auto;
  margin:0;
  max-width:98.5%;
  padding:0;
  width:auto
}
.wp-caption p.wp-caption-text {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px
}
.screen-reader-text {
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute !important;
  width:1px;
  word-wrap:normal !important
}
.screen-reader-text:focus {
  background-color:#eee;
  clip:auto !important;
  clip-path:none;
  color:#444;
  display:block;
  font-size:1em;
  height:auto;
  left:5px;
  line-height:normal;
  padding:15px 23px 14px;
  text-decoration:none;
  top:5px;
  width:auto;
  z-index:100000
}
badge,
.tips-box,
.badge,
.btn {
  color:var(--this-color);
  background:var(--this-bg);
  border:1px solid var(--this-border);
  box-shadow:var(--this-shadow);
  vertical-align:middle;
  border-radius:6px;
  --this-color:#666;
  --this-bg:rgba(136,136,136,.1);
  --this-border:transparent;
  --this-shadow:none;
  --this-hover-color:#444;
  --this-hover-bg:rgba(136,136,136,.2)
}
.io-black-mode badge:not([class*="vc-"]),
.io-black-mode .tips-box:not([class*="vc-"]),
.io-black-mode .badge:not([class*="vc-"]),
.io-black-mode .btn:not([class*="vc-"]):not(.active) {
  --this-color:#999;
  --this-bg:rgba(136,136,136,.1);
  --this-hover-color:#ddd
}
.tips-box {
  display:inline-block;
  border-radius:var(--theme-border-radius-md);
  vertical-align:middle;
  padding:.3em .6em;
  text-align:center;
  --this-color:#666
}
badge,
.badge {
  display:inline-block;
  font-weight:normal;
  font-size:.8em;
  line-height:1.2;
  padding:.25em .4em;
  min-width:.8em;
  min-height:.8em;
  vertical-align:.1em;
  border-radius:4px;
  border-width:0
}
badge.btn-outline,
.badge.btn-outline {
  border-width:1px
}
.btn {
  transition:.2s
}
.on-border {
  border-width:0!important
}
.badge-title {
  width:1.4em;
  padding:0;
  line-height:1.4em;
  border-radius:0.45em 0.2em
}
.badge-index {
  width:1.4em;
  padding:0;
  line-height:1.4em
}
.card {
  border-width:0;
  border-radius:var(--theme-border-radius);
  background-color:var(--main-bg-color);
  box-shadow:0 5px 20px var(--main-shadow);
  transition:background-color 0.3s
}
.card-header {
  position:relative;
  border-bottom:0;
  background:transparent
}
.card-header::before {
  content:'';
  position:absolute;
  bottom:0;
  height:1px;
  left:20px;
  right:20px;
  background:var(--muted-bg-a-color);
  transition:background-color 0.3s
}
.card-header::after {
  content:'';
  position:absolute;
  bottom:0;
  height:1px;
  left:20px;
  width:0;
  background:var(--focus-color);
  box-shadow:0 0 5px var(--focus-shadow-color);
  transition:0.3s ease-out
}
.card-header.card-h-w::after {
  height:3px;
  width:26px;
  bottom:-1px;
  border-radius:4px
}
.card:hover .card-header::after {
  height:1px;
  width:calc(100% - 40px)
}
.card:hover .card-header.card-h-l::after {
  left:20px;
  right:20px
}
.card-header:first-child {
  border-radius:var(--theme-border-radius) var(--theme-border-radius) 0 0
}
.card-footer {
  border-top:0;
  margin:0 1.25rem 1.25rem;
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-md)!important;
  padding:8px 16px;
  transition:background-color 0.3s
}
.header-fixed {
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding:10px;
  height:var(--main-nav-hight);
  z-index:109
}
footer {
  padding:10px
}
.blur-bg {
  background:var(--main-blur-bg-color)!important;
  -webkit-backdrop-filter:saturate(2) blur(15px);
  backdrop-filter:saturate(2) blur(15px)
}
.blur-bg-20 {
  background:var(--main-blur-bg-color3)!important;
  -webkit-backdrop-filter:saturate(2) blur(15px);
  backdrop-filter:saturate(2) blur(15px)
}
.shadow {
  box-shadow:0 5px 15px -5px var(--main-shadow)
}
.header-banner.header-calculate {
  margin-top:calc(0px - var(--main-nav-hight));
  padding-top:var(--main-nav-hight)
}
.footer {
  background:var(--main-bg-color);
  border-radius:var(--main-radius);
  padding:15px;
  transition:background-color 0.3s
}
.home-container {
  max-width:var(--home-max-width)
}
.search-container {
  max-width:calc(var(--home-max-width) - var(--main-aside-width))
}
.modal-content {
  background:var(--main-bg-color);
  border-radius:var(--theme-border-radius);
  border-width:0;
  overflow:hidden
}
.modal-header {
  border-bottom:0;
  background:transparent;
  border-radius:var(--theme-border-radius) var(--theme-border-radius) 0 0
}
.modal-footer {
  border-top:0;
  background:transparent;
  border-radius:0 0 var(--theme-border-radius) var(--theme-border-radius)
}
.modal .close {
  color:var(--main-color);
  font-size:16px;
  opacity:0.3;
  transition:0.3s;
  margin-left:10px;
  text-shadow:none
}
.modal .close:hover {
  opacity:1
}
@media (max-width:767.98px) {
  .navbar-logo img {
    max-height:30px
  }
  .header-center .navbar-logo {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    box-sizing:border-box;
    margin:0 !important
  }
  .header-nav .header-center .menu-btn {
    position:absolute;
    float:left
  }
}
.footer-nav-links {
  margin:0;
  padding:0;
  list-style:none
}
.footer-nav-links i {
  display:none
}
.footer-nav-links>li {
  text-align:center;
  position:relative
}
.footer-nav-links>li+li {
  margin-left:28px
}
.footer-links>a+a:before,
.footer-nav-links>li+li:before {
  content:"";
  width:4px;
  height:4px;
  margin:0 0.5em;
  border-radius:50%;
  display:inline-block;
  vertical-align:middle;
  background:var(--muted-color);
  opacity:.3;
  vertical-align:0.2em
}
.footer-nav-links>li::before {
  position:absolute;
  margin:0 !important;
  left:-16px;
  top:0.6em
}
.footer-nav-links ul {
  list-style:none;
  padding:0;
  margin-top:8px;
  font-size:.9em;
  text-align:center
}
.footer-nav-links ul li {
  margin:4px 0
}
.list-selects {
  white-space:nowrap;
  overflow:auto;
  position:relative
}
.list-select-title {
  color:var(--main-color);
  font-size:14px
}
.list-select-line {
  content:'';
  width:1px;
  height:1em;
  margin:0 .5em;
  display:inline-block;
  background:var(--muted-color);
  opacity:.8
}
.list-select {
  color:var(--muted-color);
  font-size:14px
}
.list-select.active {
  color:var(--theme-color)
}
.list-select+.list-select::before {
  content:'';
  width:4px;
  height:4px;
  margin:0 .5em;
  border-radius:50%;
  display:inline-block;
  background:var(--muted-color);
  vertical-align:.2em
}
.io-widget-big-posts-list .sidebar-header {
  display:flex;
  align-items:center;
  white-space:nowrap
}
.next-page a,
.ajax-page-post {
  position:relative;
  color:var(--muted-color);
  font-size:14px;
  padding:4px 25px;
  border-radius:20px;
  background:transparent;
  transition:0.4s ease 0.1s!important
}
.next-hover a:hover,
.ajax-posts-load a:hover,
.ajax-page-post:hover {
  color:var(--main-color);
  padding:4px 20px;
  background:var(--muted-bg-color)
}
.next-page a::after,
.next-page a::before,
.ajax-page-post::after,
.ajax-page-post::before {
  content:'';
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  height:1px;
  background:var(--muted-color);
  opacity:.3;
  transition:0.4s ease-out
}
.next-page a::before,
.ajax-page-post::before {
  left:-100%
}
.next-page a::after,
.ajax-page-post::after {
  right:-100%
}
.next-hover a:hover::before,
.ajax-posts-load a:hover::before,
.ajax-page-post:hover::before {
  width:1%;
  left:0;
  opacity:.1
}
.next-hover a:hover::after,
.ajax-posts-load a:hover::after,
.ajax-page-post:hover::after {
  width:1%;
  right:0;
  opacity:.1
}
.tabbar-item.active .icon-home:before {
  content:"\e7ad"
}
.tabbar-item.active .icon-fenlei:before {
  content:"\e7ae"
}
.tabbar-item.active .icon-creation:before {
  content:"\e7af"
}
.tabbar-item.active .icon-user:before {
  content:"\e71b"
}
.nav-login>a>.icon-user {
  font-size:19px;
  font-weight:bold;
  vertical-align:-0.06em
}
.posts-null {
  border-radius:var(--theme-border-radius-md);
  background:var(--muted-bg-a-color)
}
.header-nav {
  background:var(--main-bg-color);
  border-radius:var(--main-radius);
  height:100%;
  transition:0.3s
}
.scroll .header-nav {
  box-shadow:0 5px 20px var(--main-shadow)
}
.header-nav .navbar-header {
  list-style:none;
  padding:0;
  margin:0;
  font-size:0.9375rem
}
.header-nav .navbar-header li {
  position:relative;
  list-style:none;
  cursor:pointer
}
.navbar-header li>a {
  color:var(--main-color);
  white-space:nowrap;
  display:block
}
.navbar-header li.current-menu-item>a,
.navbar-header li>a:hover {
  color:var(--focus-color)
}
.header-nav .navbar-header a {
  padding:15px 10px;
  transition:0.3s
}
.header-nav .navbar-header>li {
  transition:0.3s
}
.header-nav .navbar-header>li::after {
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:20px;
  height:4px;
  border-radius:4px;
  background:var(--focus-color);
  opacity:0;
  transition:0.3s
}
.navbar-header li.current-menu-item:after,
.navbar-header li:not(.io-menu-fold):hover::after {
  opacity:1
}
.header-nav .menu-btn {
  position:relative;
  cursor:pointer;
  width:34px;
  height:34px;
  border-radius:50%;
  transition:opacity .16s cubic-bezier(0.33,1,0.68,1)
}
.hover-show .sub-menu,
.header-tools .sub-menu,
.navbar-header .sub-menu {
  visibility:hidden;
  position:absolute;
  min-width:120px;
  background-color:var(--main-bg-color);
  padding:8px;
  border-radius:var(--main-radius);
  box-shadow:0 0 10px var(--main-shadow);
  opacity:0;
  transform:translateY(10px);
  transition:.4s
}
.hover-show:hover .sub-menu,
.header-tools li:hover>.sub-menu,
.navbar-header li:hover>.sub-menu {
  visibility:unset;
  opacity:1;
  transform:translateY(-2px)
}
.header-tools .sub-menu {
  right:0
}
.navbar-header .sub-menu a {
  padding:6px 12px
}
.navbar-header .sub-menu li {
  border-radius:var(--theme-border-radius-sm);
  transition:0.3s
}
.navbar-header .sub-menu li:hover {
  background:var(--muted-bg-color)
}
.navbar-header .sub-menu .sub-menu {
  left:100%;
  top:-5px
}
.more-menu-logo {
  position:relative;
  padding-right:30px
}
.new-posts-btn .sub-menu,
.minnav-tabbar .sub-menu,
.more-menu-logo .sub-menu {
  display:flex;
  flex-wrap:wrap;
  visibility:hidden;
  position:absolute;
  min-width:320px;
  margin:0;
  padding:8px;
  background-color:var(--main-bg-color);
  border-radius:var(--main-radius);
  box-shadow:0 0 10px var(--main-shadow),0 10px 20px var(--main-shadow);
  opacity:0;
  transform:translateY(14px);
  transition:.4s
}
.new-posts-btn .sub-menu {
  min-width:220px
}
.more-menu-logo:hover>.sub-menu {
  visibility:unset;
  opacity:1;
  transform:translateY(4px)
}
.new-posts-btn .menu-item,
.minnav-tabbar .menu-item,
.more-menu-logo .menu-item {
  display:flex;
  font-size:12px;
  gap:10px;
  flex:1;
  min-width:100px;
  padding:12px 6px;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  border-radius:var(--theme-border-radius-md);
  transition:0.3s
}
.new-posts-btn .menu-item:hover,
.minnav-tabbar .menu-item:hover,
.more-menu-logo .menu-item:hover {
  background:var(--muted-bg-color)
}
.new-posts-btn .menu-item .tips-icon,
.minnav-tabbar .menu-item .tips-icon,
.more-menu-logo .menu-item .tips-icon {
  font-size:18px;
  width:40px;
  height:40px;
  line-height:40px;
  border-radius:25%;
  padding:0;
  border-width:0;
  text-align:center
}
.more-menu-list {
  position:absolute;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  cursor:pointer;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:25px;
  height:25px;
  margin-left:2px;
  align-items:center;
  justify-items:center
}
.more-menu-list i {
  width:8px;
  height:8px;
  border-radius:4px;
  box-shadow:0 0 0 0 var(--muted-color2),0 0 0 2px var(--muted-color2) inset;
  transition:0.3s;
  animation:more-menu 1.5s;
  animation-iteration-count:2
}
.more-menu-list i:nth-child(1) {
  margin:4px 0 0 4px;
  animation-delay:1s;
  transition-delay:0.0s;
  border-bottom-right-radius:2px
}
.more-menu-list i:nth-child(2) {
  margin:4px 4px 0 0;
  animation-delay:1.3s;
  transition-delay:0.1s;
  border-bottom-left-radius:2px
}
.more-menu-list i:nth-child(3) {
  margin:0 0 4px 4px;
  animation-delay:1.6s;
  transition-delay:0.2s;
  border-top-right-radius:2px
}
.more-menu-list i:nth-child(4) {
  margin:0 4px 4px 0;
  animation-delay:1.9s;
  transition:margin 0.3s ease 0.3s,border-radius 0.3s ease 0.3s,box-shadow 0.3s ease 0.3s,transform 0.5s ease 0.3s;
  border-top-left-radius:2px
}
.more-menu-logo:hover .more-menu-list i {
  margin:0;
  animation-play-state:paused;
  animation-duration:0s;
  border-radius:2px;
  box-shadow:0 0 0 1px var(--muted-color),0 0 0 1px var(--muted-color) inset
}
.more-menu-logo:hover .more-menu-list i:nth-child(4) {
  transform:rotateZ(135deg);
  box-shadow:0 0 0 1px var(--theme-color),0 0 0 1px var(--theme-color) inset
}
@keyframes more-menu {
  0% {
    box-shadow:0 0 0 0 var(--muted-color2),0 0 0 2px var(--muted-color2) inset
  }
  40% {
    margin:2px;
    box-shadow:0 0 0 1px var(--muted-color2),0 0 0 1px var(--muted-color2) inset
  }
  60% {
    box-shadow:0 0 0 0 var(--muted-color2),0 0 0 2px var(--muted-color2) inset
  }
  100% {
    box-shadow:0 0 0 0 var(--muted-color2),0 0 0 2px var(--muted-color2) inset
  }
}
@media screen and (min-width:768px) {
  .more-menu-logo {
    justify-content:flex-start
  }
  .more-menu-logo .sub-menu {
    margin-top:35px
  }
}
@media screen and (max-width:767.98px) {
  .more-menu-logo .sub-menu {
    left:50%;
    position:fixed;
    margin-top:30px;
    transform:translateX(-50%) translateY(4px)
  }
  .more-menu-logo:hover>.sub-menu {
    transform:translateX(-50%) translateY(16px)
  }
}
.header-nav .menu-btn .menu-bar {
  display:block;
  position:absolute;
  inset:0 auto 0 8px;
  margin:auto;
  width:18px;
  height:2px;
  border-radius:2px;
  background-color:var(--main-color);
  transition:all .46s cubic-bezier(0.215,0.61,0.355,1) 0s
}
.header-nav .menu-btn .menu-bar:nth-child(1) {
  top:-14px
}
.header-nav .menu-btn .menu-bar:nth-child(3) {
  top:14px;
  width:12px
}
.header-nav .menu-btn[aria-expanded="true"] .menu-bar:nth-child(1) {
  width:20px;
  top:0;
  left:7px;
  transform:rotate(45deg)
}
.header-nav .menu-btn[aria-expanded="true"] .menu-bar:nth-child(2) {
  width:0px;
  opacity:0
}
.header-nav .menu-btn[aria-expanded="true"] .menu-bar:nth-child(3) {
  width:20px;
  top:0;
  left:7px;
  transform:rotate(-45deg)
}
.nav-search-icon {
  position:relative;
  width:38px;
  height:38px
}
.nav-search-icon::before,
.nav-search-icon::after {
  content:'';
  position:absolute;
  margin:auto;
  inset:0 0 0 0
}
.nav-search-icon::before {
  width:15px;
  height:15px;
  border-radius:8px;
  border:2px solid var(--main-color);
  background:transparent;
  transition:0.3s ease 0.1s
}
.nav-search-icon::after {
  width:4px;
  height:2px;
  transform:rotateZ(45deg);
  background:var(--main-color);
  top:13px;
  left:13px;
  border-radius:2px;
  transition:0.2s ease 0.1s
}
.nav-search-icon .search-bar {
  position:absolute;
  width:0px;
  height:2px;
  margin:auto;
  inset:0 0 0 0;
  background:var(--main-color);
  border-radius:2px;
  transform:rotateZ(-45deg);
  transition:0.2s
}
.nav-search-icon[aria-expanded="true"]::before {
  width:2px;
  height:2px;
  transition:0.3s
}
.nav-search-icon[aria-expanded="true"]::after {
  width:20px;
  top:0px;
  left:0px;
  transition:0.3s
}
.nav-search-icon[aria-expanded="true"] .search-bar {
  width:20px;
  transition:0.3s ease 0.1s
}
.header-tools {
  margin-left:auto;
  align-items:center
}
.navbar-header .menu-item .icon-arrow-b {
  color:var(--muted-color);
  margin-left:5px;
  font-size:11px;
  vertical-align:.1em;
  transition:transform 0.2s
}
.navbar-header .menu-item:hover>a .icon-arrow-b {
  transform:rotate(-90deg)
}
.navbar-header>.menu-item:hover>a .icon-arrow-b {
  transform:rotate(45deg)
}
.navbar-header .sub-menu .menu-item-has-children>a {
  padding-right:30px
}
.navbar-header .sub-menu .menu-item-has-children>a>.icon-arrow-b {
  position:absolute;
  right:10px;
  top:11px
}
.header-weather-p {
  display:flex;
  align-items:center
}
.header-weather-p span {
  width:50px;
  border-radius:4px;
  height:20px;
  background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
  -webkit-animation:placeholder-horizontal 1.5s ease infinite !important;
  animation:placeholder-horizontal 1.5s ease infinite !important;
  background-size:400% 100% !important
}
.header-weather-p span:first-child {
  width:25px;
  height:25px;
  border-radius:25px;
  margin-right:5px
}
.header-weather-p span:last-child {
  width:20px;
  margin-left:5px
}
.header-icon-btn>a {
  display:block;
  font-size:17px;
  margin:2px;
  padding:8px 12px
}
@media screen and (max-width:1200px) {
  .navbar-header .io-menu-fold .sub-menu .sub-menu {
    right:100%;
    left:unset
  }
}
.bulletin-swiper {
  box-sizing:border-box;
  height:25px;
  line-height:25px;
  overflow:hidden
}
.bulletin-big {
  max-width:600px;
  margin:0 auto
}
.bulletin-big .bulletin-close {
  opacity:.1;
  transition:opacity .3s
}
.bulletin-big:hover .bulletin-close {
  opacity:.7
}
.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.carousel-vertical .carousel-inner .active.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}
.carousel-vertical .carousel-inner .active.carousel-item-right,
.carousel-vertical .carousel-inner .carousel-item-next {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
}
.mobile-header .mobile-nav {
  position:fixed;
  display:block;
  bottom:0;
  left:0;
  top:0;
  width:80%;
  max-width:360px;
  padding:20px;
  z-index:100;
  padding-top:var(--main-nav-hight);
  padding-bottom:50px;
  overflow:auto;
  background:var(--main-bg-color);
  transform:translateX(-400px);
  transition:0.3s
}
.mobile-nav .sub-menu {
  display:none;
  padding:0 10px
}
.mobile-header ul {
  margin:0;
  padding:0;
  list-style:none
}
.mobile-nav>.menu-nav {
  padding:15px;
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius)
}
.mobile-nav>.menu-nav a {
  position:relative;
  display:block;
  font-size:14px;
  padding:10px 8px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.mobile-nav>.menu-nav .menu-item-has-children>a>.icon-arrow-b {
  position:absolute;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:12px;
  right:10px;
  top:5px;
  opacity:0.7;
  transition:transform 0.2s
}
.mobile-nav .menu-item-has-children.show>a>.icon-arrow-b {
  transform:rotate(45deg)
}
.mobile-nav .sub-menu li {
  width:calc(50% - 4px);
  text-align:center;
  display:inline-block
}
.mobile-nav .sub-menu .icon-arrow-b {
  display:none
}
.mobile-nav .sub-menu a {
  padding:5px;
  font-size:13px;
  margin:2px;
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-sm)
}
.mobile-nav .menu-user-box .mt-n5 {
  margin-top:auto!important
}
.open-login,
.social-btn,
.i-btn {
  position:relative;
  display:inline-block;
  width:36px;
  height:36px;
  font-size:15px;
  line-height:36px;
  text-align:center;
  border-radius:20px;
  overflow:hidden;
  padding:0;
  margin:4px
}
.open-login {
  --this-bg-color:var(--theme-color);
  background:var(--this-bg-color);
  color:#fff!important;
  transition:0.3s ease
}
.open-login:hover {
  transform:scale(1.1)
}
.prk-login::before {
  content:"";
  position:absolute;
  width:46px;
  height:46px;
  border-radius:30px;
  top:-20px;
  left:-10px;
  background-color:rgba(255,255,255,.2)
}
.openlogin-weibo-a {
  --this-bg-color:#ff545a
}
.openlogin-wechat-a {
  --this-bg-color:#2fac1a
}
.openlogin-wechat-gzh-a,
.openlogin-wechat-dyh-a {
  --this-bg-color:#2fc215
}
.openlogin-qq-a {
  --this-bg-color:#0354da
}
.openlogin-alipay-a {
  --this-bg-color:#1677ff
}
.openlogin-baidu-a {
  --this-bg-color:#0068ff
}
.openlogin-huawei-a {
  --this-bg-color:#d61518
}
.openlogin-google-a {
  --this-bg-color:#ea4335
}
.openlogin-microsoft-a {
  --this-bg-color:#05a6f0
}
.openlogin-facebook-a {
  --this-bg-color:#3b5998
}
.openlogin-twitter-a {
  --this-bg-color:#2fb0ec
}
.openlogin-dingtalk-a {
  --this-bg-color:#3296fa
}
.openlogin-github-a {
  --this-bg-color:#000000
}
.openlogin-gitee-a {
  --this-bg-color:#c71d23
}
.social-separator {
  display:flex;
  color:#888;
  font-size:12px;
  text-align:center;
  justify-content:center;
  align-items:center
}
.social-separator::after,
.social-separator::before {
  content:"";
  background:var(--muted-bg-a-color);
  max-width:20%;
  height:1px;
  margin:0 1em;
  flex:1
}
.header-tools .menu-user-box {
  min-width:278px;
  max-width:320px
}
.author-badge .badge {
  display:inline-flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  margin:2px;
  padding:3px 5px;
  font-size:12px;
  font-weight:400;
  white-space:nowrap
}
.user-btn {
  font-size:12px
}
.btn.menu-user-btn {
  display:inline-flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  padding:8px 4px;
  margin:2px
}
.btn.menu-user-btn i {
  font-size:14px
}
.avatar-img,
.avatar-lg,
.avatar-md,
.avatar-sm {
  position:relative;
  display:inline-block;
  flex-shrink:0;
  --this-size:38px;
  width:var(--this-size);
  height:var(--this-size)
}
.avatar-lg {
  --this-size:80px
}
.avatar-md {
  --this-size:56px
}
.avatar-sm {
  --this-size:18px
}
.avatar {
  border-radius:100px;
  display:inline-block;
  width:100%;
  height:100%;
  overflow:hidden;
  -o-object-fit:cover;
  object-fit:cover
}
.item-meta .avatar-sm {
  transform:translateY(-1px)
}
.-line- {
  display:block;
  height:1px;
  margin:auto;
  --this-color:var(--muted-bg-a-color);
  --this-width:100%;
  width:var(--this-width);
  background:var(--this-color)
}
.about-website-body {
  padding:10px
}
.about-website-body .about-cover {
  position:relative;
  color:#fff;
  z-index:1;
  border-radius:var(--theme-border-radius-md)
}
.about-website-body .social-icon {
  border-radius:var(--theme-border-radius-sm);
  padding:5px;
  margin-top:10px;
  text-align:center;
  background:rgba(255,255,255,0.2)
}
.about-website-body .-line- {
  --this-width:90%;
  --this-color:rgba(255,255,255,0.5)
}
.about-website-body a {
  color:#fff
}
.about-website-body .about-meta .posts-row {
  --this-card-padding:6px
}
.about-website-body .num-unit {
  font-size:12px
}
.add-to-favorites {
  position:absolute;
  top:5px;
  right:5px
}
.add-to-favorites .add-favorites {
  opacity:0.5;
  line-height:1;
  transition:opacity 0.3s
}
.add-to-favorites .add-favorites:hover {
  opacity:1
}
.add-to-favorites .favorites-body {
  position:absolute;
  visibility:hidden;
  opacity:0;
  left:50%;
  min-width:350px;
  transform:translateX(-50%);
  color:var(--main-color);
  background:var(--main-bg-color);
  border-radius:var(--theme-border-radius);
  box-shadow:0 5px 20px var(--main-shadow);
  padding:20px;
  z-index:1;
  transition:0.3s
}
.sidebar_right .add-to-favorites .favorites-body {
  right:-20px;
  left:unset;
  transform:unset
}
.add-to-favorites .favorites-body h4 {
  position:relative;
  padding-left:10px
}
.add-to-favorites .favorites-body h4::before {
  content:'';
  position:absolute;
  width:3px;
  height:0.8em;
  top:50%;
  left:0;
  transform:translateY(-50%);
  border-radius:3px;
  background:var(--theme-color);
  box-shadow:2px 1px 3px var(--focus-shadow-color)
}
.add-to-favorites:hover .favorites-body {
  visibility:visible;
  opacity:1
}
.fx-header-bg {
  overflow:hidden;
  background-image:linear-gradient(180deg,rgba(var(--theme-color-rgb),0.2) 0%,var(--main-bg-color) 30%)!important
}
.fx-header-bg::before {
  content:'';
  position:absolute;
  width:36%;
  padding-top:36%;
  left:0;
  top:0;
  opacity:0.3;
  border-radius:0 0 100% 0;
  border-top-left-radius:inherit;
  background-image:linear-gradient(161deg,var(--focus-shadow-color) 10%,transparent 90%);
  filter:blur(2px);
  transform:scale(1.05)
}
.io-black-mode .fx-header-bg::before {
  opacity:0.5
}
.fx-header-bg::after {
  content:'';
  position:absolute;
  width:115%;
  height:40%;
  left:0;
  bottom:0;
  opacity:0.1;
  border-radius:0 100% 0 0;
  background-image:linear-gradient(179deg,rgba(var(--theme-color-rgb),0.4) 10%,var(--hover-color) 80%);
  filter:blur(4px);
  transform:scale(1.05)
}
.io-black-mode .fx-header-bg::after {
  opacity:0.08
}
.fx-header-bg>* {
  position:relative;
  z-index:1
}
.fx-color {
  position:relative;
  --this-bg:var(--theme-color);
  background:var(--this-bg);
  color:#fff;
  overflow:hidden;
  transition:0.3s
}
.fx-color::before {
  content:'';
  position:absolute;
  width:30%;
  padding-top:30%;
  left:0;
  top:0;
  border-radius:0 0 100% 0;
  background-image:linear-gradient(161deg,rgba(255,255,255,0.5) 10%,transparent 90%)
}
.fx-color .fx-color-bg {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0
}
.fx-color .fx-color-bg::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:90%;
  padding-left:160%;
  border-radius:0 0 100% 0;
  background-image:linear-gradient(334deg,rgba(255,255,255,0.1) 10%,transparent 50%)
}
.fx-color .fx-color-bg::after {
  content:'';
  position:absolute;
  width:105%;
  padding-top:50%;
  right:0;
  bottom:0;
  border-radius:100% 0 0 0;
  opacity:0.6;
  background-image:linear-gradient(320deg,rgba(255,255,255,0.4) 20%,rgba(255,255,255,0.1) 80%)
}
.io-sidebar-widget+.io-sidebar-widget {
  margin-top:20px
}
.io-sidebar-widget .ajax-auto-post {
  position:absolute;
  top:10px;
  right:10px
}
.author-bg {
  position:relative;
  padding-top:50%
}
.widget-author-avatar .avatar-img {
  --this-size:80px;
  box-shadow:0 0 0 6px var(--main-bg-color);
  border-radius:50%
}
.icon-spin {
  -webkit-animation:icon-spin 2s infinite linear;
  animation:icon-spin 2s infinite linear
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100% {
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100% {
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}
.carousel-caption {
  bottom:0;
  padding-top:10px;
  padding-bottom:10px
}
.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,.1)
}
.media {
  position:relative;
  display:block;
  overflow:hidden;
  padding:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  border-top-left-radius:inherit;
  border-top-right-radius:inherit
}
.media-title {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:5px 10px;
  color:#fff
}
.media-title-bg:before {
  content:"";
  position:absolute;
  left:0;
  height:80px;
  right:0;
  bottom:0;
  background-image:linear-gradient(to top,rgba(0,0,0,.5) 20%,transparent 80%)
}
.media:after {
  content:'';
  display:block;
  padding-top:100%
}
.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-3x2:after {
  padding-top:66.66666%
}
.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.3333%
}
.media-4x1:after {
  padding-top:25%
}
.media-5x1:after {
  padding-top:20%
}
.media-5x7:after {
  padding-top:141%
}
.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
}
.tab-sites-body {
  display:flex;
  justify-content:space-between
}
.tab-widget-nav {
  height:auto
}
.tab-widget-nav .nav-link {
  display:flex;
  overflow:hidden;
  padding:5px;
  width:50px;
  height:50px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  -webkit-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.tab-widget-nav .nav-link+.nav-link {
  margin-top:2px
}
.tab-widget-nav .nav-link i {
  font-size:1.5rem
}
.tab-widget-nav .nav-link span {
  line-height:0.75rem
}
.tab-widget-nav .nav-pills .nav-link:hover {
  background-color:rgba(132,132,132,.2)
}
.tab-widget-nav .nav-pills .nav-link.active {
  color:inherit;
  background-color:rgba(132,132,132,.2)
}
.tab-widget-content {
  position:relative;
  background-color:rgba(132,132,132,.1);
  border-radius:8px;
  flex:1
}
.tab-widget-content .tab-pane {
  padding:10px;
  overflow-y:auto;
  position:absolute;
  bottom:0;
  left:0;
  top:0;
  right:0
}
.tab-widget-content .widget-item {
  display:-ms-grid;
  display:grid;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  min-height:100%;
  grid-template-columns:repeat(auto-fill,60px);
  grid-gap:10px
}
.tab-widget-content .widget-item.item-category,
.tab-widget-content .widget-item.item-books {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  grid-gap:revert !important;
  grid-template-columns:revert !important;
  justify-content:flex-start;
  min-height:auto;
  margin-left:-.5rem;
  margin-right:-.5rem
}
.tab-widget-content .widget-item.item-apps {
  grid-template-columns:repeat(auto-fill,80px)
}
.icon-btn {
  position:relative
}
.icon-btn .img-bg {
  width:60px;
  height:60px;
  padding:10px
}
.icon-btn .img-bg img {
  width:100%;
  height:auto
}
.icon-btn .icon-title {
  position:relative
}
.icon-btn .icon-title::before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  border-radius:15px;
  background-color:#fff;
  opacity:0;
  -webkit-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.icon-btn:hover .icon-title::before {
  opacity:1
}
.icon-btn .icon-title span {
  position:relative
}
.tab-sidebar {
  max-width:300px;
  position:relative;
  flex:1
}
.tab-sidebar .io-sidebar-widget {
  margin:0;
  overflow-y:auto;
  position:absolute;
  bottom:0;
  left:0;
  top:0;
  right:0
}
.tab-sidebar .sidebar-header {
  display:none !important
}
.tab-sidebar .url-card.down a:after,
.tab-sidebar .url-card.wechat a:before {
  font-size:27px;
  bottom:-6px;
  left:1px
}
.io-black-mode .icon-btn .icon-title::before {
  background-color:#2c2e2f
}
.img-post {
  -webkit-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  -webkit-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg)
}
.img-post .media-content {
  -webkit-transform:translate3d(-8px,0,0) scale(1.15);
  transform:translate3d(-8px,0,0) scale(1.15);
  will-change:transform;
  transition:.5s
}
.img-post:hover {
  box-shadow:0 0 0 5px rgba(0,0,0,.2)
}
.img-post .caption {
  width:100%;
  opacity:0;
  background-image:linear-gradient(to right,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 80%);
  will-change:opacity;
  -webkit-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.img-post .caption span {
  color:#eee;
  width:70%;
  will-change:transform;
  -webkit-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.img-post:hover .caption,
.swiper-slide-thumb-active .img-post .caption {
  opacity:1
}
.img-post:hover .caption span,
.swiper-slide-thumb-active .img-post .caption span {
  -webkit-transform:translate3d(15px,0,0);
  transform:translate3d(15px,0,0)
}
.img-book {
  overflow:initial
}
.img-book .media-content {
  -webkit-transform-origin:left;
  -ms-transform-origin:left;
  transform-origin:left;
  -webkit-transform:perspective(59rem) rotateY(0);
  transform:perspective(59rem) rotateY(0);
  will-change:transform;
  -webkit-transition:.35s;
  -o-transition:.35s;
  transition:.35s
}
.img-book:hover .media-content {
  -webkit-transform:perspective(68rem) rotateY(-43deg);
  transform:perspective(68rem) rotateY(-43deg);
  box-shadow:10px 8px 18px rgba(37,43,51,.3);
  -webkit-transition:.5s cubic-bezier(.5,1.5,.6,1);
  -o-transition:.5s cubic-bezier(.5,1.5,.6,1);
  transition:.5s cubic-bezier(.5,1.5,.6,1)
}
.img-book .caption {
  opacity:0;
  right:0;
  -webkit-transition:.4s;
  -o-transition:.4s;
  transition:.4s
}
.img-book:hover .caption {
  opacity:1
}
.img-book .caption span {
  padding:10px 4px;
  -webkit-writing-mode:vertical-lr;
  -ms-writing-mode:tb-lr;
  writing-mode:vertical-lr
}
@media screen and (min-width:768px) {
  .tab-widget-nav .nav-link {
    width:65px;
    height:65px
  }
  .tab-widget-nav .nav-link i {
    font-size:1.725rem
  }
  .tab-widget-content .widget-item .icon-btn .img-bg {
    width:70px;
    height:70px
  }
  .tab-widget-content .widget-item {
    grid-template-columns:repeat(auto-fill,70px);
    grid-gap:22px
  }
  .tab-widget-content .img-post .media-content {
    -webkit-transform:translate3d(-10px,0,0) scale(1.1);
    transform:translate3d(-10px,0,0) scale(1.1)
  }
}
.img-post:hover .media-content,
.swiper-slide-thumb-active .img-post .media-content {
  -webkit-transform:translate3d(0,0,0) scale(1);
  transform:translate3d(0,0,0) scale(1)
}
.swiper-widgets-card {
  margin-bottom:4.5rem
}
.swiper-widgets .swiper-slide img,
.swiper-widgets-thumbs .swiper-slide img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.swiper-widgets-thumbs {
  position:absolute;
  bottom:-3rem;
  width:100%;
  box-sizing:border-box;
  padding:10px
}
.swiper-widgets-thumbs .swiper-slide {
  width:102px;
  cursor:pointer
}
.swiper-widgets-card .media-title {
  color:#fff;
  top:0;
  box-sizing:border-box;
  padding:10px 20px 30px 20px;
  margin:0;
  background-image:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 50%);
  opacity:0;
  transition:opacity .7s
}
.swiper-widgets-card .media-title p {
  color:#fff
}
.swiper-widgets-card .media-title .btn-detailed {
  color:#fff;
  background:rgba(255,255,255,.2);
  border:1px solid rgba(255,255,255,.2)
}
.swiper-widgets-card .media-title .btn-detailed:hover {
  color:#fff;
  background:rgba(255,255,255,.3)
}
.swiper-widgets-content {
  width:100%;
  text-align:left;
  transform:translate3d(0,15px,0);
  transition:transform .5s
}
.swiper-widgets-content h3 {
  width:80%;
  font-size:1.125rem;
  line-height:1.5
}
.swiper-widgets-content p:before {
  content:'';
  width:5px;
  position:absolute;
  height:100%;
  left:0;
  border-radius:4px;
  background-color:#f1404b;
  box-shadow:6px 0 7px rgba(241,64,76,.4)
}
.anim-slide .swiper-widgets-content {
  transform:translate3d(0,0,0)
}
.anim-slide .media-title {
  opacity:1
}
.swiper-widgets .swiper-slide {
  max-height:480px
}
.swiper-widgets .term-content {
  position:relative
}
.swiper-widgets .icon-btn .icon-title::before {
  background-color:#000;
  opacity:.3
}
.swiper-widgets .icon-btn:hover .icon-title::before {
  opacity:1
}
.swiper-widgets .icon-btn .icon-title .text-muted {
  color:#fff !important
}
.swiper-term-content {
  margin:0;
  max-width:60%;
  padding:15px 5px
}
.swiper-term-content .type-favorites {
  position:relative;
  width:60px;
  height:auto
}
.swiper-term-content .type-category {
  position:relative;
  width:180px;
  height:auto
}
.swiper-term-content .type-apps {
  position:relative;
  width:80px;
  height:auto
}
.swiper-term-content .type-books {
  position:relative;
  width:100px;
  height:auto
}
.swiper-slide-active .swiper-term-content .tab-card {
  pointer-events:auto !important
}
.swiper-slide-thumb-active .img-post {
  box-shadow:0 0 0 5px #f1417c
}
@media screen and (min-width:768px) {
  .swiper-widgets-thumbs .swiper-slide {
    width:168px
  }
}
@media screen and (min-width:980px) {
  .swiper-widgets-thumbs .swiper-slide {
    width:198px
  }
  .swiper-term-content .type-favorites {
    width:70px
  }
  .swiper-term-content .type-favorites .icon-btn .img-bg {
    width:70px;
    height:70px
  }
  .swiper-term-content .type-books {
    width:110px
  }
  .swiper-term-content .type-category {
    width:190px
  }
  .swiper-term-content .type-apps {
    width:90px
  }
  .swiper-widgets-content h3 {
    font-size:1.25rem
  }
}
@media screen and (min-width:1200px) {
  .swiper-widgets-thumbs .swiper-slide {
    width:248px
  }
  .swiper-widgets-card .media-title {
    padding:10px 20px 40px 20px
  }
  .swiper-widgets-content h3 {
    font-size:1.5rem
  }
  .swiper-term-content .type-favorites {
    width:80px
  }
  .swiper-term-content .type-favorites .icon-btn .img-bg {
    width:80px;
    height:80px
  }
  .swiper-term-content .type-books {
    width:120px
  }
  .swiper-term-content .type-category {
    width:200px
  }
  .swiper-term-content .type-apps {
    width:100px
  }
}
@media screen and (min-width:1400px) {
  .swiper-widgets .swiper-slide {
    max-height:580px
  }
  .swiper-widgets-content h3 {
    font-size:1.75rem
  }
}
.carousel-blog li {
  width:10px;
  height:10px;
  border:0;
  border-radius:10px
}
.carousel-blog {
  margin:0 10px;
  top:0;
  bottom:unset !important;
  width:unset !important;
  right:0;
  left:auto !important
}
.carousel-blog .swiper-pagination-bullet {
  width:6px;
  height:6px;
  background:#fff;
  opacity:.7;
  border-radius:10px;
  transition:.4s;
  border:none
}
.carousel-blog .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width:12px;
  opacity:1
}
.io-carousel-max .posts-hot-list {
  max-height:300px
}
.io-carousel-max .posts-hot-list .card-body {
  padding:0 20px 20px 20px;
  overflow:auto
}
.io-carousel-max .posts-hot-list .ajax-auto-post {
  position:absolute;
  top:10px;
  right:10px
}
@media screen and (min-width:768px) {
  .io-carousel-max .posts-hot-list {
    position:absolute;
    left:0;
    right:0;
    margin-left:1rem;
    max-height:unset
  }
}
.posts-nav {
  font-size:14px;
  color:rgba(0,0,0,.44);
  padding:10px 0;
  text-align:center
}
.posts-nav .page-numbers {
  position:relative;
  min-width:35px;
  height:35px;
  padding:0 5px;
  line-height:35px;
  display:inline-block;
  background-color:rgba(150,150,150,.16);
  margin:0 2px;
  border-radius:.2rem;
  -webkit-transition:.2s ease-out;
  transition:.2s ease-out
}
.posts-nav .page-numbers.current,
.posts-nav .page-numbers:not(.dots):hover {
  color:#fff !important;
  background-color:#f1404b;
  box-shadow:0px 5px 20px -3px rgba(249,100,90,.6)
}
.posts-nav .page-numbers.dots {
  border-color:rgba(0,0,0,0)
}
.login-body-login {
  display:flex;
  flex-direction:column;
  justify-content:center;
  font-size:14px;
  background:-o-linear-gradient(45deg,var(--bg-color-l),var(--bg-color-r));
  background:linear-gradient(45deg,var(--bg-color-l),var(--bg-color-r));
  padding:0
}
.login-container {
  position:relative;
  margin:0 auto;
  max-width:1100px!important
}
.login-body {
  position:relative;
  padding:14px;
  border-radius:var(--theme-border-radius);
  background:var(--main-bg-color);
  box-shadow:0 5px 20px var(--main-shadow);
  transition:background-color 0.3s
}
.login-forms {
  position:relative;
  padding:20px;
  max-width:390px;
  min-width:310px
}
.login-img {
  background-image:var(--this-bg-image);
  background-size:cover;
  background-position:center;
  border-radius:var(--theme-border-radius-md)
}
.max-img .login-img {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:0
}
.io-black-mode .min-img::before,
.io-black-mode .max-img .login-img::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5)
}
.min-img .login-body {
  width:100%
}
.min-img .login-img {
  margin-right:10px
}
.password-show-btn {
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  cursor:pointer;
  opacity:.6;
  transition:opacity .3s
}
.password-show-btn:hover {
  opacity:1
}
.image-captcha-group {
  position:relative
}
.image-captcha-group .form-control {
  min-width:200px
}
.image-captcha-group .image-captcha {
  position:absolute;
  cursor:pointer;
  top:50%;
  right:2px;
  transform:translateY(-50%)
}
.image-captcha-group img {
  width:auto;
  height:32px;
  border-radius:4px
}
.verification {
  position:relative;
  display:flex;
  align-items:center
}
.btn-token {
  position:absolute;
  color:#888;
  background-color:rgba(136,136,136,.2);
  padding:3px 5px;
  border-radius:5px;
  font-size:12px;
  right:4px;
  transition:color .3s,background-color .3s
}
.btn-token:hover {
  color:#222;
  background-color:rgba(156,156,156,.5)
}
@media screen and (max-width:767.98px) {
  .min-img .login-img {
    display:none
  }
  .login-forms {
    width:100%
  }
}
.alert-system {
  position:fixed;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  bottom:10px;
  right:0px;
  padding-bottom:constant(safe-area-inset-bottom);
  padding-bottom:env(safe-area-inset-bottom);
  z-index:100015
}
.alert-body {
  display:flex;
  align-items:center;
  font-size:0px;
  max-height:200px;
  min-width:200px;
  max-width:360px;
  text-align:left;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  margin-bottom:10px;
  padding:0px 20px;
  opacity:.2;
  transform:translateX(110%) scaleY(0);
  transition:.3s
}
.alert-body.show {
  transform:translateX(0) scaleY(1);
  font-size:14px;
  padding:8px 20px;
  opacity:1;
  transition:.5s
}
.alert-body i {
  font-size:1.525em;
  margin-right:8px
}
.sidebar .card .searchform {
  flex:1 1 auto;
  padding:1.25rem
}
.sidebar .card .searchform>div {
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -ms-flex-align:stretch;
  align-items:stretch;
  width:100%
}
.sidebar .card .searchform .screen-reader-text {
  display:none
}
.sidebar .card .searchform input[type='text'] {
  position:relative;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  padding:.375rem .75rem;
  font-size:.875rem;
  color:var(--main-color);
  background-color:var(--muted-bg-a-color);
  border:1px solid var(--muted-bg-a-color);
  border-radius:.25rem 0 0 .25rem;
  transition:.3s
}
.sidebar .card .searchform input[type="submit"] {
  margin-left:-1px;
  padding:.375rem;
  min-width:50px;
  margin-bottom:0;
  font-size:.875rem;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  border:1px solid var(--theme-color);
  background-color:var(--theme-color);
  border-radius:0 .25rem .25rem 0;
  transition:.3s
}
.sidebar .card .searchform input[type="submit"]:hover {
  border:1px solid #14171b;
  background-color:#14171b
}
.io-widget-hot-api.io-sidebar-widget.card {
  background:transparent;
  box-shadow:none
}
.hotapi-ico {
  position:relative;
  display:inline-block;
  flex-shrink:0;
  width:14px;
  height:auto;
  margin-right:4px;
  line-height:1;
  vertical-align:-0.1em
}
.hotapi-loading {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.1);
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:var(--theme-border-radius)
}
.hotapi-list {
  margin:0;
  padding:10px 0;
  list-style:none;
  max-height:300px;
  min-height:200px
}
.hotapi-rank {
  width:18px;
  height:18px;
  line-height:18px;
  text-align:center;
  padding:0
}
.hotapi-x-overflow {
  overflow-x:auto;
  overflow-y:hidden;
  margin:calc(-0.5* var(--home-card-padding));
  padding:calc(0.5* var(--home-card-padding))
}
.hotapi-x-overflow .card {
  box-shadow:none
}
.hotapi-tab-btn {
  cursor:pointer;
  opacity:0.8;
  transition:.3s
}
.hotapi-tab-btn.active {
  color:var(--theme-color);
  font-weight:bold;
  opacity:1
}
.hotapi-tab-btn+.hotapi-tab-btn {
  margin-left:15px
}
.hotapi-tab-card .hotapi-card {
  display:none
}
.hotapi-tab-card .hotapi-card.active {
  display:block
}
#loading_fx,
#load-loading,
.load-loading {
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  display:-webkit-box;
  display:flex;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:88888;
  background:var(--main-bg-color);
  -webkit-transition:ease-in-out .5s;
  transition:ease-in-out .5s
}
#loading_fx,
#load-loading {
  z-index:99999
}
.load-loading {
  position:absolute;
  background:transparent
}
.load-loading .bg {
  position:absolute;
  width:100%;
  height:100%;
  background:#000;
  opacity:.2
}
#load-loading {
  opacity:0
}
#loading_fx.close {
  opacity:0;
  visibility:hidden
}
#comments-nav>span,
#comments-nav>a,
.page-nav span:not(.current) {
  position:relative;
  display:inline-block;
  background-color:var(--muted-bg-a-color);
  min-width:35px;
  height:35px;
  padding:0 5px;
  line-height:35px;
  margin:.2rem .1rem;
  font-size:.75rem;
  border-radius:.2rem;
  -webkit-transition:.2s ease-out;
  transition:.2s ease-out
}
.page-nav span.all {
  width:auto;
  padding:0 10px
}
#comments-nav>a:hover,
#comments-nav>.current,
.page-nav>a:hover span,
.page-nav>.current span {
  color:#fff;
  background-color:var(--theme-color);
  box-shadow:0px 5px 20px -3px var(--focus-shadow-color)
}
.placeholder-posts {
  position:relative;
  display:flex;
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-lg);
  padding:10px
}
.placeholder-posts span {
  width:100%;
  border-radius:6px;
  height:10px;
  background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
  -webkit-animation:placeholder-horizontal 1.5s ease infinite !important;
  animation:placeholder-horizontal 1.5s ease infinite !important;
  background-size:400% 100% !important
}
.placeholder-posts .p-header {
  position:relative
}
.placeholder-posts .--image {
  width:100%;
  display:block;
  position:relative;
  border-radius:var(--theme-border-radius-md)
}
.placeholder-posts .p-meta {
  display:flex;
  flex-direction:column;
  flex:1 1 auto !important
}
.placeholder-posts .--title {
  min-height:2.625rem;
  --this-title-width:100%;
  width:var(--this-title-width)
}
.placeholder-posts .--meta {
  margin-top:auto
}
.placeholder-posts .--meta span {
  float:left;
  height:15px;
  width:30%;
  max-width:38px
}
.placeholder-posts .--meta span:first-child {
  margin-right:5px
}
.placeholder-posts .--meta span:last-child {
  width:25%;
  float:right
}
.null-title {
  padding:0;
  background:transparent;
  align-items:center
}
.null-title .--image {
  width:16px;
  height:16px;
  margin-right:5px;
  border-radius:3px
}
.null-title .--title {
  min-height:21px
}
.null-post-min-sm {
  padding:0;
  background:transparent
}
.null-post-min-sm .p-header {
  margin-right:10px
}
.null-post-min-sm .--image {
  width:100px;
  padding-bottom:var(--posts-list-scale)
}
.null-post-card,
.null-post-card2 {
  flex-direction:column
}
.null-post-card .--image,
.null-post-card2 .--image {
  padding-bottom:var(--posts-card-scale);
  margin-bottom:15px
}
.null-post-card .--meta,
.null-post-card2 .--meta {
  margin-top:20px
}
.null-post-min .--image {
  width:138px;
  height:0;
  margin-right:15px;
  padding-bottom:var(--posts-list-scale)
}
@media (min-width:768px) {
  .null-post-min .--image {
    width:160px
  }
}
.null-sites-big {
  flex-direction:column
}
.null-sites-big .p-header {
  padding-top:120%
}
.null-sites-big .--image {
  position:absolute;
  padding-top:66%;
  top:0;
  left:0
}
.null-sites-big .p-meta {
  position:absolute;
  height:40%;
  bottom:0;
  left:0;
  width:100%;
  padding:15px
}
.null-sites-max {
  align-items:center;
  padding-bottom:34px
}
.null-sites-max .--image {
  width:60px;
  height:60px;
  border-radius:30px;
  margin-right:10px
}
.null-sites-max .--meta {
  position:absolute;
  bottom:10px;
  left:10px;
  right:10px
}
.null-sites-min,
.null-sites-default {
  align-items:center
}
.null-sites-default .--title {
  min-height:30px
}
.null-sites-default .--image {
  width:40px;
  height:40px;
  border-radius:20px;
  margin-right:10px
}
.null-sites-min .--meta,
.null-sites-default .--meta {
  display:none
}
.null-sites-min {
  padding:6px 8px
}
.null-sites-min .--image {
  width:25px;
  height:25px;
  border-radius:20px;
  margin-right:10px
}
.null-sites-min .--title {
  min-height:20px
}
.null-book-h-card,
.null-book-v-card {
  padding:0;
  background:transparent
}
.null-book-v-card .--image {
  width:100px;
  padding-bottom:140%
}
.null-book-v-card .p-meta {
  margin-left:15px
}
.null-book-h-card .--image {
  width:110px;
  padding-bottom:60%
}
.null-book-h-card .p-meta {
  margin-left:10px
}
.null-book-h,
.null-book-v,
.null-book-h1,
.null-book-v1 {
  flex-direction:column;
  background:transparent;
  padding:0
}
.null-book-h .--image,
.null-book-h1 .--image {
  border-radius:var(--theme-border-radius);
  padding-bottom:60%
}
.null-book-v .--image,
.null-book-v1 .--image {
  border-radius:var(--theme-border-radius);
  padding-bottom:140%
}
.null-book-h .p-meta,
.null-book-v .p-meta {
  padding:10px 0
}
.null-book-h .--title,
.null-book-v .--title {
  min-height:20px;
  margin-bottom:8px
}
.null-book-h1 .p-meta,
.null-book-v1 .p-meta {
  position:absolute;
  padding:15px;
  bottom:0;
  left:0;
  right:0
}
.null-book-h1 .--title,
.null-book-v1 .--title {
  min-height:24px;
  width:68%
}
.null-book-h1 .--meta,
.null-book-v1 .--meta {
  display:none
}
.null-app-card .--image {
  width:70px;
  height:70px;
  border-radius:30%;
  margin-right:10px
}
.null-app-default,
.null-app-max {
  flex-direction:column;
  align-items:center
}
.null-app-default {
  background:transparent;
  padding:0
}
.null-app-default .p-header {
  display:contents
}
.null-app-default .--image {
  width:70%;
  min-width:70px;
  padding-bottom:70%;
  border-radius:30%
}
.null-app-default .p-meta {
  margin-top:10px;
  width:50%
}
.null-app-default .--meta {
  display:none
}
.null-app-default .--title {
  min-height:38px
}
.null-app-max .--image {
  width:80px;
  height:80px;
  border-radius:30%;
  margin-top:20px;
  margin-bottom:15px
}
.null-app-max .p-meta {
  width:90%;
  align-items:center
}
.null-app-max .--title {
  width:70%
}
.null-app-max .--meta {
  width:30%;
  margin-top:42px
}
.chart-placeholder {
  position:relative;
  height:100%
}
.chart-placeholder .legend {
  display:flex;
  justify-content:center;
  margin-bottom:-15px
}
.chart-placeholder .legend span {
  width:50px;
  height:15px;
  margin:0 10px;
  border-radius:4px;
  background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
  -webkit-animation:placeholder-horizontal 1.5s ease infinite !important;
  animation:placeholder-horizontal 1.5s ease infinite !important;
  background-size:400% 100% !important
}
.chart-placeholder .pillar {
  display:flex;
  height:100%;
  align-items:flex-end;
  justify-content:space-evenly
}
.chart-placeholder .pillar span {
  width:20%;
  max-width:26px;
  margin:0 8px;
  background:linear-gradient(15deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
  -webkit-animation:placeholder-vertical 1.5s ease infinite !important;
  animation:placeholder-vertical 1.5s ease infinite !important;
  background-size:100% 400% !important
}
@-webkit-keyframes placeholder-vertical {
  0% {
    background-position:50% 100%
  }
  100% {
    background-position:50% 0
  }
}
@keyframes placeholder-vertical {
  0% {
    background-position:50% 100%
  }
  100% {
    background-position:50% 0
  }
}
@-webkit-keyframes placeholder-horizontal {
  0% {
    background-position:100% 50%
  }
  100% {
    background-position:0 50%
  }
}
@keyframes placeholder-horizontal {
  0% {
    background-position:100% 50%
  }
  100% {
    background-position:0 50%
  }
}
.container {
  max-width:var(--main-max-width)
}
.container-body:not(.full-container) .container-footer,
.container-body:not(.full-container) .container-header {
  max-width:1600px;
  max-width:calc(var(--main-max-width) + 180px)
}
.container-body:not(.full-container) .home-container {
  max-width:var(--main-max-width)
}
.container,
.ioui-aside,
.ioui-content {
  padding-left:10px;
  padding-right:10px
}
.main-footer {
  margin-top:10px
}
.aside-body {
  position:fixed;
  width:var(--main-aside-width);
  top:var(--main-nav-hight);
  padding:0;
  bottom:10px;
  transition:width 0.2s ease,opacity 0.2s ease;
  z-index:99;
  font-size:0.9375rem
}
.have-banner:not(.full-container) .aside-body {
  top:50%;
  opacity:0
}
.tools-left,
.tools-right {
  position:fixed;
  right:10px;
  bottom:86px;
  padding-bottom:constant(safe-area-inset-bottom);
  padding-bottom:env(safe-area-inset-bottom);
  transition:transform 0.4s;
  transform:translateX(0);
  z-index:98
}
.tools-left {
  left:10px;
  right:auto
}
.scroll-ing .tools-right {
  transform:translateX(200%)
}
.scroll-ing .tools-left {
  transform:translateX(-200%)
}
.btn-tools {
  position:relative;
  width:40px;
  height:40px;
  text-align:center;
  line-height:40px;
  color:var(--muted-color2);
  background:var(--muted-blur-bg-color);
  border-radius:var(--main-radius);
  cursor:pointer;
  margin:10px 0;
  -webkit-backdrop-filter:saturate(2) blur(10px);
  backdrop-filter:saturate(2) blur(10px)
}
.btn-weather {
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:inherit;
  background:linear-gradient(135deg,#5cc1ff 20%,#5c7cff 100%)
}
.tpwthwidt .front_1E25Bfr {
  transform:translateY(10px);
  transition:0.3s ease 0.1s !important
}
.tpwthwidt:hover .front_1E25Bfr {
  visibility:visible;
  pointer-events:auto;
  opacity:1;
  transform:translateY(0)
}
.tpwthwidt .item_2iPbMiF {
  display:none !important
}
@media screen and (max-width:480px) and (max-height:800px) {
  .tpwthwidt .daily_3Q5N3SV {
    margin-top:10px
  }
}
@media screen and (max-width:480px) and (max-height:800px) {
  .tpwthwidt .extra_1vRGAxX {
    padding:0 !important;
    margin-right:10px
  }
}
.btn-weather .tpwthwidt .tpwidget_alarm_hook,
.btn-weather .tpwthwidt .tpwidget_title_hook {
  display:none
}
.btn-weather .tpwthwidt .tpwidget_text_hook {
  position:absolute;
  background:#d30b0b;
  color:#fff!important;
  border-radius:10px;
  padding:0 6px;
  top:-15px;
  left:8px;
  font-size:11px
}
.btn-weather .tpwthwidt .front_1E25Bfr {
  right:40px!important;
  bottom:0!important;
  cursor:auto
}
.io-weather-widget a:hover {
  color:unset
}
.io-black-mode .EKHJj {
  color:#eee
}
.io-weather-widget .dGahrl {
  position:relative;
  height:30px;
  left:331.8px;
  animation:10.318s linear 0s infinite normal forwards running identifier
}
@keyframes identifier {
  0% {
    transform:translateX(0px)
  }
  100% {
    transform:translateX(-100%)
  }
}
.btn-weather .io-weather-widget .sc-gisBJw {
  position:absolute;
  left:unset;
  top:unset;
  right:20px;
  bottom:0;
  text-align:left;
  cursor:auto;
  height:unset!important
}
.btn-weather .sw-bar-slim-location {
  display:none
}
.btn-weather .sw-bar-slim-temperature {
  position:absolute;
  background:#d30b0b;
  color:#fff!important;
  border-radius:10px;
  padding:0 5px;
  top:-15px;
  left:8px;
  font-size:11px;
  line-height:1.5
}
@media screen and (max-width:600px) {
  .btn-weather .io-weather-widget .sc-gisBJw {
    right:5px;
    width:calc(100vw - 30px);
    position:fixed;
    bottom:-5px
  }
  .io-weather-widget .gjqjck {
    top:4px;
    right:8px
  }
  .io-weather-widget .sw-card-slim-container {
    padding:0!important;
    border-radius:8px
  }
}
.full-container .header-banner {
  padding-left:calc(var(--main-aside-width) + 15px)
}
.aside-card {
  background-color:#fff;
  border-radius:var(--main-radius);
  padding:10px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transition:background-color 0.3s
}
.aside-card ul {
  position:relative;
  list-style:none;
  padding:0;
  flex:1;
  margin:0
}
.aside-card ul li {
  position:relative
}
.aside-card ul li .aside-more {
  position:absolute;
  cursor:pointer;
  font-size:12px;
  right:0;
  top:50%;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  border-radius:30px;
  transform:translateY(-50%);
  transition:0.3s
}
.aside-card ul li .aside-more:hover {
  background:#eee
}
.aside-card .icon-fw {
  font-size:1.2em;
  vertical-align:-0.1em
}
.ioui-main {
  position:relative;
  padding:0
}
.container::before,
.container::after,
.content::before,
.content::after,
.ioui-main::before,
.ioui-main::after {
  display:table;
  content:" "
}
.container::after,
.content::after,
.ioui-main::after {
  clear:both
}
.aside-btn {
  padding:8px 9px;
  display:block;
  border-radius:var(--theme-border-radius-md);
  transition:0.3s;
  white-space:nowrap
}
.aside-btn:hover {
  background-color:var(--muted-blur-bg-color)
}
.fixed-body {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:#000;
  opacity:0;
  transition:opacity 0.4s,visibility 0.4s;
  visibility:hidden;
  z-index:10
}
.show.fixed-body {
  opacity:0.5;
  visibility:visible
}
.aside-bottom {
  position:relative
}
.aside-bottom::before {
  content:'';
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  width:80%;
  height:1px;
  background:rgb(127,127,127,0.15)
}
section+section>div {
  margin-top:1.25rem
}
.white-nowrap {
  white-space:nowrap
}
.word-break {
  word-break:break-all
}
.no-scrollbar {
  -ms-overflow-style:none;
  overflow:-moz-scrollbars-none;
  scrollbar-width:none
}
.no-scrollbar::-webkit-scrollbar {
  display:none
}
.io-slider-tab {
  position:relative;
  white-space:nowrap
}
.slider-tab {
  position:relative;
  white-space:nowrap;
  background:var(--muted-bg-color);
  padding:4px;
  margin:0;
  border-radius:var(--theme-border-radius-md);
  list-style:none;
  transition:background-color 0.3s
}
.slider-tab .tab-item {
  position:relative;
  display:inline-block;
  height:28px;
  line-height:28px;
  padding:0 10px;
  font-size:14px;
  color:var(--muted-color);
  cursor:pointer;
  border-radius:var(--theme-border-radius-sm);
  list-style-type:none;
  transition:0.3s
}
.slider-tab .tab-item:not(.active):hover {
  background:var(--main-bg-color)
}
.slider-tab .tab-item.active {
  color:#fff
}
.slider-tab .anchor {
  opacity:0;
  color:#fff;
  background:var(--focus-color);
  -webkit-transition:.35s;
  transition:.35s;
  border-radius:var(--theme-border-radius-sm)
}
.io-slider-tab .tab-more {
  position:absolute;
  right:0;
  top:0
}
.tab-to-more {
  position:relative
}
.tab-to-more::before {
  content:'';
  position:absolute;
  left:5px;
  width:0px;
  height:2px;
  border-radius:2px;
  background:var(--muted-bg-a-color);
  transition:0.5s ease-out
}
.content-card {
  padding:0
}
.content-card:hover .tab-to-more::before {
  width:calc(100% - 5px)
}
.content-card+.content-card {
  margin-top:1.25rem
}
.aside-popup {
  display:block;
  position:fixed;
  min-width:210px;
  background:var(--main-bg-color);
  padding:8px;
  border-radius:var(--main-radius);
  z-index:100;
  transition:background-color 0.3s;
  box-shadow:0 5px 25px 0 var(--main-shadow)
}
.aside-popup ul {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px;
  margin:0;
  padding:0;
  list-style:none
}
.aside-popup .aside-btn {
  text-align:center;
  padding:6px 9px;
  background:var(--muted-bg-a-color)
}
.aside-popup .aside-btn:hover {
  background:var(--muted-blur-bg-color)
}
@media screen and (min-width:768px) {
  .io-slider-tab .tab-more {
    position:relative
  }
}
@media screen and (max-width:767.98px) {
  .aside-body {
    min-width:220px
  }
}
.show-card .content-card {
  background:var(--main-bg-color);
  padding:12px;
  border-radius:var(--main-radius);
  transition:background-color 0.3s
}
.show-card.card-blue .content-card {
  background:var(--main-blur-bg-color2);
  -webkit-backdrop-filter:saturate(2) blur(15px);
  backdrop-filter:saturate(2) blur(15px);
  box-shadow:0 5px 25px 0 var(--main-shadow)
}
.card-blue:not(.show-card) .slider-tab {
  background:var(--main-blur-bg-color);
  -webkit-backdrop-filter:saturate(2) blur(15px);
  backdrop-filter:saturate(2) blur(15px);
  box-shadow:0 5px 25px 0 var(--main-shadow)
}
pre {
  position:relative;
  overflow-y:auto;
  border:0;
  color:#777;
  border-radius:var(--theme-border-radius-lg);
  padding:.75rem;
  margin:1.5rem 0;
  white-space:pre-wrap;
  word-wrap:break-word;
  background-color:rgba(0,0,0,.04)
}
.external {
  padding-right:5px
}
.external:after {
  content:"\e66c";
  font-family:"iconfont";
  font-size:75%
}
.panel-body p,
.site-content p,
.post-content figure {
  margin-bottom:1.25rem;
  font-size:1rem;
  line-height:2;
  word-wrap:break-word
}
.panel-body img {
  max-width:100%;
  height:auto
}
blockquote {
  position:relative;
  padding:.9375rem 0 .9375rem 1.75rem;
  margin:1.5rem 0;
  border-left:5px solid rgba(136,136,136,.2);
  background-color:rgba(136,136,136,.1);
  border-radius:var(--theme-border-radius-lg)
}
blockquote p:last-of-type {
  margin:0;
  padding:0
}
.panel-body h1:not(.item-title),
.panel-body h2:not(.item-title),
.panel-body h3:not(.item-title),
.panel-body h4:not(.item-title),
.panel-body h5:not(.item-title),
.panel-body h6:not(.item-title) {
  margin-bottom:1rem
}
.panel-body h1:not(.item-title) {
  font-size:1.5rem
}
.panel-body h2:not(.item-title) {
  font-size:1.25rem
}
.panel-body h3:not(.item-title) {
  font-size:1.125rem
}
.panel-body h2:not(.item-title)::before,
.panel-body h3:not(.item-title)::before {
  content:'';
  display:inline-block;
  width:3px;
  height:0.8em;
  background:var(--theme-color);
  border-radius:2px;
  margin-right:5px;
  vertical-align:-0.1em
}
.panel-body h2:not(.item-title)::before {
  width:3px;
  height:0.9em;
  margin-right:8px;
  box-shadow:1px 2px 3px var(--theme-color)
}
.panel-body h4:not(.item-title) {
  position:relative;
  font-size:1rem;
  padding-bottom:.5rem;
  border-bottom:1px solid rgba(136,136,136,.2)
}
.panel-body h4:not(.item-title)::after {
  content:'';
  position:absolute;
  left:0;
  bottom:-2px;
  width:2em;
  height:3px;
  background:var(--theme-color);
  border-radius:2px
}
.panel-body h5:not(.item-title),
.panel-body h6:not(.item-title) {
  font-size:1rem
}
.panel-body ul,
.panel-body ol {
  font-size:.875rem
}
.panel-body ul li,
.panel-body ol li {
  margin:.5rem 0
}
.transparent .panel-body h2:not(.item-title),
.transparent .panel-body h3:not(.item-title) {
  position:relative;
  margin-left:0
}
.nothing {
  text-align:center;
  padding:20px 10px
}
.nothing .nothing-svg {
  max-width:300px
}
.max-svg .nothing  .nothing-svg {
  max-width:460px
}
.min-svg .nothing  .nothing-svg {
  max-width:100px
}
.io-black-mode .nothing .nothing-svg {
  opacity:0.5
}
.home-list {
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-lg)
}
.home-list .nothing-svg {
  max-width:100px
}
.near-navigation {
  position:relative;
  display:flex;
  border-radius:var(--theme-border-radius);
  background-color:var(--main-bg-color);
  transition:background-color 0.3s
}
.near-navigation .nav {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:80px;
  padding:0 20px;
  position:relative;
  width:50%;
  word-break:break-word
}
.near-navigation .next {
  align-items:flex-end;
  text-align:right;
  border-radius:0 5px 5px 0;
  overflow:hidden
}
.near-navigation .near-title {
  font-size:12px;
  margin:5px 0 0;
  position:relative;
  z-index:2
}
.user-level-body {
  position:relative;
  border:1px solid rgba(136,136,136,0.2)
}
.user-level-header {
  min-height:60px;
  width:40%
}
.card-thumbnail {
  width:120px;
  min-width:120px;
  height:120px;
  border-radius:var(--theme-border-radius-lg);
  overflow:hidden
}
.img-type-post {
  width:180px;
  min-width:160px;
  height:auto
}
.password-show-btn {
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  cursor:pointer;
  opacity:.6;
  transition:opacity .3s
}
.password-show-btn:hover {
  opacity:1
}
.card-thumbnail {
  width:120px;
  min-width:120px;
  height:120px;
  border-radius:var(--main-radius);
  overflow:hidden
}
.img-type-book {
  height:180px
}
.img-type-post {
  width:180px;
  min-width:160px
}
.img-type-app {
  border:2px solid var(--muted-bg-a-color);
  border-radius:32px
}
.img-type-app .img-box {
  display:flex;
  align-items:center;
  justify-content:center
}
.user-level-body .card-thumbnail img {
  width:100%;
  height:100%;
  overflow:hidden;
  object-fit:cover
}
.card-thumbnail.img-type-app img {
  width:auto;
  height:70%
}
.content-hide-tips {
  position:relative;
  padding:35px 10px 10px;
  border:1px dashed rgba(155,155,155,.3);
  margin:20px 0;
  border-radius:var(--theme-border-radius-lg);
  background-color:rgba(155,155,155,.05)
}
.content-hide-tips .card-thumbnail {
  width:90px;
  min-width:90px;
  height:90px
}
.hide-type-password .card-thumbnail {
  width:120px;
  height:120px
}
.hide-type-buy .card-thumbnail {
  height:150px
}
.content-hide-tips .img-box {
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px
}
.content-hide-tips .hidden-text {
  position:absolute;
  padding:2px 9px;
  font-size:12px;
  top:3px;
  left:3px;
  color:var(--muted-color2);
  background:var(--theme-color-bg);
  border-radius:var(--theme-border-radius-md);
  border:1px dashed var(--theme-color);
  transition:.3s
}
.modal-header-bg.semi-white::before {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  background:var(--main-bg-color);
  width:100%;
  top:120px;
  transition:.3s
}
table {
  width:100%
}
th,
td {
  border:1px solid rgba(136,136,136,.3);
  padding:8px 12px
}
.comment-list,
.comment-list .children {
  list-style:none;
  margin:0;
  padding:0
}
.comment-list .comment {
  padding-top:15px;
  margin-top:15px;
  border-top:1px solid var(--muted-bg-a-color)
}
.comment-list .comment:first-child {
  padding-top:0;
  margin-top:0;
  border-top:none
}
.comment-list>.comment>.children {
  list-style:none;
  margin-top:5px;
  margin-bottom:10px;
  padding:15px;
  background-color:var(--muted-bg-color-l);
  border-radius:var(--theme-border-radius-md)
}
.children .children {
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid var(--muted-bg-a-color)
}
.new-comment {
  position:absolute;
  background:var(--theme-color);
  inset:-10px;
  opacity:0.3;
  border-radius:var(--theme-border-radius-md)
}
@media screen and (min-width:768px) {
  .comment-list>.comment>.children {
    margin-left:46px
  }
}
.slider-captcha {
  min-height:205px
}
.captcha-body-bg {
  border-radius:4px;
  border:1px solid var(--muted-bg-a-color);
  background:var(--muted-bg-color)
}
.slider-captcha .captcha-body-bar {
  position:absolute;
  top:0;
  left:0
}
.sliderContainer {
  text-align:center;
  background:var(--muted-bg-color);
  color:var(--muted-color);
  border-radius:4px;
  margin-top:0.5rem;
  position:relative;
  line-height:40px;
  height:40px
}
.refreshIcon {
  position:absolute;
  cursor:pointer;
  right:0;
  opacity:.6;
  top:0;
  padding:10px;
  color:#fff;
  text-shadow:0 0 5px #000
}
.sliderMask {
  position:absolute;
  border-radius:4px;
  height:40px;
  transition:.3s
}
.sliderContainer_active .sliderMask {
  background:rgba(5,224,96,0.1);
  transition:unset
}
.sliderContainer_success .sliderMask {
  background:rgba(0,153,255,0.2)
}
.sliderContainer_fail .sliderMask {
  background:rgba(255,0,0,0.2)
}
.slider-captcha-close {
  cursor:pointer;
  opacity:.5
}
.slider-captcha-close:hover {
  cursor:pointer;
  opacity:.8
}
.captcha-slider {
  position:absolute;
  top:0;
  left:0;
  width:40px;
  height:40px;
  background:var(--main-bg-color);
  box-shadow:0 0 5px rgba(0,0,0,0.2);
  cursor:pointer;
  border-radius:4px;
  transition:.3s
}
.sliderContainer_active .captcha-slider {
  transition:unset
}
.sliderContainer_success .captcha-slider {
  background:#3ca4f9;
  color:#fff
}
.sliderContainer_fail .captcha-slider {
  background:#f7564a;
  color:#fff
}
.sliderContainer_success .sliderIcon:before {
  content:"\e601"
}
.sliderContainer_fail .sliderIcon:before {
  content:"\e60f"
}
.sliderContainer_active .sliderText,
.sliderContainer_success .sliderText,
.sliderContainer_fail .sliderText {
  display:none
}
.sites-weight {
  position:relative;
  display:inline-block;
  font-size:14px;
  color:#fff !important;
  height:18px;
  width:52px;
  margin:6px 5px 6px 0;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%
}
.sites-weight span {
  position:absolute;
  right:6px;
  line-height:18px;
  width:20px;
  text-align:center
}
.sites-weight.loading {
  border-radius:4px;
  background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
  -webkit-animation:placeholder-horizontal 1.5s ease infinite !important;
  animation:placeholder-horizontal 1.5s ease infinite !important;
  background-size:400% 100% !important
}
.sites-weight.BaiduPCWeight {
  background-image:url("../images/baidupc.png")
}
.sites-weight.BaiduMobileWeight {
  background-image:url("../images/baidumobile.png")
}
.sites-weight.HaoSouWeight {
  background-image:url("../images/360.png")
}
.sites-weight.SMWeight {
  background-image:url("../images/sm.png")
}
.sites-weight.TouTiaoWeight {
  background-image:url("../images/toutiao.png")
}
.author-post-list {
  background:var(--muted-bg-a-color);
  padding:1px 8px;
  border-radius:var(--theme-border-radius-md)
}
.table-row {
  display:table-row
}
.table-title,
.table-value {
  display:table-cell;
  padding:4px 10px 4px 0
}
.table-title {
  white-space:nowrap;
  width:1px
}
.table-value {
  width:100%
}
.sites-preview .preview-body {
  position:relative;
  background:var(--main-bg-color);
  border-radius:var(--theme-border-radius);
  padding:8px
}
.sites-preview .site-favicon {
  display:flex;
  align-items:center
}
.sites-preview .site-favicon img {
  width:16px;
  height:16px;
  margin-right:5px
}
.sites-preview .site-img {
  height:300px;
  margin-top:4px;
  border-radius:var(--theme-border-radius-md);
  overflow:hidden;
  border:1px solid var(--muted-bg-a-color)
}
.sites-preview .site-img img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top
}
.site-img.img-wechat {
  height:230px;
  text-align:center
}
.site-img.img-wechat img {
  width:auto;
  height:100%;
  object-fit:cover
}
.preview-btn {
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  opacity:0;
  transition:.3s
}
.preview-body:hover .preview-btn {
  opacity:1
}
.min-posts-card::before {
  content:'';
  display:inline-block;
  width:.5em;
  height:.5em;
  border:.1em solid var(--theme-color);
  border-radius:1em;
  margin-right:.5em;
  vertical-align:.1em;
  box-shadow:2px 2px 2px var(--focus-shadow-color)
}
@media screen and (min-width:768px) {
  .sites-top-right,
  .sites-preview .preview-body {
    min-width:400px
  }
  .sites-top-right {
    max-width:460px
  }
  .sites-preview .site-img {
    width:400px
  }
}
.book-cover {
  flex-shrink:0
}
.book-cover img {
  max-width:230px;
  max-height:350px;
  border-radius:var(--theme-border-radius-md)
}
.book-info {
  display:flex;
  flex-direction:column
}
.book-info .site-body {
  flex:1
}
.book-top-right {
  width:100%
}
@media screen and (min-width:768px) {
  .book-info {
    flex-direction:row
  }
  .book-top-right {
    max-width:380px
  }
}
.app-rounded {
  border-radius:30% !important
}
@media screen and (min-width:768px) {
  .app-ico .app-rounded {
    min-width:100px
  }
}
.screenshot-carousel {
  background-color:rgba(0,0,0,.1);
  overflow:hidden;
  box-shadow:0 0 50px 0 rgba(0,0,0,.1) inset
}
.screenshot-carousel .img_wrapper {
  height:420px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.screenshot-carousel .img_wrapper a {
  display:contents;
  flex:1
}
.screenshot-carousel .img_wrapper img {
  max-width:calc(100% - 20px);
  max-height:calc(100% - 20px);
  -webkit-box-shadow:0 10px 13px rgba(31,45,62,.35);
  box-shadow:0 10px 13px rgba(31,45,62,.35);
  border-radius:5px
}
.screenshot-carousel .carousel-indicators li {
  width:8px;
  height:8px;
  border:0;
  border-radius:10px;
  transition:.3s
}
.screenshot-carousel .carousel-indicators .active {
  width:20px;
  height:8px;
  border-radius:10px
}
.carousel-control-next,
.carousel-control-prev {
  opacity:0;
  width:60px;
  transition:all .3s
}
.carousel-control-prev {
  transform:translateX(-50px)
}
.carousel-control-next {
  transform:translateX(50px)
}
.screenshot-carousel .carousel-control-prev:before,
.screenshot-carousel .carousel-control-next:before {
  content:'';
  position:absolute;
  width:40px;
  height:40px;
  top:calc(50% - 20px);
  left:calc(50% - 20px);
  border-radius:20px;
  z-index:-1;
  background-color:rgba(0,0,0,.2)
}
.screenshot-carousel:hover .carousel-control-next,
.screenshot-carousel:hover .carousel-control-prev {
  opacity:.5;
  transform:translateX(0)
}
.screenshot-carousel .carousel-control-next:hover,
.screenshot-carousel .carousel-control-prev:hover {
  opacity:.9
}
.screenshot-carousel .carousel-control-next:focus,
.screenshot-carousel .carousel-control-prev:focus {
  opacity:.9
}
.screenshot-body {
  position:relative
}
.screenshot-none {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center
}
.order-list {
  padding:0;
  margin:0;
  list-style:none
}
.order-item {
  position:relative;
  padding:15px;
  border-radius:var(--theme-border-radius);
  background:var(--main-bg-color);
  margin-bottom:15px
}
.order-price {
  color:#f1404b
}
.order-price::before {
  content:'￥';
  font-size:12px;
  margin-right:2px
}
.msgs-list .placeholder-posts,
.order-list .placeholder-posts {
  margin-bottom:15px
}
.msgs-list .placeholder-posts .--meta,
.order-list .placeholder-posts .--meta {
  margin-top:10px
}
.modal-header-simple {
  position:relative
}
.modal-header-simple>span {
  position:absolute;
  color:var(--this-color);
  background:var(--this-bg);
  border-radius:100%;
  height:300px;
  width:800px;
  opacity:.3;
  top:-286px;
  left:-196px
}
.modal-header-simple>span::after,
.modal-header-simple>span::before,
.modal-header-simple::after,
.modal-header-simple::before {
  position:absolute;
  color:var(--this-color);
  background:var(--this-bg);
  border-radius:100%;
  content:' '
}
.modal-header-simple::before {
  left:-128px;
  bottom:0;
  height:300px;
  width:670px;
  top:-318px;
  transform:rotate(339deg);
  opacity:.5
}
.modal-header-simple::after {
  left:-214px;
  bottom:0;
  height:210px;
  width:340px;
  top:-183px;
  transform:rotate(10deg);
  opacity:.3
}
.modal-header-simple>span::before {
  left:304px;
  height:15px;
  width:15px;
  bottom:-10px;
  opacity:.5
}
.modal-header-simple>span::after {
  right:304px;
  height:8px;
  width:8px;
  bottom:-7px;
  opacity:.6
}
.modal-header-bg,
.fx-bg {
  --this-color:#cceaff;
  --this-bg-color:#284eaa;
  --this-bg-image:radial-gradient(closest-side,rgb(84 211 242),rgba(131,228,245,0)),radial-gradient(closest-side,rgb(75 125 255),rgba(207,209,255,0)),radial-gradient(closest-side,rgb(0 180 255),rgba(131,203,254,0));
  color:var(--this-color);
  background-color:var(--this-bg-color);
  background-image:var(--this-bg-image);
  background-size:130% 180%,120% 220%,110% 150%;
  background-position:-120% -50%,280% 50%,-90% 80%;
  background-repeat:no-repeat;
  -webkit-animation:12s fx-bg-anim infinite;
  animation:12s fx-bg-anim infinite
}
.fx-shadow {
  box-shadow:0px 10px 20px -10px var(--this-bg-color)
}
@-webkit-keyframes fx-bg-anim {
  0%,
  100% {
    background-size:130% 180%,120% 220%,110% 150%;
    background-position:-120% -50%,280% 50%,-90% 80%
  }
  25% {
    background-size:120% 170%,130% 240%,120% 130%;
    background-position:-80% -60%,260% 10%,-80% 90%
  }
  50% {
    background-size:110% 150%,150% 200%,130% 140%;
    background-position:-100% -20%,200% 50%,-60% 50%
  }
  75% {
    background-size:140% 170%,120% 180%,120% 130%;
    background-position:-130% -70%,150% 80%,-70% 80%
  }
}
@keyframes fx-bg-anim {
  0%,
  100% {
    background-size:130% 180%,120% 220%,110% 150%;
    background-position:-120% -50%,280% 50%,-90% 80%
  }
  25% {
    background-size:120% 170%,130% 240%,120% 130%;
    background-position:-80% -60%,260% 10%,-80% 90%
  }
  50% {
    background-size:110% 150%,150% 200%,130% 140%;
    background-position:-100% -20%,200% 50%,-60% 50%
  }
  75% {
    background-size:140% 170%,120% 180%,120% 130%;
    background-position:-130% -70%,150% 80%,-70% 80%
  }
}
.modal-header-bg.semi-white::before {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  background:var(--main-bg-color);
  width:100%;
  top:120px;
  transition:.3s
}
.modal-header-bg.modal-header {
  align-items:center;
  justify-content:center;
  min-height:120px
}
.modal-header-bg.modal-header .io-close {
  position:absolute;
  right:10px;
  top:10px;
  color:#fff !important
}
.modal-medium {
  max-width:400px
}
.io-modal-content {
  border-radius:inherit
}
.loading-anim {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%
}
.modal-content.modal-suspend {
  background:transparent !important
}
.modal-content.modal-suspend .modal-header {
  border-radius:var(--main-radius);
  padding-bottom:120px
}
.modal-content.modal-suspend .modal-body {
  margin:4px;
  padding:0;
  border-radius:var(--theme-border-radius-md);
  margin-top:-110px;
  box-shadow:0 11px 15px 0 rgba(10,10,10,0.3)
}
.original-price {
  position:relative;
  opacity:.7
}
.original-price::before {
  content:'';
  position:absolute;
  width:100%;
  height:1px;
  top:50%;
  left:0;
  background:#f1404b;
  transform:rotate(5deg)
}
.border-color {
  border-color:var(--muted-bg-a-color) ! important
}
.muted-box {
  position:relative;
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-sm);
  padding:15px
}
.bg-image {
  background:var(--muted-bg-a-color);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat
}
.tips-top-l {
  position:absolute;
  padding:2px 9px;
  font-size:12px;
  top:3px;
  left:3px;
  color:var(--muted-color2);
  border-radius:var(--theme-border-radius-sm);
  border:1px dashed var(--theme-color)
}
.p--t--r {
  position:absolute;
  transform:scale(.9);
  top:-10px;
  right:-8px
}
.p-t-l {
  position:absolute;
  top:3px;
  left:3px
}
.p-t-r {
  position:absolute;
  top:3px;
  right:3px
}
.p-l {
  position:absolute;
  top:50%;
  right:5px;
  transform:translateY(-50%)
}
.io-radio {
  padding:5px;
  border:1px solid var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-md);
  text-align:center;
  cursor:pointer
}
.io-radio.active {
  border-color:var(--theme-color)
}
.io-radio+.io-radio {
  margin-left:10px
}
.io-radio img {
  margin:4px;
  height:30px
}
.br-inherit {
  border-radius:inherit
}
.br-top-inherit {
  border-top-left-radius:inherit;
  border-top-right-radius:inherit
}
.br-bottom-inherit {
  border-bottom-left-radius:inherit;
  border-bottom-right-radius:inherit
}
@media (min-width:768px) {
  .modal-content.modal-suspend .modal-body {
    margin-left:12px;
    margin-right:12px
  }
}
.uploader-header {
  display:flex;
  position:relative;
  align-items:center;
  white-space:nowrap
}
.webuploader-container {
  position:relative
}
.webuploader-element-invisible {
  position:absolute !important;
  clip:rect(1px 1px 1px 1px);
  clip:rect(1px,1px,1px,1px)
}
.webuploader-input-box {
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important
}
.media-btn-group .media-btn {
  display:inline-block;
  font-size:12px;
  margin-right:5px
}
.uploader-tab .drag-tips {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(30,115,190,0.7);
  color:#fff;
  opacity:0;
  pointer-events:none;
  border-radius:var(--theme-border-radius-md)
}
.io-media-modal .modal-header {
  position:relative
}
.io-media-modal .modal-header::after {
  content:'';
  position:absolute;
  bottom:0;
  left:15px;
  right:15px;
  background:var(--muted-bg-a-color);
  height:1px;
  transition:.3s
}
.modal-tabs .tab-title {
  cursor:pointer;
  transition:0.3s
}
.modal-tabs .tab-title.active {
  color:var(--theme-color);
  font-weight:bold
}
.uploader-tab .webuploader-dnd-over .drag-tips {
  opacity:1;
  transition:0.1s ease 0.15s
}
.uploader-tab .drag-tips::before {
  content:'';
  position:absolute;
  inset:5px;
  background:transparent;
  border:2px dashed rgba(255,255,255,0.5);
  border-radius:var(--theme-border-radius-sm)
}
.attachment-lists {
  max-height:388px;
  min-height:200px;
  overflow:auto;
  align-items:flex-start
}
.attachment-lists .list-item {
  position:relative;
  cursor:pointer;
  border-radius:6px;
  overflow:hidden
}
.attachment-lists .list-item .delete-item {
  position:absolute;
  top:5px;
  right:5px;
  color:#fff;
  font-size:10px;
  background:rgba(0,0,0,0.3);
  cursor:pointer;
  padding:5px;
  border-radius:50%;
  opacity:0;
  line-height:1;
  z-index:1;
  transition:0.3s
}
.attachment-lists .list-item:hover .delete-item {
  opacity:0.6
}
.attachment-lists .list-item .delete-item:hover {
  opacity:1;
  background:rgba(0,0,0,0.5)
}
.attachment-lists .list-item.active {
  box-shadow:0 0 0 2px var(--theme-color)
}
.attachment-lists .list-item.active::after {
  content:'';
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 40px 20px rgba(var(--theme-color-rgb),0.3)
}
.posts-cover-img,
.attachment-lists.lists-type-image .list-item .list-box {
  position:relative;
  width:100%;
  height:0;
  padding-bottom:100%;
  background-color:var(--muted-bg-a-color);
  background-image:linear-gradient(45deg,var(--muted-bg-a-color) 25%,transparent 25%,transparent 75%,var(--muted-bg-a-color) 75%,var(--muted-bg-a-color)),linear-gradient(45deg,var(--muted-bg-a-color) 25%,transparent 25%,transparent 75%,var(--muted-bg-a-color) 75%,var(--muted-bg-a-color));
  background-size:14px 14px;
  background-position:0 0,7px 7px
}
.attachment-lists.lists-type-image .list-box>img {
  position:absolute;
  width:100%;
  height:100%;
  transition:all .2s;
  overflow:hidden;
  -o-object-fit:cover;
  object-fit:cover
}
.attachment-lists .list-item>.progress {
  position:absolute;
  height:100%;
  inset:0;
  background:rgba(0,0,0,0.15)
}
.attachment-lists .list-item>.progress .progress-bar {
  background-color:rgba(var(--theme-color-rgb),0.2)
}
.attachment-lists .list-item>.progress .state {
  position:absolute;
  top:50%;
  left:0;
  right:0;
  transform:translateY(-50%);
  text-align:center;
  padding:10px 0;
  color:#fff;
  font-size:12px;
  background:rgba(0,0,0,0.4)
}
.io-media-modal .uploader-content {
  position:relative;
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-md)
}
.input-box {
  position:relative
}
.input-box .get-info {
  position:absolute;
  right:5px;
  top:50%;
  transform:translateY(-50%)
}
.posts-cover-img {
  overflow:hidden;
  cursor:pointer;
  min-width:86px;
  border-radius:var(--theme-border-radius-sm)
}
.posts-cover-img.sites-cover-preview {
  padding-bottom:100%
}
.posts-cover-img.book-cover-preview {
  padding-bottom:130%
}
.posts-cover-img .cover-delete {
  position:absolute;
  top:5px;
  right:5px;
  font-size:12px;
  color:#fff;
  font-size:10px;
  background:#d80000;
  cursor:pointer;
  padding:4px;
  border-radius:50%;
  opacity:0;
  line-height:1;
  z-index:2;
  transition:0.3s
}
.posts-cover-img:hover .cover-delete {
  opacity:0.5
}
.posts-cover-img .cover-delete:hover {
  opacity:1
}
.tougao-form .sites-meta,
.tougao-form .book-meta,
.tougao-form .app-meta {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px
}
.fill-cover.show-preview {
  position:absolute;
  width:auto;
  height:auto;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(0.9)
}
.tg-sites-url .sites-link {
  padding-right:76px
}
.disabled {
  cursor:not-allowed
}
.count-tips::after {
  content:attr(data-min) "/"attr(data-max);
  position:absolute;
  font-size:12px;
  top:50%;
  z-index:3;
  right:5px;
  color:#999;
  transform:translate(0,-50%)
}
.count-tips .form-control {
  padding-right:42px
}
.contribute-header {
  position:relative;
  display:flex;
  align-items:stretch;
  padding:15px 0;
  flex-direction:column
}
.contribute-header .contribute-title {
  position:relative
}
.contribute-header .contribute-title .modal-header-bg {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  height:calc(100% + 30px);
  margin-top:-15px;
  border-radius:var(--theme-border-radius)
}
.contribute-header .contribute-title img {
  position:absolute;
  height:auto;
  width:70px;
  top:-32px;
  right:8px;
  max-width:none;
  max-height:none
}
.contribute-header .contribute-title [class^="text-"] {
  position:relative
}
.contribute-header .contribute-body {
  position:relative;
  flex:1 1 auto;
  background:var(--main-bg-color);
  border-radius:var(--theme-border-radius-lg);
  margin-top:-1.725rem;
  margin-left:10px;
  margin-right:10px;
  border:1px solid var(--muted-blur-bg-color);
  box-shadow:0 10px 25px -5px rgba(10,10,10,0.05);
  transition:background-color 0.2s,border-color 0.2s
}
.contribute-item .item-title {
  position:relative
}
.contribute-item .item-title i {
  position:absolute;
  background:var(--this-bg);
  padding:4px;
  border-radius:30%;
  top:-8px;
  left:6px
}
.contribute-item.active .item-title i {
  transform:scale(1.5);
  top:-12px;
  left:10px
}
.contribute-item .item-new-btn {
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
  justify-content:center
}
.contribute-item .item-new-btn span {
  white-space:nowrap
}
[modal-set] {
  cursor:pointer
}
[modal-set]:hover {
  color:var(--theme-color)
}
@media screen and (min-width:768px) {
  .contribute-header .contribute-body {
    margin-top:-3rem;
    margin-left:20px;
    margin-right:20px
  }
  .contribute-item .item-new-btn {
    gap:0px
  }
}
@media screen and (min-width:992px) {
  .contribute-header .contribute-title .modal-header-bg {
    padding-right:170px
  }
  .contribute-header {
    flex-direction:row
  }
  .contribute-header .contribute-title img {
    left:10px;
    right:auto
  }
  .contribute-header .contribute-title {
    width:400px
  }
  .contribute-header .contribute-body {
    margin-left:-150px;
    margin-top:0;
    margin-right:0;
    margin-bottom:0
  }
}
.color-head {
  position:relative;
  margin-top:calc(0px - var(--main-nav-hight));
  padding-top:var(--main-nav-hight);
  margin-bottom:15px
}
.color-head .color-head-bg {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,var(--theme-color) 20%,transparent 100%);
  padding-bottom:50%;
  min-height:66vh;
  transition:0.3s;
  z-index:-1
}
.io-black-mode .color-head .color-head-bg {
  background:linear-gradient(180deg,rgba(var(--theme-color-rgb),0.6) 20%,transparent 100%)
}
.color-head .color-head-content {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  overflow:hidden;
  max-width:var(--main-max-width);
  margin:0 auto;
  padding:20px
}
.ranking-range-nav {
  position:relative;
  margin-bottom:15px
}
.color-head-rankings .ranking-title {
  margin-top:10px;
  margin-bottom:20px
}
.ranking-range-body {
  display:flex;
  justify-content:center
}
.ranking-h-ico {
  position:absolute;
  font-size:200px;
  top:0;
  transform:translateY(-76%);
  line-height:1;
  right:-10px;
  z-index:-1;
  opacity:0.2
}
.io-black-mode .ranking-h-ico {
  opacity:0.1
}
.range-tab-btn {
  position:absolute;
  pointer-events:none;
  padding:2px 10px;
  background:linear-gradient(to bottom,#fff,#ffbda5);
  -webkit-background-clip:text;
  color:transparent;
  background-clip:text;
  transform:scale(.8);
  opacity:0
}
.range-tab-btn.active {
  position:relative;
  pointer-events:auto;
  transform:scale(1);
  opacity:1
}
.range-tab-btn.--l1 {
  pointer-events:auto;
  opacity:0.4;
  left:-100%
}
.range-tab-btn.--r1 {
  pointer-events:auto;
  opacity:0.4;
  right:-100%
}
.range-tab-btn::after,
.range-tab-btn::before {
  content:'\e63d';
  font-family:"iconfont";
  display:inline-block;
  background:linear-gradient(to bottom,#fff,#ffbda5);
  -webkit-background-clip:text;
  color:transparent;
  background-clip:text
}
.range-tab-btn::after {
  content:'\e63e'
}
.range-tab-btn:hover {
  color:transparent
}
.range-btn {
  padding:0 10px;
  transition:0.3s
}
@media screen and (min-width:768px) {
  .ranking-range-nav {
    margin-right:15px
  }
  .ranking-range-body {
    min-width:180px;
    flex-direction:column;
    background:var(--main-bg-color);
    border-radius:var(--theme-border-radius);
    padding:15px
  }
  .range-btn {
    padding:10px;
    border-radius:var(--theme-border-radius-md);
    cursor:pointer;
    text-align:center
  }
  .range-btn:hover {
    background:var(--muted-bg-a-color)
  }
  .range-btn.active {
    background:var(--theme-color);
    color:#fff
  }
  .range-btn+.range-btn {
    margin-top:10px
  }
}
@media screen and (max-width:767.98px) {
  .range-btn {
    color:#fff;
    opacity:0.8
  }
  .range-btn:hover {
    color:#fff;
    opacity:1
  }
  .range-btn.active {
    color:#fff;
    font-weight:bold;
    opacity:1
  }
}
.taxonomy-head {
  position:relative;
  margin-bottom:15px
}
.taxonomy-head .taxonomy-head-fill {
  position:relative;
  margin-top:calc(0px - var(--main-nav-hight));
  padding-top:var(--main-nav-hight);
  padding-bottom:156px
}
.taxonomy-head .taxonomy-head-card,
.taxonomy-head .taxonomy-head-card-blur {
  padding-bottom:calc(20% + 90px);
  position:relative;
  border-radius:var(--main-radius);
  overflow:hidden
}
.taxonomy-head .taxonomy-head-bg {
  position:absolute;
  inset:0;
  overflow:hidden
}
.taxonomy-head-fill .taxonomy-head-bg {
  bottom:-120px
}
.taxonomy-head .taxonomy-head-img {
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center
}
.taxonomy-head .taxonomy-head-img.bg-blur {
  inset:-50px;
  -moz-filter:blur(30px);
  -ms-filter:blur(30px);
  -webkit-filter:blur(30px);
  filter:blur(30px)
}
.taxonomy-head-fill .taxonomy-head-img.bg-blur {
  bottom:80px
}
.taxonomy-head .taxonomy-head-img::after {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:linear-gradient(to top,rgba(0,0,0,.4) 5%,transparent 50%)
}
.taxonomy-head .taxonomy-head-img.bg-blur::after {
  background:#000;
  opacity:0.2
}
.taxonomy-head .taxonomy-head-content {
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  inset:0;
  color:#fff;
  max-width:var(--main-max-width);
  margin:0 auto
}
.taxonomy-head-card .taxonomy-head-content {
  align-items:start;
  justify-content:end;
  text-align:left
}
.taxonomy-head-fill .taxonomy-head-content {
  margin-top:var(--main-nav-hight)
}
.taxonomy-selects {
  position:relative;
  padding:20px;
  margin-bottom:20px
}
.cat-selects {
  position:relative;
  margin-bottom:10px
}
.taxonomy-selects>div:last-child {
  margin-bottom:0
}
.cat-select {
  position:relative;
  color:var(--muted-color)
}
.cat-select+.cat-select {
  margin-left:15px
}
.cat-select.active {
  color:var(--theme-color)
}
.cat-selects-sub {
  position:relative;
  padding:10px;
  margin-bottom:10px;
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-md)
}
.cat-selects-sub>div:last-child {
  margin-bottom:0
}
@media screen and (min-width:768px) {
  .taxonomy-head .taxonomy-head-fill {
    padding-bottom:189px
  }
}
.line1 {
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap
}
.line2 {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:normal
}
.posts-item {
  margin:calc(0.5 * var(--home-card-padding));
  background-color:var(--main-bg-color);
  border-radius:var(--main-radius);
  padding:0;
  transition:box-shadow 0.3s,background-color 0.3s,transform 0.3s ease
}
.posts-item.muted-bg {
  background:var(--muted-shadow)
}
.posts-item.no-padding {
  padding:0;
  background:transparent
}
.show-card .posts-item {
  box-shadow:inset 0 0 25px 0 var(--muted-shadow),0 0 0 0 var(--main-shadow)
}
.posts-item:hover {
  box-shadow:inset 0 0 2px 0 var(--muted-shadow),0 20px 25px -10px var(--main-shadow)
}
.posts-item.no-padding:hover {
  box-shadow:none
}
.posts-item .item-header {
  margin-right:15px
}
.posts-item .item-media {
  width:138px;
  height:0;
  padding-bottom:var(--posts-list-scale);
  position:relative;
  overflow:hidden;
  border-radius:var(--theme-border-radius-md);
  background-color:var(--muted-bg-a-color)
}
.item-media img {
  position:absolute
}
.fill-cover {
  width:100%;
  height:100%;
  transition:all .2s;
  overflow:hidden;
  -o-object-fit:cover;
  object-fit:cover
}
.posts-item .item-title {
  margin-top:0;
  margin-bottom:5px;
  font-size:14px;
  line-height:1.3125rem
}
.posts-item .item-meta span+span {
  margin-left:10px
}
.posts-item .item-meta i {
  margin-right:2px
}
.posts-item .item-tags {
  margin-bottom:4px
}
.posts-item.style-post-min .item-body {
  overflow:hidden
}
.posts-item.style-post-card2,
.posts-item.style-post-card {
  flex-direction:column
}
.posts-item.style-post-card .item-header {
  margin-right:0;
  margin-bottom:15px
}
.posts-item.style-post-card2 .item-media,
.posts-item.style-post-card .item-media {
  width:100%;
  padding-bottom:var(--posts-card-scale)
}
.posts-item.style-post-card2 .item-title,
.posts-item.style-post-card .item-title {
  font-size:14px;
  min-height:2.625rem
}
.posts-item .meta-ico i {
  margin-right:2px
}
.posts-item .meta-ico span+span {
  margin-left:8px
}
.posts-item.style-post-card2 {
  padding:0
}
.posts-item.style-post-card2 .item-header {
  margin:0
}
.posts-item.style-post-card2 .item-media {
  border-radius:var(--main-radius) var(--main-radius) 0 0
}
.posts-item.style-post-card2 .item-body {
  padding:10px
}
.posts-item.style-post-min-sm:not(.--card) {
  background:transparent;
  padding:0
}
.--card {
  max-width:500px;
  background:var(--muted-bg-a-color)
}
.posts-item.style-post-min-sm:hover {
  box-shadow:none
}
.posts-item.style-post-min-sm .item-title {
  font-size:14px;
  margin:0
}
.posts-item.style-post-min-sm .item-header {
  margin-right:10px
}
.posts-item.style-post-min-sm .item-media {
  width:100px;
  padding-bottom:70%;
  border-radius:var(--theme-border-radius-md)
}
.post-item {
  padding:10px
}
.posts-item.post-item .item-media img {
  transition:filter 0.5s ease-in,transform 0.4s ease
}
.posts-item.post-item:hover .item-media img {
  transform:scale(1.025)
}
.sites-item .sites-body {
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  width:100%
}
.posts-item.sites-item .item-title {
  font-size:14px;
  margin:0
}
.posts-item.sites-item .item-header {
  margin-right:8px
}
.posts-item.sites-item .item-media {
  width:40px;
  height:0;
  padding-bottom:100%;
  border-radius:40px
}
.posts-item.sites-item .item-media img {
  transform:scale(1.05);
  transition:transform 0.4s ease
}
.posts-item.sites-item:hover .item-media img {
  transform:scale(1)
}
.posts-item.sites-item .item-media {
  overflow:unset
}
.posts-item.sites-item .item-image {
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:inherit;
  height:100%;
  width:100%
}
.blur-img-bg {
  position:absolute;
  width:120%;
  height:120%;
  left:-10%;
  top:-10%;
  border-radius:100%;
  background-size:cover;
  filter:blur(10px) opacity(70%);
  opacity:.6;
  transform:scale(0) translate(-50%);
  transition:transform .3s ease
}
.posts-item.sites-item:hover .blur-img-bg {
  transform:scale(1)
}
.posts-item.sites-item .fill-cover {
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain
}
.sites-item.style-sites-min .sites-body {
  padding:6px 8px
}
.sites-item.style-sites-min .item-media {
  width:25px
}
.sites-item.style-sites-big .item-media,
.sites-item.style-sites-max .item-media {
  width:60px
}
.sites-item.style-sites-default .sites-body {
  padding:10px
}
.posts-item.sites-item.style-sites-max {
  flex-direction:column
}
.posts-item.sites-item.style-sites-max .sites-body {
  padding:10px 10px 0 10px
}
.sites-item.style-sites-max .meta-ico {
  position:absolute;
  right:10px;
  top:5px;
  opacity:0;
  transition:opacity 0.3s
}
.sites-item.style-sites-max:hover .meta-ico {
  opacity:1
}
.sites-item.style-sites-max .sites-tags {
  position:relative;
  display:flex;
  align-items:center;
  margin-top:5px;
  padding:5px 10px 10px 10px;
  line-height:normal;
  margin-bottom:-3px
}
.sites-item.style-sites-max .sites-tags::before {
  content:'';
  position:absolute;
  left:10px;
  top:0;
  right:10px;
  height:1px;
  background:var(--muted-bg-a-color)
}
.sites-item.style-sites-max .item-tags {
  margin-right:8px;
  margin-bottom:0
}
.sites-item .togo {
  opacity:0.5;
  transition:opacity 0.3s
}
.sites-item:hover .togo {
  opacity:1
}
.sites-item:not(.style-sites-max) .togo {
  position:absolute;
  right:5px;
  top:50%;
  opacity:0;
  transition:opacity 0.3s,transform 0.3s ease;
  transform:translate(2px,-50%)
}
.sites-item:not(.style-sites-max):hover .togo {
  opacity:0.8;
  transform:translate(12px,-50%)
}
.posts-item.style-sites-big .fill-cover {
  width:100%;
  height:100%
}
.posts-item.style-sites-big .item-image {
  box-shadow:0 0 0 2px rgba(255,255,255,0.5)
}
.style-sites-big.d-flex {
  display:block!important;
  padding:5px;
  border-radius:var(--theme-border-radius);
  overflow:hidden
}
.style-sites-big .big-bg {
  border-radius:var(--theme-border-radius-md);
  overflow:hidden;
  padding-top:120%;
  position:relative
}
.style-sites-big .big-bg .big-img {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0
}
.style-sites-big .big-bg .big-bg-cover {
  top:0;
  left:0;
  width:100%;
  height:auto;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat
}
.style-sites-big .big-bg .bg-reflect {
  width:100%;
  height:auto;
  margin-top:-1px;
  -webkit-transform:rotate(180deg) scaleX(-1);
  -ms-transform:rotate(180deg) scaleX(-1);
  transform:rotate(180deg) scaleX(-1);
  -webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),color-stop(94%,#000),to(#000));
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 60%,#000 94%,#000 100%);
  mask-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(60%,transparent),color-stop(94%,#000),to(#000));
  mask-image:linear-gradient(to bottom,transparent 0%,transparent 60%,#000 94%,#000 100%)
}
.style-sites-big .big-meta {
  position:absolute;
  margin:0 -5px;
  padding:20px 10px;
  padding-bottom:42px;
  width:100%;
  bottom:-42px;
  will-change:backdrop-filter;
  --this-color:var(--main-color);
  --this-bg-color:var(--main-blur-bg-color2);
  color:var(--this-color);
  background:var(--this-bg-color);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:bottom 0.3s ease,background-color 0.2s
}
.style-sites-big .meta-ico {
  position:absolute;
  top:-10px;
  right:10px;
  border-radius:20px;
  --this-muted-color:#fff;
  background:var(--theme-color);
  padding:2px 10px;
  opacity:0.9
}
.style-sites-big .item-tags {
  margin:20px 0 10px 0;
  line-height:normal;
  --this-filter:unset;
  filter:var(--this-filter)
}
.style-sites-big:hover {
  transform:translateY(-5px);
  box-shadow:inset 0 0 0 0 var(--muted-shadow),0 20px 30px -10px var(--main-shadow),0 55px 30px -20px var(--main-shadow)
}
.style-sites-big:hover .big-meta {
  bottom:0px
}
.posts-item.style-sites-big .item-title {
  color:var(--this-color);
  font-size:16px;
  margin-bottom:10px
}
.style-sites-big .text-muted {
  color:var(--this-muted-color)
}
.style-sites-big .big-togo {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  font-size:14px;
  color:var(--this-muted-color);
  background:var(--muted-bg-a-color);
  height:42px;
  line-height:42px;
  opacity:0.8;
  transition:opacity 0.3s
}
.style-sites-big .big-togo:hover {
  opacity:1
}
@media screen and (max-width:767.98px) {
  .row-col-2a .sites-item.style-sites-big .item-media,
  .row-col-2a .sites-item.style-sites-max .item-media {
    display:none
  }
}
.app-item {
  padding:10px
}
.posts-item.app-item .item-title {
  font-size:14px;
  margin:0
}
.posts-item.app-item .item-header {
  margin-right:8px
}
.posts-item.app-item .item-media {
  width:70px;
  height:0;
  padding-bottom:100%;
  border-radius:30%;
  background:transparent;
  transition:transform .6s ease 0s
}
.posts-item.app-item:hover .item-media {
  transform:scale(1.05)
}
.posts-item.app-item.style-app-default,
.posts-item.app-item.style-app-max {
  flex-direction:column;
  align-items:center
}
.posts-item.app-item .fill-cover {
  transform:inherit;
  object-fit:contain
}
.app-item.style-app-card .meta-ico {
  margin-left:auto
}
.app-item.style-app-default {
  background:transparent;
  padding:0
}
.show-card .app-item.style-app-default.posts-item,
.app-item.style-app-default:hover {
  box-shadow:none
}
.posts-item.style-app-default .item-header {
  display:contents
}
.posts-item.style-app-default .item-media {
  width:70%;
  min-width:70px;
  padding-bottom:70%;
  transition:box-shadow 0.3s
}
.app-item.style-app-default:hover .item-media {
  box-shadow:0 5px 15px 0 var(--main-shadow)
}
.app-item.style-app-default .item-header {
  margin-right:0;
  margin-bottom:8px
}
.app-item.style-app-default .item-body {
  width:100%;
  text-align:center;
  margin-top:8px
}
.app-item.style-app-max .item-header {
  margin-right:0;
  margin-top:20px;
  margin-bottom:15px
}
.posts-item.style-app-max .item-media {
  width:80px
}
.app-item.style-app-max .item-body {
  width:100%;
  align-items:center
}
.app-item.style-app-max .meta-ico {
  position:absolute;
  top:5px;
  right:10px;
  opacity:0;
  transition:opacity 0.3s
}
.app-item.style-app-max:hover .meta-ico {
  opacity:1
}
.app-item.style-app-max .app-content {
  width:100%;
  text-align:center
}
.app-item.style-app-max .app-meta {
  margin-top:10px;
  justify-content:center
}
.app-item.style-app-max .app-platform {
  margin-top:5px;
  padding-top:5px;
  border-top:1px solid var(--muted-bg-a-color);
  text-align:center
}
.app-item .app-platform i+i {
  margin-left:8px
}
.posts-item.book-item {
  flex-direction:column;
  padding:0;
  background:transparent
}
.show-card .posts-item.book-item {
  box-shadow:0 0 0 0 var(--main-shadow)
}
.posts-item.book-item .item-title {
  font-size:14px;
  margin:0
}
.posts-item.book-item .item-header {
  margin:0
}
.posts-item.book-item .item-media {
  width:100%;
  height:0;
  padding-bottom:140%;
  border-radius:var(--main-radius);
  transition:box-shadow 0.3s,transform 0.4s ease
}
.book-item.style-book-h1 .item-media,
.book-item.style-book-h .item-media {
  padding-bottom:60%
}
.posts-item.book-item .item-body {
  padding:10px 0;
  transition:0.3s
}
.posts-item.book-item .item-media::after {
  content:'';
  position:absolute;
  display:block;
  background:radial-gradient(farthest-side at 100% 0%,rgba(255,255,255,.3),transparent) no-repeat 100% 100% / 45% 100%;
  right:0;
  top:0;
  bottom:0;
  width:200%;
  pointer-events:none;
  transform:translateX(-50%);
  opacity:0;
  clip-path:polygon(0 0,100% 0,75% 100%,0 100%);
  transition:transform 1s,opacity .5s
}
.posts-item.book-item:hover .item-media::after {
  transform:translateX(-10%);
  opacity:1
}
.book-item .item-media img {
  transition:filter 0.5s ease-in,transform 0.4s ease
}
.book-item:hover .item-media img {
  transform:scale(1.025)
}
.posts-item.book-item:hover {
  box-shadow:none
}
.posts-item.book-item:hover .item-media {
  box-shadow:0 25px 30px -10px var(--main-shadow)
}
.posts-item.book-item.style-book-v:hover .item-media,
.posts-item.book-item.style-book-h:hover .item-media {
  transform:translateY(-3px)
}
.book-item.style-book-h1 .item-body,
.book-item.style-book-v1 .item-body {
  position:absolute;
  pointer-events:none;
  color:#fff;
  left:0;
  right:0;
  bottom:0;
  padding:0 10px 10px
}
.book-item.style-book-h1 .item-body::before,
.book-item.style-book-v1 .item-body::before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:-30px;
  background:linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 100%);
  border-radius:0 0 var(--main-radius) var(--main-radius)
}
.book-item.style-book-v1 .item-body>*,
.book-item.style-book-h1 .item-body>* {
  position:relative
}
.book-item.style-book-h1 .item-body a,
.book-item.style-book-v1 .item-body a {
  pointer-events:auto;
  color:#fff
}
.book-item.style-book-h1 .item-body .text-muted,
.book-item.style-book-v1 .item-body .text-muted {
  color:#f5f5f5;
  opacity:0;
  transition:opacity 0.3s ease-in
}
.book-item.style-book-h1 .item-title,
.book-item.style-book-v1 .item-title {
  transform:translateY(21px);
  transition:transform 0.4s ease
}
.book-item.style-book-h1:hover .item-body .text-muted,
.book-item.style-book-v1:hover .item-body .text-muted {
  opacity:1
}
.book-item.style-book-h1:hover .item-title,
.book-item.style-book-v1:hover .item-title {
  transform:translateY(0)
}
.posts-item.style-book-h-card,
.posts-item.style-book-v-card {
  flex-direction:row;
  padding:0;
  background:transparent
}
.book-item.style-book-v-card .item-media {
  width:100px;
  padding-bottom:140%
}
.book-item.style-book-h-card .item-body,
.book-item.style-book-v-card .item-body {
  padding:0;
  margin-left:15px;
  overflow:hidden
}
.book-item.style-book-h-card .item-media {
  width:110px;
  padding-bottom:60%
}
.book-item.style-book-h-card .item-body {
  margin-left:10px
}
@media (min-width:768px) {
  .posts-item {
    margin:calc(0.5 * var(--home-card-padding))
  }
  .posts-item .item-media {
    width:160px
  }
  .posts-item .item-title {
    font-size:16px
  }
}
.sidebar-tools .card-body {
  padding:15px
}
.sidebar-tools .card-header {
  padding:12px 15px
}
.sidebar-tools .card-footer {
  margin:0 15px 15px
}
.sidebar-tools .card-header::before {
  left:15px;
  right:15px
}
.sidebar-tools .card-header::after {
  left:15px
}
.sidebar-tools .card:hover .card-header::after {
  width:calc(100% - 30px)
}
.module-sidebar-widget .module-header .iconfont,
.sidebar-header .card-header .iconfont {
  color:var(--theme-color);
  text-shadow:2px 2px 3px var(--focus-shadow-color)
}
.link-card {
  background:var(--main-bg-color);
  padding:10px;
  border-radius:var(--theme-border-radius-lg);
  transition:0.3s
}
.link-card .link-img {
  width:42px;
  height:42px;
  min-width:42px;
  margin-right:10px;
  background:var(--muted-bg-a-color)
}
.friend-link a {
  margin-right:12px;
  opacity:0.8;
  white-space:nowrap;
  line-height:1.8
}
.io-custom-editor {
  position:relative;
  border:1px solid var(--muted-bg-a-color) !important
}
.io-custom-editor::after {
  content:"内容";
  position:absolute;
  top:0;
  left:0;
  padding:3px 8px;
  font-size:12px;
  opacity:0.8
}
.box-head {
  position:relative;
  border-radius:var(--theme-border-radius)
}
.box-head-bg {
  position:relative;
  padding-top:30%;
  border-radius:var(--theme-border-radius);
  overflow:hidden;
  min-height:216px
}
.box-head-img {
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center
}
.box-head-content {
  position:absolute;
  inset:0;
  display:flex;
  color:#fff;
  padding:20px;
  align-items:flex-end
}
.btn-tab-group {
  position:relative;
  display:block;
  margin:0 -10px;
  padding:10px 0
}
.btn-tab {
  position:relative;
  padding:10px
}
.btn-tab.active {
  color:var(--theme-color)
}
.tab-header {
  padding:0 15px
}
.tab-posts:not(.active) {
  display:none
}
.io-modal-setting .form-group .form-group {
  margin-bottom:0
}
.io-modal-setting .form-group .form-group .option-name {
  display:none
}
.io-modal-setting .form-group .form-group+.form-group {
  margin-left:10px
}
.form-switch {
  position:relative;
  width:46px;
  height:26px;
  border-radius:100px;
  cursor:pointer;
  overflow:hidden;
  background:var(--muted-bg-color);
  transition:.3s
}
.form-switch::after {
  content:'';
  position:absolute;
  width:22px;
  height:22px;
  border-radius:100px;
  top:2px;
  left:2px;
  background:#fff;
  transition:.3s;
  box-shadow:0 1px 2px rgba(0,0,0,.2)
}
.form-switch:active::after {
  width:30px
}
input:checked~.form-switch:active::after {
  width:30px;
  left:14px
}
input:checked~.form-switch {
  background:#47ae3e
}
input:checked~.form-switch::after {
  left:22px
}
.form-radio {
  position:relative;
  font-size:12px;
  padding:5px 10px 5px 25px;
  border-radius:6px;
  white-space:nowrap;
  background:var(--muted-bg-a-color);
  cursor:pointer;
  transition:0.3s
}
.form-radio::after {
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  border-radius:100%;
  box-shadow:0 0 0 2px var(--muted-bg-a-color);
  top:50%;
  left:10px;
  transform:translateY(-50%);
  background:var(--input-bg-color);
  transition:0.3s
}
.form-radio.multiple::after {
  border-radius:2px
}
input:checked~.form-radio::after {
  background:var(--theme-color)
}
.form-radio:hover {
  background:var(--muted-bg-color)
}
.custom-avatar-radio {
  cursor:pointer;
  box-shadow:0 0 0 2px var(--muted-bg-a-color);
  transition:box-shadow 0.2s;
  background:var(--muted-bg-a-color)
}
input:checked~.custom-avatar-radio {
  box-shadow:0 0 0 4px var(--theme-color)
}
.user-cover-label {
  position:relative;
  overflow:hidden;
  border-radius:var(--theme-border-radius-md);
  min-height:70px;
  background:var(--muted-bg-a-color)
}
.user-img-picker {
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#fff;
  font-size:20px;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:100%;
  background:rgba(0,0,0,0.3);
  opacity:0;
  transition:0.3s
}
.user-cover-label .user-img-picker {
  border-radius:0
}
.user-cover-label:hover .user-img-picker,
.local-avatar-label:hover .user-img-picker {
  opacity:1
}
.ajax-load-page .placeholder-posts.null-uc {
  margin-bottom:20px;
  padding:0;
  background:transparent
}
.ajax-load-page .null-uc .--title {
  margin-bottom:5px
}
.label-group,
.screenshot-body {
  background:var(--muted-bg-a-color);
  padding:5px;
  border-radius:var(--theme-border-radius-sm)
}
.label-group {
  padding:1px
}
.screenshot-body .row-a {
  min-height:66px;
  max-height:200px;
  overflow-y:auto;
  align-items:flex-start
}
.screenshot-item {
  position:relative;
  cursor:pointer;
  border-radius:var(--theme-border-radius-xs);
  overflow:hidden
}
.screenshot-item-placeholder {
  background:var(--muted-bg-color);
  border-radius:var(--theme-border-radius-xs);
  border:1px dashed var(--muted-color);
  aspect-ratio:10 / 8
}
.screenshot-item-img {
  position:relative;
  width:100%;
  height:0;
  padding-top:80%;
  background:var(--muted-bg-a-color)
}
.screenshot-item-img img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.screenshot-item-delete {
  position:absolute;
  color:#fff;
  top:2px;
  right:2px;
  padding:2px;
  border-radius:2px;
  cursor:pointer;
  font-size:12px;
  line-height:1;
  background:rgba(255,35,0,0.6);
  opacity:0;
  transition:0.3s
}
.screenshot-item:hover .screenshot-item-delete {
  opacity:1
}
.screenshot-item .screenshot-item-delete:hover {
  background:rgba(255,35,0,1)
}
.modal-content.shadow {
  box-shadow:0 0 156px 50px var(--main-shadow),0 0 86px 20px var(--main-shadow),0 20px 26px -10px rgba(0,0,0,.2)
}
.contribute-sidebar .contr-title::before {
  content:'';
  display:inline-block;
  height:0.8em;
  width:3px;
  background:var(--theme-color);
  border-radius:2px;
  margin-right:5px;
  box-shadow:1px 1px 3px 0 var(--focus-shadow-color)
}
.form-group-app_size {
  max-width:100px
}
.form-group-app_date {
  flex:1 1 auto;
  min-width:140px
}
.meta-item-add {
  display:block;
  padding:4px 16px;
  line-height:1;
  font-size:12px
}
.meta-item-group .meta-item-body {
  margin:4px 0;
  overflow-y:auto;
  max-height:200px
}
.meta-data-box {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  border-radius:6px;
  background:var(--muted-bg-a-color);
  padding:5px;
  margin:5px 0
}
.meta-data-box .form-control {
  font-size:12px;
  line-height:1;
  padding:5px;
  height:auto
}
.meta-data-box .-line- {
  margin:0 2px;
  --this-width:10px;
  --this-color:var(--muted-color)
}
.meta-data-box .meta-btn {
  padding:4px;
  opacity:0.6;
  line-height:1;
  transition:0.3s
}
.meta-data-box .meta-btn.meta-item-sort {
  font-size:12px;
  margin-left:4px;
  cursor:move
}
.meta-data-box .meta-btn:hover {
  opacity:1
}
.meta-data-box .term-name {
  max-width:88px
}
@media screen and (min-width:768px) {
  .meta-data-box .meta-btn {
    padding:2px
  }
}
.msgs-list {
  padding:0;
  list-style:none
}
.msgs-list .msgs-content {
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius-sm)
}
.msgs-list .msgs-content p {
  margin:0
}
.drawer-header {
  position:relative;
  display:none;
  text-align:center
}
.drawer-header .drawer-close {
  position:absolute;
  left:5px;
  cursor:pointer;
  line-height:1;
  padding:10px
}
@media (max-width:767.98px) {
  .drawer-header {
    position:fixed;
    display:flex;
    align-items:center;
    justify-content:center;
    visibility:hidden;
    color:var(--muted-color);
    top:10px;
    left:10px;
    right:10px;
    background:var(--main-bg-color);
    height:calc(var(--main-nav-hight) - 20px);
    border-radius:var(--theme-border-radius);
    font-size:18px;
    z-index:1000;
    box-shadow:0 6px 20px -8px var(--main-shadow);
    opacity:0;
    transition:.3s
  }
  .show-tab-page .drawer-header {
    visibility:unset;
    opacity:1
  }
  .uc-content-body {
    position:fixed;
    top:0;
    right:0;
    left:0;
    height:100%;
    width:100%;
    visibility:hidden;
    background:var(--body-bg-color);
    padding:var(--main-nav-hight) 10px 20px;
    z-index:996;
    overflow-x:hidden;
    overflow-y:auto;
    transform:translateX(110%);
    -webkit-overflow-scrolling:touch;
    transition:.5s
  }
  .show-tab-page {
    overflow:hidden
  }
  .show-tab-page .uc-content-body {
    visibility:unset;
    transform:unset
  }
}
.btn.active {
  color:var(--this-hover-color);
  background:var(--this-bg)
}
.btn[class*="vc-l-"].active {
  color:var(--this-hover-color);
  background:var(--this-color)
}
.btn:focus,
.btn:hover {
  color:var(--this-hover-color);
  background:var(--this-hover-bg)
}
.btn:active {
  --this-shadow:inset 0 2px 3px rgba(0,0,0,.08)
}
.btn-shadow {
  --this-shadow:0px 12px 20px -8px var(--this-shadow-bg)
}
.btn-shadow:focus,
.btn-shadow:hover {
  --this-shadow:0px 2px 10px 0px transparent
}
.btn-shadow[class*="vc-l-"],
.btn-shadow.btn-outline {
  --this-shadow:0px 5px 20px -3px transparent
}
.btn-shadow[class*="vc-l-"]:focus,
.btn-shadow[class*="vc-l-"]:hover,
.btn-shadow.btn-outline:not(.badge):not(.tips-box):focus,
.btn-shadow.btn-outline:not(.badge):not(.tips-box):hover {
  --this-shadow:0px 2px 10px 0px var(--this-shadow-bg)
}
.btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):not(.tips-box):focus,
.btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):not(.tips-box):hover {
  color:var(--this-hover-color);
  background:var(--this-hover-bg);
  --this-shadow:0px 2px 10px 0px var(--this-shadow-bg)
}
.btn-outline {
  color:var(--this-bg);
  background:transparent;
  --this-border:var(--this-bg)
}
.btn-outline:not(.badge):not(.tips-box):focus,
.btn-outline:not(.badge):not(.tips-box):hover {
  color:var(--this-hover-color);
  background:var(--this-bg)
}
.btn-outline[class*="vc-l-"] {
  color:var(--this-color);
  background:var(--this-bg);
  --this-border:var(--this-color)
}
.btn-outline:not(.badge):not(.tips-box):focus[class*="vc-l-"],
.btn-outline:not(.badge):not(.tips-box):hover[class*="vc-l-"] {
  color:var(--this-color);
  background:var(--this-bg);
  --this-border:transparent
}
.btn-outline.c-white:hover {
  background:0 0;
  --this-color:var(--focus-color);
  color:var(--focus-color)
}
.btn-hover-dark:hover {
  color:#fff;
  background:#212326;
  --this-border:transparent
}
.btn.focus,
.btn:focus {
  outline:0;
  box-shadow:none
}
.btn-i-r i:not(.icon-spin) {
  padding-right:5px;
  margin-left:5px;
  transition:transform 0.3s
}
.btn-i-r:hover i {
  transform:translateX(8px)
}
.btn-i-l i:not(.icon-spin) {
  padding-left:5px;
  margin-right:5px;
  transition:transform 0.3s
}
.btn-i-l:hover i {
  transform:translateX(-8px)
}
.btn-price-a {
  position:relative;
  padding-left:20px;
  padding-right:20px
}
.btn-price-a .b-name {
  opacity:1;
  transition:opacity 0.3s
}
.btn-price-a .b-price {
  position:absolute;
  left:25px;
  opacity:0;
  transition:opacity 0.3s ease 0.1s,left 0.3s ease 0.1s
}
.btn-price-a:hover .b-name {
  opacity:0
}
.btn-price-a:hover .b-price {
  opacity:1;
  left:15px
}
.sidebar_no .sidebar:not(.col-12) {
  display:none !important
}
.sidebar_left .content-wrap {
  width:100%
}
.sidebar_right .content-wrap {
  width:100%
}
@media (min-width:992px) {
  .sidebar_left .content-wrap {
    float:right
  }
  .sidebar_left .content-layout {
    margin-left:calc(310px + 15px)
  }
  .sidebar_left .sidebar:not(.col-12) {
    float:left;
    margin-right:-310px;
    width:310px;
    position:unset
  }
  .sidebar_right .content-wrap {
    float:left
  }
  .sidebar_right .content-layout {
    margin-right:calc(310px + 15px)
  }
  .sidebar_right .sidebar:not(.col-12) {
    float:right;
    margin-left:-310px;
    width:310px;
    position:unset
  }
}
.footer-tabbar {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  z-index:98;
  transition:transform .3s ease-out 0.15s
}
.footer-tabbar .tabbar-bg {
  display:flex;
  justify-content:space-around;
  align-items:center;
  text-align:center;
  background:var(--main-bg-color)
}
.scroll-ing .scrolling-hide.footer-tabbar {
  transform:translateY(120%)
}
.footer-tabbar.tabbar-type-round {
  padding:0 10px;
  padding-bottom:calc(10px + constant(safe-area-inset-bottom));
  padding-bottom:calc(10px + env(safe-area-inset-bottom))
}
.tabbar-type-round .tabbar-bg {
  border-radius:var(--theme-border-radius-xxl);
  box-shadow:0 6px 20px var(--main-shadow)
}
.tabbar-type-box .tabbar-bg {
  padding-bottom:constant(safe-area-inset-bottom);
  padding-bottom:env(safe-area-inset-bottom)
}
.footer-tabbar .tabbar-item,
.footer-tabbar .tabbar-item>a {
  position:relative;
  display:flex;
  flex:1;
  font-size:12px;
  align-items:center;
  line-height:1;
  min-height:50px;
  min-width:50px;
  padding:2px 0;
  color:var(--main-color);
  flex-direction:column;
  justify-content:center;
  transition:transform .3s
}
.footer-tabbar text {
  font-size:10px
}
.tabbar-item>.badge {
  position:absolute;
  top:1px;
  border-radius:20px;
  padding:.2em .425em;
  transform:translateX(14px)
}
.tabbar-type-round .tabbar-item,
.tabbar-type-round .tabbar-item>a {
  min-height:62px
}
.hover-show.tabbar-item {
  position:unset
}
.footer-tabbar .sub-menu {
  left:10px;
  right:10px
}
.footer-tabbar.tabbar-type-round .sub-menu {
  left:0;
  right:0
}
.footer-tabbar .new-posts-btn .menu-item {
  min-width:80px
}
.footer-tabbar .sub-menu {
  bottom:62px
}
.tabbar-type-round .sub-menu {
  bottom:76px
}
.footer-tabbar .sub-menu .tips-icon {
  font-size:26px;
  width:53px;
  height:53px;
  line-height:53px
}
.footer-tabbar .icon-img {
  width:var(--this-size);
  height:var(--this-size)
}
.tabbar-item.tabbar-go-up>a {
  position:absolute;
  transition:opacity 0.6s
}
.tabbar-go-up .go-to-up {
  opacity:0;
  visibility:hidden
}
.tabbar-go-up .go-to-up.show {
  opacity:1;
  visibility:unset
}
.tabbar-go-up .go-to-up.show+a {
  opacity:0;
  visibility:hidden
}
.tabbar-go-up .go-to-up i {
  transform:scale(1.1);
  transition:0.4s ease
}
.tabbar-go-up .go-to-up.show i {
  transform:scale(1);
  transition:0.3s ease 0.3s
}
.tabbar-go-up .go-to-up+a i {
  transform:scale(1);
  transition:0.3s ease 0.3s
}
.tabbar-go-up .go-to-up.show+a i {
  transform:scale(1.1);
  transition:0.4s ease
}
.full-container.aside-show .container {
  max-width:var(--home-max-width)
}
@media screen and (max-width:767.98px) {
  .aside-body {
    transform:translateX(-150%);
    top:var(--main-nav-hight)!important;
    bottom:10px!important;
    bottom:calc(10px + constant(safe-area-inset-bottom))!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    transition:transform 0.3s ease-out
  }
  .aside-body.show {
    transform:translateX(0)
  }
  .full-container .header-banner {
    padding-left:0
  }
  .mobile-nav.show {
    transform:translateX(0)
  }
  .footer-tabbar-placeholder {
    height:calc(60px + constant(safe-area-inset-bottom));
    height:calc(60px + env(safe-area-inset-bottom))
  }
  .tabbar-type-round+.footer-tabbar-placeholder {
    height:calc(76px + constant(safe-area-inset-bottom));
    height:calc(76px + env(safe-area-inset-bottom))
  }
}
@media screen and (min-width:768px) {
  .footer-tabbar {
    display:none
  }
  .aside-min {
    --main-aside-width:60px
  }
  .aside-min .aside-body .aside-more,
  .aside-min .aside-body span {
    visibility:hidden;
    opacity:0;
    transition:opacity .3s ease-in
  }
  .aside-min .aside-body.hover-show {
    width:var(--main-aside-basis-width)
  }
  .aside-min .aside-body.hover-show .aside-more,
  .aside-min .aside-body.hover-show span {
    visibility:visible;
    opacity:1
  }
  .btn-show-side {
    display:none
  }
  .fixed-body.is-mobile {
    display:none
  }
  .aside-show .home-content>*,
  .aside-show .apd-body,
  .aside-show .ioui-main {
    margin-left:calc(15px + var(--main-aside-width))!important
  }
}
.footer-mini-img {
  width:90px;
  margin:0 10px;
  text-align:center;
  vertical-align:text-top;
  display:inline-block
}
.footer-mini-img img {
  width:100%
}
.header-big {
  position:relative
}
.header-big.css-img,
.header-big.css-bing {
  background-color:#1b1d1f;
  background-size:cover;
  background-position:center
}
.header-big .canvas-bg {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  border-width:0
}
.io-black-mode .header-big:not(.unchanged) .canvas-bg {
  opacity:0.6
}
.header-big .switch-container {
  position:relative;
  z-index:1
}
.big-search {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:800px;
  --big-search-height:300px;
  --big-mobile-height:200px;
  --this-height:var(--big-search-height);
  --font-color:#fff;
  --anchor-color:#fff;
  --form-color:#777;
  --form-bg:#fff;
  --text-shadow:0 0 15px #232528;
  min-height:var(--this-height);
  color:var(--font-color)
}
@media screen and (max-width:767.98px) {
  .big-search {
    --this-height:var(--big-mobile-height)
  }
}
.io-black-mode .big-search {
  --form-color:#999;
  --form-bg:#24272a
}
.big-search .search-box-big {
  width:100%
}
.search-list-menu {
  position:relative;
  text-align:center;
  white-space:nowrap
}
.search-list-menu .slider-li {
  display:inline-block;
  padding:10px 20px;
  cursor:pointer;
  opacity:0.8;
  transition:opacity 0.3s;
  text-shadow:var(--text-shadow)
}
.search-list-menu .slider-li:hover,
.search-list-menu .slider-li.active {
  opacity:1
}
.search-list-menu .anchor {
  background:var(--anchor-color);
  border-radius:100px;
  width:10px;
  height:4px;
  bottom:5px;
  -webkit-transition:.25s;
  transition:.25s
}
.search-form {
  position:relative
}
.search-form .search-key {
  color:var(--form-color);
  height:50px;
  border-width:0;
  border-radius:var(--theme-border-radius);
  padding:9px 20px;
  background-color:var(--form-bg) !important;
  box-shadow:none!important
}
.search-tools {
  position:absolute;
  display:flex;
  right:0;
  top:0;
  height:100%;
  padding:3px;
  align-items:center;
  flex-wrap:nowrap
}
.search-submit-btn {
  height:44px;
  width:44px;
  text-align:center;
  line-height:44px;
  padding:0;
  border-radius:var(--theme-border-radius-lg)
}
.search-group {
  position:relative;
  display:none
}
.search-group.active {
  display:block
}
.search-group {
  position:relative;
  list-style:none;
  padding:0;
  margin:0;
  text-align:center;
  white-space:nowrap;
  min-height:42px
}
.search-group li {
  position:relative;
  font-size:14px;
  color:var(--font-color);
  display:inline-block;
  padding:10px 16px;
  cursor:pointer;
  opacity:0.7;
  transition:opacity 0.3s;
  text-shadow:var(--text-shadow)
}
.search-group li:hover,
.search-group li.active {
  opacity:1
}
.search-group li a {
  color:var(--font-color)
}
.big-search .search-group {
  margin-left:20px;
  margin-right:20px
}
.big-search .search-group li::before {
  content:'';
  border-width:0 8px 0px 8px;
  border-style:solid;
  border-color:var(--form-bg) transparent transparent;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-8px;
  opacity:0;
  transition:border-width 0.1s ease-out
}
.big-search .search-group li.active::before {
  opacity:1;
  border-width:8px 8px 0px 8px
}
.search-group li.type-big-zhannei {
  display:none
}
.search-smart-tips {
  position:absolute;
  color:var(--main-color);
  left:20px;
  right:20px;
  font-size:14px;
  padding:10px;
  overflow:hidden;
  transform:translateY(0);
  z-index:20;
  border-radius:var(--theme-border-radius);
  box-shadow:0 8px 20px var(--main-shadow)
}
.search-smart-tips ul {
  padding:0;
  margin:0;
  list-style:none
}
.search-smart-tips li {
  padding:4px 10px;
  cursor:pointer;
  transition:0.3s;
  border-radius:var(--theme-border-radius-md)
}
.search-smart-tips li.current,
.search-smart-tips li:hover {
  background:var(--muted-bg-color)
}
.search-smart-meta {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:5px 10px;
  margin-top:10px;
  background:rgba(130,130,130,0.08);
  border-radius:var(--theme-border-radius-md)
}
.search-smart-meta span {
  font-size:12px;
  color:var(--muted-color)
}
.search-smart-meta .key {
  align-items:center;
  background:var(--muted-bg-color);
  border-radius:2px;
  display:flex;
  height:18px;
  justify-content:center;
  margin-right:.4em;
  padding-bottom:1px;
  width:20px
}
.header-big::before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0
}
.header-big.css-img::before,
.header-big.css-bing::before {
  background-attachment:fixed;
  background-image:radial-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%),radial-gradient(rgba(0,0,0,0) 33%,rgba(0,0,0,.3) 166%),linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0% 75%,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
  background-position-y:top;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:1;
  transition:opacity .3s linear
}
.io-black-mode .header-big:not(.unchanged):not(.no-bg)::before {
  background:rgba(0,0,0,.7)
}
.header-big.bg-gradual::after {
  content:"";
  position:absolute;
  left:0;
  height:380px;
  right:0;
  bottom:-1px;
  background-image:linear-gradient(to top,var(--body-bg-color) 0%,transparent 80%);
  pointer-events:none;
  transition:.3s
}
.header-big.css-color {
  background-size:400%;
  background-position:0% 100%;
  -webkit-animation:gradient 7.5s ease-in-out infinite;
  animation:gradient 7.5s ease-in-out infinite
}
@-webkit-keyframes gradient {
  50% {
    background-position:100% 0
  }
}
@keyframes gradient {
  50% {
    background-position:100% 0
  }
}
html:not(.io-black-mode) .header-big.no-bg .big-search {
  --font-color:var(--main-color);
  --anchor-color:var(--main-color);
  --form-color:#777;
  --form-bg:#fff;
  --text-shadow:none
}
.header-big.post-top {
  padding-bottom:100px;
  margin-bottom:-80px!important
}
.simple-search {
  position:relative;
  max-width:800px;
  --big-search-height:300px;
  --font-color:var(--main-color);
  --anchor-color:var(--main-color);
  --form-color:var(--main-color);
  --form-bg:var(--main-bg-color);
  --text-shadow:none;
  color:var(--font-color)
}
.simple-group-list {
  display:flex;
  flex-direction:row;
  align-items:center;
  padding-right:20px
}
.simple-search .dropdown .btn {
  font-size:14px;
  background:transparent;
  white-space:nowrap
}
.simple-search .search-group {
  min-height:auto
}
.simple-search .search-group li {
  padding:8px 10px;
  cursor:pointer;
  opacity:0.8;
  border-radius:8px 8px 0 0;
  transition:0.3s
}
.simple-search .search-group li:hover {
  opacity:1
}
.simple-search .search-group li.active {
  background:var(--form-bg)
}
.simple-search .search-smart-tips {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.i-badge {
  font-size:0.8em;
  line-height:1;
  padding:4px;
  border-radius:25%;
  --this-bg:rgba(var(--theme-color-rgb),0.1);
  --this-color:var(--theme-color);
  color:var(--this-color);
  background:var(--this-bg)
}
.uc-set-btn {
  position:relative;
  display:flex;
  align-items:center;
  padding:10px 6px;
  border-radius:var(--theme-border-radius-md);
  transform:0.3s
}
.uc-set-btn:hover {
  background:var(--muted-bg-a-color)
}
.search-modal {
  position:fixed;
  top:0;
  left:0;
  right:0;
  max-width:1024px;
  padding:0 10px;
  margin:0 auto;
  visibility:hidden;
  transform:translateY(10px);
  opacity:0;
  z-index:105;
  transition:all .5s
}
.search-modal .search-body {
  max-width:100%
}
.search-modal.show {
  visibility:unset;
  opacity:1;
  transform:translateY(80px)
}
.search-modal .search-card {
  position:relative;
  padding:15px;
  flex:1 1 auto;
  background:var(--main-bg-color);
  border-radius:var(--theme-border-radius);
  box-shadow:0 5px 15px 0 var(--main-shadow)
}
.search-modal .search-keywords-box {
  display:flex;
  flex-direction:column
}
@media screen and (min-width:768px) {
  .search-body-box {
    gap:1rem
  }
  .search-modal .search-gadget-box {
    width:350px;
    min-width:320px;
    max-width:360px
  }
}
.search-modal-close {
  position:absolute;
  display:block;
  top:0;
  right:10px;
  padding:10px;
  cursor:pointer;
  opacity:0.5;
  transition:0.3s
}
.search-modal-close:hover {
  opacity:1
}
.search-body {
  max-width:768px;
  margin:20px auto
}
.search-modal .search-body {
  margin-top:5px
}
.search-body .search-box {
  position:relative;
  display:flex;
  align-items:center;
  font-size:14px
}
.search-body .form-control {
  height:auto;
  padding:10px;
  padding-right:60px;
  border-radius:var(--theme-border-radius-lg);
  font-size:14px
}
.search .search-body .form-control {
  background:var(--main-bg-color)
}
.search-body .dropdown+.form-control {
  padding-left:90px
}
.search-keywords-box {
  font-size:14px
}
.search-keywords .s-key {
  font-size:12px;
  padding:6px 12px;
  margin:0 5px 5px 0;
  line-height:1;
  max-width:360px;
  overflow:hidden;
  text-overflow:ellipsis
}
.search-body .search-submit {
  position:absolute;
  right:3px;
  border-radius:var(--theme-border-radius-md)
}
.search-body .dropdown {
  position:absolute;
  left:4px;
  font-size:14px
}
.search-body .dropdown .btn {
  font-size:14px;
  border-radius:var(--theme-border-radius-md)
}
.dropdown>a>i {
  font-size:11px;
  transition:transform 0.2s;
  vertical-align:.1em
}
.dropdown.show>a>i {
  transform:rotate(45deg)
}
.dropdown-menu {
  background-color:var(--main-bg-color);
  border-width:0;
  border-radius:var(--theme-border-radius-md);
  box-shadow:0 0 15px 0 var(--main-shadow);
  padding:5px;
  min-width:6rem
}
.dropdown-item {
  padding:5px 10px;
  cursor:pointer;
  font-size:14px;
  color:var(--main-color);
  border-radius:var(--theme-border-radius-sm);
  transition:0.3s
}
.dropdown-item:hover {
  color:var(--main-color);
  background:var(--muted-bg-color)
}
.dropdown.hover .dropdown-menu {
  display:block;
  visibility:hidden;
  position:absolute;
  min-width:120px;
  background-color:var(--main-bg-color);
  padding:8px;
  border-radius:var(--main-radius);
  box-shadow:0 0 10px var(--main-shadow);
  opacity:0;
  transform:translateY(10px);
  transition:.4s
}
.dropdown.hover:hover .dropdown-menu {
  visibility:visible;
  opacity:1;
  transform:translateY(0)
}
.dropdown.hover:hover>a>i {
  transform:rotate(45deg)
}
.dropdown-item.active,
.dropdown-item:active {
  color:#fff;
  text-decoration:none;
  background-color:var(--theme-color)
}
@media screen and (max-width:767.98px) {
  .search-group li,
  .search-list-menu .slider-li {
    padding:10px
  }
}
.lazy {
  filter:blur(0);
  transition:filter 0.5s ease-in
}
img.lazy.loading {
  -webkit-filter:blur(1px);
  filter:blur(1px)
}
img.lazy.loaded:not(.loadafter) {
  -webkit-animation:lazy_blur 0.6s ease-in;
  animation:lazy_blur 0.6s ease-in
}
@-webkit-keyframes lazy_blur {
  0% {
    -webkit-filter:blur(5px);
    filter:blur(5px)
  }
  100% {
    -webkit-filter:blur(0);
    filter:blur(0)
  }
}
@keyframes lazy_blur {
  0% {
    -webkit-filter:blur(5px);
    filter:blur(5px)
  }
  100% {
    -webkit-filter:blur(0);
    filter:blur(0)
  }
}
.placeholder {
  --height:10px;
  --width:100%;
  height:var(--height);
  min-width:var(--width);
  border-radius:6px;
  background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
  -webkit-animation:placeholder-horizontal 1.5s ease infinite !important;
  animation:placeholder-horizontal 1.5s ease infinite !important;
  background-size:400% 100% !important
}
.iframe-video-aspect {
  position:relative;
  width:100%;
  padding-top:56.25%;
  border-radius:inherit;
  overflow:hidden
}
.iframe-video-aspect iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.multiple-select {
  position:relative
}
.multiple-dropdown {
  position:absolute;
  display:none;
  padding:5px;
  z-index:1;
  background-color:var(--input-bg-color);
  border:1px solid var(--muted-bg-color);
  border-radius:8px;
  width:100%;
  box-shadow:0 10px 25px rgba(0,0,0,.2)
}
.dropdown-list {
  max-height:256px;
  padding:0;
  margin:0;
  overflow-y:auto
}
.dropdown-list li {
  list-style-type:none;
  padding:5px 10px;
  cursor:pointer;
  border-radius:4px;
  margin:1px 0
}
.dropdown-list li:hover {
  background-color:var(--muted-bg-color)
}
.dropdown-list li.selected {
  background-color:var(--theme-color);
  color:white
}
.selected-input {
  position:relative;
  display:inline-block;
  font-size:14px;
  width:100%;
  padding:.375rem 1.725rem .375rem .75rem;
  cursor:pointer;
  min-height:calc(1.5em + .75rem + 2px);
  color:var(--muted-color3);
  background:var(--input-bg-color);
  border:1px solid transparent;
  border-radius:6px;
  box-shadow:0 0 0 .625rem transparent;
  transition:0.2s
}
.selected-input::after {
  content:"\e612";
  font-family:"iconfont";
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px
}
.selected-input.active {
  border-color:var(--muted-bg-color);
  box-shadow:0 0 0 .1rem var(--focus-shadow-color)
}
.selected-list {
  max-height:90px;
  overflow-y:auto;
  margin-left:-0.375rem;
  -ms-overflow-style:none;
  overflow:-moz-scrollbars-none;
  scrollbar-width:none;
  line-height:1
}
.selected-item {
  display:inline-block;
  font-size:0.9em;
  padding:3px 5px;
  margin:1px;
  border-radius:4px;
  background:var(--muted-bg-color);
  color:var(--main-color)
}
.auto-ad-url {
  position:relative;
  --this-shadow-bg:var(--main-shadow)
}
.page-template-template-mininav .search-container .auto-ad-url .card,
.home .search-container .auto-ad-url .card {
  max-width:1200px
}
.auto-ad-url .posts-row {
  --this-card-padding:6px;
  margin-bottom:2px
}
.auto-ad-url .auto-url-list {
  border-radius:var(--theme-border-radius-md);
  transition:box-shadow 0.3s
}
.auto-ad-url .auto-list .auto-url-list:hover {
  box-shadow:0 5px 20px -3px var(--this-shadow-bg)
}
.auto-list-null:not(.auto-placeholder) {
  opacity:.7
}
.auto-list-null .auto-ad-name {
  background:var(--muted-bg-a-color);
  height:11px;
  width:50%;
  margin:5px 0;
  border-radius:4px
}
.auto-list-null .auto-url-list {
  background:var(--muted-bg-a-color)
}
.auto-ad-url .auto-ad-img {
  width:21px;
  min-width:21px;
  height:21px;
  line-height:21px
}
.auto-ad-url .auto-ad-img img {
  width:100%;
  height:100%;
  vertical-align:unset
}
.auto-placeholder .auto-url-list {
  background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
  -webkit-animation:placeholder-horizontal 1.5s ease infinite !important;
  animation:placeholder-horizontal 1.5s ease infinite !important;
  background-size:400% 100% !important
}
.auto-placeholder .auto-ad-name {
  background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
  -webkit-animation:placeholder-horizontal 1.5s ease infinite !important;
  animation:placeholder-horizontal 1.5s ease infinite !important;
  background-size:400% 100% !important
}
.header-big .auto-ad-url .card {
  background:var(--main-blur-bg-color);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px)
}
.bg-l {
  background:var(--muted-bg-color-l)
}
.bg-w {
  background:var(--main-bg-color)
}
.bg-b {
  background:#1b1d1f
}
.br-xl {
  border-radius:var(--theme-border-radius)
}
.br-lg {
  border-radius:var(--theme-border-radius-lg)
}
.br-md {
  border-radius:var(--theme-border-radius-md)
}
.br-sm {
  border-radius:var(--theme-border-radius-sm)
}
.br-xs {
  border-radius:6px
}
.io-widget-ranking-list .range-nav {
  position:relative;
  line-height:1.2;
  padding:12px 15px
}
.io-widget-ranking-list .sidebar-header+.range-nav {
  position:absolute;
  top:0;
  right:0
}
.io-widget-ranking-list .range-nav a+a {
  margin-left:10px
}
.io-widget-ranking-list .range-nav a {
  position:relative;
  color:var(--muted-color)
}
.io-widget-ranking-list .range-nav a:hover {
  color:var(--main-color)
}
.io-widget-ranking-list .range-nav a.active {
  font-weight:bold;
  color:var(--theme-color)
}
.io-widget-ranking-list .range-nav a::after {
  content:"";
  position:absolute;
  bottom:-13px;
  left:50%;
  width:50%;
  height:3px;
  border-radius:3px;
  transform:translateX(-50%);
  box-shadow:0 1px 5px var(--theme-color);
  background:var(--theme-color);
  opacity:0
}
.io-widget-ranking-list .range-nav a.active::after {
  opacity:1
}
.io-widget-ranking-list .sidebar-header h3::before,
.io-widget-ranking-list .sidebar-header h3::after {
  content:"\e63d";
  font-family:"iconfont" !important;
  display:inline-block
}
.io-widget-ranking-list .sidebar-header h3::after {
  content:"\e63e"
}
.pay-qr.wechat .pay-logo {
  background-image:url(../../iopay/assets/img/wechat.svg)
}
.pay-qr.alipay .pay-logo {
  background-image:url(../../iopay/assets/img/alipay.svg)
}
.pay-qr .pay-logo {
  height:30px;
  width:30px;
  display:inline-block;
  max-width:100%;
  background-repeat:no-repeat;
  vertical-align:middle;
  background-size:contain;
  background-position:center
}
.pay-qr .pay-name {
  vertical-align:middle;
  margin-left:5px;
  display:none
}
.pay-qr.alipay .title-alipay {
  display:inline-block
}
.pay-qr.wechat .title-wechat {
  display:inline-block
}
.pay-qr .pay-body {
  color:#fff;
  background:#14a1ed;
  max-width:266px
}
.pay-qr.wechat .pay-body {
  background:#44ad25
}
.pay-qr .pay-qrcode {
  padding:10px;
  background:#fff;
  margin:10px;
  width:180px;
  border-radius:6px
}
.io-bomb,
.io-bomb-overlay {
  width:100%;
  height:100%;
  top:0;
  left:0
}
.io-bomb {
  position:fixed;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:center;
  justify-content:center;
  pointer-events:none
}
.io-bomb {
  z-index:1099
}
.io-bomb.tips-success i {
  color:#28a745
}
.io-bomb.tips-error i {
  color:#ffc107
}
.io-bomb-overlay {
  position:absolute;
  background:#000;
  opacity:0;
  -webkit-transition:opacity .3s;
  transition:opacity .3s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.io-bomb-open .io-bomb-overlay {
  opacity:0.7;
  pointer-events:auto
}
.io-bomb-body {
  position:relative;
  opacity:0;
  max-width:340px;
  width:100%
}
.io-bomb-footer {
  display:flex;
  justify-content:space-between;
  gap:10px
}
.io-bomb-open .io-bomb-body {
  pointer-events:auto
}
.io-bomb-xl .io-bomb-body {
  width:100%;
  max-width:790px
}
.io-bomb-lg .io-bomb-body {
  width:100%;
  max-width:790px
}
.io-bomb-md .io-bomb-body {
  max-width:340px;
  width:100%
}
.io-bomb-sm .io-bomb-body {
  max-width:300px;
  width:auto
}
.io-bomb-reward .io-bomb-body {
  max-width:280px
}
.io-bomb-content {
  position:relative;
  transition:.3s;
  overflow:hidden;
  background:var(--main-bg-color);
  border-radius:var(--theme-border-radius);
  box-shadow:0 10px 50px -5px var(--main-shadow)
}
.io-bomb-xl .io-bomb-content {
  padding:0;
  border:0
}
.io-bomb-lg .io-bomb-content {
  padding:0;
  border:0;
  border-radius:0
}
.io-bomb-sm .io-bomb-content {
  padding:2rem;
  padding:1.75rem 2.5rem
}
.io-bomb-nopd .io-bomb-content {
  padding:0;
  border:0
}
.io-popup-tips-content {
  overflow-y:auto;
  max-height:580px
}
@media (max-width:991.98px) {
  .io-bomb-xl .io-bomb-body {
    height:100%
  }
  .io-bomb-xl .io-bomb-body .io-bomb-content {
    box-shadow:none;
    border-radius:0;
    height:100%
  }
}
.io-bomb-content .text-success i {
  color:#28a745
}
.io-bomb-content .text-danger i {
  color:#ffc107
}
.io-bomb-content img {
  width:100%;
  height:auto
}
.btn-close-bomb i {
  cursor:pointer;
  font-size:1.75rem;
  color:#fff;
  transition:.3s
}
.btn-close-bomb i:hover {
  color:#F1404B
}
.io-bomb.io-bomb-open .io-bomb-body,
.io-bomb.io-bomb-close .io-bomb-body {
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards
}
.io-bomb.io-bomb-open .io-bomb-body {
  -webkit-animation-name:tips-open;
  animation-name:tips-open
}
.io-bomb.io-bomb-close .io-bomb-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)
  }
}
.io-wx-box {
  display:flex;
  justify-content:center;
  white-space:nowrap
}
.io-wx-box .io-wx-input {
  display:initial;
  width:136px!important;
  font-size:14px!important;
  margin:0!important
}
.text-ss {
  font-size:.6875rem !important
}
.text-xs {
  font-size:.75rem !important
}
.text-sm {
  font-size:.875rem !important
}
.text-md {
  font-size:1rem !important
}
.text-lg {
  font-size:1.125rem !important
}
.text-xl {
  font-size:1.375rem !important
}
.text-32 {
  font-size:2.25rem !important
}
.text-48 {
  font-size:3rem !important
}
.text-64 {
  font-size:4rem !important
}
.text-128 {
  font-size:8rem !important
}
.text-muted {
  color:var(--muted-color)
}
.text-muted a {
  color:var(--muted-color)
}
.text-muted a:hover {
  color:var(--muted-color2)
}
.bg-muted {
  background:var(--muted-bg-a-color)
}
.text-tc {
  color:var(--main-color)
}
.text-color {
  color:var(--this-bg)
}
.text-color[class^="vc-l-"] {
  color:var(--this-color)
}
@media (max-width:767.98px) {
  .text-lg {
    font-size:1rem !important
  }
  .text-xl {
    font-size:1.25rem !important
  }
}
.text-height-xs {
  line-height:1 !important
}
.text-height-sm {
  line-height:1.2 !important
}
.text-height-md {
  line-height:1.4 !important
}
.text-height-lg {
  line-height:1.6 !important
}
.text-height-xl {
  line-height:2 !important
}
.tooltip-inner {
  padding:.2rem .5rem;
  font-size:12px
}
.tooltip-inner img {
  margin:.3rem 0
}
.overflow-x-auto {
  -webkit-overflow-scrolling:touch;
  overflow-x:auto;
  overflow-y:unset;
  white-space:nowrap
}
.overflow-y-auto {
  -webkit-overflow-scrolling:touch;
  overflow-y:auto;
  overflow-x:unset
}
.row:not(.no-gutters) {
  margin-right:-10px;
  margin-left:-10px
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right:10px;
  padding-left:10px
}
.row-a,
.posts-row,
.content-card .row {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  --this-card-padding:var(--home-card-padding);
  margin:calc(-0.5 * var(--this-card-padding))
}
.row-sm {
  --this-card-padding:calc(0.5 * var(--home-card-padding))
}
.col-1a,
.col-2a,
.col-3a,
.col-4a,
.col-5a,
.col-6a,
.col-7a,
.col-8a,
.col-9a,
.col-10a,
.col-11a,
.col-12a,
.col-sm-1a,
.col-sm-2a,
.col-sm-3a,
.col-sm-4a,
.col-sm-5a,
.col-sm-6a,
.col-sm-7a,
.col-sm-8a,
.col-sm-9a,
.col-sm-10a,
.col-sm-11a,
.col-sm-12a,
.col-md-1a,
.col-md-2a,
.col-md-3a,
.col-md-4a,
.col-md-5a,
.col-md-6a,
.col-md-7a,
.col-md-8a,
.col-md-9a,
.col-md-10a,
.col-md-11a,
.col-md-12a,
.col-lg-1a,
.col-lg-2a,
.col-lg-3a,
.col-lg-4a,
.col-lg-5a,
.col-lg-6a,
.col-lg-7a,
.col-lg-8a,
.col-lg-9a,
.col-lg-10a,
.col-lg-11a,
.col-lg-12a,
.col-xl-1a,
.col-xl-2a,
.col-xl-3a,
.col-xl-4a,
.col-xl-5a,
.col-xl-6a,
.col-xl-7a,
.col-xl-8a,
.col-xl-9a,
.col-xl-10a,
.col-xl-11a,
.col-xl-12a,
.col-xxl-1a,
.col-xxl-2a,
.col-xxl-3a,
.col-xxl-4a,
.col-xxl-5a,
.col-xxl-6a,
.col-xxl-7a,
.col-xxl-8a,
.col-xxl-9a,
.col-xxl-10a,
.col-xxl-11a,
.col-xxl-12a {
  position:relative;
  width:100%;
  margin:calc(0.5 * var(--this-card-padding))
}
.col-1a-i {
  -webkit-box-flex:0!important;
  -ms-flex:0 0 calc(100% - var(--this-card-padding))!important;
  flex:0 0 calc(100% - var(--this-card-padding))!important;
  max-width:calc(100% - var(--this-card-padding))!important
}
.col-1a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(100% - var(--this-card-padding));
  flex:0 0 calc(100% - var(--this-card-padding));
  max-width:calc(100% - var(--this-card-padding))
}
.col-2a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(50% - var(--this-card-padding));
  flex:0 0 calc(50% - var(--this-card-padding));
  max-width:calc(50% - var(--this-card-padding))
}
.col-3a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
  flex:0 0 calc(33.333333% - var(--this-card-padding));
  max-width:calc(33.333333% - var(--this-card-padding))
}
.col-4a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(25% - var(--this-card-padding));
  flex:0 0 calc(25% - var(--this-card-padding));
  max-width:calc(25% - var(--this-card-padding))
}
.col-5a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(20% - var(--this-card-padding));
  flex:0 0 calc(20% - var(--this-card-padding));
  max-width:calc(20% - var(--this-card-padding))
}
.col-6a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
  flex:0 0 calc(16.666667% - var(--this-card-padding));
  max-width:calc(16.666667% - var(--this-card-padding))
}
.col-7a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
  flex:0 0 calc(14.285714% - var(--this-card-padding));
  max-width:calc(14.285714% - var(--this-card-padding))
}
.col-8a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
  flex:0 0 calc(12.5% - var(--this-card-padding));
  max-width:calc(12.5% - var(--this-card-padding))
}
.col-9a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
  flex:0 0 calc(11.111111% - var(--this-card-padding));
  max-width:calc(11.111111% - var(--this-card-padding))
}
.col-10a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(10% - var(--this-card-padding));
  flex:0 0 calc(10% - var(--this-card-padding));
  max-width:calc(10% - var(--this-card-padding))
}
.col-11a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
  flex:0 0 calc(9.090909% - var(--this-card-padding));
  max-width:calc(9.090909% - var(--this-card-padding))
}
.col-12a {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
  flex:0 0 calc(8.333333% - var(--this-card-padding));
  max-width:calc(8.333333% - var(--this-card-padding))
}
@media (min-width:576px) {
  .col-sm-1a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .col-sm-2a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .col-sm-3a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .col-sm-4a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .col-sm-5a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .col-sm-6a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .col-sm-7a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .col-sm-8a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .col-sm-9a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .col-sm-10a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
}
@media (min-width:768px) {
  .col-md-1a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .col-md-2a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .col-md-3a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .col-md-4a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .col-md-5a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .col-md-6a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .col-md-7a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .col-md-8a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .col-md-9a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .col-md-10a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
  .col-md-11a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
    flex:0 0 calc(9.090909% - var(--this-card-padding));
    max-width:calc(9.090909% - var(--this-card-padding))
  }
  .col-md-12a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
    flex:0 0 calc(8.333333% - var(--this-card-padding));
    max-width:calc(8.333333% - var(--this-card-padding))
  }
}
@media (min-width:992px) {
  .col-lg-1a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .col-lg-2a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .col-lg-3a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .col-lg-4a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .col-lg-5a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .col-lg-6a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .col-lg-7a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .col-lg-8a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .col-lg-9a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .col-lg-10a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
  .col-lg-11a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
    flex:0 0 calc(9.090909% - var(--this-card-padding));
    max-width:calc(9.090909% - var(--this-card-padding))
  }
  .col-lg-12a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
    flex:0 0 calc(8.333333% - var(--this-card-padding));
    max-width:calc(8.333333% - var(--this-card-padding))
  }
}
@media (min-width:1200px) {
  .col-xl-1a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .col-xl-2a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .col-xl-3a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .col-xl-4a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .col-xl-5a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .col-xl-6a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .col-xl-7a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .col-xl-8a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .col-xl-9a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .col-xl-10a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
  .col-xl-11a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
    flex:0 0 calc(9.090909% - var(--this-card-padding));
    max-width:calc(9.090909% - var(--this-card-padding))
  }
  .col-xl-12a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
    flex:0 0 calc(8.333333% - var(--this-card-padding));
    max-width:calc(8.333333% - var(--this-card-padding))
  }
}
@media (min-width:1400px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width:1320px
  }
  .d-xxl-block {
    display:block !important
  }
  .col-xxl-auto {
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto;
    max-width:100%
  }
  .col-xxl-1 {
    -ms-flex:0 0 8.333333%;
    flex:0 0 8.333333%;
    max-width:8.333333%
  }
  .col-xxl-2 {
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%
  }
  .col-xxl-3 {
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
  }
  .col-xxl-4 {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
  }
  .col-xxl-5 {
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%
  }
  .col-xxl-6 {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
  }
  .col-xxl-7 {
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%
  }
  .col-xxl-8 {
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
  }
  .col-xxl-9 {
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
  }
  .col-xxl-10 {
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%
  }
  .col-xxl-11 {
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%
  }
  .col-xxl-12 {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }
  .col-xxl-1a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .col-xxl-2a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .col-xxl-3a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .col-xxl-4a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .col-xxl-5a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .col-xxl-6a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .col-xxl-7a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .col-xxl-8a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .col-xxl-9a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .col-xxl-10a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
  .col-xxl-11a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
    flex:0 0 calc(9.090909% - var(--this-card-padding));
    max-width:calc(9.090909% - var(--this-card-padding))
  }
  .col-xxl-12a {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
    flex:0 0 calc(8.333333% - var(--this-card-padding));
    max-width:calc(8.333333% - var(--this-card-padding))
  }
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width:1500px
  }
}
.row-col-1a>*,
.row-col-2a>*,
.row-col-3a>*,
.row-col-4a>*,
.row-col-5a>*,
.row-col-6a>*,
.row-col-7a>*,
.row-col-8a>*,
.row-col-9a>*,
.row-col-10a>*,
.row-col-11a>*,
.row-col-12a>*,
.row-col-sm-1a>*,
.row-col-sm-2a>*,
.row-col-sm-3a>*,
.row-col-sm-4a>*,
.row-col-sm-5a>*,
.row-col-sm-6a>*,
.row-col-sm-7a>*,
.row-col-sm-8a>*,
.row-col-sm-9a>*,
.row-col-sm-10a>*,
.row-col-sm-11a>*,
.row-col-sm-12a>*,
.row-col-md-1a>*,
.row-col-md-2a>*,
.row-col-md-3a>*,
.row-col-md-4a>*,
.row-col-md-5a>*,
.row-col-md-6a>*,
.row-col-md-7a>*,
.row-col-md-8a>*,
.row-col-md-9a>*,
.row-col-md-10a>*,
.row-col-md-11a>*,
.row-col-md-12a>*,
.row-col-lg-1a>*,
.row-col-lg-2a>*,
.row-col-lg-3a>*,
.row-col-lg-4a>*,
.row-col-lg-5a>*,
.row-col-lg-6a>*,
.row-col-lg-7a>*,
.row-col-lg-8a>*,
.row-col-lg-9a>*,
.row-col-lg-10a>*,
.row-col-lg-11a>*,
.row-col-lg-12a>*,
.row-col-xl-1a>*,
.row-col-xl-2a>*,
.row-col-xl-3a>*,
.row-col-xl-4a>*,
.row-col-xl-5a>*,
.row-col-xl-6a>*,
.row-col-xl-7a>*,
.row-col-xl-8a>*,
.row-col-xl-9a>*,
.row-col-xl-10a>*,
.row-col-xl-11a>*,
.row-col-xl-12a>*,
.row-col-xxl-1a>*,
.row-col-xxl-2a>*,
.row-col-xxl-3a>*,
.row-col-xxl-4a>*,
.row-col-xxl-5a>*,
.row-col-xxl-6a>*,
.row-col-xxl-7a>*,
.row-col-xxl-8a>*,
.row-col-xxl-9a>*,
.row-col-xxl-10a>*,
.row-col-xxl-11a>*,
.row-col-xxl-12a>* {
  position:relative;
  width:100%;
  margin:calc(0.5 * var(--this-card-padding))
}
.row-col-1a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(100% - var(--this-card-padding));
  flex:0 0 calc(100% - var(--this-card-padding));
  max-width:calc(100% - var(--this-card-padding))
}
.row-col-2a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(50% - var(--this-card-padding));
  flex:0 0 calc(50% - var(--this-card-padding));
  max-width:calc(50% - var(--this-card-padding))
}
.row-col-3a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
  flex:0 0 calc(33.333333% - var(--this-card-padding));
  max-width:calc(33.333333% - var(--this-card-padding))
}
.row-col-4a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(25% - var(--this-card-padding));
  flex:0 0 calc(25% - var(--this-card-padding));
  max-width:calc(25% - var(--this-card-padding))
}
.row-col-5a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(20% - var(--this-card-padding));
  flex:0 0 calc(20% - var(--this-card-padding));
  max-width:calc(20% - var(--this-card-padding))
}
.row-col-6a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
  flex:0 0 calc(16.666667% - var(--this-card-padding));
  max-width:calc(16.666667% - var(--this-card-padding))
}
.row-col-7a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
  flex:0 0 calc(14.285714% - var(--this-card-padding));
  max-width:calc(14.285714% - var(--this-card-padding))
}
.row-col-8a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
  flex:0 0 calc(12.5% - var(--this-card-padding));
  max-width:calc(12.5% - var(--this-card-padding))
}
.row-col-9a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
  flex:0 0 calc(11.111111% - var(--this-card-padding));
  max-width:calc(11.111111% - var(--this-card-padding))
}
.row-col-10a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(10% - var(--this-card-padding));
  flex:0 0 calc(10% - var(--this-card-padding));
  max-width:calc(10% - var(--this-card-padding))
}
.row-col-11a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
  flex:0 0 calc(9.090909% - var(--this-card-padding));
  max-width:calc(9.090909% - var(--this-card-padding))
}
.row-col-12a>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
  flex:0 0 calc(8.333333% - var(--this-card-padding));
  max-width:calc(8.333333% - var(--this-card-padding))
}
@media (min-width:576px) {
  .row-col-sm-1a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .row-col-sm-2a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .row-col-sm-3a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .row-col-sm-4a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .row-col-sm-5a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .row-col-sm-6a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .row-col-sm-7a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .row-col-sm-8a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .row-col-sm-9a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .row-col-sm-10a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
}
@media (min-width:768px) {
  .row-col-md-1a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .row-col-md-2a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .row-col-md-3a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .row-col-md-4a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .row-col-md-5a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .row-col-md-6a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .row-col-md-7a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .row-col-md-8a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .row-col-md-9a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .row-col-md-10a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
  .row-col-md-11a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
    flex:0 0 calc(9.090909% - var(--this-card-padding));
    max-width:calc(9.090909% - var(--this-card-padding))
  }
  .row-col-md-12a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
    flex:0 0 calc(8.333333% - var(--this-card-padding));
    max-width:calc(8.333333% - var(--this-card-padding))
  }
}
@media (min-width:992px) {
  .row-col-lg-1a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .row-col-lg-2a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .row-col-lg-3a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .row-col-lg-4a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .row-col-lg-5a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .row-col-lg-6a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .row-col-lg-7a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .row-col-lg-8a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .row-col-lg-9a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .row-col-lg-10a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
  .row-col-lg-11a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
    flex:0 0 calc(9.090909% - var(--this-card-padding));
    max-width:calc(9.090909% - var(--this-card-padding))
  }
  .row-col-lg-12a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
    flex:0 0 calc(8.333333% - var(--this-card-padding));
    max-width:calc(8.333333% - var(--this-card-padding))
  }
}
@media (min-width:1200px) {
  .row-col-xl-1a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .row-col-xl-2a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .row-col-xl-3a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .row-col-xl-4a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .row-col-xl-5a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .row-col-xl-6a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .row-col-xl-7a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .row-col-xl-8a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .row-col-xl-9a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .row-col-xl-10a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
  .row-col-xl-11a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
    flex:0 0 calc(9.090909% - var(--this-card-padding));
    max-width:calc(9.090909% - var(--this-card-padding))
  }
  .row-col-xl-12a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
    flex:0 0 calc(8.333333% - var(--this-card-padding));
    max-width:calc(8.333333% - var(--this-card-padding))
  }
}
@media (min-width:1400px) {
  .row-col-xxl-auto>* {
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto;
    max-width:100%
  }
  .row-col-xxl-1>* {
    -ms-flex:0 0 8.333333%;
    flex:0 0 8.333333%;
    max-width:8.333333%
  }
  .row-col-xxl-2>* {
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%
  }
  .row-col-xxl-3>* {
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
  }
  .row-col-xxl-4>* {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
  }
  .row-col-xxl-5>* {
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%
  }
  .row-col-xxl-6>* {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
  }
  .row-col-xxl-7>* {
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%
  }
  .row-col-xxl-8>* {
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
  }
  .row-col-xxl-9>* {
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
  }
  .row-col-xxl-10>* {
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%
  }
  .row-col-xxl-11>* {
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%
  }
  .row-col-xxl-12>* {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }
  .row-col-xxl-1a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(100% - var(--this-card-padding));
    flex:0 0 calc(100% - var(--this-card-padding));
    max-width:calc(100% - var(--this-card-padding))
  }
  .row-col-xxl-2a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(50% - var(--this-card-padding));
    flex:0 0 calc(50% - var(--this-card-padding));
    max-width:calc(50% - var(--this-card-padding))
  }
  .row-col-xxl-3a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(33.333333% - var(--this-card-padding));
    flex:0 0 calc(33.333333% - var(--this-card-padding));
    max-width:calc(33.333333% - var(--this-card-padding))
  }
  .row-col-xxl-4a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(25% - var(--this-card-padding));
    flex:0 0 calc(25% - var(--this-card-padding));
    max-width:calc(25% - var(--this-card-padding))
  }
  .row-col-xxl-5a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(20% - var(--this-card-padding));
    flex:0 0 calc(20% - var(--this-card-padding));
    max-width:calc(20% - var(--this-card-padding))
  }
  .row-col-xxl-6a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(16.666667% - var(--this-card-padding));
    flex:0 0 calc(16.666667% - var(--this-card-padding));
    max-width:calc(16.666667% - var(--this-card-padding))
  }
  .row-col-xxl-7a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(14.285714% - var(--this-card-padding));
    flex:0 0 calc(14.285714% - var(--this-card-padding));
    max-width:calc(14.285714% - var(--this-card-padding))
  }
  .row-col-xxl-8a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(12.5% - var(--this-card-padding));
    flex:0 0 calc(12.5% - var(--this-card-padding));
    max-width:calc(12.5% - var(--this-card-padding))
  }
  .row-col-xxl-9a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(11.111111% - var(--this-card-padding));
    flex:0 0 calc(11.111111% - var(--this-card-padding));
    max-width:calc(11.111111% - var(--this-card-padding))
  }
  .row-col-xxl-10a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(10% - var(--this-card-padding));
    flex:0 0 calc(10% - var(--this-card-padding));
    max-width:calc(10% - var(--this-card-padding))
  }
  .row-col-xxl-11a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(9.090909% - var(--this-card-padding));
    flex:0 0 calc(9.090909% - var(--this-card-padding));
    max-width:calc(9.090909% - var(--this-card-padding))
  }
  .row-col-xxl-12a>* {
    -webkit-box-flex:0;
    -ms-flex:0 0 calc(8.333333% - var(--this-card-padding));
    flex:0 0 calc(8.333333% - var(--this-card-padding));
    max-width:calc(8.333333% - var(--this-card-padding))
  }
}
.size-50 {
  width:50px;
  height:50px
}
.size-70 {
  width:70px;
  height:70px
}
.btn-tab-h.active,
.vc-theme {
  --this-color:#f1f2f3;
  --this-hover-color:#ffffff;
  --this-bg:var(--theme-color);
  --this-hover-bg:var(--hover-color);
  --this-shadow-bg:var(--focus-shadow-color)
}
.vc-white {
  --this-color:#343638;
  --this-hover-color:#131416;
  --this-bg:#ffffff;
  --this-hover-bg:#eeeeee;
  --this-shadow-bg:rgba(0,0,0,0.7)
}
.vc-gray {
  --this-color:#dbe7f3;
  --this-hover-color:#ffffff;
  --this-bg:#717b85;
  --this-hover-bg:#656f79;
  --this-shadow-bg:rgba(74,82,91,0.7)
}
.vc-red {
  --this-color:#ffe7eb;
  --this-hover-color:#ffffff;
  --this-bg:#f1404b;
  --this-hover-bg:#e4415f;
  --this-shadow-bg:rgba(219,31,66,0.7)
}
.vc-yellow {
  --this-color:#fff6f0;
  --this-hover-color:#ffffff;
  --this-bg:#ff6f06;
  --this-hover-bg:#d2691e;
  --this-shadow-bg:rgba(211,103,27,0.7)
}
.vc-cyan {
  --this-color:#d9fffe;
  --this-hover-color:#ffffff;
  --this-bg:#08c4c1;
  --this-hover-bg:#0f9997;
  --this-shadow-bg:rgba(22,183,180,0.7)
}
.vc-blue {
  --this-color:#daeeff;
  --this-hover-color:#ffffff;
  --this-bg:#2997f7;
  --this-hover-bg:#237ece;
  --this-shadow-bg:rgba(26,121,203,0.7)
}
.vc-green {
  --this-color:#e0fbe4;
  --this-hover-color:#ffffff;
  --this-bg:#19aa2c;
  --this-hover-bg:#18a72b;
  --this-shadow-bg:rgba(19,136,34,0.7)
}
.vc-violet {
  --this-color:#dde4ff;
  --this-hover-color:#ffffff;
  --this-bg:#5c7cff;
  --this-hover-bg:#516bd4;
  --this-shadow-bg:rgba(79,104,203,0.7)
}
.vc-purple {
  --this-color:#e4ddff;
  --this-hover-color:#ffffff;
  --this-bg:#955cff;
  --this-hover-bg:#8151d4;
  --this-shadow-bg:rgba(118,79,203,0.7)
}
.vc-black {
  --this-color:#eee;
  --this-hover-color:#ffffff;
  --this-bg:#343a40;
  --this-hover-bg:#25272a;
  --this-shadow-bg:rgba(40,45,50,0.7)
}
.vc-l-theme {
  --this-color:var(--theme-color);
  --this-hover-color:#ffffff;
  --this-bg:rgba(var(--theme-color-rgb),0.1);
  --this-hover-bg:var(--theme-color);
  --this-shadow-bg:var(--focus-shadow-color)
}
.vc-l-white {
  --this-color:#eeeeee;
  --this-hover-color:#ffffff;
  --this-bg:rgba(255,255,255,0.1);
  --this-hover-bg:rgba(255,255,255,0.2);
  --this-shadow-bg:rgba(0,0,0,0.7)
}
.vc-l-gray {
  --this-color:#818b95;
  --this-hover-color:#111b25;
  --this-bg:rgba(129,139,149,0.1);
  --this-hover-bg:rgba(129,139,149,0.6);
  --this-shadow-bg:rgba(74,82,91,0.7)
}
.vc-l-red {
  --this-color:#f1404b;
  --this-hover-color:#ffffff;
  --this-bg:rgba(255,84,115,0.1);
  --this-hover-bg:#f1404b;
  --this-shadow-bg:rgba(207,56,84,0.7)
}
.vc-l-yellow {
  --this-color:#ff6f06;
  --this-hover-color:#ffffff;
  --this-bg:rgba(255,110,6,0.1);
  --this-hover-bg:#ff6f06;
  --this-shadow-bg:rgba(211,103,27,0.7)
}
.vc-l-cyan {
  --this-color:#08c4c1;
  --this-hover-color:#ffffff;
  --this-bg:rgba(8,196,193,0.1);
  --this-hover-bg:#08c4c1;
  --this-shadow-bg:rgba(22,183,180,0.7)
}
.vc-l-blue {
  --this-color:#2997f7;
  --this-hover-color:#ffffff;
  --this-bg:rgba(41,151,247,0.1);
  --this-hover-bg:#2997f7;
  --this-shadow-bg:rgba(26,121,203,0.7)
}
.vc-l-green {
  --this-color:#19aa2c;
  --this-hover-color:#ffffff;
  --this-bg:rgba(19,188,41,0.1);
  --this-hover-bg:#19aa2c;
  --this-shadow-bg:rgba(19,136,34,0.7)
}
.vc-l-violet {
  --this-color:#5c7cff;
  --this-hover-color:#ffffff;
  --this-bg:rgba(92,125,255,0.1);
  --this-hover-bg:#5c7cff;
  --this-shadow-bg:rgba(79,104,203,0.7)
}
.vc-l-purple {
  --this-color:#955cff;
  --this-hover-color:#ffffff;
  --this-bg:rgba(149,92,255,0.1);
  --this-hover-bg:#955cff;
  --this-shadow-bg:rgba(118,79,203,0.7)
}
.vc-j-theme {
  --this-color:#f1f2f3;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,var(--theme-color) 10%,var(--hover-color) 90%);
  --this-hover-bg:var(--hover-color);
  --this-shadow-bg:var(--focus-shadow-color)
}
.vc-j-draft,
.vc-j-trash,
.vc-j-gray {
  --this-color:#dbe7f3;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,#8995a1 10%,#717b85 80%);
  --this-hover-bg:#656f79;
  --this-shadow-bg:rgba(74,82,91,0.7)
}
.vc-j-red {
  --this-color:#ffe7eb;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,#f89250 10%,#f1404b 100%);
  --this-hover-bg:#e4415f;
  --this-shadow-bg:rgba(219,31,66,0.7)
}
.vc-j-pending,
.vc-j-yellow {
  --this-color:#fff6f0;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,#eca60e 10%,#ff6f06 100%);
  --this-hover-bg:#d2691e;
  --this-shadow-bg:rgba(211,103,27,0.7)
}
.vc-j-cyan {
  --this-color:#d9fffe;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,#16d676 10%,#08c4c1 60%);
  --this-hover-bg:#0f9997;
  --this-shadow-bg:rgba(22,183,180,0.7)
}
.vc-j-publish,
.vc-j-blue {
  --this-color:#daeeff;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,#29caf7 20%,#2997f7 100%);
  --this-hover-bg:#237ece;
  --this-shadow-bg:rgba(26,121,203,0.7)
}
.vc-j-green {
  --this-color:#e0fbe4;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,#82b922 10%,#19aa2c 70%);
  --this-hover-bg:#18a72b;
  --this-shadow-bg:rgba(19,136,34,0.7)
}
.vc-j-violet {
  --this-color:#dde4ff;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,#5cc1ff 20%,#5c7cff 100%);
  --this-hover-bg:#516bd4;
  --this-shadow-bg:rgba(79,104,203,0.7)
}
.vc-j-purple {
  --this-color:#e4ddff;
  --this-hover-color:#ffffff;
  --this-bg:linear-gradient(135deg,#ff5cfc 10%,#955cff 100%);
  --this-hover-bg:#8151d4;
  --this-shadow-bg:rgba(118,79,203,0.7)
}
.fx-yellow {
  --this-color:#ffdfc8;
  --this-bg-color:#aa4d0b;
  --this-bg:#ff6f06;
  --this-bg-image:radial-gradient(closest-side,rgb(255,177,88),rgba(245,163,131,0)),radial-gradient(closest-side,rgb(255,252,75),rgba(227,255,207,0)),radial-gradient(closest-side,rgb(255,35,0),rgba(254,131,164,0))
}
.fx-red {
  --this-color:#ffc4d1;
  --this-bg-color:#ad1a1a;
  --this-bg:#f1404b;
  --this-bg-image:radial-gradient(closest-side,rgb(255,82,25),rgba(245,131,177,0)),radial-gradient(closest-side,rgb(255,75,132),rgba(255,224,207,0)),radial-gradient(closest-side,rgb(255,70,164),rgba(254,131,164,0))
}
@media only screen and (min-device-width:768px) {
  ::-webkit-scrollbar-thumb {
    background-color:rgba(160,160,160,.6);
    -webkit-border-radius:4px;
    border-radius:4px
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color:rgba(160,160,160,.8)
  }
  ::-webkit-scrollbar {
    width:8px;
    height:8px
  }
  ::-webkit-scrollbar-corner {
    background:rgba(0,0,0,0);
    border-radius:0 0 8px 0
  }
  ::-webkit-scrollbar-button {
    background-color:rgba(0,0,0,0);
    height:2px;
    width:2px
  }
}
@media (max-width:767.98px) {
  .tab-auto-scrollbar::-webkit-scrollbar {
    display:none
  }
}