@charset "utf-8";
:root {
--theme-color:#f1404b;
--focus-color:var(--theme-color);
--muted-color:#999;
--main-radius:8px;
--main-bg-color:#fff;
--main-border-color:rgba(130, 130, 130, 0.15);
--muted-border-color:rgba(88, 88, 88, 0.05)
}
.io-black-mode {
--main-bg-color:#2c2e2f;
--muted-border-color:rgba(118, 118, 118, 0.05)
}
html {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
body {
	width:100%;
	min-height:100vh;
	vertical-align:baseline;
	word-wrap:break-word;
	color:#282a2d;
	background:#f9f9f9;
transition:background-color .3s
}
body, input, button, select, optgroup, option, textarea, blockquote, dd, dl, figure, form, pre, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased
}
body, html {
	height:100%;
	margin:0;
	padding:0;
	border:0
}
a {
	color:#282a2d;
	outline:0 !important;
	text-decoration:none
}
a:hover {
	text-decoration:none;
	color:#f1404b
}
p {
	color:#1d232b;
	margin:0;
	white-space:normal
}
em, i {
	font-style:normal
}
code {
	padding:4px 10px;
	background:rgba(130, 130, 130, .1);
	border-radius:4px
}
.main-content {
	-ms-flex-direction:column;
	flex-direction:column;
	display:-ms-flexbox;
	display:flex;
	max-width: 1200px;
    margin: 0 auto;
}
.down-content img, .site-content img, .apd img, .post-apd img, .panel-body img {
	max-width:100%;
	height:auto
}
.nothing {
	padding:20px 0;
	text-align:center;
	color:#888;
	background:rgba(136, 136, 136, .2);
	border-radius:5px
}
.sticky {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:1080
}
.io {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	line-height:1
}
.avatar {
	background:#888;
	border-radius:100%;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-negative:0;
	flex-shrink:0;
	overflow:hidden
}
.disabled {
	pointer-events:none;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:url("../images/4da2620c319b402286d8e1f0a718204a.woff");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter:grayscale(1)
}
.customize-width {
	max-width:1900px
}
.content::after, .content::before {
display:table;
content:" "
}
.content::after {
clear:both
}
.sidebar-tools {
	will-change:min-height
}
.theiaStickySidebar {
	transform:translate(0, 0);
	transform:translate3d(0, 0, 0);
	will-change:position, transform
}
.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:50px;
	margin:0 5px;
	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%
}
}
.alert-system {
	position:fixed;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	bottom:10px;
	right:-10px;
	z-index:100015
}
.alert-body {
	transform:translateX(110%);
	opacity:.5;
transition:.3s;
	max-height:10px
}
.alert-body.show {
	transform:translateX(0);
	opacity:1;
	max-height:200px;
transition:.5s
}
.alert-body.align-items-center {
	min-width:200px;
	max-width:360px;
	float:right;
	margin-bottom:10px
}
.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
}
.cursor-pointer {
	cursor:pointer
}
.bg-o-muted {
	background:var(--main-border-color)
}
.io-radio {
	padding:5px;
	border:1px solid var(--main-border-color);
	border-radius:4px;
	text-align:center;
	cursor:pointer
}
.io-radio.active {
	border-color:var(--focus-color)
}
.io-radio+.io-radio {
	margin-left:10px
}
.io-radio img {
	margin:4px;
	height:30px
}
.muted-box {
	position:relative;
	background:var(--muted-border-color);
	border-radius:var(--main-radius);
	padding:15px
}
.bg-muted {
	background:var(--muted-border-color)
}
.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)
}
.tips-top-l {
	position:absolute;
	padding:2px 9px;
	font-size:12px;
	top:3px;
	left:3px;
	color:var(--focus-color);
	border-radius:var(--main-radius);
	border:1px dashed var(--focus-color);
transition:.3s
}
.tips-tag {
	font-size:12px;
	padding:4px 8px;
	background:var(--this-bg);
	color:var(--this-color);
	border-radius:4px;
	line-height:1;
--this-color:#fff;
--this-bg:#f1404b
}
.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%)
}
.sidebar-nav {
	position:fixed;
	display:table-cell;
font-size:.875rem;
	width:220px;
	height:100vh;
	z-index:1081;
	opacity:1 !important
}
.animate-nav .sidebar-nav {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
-webkit-transition:width .3s;
-o-transition:width .3s;
transition:width .3s
}
.mini-sidebar .sidebar-nav {
	width:60px
}
.sidebar-nav-inner {
	width:inherit;
	margin:0;
	max-width:260px;
	background:#2c2e2f;
	pointer-events:inherit;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	flex-direction:column;
transition:background-color .3s
}
.sidebar-nav .logo {
	line-height:74px;
	width:100%;
	text-align:center
}
.sidebar-nav .logo .logo-collapsed {
	display:none
}
.sidebar-logo {
	height:74px;
transition:background-color .2s
}
.sidebar-logo img {
	max-height:40px
}
.sidebar-menu {
transition:all .3s
}
.sidebar-menu .sidebar-more {
	display:flex;
	justify-content:space-around;
	align-items:center;
	color:#c6c9cf
}
.sidebar-menu .sidebar-more:after {
	content:'';
	position:absolute;
	background:rgba(136, 136, 136, .1);
	width:40px;
	height:40px;
	border-radius:40px;
	opacity:0;
transition:.3s
}
.sidebar-menu .sidebar-more:hover::after {
opacity:1
}
.sidebar-nav .flex-bottom a, .sidebar-menu-inner a {
	display:flex;
	overflow:hidden;
	padding:8px 10px;
	margin:1.5px 8px;
	color:#b2b8be;
	align-items:center;
	white-space:nowrap;
transition:all .3s
}
.sidebar-menu ul:first-child>li>a {
	padding:12px 10px
}
.sidebar-menu-inner a span, .sidebar-nav .flex-bottom a span {
	margin-left:8px
}
.sidebar-menu-inner .sidebar-item .sidebar-item>ul>li a span {
	margin-left:60px
}
.sidebar-item {
	position:relative;
	display:block
}
.sidebar-item.sidebar-show {
	border-bottom:none
}
.sidebar-item ul {
	display:none
}
.sidebar-item.sidebar-show>ul {
	display:block
}
.sidebar-item ul li {
	display:block
}
.sidebar-menu-inner ul li ul li a {
	margin-left:36px
}
.sidebar-item .menu-item-has-children {
	position:relative
}
.sidebar-more {
	position:absolute;
	cursor:pointer;
	top:0;
	right:0;
	padding:0 16px;
	line-height:48px !important;
transition:transform .3s
}
.sidebar-item .menu-item-has-children .sidebar-more {
	line-height:40px !important
}
.sidebar-item .label-Primary {
	float:right;
	margin-right:24px
}
.sidebar-item .sidebar-more {
	transform:scale(.8)
}
.sidebar-show>.sidebar-more {
	transform:scale(.8) rotate(90deg)
}
.sidebar-item>a:hover {
	color:#FFF;
	background:rgba(0, 0, 0, .1);
	border-radius:5px
}
.sidebar-show>a:before, .sidebar-item>a:hover:before {
	opacity:1
}
.sidebar-nav-inner .flex-fill {
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch
}
.border-color {
	border-color:rgba(129, 129, 129, .15) !important
}
.border-t {
	border-color:rgba(129, 129, 129, .15) !important
}
.mini-sidebar .sidebar-nav .logo .logo-expanded {
	display:none
}
.mini-sidebar .sidebar-nav .logo .logo-collapsed {
	display:block
}
.mini-sidebar .sidebar-nav .sidebar-menu {
	width:60px
}
.mini-sidebar .sidebar-nav .sidebar-more {
	display:none
}
.sidebar-nav ul {
	margin:0;
	padding:0
}
.mini-sidebar .sidebar-nav ul:first-child>li.sidebar-item>a span {
	display:none
}
.mini-sidebar .sidebar-nav ul:first-child>li>ul {
	display:none
}
.sidebar-nav .top-menu {
	display:none
}
.sidebar-nav .top-menu .sub-menu {
	background-color:rgba(136, 136, 136, .05)
}
.sidebar-nav .top-menu>ul i:not(.sidebar-more) {
display:none
}
.sidebar-nav.show .top-menu {
	display:inherit
}
.error404 .header-mini-btn, .error404 .nav-item.mobile-menu {
	display:none
}
.error404 .main-content {
	margin-left:0 !important
}
.error404 .main-content .page-header {
	left:0 !important
}
.sidebar-popup div {
	background:#151618;
	border-radius:5px
}
.sidebar-popup {
	display:block;
	position:absolute;
	position:fixed;
	z-index:5;
	border:3px solid rgba(60, 71, 76, 0)
}
.sidebar-popup.second {
	left:60px
}
.sidebar-popup i, .sidiebar-popup .label-Primary {
	display:none
}
.sidebar-popup.sidebar-menu-inner a {
	padding:8px 10px
}
.sidebar-popup.sidebar-menu-inner a span {
	margin-left:0px
}
.sidebar-popup.sidebar-menu-inner>div>ul>li.sidebar-item>ul {
	position:absolute;
	top:0px;
	left:180px;
	width:180px;
	z-index:99
}
.sidebar-popup.sidebar-menu-inner ul {
	width:180px
}
.sidebar-popup.sidebar-menu-inner ul li {
	width:180px
}
.sidebar-popup.sidebar-menu-inner ul li:last-child, .sidebar-popup>div>ul>li:last-child>a {
	border-radius:0 0 5px 5px
}
.sidebar-popup a {
	padding-right:16px
}
.sidebar-popup::before {
content:'';
border-width:5px 5px 5px 0px;
border-style:solid;
border-color:transparent #151618 transparent;
position:absolute;
top:14px;
left:-4px
}
.sidebar-popup ul {
	margin:0;
	padding:0
}
.sidebar-popup.sidebar-menu-inner ul {
	background:#2c2e2f;
	border-radius:0 0 5px 5px;
	list-style:none;
	padding:5px 0
}
.sidebar-item li>a:hover, .sidebar-popup>div>ul>li>a:hover {
	color:#FFF;
	background:rgba(0, 0, 0, .1);
	border-radius:5px
}
.navbar-collapse ul li {
	position:relative;
	list-style:none;
	margin-right: 16px;
	    margin: 5px;
	    flex: 0 0 auto;
}
.navbar-collapse li>ul {
	-webkit-transform:translateY(15px);
	transform:translateY(15px);
	will-change:transform
}
.navbar-collapse ul li ul {
	position:absolute;
	min-width:160px;
	opacity:0;
	overflow:hidden;
	visibility:hidden;
	background:#fff;
	border-radius:8px;
	box-shadow:0 5px 20px 0px rgba(0, 0, 0, .15);
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.navbar-collapse ul li.focus>ul, .navbar-collapse ul li:hover>ul {
	opacity:1;
	z-index:1;
	overflow:visible;
	visibility:visible;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.navbar-collapse ul li.menu-item-has-children:after {
	content:'\e612';
	font-family:"iconfont";
	position:absolute;
	top:11px;
	right:-2px;
	font-size:12px;
	-webkit-transform:scale(.6);
	transform:rotate(0deg) scale(.6);
	will-change:transform;
-webkit-transition:-webkit-transform .2s;
transition:-webkit-transform .2s;
-o-transition:transform .2s;
transition:transform .2s;
transition:transform .2s, -webkit-transform .2s
}
.navbar-collapse ul li.menu-item-has-children:hover:after {
	transform:rotate(45deg) scale(.6)
}
.navbar .navbar-top li>a {
	font-size:14px;
	padding:5px 12px;
	display:block;
transition:color .2s;
border-radius: 8px;
    cursor: pointer;
}
.navbar .navbar-nav i {
	margin-right:2px !important
}
.navbar-menu {
	-ms-flex-direction:row;
	flex-direction:row;
	margin-left:auto;
	-ms-align-items:center;
	align-items:center
}
.navbar-collapse .weather {
	display:table
}
.navbar-brand img {
	max-height:30px
}
.nav-github {
	display:none;
	position:absolute;
	top:0;
	right:0;
	border:0
}
.page-header {
	background:#fff;
	box-shadow:0px 0px 25px 5px rgba(10, 10, 10, .05);
transition:background-color .3s
}
.page-header ul {
	margin:0;
	padding:0;
	overflow-x: auto;
	display: flex;
}

.page-header ul::-webkit-scrollbar { 
  display: none; 
}

.navbar-top .sub-menu {
	padding:6px
}
.navbar-top .sub-menu a {
	padding:8px 15px !important
}
.navbar-top .sub-menu a:hover {
	background:rgba(0, 0, 0, .1);
	border-radius:5px
}
.navbar-top .sub-menu .sub-menu {
	left:102%;
	top:0
}
.header-mini-btn {
	height:40px;
	width:150px
}
.header-mini-btn svg {
	margin:0 -20px;
	height:74px
}
.header-mini-btn input[type="checkbox"] {
	display:none
}
.header-mini-btn path {
	fill:none;
	stroke:#888;
	stroke-width:3;
	stroke-linecap:round;
	stroke-linejoin:round;
--length:24;
--offset:-38;
	stroke-dasharray:var(--length) var(--total-length);
	stroke-dashoffset:var(--offset);
transition:all .8s cubic-bezier(.645, .045, .355, 1)
}
.header-mini-btn circle {
	fill:#fff3;
	opacity:0;
transition:opacity .3s;
	cursor:pointer
}
.header-mini-btn label {
	display:block;
	top:0;
	right:0
}
.header-mini-btn label circle:hover {
	opacity:1
}
.header-mini-btn input:checked+svg .line--1, .header-mini-btn input:checked+svg .line--3 {
--length:12.602325267
}
.header-mini-btn .line--1, .header-mini-btn .line--3 {
--total-length:126.38166809082031
}
.header-mini-btn .line--2 {
--total-length:80
}
.header-mini-btn label {
	cursor:pointer
}
.header-mini-btn path {
transition:all .5s cubic-bezier(.645, .045, .355, 1), stroke .2s ease
}
.header-mini-btn label:hover path {
	stroke:#f1404b
}
.bulletin-swiper {
	box-sizing:border-box;
	height:25px;
	line-height:25px;
	overflow:hidden
}
.bulletin-swiper ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:14px
}
.page-header+.placeholder {
	height:66px
}
@media (min-width:768px) {
.navbar {
padding:1rem
}
.page-header+.placeholder {
height:74px
}

.animate-nav .main-content {
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.animate-nav .main-content .page-header {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
-webkit-transition:left .3s, color .3s, background-color .3s;
-o-transition:left .3s, color .3s, background-color .3s;
transition:left .3s, color .3s, background-color .3s
}


}
@media (max-width:767.98px) {
.nav-github {
display:none
}
}
.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-pay-box .pay-box-body {
	color:#232529
}
.auto-ad-url .card {
	max-width:1200px
}
.auto-ad-url .auto-ad-img {
	width:14px;
	min-width:14px;
	height:14px;
	line-height:14px
}
.auto-ad-url .auto-ad-img img {
	width:100%;
	height:100%;
	vertical-align:unset
}
.auto-ad-url .auto-url-list {
	background:var(--muted-border-color)
}
.auto-list-null {
	opacity:.5
}
.auto-list-null .auto-ad-name {
	background:var(--main-border-color);
	height:11px;
	width:50%;
	margin:5px 0;
	border-radius:4px
}
.header-big .auto-ad-url .card {
	color:#eee;
	background:rgba(100, 100, 100, 0.3);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px)
}
.header-big .auto-ad-url a {
	color:#fff
}
.header-big .auto-ad-url {
--main-border-color:rgba(255, 255, 255, 0.1);
--muted-border-color:rgba(10, 12, 15, 0.3)
}
@media (min-width:768px) {
.auto-ad-url .auto-ad-img {
width:21px;
min-width:21px;
height:21px;
line-height:21px
}
}
.navbar-menu a:not(.btn) {
color:#777
}
@media (min-width:768px) {
.sidebar-nav {
display:block !important
}
}
@media (max-width:767.98px) {
.sidebar-nav {
background:transparent !important
}
.sidebar-nav {
width:100% !important;
height:100% !important;
top:0 !important;
position:fixed;
z-index:1090 !important;
display:none;
padding-left:0 !important
}
.sidebar-nav>* {
position:fixed;
height:100%;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
will-change:transform;
width:17.5rem;
-webkit-transition:.3s cubic-bezier(.25, .8, .25, 1);
-o-transition:.3s cubic-bezier(.25, .8, .25, 1);
transition:.3s cubic-bezier(.25, .8, .25, 1)
}
.sidebar-nav.show>div {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.text-ss {
font-size:.45rem !important;
	transform:scale(.9)
}
.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-64 {
	font-size:4rem !important
}
.badge.text-ss {
	font-weight:normal
}
@media (max-width:767.98px) {
.text-lg {
font-size:1rem !important
}
.text-xl {
font-size:1.25rem !important
}
.alert-body .text-md {
font-size:.875rem !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
}
.text-gray {
	color:#555
}

.overflowClip_1 {
	overflow:hidden;
	display:block
}
.overflowClip_2 {
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	word-break:break-all;
	display:-webkit-box !important;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#999;
}
.url-card .url-body {
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	will-change:transform;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.url-card .url-body:hover {
	transform:translateY(-6px);
	-webkit-transform:translateY(-6px);
	-moz-transform:translateY(-6px);
	box-shadow:0 26px 40px -24px rgba(0, 36, 100, .3);
	-webkit-box-shadow:0 26px 40px -24px rgba(0, 36, 100, .3);
	-moz-box-shadow:0 26px 40px -24px rgba(0, 36, 100, .3)
}
.url-card .url-like {
	position:absolute;
	top:5px;
	right:10px;
	opacity:0;
transition:opacity .3s
}
.url-card .url-body:hover .url-like {
	opacity:1
}
.url-card .url-info {
	overflow:hidden;
	padding-right:5px
}
.url-card .url-goto-after {
	height:24px;
	border-top:1px solid rgba(136, 136, 136, .2)
}
.url-card .url-goto {
	position:absolute;
	bottom:0;
	left:0px;
	right:0
}
.url-card .card-body {
	position:relative;
padding:.938rem
}
.url-card .url-img {
	width:40px;
	height:40px;
	-webkit-box-flex:0;
	-ms-flex:none;
	flex:none;
	background:rgba(128, 128, 128, .1);
	overflow:hidden
}
.url-card .url-img>img {
	max-height:100%;
	vertical-align:unset
}
.url-card .max .url-img {
	width:60px;
	height:60px
}
.url-card .mini .url-img {
	width:25px;
	height:25px
}
.url-card .post-min .url-img {
	width:20px;
	height:20px
}
.url-card .post-min .url-img>img {
	vertical-align:unset
}
.url-card a.card {
	justify-content:center
}
.url-card.wechat a.card::before {
content:'\eb74';
position:absolute;
display:inline-block;
font-family:"iconfont";
font-size:66px;
color:#888;
left:1px;
opacity:.2
}
.url-card.down a.card:after {
	content:'\e604';
	position:absolute;
	display:inline-block;
	font-family:"iconfont";
	font-size:60px;
	color:#888;
	margin-left:10px;
	right:10px;
	opacity:.2
}
.url-card.down .mini a.card:after {
	font-size:30px;
	margin-left:10px;
	right:10px
}
.url-card.down .max a.card:after {
	font-size:30px
}
.url-card.wechat .mini a.card:before {
	font-size:36px;
	left:2px
}
.url-card.wechat .max a.card:before {
	font-size:80px;
	left:5px;
	top:-22px
}
.url-card.wechat .max .url-img, .url-card.wechat .mini .url-img {
	background:transparent
}
.url-card.wechat .max .url-img img, .url-card.wechat .mini .url-img img {
	max-height:80%
}
.url-card.wechat .no_ico a.card:before {
	font-size:26px;
	right:2px;
	left:auto
}
.url-card.wechat .max.no_ico a.card:before {
	right:11px;
	top:auto;
	bottom:-3px
}
.url-card .mini a.togo, .url-card .default a.togo {
	position:absolute;
	top:20px;
	right:0;
	width:30px;
	height:30px;
	line-height:30px;
	opacity:.2;
transition:opacity .3s
}
.url-card .mini a.togo {
	top:3px
}
.url-card .url-body:hover a.togo {
	opacity:1
}
.url-card .max a.togo {
	margin-left:auto
}
.url-card .max .tga {
	width:calc(100% - 15px);
	overflow:hidden
}
.url-card .max .tga a {
	font-size:90%;
padding:.125rem .4rem;
	background:rgba(134, 134, 134, .1);
	color:#888;
	border-radius:10px;
transition:.3s
}
.url-card .max .tga a:not(.no-tag):hover {
background:#f1404b;
color:#fff
}
.home-like, .btn-like {
	cursor:pointer
}
.home-like:hover, .btn-like:hover {
	color:#f1404b
}
.home-like-hide {
	opacity:0 !important;
	transform:scale(3) translateY(-25px) !important
}
.url-card a.togo:hover i {
	text-shadow:0 0 5px
}
.panel-body .url-card.shortcode-url .card {
	background:rgba(136, 136, 136, .1)
}
.url-card .remove-site, .url-card .remove-cm-site {
	position:absolute;
	top:-8px;
	right:0;
	font-size:20px;
	color:#f1404b;
	line-height:20px
}
.url-card .mini .card-body {
padding:.4rem .5rem
}
.edit .url-card.sortable {
	cursor:move
}
.edit .url-card.sortable .url-body a {
	pointer-events:none
}
.edit .url-card.sortable .url-body:hover {
	transform:initial;
	box-shadow:initial
}
.card-app.default .media, .card-app.card {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.app-rounded {
	border-radius:30% !important
}
.card-app.default .media-content {
	background-color:transparent !important
}
.card-app.default:hover .media, .card-app.card:hover {
	transform:translateY(-6px);
	-webkit-transform:translateY(-6px);
	-moz-transform:translateY(-6px);
	box-shadow:0 26px 40px -24px rgba(0, 36, 100, .3);
	-webkit-box-shadow:0 26px 40px -24px rgba(0, 36, 100, .3);
	-moz-box-shadow:0 26px 40px -24px rgba(0, 36, 100, .3);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.app-info .info-term {
	display:inline-block
}
.app-content {
	overflow:hidden;
	align-items:center
}
.app-content .app-ico img {
	width:128px
}
.app-nature .badge i {
	font-weight:100
}
.card-app.card .tga {
	overflow:hidden
}
.card-app.card .tga a {
	font-size:75%;
padding:.125rem .4rem;
	background:rgba(134, 134, 134, .1);
	color:#888;
	border-radius:10px;
transition:.3s
}
.card-app.card .tga a:not(.no-tag):hover {
background:#f1404b;
color:#fff
}
.card-app.card .app-platform {
	position:absolute;
	top:3px;
	right:5px;
	opacity:0;
transition:opacity .3s
}
.card-app.card:hover .app-platform {
	opacity:.3
}
.radius-50 {
	border-radius:100px !important
}
.historic .line-thead, .historic .line-tbody {
	position:relative;
	height:1px
}
.historic .line-thead:before, .historic .line-tbody:before {
	content:'';
	position:absolute;
	height:1px;
	left:0;
	right:0;
	background-color:rgba(136, 136, 136, .4)
}
.historic .line-tbody:before {
	background-color:rgba(136, 136, 136, .2)
}
.io-alert {
	padding:1.25rem;
	color:var(--this-color);
	border-radius:8px;
	border:1px dashed var(--this-border-color);
	background-color:var(--this-bg-color);
--this-color:#4a9718;
--this-border-color:rgba(159, 255, 95, .7);
--this-bg-color:rgba(159, 255, 95, .2)
}
.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
}
.footer-social>a {
	position:relative;
	display:inline-block;
	margin:5px;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center
}
.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:#888;
	opacity:.3;
	vertical-align:0.2em
}
.footer-mini-img {
	width:90px;
	margin:0 10px;
	text-align:center;
	vertical-align:text-top;
	display:inline-block
}
.footer-mini-img img {
	width:100%
}
.footer-nav-links {
	list-style:none
}
.footer-nav-links>li {
	text-align:center;
	position:relative
}
.footer-nav-links>li::before {
position:absolute;
margin:0 !important;
left:-17px;
top:10px
}
.footer-nav-links>li+li {
	margin-left:30px
}
.footer-nav-links ul {
	list-style:none;
	padding:0;
	margin-top:10px;
font-size:.75rem !important;
	text-align:center
}
.footer-nav-links ul li {
	margin:6px 0
}
.footer-nav-links i {
	display:none
}
#footer-tools {
	position:fixed;
	bottom:20px;
	right:10px;
	display:flex;
	z-index:5
}
#footer-tools .btn {
	color:#555;
	background:rgba(210, 210, 210, .5);
	width:40px;
	height:40px;
	font-size:1rem;
	text-align:center;
	line-height:40px;
	padding:unset;
	display:block;
	border:unset
}
#footer-tools .go-up {
	display:none
}
#footer-tools .btn:hover {
	color:#333
}
#footer-tools [data-v-db6ccf64][data-v-41ba7e2c], #footer-tools [data-v-db6ccf64][data-v-6d083e75] {
	top:unset !important;
	bottom:0 !important;
	right:44px !important
}
#footer-tools .s-sticker-tmp {
	position:absolute !important;
	font-size:12px !important;
	top:-6px;
	left:18px;
	transform:scale(.82);
	padding:1px 5px;
	background:#f1404b;
	color:#ffffff !important;
	border-radius:50px;
	padding:1px 5px !important
}
.friendlink a {
	position:relative;
	display:inline-block;
margin:.25rem .5rem .25rem .25rem
}
.friendlink a:before {
	content:'\2022';
	display:inline-block;
	position:relative;
	margin-right:5px
}
@media (max-width:767.98px) {
footer.main-footer .footer-text {
text-align:center;
float:none
}
#footer-tools {
bottom:15px;
right:5px
}
}
.tips-box, .badge, .btn {
	color:var(--this-color);
	background:var(--this-bg);
	border:1px solid var(--this-border);
	box-shadow:var(--this-shadow);
transition:.2s;
--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)
}
.tips-box {
	display:inline-block;
	border-radius:4px;
	vertical-align:middle;
	padding:.3em .6em;
	text-align:center;
--this-color:#666
}
.badge {
	font-weight:normal;
	line-height:1.2;
	padding:1px 5px;
	border-radius:50px
}
.btn.active, .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):focus, .btn-shadow.btn-outline:not(.badge):hover {
--this-shadow:0px 2px 10px 0px var(--this-shadow-bg)
}
.btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):focus, .btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):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):focus, .btn-outline:not(.badge):hover {
color:var(--this-hover-color);
background:var(--this-bg)
}
.btn-outline[class*="vc-l-"] {
color:var(--this-color);
background:transparent;
--this-border:var(--this-color)
}
.btn-outline:not(.badge):focus[class*="vc-l-"], .btn-outline:not(.badge):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
}
.tooltip-inner img {
margin:.25rem 0
}
.tooltip-inner p {
	color:#fff
}
.modal-backdrop {
	z-index:1089 !important;
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	background:rgba(0, 0, 0, .5)
}
.modal-backdrop.show {
	opacity:1
}
.modal {
	z-index:1090
}
.modal-content, .modal-header, .modal-footer {
	border:0
}
.btn:not(.go-up) {
border-radius:3px;
white-space:normal;
font-size:.875rem
}
.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
}
.card, .block {
	background:#fff;
	border-width:0;
	margin-bottom:1rem;
	box-shadow:0px 0px 20px -5px rgba(158, 158, 158, .2);
transition:background-color .3s
}
.card-header {
	background-color:unset;
	border-bottom:1px solid rgba(130, 130, 130, .1)
}
.card-footer {
	background-color:unset;
	border-top:1px solid rgba(130, 130, 130, .1)
}
.input-group-text {
	border:1px solid #e9ebef;
	background-color:#e9ebef
}
.badge-danger {
	background-color:#F1404B
}
.form-control {
font-size:.875rem;
	color:#6d6e74;
	border:1px solid #f1f3f6;
	background-color:#f1f3f6
}
.form-control:focus {
	border:1px solid #f1f3f6;
	background-color:#f1f3f6;
	box-shadow:none
}
.form-control::-webkit-input-placeholder {
color:#888a8f;
opacity:1
}
.form-control::-moz-placeholder {
color:#888a8f;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#888a8f;
opacity:1
}
.form-control::-ms-input-placeholder {
color:#888a8f;
opacity:1
}
.form-control::placeholder {
color:#888a8f;
opacity:1
}
.form-control:disabled, .form-control[readonly] {
	background-color:#f1f3f6;
	opacity:1;
	color:#0d131b
}
.btn-danger {
	color:#fff;
	background-color:#f1404b;
	border-color:#f1404b
}
.btn-danger:hover {
	color:#fff;
	background-color:#14171b;
	border-color:#14171b
}
.btn-danger:focus, .btn-danger.focus {
	color:#fff;
	background-color:#f1404b;
	border-color:#f1404b;
	box-shadow:none
}
.btn-danger.disabled, .btn-danger:disabled {
	color:#fff;
	background-color:#f1404b;
	border-color:#f1404b
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show>.btn-danger.dropdown-toggle {
color:#fff;
background-color:#f1404b;
border-color:#f1404b
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-danger.dropdown-toggle:focus {
box-shadow:none
}
.btn-dark {
	color:#fff;
	background-color:#14171b;
	border-color:#14171b
}
.btn-dark:hover {
	color:#fff;
	background-color:#f1404b;
	border-color:#f1404b
}
.btn-dark:focus, .btn-dark.focus {
	color:#fff;
	background-color:#000;
	border-color:#000;
	box-shadow:none
}
.btn-dark.disabled, .btn-dark:disabled {
	color:#fff;
	background-color:#222831;
	border-color:#222831
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show>.btn-dark.dropdown-toggle {
color:#fff;
background-color:#000;
border-color:#000
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-dark.dropdown-toggle:focus {
box-shadow:none
}
.btn-outline-danger {
	color:#f1404b;
	border-color:#f1404b
}
.btn-outline-danger:hover {
	color:#fff;
	border-color:#f1404b;
	background-color:#f1404b
}
.text-muted a {
	color:#6c757d
}
.text-muted a:hover {
	color:#5c656d
}
.custom-switch .custom-control-label::before {
height:1.125rem;
width:2rem;
border-radius:.57rem;
background-color:transparent
}
.custom-switch .custom-control-label::after {
width:calc(1.125rem - 4px);
height:calc(1.125rem - 4px)
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
background-color:rgba(241, 64, 76, .15);
border-color:rgba(241, 64, 76, .15)
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow:0 0 0 .2rem rgba(241, 64, 76, .25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color:#f1404b
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
-webkit-transform:translateX(.85rem);
transform:translateX(.85rem)
}
.custom-control-input:checked~.custom-control-label::before {
border-color:#f1404b;
background-color:#f1404b
}
.transparent {
	background:transparent !important;
	border-color:transparent !important;
	box-shadow:unset !important
}
.navbar-menu .dropdown-menu {
	display:block;
	border:unset;
	box-shadow:0 5px 20px 0px rgba(0, 0, 0, .15);
border-radius:.25rem;
	overflow:hidden;
	opacity:0;
	transform-origin:100% 0 0;
	pointer-events:none;
	transform:scale(0);
	transition:all 500ms cubic-bezier(0, .5, .2, 1)
}
.navbar-menu .dropdown-menu.show {
	opacity:1;
	transform:scale(1);
	display:block;
	pointer-events:auto
}
.dropdown-item:hover {
	background-color:rgba(136, 136, 136, .1)
}
.dropdown-item:active, .dropdown-item:focus {
	color:#333;
	background-color:rgba(136, 136, 136, .2)
}
.dropdown-divider {
	border-color:rgba(136, 136, 136, .2)
}
.rounded-xl {
border-radius:.525rem !important
}
.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%)
}
.custom-switch-before {
	margin-left:-2.25rem;
	margin-right:2.25rem
}
.io-close {
	text-shadow:none;
transition:.3s
}
.io-modal-content {
	border-radius:inherit
}
.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:8px;
	margin-top:-110px;
	box-shadow:0 11px 15px 0 rgba(10, 10, 10, 0.3)
}
.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%;
	padding-right:15px;
	padding-left:15px
}
.col-1a {
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%
}
.col-2a {
	-webkit-box-flex:0;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
.col-3a {
	-webkit-box-flex:0;
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%
}
.col-4a {
	-webkit-box-flex:0;
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%
}
.col-5a {
	-webkit-box-flex:0;
	-ms-flex:0 0 20%;
	flex:0 0 20%;
	max-width:20%
}
.col-6a {
	-webkit-box-flex:0;
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%
}
.col-7a {
	-webkit-box-flex:0;
	-ms-flex:0 0 14.285714%;
	flex:0 0 14.285714%;
	max-width:14.285714%
}
.col-8a {
	-webkit-box-flex:0;
	-ms-flex:0 0 12.5%;
	flex:0 0 12.5%;
	max-width:12.5%
}
.col-9a {
	-webkit-box-flex:0;
	-ms-flex:0 0 11.111111%;
	flex:0 0 11.111111%;
	max-width:11.111111%
}
.col-10a {
	-webkit-box-flex:0;
	-ms-flex:0 0 10%;
	flex:0 0 10%;
	max-width:10%
}
@media (min-width:576px) {
.col-sm-1a {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.col-sm-2a {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-sm-3a {
-webkit-box-flex:0;
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-sm-4a {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-sm-5a {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.col-sm-6a {
-webkit-box-flex:0;
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-sm-7a {
-webkit-box-flex:0;
-ms-flex:0 0 14.285714%;
flex:0 0 14.285714%;
max-width:14.285714%
}
.col-sm-8a {
-webkit-box-flex:0;
-ms-flex:0 0 12.5%;
flex:0 0 12.5%;
max-width:12.5%
}
.col-sm-9a {
-webkit-box-flex:0;
-ms-flex:0 0 11.111111%;
flex:0 0 11.111111%;
max-width:11.111111%
}
.col-sm-10a {
-webkit-box-flex:0;
-ms-flex:0 0 10%;
flex:0 0 10%;
max-width:10%
}
}
@media (min-width:768px) {
.col-md-1a {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.col-md-2a {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-md-3a {
-webkit-box-flex:0;
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-md-4a {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-md-5a {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.col-md-6a {
-webkit-box-flex:0;
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-md-7a {
-webkit-box-flex:0;
-ms-flex:0 0 14.285714%;
flex:0 0 14.285714%;
max-width:14.285714%
}
.col-md-8a {
-webkit-box-flex:0;
-ms-flex:0 0 12.5%;
flex:0 0 12.5%;
max-width:12.5%
}
.col-md-9a {
-webkit-box-flex:0;
-ms-flex:0 0 11.111111%;
flex:0 0 11.111111%;
max-width:11.111111%
}
.col-md-10a {
-webkit-box-flex:0;
-ms-flex:0 0 10%;
flex:0 0 10%;
max-width:10%
}
.modal-content.modal-suspend .modal-body {
margin-left:12px;
margin-right:12px
}
}
@media (min-width:992px) {
.col-lg-1a {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.col-lg-2a {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-lg-3a {
-webkit-box-flex:0;
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-lg-4a {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-lg-5a {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.col-lg-6a {
-webkit-box-flex:0;
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-lg-7a {
-webkit-box-flex:0;
-ms-flex:0 0 14.285714%;
flex:0 0 14.285714%;
max-width:14.285714%
}
.col-lg-8a {
-webkit-box-flex:0;
-ms-flex:0 0 12.5%;
flex:0 0 12.5%;
max-width:12.5%
}
.col-lg-9a {
-webkit-box-flex:0;
-ms-flex:0 0 11.111111%;
flex:0 0 11.111111%;
max-width:11.111111%
}
.col-lg-10a {
-webkit-box-flex:0;
-ms-flex:0 0 10%;
flex:0 0 10%;
max-width:10%
}
}
@media (min-width:1200px) {
.col-xl-1a {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.col-xl-2a {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-xl-3a {
-webkit-box-flex:0;
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-xl-4a {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-xl-5a {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.col-xl-6a {
-webkit-box-flex:0;
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-xl-7a {
-webkit-box-flex:0;
-ms-flex:0 0 14.285714%;
flex:0 0 14.285714%;
max-width:14.285714%
}
.col-xl-8a {
-webkit-box-flex:0;
-ms-flex:0 0 12.5%;
flex:0 0 12.5%;
max-width:12.5%
}
.col-xl-9a {
-webkit-box-flex:0;
-ms-flex:0 0 11.111111%;
flex:0 0 11.111111%;
max-width:11.111111%
}
.col-xl-10a {
-webkit-box-flex:0;
-ms-flex:0 0 10%;
flex:0 0 10%;
max-width:10%
}
}
@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 100%;
flex:0 0 100%;
max-width:100%
}
.col-xxl-2a {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-xxl-3a {
-webkit-box-flex:0;
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-xxl-4a {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-xxl-5a {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.col-xxl-6a {
-webkit-box-flex:0;
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-xxl-7a {
-webkit-box-flex:0;
-ms-flex:0 0 14.285714%;
flex:0 0 14.285714%;
max-width:14.285714%
}
.col-xxl-8a {
-webkit-box-flex:0;
-ms-flex:0 0 12.5%;
flex:0 0 12.5%;
max-width:12.5%
}
.col-xxl-9a {
-webkit-box-flex:0;
-ms-flex:0 0 11.111111%;
flex:0 0 11.111111%;
max-width:11.111111%
}
.col-xxl-10a {
-webkit-box-flex:0;
-ms-flex:0 0 10%;
flex:0 0 10%;
max-width:10%
}
.mx-xxl-n5 {
margin-left:-5rem !important;
margin-right:-5rem !important
}
.container-lg, .container-md, .container-sm, .container-xl {
max-width:1500px
}
}
@media (min-width:1560px) {
.mx-xxxl-n5 {
margin-left:-5rem !important;
margin-right:-5rem !important
}
}
.size-50 {
	width:50px;
	height:50px
}
.size-70 {
	width:70px;
	height:70px
}
.row-lg {
	margin-left:-1rem;
	margin-right:-1rem
}
.row-lg [class*="col-"], .row-lg .col {
padding-left:1rem;
padding-right:1rem
}
.row-md {
margin-left:-.75rem;
margin-right:-.75rem
}
.row-md [class*="col-"], .row-md .col {
padding-left:.75rem;
padding-right:.75rem
}
.row-sm {
margin-left:-.5rem !important;
margin-right:-.5rem !important
}
.row-sm [class*="col-"], .row-sm .col {
padding-left:.5rem !important;
padding-right:.5rem !important
}
.row-xs {
margin-left:-.25rem !important;
margin-right:-.25rem !important
}
.row-xs [class*="col-"], .row-xs .col {
padding-left:.25rem !important;
padding-right:.25rem !important
}
.row-xs .card, .row-xs .block {
margin-bottom:.5rem !important
}
.io-mx-n2 {
margin-left:-.5rem !important;
margin-right:-.5rem !important
}
.io-px-2, .io-mx-n2 .url-card {
/*padding-left:.5rem !important;
padding-right:.5rem !important
*/
}
@media (min-width:768px) {
.io-mx-n2 {
margin-left:-.825rem !important;
margin-right:-.825rem !important
}
.io-px-2, .io-mx-n2 .url-card {
/*padding-left:.825rem !important;
padding-right:.825rem !important
*/
}
}
@media (min-width:768px) and (max-width:991.98px) {
.row-md {
margin-left:-.5rem;
margin-right:-.5rem
}
.row-md [class*="col-"], .row-md .col {
padding-left:.5rem;
padding-right:.5rem
}
}
@media (max-width:991.98px) {
.padding {
padding:1.5rem
}
.row-lg {
margin-left:-.5rem;
margin-right:-.5rem
}
.row-lg [class*="col-"], .row-lg .col {
padding-left:.5rem;
padding-right:.5rem
}
}
@media (max-width:767.98px) {
.padding {
padding:1rem
}
.container {
padding-right:.625rem;
padding-left:.625rem
}
.row {
margin-right:-.5rem;
margin-left:-.5rem
}
.row [class*="col-"] {
padding-right:.5rem;
padding-left:.5rem
}
.row-md {
margin-left:-.5rem;
margin-right:-.5rem
}
.row-md [class*="col-"], .row-md .col {
padding-left:.5rem;
padding-right:.5rem
}
}
#loading, #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:#fff;
-webkit-transition:ease-in-out .5s;
transition:ease-in-out .5s
}
#loading, #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.close {
	opacity:0;
	visibility:hidden
}
.io-black-mode #loading, .io-black-mode #load-loading {
	background:#111
}
#search {
	max-width:800px;
	position:relative
}
#search form {
	position:relative
}
#search-text {
	z-index:inherit;
	padding:9pt;
	height:50px;
	font-size:1pc;
	border:0;
	border-radius:3px;
	background-color:#fff;
transition:.3s
}
#search button {
	position:absolute;
	top:0;
	right:0;
	background:#313437;
	border:0;
	width:60px;
	height:36px;
	margin:7px 9pt 0;
	line-height:36px;
	border-radius:3px
}
#search button:hover {
	background:#000;
	cursor:pointer
}
#search button i {
	color:#fff;
	font-size:18px
}
#search .search-select {
	height:50px;
	cursor:pointer;
	border:none;
	background-color:#fff;
transition:.3s
}
#search .input-group-prepend:not(.d-none)+.search-key {
border-top-left-radius:0;
border-bottom-left-radius:0
}
.search-group {
	display:none
}
.search-group-modal {
	display:none
}
.s-current .search-type {
	padding-left:5px;
	display:initial
}
.s-current {
	display:flex
}
#search-list {
	position:relative
}
#search-list-modal {
	position:relative
}
.s-type {
	position:absolute;
	top:0;
	left:0;
	z-index:23;
	width:75px
}
.s-type:hover {
	height:auto
}
.s-type>span {
	display:block;
	height:31px;
	width:75px
}
.s-type-list {
	display:none;
	position:absolute;
	top:31px;
	min-width:75px;
	padding:12px 0;
	background:#fff;
	border-radius:5px;
	box-shadow:0 9px 20px rgba(0, 0, 0, .16)
}
.s-type-list:before {
	position:absolute;
	top:-1pc;
	left:20px;
	content:'';
	display:block;
	width:0;
	height:0;
	border:10px solid transparent;
	border-bottom-color:#fff
}
.s-type-list label {
	display:block;
	font-size:15px;
	text-align:center;
	font-weight:normal;
	margin-bottom:0;
	padding:2px 0px;
	word-break:keep-all;
	cursor:pointer;
transition:.3s
}
.s-type-list:not(.big) label {
padding:2px 12px
}
.s-type-list label:hover {
	background:rgba(136, 136, 136, .1)
}
.s-type-list .tile-lg {
	color:#fff;
	width:3pc;
	height:3pc;
	font-size:1.25rem;
	line-height:3rem;
border-radius:.3rem;
	display:block;
	margin:auto
}
.s-type:hover .s-type-list {
	display:block
}
.type-text {
	display:flex;
	align-items:center;
	word-break:keep-all;
	padding-left:9pt
}
.type-text:after {
	content:"\e793";
	font-family:"iconfont";
	font-size:12px;
	margin:0 0 0 10px
}
.search-type {
	white-space:nowrap;
	margin:0
}
.search-type label {
	margin:0
}
.search-type li {
	display:inline-block
}
.search-type li label {
	display:inline-block;
	padding:0 11px;
	font-size:14px;
	line-height:31px;
	border-radius:3px 3px 0 0;
	cursor:pointer
}
.search-type li.menu-item a {
	display:inline-block;
	font-size:14px;
	line-height:31px;
	border-radius:3px 3px 0 0
}
.search-type input:checked+label, .search-type input:hover+label {
	background-color:#fff
}
.set-check {
	margin-top:3px;
	font-size:9pt
}
.set-check label {
	margin-left:3px
}
.set-check input, .set-check label {
	opacity:0;
transition:all .3s ease
}
.search-type li {
	list-style:none;
	display:inline-block
}
.search-type {
	overflow:auto
}
.search-smart-tips {
	position:absolute;
	z-index:20;
	width:100%;
	overflow:hidden
}
.search-smart-tips ul {
	padding:10px 0;
	margin:0
}
.search-smart-tips ul li {
	line-height:30px;
	font-size:14px;
	padding:0px 25px;
	cursor:pointer;
	list-style:none;
transition:.3s
}
.search-smart-tips ul li:hover, .search-smart-tips ul li.current {
	background-color:rgba(130, 130, 130, .5)
}
@media screen and (max-width:767.98px) {
#search {
margin:25px auto 15px
}
.s-type-list label {
padding:5px 0
}
.s-type-list:not(.big) label {
padding:5px 16px
}
.search-list {
height:30px;
overflow-y:hidden;
overflow-x:scroll;
white-space:nowrap
}
}
.search-modal #m_search-text {
	z-index:inherit;
	padding:9pt;
	height:50px;
	font-size:1pc;
	border:0;
	border-radius:3px;
	background-color:rgba(126, 126, 126, .1)
}
.search-modal #search .search-select, .search-modal .search-type input:checked+label, .search-modal .search-type input:hover+label {
	background-color:rgba(126, 126, 126, .1)
}
.search-modal li.menu-item {
	display:inline-block !important;
	margin:4px
}
.search-modal li.menu-item a {
	font-size:12px;
padding:.375rem .875rem;
	background:rgba(136, 136, 136, .1);
	border-radius:50px
}
.btn-search {
	position:relative;
	background-color:rgba(150, 150, 150, .16);
transition:.2s ease-out
}
.btn-search:hover, .btn-search.current {
	color:#fff !important;
	background-color:#f1404b;
	box-shadow:0 5px 20px -3px rgba(249, 100, 90, .6)
}
.btn-search.current:after {
	content:"";
	position:absolute;
	bottom:-17px;
	left:0;
	right:0;
	margin:0 auto;
	width:0;
	border:10px solid transparent;
	border-top-color:#f1404b
}
.text-break-all {
	word-break:break-all
}
.hot-ico {
	height:18px;
margin-right:.25rem;
margin-bottom:.2rem
}
.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)
}
.ajax-loading {
	background:rgba(250, 250, 250, .7) !important
}
#comments-navi>span, #comments-navi>a, .page-nav span:not(.current) {
position:relative;
display:inline-block;
background-color:rgba(150, 150, 150, .16);
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-navi>a:hover, #comments-navi>.current, .page-nav>a:hover span, .page-nav>.current span {
	color:#fff !important;
	background-color:#f1404b;
	box-shadow:0px 5px 20px -3px rgba(249, 100, 90, .6)
}
.overflow-x-auto {
	-webkit-overflow-scrolling:touch;
	overflow-x:auto;
	overflow-y:unset
}
.overflow-y-auto {
	overflow-y:auto;
	overflow-x:unset
}
.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%)
}
.external {
	padding-right:5px
}
.external:after {
	content:"\e66c";
	font-family:"iconfont";
	font-size:75%
}
.nav-login-user {
	position:relative
}
.nav-login-user .user-ico img {
	width:28px;
	height:28px;
	border-radius:100%
}
.nav-login-user .header-user {
	position:absolute;
	opacity:0;
	width:400px;
	right:-30px;
	visibility:hidden;
transition:.3s
}
.nav-login-user:hover .header-user {
	opacity:1;
	visibility:visible
}
.user-card-top img {
	width:46px;
	height:46px;
	border-radius:100%
}
.nav-login-user .card-top {
	padding-bottom:10px;
	border-bottom:1px dashed #cecece
}
.fancybox-slide--iframe .fancybox-content {
	max-width:1280px;
	margin:0
}
.fancybox-slide--iframe.fancybox-slide {
	padding:44px 0
}
.fancybox-toolbar {
	right:calc(50% - 22px);
	top:22px
}
.big-header-banner .page-header {
	color:#fff;
	background:rgba(255, 255, 255,1);
	box-shadow:none;
transition:color .3s, background-color .3s
}
.big-header-banner.header-bg .page-header {
	color:initial;
	background:rgba(255, 255, 255, 1)
}


.header-big {
	position:relative;
	margin-top:-75px;
	padding-top:60px;
	padding-bottom:60px
}
.header-big.bg-gradual:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
transition:.3s
}
.header-big.bg-gradual:after {
	content:"";
	position:absolute;
	left:0;
	height:280px;
	right:0;
	bottom:-1px;
	background-image:linear-gradient(to top, #f9f9f9 0%, transparent 80%);
	pointer-events:none;
transition:.3s
}
.header-big.css-img, .header-big.css-bing {
	background-color:#1b1d1f;
	background-size:cover;
	background-position:center
}
.header-big.canvas-fx {
	background-color:#1b1d1f
}
.post-top {
	padding-bottom:120px
}
.header-big.no-bg {
	padding-bottom:10px
}
.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
}
}
.blog-tab {
	height:50px;
	margin-bottom:-30px
}
.white-nowrap {
	white-space:nowrap
}
.dl {
	margin-top:-1.5px;
	width:80%;
	height:3px;
	background:#888;
	border-radius:3px;
	opacity:.3;
transition:.4s;
	margin:auto
}
.dlb:hover .dl {
	width:90%;
	background:#f1404b;
	opacity:1;
	box-shadow:0 1px 6px rgba(241, 64, 75, .6)
}
.dl-text {
	position:relative;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	color:#888;
	text-align:center;
	font-size:12px;
	margin:20px 0
}
.dl-text::before, .dl-text::after {
content:"";
width:33%;
height:1px;
background:#888;
opacity:.5
}
.upload-box {
	cursor:pointer;
transition:.3s
}
.upload-box:hover.bg-light {
	background:rgba(32, 158, 255, .1) !important
}
.tab-btn {
	position:relative;
	padding:8px 16px
}
.tab-btn.active::after {
content:"";
position:absolute;
bottom:0;
width:40%;
height:4px;
border-radius:2px;
left:0;
right:0;
margin:auto;
background:#f1404b;
box-shadow:0 1px 6px rgba(241, 64, 75, .6)
}
.count-tips::after {
content:attr(data-min) "/"attr(data-max);
position:absolute;
top:50%;
z-index:3;
right:5px;
color:#999;
transform:translate(0, -50%)
}
.count-tips .form-control {
	padding-right:60px
}
.header-big .s-search, .header-big #bulletin_box {
	margin:0 15px
}
.header-big #bulletin_box {
	background:transparent;
	box-shadow:none
}
.header-big:not(.no-bg) #bulletin_box a {
color:#fff
}
.header-big .bulletin-big #bulletin_box {
	max-width:600px;
	margin:0 auto
}
.header-big:not(.no-bg) #bulletin_box .card-body {
color:#fff !important;
background:rgba(0, 0, 0, .3);
border-radius:50px
}
.header-big .bulletin-close {
	opacity:.1;
transition:opacity .3s
}
.header-big .bulletin-big #bulletin_box:hover .bulletin-close {
	opacity:.7
}
.header-big .search-group {
	padding:0;
	margin:0 auto
}
.header-big #search-list {
	text-align:center
}
.header-big .search-smart-tips {
	width:unset;
	left:20px;
	right:20px
}
.header-big .search-type input:checked+label, .header-big .search-type input:hover+label {
	position:relative;
	background:transparent !important
}
.header-big .search-type input:checked+label:before {
	content:'';
	border-width:8px 8px 0px 8px;
	border-style:solid;
	border-color:rgba(0, 0, 0, .6) transparent transparent;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-8px
}
.header-big .search-type li label {
	padding-top:5px
}
.header-big .s-type-list {
	position:relative !important;
	display:block;
	white-space:nowrap;
	text-align:center;
	position:inherit;
	top:inherit;
	padding:inherit;
	width:none;
	background:none !important;
	border-radius:inherit;
	box-shadow:none !important
}
.header-big:not(.no-bg) .s-type-list {
color:#fff
}
.s-type:hover .s-type-list.big {
	display:block
}
.header-big .s-type-list .anchor {
	background:#888;
	border-radius:100px;
	width:10px;
	height:4px;
	bottom:5px;
-webkit-transition:.25s;
transition:.25s
}
.header-big:not(.no-bg) .s-type-list .anchor {
background:#fff
}
.header-big .s-type-list label:hover {
	background:none
}
.header-big .s-type-list:before {
	display:none
}
.header-big .s-type {
	position:inherit;
	top:inherit;
	left:inherit;
	z-index:inherit;
	width:auto
}
.header-big .s-type-list label {
	position:relative;
	display:inline-block
}
.header-big .s-type-list label span {
	display:block;
	padding:10px 10px
}
.header-big .s-type-list label:not(.active)::after {
content:'';
height:4px;
width:4px;
border-radius:2px;
position:absolute;
left:50%;
bottom:5px;
margin-left:-2px;
background-color:rgba(255, 255, 255, 0);
transition:.3s
}
.header-big .s-type-list label:not(.active):hover::after {
background-color:#fff
}
.header-big .s-type-list label:not(.active), .header-big:not(.no-bg) .search-type label {
opacity:.5;
transition:opacity .3s
}
.header-big .s-type-list label:not(.active):hover, .header-big:not(.no-bg) .search-type label:hover {
opacity:1
}
.header-big .search-type input:checked+label {
	opacity:1
}
.header-big #search-text {
	border-radius:50px;
	color:#fff;
	border:1px solid rgba(255, 255, 255, .05);
	padding:9px 20px;
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	background-color:rgba(0, 0, 0, .6) !important
}
.header-big #search button {
	position:absolute;
	top:0;
	right:0;
	background:transparent;
	border:0 !important;
	width:unset;
	height:unset;
	margin:0 9px;
	line-height:50px;
	border-radius:3px
}
.header-big #search button:active, .header-big #search button:focus {
	box-shadow:none;
	outline:none;
	border:0 !important
}
.header-big .canvas-bg {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	border-width:0
}
.header-big:not(.no-bg) .text-muted, .header-big:not(.no-bg) .search-type .menu-item a, .header-big:not(.no-bg) .big-title .h1 {
color:#fff !important
}
.header-big.no-bg #search-text {
	color:#fff;
	border:none;
	background-color:rgba(0, 0, 0, .2) !important
}
.header-big.no-bg .search-type input:checked+label:before {
	border-color:rgba(0, 0, 0, .2) transparent transparent
}
.header-big .search-type li.menu-item {
	padding:5px 10px 0px 10px
}
@media screen and (min-width:768px) {
.header-big {
padding-top:110px;
padding-bottom:110px
}
.post-top {
padding-bottom:180px
}
.header-big.no-bg {
padding-bottom:20px
}
.header-big .search-type li label, .header-big .search-type li.menu-item {
padding:5px 20px
}
.header-big .s-type-list label span {
padding:10px 20px
}
}
@media screen and (min-width:992px) {
.header-big .s-search {
margin:0
}
}
.io-black-mode .header-big.bg-gradual:before, .io-black-mode .header-big.bg-gradual:after {
	background-image:linear-gradient(to top, #1b1d1f 0%, transparent 80%)
}
.io-black-mode .big-header-banner .page-header {
	background:transparent;
	box-shadow:none
}
.io-black-mode .big-header-banner.header-bg .page-header {
	color:#fff;
	background:#2c2e2f;
	box-shadow:0 0 25px 5px rgba(10, 10, 10, .25)
}

.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-content2 {
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(120, 120, 120, .1);
    width: 128px;
    height: 84px;
    margin: 0 auto;
    display: block;
}
.carousel-item.home-item:after {
	content:"";
	display:block;
	padding-top:300px
}
.carousel-caption {
	bottom:0;
	padding-top:10px;
	padding-bottom:10px
}
.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;
	border-radius: .25rem;
}
.media:after {
	content:'';
	display:block;
	padding-top:100%
}
.media-title {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:5px 10px;
	color:#fff
}
.new-news {
	height:100%
}
.new-news .news_title {
	background-color:rgba(0, 0, 0, .1);
	padding:8px 10px;
border-radius:.20rem .20rem 0 0
}
.new-news ul {
	overflow:auto;
	padding:0 20px;
	margin-bottom:10px
}
.new-news ul li {
	position:relative;
	padding:0 10px 10px 20px;
	border-left:2px solid rgba(136, 136, 136, .2)
}
.new-news ul li i {
	font-size:12px;
	top:3px;
	color:#888;
	position:absolute;
	padding:5px;
	left:-12px;
	background:#fff;
transition:background-color .3s
}
.new-news .news_all_btn {
	position:absolute;
	right:4px;
	padding:8px 10px;
transition:.3s
}
.new-news .news_all_btn:hover {
	right:0px
}
@media screen and (min-width:768px) {
.new-news {
position:absolute;
left:.5rem;
right:0
}
}
@media screen and (max-width:767.98px) {
.new-news {
height:200px
}
.big-title .h1 {
font-size:30px
}
}
@media screen and (max-width:575.98px) {
.carousel-item.home-item:after {
padding-top:250px
}
.new-news {
height:150px
}
}
@media screen and (max-width:454.98px) {
.carousel-item.home-item:after {
padding-top:180px
}
.new-news {
height:100px
}
}
.overlay {
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .66);
	position:absolute;
	opacity:.22;
	top:0;
	left:0;
