/** 全局css */ $baseurl: "@@:static/"; @font-face { font-family: "JiangChengYuanTi-300W"; /* 定义字体家族名称 */ src: url($baseurl + "fonts/JiangChengYuanTi-300W.ttf") format("truetype"); /* 指定字体文件路径和格式 */ font-weight: normal; font-style: normal; } @font-face { font-family: "JiangChengYuanTi-400W"; /* 定义字体家族名称 */ src: url($baseurl + "fonts/JiangChengYuanTi-400W.ttf") format("truetype"); /* 指定字体文件路径和格式 */ font-weight: normal; font-style: normal; } @font-face { font-family: "JiangChengYuanTi-500W"; /* 定义字体家族名称 */ src: url($baseurl + "fonts/JiangChengYuanTi-500W.ttf") format("truetype"); /* 指定字体文件路径和格式 */ font-weight: normal; font-style: normal; } @font-face { font-family: "JiangChengYuanTi-600W"; /* 定义字体家族名称 */ src: url($baseurl + "fonts/JiangChengYuanTi-600W.ttf") format("truetype"); /* 指定字体文件路径和格式 */ font-weight: normal; font-style: normal; } @font-face { font-family: "JiangChengYuanTi-700W"; /* 定义字体家族名称 */ src: url($baseurl + "fonts/JiangChengYuanTi-700W.ttf") format("truetype"); /* 指定字体文件路径和格式 */ font-weight: normal; font-style: normal; } .myZt-300w { font-family: "JiangChengYuanTi-300W", sans-serif; } .myZt-400w { font-family: "JiangChengYuanTi-400W", sans-serif; } .myZt-500w { font-family: "JiangChengYuanTi-500W", sans-serif; } .myZt-600w { font-family: "JiangChengYuanTi-600W", sans-serif; } .myZt-700w { font-family: "JiangChengYuanTi-700W", sans-serif; } .bg { background-size: cover; background-repeat: no-repeat; background-position: center; } .column { display: flex; flex-direction: column; } .row { display: flex; flex-direction: row; } .center { display: flex; align-items: center; justify-content: center; }