#audio_btn {
      width:2rem;
      height:2rem;
      background-image: url(images/music.png);
      background-size: contain;
      position: fixed;
      z-index: 1;
    }
    
    .rotate {
      -webkit-animation: rotating 1.2s linear infinite;
      animation: rotating 1.2s linear infinite
    }
    
    @-webkit-keyframes rotating {
      from {
        -webkit-transform: rotate(0)
      }
      to {
        -webkit-transform: rotate(360deg)
      }
    }
    
    @keyframes rotating {
      from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
      to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
      }
    }
    
.m-box {
    margin: 10px 10px 70px 10px;
    padding: 10px 10px 0 10px;
    background-color: #f9f1e6;
    border: 1px solid #d1c0a5;
}

.m-footer {
  background-image: url(images/footer.png);
  background-size: cover;
  height: 58px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.m-footer a {
  display: block;
  height: 58px;
}

.m-title {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
  margin-left: -8px;
}

.m-list {
  padding: 0 10px;
}

.m-artcontent span {
  font-size: 12px !important;
}

.m-artcontent img {
  display: block;
  max-width: 100%;
  margin: 0 auto
}

.tazj:after {
  content: url(images/m-tazjs.png);
}

.tazj {
  width: 70px;
  height: 88px;
  float: inherit;
  margin-right: 0;
}
.m-dt {
  width: 268px;
  height: 212px;
  margin-bottom: 10px;
}

.m-dt:after{
  content: url(images/dt.png);
}

.zj {
    /* display: flex; */
    width: 268px;
    height: 108px;
    background-image: url(images/zj.png);
    /* align-items: center; */
    /* justify-content: center; */
    margin-bottom: 10px;
    background-size: cover;
    text-align: center;
    line-height: 108px;
}
.title-bottom {
height: 8px;
    background-size: 8px;
    background-repeat-y: no-repeat;
    background-image: url(images/111.png);
}
    .ex2{
      top: 26px;
      width: 127px;
      height: 97px;
      z-index: 1;
      background-image: url(images/ex1.png);
      background-size: 127px;
      background-repeat: no-repeat;
      color: #f6d898;
      padding: 19px 10px;
      font-size: 19px;
      font-family: 隶书;
    }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 9px;
    left: 130px;
    width: 100%;
    position: absolute;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: unset;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f5dbb5;
}