/**
 * ########################################################################################################################
 * ### 全局样式重置
 * ########################################################################################################################
 */
/* 统一所有元素的盒子类型和内外边距 */
*, 
*:before, 
*:after { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; }

/* 字体 */
@font-face {
  font-family: "dinpro-regular";
  src: url("../fonts/DINPRO-REGULAR.OTF");
}
@font-face {
  font-family: "dinpro-light";
  src: url("../fonts/DINPRO-LIGHT.OTF");
}
/* 英文字体 */
.en { font-family: "dinpro-light"; }

/* 以1920px宽度，100px字体大小为基准动态的根元素字体大小 */
html { font-size: calc(100vw * 100 / 1920); }

@media screen and (min-width: 1920px) {
	html { font-size: 100px; }
}

@media screen and (max-width: 768px) {
  html { font-size: calc(100vw * 100 / 768); }
}

/* 默认字体样式 */
body {
	font-size: 16px;
	color: #050505;
	font-family: "PingFangSC-Regular", "Tahoma", "Microsoft Yahei", "sans-serif", "Arial", "Hiragino Sans GB";
	font-style: normal;
}

/* 清除列表元素的列表符号 */
ul, ol, li { list-style: none; }

/* 超链接样式 */
a { color: inherit; cursor: pointer; }
a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }
a:hover { opacity: 1; }

/* 清除元素的默认边框 */
img { border: 0; border: none; outline: none; }

/* 使得表单元素在 ie 下能继承字体大小 */
/* 清空表单元素的内外边框 */
button,
input,
select,
textarea { font-size: 100%; outline: none; border: 1px solid #f2f3f4; color: inherit; }

/* 清除表格的默认边框和单元格间距 */
table { border-collapse: collapse; border-spacing: 0; }

/* placeholder */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder  { color: #949596; }

/* iconfont */
.iconfont { display: inline-block; font-size: inherit; }

.color-gold { color: #EFC395 !important; }



/**
 * ########################################################################################################################
 * ### 辅助类
 * ########################################################################################################################
 */
/* 清除浮动 */
.clearfix { *zoom: 1; }
.clearfix:before,.clearfix:after { content: ''; display: block; height: 0; clear: both; }

/* 提示内容默认字体颜色 */
.prompt { color: #949596; }

/* 浮动 */
.fl { float: left; }
.fr { float: right; }

/* 清除浮动 */
.clear,
.clearfix { *zoom: 1; }
.clear:before, .clear:after,
.clearfix::before, .clearfix::after { content: ''; display: block; height: 0; clear: both; }

/* 强制换行和强制不换行 */
.nowrap { word-wrap: normal; white-space: nowrap; }
.iswrap { white-space: normal; word-wrap: break-word; word-break: break-all; }

/* 文本多出部分用省略号表示, 用于1行或多行 */
.ellipsis-1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* 不显示滚动条（透明隐藏） */
.scroll-hidden::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); width: 0; }

/* Cover背景图 */
.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* Flex */
.flex { display: flex; align-items: center; justify-content: center; }

/* 定义公共文本大小 */
/*letter-spacing: 1;*/
:root {
	--small-size: .16rem;
	--medium-size: .18rem;

	/* 一级英文标题 */
	--en-title-size: .48rem;
	/* 一级中文标题 */
	--cn-title-size: .3rem;
	/* 英文数字标题 */
	--en-num-title-size: .32rem;
	/* 一级描述 */
	--desc-size: var(--medium-size);
	/* 内文 */
	--content-size: var(--medium-size);

	/* 产品分类 */
	--product-size: var(--medium-size);

	/* 英文内容 */
	--en-content-size: .32rem;
	/* 中文内文 */
	--cn-content-size: .22rem;
}