-webkit-transition:opacity .3s ease-in-out;
-moz-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
.article-list:after {
	padding-top:146px
}
.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
}
@media (max-width:767.98px) {
.post-cover .media-5x1:after {
padding-top:30%
}
}
@media (min-width:1200px) {
.media-xl-16x9:after {
padding-top:56.25% !important
}
.media-xl-3x2:after {
padding-top:66.66666% !important
}
}
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)
}
blockquote p:last-of-type {
	margin:0;
	padding:0
}
.tags i {
	color:#f1404b;
	margin-right:10px;
	vertical-align:middle
}
.tags a {
	display:inline-block;
	margin:4px 2px;
	padding:3px 10px;
	color:#6d6d6d;
	font-size:12px;
    transition:.3s;
	background:rgba(148, 149, 158, .15);
	border-radius:15px
}
.color-0 {
	color:#F1404B !important;
	background-color:rgba(249, 100, 90, .15) !important
}
.color-1, .color-5 {
	color:#20a0ff !important;
	background-color:rgba(32, 158, 255, .15) !important
}
.color-2, .color-6 {
	color:#39c408 !important;
	background-color:rgba(58, 196, 8, .15) !important
}
.color-3, .color-7 {
	color:#ff8400 !important;
	background-color:rgba(255, 131, 0, .15) !important
}
.color-4, .color-8 {
	color:#837adc !important;
	background-color:rgba(132, 122, 220, .15) !important
}
.color-d {
	color:#888
}
.card.new-news li {
	list-style:none
}
.user-level-header {
	min-height:60px;
	width:40%
}
.user-level-body {
	border:1px solid rgba(136, 136, 136, 0.2)
}
.user-level-box:not(.post-content) .badge {
position:absolute;
top:-30px;
left:40%
}
.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 {
	color:var(--this-color);
	background-color:var(--this-bg-color);
	background-image:var(--this-bg-image);
--this-color:#b6e0ff;
--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));
	background-size:130% 180%, 120% 220%, 110% 150%;
	background-position:-120% -50%, 280% 50%, -90% 80%;
	background-repeat:no-repeat;
	animation:12s modal-header-anim infinite
}
@keyframes modal-header-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
}
.loading-anim {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%
}
.step-simple {
	display:flex;
	padding:6px 16px;
	background:rgba(130, 130, 130, .1);
	border-radius:4px;
	text-align:center
}
.step-simple>span {
	flex:1;
	position:relative;
	margin:0 6px
}
.step-simple>span+span:before {
	position:absolute;
	content:"\ea22";
	font-family:'iconfont';
	font-size:12px;
	left:-8px
}
.step-simple>span.active {
	font-weight:bold
}
.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)
}
.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 rgba(136, 136, 136, 0.2);
	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:8px;
	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
}
.content-hide-tips .hidden-text {
	position:absolute;
	padding:2px 9px;
	font-size:12px;
	top:3px;
	left:3px;
	color:#8b1c1c;
	background:rgba(244, 108, 108, 0.3);
	border-radius:var(--main-radius);
	border:1px dashed rgba(155, 155, 155, .3);
transition:.3s
}
.tags a:focus, .tags a:hover {
	background-color:#232425 !important;
	text-decoration:none;
	color:#fff !important
}
pre {
	position:relative;
	overflow-y:auto;
	border:0;
	color:#777;
	border-radius:3px;
padding:.75rem;
	margin:1.5rem 0;
	white-space:pre-wrap;
	word-wrap:break-word;
	background-color:rgba(0, 0, 0, .04)
}
table {
	width:100%
}
th, td {
	border:1px solid rgba(136, 136, 136, .3);
	padding:8px 12px
}
.single-top-area {
	background:#fff
}
.near-navigation {
	display:flex;
	background:#fff
}
.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 .previous {
	border-radius:5px 0 0 5px;
	overflow:hidden
}
.near-navigation span {
	font-size:14px;
	font-weight:500;
	position:relative;
	text-transform:uppercase;
	z-index:2
}
.near-navigation .near-title {
	font-size:12px;
	margin:5px 0 0;
	position:relative;
	z-index:2
}
.near-navigation img {
	height:100%;
	left:0;
	-o-object-fit:cover;
	object-fit:cover;
	position:absolute;
	top:0;
	width:100%
}
.near-navigation .none span, .near-navigation .none .near-title {
	color:#999
}
.panel-header h1 {
	line-height:1.5
}
.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 h1, .panel-body h2, .panel-body h3, .panel-body h4, .panel-body h5, .panel-body h6 {
	margin-bottom:1rem
}
.panel-body h1 {
	font-size:1.5rem
}
.panel-body h2 {
	font-size:1.25rem;
	border-left:3px solid #f1404b;
padding:.25rem 0 .25rem 1.25rem;
	margin-left:-1.438rem
}
.panel-body h3 {
	font-size:1.125rem;
	border-left:3px solid #f1404b;
	padding-left:1.25rem;
	margin-left:-1.438rem
}
.panel-body h4 {
	font-size:1rem;
padding-bottom:.5rem;
	border-bottom:1px solid rgba(136, 136, 136, .2)
}
.panel-body h5, .panel-body h6 {
	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, .transparent .panel-body h3 {
	position:relative;
	margin-left:0
}
@media (max-width:767.98px) {
blockquote {
padding-left:1.25rem
}
.user-level-box .badge {
top:-25px
}
.user-level-header {
width:60%
}
.panel-body p, .panel-body figure {
font-size:.9375rem
}
.panel-header h3, .panel-header .h3 {
font-size:1.5rem
}
}
@media (min-width:768px) {
.user-level-body:not(.is-buy) .pay-list-btn {
width:60%;
margin-left:auto
}
}
.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
}
.siteico {
	background:#e6e8ed;
	position:relative;
	overflow:hidden;
	box-shadow:0 30px 20px -20px rgba(0, 0, 0, .15);
	border-radius:10px;
transition:background-color .3s
}
.siteico:before {
	content:'';
	display:block;
	padding-top:100%
}
.tool-actions {
	position:absolute;
	left:0;
	bottom:0;
	right:0;
padding:.625rem 0
}
.tool-actions .btn-light {
	color:#424446 !important;
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	background-color:rgba(250, 250, 250, .5) !important;
	border-color:transparent !important
}
.tool-actions .btn-light:hover {
	background-color:rgba(255, 255, 255, .8) !important
}
.customize-menu .btn-edit {
	color:#ddd;
	line-height:24px;
	background:#f1404b;
	padding:0 10px;
	margin:5px 0;
	border-radius:50px;
	white-space:nowrap
}
.customize-menu .btn-edit:hover {
	color:#fff
}
.blur {
	-moz-filter:blur(15px);
	-ms-filter:blur(15px);
	-webkit-filter:blur(15px);
	filter:blur(15px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=15, MakeShadow=false)
}
.blur-layer {
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	width:inherit;
	height:inherit;
	opacity:.2
}
.img-cover {
	max-width:90% !important;
	min-width:72px !important;
	max-height:90% !important;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	border-radius:6px
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
.site-body .btn-arrow {
	color:#444;
	border-radius:6px;
	padding:7px 16px;
	background-color:rgba(138, 138, 138, .15);
transition:.3s
}
.site-body .btn-arrow:hover {
	color:#fff;
	background:#202224
}
.site-body .btn-arrow:active {
	box-shadow:unset
}
.site-body .site-go .btn {
	margin-bottom:10px
}
.site-go-url {
	position:relative
}
.site-go-url .spare-url {
	position:absolute;
	opacity:0;
	visibility:hidden;
	margin-top:0;
transition:.3s
}
.site-go-url .spare-url a {
	white-space:nowrap
}
.site-go a+a {
	margin-left:10px
}
.site-go-url:hover .spare-url {
	opacity:1;
	visibility:visible;
	margin-top:-10px
}
.card-post .flex-avatar {
	padding:2px !important
}
.card-post .media, .card-book .media {
	box-shadow:0 0 20px -5px rgba(20, 20, 20, .2);
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.card-post:hover .media, .card-book:hover .media {
	transform:translateY(-6px);
	-webkit-transform:translateY(-6px);
	-moz-transform:translateY(-6px);
	box-shadow:0 26px 40px -24px rgba(27, 28, 31, .3);
	-webkit-box-shadow:0 26px 40px -24px rgba(27, 28, 31, .3);
	-moz-box-shadow:0 26px 40px -24px rgba(27, 28, 31, .3)
}
.card-post .list-content {
padding-bottom:.5rem
}
.btn-arrow {
	position:relative
}
.btn-arrow span {
	padding-right:1.25rem;
	display:inline-block
}
.btn-arrow i {
	position:absolute;
	font-size:18px;
	width:.8em;
	right:1rem;
	top:50%;
	opacity:.6;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
	will-change:right, opacity
}
.btn-arrow:hover i, .btn-arrow:focus i {
	opacity:1;
right:.6rem
}
.btn-mgs {
	position:relative;
	padding-left:1.25rem;
	padding-right:1.25rem;
	overflow:hidden;
transition:.3s;
	background-color:rgba(138, 138, 138, .2);
--this-color:#444
}
.btn-mgs .b-name {
	opacity:1;
transition:.3s;
	padding-right:1.25rem
}
.btn-mgs .b-price {
	position:absolute;
	display:flex;
	color:#fff;
	opacity:0;
	top:0;
	left:1rem;
	height:100%;
transition:.3s;
	white-space:nowrap;
	align-items:center
}
.btn-mgs i {
	position:absolute;
	font-size:18px;
	width:.8em;
	right:1rem;
	top:50%;
	opacity:.6;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
	will-change:right, opacity
}
.btn-mgs:hover {
	color:#fff;
	background-color:#212224
}
.btn-mgs:hover .b-name {
	opacity:0
}
.btn-mgs:hover .b-price {
left:.6rem;
	opacity:1
}
.btn-mgs:hover i, .btn-mgs:focus i {
	opacity:1;
right:.6rem
}
.btn-cat {
	color:#fff !important;
	background:#f1404b;
	font-size:12px;
	padding:2px 5px;
	border-radius:4px;
transition:.3s
}
.btn-cat:hover {
	color:#fff;
	background:#212224
}
.btn-icon {
	text-align:center;
	width:3.125rem;
	height:3.125rem;
	padding:0 !important;
	position:relative
}
.btn-icon span {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	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
}
.country-piece {
	position:absolute;
	color:#fff;
	top:10px;
	right:10px;
transition:.3s;
	padding:0 5px;
	background:#f1404b;
	border-radius:20px
}
.link-dead {
	position:absolute;
font-size:.825rem;
	color:#ddd;
	top:10px;
	left:10px;
transition:.3s;
	padding:2px 14px;
	background-image:linear-gradient(20deg, #48494c 0%, #232426 100%);
	border-radius:20px
}
.link-dead-msg {
	display:inline;
	color:#80410a !important;
	background-color:#ecbd8a;
	padding:2px 12px;
	border-radius:20px
}
.sites-default-content .card-footer {
	background-color:transparent
}
.content-title {
	position:relative
}
.content-title:before, .content-title:after {
	position:absolute;
	top:50%;
	width:50px;
	height:1px;
	border-top:1px solid;
	content:'';
	border-color:inherit;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.content-title:before {
	left:-65px
}
.content-title:after {
	right:-65px
}
@media screen and (max-width:575.98px) {
.siteico:before {
padding-top:60%
}
.card-post .list-content {
padding-top:.5rem
}
}
.down-content {
	margin-top:120px
}
.down-content .card {
	border:0
}
.down-content .card .card-header {
	position:relative;
	border-radius:6px;
padding:.3rem;
	margin:0 15px;
	margin-top:-30px;
	border:0;
	background:linear-gradient(60deg, #f1404b, #f1417c);
	box-shadow:0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(176, 39, 62, .6)
}
.down-content .card-header-img {
	margin-top:-100px;
	padding:8px;
	width:120px;
	height:120px;
	background:#ffffff;
transition:background-color .3s
}
.down-content .card-signup {
	border-radius:6px;
	margin:0 15px;
	box-shadow:0 16px 24px 2px rgba(0, 0, 0, .1), 0 6px 30px 5px rgba(0, 0, 0, .08), 0 8px 10px -5px rgba(0, 0, 0, .15)
}
.down-content .down-info li {
	margin:5px 0
}
.btn-danger {
	color:#fff;
	background-color:#f1404b;
	border-color:transparent
}
.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
	color:#fff;
	box-shadow:0 0 0 0 transparent
}
.down-content .apd-right {
	position:relative;
	background:rgba(34, 34, 34, .05);
	width:100%;
	height:100%;
	border-radius:6px;
	border:2px dashed rgba(0, 0, 0, .1)
}
.down-content .statement {
	position:relative;
	margin:0 -1.25rem;
	border-bottom:2px dashed #eee;
	border-top:2px dashed #eee;
	background:rgba(0, 0, 0, .01);
transition:.3s
}
.down-content .statement:before {
	content:"";
	position:absolute;
	width:8px;
	height:8px;
	top:5px;
	left:5px;
	border-radius:50%;
	background:#eee;
	box-shadow:0 10px #eee, 0 20px #eee;
transition:.3s
}
.down-content .card-nav-tabs:before {
	content:"\e604";
	position:absolute;
	bottom:-3px;
	right:5px;
	font-size:20px;
	color:rgba(129, 129, 129, .3);
	font-family:"iconfont"
}
@media screen and (max-width:767.98px) {
.down-content .card-signup {
border-radius:6px;
margin:0 -10px
}
.down-content {
margin-top:90px
}
.down-content .card .card-header {
margin-left:5px;
margin-right:5px
}
.down-content .card-header-img {
margin-top:-70px;
padding:6px;
width:90px;
height:90px
}
}
.book-info ul {
	list-style:none;
	margin:0;
	padding:0
}
.book-info .info-title {
	display:inline-block;
	width:70px;
	text-align:justify;
	text-justify:distribute-all-lines;
	-moz-text-align-last:justify;
	text-align-last:justify
}
.rankings .ranking-tab-body:not(.add-js)>:first-child {
display:block !important
}
.ranking .ranking-tab-button {
	top:0
}
.ranking .ranking-title {
	padding-top:12px
}
.ranking .tab-button {
	border-left:1px solid rgba(136, 136, 136, .1);
	padding:14px 11px
}
.ranking .tab-button:hover, .ranking .tab-button.active {
	background:rgba(136, 136, 136, .1)
}
.empty-list {
	align-items:center;
	justify-content:center;
	flex:1 1 auto;
	display:flex
}
.empty-list i {
	font-size:56px;
	opacity:.5
}
@media (max-width:767.98px) {
.ranking-tabs .card {
border-radius:0 0 .25rem .25rem
}
.ranking-tab-body .tab-title {
visibility:hidden
}
}
.v-avatar {
	width:32px;
	height:32px
}
.profile img {
	width:48px;
	height:48px;
	border-radius:50%
}
.children .profile img {
	width:40px;
	height:40px;
	border-radius:50%
}
.comment-list .comment-text {
	border-bottom:1px solid rgba(135, 135, 135, .15);
	padding-bottom:1rem;
	margin-bottom:1rem
}
.comment-list .children .comment_body, .comment-list .children .comment-respond {
	margin-left:3.875rem;
	padding:0 0 1rem
}
.comment-list>.comment>.children .comment:last-child .comment-text {
	border-bottom:1px solid rgba(135, 135, 135, .15);
	padding-bottom:1rem;
	margin-bottom:0
}
.comment-list>.comment:last-child .comment-text {
	border:0;
	padding-bottom:0
}
.not-comment, .commclose {
	background-color:rgba(136, 161, 199, .3) !important
}
.comment-list .is-author {
	opacity:.5;
	cursor:pointer;
transition:opacity .3s
}
.comment-list .rank {
	position:relative;
	color:#fff;
	cursor:pointer;
font-size:.75rem;
	padding:1px 8px;
	margin:0 4px;
	background:#f1404b;
	border-radius:6px;
transition:opacity .3s
}
.comment-list .rank:after {
	content:"";
	position:absolute;
	width:8px;
	height:4px;
	top:50%;
	margin-top:-2px;
	left:-4px;
	border-radius:2px;
	background:#ffae00
}
.comment-list .rank:before {
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	top:50%;
	margin-top:-2.5px;
	left:0px;
	border-radius:3px;
	background:#fff
}
.comment-list .rank:hover {
	color:#fff
}
.comment-list .is-author:hover {
	opacity:1
}
.comment-form .comment-form-cookies-consent label {
	display:inline
}
input[type="radio"]+label, input[type="checkbox"]+label {
	font-weight:400
}
.form-submit {
	text-align:right
}
.comment-list, .comment-list .children {
	list-style:none;
	margin:0;
	padding:0
}
.comment-body {
	color:#333;
	margin-bottom:4em
}
.comment-body {
	margin-left:65px
}
.comment-author {
	margin-bottom:.4em;
	position:relative;
	z-index:2
}
.comment-author .avatar {
	height:50px;
	left:-65px;
	position:absolute;
	width:50px
}
.comment-metadata {
	color:#767676;
	font-weight:800;
	letter-spacing:.1818em;
	text-transform:uppercase
}
.comment-reply-link {
	font-weight:800;
	position:relative
}
.btn-home {
	color:#fff;
	background:#f1404b;
	padding:10px 30px;
transition:.3s
}
.btn-home:hover {
	color:#fff;
	background:#333
}
.iconfont {
	display:inline-block;
	font-size:inherit;
	font-variant:normal;
	text-rendering:auto;
	line-height:1
}
.icon-lg {
	font-size:1.333rem;
	line-height:1.333rem;
	vertical-align:-.0667em
}
.icon-2x {
	font-size:2rem
}
.icon-3x {
	font-size:3rem
}
.icon-4x {
	font-size:4rem
}
.icon-5x {
	font-size:5rem
}
.icon-8x {
	font-size:8rem
}
.icon-fw {
	text-align:center;
	width:1.25em
}
.icon-spin {
	-webkit-animation:icon-spin 2s infinite linear;
	animation:icon-spin 2s infinite linear
}
.hot-card .hot-body {
	height:200px
}
.hot-card .hot-heat {
	white-space:nowrap
}
.hot-card ul {
	margin:0;
	padding:0;
	list-style-type:none
}
.hot-rank {
	width:18px;
	border-radius:4px;
	background:rgba(124, 124, 124, .3);
	display:inline-block
}
.hot-rank-1 {
	color:#fff;
	background:#f1404b
}
.hot-rank-2 {
	color:#fff;
	background:#c56831
}
.hot-rank-3 {
	color:#fff;
	background:#b89e2c
}
.hot-platform span {
	margin:0 5px;
	white-space:nowrap
}
.hot-platform {
	border-radius:4px;
	display:inline-table;
	background:rgba(77, 77, 77, .3)
}
.background-fx {
	position:absolute;
	left:60px;
	right:0;
	height:100vh;
	top:0;
	overflow:hidden;
	opacity:1;
	z-index:-1
}
.shape-01 {
	position:absolute;
	top:11%;
	right:42%;
	-webkit-animation:animationFramesTwo 13s linear infinite;
	animation:animationFramesTwo 13s linear infinite
}
.shape-02 {
	position:absolute;
	top:27%;
	left:17%;
	-webkit-animation:animationFramesFour 25s linear infinite alternate;
	animation:animationFramesFour 25s linear infinite alternate
}
.shape-03 {
	position:absolute;
	top:30%;
	left:50%;
	-webkit-animation:animationFramesThree 35s linear infinite alternate;
	animation:animationFramesThree 35s linear infinite alternate
}
.shape-04 {
	position:absolute;
	top:40%;
	right:23%;
	-webkit-animation:animationFramesFour 20s linear infinite alternate;
	animation:animationFramesFour 20s linear infinite alternate
}
.shape-05 {
	position:absolute;
	bottom:62%;
	right:28%;
	-webkit-animation:animationFramesOne 15s linear infinite;
	animation:animationFramesOne 15s linear infinite
}
.shape-06 {
	position:absolute;
	bottom:73%;
	left:38%;
	-webkit-animation:animationFramesFour 20s linear infinite alternate;
	animation:animationFramesFour 20s linear infinite alternate
}
.shape-07 {
	position:absolute;
	left:14%;
	bottom:54%;
	-webkit-animation:animationFramesOne 17s linear infinite;
	animation:animationFramesOne 17s linear infinite
}
.shape-08 {
	position:absolute;
	left:14%;
	top:60%;
	-webkit-animation:animationFramesOne 20s linear infinite alternate;
	animation:animationFramesOne 20s linear infinite alternate
}
.shape-09 {
	position:absolute;
	top:22%;
	left:41%;
	-webkit-animation:animationFramesOne 15s linear infinite;
	animation:animationFramesOne 15s linear infinite
}
.shape-10 {
	position:absolute;
	top:8%;
	right:6%;
	-webkit-animation:animationFramesOne 15s linear infinite;
	animation:animationFramesOne 15s linear infinite
}
.shape-11 {
	position:absolute;
	top:10%;
	right:8%;
	-webkit-animation:animationFramesOne 12s linear infinite;
	animation:animationFramesOne 12s linear infinite
}
@keyframes animationFramesOne {
0% {
transform:translate(0) rotate(0deg)
}
20% {
transform:translate(73px, -1px) rotate(36deg)
}
40% {
transform:translate(141px, 72px) rotate(72deg)
}
60% {
transform:translate(83px, 122px) rotate(108deg)
}
80% {
transform:translate(-40px, 72px) rotate(144deg)
}
to {
	transform:translate(0) rotate(0deg)
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform:translate(0) rotate(0deg)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg)
}
to {
	-webkit-transform:translate(0) rotate(0deg)
}
}
@keyframes animationFramesTwo {
0% {
transform:translate(0) rotate(0deg) scale(1)
}
20% {
transform:translate(73px, -1px) rotate(36deg) scale(.9)
}
40% {
transform:translate(141px, 72px) rotate(72deg) scale(1)
}
60% {
transform:translate(83px, 122px) rotate(108deg) scale(1.2)
}
80% {
transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
}
to {
	transform:translate(0) rotate(0deg) scale(1)
}
}
@-webkit-keyframes animationFramesTwo {
0% {
-webkit-transform:translate(0) rotate(0deg) scale(1)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg) scale(.9)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg) scale(1)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg) scale(1.2)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
}
to {
	-webkit-transform:translate(0) rotate(0deg) scale(1)
}
}
@keyframes animationFramesThree {
0% {
transform:translate(165px, -179px)
}
to {
	transform:translate(-346px, 617px)
}
}
@-webkit-keyframes animationFramesThree {
0% {
-webkit-transform:translate(165px, -179px)
}
to {
	-webkit-transform:translate(-346px, 617px)
}
}
@keyframes animationFramesFour {
0% {
transform:translate(-300px, 151px) rotate(0deg)
}
to {
	transform:translate(251px, -200px) rotate(180deg)
}
}
@-webkit-keyframes animationFramesFour {
0% {
-webkit-transform:translate(-300px, 151px) rotate(0deg)
}
to {
	-webkit-transform:translate(251px, -200px) rotate(180deg)
}
}
@media screen and (max-width:1199.98px) {
.hot-search {
min-width:1164px
}
}
@media screen and (max-width:575.98px) {
.shape-10 {
right:12%;
width:100px
}
.shape-11 {
right:14%;
width:100px
}
.comment-list .children .comment_body, .comment-list .children .comment-respond {
margin-left:1.875rem
}
}
@-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)
}
}
.user-bg {
	height:269px;
	margin-top:-75px;
	position:relative;
	background-color:rgba(5, 15, 25, .2);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center
}
.user-bg::before {
content:"";
position:absolute;
left:0;
height:240px;
right:0;
bottom:0;
background-image:linear-gradient(to top, #000000 0%, transparent 60%);
transition:.3s
}
.user-area .avatar-body {
	display:inline-block;
	min-height:112px;
	min-width:112px
}
.user-area img {
	max-width:100%
}
.bg-white, .border-light {
transition:.3s
}
.border-2w {
	border-width:2px !important
}
.user-area .user-menu {
	margin-top:-169px
}
.user-area .card-menu {
	margin-top:60px
}
.user-area .author-avatar {
	margin-top:-75px
}
.user-area ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%
}
.user-nav li .user-tab {
	padding:8px 0;
	display:block;
	border-radius:4px
}
.user-nav li .user-tab.active {
	background-color:rgba(136, 136, 136, .1)
}
.user-area .local-avatar-label svg {
	display:none;
	width:38px;
	height:38px;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	background:rgba(0, 0, 0, .2);
	border-radius:50%;
	transform-origin:50% 50% 0;
	fill:rgba(255, 255, 255, .65);
	cursor:pointer
}
.user-area .local-avatar-label:hover svg {
	display:block
}
.user-area .avatar-picker {
	display:inline-block;
	width:38px;
	height:38px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer
}
.user-area .avatar-picker input, .user-area .cover-picker input {
	border:1px solid #eee;
	border-radius:5px
}
.user-area .user-cover {
	position:relative
}
.user-area .io-cover-picker {
	display:inline-block;
	width:25px;
	height:25px;
	position:absolute;
	right:2px;
	top:2px;
	border-radius:20px;
	background-color:rgba(0, 0, 0, .2);
	cursor:pointer
}
.user-area .cover-picker::after {
content:'\e634';
color:#fff;
font-family:"iconfont";
position:absolute;
font-size:24px;
line-height:24px;
opacity:.6
}
.user-area .cover-picker:hover:after {
	opacity:1
}
.user-area .author-meta-r {
	margin-top:-110px
}
.user-cover {
	padding:5px;
	background:rgba(130, 133, 136, .15);
	border-radius:3px
}
.empty-content {
	font-size:169px;
	opacity:.3
}
.terms-placeholder {
	border:2px dashed #4ecdff;
	background-color:transparent;
	min-height:42px
}
.admin-sites .overflow-auto {
	max-height:300px
}
.manage-sites .sites-card, .sites-placeholder, .admin-sites .sites-card {
	padding:6px 8px;
	background-color:#eee
}
.manage-sites .sites-card:not(.add) {
cursor:move;
transition:box-shadow .3s
}
.sites-placeholder {
	border:2px dashed #4ecdff;
	background-color:transparent
}
.manage-sites .sites-card:not(.add):hover, .admin-sites .sites-card:hover {
box-shadow:0 6px 10px rgba(0, 0, 0, .15)
}
.sites-hover .nav-link {
	background-color:rgba(136, 136, 136, .15)
}
.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")
}
input.nav-link {
	display:block;
	width:100%;
	color:#495057;
	background-color:transparent;
	background-clip:padding-box;
	border:1px solid #ced4da;
border-radius:.25rem;
transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
input.nav-link::-ms-expand {
background-color:transparent;
border:0
}
input.nav-link:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #495057
}
input.nav-link:focus {
	color:#495057;
	background-color:transparent;
	border-color:#80bdff;
	outline:0;
box-shadow:0 0 0 .2rem rgba(0, 123, 255, .25)
}
input.nav-link::-webkit-input-placeholder {
color:#6c757d;
opacity:1
}
input.nav-link::-moz-placeholder {
color:#6c757d;
opacity:1
}
input.nav-link:-ms-input-placeholder {
color:#6c757d;
opacity:1
}
input.nav-link::-ms-input-placeholder {
color:#6c757d;
opacity:1
}
input.nav-link::placeholder {
color:#6c757d;
opacity:1
}
input.nav-link:disabled, input.nav-link[readonly] {
	background-color:transparent;
	opacity:1
}
.sites-card .dropdown-menu {
	min-width:320px
}
.nav-pills.sites-nav .nav-link {
	border:1px solid rgba(136, 136, 136, .1)
}
.nav-pills.sites-nav .nav-link.active, .nav-pills.sites-nav .show>.nav-link {
	background-color:#f1404b;
	box-shadow:0px 5px 20px -3px rgba(241, 64, 75, .6)
}
.sites-li {
	position:relative
}
.sites-li .sites-setting {
	position:absolute;
	top:9px;
	right:5px;
	opacity:0;
transition:opacity .3s
}
.sites-li.admin-li .sites-setting {
	top:15px
}
.tab-pane .sites-li .sites-setting {
	top:6px
}
.sites-li:hover .sites-setting {
	opacity:1
}
.sites-li .active:not(.d-none)+.change-terms-name+.sites-setting a {
color:#fff
}
.notifications-list li {
	position:relative
}
.notifications-list li .notifi-time {
	position:absolute;
	top:-18px;
	left:0
}
.drag-add-bookmarks {
	border:2px dashed rgb(235,34,34);
	opacity:.8
}
#add-new-sites button.close {
	text-shadow:none
}
#add-new-sites button.close:focus {
	outline:none
}
.list-author-data li {
	padding:2px 0
}
.author-set-left, .author-set-right {
	display:inline-block;
	vertical-align:top
}
.author-set-left {
	width:20%;
	margin-right:20px;
	text-align:right;
	padding-top:6px
}
.author-set-right {
	width:calc(80% - 25px);
	overflow:hidden
}
@media screen and (min-width:768px) {
.sites-card .dropdown-menu {
min-width:450px
}
.admin-sites .overflow-auto {
max-height:750px
}
}
.slider-captcha {
	min-height:205px
}
.captcha-body-bg {
	border-radius:4px;
	border:1px solid var(--muted-border-color);
	background:var(--main-border-color)
}
.slider-captcha .captcha-body-bar {
	position:absolute;
	top:0;
	left:0
}
.sliderContainer {
	text-align:center;
	background:var(--main-border-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
}
.show_ico {
	float:left;
	width:64px;
	height:64px;
	line-height:60px;
	padding:2px;
	cursor:pointer
}
.show_ico .remove-ico {
	position:absolute;
	cursor:pointer;
	top:1px;
	right:1px;
	font-size:20px;
	z-index:1;
	display:block;
	width:24px;
	height:24px;
	line-height:24px;
	background:rgba(34, 34, 34, .5);
	border-radius:50%
}
.wechat .show_ico .remove-ico {
	font-size:25px;
	width:29px;
	height:29px;
	line-height:29px
}
.show_ico .remove-ico:hover {
	color:#f1404b
}
.upload_img {
	position:relative;
	display:table;
	color:white;
	background-color:rgba(136, 136, 136, .1);
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	vertical-align:center;
	border-radius:5px;
transition:.3s
}
.wechat .show_ico {
	width:138px;
	height:138px;
	line-height:128px
}
.upload_img:not(.disabled):hover {
background:#222324
}
.upload_img input {
	position:absolute;
	cursor:pointer;
	opacity:0;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.postform {
	margin:5px
}
.tougao-form img {
	max-width:100%
}
#alert_placeholder .alert {
	display:inline-block
}
#tougaocategorg {
	padding-left:8px
}
.slider_menu[sliderTab] {
	position:relative;
	background:rgba(0, 0, 0, .1);
	border-radius:50px;
	border:3px solid transparent;
	overflow:hidden;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg)
}
.slider_menu[sliderTab]>.menu {
	position:relative;
	white-space:nowrap;
	flex-wrap:initial
}
.slider_menu[sliderTab] .anchor {
	background:#f1404b;
	border-radius:100px;
	width:60px;
	height:40px;
	opacity:0;
-webkit-transition:.35s;
transition:.35s
}
.slider_menu[sliderTab]>.menu>li {
	cursor:pointer;
	width:auto;
	height:auto;
	border-radius: 100px;
}
.slider_menu[sliderTab]>.menu>li.next, .slider_menu[sliderTab]>.menu>li.prev, .slider_menu[sliderTab]>.menu>li>.sub-menu {
	display:none
}
.slider_menu[sliderTab]>.menu>li>a {
	display:block;
	text-decoration:none;
	position:relative;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	padding:0 16px;
-webkit-transition:.25s;
transition:.25s
}
.slider_menu[sliderTab]>.menu>li>a:hover {
	color:#fff
}
.slider_menu[sliderTab]>.menu>li>a.active {
	color:#fff
}
.slider_menu[sliderTab] ul:hover li:not(.hover) a.active {
color:#888 !important
}
.slider_menu.mini_tab[sliderTab]>.menu>li>a {
	height:28px;
	line-height:28px;
	padding:0 12px
}
.nav-pills.menu .nav-link.active, .nav-pills.menu .show>.nav-link {
	background:none
}
.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:rgba(10, 10, 10, .4);
	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:1;
	pointer-events:auto
}
.io-bomb-open .io-bomb-overlay {
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px)
}
.io-bomb-body {
	position:relative;
	opacity:0;
	max-width:340px;
	width:100%
}
.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;
	border-radius:8px;
	box-shadow:0 10px 50px -5px rgba(6, 39, 67, .15)
}
.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)
}
}
.sidebar .card-header {
	position:relative;
	background-color:transparent;
	border-bottom:none
}
.sidebar .sidebar-header .load {
padding:.75rem 1.25rem;
	margin-bottom:0
}
.sidebar .card-header:after {
	content:"";
	background-color:#f1404b;
	left:1.25rem;
	width:50px;
	height:2px;
	bottom:-2px;
	position:absolute;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
.sidebar .card:hover .card-header:after {
	width:80px
}
.sidebar .tags a {
	display:inline-block;
	margin:4px 2px;
	font-size:12px;
	background:rgba(148, 149, 158, .15);
	border-radius:5px
}
.sidebar .card .searchform {
	flex:1 1 auto;
	padding:1.25rem
}
.sidebar .card .searchform>div {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:stretch;
	align-items:stretch;
	width:100%
}
.sidebar .card .searchform input[type='text'] {
	position:relative;
	display:block;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	width:1%;
padding:.375rem .75rem;
	margin-bottom:0;
font-size:.875rem;
	font-weight:400;
	line-height:1.5;
	color:#6d6e74;
	background-color:#f1f3f6;
	background-clip:padding-box;
	border:1px solid #f1f3f6;
border-radius:.25rem;
transition:border-color .3s, background-color .3s;
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
.sidebar .card .searchform input[type="submit"] {
	margin-left:-1px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
padding:.375rem 1.25rem;
	margin-bottom:0;
font-size:.875rem;
	font-weight:400;
	line-height:1.5;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	border:1px solid #f1404b;
	background-color:#f1404b;
border-radius:.25rem;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
transition:.3s
}
.sidebar .card .searchform input[type="submit"]:hover {
	border:1px solid #14171b;
	background-color:#14171b
}
.sidebar .url-card .card {
	background:#f1f3f6;
	box-shadow:unset;
	border:1px solid #f1f3f6;
transition:.3s
}
.sidebar .url-card .card:hover {
	transform:unset;
	box-shadow:unset;
	border:1px solid #f1404b !important
}
.sidebar .url-card.down a:after, .sidebar .url-card.wechat a:before {
	font-size:27px;
	bottom:-6px;
	left:1px
}
.sidebar .card.hot-card {
	box-shadow:none
}
.sidebar .card-body.pb-3.pt-0 {
	padding-top:5px !important
}
.sidebar.sidebar-border>.card {
	background-color:transparent;
	border:2px solid rgba(136, 136, 136, .2);
	box-shadow:unset
}

.sidebar_left .content-wrap {
	width:100%
}
.sidebar_left .sidebar:not(.col-12) {
width:100%
}
.sidebar_right .content-wrap {
	width:100%
}
.sidebar_right .sidebar:not(.col-12) {
width:100%
}
.widget_author_meta {
	position:relative
}
.widget-author-avatar {
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.widget-author-meta {
	margin-top:2rem
}
.widget-author-cover {
	position:relative;
	border-radius:3px 3px 0 0
}
.widget-author-cover+.widget-author-meta {
	margin-top:2rem
}
.widget-author-cover .widget-author-avatar {
	top:auto;
	bottom:0;
	-webkit-transform:translate(-50%, 50%);
	-ms-transform:translate(-50%, 50%);
	transform:translate(-50%, 50%)
}
.flex-avatar {
	position:relative;
	line-height:1;
	white-space:nowrap;
	font-weight:bold;
	border-radius:100%;
	padding:5px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-negative:0;
	flex-shrink:0;
	background:#fff;
transition:background-color .3s
}
.flex-avatar img {
	border-radius:inherit
}
.badge-outline-primary {
	color:#f1404b;
	border:#f1404b solid 1px
}
.list-post>div {
	display:-ms-flexbox;
	display:flex
}
.list-post>div>.list-item {
	-ms-flex-item-align:stretch;
	align-self:stretch;
	-ms-flex:1 1 auto;
	flex:1 1 auto
}
.list {
	padding-left:0;
	padding-right:0
}
.list-item {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word
}
.list-content {
	padding:1rem 0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	-ms-flex-pack:center;
	justify-content:center;
}
.list-item.block .list-content {
	padding:1rem
}
.list-body {
	
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	
}
.list-footer {
margin-top:.5rem
}
.list-title {
font-size:1.125rem !important;
	line-height:1.4285714286;
	display:block;
	color:#000;
}
.list-title .badge {
	position:relative;
	top:-2px;
font-size:.75rem;
margin:0 .25rem 0 0
}
.list-bulletin .list-item {
	position:relative;
	padding:0 10px 10px 20px;
	border-left:2px solid rgba(136, 136, 136, .2)
}
.list-bulletin .list-item>i {
	font-size:12px;
	top:8px;
	color:#888;
	position:absolute;
	padding:5px;
	left:-12px;
	background:#fff;
transition:background-color .3s
}
.bulletin-card {
	transform:translateY(0);
transition:.3s
}
.bulletin-card:hover {
	transform:translateY(-6px)
}
@media (min-width:992px) {
.sidebar_left .content-wrap {
float:right
}
.sidebar_left .content-layout {
margin-left:calc(310px + 15px)
}
.sidebar_left .sidebar:not(.col-12) {
float:left;
margin-right:-310px;
width:310px;
position:unset
}
.sidebar_right .content-wrap {
float:left
}
.sidebar_right .content-layout {
margin-right:calc(310px + 15px)
}
.sidebar_right .sidebar:not(.col-12) {
float:right;
margin-left:-310px;
width:310px;
position:unset
margin-top: 2.9rem;
}
}
@media (max-width:767.98px) {
.list-title {
font-size:.9375rem !important
}
.list-title .badge {
padding:.2em;
margin:0 .25rem 0 0
}
}
.list-grid .list-item {
	-ms-flex-direction:row;
	flex-direction:row
}
.list-grid.list-grid-padding .list-item {
	padding:1.25rem
}
.list-grid.list-grid-padding .list-content {
	padding:0 1rem 0 0;
}
.list-grid .list-item .media:first-child {
	border-radius:inherit
}
.list-grid .list-item .media:last-child {
	border-radius:inherit
}
.list-grid .flex-row-reverse .media:first-child {
	border-radius:0;
	border-top-right-radius:inherit;
	border-bottom-right-radius:inherit
}
@media (max-width:767.98px) {
.list-grid.list-grid-padding .list-item {
padding:.675rem .75rem;
margin-bottom:.75rem
}
.list-grid.list-grid-padding .list-item .media-3x2:after {
padding-top:75%
}
.list-grid.list-grid-padding .list-content {
padding:0 0 0 .75rem
}
}
.io-grey-mode .sidebar-logo {
	background:#fff
}
.io-grey-mode .page-header {
	box-shadow:none
}
.io-grey-mode .sidebar-nav-inner {
	background:#f9f9f9
}
.io-grey-mode .border-color {
	border-color:transparent !important
}
.io-grey-mode .sidebar-nav .flex-bottom a, .io-grey-mode .sidebar-menu-inner a {
	color:#515C6B
}
.io-grey-mode .sidebar-menu .sidebar-more {
	color:#282a2d
}
.io-grey-mode .sidebar-item>a:hover {
	color:#f1404b
}
.io-grey-mode .sidebar-popup div {
	background:#dadbdd
}
.io-grey-mode .sidebar-popup::before {
border-color:transparent #dadbdd transparent
}
.io-grey-mode .sidebar-nav, .io-grey-mode .sidebar-popup.sidebar-menu-inner ul {
	background:#f0f2f4
}
.io-grey-mode .sidebar-item li>a:hover, .io-grey-mode .sidebar-popup>div>ul>li>a:hover {
	color:#f1404b
}
.menu-backdrop {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px);
	background-color:rgba(0, 0, 0, .5)
}
.ub-blur-bg {
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px)
}
.user-bookmark-body .canvas-bg {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	border-width:0
}
.user-bookmark-body .navbar {
	padding:2rem 1rem
}
.user-bookmark-body .navbar .bookmark-ico {
	font-size:1.75em
}
.user-bookmark-body .header-big {
	margin-top:0
}
.user-bookmark-body .header-big {
	padding-top:100px
}
.user-bookmark-body .quick-sites {
	margin-top:-70px
}
.user-bookmark-body .bookmark-content {
	margin-top:147px
}
.text-primary {
	color:#2997f7
}
.text-success {
	color:#5c7cff
}
.text-danger {
	color:#f1404b
}
.text-warning {
	color:#ff6f06
}
.text-info {
	color:#35badb
}
@media (min-width:576px) {
.user-bookmark-body .quick-sites .container {
max-width:460px
}
}
@media screen and (min-width:768px) {
.user-bookmark-body .quick-sites {
margin-top:-100px
}
.user-bookmark-body .header-big {
padding-top:190px;
padding-bottom:110px
}
.user-bookmark-body .bookmark-content {
margin-top:256px
}
.user-bookmark-body .quick-sites .container {
max-width:660px
}
}
.user-bookmark-body .quick-sites .sites-icon {
	align-items:center;
	background-color:#ffffff;
	border-radius:50%;
	display:flex;
	flex-shrink:0;
	height:50px;
	justify-content:center;
	width:50px
}
.user-bookmark-body .quick-sites .sites-icon img {
	height:auto;
	width:26px;
transition:.2s
}
.user-bookmark-body .quick-sites .sites-btn:hover .sites-icon img {
	width:34px
}
.user-bookmark-body .quick-sites .sites-title {
	background-color:rgba(175, 175, 175, .2);
	color:#fff;
	border-radius:20px
}
.quick-sites .row {
	height:200px;
	overflow:hidden
}
.user-bookmark-body .customize-sites-list .card {
	background:rgba(255, 255, 255, .7)
}
.user-bookmark-body .sites-pane {
	position:relative;
	background:rgba(0, 0, 0, .2);
	padding:2rem 1rem 1rem 1rem;
border-radius:.25rem;
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px)
}
.user-bookmark-body footer a {
	color:#ddd
}
.user-bookmark-body footer a:hover {
	color:#fff
}
.bookmark-bg {
	position:fixed;
	top:0;
	width:100%;
	height:100vh
}
.bookmark-bg .img-bg {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#242424;
	height:100%;
	margin:0;
	opacity:1;
	padding:0;
	position:absolute;
transition:opacity .5s ease 0s;
	width:100%
}
.gradient-linear {
	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;
	height:100%;
	opacity:1;
	position:absolute;
transition:opacity .3s linear;
	width:100%
}
.user-bookmark-body .sites-pane .ct-name {
	position:absolute;
	color:rgba(255, 255, 255, .3);
	top:8px;
font-size:.75rem
}
.sites-tabs-container {
	flex-direction:row;
	position:absolute;
	background:rgba(0, 0, 0, .2);
	z-index:10;
	top:-66px;
	width:calc(100% - 30px);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px)
}
.sites-tabs-container-top {
	position:fixed;
	width:100%;
	height:140px;
	left:0;
	right:0;
	top:0px;
	background:rgba(0, 0, 0, .35);
	border-radius:0 !important
}
.sites-tabs-btn {
	width:calc(100% - 50px);
	overflow:hidden
}
.sites-tabs-container-top .container-lg {
	padding-left:30px;
	padding-right:30px
}
.sites-tabs a {
	position:relative;
	color:#fff
}
.sites-tabs a.hide {
	opacity:0;
	pointer-events:none
}
.sites-tabs a::before {
content:'';
position:absolute;
background:rgba(255, 255, 255, .2);
width:100%;
height:100%;
top:0;
left:0;
border-radius:10px;
transform:scale(1);
opacity:0;
transition:.3s
}
.sites-tabs a:hover:before {
	transform:scale(.8);
	opacity:1
}
.sites-btn-dropdown-list {
	max-height:calc(100vh - 256px);
	overflow-y:auto
}
.sites-tab-slider {
	position:absolute;
	bottom:-3px;
	height:6px;
	border-radius:10px;
	background:#f1404b;
transition:left .3s ease
}
.seting-panel {
	overflow:hidden;
	position:fixed;
	top:0;
	right:0;
	transform:translateX(500px);
	height:100vh;
	width:100%;
	max-width:500px;
	background:rgba(255, 255, 255, .8);
	opacity:0;
	transition:all 800ms cubic-bezier(.8, 0, .33, 1)
}
.seting-panel.seting-open {
	transform:translateX(0px);
	opacity:1
}
.seting-container {
	transform:translateX(100px);
	opacity:0;
	transition:all 1000ms cubic-bezier(.9, 0, .33, 1)
}
.seting-panel.seting-open .seting-container {
	opacity:1;
	transform:translateX(0px)
}
.img-radio .label-img {
	display:inline-block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border:4px solid #b6b6b6;
	width:100%;
	height:90px
}
.img-radio input[type="radio"] {
	display:none
}
.img-radio input[type="radio"]+.label-img {
	cursor:pointer;
transition:.3s
}
.img-radio input[type="radio"]:checked+.label-img {
	border:4px solid #f1404b
}
.user-bookmark-body .author-info .avatar-body {
	display:inline-block;
	min-height:92px;
	min-width:92px
}
.flex-none {
	flex:none
}
input:-internal-autofill-previewed, input:-internal-autofill-selected {
box-shadow:0 0 0 1000px #f1f3f6 inset !important;
-webkit-text-fill-color:#6d6e74 !important
}
.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
}
}
.login-body-login {
	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));
	height:100vh
}
.login-page {
	position:relative
}
.login-page .container {
	min-height:100vh;
	padding:20px;
	position:relative
}
.login-page .io-wx-box {
	display:flex;
	justify-content:center
}
.login-page .io-wx-box .io-wx-input {
	display:initial;
	width:150px!important;
	font-size:inherit!important;
	margin:0!important
}
.login-page .io-wx-box .io-wx-btn {
	margin-top:0!important
}
.login-page .form-holder {
	width:100%;
	margin-bottom:50px
}
.login-page .form-holder .info, .login-page .form-holder .form {
	min-height:450px;
	height:100%
}
.login-page .form-holder .info {
	background:rgba(241, 64, 75, .9);
	color:#fff !important;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat
}
.login-page .form-holder .info p {
	color:#fff
}
.login-page .form-holder .form .content {
	width:100%
}
.login-page .form-holder .form form {
	width:100%
}
.login-page .mr-n5 {
	margin-right:-5.575rem !important
}
.login-page .nav-link {
	position:relative;
	color:#333
}
.login-page .nav-link:hover {
	color:#000
}
.login-page .nav-link::after {
position:absolute;
content:"";
width:0px;
height:5px;
border-radius:5px;
bottom:-5px;
left:50%;
background:#f1404b;
box-shadow:0 1px 4px -1px #f1404b;
transition:.3s
}
.login-page .nav-link:hover::after {
width:8px;
left:calc(50% - 4px)
}
.login-page .nav-link.active::after {
width:40px;
left:calc(50% - 20px)
}
.bg-blur {
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	background-color:rgba(255, 255, 255, .75) !important
}
.bg-blur-20 {
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	background-color:rgba(255, 255, 255, .4) !important
}
.bg-blur-20.black {
	color:#fff;
	background-color:rgba(0, 0, 0, .4) !important
}
.wp-user-form .form-control {
	width:100%;
	border:none !important;
	border-bottom:1px solid rgba(136, 136, 136, .2) !important;
	border-radius:0;
	padding:0.375rem 0;
	background:transparent !important;
transition:.3s;
	box-shadow:none;
letter-spacing:.025rem;
	font-size:inherit;
	line-height:inherit
}
.wp-user-form .form-control.is-invalid {
	border-color:#f1404b !important
}
.wp-user-form .form-control:focus {
	border-color:#f1404b !important
}
.text-xs .custom-control-label::before {
top:0.155rem;
left:-1.5rem;
width:0.8rem;
height:0.8rem
}
.text-xs .custom-control-label::after {
top:0.075rem;
left:-1.625rem
}
.login-page .footer-copyright {
	position:absolute;
	bottom:0;
	width:100%
}
.separator {
	display:block
}
.separator:after, .separator:before {
	content:"";
	background:rgba(136, 136, 136, .2);
	width:20%;
	vertical-align:middle;
	height:1px;
	display:inline-block;
	margin:0 1em
}
.openlogin-box {
	display:block;
	margin:0 !important
}
.openlogin-box a {
	position:relative;
	font-size:1rem;
	width:35px;
	height:35px;
	line-height:35px;
	overflow:hidden;
	text-align:center;
	display:inline-block;
	margin-right:6px;
	margin-left:6px;
	margin-top:5px;
	color:#fff;
	border-radius:30px;
	text-decoration:none;
	background:var(--this-bg-color);
transition:transform .2s ease-out
}
.openlogin-box a:hover {
	transform:scale(1.1)
}
.openlogin-box a.prk-login::before {
content:"";
position:absolute;
width:46px;
height:46px;
border-radius:30px;
top:-20px;
left:-10px;
background-color:rgba(255, 255, 255, .2)
}
a.openlogin-weibo-a {
--this-bg-color:#ff545a
}
a.openlogin-wechat-a {
--this-bg-color:#2fac1a
}
a.openlogin-wechat-gzh-a, a.openlogin-wechat-dyh-a {
--this-bg-color:#2fc215
}
a.openlogin-qq-a {
--this-bg-color:#0354da
}
a.openlogin-alipay-a {
--this-bg-color:#1677ff
}
a.openlogin-baidu-a {
--this-bg-color:#0068ff
}
a.openlogin-huawei-a {
--this-bg-color:#d61518
}
a.openlogin-google-a {
--this-bg-color:#ea4335
}
a.openlogin-microsoft-a {
--this-bg-color:#05a6f0
}
a.openlogin-facebook-a {
--this-bg-color:#3b5998
}
a.openlogin-twitter-a {
--this-bg-color:#2fb0ec
}
a.openlogin-dingtalk-a {
--this-bg-color:#3296fa
}
a.openlogin-github-a {
--this-bg-color:#000000
}
a.openlogin-gitee-a {
--this-bg-color:#c71d23
}
@media (max-width:767.98px) {
.wp-user-form .form-control {
padding:5px 0
}
}
.vc-theme {
--this-color:var(--io-btn-color);
--this-hover-color:var(--io-btn-hover-color);
--this-bg:var(--io-btn-bg);
--this-hover-bg:var(--io-btn-hover-bg);
--this-shadow-bg:var(--io-btn-shadow-bg)
}
.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:#818b95;
--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:hsla(208, 77%, 45%, 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-violet2 {
--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-gray {
--this-color:#818b95;
--this-hover-color:#111b25;
--this-bg:rgba(129, 139, 149, 0.1);
--this-hover-bg:#818b95;
--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:hsla(208, 77%, 45%, 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-violet2 {
--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)
}
.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))
}
.io-black-mode body {
	background-color:#1b1d1f
}
.io-black-mode .header-big:not(.unchanged):not(.no-bg)::before {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
background:rgba(0, 0, 0, .8)
}
.io-black-mode .logo-light {
	display:none !important
}
.io-black-mode .io-pay-box .pay-box-body {
	color:#f2f4f6
}
.io-black-mode .logo-dark {
	display:initial !important
}
.io-black-mode .btn-move {
	color:#989da1 !important
}
.io-black-mode #add-new-sites button.close {
	color:#989da1
}
.io-black-mode .bg-light, .io-black-mode .manage-sites .sites-card, .io-black-mode .admin-sites .sites-card {
	background:#363738 !important
}
.io-black-mode a.bg-light:focus, .io-black-mode a.bg-light:hover, .io-black-mode button.bg-light:focus, .io-black-mode button.bg-light:hover {
	background-color:#202224 !important
}
.io-black-mode .border-light {
	border-color:#363738 !important
}
.io-black-mode .bg-white {
	background:#2c2e2f !important
}
.io-black-mode .sidebar-nav .top-menu .sub-menu {
	background-color:rgba(3, 4, 6, .1)
}
.io-black-mode body, .io-black-mode a:not(.btn), .io-black-mode .button>a {
color:#c6c9cf
}
.io-black-mode p, .io-black-mode input.nav-link {
	color:#bbb
}
.io-black-mode .ajax-loading {
	background:rgba(27, 29, 31, .7) !important
}
.io-black-mode .card, .io-black-mode .block {
	box-shadow:none
}
.io-black-mode .tpwthwidt .text_235ileA, .io-black-mode .tpwthwidt .title_2Cea4o9 {
	color:#bbb
}
.io-black-mode .text-gray, .io-black-mode .comment-body {
	color:#888
}
.io-black-mode .down-content .card-header-img, .io-black-mode .modal-content, .io-black-mode .flex-avatar, .io-black-mode .card, .io-black-mode .near-navigation, .io-black-mode .single-top-area, .io-black-mode .new-news, .io-black-mode .new-news ul li i, .io-black-mode .list-bulletin .list-item>i, .io-black-mode #search-text, .io-black-mode .search-type input:checked+label, .io-black-mode .search-type input:hover+label {
	background-color:#2c2e2f
}
.io-black-mode .admin-sites .card {
	background-color:#363738
}
.io-black-mode .s-type-list {
	background-color:#1f2123;
	box-shadow:0 9px 20px rgba(0, 0, 0, .3)
}
.io-black-mode #search .search-select {
	background-color:#2c2e2f;
	border-color:#2c2e2f
}
.io-black-mode .s-type-list:before {
	border-bottom-color:#1f2123
}
.io-black-mode .url-card .url-body:hover, .io-black-mode .card-app.default:hover .media {
	box-shadow:0 26px 40px -24px rgba(2, 4, 6, .3);
	-webkit-box-shadow:0 26px 40px -24px rgba(2, 4, 6, .3);
	-moz-box-shadow:0 26px 40px -24px rgba(2, 4, 6, .3)
}
.io-black-mode .page-header {
	background:#2c2e2f;
	box-shadow:0 0 25px 5px rgba(10, 10, 10, .25)
}
.io-black-mode textarea, .io-black-mode .form-control, .io-black-mode .sidebar .card .searchform input[type='text'] {
	color:#aaa;
	background:#363738;
	border:1px solid #363738
}
.io-black-mode .sidebar .url-card .card {
	background:#363738;
	border-color:#363738
}
.io-black-mode .site-body .btn {
	color:#ddd
}
.io-black-mode .siteico {
	background:#222
}
.io-black-mode .search-modal #search .search-select, .io-black-mode .search-modal .search-type input:checked+label, .io-black-mode .search-modal .search-type input:hover+label {
	background-color:#363738;
	border:none
}
.io-black-mode .posts-nav {
	color:rgba(221, 221, 221, .2)
}
.io-black-mode .input-group-text {
	color:#ddd;
	background:#26282a;
	border-color:#26282a
}
.io-black-mode #footer-tools .btn {
	color:#ccc;
	background:rgba(10, 10, 10, .4)
}
.io-black-mode #footer-tools .btn:hover {
	color:#fff
}
.io-black-mode a:not(.btn):hover {
color:#fff
}
.io-black-mode .down-content .statement:before {
	background:#1b1d1f;
	box-shadow:0 10px #1b1d1f, 0 20px #1b1d1f
}
.io-black-mode .down-content .statement {
	border-color:#1b1d1f;
	background:rgba(0, 0, 0, .1)
}
.io-black-mode .navbar-collapse ul li ul, .io-black-mode .dropdown-menu {
	background:#3D4044;
	box-shadow:0 10px 30px -10px rgba(0, 0, 0, .5)
}
.io-black-mode .down-content .card-signup {
	box-shadow:0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
.io-black-mode .btn-light {
	color:#b2b8be !important;
	background-color:#363738 !important;
	border-color:transparent !important
}
.io-black-mode .btn-light:hover {
	background-color:#313234 !important
}
.io-black-mode .tool-actions .btn-light {
	color:#b2b8be !important;
	background-color:rgba(24, 25, 26, .5) !important;
	border-color:transparent !important
}
.io-black-mode .tool-actions .btn-light:hover {
	background-color:rgba(14, 15, 16, .8) !important
}
.io-black-mode .background-fx {
	opacity:.3
}
.io-black-mode .background-fx .shape-11 {
	opacity:.5
}
.io-black-mode .background-fx .shape-10 {
	opacity:.1
}
.io-black-mode .content-hide-tips .hidden-text {
	color:#e67f7f;
	background:rgba(106, 46, 46, .3)
}
.io-black-mode .ioch-code-highlight {
	background-color:#151619;
	border:0
}
.io-black-mode:not(pre)>code[class*="language-"], .io-black-mode pre[class*="language-"] {
background-color:rgba(0, 0, 0, .15)
}
.io-black-mode .ioch-code-highlight .io-btn-copy {
	border:1px solid rgba(255, 255, 255, .5)
}
.io-black-mode input:-internal-autofill-previewed, .io-black-mode input:-internal-autofill-selected {
box-shadow:0 0 0 1000px #363738 inset !important;
-webkit-text-fill-color:#aaa !important
}
.io-black-mode .io-close {
	color:#fff;
	font-weight:normal
}
.io-black-mode .io-alert {
--this-color:#fff
}
.io-black-mode .login-body-login {
	color:#ddd;
	background-color:#1b1d1f
}
.io-black-mode .login-body-login::before {
content:"";
position:absolute;
width:100%;
height:100%;
background:rgba(0, 0, 0, .7)
}
.io-black-mode .login-body-login .login-img::before {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
border-radius:.525rem;
background:rgba(0, 0, 0, .5)
}
.io-black-mode .login-body-login .bg-white {
	background-color:#2c2e2f !important
}
.io-black-mode .login-body-login .login-page .nav-link {
	color:#ccc
}
.io-black-mode .login-body-login .login-page .nav-link:hover {
	color:#fff
}
.io-black-mode .login-body-login .input-material {
	color:#ddd
}
.io-black-mode .bg-blur {
	background-color:rgba(45, 46, 48, .8) !important
}
.io-black-mode .bg-blur-20 {
	background-color:rgba(45, 46, 48, .4) !important
}
.io-black-mode .login-body-login .bg-blur {
	background-color:rgba(10, 10, 10, .7) !important
}
.io-radius {
	border-radius:var(--main-radius) !important
}
@media only screen and (min-device-width:768px) {
::-webkit-scrollbar-thumb {
background-color:rgba(130, 130, 130, .5);
-webkit-border-radius:4px;
border-radius:4px
}
::-webkit-scrollbar-thumb:hover {
background-color:#f1404b;
-webkit-border-radius:4px;
border-radius:4px
}
::-webkit-scrollbar {
width:5px;
height:5px
}
::-webkit-scrollbar-thumb:active {
background-color:#f1404b;
-webkit-border-radius:4px;
border-radius:4px
}
::-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
}
}