.porem {
    margin-top: 24px;
}




.title {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  line-height: 24px;
  margin-top: 12px;
}
.h6 {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 16px;
  color: #4f218d;
  line-height: 20px;
}.footer_twiter .fli{
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  line-height: 24px;
}

.time {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 16px;
  color: #a6a6a6;
  line-height: 20px;
  margin: 12px 0;
}
.wh p,
.wh p span,
.wh ul,
.wh ul li,
.wh ol,
.wh ol li {
  padding: 0 !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-bottom: 10px !important;
  font-family: Arial, Arial !important;
  text-indent: 0pt !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 24px !important;
}
.wh h1,
.wh h2,
.wh h3,
.wh h4 {
  text-indent: 0 !important;
  margin-left: 0 !important;
  margin-top: 10px !important;
  font-family: Arial, Arial !important;
font-weight: bold !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 24px !important;
  margin-bottom: 12px!important;
}

.wh img {
  display: block;
  cursor: auto;
  width: 100% !important;
  max-width: 600px !important;
  margin: 15px auto 0px !important;
  height: auto !important;
}

.h1 {
  justify-content: flex-start;
}

.trend {
  padding-top: 24px;
}

.hemianth {
  gap: 12px;
}

.hemianth dl {
  width: 49%;
}
.hemianth dl dd span {
  font-size: 14px;
  line-height: 18px;
  background: #ffdf40;
  padding: 4px 8px;
}

.hemianth dl dd {
  margin-left: 12px;
  max-width: 240px;
}

.howde {
  display: flex;
  align-items: center;
  margin: 12px 0;
}
.howde i {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  line-height: 24px;
  margin-right: 24px;
}

.icon-a-guzhang2:before {
  font-size: 30px;
  color: #d9d9d9;
}

.icon-a-guzhang1:before {
  font-size: 30px;
  color: #ffdf40;
}

.aixing {
  display: flex;
  align-items: center;
}
.ve {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 14px;
  color: #666666;
  line-height: 18px;
  margin-left: 2px;
}
.botton-love {
  margin-right: 12px;
}




@media (max-width: 768px) {
.hemianth {
    width: 100%;
}.h2 {
    margin-top: 0px;
}
  .guan{
          display: block;
  }
.porem {
    gap: 24px;
}
      .hemianth dl {
       
        padding: 0px;
    }
  
}

        @media (max-width: 765px) {
        .porem {
        gap: 12px;
        margin-top: 0px;
        }
        .h6 {
        font-size: 14px;
        line-height: 18px;
        }
        .title {
        font-size: 16px;
        line-height: 20px;
        }
        .time {
        font-size: 14px;
        line-height: 18px;
        margin: 8px 0;
        }
    .wh p, .wh p span,.wh ul,
    .wh ul li,
    .wh ol,
    .wh ol li  {
    font-size: 14px !important;
    line-height: 20px !important;
    }
    .howde i {
    font-size: 16px;
    line-height: 20px;
    }
    .h1 {
    width: 100%;
    }.trend {
    padding-top: 0px;
    }
    .hemianth dl {
    width: 100%;
    }
    .wh h1, .wh h2, .wh h3, .wh h4 {
    font-size: 14px !important;
      line-height: 18px !important;
    }

  
  
}