@charset "utf-8";
@font-face{
font-family: "IBMPlexSans-Regular";
src: url("../fonts/IBMPlexSans-Regular.ttf");
}
@font-face{
font-family: "IBMPlexSans-Bold";
src: url("../fonts/IBMPlexSans-Bold.ttf");
}
@font-face{
font-family: "Roboto-Regular";
src: url("../fonts/Roboto-Regular.ttf");
}
@font-face{
font-family: "Roboto-Bold";
src: url("../fonts/Roboto-Bold.ttf");
}
@font-face{
font-family: "RobotoCondensed-Bold";
src: url("../fonts/RobotoCondensed-Bold.ttf");
}
/* reset */
:root {
	/*主体文字颜色*/
	--fcolor: #332f2c;
	--fcolor-a0: rgba(255,255,255,0.9);
	--fcolor-a1: #332F2C;
	--fcolor-a2: #C5000B;
	/*通用容器头部三行文字颜色*/
	--fcolor-b1: #DF9FA3;
	--fcolor-b2: #332F2C;
	--fcolor-b3: rgba(51,47,44,0.75);
	/*黄色按钮颜色*/
	--bgcolor-a1: #eeca4b;
	--bgcolor-a2: #E3B515;
	/*蓝色按钮颜色*/
	--bgcolor-b1: #C5000B;
	--bgcolor-b2: #9B0007;
	/*通用黑白透明背景色*/
	--bgblack-1:rgba(0,0,0,0.1);
	--bgblack-2:rgba(0,0,0,0.2);
	--bgblack-5:rgba(0,0,0,0.5);
	--bgblack-7:rgba(0,0,0,0.7);
	--bgwhite-2:rgba(255,255,255,0.2);
	--bgwhite-5:rgba(255,255,255,0.5);
	--bgwhite-7:rgba(255,255,255,0.7);
	--bgwhite-095:rgba(255,255,255,0.95);
	/*通用圆角*/
	--radius-5: 5px;
	--radius-10: 10px;
	--radius-15: 15px;
	--radius-20: 20px;
	--radius-25: 25px;
	--radius-30: 30px;
	--radius-35: 35px;
	--radius-40: 40px;
	--radius-45: 45px;
	--radius-50: 50px;
	/*文字大小*/
	--f12: 12px;
	--f14: 14px;
	--f15: 15px;
	--f16: 16px;
	--f18: 18px;
	--f20: 20px;
	--f24: 24px;
	--f30: 30px;
	--f32: 32px;
	--f36: 36px;
	--f40: 40px;
	--f48: 48px;
}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
html{font-size: 62.5%; box-sizing: border-box;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
sup,sub{font-size:1.2rem;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family:Roboto-Regular,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;color:var(--fcolor);outline:0;font-size: var(--f16);line-height: 1.14;}
a,a:link,a:visited,a:active{color:var(--fcolor-a1); text-decoration:none; text-decoration: none; cursor: pointer; -moz-transition: background-color 0.2s ease-out, color 0.1s ease-out; -webkit-transition: background-color 0.2s ease-out, color 0.1s ease-out; -ms-transition: background-color 0.2s ease-out, color 0.1s ease-out; transition: background-color 0.2s ease-out, color 0.1s ease-out;}
a:hover{color:var(--fcolor-a2); text-decoration:underline;}

/* function */
.f-clearfix{clear:both;}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-fs1{font-size:1.2rem;}
.f-fs2{font-size:1.4rem;}
.f-fs3{font-size:1.6rem;}
.f-fs4{font-size:1.8rem;}
.f-fs5{font-size:2.0rem;}
.f-fs6{font-size:2.2rem;}
.f-fs7{font-size:2.4rem;}

.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}

@media only screen and (max-width: 1280px) {
	:root {
		/*文字大小*/
		--f16: 15px;
		--f18: 17px;
		--f20: 19px;
		--f24: 23px;
		--f30: 28px;
		--f32: 30px;
		--f36: 34px;
		--f48: 44px;
	}
}
@media only screen and (max-width: 1024px) {
	:root {
		/*文字大小*/
		--f16: 14px;
		--f18: 16px;
		--f20: 18px;
		--f24: 20px;
		--f28: 24px;
		--f30: 26px;
		--f32: 28px;
		--f36: 32px;
		--f48: 42px;
	}
}