* {
  /*清除点击高亮样式*/
  -webkit-tap-highlight-color: transparent;
}
input {
  /*清除iOS系统的表单默认样式*/
  -webkit-appearance: none;
}
img,
a {
  /*禁用长按页面时的弹出菜单*/
  -webkit-touch-callout: none;
}
body {
  background: url('../images/bg.jpg') center bottom no-repeat #dbf3ff;
}
.banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.banner .pc {
  width: 1920px;
  /* margin-left: -960px; */
  /* left: 50%; */
  position: relative;
  text-align: center;
}
.banner .phone {
  display: none;
}
.centers {
  width: 1200px;
  margin: 0 auto;
}
.divpage {
  padding-bottom: 20px;
  padding-top: 30px;
}
.box1 {
  background: #fff;
  padding-top: 30px;
}
.box1 .divtit {
  font-size: 48px;
  color: #0067cd;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.box1 .divtit::after {
  display: block;
  content: "";
  background: url(../images/icon1.png) no-repeat;
  width: 20px;
  height: 20px;
  margin: 0 20px;
}
.box1 .divtit::before {
  display: block;
  content: "";
  background: url(../images/icon1.png) no-repeat;
  width: 20px;
  height: 20px;
  margin: 0 20px;
}
.box1 .divp {
  font-size: 18px;
  line-height: 2;
  text-align: center;
  margin-bottom: 30px;
}
.box1 .divp span {
  color: #0067cd;
}
.box1 ol {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 50px;
  border-top: 1px dashed #333;
  position: relative;
}
.box1 ol::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #dbf3ff;
  border-radius: 20px;
  position: absolute;
  left: -10px;
  top: -10px;
}
.box1 ol::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #dbf3ff;
  border-radius: 20px;
  position: absolute;
  left: -10px;
  top: -10px;
}
.box1 ol li .h {
  font-size: 22px;
  border-left: 4px solid #0067cd;
  padding-left: 5px;
  line-height: 100%;
  margin-bottom: 5px;
  color: #0067cd;
}
.box1 ol li .p {
  font-size: 18px;
  color: #333;
}
.box2 {
  padding: 50px;
  background: #caefff;
  box-shadow: 0px 2px 4px 0px rgba(106, 19, 29, 0.35);
}
.box2 .h {
  font-size: 22px;
  border-left: 4px solid #0067cd;
  padding-left: 5px;
  line-height: 100%;
  margin-bottom: 10px;
  color: #0067cd;
}
.box2 p {
  font-size: 18px;
  color: #333;
  line-height: 1.6;
}
.box2 p span {
  color: #b12100;
}
@media screen and (max-width: 1450px) {
  /* .ticketBox .container {width: auto;} */
  .ticketBox .tab-container {
    max-width: 1000px;
  }
  .bookingBox .tit {
    max-width: 1000px;
  }
  .bookingBox .tit span {
    width: 200px;
    background-position: 200px center;
  }
}
@media (max-width: 1200px) {
  body {
    min-width: 1200px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 1024px) {
  .banner .pc {
    display: none;
  }
  .banner .phone {
    display: block;
    width: 100%;
  }
  body {
    min-width: auto;
  }
  .centers {
    width: auto;
    padding: 20px;
  }
  .box1 .divtit {
    font-size: 38px;
  }
  .box1 .divp br {
    display: none;
  }
  .box1 ol {
    flex-wrap: wrap;
    padding: 30px;
  }
  .box1 ol li {
    width: 100%;
    margin-bottom: 20px;
  }
  .box2 {
    padding: 30px;
  }
  .box1 .divp {
    padding: 0 30px;
  }
  .divpage {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 375px) {
  .box-courtesy::before,
  .box-courtesy::after {
    background: #ecf5fc;
  }
}