@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
p {
  text-align-last: justify;
  text-align-last: auto;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
h1 {
  font-size: .8rem;
}
h2 {
  font-size: .7rem;
}
h3 {
  font-size: .6rem;
}
.title_1 {
  border-radius: .4rem;
  width: 40%;
  margin: 0 auto;
  font-size: .62rem;
  line-height: .92rem;
  color: #fff;
  text-align: center;
  background-image: linear-gradient(180deg, #00887d, #1d6f70);
  margin-bottom: .3rem;
}
.red65 {
  width: 100%;
  color: #A62F15;
  font-size: .65rem;
  font-weight: bold
}
.black65 {
  font-size: .65rem;
  font-weight: bold
}
body {
  margin: 0 auto;
  width: 15rem;
  min-width: 320px;
  max-width: 750px;
  line-height: 1.5;
  background-color: #f2f2f2;
  background: url("../images/bg.jpg");
  font: normal /*.62rem/1.2*/ Tahoma, "Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei;
  color: #000;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
.cl {
  clear: both;
}
.container {
  width: 14rem;
  margin: 0 auto;
}
/*顶部的banner*/
.top {
  display: flex;
  justify-content: center;
  align-items: center;
  height: .9rem; /* Consider using vh instead of rem for height */
  background-color: #09a58e;
  overflow: hidden;
}
.top span {
  display: flex;
  align-items: center; /* Consider using flexbox for better centering */
  height: 100%; /* Set the height of the span to match the parent */
  font-size: 0.6rem; /* Consider reducing the font size */
  color: #fff;
}
.top img {
  width: 0.6rem;
  height: 0.6rem;
  margin-left: .4rem;
}
.pos {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.5rem;
  gap: .4rem;
  padding-left: .2rem;
  font-size: .65rem;
  color: #707070;
}
.pos img {
  width: .75rem;
  height: auto;
}
.content h1 {
  text-align: center;
}
.con {
  width: 15rem;
}
.con h1 {
  color: #333;
  text-align: center;
}
.article-title {
  margin: .5rem auto .5rem;
  text-align: center;
}
.title-time {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  padding: .2rem;
}
.title_time img {
  width: .6rem;
  height: .6rem;
}
.title_time span {
  font-size: .55rem;
}
/*以下为正文文章内容*/
section p {
  font-size: .72rem;
  color: #333;
  line-height: 1.25rem;
}
.bt_box_1 {
  box-sizing: border-box;
  max-width: 100% !important;
  margin: .6rem auto;
}
.bt_box_2 {
  text-align: center;
  box-sizing: border-box;
  max-width: 100% !important;
}
.kp {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #fff;
}
.kp-t {
  width: 100%;
  height: 1.5rem;
  margin-top: .5rem;
  line-height: 2rem;
}
.kp-t span {
  width: 4rem;
  background: url("../images/often/wd.png") no-repeat;
  background-size: .72rem .82rem;
  font-size: .72rem;
  padding-left: 1.1rem;
  font-weight: bold;
}
.kp-t a {
  display: block;
  float: right;
  width: 2rem;
  height: 2rem;
  margin-right: .7rem;
  line-height: 2rem;
  color: #666;
  font-size: .5rem;
}
.kp-c {
  float: left;
  width: 100%;
  height: auto;
  padding: .2rem .5rem 0 0;
}
.kp-c ul li p {
  line-height: 1rem;
  font-size: .6rem;
}
.kp-c ul li h2 {
  margin: .6rem auto .3rem
}
.kp-c ul li h2 a {
  background: url("../images/often/jb.png") no-repeat;
  background-size: .72rem .8rem;
  padding-left: .9rem;
  font-size: .65rem;
}
/*向日葵的页脚*/
#footer {
  background-image: url("../images/often/bg_1@0.5x.png");
  background-repeat: no-repeat;
  background-size: cover; /* 这将使背景图片覆盖整个div */
  height: 4rem;
  width: 100%;
}
/*以下为改进微信导航后的样式*/
.khFooter {
  position: fixed;
  z-index: 99; /*width: 100%;*/ left: 50%;
  bottom: 0px;
  transform: translatex(-50%);
  width: 15rem;
  height: 1.7rem;
  padding: .2rem 1% 0;
  background: #fff;
}
.khFooter li {
  width: 25%;
  text-align: center;
  float: left;
  position: relative;
  font: 500 .5rem "微软雅黑";
}
.khFooter li a {
  display: block;
  color: #000;
}
.khFooter li img {
  display: block;
  width: 1.2rem;
  height: 1rem;
  margin: 0 auto;
}
.khFooter .wxhao {
  display: none;
  position: absolute;
  bottom: 105%;
  font-size: .8rem;
  width: 500%;
  padding: .2rem;
  left: -250%;
  line-height: .9rem;
  text-align: center;
  background: #f5f5f5;
}
.khFooter .wxhao strong {
  font-weight: 500;
  color: #f00;
}
.khFooter .wxhao span {
  font-size: 0.6rem;
}
.khFooter .wxhao img {
  width: 10rem;
  height: 13.5rem;
}