* {
  /*清除点击高亮样式*/
  -webkit-tap-highlight-color: transparent;
}
input {
  /*清除iOS系统的表单默认样式*/
  -webkit-appearance: none;
}
img,
a {
  /*禁用长按页面时的弹出菜单*/
  -webkit-touch-callout: none;
}
body {
  background: #5b88e9;
}
.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;
}
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.wrapper {
  position: relative;
  padding-bottom: 5%;
  background: url('../images/bg-01.jpg') #5b88e9 center top repeat-y;
}
.wrapper::before {
  content: '';
  position: absolute;
  left: 0;
  top: -4.1%;
  z-index: 2;
  width: 17.7%;
  padding-top: 23%;
  background: url('../images/pic-cloudy.png') center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.wrapper .container {
  position: relative;
  width: auto;
}
.hot {
  color: #cc000c !important;
}
.chapter {
  overflow: hidden;
  margin-top: -5%;
}
.chapter .chapter-hd {
  text-align: center;
  margin-bottom: 30px;
}
.chapter .chapter-hd h3 {
  position: relative;
  display: inline-block;
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.chapter-tips {
  text-align: center;
  font-size: 16px;
  padding-top: 25px;
}
.chapter-text {
  font-size: 14px;
  color: #333;
  line-height: 1.75;
}
.chapter-text .hot {
  color: #0662a5;
}
.chapter-text .break {
  word-break: break-all;
}
.chapter-text .sign {
  position: relative;
  padding-left: 15px;
}
.chapter-text .sign::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  background: #666;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.airline-plan {
  position: relative;
  padding: 235px 0 125px;
  color: #2b2b2b;
  text-align: center;
  background: url('../images/bg-02.png') center bottom no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.airline-plan .plan-hd {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 2px;
}
.airline-plan .plan-bd {
  max-width: 940px;
  margin: 15px auto;
}
.airline-plan .plan-bd table {
  width: 100%;
  border-collapse: collapse;
}
.airline-plan .plan-bd th {
  font-size: 40px;
  font-weight: bold;
  border-bottom: 2px solid #2b2b2b;
  padding: 12px 10px;
}
.airline-plan .plan-bd td {
  padding: 12px 10px;
  font-size: 30px;
  border-top: 2px dashed #696969;
}
.airline-plan .plan-bd tr:first-child + tr td {
  border-top: 0;
}
.airline-plan .plan-ft {
  font-size: 26px;
}
.airline-price {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.airline-price .price-panel {
  display: inline-block;
  color: #ce000b;
}
.airline-price .price-panel:first-child {
  color: #0021c7;
  margin-right: 5%;
}
.airline-price .price-group {
  margin-top: 15px;
}
.airline-price .price-group p {
  font-size: 34px;
  line-height: 1.6;
}
.airline-price .price-group strong {
  font-size: 56px;
  font-weight: bold;
  line-height: 1.2;
}
.airline-price .price-tips {
  font-size: 26px;
  color: #2b2b2b;
  margin-top: 20px;
}
.box-panel {
  position: relative;
  max-width: 940px;
  margin: 130px auto 0;
  background: url('../images/bg-03.jpg') top center repeat-y;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-box-shadow: 0px 0px 9.3px 0.7px #b7b5b6;
  box-shadow: 0px 0px 9.3px 0.7px #b7b5b6;
  padding: 50px 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}
.box-panel::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -65px;
  margin-left: -107px;
  width: 213px;
  height: 96px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/tape-01.png');
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.box-panel .panel-hd {
  position: relative;
}
.box-panel .panel-pic {
  position: relative;
}
.box-panel .panel-pic::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 9.3px 0.7px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 9.3px 0.7px rgba(0, 0, 0, 0.4) inset;
}
.box-panel .panel-pic img {
  width: 100%;
}
.box-panel .panel-subpic {
  position: absolute;
  right: -110px;
  bottom: -35px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.box-panel .panel-subpic img {
  max-width: 100%;
}
.box-panel .panel-tag {
  position: absolute;
  left: -90px;
  bottom: -30px;
  padding: 12px 45px 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/tag-bg-01.png');
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.box-panel .panel-tit {
  margin: 30px auto 30px;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
}
.box-panel .panel-note {
  font-size: 30px;
  text-align: center;
  line-height: 1.6;
}
.reverse {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.reverse .panel-subpic {
  top: auto;
  right: auto;
  left: -140px;
  bottom: -15px;
  -webkit-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  transform: rotate(12deg);
}
.reverse .panel-tag {
  left: auto;
  top: auto;
  right: -105px;
  bottom: -40px;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
.panel-01::before {
  background-image: url('../images/tape-01.png');
}
.panel-01 .panel-tag {
  background-image: url('../images/tag-bg-01.png');
}
.panel-02::before {
  background-image: url('../images/tape-02.png');
}
.panel-02 .panel-tag {
  background-image: url('../images/tag-bg-02.png');
}
.panel-03::before {
  background-image: url('../images/tape-03.png');
}
.panel-03 .panel-tag {
  background-image: url('../images/tag-bg-03.png');
}
.panel-04::before {
  background-image: url('../images/tape-04.png');
}
.panel-04 .panel-tag {
  background-image: url('../images/tag-bg-04.png');
}
.btn-links {
  margin-top: 8%;
}
.btn-links a {
  display: block;
  margin: 60px auto 0;
  max-width: 570px;
  height: 120px;
  background: #cd1816;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -webkit-box-shadow: 0px 0px 16.74px 1.26px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 16.74px 1.26px rgba(0, 0, 0, 0.4);
  text-align: center;
  letter-spacing: 2px;
  line-height: 120px;
  color: #fff;
  font-size: 56px;
  font-weight: bold;
}
.btn-links a:first-child {
  margin-top: 0;
}
.chapter-01,
.chapter-02 {
  margin-top: 0;
}
.chapter-02,
.chapter-04 {
  position: relative;
  left: -3%;
}
.pic-plane {
  position: absolute;
  right: -3%;
  top: 18%;
}
.pic-window,
.pic-seat {
  position: absolute;
  top: 50%;
  margin-top: -104px;
  width: 159px;
  height: 207px;
}
.pic-seat {
  right: 0;
}
.pic-window {
  left: 0;
}
.pic-music {
  position: absolute;
  left: -85px;
  top: -130px;
}
.pic-smile {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.pic-arr01 {
  position: absolute;
  left: 10%;
  top: -4%;
}
.pic-arr02 {
  position: absolute;
  right: 10%;
  top: -11%;
}
.pic-arr03 {
  position: absolute;
  left: 10%;
  top: -18%;
}
.pic-text {
  position: absolute;
  left: -11%;
  top: 9%;
}
.pic-end {
  position: absolute;
  left: -7%;
  bottom: -10%;
}
@media screen and (max-width: 1450px) {
  .banner .pc {
    width: 1600px;
    margin-left: -800px;
  }
  .wrapper {
    -webkit-background-size: 1600px auto;
    background-size: 1600px auto;
  }
  .airline-plan .plan-hd {
    font-size: 42px;
  }
  .airline-plan .plan-bd {
    max-width: 900px;
  }
  .airline-plan .plan-bd th {
    font-size: 34px;
  }
  .airline-plan .plan-bd td {
    font-size: 26px;
  }
  .airline-plan .plan-ft {
    font-size: 22px;
  }
  .airline-price {
    max-width: 900px;
  }
  .airline-price .price-group p {
    font-size: 30px;
  }
  .airline-price .price-group strong {
    font-size: 48px;
  }
  .airline-price .price-tips {
    font-size: 22px;
  }
  .box-panel .panel-tag {
    font-size: 34px;
  }
  .box-panel .panel-tit {
    font-size: 42px;
  }
  .box-panel .panel-note {
    font-size: 26px;
  }
  .box-panel .panel-subpic {
    width: 320px;
  }
  .btn-links a {
    font-size: 46px;
  }
  .chapter-03,
  .chapter-05 {
    position: relative;
    left: 2%;
  }
  .chapter-02,
  .chapter-04 {
    left: -1%;
  }
  .pic-plane {
    top: 22%;
    right: -1%;
    width: 340px;
  }
  .pic-window,
  .pic-seat {
    margin-top: -78px;
    width: auto;
    height: 156px;
  }
}
@media (max-width: 1200px) {
  body {
    min-width: 1200px;
    overflow-x: auto;
  }
}
@media (max-width: 1024px) {
  body {
    min-width: auto;
  }
  .header,
  .nav,
  .footer {
    display: none;
  }
  .bookingBox {
    display: none;
  }
  .banner .pc {
    display: none;
  }
  .banner .phone {
    display: block;
    width: 100%;
    height: auto;
  }
  .wrapper {
    background-repeat: repeat-y;
    -webkit-background-size: 101.2% auto;
    background-size: 101.2% auto;
  }
  .wrapper::before {
    display: none;
  }
  .wrapper .container {
    padding: 0 8%;
  }
  .chapter {
    left: auto;
  }
  .airline-plan {
    padding: 20% 0 10%;
  }
  .airline-plan .plan-hd {
    font-size: 34px;
  }
  .airline-plan .plan-bd {
    padding: 0 5%;
    max-width: 800px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .airline-plan .plan-bd th {
    font-size: 28px;
  }
  .airline-plan .plan-bd td {
    font-size: 22px;
  }
  .airline-plan .plan-ft {
    font-size: 18px;
  }
  .airline-price {
    margin: 0 5%;
  }
  .airline-price .price-group p {
    font-size: 26px;
  }
  .airline-price .price-group strong {
    font-size: 36px;
  }
  .airline-price .price-tips {
    font-size: 18px;
  }
  .box-panel {
    margin: 10% auto 0;
  }
  .box-panel .panel-tag {
    font-size: 28px;
  }
  .box-panel .panel-tit {
    font-size: 34px;
    margin: 25px auto 15px;
  }
  .box-panel .panel-note {
    font-size: 20px;
  }
  .box-panel .panel-subpic {
    right: -5%;
    bottom: -3%;
    width: 30%;
  }
  .reverse .panel-subpic {
    right: auto;
    left: -5%;
  }
  .btn-links {
    margin-top: 15%;
  }
  .btn-links a {
    margin-top: 40px;
    width: 65%;
    height: 2.5em;
    line-height: 2.5;
    font-size: 36px;
  }
  .chapter-03,
  .chapter-05 {
    left: 3%;
  }
  .pic-plane {
    right: -6%;
    width: 25%;
  }
  .pic-window,
  .pic-seat {
    margin-top: -60px;
    height: 120px;
  }
  .pic-music {
    left: -5%;
    top: -7%;
    width: 25%;
  }
  .pic-smile {
    width: 10%;
    right: 3%;
    bottom: 3%;
  }
  .pic-arr01 {
    width: 20%;
  }
  .pic-arr02 {
    width: 15%;
  }
  .pic-arr03 {
    width: 8%;
  }
  .pic-text {
    width: 30%;
    left: -8%;
  }
  .pic-end {
    width: 15%;
    left: -6%;
    bottom: -7%;
  }
}
@media screen and (max-width: 768px) {
  .wrapper .container {
    padding: 0 5%;
  }
  .airline-plan .plan-hd {
    font-size: 28px;
  }
  .airline-plan .plan-bd {
    max-width: 600px;
    margin: 10px auto;
    padding: 0 4%;
  }
  .airline-plan .plan-bd th {
    font-size: 18px;
    padding: 8px 5px;
  }
  .airline-plan .plan-bd td {
    padding: 8px 5px;
    font-size: 16px;
  }
  .airline-plan .plan-ft {
    font-size: 16px;
  }
  .airline-price {
    margin: 0 auto;
  }
  .airline-price .price-group p {
    font-size: 22px;
  }
  .airline-price .price-group strong {
    font-size: 28px;
  }
  .airline-price .price-tips {
    font-size: 16px;
    margin-top: 10px;
  }
  .box-panel {
    margin: 13% auto 0;
    padding: 8% 6%;
  }
  .box-panel::before {
    left: 50%;
    width: 100%;
    height: 12%;
    top: -8%;
    margin-left: auto;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .box-panel .panel-tag {
    left: -10%;
    bottom: -7%;
    padding: 0.5em 1.3em 0.7em;
    font-size: 22px;
  }
  .box-panel .panel-tit {
    font-size: 28px;
    margin: 30px auto 15px;
  }
  .box-panel .panel-note {
    font-size: 16px;
  }
  .box-panel .panel-note br {
    display: none;
  }
  .box-panel .panel-subpic {
    right: -5%;
    bottom: -3%;
    width: 30%;
  }
  .reverse .panel-tag {
    left: auto;
    right: -10%;
  }
  .reverse .panel-subpic {
    right: auto;
    left: -5%;
  }
  .btn-links {
    margin-top: 15%;
  }
  .btn-links a {
    margin-top: 30px;
    font-size: 28px;
    letter-spacing: 1px;
  }
  .pic-music {
    top: 0;
  }
  .pic-window,
  .pic-seat {
    height: 86px;
    margin-top: -43px;
  }
  .pic-arr03 {
    top: -14%;
  }
}
@media screen and (max-width: 480px) {
  .wrapper {
    -webkit-background-size: 110% auto;
    background-size: 110% auto;
  }
  .wrapper .container {
    padding: 0 10px;
  }
  .airline-plan .plan-hd {
    font-size: 22px;
    letter-spacing: 1px;
  }
  .airline-plan .plan-bd {
    padding: 0 15px;
    margin: 10px auto 5px;
  }
  .airline-plan .plan-bd th {
    font-size: 14px;
    padding: 5px 3px;
  }
  .airline-plan .plan-bd td {
    font-size: 14px;
    padding: 5px 3px;
  }
  .airline-plan .plan-ft {
    font-size: 14px;
    padding: 0 15px;
  }
  .airline-price .price-group {
    margin-top: 5px;
  }
  .airline-price .price-group p {
    font-size: 16px;
  }
  .airline-price .price-group strong {
    font-size: 24px;
  }
  .airline-price .price-tips {
    font-size: 14px;
  }
  .box-panel .panel-tag {
    font-size: 16px;
  }
  .box-panel .panel-tit {
    margin: 20px auto 10px;
    font-size: 20px;
  }
  .box-panel .panel-note {
    font-size: 14px;
  }
  .btn-links a {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 15px;
    font-size: 20px;
  }
  .pic-window,
  .pic-seat {
    height: 56px;
    margin-top: -28px;
  }
}
@media screen and (max-width: 374px) {
  .airline-plan {
    padding-top: 30%;
  }
  .pic-window,
  .pic-seat {
    display: none;
  }
  .pic-end {
    left: -6%;
    bottom: -5%;
  }
}
