a, abbr, acronym, address, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
body {
	line-height:1;
	background:#fff;
	font-family:microsoft yahei;
	font-size:12px
}
li, ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
	content:"";
	content:none
}
img {
	border:0
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:400
}
input, select {
	vertical-align:middle
}
.clear {
	display:block!important;
	clear:both!important;
	float:none!important;
	margin:0!important;
	padding:0!important;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden
}
.clearfix {
	zoom:1
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0
}
.spacer {
	clear:both;
	font-size:0;
	height:0;
	line-height:0
}
a {
	color:#333;
	text-decoration:none
}
.container {
	width:100%
}
@media (min-width:640px) {
.container {
max-width:640px
}
}
@media (min-width:768px) {
.container {
max-width:768px
}
}
@media (min-width:1024px) {
.container {
max-width:1024px
}
}
@media (min-width:1280px) {
.container {
max-width:1280px
}
}
@media (min-width:1536px) {
.container {
max-width:1536px
}
}
.visible {
	visibility:visible
}
.static {
	position:static
}
.absolute {
	position:absolute
}
.relative {
	position:relative
}
.bottom-0 {
	bottom:0
}
.left-0 {
	left:0
}
.right-0 {
	right:0
}
.-z-10 {
	z-index:-10
}
.z-\[11\] {
	z-index:11
}
.float-right {
	float:right
}
.mx-\[auto\], .mx-auto {
	margin-left:auto;
	margin-right:auto
}
.my-0 {
	margin-top:0;
	margin-bottom:0
}
.my-2 {
margin-top:.5rem;
margin-bottom:.5rem
}
.my-4 {
	margin-top:1rem;
	margin-bottom:1rem
}
.my-\[10px\] {
	margin-top:10px;
	margin-bottom:10px
}
.my-\[12px\] {
	margin-top:12px;
	margin-bottom:12px
}
.my-\[20px\] {
	margin-top:20px;
	margin-bottom:20px
}
.my-\[40px\] {
	margin-top:40px;
	margin-bottom:40px
}
.my-\[4px\] {
	margin-top:4px;
	margin-bottom:4px
}
.mb-2 {
margin-bottom:.5rem
}
.mb-4 {
	margin-bottom:1rem
}
.mb-\[15px\] {
	margin-bottom:15px
}
.mb-\[21px\] {
	margin-bottom:21px
}
.mb-\[22px\] {
	margin-bottom:22px
}
.ml-2 {
margin-left:.5rem
}
.ml-\[4px\] {
	margin-left:4px
}
.mr-\[16px\] {
	margin-right:16px
}
.mt-\[10px\] {
	margin-top:10px
}
.mt-\[12px\] {
	margin-top:12px
}
.mt-\[15px\] {
	margin-top:15px
}
.mt-\[16px\] {
	margin-top:16px
}
.mt-\[20px\] {
	margin-top:20px
}
.mt-\[22px\] {
	margin-top:22px
}
.mt-\[2px\] {
	margin-top:2px
}
.mt-\[6px\] {
	margin-top:6px
}
.box-border {
	box-sizing:border-box
}
.box-content {
	box-sizing:content-box
}
.line-clamp-2 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.block {
	display:block
}
.flex {
	display:flex
}
.inline-flex {
	display:inline-flex
}
.table {
	display:table
}
.grid {
	display:grid
}
.hidden {
	display:none
}
.\!h-\[44px\] {
	height:44px!important
}
.h-\[114px\] {
	height:114px
}
.h-\[120px\] {
	height:120px
}
.h-\[160px\] {
	height:160px
}
.h-\[185px\] {
	height:185px
}
.h-\[200px\] {
	height:200px
}
.h-\[24px\] {
	height:24px
}
.h-\[25px\] {
	height:25px
}
.h-\[32px\] {
	height:32px
}
.h-\[34px\] {
	height:34px
}
.h-\[35px\] {
	height:35px
}
.h-\[40px\] {
	height:40px
}
.h-\[50px\] {
	height:50px
}
.h-\[52px\] {
	height:52px
}
.h-\[80px\] {
	height:80px
}
.h-\[90px\] {
	height:90px
}
.min-h-\[573px\] {
	min-height:573px
}
.min-h-\[580px\] {
	min-height:580px
}
.\!w-\[110px\] {
	width:110px!important
}
.\!w-auto {
	width:auto!important
}
.w-\[100\%\] {
	width:100%
}
.w-\[114px\] {
	width:114px
}
.w-\[24px\] {
	width:24px
}
.w-\[25px\] {
	width:25px
}
.w-\[52px\] {
	width:52px
}
.w-\[70px\] {
	width:70px
}
.w-full {
	width:100%
}
.w-max {
	width:-moz-max-content;
	width:max-content
}
.min-w-\[60px\] {
	min-width:60px
}
.max-w-\[49\%\] {
	max-width:49%
}
.max-w-\[50\%\] {
	max-width:50%
}
.max-w-\[50px\] {
	max-width:50px
}
.border-collapse {
	border-collapse:collapse
}
.cursor-pointer {
	cursor:pointer
}
.auto-cols-fr {
	grid-auto-columns:minmax(0, 1fr)
}
.grid-flow-col {
	grid-auto-flow:column
}
.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))
}
.grid-cols-6 {
	grid-template-columns:repeat(6, minmax(0, 1fr))
}
.grid-cols-8 {
	grid-template-columns:repeat(8, minmax(0, 1fr))
}
.grid-cols-\[18px_auto\] {
	grid-template-columns:18px auto
}
.grid-cols-\[1fr_70px_1fr\] {
	grid-template-columns:1fr 70px 1fr
}
.grid-cols-\[1fr_95px_1fr\] {
	grid-template-columns:1fr 95px 1fr
}
.grid-cols-\[30px_1fr_30px_80px_30px\] {
	grid-template-columns:30px 1fr 30px 80px 30px
}
.grid-cols-\[30px_1fr_45px\] {
	grid-template-columns:30px 1fr 45px
}
.grid-cols-\[30px_1fr_45px_45px\] {
	grid-template-columns:30px 1fr 45px 45px
}
.grid-cols-\[45px_auto\] {
	grid-template-columns:45px auto
}
.grid-cols-\[90px_45px_auto_45px_90px\] {
	grid-template-columns:90px 45px auto 45px 90px
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(111px\2c 1fr\)\)\] {
grid-template-columns:repeat(auto-fill, minmax(111px, 1fr))
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(114px\2c 1fr\)\)\] {
grid-template-columns:repeat(auto-fill, minmax(114px, 1fr))
}
.grid-rows-3 {
	grid-template-rows:repeat(3, minmax(0, 1fr))
}
.flex-col {
	flex-direction:column
}
.flex-col-reverse {
	flex-direction:column-reverse
}
.flex-wrap {
	flex-wrap:wrap
}
.place-items-center {
	place-items:center
}
.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
}
.justify-around {
	justify-content:space-around
}
.gap-1 {
gap:.25rem
}
.gap-2 {
gap:.5rem
}
.gap-4 {
	gap:1rem
}
.gap-\[10px\] {
	gap:10px
}
.gap-\[20px\] {
	gap:20px
}
.gap-\[22px\] {
	gap:22px
}
.gap-\[24px\] {
	gap:24px
}
.gap-x-\[10px\] {
	-moz-column-gap:10px;
	column-gap:10px
}
.gap-x-\[12px\] {
	-moz-column-gap:12px;
	column-gap:12px
}
.gap-x-\[15px\] {
	-moz-column-gap:15px;
	column-gap:15px
}
.gap-x-\[18px\] {
	-moz-column-gap:18px;
	column-gap:18px
}
.gap-x-\[20px\] {
	-moz-column-gap:20px;
	column-gap:20px
}
.gap-x-\[4px\] {
	-moz-column-gap:4px;
	column-gap:4px
}
.gap-x-\[5px\] {
	-moz-column-gap:5px;
	column-gap:5px
}
.gap-x-\[6px\] {
	-moz-column-gap:6px;
	column-gap:6px
}
.gap-x-\[8px\] {
	-moz-column-gap:8px;
	column-gap:8px
}
.gap-y-1 {
row-gap:.25rem
}
.gap-y-1\.5 {
row-gap:.375rem
}
.gap-y-\[10px\] {
	row-gap:10px
}
.gap-y-\[11px\] {
	row-gap:11px
}
.gap-y-\[12px\] {
	row-gap:12px
}
.gap-y-\[20px\] {
	row-gap:20px
}
.gap-y-\[5px\] {
	row-gap:5px
}
.gap-y-\[6px\] {
	row-gap:6px
}
.gap-y-\[8px\] {
	row-gap:8px
}
.self-center {
	align-self:center
}
.overflow-auto {
	overflow:auto
}
.overflow-hidden, .truncate {
	overflow:hidden
}
.truncate {
	text-overflow:ellipsis
}
.truncate, .whitespace-nowrap {
	white-space:nowrap
}
.rounded {
border-radius:.25rem
}
.rounded-2xl {
	border-radius:1rem
}
.rounded-\[4px\] {
	border-radius:4px
}
.rounded-full {
	border-radius:9999px
}
.border {
	border-width:1px
}
.border-2 {
	border-width:2px
}
.border-\[1px\] {
	border-width:1px
}
.border-b, .border-b-\[1px\] {
	border-bottom-width:1px
}
.border-t-\[6px\] {
	border-top-width:6px
}
.border-solid {
	border-style:solid
}
.border-\[\#0073E8\] {
--tw-border-opacity:1;
	border-color:rgb(0 115 232/var(--tw-border-opacity))
}
.border-\[\#D3E1E2\] {
--tw-border-opacity:1;
	border-color:rgb(211 225 226/var(--tw-border-opacity))
}
.border-\[\#DCDCDC\] {
--tw-border-opacity:1;
	border-color:rgb(220 220 220/var(--tw-border-opacity))
}
.border-\[\#E6E6E6\] {
--tw-border-opacity:1;
	border-color:rgb(230 230 230/var(--tw-border-opacity))
}
.border-\[\#EAEAEA\] {
--tw-border-opacity:1;
	border-color:rgb(234 234 234/var(--tw-border-opacity))
}
.border-\[\#EEEEEE\] {
--tw-border-opacity:1;
	border-color:rgb(238 238 238/var(--tw-border-opacity))
}
.border-\[\#b6b5ba\] {
--tw-border-opacity:1;
	border-color:rgb(182 181 186/var(--tw-border-opacity))
}
.border-\[\#dcdcdc\] {
--tw-border-opacity:1;
	border-color:rgb(220 220 220/var(--tw-border-opacity))
}
.border-\[\#ddd\] {
--tw-border-opacity:1;
	border-color:rgb(221 221 221/var(--tw-border-opacity))
}
.border-\[\#e9e9e9\] {
--tw-border-opacity:1;
	border-color:rgb(233 233 233/var(--tw-border-opacity))
}
.border-\[\#eee\] {
--tw-border-opacity:1;
	border-color:rgb(238 238 238/var(--tw-border-opacity))
}
.border-pri-blue {
--tw-border-opacity:1;
	border-color:rgb(0 115 232/var(--tw-border-opacity))
}
.border-transparent {
	border-color:transparent
}
.border-white {
--tw-border-opacity:1;
	border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.bg-\[\#032F51\] {
--tw-bg-opacity:1;
	background-color:rgb(3 47 81/var(--tw-bg-opacity))
}
.bg-\[\#333\] {
--tw-bg-opacity:1;
	background-color:rgb(51 51 51/var(--tw-bg-opacity))
}
.bg-\[\#CCC\] {
--tw-bg-opacity:1;
	background-color:rgb(204 204 204/var(--tw-bg-opacity))
}
.bg-\[\#DCDCDC\] {
--tw-bg-opacity:1;
	background-color:rgb(220 220 220/var(--tw-bg-opacity))
}
.bg-\[\#DCE8F4\] {
--tw-bg-opacity:1;
	background-color:rgb(220 232 244/var(--tw-bg-opacity))
}
.bg-\[\#E6E6E6\] {
--tw-bg-opacity:1;
	background-color:rgb(230 230 230/var(--tw-bg-opacity))
}
.bg-\[\#E9E9E9\] {
--tw-bg-opacity:1;
	background-color:rgb(233 233 233/var(--tw-bg-opacity))
}
.bg-\[\#ED174B\] {
--tw-bg-opacity:1;
	background-color:rgb(237 23 75/var(--tw-bg-opacity))
}
.bg-\[\#EEEEEE\], .bg-\[\#EEE\] {
--tw-bg-opacity:1;
	background-color:rgb(238 238 238/var(--tw-bg-opacity))
}
.bg-\[\#F5F5F5\] {
--tw-bg-opacity:1;
	background-color:rgb(245 245 245/var(--tw-bg-opacity))
}
.bg-\[\#F61111\] {
--tw-bg-opacity:1;
	background-color:rgb(246 17 17/var(--tw-bg-opacity))
}
.bg-\[\#FCCE35\] {
--tw-bg-opacity:1;
	background-color:rgb(252 206 53/var(--tw-bg-opacity))
}
.bg-\[\#FF0C0C\] {
--tw-bg-opacity:1;
	background-color:rgb(255 12 12/var(--tw-bg-opacity))
}
.bg-\[\#FF7D0C\] {
--tw-bg-opacity:1;
	background-color:rgb(255 125 12/var(--tw-bg-opacity))
}
.bg-\[\#FF8331\] {
--tw-bg-opacity:1;
	background-color:rgb(255 131 49/var(--tw-bg-opacity))
}
.bg-\[\#FFB330\] {
--tw-bg-opacity:1;
	background-color:rgb(255 179 48/var(--tw-bg-opacity))
}
.bg-\[\#e6e6e6\] {
--tw-bg-opacity:1;
	background-color:rgb(230 230 230/var(--tw-bg-opacity))
}
.bg-\[\#eee\] {
--tw-bg-opacity:1;
	background-color:rgb(238 238 238/var(--tw-bg-opacity))
}
.bg-\[\#fff\] {
--tw-bg-opacity:1;
	background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
background-color:rgba(0, 0, 0, .6)
}
.bg-pri-blue {
--tw-bg-opacity:1;
	background-color:rgb(0 115 232/var(--tw-bg-opacity))
}
.bg-white {
--tw-bg-opacity:1;
	background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-\[linear-gradient\(90deg\2c _\#046FCA_0\%\2c _\#0073E8_100\%\)\] {
	background-image:linear-gradient(90deg, #046fca, #0073e8)
}
.bg-\[length\:100\%_100\%\] {
	background-size:100% 100%
}
.bg-no-repeat {
	background-repeat:no-repeat
}
.p-1 {
padding:.25rem
}
.p-2 {
padding:.5rem
}
.p-3 {
padding:.75rem
}
.p-4 {
	padding:1rem
}
.p-\[12px\] {
	padding:12px
}
.p-\[20px\] {
	padding:20px
}
.p-\[6px\] {
	padding:6px
}
.p-\[8px\] {
	padding:8px
}
.px-1 {
padding-left:.25rem;
padding-right:.25rem
}
.px-1\.5 {
padding-left:.375rem;
padding-right:.375rem
}
.px-2 {
padding-left:.5rem;
padding-right:.5rem
}
.px-3 {
padding-left:.75rem;
padding-right:.75rem
}
.px-4 {
	padding-left:1rem;
	padding-right:1rem
}
.px-6 {
	padding-left:1.5rem;
	padding-right:1.5rem
}
.px-8 {
	padding-left:2rem;
	padding-right:2rem
}
.px-\[10px\] {
	padding-left:10px;
	padding-right:10px
}
.px-\[12px\] {
	padding-left:12px;
	padding-right:12px
}
.px-\[13px\] {
	padding-left:13px;
	padding-right:13px
}
.px-\[14px\] {
	padding-left:14px;
	padding-right:14px
}
.px-\[15px\] {
	padding-left:15px;
	padding-right:15px
}
.px-\[16px\] {
	padding-left:16px;
	padding-right:16px
}
.px-\[20px\] {
	padding-left:20px;
	padding-right:20px
}
.px-\[30px\] {
	padding-left:30px;
	padding-right:30px
}
.px-\[3px\] {
	padding-left:3px;
	padding-right:3px
}
.px-\[6px\] {
	padding-left:6px;
	padding-right:6px
}
.py-1 {
padding-top:.25rem;
padding-bottom:.25rem
}
.py-2 {
padding-top:.5rem;
padding-bottom:.5rem
}
.py-4 {
	padding-top:1rem;
	padding-bottom:1rem
}
.py-\[10px\] {
	padding-top:10px;
	padding-bottom:10px
}
.py-\[12px\] {
	padding-top:12px;
	padding-bottom:12px
}
.py-\[15px\] {
	padding-top:15px;
	padding-bottom:15px
}
.py-\[20px\] {
	padding-top:20px;
	padding-bottom:20px
}
.py-\[6px\] {
	padding-top:6px;
	padding-bottom:6px
}
.py-\[7px\] {
	padding-top:7px;
	padding-bottom:7px
}
.py-\[8px\] {
	padding-top:8px;
	padding-bottom:8px
}
.pb-0 {
	padding-bottom:0
}
.pb-1 {
padding-bottom:.25rem
}
.pb-2 {
padding-bottom:.5rem
}
.pb-\[10px\] {
	padding-bottom:10px
}
.pb-\[12px\] {
	padding-bottom:12px
}
.pb-\[15px\] {
	padding-bottom:15px
}
.pb-\[16px\] {
	padding-bottom:16px
}
.pb-\[20px\] {
	padding-bottom:20px
}
.pb-\[7px\] {
	padding-bottom:7px
}
.pb-\[9px\] {
	padding-bottom:9px
}
.pl-\[12px\] {
	padding-left:12px
}
.pl-\[14px\] {
	padding-left:14px
}
.pl-\[20px\] {
	padding-left:20px
}
.pr-\[10px\] {
	padding-right:10px
}
.pr-\[12px\] {
	padding-right:12px
}
.pr-\[14px\] {
	padding-right:14px
}
.pr-\[30px\] {
	padding-right:30px
}
.pt-\[10px\] {
	padding-top:10px
}
.pt-\[16px\] {
	padding-top:16px
}
.pt-\[30px\] {
	padding-top:30px
}
.pt-\[3px\] {
	padding-top:3px
}
.pt-\[8px\] {
	padding-top:8px
}
.\!text-left {
	text-align:left!important
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.text-right {
	text-align:right
}
.indent-\[30px\] {
	text-indent:30px
}
.font-sans {
	font-family:ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}
.\!text-\[16px\] {
	font-size:16px!important
}
.text-2xl {
	font-size:1.5rem;
	line-height:2rem
}
.text-\[11px\] {
	font-size:11px
}
.text-\[12px\] {
	font-size:12px
}
.text-\[13px\] {
	font-size:13px
}
.text-\[14px\] {
	font-size:14px
}
.text-\[15px\] {
	font-size:15px
}
.text-\[16px\] {
	font-size:16px
}
.text-\[18px\] {
	font-size:18px
}
.text-\[20px\] {
	font-size:20px
}
.text-base {
	font-size:1rem;
	line-height:1.5rem
}
.text-sm {
font-size:.875rem;
	line-height:1.25rem
}
.font-\[700\], .font-bold {
	font-weight:700
}
.font-normal {
	font-weight:400
}
.font-semibold {
	font-weight:600
}
.\!leading-none {
	line-height:1!important
}
.leading-\[15px\] {
	line-height:15px
}
.leading-\[16px\] {
	line-height:16px
}
.leading-\[20px\] {
	line-height:20px
}
.leading-\[21px\] {
	line-height:21px
}
.leading-\[25px\] {
	line-height:25px
}
.leading-\[30px\] {
	line-height:30px
}
.leading-\[35px\] {
	line-height:35px
}
.leading-\[38px\] {
	line-height:38px
}
.leading-\[40px\] {
	line-height:40px
}
.\!text-\[\#333\] {
--tw-text-opacity:1!important;
	color:rgb(51 51 51/var(--tw-text-opacity))!important
}
.text-\[\#000000\], .text-\[\#000\] {
--tw-text-opacity:1;
	color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-\[\#0073E8\] {
--tw-text-opacity:1;
	color:rgb(0 115 232/var(--tw-text-opacity))
}
.text-\[\#191919\] {
--tw-text-opacity:1;
	color:rgb(25 25 25/var(--tw-text-opacity))
}
.text-\[\#333333\], .text-\[\#333\] {
--tw-text-opacity:1;
	color:rgb(51 51 51/var(--tw-text-opacity))
}
.text-\[\#666666\], .text-\[\#666\] {
--tw-text-opacity:1;
	color:rgb(102 102 102/var(--tw-text-opacity))
}
.text-\[\#7d7d7d\] {
--tw-text-opacity:1;
	color:rgb(125 125 125/var(--tw-text-opacity))
}
.text-\[\#8B8B8B\] {
--tw-text-opacity:1;
	color:rgb(139 139 139/var(--tw-text-opacity))
}
.text-\[\#969696\] {
--tw-text-opacity:1;
	color:rgb(150 150 150/var(--tw-text-opacity))
}
.text-\[\#999999\], .text-\[\#999\] {
--tw-text-opacity:1;
	color:rgb(153 153 153/var(--tw-text-opacity))
}
.text-\[\#DCE8F4\] {
--tw-text-opacity:1;
	color:rgb(220 232 244/var(--tw-text-opacity))
}
.text-\[\#FFFFFF\], .text-\[white\] {
--tw-text-opacity:1;
	color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-black {
--tw-text-opacity:1;
	color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-inherit {
	color:inherit
}
.text-pri-blue {
--tw-text-opacity:1;
	color:rgb(0 115 232/var(--tw-text-opacity))
}
.text-sjb-red {
--tw-text-opacity:1;
	color:rgb(154 16 50/var(--tw-text-opacity))
}
.text-white {
--tw-text-opacity:1;
	color:rgb(255 255 255/var(--tw-text-opacity))
}
.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-none {
	transition-property:none
}
.no-scrollbar::-webkit-scrollbar {
content-visibility:auto;
display:none
}
.no-scrollbar {
	-ms-overflow-style:none;
	scrollbar-width:none
}
.scrollButton {
	position:fixed;
	width:50px;
	right:12px;
	border:none;
	bottom:55px;
	transition:opacity 1s;
	z-index:101;
	overflow:hidden; display:none
}
.gradientSjb {
	background:linear-gradient(270.01deg, #0545ac .01%, #013281 99.98%)
}
.scrollButton a, .scrollButton span {
	width:42px;
	height:42px;
	border-radius:50px;
	background-size:20px;
	display:flex;
	cursor:pointer
}
.scrollButton span {
	margin-top:5px;
	background:#0173e8 url(/static/images/f-top.b016a616.png) no-repeat 50%
}
.scrollButton .saichengButton {
	background:#0173e8 url(/static/images/saicheng.1a66b313.png) no-repeat 50%
}
.scrollButton .homeButton {
	margin-top:5px;
	background:#0173e8 url(/static/images/f-home.68f6723b.png) no-repeat 50%
}
.showButton {
	opacity:1;
	display:block;
	height:auto
}
.title-shape {
	border-bottom:40px solid var(--primary-color);
	border-right:18px solid transparent;
	height:0
}
.ranking_table {
	display:grid;
	grid-template-columns:10% 34% 14% 14% 14% 14%;
	height:32px;
	align-items:center;
	padding:0 15px
}
.ranking_table div {
	text-align:center;
	font-size:14px
}
.ranking_table .order {
	display:flex;
	justify-content:center;
	align-items:center;
	width:24px;
	height:24px;
	background:#ccc;
	font-size:14px;
	color:#fff;
	border-radius:2px
}
.zuqiu_rank .rank_list:nth-child(2n) {
background:#f5f5f5
}
.tab_lanqiu {
	box-sizing:border-box;
	display:flex;
	align-items:center;
	padding:0 30px 12px;
	gap:10px
}
.maintransform {
	background-color:#f5f5f5;
	width:80px;
	height:40px;
	justify-content:center;
	transform:skew(-35deg);
	cursor:pointer
}
.maintransform, .maintransform .content {
	color:#666;
	display:flex;
	align-items:center
}
.maintransform .content {
	font-family:Microsoft YaHei;
	font-size:16px;
	font-style:normal;
	font-weight:400;
	line-height:normal;
	transform:skew(35deg)
}
.maintransform.active, .maintransform.active .content, .maintransform.active .tab_first, .maintransform.active .tab_last {
	background-color:#0073e8;
	color:#fff
}
.maintransform .tab_first {
	left:-16px
}
.maintransform .tab_first, .maintransform .tab_last {
	position:absolute;
	background:#f5f5f5;
	width:80px;
	height:40px;
	display:flex;
	justify-content:center
}
.maintransform .tab_last {
	left:16px
}
.ranking_lanqiu_table {
	display:grid;
	grid-template-columns:10% 34% 14% 14% 14% 14%;
	height:32px;
	align-items:center;
	padding:0 15px
}
.ranking_lanqiu_table div {
	text-align:center;
	font-size:14px
}
.ranking_lanqiu_table .order {
	display:flex;
	justify-content:center;
	align-items:center;
	width:24px;
	height:24px;
	background:#ccc;
	font:18px/30px Helvetica;
	color:#fff;
	border-radius:2px
}
.lanqiu_rank .rank_list:nth-child(odd) {
background:#f5f5f5
}
:root {
--primary-color:#0073e8;
--sjb-red:#013281
}
.borderMargin {
	border-top:6px solid #e9e9e9
}
.titleBlock {
	height:14px;
	width:4px;
	background-color:var(--primary-color);
	margin-right:6px;
	margin-top:1px
}
.blockTitle {
	color:#333;
	font-weight:700
}
.blockTitle, .headerNav a {
	display:flex;
	align-items:center;
	font-size:15px
}
.headerNav a {
	color:#fff;
	font-style:normal;
	font-weight:400;
	line-height:normal;
	white-space:nowrap;
	padding:0 17px;
	justify-content:center
}
.headerNav a p {
	padding:7px 0
}
.headerNav a.active p {
	border-bottom:2px solid #006bb6
}
.burger {
	overflow:hidden;
	height:-moz-max-content;
	height:max-content;
transition:max-height .45s cubic-bezier(.4, 0, .2, 1)
}
.burger a span {
	text-align:center;
	line-height:30px;
	height:30px;
	overflow:hidden;
	font-size:12px;
	color:#363636;
	background:#f8f8f8;
	border:1px solid #ececec;
	border-radius:16px;
	display:block;
	margin:0 auto
}
.burger a.on span {
	color:#0073e8;
	border-color:#0073e8
}
.match-tab {
	margin:15px 0;
	display:none
}
.match-tab.tab-active {
	display:block
}
.hot_match {
	border:1px solid #ececec;
	border-radius:5px;
	padding:20px 15px;
	margin-bottom:16px
}
.hot_match:active a, .hot_match:hover a {
	color:unset
}
.hot_match .top {
	display:grid;
	grid-template-columns:40% 60%;
	width:100%;
	padding-bottom:13px;
	margin-bottom:12px;
	border-bottom:1px solid #e6e6e6
}
.hot_match .top .status {
	font-size:12px;
	color:#fff;
	border-radius:4px;
	display:flex;
	justify-content:center;
	align-items:center;
	width:54px;
	height:24px;
	padding:6px 0;
	box-sizing:border-box;
	min-width:54px
}
.hot_match .top .compName {
	color:#333;
	font-size:14px;
	font-style:normal;
	font-weight:700;
	line-height:18px
}
.hot_match .top .status.prelive {
	background-color:#333
}
.hot_match .top .status.live {
	background-color:#ef1f1f
}
.hot_match .top .status.end {
	background-color:#666
}
.match_detail {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.hot_match .match_detail:nth-of-type(2) {
margin-top:8px
}
.match_detail .dhmatch_player {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	color:#000;
	font-size:14px
}
.match_detail .score {
	font-size:14px;
	font-weight:700
}
.match_detail .dhmatch_player span {
	margin-right:10px
}
.dh-time {
	margin-top:12px;
	color:#666
}
.streamBox {
	display:flex;
	justify-content:space-between;
	align-items:flex-start
}
.streamBox .stream-left {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
	row-gap:8px;
	height:15px;
	overflow:hidden
}
.streamBox .stream-left.on {
	height:-moz-max-content;
	height:max-content
}
.stream-left p, .stream-right .viewMore {
	font-weight:700;
	font-size:14px;
	color:#333
}

.stream-left a p{
    color: #3179ff;
    border-bottom: 1px solid #3179ff;
    margin-right: 12px;

}


.stream-right .viewMore {
	font-size:12px;
	position:relative;
	display:grid;
	grid-gap:3px;
	grid-template-columns:24px 12px
}
.stream-right p.viewMore.on:after {
	rotate:0deg;
	top:0
}
.stream-right p:after {
	content:url(../../../static.aflc.com.cn/m/_next/static/media/ico-arrow.f3f0f8b4.svg);
	display:inline-block;
	margin:0 0 0 4px;
	padding-bottom:2px;
	rotate:180deg;
transition:.4s;
	position:absolute;
	right:0;
	top:-2px
}
.stream-left p:not(:first-child) {
color:#3179ff;
border-bottom:1px solid #3179ff;
margin-right:12px
}
.streamBox .stream-right {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	width:-moz-fit-content;
	width:fit-content;
	white-space:nowrap
}
.dh_more_match {
	background-color:#f3f7ff;
	border-radius:6px;
	margin-top:16px;
	height:40px;
	border:1px solid #3179ff
}
.dh_more_match, .dh_more_match p {
	display:flex;
	align-items:center;
	justify-content:center
}
.dh_more_match p {
	font-weight:700;
	font-size:14px;
	color:#3179ff
}
.weedOut {
	width:100%;
	background:#fff;
	border-top:6px solid #f2f2f2;
	box-sizing:border-box;
	padding:20px 0
}
.ozb_top {
	width:100%;
	height:24px;
	opacity:1;
	text-align:center;
	font-size:12px;
	font-family:Microsoft YaHei;
	font-weight:300;
	line-height:24px;
	color:#000;
	position:relative;
	top:-20px
}
.ozb_top span {
	display:inline-block;
	height:24px;
	margin:0 auto;
	padding:0 20px;
	background:#f8f8f8;
	border-radius:0 0 5px 5px
}
.playoffs {
	margin-bottom:24px
}
.playoffs .rounds {
	display:flex;
	flex-direction:column
}
.playoffs .gapgrid, .playoffs .teamgrid {
	display:grid
}
.playoffs .playoff-score, .playoffs .team {
	display:flex;
	flex-direction:column;
	align-items:center;
	row-gap:5px
}
.playoffs .reverse {
	flex-flow:column-reverse
}
.playoffs .team p {
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.playoffs .playoff-score p {
	font-size:14px;
	font-weight:700
}
.playoffs .finals-match {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	place-items:center;
	padding:0 6%
}
.playoffs .finals-center {
	display:grid;
	grid-template-rows:2;
	place-items:center;
	padding:12px 0
}
.playoffs .finals-center .finals-text {
	color:#ff2e2e;
	font-size:12px
}
.finals-center .playoff-score {
	flex-direction:row
}
.finals-center .playoff-score, .finals-team {
	display:flex;
	-moz-column-gap:6px;
	column-gap:6px
}
.finals-team {
	align-items:center
}
.finals-team.reverse {
	flex-direction:row-reverse
}
.win {
	background-color:#ff2e2e;
	color:#fff;
	font-size:8px;
	width:20px;
	height:10px;
	text-align:center;
	line-height:11px;
	font-weight:700
}
.playoff-score span {
	font-size:12px;
	font-weight:400
}
.playoff-score .active {
	color:#0073e8
}
.top_game_content .top_game_img_center span img {
	border-radius:50%
}
.desc-chevron {
margin-left:.75rem;
	border:solid #105efb;
	border-width:0 .2em .2em 0;
	display:inline-block;
	width:8px;
	height:8px;
transition:all .2s ease-in-out
}
.desc-chevron.up {
	transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg)
}
.desc-chevron.down {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg)
}
.desc-content {
	overflow:hidden;
	border:1px solid #0073e8;
transition:max-height .2s ease-out
}
.desc-content.hidden {
	border:0;
	max-height:0
}
.match_list_table .signal_btn {
	width:52px;
	height:24px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	border-radius:4px
}
.match_list_table .signal_btn.prelive {
	background-color:#333
}
.match_list_table .signal_btn.live {
	background-color:#ef1f1f
}
.match_list_table .signal_btn.end {
	background-color:#666
}
.pagination_container a:hover {
	color:inherit
}
.pagination_container p {
	padding:0 10px;
	font-size:14px;
	height:30px;
	line-height:30px;
	border:1px solid #eaeaea;
	border-radius:5px;
	text-align:center;
	background-color:var(--primary-color);
	color:#fff
}
.topic_season_text {
font-size:.7rem;
	font-weight:700;
	color:#000;
	margin-bottom:10px
}
.btn_wrapper {
	width:100%
}
.topic_round_btn, .topic_season_btn {
	width:100%;
	background:#eee;
	border-radius:4px;
	text-align:center;
	padding:8px 0;
	font-size:14px;
	position:relative;
	color:#666;
	border:1px solid #dcdcdc;
	margin-top:5px
}
.topic_round_btn.active, .topic_season_btn.active {
	background:#0073e8;
	color:#fff
}
.arrow_r, .arrow_s {
	background-image:url(../../images/chevron_down.png);
	background-repeat:no-repeat;
	width:12px;
	height:10px;
	position:absolute;
	right:16px;
top:.6rem;
transition:all .3s ease-in-out 0s
}
.arrow_up {
	background-image:url(../../images/chevron_up.png);
	background-repeat:no-repeat
}
.round_box, .season_box {
	position:absolute;
	width:95%;
	display:grid;
	visibility:hidden;
	opacity:0;
transition:visibility 0s, opacity .5s linear;
padding:.25rem;
	box-sizing:border-box;
	min-height:50px;
	background:#fff;
	border-top:1px solid #eee;
	box-shadow:0 2px 4px rgba(0, 0, 0, .2);
	border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
	z-index:2
}
.round_box {
	grid-auto-flow:column;
	grid-template-rows:repeat(8, 1fr)
}
.round_box .round_option, .season_box .season_option {
	font-size:14px;
	color:#333;
	cursor:pointer;
	text-align:center;
	line-height:1.5rem
}
.season_box .season_option {
	position:relative;
	background:#fff;
	width:100%
}
.round_content {
	display:none
}
.content_match_sheng {
	top:unset;
	margin-top:20px;
	background:#f5f5f5;
	opacity:1;
	padding:4px 10px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	right:0;
	top:220px;
	border-radius:20px 0 0 20px
}
.content_match_sheng>p {
	font-size:12px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#1c969f
}
.match_content {
	margin-top:10px;
	padding-top:10px;
	border-top:6px solid #e9e9e9
}
.match_content .active {
	display:block
}
.schedule_title {
	font-size:14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#333;
	margin:0 12px
}
.lastUpdate, .schedule_title {
	font-style:normal;
	font-weight:400
}
.lastUpdate {
	color:#8b8b8b;
	text-align:right;
	font-family:Microsoft YaHei;
	font-size:12px
}
.matches {
	background:#fff;
border-radius:.25rem;
	margin:10px;
	display:grid;
	grid-template-columns:32% 35% 32%;
	border:1px solid #d3e1e2
}
.image_text {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.match_time {
	font-size:14px;
	color:#666;
	text-align:center;
	font-weight:400
}
.match_score {
	font-size:1.05rem;
	line-height:1.05rem;
	color:#333;
margin-top:.3rem;
margin-bottom:.7rem;
	text-align:center;
	font-weight:700
}
.match_status {
	opacity:1;
	border-radius:4px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:12px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#fff;
margin-bottom:.7rem
}
.match_player {
font-size:.875rem;
line-height:.7rem;
margin-top:.4rem;
	color:#333;
	text-align:center;
	font-weight:400
}
.match_status.live {
	background:#ef1f1f
}
.match_status.prelive {
	background:#333
}
.match_status.end {
	background:#666
}
.arrow_backward {
	width:34px;
	height:34px;
	position:absolute;
	left:16vw;
	top:0;
	z-index:10
}
.arrow_backward:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
top:.55rem;
	background-image:url(../../images/chevron_down.png);
	background-repeat:no-repeat;
	transform:rotate(90deg);
	width:12px;
	height:10px;
	cursor:pointer
}
.arrow_forward {
	width:34px;
	height:34px;
	position:absolute;
	right:16vw;
	top:0;
	z-index:10
}
.arrow_forward:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
top:.55rem;
	background-image:url(../../images/chevron_down.png);
	background-repeat:no-repeat;
	transform:rotate(270deg);
	width:12px;
	height:10px;
	cursor:pointer
}
.date_selected {
	width:100%;
	color:#666;
	border-radius:4px;
	text-align:center;
	font-size:14px;
	position:relative
}
.art-cont p {
	margin:10px 0
}
.art-cont embed, .art-cont iframe, .art-cont table {
	max-width:100%;
	margin:0 auto
}
.art-cont table {
	border-spacing:0;
	border-collapse:collapse;
	width:100%!important;
	border:1px solid #afafaf
}
.art-cont strong {
	font-weight:700
}
.art-cont tr {
	border-bottom:1px solid #afafaf;
	font-size:14px
}
.art-cont tr:not(:first-of-type):not(:nth-child(2)):hover {
background:#e8e8e8
}
.art-cont td {
	border-right:1px solid #afafaf
}
.art-cont td:last-child {
	border-right:none
}
.art-cont img {
	width:auto;
	max-width:100%;
	display:block;
	margin:5px auto
}
.sjb-subnav {
	background:#02122d;
	white-space:nowrap;
	padding:6px 12px
}
.sjb-subnav a {
	padding:6px 0;
	font-size:16px;
	color:#fff;
	display:inline-block;
	font-weight:700
}
.sjb-subnav a.active {
	border-bottom:2px solid var(--primary-color)
}
.sjb-index-title {
	border-bottom:1px solid var(--sjb-red);
	padding:0 6px
}
.sjb-index-title p {
	font-size:18px;
	font-weight:700;
	color:var(--sjb-red);
	height:40px;
	line-height:40px
}
.sjb-pic-slide .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	position:absolute;
	right:10px;
	bottom:12px;
	width:auto;
	top:auto;
	left:auto
}
.sjb-pic-slide .swiper-pagination-bullet {
	background-color:#fff;
	width:10px;
	height:10px
}
.sjb-pic-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color:var(--primary-color)
}
.sjb-swiper .swiper-button-prev.swiper-button-disabled {
	color:var(--sjb-red)
}
.sjb-swiper.disabled .swiper-button-prev {
	translate:-200% 0
}
.sjb-swiper.disabled .swiper-button-next {
	translate:200% 0
}
.sjb-swiper .swiper-button-next {
	right:1px
}
.sjb-swiper .swiper-button-prev {
	left:1px
}
.sjb-swiper .swiper-button-next, .sjb-swiper .swiper-button-prev {
	top:40%;
	color:#111;
--swiper-navigation-size:28px;
transition:all .3s ease 0s;
	opacity:.7;
	background-color:#fff;
	width:60px;
	height:80px
}
.sjb-swiper .swiper-button-next:hover, .sjb-swiper .swiper-button-prev:hover {
	opacity:.85
}
.hover-image img {
transition:all .2s linear, -webkit-all .2s linear;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:top;
	object-position:top
}
.hover-image:hover img {
	scale:1.2
}
.sjb-sc .pagetab {
	background:#f2f2f2;
	border:1px solid #ccc;
	height:36px;
	line-height:36px;
	font-size:14px;
	font-weight:700;
	margin:12px;
	text-align:center
}
.sjb-sc .pagetab a {
	color:#969696
}
.sjb-sc .pagetab a:not(:first-child) {
border-left:1px solid #ccc
}
.sjb-sc .pagetab a.active {
	color:#fff;
	background-color:var(--sjb-red)
}
.tbodywrap {
	margin:0 12px
}
.tbodywrap table {
	border:1px solid #b6b5ba;
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
	font-size:12px
}
.tbodywrap th {
	background:var(--sjb-red);
	color:#fff;
	height:40px;
	line-height:40px;
	font-weight:700
}
.tbodywrap table th+th {
	border-left:1px solid #fff
}
.tbodywrap table tr td {
	border-right:1px solid #b6b5ba;
	border-bottom:1px solid #b6b5ba;
	line-height:18px;
	text-align:center;
	padding:8px 2px;
	word-break:break-all
}
.sjb-ssb .sheshou {
	border-collapse:collapse
}
.sjb-ssb .sheshou th {
	background:var(--sjb-red);
	color:#fff;
	height:40px;
	line-height:40px;
	text-align:center
}
.sheshou th+th {
	border-left:1px solid #fff
}
.sjb-ssb .sheshou tr td {
	border-right:1px solid #b6b5ba;
	border-bottom:1px solid #b6b5ba;
	line-height:25px;
	text-align:center;
	padding:8px 5px;
	word-break:break-all
}
.rotate180 {
	rotate:180deg
}
.sjb-jifen table th {
	padding:12px 0
}
.sjb-jifen table td {
	padding:6px 0
}
.last\:border-none:last-child {
	border-style:none
}
.hover\:bg-\[\#0073E8\]:hover {
--tw-bg-opacity:1;
	background-color:rgb(0 115 232/var(--tw-bg-opacity))
}
.hover\:font-bold:hover {
	font-weight:700
}
.hover\:text-\[\#0073E8\]:hover {
--tw-text-opacity:1;
	color:rgb(0 115 232/var(--tw-text-opacity))
}
.hover\:text-inherit:hover {
	color:inherit
}
.hover\:text-pri-blue:hover {
--tw-text-opacity:1;
	color:rgb(0 115 232/var(--tw-text-opacity))
}
.hover\:text-sjb-red:hover {
--tw-text-opacity:1;
	color:rgb(154 16 50/var(--tw-text-opacity))
}
.hover\:underline:hover {
	text-decoration-line:underline
}
.group:hover .group-hover\:bg-pri-blue {
--tw-bg-opacity:1;
	background-color:rgb(0 115 232/var(--tw-bg-opacity))
}
.group:hover .group-hover\:text-white, .group\/stream:hover .group-hover\/stream\:text-white {
--tw-text-opacity:1;
	color:rgb(255 255 255/var(--tw-text-opacity))
}
@font-face {
font-family:iconfont;
src:url(../../../static.aflc.com.cn/m/_next/static/media/iconfont.ee2a237b.woff2) format("woff2"), url(../../../static.aflc.com.cn/m/_next/static/media/iconfont.75016730.woff) format("woff"), url(../../../static.aflc.com.cn/m/_next/static/media/iconfont.1540ea41.ttf) format("truetype")
}
.iconfont {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-a-gundongzu97:before {
	content:"\e60d"
}
.icon-a-gundongzu94:before {
	content:"\e60e"
}
.icon-a-gundongzu98:before {
	content:"\e60f"
}
.icon-a-gundongzu96:before {
	content:"\e610"
}
.icon-a-gundongzu95:before {
	content:"\e611"
}
.icon-quanbu:before {
	content:"\e608"
}
.icon-lanqiu:before {
	content:"\e609"
}
.icon-zuqiu:before {
	content:"\e60a"
}
.icon-zonghe:before {
	content:"\e60b"
}
.icon-remen:before {
	content:"\e60c"
}
.icon-head-02:before {
	content:"\e600"
}
.icon-head-05:before {
	content:"\e601"
}
.icon-head-03:before {
	content:"\e602"
}
.icon-head-06:before {
	content:"\e603"
}
.icon-head-04:before {
	content:"\e604"
}
.icon-head-08:before {
	content:"\e605"
}
.icon-head-07:before {
	content:"\e606"
}
.icon-head-01-01:before {
	content:"\e607"
}
.lazy-load-image-background.opacity {
	opacity:0
}
.lazy-load-image-background.opacity.lazy-load-image-loaded {
	opacity:1;
transition:opacity .3s
}