@keyframes preview {
	0% {
	width:0%
}
to {
	width:100%
}
}:root {
	--dx-primary-color:#ff8800;
	--dx-red-color:#e44545;
	--dx-font1-color:#c5c5c5;
	--dx-font2-color:#c6c6c6;
	--dx-base1-color:#1c1c1c;
	--dx-base2-color:#0f0f0f;
	--dx-base3-color:#181818;
	--dx-base4-color:#141414;
	--dx-base5-color:#181818;
	--dx-base6-color:#303030;
	--dx-base7-color:#202020;
	--dx-base8-color:#151515;
	--dx-base9-color:#0c0c0c;
	--dx-base10-color:#212121;
	--dx-base11-color:#232323;
	--dx-base12-color:#2d2e48;
	--dx-border-color:#333333;
	--dx-main-bg-color:#000;
	--dx-subtitle-color:#ccc;
	--dx-app-opacity:rgba(22,22,26,0);
	--dx-scrollbar-thumb-color:#787878;
	--dx-scrollbar-thumb-hover-color:#999;
	--swiper-pagination-color:var(--dx-primary-color);
	--dx-header-index:11;
	--dx-overlay-index:2000;
	--dx-drawer-index:2001;
	--dx-box-shadow:0 8px 10px -5px rgba(0,0,0,0.8),0 16px 24px 2px rgba(0,0,0,0.8),0 6px 30px 5px rgba(0,0,0,0.8)
}
@tailwind base;
	.flex-center,.flex-col-center {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center
}
.flex-col-center {
	flex-direction:column
}
.translate-50 {
	transform:translate(-50%,-50%)
}
.hide {
	display:none
}
.scrollbar-none {
	scrollbar-width:none
}
.dx-shadow {
	box-shadow:var(--dx-box-shadow)
}
.aspect-h-12 {
	--tw-aspect-h:12
}
.aspect-h-2 {
	--tw-aspect-h:2
}
.aspect-h-4 {
	--tw-aspect-h:4
}
.aspect-h-5 {
	--tw-aspect-h:5
}
.aspect-h-6 {
	--tw-aspect-h:6
}
.aspect-h-7 {
	--tw-aspect-h:7
}
.aspect-h-9 {
	--tw-aspect-h:9
}
.aspect-w-10 {
	position:relative;
	padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	--tw-aspect-w:10
}
.aspect-w-10>* {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.aspect-w-13 {
	position:relative;
	padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	--tw-aspect-w:13
}
.aspect-w-13>* {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.aspect-w-16 {
	position:relative;
	padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	--tw-aspect-w:16
}
.aspect-w-16>* {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.aspect-w-5 {
	position:relative;
	padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	--tw-aspect-w:5
}
.aspect-w-5>* {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.aspect-w-6 {
	position:relative;
	padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	--tw-aspect-w:6
}
.aspect-w-6>* {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.aspect-w-7 {
	position:relative;
	padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
	--tw-aspect-w:7
}
.aspect-w-7>* {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.pointer-events-auto {
	pointer-events:auto
}
.\!static {
	position:static!important
}
.fixed {
	position:fixed
}
.absolute {
	position:absolute
}
.relative {
	position:relative
}
.sticky {
	position:sticky
}
.-top-2 {
	top:-8px
}
.bottom-0 {
	bottom:0
}
.bottom-\[90px\] {
	bottom:90px
}
.left-0 {
	left:0
}
.left-1\/2 {
	left:50%
}
.left-3 {
	left:12px
}
.right-0 {
	right:0
}
.right-1 {
	right:4px
}
.right-5 {
	right:20px
}
.top-0 {
	top:0
}
.top-1 {
	top:4px
}
.top-1\/2 {
	top:50%
}
.top-7 {
	top:28px
}
.top-\[34px\] {
	top:34px
}
.top-\[50px\] {
	top:50px
}
.top-\[58px\] {
	top:58px
}
.top-\[60px\] {
	top:60px
}
.z-10 {
	z-index:10
}
.z-50 {
	z-index:50
}
.order-1 {
	order:1
}
.order-2 {
	order:2
}
.col-span-1 {
	grid-column:span 1/span 1
}
.col-span-2 {
	grid-column:span 2/span 2
}
.col-span-4 {
	grid-column:span 4/span 4
}
.col-span-5 {
	grid-column:span 5/span 5
}
.col-start-2 {
	grid-column-start:2
}
.m-auto {
	margin:auto
}
.-mx-3 {
	margin-left:-12px;
	margin-right:-12px
}
.mx-0\.5 {
	margin-left:2px;
	margin-right:2px
}
.mx-1 {
	margin-left:4px;
	margin-right:4px
}
.mx-1\.5 {
	margin-left:6px;
	margin-right:6px
}
.mx-2\.5 {
	margin-left:10px;
	margin-right:10px
}
.mx-auto {
	margin-left:auto;
	margin-right:auto
}
.my-1 {
	margin-top:4px;
	margin-bottom:4px
}
.my-1\.5 {
	margin-top:6px;
	margin-bottom:6px
}
.my-2 {
	margin-top:8px;
	margin-bottom:8px
}
.my-3 {
	margin-top:12px;
	margin-bottom:12px
}
.my-4 {
	margin-top:16px;
	margin-bottom:16px
}
.mb-1 {
	margin-bottom:4px
}
.mb-1\.5 {
	margin-bottom:6px
}
.mb-2 {
	margin-bottom:8px
}
.mb-2\.5 {
	margin-bottom:10px
}
.mb-3 {
	margin-bottom:12px
}
.mb-4 {
	margin-bottom:16px
}
.mb-5 {
	margin-bottom:20px
}
.mb-6 {
	margin-bottom:24px
}
.mb-\[45px\] {
	margin-bottom:45px
}
.ml-0\.5 {
	margin-left:2px
}
.ml-1 {
	margin-left:4px
}
.ml-1\.5 {
	margin-left:6px
}
.ml-2 {
	margin-left:8px
}
.ml-3 {
	margin-left:12px
}
.ml-4 {
	margin-left:16px
}
.ml-auto {
	margin-left:auto
}
.mr-0\.5 {
	margin-right:2px
}
.mr-1 {
	margin-right:4px
}
.mr-1\.5 {
	margin-right:6px
}
.mr-2 {
	margin-right:8px
}
.mr-2\.5 {
	margin-right:10px
}
.mr-3 {
	margin-right:12px
}
.mr-3\.5 {
	margin-right:14px
}
.mr-4 {
	margin-right:16px
}
.mr-5 {
	margin-right:20px
}
.mr-6 {
	margin-right:24px
}
.mr-\[54px\] {
	margin-right:54px
}
.mr-\[88px\] {
	margin-right:88px
}
.mt-0\.5 {
	margin-top:2px
}
.mt-1 {
	margin-top:4px
}
.mt-1\.5 {
	margin-top:6px
}
.mt-2 {
	margin-top:8px
}
.mt-2\.5 {
	margin-top:10px
}
.mt-3 {
	margin-top:12px
}
.mt-3\.5 {
	margin-top:14px
}
.mt-4 {
	margin-top:16px
}
.mt-5 {
	margin-top:20px
}
.mt-6 {
	margin-top:24px
}
.mt-\[-12px\] {
	margin-top:-12px
}
.mt-\[100px\] {
	margin-top:100px
}
.mt-\[116px\] {
	margin-top:116px
}
.mt-auto {
	margin-top:auto
}
.line-clamp-1,.line-clamp-2,.line-clamp-3 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.line-clamp-2,.line-clamp-3 {
	-webkit-line-clamp:2
}
.line-clamp-3 {
	-webkit-line-clamp:3
}
.block,.dx-tab-content.dx-tab-content--active,.dx-tab-content.is-active {
	display:block
}
.inline {
	display:inline
}
.flex {
	display:flex
}
.table {
	display:table
}
.grid {
	display:grid
}
.hidden {
	display:none
}
.\!h-8 {
	height:32px!important
}
.h-10 {
	height:40px
}
.h-3 {
	height:12px
}
.h-3\.5 {
	height:14px
}
.h-4 {
	height:16px
}
.h-4\.5 {
	height:18px
}
.h-5 {
	height:20px
}
.h-6 {
	height:24px
}
.h-7 {
	height:28px
}
.h-8 {
	height:32px
}
.h-\[115px\] {
	height:115px
}
.h-\[160px\] {
	height:160px
}
.h-\[200px\] {
	height:200px
}
.h-\[20px\] {
	/*height:20px*/
}
.h-\[256px\] {
	height:256px
}
.h-\[25px\] {
	/*height:25px*/
}
.h-\[32px\] {
	height:32px
}
.h-\[36px\] {
	height:36px
}
.h-\[40px\] {
	height:40px
}
.h-\[44px\] {
	height:44px
}
.h-\[50px\] {
	height:50px
}
.h-\[56px\] {
	height:56px
}
.h-\[60px\] {
	height:60px
}
.h-\[80px\] {
	height:80px
}
.h-\[87px\] {
	height:87px
}
.h-\[90px\] {
	height:90px
}
.h-full {
	height:100%
}
.w-0\.5 {
	width:2px
}
.w-1\/2 {
	width:50%
}
.w-10 {
	width:40px
}
.w-3 {
	width:12px
}
.w-4 {
	width:16px
}
.w-4\.5 {
	width:18px
}
.w-5 {
	width:20px
}
.w-6 {
	width:24px
}
.w-7 {
	width:28px
}
.w-8 {
	width:32px
}
.w-\[100px\] {
	width:100px
}
.w-\[104px\] {
	width:104px
}
.w-\[114px\] {
	width:114px
}
.w-\[140px\] {
	width:140px
}
.w-\[150px\] {
	width:250px
}
.w-\[188px\] {
	width:220px
}
.w-\[200px\] {
	width:200px
}
.w-\[204px\] {
	width:204px
}
.w-\[20px\] {
	width:20px
}
.w-\[225px\] {
	width:225px
}
.w-\[300px\] {
	width:300px
}
.w-\[328px\] {
	width:328px
}
.w-\[36px\] {
	width:36px
}
.w-\[40px\] {
	width:40px
}
.w-\[44px\] {
	width:44px
}
.w-\[50px\] {
	width:50px
}
.w-\[54px\] {
	width:54px
}
.w-\[56px\] {
	width:56px
}
.w-\[60px\] {
	width:60px
}
.w-\[64px\] {
	width:64px
}
.w-\[80px\] {
	width:80px
}
.w-\[88px\] {
	width:88px
}
.w-\[90px\] {
	width:90px
}
.w-\[94px\] {
	width:94px
}
.w-auto {
	width:auto
}
.w-full {
	width:100%
}
.min-w-\[165px\] {
	min-width:165px
}
.min-w-\[60px\] {
	min-width:60px
}
.max-w-\[160px\] {
	max-width:160px
}
.max-w-\[200px\] {
	max-width:200px
}
.max-w-\[50vw\] {
	max-width:50vw
}
.max-w-\[78px\] {
	max-width:78px
}
.flex-1 {
	flex:1 1 0%
}
.flex-\[3\] {
	flex:3
}
.flex-shrink-0 {
	flex-shrink:0
}
.cursor-pointer {
	cursor:pointer
}
.grid-cols-1 {
	grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-2 {
	grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
	grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
	grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-5 {
	grid-template-columns:repeat(5,minmax(0,1fr))
}
.flex-col {
	flex-direction:column
}
.flex-wrap {
	flex-wrap:wrap
}
.items-start {
	align-items:flex-start
}
.items-center {
	align-items:center
}
.justify-start {
	justify-content:flex-start
}
.justify-end {
	justify-content:flex-end
}
.justify-center {
	justify-content:center
}
.justify-between {
	justify-content:space-between
}
.gap-2 {
	gap:8px
}
.gap-2\.5 {
	gap:10px
}
.gap-3 {
	gap:12px
}
.gap-5 {
	gap:20px
}
.gap-x-7 {
	-moz-column-gap:28px;
	column-gap:28px
}
.gap-x-\[106px\] {
	-moz-column-gap:106px;
	column-gap:106px
}
.gap-y-3 {
	row-gap:12px
}
.overflow-auto {
	overflow:auto
}
.overflow-hidden {
	overflow:hidden
}
.overflow-y-auto {
	overflow-y:auto
}
.overflow-x-hidden {
	overflow-x:hidden
}
.truncate {
	overflow:hidden;
	text-overflow:ellipsis
}
.truncate,.whitespace-nowrap {
	white-space:nowrap
}
.whitespace-pre-line {
	white-space:pre-line
}
.whitespace-pre-wrap {
	white-space:pre-wrap
}
.text-nowrap {
	text-wrap:nowrap
}
.rounded {
	border-radius:8px
}
.rounded-full {
	border-radius:9999px
}
.rounded-large {
	border-radius:50px
}
.rounded-lg {
	border-radius:16px
}
.rounded-md {
	border-radius:12px
}
.rounded-sm {
	border-radius:4px
}
.rounded-l-full {
	border-top-left-radius:9999px;
	border-bottom-left-radius:9999px
}
.rounded-l-large {
	border-top-left-radius:50px;
	border-bottom-left-radius:50px
}
.rounded-l-sm {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}
.rounded-r-large {
	border-top-right-radius:50px;
	border-bottom-right-radius:50px
}
.rounded-r-sm {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
}
.\!border-0 {
	border-width:0!important
}
.border {
	border-width:1px
}
.border-b {
	border-bottom-width:1px
}
.border-l {
	border-left-width:1px
}
.border-r {
	border-right-width:1px
}
.border-r-0 {
	border-right-width:0
}
.border-t {
	border-top-width:1px
}
.border-solid {
	border-style:solid
}
.border-none {
	border-style:none
}
.border-\[\#404040\] {
	--tw-border-opacity:1;
	border-color:rgb(64 64 64/var(--tw-border-opacity))
}
.border-base3 {
	border-color:var(--dx-base3-color)
}
.border-base6 {
	border-color:var(--dx-base6-color)
}
.border-border {
	border-color:var(--dx-border-color)
}
.border-primary {
	border-color:var(--dx-primary-color)
}
.bg-\[\#222222\],.bg-\[\#272727\] {
	--tw-bg-opacity:1;
	background-color:rgb(34 34 34/var(--tw-bg-opacity))
}
.bg-\[\#272727\] {
	background-color:rgb(39 39 39/var(--tw-bg-opacity))
}
.bg-\[\#2b2a2a\],.bg-\[\#404040\] {
	--tw-bg-opacity:1;
	background-color:rgb(43 42 42/var(--tw-bg-opacity))
}
.bg-\[\#404040\] {
	background-color:rgb(64 64 64/var(--tw-bg-opacity))
}
.bg-base1 {
	background-color:var(--dx-base1-color)
}
.bg-base10 {
	background-color:var(--dx-base10-color)
}
.bg-base11 {
	background-color:var(--dx-base11-color)
}
.bg-base12 {
	background-color:var(--dx-base12-color)
}
.bg-base2 {
	background-color:var(--dx-base2-color)
}
.bg-base3 {
	background-color:var(--dx-base3-color)
}
.bg-base4 {
	background-color:var(--dx-base4-color)
}
.bg-base5 {
	background-color:var(--dx-base5-color)
}
.bg-base6 {
	background-color:var(--dx-base6-color)
}
.bg-base7 {
	background-color:var(--dx-base7-color)
}
.bg-base8 {
	background-color:var(--dx-base8-color)
}
.bg-base9 {
	background-color:var(--dx-base9-color)
}
.bg-black {
	--tw-bg-opacity:1;
	background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-primary {
	background-color:var(--dx-primary-color)
}
.bg-white {
	--tw-bg-opacity:1;
	background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-cover {
	background-size:cover
}
.\!p-0 {
	padding:0!important
}
.p-1 {
	padding:4px
}
.p-1\.5 {
	padding:6px
}
.p-2\.5 {
	padding:10px
}
.p-3 {
	padding:12px
}
.p-3\.5 {
	padding:14px
}
.p-4 {
	padding:16px
}
.\!px-0 {
	padding-left:0!important;
	padding-right:0!important
}
.px-0\.5 {
	padding-left:2px;
	padding-right:2px
}
.px-1 {
	padding-left:4px;
	padding-right:4px
}
.px-1\.5 {
	padding-left:6px;
	padding-right:6px
}
.px-10 {
	padding-left:40px;
	padding-right:40px
}
.px-2 {
	padding-left:8px;
	padding-right:8px
}
.px-2\.5 {
	padding-left:10px;
	padding-right:10px
}
.px-3 {
	padding-left:12px;
	padding-right:12px
}
.px-4 {
	padding-left:16px;
	padding-right:16px
}
.px-6 {
	padding-left:24px;
	padding-right:24px
}
.px-9 {
	padding-left:36px;
	padding-right:36px
}
.px-\[48px\] {
	padding-left:48px;
	padding-right:48px
}
.py-0\.5 {
	padding-top:2px;
	padding-bottom:2px
}
.py-1 {
	padding-top:4px;
	padding-bottom:4px
}
.py-1\.5 {
	padding-top:6px;
	padding-bottom:6px
}
.py-2 {
	padding-top:8px;
	padding-bottom:8px
}
.py-2\.5 {
	padding-top:10px;
	padding-bottom:10px
}
.py-3 {
	padding-top:12px;
	padding-bottom:12px
}
.py-3\.5 {
	padding-top:14px;
	padding-bottom:14px
}
.py-4 {
	padding-top:16px;
	padding-bottom:16px
}
.py-5 {
	padding-top:20px;
	padding-bottom:20px
}
.\!pb-3 {
	padding-bottom:12px!important
}
.\!pt-2 {
	padding-top:8px!important
}
.pb-2 {
	padding-bottom:8px
}
.pb-3 {
	padding-bottom:12px
}
.pb-4 {
	padding-bottom:16px
}
.pb-5 {
	padding-bottom:20px
}
.pb-6 {
	padding-bottom:24px
}
.pl-3 {
	padding-left:12px
}
.pl-5 {
	padding-left:20px
}
.pl-6 {
	padding-left:24px
}
.pl-70 {
    padding-left:70px
}
.pr-2 {
	padding-right:8px
}
.pr-3 {
	padding-right:12px
}
.pr-5 {
	padding-right:20px
}
.pr-6 {
	padding-right:24px
}
.pt-1\.5 {
	padding-top:6px
}
.pt-2 {
	padding-top:8px
}
.pt-3 {
	padding-top:12px
}
.pt-3\.5 {
	padding-top:14px
}
.pt-5 {
	padding-top:20px
}
.pt-6 {
	padding-top:24px
}
.text-center {
	text-align:center
}
.text-right {
	text-align:right
}
.text-2xl {
	font-size:18px
}
.text-3xl {
	font-size:20px
}
.text-4xl {
	font-size:22px
}
.text-default {
	font-size:14px
}
.text-mini {
	font-size:10px
}
.text-normal {
	font-size:13px
}
.text-sm {
	font-size:12px
}
.text-xl {
	font-size:16px
}
.font-bold {
	font-weight:700
}
.font-medium {
	font-weight:500
}
.font-normal {
	font-weight:400
}
.font-semibold {
	font-weight:600
}
.leading-\[1\.6\] {
	line-height:1.6
}
.leading-\[30px\] {
	line-height:30px
}
.\!text-\[\#080808\],.\!text-black {
	--tw-text-opacity:1!important;
	color:rgb(8 8 8/var(--tw-text-opacity))!important
}
.\!text-black {
	color:rgb(0 0 0/var(--tw-text-opacity))!important
}
.text-\[\#080808\],.text-\[\#101010\] {
	--tw-text-opacity:1;
	color:rgb(8 8 8/var(--tw-text-opacity))
}
.text-\[\#101010\] {
	color:rgb(16 16 16/var(--tw-text-opacity))
}
.text-\[\#6190c9\],.text-\[\#848484\] {
	--tw-text-opacity:1;
	color:rgb(97 144 201/var(--tw-text-opacity))
}
.text-\[\#848484\] {
	color:rgb(132 132 132/var(--tw-text-opacity))
}
.text-\[\#a7a7a7\],.text-\[\#c92427\] {
	--tw-text-opacity:1;
	color:rgb(167 167 167/var(--tw-text-opacity))
}
.text-\[\#c92427\] {
	color:rgb(201 36 39/var(--tw-text-opacity))
}
.text-\[\#edeeef\],.text-\[\#eee\] {
	--tw-text-opacity:1;
	color:rgb(237 238 239/var(--tw-text-opacity))
}
.text-\[\#eee\] {
	color:rgb(238 238 238/var(--tw-text-opacity))
}
.text-\[\#f8bb40\],.text-black {
	--tw-text-opacity:1;
	color:rgb(248 187 64/var(--tw-text-opacity))
}
.text-black {
	color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-font1 {
	color:var(--dx-font1-color)
}
.text-font2 {
	color:var(--dx-font2-color)
}
#app-header .active,.text-primary {
	color:var(--dx-primary-color)
}
.text-subtitle {
	color:var(--dx-subtitle-color)
}
.text-white {
	--tw-text-opacity:1;
	color:rgb(255 255 255/var(--tw-text-opacity))
}
.\!underline {
	text-decoration-line:underline!important
}
.opacity-10 {
	opacity:.1
}
.opacity-40 {
	opacity:.4
}
.opacity-50 {
	opacity:.5
}
.opacity-60 {
	opacity:.6
}
.opacity-80 {
	opacity:.8
}
.\!shadow-none {
	--tw-shadow:0 0 #0000!important;
	--tw-shadow-colored:0 0 #0000!important;
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}
.filter {
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition-all {
	transition-property:all;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:150ms
}
.duration-100 {
	transition-duration:100ms
}
.duration-200 {
	transition-duration:200ms
}
.duration-300 {
	transition-duration:300ms
}
:root {
	--dx-tab-line-item-padding:4px 0;
	--dx-tab-line-height:3px;
	--dx-tab-line-width-percent:20px;
	--dx-button-tab-item-padding-pc:4px 8px;
	--dx-button-tab-item-padding-mobile:6px 8px;
	--dx-button-tab-item-bg-color:#1f1f1f;
	--dx-button-tab-item-color:#b1b1b1
}
.dx-tab-content {
	display:none
}
.dx-line-tab-item {
	margin-right:16px;
	white-space:nowrap;
	position:relative;
	padding:var(--dx-tab-line-item-padding);
	cursor:pointer
}
.dx-line-tab-item:last-child {
	margin-right:0
}
.dx-line-tab-item::after {
	content:'';
	display:block!important;
	position:absolute;
	width:var(--dx-tab-line-width-percent);
	height:var(--dx-tab-line-height);
	bottom:0;
	left:50%;
	transform:translateX(-50%)
}
.dx-line-tab-item.is-active {
	color:var(--dx-primary-color);
	font-weight:500
}
.dx-line-tab-item.is-active::after {
	border-radius:16px;
	background-color:var(--dx-primary-color)
}
.dx-button-tab-item {
	padding:4px 8px;
	border-radius:50px
}
#app-nav .app-nav-item:last-child,.dx-button-tab-item:last-child {
	margin-right:0
}
.dx-button-tab-item.is-active {
	background-color:var(--dx-base11-color);
	color:var(--dx-primary-color)
}
@media (max-width:768px) {
	.dx-line-tab-item {
	margin-right:12px
}
.dx-line-tab-item::after {
	display:none
}
.dx-button-tab-item {
	margin-right:8px;
	margin-bottom:8px
}
}.video-item {
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.video-item .title,.video-item img {
	-webkit-touch-callout:none
}
.video-item .tag {
	max-width:58px;
	color:#fff;
	padding:0 4px;
	line-height:20px;
	font-size:10px;
	border-radius:0 50px 50px 0
}
.video-item .poster::before {
	width:0;
	height:3px;
	background-color:var(--dx-primary-color);
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.video-item .poster.preloading::before {
	animation:preview 2s forwards
}
:root {
	--dx-header-height:116px
}
.app-header {
	height:60px;
	z-index:1
}
#app-header {
	z-index:var(--dx-header-index);
	box-shadow:unset;
	position:relative;
	padding-top:var(--dx-header-height);
	z-index:112
}
#app-header li {
	list-style:none;
	white-space:nowrap
}
#app-header .input-control {
	display:flex;
	align-items:center
}
#app-header .header {
	z-index:7
}
#app-nav {
	position:fixed;
	z-index:6;
	background-color:var(--dx-base4-color);
	top:60px;
	left:0;
	right:0
}
#app-nav .app-nav-item {
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	font-weight:600;
	padding:16px 0;
	margin-right:26px
}
#app-nav .app-nav-item:hover {
	color:var(--dx-primary-color)
}
@media (max-width:768px) {
	:root {
	--dx-header-height:60px
}
}.mobile-search {
	height:70px;
	transform:translateY(-20px);
	transition:all .3s;
	will-change:transform
}
.mobile-search.is-open {
	transform:translateY(calc(var(--dx-header-height)))
}
:root {
	--dx-border-color:#353742;
	--dx-border-width:1px
}
[class*=dx-hairline]:after {
	box-sizing:border-box;
	content:" ";
	pointer-events:none;
	border:0 solid var(--dx-border-color);
	position:absolute;
	left:-50%;
	top:-50%;
	right:-50%;
	bottom:-50%;
	transform:scale(.5)
}
.dx-hairline,.dx-hairline--bottom,.dx-hairline--left,.dx-hairline--right,.dx-hairline--surround,.dx-hairline--top,.dx-hairline--top-bottom {
	position:relative
}
.dx-hairline--top:after {
	border-top-width:var(--dx-border-width)
}
.dx-hairline--left:after {
	border-left-width:var(--dx-border-width)
}
.dx-hairline--right:after {
	border-right-width:var(--dx-border-width)
}
.dx-hairline--bottom:after {
	border-bottom-width:var(--dx-border-width)
}
.dx-hairline--surround:after {
	border-width:var(--dx-border-width)
}
.dx-overlay,.dx-popup {
	left:0;
	right:0;
	bottom:0;
	display:none
}
.dx-popup {
	position:absolute;
	padding:12px;
	background-color:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.1);
	background-color:var(--dx-base2-color)
}
.dx-overlay {
	position:fixed;
	top:0;
	background-color:rgba(0,0,0,.6);
	pointer-events:auto;
	z-index:var(--dx-overlay-index);
	backface-visibility:hidden
}
@tailwind base;
	.dx-backtop {
	display:none;
	position:fixed;
	width:60px;
	height:60px;
	bottom:140px;
	right:20px;
	z-index:99;
	background-color:var(--dx-primary-color);
	color:#fff;
	border:0;
	border-radius:50%;
	padding:12px;
	text-align:center;
	cursor:pointer;
	box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.dx-backtop:hover {
	opacity:var(--dx-hover-opacity)
}
@media (max-width:768px) {
	.dx-backtop {
	width:40px;
	height:40px;
	padding:8px
}
}:root {
	--dx-drawer-width:300px
}
.dx-drawer {
	width:calc(100% - 56px);
	max-width:var(--dx-drawer-width);
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	transform:translateX(calc(-1*var(--dx-drawer-width) - 20px));
	transition:all .3s cubic-bezier(0,0,.2,1);
	will-change:transform;
	z-index:var(--dx-drawer-index)
}
.dx-drawer.dx-drawer--open {
	transform:translateX(0)
}
*,::after,::before {
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness:proximity;
	--tw-gradient-from-position:;
	--tw-gradient-via-position:;
	--tw-gradient-to-position:;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
	--tw-contain-size:;
	--tw-contain-layout:;
	--tw-contain-paint:;
	--tw-contain-style:
}
::backdrop {
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness:proximity;
	--tw-gradient-from-position:;
	--tw-gradient-via-position:;
	--tw-gradient-to-position:;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
	--tw-contain-size:;
	--tw-contain-layout:;
	--tw-contain-paint:;
	--tw-contain-style:
}
*,::after,::before {
	box-sizing:border-box;
	border-width:0;
	border-style:solid;
	border-color:#e5e7eb
}
::after,::before {
	--tw-content:''
}
:host,html {
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	-moz-tab-size:4;
	-o-tab-size:4;
	tab-size:4;
	font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-feature-settings:normal;
	font-variation-settings:normal;
	-webkit-tap-highlight-color:transparent
}
body {
	margin:0;
	line-height:inherit
}
hr {
	height:0;
	color:inherit;
	border-top-width:1px
}
abbr:where([title]) {
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6 {
	font-size:inherit;
	font-weight:inherit
}
a {
	color:inherit;
	text-decoration:none!important
}
b {
	font-weight:bolder
}
code,kbd,pre,samp {
	font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-feature-settings:normal;
	font-variation-settings:normal;
	font-size:1em
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
table {
	text-indent:0;
	border-color:inherit;
	border-collapse:collapse
}
button,input,optgroup,select,textarea {
	font-family:inherit;
	font-feature-settings:inherit;
	font-variation-settings:inherit;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	letter-spacing:inherit;
	color:inherit;
	margin:0;
	padding:0
}
button,select {
	text-transform:none
}
button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']) {
	-webkit-appearance:button;
	background-color:transparent;
	background-image:none
}
:-moz-focusring {
	outline:auto
}
:-moz-ui-invalid {
	box-shadow:none
}
progress {
	vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
	height:auto
}
[type=search] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
summary {
	display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
	margin:0
}
fieldset,menu,ol,ul {
	margin:0;
	padding:0
}
dialog,legend {
	padding:0
}
menu,ol,ul {
	list-style:none
}
textarea {
	resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder {
	opacity:1;
	color:#9ca3af
}
input::placeholder,textarea::placeholder {
	opacity:1;
	color:#9ca3af
}
[role=button],button {
	cursor:pointer
}
:disabled {
	cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video {
	display:block;
	vertical-align:middle
}
img,video {
	max-width:100%
}
video {
	height:auto
}
[hidden]:where(:not([hidden="until-found"])) {
	display:none
}
.dx-title,body,html {
	font-size:14px
}
@media (min-width:768px) {
	.dx-title {
	font-size:16px
}
}@media (min-width:1024px) {
	.dx-title {
	font-size:18px
}
}.dx-big-title {
	font-size:16px
}
@media (min-width:768px) {
	.dx-big-title {
	font-size:24px
}
}.dx-text {
	font-size:12px
}
@media (min-width:768px) {
	.dx-text {
	font-size:14px
}
}.dx-container {
	margin-left:auto;
	margin-right:auto;
	padding-left:12px;
	padding-right:12px
}
@media (min-width:1280px) {
	.dx-container {
	width:1280px;
	padding-left:0;
	padding-right:0
}
}.dx-subtitle {
	opacity:.4
}
@media (min-width:768px) {
	.dx-modal .modal-dialog {
	width:400px
}
.dx-modal .modal-dialog.modal-lg {
	width:520px
}
}.dx-ad-item {
	padding-top:56%;
	position:relative
}
.dx-opacity-bg {
	background-color:rgba(0,0,0,.5)
}
.dx-recommend-icons {
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	align-items:center;
	justify-content:space-between;
	gap:8px;
	border-radius:16px;
	border-width:1px;
	border-style:solid;
	border-color:var(--dx-border-color);
	background-color:var(--dx-base8-color);
	padding:12px
}
@media (min-width:768px) {
	.dx-recommend-icons {
	display:flex;
	gap:0;
	border-width:0;
	background-color:inherit;
	padding:0
}
}.dx-recommend-small-icons {
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:8px;
	border-radius:8px;
	border-width:1px;
	border-style:solid;
	border-color:var(--dx-border-color);
	background-color:var(--dx-base8-color);
	padding:12px
}
@media (min-width:768px) {
	.dx-recommend-small-icons {
	grid-template-columns:repeat(10,minmax(0,1fr));
	gap:12px;
	border-width:0;
	background-color:inherit;
	padding:0
}
}.dx-icon-text {
	font-size:10px
}
.dx-backtop--trigger {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin:auto
}
.dx-pager {
	gap:4px;
	white-space:nowrap;
	font-size:12px
}
@media (min-width:768px) {
	.dx-pager {
	gap:8px;
	font-size:14px
}
}.dx-pager .pager-item-left,.dx-pager .pager-item-right {
	background-color:var(--dx-primary-color);
	color:#fff;
	border-radius:4px;
	align-items:center
}
.dx-pager .pager-item-left .pager-item,.dx-pager .pager-item-right .pager-item {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	height:100%;
	width:54px;
	flex:1 1 0%;
	padding:0
}
@media (min-width:768px) {
	.dx-pager .pager-item-left .pager-item,.dx-pager .pager-item-right .pager-item {
	width:100px
}
}.dx-pager .pager-goto {
	width:initial
}
.dx-pager .pager-goto .form-control {
	background-color:var(--dx-primary-color);
	color:#fff;
	height:36px;
	margin-right:8px;
	width:54px;
	flex-shrink:0;
	text-align:center
}
@media (min-width:768px) {
	.dx-pager .pager-goto .form-control {
	margin-right:28px;
	width:100px
}
}.dx-pager .pager-goto-btn {
	background-color:#262626;
	color:#fff;
	height:36px;
	width:54px;
	flex-shrink:0;
	border-style:none
}
@media (min-width:768px) {
	.dx-pager .pager-goto-btn {
	width:100px
}
}.dx-pager .disabled {
	cursor:not-allowed
}
body,html {
	color:#fff
}
html {
	overflow-y:scroll
}
strong {
	font-weight:400
}
* {
	font-family:Arial,Helvetica,sans-serif
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance:none;
	margin:0
}
input[type=number] {
	-moz-appearance:textfield
}
img {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	pointer-events:none;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
:root {
	overflow-y:auto;
	overflow-x:hidden
}
:root body {
	position:absolute
}
body {
	width:100vw;
	background-color:var(--dx-main-bg-color);
	padding:0!important
}
.active a:hover,.is-active a:hover {
	opacity:.9
}
.is-active,a.link:hover {
	color:var(--dx-primary-color)
}
a.underline:hover {
	text-decoration:underline!important
}
a:focus {
	outline:0!important
}
.video-items .video-preview {
	position:absolute
}
.dx-bg-linear {
	background:linear-gradient(180deg,rgba(22,22,26,0),#16161a 100%)
}
.dx-video-linear {
	background:linear-gradient(180deg,transparent,rgba(0,0,0,.5))
}
.dx-safe-area-bottom {
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom)
}
.dx-aspect-container {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.dx-banner-item {
	height:60px;
	width:auto;
	position:relative
}
.dx-banner-item img[data-src] {
	-o-object-fit:contain;
	object-fit:contain;
	background:#25242b
}
.dx-banner-item img {
	-o-object-fit:initial;
	object-fit:initial
}
.dx-arrow {
	width:0;
	height:0;
	font-size:0;
	border-bottom:0 none;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #fff
}
.app-content {
	min-height:calc(100vh - (var(--dx-header-height) + 224px))
}
.bg-poster,.bg-poster[data-src] {
	background-color:#25252b;
	background-image:url(/static/web/images/poster_loading.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	transition:all .2s
}
.bg-poster {
	background-size:cover;
	background-position:right
}
.bg-poster:not([data-src]):hover {
	background-position:right 10% top
}
.bg-poster.post-item-poster {
	background-position:center
}
.bg-poster.post-item-poster:not([data-src]):hover {
	background-position:center;
	transform:translateY(-2px) scale(1.02);
	box-shadow:0 22px 43px rgba(0,0,0,.15)
}
.bg-poster.post-ad-poster {
	background-size:100% 100%!important
}
.theme-item:hover .theme-overlay {
	background:rgba(80,100,110,.3)
}
.theme-overlay {
	position:absolute;
	background:rgba(12,12,12,.33);
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition:all .3s;
	z-index:1
}
@media (max-width:768px) {
	.modal-dialog {
	margin:0 16px
}
}.modal-dialog .modal-footer {
	border-top-color:var(--dx-border-color)
}
.modal-dialog .modal-header {
	border-bottom:1px solid var(--dx-border-color)
}
@media (min-width:768px) {
	::-webkit-scrollbar {
	width:10px;
	height:10px
}
::-webkit-scrollbar-button {
	width:0;
	height:0
}
::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement {
	display:block
}
::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:vertical:start:increment {
	display:none
}
::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-track:vertical {
	border-color:transparent;
	border-style:solid
}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal {
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box
}
::-webkit-scrollbar-thumb {
	min-height:28px;
	background-color:var(--dx-scrollbar-thumb-color);
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border-radius:5px
}
::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover {
	background-color:var(--dx-scrollbar-thumb-hover-color)
}
::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-track:vertical {
	border-width:0
}
::-webkit-scrollbar-track:hover {
	background-color:rgba(0,0,0,.05);
	-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1)
}
::-webkit-scrollbar-track:active {
	background-color:rgba(0,0,0,.05);
	-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07)
}
}.post-card-mask {
	background:rgba(0,0,0,.3)
}
.post-item {
	width:100%
}
.post-item .post-item-title {
	font-size:16px
}
.post-item .post-item-desc {
	font-size:14px
}
.post-item.post-item--big .post-item-title {
	font-size:25px;
	line-height:28px
}
.post-item.post-item--big .post-item-desc {
	font-size:16px
}
@media (max-width:768px) {
	.post-item.post-item--big .post-item-title {
	font-size:16px;
	line-height:20px
}
.post-item.post-item--big .post-item-desc {
	font-size:14px
}
}.border-link {
	position:relative
}
.border-link::after {
	content:'';
	position:absolute;
	left:100%;
	width:0;
	bottom:0;
	border-bottom:1px solid var(--dx-primary-color);
	transition:width .3s,left .3s
}
.border-link:hover {
	color:var(--dx-primary-color)
}
.border-link:hover::after {
	left:0;
	width:100%;
	transition:width .3s
}
.dx-pwa {
	box-shadow:rgba(0,0,0,.56) 0 -3px 18px 4px
}
.dx-textarea {
	display:flex;
	flex-direction:column;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
	border-color:var(--dx-border-color);
	padding:12px;
	background-color:var(--dx-base2-color)
}
.dx-textarea textarea {
	outline-width:0!important;
	padding:0;
	box-shadow:none!important;
	border:0!important
}
.modal-dialog .modal-footer {
	border-top:0
}
.ad-dialog .modal-dialog {
	background-color:transparent;
	box-shadow:none;
	border:0
}
.ad-dialog .modal-dialog .close {
	width:42px;
	height:42px
}
.ad-dialog .modal-dialog .modal-header {
	border-bottom:0;
	padding-bottom:8px
}
button {
	background-color:unset
}
@media (min-width:768px) {
	.md\:hide {
	display:none
}
.md\:grid-cols-15 {
	grid-template-columns:repeat(15,minmax(0,1fr))
}
.md\:aspect-h-5 {
	--tw-aspect-h:5
}
}@media (min-width:1024px) {
	.lg\:aspect-h-4 {
	--tw-aspect-h:4
}
}.last\:mb-0:last-child {
	margin-bottom:0
}
.last\:mr-0:last-child {
	margin-right:0
}
.hover\:bg-base12:hover {
	background-color:var(--dx-base12-color)
}
.hover\:text-primary:hover {
	color:var(--dx-primary-color)
}
.hover\:underline:hover {
	text-decoration-line:underline
}
.hover\:opacity-70:hover {
	opacity:.7
}
.hover\:opacity-80:hover {
	opacity:.8
}
.group:hover .group-hover\:scale-125 {
	--tw-scale-x:1.25;
	--tw-scale-y:1.25;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:text-primary {
	color:var(--dx-primary-color)
}
.group:hover .group-hover\:opacity-100 {
	opacity:1
}
@media (min-width:768px) {
	.md\:relative {
	position:relative
}
.md\:sticky {
	position:sticky
}
.md\:bottom-\[70px\] {
	bottom:70px
}
.md\:top-0 {
	top:0
}
.md\:top-\[110px\] {
	top:110px
}
.md\:top-\[112px\] {
	top:112px
}
.md\:order-1 {
	order:1
}
.md\:order-2 {
	order:2
}
.md\:col-span-1 {
	grid-column:span 1/span 1
}
.md\:col-span-2 {
	grid-column:span 2/span 2
}
.md\:col-span-4 {
	grid-column:span 4/span 4
}
.md\:col-start-3 {
	grid-column-start:3
}
.md\:mx-4 {
	margin-left:16px;
	margin-right:16px
}
.md\:my-2 {
	margin-top:8px;
	margin-bottom:8px
}
.md\:my-3 {
	margin-top:12px;
	margin-bottom:12px
}
.md\:my-5 {
	margin-top:20px;
	margin-bottom:20px
}
.md\:\!mr-10 {
	margin-right:40px!important
}
.md\:\!mr-\[100px\] {
	margin-right:100px!important
}
.md\:mb-0 {
	margin-bottom:0
}
.md\:mb-10 {
	margin-bottom:40px
}
.md\:mb-2\.5 {
	margin-bottom:10px
}
.md\:mb-3 {
	margin-bottom:12px
}
.md\:mb-4 {
	margin-bottom:16px
}
.md\:mb-5 {
	margin-bottom:20px
}
.md\:mb-8 {
	margin-bottom:32px
}
.md\:ml-4 {
	margin-left:16px
}
.md\:ml-5 {
	margin-left:20px
}
.md\:mr-10 {
	margin-right:40px
}
.md\:mr-4 {
	margin-right:16px
}
.md\:mr-5 {
	margin-right:20px
}
.md\:mt-0 {
	margin-top:0
}
.md\:mt-2\.5 {
	margin-top:10px
}
.md\:mt-3 {
	margin-top:12px
}
.md\:mt-4 {
	margin-top:16px
}
.md\:mt-5 {
	margin-top:20px
}
.md\:mt-6 {
	margin-top:24px
}
.md\:mt-7 {
	margin-top:28px
}
.md\:mt-8 {
	margin-top:32px
}
.md\:line-clamp-1,.md\:line-clamp-2 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1
}
.md\:line-clamp-2 {
	-webkit-line-clamp:2
}
.md\:block {
	display:block
}
.md\:flex {
	display:flex
}
.md\:inline-flex {
	display:inline-flex
}
.md\:grid {
	display:grid
}
.md\:hidden {
	display:none
}
.md\:h-5 {
	height:20px
}
.md\:h-8 {
	height:32px
}
.md\:h-\[138px\] {
	height:138px
}
.md\:h-\[248px\] {
	height:248px
}
.md\:h-\[40px\] {
	height:40px
}
.md\:h-\[48px\] {
	height:48px
}
.md\:h-\[50px\] {
	height:50px
}
.md\:h-\[60px\] {
	height:60px
}
.md\:h-\[80px\] {
	height:80px
}
.md\:h-\[93px\] {
	height:93px
}
.md\:h-\[96px\] {
	height:96px
}
.md\:h-full {
	height:100%
}
.md\:w-5 {
	width:20px
}
.md\:w-8 {
	width:32px
}
.md\:w-\[140px\] {
	width:140px
}
.md\:w-\[160px\] {
	width:160px
}
.md\:w-\[200px\] {
	width:200px
}
.md\:w-\[214px\] {
	width:214px
}
.md\:w-\[270px\] {
	width:270px
}
.md\:w-\[40px\] {
	width:40px
}
.md\:w-\[460px\] {
	width:460px
}
.md\:w-\[48px\] {
	width:48px
}
.md\:w-\[50px\] {
	width:50px
}
.md\:w-\[60px\] {
	width:60px
}
.md\:w-\[670px\] {
	width:670px
}
.md\:w-\[720px\] {
	width:720px
}
.md\:w-\[80px\] {
	width:80px
}
.md\:w-full {
	width:100%
}
.md\:min-w-\[86px\] {
	min-width:86px
}
.md\:max-w-full {
	max-width:100%
}
.md\:flex-auto {
	flex:1 1 auto
}
.md\:grid-cols-1 {
	grid-template-columns:repeat(1,minmax(0,1fr))
}
.md\:grid-cols-2 {
	grid-template-columns:repeat(2,minmax(0,1fr))
}
.md\:grid-cols-4 {
	grid-template-columns:repeat(4,minmax(0,1fr))
}
.md\:grid-cols-6 {
	grid-template-columns:repeat(6,minmax(0,1fr))
}
.md\:flex-row {
	flex-direction:row
}
.md\:items-center {
	align-items:center
}
.md\:justify-start {
	justify-content:flex-start
}
.md\:gap-0 {
	gap:0
}
.md\:gap-4 {
	gap:16px
}
.md\:gap-3 {
	gap:12px
}
.md\:border-0 {
	border-width:0
}
.md\:bg-inherit {
	background-color:inherit
}
.md\:p-0 {
	padding:0
}
.md\:p-2 {
	padding:8px
}
.md\:p-4 {
	padding:16px
}
.md\:p-5 {
	padding:20px
}
.md\:p-8 {
	padding:32px
}
.md\:p-1 {
	padding:4px
}
.md\:px-0 {
	padding-left:0;
	padding-right:0
}
.md\:px-2\.5 {
	padding-left:10px;
	padding-right:10px
}
.md\:px-3 {
	padding-left:12px;
	padding-right:12px
}
.md\:px-4 {
	padding-left:16px;
	padding-right:16px
}
.md\:px-5 {
	padding-left:20px;
	padding-right:20px
}
.md\:py-2 {
	padding-top:8px;
	padding-bottom:8px
}
.md\:py-3 {
	padding-top:12px;
	padding-bottom:12px
}
.md\:py-4 {
	padding-top:16px;
	padding-bottom:16px
}
.md\:py-5 {
	padding-top:20px;
	padding-bottom:20px
}
.md\:pb-3 {
	padding-bottom:12px
}
.md\:pb-9 {
	padding-bottom:36px
}
.md\:pb-\[82px\] {
	padding-bottom:82px
}
.md\:pl-0 {
	padding-left:0
}
.md\:pt-10 {
	padding-top:40px
}
.md\:pt-2 {
	padding-top:8px
}
.md\:pt-3 {
	padding-top:12px
}
.md\:pt-\[50px\] {
	padding-top:50px
}
.md\:text-2xl {
	font-size:18px
}
.md\:text-3xl {
	font-size:20px
}
.md\:text-5xl {
	font-size:24px
}
.md\:text-\[28px\] {
	font-size:28px
}
.md\:text-\[30px\] {
	font-size:30px
}
.md\:text-default {
	font-size:14px
}
.md\:text-xl {
	font-size:16px
}
.md\:leading-\[40px\] {
	line-height:40px
}
}@media (min-width:1024px) {
	.lg\:ml-2\.5 {
	margin-left:10px
}
.lg\:mr-5 {
	margin-right:20px
}
.lg\:h-10 {
	height:40px
}
.lg\:h-\[161px\] {
	height:161px
}
.lg\:h-\[30px\] {
	height:30px
}
.lg\:h-\[50px\] {
	height:50px
}
.lg\:h-\[96px\] {
	height:96px
}
.lg\:w-10 {
	width:40px
}
.lg\:w-\[224px\] {
	width:224px
}
.lg\:w-\[260px\] {
	width:260px
}
.lg\:w-\[315px\] {
	width:315px
}
.lg\:w-\[50px\] {
	width:50px
}
}@media (min-width:1280px) {
	.xl\:mx-0 {
	margin-left:0;
	margin-right:0
}
.xl\:h-\[56px\] {
	height:56px
}
.xl\:w-\[56px\] {
	width:56px
}
}

/*add icon in video_banner*/
.video-banner{
    overflow: hidden;
}
.video-banner .checkNum {
    position: relative;
}

.video-banner .checkNum .ribbon-top-left {
    position: absolute;
    background: #f32b8e;
    font-size: .7475rem;
    color: #fff;
    text-align: center;
    top: -60px;
    left: -60px;
    height: 100px;
    width: 100px;
    line-height: 178px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1;
}