/* 字体 */
@font-face {
  font-family: Rainbow;
  /*  指定服务器字体名称   */
  src: url("./font/Rainbow2000-Regular.ttf");
  /*  字体路劲   */
}

@font-face {
  font-family: tag;
  src: url("./font/tag.woff");
}

@font-face {
  font-family: title;
  src: url("./font/tit.woff");
}

@font-face {
  font-family: tndj;
  src: url("./font/tndj.woff");
}

@font-face {
  font-family: a;
  src: url("./font/a.ttf");
  /* 小可奶酪体 */
}

@font-face {
  font-family: b;
  src: url("./font/b.ttf");
  /* 云峰飞云体 */
}

@font-face {
  font-family: c;
  src: url("./font/c.ttf");
  /* 演示春风楷 */
}

/*
给每个元素加上边框且改变背景色，
快速找到超出边界的元素（颜色醒目即可）并作出调整
*{
outline: solid #f00 1px !important;
     background: #000 !important;
     color: #fff !important;
} */

/* 背景 */
body,
html {
  overflow-x: hidden;
}

.background {
  /* 背景图片的URL */
  background-image: url("https://file.lxxno.cn/image/img/Space/6-5.webp");
  /* 不重复背景图片 */
  background-repeat: no-repeat;
  /* 背景图像不平铺 */
  /* 背景图片尺寸覆盖整个容器 */
  background-size: cover;
  /* 背景图片大小 */
  /* 背景图片固定不动 */
  background-attachment: fixed;
  /* 容器高度为视口高度的100% */
  height: 100%;
  /* 取消四侧边框 */
  border: none;
}

/* 鼠标停留动画 */
.one a:link,
a:visited {
  /*  未访问时和访问后    */
  text-decoration: none;
  /*  清除超链接默认的下划线 */
  color: #757272;
  /*   字体颜色 */
  font-weight: bold;
  /*   字体粗细 */
}

/*  鼠标指针悬停时 */
.one a:hover {
  color: #e1b67c;
  /*   鼠标停留字体颜色  */
}

/*   nav导航栏  */
.one {
  line-height: 60px;
  /*   行间距  */
  word-spacing: 10px;
  /*  单词间距    */
  text-align: right;
  /*   右对齐  */
  font-size: 18px;
  /*   字号大小 */
  position: relative;
  /*  用于将元素相对于其原始位置进行微调，而不影响其他元素的布局。 */
  right: 26px;
  /* 将导航栏向左移动26像素 */
}

.Hi {
  letter-spacing: 3px;
  /*   字间距  */
  line-height: 1px;
  /*   行间距  */
  text-indent: 30px;
  /*   首行缩进 */
  font-family: "Rainbow", serif;
  /*  字体  */
  font-size: 136px;
  /*   字号大小 */
  color: #f8f8f8;
  /*   字体颜色 */
  font-weight: bolder;
  /*   字体粗细 */
}

.a {
  font-size: 26px;
  /*   字号大小 */
  color: rgb(54, 47, 47);
  /*   字体颜色 */
  font-weight: bold;
  /*   字体粗细 */
  text-indent: 3em;
  /*   首行缩进 */
  letter-spacing: 3px;
  /*   字间距  */
  line-height: 1px;
  /*   行间距  */
}

.two {
  font-size: 26px;
  /*   字号大小 */
  color: #cecaca;
  /*   字体颜色 */
  font-weight: bold;
  /*   字体粗细 */
  text-align: right;
  /* position: absolute; */
  /*   以下为文字居下    */
  /* bottom: 0; */
  /*  表示将元素的底部边缘与其容器的底部边缘对齐。将元素定位在其容器的底部。  */
  /* left: 0; */
  /*   表示将元素的左侧边缘与其容器的左侧边缘对齐。将元素定位在其容器的左侧  */
  /* width: 100%; */
  /* 表示将元素的宽度设置为其父容器的宽度的百分之百。元素将占据其父容器的全部宽度。 */
  padding: 0;
}

.two-a-a {
  /* 上边 | 右边 | 下边 | 左边 */
  padding: 38vh 8vh 0 3vh;
}

.two-a-b {
  /* 上边 | 右边 | 下边 | 左边 */
  padding: 0 8vh 3vh 2vh;
}

.A {
  font-size: 28px;
  /*   字号大小 */
  color: #131313;
  /*   字体颜色 */
  letter-spacing: 26px;
  /*   字间距  */
  text-align: center;
  /*   文字居中 */
  font-weight: bold;
  /*   字体粗细 */
}

