@import url(iconfont.css);
@import url(style.css);

html {
	-webkit-text-size-adjust: 100%;
	line-height: 1.15
}
body {
	margin: 0;
	/*padding:0 3vw;*/
	color: #222;
	font-size: 16px;
	max-width:768px;
	
	margin:auto;
}
main {
	display: block
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
h1, h2, h3, h4, h5, h6, ol, ul, p, form, dl {
	margin-top:0;
	margin-bottom:0
}
img {
	border:none;/*vertical-align:top;*/
}
ol, ul, dd {
	padding-left:0;
	margin-left:0;
}
ul, li {
	list-style-type:none;
}
cite {
	font-style:normal;
	display: block;
}
h1 {
	font-size:xx-large;
}
h2 {
	font-size:x-large;
}
h3 {
	font-size:large;
}
h4 {
	font-size:medium;
}
h5 {
	font-size:small;
}
h6 {
	font-size:x-small;
}
a {
	text-decoration:none;
	color:inherit;
}
em {
	font-style: normal;
}
p a {
	white-space: normal;
}
a, div, header, span {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input, textarea {
	outline: none;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent;
	text-decoration: none;
	color:inherit;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	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
}
img {
	border-style: none
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
 [type=button], [type=reset], [type=submit], button {
 -webkit-appearance: button;
 cursor: pointer
}
 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
 border-style: none;
 padding: 0
}
 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
 outline: 1px dotted ButtonText
}
fieldset {
	padding: .35em .75em .625em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	vertical-align: baseline
}
textarea {
	overflow: auto
}
 [type=checkbox], [type=radio] {
 box-sizing: border-box;
 padding: 0
}
 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none!important;
 display: none;
 height: auto;
 margin: 0
}
 [type=search] {
 -webkit-appearance: textfield;
 outline-offset: -.266667vw
}
 [type=search]::-webkit-search-decoration {
 -webkit-appearance: none
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit
}
details {
	display: block
}
summary {
	display: list-item
}
 [hidden], template {
 display: none
}
 input::-webkit-search-cancel-button, input::-webkit-search-decoration {
 display: none
}
.fl {
	float:left
}
.fr {
	float:right
}
.m_3vw {
	margin:3vw;
}
.m_l_f_3vw {
	margin-left:3vw;
	margin-right:3vw;
}
.m_t_3vm{
	margin-top:3vw;
	}
.m_t_p_3vw {
	margin-top:3vw;
	margin-bottom:3vw;
}
.p_b_20px{
	padding-bottom:20px
	}
body.no-scroll {
    overflow: hidden; /* 核心属性：隐藏溢出，禁止滚动 */
    height: 100%;     /* 确保高度限制在视口内 */
}
.p_t_b_20px{
	padding-top:20px;
	padding-bottom:20px
	}
.p_3vw{
	padding:3vw
	}
.f_z_14{
	font-size:14px;
	}
.m_r_10{
	margin-right:10px;
	}
	
.none{
	display:none;
	}
:root {
    --gray-0: #0c0d0e;
    --gray-1: #17223A;
    --gray-2: #222;
    --gray-3: #343538;
    --gray-5: #56565c;
    --gray-6: #696969;
    --gray-8: #83868F;
    --gray-8-2: #83868F;
    --gray-8-3: #83868F;
    --gray-9: #999999;
    --gray-9-2: #969BA6;
    --gray-a: #A4A7A9;
    --gray-b: #B3B6BE;
    --gray-b-2: #B3B6BE;
    --gray-c: #C5C5C5;
    --gray-c-2: #C0C0C0;
    --gray-c-3: #cccfd8;
    --green: #21C31B;
    --red-white: #F84440;
    --white: #fff;
    --bg-white: #fff;
    --bg-gray: #f8f8f8;
    --bg-gray-00: #f5f5f5;
    --bg-gray-e: #eee;
    --box-white: #fff;
    --box-white-0: #fff;
    --box-white-95: rgba(255,255,255,.95);
    --box-black-30: rgba(0,0,0,.3);
    --box-gray-000: #f5f5f5;
    --box-gray-100: #ebebeb;
    --box-gray-200: #e3e7ed;
    --box-gray-201: #e3e7ed;
    --box-gray-300: #f8f8f8;
    --box-gray-301: #f8f8f8;
    --box-gray-302: #f8f8f8;
    --box-gray-303: #f8f8f8;
    --box-gray-304: #f8f8f8;
    --box-gray-400: #F6F6F6;
    --box-gray-500: #f0f0f0;
    --box-gray-600: #fafafa;
    --box-gray-601: #fafafa;
    --box-gray-602: #fafafa;
    --box-gray-700: #f2f2f2;
    --box-gray-800: #F7F7F7;
    --box-red: #F45549;
    --box-red-000: #FFF1F1;
    --box-red-001: #FFF1F1;
    --box-blue-000: #f8fcfe;
    --border-gray-000: #eeeeee;
    --border-gray-001: #eeeeee;
    --border-gray-002: #eeeeee;
    --border-gray-100: #b3b6be;
    --border-gray-200: #f5f5f5;
    --border-gray-300: #e5e5e5;
    --border-gray-400: #D8D8D8;
    --border-gray-500: #EBEBEB;
    --border-gray-600: #E1E1E1;
    --border-gray-700: #e3e7ed;
    --border-gray-800: #F3F3F6;
    --border-gray-900: #E7E7EB;
    --border-gray-1000: #A4A7A9;
    --light-30: brightness(100%);
    --light-50: brightness(100%);
    --light-80: brightness(100%);
    --light-90: brightness(100%);
    --light-100: brightness(100%);
    --light-130: brightness(100%);
    --light-200: brightness(100%);
    --light-400: brightness(100%);
    --light-600: brightness(100%);
    --opacity-50: 100%;
    --invert-90: invert(0%);
    --invert-91: invert(0%);
    --tag-brown-bg: #FBF5EE;
    --tag-brown-border: #F2DBC1;
    --tag-blue-bg: #F4F6F9;
    --tag-blue-bg-2: #EEF5FE;
    --tag-blue: #536D8C;
    --tag-red-bg: #fffafa;
    --tag-red-bg-2: #FEF7F7;
    --tag-red-bg-3: rgba(255,239,239,0.36);
    --tag-red-border: #FFE3DF;
    --tag-red-border-b: #FFE3DF;
    --tag-red-border-2: #FFD6D6;
    --tag-yellow-bg: #FFF4EA;
    --btn-red-bg: transparent;
    --btn-red: #F84440;
    --gradient-white-90deg: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1));
    --gradient-white-180deg-w: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    --gradient-white-180deg: linear-gradient(180deg, #f7f8fa,#ffffff);
    --gradient-white-more: linear-gradient(90deg, rgba(255,255,255,0),rgba(255,255,255,.9) 28%, #fff 49.1%, #fff);
    --shadow-white: 0px 0px 6px 0px rgba(228,231,240,0.9);
    --shadow-white-100: 0px 2px 8px 0px rgba(228,231,240,0.75);
    --stat-bg: #e5e9ee
}