* {  margin: 0;  padding: 0;  box-sizing: border-box;  -webkit-box-sizing: border-box;}html {  overflow-x: hidden; /* 隐藏水平滚动条 */  background: #fff;}html,body {  overflow-x: hidden; /* 隐藏水平滚动条 */  /* 设置高度以确保覆盖整个视口 */  width: 100%; /* 设置宽度以确保覆盖整个视口 */  margin: 0; /* 移除默认的边距 */  padding: 0;  font-family: microsoft yahei;  font-size: 14px;  background: #fff;}a {  text-decoration: none;}#app {  max-width: 640px;  margin: 0 auto;}/* 使用 Animate.css 的动画 */.animate__animated .animate__fadeIn {  animation-duration: 0.2s;}.animate__animated .animate__slideInRight {  animation-duration: 0.2s;}.animate__animated.animate__slideInUp {  animation-duration: 0.2s;}/*头部*/.ly-header {  background-color: #fff;  width: 100%;  max-width: 640px;}/* .text {  padding: 20px 0;} */.numpe {  display: flex;  justify-content: center;  align-items: center;}.numpe img {  width: 23px;  height: 23px;}/*内容*/.ly-section1 {  min-height: 100%;  padding: 10px 0 10px 0;}.ly-section1 .line {  margin: 5px 10px 0 10px;}.ly-section1 .left {  display: flex;  max-width: 80%;  margin: 10px 0 0 0;}.img {  animation: blinker 1s linear infinite;}@keyframes blinker {  50% {    opacity: 0;  }}.ly-section1 .right {  display: flex;  max-width: 96%;  margin: 10px 0 0 0;  justify-content: flex-end;}.ly-section1 .right img {  width: 50px;  height: 50px;  margin: 0 0 0 10px;}.ly-section1 .right div {  background: rgba(130, 206, 114, 0.898);  position: relative;  margin: 0 0 0 10px;  padding: 10px;  color: #323232;  border-radius: 6px;  line-height: 26px;}.ly-section1 .left img {  width: 50px;  height: 50px;  margin: 0 5px 0 0;}.ly-section1 .left div {  position: relative;  margin: 0 0 0 10px;  padding: 10px;  background: rgba(236, 233, 233, 0.898);  color: #323232;  border-radius: 6px;  line-height: 22px;}.ly-section1 .left div i {  position: absolute;  top: 15px;  left: -8px;  width: 0;  height: 0;  border-top: 6px solid transparent;  border-right: 8px solid rgba(236, 233, 233, 0.898);  border-bottom: 6px solid transparent;}.ly-section1 .right div i {  position: absolute;  top: 15px;  right: -8px;  width: 0;  height: 0;  border-top: 6px solid transparent;  border-left: 8px solid rgba(130, 206, 114, 0.898);  border-bottom: 6px solid transparent;}.ly-section1 .left div img {  float: none;}.zizhi {  width: 70%;}.zizhi img {  width: 100%;  margin: 0 !important;}.ly-hide {  font-size: 19px;  width: 100%;}.ly-clear {  clear: both;}/*按钮*/.select_botton {  bottom: 30px;  width: 100%;  max-width: 640px;  z-index: 100;  padding: 20px 6px 0;  box-sizing: border-box;  font-size: 0;  text-align: center;  /* padding-top: -150px; */  /* position: absolute;  bottom: 250px;  right: 0; */}.sebutton{  margin-top: 300px;}.select_botton a {  display: inline-block;  padding: 8px 0;  background: #e06787;  color: #fff;  font-size: 14px;  border-radius: 6px;  margin-bottom: 6px;  width: 23%;  text-align: center;  margin: 1%;}.select_bottons {  font-size: 18px;  bottom: 30px;  width: 100%;  max-width: 640px;  z-index: 100;  padding: 35px 6px 0;  box-sizing: border-box;  font-size: 0;  text-align: center;  }.select_bottons a {  font-size: 18px;  display: inline-block;  padding: 20px 0;  background: #df3a66;  color: #fff;  font-size: 14px;  border-radius: 6px;  margin-bottom: 6px;  width: 80%;  text-align: center;  margin: 1%;}#wx,#wx1 {  color: #f00;  font-weight: bold;}#bq {  position: fixed;  bottom: 20px;  left: 0;  right: 0;  margin: auto;}/*禁止h5长按调起系统菜单*/* {  -webkit-touch-callout: none; /*系统默认菜单被禁用*/  -webkit-user-select: none; /*webkit浏览器*/  -khtml-user-select: none; /*早期浏览器*/  -moz-user-select: none; /*火狐*/  -ms-user-select: none; /*IE10*/  user-select: none;}ul,li {  list-style: none;}#thumb {  display: none;}.ceng.ds_none {  display: none;}@media (max-width: 640px) {  .chanpintu2a {    /* margin-bottom: 5px; */    line-height: 24px;  }}@media (min-width: 641px) {  .chanpintu2a {    /* margin-bottom: 5px; */    line-height: 28px;  }}/* .toutu img {  width: 100%;} */.ly-section1 {  min-height: 100%;  /* padding:960px 0 0 0; */}.ly-header {  position: static;  width: 100%;  max-width: 640px;}.fl {  float: left;}.fr {  float: right;}.duihua .dhRight {  background: #fff;  color: #323232;  border-radius: 6px;  line-height: 22px;  width: 75%;}.lijihuoq img,.kaishian img,.chanpintu img {  width: 100%;}.kaishian {  bottom: 0;  left: auto;  max-width: 640px;}.wxh_1 {  -webkit-user-select: all;  -moz-user-select: all;  -o-user-select: all;  user-select: all;}.chanpintu2 img {  width: 100%;}.chanpintu2 {  position: relative;}@keyframes animations {  0% {    transform: scale(1);  }  18% {    transform: scale(1.1);  }  32% {    transform: scale(1);  }  48% {    transform: scale(1.1);  }  64% {    transform: scale(1);  }  80% {    transform: scale(1.1);  }  100% {    transform: scale(1);  }}.top {  /* background: url(../images/img_02.jpg); */  position: relative;  left: 0;  top: 0;}.menu {  padding: 0.2rem 1rem 0;}.clf:before,.clf:after {  content: "";  display: table;}.menu li {  float: left;  width: 50%;  text-align: center;  padding-bottom: 0.2rem;}.clf:after {  clear: both;}#comment {  /* display: none; */  padding: 0 1rem;}.chanpintu2 li {  padding-bottom: 1.1rem;  border-bottom: 2px solid #f2f2f2;}#not3footdh li img {  width: 100%;}@media (max-width: 640px) {  .chanpintu2a {    margin-bottom: 60px;    line-height: 24px;  }}@media (min-width: 641px) {  .chanpintu2a {    margin-bottom: 130px;    line-height: 28px;  }}.kshd{  width: 40%;  margin: 0 auto;  height: 40px;  text-align: center;  line-height: 40px;  background-color: #5675ab;  margin-top: 20px;  font-size: 22px;  color: white;  margin-bottom: 150px;  border-radius: 10px;}.floe{  width: 100%;  height: 90px;  background-color: white;  position: fixed;  position: fixed;  bottom: 0;  left: 0;  max-width: 640px;}.floes{  width: 80%;  height: 60px;  background-color: #5675ab;  font-size: 18px;  color: white;  text-align: center;  line-height: 60px;  border-radius: 10px;  margin-top: 15px;  margin-left: 10%;  font-size: 24px;}@media screen and (min-width: 640px) {   .floe{    margin-left: auto; /* 使用自动外边距 */    margin-right: auto; /* 使用自动外边距 */    left: 50%; /* 居中水平位置 */    transform: translateX(-50%); /* 调整以精确居中 */    }}/* .floes p{  animation: alternateSize 1s linear infinite;}@keyframes alternateSize {  50% {    opacity: 0.5;  }} *//* 定义一个名为 growShrink 的 keyframes 动画 */@keyframes growShrink {  0% { font-size: 24px; } /* 开始时的字体大小 */  50% { font-size: 28px; } /* 在50%的时间点，字体大小增加到32px */  100% { font-size: 24px; } /* 结束时恢复到开始时的字体大小 */}/* 应用动画到具体的元素 */.floes {  animation-name: growShrink; /* 使用前面定义的动画 */  animation-duration: 1s; /* 动画持续时间 */  animation-iteration-count: infinite; /* 循环播放 */  animation-timing-function: ease-in-out; /* 动画速度曲线 */}.image-container {  position: relative;  width: 100%;  max-width: 640px; /* 图片的最大宽度 */  height: 100vh; /* 视口高度 */  overflow: hidden; /* 隐藏超出部分，防止滚动 */  margin: 0;  padding: 0;  background-color: #f4f4f4;}.imgae {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  max-width: 100%; /* 确保图片不会超过容器的最大宽度 */  height: auto; /* 自动调整高度以保持宽高比 */}.modal {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.5);  display: flex;  justify-content: center;  align-items: center;  }.modal-dialog {  width: 85%;  height: 200px;  border-radius: 5px;  position: relative;  transform: translateY(-10%);}.close-button {  position: absolute;  top: 0;  right: 5%;  cursor: pointer;  font-size: 3rem;}