body {
	font-family: Roboto, pingfang SC, helvetica neue, arial, hiragino sans gb,
		microsoft yahei ui, microsoft yahei, simsun, sans-serif;
}
.card .rounded {
	border-radius: 0.1875rem !important;
}
.text-small {
font-size: .7142em;
}
.text-normal {
font-size:1.4em;
}
.text-large {
font-size:1.8em;
}
.sidebar {
width: 0rem;
overflow: hidden;
}
.toggled-sidebar {
width: 6.5rem;
overflow: unset;
}
.sidebar .nav-item .collapse {
-webkit-animation: none;
animation: none;
}
.card-video-play > .plyr {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: .1875rem;
}
.avatar {
width: 3rem;
height: 3rem;
display: flex;
/* text-align: center; */
/* display: inline-block; */
align-items: center;
justify-content: center;
}
#content .topbar .navbar-search {
	width: 40rem;
}
.bottom-bar {
	padding-top:5px;
}
.bottom-bar a span {
	font-size: 0.85rem;
}
.bottom-bar a {
	text-decoration: none;
}
.app-bottom-bar .active > a {
	color: black;
}
:root {
--toastFont: 0.85rem arial,sans-serif,'Microsoft Yahei'; 
}
/* .plyr--video{overflow:auto!important;} */
.plyr__poster{background-size:cover!important;}
.bg-indigo-600 {
background-color: #4e73df;
}
.sidebar .nav-item .collapse {
z-index: 10;
}
[style*="--aspect-ratio"] > :first-child {
width: 100%;
}
[style*="--aspect-ratio"] > img {
object-fit: cover;
height: auto;
}
@supports (--custom: property) {
[style*="--aspect-ratio"] {
		position: relative;
}
[style*="--aspect-ratio"]::before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
}
[style*="--aspect-ratio"] > :first-child {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
}
[style*="--aspect-ratio"] > video {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		height: 100%;
}
}
@media (min-width: 768px) {
.sidebar {
	overflow: unset;
}
.px-card {
	padding-left: .75rem!important;
	padding-right: .75rem!important;
}
}
@media (max-width: 767px) {
.box-title {
	font-size: .85rem;
}
.box-body {
	padding: 1rem;
}
.sidebar {
	width: 14rem!important;
}
.box-header {
	padding: .75rem 1rem;
}
.box-header h6 {
	font-size: .85rem;
}
.right-action {
	margin-left: auto;
}
.sidebar .nav-item .nav-link {
	text-align: left;
	width: 14rem;
	padding: 1rem;
}
.sidebar .nav-item .nav-link i {
	font-size: .85rem;
}
.sidebar .nav-item .nav-link span {
	display: inline;
	font-size: .85rem;
}
.card-video-play {
	margin-left:-1.5rem;
	margin-right:-1.5rem;
}
}
.chip.active {
	background-color: #4e73df;
	color: #fff;
}
.chip {
	flex: none;
	word-break: keep-all; 
	white-space: nowrap;
	text-decoration: none;
	color:#030303;
	background-color:rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 20px;
	border-radius: 20px;
	height: 32px;
	min-width: 48px;
	text-align: center;
	padding: 0 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-align-items: center;
	align-items: center;
}
.index-category {
	padding-top:9rem;
}
.other-content {
	padding-top:6rem;
}
.px-card .swiper .swipe-panel .swipe-indicator {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
}
.px-card .swiper .carousel>ul {
	justify-content: flex-end;
	padding-right: 1rem;
}
:root{
	--sv-swipe-indicator-active-color: white;
}