/* 全局样式模板 */

/* 重置默认的浏览器样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif; /* 设置默认字体 */
  line-height: 1.6; /* 设置行高 */
  color: #333; /* 设置文本颜色 */
  background-color: #f4f4f4; /* 设置背景颜色 */
  /* 满屏 */

}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  color: #0056b3; /* 设置标题颜色 */
}

a {
  text-decoration: none; /* 去掉链接下的下划线 */
  color: #0056b3; /* 设置链接颜色 */
}

a:hover {
  color: #003d82; /* 设置鼠标悬停时的链接颜色 */
}

.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}

.text-center {
  text-align: center !important; /* 居中 */
}

.flex-middle {
  display: flex;
  align-items: center; /* 垂直居中 */
}