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