@charset "utf-8";
/**
*   MYZHAN Copyright (C)2008-2066
*   This is NOT a freeware,Use is subject to license.txt
*/
:root {
    --success-50: #f0fdf4;
    --success-100: #dcfce7;
    --success-500: #59e4b1;
    --success-600: #36d399;
    --success-700: #29ac7b;
    --warning-50: #fffbeb;
    --warning-100: #fef3c7;
    --warning-500: #ffc159;
    --warning-600: #f59e0b;
    --warning-700: #c88010;
    --error-50: #fef2f2;
    --error-100: #fee2e2;
    --error-500: #ef4444;
    --error-600: #dc2626;
    --error-700: #b91c1c;
    --info-50: #eff6ff;
    --info-100: #dbeafe;
    --info-500: #3b82f6;
    --info-600: #2563eb;
    --info-700: #3159A4;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    --primary-color: #3159A4;
    --secondary-color:#f8fafc;
    --dark-color:#1e293b;
    --gray-color:#94a3b8;
    --hover-color:#f1f5f9;
    --shadow-color:rgba(0,0,0,0.1);
    --transition-speed:0.3s;
    --color-success: var(--success-600);
    --color-warning: var(--warning-600);
    --color-danger: var(--error-600);
    --color-info: var(--info-600);
    --color-red: #f02020;
    --text-primary: var(--gray-900);
    --text-secondary: var(--gray-700);
    --text-tertiary: var(--gray-600);
    --text-muted: var(--gray-500);
    --text-disabled: var(--gray-400);
    --border-primary: #f1f2f5;
    --border-secondary: var(--gray-300);
    --shadow-color: rgba(0, 0, 0, 0.1);
    --shadow-color-light: rgba(0, 0, 0, 0.05);
    --shadow-color-dark: rgba(0, 0, 0, 0.2);
    --shadow-xs: 0 1px 2px 0 var(--shadow-color-light);
    --shadow-sm: 0 1px 3px 0 var(--shadow-color-light), 0 1px 2px -1px var(--shadow-color-light);
    --shadow-md: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color-light);
    --shadow-lg: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color-light);
    --shadow-xl: 0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color-light);
    --shadow-2xl: 0 25px 50px -12px var(--shadow-color-dark);
    --shadow-inner: inset 0 2px 4px 0 var(--shadow-color-light);
    --spacing-2xs: 2px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 20px;
    --spacing-xl: 26px;
    --spacing-2xl: 32px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --font-3xs: 6px;
    --font-2xs: 8px;
    --font-xs: 10px;
    --font-sm: 12px;
    --font-base: 14px;
    --font-lg: 16px;
    --font-xl: 18px;
    --font-2xl: 20px;
    --font-3xl: 24px;
    --font-4xl: 28px;
    --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;
}
dl, dt, dd, h1, h2, h3, h4, h5, h6 {padding: 0px;margin: 0px;font-weight: normal;}
i, em {font-style: normal;}
.opacity-0{opacity:0;}
.opacity-100{opacity:100;}
.border-box {box-sizing:border-box;}
.d-none {display:none;}
.d-block {display:block;}
.d-inline {display:inline;}
.d-flex {display:flex;}
.d-flex-row {display:flex;flex-direction:row;}
.d-flex-column {display:flex;flex-direction:column;}
.d-grid {display:grid;}
.static {position:static;}
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}
.sticky {position:sticky;top:0px;bottom:0px;left:0px;right:0px;}
.flex-wrap {flex-wrap:wrap;}
.flex-wrap-reverse {flex-wrap:wrap-reverse;}
.flex-nowrap {flex-wrap:nowrap;}
.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;}
.justify-evenly {justify-content:space-evenly;}
.align-start {align-items:flex-start;}
.align-end {align-items:flex-end;}
.align-center {align-items:center;}
.align-baseline {align-items:baseline;}
.align-stretch {align-items:stretch;}
.flex-0 {flex:0 0 auto;}
.flex-1 {flex:1 1 auto;}
.flex-grow {flex-grow:1;}
.flex-shrink {flex-shrink:1;}
.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));}
.grid-cols-6 {grid-template-columns:repeat(6,minmax(0,1fr));}
.grid-rows-1 {grid-template-rows:repeat(1,minmax(0,1fr));}
.grid-rows-2 {grid-template-rows:repeat(2,minmax(0,1fr));}
.grid-rows-3 {grid-template-rows:repeat(3,minmax(0,1fr));}
.grid-rows-4 {grid-template-rows:repeat(4,minmax(0,1fr));}
.grid-rows-5 {grid-template-rows:repeat(5,minmax(0,1fr));}
.grid-rows-6 {grid-template-rows:repeat(6,minmax(0,1fr));}
.gap-0 {gap:0;}
.gap-xs {gap:var(--spacing-xs);}
.gap-sm {gap:var(--spacing-sm);}
.gap-md {gap:var(--spacing-md);}
.gap-lg {gap:var(--spacing-lg);}
.gap-xl {gap:var(--spacing-xl);}
.gap-2xl {gap:var(--spacing-2xl);}
.column-gap-0 {column-gap:0;}
.column-gap-xs {column-gap:var(--spacing-xs);}
.column-gap-sm {column-gap:var(--spacing-sm);}
.column-gap-md {column-gap:var(--spacing-md);}
.column-gap-lg {column-gap:var(--spacing-lg);}
.column-gap-xl {column-gap:var(--spacing-xl);}
.column-gap-2xl {column-gap:var(--spacing-2xl);}
.row-gap-0 {row-gap:0;}
.row-gap-xs {row-gap:var(--spacing-xs);}
.row-gap-sm {row-gap:var(--spacing-sm);}
.row-gap-md {row-gap:var(--spacing-md);}
.row-gap-lg {row-gap:var(--spacing-lg);}
.row-gap-xl {row-gap:var(--spacing-xl);}
.row-gap-2xl {row-gap:var(--spacing-2xl);}
.top-5{top:5px}
.top-10{top:10px;}
.top-15{top:15px}
.top-20{top:20px}
.top-25{top:25px}
.z-0{z-index:0}
.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-100{z-index:100}
.w-full {width:100%;}
.h-full {height:100%;}
.m-0 {margin:0;}
.m-xs {margin:var(--spacing-xs);}
.m-sm {margin:var(--spacing-sm);}
.m-md {margin:var(--spacing-md);}
.m-lg {margin:var(--spacing-lg);}
.m-xl {margin:var(--spacing-xl);}
.m-2xl {margin:var(--spacing-2xl);}
.mx-0 {margin-left:0;margin-right:0;}
.mx-xs {margin-left:var(--spacing-xs);margin-right:var(--spacing-xs);}
.mx-sm {margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);}
.mx-md {margin-left:var(--spacing-md);margin-right:var(--spacing-md);}
.mx-lg {margin-left:var(--spacing-lg);margin-right:var(--spacing-lg);}
.mx-xl {margin-left:var(--spacing-xl);margin-right:var(--spacing-xl);}
.mx-2xl {margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl);}
.my-0 {margin-top:0;margin-bottom:0;}
.my-xs {margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);}
.my-sm {margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);}
.my-md {margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);}
.my-lg {margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);}
.my-xl {margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);}
.my-2xl {margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);}
.mt-0 {margin-top:0;}
.mt-xs {margin-top:var(--spacing-xs);}
.mt-sm {margin-top:var(--spacing-sm);}
.mt-md {margin-top:var(--spacing-md);}
.mt-lg {margin-top:var(--spacing-lg);}
.mt-xl {margin-top:var(--spacing-xl);}
.mt-2xl {margin-top:var(--spacing-2xl);}
.mr-0 {margin-right:0;}
.mr-2xs {margin-right:var(--spacing-2xs);}
.mr-xs {margin-right:var(--spacing-xs);}
.mr-sm {margin-right:var(--spacing-sm);}
.mr-md {margin-right:var(--spacing-md);}
.mr-lg {margin-right:var(--spacing-lg);}
.mr-xl {margin-right:var(--spacing-xl);}
.mr-2xl {margin-right:var(--spacing-2xl);}
.mb-0 {margin-bottom:0;}
.mb-xs {margin-bottom:var(--spacing-xs);}
.mb-sm {margin-bottom:var(--spacing-sm);}
.mb-md {margin-bottom:var(--spacing-md);}
.mb-lg {margin-bottom:var(--spacing-lg);}
.mb-xl {margin-bottom:var(--spacing-xl);}
.mb-2xl {margin-bottom:var(--spacing-2xl);}
.ml-0 {margin-left:0;}
.ml-xs {margin-left:var(--spacing-xs);}
.ml-sm {margin-left:var(--spacing-sm);}
.ml-md {margin-left:var(--spacing-md);}
.ml-lg {margin-left:var(--spacing-lg);}
.ml-xl {margin-left:var(--spacing-xl);}
.ml-2xl {margin-left:var(--spacing-2xl);}
.p-0 {padding:0;}
.p-xs {padding:var(--spacing-xs);}
.p-sm {padding:var(--spacing-sm);}
.p-md {padding:var(--spacing-md);}
.p-lg {padding:var(--spacing-lg);}
.p-xl {padding:var(--spacing-xl);}
.p-2xl {padding:var(--spacing-2xl);}
.px-0 {padding-left:0;padding-right:0;}
.px-xs {padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);}
.px-sm {padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);}
.px-md {padding-left:var(--spacing-md);padding-right:var(--spacing-md);}
.px-lg {padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);}
.px-xl {padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);}
.px-2xl {padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl);}
.py-0 {padding-top:0;padding-bottom:0;}
.py-xs {padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs);}
.py-sm {padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);}
.py-md {padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);}
.py-lg {padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);}
.py-xl {padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);}
.py-2xl {padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);}
.pt-0 {padding-top:0;}
.pt-xs {padding-top:var(--spacing-xs);}
.pt-sm {padding-top:var(--spacing-sm);}
.pt-md {padding-top:var(--spacing-md);}
.pt-lg {padding-top:var(--spacing-lg);}
.pt-xl {padding-top:var(--spacing-xl);}
.pt-2xl {padding-top:var(--spacing-2xl);}
.pr-0 {padding-right:0;}
.pr-xs {padding-right:var(--spacing-xs);}
.pr-sm {padding-right:var(--spacing-sm);}
.pr-md {padding-right:var(--spacing-md);}
.pr-lg {padding-right:var(--spacing-lg);}
.pr-xl {padding-right:var(--spacing-xl);}
.pr-2xl {padding-right:var(--spacing-2xl);}
.pb-0 {padding-bottom:0;}
.pb-xs {padding-bottom:var(--spacing-xs);}
.pb-sm {padding-bottom:var(--spacing-sm);}
.pb-md {padding-bottom:var(--spacing-md);}
.pb-lg {padding-bottom:var(--spacing-lg);}
.pb-xl {padding-bottom:var(--spacing-xl);}
.pb-2xl {padding-bottom:var(--spacing-2xl);}
.pl-0 {padding-left:0;}
.pl-xs {padding-left:var(--spacing-xs);}
.pl-sm {padding-left:var(--spacing-sm);}
.pl-md {padding-left:var(--spacing-md);}
.pl-lg {padding-left:var(--spacing-lg);}
.pl-xl {padding-left:var(--spacing-xl);}
.pl-2xl {padding-left:var(--spacing-2xl);}
.text-primary {color:var(--text-primary);}
.text-secondary {color:var(--text-secondary);}
.text-tertiary {color:var(--text-tertiary);}
.text-muted {color:var(--text-muted);}
.text-disabled {color:var(--text-disabled);}
.text-white {color:white;}
.text-success {color:var(--color-success);}
.text-warning {color:var(--color-warning);}
.text-danger {color:var(--color-danger);}
.text-info {color:var(--color-info);}
.text-red {color:#F02200;}
.text-gray-50 {color:var(--gray-50);}
.text-gray-100 {color:var(--gray-100);}
.text-gray-200 {color:var(--gray-200);}
.text-gray-300 {color:var(--gray-300);}
.text-gray-400 {color:var(--gray-400);}
.text-gray-500 {color:var(--gray-500);}
.text-gray-600 {color:var(--gray-600);}
.text-gray-700 {color:var(--gray-700);}
.text-gray-800 {color:var(--gray-800);}
.text-gray-900 {color:var(--gray-900);}
.bg-white {background-color:white;}
.bg-muted {background-color:var(--gray-50);}
.bg-success {background-color:var(--color-success);}
.bg-warning {background-color:var(--color-warning);}
.bg-danger {background-color:var(--color-danger);}
.bg-info {background-color:var(--color-info);}
.bg-gray-50 {background-color:var(--gray-50);}
.bg-gray-100 {background-color:var(--gray-100);}
.bg-gray-200 {background-color:var(--gray-200);}
.bg-gray-300 {background-color:var(--gray-300);}
.bg-red {background-color:var(--color-red);}
.bg-orange {background-color:#fc7a00;}
.cursor-pointer {cursor:pointer;}
.border {border:1px solid var(--border-primary);}
.border-secondary {border:1px solid var(--border-secondary);}
.border-none {border:none;}
.border-top {border-top:1px solid var(--border-primary);}
.border-right {border-right:1px solid var(--border-primary);}
.border-bottom {border-bottom: 1px solid var(--border-primary);}
.border-left {border-left:1px solid var(--border-primary);}
.font-3xs {font-size:var(--font-3xs);}
.font-2xs {font-size:var(--font-2xs);}
.font-xs {font-size:var(--font-xs);}
.font-sm {font-size:var(--font-sm);}
.font-base {font-size:var(--font-base);}
.font-lg {font-size:var(--font-lg);}
.font-xl {font-size:var(--font-xl);}
.font-2xl {font-size:var(--font-2xl);}
.font-3xl {font-size:var(--font-3xl);}
.font-4xl {font-size:var(--font-4xl);}
.font-thin {font-weight:100;}
.font-lighter {font-weight:lighter;}
.font-bold {font-weight:bold;}
.font-bolder {font-weight:bolder;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.text-start {text-align:start;}
.text-end {text-align:end;}
.underline {text-decoration:underline;}
.overline {text-decoration:overline;}
.line-through {text-decoration:line-through;}
.no-underline {text-decoration:none;}
.truncate {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-ellipsis-2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rounded-none {border-radius:0;}
.rounded {border-radius:999px;}
.rounded-sm {border-radius:var(--radius-sm);}
.rounded,.rounded-md {border-radius:var(--radius-md);}
.rounded-lg {border-radius:var(--radius-lg);}
.shadow {box-shadow:var(--shadow-md);}
.shadow-xs {box-shadow:var(--shadow-xs);}
.shadow-sm {box-shadow:var(--shadow-sm);}
.shadow-md {box-shadow:var(--shadow-md);}
.shadow-lg {box-shadow:var(--shadow-lg);}
.shadow-xl {box-shadow:var(--shadow-xl);}
.shadow-2xl {box-shadow:var(--shadow-2xl);}
.shadow-inner {box-shadow:var(--shadow-inner);}
.visible {visibility:visible;}
.invisible {visibility:hidden;}
.overflow-hidden {overflow:hidden;}
.object-contain {object-fit:contain;}
.object-cover {object-fit:cover;}
.object-fill {object-fit:fill;}
.object-none {object-fit:none;}
.object-scale-down {object-fit:scale-down;}
.duration-100 {transition-duration: 100ms;}
.duration-200 {transition-duration: 200ms;}
.duration-300 {transition-duration: 300ms;}
.duration-400 {transition-duration: 400ms;}
.duration-500 {transition-duration: 500ms;}
.transform {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));}
.transition-all {transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
.hot_all {float:left;padding:5px 0px;margin-right:3px;}
.hot_1 {font-size:11px;color:rgb(255,255,255);border-radius:5px;margin-right:2px;background-image:linear-gradient(90deg,rgb(249,197,88) 0%,rgb(255,144,74) 100%);padding:1px 3px;}
.hot_3 {font-size:11px;color:rgb(255,255,255);border-radius:5px;margin-right:2px;background-color:rgb(255,80,0);padding:1px 3px;}
.hot_2 {font-size:11px;color:rgb(255,255,255);border-radius:5px;margin-right:2px;background-color:rgb(0,183,139);padding:1px 3px;}
.hot_4 {font-size:11px;color:rgb(255,255,255);border-radius:5px;margin-right:2px;background-color:rgb(255,80,0);padding:1px 3px;}