: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);
  --border-color: var(--muted-bg-a-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 .3s;
}
a {
  color:var(--main-color);
  text-decoration:none;
}
a[href] {
  transition:.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:.9em;
  padding:.1em 3px;
  margin:0;
  line-height:1;
  vertical-align:.05em;
}
.h3 {
  font-size:1.25rem;
}
svg {
  width:1em;
  height:1em;
  vertical-align:-0.15em;
  overflow:hidden;
}
.svg-img {
  opacity:.8;
}
.io-black-mode .svg-img {
  opacity:.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;
  }
}
.cursor-pointer {
  cursor:pointer;
}
.border-xs {
  border-radius:var(--theme-border-radius-xs);
}
.border-sm {
  border-radius:var(--theme-border-radius-sm);
}
.border-md {
  border-radius:var(--theme-border-radius-md);
}
.border-lg {
  border-radius:var(--theme-border-radius-lg);
}
.border-xl {
  border-radius:var(--theme-border-radius-xl);
}
.border-xxl {
  border-radius:var(--theme-border-radius-xxl);
}
.form-control {
  color:var(--main-color);
  background:var(--input-bg-color);
  border-color:rgba(0,0,0,0);
  border-radius:6px;
  box-shadow:0 0 0 .625rem rgba(0,0,0,0);
  transition:background-color .2s,border-color .3s,box-shadow .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:.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:var(--theme-border-radius-md);
  --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;
  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:var(--theme-border-radius-xs);
  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:.45em .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 .3s;
}
.card-color {
  color:var(--this-color);
  background:var(--this-bg);
  box-shadow:0 5px 20px var(--this-shadow-bg);
  --this-color: var(--main-color);
  --this-bg: var(--main-bg-color);
  --this-shadow-bg: var(--main-shadow);
}
.card-header {
  position:relative;
  border-bottom:0;
  background:rgba(0,0,0,0);
}
.card-header::before {
  content:"";
  position:absolute;
  bottom:0;
  height:1px;
  left:20px;
  right:20px;
  background:var(--muted-bg-a-color);
  transition:background-color .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:.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 .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 .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:rgba(0,0,0,0);
  border-radius:var(--theme-border-radius) var(--theme-border-radius) 0 0;
}
.modal-footer {
  border-top:0;
  background:rgba(0,0,0,0);
  border-radius:0 0 var(--theme-border-radius) var(--theme-border-radius);
}
.modal .close {
  color:var(--main-color);
  font-size:16px;
  opacity:.3;
  transition:.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 .5em;
  border-radius:50%;
  display:inline-block;
  vertical-align:middle;
  background:var(--muted-color);
  opacity:.3;
  vertical-align:.2em;
}
.footer-nav-links>li::before {
  position:absolute;
  margin:0 !important;
  left:-16px;
  top:.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:rgba(0,0,0,0);
  transition:.4s ease .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:.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:"";
}
.tabbar-item.active .icon-fenlei:before {
  content:"";
}
.tabbar-item.active .icon-creation:before {
  content:"";
}
.tabbar-item.active .icon-user:before {
  content:"";
}
.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:.3s;
}
.scroll .header-nav {
  box-shadow:0 5px 20px var(--main-shadow);
}
.navbar-logo,.header-weather,.navbar-header-menu,.header-tools,.header-nav .menu-btn {
  flex-shrink:0;
}
.navbar-header-menu .navbar-header,.header-tools {
  flex-wrap:nowrap;
}
.header-tools .sub-menu li {
  list-style:none;
}
.header-nav .navbar-header {
  list-style:none;
  padding:0;
  margin:0;
  font-size:.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:.3s;
}
.header-nav .navbar-header>li {
  transition:.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:.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:.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:.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:.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:0s;
  border-bottom-right-radius:2px;
}
.more-menu-list i:nth-child(2) {
  margin:4px 4px 0 0;
  animation-delay:1.3s;
  transition-delay:.1s;
  border-bottom-left-radius:2px;
}
.more-menu-list i:nth-child(3) {
  margin:0 0 4px 4px;
  animation-delay:1.6s;
  transition-delay:.2s;
  border-top-right-radius:2px;
}
.more-menu-list i:nth-child(4) {
  margin:0 4px 4px 0;
  animation-delay:1.9s;
  transition:margin .3s ease .3s,border-radius .3s ease .3s,box-shadow .3s ease .3s,transform .5s ease .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:rgba(0,0,0,0);
  transition:.3s ease .1s;
}
.nav-search-icon::after {
  width:4px;
  height:2px;
  transform:rotateZ(45deg);
  background:var(--main-color);
  top:13px;
  left:13px;
  border-radius:2px;
  transition:.2s ease .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:.2s;
}
.nav-search-icon[aria-expanded=true]::before {
  width:2px;
  height:2px;
  transition:.3s;
}
.nav-search-icon[aria-expanded=true]::after {
  width:20px;
  top:0px;
  left:0px;
  transition:.3s;
}
.nav-search-icon[aria-expanded=true] .search-bar {
  width:20px;
  transition:.3s ease .1s;
}
.header-tools {
  margin-left:auto;
  align-items:center;
}
.header-tools .hitokoto-text {
  max-width:min(var(--main-max-width)/2,50vw);
}
.navbar-header .menu-item .icon-arrow-b {
  color:var(--muted-color);
  margin-left:5px;
  font-size:11px;
  vertical-align:.1em;
  transition:transform .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,0.1) 25%,rgba(121,121,121,0.2) 37%,rgba(121,121,121,0.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:flex;
  font-size:17px;
  margin:2px;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
}
.header-icon-btn.nav-vip>a {
  position:relative;
  gap:4px;
  padding:4px 12px;
  color:#fff;
  background:linear-gradient(115deg,#4d3420 15%,#6f4263 37%,#2f2121 63%,#442424 93%);
  border-radius:50px;
  border:1px solid #6f4263;
  overflow:hidden;
  width:auto;
  height:auto;
}
.header-icon-btn.nav-vip>a::before {
  content:"";
  position:absolute;
  top:-110%;
  left:-100%;
  width:220%;
  height:200%;
  background:linear-gradient(344deg,#000 5%,transparent 40%);
  border-radius:100%;
  opacity:.2;
}
.header-icon-btn.nav-vip>a:hover {
  background:linear-gradient(115deg,#543012 15%,#7b2f67 37%,#421616 63%,#4e0f0f 93%);
}
@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:.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:.7;
  transition:transform .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;
}
.nav-lang .lang-flag {
  width:18px;
  height:13px;
  border-radius:2px;
  object-fit:cover;
  vertical-align:middle;
  box-shadow:0 0 0 1px rgba(0,0,0,.06);
}
.nav-lang .lang-switch-list {
  min-width:160px;
  padding:6px;
}
.nav-lang .lang-switch-list li {
  padding:0;
}
.nav-lang .lang-switch-item {
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 16px !important;
  white-space:nowrap;
  border-radius:var(--theme-border-radius-sm);
}
.nav-lang .lang-switch-item:hover {
  background:var(--muted-bg-a-color);
}
.nav-lang .lang-switch-item span {
  font-size:13px;
}
.nav-lang .lang-switch-item.is-current {
  color:var(--theme-color);
}
.nav-lang .lang-switch-list.is-loading {
  pointer-events:none;
}
.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:.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:hsla(0,0%,100%,.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,.avatar-xs {
  position:relative;
  display:inline-block;
  flex-shrink:0;
  --this-size: 38px;
  width:var(--this-size);
  height:var(--this-size);
  line-height:1;
}
.avatar-lg {
  --this-size: 80px;
}
.avatar-md {
  --this-size: 56px;
}
.avatar-sm {
  --this-size: 26px;
}
.avatar-xs {
  --this-size: 18px;
}
.size-xl {
  --this-size: 80px;
}
.size-lg {
  --this-size: 60px;
}
.size-md {
  --this-size: 46px;
}
.size-sm {
  --this-size: 26px;
}
.size-xs {
  --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-xs {
  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:hsla(0,0%,100%,.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:.5;
  line-height:1;
  transition:opacity .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:.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:.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:.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:.5;
}
.fx-header-bg::after {
  content:"";
  position:absolute;
  width:115%;
  height:40%;
  left:0;
  bottom:0;
  opacity:.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:.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:.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:.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,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:.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:-0.5rem;
  margin-right:-0.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,0.8) 0%,rgba(0,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(0.5,1.5,0.6,1);
  -o-transition:.5s cubic-bezier(0.5,1.5,0.6,1);
  transition:.5s cubic-bezier(0.5,1.5,0.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,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:hsla(0,0%,100%,.2);
  border:1px solid hsla(0,0%,100%,.2);
}
.swiper-widgets-card .media-title .btn-detailed:hover {
  color:#fff;
  background:hsla(0,0%,100%,.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 .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,.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:rgba(0,0,0,0);
  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,.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(.5*var(--home-card-padding));
}
.hotapi-x-overflow .card {
  box-shadow:none;
}
.hotapi-tab-btn {
  cursor:pointer;
  opacity:.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:rgba(0,0,0,0);
}
.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,0.1) 25%,rgba(121,121,121,0.2) 37%,rgba(121,121,121,0.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:rgba(0,0,0,0);
  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:rgba(0,0,0,0);
}
.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:rgba(0,0,0,0);
}
.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:rgba(0,0,0,0);
  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:rgba(0,0,0,0);
  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,0.1) 25%,rgba(121,121,121,0.2) 37%,rgba(121,121,121,0.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,0.1) 25%,rgba(121,121,121,0.2) 37%,rgba(121,121,121,0.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%;
  }
}
.io-skeleton {
  --sk-w: 48px;
  --sk-h: 12px;
  --sk-r: 3px;
  display:inline-block;
  width:var(--sk-w);
  height:var(--sk-h);
  border-radius:var(--sk-r);
  flex-shrink:0;
  vertical-align:middle;
  background:linear-gradient(90deg,rgba(120,120,120,0.12) 25%,rgba(120,120,120,0.22) 37%,rgba(120,120,120,0.12) 63%);
  background-size:400% 100%;
  animation:io-skeleton-shine 1.4s ease infinite;
}
.io-skeleton.is-rect {
  --sk-r: 3px;
}
.io-skeleton.is-round {
  --sk-r: 4px;
}
.io-skeleton.is-pill {
  --sk-r: 999px;
}
.io-skeleton.is-circle {
  --sk-r: 50%;
  width:var(--sk-w);
  height:var(--sk-w);
}
.io-skeleton-group,.io-skeleton-list {
  min-width:0;
}
.io-black-mode .io-skeleton {
  background:linear-gradient(90deg,rgba(255,255,255,0.06) 25%,rgba(255,255,255,0.14) 37%,rgba(255,255,255,0.06) 63%);
  background-size:400% 100%;
}
@keyframes io-skeleton-shine {
  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:0px;
  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 .2s ease,opacity .2s ease;
  z-index:99;
  font-size:.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 .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%);
}
@media(min-width: 768px) {
  .w-md-25 {
    width:25% !important;
  }
  .w-md-50 {
    width:50% !important;
  }
  .w-md-75 {
    width:75% !important;
  }
  .w-md-100 {
    width:100% !important;
  }
  .w-md-auto {
    width:auto !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;
}
.tpwthwidt .front_1E25Bfr {
  transform:translateY(10px);
  transition:.3s ease .1s !important;
}
.tpwthwidt:hover .front_1E25Bfr {
  visibility:visible;
  pointer-events:auto;
  opacity:1;
  transform:translateY(0);
}
.tpwthwidt .item_2iPbMiF {
  display:none !important;
}
.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;
}
@keyframes identifier {
  0% {
    transform:translateX(0px);
  }
  100% {
    transform:translateX(-100%);
  }
}
@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;
  }
}
.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;
}
.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;
}
.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 .3s;
}
.aside-card .icon-fw {
  font-size:1.2em;
  vertical-align:-0.1em;
}
.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:.3s;
}
.aside-card ul li .aside-more:hover {
  background:#eee;
}
.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:.3s;
}
.aside-btn:hover {
  background-color:var(--muted-blur-bg-color);
}
.aside-min .aside-btn {
  white-space:nowrap;
}
.fixed-body {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:#000;
  opacity:0;
  transition:opacity .4s,visibility .4s;
  visibility:hidden;
  z-index:10;
}
.show.fixed-body {
  opacity:.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:rgba(127,127,127,.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 .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:.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:.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 .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 .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-x:auto;
  overflow-y:hidden;
  border:0;
  color:#777;
  border-radius:var(--theme-border-radius-lg);
  padding:.875rem 1rem;
  margin:1.5rem 0;
  white-space:pre;
  word-wrap:normal;
  word-break:normal;
  tab-size:4;
  -moz-tab-size:4;
  line-height:1.55;
  background-color:rgba(0,0,0,.04);
  scrollbar-color:rgba(148,163,184,.55) rgba(0,0,0,0);
  scrollbar-width:thin;
}
pre code {
  background:rgba(0,0,0,0);
}
.external {
  padding-right:5px;
}
.external:after {
  content:"";
  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:.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:.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:.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 .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-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;
}
.min-width-0 {
  min-width:0;
}
.user-level-body {
  position:relative;
  border:1px solid rgba(136,136,136,.2);
}
.user-level-body .card-thumbnail img {
  width:100%;
  height:100%;
  overflow:hidden;
  object-fit:cover;
}
.user-level-body .multi-btn-group {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.user-level-body .multi-btn-item {
  min-width:300px;
  flex:auto;
}
.buy-btn-group {
  display:flex;
  gap:10px;
  flex-direction:column;
}
.price-group {
  line-height:1;
  margin:8px 0;
}
.price-group .pay-price {
  display:inline-flex;
  align-items:baseline;
}
.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 {
  list-style:none;
  margin:0;
  padding:0;
}
.comment-list .children {
  list-style:none;
  margin:0;
  padding:0;
}
.comment-list .children .children {
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid var(--muted-bg-a-color);
}
.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);
}
@media screen and (min-width: 768px) {
  .comment-list>.comment>.children {
    margin-left:46px;
  }
}
.new-comment {
  position:absolute;
  background:var(--theme-color);
  inset:-10px;
  opacity:.3;
  border-radius:var(--theme-border-radius-md);
}
.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:.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,.1);
  transition:unset;
}
.sliderContainer_success .sliderMask {
  background:rgba(0,153,255,.2);
}
.sliderContainer_fail .sliderMask {
  background:rgba(255,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,.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:"";
}
.sliderContainer_fail .sliderIcon:before {
  content:"";
}
.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,0.1) 25%,rgba(121,121,121,0.2) 37%,rgba(121,121,121,0.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;
  pointer-events:none;
}
.modal-header-simple>span::before,.modal-header-simple>span::after {
  content:" ";
  position:absolute;
  color:var(--this-color);
  background:var(--this-bg);
  border-radius:100%;
  pointer-events:none;
}
.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-simple::before,.modal-header-simple::after {
  content:" ";
  position:absolute;
  color:var(--this-color);
  background:var(--this-bg);
  border-radius:100%;
  pointer-events:none;
}
.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 .close {
  padding:.725rem;
  margin:-0.725rem -0.725rem -0.725rem auto;
}
.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;
}
.modal-lg {
  max-width:760px;
}
.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:rgba(0,0,0,0) !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,.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(0.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;
}
.auto-ad-pay-form .active .form-control {
  border-color:var(--muted-bg-color);
  box-shadow:0 0 0 .1rem var(--focus-shadow-color);
}
@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,.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:.3s;
}
.modal-tabs .tab-title.active {
  color:var(--theme-color);
  font-weight:bold;
}
.uploader-tab .webuploader-dnd-over .drag-tips {
  opacity:1;
  transition:.1s ease .15s;
}
.uploader-tab .drag-tips::before {
  content:"";
  position:absolute;
  inset:5px;
  background:rgba(0,0,0,0);
  border:2px dashed hsla(0,0%,100%,.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,.3);
  cursor:pointer;
  padding:5px;
  border-radius:50%;
  opacity:0;
  line-height:1;
  z-index:1;
  transition:.3s;
}
.attachment-lists .list-item:hover .delete-item {
  opacity:.6;
}
.attachment-lists .list-item .delete-item:hover {
  opacity:1;
  background:rgba(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,.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,.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:.3s;
}
.posts-cover-img:hover .cover-delete {
  opacity:.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,.05);
  transition:background-color .2s,border-color .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:.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:.2;
}
.io-black-mode .ranking-h-ico {
  opacity:.1;
}
.range-tab-btn {
  position:absolute;
  pointer-events:none;
  padding:2px 10px;
  background:linear-gradient(to bottom,#fff,#ffbda5);
  -webkit-background-clip:text;
  color:rgba(0,0,0,0);
  background-clip:text;
  transform:scale(0.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:.4;
  left:-100%;
}
.range-tab-btn.--r1 {
  pointer-events:auto;
  opacity:.4;
  right:-100%;
}
.range-tab-btn::after,.range-tab-btn::before {
  content:"";
  font-family:"iconfont";
  display:inline-block;
  background:linear-gradient(to bottom,#fff,#ffbda5);
  -webkit-background-clip:text;
  color:rgba(0,0,0,0);
  background-clip:text;
}
.range-tab-btn::after {
  content:"";
}
.range-tab-btn:hover {
  color:rgba(0,0,0,0);
}
.range-btn {
  padding:0 10px;
  transition:.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:.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,0.4) 5%,transparent 50%);
}
.taxonomy-head .taxonomy-head-img.bg-blur::after {
  background:#000;
  opacity:.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(.5*var(--home-card-padding));
  background-color:var(--main-bg-color);
  border-radius:var(--main-radius);
  padding:0;
  transition:box-shadow .3s,background-color .3s,transform .3s ease;
}
.posts-item.muted-bg {
  background:var(--muted-shadow);
}
.posts-item.no-padding {
  padding:0;
  background:rgba(0,0,0,0);
}
.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:rgba(0,0,0,0);
  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 .5s ease-in,transform .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 .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 .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:.5;
  transition:opacity .3s;
}
.sites-item:hover .togo {
  opacity:1;
}
.sites-item.style-sites-default .togo {
  position:absolute;
  right:5px;
  top:5px;
  opacity:0;
  transition:opacity .3s,transform .3s ease;
  transform:translateX(-4px) rotateZ(-15deg);
}
.sites-item.style-sites-default:hover .togo {
  opacity:.8;
  transform:translateX(0px) rotateZ(0deg);
}
.sites-item.style-sites-min .togo {
  position:absolute;
  right:5px;
  top:50%;
  opacity:0;
  transition:opacity .3s,transform .3s ease;
  transform:translate(-2px,-50%);
}
.sites-item.style-sites-min:hover .togo {
  opacity:.8;
  transform:translate(2px,-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 hsla(0,0%,100%,.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 .3s ease,background-color .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:.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:.8;
  transition:opacity .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:rgba(0,0,0,0);
  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:rgba(0,0,0,0);
  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 .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 .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:rgba(0,0,0,0);
}
.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 .3s,transform .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:.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,0.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 .5s ease-in,transform .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 .3s ease-in;
}
.book-item.style-book-h1 .item-title,.book-item.style-book-v1 .item-title {
  transform:translateY(21px);
  transition:transform .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:rgba(0,0,0,0);
}
.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(.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);
}
.module-sidebar-widget+.module-sidebar-widget {
  margin-top:20px;
}
.link-card {
  background:var(--main-bg-color);
  padding:10px;
  border-radius:var(--theme-border-radius-lg);
  transition:.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:.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:.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;
}
.tags-card {
  position:relative;
  cursor:pointer;
  overflow:hidden;
}
.tags-card .goto-icon {
  position:absolute;
  top:0;
  right:0;
  font-size:12px;
  opacity:.5;
  transition:opacity .3s,transform .4s,color .3s;
}
.tags-card .tags-count {
  line-height:1;
  transition:color .3s;
}
.tags-card .card-fx {
  position:absolute;
  bottom:0;
  right:0;
  font-size:56px;
  opacity:.1;
  line-height:1;
  background:rgba(0,0,0,0);
  border-radius:28%;
  transform:scale(1) translate(10px,10px);
  transition:opacity .3s,transform .3s,background .3s;
}
.tags-card .card-fx i {
  transition:transform .3s;
}
.tags-card .tags-link {
  position:absolute;
  inset:0;
}
.tags-card:hover .goto-icon {
  color:var(--theme-color);
  opacity:1;
  transform:rotateZ(45deg);
}
.tags-card:hover .tags-count {
  color:var(--theme-color);
}
.tags-card:hover .card-fx {
  color:#fff;
  background:var(--this-bg);
  opacity:1;
  transform:scale(1.1) translate(5px,5px);
}
.tags-card:hover .card-fx i {
  transform:scale(0.8);
}
.tags-header-card {
  position:relative;
  background:var(--this-bg);
  padding:15px;
  border-radius:var(--theme-border-radius);
  margin-bottom:20px;
  color:#fff;
  text-align:center;
  font-size:16px;
  font-weight:600;
  line-height:1;
  overflow:hidden;
}
.tags-header-card .bg-icon {
  position:absolute;
  top:0;
  right:0;
  font-size:164px;
  opacity:.1;
  line-height:1;
}
.tags-header-card::before {
  content:"";
  position:absolute;
  top:-120%;
  left:-100%;
  width:160%;
  height:200%;
  border-radius:50%;
  background:hsla(0,0%,100%,.6);
  opacity:.1;
}
.tags-box-card {
  position:relative;
  border-radius:var(--theme-border-radius);
  background:rgba(0,0,0,0);
  padding:15px;
  border:1px solid var(--muted-bg-a-color);
  transition:.3s;
}
.tags-box-card+.tags-box-card {
  margin-top:20px;
}
.tags-box-card:hover {
  background:var(--muted-bg-a-color);
}
.tags-box-card:hover .header .label {
  opacity:1;
}
.tags-box-card:hover .tags-title::after {
  transform:translate(0,-50%) scale(0.9);
  opacity:.7;
}
.tags-box-card:hover .tags-title::before {
  transform:translate(-4px,-70%) scale(0.8);
  opacity:1;
}
.tags-box-card .header {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.tags-box-card .header .title {
  font-size:16px;
  font-weight:600;
  margin:0;
}
.tags-box-card .header .label {
  font-size:12px;
  color:var(--muted-color);
  opacity:0;
  transition:.3s;
}
.tags-box-card .tags-title {
  position:relative;
  padding-left:16px;
  margin-bottom:0;
}
.tags-box-card .tags-title::after,.tags-box-card .tags-title::before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:12px;
  height:12px;
  background:var(--theme-color);
  border-radius:50%;
  transform:translate(0,-50%);
  transition:.3s;
}
.tags-box-card .tags-title::before {
  background:rgba(0,0,0,0);
  border:1px solid var(--theme-color);
  opacity:.5;
}
.tags-box-card .tags-title::after {
  transform:translate(0,-50%) scale(0.5);
}
.tags-box-card .tags-list {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:10px;
}
.tags-box-card .tags-item-link {
  display:flex;
  align-items:center;
  padding:4px 14px;
  border-radius:8px;
  text-align:center;
  border:1px solid var(--muted-bg-a-color);
  background:rgba(0,0,0,0);
  font-size:12px;
  transition:.3s;
}
.tags-box-card .tags-item-link i {
  color:var(--theme-color);
  opacity:.7;
}
.tags-box-card .tags-item-link .count {
  display:inline-block;
  font-size:10px;
  line-height:1;
  background:var(--muted-bg-color);
  color:var(--muted-color);
  padding:2px 4px;
  min-width:16px;
  text-align:center;
  border-radius:4px;
  margin-left:6px;
}
.tags-box-card .tags-item-link:hover {
  color:var(--theme-color);
  border-color:var(--theme-color);
}
.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 {
  background:#47ae3e;
}
input:checked~.form-switch:active::after {
  width:30px;
  left:14px;
}
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:.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:.3s;
}
.form-radio.multiple::after {
  border-radius:2px;
}
.form-radio:hover {
  background:var(--muted-bg-color);
}
input:checked~.form-radio::after {
  background:var(--theme-color);
}
.custom-avatar-radio {
  cursor:pointer;
  box-shadow:0 0 0 2px var(--muted-bg-a-color);
  transition:box-shadow .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-cover-label .user-img-picker {
  border-radius:0;
}
.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,.3);
  opacity:0;
  transition:.3s;
}
.avatar-lists .user-img-picker {
  display:none;
}
.avatar-lists input:checked~.user-img-picker {
  display:flex;
}
.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:rgba(0,0,0,0);
}
.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,.6);
  opacity:0;
  transition:.3s;
}
.screenshot-item:hover .screenshot-item-delete {
  opacity:1;
}
.screenshot-item .screenshot-item-delete:hover {
  background:#ff2300;
}
.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:.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:.6;
  line-height:1;
  transition:.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:rgba(0,0,0,0);
  --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 .3s;
}
.btn-i-r:hover i {
  transform:translateX(8px);
}
.btn-i-l i:not(.icon-spin) {
  padding-left:5px;
  margin-right:5px;
  transition:transform .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 .3s;
}
.btn-price-a .b-price {
  position:absolute;
  left:25px;
  opacity:0;
  transition:opacity .3s ease .1s,left .3s ease .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:325px;
  }
  .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:325px;
  }
  .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 .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 .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:.4s ease;
}
.tabbar-go-up .go-to-up.show i {
  transform:scale(1);
  transition:.3s ease .3s;
}
.tabbar-go-up .go-to-up+a i {
  transform:scale(1);
  transition:.3s ease .3s;
}
.tabbar-go-up .go-to-up.show+a i {
  transform:scale(1.1);
  transition:.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 .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.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,0.5) 100%),radial-gradient(rgba(0,0,0,0) 33%,rgba(0,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,0.4) 100%);
  background-position-y:top;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:1;
  transition:opacity .3s linear;
}
.header-big .canvas-bg {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  border-width:0;
}
.header-big .switch-container {
  position:relative;
  z-index:1;
}
.header-big::before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
.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;
}
.header-big.post-top {
  padding-bottom:100px;
  margin-bottom:-80px !important;
}
.io-black-mode .header-big:not(.unchanged) .canvas-bg {
  opacity:.6;
}
.io-black-mode .header-big:not(.unchanged):not(.no-bg)::before {
  background:rgba(0,0,0,.7);
}
@-webkit-keyframes gradient {
  50% {
    background-position:100% 0;
  }
}
@keyframes gradient {
  50% {
    background-position:100% 0;
  }
}
.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%;
}
.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) rgba(0,0,0,0) rgba(0,0,0,0);
  position:absolute;
  left:50%;
  top:0;
  margin-left:-8px;
  opacity:0;
  transition:border-width .1s ease-out;
}
.big-search .search-group li.active::before {
  opacity:1;
  border-width:8px 8px 0px 8px;
}
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;
}
.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:.8;
  transition:opacity .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;
  list-style:none;
  padding:0;
  margin:0;
  text-align:center;
  white-space:nowrap;
  min-height:42px;
  display:none;
}
.search-group.active {
  display:block;
}
.search-group li {
  position:relative;
  font-size:14px;
  color:var(--font-color);
  display:inline-block;
  padding:10px 16px;
  cursor:pointer;
  opacity:.7;
  transition:opacity .3s;
  text-shadow:var(--text-shadow);
}
.search-group li:hover,.search-group li.active {
  opacity:1;
}
.search-group li a {
  color:var(--font-color);
}
.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:.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-tips li.ms-auto-item {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:3px 6px;
  line-height:1.6;
}
.ms-auto-item .ms-auto-type {
  flex-shrink:0;
}
.ms-auto-item .ms-auto-title {
  flex:1 1 auto;
  min-width:0;
}
.ms-auto-item .ms-auto-title em {
  color:var(--theme-color);
  font-style:normal;
}
.ms-auto-item .ms-auto-desc {
  flex:0 0 100%;
}
.search-smart-meta {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:5px 10px;
  margin-top:10px;
  background:rgba(130,130,130,.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;
}
.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:rgba(0,0,0,0);
  white-space:nowrap;
}
.simple-search .search-group {
  min-height:auto;
}
.simple-search .search-group li {
  padding:8px 10px;
  cursor:pointer;
  opacity:.8;
  border-radius:8px 8px 0 0;
  transition:.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:.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);
  transition:.3s;
}
.uc-set-btn:hover {
  background:var(--muted-bg-a-color);
}
.uc-assets-menu {
  display:flex;
  gap:10px;
}
.uc-assets-menu .uc-assets-item {
  flex:1;
}
.uc-assets-menu .card .assets-icon {
  position:absolute;
  right:5px;
  bottom:5px;
  width:32px;
  height:32px;
}
.uc-assets-cards {
  display:flex;
  gap:20px;
}
.uc-assets-cards .card {
  flex:1;
}
.uc-assets-cards .card::before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  bottom:-30%;
  right:0;
  border-radius:var(--theme-border-radius);
  background-image:radial-gradient(ellipse 105% 65% at 92% 8%,#fff 0,transparent 52%);
  opacity:.2;
  pointer-events:none;
}
.uc-assets-cards .card .card-body {
  position:relative;
  padding-top:28px;
  padding-bottom:28px;
  overflow:hidden;
  border-radius:var(--theme-border-radius);
}
.uc-assets-cards .card .card-body::before {
  content:"";
  position:absolute;
  top:-105%;
  left:-100%;
  width:220%;
  height:200%;
  background:linear-gradient(344deg,#000 5%,transparent 40%);
  border-radius:100%;
  opacity:.05;
}
.uc-assets-cards .card .assets-actions {
  position:relative;
  display:flex;
  gap:8px;
}
.uc-assets-cards .card .assets-info {
  position:relative;
  padding-top:10px;
  line-height:1;
}
.uc-assets-cards .card .assets-info .assets-title {
  opacity:.8;
  margin-top:8px;
}
.uc-assets-cards .card .btn {
  color:var(--this-hover-bg);
  background:#fff;
}
.uc-assets-cards .card .btn.btn-outline {
  color:#fff;
  background:hsla(0,0%,100%,.1);
  border-color:#fff;
}
.uc-assets-cards .card .btn.btn-outline:hover {
  color:var(--this-hover-bg);
  background:#fff;
}
.assets-log-tabs {
  padding-bottom:1rem;
  border-bottom:1px solid var(--border-color);
}
.assets-log-tabs .nav-item {
  font-size:14px;
}
.assets-log-tabs .nav-item a {
  position:relative;
  padding:4px 6px;
}
.assets-log-tabs .nav-item a.active {
  color:var(--theme-color);
}
.assets-log-tabs .nav-item a.active::after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:50%;
  width:30%;
  height:4px;
  border-radius:3px;
  background:var(--theme-color);
  transform:translateX(-50%);
}
.order-list .order-item {
  margin:0;
  padding:10px 0;
  border-bottom:1px solid var(--border-color);
  background:rgba(0,0,0,0);
  border-radius:0;
}
.order-list .order-item .order-pay-title {
  font-size:14px;
}
.order-list .order-item:last-child {
  border-bottom:none;
}
.assets-pay-modal .io-hscroll-track {
  padding-top:10px;
}
.assets-pay-modal .io-hscroll-track .badge {
  position:absolute;
  font-size:10px;
  top:-8px;
  right:0;
}
.assets-pay-modal .get-ajax-custom-product-val:active,.assets-pay-modal .get-ajax-custom-product-val:focus {
  box-shadow:none;
}
.assets-pay-modal .get-ajax-custom-product-val:focus {
  border-color:var(--muted-bg-color);
}
.assets-pay-modal .balance-custom-item {
  position:relative;
}
.assets-pay-modal .balance-custom-item .badge {
  position:absolute;
  font-size:10px;
  top:-8px;
  left:0;
}
.checkin-modal .checkin-stats {
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius);
  padding:14px 8px;
}
.checkin-modal .checkin-days {
  gap:6px;
}
.checkin-modal .checkin-day {
  background:var(--muted-bg-a-color);
  border-radius:var(--theme-border-radius);
  padding:10px 2px 8px;
  transition:background .2s,color .2s,box-shadow .2s;
}
.checkin-modal .checkin-day .checkin-day-points {
  line-height:1.2;
  margin-bottom:6px;
}
.checkin-modal .checkin-day .checkin-day-dot {
  width:22px;
  height:22px;
  margin:0 auto 4px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--main-bg-color);
  color:var(--muted-color);
  font-size:12px;
}
.checkin-modal .checkin-day .checkin-day-label {
  color:var(--muted-color);
  white-space:nowrap;
}
.checkin-modal .checkin-day.is-done .checkin-day-dot {
  background:var(--theme-color,#f5a623);
  color:#fff;
}
.checkin-modal .checkin-day.is-done .checkin-day-points {
  color:var(--theme-color,#f5a623);
}
.checkin-modal .checkin-day.is-today {
  box-shadow:0 0 0 1px var(--theme-color,#f5a623);
  background:rgba(245,166,35,.08);
}
.checkin-modal .checkin-day.is-today .checkin-day-label {
  color:var(--theme-color,#f5a623);
  font-weight:600;
}
.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:.5;
  transition:.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 .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:.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 .5s ease-in;
}
img.lazy.loading {
  -webkit-filter:blur(1px);
  filter:blur(1px);
}
img.lazy.loaded:not(.loadafter) {
  -webkit-animation:lazy_blur .6s ease-in;
  animation:lazy_blur .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,0.1) 25%,rgba(121,121,121,0.2) 37%,rgba(121,121,121,0.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:#fff;
}
.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 rgba(0,0,0,0);
  border-radius:6px;
  box-shadow:0 0 0 .625rem rgba(0,0,0,0);
  transition:.2s;
}
.selected-input::after {
  content:"";
  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:.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 .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,0.1) 25%,rgba(121,121,121,0.2) 37%,rgba(121,121,121,0.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,0.1) 25%,rgba(121,121,121,0.2) 37%,rgba(121,121,121,0.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:"";
  font-family:"iconfont" !important;
  display:inline-block;
}
.io-widget-ranking-list .sidebar-header h3::after {
  content:"";
}
.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:.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;
}
.io-hscroll {
  position:relative;
  --io-hscroll-btn-size: 28px;
  --io-hscroll-btn-font-size: 14px;
}
.io-hscroll-track {
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:auto;
}
.io-hscroll-list {
  width:max-content;
  min-width:100%;
}
.io-hscroll-btn {
  position:absolute;
  top:50%;
  z-index:2;
  width:var(--io-hscroll-btn-size);
  height:var(--io-hscroll-btn-size);
  padding:0;
  border:1px solid var(--muted-bg-a-color,rgba(116,116,116,0.1));
  border-radius:50%;
  color:var(--muted-color2,#666);
  background:var(--muted-blur-bg-color,rgba(255,255,255,0.92));
  box-shadow:0 2px 8px var(--main-shadow,rgba(0,0,0,0.12));
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  opacity:1;
  visibility:visible;
  transform:translateY(-50%);
  transition:opacity .2s,visibility .2s,transform .2s,color .2s;
  -webkit-backdrop-filter:saturate(1.5) blur(8px);
  backdrop-filter:saturate(1.5) blur(8px);
}
.io-hscroll-btn:hover {
  color:var(--theme-color,#f1404b);
  transform:translateY(-50%) scale(1.06);
}
.io-hscroll-btn.is-hidden {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.io-hscroll-btn .iconfont {
  font-size:var(--io-hscroll-btn-font-size,14px);
  line-height:1;
}
.io-hscroll-prev {
  left:-10px;
  transform:translateY(-50%) translateX(0);
}
.io-hscroll-prev.is-hidden {
  transform:translateY(-50%) translateX(-100%);
}
.io-hscroll-next {
  right:-10px;
  transform:translateY(-50%) translateX(0);
}
.io-hscroll-next.is-hidden {
  transform:translateY(-50%) translateX(100%);
}
.io-hscroll.no-move-btn .io-hscroll-prev {
  left:-10px;
  transform:translateY(-50%) translateX(0) scale(1);
}
.io-hscroll.no-move-btn .io-hscroll-prev.is-hidden {
  transform:translateY(-50%) translateX(-3px) scale(0.6);
}
.io-hscroll.no-move-btn .io-hscroll-next {
  right:-10px;
  transform:translateY(-50%) translateX(0) scale(1);
}
.io-hscroll.no-move-btn .io-hscroll-next.is-hidden {
  transform:translateY(-50%) translateX(3px) scale(0.6);
}
@media(max-width: 767.98px) {
  .io-hscroll-btn {
    display:none !important;
  }
}
.io-world-clock {
  --wc-gap: 1.25rem;
  --wc-pad-y: 0.55rem;
  --wc-pad-x: 0.9rem;
  --wc-color: var(--muted-color2,#6c757d);
  --wc-time-color: var(--muted-color,#495057);
  --wc-bg: var(--muted-bg-a-color,rgba(116,116,116,0.06));
  --wc-radius: var(--theme-border-radius,12px);
  color:var(--wc-color);
  font-size:13px;
  line-height:1.2;
}
.io-world-clock .clock-item {
  display:flex;
  align-items:center;
  gap:.4rem;
  white-space:nowrap;
}
.io-world-clock .clock-meta {
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  min-width:0;
}
.io-world-clock .flags {
  display:inline-flex;
  align-items:center;
  gap:2px;
  line-height:1;
}
.io-world-clock .flag-img {
  display:block;
  width:16px;
  height:12px;
  object-fit:cover;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
  flex-shrink:0;
}
.io-world-clock .names {
  color:inherit;
  font-size:12px;
}
.io-world-clock .time {
  color:var(--wc-time-color);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
  letter-spacing:.02em;
  flex-shrink:0;
}
.io-world-clock.is-horizontal {
  background:var(--wc-bg);
  border-radius:var(--wc-radius);
}
.io-world-clock.is-horizontal .world-clock-scroll {
  --io-hscroll-btn-size: 24px;
  --io-hscroll-btn-font-size: 12px;
}
.io-world-clock.is-horizontal .io-hscroll-list {
  align-items:center;
  justify-content:space-between;
  gap:var(--wc-gap);
  min-width:100%;
  padding:var(--wc-pad-y) var(--wc-pad-x);
}
.io-world-clock.is-horizontal .clock-item {
  flex:0 0 auto;
}
.io-world-clock.is-vertical {
  padding:12px;
}
.io-world-clock.is-vertical .clock-list {
  display:flex;
  flex-direction:column;
  gap:.55rem;
}
.io-world-clock.is-vertical .clock-item {
  width:100%;
  justify-content:space-between;
  gap:.75rem;
}
.io-world-clock.is-vertical .clock-meta {
  flex:1 1 auto;
  overflow:hidden;
}
.io-world-clock.is-vertical .names {
  overflow:hidden;
  text-overflow:ellipsis;
}
.io-world-clock.is-vertical .time {
  margin-left:auto;
}
.card-body>.io-world-clock.is-vertical,.io-widget-world-clock .io-world-clock.is-vertical {
  background:rgba(0,0,0,0);
}
.io-black-mode .io-world-clock {
  --wc-color: rgba(255,255,255,0.55);
  --wc-time-color: rgba(255,255,255,0.75);
}
.io-black-mode .io-world-clock .flag-img {
  box-shadow:0 0 0 1px hsla(0,0%,100%,.12);
}
@media(max-width: 767.98px) {
  .io-world-clock {
    --wc-gap: 1rem;
    --wc-pad-y: 0.45rem;
    --wc-pad-x: 0.7rem;
    font-size:12px;
  }
  .io-world-clock .flag-img {
    width:16px;
    height:11px;
  }
}
.io-currency-rate {
  --cr-gap: 1.25rem;
  --cr-pad-y: 0.55rem;
  --cr-pad-x: 0.9rem;
  --cr-color: var(--muted-color2,#6c757d);
  --cr-value-color: var(--muted-color,#495057);
  --cr-bg: var(--muted-bg-a-color,rgba(116,116,116,0.06));
  --cr-radius: var(--theme-border-radius,12px);
  color:var(--cr-color);
  font-size:13px;
  line-height:1.2;
}
.io-currency-rate .rate-item {
  display:flex;
  align-items:center;
  gap:.4rem;
  white-space:nowrap;
}
.io-currency-rate .rate-meta {
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  min-width:0;
}
.io-currency-rate .flags {
  display:inline-flex;
  align-items:center;
  gap:2px;
  line-height:1;
}
.io-currency-rate .flag-img {
  display:block;
  width:16px;
  height:12px;
  object-fit:cover;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
  flex-shrink:0;
}
.io-currency-rate .names {
  color:inherit;
  font-size:12px;
}
.io-currency-rate .rate-value {
  color:var(--cr-value-color);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
  letter-spacing:.02em;
  flex-shrink:0;
  font-weight:500;
}
.io-currency-rate .rate-foot {
  margin-top:.35rem;
  padding:0 .9rem .55rem;
  gap:.5rem;
  opacity:.85;
}
.io-currency-rate .rate-foot-hint {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.io-currency-rate .rate-item[data-code] {
  cursor:pointer;
}
.io-currency-rate .rate-tools {
  flex:0 0 auto;
  margin-left:auto;
}
.io-currency-rate .rate-convert-open {
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  height:24px;
  padding:0 .55rem;
  color:inherit;
  font-size:12px;
  line-height:1;
  background:var(--muted-bg-a-color,rgba(116,116,116,0.1));
  border:none;
  border-radius:999px;
  cursor:pointer;
  transition:color .15s,background .15s;
}
.io-currency-rate .rate-convert-open .iconfont {
  font-size:13px;
  line-height:1;
}
.io-currency-rate .rate-convert-open:hover {
  color:var(--theme-color,#f1404b);
  background:var(--theme-color-bg,rgba(241,64,75,0.1));
}
.io-currency-rate.is-horizontal {
  background:var(--cr-bg);
  border-radius:var(--cr-radius);
}
.io-currency-rate.is-horizontal .currency-rate-scroll {
  --io-hscroll-btn-size: 24px;
  --io-hscroll-btn-font-size: 12px;
}
.io-currency-rate.is-horizontal .io-hscroll-list {
  align-items:center;
  justify-content:space-between;
  gap:var(--cr-gap);
  min-width:100%;
  padding:var(--cr-pad-y) var(--cr-pad-x);
}
.io-currency-rate.is-horizontal .rate-item {
  flex:0 0 auto;
}
.io-currency-rate.is-vertical {
  padding:12px;
}
.io-currency-rate.is-vertical .rate-list {
  display:flex;
  flex-direction:column;
  gap:.55rem;
}
.io-currency-rate.is-vertical .rate-item {
  width:100%;
  justify-content:space-between;
  gap:.75rem;
}
.io-currency-rate.is-vertical .rate-meta {
  flex:1 1 auto;
  overflow:hidden;
}
.io-currency-rate.is-vertical .names {
  overflow:hidden;
  text-overflow:ellipsis;
}
.io-currency-rate.is-vertical .rate-value,.io-currency-rate.is-vertical .sk-value {
  margin-left:auto;
}
.io-currency-rate.is-vertical .rate-foot {
  padding:.45rem 0 0;
}
.card-body>.io-currency-rate.is-vertical,.io-widget-currency-rate .io-currency-rate.is-vertical {
  background:rgba(0,0,0,0);
}
.io-black-mode .io-currency-rate {
  --cr-color: rgba(255,255,255,0.55);
  --cr-value-color: rgba(255,255,255,0.75);
}
.io-black-mode .io-currency-rate .flag-img {
  box-shadow:0 0 0 1px hsla(0,0%,100%,.12);
}
.io-currency-convert-modal .io-close {
  cursor:pointer;
  font-size:18px;
  line-height:1;
  opacity:.55;
}
.io-currency-convert-modal .io-close:hover {
  opacity:1;
  color:var(--theme-color,#f1404b);
}
.io-currency-convert-modal .rate-convert {
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
.io-currency-convert-modal .convert-label {
  display:block;
  margin-bottom:.3rem;
  color:var(--muted-color2,#6c757d);
  font-size:12px;
}
.io-currency-convert-modal .convert-amount,.io-currency-convert-modal .convert-from,.io-currency-convert-modal .convert-to {
  height:40px;
  padding:.35rem .7rem;
  font-size:14px;
  color:inherit;
  background:var(--muted-bg-a-color,rgba(116,116,116,0.08));
  border:1px solid rgba(0,0,0,0);
  border-radius:8px;
}
.io-currency-convert-modal .convert-amount:focus,.io-currency-convert-modal .convert-from:focus,.io-currency-convert-modal .convert-to:focus {
  border-color:rgba(var(--theme-color-rgb,241,64,75),0.35);
  outline:none;
  box-shadow:0 0 0 3px rgba(var(--theme-color-rgb,241,64,75),0.12);
}
.io-currency-convert-modal .convert-amount {
  font-size:18px;
  font-variant-numeric:tabular-nums;
  font-weight:600;
}
.io-currency-convert-modal .convert-pair {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:.5rem;
  align-items:end;
}
.io-currency-convert-modal .convert-field {
  position:relative;
  min-width:0;
}
.io-currency-convert-modal .convert-field .convert-label {
  position:absolute;
  width:25px;
  text-align:center;
  left:10px;
  top:50%;
  transform:translateY(-50%);
}
.io-currency-convert-modal .convert-field .form-control {
  padding-left:35px;
}
.io-currency-convert-modal .convert-swap {
  width:36px;
  height:36px;
  margin-bottom:2px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:inherit;
  background:var(--muted-bg-a-color,rgba(116,116,116,0.08));
  border:none;
  border-radius:50%;
  cursor:pointer;
  transition:transform .2s,color .2s;
}
.io-currency-convert-modal .convert-swap:hover {
  color:var(--theme-color,#f1404b);
  transform:rotate(180deg);
}
.io-currency-convert-modal .convert-swap .iconfont {
  font-size:15px;
  line-height:1;
}
.io-currency-convert-modal .convert-result {
  margin-top:.15rem;
  padding:.75rem .85rem;
  color:var(--muted-color,#495057);
  background:var(--muted-bg-a-color,rgba(116,116,116,0.06));
  border-radius:8px;
  font-variant-numeric:tabular-nums;
  line-height:1.4;
}
.io-currency-convert-modal .convert-eq {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:.5rem;
  align-items:center;
  font-size:15px;
}
.io-currency-convert-modal .convert-eq b {
  font-weight:700;
}
.io-currency-convert-modal .convert-eq-to {
  color:var(--theme-color,#f1404b);
  font-size:17px;
  font-weight:600;
}
.io-currency-convert-modal .convert-eq-sep {
  opacity:.45;
}
@media(max-width: 767.98px) {
  .io-currency-rate {
    --cr-gap: 1rem;
    --cr-pad-y: 0.45rem;
    --cr-pad-x: 0.7rem;
    font-size:12px;
  }
  .io-currency-rate .flag-img {
    width:16px;
    height:11px;
  }
  .io-currency-convert-modal .convert-pair {
    grid-template-columns:1fr;
    gap:.65rem;
  }
  .io-currency-convert-modal .convert-pair .convert-swap {
    margin:0 auto;
  }
}
.vip-pay-modal .vip-pay-header {
  position:relative;
}
.vip-pay-modal .vip-header-badge {
  width:18px;
  height:18px;
  object-fit:contain;
  font-size:18px;
  line-height:1;
  vertical-align:-3px;
  cursor:default;
}
.vip-pay-modal .vip-pay-body {
  display:flex;
  align-items:stretch;
}
.vip-pay-modal .vip-pay-body .vpb-left {
  min-width:260px;
}
.vip-pay-modal .vip-pay-body .vpb-right {
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
}
.vip-level-tabs {
  gap:8px;
}
.vip-level-tabs .vip-level-tab {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:100px;
  margin:0;
  padding:10px 12px;
  color:var(--this-color);
  border-radius:var(--theme-border-radius-md,10px);
  background:var(--this-bg);
  border-color:rgba(245,166,35,.35);
  overflow:hidden;
}
.vip-level-tabs .vip-level-tab.active {
  border-color:var(--this-badge,var(--theme-color));
  box-shadow:0 0 0 2px var(--this-badge,var(--theme-color));
}
.vip-level-tabs .vip-level-tab[disabled] {
  opacity:.45;
  pointer-events:none;
  cursor:not-allowed;
}
.vip-level-tabs .vip-level-tab::before {
  content:"";
  position:absolute;
  top:-100%;
  left:-100%;
  width:220%;
  height:200%;
  background:linear-gradient(344deg,#000 5%,transparent 40%);
  border-radius:100%;
  opacity:.2;
}
.vip-level-tab-icon {
  width:28px;
  height:28px;
  object-fit:contain;
  margin-right:8px;
  flex-shrink:0;
}
.vip-level-tab-ico {
  font-size:22px;
  margin-right:8px;
  color:var(--this-badge,#f5a623);
}
.vip-equity-panel {
  min-height:220px;
}
.vip-equity-icon {
  width:64px;
  height:64px;
  object-fit:contain;
}
.vip-level-tab-check {
  position:absolute;
  top:4px;
  right:6px;
  font-size:14px;
  color:#fff;
}
.vip-equity-fallback {
  width:64px;
  height:64px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(245,166,35,.15);
  color:var(--this-badge,#f5a623);
  font-size:28px;
}
.vip-equity-watermark {
  position:absolute;
  right:-20px;
  bottom:-20px;
  width:80px !important;
  height:80px !important;
  opacity:.1;
  pointer-events:none;
  object-fit:contain;
  max-width:none;
  max-height:none;
}
.vip-equity-list li {
  color:var(--this-badge,#f5a623);
}
.vip-pkg-item {
  flex:0 0 auto;
  min-width:148px;
  margin:0 !important;
  padding:12px !important;
  text-align:left !important;
}
.vip-pkg-item.active {
  border-color:var(--theme-color);
}
.vip-pkg-item+.vip-pkg-item {
  margin-left:0 !important;
}
.vip-pkg-scroll {
  margin:0 -2px;
}
.vip-pkg-scroll .io-hscroll-track {
  padding:10px 2px 2px;
}
.vip-pkg-scroll .io-hscroll-list {
  gap:8px;
}
.vip-pkg-scroll .io-hscroll-btn {
  top:calc(50% + 4px);
}
.vip-pkg-tag {
  position:absolute;
  top:-8px;
  right:8px;
  font-size:10px;
  z-index:1;
}
.vip-pay-more>div,.vip-pay-more li {
  margin-bottom:4px;
}
.vip-pay-more ul {
  padding-left:1.1rem;
  margin-bottom:0;
}
.vip-current-card {
  background-image:radial-gradient(ellipse 85% 165% at 12% 8%,rgba(var(--theme-color-rgb),0.1) 0,transparent 52%);
}
.vip-card {
  border-width:1px;
  border-style:solid;
  border-color:var(--this-bg);
  background-image:radial-gradient(ellipse 105% 65% at 92% 8%,var(--this-bg) 0,transparent 52%);
  color:var(--this-color);
  border-radius:var(--theme-border-radius);
}
.vip-card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:radial-gradient(ellipse 105% 135% at 12% 98%,var(--this-bg) 0,transparent 62%);
  opacity:.3;
  pointer-events:none;
}
.is-vip-current {
  box-shadow:0 5px 20px var(--main-shadow),inset 0 0 40px 2px var(--this-bg);
}
.vip-current-badge {
  position:absolute;
  top:8px;
  left:8px;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
@media(max-width: 767.98px) {
  .vip-pkg-item {
    width:136px;
    min-width:136px;
  }
  .modal-lg {
    max-width:calc(100% - 1rem);
    margin:.5rem auto;
  }
}
.uc-vip-btn,.use-box-vip-btn {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:6px 12px;
  color:#ffe2be;
  background:linear-gradient(115deg,#4d3420 15%,#6f4263 37%,#2f2121 63%,#442424 93%);
  border-radius:var(--theme-border-radius-md,10px);
  border:1px solid #6f4263;
  box-shadow:0 0 0 0 rgba(0,0,0,0);
  overflow:hidden;
  --this-color: #ffdcb1;
  transition:box-shadow .2s;
}
.uc-vip-btn::before,.use-box-vip-btn::before {
  content:"";
  position:absolute;
  top:-110%;
  left:-100%;
  width:220%;
  height:200%;
  background:linear-gradient(344deg,#000 5%,transparent 40%);
  border-radius:100%;
  opacity:.2;
}
.uc-vip-btn:hover,.use-box-vip-btn:hover {
  box-shadow:0 5px 20px -2px rgba(45,25,25,.3);
}
.uc-vip-btn .vip-name,.use-box-vip-btn .vip-name {
  color:#ffe2be;
}
.uc-vip-btn {
  padding:10px 20px;
  border-radius:var(--theme-border-radius,12px);
}
.uc-vip-btn .go-vip-page {
  position:absolute;
  right:10px;
}
.menu-vip-dropdown {
  width:420px;
  min-width:420px;
  padding:0 !important;
  overflow:hidden;
  background:#4d4034 !important;
  border-radius:12px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.35) !important;
}
.menu-vip-dropdown>li {
  background:rgba(0,0,0,0);
}
.nav-vip-panel {
  color:hsla(0,0%,100%,.88);
}
.nav-vip-tabs {
  gap:0;
  background:#372b24;
}
.nav-vip-tab {
  padding:12px 8px 10px;
  cursor:pointer;
  color:hsla(0,0%,100%,.55);
  transition:color .2s,background .2s;
  border-radius:10px 10px 0 0;
}
.nav-vip-tab:hover {
  color:hsla(0,0%,100%,.85);
}
.nav-vip-tab.active {
  color:#fff;
  background:#4d4034;
}
.nav-vip-tab-name {
  color:inherit;
}
.nav-vip-tab-desc {
  margin-top:2px;
  opacity:.55;
}
.nav-vip-body {
  padding:16px 12px;
  background:#4d4034;
}
.nav-vip-benefits {
  gap:6px;
}
.nav-vip-benefit {
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#e8c48a;
}
.nav-vip-benefit.is-locked {
  color:hsla(0,0%,100%,.28);
}
.nav-vip-benefit.is-locked .nav-vip-benefit-text {
  opacity:.5;
}
.nav-vip-benefit .nav-vip-benefit-text {
  color:#f8e5c6;
  max-width:160px;
}
.nav-vip-benefit-ico {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  margin-bottom:6px;
  font-size:22px;
  line-height:1;
}
.nav-vip-lock {
  position:absolute;
  right:-2px;
  bottom:-2px;
  font-size:12px;
  color:hsla(0,0%,100%,.45);
}
.nav-vip-benefit-text {
  opacity:.9;
  line-height:1.3;
}
.nav-vip-footer {
  padding:8px 16px 16px;
  background:#4d4034;
}
.nav-vip-cta {
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 20px !important;
  border:0 !important;
  border-radius:999px !important;
  color:#4d4034 !important;
  background:linear-gradient(90deg,#f3d59a 0%,#e8c48a 100%) !important;
  font-weight:700;
  box-shadow:none !important;
}
.nav-vip-cta:hover {
  color:#1a140f !important;
  filter:brightness(1.05);
}
.nav-vip-cta.disabled {
  opacity:.55;
  pointer-events:none;
}
.nav-vip-cta-tag {
  position:absolute;
  top:-8px;
  right:18px;
  padding:2px 8px;
  border-radius:6px;
  color:#fff;
  background:linear-gradient(90deg,#ff7a45 0%,#ff4d4f 100%);
  font-size:11px;
  font-weight:600;
  line-height:1.4;
  white-space:nowrap;
}
.vip-buy-price-scroll .io-hscroll-track {
  border-radius:var(--theme-border-radius-sm,6px);
  background:var(--muted-bg-a-color);
}
.vip-buy-price-bar {
  max-width:100%;
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
.vip-buy-price-bar .io-hscroll,.vip-buy-price-bar .io-hscroll-track {
  max-width:100%;
  min-width:0;
}
.vip-buy-price-bar .vip-buy-price-item {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  white-space:nowrap;
  line-height:1.4;
  color:inherit;
  text-decoration:none;
  gap:2px;
  flex:1;
}
.vip-buy-price-bar .vip-buy-price-item.is-vip-upgrade {
  transition:background-color .15s ease,opacity .15s ease;
}
.vip-buy-price-bar .vip-buy-price-item.is-vip-upgrade:hover {
  background:var(--muted-bg-a-color);
  text-decoration:none;
  color:inherit;
}
.vip-buy-price-bar .vip-buy-price-item.is-vip-current {
  opacity:.85;
}
.vip-buy-price-bar .vip-buy-price-ico {
  width:18px;
  height:18px;
  object-fit:contain;
  flex-shrink:0;
  border-radius:4px;
}
.vip-buy-price-bar .vip-buy-price-ico-fallback {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:14px;
  line-height:1;
  flex-shrink:0;
}
.vip-buy-price-bar .vip-buy-price-val {
  color:var(--muted-color);
  font-size:12px;
}
.hide-type-buy>.flex-column,.user-level-body>.d-flex>.flex-column {
  min-width:0;
  max-width:100%;
}
@media screen and (min-width: 768px) {
  .vip-buy-price-bar {
    display:inline-flex;
  }
}
.io-vip-freetips {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:4px;
}
.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);
}
.text-theme {
  color:var(--theme-color);
}
.bg-muted {
  background:var(--muted-bg-a-color);
}
.text-tc {
  color:var(--main-color);
}
.text-thin {
  font-weight:300 !important;
}
.text-bold {
  font-weight:600 !important;
}
.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-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-sm,.col-sm-1,.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-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-md,.col-md-1,.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-10,.col-md-11,.col-md-12,.col-md-auto,.col-lg,.col-lg-1,.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-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-xl,.col-xl-1,.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-10,.col-xl-11,.col-xl-12,.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(.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-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-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-2 {
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%;
  }
  .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-3 {
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%;
  }
  .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-4 {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%;
  }
  .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-5 {
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%;
  }
  .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-6 {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
  }
  .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-7 {
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%;
  }
  .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-8 {
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%;
  }
  .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-9 {
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%;
  }
  .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-10 {
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%;
  }
  .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-11 {
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%;
  }
  .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-12 {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
  }
  .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-sm {
  max-width:1024px;
}
.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(.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-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-2>* {
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%;
  }
  .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-3>* {
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%;
  }
  .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-4>* {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%;
  }
  .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-5>* {
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%;
  }
  .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-6>* {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
  }
  .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-7>* {
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%;
  }
  .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-8>* {
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%;
  }
  .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-9>* {
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%;
  }
  .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-10>* {
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%;
  }
  .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-11>* {
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%;
  }
  .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-12>* {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
  }
  .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,#1ec534 10%,#12b091 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,#266afe 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;
  }
}