@import url("./iconfont.css");
@import url("./font-awesome/css/font-awesome.min.css");
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 1.8em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    overflow-x: hidden;
}
.mt25{
    margin-top: 25px;
}
*{margin: 0;padding: 0;}
.content-wrapper{width: 100%;max-width: 1200px;margin: 0 auto;border: 3px solid #54595F;padding: 5px;}
.head-banner{text-align: center;background-color:#253F58 ;vertical-align: middle;}
.head-title{text-align:center;margin: 25px 0;}
.head-title h3{text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);font-family: "Barlow Condensed";font-weight: 600;font-size: 24px;}
.head-title .head--sub-title {padding: 0px 0px 30px 0px;margin-top: 50px;font-size: 18px;}
.head-title .head--sub-title p{margin-bottom:20px;}
.swipers{
    height: 600px;
}
@media (min-width: 768px){
    .wrapper-body{width: 64.508%;margin: 0 auto;}
    .check-in-times{
        width: 64.508%;
        margin: 0 auto;
        border: 3px solid #54595F;
        padding: 10px;
        font-size: 17px;
        transition: 0.3s;
    }
    
}
.battery{background-color: #fff;width: 25px;height: 25px;border-radius: 15px;display: inline-block;text-align: center;vertical-align: middle;line-height: 25px;}
.battery:hover{background-color: #dee54b;}
.msend-btn{
    box-shadow: 0 16px 32px rgb(0 0 0 / 20%);
    background: #f22874;
    padding: 15px 26px;
    border-radius: 3px;
}
.mform-send .form-control{
    padding: 25px 15px;
    border:1px solid #d6aee5;
}
.swiper{
    width: 100%;
    height: 300px;
  }
  .swiper-wrapper{
    /* 通过改变animation-timing-function 制作弹性切换效果 */
          transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
      }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-pagination-bullet-active{
    background: #353738 !important;
  }
  .swiper-button-prev{
    background-image:url('../images/left2.png') !important;
  }
  .swiper-button-next{
    background-image:url('../images/right2.png') !important;
  }
  @media (max-width: 960px){
    .content-wrapper{padding: 10px;}
    .head-banner img{width: 100%;}
    .content-wrapper{border: 0px solid #54595F;}
    .swipers{height: 460px;}
    .swipers img{width: 100%;}
  }
  @media (max-width:560px){
    .swipers{height: 360px;}
  }
  @media (max-width:760px){
    .swipers{height: 400px;}
  }
  @media (max-width:460px){
    .swipers{height: 200px;}
  }