/* basic */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*html .clearfix {
	height: 1%;
}

*+html .clearfix {
	height: 1%;
}

.f_l {
	float: left;
}

.f_r {
	float: right;
}

.t_l {
	text-align: left;
}

.t_r {
	text-align: right;
}

.t_c,
.text-center {
	text-align: center;
}
.t_j {
	text-align: justify;
}

.f_b {
	font-weight: bold;
}

.f_n {
	font-weight: normal;
}
.font-medium {
  font-weight: 500;
}
.font-bold {
  font-weight: 700;
}

.f_white {
	color: white;
}

.f_black {
	color: black;
}

.f_gray {
	color: #666666;
}

.f_orange {
	color: #FF6600 !important;
}

.f_red {
	color: red !important;
}

.f_green {
	color: green;
}

.f_blue {
	color: blue !important;
}

.f_dblue {
	color: #225588;
}

.f_title {
	color: #333333;
}

.f_m_title {
	color: #db9f37;
}

.f_subtitle {
	color: #C8C8C8;
}

.f_content {
	color: #666666;
}

.f_dec {
	color: #999999;
}


.f_price {
	font-weight: bold;
	font-family: Arial;
	color: #FF0000;
}
.text-success {
  --tw-text-opacity: 1;
	/* color: #219653; */
  color: rgb(33 150 83 / var(--tw-text-opacity)) /*#219653*/ !important;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(28 36 52 / var(--tw-text-opacity)) /* #1c2434 */;
}
.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity)) /* #171717 */;
}
.text-warning-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity)) /* #fb923c */;
}
.text-warning-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity)) /* #ea580c */ !important;;
}

.px10 {
	font-size: 10px;
}

.px11 {
	font-size: 11px;
}

.px12 {
	font-size: 12px;
}

.px13 {
	font-size: 13px;
}

.px14 {
	font-size: 14px;
}

.px15 {
	font-size: 15px;
}

.px16 {
	font-size: 16px;
}

.px18 {
	font-size: 18px;
}

.px20 {
	font-size: 20px;
}

.px22 {
	font-size: 22px;
}

.px24 {
	font-size: 24px;
}

.px32 {
	font-size: 32px;
}

.px40 {
	font-size: 40px;
}

.b5 {
	height: 5px;
	font-size: 1px;
}

.b6 {
	height: 6px;
	font-size: 1px;
}

.b8 {
	height: 8px;
	font-size: 1px;
}

.b10 {
	height: 10px;
	font-size: 1px;
}

.b15 {
	height: 15px;
	font-size: 1px;
}

/*  -- 内外边距 -- */
.m-0 {
	margin: 0;
}

.m-auto {
	margin: auto;
}

.m-1 {
	margin: 10px;
}

.m-2 {
	margin: 20px;
}

.m-3 {
	margin: 30px;
}

.m-4 {
	margin: 40px;
}

.m-5 {
	margin: 50px;
}

.mt-0 {
	margin-top: 0;
}

.mt-auto {
	margin-top: auto;
}

.mt-1 {
	margin-top: 10px;
}

.mt-2 {
	margin-top: 20px;
}

.mt-3 {
	margin-top: 30px;
}

.mt-4 {
	margin-top: 40px;
}