.content {
  width: 960px;
  /*盒子模型的宽度*/
  border: 2px solid #fcfafa;
  /*盒子模型的边框颜色*/
  margin: 100px auto;
  /*相框水平居中*/
  background-color: #fcfafa;
  /* 背景颜色 */
  box-shadow: 0 0 6px 4px rgb(0 0 0 / 5%);
  /* px 水平偏移量,px垂直偏移量,px模糊半径,rgba阴影颜色, 添加阴影效果 */
}

.jx {
  /*家乡*/
  font-size: 80px;
  /*   字号大小 */
  color: #000000;
  /*   颜色 */
  text-align: center;
  /* 文字居中 */
}

.bt {
  /*标题*/
  font-weight: bolder;
  /*粗体*/
  font-family: "title", serif;
  /*字体*/
}

.bs {
  /*保山*/
  font-size: 20px;
  /*   字号大小 */
  font-family: "tndj", serif;
  /*字体*/
}

.bs a {
  text-decoration: none;
  color: #000000;
}

.bs a:hover {
  color: rgb(76, 184, 220);
}

/*图片*/

.tp {
  height: 400px;
  /* 设置容器高度 */
  overflow-y: auto;
  /* 开启滚动效果  始终显示滚动条 */
  margin-bottom: 10px;
  /* 图片之间的间距 */
  flex: 0 0 auto;
  /* 不自动拉伸图片 */
  width: 100%;
  /* 图片宽度占满容器 */
}

.tp-1 {
  height: 420px;
  /* 设置容器高度 */
  width: 100%;
  /* 图片宽度占满容器 */
  overflow: auto;
  /* 开启滚动效果  根据需求产生滚动条 */
  display: flex;
  /*弹性布局*/
}

.tp-yh-a {
  margin-left: 10px;
  /* 设置图片左边的间隔 */
  margin-right: 10px;
  /* 设置图片右边的间隔 */
}

.tp-2 {
  height: 780px;
  /* 设置容器高度 */
  overflow-y: scroll;
  /* 开启滚动效果  始终显示滚动条 */
  width: 100%;
  /* 图片宽度占满容器 */
}

.tp-2-a {
  transform: translateY(-280px);
  /*图片向上移动*/
}

.tp-2-b {
  margin-left: -460px;
  /* 向左移动 */
  transform: translateY(200px);
  /*图片向下移动*/
}

.tp-2-c {
  transform: translateY(-160px);
  /*图片向上移动*/
}

.tp-xg {
  height: 650px;
  /* 设置容器高度 */
  width: 100%;
  /* 图片宽度占满容器 */
  overflow: auto;
  /* 开启滚动效果  根据需求产生滚动条 */
  display: flex;
  /*弹性布局*/
}

.tp-xg-1 {
  margin-left: -400px;
  /* 向左移动 */
  margin-top: 310px;
  /*向下移动*/
}

.tp-xg-2 {
  margin-left: 10px;
  /* 设置图片左边的间隔 */
  margin-right: 10px;
  /* 设置图片右边的间隔 */
}

.tp-xg-3 {
  margin-left: 10px;
  /* 设置图片左边的间隔 */
}

.tp-xg-4 {
  margin-left: 2px;
  /* 设置图片左边的间隔 */
}

.tp-f {
  height: 460px;
  /* 设置容器高度 */
  width: 100%;
  /* 图片宽度占满容器 */
  overflow: auto;
  /* 开启滚动效果  根据需求产生滚动条 */
  display: flex;
  /*弹性布局*/
}

.tp-f-a {
  margin-left: 8px;
  /* 设置图片左边的间隔 */
  margin-right: 8px;
  /* 设置图片右边的间隔 */
}

.tp-ys {
  height: 460px;
  /* 设置容器高度 */
  width: 100%;
  /* 图片宽度占满容器 */
  overflow: auto;
  /* 开启滚动效果  根据需求产生滚动条 */
  display: flex;
  /*弹性布局*/
}

.yp-deng {
  height: 460px;
  /* 设置容器高度 */
  width: 100%;
  /* 图片宽度占满容器 */
  overflow: auto;
  /* 开启滚动效果  根据需求产生滚动条 */
  display: flex;
  /*弹性布局*/
  margin-left: 360px;
  /* 设置图片左边的间隔 */
}

.bqb-xue {
  font-size: 80px;
  /*   字号大小 */
  margin-left: 60px;
  /* 设置图片左边的间隔 */
}

.tp-xia {
  height: 500px;
  /* 设置容器高度 */
  width: 100%;
  /* 图片宽度占满容器 */
  overflow: auto;
  /* 开启滚动效果  根据需求产生滚动条 */
  display: flex;
  /*弹性布局*/
  margin-left: 6px;
  /* 设置图片左边的间隔 */
  margin-right: 6px;
  /* 设置图片右边的间隔 */
}

/*文字*/

.wz {
  margin-left: -10px;
  /* 将文本向左移动 */
}

