@media (max-width: 1199px) {
  body {
    font-size: 14px;
  }

  .hidden-xs {
    display: none !important;
  }

  .show-xs {
    display: unset;
  }

  .mobileLogo {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30%;
  }

  .mobileLogo img {
    width: 100%;
  }

  .w1366 {
    width: 100%;
    min-width: 100%;
  }

  .w1366 .banner {
    /* background-image: url(../images/bannerMobile.png);
    height: 576px; */
    background-image: none;
    position: relative;
    height: auto;
  }

  .mobileBanner {
    width: 100%;
  }

  .banner .btnHook {
    width: auto;
    margin: 0;
    height: auto;
    padding-top: 0;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 20.3%;
    transform: translate(-50%);
  }

  .banner .btnHook .joinBtn {
    background: #fff;
    color: #02003A;
    font-size: 16px;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 10px;
  }

  .app {
    width: 100%;
    padding: 0 20px;
  }

  /*.introduceBg {*/
  /*  padding: 20px;*/
  /*  height: auto;*/
  /*  background-image: url(../img/mobileIntroduceBg.png);*/
  /*}*/

  .introduceText {
    width: 100%;
    height: auto;
  }

  #review .iframeWrap {
    width: 100%;
    height: 200px;
  }

  .blockTitle {
    padding-top: 50px;
    padding-bottom: 25px;
  }

  .blockTitle img {
    /* width: 137px; */
    height: 50px;
  }

  .heightLeightWrap {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .lightBlock {
    position: static;
    text-align: left;
    width: 100%;
    display: block;
    padding-top: 9px;
  }

  .lightBody {
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #0C0469;
  }

  .heightLightImg {
    margin-bottom: 16px;
  }

  .agendaBlock.left {
    border-right: none
  }

  .agendaWrap {
    flex-wrap: wrap;
    padding-top: 20px;
  }

  .agendaBlock {
    width: 100%;
  }

  .agendaBlock.left {
    margin-bottom: 25px;
  }

  .agendaBody {
    padding: 20px;
  }

  .agendaRow {
    margin-bottom: 20px;
  }

  .agendaRow:nth-last-of-type(1) {
    margin-bottom: 0;
  }

  .agendaBody .agendaRow .time,
  .agendaBody .agendaRow .label {
    float: none !important;
  }

  .agendaBody .agendaRow .time {
    margin-bottom: 5px;
  }

  .guest {
    width: 33%;
    padding: 8px;
    font-size: 12px;
  }

  .guest .pic .name {
    font-size: 15px;
  }

  #guest {
    margin: 0 -8px;
  }

  #medias {
    margin: 0 -8px;
  }

  .mediaList .media {
    width: 33%;
    padding: 8px;
  }

  .qrBox {
    display: block;
    width: auto;
  }

  .qrBox .block:nth-of-type(1) {
    margin-bottom: 30px;
  }

  #join {
    padding: 30px 0;
    margin-top: 25px;
  }

  #contact {
    font-size: 15px;
    line-height: 30px;
    padding-bottom: 80px;
  }
}