body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}

body,
input,
textarea,
select,
button,
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font: normal 1em/1.25em "microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;
  color: #000;
  -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

img,
fieldset {
  border: 0 none;
}

ul,
ol,
li {
  list-style: none;
}

em,
address {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

em,
i {
  font-style: normal;
}

strong,
b {
  font-weight: normal;
}

img {
  border: none;
}

input,
img {
  vertical-align: middle;
}

input {
  outline: none;
}

* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

textarea:focus {
  outline: 0;
}

a {
  text-decoration: none;
}

.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  content: " ";
  font-size: 0;
}

.clearfix {
  *zoom: 1;
}

html,
body {
  position: relative;
  width: 100%;
  min-height: 100vh;
}

.desc {
  font-size: 0.32rem;
  color: #222;
  margin-top: 0.586667rem;
}

.desc a {
  color: #4579ff;
}

.main {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #deefff url(/h5/showguide/img/bg.png?a6513) no-repeat top center/10rem 5.28rem;
  padding: 0 0.4rem 0.8rem 0.4rem;
  box-sizing: border-box;
}

.m-mod:first-of-type {
  padding-top: 5.466667rem;
}

.m-mod:nth-child(2) {
  padding-top: 0.533333rem;
}

.m-mod p {
  color: #363271;
  font-weight: bold;
  font-size: 0.533333rem;
  line-height: 0.533333rem;
  padding-bottom: 0.266667rem;
}

.m-mod i {
  position: relative;
  top: -0.106667rem;
  display: block;
  float: left;
  width: 0.64rem;
  height: 0.64rem;
  padding-top: 0.133333rem;
  margin-right: 0.08rem;
}

.m-mod .mobile {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyCAMAAAAtFKi+AAAAaVBMVEVHcEx2hNYjHHF2hdYqInFzftEhG3AdGHB3hdc2LnJMT581LXD/4n12hNYWEXD///9aX6lvYHWlkXgjHXL/5Ij/88j//PPjyHsbFXD/993/7a83MXj/6JuHd3ZocL22oHhkV3Sahndxfc6rk0izAAAADHRSTlMA1NK8cSzyoJFA/hFg0O3AAAABVklEQVRIx+2W3Y6DIBCFtWrFVqAKKmrtz77/Q+4gbhcUpu7tpueGxJyPOWPMjFH0oyLNvUqLyKfiwII6eJBUMUQq3dyvn1bP2qNnpe9a1TgfGRu7MqBuZOyYuYEwvyFOxAag4bpEVMOFNLEASNRhQMeYoNSqAV2VqMBAKc1QQMoNQLyAHGanbPmwBmIv0PPWHLxfA9QHNHwGBs75dQ9wBSNEkXA05Q4Aks9J3EAIoAPJ+bADhYHBBFpyvQd0IJ28XQUKAv0rUCt3ASb5NlAQaNrBNN6U+4Dl1faN/BMQ/lo/wAd4CygLmF6bQk0WoBzAnq3id48Id7ZaQM7YhFWY9PS2AdgPCtsPUPXiAHpBiHvIfxdLAQsodPLxUXn0GHU3N+oMYyCO2BY1fupsrXMugvbT1+yn7mKMyO3ilbl9XUAroaiS7e8AwfzE98ORkdjvjkkW/SN9A4i8Wz0f3RqDAAAAAElFTkSuQmCC) no-repeat 50% 50%/contain;
}