.wz-2 {
  margin-left: -60px;
  /* 将文本向左移动 */
}

.wz-3 {
  font-size: 23px;
  /*   字号大小 */
  font-weight: bolder;
  /*粗体*/
  font-family: "tndj", serif;
  /*字体*/
  letter-spacing: 13px;
  /*字间距*/
  text-align: center;
  /* 文字居中 */
}

.wz-xia {
  font-size: 20px;
  /*   字号大小 */
  font-weight: bold;
  /*粗体*/
  letter-spacing: 16px;
  /*字间距*/
  text-align: right;
  /* 文字居右 */
}

.wz-xy {
  font-size: 20px;
  /*   字号大小 */
  font-weight: bold;
  /*粗体*/
  letter-spacing: 13px;
  /*字间距*/
  font-family: "tag", serif;
  /*字体*/
  text-align: left;
  /* 文字居左 */
}

.wz-jw {
  font-size: 30px;
  /*   字号大小 */
  font-family: "a", serif;
  /*  字体  */
  letter-spacing: 6px;
  /*字间距*/
  text-align: center;
  /* 文字居中 */
  line-height: 40px;
  /*   行间距  */
}

.wz-ys {
  font-size: 23px;
  /*   字号大小 */
  font-family: "a", serif;
  /*字体*/
  letter-spacing: 13px;
  /*字间距*/
  text-align: right;
  /* 文字居右 */
  margin-right: 50px;
  /*右边距*/
}

.wz-pf {
  font-size: 30px;
  /*   字号大小 */
  font-family: "a", serif;
  /*字体*/
}

/*标题*/

.bt-xy {
  font-size: 86px;
  /*   字号大小 */
  font-family: "title", serif;
  /*字体*/
  font-weight: bold;
  /*粗体*/
  letter-spacing: 16px;
  /*字间距*/
  text-align: right;
  /* 文字居右 */
}

.bt-xg {
  font-size: 100px;
  /*   字号大小 */
  font-weight: bolder;
  /*粗体*/
  font-family: "title", serif;
  /*字体*/
  letter-spacing: 16px;
  /*字间距*/
}

.bt-ys {
  font-size: 90px;
  /*   字号大小 */
  font-weight: bolder;
  /*粗体*/
  font-family: "title", serif;
  /*字体*/
  text-align: right;
  /* 文字居右 */
  margin-right: 50px;
  /*右边距*/
}

.bt-deng {
  font-weight: bolder;
  /*粗体*/
  font-family: "title", serif;
  /*字体*/
  text-align: left;
  /* 文字居左 */
  margin-left: 50px;
  /*左边距*/
}

.bt-xia {
  font-weight: bolder;
  /*粗体*/
  font-family: "title", serif;
  /*字体*/
  text-align: right;
  /* 文字居右 */
}

.bt-wy {
  font-family: "title", serif;
  /*字体*/
  font-weight: bolder;
  /*粗体*/
  letter-spacing: 16px;
  /*字间距*/
  text-align: center;
  /* 文字居中 */
}

.yz {
  font-family: c;
  /*字体*/
  font-weight: bolder;
  /*粗体*/
  font-size: 60px;
  /*   字号大小 */
  text-align: right;
  /* 文字居右 */
  padding-top: 80px;
  /* 上方距离 */
  padding-bottom: 60px;
  /* 下方距离 */
  margin-right: 50px;
  /*右边距*/
}

.wz-yz {
  margin-right: 460px;
  /*右边距*/
}

.ye {
  /*✌*/
  font-size: 30px;
  /*   字号大小 */
  color: #222225;
  /*   颜色 */
  margin-right: 18px;
  /*右边距*/
  display: flex;
  justify-content: center;
  /*   居中 */
  filter: grayscale(80%);
  /*灰度*/
  padding-top: 80px;
  /* 上方距离 */
  padding-bottom: 10px;
  /* 下方距离 */
}

.tn {
  /*兔年*/
  background-color: #fc0b1b;
  /* 背景颜色 */
  color: #f1fff9;
  /*字体颜色*/
  padding: 2px;
  /*内边距*/
  margin-left: 430px;
  /*左边距*/
  letter-spacing: 5px;
  /*   字间距  */
  text-align: center;
  /* 文字居中 */
}

/*底部 备案号 版权*/

.beian {
  padding-bottom: 8vh;
  /* 下方距离 */
  padding-top: 2vh;
}

.bottom {
  /* font-family: 空海心经简繁; */
  font-size: 13px;
  text-align: center;
  color: #9a9ab2;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 150%;
  font-weight: bold;
  /*粗体*/
  margin-bottom: 5px;
}

.bottom a {
  text-decoration: none;
  color: #9a9ab2;
}

.bottom a:hover {
  color: #21c0f9;
}