.mt-5 {
	margin-top: 50px;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-auto {
	margin-bottom: auto;
}
.mb-06 {
	margin-bottom: 6px;
}
.mb-1 {
	margin-bottom: 10px;
}

.mb-2 {
	margin-bottom: 20px;
}

.mb-3 {
	margin-bottom: 30px;
}

.mb-4 {
	margin-bottom: 40px;
}

.mb-5 {
	margin-bottom: 50px;
}

.ml-0 {
	margin-left: 0;
}

.ml-auto {
	margin-left: auto;
}

.ml-1 {
	margin-left: 10px;
}

.ml-2 {
	margin-left: 20px;
}

.ml-3 {
	margin-left: 30px;
}

.ml-4 {
	margin-left: 40px;
}

.ml-5 {
	margin-left: 50px;
}

.mr-0 {
	margin-right: 0;
}

.mr-auto {
	margin-right: auto;
}

.mr-1 {
	margin-right: 10px;
}

.mr-2 {
	margin-right: 20px;
}

.mr-3 {
	margin-right: 30px;
}

.mr-4 {
	margin-right: 40px;
}

.mr-5 {
	margin-right: 50px;
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}

.my-1 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.my-2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.my-3 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.my-4 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.my-5 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.mx-0 {
	margin-left: 0;
	margin-right: 0;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.mx-1 {
	margin-left: 10px;
	margin-right: 10px;
}

.mx-2 {
	margin-left: 20px;
	margin-right: 20px;
}

.mx-3 {
	margin-left: 30px;
	margin-right: 30px;
}

.mx-4 {
	margin-left: 40px;
	margin-right: 40px;
}

.mx-5 {
	margin-left: 50px;
	margin-right: 50px;
}

.m-5px {
	margin: 5px;
}

.mt-5px {
	margin-top: 5px;
}

.ml-5px {
	margin-left: 5px;
}

.mr-5px {
	margin-right: 5px;
}

.mb-5px {
	margin-bottom: 5px;
}

.mx-5px {
	margin-left: 5px;
	margin-right: 5px;
}

.my-5px {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mx-1rem {
  margin-left: 1rem /* 16px */;
  margin-right: 1rem /* 16px */;
}

.p-3 {
  padding: 0.75rem /* 12px */;
}
.px-4 {
  padding-left: 1rem /* 16px */;
  padding-right: 1rem /* 16px */;
}
.px-6 {
  padding-left: 1.5rem /* 24px */;
  padding-right: 1.5rem /* 24px */;
}
.px-7 {
  padding-left: 1.75rem /* 28px */;
  padding-right: 1.75rem /* 28px */;
}
.py-2 {
  padding-top: 0.5rem /* 8px */;
  padding-bottom: 0.5rem/* 8px */;
}
.py-2\.5 {
  padding-top: 0.625rem /* 10px */;
  padding-bottom: 0.625rem /* 10px */;
}
.py-4 {
  padding-top: 1rem /* 16px */;
  padding-bottom: 1rem /* 16px */;
}
.py-8 {
  padding-top: 2rem /* 32px */;
  padding-bottom: 2rem /* 32px */;
}

.pl-4 {
  padding-left: 1rem /* 16px */;
}
.pr-6 {
  padding-right: 1.5rem /* 24px */;
}
.pt-3 {
  padding-top: 0.75rem /* 12px */;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.p_b {
	padding-bottom: 8px;
}

.pd3 {
	padding: 3px;
}

.pd5 {
	padding: 5px;
}

.pd10 {
	padding: 10px;
}

.pd15 {
	padding: 15px;
}

.pd20 {
	padding: 20px;
}

.pt-10 {
	padding-top: 10px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pt-20 {
	padding-top: 20px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pt-30 {
	padding-top: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

.ptb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.ptb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ptb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.ptb-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.pt-0 {
	padding-top: 0;
}

.pb-0 {
	padding-bottom: 0;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.p-0 {
	padding: 0;
}

.leading-tight {
  line-height: 1.25;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-7 {
  line-height: 1.75rem /* 28px */;
}
.lh18 {
	line-height: 18px;
}

.lh24 {
	line-height: 24px;
}

.lh36 {
	line-height: 36px;
}

.ls1 {
	letter-spacing: 1px;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem /* 8px */ * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem /* 8px */ * calc(1 - var(--tw-space-x-reverse)));
}

.c_p {
	cursor: pointer;
}

.c_b {
	clear: both;
}

.dsn {
	display: none;
}

.absm {
	vertical-align: middle;
}

.btn {
	height: 24px;
	line-height: 22px;
	width: 50px;
	border: none;
	cursor: pointer;
	letter-spacing: 3px;
}

.btn_1 {
	height: 21px;
	line-height: 21px;
	width: 69px;
	padding-left: 9px;
	border: none;
	cursor: pointer;
}

.btn_2 {
	height: 21px;
	line-height: 21px;
	width: 69px;
	padding-left: 9px;
	border: none;
	cursor: pointer;
}

.btn_s {
	background: #2388FA;
	color: #FFFFFF;
	border: none;
	padding: 2px;
	letter-spacing: 1px;
}

.btn_r {
	background: #D7D7D7;
	color: #666666;
	border: none;
	padding: 2px;
	letter-spacing: 1px;
}

.btn_danger {
	border: 0px;
	cursor: pointer;
	display: block;
	font-size: 12px;
	width: 156px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	background: #f80505;
}

.btn_submit {
	border: 0px;
	cursor: pointer;
	display: block;
	font-size: 12px;
	width: 156px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	background: #6A6B76;
}

.button {
	position: relative;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	column-gap: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	text-align: center;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: 0.025em;
	font-size: 1rem;
	line-height: 1.5rem;
	border: none;
	box-sizing: border-box;
	color: #FFFFFF;
	background-color: rgb(51, 51, 51);
}
.button_submit {
	color: #FFFFFF !important;
	background-color: #007bff;
}
.button_grade {
	color: #FFFFFF !important;
	background-color: rgb(216, 169, 99);
}
.button_primary {
	color: #FFFFFF !important;
	background-color: rgb(60, 80, 224);
}
.button_success {
	color: #FFFFFF !important;
	background-color: rgb(33, 150, 83);
}
.button_info {
	color: #FFFFFF !important;
	background-color: rgb(37, 154, 230);
}
.button_danger {
	color: #FFFFFF !important;
	background-color: rgb(211, 64, 83);
}
.button_warning {
	color: #FFFFFF !important;
	background-color: rgb(255, 167, 11);
}
.button:disabled{
	border-color:transparent;
	box-shadow: none;
	background-color: #9ca3af;
	color: #EEEEEE !important;
}

.bd {
	border: #CAD9EA 1px solid;
}

.highlight {
	color: red;
}

.jt {
	color: #003278;
	cursor: pointer;
}

.np {
	padding: 20px 30px 20px 50px;
	line-height: 25px;
}


.slide {
	background: #FAFAFA;
	overflow: hidden;
}

/* layout */
.m_n {
	width: 10px;
}



/*全局样式*/
.w-9 {
  width: 2.25rem /* 36px */;
}
.h-9{
	height: 2.25rem /* 36px */;
}
.w-12{
	width: 3rem /* 48px */;
}
.h-12{
	height: 3rem /* 48px */;
}
.w-full{
	width: 100%;
}
.w-75{
	width: 75%;
}
.w185 {
	width: 185px;
}

.w188 {
	width: 188px;
}

.w230 {
	width: 230px;
}

.w360 {
	width: 360px;
}

.w600 {
	width: 600px;
}

.w725 {
	width: 725px;
	margin: 0px;
	padding: 0px;
}

.claer_b {
	clear: both;
}

/* 内容溢出 */
.overflow-hidden {
	overflow: hidden;
}
/* 定位 */
.p_rel,
.relative,
.position-relative {
	position: relative;
}

.absolute,
.position-absolute {
	position: absolute;
}
.fixed,
.position-fixed {
	position: fixed;
}

/* 定位 - 固定顶部 */
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

/* 定位 - 固定底部 */
.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}
.z-0{
	z-index:0;
}
.z-1{
	z-index:1;
}
.z-2{
	z-index:2;
}
.z-3{
	z-index:3;
}
.z-4{
	z-index:4;
}
.z-5{
	z-index:5;
}
.z-6{
	z-index:6;
}
.z-7{
	z-index:7;
}
.z-8{
	z-index:8;
}
.z-9{
	z-index:9;
}
.z-10{
	z-index:10;
}
.z-20{
	z-index:20;
}
.z-30{
	z-index:30;
}
.z-40{
	z-index:40;
}
.z-50{
	z-index:50;
}
.z-60{
	z-index:60;
}
.z-70{
	z-index:70;
}
.z-80{
	z-index:80;
}
.z-90{
	z-index:90;
}
.z-99{
	z-index:99;
}


.top-0 {
	top: 0;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}

.bottom-0 {
	bottom: 0;
}

.m_b {
	margin-bottom: 8px;
}

.mar_r15 {
	margin: 0 15px 0 0;
}

.mar_c {
	margin: 0 auto;
}


.mt10 {
	margin-top: 10px;
}

.mb {
	margin-bottom: 13px;
}

.mb10 {
	margin-bottom: 10px;
}

.dis_b {
	display: block;
	overflow: hidden;
}
.inline-flex {
  display: inline-flex;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}

.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-grow {
  flex-grow: 1;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.auto-rows-auto{
	grid-auto-rows: auto;
}
.auto-cols-auto{
	grid-auto-columns: auto;
}
.auto-cols-max {
  grid-auto-columns: max-content;
}
.columns-2 {
  columns: 2;
}
.columns-3 {
  columns: 3;
}
.gap-1 {
  gap: 0.25rem /* 4px */;
}
.gap-1\.5 {
  gap: 0.375rem /* 6px */;
}
.gap-2 {
  gap: 0.5rem /* 8px */;
}
.gap-3 {
  gap: 0.75rem /* 12px */;
}
.gap-x-2 {
  column-gap: 0.5rem /* 8px */;
}
.bg_white {
	background: white;
}

.bg_black {
	background: #111111;
}
.bg-warning {
	/* background-color: #ffc107; */
	/* background-color: rgb(255, 167, 11); */
  --tw-bg-opacity: 1;
  background-color: rgb(255 167 11 / var(--tw-bg-opacity)) /* #ffa70b */;
}
.bg-success {
  --tw-bg-opacity: 1;
	/* background-color: rgb(33, 150, 83); */
  background-color: rgb(33 150 83 / var(--tw-bg-opacity)) /* #219653 */;
}


.bg_theme {
	background: #F7F7F7;
}

.bg_slate-700 {
	background: #334155;
}

.bg-surface-100 {
  background-color: #f5f5f5;
}
.bg-surface-200 {
  background-color: #e5e5e5;
}
.hover\:bg-surface-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity)) /* #d4d4d4 */;
}
.bg-opacity-15 {
  --tw-bg-opacity: 0.15;
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.30;
}



.bg_orange-400 {
	background: #fb923c;
}

.nobg {
	background: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}

.valign {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.valign_p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 使用css3的transform来实现 */
.valign_f {
	display: flex;
	justify-content: center;
	align-items: center;
}

.valign_r {
	display: flex;
	align-items: right;
	justify-content: right;
}

/* 边框 */
.border-solid {
	border-width: 0;
  border-style: solid;
	border-color: transparent;
}
.border {
	border-width: 1px;
	border-style: solid;
	border-color: #dee2e6;
}

.border-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f0f0f0;
}

.border-right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f0f0f0;
}

.border-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
}

.border-left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f0f0f0;
}

.border-bottom-f0f0f0 {
	border-bottom: 1px solid #f0f0f0;
}

.border-2 {
	border-width: 2px;
}
.border-l-6 {
  border-left-width: 6px;
}

.border-0 {
	border-width: 0 !important;
}

.border-top-0 {
	border-top-width: 0 !important;
}

.border-right-0 {
	border-right-width: 0 !important;
}

.border-bottom-0 {
	border-bottom-width: 0 !important;
}

.border-left-0 {
	border-left-width: 0 !important;
}

.border-primary {
	border-color: #007bff;
}

.border-secondary {
	border-color: #6c757d;
}

.border-light-secondary {
	border-color: #E9E8E5;
}

.border-success {
	/* border-color: #28a745; */
	border-color: rgb(33, 150, 83);
}

.border-info {
	border-color: #17a2b8;
}

.border-warning {
	/* border-color: #ffc107; */
	border-color: rgb(255, 167, 11);
}

.border-danger {
	border-color: #dc3545;
}

.border-light {
	border-color: #f8f9fa;
}

.border-dark {
	border-color: #343a40;
}

.border-white {
	border-color: #FFFFFF;
}

.border-gray {
	border-color: #DAD8D6;
}
.border-gray-200 {
  border-color:  #e5e7eb;
}

/* 圆角 */
.rounded {
	border-radius: 8px;
}

.rounded-10 {
	border-radius: 10px;
}

.rounded-12 {
	border-radius: 12px;
}

.rounded-16 {
	border-radius: 16px;
}

.rounded-20 {
	border-radius: 20px;
}

.rounded-25 {
	border-radius: 25px;
}

.rounded-top-16 {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.rounded-top-20 {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.rounded-top {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.rounded-right {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.rounded-bottom {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.rounded-bottom-16 {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

.rounded-left {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.rounded-circle{
	border-radius: 100%;
}
.rounded-full {
	border-radius: 9999px;
}

.rounded-0 {
	border-radius: 0;
}
.backdrop-blur {
	--tw-backdrop-blur: blur(8px);
	backdrop-filter: blur(8px);
}
.drop-shadow-2 {
	--tw-drop-shadow: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.12));
	filter:drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.12));
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.pc_dsn {
	display: none;
}

.box-border {
	box-sizing: border-box;
}

.box-content {
	box-sizing: content-box;
}

@media(max-width:1000px) {
	.pc_dsn {
		display: block;
	}

	.mobile_dsn {
		display: none;
	}
}

.web_show {
	display: block !important;
}

.m_show {
	display: none !important;
}

@media(max-width:640px) {
	.m_show {
		display: block !important;
	}

	.web_show {
		display: none !important;
	}
}