@charset "UTF-8";
/* CSS Document */

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1762689294243') format('woff2'),
       url('../font/iconfont.woff?t=1762689294243') format('woff'),
       url('../font/iconfont.ttf?t=1762689294243') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


:root {
	--color-black: #000; /* 黑 */
	--color-white: #fff; /* 白 */
	--color-999: #999; /* 文字主色 */
	--color-777: #777; /* 文字主色 */
	--color-f5f5f5: #f5f5f5; /* 容器背景色 */
	--color-eee: #eee; /* 白底线条色 */
	--color-aaa: #bbb; /* 灰色辅助色 */
	--color-e5e5e5: #e5e5e5; /* 灰底线条色 */
	--color-blue: #4da6ff; /* 蓝色 */
	--color-green: #4dc683; /*绿色*/
	--color-zise: #b258d3; /*紫色*/
	--color-red: #ff0f3c; /*红色*/
	--color-yellow: #f79700; /*黄色*/
	--color-tm: rgba(255, 255, 255, 0.9); /*白色透明色*/
	--color-tma: rgba(255, 255, 255, 0.75); /*白色透明色*/
	--color-htm: rgba(0, 0, 0, 0.85); /*黑色透明色*/
	--color-hutm: rgba(245, 245, 245, 0.9); /*灰色透明色*/

	--font-14size: 14px;
	--font-16size: 16px;
	--font-18size: 18px;
	--font-20size: 20px;
	--font-24size: 24px;
	--font-26size: 26px;
	--font-32size: 32px;
	--font-38size: 38px;
	
	/*0 5 10*/
	/*20 30 40 50*/
	
	/*banner 字体 1024以上用前一个断点的字号*/
	/*辅助字用比当前默认字号小2px的字号*/
}


html,
body {
	background-color: var(--color-white);
	color: var(--color-999);
	margin: 0;
	padding: 0;
	font-family: "Noto Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti TC", Arial, sans-serif;
	font-size: var(--font-14size);
	line-height: 1.7;
	width: 100%;
	height: 100%;
	touch-action: manipulation;
}

img {
	display: block;
}

div,
ul,
li,
dl,
dd,
span,
h1,
h2,
p,
h4,
h3 {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 默认先去掉 */
input,
textarea,
select {
	outline: none;
	box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}

/* 仅当是键盘导航触发焦点时显示高亮（更智能） */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 1px solid var(--color-gold); /* 自定义颜色 */
	outline-offset: 1px; /* 或者用阴影：box-shadow: 0 0 0 3px rgba(255,179,0,.35); */
}

/* 鼠标/触摸造成的焦点（:focus 但非 :focus-visible）保持无样式 */
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}

input[type="search"],
input[type="text"],
input[type="number"] {
	-webkit-appearance: none;
	appearance: none;
}

::placeholder {
	color: var(--color-666);
	font-family: 'ntr';
}

a {
  color: var(--color-999);
  text-decoration: none;     /* 去掉下划线 */
  transition: all 0.2s ease; /* 鼠标悬停动画过渡 */
}

a:hover {
  color: var(--color-999);  /* 悬停颜色 */
}

.homelink{
	color: var(--color-black);
	text-decoration: none;     /* 去掉下划线 */
	transition: all 0.2s ease; /* 鼠标悬停动画过渡 */
}

.homelink:hover{
	color: var(--color-black);
	text-decoration: none;     /* 去掉下划线 */
}


.bluebg{
	background: var(--color-blue);
}

.greenbg{
	background: var(--color-green);
}

.zisebg{
	background: var(--color-zise);
}

.redbg{
	background: var(--color-red);
}

.yellowbg{
	background: var(--color-yellow);
}

.bluefont{
	color: var(--color-blue);
}

.greenfont{
	color: var(--color-green);
}

.zisefont{
	color: var(--color-zise);
}

.redfont{
	color: var(--color-red);
}

.yellowfont{
	color: var(--color-yellow);
}