@charset "utf-8";
/* reset */
:root {
	/*主体文字颜色*/
	--fcolor: #171814;
	--fcolor-a0: rgba(255,255,255,0.85);
	--fcolor-a1: #C19A48;
	--fcolor-a2: #D8BE88;

	/*通用黑白透明背景色*/
	--bgblack-1:rgba(0,0,0,0.1);
	--bgblack-2:rgba(0,0,0,0.2);
	--bgblack-3:rgba(0,0,0,0.3);
	--bgblack-4:rgba(0,0,0,0.4);
	--bgblack-5:rgba(0,0,0,0.5);
	--bgblack-6:rgba(0,0,0,0.6);
	--bgblack-7:rgba(0,0,0,0.7);
	--bgblack-8:rgba(0,0,0,0.8);
	--bgblack-9:rgba(0,0,0,0.9);
	--bgblack-10:rgba(0,0,0,1.0);
	--bgwhite-1:rgba(255,255,255,0.1);
	--bgwhite-2:rgba(255,255,255,0.2);
	--bgwhite-3:rgba(255,255,255,0.3);
	--bgwhite-4:rgba(255,255,255,0.4);
	--bgwhite-5:rgba(255,255,255,0.5);
	--bgwhite-6:rgba(255,255,255,0.6);
	--bgwhite-7:rgba(255,255,255,0.7);
	--bgwhite-8:rgba(255,255,255,0.8);
	--bgwhite-9:rgba(255,255,255,0.9);
	--bgwhite-10:rgba(255,255,255,1);
	/*通用圆角*/
	--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;
	--f16: 16px;
	--f18: 18px;
	--f20: 20px;
	--f22: 22px;
	--f24: 24px;
	--f26: 26px;
	--f28: 28px;
	--f30: 30px;
	--f32: 32px;
	--f34: 34px;
	--f36: 36px;
	--f38: 38px;
	--f40: 40px;
	--f42: 42px;
	--f44: 44px;
	--f46: 46px;
	--f48: 48px;
	--f50: 50px;
}

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:-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-a0);outline:0;font-size: var(--f16);line-height: 1.14;}
a,a:link,a:visited,a:active{color:var(--bgwhite-9); 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;}
body{background: var(--fcolor); color: var(--bgwhite-8);}
/* function */
.f-clearfix{clear:both;}
[data-animation]{visibility: hidden;animation-duration:1.5s;-webkit-animation-duration:1.5s;opacity: 0;animation-fill-mode:forwards;}
.mt-1{margin-top:1px;}.mt-2{margin-top:2px;}.mt-3{margin-top:3px;}.mt-4{margin-top:4px;}.mt-5{margin-top:5px;}.mt-6{margin-top:6px;}.mt-7{margin-top:7px;}.mt-8{margin-top:8px;}.mt-9{margin-top:9px;}.mt-10{margin-top:10px;}.mt-11{margin-top:11px;}.mt-12{margin-top:12px;}.mt-13{margin-top:13px;}.mt-14{margin-top:14px;}.mt-15{margin-top:15px;}.mt-16{margin-top:16px;}.mt-17{margin-top:17px;}.mt-18{margin-top:18px;}.mt-19{margin-top:19px;}.mt-20{margin-top:20px;}.mt-21{margin-top:21px;}.mt-22{margin-top:22px;}.mt-23{margin-top:23px;}.mt-24{margin-top:24px;}.mt-25{margin-top:25px;}.mt-26{margin-top:26px;}.mt-27{margin-top:27px;}.mt-28{margin-top:28px;}.mt-29{margin-top:39px;}.mt-30{margin-top:30px;}