/**
** 移动端样式
**/

@media screen and (min-width: 100px) and (max-width: 1024px) {
  body,
  html {
    min-width: 0 !important;
    width: 100% !important;
    /* background-size: 42% 27% !important; */
  }
  #barrierfree_container {
    width: 100% !important;
  }
  .main {
    width: 100% !important;
    padding: 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .public-content {
    width: 100% !important;
  }
  .content-head {
    width: 100% !important;
    height: 46px !important;
    padding: 0 14px !important;
    box-sizing: border-box;
    line-height: 46px !important;
    box-sizing: border-box !important;
  }
  .content-head img {
    width: 29px !important;
    height: 24px !important;
    top: 10px !important;
  }
  .content-list {
    padding: 10px !important;
    box-sizing: border-box;
  }
  .content-head h3 {
    font-size: 24px;
  }
  .content-item {
    font-size: 14px !important;
  }
  .content-item a {
    width: 58% !important;
  }
  .disaster {
    width: 100% !important;
    top: 0 !important;
  }
  .accident {
    width: 50% !important;
    height: 180px !important;
    background-size: 100% 100%;
  }
  .disaster a {
    font-size: 24px !important;
    top: 58px !important;
  }
  .natural {
    width: 50% !important;
    height: 180px !important;
    background-size: 100% 100%;
  }
  .ban_one > a {
    width: 48% !important;
  }
  .friend-link {
    height: 100% !important;
    line-height: 52px !important;
  }
  .friend-link a {
    height: 40px !important;
    line-height: 40px;
  }

  /* 底部start */
  .layout-footer {
    margin-top: 18px !important;
  }
  .layout-footer .footer-mid {
    width: 100% !important;
    padding: 0 !important;
  }
  .layout-footer .footer-mid .footer-mid-left,
  .layout-footer .footer-mid .footer-mid-right {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 auto 10px;
    text-align: center;
  }
  .wzjc {
    height: auto;
  }
  /* 底部end */
}