.m-mod .pc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAUVBMVEVHcExANnGAgNR2hNYqAFUtJXIhGnF3hdcoIncmH3F3gtUVEW9LR4sWEXD/4n12hNb///3/9tj/5Yr/8Lv/6qL013zDrHlcT3NERpqQfnZqc8GRwpuKAAAADXRSTlMANAbLBqSVkfzaK4VEYyrigAAAAS1JREFUSMftlc2ygjAMhRWUAkr/qIi+/4OaBr2ENq1ldxeeTQfmfOlJZ5oeDj/t0LHp2oFV2zXHyH46D1mdT4G/G76o2xK+/n26SVa36e732OSHHw+Z0QMMtI8G6susYI+GANDBlAcmOKxqBeA84/x20wdkEisAX6vPodNqPVICLKpnAaP1ezEhIDhg1Aj4xYVAzQBOYxSrg0QIqBjwRsMESgJg1JYJlALcYnRRoATwCaSjQAnALCf0zlUArIGcLAJGTD4ygZKnhJ0YY3cBvP49wF4gGV4gApRdUQIUDYGZAEVj5kmAkkEGG6g9oxI6IFf0+zD29ckQ8LrObbL6/PR+MmZQQv0JbSqUCN+IOg/UVQhUsMfMhsf6FfNs9SJuYKku+sRLdwn9l9/rD3oBZLlLZrmaLzUAAAAASUVORK5CYII=) no-repeat 50% 50%/contain;
}

.show {
  position: relative;
  background: #d4e4ff;
  border-radius: 0.453333rem;
  padding: 0 0.4rem 0.32rem 0.4rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.show .item p {
  font-size: 0.293333rem;
  color: #666;
  text-align: center;
  line-height: 1.5;
  width: 96%;
  margin: 0 auto;
}

.show .item img {
  display: block;
  margin: 0 auto;
  width: 4.106667rem;
  height: 2.586667rem;
}

.show .item a {
  color: #363271;
  font-size: 0.32rem;
  width: 3.893333rem;
  height: 0.853333rem;
  display: block;
  line-height: 0.853333rem;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
  margin: 0.16rem auto 0;
  border-radius: 0.586667rem;
  border: 0.053333rem solid #161170;
}

.show2 .item {
  display: flex;
  justify-content: space-between;
}

.show2 .item div {
  padding-top: 0.48rem;
}

.show2 .item p {
  width: 100%;
}

span {
  display: block;
  width: 10rem;
}

.logo {
  position: relative;
  width: 2.346667rem;
  height: 0.693333rem;
  margin: 0.666667rem auto 0;
  background: url(data:image/png;base64,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) no-repeat 0 0/contain;
}

.mask {
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
}

.mask img {
  position: absolute;
  right: 0.533333rem;
  top: 0.346667rem;
  width: 6.826667rem;
  height: 2.32rem;
}

@media all and (orientation: landscape) {
  .main {
    background: #deefff url(/h5/showguide/img/bg2.png?cdce7) no-repeat top center/contain;
    padding: 0 0.89955rem 0.29985rem;
  }

  .main::after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
  }

  .mask img {
    width: 3.838081rem;
    height: 1.304348rem;
  }

  .m-mod:first-of-type {
    float: left;
    padding-top: 1.949025rem;
  }

  .m-mod:nth-child(2) {
    float: right;
    padding-top: 1.949025rem;
  }

  .m-mod p {
    font-size: 0.29985rem;
    line-height: 0.29985rem;
    padding-bottom: 0.149925rem;
  }

  .m-mod i {
    position: relative;
    top: -0.05997rem;
    display: block;
    float: left;
    width: 0.35982rem;
    height: 0.35982rem;
    padding-top: 0.074963rem;
    margin-right: 0.044978rem;
  }

  .show {
    border-radius: 0.254873rem;
    width: 5.172414rem;
    padding: 0 0.224888rem 0.17991rem 0.224888rem;
  }

  .show .item p {
    font-size: 0.164918rem;
  }

  .show .item img {
    width: 2.308846rem;
    height: 1.454273rem;
  }

  .show .item a {
    font-size: 0.17991rem;
    width: 2.188906rem;
    height: 0.47976rem;
    line-height: 0.47976rem;
    margin: 0.089955rem auto 0;
    border-radius: 0.329835rem;
    border: 0.029985rem solid #161170;
  }

  .show2 {
    width: 2.683658rem;
  }

  .show2 .item {
    display: block;
  }

  .show2 .item div {
    padding-top: 0;
  }

  span {
    display: block;
    width: 5.622189rem;
  }

  .logo {
    display: none;
  }
}

/*# sourceMappingURL=index.css.map*/