@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
 
  vertical-align: baseline; }
  
*{font-size:0.39rem; line-height:1.5}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  width: 100%;
  height: 100%;
  font-family: 'PingFangSC-Light', 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', 'Arial', 'sans-serif'; }

a {
  text-decoration: none; }

img {
  display: block; }

html {
  font-size: 10vw; }

body {
  background-color: #efefe3;
  line-height: 1.2; }

h1{font-size: 0.5rem;  margin-bottom: 0.32rem; color: #00355f;display:block}

@font-face {
  font-family: 'iconfont';
  src: url("../fonts/iconfont.eot");
  src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff2") format("woff2"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg"); }
.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.32rem;
  text-align: center;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*首页=====================================================================================================*/
.header {
  width: 100%; }
  .header .headerTop {
    width: 100%;
    position: relative;
    margin-bottom: 0.48rem; }
    .header .headerTop .bgt {
      width: 100%;
      height: 2.6666666667rem; }
    .header .headerTop .search {
      width: 8.2rem;
      height: 0.64rem;
      display: flex;
      box-sizing: border-box;
      border: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      appearance: none;
      padding-left: 0.5rem;
      background-color: rgba(255, 255, 255, 0.6);
      position: absolute;
      top: 0.35rem;
      left: 50%;
      transform: translateX(-50%); }
    .header .headerTop .search input {
      float: left;
      flex: 4;
      border: none;
      background-color: transparent; }
    .header .headerTop .search button {
      float: right;
      flex: 1;
      background-color: red;
      color: white;
      border-style: none;
      outline: none;
      font-size: 14px; }
    .header .headerTop .search button i {
      font-style: normal; }
    .header .headerTop .input {
      /* height: rem(24px);
       width: rem(308px);
       border-radius: 30px;
       box-sizing: border-box;
       border: none;
       -webkit-appearance: none; -moz-appearance: none; 
       -o-appearance: none; 
       appearance: none;
       padding-left: rem(20px);
       &:focus {
           outline: none;
           text-align: left;
       }
       background-color: rgba(255,255,255,.6);
       position: absolute;
       top: rem(13px);
       left: 50%;
       transform: translateX(-50%);*/ }
  .header .nav {
    width: 8.9333333333rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.2666666667rem; }
    .header .nav li {
      width: 25%;
      margin-bottom: 0.4266666667rem;
      text-align: center; }
      .header .nav li a {
        color: #093c5b;
        font-size: 0.3733333333rem;
        display: block; }
      .header .nav li img {
        width: 0.8533333333rem;
        height: 0.8533333333rem;
        margin: 0 auto 0.08rem; }

.slogan {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .slogan img {
    width: 100%;
    height: 1.8666666667rem; }

.tours {
  width: 8.9333333333rem;
  margin: 0.6933333333rem auto 0; }
  .tours h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b; }
  .tours .toursBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.48rem;
    margin-bottom: 0.2133333333rem; }
    .tours .toursBox li {
      width: 4.2666666667rem;
      margin-right: 0.3946666667rem;
      margin-bottom: 0.48rem; }
      .tours .toursBox li:nth-child(2n) {
        margin-right: 0; }
      .tours .toursBox li a {
        display: block; }
        .tours .toursBox li a .img {
          width: 100%;
          height: 3.0666666667rem;
          overflow: hidden;
          border-radius: 0.2133333333rem 0.2133333333rem 0 0; }
          .tours .toursBox li a .img img {
            width: 100%;
            height: 100%; }
        .tours .toursBox li a .text {
          background-color: white;
          padding: 0.2666666667rem 0.1866666667rem 0.2666666667rem 0.1866666667rem;
          box-sizing: border-box;
          overflow: hidden;
          border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
          .tours .toursBox li a .text h3 {
            font-size: 0.32rem;
            color: #272727;
            line-height: 1.2;
            margin-bottom: 0.4rem;
            /*word-break: break-all;*/
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: wrap; }
          .tours .toursBox li a .text .label {
            font-size: 0.32rem;
            color: #2d74d6;
            line-height: 1.3;
            position: relative;
            padding-bottom: 0.1333333333rem;
            border-bottom: 1px dashed #c7c7c5;
            margin-bottom: 0.2133333333rem; }
            .tours .toursBox li a .text .label span {
              display: inline-block;
              box-sizing: border-box;
              margin-right: 0.2666666667rem; }
              .tours .toursBox li a .text .label span:nth-child(2) {
                position: absolute;
                right: 0; }
              .tours .toursBox li a .text .label span:nth-child(3) {
                color: #ff9c00;
                height: .8rem;
                display: block; }
          .tours .toursBox li a .text .price {
            color: #9d9d9d;
            font-size: 0.32rem;
            display: flex;
            justify-content: space-between; }
            .tours .toursBox li a .text .price .span2 {
              font-size: 0.48rem;
              color: red;
              margin-right: 0.1333333333rem; }
              .tours .toursBox li a .text .price .span2 i {
                color: #9d9d9d; }
            .tours .toursBox li a .text .price .span1 {
              margin-right: 0.4rem;
              text-decoration: line-through; }

.Cities {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .Cities h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem;
    position: relative; }
    .Cities h2 .more {
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: 0.32rem;
      color: #fff;
      background-color: #ffda21;
      padding: 0 0.2133333333rem;
      border-radius: 0.1333333333rem; }
  .Cities .CitiesBox {
    width: 100%;
    overflow: auto;
    display: flex; }
    .Cities .CitiesBox::-webkit-scrollbar {
      display: none; }
    .Cities .CitiesBox li {
      position: relative; }
      .Cities .CitiesBox li .img img {
        width: 2.2666666667rem;
        height: 2.5333333333rem; }
      .Cities .CitiesBox li span {
        font-size: 0.32rem;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .Cities .CitiesNav {
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.32rem;
    line-height: 0.8533333333rem;
    margin-bottom: 0.6933333333rem; }
    .Cities .CitiesNav::-webkit-scrollbar {
      display: none; }
    .Cities .CitiesNav li {
      text-align: center;
      width: 25%;
      border-right: 1px solid #e1e1e1;
      box-sizing: border-box;
      border-bottom: 1px solid #e1e1e1; }
      .Cities .CitiesNav li:nth-child(4n) {
        border-right: none; }
      .Cities .CitiesNav li a {
        color: #464646;
        width: 100px; }

.ITrip {
  width: 8.9333333333rem;
  margin: 0 auto 0.2666666667rem; }
  .ITrip h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.4266666667rem; }
  .ITrip .ITripNav {
    display: flex;
    font-size: 0.32rem;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 0.2666666667rem;
    justify-content: space-between; }
    .ITrip .ITripNav li {
      padding-bottom: 0.0533333333rem;
      box-sizing: border-box; }
      .ITrip .ITripNav li a {
        display: block;
        color: #1a1a1a;
        line-height: 1;
        padding: 0.1333333333rem 0.2666666667rem;
        border-radius: 0.1333333333rem;
        box-sizing: border-box; }

.selected a {
  color: white !important;
  background-color: #017bc6; }

.ITripConten1Class {
  display: none;
  flex-wrap: wrap; }
  .ITripConten1Class li {
    border: 1px solid #d5d5d5;
    width: 4.2666666667rem;
    margin-right: 0.3946666667rem;
    box-sizing: border-box;
    margin-bottom: 0.4rem; }
    .ITripConten1Class li:nth-child(2n) {
      margin-right: 0; }
    .ITripConten1Class li a {
      display: block; }
      .ITripConten1Class li a .img img {
        width: 100%;
        height: 2.6666666667rem; }
      .ITripConten1Class li a .text {
        padding: 0 0.2666666667rem 0.1866666667rem 0.16rem;
        background-color: #fff;
        /*word-break: break-all;*/ }
        .ITripConten1Class li a .text h3 {
          font-size: 0.3733333333rem;
          color: #252525;
          line-height: 1;
          padding-top: 0.1866666667rem;
          padding-bottom: 0.24rem;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: wrap; }
        .ITripConten1Class li a .text .text1 {
          font-size: 12px;
          color: #252525; }
          .ITripConten1Class li a .text .text1 .div1 .p1 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          .ITripConten1Class li a .text .text1 .div2 {
            text-align: right;
            color: red;
            margin-top: 0.2133333333rem; }
            .ITripConten1Class li a .text .text1 .div2 .span1 {
              margin-right: 0.1333333333rem;
              font-size: 0.3733333333rem; }
            .ITripConten1Class li a .text .text1 .div2 .span2 {
              font-size: 0.48rem;
              margin-right: 0.1333333333rem; }
            .ITripConten1Class li a .text .text1 .div2 .span3 {
              color: #917676; }

.ITripON {
  display: flex; }

.IndexGuide {
  width: 8.9333333333rem;
  margin: 0 auto 0.4rem; }
  .IndexGuide h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.48rem; }
  .IndexGuide ul {
    display: flex;
    flex-wrap: wrap; }
    .IndexGuide ul li {
      width: 4.2666666667rem;
      margin-right: 0.3946666667rem;
      margin-bottom: 0.3733333333rem;
      border-radius: 0.2133333333rem;
      overflow: hidden; }
      .IndexGuide ul li:nth-child(2n) {
        margin-right: 0; }
      .IndexGuide ul li a {
        display: block; }
        .IndexGuide ul li a .img {
          position: relative;
          width: 100%;
          height: 3.52rem;
          border-radius: 0.1333333333rem 0.1333333333rem 0 0;
          overflow: hidden; }
          .IndexGuide ul li a .img img {
            width: 100%;
            height: 100%; }
          .IndexGuide ul li a .img p {
            width: 100%;
            color: #fff;
            font-size: 12px;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.5);
            bottom: 0;
            line-height: 0.6666666667rem;
            text-align: center; }
        .IndexGuide ul li a .text {
          background-color: #f6f6f6;
          color: #000;
          font-size: 12px;
          padding: 0.2666666667rem 0.16rem;
          box-sizing: border-box; }
          .IndexGuide ul li a .text .textTop {
            position: relative;
            padding: 0.1866666667rem 0.24rem;
            box-sizing: border-box; }
            .IndexGuide ul li a .text .textTop div {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
            .IndexGuide ul li a .text .textTop .yinhao1 {
              position: absolute;
              width: 0.24rem;
              height: 0.1866666667rem;
              top: 0;
              left: 0; }
            .IndexGuide ul li a .text .textTop .yinhao2 {
              position: absolute;
              width: 0.24rem;
              height: 0.1866666667rem;
              bottom: 0;
              right: 0; }
          .IndexGuide ul li a .text .textBo {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; }
            .IndexGuide ul li a .text .textBo .span1 {
              width: 0.5066666667rem;
              height: 0.5866666667rem;
              display: inline-block;
              margin-right: 0.1333333333rem; }
              .IndexGuide ul li a .text .textBo .span1 img {
                display: inline-block;
                width: 100%;
                height: 100%; }

footer {
  width: 100%;
  height: 1.7066666667rem; }

.foot {
  width: 100%;
  height: 1.7066666667rem;
  background-color: #093c5b;
  position: fixed;
  bottom: 0; }
  .foot .footer {
    width: 8.9333333333rem;
    margin: 0 auto;
    font-size: 0.3733333333rem;
    display: flex;
    padding-top: 0.1866666667rem;
    box-sizing: border-box; }
    .foot .footer li {
      width: 25%;
      height: 1.2533333333rem;
      text-align: center;
      box-sizing: border-box;
      position: relative; }
      .foot .footer li a {
        color: #fff; }
        .foot .footer li a img {
          margin: 0 auto; }
        .foot .footer li a .img1 {
          width: 0.7466666667rem;
          height: 0.7733333333rem; }
        .foot .footer li a .img2 {
          width: 0.56rem;
          height: 0.6933333333rem; }
        .foot .footer li a .img3 {
          width: 0.7466666667rem;
          height: 0.6133333333rem; }
        .foot .footer li a .img4 {
          width: 0.6666666667rem;
          height: 0.72rem; }
        .foot .footer li a p {
          position: absolute;
          bottom: 0;
          width: 100%;
          text-align: center; }

/*首页=====================================================================================================*/
/*线路=====================================================================================*/
.ThemeTours {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .ThemeTours h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem; }
  .ThemeTours .introduce {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
    color: #262626;
    margin-bottom: 0.32rem; }
  .ThemeTours .list {
    display: flex;
    flex-wrap: wrap; }
    .ThemeTours .list li {
      width: 4.32rem;
      height: 2.9333333333rem;
      font-size: 0.32rem;
      position: relative;
      margin-right: 0.2666666667rem;
      margin-bottom: 0.2666666667rem; }
      .ThemeTours .list li:nth-child(2n) {
        margin-right: 0; }
      .ThemeTours .list li a {
        display: block;
        color: #fff; }
        .ThemeTours .list li a img {
          width: 100%;
          height: 100%; }
        .ThemeTours .list li a p {
          width: 100%;
          position: absolute;
          top: 50px;
          text-align: center; }
  .ThemeTours .ThemeNav {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.32rem; }
    .ThemeTours .ThemeNav li {
      border: 1px solid #c8c8c8;
      width: 30%;
      margin-right: 3.333%;
      text-align: center;
      line-height: 0.48rem;
      margin-bottom: 0.1066666667rem; }
      .ThemeTours .ThemeNav li:nth-child(3n) {
        margin-right: 0; }
      .ThemeTours .ThemeNav li a {
        color: #606060; }

.PlanningToTravel {
  width: 8.9333333333rem;
  margin: 0 auto 0.32rem;
  border-bottom: 1px dashed #d9d9d9; }
  .PlanningToTravel h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.32rem; }
  .PlanningToTravel .contentList {
    padding: 0 0.08rem;
    font-size: 0.32rem;
    color: #4a4a4a;
    line-height: 0.3733333333rem; }
    .PlanningToTravel .contentList li {
      margin-bottom: 0.5333333333rem; }
      .PlanningToTravel .contentList li h4 {
        color: #017bc6;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }

.routeList {
  width: 8.9333333333rem;
  margin: 0.4rem auto 0; }
  .routeList .routeListNav .routeListNavTop {
    display: flex;
    font-size: 0.3733333333rem;
    margin-bottom: 0.2666666667rem; }
    .routeList .routeListNav .routeListNavTop li {
      width: 33.333333%;
      text-align: center;
      border-bottom: 2px solid #bebebe;
      padding-bottom: 0.0266666667rem;
      padding-left: 0.1333333333rem; }
      .routeList .routeListNav .routeListNavTop li a {
        color: #1f1f1f; }
    .routeList .routeListNav .routeListNavTop .on a {
      border-bottom: 3px solid #0169a9; }
  .routeList .routeListNav .routeListNavClass .box {
    display: none; }
    .routeList .routeListNav .routeListNavClass .box .imgList {
      display: flex; }
      .routeList .routeListNav .routeListNavClass .box .imgList li {
        width: 2.8533333333rem;
        height: 1.4933333333rem;
        border: 1px solid #c8c8c8;
        border-bottom: none;
        box-sizing: border-box;
        margin-right: 0.2133333333rem; }
        .routeList .routeListNav .routeListNavClass .box .imgList li:nth-child(3n) {
          margin-right: 0; }
        .routeList .routeListNav .routeListNavClass .box .imgList li img {
          width: 100%;
          height: 100%; }
    .routeList .routeListNav .routeListNavClass .box .classNav {
      display: flex;
      flex-wrap: wrap;
      font-size: 12px; }
      .routeList .routeListNav .routeListNavClass .box .classNav li {
        width: 2.8533333333rem;
        border: 1px solid #c8c8c8;
        box-sizing: border-box;
        margin-right: 0.1866666667rem;
        margin-bottom: 0.1066666667rem;
        text-align: center; }
        .routeList .routeListNav .routeListNavClass .box .classNav li:nth-child(3n) {
          margin-right: 0; }
        .routeList .routeListNav .routeListNavClass .box .classNav li a {
          color: #606060; }
  .routeList .routeListNav .routeListNavClass .on {
    display: block; }
  .routeList .routeListContent {
    margin-top: 0.6666666667rem; }
    .routeList .routeListContent h2 {
      font-size: 0.3733333333rem;
      color: #093c5b;
      padding-left: 0.2133333333rem;
      box-sizing: border-box;
      border-left: 3px solid #093c5b;
      line-height: 1;
      margin-bottom: 0.8533333333rem; }
    .routeList .routeListContent .content li {
      padding-bottom: 0.2133333333rem;
      margin-bottom: 0.8rem;
      border-bottom: 1px solid #bfbfbf; }
      .routeList .routeListContent .content li .box {
        display: flex;
        font-size: 0.32rem; }
        .routeList .routeListContent .content li .box .img {
          width: 4.2666666667rem;
          height: 3.04rem;
          border-radius: 0.1333333333rem;
          overflow: hidden;
          margin-right: 0.1866666667rem; }
          .routeList .routeListContent .content li .box .img img {
            width: 100%;
            height: 100%; }
        .routeList .routeListContent .content li .box .text {
          width: 4.4533333333rem; }
          .routeList .routeListContent .content li .box .text h3 {
            font-size: 0.3733333333rem;
            color: #272727;
            line-height: 0.3733333333rem; }
          .routeList .routeListContent .content li .box .text .div1 {
            line-height: 1;
            color: #0169a9;
            margin: 7px 0; }
          .routeList .routeListContent .content li .box .text .div2 {
            line-height: 1;
            color: #969696;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
          .routeList .routeListContent .content li .box .text .div3 {
            line-height: 1;
            margin-top: 0.1333333333rem;
            color: #272727; }
            .routeList .routeListContent .content li .box .text .div3 .span1 {
              color: #f60000; }
              .routeList .routeListContent .content li .box .text .div3 .span1 i {
                font-size: 0.48rem; }
            .routeList .routeListContent .content li .box .text .div3 .span2 {
              color: #9d9d9d;
              margin-left: 0.48rem;
              text-decoration: line-through; }

.MorefamilyTrip {
  width: 8.9333333333rem;
  margin: 0.8rem auto;
  font-size: 0.32rem;
  background-color: #fff;
  padding-top: 0.1333333333rem;
  border: 1px solid #0f82c8;
  box-sizing: border-box;
  border-radius: 0.1333333333rem;
  overflow: hidden; }
  .MorefamilyTrip h3 {
    padding-left: 0.9333333333rem;
    line-height: 0.72rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    color: #045688;
    margin-bottom: 0.2666666667rem; }
  .MorefamilyTrip .list {
    padding-left: 0.6133333333rem;
    margin-bottom: 0.4rem;
    line-height: 0.3733333333rem; }
    .MorefamilyTrip .list li a {
      color: #045688; }

.PlanningTrip {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .PlanningTrip h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.4rem; }
  .PlanningTrip .list {
    line-height: 0.48rem;
    font-size: 0.32rem; }
    .PlanningTrip .list li {
      padding-bottom: 0.2133333333rem;
      margin-bottom: 0.2666666667rem;
      border-bottom: 1px dashed #d2d2d2;
      color: #086198; }
      .PlanningTrip .list li .content {
        color: dimgray; }

.chooseUS {
  width: 8.9333333333rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0.4rem 0.32rem;
  background-color: #bfd9e4; }
  .chooseUS h2 {
    font-size: 0.48rem;
    color: #045688;
    line-height: 1;
    margin-bottom: 0.4rem;
    font-style: italic; }
  .chooseUS ul {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
    color: #017bc6; }

.ThemeRouteForm {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #bfd9e4;
  padding: 0.32rem 0.5333333333rem 0.48rem;
  margin-bottom: 0.7466666667rem;
  box-sizing: border-box; }
  .ThemeRouteForm h2 {
    color: #383838;
    font-size: 0.48rem;
    line-height: 1;
    margin-bottom: 0.2666666667rem;
    text-align: center; }
  .ThemeRouteForm input {
    color: #3c3a3a;
    width: 100%;
    height: 0.6933333333rem;
    font-size: 0.32rem;
    display: block;
    padding: 0 0.2133333333rem;
    box-sizing: border-box;
    margin-bottom: 0.4533333333rem;
    outline: none;
    border: none; }
  .ThemeRouteForm textarea {
    display: block;
    width: 100%;
    height: 2.8rem;
    box-sizing: border-box;
    font-size: 0.32rem;
    padding: 0.1333333333rem 0.2133333333rem;
    outline: none;
    border: none;
    resize: none;
    margin-bottom: 0.4rem;
    color: #3c3a3a; }
  .ThemeRouteForm button {
    display: block;
    width: 100%;
    font-size: 0.48rem;
    height: 0.9333333333rem;
    outline: none;
    border: none;
    background-color: #ff7200;
    color: #fff; }

.routeDetails .routeDetailsBox {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .routeDetails .routeDetailsBox .routeDetailsImg {
    width: 100%;
    height: 5.2533333333rem;
    position: relative; }
    .routeDetails .routeDetailsBox .routeDetailsImg img {
      width: 100%;
      height: 100%; }
    .routeDetails .routeDetailsBox .routeDetailsImg .star {
      position: absolute;
      bottom: 0.32rem;
      left: 0.32rem;
      display: flex; }
      .routeDetails .routeDetailsBox .routeDetailsImg .star img {
        margin-right: 0.1333333333rem;
        display: block;
        width: 0.48rem;
        height: 0.48rem; }
  .routeDetails .routeDetailsBox .routeDetailsIntro {
    background-color: #fff;
    padding-top: 0.2666666667rem;
    margin-bottom: 0.3733333333rem; }
    .routeDetails .routeDetailsBox .routeDetailsIntro h2 {
      font-size: 0.4266666667rem;
      line-height: 0.48rem;
      margin-bottom: 0.32rem;
      color: #272727;
      padding-left: 7px; }
    .routeDetails .routeDetailsBox .routeDetailsIntro .grade {
      display: flex;
      padding-left: 0.1866666667rem;
      margin-bottom: 0.2133333333rem; }
      .routeDetails .routeDetailsBox .routeDetailsIntro .grade .text {
        font-size: 12px;
        color: #1c1c1c; }
        .routeDetails .routeDetailsBox .routeDetailsIntro .grade .text .span1 {
          color: #ff6600; }
          .routeDetails .routeDetailsBox .routeDetailsIntro .grade .text .span1 i {
            font-size: 0.48rem; }
        .routeDetails .routeDetailsBox .routeDetailsIntro .grade .text span {
          margin-right: 0.2666666667rem; }
        .routeDetails .routeDetailsBox .routeDetailsIntro .grade .text a {
          color: #0084ff;
          text-decoration: underline; }
    .routeDetails .routeDetailsBox .routeDetailsIntro .USD {
      padding-left: 7px;
      color: #ff6600;
      font-size: 0.48rem;
      padding-bottom: 0.4rem;
      border-bottom: 1px dashed #c7c7c7; }
      .routeDetails .routeDetailsBox .routeDetailsIntro .USD span {
        font-size: 0.32rem;
        margin-right: 0.1333333333rem; }
    .routeDetails .routeDetailsBox .routeDetailsIntro .Intro {
      padding-top: 0.32rem;
      padding-left: 0.2133333333rem;
      padding-right: 0.2133333333rem;
      padding-bottom: 0.6666666667rem;
      font-size: 0.3733333333rem;
      color: #606060;
      line-height: 0.4266666667rem; }
      .routeDetails .routeDetailsBox .routeDetailsIntro .Intro span {
        color: #1d8cf3; }
  .routeDetails .routeDetailsBox .process {
    padding: 0.2133333333rem 0.1333333333rem 0.5333333333rem 0.32rem;
    background-color: #fff;
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
    color: #484848;
    margin-bottom: 0.64rem; }
    .routeDetails .routeDetailsBox .process div {
      padding-left: 0.48rem;
      background: url(../images/xing.png) no-repeat;
      background-size: 0.3466666667rem 0.32rem;
      background-position-y: 0.08rem;
      margin: 0.08rem 0; }
  .routeDetails .routeDetailsBox .PackageChooserDialog {
    background-color: #0169a9;
    padding-bottom: 0.32rem;
    margin-bottom: 0.5866666667rem; }
    .routeDetails .routeDetailsBox .PackageChooserDialog .top {
      font-size: 0.3733333333rem;
      padding: 0.2666666667rem 0.4533333333rem 0.16rem 0.16rem;
      display: flex;
      justify-content: space-between;
      color: #fff;
      border-bottom: 1px dotted silver;
      margin-bottom: 0.2933333333rem; }
      .routeDetails .routeDetailsBox .PackageChooserDialog .top a {
        color: #fff; }
    .routeDetails .routeDetailsBox .PackageChooserDialog .date {
      font-size: 0.3733333333rem;
      display: flex;
      justify-content: space-around; }
      .routeDetails .routeDetailsBox .PackageChooserDialog .date li {
        border: 1px solid reb(158, 175, 186);
        width: 2rem;
        height: 0.9rem;
        text-align: center;
        background-color: #3fa3e1;
        padding-top: 0.24rem;
        box-sizing: border-box;
        border-radius: 0.08rem; }
        .routeDetails .routeDetailsBox .PackageChooserDialog .date li a p:nth-child(1) {
          color: #dcf2ff;
          margin-bottom: 0.08rem; }
        .routeDetails .routeDetailsBox .PackageChooserDialog .date li a p:nth-child(2) {
          color: #ff6000; }
  .routeDetails .routeDetailsBox .DIntroduced .jdjs {
    font-size: 0.32rem;
    background-color: #cee3f0;
    padding: 0.2666666667rem;
    line-height: 0.3733333333rem;
    margin-bottom: 0.32rem; }
    .routeDetails .routeDetailsBox .DIntroduced .jdjs h4 {
      color: #ff6000; }
    .routeDetails .routeDetailsBox .DIntroduced .jdjs div {
      color: #525252; }
  .routeDetails .routeDetailsBox .DIntroduced .days {
    padding: 0 0.2666666667rem;
    background-color: #fff;
    font-size: 0.32rem;
    margin-bottom: 0.6666666667rem; }
    .routeDetails .routeDetailsBox .DIntroduced .days li {
      padding: 0.4rem 0 0.2666666667rem;
      border-bottom: 1px solid #a5a5a5; }
      .routeDetails .routeDetailsBox .DIntroduced .days li:last-child {
        border-bottom: none; }
      .routeDetails .routeDetailsBox .DIntroduced .days li h3 {
        color: #1d8cf3;
        padding-bottom: 0.2133333333rem;
        line-height: 1;
        border-bottom: 1px dotted #b1b1b1;
        margin-bottom: 0.32rem; }
      .routeDetails .routeDetailsBox .DIntroduced .days li div {
        color: #525252;
        line-height: 0.3733333333rem;
        margin-bottom: 0.2666666667rem; }
      .routeDetails .routeDetailsBox .DIntroduced .days li p {
        color: #525252;
        line-height: 0.4266666667rem;
        padding-left: 0.08rem;/*0.48rem;
        background: url(../images/yuandian.png) no-repeat;*/
        background-size: 0.1866666667rem 0.1866666667rem;
        background-position-y: 0.1066666667rem; }
  .routeDetails .routeDetailsBox .DIntroduced .PriceInclusions {
    border: 1px solid #b5b5b5;
    background-color: #d4d4c3;
    padding: 0.2666666667rem 0.2666666667rem 0.3733333333rem 0.2666666667rem;
    line-height: 0.3733333333rem;
    font-size: 0.32rem;
    box-sizing: border-box;
    margin-bottom: 0.2666666667rem;
    color: #393939; }
    .routeDetails .routeDetailsBox .DIntroduced .PriceInclusions h4 {
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.2666666667rem;
      color: #1d8cf3; }
  .routeDetails .routeDetailsBox .DIntroduced .PriceExclusions {
    border: 1px solid #b5b5b5;
    background-color: #d4d4c3;
    padding: 0.2666666667rem 0.2666666667rem 0.3733333333rem 0.2666666667rem;
    line-height: 0.3733333333rem;
    font-size: 0.32rem;
    box-sizing: border-box;
    color: #393939;
    margin-bottom: 0.8rem; }
    .routeDetails .routeDetailsBox .DIntroduced .PriceExclusions h4 {
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.2666666667rem;
      color: #1d8cf3; }
  .routeDetails .routeDetailsBox .changing h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    line-height: 1;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.32rem; }
  .routeDetails .routeDetailsBox .changing .changingD {
    padding: 0.2133333333rem 0.1333333333rem 0.8rem;
    border-top: 1px solid #a5a5a5;
    font-size: 0.32rem;
    color: #0f87e4;
    line-height: 0.3733333333rem;
    width: 100%;
    height: auto;
    overflow: hidden;
    word-wrap: break-word;
    /*word-break: break-all; */}
    .routeDetails .routeDetailsBox .changing .changingD span {
      color: #ff3d00; }
  .routeDetails .routeDetailsBox .comment {
    width: 100%;
    color: #323232;
    background-color: #fff; }
    .routeDetails .routeDetailsBox .comment .top {
      display: flex;
      padding: 0.2666666667rem 1.0666666667rem;
      justify-content: space-between; }
      .routeDetails .routeDetailsBox .comment .top .l {
        width: 50%;
        font-size: 0.64rem;
        border-right: 1px solid #c6c6c6; }
        .routeDetails .routeDetailsBox .comment .top .l span {
          font-size: 1.28rem;
          color: #ff3d00; }
      .routeDetails .routeDetailsBox .comment .top .r {
        width: 50%;
        font-size: 0.48rem;
        text-align: right; }

.ROL {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .ROL .position {
    font-size: 0.2733333333rem;
    background-color: #fff;
    line-height: 0.7rem;
   
    justify-content: space-between;
    padding: 0 0.1866666667rem;
    color: #9a9a9a;
    border-radius: 0.1333333333rem 0.1333333333rem 0 0; }
    .ROL .position li{display:inline-block}
    .ROL .position li:nth-child(1) {
      color: #00355f; }
    .ROL .position li:after {
      content: '>';
      display: inline-block;
      padding-left: 0.2rem; }
    .ROL .position li:last-child:after {
      display: none; }
  .ROL h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #43aae0;
    text-align: center; }
  .ROL .NameCode {
    background-color: #fff;
    padding: 0.48rem 0.1333333333rem 0.4rem 0.2666666667rem;
    font-size: 0.48rem;
    border-bottom: 1px dashed #cececc; }
    .ROL .NameCode .name {
      color: #ec6e07;
      line-height: 0.48rem;
      margin-bottom: 0.3466666667rem; }
      .ROL .NameCode .name span {
        font-size: 0.3733333333rem;
        color: #262626; }
    .ROL .NameCode .code {
      font-size: 0.32rem;
      color: #515151; }
  .ROL .introduce {
    background-color: #fff;
    padding: 0.3733333333rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #14729e;
    border-bottom: 1px dashed #cececc; }
    .ROL .introduce span {
      color: #373737; }
  .ROL .quantity {
    background-color: #fff;
    padding: 0.2666666667rem;
    padding-bottom: 1px; }
    .ROL .quantity li {
      margin-bottom: 0.6666666667rem;
      display: flex;
      justify-content: space-between;
      font-size: 0.3733333333rem; }
      .ROL .quantity li .projectName p:nth-child(1) {
        color: #282828;
        line-height: 0.64rem; }
      .ROL .quantity li .projectName p:nth-child(2) {
        color: #d93503;
        font-size: 0.4266666667rem;
        line-height: 0.48rem;
        margin-top: 0.16rem; }
      .ROL .quantity li .num {
        text-align: right; }
        .ROL .quantity li .num .adderSubtractor span {
          color: #b5b5b5;
          width: 0.48rem;
          height: 0.48rem;
          border: 1px solid #b5b5b5;
          text-align: center;
          line-height: 0.48rem;
          display: inline-block;
          box-sizing: border-box; }
        .ROL .quantity li .num .adderSubtractor input {
          width: 0.8533333333rem;
          height: 0.64rem;
          box-sizing: border-box;
          text-align: center;
          border: 1px solid #b5b5b5;
          margin: 0 0.16rem;
          color: #1d8cf3; }
        .ROL .quantity li .num .TotalPrice {
          white-space: nowrap;
          font-size: 0.3733333333rem;
          color: #14729e;
          line-height: 0.48rem;
          margin-top: 0.16rem; }
          .ROL .quantity li .num .TotalPrice span {
            color: #ff5a00;
            font-size: 0.48rem; }
  .ROL .CancellationPolicy {
    background-color: #fff;
    padding: 0 0.2666666667rem 0.3466666667rem 0.2666666667rem;
    font-size: 0.32rem;
    margin-bottom: 0.4266666667rem;
    box-sizing: border-box;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem; }
    .ROL .CancellationPolicy .box {
      padding: 0.24rem 0.2133333333rem;
      border: 1px solid #e5e5e5;
      box-sizing: border-box;
      border-radius: 0.1333333333rem; }
      .ROL .CancellationPolicy .box h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        color: #dfb200;
        margin-bottom: 0.1866666667rem; }
      .ROL .CancellationPolicy .box ul {
        color: #383838;
        line-height: 0.4266666667rem; }
  .ROL .ContactInformation {
    background-color: #fff;
    padding: 0.5333333333rem 0.32rem 0.72rem;
    box-sizing: border-box; }
    .ROL .ContactInformation h4 {
      font-size: 0.48rem;
      color: #052f49;
      line-height: 1;
      margin-bottom: 0.6666666667rem; }
    .ROL .ContactInformation p {
      font-size: 0.3733333333rem;
      color: #646464;
      line-height: 1;
      margin-bottom: 0.16rem; }
    .ROL .ContactInformation > input {
      width: 100%;
      height: 0.96rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      margin-bottom: 0.4266666667rem;
      padding-left: 0.08rem;
      display: block;
      border: 1px solid #d7d6d6; }
    .ROL .ContactInformation textarea {
      width: 100%;
      height: 3.7333333333rem;
      border: 1px solid #d7d6d6;
      font-size: 0.32rem;
      padding: 0.1333333333rem;
      box-sizing: border-box;
      resize: none; }
    .ROL .ContactInformation .agree {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1; }
      .ROL .ContactInformation .agree input {
        transform: translateY(0.0533333333rem); }
  .ROL .Personal {
    background-color: #fff;
    margin-top: 0.4533333333rem;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem; }
    .ROL .Personal .PAD {
      font-size: 0.32rem;
      margin-bottom: 0.8rem; }
      .ROL .Personal .PAD .title {
        font-size: 0.3733333333rem;
        color: #3d3d3d;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .ROL .Personal .PAD label {
        display: block;
        width: 100%;
        line-height: 0.8rem;
        height: 0.8rem;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        color: #052f49;
        padding-left: 0.08rem;
        margin-bottom: 0.2133333333rem; }
        .ROL .Personal .PAD label:last-child {
          margin-bottom: 0; }
        .ROL .Personal .PAD label input {
          margin-right: 0.1333333333rem;
          transform: translateY(2px); }
    .ROL .Personal .Passenger {
      font-size: 0.3733333333rem; }
      .ROL .Personal .Passenger .title {
        font-size: 0.48rem;
        color: #385766;
        line-height: 1;
        margin-bottom: 0.5333333333rem; }
      .ROL .Personal .Passenger input {
        display: block;
        width: 100%;
        height: 0.5866666667rem;
        box-sizing: border-box;
        border: none;
        margin-bottom: 0.4rem;
        line-height: 0.5866666667rem;
        border-bottom: 1px solid #efefe3; }
    .ROL .Personal .AdditionsAndDeletions {
      display: flex;
      font-size: 0.3466666667rem;
      flex-wrap: wrap; }
      .ROL .Personal .AdditionsAndDeletions li {
        width: 4rem;
        height: 0.9066666667rem;
        line-height: 0.9066666667rem;
        color: #fff;
        padding-left: 1.0666666667rem;
        box-sizing: border-box; }
      .ROL .Personal .AdditionsAndDeletions .addA, .ROL .Personal .AdditionsAndDeletions .addC {
        background: url(../images/add.png) no-repeat;
        background-size: 3.3333333333rem 100%;
        margin-bottom: 0.4533333333rem; }
      .ROL .Personal .AdditionsAndDeletions .dele {
        background: url(../images/dele.png) no-repeat;
        background-size: 3.3333333333rem 100%; }
  .ROL .DDBookingPolicy {
    padding: 0 0 0.5333333333rem;
    box-sizing: border-box;
    padding-left: 0.9333333333rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    margin-top: 0.96rem;
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #065c91; }
    .ROL .DDBookingPolicy h5 {
      line-height: 0.72rem; }
    .ROL .DDBookingPolicy a {
      color: #017bc6; }
  .ROL .Settlement .calculated {
    display: none;
    padding: 0.4rem 0.32rem 0.6133333333rem;
    font-size: 0.32rem;
    border-radius: 0.2133333333rem 0.2133333333rem 0 0;
    overflow: hidden;
    background-color: #fff; }
    .ROL .Settlement .calculated .top {
      padding-left: 0.88rem;
      background: url(../images/bi.png) no-repeat;
      background-size: 0.6933333333rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.48rem;
      color: #ff640f;
      margin-bottom: 0.2666666667rem; }
    .ROL .Settlement .calculated .Tour-Name {
      line-height: 0.48rem;
      color: #050505;
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .ROL .Settlement .calculated .Tour-Code {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #515151;
      margin-bottom: 0.5333333333rem; }
    .ROL .Settlement .calculated .Statistical {
      font-size: 0.3733333333rem;
      color: #343434;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #d1d1d1;
      margin-bottom: 0.2666666667rem; }
      .ROL .Settlement .calculated .Statistical li {
        display: flex;
        justify-content: space-between; }
    .ROL .Settlement .calculated .TOTAL {
      font-size: 0.48rem;
      color: #868483;
      text-align: right;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .ROL .Settlement .calculated .TOTAL span {
        color: #ff5400; }
        .ROL .Settlement .calculated .TOTAL span i {
          font-size: 0.96rem; }
    .ROL .Settlement .calculated #Confirm {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }
  .ROL .Settlement .Enter {
    background-color: #fff;
    border-radius: 0 0 0.2133333333rem 0.2133333333rem;
    overflow: hidden;
    padding: 0.2133333333rem 0.32rem 0.4533333333rem; }
    .ROL .Settlement .Enter .overview {
      color: #ff9c00;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .ROL .Settlement .Enter .overview .span1 {
        font-size: 0.8rem;
        margin: 0 0.2666666667rem; }
      .ROL .Settlement .Enter .overview #Price {
        font-size: 0.32rem;
        color: #017bc6; }
    .ROL .Settlement .Enter .submit button {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }

/*线路=====================================================================================*/
/*火车=====================================================================================*/
.option {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #fff; }
  .option .layui-tab {
    margin: 0;
    border: 2px solid #499ecf;
    box-sizing: border-box; }
    .option .layui-tab .layui-tab-title {
      border: none;
      height: 0.8rem;
      display: flex;
      justify-content: space-around;
      background-color: #add8f2; }
      .option .layui-tab .layui-tab-title .layui-this {
        color: #fff;
        background-color: #0169a9;
        border: none; }
        .option .layui-tab .layui-tab-title .layui-this:after {
          display: none; }
      .option .layui-tab .layui-tab-title li {
        font-size: 0.32rem;
        padding: 0 0.2933333333rem;
        min-width: auto;
        line-height: 0.8rem; }
      .option .layui-tab .layui-tab-title .layui-tab-bar {
        width: 25px;
        height: 25px;
        line-height: 25px; }
    .option .layui-tab .layui-tab-content {
      padding: 0.3466666667rem 0.16rem; }
      .option .layui-tab .layui-tab-content .layui-tab-item .formTop {
        display: flex;
        justify-content: space-between;
        font-size: 0.3733333333rem;
        margin-bottom: 0.1866666667rem; }
      .option .layui-tab .layui-tab-content .layui-tab-item .From {
        width: 3.5733333333rem; }
        .option .layui-tab .layui-tab-content .layui-tab-item .From p {
          margin-bottom: 0.08rem; }
        .option .layui-tab .layui-tab-content .layui-tab-item .From input {
          font-size: 0.32rem;
          width: 100%;
          line-height: 0.72rem;
          border: 2px solid #bfbfbf;
          padding-left: 0.0533333333rem; }
      .option .layui-tab .layui-tab-content .layui-tab-item .transition i {
        background: url(../images/zhuanhuan.png) no-repeat;
        width: 0.48rem;
        height: 0.4266666667rem;
        display: block;
        background-size: 100% 100%;
        transform: translateY(0.6133333333rem); }
      .option .layui-tab .layui-tab-content .layui-tab-item .TO {
        width: 3.6266666667rem; }
        .option .layui-tab .layui-tab-content .layui-tab-item .TO p {
          margin-bottom: 0.08rem; }
        .option .layui-tab .layui-tab-content .layui-tab-item .TO input {
          font-size: 0.32rem;
          width: 97%;
          line-height: 0.72rem;
          border: 2px solid #bfbfbf;
          padding-left: 0.0533333333rem; }
      .option .layui-tab .layui-tab-content .dete {
        font-size: 0.3733333333rem;
        margin-top: 0.1333333333rem;
        width: 3.7333333333rem;
        position: relative; }
        .option .layui-tab .layui-tab-content .dete p {
          margin-bottom: 0.08rem; }
        .option .layui-tab .layui-tab-content .dete .layui-input {
          width: 100%;
          font-size: 0.32rem;
          line-height: 0.8266666667rem;
          height: 0.8266666667rem;
          border: 2px solid #bfbfbf;
          padding-left: 0.0533333333rem; }
        .option .layui-tab .layui-tab-content .dete i {
          background: url(../images/rli.png) no-repeat;
          background-size: 100% 100%;
          width: 0.48rem;
          height: 0.5333333333rem;
          display: block;
          position: absolute;
          bottom: 0.1333333333rem;
          right: 0.1333333333rem; }
      .option .layui-tab .layui-tab-content .Search button {
        font-size: 0.48rem;
        color: white;
        background-color: #ff9c00;
        display: block;
        line-height: 0.72rem;
        border-radius: 0.8rem;
        width: 100%;
        border: none;
        margin-top: 0.1866666667rem; }

.commitment {
  width: 8.9333333333rem;
  margin: 0 auto;
  padding: 0.5333333333rem 0.1066666667rem 0.6133333333rem;
  font-size: 0.32rem;
  line-height: 1.2;
  color: #7a7272; }
  .commitment .top {
    display: flex;
    margin-bottom: 0.5333333333rem;
    font-style: italic; }
    .commitment .top .icon span {
      background: url(../images/duihao.png) no-repeat;
      background-size: 100% 100%;
      width: 0.6133333333rem;
      height: 0.64rem;
      display: block;
      margin-right: 0.1866666667rem;
      transform: translateY(0.4rem); }
    .commitment .top .text {
      font-size: 0.3733333333rem;
      color: #00355f;
      line-height: 0.5333333333rem; }
  .commitment .span1 {
    color: #00355f; }
  .commitment .span2 {
    color: #ff9c00; }

.ticketsFlow {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .ticketsFlow .box {
    height: 2.2666666667rem;
    position: relative;
    padding: 0.4rem 0 0.32rem;
    padding-left: 1.4133333333rem;
    border-top: 1px dashed silver;
    border-bottom: 1px solid #bfbfbf;
    box-sizing: border-box; }
    .ticketsFlow .box .img {
      position: absolute;
      left: 0;
      top: 50%;
      width: 1.4133333333rem;
      height: 0.96rem;
      z-index: 100;
      transform: translateY(-50%); }
      .ticketsFlow .box .img img {
        width: 100%;
        height: 100%; }
    .ticketsFlow .box .layui-carousel-arrow {
      width: 0.5866666667rem;
      height: 0.32rem;
      line-height: 0.32rem;
      border-radius: 1px; }
    .ticketsFlow .box .layui-carousel > [carousel-item] > * {
      background-color: #efefe3;
      padding-right: 0.72rem;
      box-sizing: border-box;
      font-size: 0.32rem; }
      .ticketsFlow .box .layui-carousel > [carousel-item] > * h3 {
        color: #093c5b;
        font-size: 0.3733333333rem;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .ticketsFlow .box .layui-carousel > [carousel-item] > * p {
        color: black;
        font-size: 0.32rem;
        line-height: 1.2; }
    .ticketsFlow .box .layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
      color: rgba(0, 0, 0, 0);
      background: url(../images/jiantoux.png) no-repeat;
      bottom: 0.0266666667rem; }
    .ticketsFlow .box .layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=sub] {
      color: rgba(0, 0, 0, 0);
      background: url(../images/jiantous.png) no-repeat;
      top: 0.0266666667rem; }
    .ticketsFlow .box .layui-carousel[lay-anim=updown] .layui-carousel-arrow {
      right: 0.08rem !important;
      left: auto !important; }

.PopularTrain {
  width: 8.9333333333rem;
  margin: 0.6666666667rem auto 0; }
  .PopularTrain h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    line-height: 1;
    margin-bottom: 0.2666666667rem; }
  .PopularTrain .box {
    display: flex;
    margin-bottom: 0.2666666667rem; }
    .PopularTrain .box li {
      width: 4.3733333333rem;
      height: 2.8266666667rem;
      margin-right: 0.2346666667rem;
      position: relative; }
      .PopularTrain .box li:nth-child(2n) {
        margin-right: 0; }
      .PopularTrain .box li a {
        display: block;
        width: 100%;
        height: 100%; }
        .PopularTrain .box li a img {
          width: 100%;
          height: 100%; }
        .PopularTrain .box li a .title {
          width: 100%;
          position: absolute;
          bottom: 0;
          text-align: center;
          font-size: 0.32rem;
          color: #fff;
          line-height: 0.72rem;
          background-color: rgba(0, 0, 0, 0.3); }
  .PopularTrain .listNav {
    display: flex;
    background-color: #cfe7f6;
    font-size: 0.32rem; }
    .PopularTrain .listNav li {
      width: 25%;
      line-height: 0.7466666667rem;
      text-align: center; }
    .PopularTrain .listNav .on {
      color: #fff;
      background-color: #017bc6; }
  .PopularTrain .lisuConten {
    padding: 0.2933333333rem 0.24rem 0.4533333333rem; }
    .PopularTrain .lisuConten .on {
      display: block; }
    .PopularTrain .lisuConten ul {
      display: none; }
      .PopularTrain .lisuConten ul li {
        display: block;
        position: relative;
        font-size: 0.3733333333rem;
        color: black;
        background-color: #fff;
        line-height: 0.64rem;
        border-radius: 0.1333333333rem;
        padding: 0 0.16rem;
        box-sizing: border-box;
        margin-bottom: 0.2133333333rem; }
        .PopularTrain .lisuConten ul li a {
          font-size: 0.3733333333rem;
          color: black; }
          .PopularTrain .lisuConten ul li a .form {
            margin-right: 0.2133333333rem; }
          .PopularTrain .lisuConten ul li a .to {
            margin-left: 0.2133333333rem; }
          .PopularTrain .lisuConten ul li a .USD {
            position: absolute;
            right: 0.16rem;
            bottom: 0; }
            .PopularTrain .lisuConten ul li a .USD span {
              color: #ff6113; }
              .PopularTrain .lisuConten ul li a .USD span i {
                font-size: 0.48rem; }

.BookingPolicy {
  width: 8.9333333333rem;
  margin: 0 auto 0.7733333333rem;
  background-color: #fff;
  border: 1px solid #017bc6;
  border-radius: 0.08rem;
  display: flex;
  padding: 0.1066666667rem 0.0266666667rem 0.5333333333rem;
  box-sizing: border-box; }
  .BookingPolicy .img {
    width: 0.72rem;
    height: 0.72rem;
    margin-right: 0.16rem; }
    .BookingPolicy .img img {
      width: 100%;
      height: 100%; }
  .BookingPolicy .content {
    font-size: 0.32rem; }
    .BookingPolicy .content h2 {
      font-size: 0.3733333333rem;
      color: #045688;
      line-height: 1;
      padding-top: 0.16rem;
      margin-bottom: 0.3466666667rem; }
    .BookingPolicy .content .type {
      margin-bottom: 0.4rem;
      line-height: 0.3733333333rem; }
      .BookingPolicy .content .type:last-child {
        margin-bottom: 0; }
      .BookingPolicy .content .type h3 {
        color: #065c91; }
      .BookingPolicy .content .type ol {
        list-style-type: none;
        counter-reset: sectioncounter; }
        .BookingPolicy .content .type ol li:before {
          content: counter(sectioncounter) ".";
          counter-increment: sectioncounter;
          color: #017bc6; }
        .BookingPolicy .content .type ol li a {
          color: #017bc6; }

.TSDate {
  width: 8.9333333333rem;
  margin: 0 auto;
  font-size: 0.3733333333rem;
  background-color: #0169a9;
  color: #fff;
  padding: 0.1333333333rem 0.1866666667rem 0.4rem;
  box-sizing: border-box; }
  .TSDate h3 {
    text-align: center;
    margin-bottom: 0.2666666667rem; }
  .TSDate .box {
    display: flex;
    justify-content: space-between; }
    .TSDate .box .L, .TSDate .box .R {
      line-height: 0.88rem; }
      .TSDate .box .L a, .TSDate .box .R a {
        color: #fff; }
    .TSDate .box .M {
      position: relative; }
      .TSDate .box .M:before {
        content: '';
        display: block;
        width: 0.48rem;
        height: 0.48rem;
        background: url(../images/hrli.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0.1866666667rem;
        left: 0.32rem; }
      .TSDate .box .M:after {
        content: '';
        display: block;
        width: 0.4533333333rem;
        height: 0.2666666667rem;
        background: url(../images/hjiantou.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0.32rem;
        right: 0.2666666667rem; }
      .TSDate .box .M .layui-input {
        height: 0.88rem;
        width: 5.2266666667rem;
        box-sizing: border-box;
        border: 1px solid #ebebeb;
        border-radius: 0.5333333333rem;
        padding: 0 0.72rem 0 1.0666666667rem;
        background-color: #44a4e0;
        font-size: 0.3733333333rem;
        color: #4b4b4b; }
      .TSDate .box .M span {
        color: #4b4b4b;
        position: absolute;
        top: 0.24rem;
        right: 1.2rem; }

.TSOption {
  width: 8.9333333333rem;
  margin: 0 auto;
  padding: 0.5333333333rem 0;
  font-size: 0.32rem;
  line-height: 0.5333333333rem; }
  .TSOption .DepartTimes h4 {
    color: #484747;
    line-height: 1;
    margin-bottom: 0.1333333333rem; }
  .TSOption .DepartTimes .box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.1333333333rem;
    margin-bottom: 0.1333333333rem;
    border-bottom: 1px dashed #a6a6a6; }
    .TSOption .DepartTimes .box li {
      width: 25%; }
      .TSOption .DepartTimes .box li a {
        color: #0169a9; }
  .TSOption .Depart h4 {
    color: #484747;
    line-height: 1;
    margin-bottom: 0.1333333333rem; }
  .TSOption .Depart .box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.1333333333rem;
    margin-bottom: 0.1333333333rem;
    border-bottom: 1px dashed #a6a6a6; }
    .TSOption .Depart .box li {
      margin-right: 0.8rem; }
      .TSOption .Depart .box li a {
        color: #0169a9; }
  .TSOption .Arrival h4 {
    color: #484747;
    line-height: 1;
    margin-bottom: 0.1333333333rem; }
  .TSOption .Arrival .box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.1333333333rem;
    margin-bottom: 0.1333333333rem;
    border-bottom: 1px dashed #a6a6a6; }
    .TSOption .Arrival .box li {
      margin-right: 0.8rem; }
      .TSOption .Arrival .box li a {
        color: #0169a9; }

.TSearchResult {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .TSearchResult li {
    background-color: #fff;
    margin-bottom: 0.48rem; }
    .TSearchResult li .top {
      padding: 0.4rem 0.2133333333rem 0.2133333333rem;
      border-bottom: 1px solid #d8d8d8; }
      .TSearchResult li .top .time {
        display: flex;
        justify-content: space-between;
        font-size: 0.48rem;
        color: #404040;
        line-height: 1; }
        .TSearchResult li .top .time .M {
          width: 5.1733333333rem;
          position: relative;
          padding-bottom: 0.2133333333rem;
          text-align: center;
          font-size: 0.3733333333rem;
          color: #00355f;
          box-sizing: border-box;
          line-height: 0.3733333333rem;
          font-weight: 700; }
          .TSearchResult li .top .time .M span {
            font-weight: 400;
            color: #997a7a;
            margin-left: 0.1333333333rem; }
          .TSearchResult li .top .time .M:after {
            content: '';
            display: block;
            height: 0.08rem;
            width: 5.1733333333rem;
            background: url(../images/cjt.png) no-repeat;
            background-size: 100% 100%;
            position: absolute;
            bottom: 0; }
      .TSearchResult li .top .sometimes {
        display: flex;
        justify-content: space-between;
        font-size: 0.32rem;
        color: #4a4a4a;
        line-height: 0.32rem;
        margin-top: 0.2666666667rem; }
        .TSearchResult li .top .sometimes .M {
          color: #093c5b; }
    .TSearchResult li .select {
      font-size: 0.3733333333rem;
      line-height: 0.9333333333rem;
      color: #494949;
      padding: 0.2666666667rem 0.2666666667rem; }
      .TSearchResult li .select table {
        width: 100%; }
        .TSearchResult li .select table a {
          color: #fff;
          background-color: #017bc6;
          line-height: 0.56rem;
          display: block;
          width: 2.1333333333rem;
          text-align: center;
          border-radius: 0.08rem; }

.howTicket {
  width: 8.9333333333rem;
  margin: 0 auto;
  padding-bottom: 0.2666666667rem; }
  .howTicket h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    line-height: 1;
    margin-bottom: 0.4rem; }
  .howTicket .content {
    color: black;
    font-size: 0.32rem;
    line-height: 0.3733333333rem; }
    .howTicket .content li {
      padding-bottom: 0.1333333333rem;
      margin-bottom: 0.2133333333rem;
      border-bottom: 1px dashed #d2d2d2; }

.MoerAboutRoutes {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem;
  background-color: #fff;
  border: 1px solid #017bc6;
  box-sizing: border-box;
  border-radius: 0.1333333333rem;
  padding: 0.2133333333rem 0 0.48rem; }
  .MoerAboutRoutes h3 {
    line-height: 0.72rem;
    color: #045688;
    padding-left: 1.0666666667rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    background-position-x: 0.1866666667rem;
    font-size: 0.3733333333rem;
    margin-bottom: 0.1333333333rem; }
  .MoerAboutRoutes .content {
    font-size: 0.32rem;
    line-height: 0.3733333333rem;
    color: #3b4e5a;
    padding: 0 0.2666666667rem; }

.RecommendedTours {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .RecommendedTours h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    line-height: 1;
    margin-bottom: 0.8rem; }
  .RecommendedTours .content li {
    padding-bottom: 0.2133333333rem;
    margin-bottom: 0.8rem;
    border-bottom: 1px solid #bfbfbf; }
    .RecommendedTours .content li .box {
      display: flex;
      font-size: 0.32rem; }
      .RecommendedTours .content li .box .img {
        width: 4.2666666667rem;
        height: 3.04rem;
        border-radius: 0.1333333333rem;
        overflow: hidden;
        margin-right: 0.1866666667rem; }
        .RecommendedTours .content li .box .img img {
          width: 100%;
          height: 100%; }
      .RecommendedTours .content li .box .text {
        width: 4.4533333333rem; }
        .RecommendedTours .content li .box .text h3 {
          font-size: 0.3733333333rem;
          color: #272727;
          line-height: 0.3733333333rem; }
        .RecommendedTours .content li .box .text .div1 {
          line-height: 1;
          color: #0169a9;
          margin: 7px 0; }
        .RecommendedTours .content li .box .text .div2 {
          line-height: 1;
          color: #969696;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }
        .RecommendedTours .content li .box .text .div3 {
          line-height: 1;
          margin-top: 0.1333333333rem;
          color: #272727; }
          .RecommendedTours .content li .box .text .div3 .span1 {
            color: #f60000; }
            .RecommendedTours .content li .box .text .div3 .span1 i {
              font-size: 0.48rem; }
          .RecommendedTours .content li .box .text .div3 .span2 {
            color: #9d9d9d;
            margin-left: 0.48rem;
            text-decoration: line-through; }

.trainInformation {
  width: 8.9333333333rem;
  margin: 0.4rem auto 0; }
  .trainInformation .introduce {
    background-color: #fff;
    padding-top: 0.32rem;
    margin-bottom: 0.5333333333rem; }
    .trainInformation .introduce h2 {
      font-size: 0.4266666667rem;
      color: #00355f;
      text-align: center;
      margin-bottom: 0.1333333333rem;
      font-weight: 700; }
    .trainInformation .introduce .p {
      font-size: 0.32rem;
      color: #00355f;
      text-align: center;
      font-weight: 700; }
    .trainInformation .introduce .content {
      padding: 10px;
      font-size: 0.3733333333rem;
      line-height: 0.5rem;
      /*  line-height: rem(14px);
        color: rgb(122,114,114);*/ }
      .trainInformation .introduce .content .ju {
        color: #ff9c00; }
      .trainInformation .introduce .content .lan {
        color: #017bc6; }
  .trainInformation .routeImg {
    width: 100%;
    height: 4.96rem;
    margin-bottom: 0.7466666667rem; }
    .trainInformation .routeImg img {
      width: 100%;
      height: 100%; }
  .trainInformation .TFList {
    font-size: 0.3733333333rem; }
    .trainInformation .TFList .LIsiTop {
      padding: 0 0.2666666667rem;
      background-color: #00355f;
      color: #fff;
      display: flex;
      line-height: 0.7466666667rem; }
      .trainInformation .TFList .LIsiTop li:nth-child(1) {
        width: 2.1333333333rem; }
      .trainInformation .TFList .LIsiTop li:nth-child(2) {
        width: 1.28rem; }
      .trainInformation .TFList .LIsiTop li:nth-child(3) {
        width: 1.3333333333rem; }
      .trainInformation .TFList .LIsiTop li:nth-child(4) {
        width: 2.2666666667rem; }
    .trainInformation .TFList .contentList {
      padding: 0 0.2666666667rem 0.5866666667rem;
      background-color: #fff; }
      .trainInformation .TFList .contentList > li {
        padding: 0.2666666667rem 0;
        border-bottom: 1px solid #c7c7c7; }
        .trainInformation .TFList .contentList > li .shijian {
          display: flex;
          margin-bottom: 0.2666666667rem; }
          .trainInformation .TFList .contentList > li .shijian li {
            line-height: 1; }
            .trainInformation .TFList .contentList > li .shijian li:nth-child(1) {
              width: 2.1333333333rem;
              color: #00355f;
              text-decoration: underline; }
            .trainInformation .TFList .contentList > li .shijian li:nth-child(2) {
              width: 1.28rem;
              font-size: 0.4266666667rem;
              color: #404040; }
            .trainInformation .TFList .contentList > li .shijian li:nth-child(3) {
              width: 1.3333333333rem;
              color: #404040; }
            .trainInformation .TFList .contentList > li .shijian li:nth-child(4) {
              width: 2.2666666667rem;
              font-size: 0.4266666667rem;
              color: #404040; }
            .trainInformation .TFList .contentList > li .shijian li:nth-child(5) {
              font-size: 0.3733333333rem;
              color: #4a4a4a; }
        .trainInformation .TFList .contentList > li p {
          font-size: 0.32rem;
          color: #7f7f7f;
          line-height: 1; }
  .trainInformation .margin {
    width: 100%;
    height: 0.8rem; }

.boardingGuide {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #dbedf5;
  border: 1px solid #2e5a75;
  box-sizing: border-box;
  border-radius: 0.08rem;
  overflow: hidden;
  font-size: 0.32rem;
  padding: 0 0.2133333333rem; }
  .boardingGuide > li {
    padding: 0.4533333333rem 0 0.5333333333rem;
    border-bottom: 1px solid #16739f; }
    .boardingGuide > li:last-child {
      border: none; }
    .boardingGuide > li h3 {
      font-size: 0.3733333333rem;
      line-height: 1;
      color: #085579;
      margin-bottom: 0.32rem;
      font-weight: 700; }
    .boardingGuide > li .content {
      color: #434343;
      font-size: 0.32rem;
      line-height: 0.3733333333rem;
      margin-bottom: 0.4rem; }
    .boardingGuide > li .more li {
      line-height: 0.5333333333rem;
      padding-left: 0.5333333333rem;
      background: url(../images/lyuandian.png) no-repeat;
      background-size: 0.16rem 0.16rem;
      background-position: 0.2133333333rem 0.1333333333rem; }
      .boardingGuide > li .more li a {
        color: #085579; }

.trainOrder {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .trainOrder .position {
    font-size: 0.3733333333rem;
    background-color: #fff;
    line-height: 0.8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.1866666667rem;
    color: #9a9a9a;
    border-radius: 0.1333333333rem 0.1333333333rem 0 0; }
    .trainOrder .position li:nth-child(1) {
      color: #00355f; }
    .trainOrder .position li:after {
      content: '>';
      display: inline-block;
      padding-left: 0.4rem; }
    .trainOrder .position li:last-child:after {
      display: none; }
  .trainOrder h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #43aae0;
    text-align: center; }
  .trainOrder .DateCode {
    background-color: #fff;
    padding: 0.48rem 0.1333333333rem 0.4rem 0.2666666667rem;
    font-size: 0.48rem;
    border-bottom: 1px dashed #cececc;
    text-align: center; }
    .trainOrder .DateCode .time {
      color: #232323;
      line-height: 0.48rem;
      margin-bottom: 0.1333333333rem; }
    .trainOrder .DateCode .Code {
      font-size: 0.3733333333rem;
      color: #ff6600;
      line-height: 1;
      margin-bottom: 0.1333333333rem; }
    .trainOrder .DateCode .getName {
      font-size: 0.32rem;
      color: #313131;
      box-sizing: border-box;
      line-height: 0.3466666667rem;
      height: 0.3466666667rem; }
      .trainOrder .DateCode .getName .logo {
        display: inline-block;
        width: 0.4rem;
        height: 0.3466666667rem;
        margin-right: 0.0533333333rem; }
        .trainOrder .DateCode .getName .logo img {
          width: 100%;
          height: 100%; }
  .trainOrder .introduce {
    background-color: #fff;
    padding: 0.3733333333rem;
    font-size: 0.32rem;
    color: #14729e; }
    .trainOrder .introduce .When {
      line-height: 0.48rem;
      display: flex;
      justify-content: space-between; }
      .trainOrder .introduce .When .Timing {
        background: url(../images/shizhong.png) no-repeat;
        background-size: 0.2666666667rem 0.2666666667rem;
        padding-left: 0.3733333333rem;
        background-position-y: 0.0933333333rem;
        position: relative; }
        .trainOrder .introduce .When .Timing:after {
          content: '';
          display: inline-block;
          width: 0.32rem;
          height: 1px;
          background-color: #14729e;
          position: absolute;
          right: -0.4533333333rem;
          top: 0.2666666667rem; }
        .trainOrder .introduce .When .Timing:before {
          content: '';
          display: inline-block;
          width: 0.32rem;
          height: 1px;
          background-color: #14729e;
          position: absolute;
          left: -0.4533333333rem;
          top: 0.2666666667rem; }
      .trainOrder .introduce .When span {
        font-size: 0.48rem; }
    .trainOrder .introduce .journey {
      font-size: 0.32rem;
      color: #313131;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-bottom: 0.4rem; }
      .trainOrder .introduce .journey .journeyTable {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
        .trainOrder .introduce .journey .journeyTable a {
          color: #828282;
          border: 1px solid #dddddd;
          border-radius: 0.08rem;
          padding: 0.0533333333rem 0.2666666667rem; }
    .trainOrder .introduce .Selects {
      text-align: center; }
      .trainOrder .introduce .Selects .box {
        display: inline-block;
        height: 0.6933333333rem;
        line-height: 0.6933333333rem;
        margin: 0 auto;
        background-color: #44a4e0;
        font-size: 0.3733333333rem;
        color: #fff;
        padding: 0 0.32rem; }
        .trainOrder .introduce .Selects .box span {
          font-size: 0.48rem;
          color: #e84200;
          margin-left: 0.9333333333rem; }
  .trainOrder .Refundpolicy {
    font-size: 0.32rem;
    background-color: #fff;
    padding: 0.3733333333rem 0.4rem 0;
    margin-top: 0.2666666667rem; }
    .trainOrder .Refundpolicy h3 {
      color: #dfb200;
      margin-bottom: 0.1333333333rem;
      line-height: 1; }
    .trainOrder .Refundpolicy .FRAR {
      line-height: 0.3733333333rem;
      color: #383838;
      overflow: hidden;
      height: 1.0133333333rem; }
    .trainOrder .Refundpolicy .on {
      height: auto; }
    .trainOrder .Refundpolicy #RPBtn {
      display: block;
      width: 0.3733333333rem;
      background-color: #fff;
      outline: none;
      border: none;
      height: 0.3733333333rem;
      background: url(../images/dsj.png) no-repeat;
      background-size: 100%;
      margin: 0.16rem auto 0;
      padding-bottom: 0.5333333333rem; }
  .trainOrder .BaggageAllowance {
    font-size: 0.32rem;
    background-color: #fff;
    padding: 0.3733333333rem 0.4rem 0;
    margin-bottom: 0.4rem; }
    .trainOrder .BaggageAllowance h3 {
      color: #dfb200;
      margin-bottom: 0.1333333333rem;
      line-height: 1; }
    .trainOrder .BaggageAllowance .BAAR {
      line-height: 0.3733333333rem;
      color: #383838;
      overflow: hidden;
      height: 1.0133333333rem; }
    .trainOrder .BaggageAllowance .on {
      height: auto; }
    .trainOrder .BaggageAllowance #BABtn {
      display: block;
      width: 0.3733333333rem;
      background-color: #fff;
      outline: none;
      border: none;
      height: 0.3733333333rem;
      background: url(../images/dsj.png) no-repeat;
      background-size: 100%;
      margin: 0.16rem auto 0;
      padding-bottom: 0.5333333333rem; }
  .trainOrder .CancellationPolicy {
    background-color: #fff;
    padding: 0 0.2666666667rem 0.3466666667rem 0.2666666667rem;
    font-size: 0.32rem;
    margin-bottom: 0.4266666667rem;
    box-sizing: border-box;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem; }
    .trainOrder .CancellationPolicy .box {
      padding: 0.24rem 0.2133333333rem;
      border: 1px solid #e5e5e5;
      box-sizing: border-box;
      border-radius: 0.1333333333rem; }
      .trainOrder .CancellationPolicy .box h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        color: #dfb200;
        margin-bottom: 0.1866666667rem; }
      .trainOrder .CancellationPolicy .box ul {
        color: #383838;
        line-height: 0.4266666667rem; }
  .trainOrder .ContactInformation {
    background-color: #fff;
    padding: 0.5333333333rem 0.32rem 0.72rem;
    box-sizing: border-box; }
    .trainOrder .ContactInformation h4 {
      font-size: 0.48rem;
      color: #052f49;
      line-height: 1;
      margin-bottom: 0.6666666667rem; }
    .trainOrder .ContactInformation p {
      font-size: 0.3733333333rem;
      color: #646464;
      line-height: 1;
      margin-bottom: 0.16rem; }
    .trainOrder .ContactInformation > input {
      width: 100%;
      height: 0.96rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      margin-bottom: 0.4266666667rem;
      padding-left: 0.08rem;
      display: block;
      border: 1px solid #d7d6d6; }
    .trainOrder .ContactInformation textarea {
      width: 100%;
      height: 3.7333333333rem;
      border: 1px solid #d7d6d6;
      font-size: 0.32rem;
      padding: 0.1333333333rem;
      box-sizing: border-box;
      resize: none; }
    .trainOrder .ContactInformation .agree {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1; }
      .trainOrder .ContactInformation .agree input {
        transform: translateY(0.0533333333rem); }
  .trainOrder .Personal {
    background-color: #fff;
    margin-top: 0.4533333333rem;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem;
    border-bottom: 1px solid #f1f1f1; }
    .trainOrder .Personal .PAD {
      font-size: 0.32rem;
      margin-bottom: 0.8rem; }
      .trainOrder .Personal .PAD .title {
        font-size: 0.3733333333rem;
        color: #3d3d3d;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .trainOrder .Personal .PAD label {
        display: block;
        width: 100%;
        line-height: 0.8rem;
        height: 0.8rem;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        color: #052f49;
        padding-left: 0.08rem;
        margin-bottom: 0.2133333333rem; }
        .trainOrder .Personal .PAD label:last-child {
          margin-bottom: 0; }
        .trainOrder .Personal .PAD label input {
          margin-right: 0.1333333333rem;
          transform: translateY(2px); }
    .trainOrder .Personal .Passenger {
      font-size: 0.3733333333rem; }
      .trainOrder .Personal .Passenger .title {
        font-size: 0.48rem;
        color: #385766;
        line-height: 1;
        margin-bottom: 0.5333333333rem; }
      .trainOrder .Personal .Passenger input {
        display: block;
        width: 100%;
        height: 0.5866666667rem;
        box-sizing: border-box;
        border: none;
        margin-bottom: 0.4rem;
        line-height: 0.5866666667rem;
        border-bottom: 1px solid #efefe3; }
      .trainOrder .Personal .Passenger #DOB {
        background: url(../images/rli.png) no-repeat;
        background-size: 0.48rem 0.5333333333rem;
        background-position: 2.5333333333rem 0; }
      .trainOrder .Personal .Passenger #PED {
        background: url(../images/rli.png) no-repeat;
        background-size: 0.48rem 0.5333333333rem;
        background-position: 4rem 0; }
    .trainOrder .Personal .AdditionsAndDeletions {
      display: flex;
      font-size: 0.3466666667rem;
      flex-wrap: wrap; }
      .trainOrder .Personal .AdditionsAndDeletions li {
        width: 4rem;
        height: 0.9066666667rem;
        line-height: 0.9066666667rem;
        color: #fff;
        padding-left: 1.0666666667rem;
        box-sizing: border-box; }
      .trainOrder .Personal .AdditionsAndDeletions .addA, .trainOrder .Personal .AdditionsAndDeletions .addC {
        background: url(../images/add.png) no-repeat;
        background-size: 3.3333333333rem 100%;
        margin-bottom: 0.4533333333rem; }
      .trainOrder .Personal .AdditionsAndDeletions .dele {
        background: url(../images/dele.png) no-repeat;
        background-size: 3.3333333333rem 100%; }
  .trainOrder .seat {
    background-color: #fff;
    padding: 0.5866666667rem 0.2133333333rem 0.8rem;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    margin-bottom: 0.4533333333rem; }
    .trainOrder .seat h3 {
      font-size: 0.3733333333rem;
      line-height: 1;
      color: #052f49;
      margin-bottom: 0.4rem; }
    .trainOrder .seat .ChooseTheSeat {
      background: url(../images/zuowei.png) no-repeat;
      height: 1.0666666667rem;
      margin-bottom: 0.64rem;
      width: 100%;
      background-size: 100%;
      position: relative; }
      .trainOrder .seat .ChooseTheSeat input[type="radio"] {
        display: none; }
      .trainOrder .seat .ChooseTheSeat input[type='radio'] + label:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%; }
      .trainOrder .seat .ChooseTheSeat input[type='radio']:checked + label:before {
        background-color: rgba(0, 0, 0, 0.5); }
      .trainOrder .seat .ChooseTheSeat .seatBox1 {
        width: 0.72rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 1.68rem; }
      .trainOrder .seat .ChooseTheSeat .seatBox2 {
        width: 0.72rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 2.56rem; }
      .trainOrder .seat .ChooseTheSeat .seatBox3 {
        width: 0.72rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 3.4133333333rem; }
      .trainOrder .seat .ChooseTheSeat .seatBox4 {
        width: 0.72rem;
        height: 100%;
        position: absolute;
        top: 0;
        right: 1.68rem; }
      .trainOrder .seat .ChooseTheSeat .seatBox5 {
        width: 0.72rem;
        height: 100%;
        position: absolute;
        top: 0;
        right: 2.56rem; }
    .trainOrder .seat .specialRequirements {
      margin-bottom: 0.4rem; }
      .trainOrder .seat .specialRequirements input {
        display: block;
        width: 100%;
        height: 0.6133333333rem;
        line-height: 0.6133333333rem;
        background-color: #fff;
        outline: none;
        font-size: 0.32rem;
        border: 1px solid #cecece;
        padding-left: 0.1333333333rem; }
    .trainOrder .seat .hint {
      line-height: 0.3733333333rem;
      font-size: 0.32rem;
      color: #6b6b6b; }
  .trainOrder .DDBookingPolicy {
    padding: 0 0 0.5333333333rem;
    box-sizing: border-box;
    padding-left: 0.9333333333rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    margin-top: 0.96rem;
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #065c91; }
    .trainOrder .DDBookingPolicy h5 {
      line-height: 0.72rem; }
    .trainOrder .DDBookingPolicy a {
      color: #017bc6; }
  .trainOrder .Settlement .calculated {
    display: none;
    padding: 0.4rem 0.32rem 0.6133333333rem;
    font-size: 0.32rem;
    border-radius: 0.2133333333rem 0.2133333333rem 0 0;
    overflow: hidden;
    background-color: #fff; }
    .trainOrder .Settlement .calculated .top {
      padding-left: 0.88rem;
      background: url(../images/bi.png) no-repeat;
      background-size: 0.6933333333rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.48rem;
      color: #ff640f;
      margin-bottom: 0.2666666667rem; }
    .trainOrder .Settlement .calculated .Tour-Name {
      line-height: 0.48rem;
      color: #050505;
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .trainOrder .Settlement .calculated .Tour-Code {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #515151;
      margin-bottom: 0.5333333333rem; }
    .trainOrder .Settlement .calculated .Statistical {
      font-size: 0.3733333333rem;
      color: #343434;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #d1d1d1;
      margin-bottom: 0.2666666667rem; }
      .trainOrder .Settlement .calculated .Statistical li {
        display: flex;
        justify-content: space-between; }
    .trainOrder .Settlement .calculated .TOTAL {
      font-size: 0.48rem;
      color: #868483;
      text-align: right;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .trainOrder .Settlement .calculated .TOTAL span {
        color: #ff5400; }
        .trainOrder .Settlement .calculated .TOTAL span i {
          font-size: 0.96rem; }
    .trainOrder .Settlement .calculated #Confirm {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }
  .trainOrder .Settlement .Enter {
    background-color: #fff;
    border-radius: 0 0 0.2133333333rem 0.2133333333rem;
    overflow: hidden;
    padding: 0.2133333333rem 0.32rem 0.4533333333rem; }
    .trainOrder .Settlement .Enter .overview {
      color: #ff9c00;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .trainOrder .Settlement .Enter .overview .span1 {
        font-size: 0.8rem;
        margin: 0 0.2666666667rem; }
      .trainOrder .Settlement .Enter .overview #Price {
        font-size: 0.32rem;
        color: #017bc6; }
    .trainOrder .Settlement .Enter .submit button {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }

/*火车=====================================================================================*/
/*巴士=====================================================================================*/
.BusTab {
  width: 8.9333333333rem;
  margin: 0.6133333333rem auto 0.8rem; }
  .BusTab h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem; }
  .BusTab .BusTabNav {
    font-size: 0.32rem;
    line-height: 0.4266666667rem;
    border-bottom: 2px solid #d5d5d5;
    display: flex;
    justify-content: space-between;
    color: #1a1a1a;
    margin-bottom: 0.32rem; }
    .BusTab .BusTabNav .on {
      background-color: #017bc6;
      color: #fff;
      border-radius: 0.08rem; }
    .BusTab .BusTabNav li {
      padding: 0 0.1333333333rem; }
  .BusTab .Buscontent .on {
    display: block; }
  .BusTab .Buscontent > li {
    display: none; }
    .BusTab .Buscontent > li .TransfersBox {
      display: flex;
      flex-wrap: wrap; }
      .BusTab .Buscontent > li .TransfersBox li {
        width: 4.32rem;
        border: 1px solid #c9c9c6;
        background-color: #fff;
        margin-right: 0.1813333333rem;
        margin-bottom: 0.3466666667rem; }
        .BusTab .Buscontent > li .TransfersBox li:nth-child(2n) {
          margin-right: 0; }
        .BusTab .Buscontent > li .TransfersBox li a {
          display: block; }
          .BusTab .Buscontent > li .TransfersBox li a .img {
            width: 100%;
            height: 2.6666666667rem; }
            .BusTab .Buscontent > li .TransfersBox li a .img img {
              width: 100%;
              height: 100%; }
          .BusTab .Buscontent > li .TransfersBox li a .text {
            font-size: 0.32rem;
            padding: 0.1066666667rem 0.1066666667rem 0.2666666667rem; }
            .BusTab .Buscontent > li .TransfersBox li a .text .title {
              line-height: 0.3733333333rem;
              color: #434343;
              padding-bottom: 0.1066666667rem;
              border-bottom: 1px dashed #afafaf;
              margin-bottom: 0.1866666667rem; }
            .BusTab .Buscontent > li .TransfersBox li a .text .type {
              color: #419cd4;
              font-size: 0.3466666667rem;
              margin-bottom: 0.1866666667rem; }
              .BusTab .Buscontent > li .TransfersBox li a .text .type i {
                background: url(../images/xiaolanche.png) no-repeat;
                width: 0.5333333333rem;
                height: 0.4533333333rem;
                background-size: 100% 100%;
                display: inline-block;
                margin-right: 0.3466666667rem;
                position: relative;
                bottom: -0.0533333333rem; }
                .BusTab .Buscontent > li .TransfersBox li a .text .type i::before {
                  position: absolute;
                  right: -0.1866666667rem;
                  bottom: 0;
                  content: '';
                  width: 0.0533333333rem;
                  height: 0.4rem;
                  display: inline-block;
                  background-color: #419cd4; }
            .BusTab .Buscontent > li .TransfersBox li a .text .USD {
              color: #ff7200;
              font-size: 0.3733333333rem; }
              .BusTab .Buscontent > li .TransfersBox li a .text .USD span {
                font-size: 0.48rem; }

.busSearchList {
  width: 8.9333333333rem;
  margin: 0 auto;
  padding-bottom: 0.2666666667rem; }
  .busSearchList > li {
    background-color: #fff;
    margin-bottom: 0.3466666667rem; }
    .busSearchList > li .sjjg {
      font-size: 0.48rem;
      color: #404040;
      display: flex;
      padding: 0 0.2133333333rem;
      line-height: 1;
      padding-top: 0.32rem; }
      .busSearchList > li .sjjg div:nth-child(1) {
        width: 1.8666666667rem; }
      .busSearchList > li .sjjg div:nth-child(2) {
        width: 2.6666666667rem;
        text-align: center;
        font-size: 0.32rem;
        position: relative; }
        .busSearchList > li .sjjg div:nth-child(2):after {
          content: '';
          background: url(../images/cjt.png) no-repeat;
          display: block;
          width: 2.6666666667rem;
          height: 0.08rem;
          position: absolute;
          bottom: 0; }
      .busSearchList > li .sjjg div:nth-child(3) {
        width: 2.1333333333rem;
        text-align: center; }
      .busSearchList > li .sjjg div:nth-child(4) {
        width: 1.8133333333rem;
        text-align: right;
        font-size: 0.32rem;
        color: #f35b00; }
        .busSearchList > li .sjjg div:nth-child(4) i {
          font-size: 0.5333333333rem; }
    .busSearchList > li .dzys {
      padding: 0 0.2133333333rem;
      display: flex;
      color: #4a4a4a;
      font-size: 0.32rem;
      line-height: 1;
      margin-top: 0.2133333333rem;
      padding-bottom: 0.32rem;
      border-bottom: 1px solid #d8d8d8; }
      .busSearchList > li .dzys div:nth-child(1) {
        width: 4.6666666667rem; }
      .busSearchList > li .dzys div:nth-child(2) {
        width: 2.4rem; }
      .busSearchList > li .dzys div:nth-child(3) {
        width: 1.3866666667rem;
        text-align: right; }
    .busSearchList > li .company {
      font-size: 0.32rem;
      display: flex;
      line-height: 0.72rem;
      padding: 0 0.2666666667rem; }
      .busSearchList > li .company .name {
        color: #7c7c7c;
        margin-right: 0.8rem; }
      .busSearchList > li .company .las {
        color: #7c7c7c; }

.busOrder {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .busOrder .position {
    font-size: 0.3733333333rem;
    background-color: #fff;
    line-height: 0.8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.1866666667rem;
    color: #9a9a9a;
    border-radius: 0.1333333333rem 0.1333333333rem 0 0; }
    .busOrder .position li:nth-child(1) {
      color: #00355f; }
    .busOrder .position li:after {
      content: '>';
      display: inline-block;
      padding-left: 0.4rem; }
    .busOrder .position li:last-child:after {
      display: none; }
  .busOrder h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #43aae0;
    text-align: center; }
  .busOrder .DateCode {
    background-color: #fff;
    padding: 0.48rem 0.1333333333rem 0.4rem 0.2666666667rem;
    font-size: 0.48rem;
    border-bottom: 1px dashed #cececc;
    text-align: center; }
    .busOrder .DateCode .time {
      color: #232323;
      line-height: 0.48rem;
      margin-bottom: 0.1333333333rem; }
    .busOrder .DateCode .Code {
      font-size: 0.3733333333rem;
      color: #ff6600;
      line-height: 1;
      margin-bottom: 0.1333333333rem; }
  .busOrder .introduce {
    background-color: #fff;
    padding: 0.3733333333rem;
    font-size: 0.32rem;
    color: #14729e; }
    .busOrder .introduce .When {
      line-height: 0.48rem;
      display: flex;
      justify-content: space-between; }
      .busOrder .introduce .When .Timing {
        background: url(../images/shizhong.png) no-repeat;
        background-size: 0.2666666667rem 0.2666666667rem;
        padding-left: 0.3733333333rem;
        background-position-y: 0.0933333333rem;
        position: relative; }
        .busOrder .introduce .When .Timing:after {
          content: '';
          display: inline-block;
          width: 0.32rem;
          height: 1px;
          background-color: #14729e;
          position: absolute;
          right: -0.4533333333rem;
          top: 0.2666666667rem; }
        .busOrder .introduce .When .Timing:before {
          content: '';
          display: inline-block;
          width: 0.32rem;
          height: 1px;
          background-color: #14729e;
          position: absolute;
          left: -0.4533333333rem;
          top: 0.2666666667rem; }
      .busOrder .introduce .When span {
        font-size: 0.48rem; }
    .busOrder .introduce .journey {
      font-size: 0.32rem;
      color: #313131;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-bottom: 0.4rem; }
      .busOrder .introduce .journey .journeyTable {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
        .busOrder .introduce .journey .journeyTable a {
          color: #828282;
          border: 1px solid #dddddd;
          border-radius: 0.08rem;
          padding: 0.0533333333rem 0.2666666667rem; }
  .busOrder .Refundpolicy {
    font-size: 0.32rem;
    background-color: #fff;
    padding: 0.3733333333rem 0.4rem 0;
    margin-top: 0.2666666667rem; }
    .busOrder .Refundpolicy h3 {
      color: #dfb200;
      margin-bottom: 0.1333333333rem;
      line-height: 1; }
    .busOrder .Refundpolicy .FRAR {
      line-height: 0.3733333333rem;
      color: #383838;
      overflow: hidden;
      height: 1.0133333333rem; }
    .busOrder .Refundpolicy .on {
      height: auto; }
    .busOrder .Refundpolicy #RPBtn {
      display: block;
      width: 0.3733333333rem;
      background-color: #fff;
      outline: none;
      border: none;
      height: 0.3733333333rem;
      background: url(../images/dsj.png) no-repeat;
      background-size: 100%;
      margin: 0.16rem auto 0;
      padding-bottom: 0.5333333333rem; }
  .busOrder .BaggageAllowance {
    font-size: 0.32rem;
    background-color: #fff;
    padding: 0.3733333333rem 0.4rem 0;
    margin-bottom: 0.4rem; }
    .busOrder .BaggageAllowance h3 {
      color: #dfb200;
      margin-bottom: 0.1333333333rem;
      line-height: 1; }
    .busOrder .BaggageAllowance .BAAR {
      line-height: 0.3733333333rem;
      color: #383838;
      overflow: hidden;
      height: 1.0133333333rem; }
    .busOrder .BaggageAllowance .on {
      height: auto; }
    .busOrder .BaggageAllowance #BABtn {
      display: block;
      width: 0.3733333333rem;
      background-color: #fff;
      outline: none;
      border: none;
      height: 0.3733333333rem;
      background: url(../images/dsj.png) no-repeat;
      background-size: 100%;
      margin: 0.16rem auto 0;
      padding-bottom: 0.5333333333rem; }
  .busOrder .CancellationPolicy {
    background-color: #fff;
    padding: 0 0.2666666667rem 0.3466666667rem 0.2666666667rem;
    font-size: 0.32rem;
    margin-bottom: 0.4266666667rem;
    box-sizing: border-box;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem; }
    .busOrder .CancellationPolicy .box {
      padding: 0.24rem 0.2133333333rem;
      border: 1px solid #e5e5e5;
      box-sizing: border-box;
      border-radius: 0.1333333333rem; }
      .busOrder .CancellationPolicy .box h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        color: #dfb200;
        margin-bottom: 0.1866666667rem; }
      .busOrder .CancellationPolicy .box ul {
        color: #383838;
        line-height: 0.4266666667rem; }
  .busOrder .ContactInformation {
    background-color: #fff;
    padding: 0.5333333333rem 0.32rem 0.72rem;
    box-sizing: border-box; }
    .busOrder .ContactInformation h4 {
      font-size: 0.48rem;
      color: #052f49;
      line-height: 1;
      margin-bottom: 0.6666666667rem; }
    .busOrder .ContactInformation p {
      font-size: 0.3733333333rem;
      color: #646464;
      line-height: 1;
      margin-bottom: 0.16rem; }
    .busOrder .ContactInformation > input {
      width: 100%;
      height: 0.96rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      margin-bottom: 0.4266666667rem;
      padding-left: 0.08rem;
      display: block;
      border: 1px solid #d7d6d6; }
    .busOrder .ContactInformation textarea {
      width: 100%;
      height: 3.7333333333rem;
      border: 1px solid #d7d6d6;
      font-size: 0.32rem;
      padding: 0.1333333333rem;
      box-sizing: border-box;
      resize: none; }
    .busOrder .ContactInformation .agree {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1; }
      .busOrder .ContactInformation .agree input {
        transform: translateY(0.0533333333rem); }
  .busOrder .Personal {
    background-color: #fff;
    margin-top: 0.4533333333rem;
    margin-bottom: 0.5333333333rem;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem; }
    .busOrder .Personal .PAD {
      font-size: 0.32rem;
      margin-bottom: 0.8rem; }
      .busOrder .Personal .PAD .title {
        font-size: 0.3733333333rem;
        color: #3d3d3d;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .busOrder .Personal .PAD label {
        display: block;
        width: 100%;
        line-height: 0.8rem;
        height: 0.8rem;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        color: #052f49;
        padding-left: 0.08rem;
        margin-bottom: 0.2133333333rem; }
        .busOrder .Personal .PAD label:last-child {
          margin-bottom: 0; }
        .busOrder .Personal .PAD label input {
          margin-right: 0.1333333333rem;
          transform: translateY(2px); }
    .busOrder .Personal .Passenger {
      font-size: 0.3733333333rem; }
      .busOrder .Personal .Passenger .title {
        font-size: 0.48rem;
        color: #385766;
        line-height: 1;
        margin-bottom: 0.5333333333rem; }
      .busOrder .Personal .Passenger input {
        display: block;
        width: 100%;
        height: 0.5866666667rem;
        box-sizing: border-box;
        border: none;
        margin-bottom: 0.4rem;
        line-height: 0.5866666667rem;
        border-bottom: 1px solid #efefe3; }
      .busOrder .Personal .Passenger #DOB {
        background: url(../images/rli.png) no-repeat;
        background-size: 0.48rem 0.5333333333rem;
        background-position: 2.5333333333rem 0; }
    .busOrder .Personal .AdditionsAndDeletions {
      display: flex;
      font-size: 0.3466666667rem;
      flex-wrap: wrap; }
      .busOrder .Personal .AdditionsAndDeletions li {
        width: 4rem;
        height: 0.9066666667rem;
        line-height: 0.9066666667rem;
        color: #fff;
        padding-left: 1.0666666667rem;
        box-sizing: border-box; }
      .busOrder .Personal .AdditionsAndDeletions .addA, .busOrder .Personal .AdditionsAndDeletions .addC {
        background: url(../images/add.png) no-repeat;
        background-size: 3.3333333333rem 100%;
        margin-bottom: 0.4533333333rem; }
      .busOrder .Personal .AdditionsAndDeletions .dele {
        background: url(../images/dele.png) no-repeat;
        background-size: 3.3333333333rem 100%; }
  .busOrder .DDBookingPolicy {
    padding: 0 0 0.5333333333rem;
    box-sizing: border-box;
    padding-left: 0.9333333333rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    margin-top: 0.96rem;
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #065c91; }
    .busOrder .DDBookingPolicy h5 {
      line-height: 0.72rem; }
    .busOrder .DDBookingPolicy a {
      color: #017bc6; }
  .busOrder .Settlement .calculated {
    display: none;
    padding: 0.4rem 0.32rem 0.6133333333rem;
    font-size: 0.32rem;
    border-radius: 0.2133333333rem 0.2133333333rem 0 0;
    overflow: hidden;
    background-color: #fff; }
    .busOrder .Settlement .calculated .top {
      padding-left: 0.88rem;
      background: url(../images/bi.png) no-repeat;
      background-size: 0.6933333333rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.48rem;
      color: #ff640f;
      margin-bottom: 0.2666666667rem; }
    .busOrder .Settlement .calculated .Tour-Name {
      line-height: 0.48rem;
      color: #050505;
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .busOrder .Settlement .calculated .Tour-Code {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #515151;
      margin-bottom: 0.5333333333rem; }
    .busOrder .Settlement .calculated .Statistical {
      font-size: 0.3733333333rem;
      color: #343434;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #d1d1d1;
      margin-bottom: 0.2666666667rem; }
      .busOrder .Settlement .calculated .Statistical li {
        display: flex;
        justify-content: space-between; }
    .busOrder .Settlement .calculated .TOTAL {
      font-size: 0.48rem;
      color: #868483;
      text-align: right;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .busOrder .Settlement .calculated .TOTAL span {
        color: #ff5400; }
        .busOrder .Settlement .calculated .TOTAL span i {
          font-size: 0.96rem; }
    .busOrder .Settlement .calculated #Confirm {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }
  .busOrder .Settlement .Enter {
    background-color: #fff;
    border-radius: 0 0 0.2133333333rem 0.2133333333rem;
    overflow: hidden;
    padding: 0.2133333333rem 0.32rem 0.4533333333rem; }
    .busOrder .Settlement .Enter .overview {
      color: #ff9c00;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .busOrder .Settlement .Enter .overview .span1 {
        font-size: 0.8rem;
        margin: 0 0.2666666667rem; }
      .busOrder .Settlement .Enter .overview #Price {
        font-size: 0.32rem;
        color: #017bc6; }
    .busOrder .Settlement .Enter .submit button {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }

/*巴士=====================================================================================*/
/*机票=====================================================================================*/
.aircraftForm {
  width: 8.9333333333rem;
  margin: 0 auto;
  border: 1px solid #499ecf;
  box-sizing: border-box; }
  .aircraftForm h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #499ecf;
    text-align: center;
    margin-bottom: 0.2666666667rem; }
  .aircraftForm .form {
    padding: 0 0.1866666667rem 0.64rem; }
    .aircraftForm .form .top {
      justify-content: space-between;
      display: flex;
      margin-bottom: 0.4rem; }
      .aircraftForm .form .top .Destination {
        font-size: 0.3733333333rem;
        color: black; }
        .aircraftForm .form .top .Destination input {
          width: 3.68rem;
          height: 0.7733333333rem;
          box-sizing: border-box;
          font-size: 0.32rem;
          padding-left: 0.08rem; }
      .aircraftForm .form .top .exchange {
        width: 0.48rem;
        height: 0.4266666667rem;
        background: url(../images/zhuanhuan.png) no-repeat;
        background-size: 100% 100%;
        transform: translateY(0.5866666667rem); }
      .aircraftForm .form .top .Keyword {
        font-size: 0.3733333333rem;
        color: black; }
        .aircraftForm .form .top .Keyword input {
          font-size: 0.32rem;
          width: 3.68rem;
          height: 0.7733333333rem;
          box-sizing: border-box;
          padding-left: 0.08rem; }
    .aircraftForm .form .date {
      margin-bottom: 0.3733333333rem;
      justify-content: space-between;
      display: flex; }
      .aircraftForm .form .date .box {
        font-size: 0.3733333333rem;
        color: black;
        position: relative; }
        .aircraftForm .form .date .box input {
          width: 3.68rem;
          height: 0.7733333333rem;
          box-sizing: border-box;
          font-size: 0.32rem;
          padding-left: 0.08rem; }
        .aircraftForm .form .date .box span {
          position: absolute;
          bottom: 0.1333333333rem;
          right: 0.1333333333rem;
          background: url(../images/rli.png) no-repeat;
          width: 0.48rem;
          height: 0.5333333333rem;
          background-size: 100% 100%; }
    .aircraftForm .form .Children {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1;
      margin-bottom: 0.4rem; }
      .aircraftForm .form .Children input {
        transform: translateY(0.0533333333rem); }
    .aircraftForm .form .submit button {
      font-size: 0.48rem;
      color: #fff;
      background-color: #ff9c00;
      display: block;
      border-radius: 0.4rem;
      width: 100%;
      line-height: 0.9066666667rem;
      text-align: center;
      outline: none;
      border: none; }

.datePrice {
  width: 8.9333333333rem;
  margin: 0 auto 0.48rem;
  background-color: #0169a9;
  padding: 0 0.2133333333rem 0.2133333333rem;
  box-sizing: border-box;
  position: relative; }
  .datePrice h3 {
    line-height: 1.0133333333rem;
    font-size: 0.3733333333rem;
    color: #fff;
    text-align: center; }
  .datePrice .box {
    width: 7.8666666667rem;
    display: flex; }
    .datePrice .box li {
      padding: 0.08rem 0;
      width: 25%;
      text-align: center;
      border-radius: 0.08rem; }
      .datePrice .box li p {
        font-size: 0.32rem;
        color: #cfcfcf;
        line-height: 0.4266666667rem; }
    .datePrice .box .on {
      background-color: #f0f0f0; }
      .datePrice .box .on p {
        color: #00436d; }
  .datePrice .more {
    background: url(../images/morerli.png) no-repeat;
    width: 0.56rem;
    height: 0.9333333333rem;
    background-size: 100%;
    position: absolute;
    right: 0.2666666667rem;
    top: 1.12rem; }

.aircraftSearchList {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .aircraftSearchList li {
    background-color: #fff;
    margin-bottom: 0.4533333333rem; }
    .aircraftSearchList li .sjjg {
      font-size: 0.48rem;
      color: #404040;
      display: flex;
      padding: 0 0.2133333333rem;
      line-height: 1;
      padding-top: 0.32rem; }
      .aircraftSearchList li .sjjg div:nth-child(1) {
        width: 1.8666666667rem; }
      .aircraftSearchList li .sjjg div:nth-child(2) {
        width: 2.6666666667rem;
        text-align: center;
        font-size: 0.32rem;
        color: #00355f;
        position: relative; }
        .aircraftSearchList li .sjjg div:nth-child(2):after {
          content: '';
          background: url(../images/cjt.png) no-repeat;
          display: block;
          width: 2.6666666667rem;
          height: 0.08rem;
          position: absolute;
          bottom: 0; }
      .aircraftSearchList li .sjjg div:nth-child(3) {
        width: 2.1333333333rem;
        text-align: center; }
      .aircraftSearchList li .sjjg div:nth-child(4) {
        text-align: center;
        font-size: 0.32rem;
        color: #f35b00; }
        .aircraftSearchList li .sjjg div:nth-child(4) i {
          font-size: 0.5333333333rem; }
    .aircraftSearchList li .dzys {
      padding: 0 0.2133333333rem;
      display: flex;
      color: #4a4a4a;
      font-size: 0.32rem;
      line-height: 1;
      margin-top: 0.2133333333rem;
      padding-bottom: 0.32rem;
      border-bottom: 1px solid #d8d8d8; }
      .aircraftSearchList li .dzys div:nth-child(1) {
        width: 1.8666666667rem; }
      .aircraftSearchList li .dzys div:nth-child(2) {
        width: 2.6666666667rem;
        text-align: center;
        transform: translateY(-0.08rem); }
      .aircraftSearchList li .dzys div:nth-child(3) {
        width: 2.1333333333rem;
        text-align: center; }
    .aircraftSearchList li .company {
      line-height: 0.72rem;
      font-size: 0.32rem;
      padding: 0 0.32rem;
      display: flex; }
      .aircraftSearchList li .company .img {
        width: 0.48rem;
        height: 0.48rem;
        transform: translateY(0.08rem);
        margin-right: 0.4rem; }
        .aircraftSearchList li .company .img img {
          width: 100%;
          height: 100%; }
      .aircraftSearchList li .company .name {
        color: #313131;
        margin-right: 0.4rem; }
      .aircraftSearchList li .company .las {
        color: #7c7c7c; }
    .aircraftSearchList li .select {
      display: none;
      font-size: 0.3733333333rem;
      line-height: 0.9333333333rem;
      color: #494949;
      padding: 0.2666666667rem 0.2666666667rem; }
      .aircraftSearchList li .select table {
        width: 100%; }
        .aircraftSearchList li .select table a {
          color: #fff;
          background-color: #017bc6;
          line-height: 0.56rem;
          display: block;
          width: 2.1333333333rem;
          text-align: center;
          border-radius: 0.08rem; }

.aircraftOrder {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .aircraftOrder .position {
    font-size: 0.3733333333rem;
    background-color: #fff;
    line-height: 0.8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.1866666667rem;
    color: #9a9a9a;
    border-radius: 0.1333333333rem 0.1333333333rem 0 0; }
    .aircraftOrder .position li:nth-child(1) {
      color: #00355f; }
    .aircraftOrder .position li:after {
      content: '>';
      display: inline-block;
      padding-left: 0.4rem; }
    .aircraftOrder .position li:last-child:after {
      display: none; }
  .aircraftOrder h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #43aae0;
    text-align: center; }
  .aircraftOrder .DateCode {
    background-color: #fff;
    padding: 0.48rem 0.1333333333rem 0.4rem 0.2666666667rem;
    font-size: 0.48rem;
    border-bottom: 1px dashed #cececc;
    text-align: center; }
    .aircraftOrder .DateCode .time {
      color: #232323;
      line-height: 0.48rem;
      margin-bottom: 0.1333333333rem; }
    .aircraftOrder .DateCode .Code {
      font-size: 0.3733333333rem;
      color: #ff6600;
      line-height: 1;
      margin-bottom: 0.1333333333rem; }
    .aircraftOrder .DateCode .getName {
      font-size: 0.32rem;
      color: #313131;
      box-sizing: border-box;
      line-height: 0.3466666667rem;
      height: 0.3466666667rem; }
      .aircraftOrder .DateCode .getName .logo {
        display: inline-block;
        width: 0.4rem;
        height: 0.3466666667rem;
        margin-right: 0.0533333333rem; }
        .aircraftOrder .DateCode .getName .logo img {
          width: 100%;
          height: 100%; }
  .aircraftOrder .introduce {
    background-color: #fff;
    padding: 0.3733333333rem;
    font-size: 0.32rem;
    color: #14729e; }
    .aircraftOrder .introduce .When {
      line-height: 0.48rem;
      display: flex;
      justify-content: space-between; }
      .aircraftOrder .introduce .When .Timing {
        background: url(../images/shizhong.png) no-repeat;
        background-size: 0.2666666667rem 0.2666666667rem;
        padding-left: 0.3733333333rem;
        background-position-y: 0.0933333333rem;
        position: relative; }
        .aircraftOrder .introduce .When .Timing:after {
          content: '';
          display: inline-block;
          width: 0.32rem;
          height: 1px;
          background-color: #14729e;
          position: absolute;
          right: -0.4533333333rem;
          top: 0.2666666667rem; }
        .aircraftOrder .introduce .When .Timing:before {
          content: '';
          display: inline-block;
          width: 0.32rem;
          height: 1px;
          background-color: #14729e;
          position: absolute;
          left: -0.4533333333rem;
          top: 0.2666666667rem; }
      .aircraftOrder .introduce .When span {
        font-size: 0.48rem; }
    .aircraftOrder .introduce .journey {
      font-size: 0.32rem;
      color: #313131;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-bottom: 0.4rem; }
      .aircraftOrder .introduce .journey .journeyTable {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
        .aircraftOrder .introduce .journey .journeyTable a {
          color: #828282;
          border: 1px solid #dddddd;
          border-radius: 0.08rem;
          padding: 0.0533333333rem 0.2666666667rem; }
    .aircraftOrder .introduce .Selects {
      text-align: center; }
      .aircraftOrder .introduce .Selects .box {
        display: inline-block;
        height: 0.6933333333rem;
        line-height: 0.6933333333rem;
        margin: 0 auto;
        background-color: #44a4e0;
        font-size: 0.3733333333rem;
        color: #fff;
        padding: 0 0.32rem; }
        .aircraftOrder .introduce .Selects .box span {
          font-size: 0.48rem;
          color: #e84200;
          margin-left: 0.9333333333rem; }
  .aircraftOrder .Refundpolicy {
    font-size: 0.32rem;
    background-color: #fff;
    padding: 0.3733333333rem 0.4rem 0;
    margin-top: 0.2666666667rem; }
    .aircraftOrder .Refundpolicy h3 {
      color: #dfb200;
      margin-bottom: 0.1333333333rem;
      line-height: 1; }
    .aircraftOrder .Refundpolicy .FRAR {
      line-height: 0.3733333333rem;
      color: #383838;
      overflow: hidden;
      height: 1.0133333333rem; }
    .aircraftOrder .Refundpolicy .on {
      height: auto; }
    .aircraftOrder .Refundpolicy #RPBtn {
      display: block;
      width: 0.3733333333rem;
      background-color: #fff;
      outline: none;
      border: none;
      height: 0.3733333333rem;
      background: url(../images/dsj.png) no-repeat;
      background-size: 100%;
      margin: 0.16rem auto 0;
      padding-bottom: 0.5333333333rem; }
  .aircraftOrder .BaggageAllowance {
    font-size: 0.32rem;
    background-color: #fff;
    padding: 0.3733333333rem 0.4rem 0;
    margin-bottom: 0.4rem; }
    .aircraftOrder .BaggageAllowance h3 {
      color: #dfb200;
      margin-bottom: 0.1333333333rem;
      line-height: 1; }
    .aircraftOrder .BaggageAllowance .BAAR {
      line-height: 0.3733333333rem;
      color: #383838;
      overflow: hidden;
      height: 1.0133333333rem; }
    .aircraftOrder .BaggageAllowance .on {
      height: auto; }
    .aircraftOrder .BaggageAllowance #BABtn {
      display: block;
      width: 0.3733333333rem;
      background-color: #fff;
      outline: none;
      border: none;
      height: 0.3733333333rem;
      background: url(../images/dsj.png) no-repeat;
      background-size: 100%;
      margin: 0.16rem auto 0;
      padding-bottom: 0.5333333333rem; }
  .aircraftOrder .CancellationPolicy {
    background-color: #fff;
    padding: 0 0.2666666667rem 0.3466666667rem 0.2666666667rem;
    font-size: 0.32rem;
    margin-bottom: 0.4266666667rem;
    box-sizing: border-box;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem; }
    .aircraftOrder .CancellationPolicy .box {
      padding: 0.24rem 0.2133333333rem;
      border: 1px solid #e5e5e5;
      box-sizing: border-box;
      border-radius: 0.1333333333rem; }
      .aircraftOrder .CancellationPolicy .box h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        color: #dfb200;
        margin-bottom: 0.1866666667rem; }
      .aircraftOrder .CancellationPolicy .box ul {
        color: #383838;
        line-height: 0.4266666667rem; }
  .aircraftOrder .ContactInformation {
    background-color: #fff;
    padding: 0.5333333333rem 0.32rem 0.72rem;
    box-sizing: border-box; }
    .aircraftOrder .ContactInformation h4 {
      font-size: 0.48rem;
      color: #052f49;
      line-height: 1;
      margin-bottom: 0.6666666667rem; }
    .aircraftOrder .ContactInformation p {
      font-size: 0.3733333333rem;
      color: #646464;
      line-height: 1;
      margin-bottom: 0.16rem; }
    .aircraftOrder .ContactInformation > input {
      width: 100%;
      height: 0.96rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      margin-bottom: 0.4266666667rem;
      padding-left: 0.08rem;
      display: block;
      border: 1px solid #d7d6d6; }
    .aircraftOrder .ContactInformation textarea {
      width: 100%;
      height: 3.7333333333rem;
      border: 1px solid #d7d6d6;
      font-size: 0.32rem;
      padding: 0.1333333333rem;
      box-sizing: border-box;
      resize: none; }
    .aircraftOrder .ContactInformation .agree {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1; }
      .aircraftOrder .ContactInformation .agree input {
        transform: translateY(0.0533333333rem); }
  .aircraftOrder .Personal {
    background-color: #fff;
    margin-top: 0.4533333333rem;
    margin-bottom: 0.5333333333rem;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem; }
    .aircraftOrder .Personal .PAD {
      font-size: 0.32rem;
      margin-bottom: 0.8rem; }
      .aircraftOrder .Personal .PAD .title {
        font-size: 0.3733333333rem;
        color: #3d3d3d;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .aircraftOrder .Personal .PAD label {
        display: block;
        width: 100%;
        line-height: 0.8rem;
        height: 0.8rem;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        color: #052f49;
        padding-left: 0.08rem;
        margin-bottom: 0.2133333333rem; }
        .aircraftOrder .Personal .PAD label:last-child {
          margin-bottom: 0; }
        .aircraftOrder .Personal .PAD label input {
          margin-right: 0.1333333333rem;
          transform: translateY(2px); }
    .aircraftOrder .Personal .Passenger {
      font-size: 0.3733333333rem; }
      .aircraftOrder .Personal .Passenger .title {
        font-size: 0.48rem;
        color: #385766;
        line-height: 1;
        margin-bottom: 0.5333333333rem; }
      .aircraftOrder .Personal .Passenger input {
        display: block;
        width: 100%;
        height: 0.5866666667rem;
        box-sizing: border-box;
        border: none;
        margin-bottom: 0.4rem;
        line-height: 0.5866666667rem;
        border-bottom: 1px solid #efefe3; }
      .aircraftOrder .Personal .Passenger #DOB {
        background: url(../images/rli.png) no-repeat;
        background-size: 0.48rem 0.5333333333rem;
        background-position: 2.5333333333rem 0; }
    .aircraftOrder .Personal .AdditionsAndDeletions {
      display: flex;
      font-size: 0.3466666667rem;
      flex-wrap: wrap; }
      .aircraftOrder .Personal .AdditionsAndDeletions li {
        width: 4rem;
        height: 0.9066666667rem;
        line-height: 0.9066666667rem;
        color: #fff;
        padding-left: 1.0666666667rem;
        box-sizing: border-box; }
      .aircraftOrder .Personal .AdditionsAndDeletions .addA, .aircraftOrder .Personal .AdditionsAndDeletions .addC {
        background: url(../images/add.png) no-repeat;
        background-size: 3.3333333333rem 100%;
        margin-bottom: 0.4533333333rem; }
      .aircraftOrder .Personal .AdditionsAndDeletions .dele {
        background: url(../images/dele.png) no-repeat;
        background-size: 3.3333333333rem 100%; }
  .aircraftOrder .DDBookingPolicy {
    padding: 0 0 0.5333333333rem;
    box-sizing: border-box;
    padding-left: 0.9333333333rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    margin-top: 0.96rem;
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #065c91; }
    .aircraftOrder .DDBookingPolicy h5 {
      line-height: 0.72rem; }
    .aircraftOrder .DDBookingPolicy a {
      color: #017bc6; }
  .aircraftOrder .Settlement .calculated {
    display: none;
    padding: 0.4rem 0.32rem 0.6133333333rem;
    font-size: 0.32rem;
    border-radius: 0.2133333333rem 0.2133333333rem 0 0;
    overflow: hidden;
    background-color: #fff; }
    .aircraftOrder .Settlement .calculated .top {
      padding-left: 0.88rem;
      background: url(../images/bi.png) no-repeat;
      background-size: 0.6933333333rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.48rem;
      color: #ff640f;
      margin-bottom: 0.2666666667rem; }
    .aircraftOrder .Settlement .calculated .Tour-Name {
      line-height: 0.48rem;
      color: #050505;
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .aircraftOrder .Settlement .calculated .Tour-Code {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #515151;
      margin-bottom: 0.5333333333rem; }
    .aircraftOrder .Settlement .calculated .Statistical {
      font-size: 0.3733333333rem;
      color: #343434;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #d1d1d1;
      margin-bottom: 0.2666666667rem; }
      .aircraftOrder .Settlement .calculated .Statistical li {
        display: flex;
        justify-content: space-between; }
    .aircraftOrder .Settlement .calculated .TOTAL {
      font-size: 0.48rem;
      color: #868483;
      text-align: right;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .aircraftOrder .Settlement .calculated .TOTAL span {
        color: #ff5400; }
        .aircraftOrder .Settlement .calculated .TOTAL span i {
          font-size: 0.96rem; }
    .aircraftOrder .Settlement .calculated #Confirm {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }
  .aircraftOrder .Settlement .Enter {
    background-color: #fff;
    border-radius: 0 0 0.2133333333rem 0.2133333333rem;
    overflow: hidden;
    padding: 0.2133333333rem 0.32rem 0.4533333333rem; }
    .aircraftOrder .Settlement .Enter .overview {
      color: #ff9c00;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .aircraftOrder .Settlement .Enter .overview .span1 {
        font-size: 0.8rem;
        margin: 0 0.2666666667rem; }
      .aircraftOrder .Settlement .Enter .overview #Price {
        font-size: 0.32rem;
        color: #017bc6; }
    .aircraftOrder .Settlement .Enter .submit button {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }

/*机票=====================================================================================*/
/*酒店=====================================================================================*/
.hotelForm {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  border: 1px solid #499ecf;
  box-sizing: border-box; }
  .hotelForm h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #499ecf;
    text-align: center;
    margin-bottom: 0.2666666667rem; }
  .hotelForm .form {
    padding: 0 0.1866666667rem 0.64rem; }
    .hotelForm .form .top {
      justify-content: space-between;
      display: flex;
      margin-bottom: 0.4rem; }
      .hotelForm .form .top .Destination {
        font-size: 0.3733333333rem;
        color: black; }
        .hotelForm .form .top .Destination input {
          width: 3.68rem;
          height: 0.7733333333rem;
          box-sizing: border-box;
          font-size: 0.32rem;
          padding-left: 0.08rem; }
      .hotelForm .form .top .exchange {
        width: 0.48rem;
        height: 0.4266666667rem;
        background: url(../images/zhuanhuan.png) no-repeat;
        background-size: 100% 100%;
        transform: translateY(0.5866666667rem); }
      .hotelForm .form .top .Keyword {
        font-size: 0.3733333333rem;
        color: black; }
        .hotelForm .form .top .Keyword input {
          font-size: 0.32rem;
          width: 3.68rem;
          height: 0.7733333333rem;
          box-sizing: border-box;
          padding-left: 0.08rem; }
    .hotelForm .form .date {
      margin-bottom: 0.3733333333rem;
      justify-content: space-between;
      display: flex; }
      .hotelForm .form .date .box {
        font-size: 0.3733333333rem;
        color: black;
        position: relative; }
        .hotelForm .form .date .box input {
          width: 3.68rem;
          height: 0.7733333333rem;
          box-sizing: border-box;
          font-size: 0.32rem;
          padding-left: 0.08rem; }
        .hotelForm .form .date .box span {
          position: absolute;
          bottom: 0.1333333333rem;
          right: 0.1333333333rem;
          background: url(../images/rli.png) no-repeat;
          width: 0.48rem;
          height: 0.5333333333rem;
          background-size: 100% 100%; }
    .hotelForm .form .Children {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1;
      margin-bottom: 0.4rem; }
      .hotelForm .form .Children input {
        transform: translateY(0.0533333333rem); }
    .hotelForm .form .submit button {
      font-size: 0.48rem;
      color: #fff;
      background-color: #ff9c00;
      display: block;
      border-radius: 0.4rem;
      width: 100%;
      line-height: 0.9066666667rem;
      text-align: center;
      outline: none;
      border: none; }

.PopularHotel1 {
  width: 8.9333333333rem;
  margin: 0.6666666667rem auto 0.8rem; }
  .PopularHotel1 h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    line-height: 1;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.4rem; }
  .PopularHotel1 .nav {
    font-size: 0.32rem;
    line-height: 0.48rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d5d5d5;
    box-sizing: border-box;
    margin-bottom: 0.4533333333rem; }
    .PopularHotel1 .nav li a {
      color: #484848; }
    .PopularHotel1 .nav .on a {
      color: #fff;
      padding: 0 0.24rem;
      background-color: #017bc6;
      border-radius: 0.0533333333rem; }
  .PopularHotel1 .contentList > li {
    padding-bottom: 0.32rem;
    border-bottom: 1px dashed #b0b0ad;
    margin-bottom: 0.6666666667rem; }
    .PopularHotel1 .contentList > li .box {
      display: flex; }
      .PopularHotel1 .contentList > li .box .img {
        width: 3.68rem;
        height: 2.5066666667rem;
        position: relative;
        margin-right: 0.2666666667rem; }
        .PopularHotel1 .contentList > li .box .img img {
          width: 100%;
          height: 100%; }
        .PopularHotel1 .contentList > li .box .img .star {
          display: flex;
          position: absolute;
          left: 0.1333333333rem;
          bottom: 0.1333333333rem; }
          .PopularHotel1 .contentList > li .box .img .star li {
            width: 0.3466666667rem;
            height: 0.3466666667rem;
            background: url(../images/xing.png) no-repeat;
            background-size: 100%; }
      .PopularHotel1 .contentList > li .box .text {
        width: 4.9333333333rem;
        line-height: 1;
        font-size: 0.32rem; }
        .PopularHotel1 .contentList > li .box .text h3 {
          font-size: 0.3733333333rem;
          color: #1d1d1d;
          line-height: 1;
          padding: 0.1333333333rem 0 0.2133333333rem; }
        .PopularHotel1 .contentList > li .box .text .typeORscore {
          margin-bottom: 0.2133333333rem; }
          .PopularHotel1 .contentList > li .box .text .typeORscore span:nth-child(1) {
            color: #ff4e00;
            margin-right: 0.3733333333rem; }
          .PopularHotel1 .contentList > li .box .text .typeORscore span:nth-child(2) {
            color: #008fea; }
        .PopularHotel1 .contentList > li .box .text .synopsis {
          color: #1d1d1d;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          margin-bottom: 0.1333333333rem; }
        .PopularHotel1 .contentList > li .box .text .USD {
          text-align: right;
          color: #383838; }
          .PopularHotel1 .contentList > li .box .text .USD span {
            margin-left: 0.2133333333rem;
            color: #f00000; }
            .PopularHotel1 .contentList > li .box .text .USD span i {
              font-size: 0.48rem; }
  .PopularHotel1 .page {
    text-align: center;
    font-size: 0.3733333333rem;
    margin-top: 0.4rem; }
    .PopularHotel1 .page a {
      color: #626262;
      line-height: 1;
      padding: 0.1066666667rem 0.2133333333rem;
      margin: 0 0.1333333333rem;
      border-radius: 0.08rem; }
    .PopularHotel1 .page .pageOn {
      background-color: #01a3c6;
      color: #fff; }

.hotelListForm {
  width: 8.9333333333rem;
  margin: 0.48rem auto 0.6666666667rem;
  background-color: #fff;
  border: 1px solid #bcbcbb;
  box-sizing: border-box;
  padding: 0 0.1866666667rem 0.6133333333rem; }
  .hotelListForm h2 {
    padding: 0.32rem 0;
    line-height: 1;
    margin-bottom: 0.32rem;
    text-align: center;
    border-bottom: 2px solid #efefe4; }
    .hotelListForm h2 p:nth-child(1) {
      font-size: 0.32rem;
      color: #959595;
      margin-bottom: 0.2666666667rem; }
    .hotelListForm h2 p:nth-child(2) {
      font-size: 0.48rem;
      color: #2a2a2a; }
  .hotelListForm .date {
    margin-bottom: 0.3733333333rem;
    justify-content: space-between;
    display: flex; }
    .hotelListForm .date .box {
      font-size: 0.3733333333rem;
      color: black;
      position: relative; }
      .hotelListForm .date .box input {
        width: 3.68rem;
        height: 0.7733333333rem;
        box-sizing: border-box;
        font-size: 0.32rem;
        padding-left: 0.08rem; }
      .hotelListForm .date .box span {
        position: absolute;
        bottom: 0.1333333333rem;
        right: 0.1333333333rem;
        background: url(../images/rli.png) no-repeat;
        width: 0.48rem;
        height: 0.5333333333rem;
        background-size: 100% 100%; }
  .hotelListForm .Keyword {
    font-size: 0.3733333333rem;
    color: black;
    line-height: 1.3;
    margin-bottom: 0.48rem; }
    .hotelListForm .Keyword input {
      width: 100%;
      height: 0.7733333333rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      padding-left: 0.08rem; }
  .hotelListForm .submit button {
    font-size: 0.48rem;
    color: #fff;
    background-color: #ff9c00;
    display: block;
    border-radius: 0.4rem;
    width: 100%;
    line-height: 0.9066666667rem;
    text-align: center;
    outline: none;
    border: none; }

.hotelList {
  width: 8.9333333333rem;
  margin: 0 auto 0.9333333333rem; }
  .hotelList .nav {
    position: relative;
    margin-bottom: 0.4rem; }
    .hotelList .nav .class {
      display: flex;
      font-size: 0.3733333333rem;
      justify-content: space-between;
      color: #4e4e4e; }
      .hotelList .nav .class li i {
        display: inline-block;
        width: 0.2666666667rem;
        height: 0.2666666667rem;
        margin-left: 0.1333333333rem;
        background: url(../images/sanjiao.png) no-repeat;
        background-size: 100% 100%; }
    .hotelList .nav .classify {
      width: 100%;
      font-size: 0.3733333333rem;
      position: absolute;
      top: 0.6666666667rem;
      z-index: 1000;
      line-height: 0.5333333333rem;
      background-color: #efefe3; }
      .hotelList .nav .classify .box {
        display: none;
        padding: 0.1333333333rem 0.1333333333rem 0.4rem; }
        .hotelList .nav .classify .box li a {
          color: #4e4e4e; }
  .hotelList .contentList > li {
    padding-bottom: 0.32rem;
    border-bottom: 1px dashed #b0b0ad;
    margin-bottom: 0.6666666667rem; }
    .hotelList .contentList > li .box {
      display: flex; }
      .hotelList .contentList > li .box .img {
        width: 3.68rem;
        height: 2.5066666667rem;
        position: relative;
        margin-right: 0.2666666667rem; }
        .hotelList .contentList > li .box .img img {
          width: 100%;
          height: 100%; }
        .hotelList .contentList > li .box .img .star {
          display: flex;
          position: absolute;
          left: 0.1333333333rem;
          bottom: 0.1333333333rem; }
          .hotelList .contentList > li .box .img .star li {
            width: 0.3466666667rem;
            height: 0.3466666667rem;
            background: url(../images/xing.png) no-repeat;
            background-size: 100%; }
      .hotelList .contentList > li .box .text {
        width: 4.9333333333rem;
        line-height: 1;
        font-size: 0.32rem; }
        .hotelList .contentList > li .box .text h3 {
          font-size: 0.3733333333rem;
          color: #1d1d1d;
          line-height: 1;
          padding: 0.1333333333rem 0 0.2133333333rem; }
        .hotelList .contentList > li .box .text .typeORscore {
          margin-bottom: 0.2133333333rem; }
          .hotelList .contentList > li .box .text .typeORscore span:nth-child(1) {
            color: #ff4e00;
            margin-right: 0.3733333333rem; }
          .hotelList .contentList > li .box .text .typeORscore span:nth-child(2) {
            color: #008fea; }
        .hotelList .contentList > li .box .text .synopsis {
          color: #1d1d1d;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          margin-bottom: 0.1333333333rem; }
        .hotelList .contentList > li .box .text .USD {
          text-align: right;
          color: #383838; }
          .hotelList .contentList > li .box .text .USD span {
            margin-left: 0.2133333333rem;
            color: #f00000; }
            .hotelList .contentList > li .box .text .USD span i {
              font-size: 0.48rem; }
  .hotelList .page {
    text-align: center;
    font-size: 0.3733333333rem;
    margin-top: 0.4rem; }
    .hotelList .page a {
      color: #626262;
      line-height: 1;
      padding: 0.1066666667rem 0.2133333333rem;
      margin: 0 0.1333333333rem;
      border-radius: 0.08rem; }
    .hotelList .page .pageOn {
      background-color: #01a3c6;
      color: #fff; }

.hotelOrder {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .hotelOrder .position {
    font-size: 0.3733333333rem;
    background-color: #fff;
    line-height: 0.8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.1866666667rem;
    color: #9a9a9a;
    border-radius: 0.1333333333rem 0.1333333333rem 0 0; }
    .hotelOrder .position li:nth-child(1) {
      color: #00355f; }
    .hotelOrder .position li:after {
      content: '>';
      display: inline-block;
      padding-left: 0.4rem; }
    .hotelOrder .position li:last-child:after {
      display: none; }
  .hotelOrder h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #43aae0;
    text-align: center; }
  .hotelOrder .NameSite {
    background-color: #fff;
    padding: 0.48rem 0.1333333333rem 0.4rem 0.2666666667rem;
    font-size: 0.48rem;
    border-bottom: 1px dashed #cececc; }
    .hotelOrder .NameSite .name {
      color: #ec6e07;
      line-height: 0.48rem;
      margin-bottom: 0.3466666667rem; }
      .hotelOrder .NameSite .name span {
        font-size: 0.3733333333rem;
        color: #262626; }
    .hotelOrder .NameSite .site {
      font-size: 0.32rem;
      line-height: 0.3733333333rem;
      color: #9e9d9d; }
  .hotelOrder .introduce {
    background-color: #fff;
    padding: 0.3733333333rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #14729e; }
    .hotelOrder .introduce span {
      color: #373737; }
    .hotelOrder .introduce .USD {
      margin-left: 0.2666666667rem;
      color: #ff7200; }
      .hotelOrder .introduce .USD i {
        color: #4b4b4b; }
  .hotelOrder .quantity {
    background-color: #fff;
    padding: 0.2666666667rem;
    padding-bottom: 1px; }
    .hotelOrder .quantity li {
      margin-bottom: 0.6666666667rem;
      display: flex;
      justify-content: space-between;
      font-size: 0.3733333333rem; }
      .hotelOrder .quantity li .projectName p:nth-child(1) {
        white-space: nowrap;
        color: #282828;
        line-height: 0.64rem; }
      .hotelOrder .quantity li .projectName p:nth-child(2) {
        white-space: nowrap;
        color: #d93503;
        font-size: 0.4266666667rem;
        line-height: 0.48rem;
        margin-top: 0.16rem; }
      .hotelOrder .quantity li .num {
        text-align: right; }
        .hotelOrder .quantity li .num .adderSubtractor span {
          color: #b5b5b5;
          width: 0.48rem;
          height: 0.48rem;
          border: 1px solid #b5b5b5;
          text-align: center;
          line-height: 0.48rem;
          display: inline-block;
          box-sizing: border-box; }
        .hotelOrder .quantity li .num .adderSubtractor input {
          width: 0.8533333333rem;
          height: 0.64rem;
          box-sizing: border-box;
          text-align: center;
          border: 1px solid #b5b5b5;
          margin: 0 0.16rem;
          color: #1d8cf3; }
        .hotelOrder .quantity li .num .TotalPrice {
          white-space: nowrap;
          font-size: 0.3733333333rem;
          color: #14729e;
          line-height: 0.48rem;
          margin-top: 0.16rem; }
          .hotelOrder .quantity li .num .TotalPrice span {
            color: #ff5a00;
            font-size: 0.48rem; }
  .hotelOrder .CancellationPolicy {
    background-color: #fff;
    padding: 0 0.2666666667rem 0.3466666667rem 0.2666666667rem;
    font-size: 0.32rem;
    margin-bottom: 0.4266666667rem;
    box-sizing: border-box;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem; }
    .hotelOrder .CancellationPolicy .box {
      padding: 0.24rem 0.2133333333rem;
      border: 1px solid #e5e5e5;
      box-sizing: border-box;
      border-radius: 0.1333333333rem; }
      .hotelOrder .CancellationPolicy .box h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        color: #dfb200;
        margin-bottom: 0.1866666667rem; }
      .hotelOrder .CancellationPolicy .box ul {
        color: #383838;
        line-height: 0.4266666667rem; }
  .hotelOrder .Personal {
    background-color: #fff;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem;
    margin-bottom: 0.6666666667rem; }
    .hotelOrder .Personal .Passenger {
      font-size: 0.3733333333rem; }
      .hotelOrder .Personal .Passenger .title {
        font-size: 0.3733333333rem;
        color: #313131;
        line-height: 1;
        margin-bottom: 0.5333333333rem; }
      .hotelOrder .Personal .Passenger input {
        display: block;
        width: 100%;
        height: 0.5866666667rem;
        box-sizing: border-box;
        border: none;
        margin-bottom: 0.4rem;
        line-height: 0.5866666667rem;
        border-bottom: 1px solid #efefe3; }
    .hotelOrder .Personal .AdditionsAndDeletions {
      display: flex;
      font-size: 0.3466666667rem;
      flex-wrap: wrap; }
      .hotelOrder .Personal .AdditionsAndDeletions li {
        width: 4rem;
        height: 0.9066666667rem;
        line-height: 0.9066666667rem;
        color: #fff;
        padding-left: 1.0666666667rem;
        box-sizing: border-box; }
      .hotelOrder .Personal .AdditionsAndDeletions .addA, .hotelOrder .Personal .AdditionsAndDeletions .addC {
        background: url(../images/add.png) no-repeat;
        background-size: 3.3333333333rem 100%;
        margin-bottom: 0.4533333333rem; }
      .hotelOrder .Personal .AdditionsAndDeletions .dele {
        background: url(../images/dele.png) no-repeat;
        background-size: 3.3333333333rem 100%; }
  .hotelOrder .ContactInformation {
    background-color: #fff;
    padding: 0.5333333333rem 0.32rem 0.72rem;
    box-sizing: border-box; }
    .hotelOrder .ContactInformation h4 {
      font-size: 0.48rem;
      color: #052f49;
      line-height: 1;
      margin-bottom: 0.6666666667rem; }
    .hotelOrder .ContactInformation p {
      font-size: 0.3733333333rem;
      color: #646464;
      line-height: 1;
      margin-bottom: 0.16rem; }
    .hotelOrder .ContactInformation > input {
      width: 100%;
      height: 0.96rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      margin-bottom: 0.4266666667rem;
      padding-left: 0.08rem;
      display: block;
      border: 1px solid #d7d6d6; }
    .hotelOrder .ContactInformation textarea {
      width: 100%;
      height: 3.7333333333rem;
      border: 1px solid #d7d6d6;
      font-size: 0.32rem;
      padding: 0.1333333333rem;
      box-sizing: border-box;
      resize: none; }
    .hotelOrder .ContactInformation .agree {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1; }
      .hotelOrder .ContactInformation .agree input {
        transform: translateY(0.0533333333rem); }
  .hotelOrder .DDBookingPolicy {
    padding: 0 0 0.5333333333rem;
    box-sizing: border-box;
    padding-left: 0.9333333333rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    margin-top: 0.96rem;
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #065c91; }
    .hotelOrder .DDBookingPolicy h5 {
      line-height: 0.72rem; }
    .hotelOrder .DDBookingPolicy a {
      color: #017bc6; }
  .hotelOrder .Settlement .calculated {
    display: none;
    padding: 0.4rem 0.32rem 0.6133333333rem;
    font-size: 0.32rem;
    border-radius: 0.2133333333rem 0.2133333333rem 0 0;
    overflow: hidden;
    background-color: #fff; }
    .hotelOrder .Settlement .calculated .top {
      padding-left: 0.88rem;
      background: url(../images/bi.png) no-repeat;
      background-size: 0.6933333333rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.48rem;
      color: #ff640f;
      margin-bottom: 0.2666666667rem; }
    .hotelOrder .Settlement .calculated .Tour-Name {
      line-height: 0.48rem;
      color: #050505;
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .hotelOrder .Settlement .calculated .Tour-Code {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #515151;
      margin-bottom: 0.5333333333rem; }
    .hotelOrder .Settlement .calculated .Statistical {
      font-size: 0.3733333333rem;
      color: #343434;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #d1d1d1;
      margin-bottom: 0.2666666667rem; }
      .hotelOrder .Settlement .calculated .Statistical li {
        display: flex;
        justify-content: space-between; }
    .hotelOrder .Settlement .calculated .TOTAL {
      font-size: 0.48rem;
      color: #868483;
      text-align: right;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .hotelOrder .Settlement .calculated .TOTAL span {
        color: #ff5400; }
        .hotelOrder .Settlement .calculated .TOTAL span i {
          font-size: 0.96rem; }
    .hotelOrder .Settlement .calculated #Confirm {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }
  .hotelOrder .Settlement .Enter {
    background-color: #fff;
    border-radius: 0 0 0.2133333333rem 0.2133333333rem;
    overflow: hidden;
    padding: 0.2133333333rem 0.32rem 0.4533333333rem; }
    .hotelOrder .Settlement .Enter .overview {
      color: #ff9c00;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .hotelOrder .Settlement .Enter .overview .span1 {
        font-size: 0.8rem;
        margin: 0 0.2666666667rem; }
      .hotelOrder .Settlement .Enter .overview #Price {
        font-size: 0.32rem;
        color: #017bc6; }
    .hotelOrder .Settlement .Enter .submit button {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }

.hotelDetails {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .hotelDetails .img {
    width: 100%;
    height: 5.2533333333rem;
    position: relative; }
    .hotelDetails .img > img {
      width: 100%;
      height: 100%; }
    .hotelDetails .img .grade {
      position: absolute;
      display: flex;
      left: 0.2666666667rem;
      bottom: 0.32rem; }
      .hotelDetails .img .grade li {
        margin-right: 0.1333333333rem; }
        .hotelDetails .img .grade li img {
          width: 0.5333333333rem;
          height: 0.5333333333rem; }
  .hotelDetails .introduce {
    background-color: #fff; }
    .hotelDetails .introduce h2 {
      font-size: 0.4266666667rem;
      padding-top: 0.32rem;
      margin-bottom: 0.4rem;
      color: #272727; }
    .hotelDetails .introduce .Score {
      padding-left: 0.1333333333rem;
      font-size: 0.32rem;
      padding-bottom: 0.2666666667rem;
      border-bottom: 1px dashed #c7c7c7;
      margin-bottom: 0.2666666667rem; }
      .hotelDetails .introduce .Score span {
        display: inline-block;
        margin-right: 0.2666666667rem; }
      .hotelDetails .introduce .Score .span1 {
        color: #ff6600; }
        .hotelDetails .introduce .Score .span1 i {
          font-size: 0.48rem; }
      .hotelDetails .introduce .Score a {
        display: inline-block;
        color: #0084ff;
        text-decoration: underline; }
    .hotelDetails .introduce .position .positionA {
      display: flex;
      padding-left: 0.1333333333rem;
      padding-right: 0.1333333333rem;
      padding-bottom: 0.2666666667rem;
      margin-bottom: 0.3733333333rem; }
      .hotelDetails .introduce .position .positionA .dizhitu {
        width: 0.56rem;
        height: 0.6666666667rem;
        margin-right: 0.2133333333rem; }
      .hotelDetails .introduce .position .positionA .text {
        font-size: 0.32rem;
        color: #424242;
        word-wrap: break-word; }
      .hotelDetails .introduce .position .positionA .map {
        width: 1.92rem;
        height: 0.9066666667rem;
        margin-left: 0.2133333333rem; }
  .hotelDetails .classify {
    margin-bottom: 0.4533333333rem;
    background-color: #fff;
    padding-bottom: 0.48rem;
    margin-bottom: 0.4533333333rem; }
    .hotelDetails .classify li {
      border-bottom: 1px solid #bbbbbb;
      padding-top: 0.6666666667rem;
      padding: 0.6666666667rem 0.1333333333rem 0.4rem; }
      .hotelDetails .classify li a {
        display: block; }
        .hotelDetails .classify li a .classifyBox {
          display: flex; }
          .hotelDetails .classify li a .classifyBox .img {
            width: 2.0533333333rem;
            height: 3.04rem;
            margin-right: 0.5333333333rem; }
            .hotelDetails .classify li a .classifyBox .img img {
              width: 100%;
              height: 100%; }
          .hotelDetails .classify li a .classifyBox .text {
            width: 6.0533333333rem;
            font-size: 0.32rem; }
            .hotelDetails .classify li a .classifyBox .text h3 {
              font-size: 0.3733333333rem;
              color: #14729e;
              line-height: 1;
              margin-bottom: 0.16rem; }
            .hotelDetails .classify li a .classifyBox .text .area {
              color: #9c9c9c;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              margin-bottom: 0.1866666667rem; }
            .hotelDetails .classify li a .classifyBox .text .breakfast {
              color: #555555;
              word-wrap: break-word;
              padding-bottom: 0.16rem;
              border-bottom: 1px dashed lightgray;
              margin-bottom: 0.1333333333rem; }
            .hotelDetails .classify li a .classifyBox .text .price {
              text-align: right;
              padding-right: 0.1333333333rem;
              color: #555555; }
              .hotelDetails .classify li a .classifyBox .text .price .p1 {
                color: red; }
                .hotelDetails .classify li a .classifyBox .text .price .p1 span {
                  font-size: 0.48rem; }
  .hotelDetails .about {
    background-color: #fff;
    font-size: 0.32rem;
    line-height: 1.3;
    color: #494949;
    padding: 0.3733333333rem 0.1333333333rem 0.4rem 0.16rem;
    margin-bottom: 0.4rem; }
    .hotelDetails .about h3 {
      font-size: 0.4266666667rem;
      color: #272727;
      padding-bottom: 0.1333333333rem;
      border-bottom: 1px dashed #b4b4b4;
      margin-bottom: 0.1333333333rem; }
      .hotelDetails .about h3 span {
        color: #14729e; }
    .hotelDetails .about .aboutD {
      margin-bottom: 0.2666666667rem; }
    .hotelDetails .about .time {
      color: #14729e;
      margin-bottom: 0.32rem; }
    .hotelDetails .about .facility {
      padding-bottom: 0.16rem;
      border-bottom: 1px solid #efefe3;
      margin-bottom: 0.16rem; }
    .hotelDetails .about .serve {
      padding-bottom: 0.16rem;
      border-bottom: 1px solid #efefe3;
      margin-bottom: 0.16rem; }
    .hotelDetails .about .require {
      padding-bottom: 0.16rem;
      border-bottom: 1px solid #efefe3;
      margin-bottom: 0.16rem; }

.comment {
  width: 8.9333333333rem;
  margin: 0 auto;
  padding: 0 0.2133333333rem;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 0.72rem; }
  .comment .grade {
    display: flex;
    font-size: 0.32rem;
    padding-top: 0.4533333333rem;
    padding-bottom: 0.4rem;
    color: #323232; }
    .comment .grade .l {
      width: 50%;
      border-right: 1px solid #c6c6c6;
      box-sizing: border-box; }
      .comment .grade .l .p1 {
        font-size: 0.64rem;
        color: #ff3d00;
        margin-bottom: 0.08rem; }
    .comment .grade .r {
      width: 50%;
      text-align: right; }
      .comment .grade .r p {
        margin-bottom: 0.1866666667rem; }
      .comment .grade .r a {
        display: inline-block;
        color: #fff;
        background-color: #0090ff;
        padding: 0.1066666667rem 0.32rem 0.1333333333rem 0.6666666667rem; }
  .comment .welfare {
    font-size: 0.32rem;
    line-height: 1.3;
    padding-bottom: 0.32rem;
    border-bottom: 1px dashed #b4b4b4; }
    .comment .welfare span {
      color: #ff5400; }
      .comment .welfare span:nth-child(2) {
        color: #e20000; }
  .comment .commentNav {
    font-size: 0.3733333333rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0.4533333333rem;
    margin-bottom: 0.2666666667rem; }
    .comment .commentNav li {
      margin-right: 0.6666666667rem;
      margin-bottom: 0.2666666667rem; }
      .comment .commentNav li:last-child a {
        color: #14729e; }
      .comment .commentNav li a {
        color: #2a2a2a; }
        .comment .commentNav li a .on {
          background: url(../images/juyuandian.png) no-repeat; }
        .comment .commentNav li a i {
          display: inline-block;
          width: 0.2666666667rem;
          height: 0.2666666667rem;
          background: url(../images/huiyuandian.png) no-repeat;
          background-size: 100%;
          margin-right: 0.1333333333rem; }
  .comment .commentC li {
    padding-top: 0.5333333333rem;
    padding-bottom: 0.5866666667rem;
    border-bottom: 1px solid #efefe3; }
    .comment .commentC li .top {
      display: flex;
      position: relative; }
      .comment .commentC li .top .portrait {
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 0.3466666667rem; }
        .comment .commentC li .top .portrait a {
          /* display: block;*/ }
          .comment .commentC li .top .portrait a img {
            width: 100%;
            height: 100%; }
      .comment .commentC li .top .name {
        padding-top: 0.1333333333rem; }
        .comment .commentC li .top .name h3 {
          line-height: 1;
          font-size: 0.3733333333rem;
          margin-bottom: 0.24rem; }
          .comment .commentC li .top .name h3 a {
            color: #373737; }
        .comment .commentC li .top .name .grades {
          display: flex;
          padding-left: 0.08rem; }
          .comment .commentC li .top .name .grades span {
            display: block;
            width: 0.32rem;
            height: 0.32rem;
            margin-right: 0.0533333333rem; }
            .comment .commentC li .top .name .grades span img {
              width: 100%;
              height: 100%; }
      .comment .commentC li .top .dete {
        font-size: 0.32rem;
        position: absolute;
        right: 0;
        padding-top: 0.3733333333rem;
        text-align: right; }
        .comment .commentC li .top .dete .combo {
          line-height: 1;
          margin-bottom: 0.1066666667rem; }
          .comment .commentC li .top .dete .combo a {
            color: #0090ff; }
        .comment .commentC li .top .dete .deteD {
          color: #6c6c6c; }
    .comment .commentC li .commentCBox .commentContent {
    
      color: #353535;
      padding: 0.2666666667rem;
     }
    .comment .commentC li .commentCBox .commentCImg {
      display: flex;
      flex-wrap: wrap; }
      .comment .commentC li .commentCBox .commentCImg li {
        padding: 0;
        margin-right: 0.0266666667rem;
          }
        .comment .commentC li .commentCBox .commentCImg li:nth-child(4n) {
          margin-right: 0; }
        .comment .commentC li .commentCBox .commentCImg li img {
          width: 100%;
          height: 100%; }

.FAQ {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .FAQ h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.4rem; }
  .FAQ .FAQC {
    font-size: 0.32rem;
    line-height: 1.3;
    color: #51515b;
    padding-bottom: 0.1333333333rem;
    margin-bottom: 0.1333333333rem;
    border-bottom: 1px dashed #d2d2d2; }
    .FAQ .FAQC h3 {
      color: #017bc6;
      margin-bottom: 0.08rem; }
  .FAQ .more {
    text-align: center;
    margin-bottom: 0.8rem; }
    .FAQ .more a {
      color: #017bc6;
      font-size: 0.3733333333rem;
      line-height: 1;
      background-color: #fff;
      border: 1px solid #017bc6;
      border-radius: 5px;
      padding: 0.2133333333rem 0.5333333333rem; }

/*酒店=====================================================================================*/
/*游轮=====================================================================================*/
.cruiseForm {
  width: 8.9333333333rem;
  margin: 0 auto;
  border: 1px solid #0169a9;
  box-sizing: border-box; }
  .cruiseForm h2 {
    text-align: center;
    color: #fff;
    font-size: 0.48rem;
    background-color: #0169a9;
    line-height: 0.8rem; }
  .cruiseForm .form {
    padding: 0.5333333333rem 0.1333333333rem;
    box-sizing: border-box; }
    .cruiseForm .form .input {
      font-size: 0.3733333333rem;
      color: black;
      line-height: 1.1;
      margin-bottom: 0.4rem;
      position: relative; }
      .cruiseForm .form .input input {
        width: 100%;
        line-height: 0.7733333333rem;
        height: 0.7733333333rem;
        box-sizing: border-box;
        padding-left: 0.08rem; }
      .cruiseForm .form .input .rli {
        display: inline-block;
        background: url(../images/rli.png) no-repeat;
        width: 0.48rem;
        height: 0.5333333333rem;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0.1333333333rem;
        right: 0.3466666667rem; }
    .cruiseForm .form .submit button {
      color: #ffffe1;
      background-color: #ff9c00;
      line-height: 0.72rem;
      border: none;
      display: block;
      font-size: 0.48rem;
      border-radius: 0.4rem;
      width: 100%;
      text-align: center; }

.cruise {
  width: 8.9333333333rem;
  margin: 0.88rem auto 0.8rem; }
  .cruise .box {
    display: flex;
    flex-wrap: wrap; }
    .cruise .box > li {
      width: 4.4rem;
      box-sizing: border-box;
      border: 1px solid #b7b7b5;
      border-radius: 0.2666666667rem;
      overflow: hidden;
      margin-right: 0.128rem;
      margin-bottom: 0.4rem;
      background-color: #fff;
      padding-bottom: 0.2666666667rem; }
      .cruise .box > li:nth-child(2n) {
        margin-right: 0; }
      .cruise .box > li a {
        display: block; }
      .cruise .box > li .img {
        width: 100%;
        height: 3.1466666667rem; }
        .cruise .box > li .img img {
          width: 100%;
          height: 100%; }
      .cruise .box > li .text {
        padding: 0 0.1066666667rem;
        font-size: 0.32rem;
        box-sizing: border-box;
        line-height: 1; }
        .cruise .box > li .text h3 {
          font-size: 0.3733333333rem;
          color: #272727;
          padding: 0.1333333333rem 0;
          border-bottom: 1px dashed lightgray;
          margin-bottom: 0.1333333333rem; }
        .cruise .box > li .text .jj {
          line-height: 0.3733333333rem;
          color: #272727;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          margin-bottom: 0.2666666667rem; }
        .cruise .box > li .text .USD {
          display: flex;
          justify-content: space-between; }
          .cruise .box > li .text .USD .starred {
            display: flex; }
            .cruise .box > li .text .USD .starred li {
              background: url(../images/xing.png) no-repeat;
              width: 0.3466666667rem;
              height: 0.32rem;
              background-size: 100%;
              margin-right: 0.0266666667rem; }
          .cruise .box > li .text .USD .jg {
            color: #9d9d9d; }
            .cruise .box > li .text .USD .jg span {
              font-size: 0.48rem;
              color: #ff9000;
              margin-right: 0.1333333333rem; }
  .cruise .page {
    text-align: center;
    font-size: 0.3733333333rem;
    margin-top: 0.2666666667rem; }
    .cruise .page a {
      color: #626262;
      line-height: 1;
      padding: 0.1066666667rem 0.2133333333rem;
      margin: 0 0.1333333333rem;
      border-radius: 0.08rem; }
    .cruise .page .pageOn {
      background-color: #01a3c6;
      color: #fff; }

.YangtzeCruiseShips {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .YangtzeCruiseShips h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem; }
  .YangtzeCruiseShips .YCSnav {
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    font-size: 0.32rem;
    border: 1px solid #bfbfbf;
    border-radius: 0.1333333333rem;
    padding: 0.16rem 0.6666666667rem 0.16rem 0.1333333333rem;
    box-sizing: border-box;
    position: relative;
    line-height: 1;
    overflow: auto;
    color: #242121;
    margin-bottom: 0.1866666667rem; }
    .YangtzeCruiseShips .YCSnav:after {
      /* content:'>>';*/
      width: 0.5333333333rem;
      padding-left: 0.1333333333rem;
      display: inline-block;
      position: absolute;
      right: 0;
      background-color: #fff; }
    .YangtzeCruiseShips .YCSnav li {
      padding-right: 0.2133333333rem;
      border-right: 1px solid #242121;
      margin-right: 0.2133333333rem; }
      .YangtzeCruiseShips .YCSnav li:nth-child(3) {
        /* border: none;*/ }
  .YangtzeCruiseShips .YCSList {
    width: 8.9333333333rem;
    overflow: auto;
    display: -webkit-box;
    margin-bottom: 0.5866666667rem; }
    .YangtzeCruiseShips .YCSList > li {
      border: 1px solid #838380;
      border-radius: 0.2133333333rem;
      overflow: hidden;
      width: 3.6rem;
      height: 2.6133333333rem;
      box-sizing: border-box;
      margin-right: 0.0266666667rem; }
      .YangtzeCruiseShips .YCSList > li a {
        display: block; }
      .YangtzeCruiseShips .YCSList > li .box {
        position: relative; }
        .YangtzeCruiseShips .YCSList > li .box img {
          display: block;
          width: 100%;
          height: 100%; }
        .YangtzeCruiseShips .YCSList > li .box .xingji {
          display: flex;
          position: absolute;
          left: 0.2133333333rem;
          bottom: 0.7466666667rem; }
          .YangtzeCruiseShips .YCSList > li .box .xingji li {
            background: url(../images/xing.png) no-repeat;
            width: 0.1866666667rem;
            height: 0.24rem;
            background-size: 100%;
            margin-right: 0.0266666667rem; }
        .YangtzeCruiseShips .YCSList > li .box h3 {
          font-size: 0.32rem;
          color: white;
          line-height: 0.5333333333rem;
          position: absolute;
          bottom: 0;
          background-color: rgba(0, 0, 0, 0.2);
          padding-left: 0.2133333333rem;
          width: 100%;
          box-sizing: border-box; }

.cruiseDetails {
  width: 8.9333333333rem;
  margin: 0 auto 0.32rem; }
  .cruiseDetails .img {
    width: 100%;
    height: 5.2533333333rem;
    position: relative; }
    .cruiseDetails .img img {
      width: 100%;
      height: 100%; }
    .cruiseDetails .img .xingji {
      display: flex;
      position: absolute;
      bottom: 0.32rem;
      left: 0.32rem; }
      .cruiseDetails .img .xingji li {
        width: 0.5066666667rem;
        height: 0.48rem;
        background: url(../images/xing.png) no-repeat;
        background-size: 100%;
        margin-right: 0.1866666667rem; }
  .cruiseDetails .synopsis {
    background-color: #fff;
    font-size: 0.32rem;
    padding-top: 0.32rem; }
    .cruiseDetails .synopsis .top {
      padding-bottom: 0.2666666667rem;
      border-bottom: 1px dashed #c7c7c7; }
      .cruiseDetails .synopsis .top h2 {
        font-size: 0.4266666667rem;
        line-height: 1;
        margin-bottom: 0.2133333333rem; }
      .cruiseDetails .synopsis .top span {
        display: inline-block;
        height: 0.4533333333rem; }
      .cruiseDetails .synopsis .top .div1 {
        height: 0.4533333333rem;
        color: #2186ad;
        line-height: 0.4533333333rem;
        margin-bottom: 0.08rem; }
        .cruiseDetails .synopsis .top .div1 .span1 {
          padding-left: 0.64rem;
          background: url(../images/cxtb1.png) no-repeat;
          background-size: 0.4533333333rem 0.4533333333rem;
          margin-right: 0.64rem;
          height: 0.4533333333rem; }
        .cruiseDetails .synopsis .top .div1 .span2 {
          padding-left: 0.64rem;
          background: url(../images/cxtb2.png) no-repeat;
          background-size: 0.4533333333rem 0.4533333333rem; }
      .cruiseDetails .synopsis .top .div2 {
        color: #2186ad;
        line-height: 0.4533333333rem; }
        .cruiseDetails .synopsis .top .div2 .span1 {
          padding-left: 0.64rem;
          background: url(../images/cxtb3.png) no-repeat;
          background-size: 0.4533333333rem 0.4533333333rem;
          margin-right: 0.64rem; }
        .cruiseDetails .synopsis .top .div2 .span2 {
          padding-left: 0.64rem;
          background: url(../images/cxtb4.png) no-repeat;
          background-size: 0.4533333333rem 0.4533333333rem; }
    .cruiseDetails .synopsis .buttom {
      padding: 0.2133333333rem 0.1333333333rem 0.2666666667rem;
      color: #424242;
      line-height: 0.3733333333rem; }

.CticketsFlow {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #0169a9; }
  .CticketsFlow .choose {
    font-size: 0.3733333333rem;
    line-height: 1.0666666667rem;
    padding-left: 0.2133333333rem;
    position: relative; }
    .CticketsFlow .choose:after {
      content: '>';
      display: inline-block;
      line-height: 1.0666666667rem;
      position: absolute;
      right: 0.32rem;
      color: #fff; }
    .CticketsFlow .choose a {
      color: #fff; }
  .CticketsFlow .box {
    height: 2.2666666667rem;
    position: relative;
    padding: 0.4rem 0 0.32rem;
    padding-left: 1.4133333333rem;
    border-top: 1px dashed silver;
    border-bottom: 1px solid #bfbfbf;
    box-sizing: border-box; }
    .CticketsFlow .box .img {
      position: absolute;
      left: 0;
      top: 50%;
      width: 1.4133333333rem;
      height: 0.96rem;
      z-index: 100;
      transform: translateY(-50%); }
      .CticketsFlow .box .img img {
        width: 100%;
        height: 100%; }
    .CticketsFlow .box .layui-carousel-arrow {
      width: 0.5866666667rem;
      height: 0.32rem;
      line-height: 0.32rem;
      border-radius: 1px; }
    .CticketsFlow .box .layui-carousel > [carousel-item] > * {
      background-color: #0169a9;
      padding-right: 0.72rem;
      box-sizing: border-box;
      font-size: 0.32rem; }
      .CticketsFlow .box .layui-carousel > [carousel-item] > * h3 {
        color: #fff;
        font-size: 0.3733333333rem;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .CticketsFlow .box .layui-carousel > [carousel-item] > * p {
        color: #fff;
        font-size: 0.32rem;
        line-height: 1.2; }
    .CticketsFlow .box .layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
      color: rgba(0, 0, 0, 0);
      background: url(../images/jiantoux.png) no-repeat;
      bottom: 0.0266666667rem; }
    .CticketsFlow .box .layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=sub] {
      color: rgba(0, 0, 0, 0);
      background: url(../images/jiantous.png) no-repeat;
      top: 0.0266666667rem; }
    .CticketsFlow .box .layui-carousel[lay-anim=updown] .layui-carousel-arrow {
      right: 0.08rem !important;
      left: auto !important; }

.CDTabControl {
  width: 8.9333333333rem;
  margin: 0.5333333333rem auto 0.64rem;
  font-size: 0.32rem; }
  .CDTabControl .nav {
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    border: 1px solid #c8c8c4;
    line-height: 0.5866666667rem; }
    .CDTabControl .nav li a {
      color: #5f5252; }
    .CDTabControl .nav li:nth-child(1) a {
      padding: 0.1066666667rem 0.32rem;
      background-color: #68b9eb; }
  .CDTabControl div {
    background-color: #cee3f0;
    padding: 0.1333333333rem 0.2133333333rem 0.5866666667rem;
    position: relative;
    color: #525252; }

.Pricelist {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  background-color: #fff;
  padding-top: 0.2666666667rem; }
  .Pricelist h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    line-height: 1;
    margin-bottom: 0.1333333333rem; }
  .Pricelist .monthList {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.3733333333rem; }
    .Pricelist .monthList li {
      width: 25%;
      line-height: 0.7466666667rem;
      box-sizing: border-box;
      text-align: center;
      border: 1px solid silver;
      background-color: #efefe3;
      margin-bottom: 0.0533333333rem; }
      .Pricelist .monthList li a {
        color: #404040; }
    .Pricelist .monthList .on {
      background-color: #3085b9; }
      .Pricelist .monthList .on a {
        color: #fff; }
  .Pricelist .priceList {
    font-size: 0.32rem;
    overflow: auto;
    display: -webkit-box;
    padding: 0.2666666667rem 0; }
    .Pricelist .priceList::-webkit-scrollbar {
      display: none; }
    .Pricelist .priceList .PL-table {
      color: #8f9497; }
      .Pricelist .priceList .PL-table td {
        border: 1px solid #f1f1f1;
        padding: 0.1333333333rem;
        text-align: center;
        position: relative; }
        .Pricelist .priceList .PL-table td img {
          width: 2.08rem;
          height: 1.5466666667rem; }
        .Pricelist .priceList .PL-table td p {
          white-space: nowrap; }
        .Pricelist .priceList .PL-table td a {
          color: #c49592;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          white-space: nowrap; }
      .Pricelist .priceList .PL-table th {
        border: 1px solid #f1f1f1;
        padding: 0.1333333333rem;
        white-space: nowrap; }

.InclusionsExclusions {
  width: 8.9333333333rem;
  margin: 0 auto 0.4rem;
  font-size: 0.32rem;
  line-height: 0.3733333333rem; }
  .InclusionsExclusions .box {
    padding: 0.2666666667rem;
    background-color: #d4d4c3;
    border: 1px solid #b5b5b5;
    box-sizing: border-box;
    margin-bottom: 0.2933333333rem; }
    .InclusionsExclusions .box h3 {
      color: #1d8cf3;
      font-size: 0.3733333333rem;
      margin-bottom: 0.2666666667rem; }
    .InclusionsExclusions .box ul li {
      color: #222222; }

.CDjourney {
  width: 8.9333333333rem;
  margin: 0 auto 0.1866666667rem;
  padding: 0.32rem 0.1866666667rem;
  background-color: #fff;
  box-sizing: border-box;
  font-size: 0.32rem; }
  .CDjourney .nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.48rem; }
    .CDjourney .nav li {
      width: 49%;
      text-align: center;
      background-color: #d1e5f8;
      line-height: 0.64rem;
      border-radius: 0.08rem;
      color: #585858;
      position: relative; }
    .CDjourney .nav .on {
      background-color: #f24a15;
      color: #fff; }
      .CDjourney .nav .on:after {
        content: '';
        display: block;
        background: url(../images/hssj.png) no-repeat;
        width: 0.3466666667rem;
        height: 0.16rem;
        background-size: 100% 100%;
        position: absolute;
        bottom: -0.16rem;
        left: 50%;
        transform: translateX(-50%); }
  .CDjourney .content .box {
    display: none; }
    .CDjourney .content .box table th {
      border: 1px solid silver;
      color: #444444;
      text-align: center;
      font-size: 0.3733333333rem;
      line-height: 0.5333333333rem;
      padding: 0 0.2666666667rem;
      font-weight: 700; }
    .CDjourney .content .box table td {
      border: 1px solid silver;
      padding: 0.2133333333rem 0.0533333333rem 0.2666666667rem 0.2666666667rem;
      color: #444444; }
  .CDjourney .content .on {
    display: block; }

.CDfacility {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  padding: 0.1066666667rem 0.2666666667rem 0.8rem;
  background-color: #fff;
  box-sizing: border-box;
  background: url(../images/waikuang.png) no-repeat;
  background-size: 8.8533333333rem 100%; }
  .CDfacility h2 {
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #ff6c00;
    padding-left: 1.0133333333rem;
    margin-bottom: 0.2666666667rem; }
  .CDfacility .img {
    display: flex;
    justify-content: space-between;
    font-size: 0.32rem;
    margin-bottom: 0.2666666667rem; }
    .CDfacility .img li img {
      width: 2.08rem;
      height: 1.3333333333rem;
      margin-bottom: 0.1333333333rem; }
    .CDfacility .img li p {
      text-align: center;
      color: #505050; }
  .CDfacility .more {
    font-size: 0.32rem;
    color: #575757;
    line-height: 0.3733333333rem; }

.CDinteresting {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem; }
  .CDinteresting h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem; }
  .CDinteresting .box {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
    color: #3f3f3f; }

.cruiseOrder {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .cruiseOrder .position {
    font-size: 0.3733333333rem;
    background-color: #fff;
    line-height: 0.8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.1866666667rem;
    color: #9a9a9a;
    border-radius: 0.1333333333rem 0.1333333333rem 0 0; }
    .cruiseOrder .position li:nth-child(1) {
      color: #00355f; }
    .cruiseOrder .position li:after {
      content: '>';
      display: inline-block;
      padding-left: 0.4rem; }
    .cruiseOrder .position li:last-child:after {
      display: none; }
  .cruiseOrder h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #43aae0;
    text-align: center; }
  .cruiseOrder .DateCode {
    background-color: #fff;
    padding: 0.48rem 0.1333333333rem 0.4rem 0.2666666667rem;
    font-size: 0.48rem;
    border-bottom: 1px dashed #cececc;
    color: #ff6600;
    line-height: 1.5; }
    .cruiseOrder .DateCode span {
      color: #232323; }
  .cruiseOrder .introduce {
    background-color: #fff;
    padding: 0.3733333333rem;
    font-size: 0.32rem;
    color: #14729e; }
    .cruiseOrder .introduce .When {
      line-height: 0.48rem;
      display: flex;
      justify-content: space-between; }
      .cruiseOrder .introduce .When .Timing {
        background: url(../images/shizhong.png) no-repeat;
        background-size: 0.2666666667rem 0.2666666667rem;
        padding-left: 0.3733333333rem;
        background-position-y: 0.0933333333rem;
        position: relative; }
        .cruiseOrder .introduce .When .Timing:after {
          content: '';
          display: inline-block;
          width: 0.32rem;
          height: 1px;
          background-color: #14729e;
          position: absolute;
          right: -0.4533333333rem;
          top: 0.2666666667rem; }
        .cruiseOrder .introduce .When .Timing:before {
          content: '';
          display: inline-block;
          width: 0.32rem;
          height: 1px;
          background-color: #14729e;
          position: absolute;
          left: -0.4533333333rem;
          top: 0.2666666667rem; }
      .cruiseOrder .introduce .When span {
        font-size: 0.48rem; }
    .cruiseOrder .introduce .journey {
      font-size: 0.32rem;
      color: #313131;
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-bottom: 0.4rem; }
      .cruiseOrder .introduce .journey .journeyTable {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
        .cruiseOrder .introduce .journey .journeyTable a {
          color: #828282;
          border: 1px solid #dddddd;
          border-radius: 0.08rem;
          padding: 0.0533333333rem 0.2666666667rem; }
      .cruiseOrder .introduce .journey span {
        color: #14729e; }
    .cruiseOrder .introduce .Selects {
      text-align: center; }
      .cruiseOrder .introduce .Selects .box {
        display: inline-block;
        height: 0.6933333333rem;
        line-height: 0.6933333333rem;
        margin: 0 auto;
        background-color: #44a4e0;
        font-size: 0.3733333333rem;
        color: #fff;
        padding: 0 0.32rem; }
        .cruiseOrder .introduce .Selects .box span {
          font-size: 0.48rem;
          color: #e84200;
          margin-left: 0.9333333333rem; }
  .cruiseOrder .CancellationPolicy {
    background-color: #fff;
    padding: 0 0.2666666667rem 0.3466666667rem 0.2666666667rem;
    font-size: 0.32rem;
    margin-bottom: 0.4266666667rem;
    box-sizing: border-box;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem; }
    .cruiseOrder .CancellationPolicy .box {
      padding: 0.24rem 0.2133333333rem;
      border: 1px solid #e5e5e5;
      box-sizing: border-box;
      border-radius: 0.1333333333rem; }
      .cruiseOrder .CancellationPolicy .box h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        color: #dfb200;
        margin-bottom: 0.1866666667rem; }
      .cruiseOrder .CancellationPolicy .box ul {
        color: #383838;
        line-height: 0.4266666667rem; }
  .cruiseOrder .ContactInformation {
    background-color: #fff;
    padding: 0.5333333333rem 0.32rem 0.72rem;
    box-sizing: border-box; }
    .cruiseOrder .ContactInformation h4 {
      font-size: 0.48rem;
      color: #052f49;
      line-height: 1;
      margin-bottom: 0.6666666667rem; }
    .cruiseOrder .ContactInformation p {
      font-size: 0.3733333333rem;
      color: #646464;
      line-height: 1;
      margin-bottom: 0.16rem; }
    .cruiseOrder .ContactInformation > input {
      width: 100%;
      height: 0.96rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      margin-bottom: 0.4266666667rem;
      padding-left: 0.08rem;
      display: block;
      border: 1px solid #d7d6d6; }
    .cruiseOrder .ContactInformation textarea {
      width: 100%;
      height: 3.7333333333rem;
      border: 1px solid #d7d6d6;
      font-size: 0.32rem;
      padding: 0.1333333333rem;
      box-sizing: border-box;
      resize: none; }
    .cruiseOrder .ContactInformation .agree {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1; }
      .cruiseOrder .ContactInformation .agree input {
        transform: translateY(0.0533333333rem); }
  .cruiseOrder .Personal {
    background-color: #fff;
    margin-top: 0.4533333333rem;
    margin-bottom: 0.5333333333rem;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem; }
    .cruiseOrder .Personal .PAD {
      font-size: 0.32rem;
      margin-bottom: 0.8rem; }
      .cruiseOrder .Personal .PAD .title {
        font-size: 0.3733333333rem;
        color: #3d3d3d;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .cruiseOrder .Personal .PAD label {
        display: block;
        width: 100%;
        line-height: 0.8rem;
        height: 0.8rem;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        color: #052f49;
        padding-left: 0.08rem;
        margin-bottom: 0.2133333333rem; }
        .cruiseOrder .Personal .PAD label:last-child {
          margin-bottom: 0; }
        .cruiseOrder .Personal .PAD label input {
          margin-right: 0.1333333333rem;
          transform: translateY(2px); }
    .cruiseOrder .Personal .Passenger {
      font-size: 0.3733333333rem; }
      .cruiseOrder .Personal .Passenger .title {
        font-size: 0.48rem;
        color: #385766;
        line-height: 1;
        margin-bottom: 0.5333333333rem; }
      .cruiseOrder .Personal .Passenger input {
        display: block;
        width: 100%;
        height: 0.5866666667rem;
        box-sizing: border-box;
        border: none;
        margin-bottom: 0.4rem;
        line-height: 0.5866666667rem;
        border-bottom: 1px solid #efefe3; }
      .cruiseOrder .Personal .Passenger #DOB {
        background: url(../images/rli.png) no-repeat;
        background-size: 0.48rem 0.5333333333rem;
        background-position: 2.5333333333rem 0; }
    .cruiseOrder .Personal .AdditionsAndDeletions {
      display: flex;
      font-size: 0.3466666667rem;
      flex-wrap: wrap; }
      .cruiseOrder .Personal .AdditionsAndDeletions li {
        width: 4rem;
        height: 0.9066666667rem;
        line-height: 0.9066666667rem;
        color: #fff;
        padding-left: 1.0666666667rem;
        box-sizing: border-box; }
      .cruiseOrder .Personal .AdditionsAndDeletions .addA, .cruiseOrder .Personal .AdditionsAndDeletions .addC {
        background: url(../images/add.png) no-repeat;
        background-size: 3.3333333333rem 100%;
        margin-bottom: 0.4533333333rem; }
      .cruiseOrder .Personal .AdditionsAndDeletions .dele {
        background: url(../images/dele.png) no-repeat;
        background-size: 3.3333333333rem 100%; }
  .cruiseOrder .DDBookingPolicy {
    padding: 0 0 0.5333333333rem;
    box-sizing: border-box;
    padding-left: 0.9333333333rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    margin-top: 0.96rem;
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #065c91; }
    .cruiseOrder .DDBookingPolicy h5 {
      line-height: 0.72rem; }
    .cruiseOrder .DDBookingPolicy a {
      color: #017bc6; }
  .cruiseOrder .Settlement .calculated {
    display: none;
    padding: 0.4rem 0.32rem 0.6133333333rem;
    font-size: 0.32rem;
    border-radius: 0.2133333333rem 0.2133333333rem 0 0;
    overflow: hidden;
    background-color: #fff; }
    .cruiseOrder .Settlement .calculated .top {
      padding-left: 0.88rem;
      background: url(../images/bi.png) no-repeat;
      background-size: 0.6933333333rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.48rem;
      color: #ff640f;
      margin-bottom: 0.2666666667rem; }
    .cruiseOrder .Settlement .calculated .Tour-Name {
      line-height: 0.48rem;
      color: #050505;
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .cruiseOrder .Settlement .calculated .Tour-Code {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #515151;
      margin-bottom: 0.5333333333rem; }
    .cruiseOrder .Settlement .calculated .Statistical {
      font-size: 0.3733333333rem;
      color: #343434;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #d1d1d1;
      margin-bottom: 0.2666666667rem; }
      .cruiseOrder .Settlement .calculated .Statistical li {
        display: flex;
        justify-content: space-between; }
    .cruiseOrder .Settlement .calculated .TOTAL {
      font-size: 0.48rem;
      color: #868483;
      text-align: right;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .cruiseOrder .Settlement .calculated .TOTAL span {
        color: #ff5400; }
        .cruiseOrder .Settlement .calculated .TOTAL span i {
          font-size: 0.96rem; }
    .cruiseOrder .Settlement .calculated #Confirm {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }
  .cruiseOrder .Settlement .Enter {
    background-color: #fff;
    border-radius: 0 0 0.2133333333rem 0.2133333333rem;
    overflow: hidden;
    padding: 0.2133333333rem 0.32rem 0.4533333333rem; }
    .cruiseOrder .Settlement .Enter .overview {
      color: #ff9c00;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .cruiseOrder .Settlement .Enter .overview .span1 {
        font-size: 0.8rem;
        margin: 0 0.2666666667rem; }
      .cruiseOrder .Settlement .Enter .overview #Price {
        font-size: 0.32rem;
        color: #017bc6; }
    .cruiseOrder .Settlement .Enter .submit button {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }

/*游轮=====================================================================================*/
/*景点=====================================================================================*/
.SSATA {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .SSATA h2 {
    font-size: 0.48rem;
    margin-bottom: 0.3733333333rem; }
    .SSATA h2 .span1 {
      color: #085579; }
    .SSATA h2 .span2 {
      color: #ff6c00; }
  .SSATA .SSATANav {
    font-size: 0.3733333333rem;
    display: flex;
    margin-bottom: 0.4266666667rem; }
    .SSATA .SSATANav li {
      margin-right: 0.2133333333rem; }
      .SSATA .SSATANav li a {
        color: #363636;
        border: 2px solid #c5c5c0;
        border-radius: 0.1333333333rem;
        padding: 0.0533333333rem 0.2133333333rem; }
    .SSATA .SSATANav .on a {
      color: #fff;
      background-color: #0169a9; }
  .SSATA .SSATAContent .on {
    display: block !important; }
  .SSATA .SSATAContent li {
    display: none;
    overflow: auto; }
    .SSATA .SSATAContent li .box {
      position: relative; }
      .SSATA .SSATAContent li .box img {
        width: 100%;
        height: 100%; }
      .SSATA .SSATAContent li .box .text {
        position: absolute;
        left: 0.16rem;
        bottom: 0.16rem;
        font-size: 0.32rem;
        color: #fff;
        line-height: 1; }
        .SSATA .SSATAContent li .box .text .USD {
          margin-bottom: 0.0533333333rem;
          color: #ff4e00; }
          .SSATA .SSATAContent li .box .text .USD span {
            font-size: 0.48rem; }
        .SSATA .SSATAContent li .box .text .feedback {
          margin-top: 0.0533333333rem; }
      .SSATA .SSATAContent li .box:nth-child(1) {
        width: 4.4rem;
        height: 4.1866666667rem;
        float: left;
        margin-right: 0.08rem; }
      .SSATA .SSATAContent li .box:nth-child(2) {
        width: 4.4rem;
        height: 2.0266666667rem;
        float: left;
        margin-bottom: 0.1066666667rem; }
      .SSATA .SSATAContent li .box:nth-child(3) {
        width: 2.16rem;
        height: 2.0533333333rem;
        float: left;
        margin-right: 0.08rem; }
      .SSATA .SSATAContent li .box:nth-child(4) {
        width: 2.16rem;
        height: 2.0533333333rem;
        float: left; }
  .SSATA .cityNav {
    background-color: #fff;
    font-size: 0.32rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0rem; }
    .SSATA .cityNav li {
      width: 25%;
      border-right: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1;
      box-sizing: border-box;
      text-align: center; }
      .SSATA .cityNav li a {
        color: #464646;
        line-height: 0.6666666667rem; }
  .SSATA .more {
    text-align: center; }
    .SSATA .more a {
      font-size: 0.3733333333rem;
      color: #017bc6;
      padding: 0.1866666667rem 0.5066666667rem;
      border: 1px solid #017bc6;
      background-color: #fff;
      border-radius: 0.1333333333rem; }

.scenicAreaDetails {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .scenicAreaDetails .img {
    width: 100%;
    height: 5.2533333333rem;
    position: relative; }
    .scenicAreaDetails .img > img {
      width: 100%;
      height: 100%; }
    .scenicAreaDetails .img .grade {
      position: absolute;
      display: flex;
      left: 0.2666666667rem;
      bottom: 0.32rem; }
      .scenicAreaDetails .img .grade li {
        margin-right: 0.1333333333rem; }
        .scenicAreaDetails .img .grade li img {
          width: 0.5333333333rem;
          height: 0.5333333333rem; }
  .scenicAreaDetails .introduce {
    background-color: #fff; }
    .scenicAreaDetails .introduce h2 {
      font-size: 0.4266666667rem;
      padding-top: 0.32rem;
      margin-bottom: 0.4rem;
      color: #272727; }
    .scenicAreaDetails .introduce .Score {
      padding-left: 0.1333333333rem;
      font-size: 0.32rem;
      padding-bottom: 0.2666666667rem;
      border-bottom: 1px dashed #c7c7c7;
      margin-bottom: 0.2666666667rem; }
      .scenicAreaDetails .introduce .Score span {
        display: inline-block;
        margin-right: 0.2666666667rem; }
      .scenicAreaDetails .introduce .Score .span1 {
        color: #ff6600; }
        .scenicAreaDetails .introduce .Score .span1 i {
          font-size: 0.48rem; }
      .scenicAreaDetails .introduce .Score a {
        display: inline-block;
        color: #0084ff;
        text-decoration: underline; }
    .scenicAreaDetails .introduce .position .positionA {
      display: flex;
      padding-left: 0.1333333333rem;
      padding-right: 0.1333333333rem;
      padding-bottom: 0.2666666667rem;
      margin-bottom: 0.3733333333rem; }
      .scenicAreaDetails .introduce .position .positionA .dizhitu {
        width: 0.56rem;
        height: 0.6666666667rem;
        margin-right: 0.2133333333rem; }
      .scenicAreaDetails .introduce .position .positionA .text {
        font-size: 0.32rem;
        color: #424242;
        word-wrap: break-word; }
      .scenicAreaDetails .introduce .position .positionA .map {
        width: 1.92rem;
        height: 0.9066666667rem;
        margin-left: 0.2133333333rem; }
  .scenicAreaDetails .ChooseType {
    background-color: #fff;
    padding: 0.48rem 0.1866666667rem 0.3466666667rem; }
    .scenicAreaDetails .ChooseType .ChooseTypeNav {
      padding-bottom: 0.2666666667rem;
      border-bottom: 1px solid #efefe3;
      position: relative; }
      .scenicAreaDetails .ChooseType .ChooseTypeNav:after {
        content: '>';
        display: inline-block;
        font-size: 0.48rem;
        position: absolute;
        top: 0.0746666667rem;
        right: 0;
        color: #04639e; }
      .scenicAreaDetails .ChooseType .ChooseTypeNav .box {
        width: 8rem;
        font-size: 0.32rem;
        display: flex;
        padding-right: 0.24rem;
        overflow: auto; }
        .scenicAreaDetails .ChooseType .ChooseTypeNav .box::-webkit-scrollbar {
          display: none; }
        .scenicAreaDetails .ChooseType .ChooseTypeNav .box li a {
          color: #2e2d2d;
          display: block;
          padding: 0.1333333333rem 0.2666666667rem;
          /*word-break: keep-all;*/
          white-space: nowrap;
          border-radius: 0.1333333333rem; }
    .scenicAreaDetails .ChooseType .ChooseTypeContent .CTCCZ {
      display: block !important; }
    .scenicAreaDetails .ChooseType .ChooseTypeContent .box {
      display: none;
      font-size: 0.32rem; }
      .scenicAreaDetails .ChooseType .ChooseTypeContent .box li {
        padding: 0.3466666667rem 0 0.32rem;
        position: relative;
        border-bottom: 3px solid #efefe3;border-top: 1px solid #efefe3; }
        .scenicAreaDetails .ChooseType .ChooseTypeContent .box li a {
          display: block;
          color: #727272; }
          .scenicAreaDetails .ChooseType .ChooseTypeContent .box li a h4 {
            font-size: 0.3733333333rem;
            line-height: 1;
            margin-bottom: 0.2666666667rem; }
          .scenicAreaDetails .ChooseType .ChooseTypeContent .box li a .time {
            color: #555555; margin-right: 1rem;}
          .scenicAreaDetails .ChooseType .ChooseTypeContent .box li a .USD {
            position: absolute;
            bottom: 0.3466666667rem;
            right: 0; }
            .scenicAreaDetails .ChooseType .ChooseTypeContent .box li a .USD span {
              margin-left: 0.08rem;
              color: #f67400; }
              .scenicAreaDetails .ChooseType .ChooseTypeContent .box li a .USD span i {
                font-size: 0.48rem; }
    .scenicAreaDetails .ChooseType .more {
      padding-top: 0.2133333333rem;
      text-align: center; }
      .scenicAreaDetails .ChooseType .more a {
        font-size: 0.32rem;
        color: #0169a9;
        text-align: center; }
        .scenicAreaDetails .ChooseType .more a .p1 {
          margin-bottom: 0.1866666667rem; }
        .scenicAreaDetails .ChooseType .more a .p2 {
          transform: rotate(90deg); }
  .scenicAreaDetails .Attractions {
    background-color: #fff;
    padding: 0.4533333333rem 0.1866666667rem 0.6133333333rem;
    font-size: 0.32rem;
    color: #363636; }
    .scenicAreaDetails .Attractions h3 {
      color: #0169a9;
      font-size: 0.3733333333rem;
      padding-bottom: 0.2133333333rem;
      margin-bottom: 0.2133333333rem;
      border-bottom: 1px solid #b4b4b4; }
    .scenicAreaDetails .Attractions .content {
      margin-bottom: 0.6666666667rem;
      line-height: 1.2; }
    .scenicAreaDetails .Attractions .AttractionsImg h4 {
      margin-bottom: 0.2666666667rem; }
    .scenicAreaDetails .Attractions .AttractionsImg img {
      width: 100%;
      height: 4.5866666667rem; }
  .scenicAreaDetails .scenicAreaDetailsForm {
    background-color: #bfd9e4;
    padding: 0.32rem 0.5333333333rem 0.48rem;
    margin-top: 0.6133333333rem;
    margin-bottom: 0.5333333333rem; }
    .scenicAreaDetails .scenicAreaDetailsForm h2 {
      color: #383838;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.2666666667rem; }
    .scenicAreaDetails .scenicAreaDetailsForm input {
      color: #3c3a3a;
      width: 100%;
      height: 0.6933333333rem;
      font-size: 0.32rem;
      display: block;
      padding: 0 0.2133333333rem;
      box-sizing: border-box;
      margin-bottom: 0.4533333333rem;
      outline: none;
      border: none; }
    .scenicAreaDetails .scenicAreaDetailsForm textarea {
      display: block;
      width: 100%;
      height: 2.8rem;
      box-sizing: border-box;
      padding: 0.1333333333rem 0.2133333333rem;
      outline: none;
      border: none;
      resize: none;
      margin-bottom: 0.4rem;
      color: #3c3a3a; }
    .scenicAreaDetails .scenicAreaDetailsForm button {
      display: block;
      width: 100%;
      font-size: 0.48rem;
      height: 0.9333333333rem;
      outline: none;
      border: none;
      background-color: #ff7200;
      color: #fff; }

.scenicAreaOrder {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .scenicAreaOrder .position {
    font-size: 0.3733333333rem;
    background-color: #fff;
    line-height: 0.8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.1866666667rem;
    color: #9a9a9a;
    border-radius: 0.1333333333rem 0.1333333333rem 0 0; }
    .scenicAreaOrder .position li:nth-child(1) {
      color: #00355f; }
    .scenicAreaOrder .position li:after {
      content: '>';
      display: inline-block;
      padding-left: 0.4rem; }
    .scenicAreaOrder .position li:last-child:after {
      display: none; }
  .scenicAreaOrder h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #43aae0;
    text-align: center; }
  .scenicAreaOrder .NameCode {
    background-color: #fff;
    padding: 0.48rem 0.1333333333rem 0.4rem 0.2666666667rem;
    font-size: 0.48rem;
    border-bottom: 1px dashed #cececc; }
    .scenicAreaOrder .NameCode .name {
      color: #ec6e07;
      line-height: 0.48rem;
      margin-bottom: 0.3466666667rem; }
      .scenicAreaOrder .NameCode .name span {
        font-size: 0.3733333333rem;
        color: #262626; }
    .scenicAreaOrder .NameCode .code {
      font-size: 0.32rem;
      color: #515151; }
  .scenicAreaOrder .introduce {
    background-color: #fff;
    padding: 0.3733333333rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #14729e;
    border-bottom: 1px dashed #cececc; }
    .scenicAreaOrder .introduce span {
      color: #373737; }
  .scenicAreaOrder .quantity {
    background-color: #fff;
    padding: 0.2666666667rem;
    padding-bottom: 1px; }
    .scenicAreaOrder .quantity li {
      margin-bottom: 0.6666666667rem;
      display: flex;
      justify-content: space-between;
      font-size: 0.3733333333rem; }
      .scenicAreaOrder .quantity li .projectName p:nth-child(1) {
        white-space: nowrap;
        color: #282828;
        line-height: 0.64rem; }
      .scenicAreaOrder .quantity li .projectName p:nth-child(2) {
        white-space: nowrap;
        color: #d93503;
        font-size: 0.4266666667rem;
        line-height: 0.48rem;
        margin-top: 0.16rem; }
      .scenicAreaOrder .quantity li .num {
        text-align: right; }
        .scenicAreaOrder .quantity li .num .adderSubtractor span {
          color: #b5b5b5;
          width: 0.58rem;
          height: 0.58rem;
          border: 1px solid #b5b5b5;
          text-align: center;
          line-height: 0.58rem;
          display: inline-block;
          box-sizing: border-box; font-weight:bold}
        .scenicAreaOrder .quantity li .num .adderSubtractor input {
          width: 0.9533333333rem;
          height: 0.74rem;
          box-sizing: border-box;
          text-align: center;
          border: 1px solid #b5b5b5;
          margin: 0 0.16rem;
          color: #1d8cf3; font-weight:bold }
        .scenicAreaOrder .quantity li .num .TotalPrice {
          white-space: nowrap;
          font-size: 0.3733333333rem;
          color: #14729e;
          line-height: 0.48rem;
          margin-top: 0.16rem; }
          .scenicAreaOrder .quantity li .num .TotalPrice span {
            color: #ff5a00;
            font-size: 0.48rem; }
  .scenicAreaOrder .CancellationPolicy {
    background-color: #fff;
    padding: 0 0.2666666667rem 0.3466666667rem 0.2666666667rem;
    font-size: 0.32rem;
    margin-bottom: 0.4266666667rem;
    box-sizing: border-box;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem; }
    .scenicAreaOrder .CancellationPolicy .box {
      padding: 0.24rem 0.2133333333rem;
      border: 1px solid #e5e5e5;
      box-sizing: border-box;
      border-radius: 0.1333333333rem; }
      .scenicAreaOrder .CancellationPolicy .box h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        color: #dfb200;
        margin-bottom: 0.1866666667rem; }
      .scenicAreaOrder .CancellationPolicy .box ul {
        color: #383838;
        line-height: 0.4266666667rem; }
  .scenicAreaOrder .Personal {
    background-color: #fff;
    margin-bottom: 0.6666666667rem;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem; }
    .scenicAreaOrder .Personal .Passenger {
      font-size: 0.3733333333rem; }
      .scenicAreaOrder .Personal .Passenger .title {
        font-size: 0.48rem;
        color: #385766;
        line-height: 1;
        margin-bottom: 0.5333333333rem; }
      .scenicAreaOrder .Personal .Passenger input {
        display: block;
        width: 100%;
        height: 0.5866666667rem;
        box-sizing: border-box;
        border: none;
        margin-bottom: 0.4rem;
        line-height: 0.5866666667rem;
        border-bottom: 1px solid #efefe3; }
    .scenicAreaOrder .Personal .AdditionsAndDeletions {
      display: flex;
      font-size: 0.3466666667rem;
      flex-wrap: wrap; }
      .scenicAreaOrder .Personal .AdditionsAndDeletions li {
        width: 4rem;
        height: 0.9066666667rem;
        line-height: 0.9066666667rem;
        color: #fff;
        padding-left: 1.0666666667rem;
        box-sizing: border-box; }
      .scenicAreaOrder .Personal .AdditionsAndDeletions .addA, .scenicAreaOrder .Personal .AdditionsAndDeletions .addC {
        background: url(../images/add.png) no-repeat;
        background-size: 3.3333333333rem 100%;
        margin-bottom: 0.4533333333rem; }
      .scenicAreaOrder .Personal .AdditionsAndDeletions .dele {
        background: url(../images/dele.png) no-repeat;
        background-size: 3.3333333333rem 100%; }
  .scenicAreaOrder .ContactInformation {
    background-color: #fff;
    padding: 0.5333333333rem 0.32rem 0.72rem;
    box-sizing: border-box; }
    .scenicAreaOrder .ContactInformation h4 {
      font-size: 0.48rem;
      color: #052f49;
      line-height: 1;
      margin-bottom: 0.6666666667rem; }
    .scenicAreaOrder .ContactInformation p {
      font-size: 0.3733333333rem;
      color: #646464;
      line-height: 1;
      margin-bottom: 0.16rem; }
    .scenicAreaOrder .ContactInformation > input {
      width: 100%;
      height: 0.96rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      margin-bottom: 0.4266666667rem;
      padding-left: 0.08rem;
      display: block;
      border: 1px solid #d7d6d6; }
    .scenicAreaOrder .ContactInformation textarea {
      width: 100%;
      height: 3.7333333333rem;
      border: 1px solid #d7d6d6;
      font-size: 0.32rem;
      padding: 0.1333333333rem;
      box-sizing: border-box;
      resize: none; }
    .scenicAreaOrder .ContactInformation .agree {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1; }
      .scenicAreaOrder .ContactInformation .agree input {
        transform: translateY(0.0533333333rem); }
  .scenicAreaOrder .DDBookingPolicy {
    padding: 0 0 0.5333333333rem;
    box-sizing: border-box;
    padding-left: 0.9333333333rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    margin-top: 0.96rem;
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #065c91; }
    .scenicAreaOrder .DDBookingPolicy h5 {
      line-height: 0.72rem; }
    .scenicAreaOrder .DDBookingPolicy a {
      color: #017bc6; }
  .scenicAreaOrder .Settlement .calculated {
    display: none;
    padding: 0.4rem 0.32rem 0.6133333333rem;
    font-size: 0.32rem;
    border-radius: 0.2133333333rem 0.2133333333rem 0 0;
    overflow: hidden;
    background-color: #fff; }
    .scenicAreaOrder .Settlement .calculated .top {
      padding-left: 0.88rem;
      background: url(../images/bi.png) no-repeat;
      background-size: 0.6933333333rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.48rem;
      color: #ff640f;
      margin-bottom: 0.2666666667rem; }
    .scenicAreaOrder .Settlement .calculated .Tour-Name {
      line-height: 0.48rem;
      color: #050505;
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .scenicAreaOrder .Settlement .calculated .Tour-Code {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #515151;
      margin-bottom: 0.5333333333rem; }
    .scenicAreaOrder .Settlement .calculated .Statistical {
      font-size: 0.3733333333rem;
      color: #343434;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #d1d1d1;
      margin-bottom: 0.2666666667rem; }
      .scenicAreaOrder .Settlement .calculated .Statistical li {
        display: flex;
        justify-content: space-between; }
    .scenicAreaOrder .Settlement .calculated .TOTAL {
      font-size: 0.48rem;
      color: #868483;
      text-align: right;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .scenicAreaOrder .Settlement .calculated .TOTAL span {
        color: #ff5400; }
        .scenicAreaOrder .Settlement .calculated .TOTAL span i {
          font-size: 0.96rem; }
    .scenicAreaOrder .Settlement .calculated #Confirm {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }
  .scenicAreaOrder .Settlement .Enter {
    background-color: #fff;
    border-radius: 0 0 0.2133333333rem 0.2133333333rem;
    overflow: hidden;
    padding: 0.2133333333rem 0.32rem 0.4533333333rem; }
    .scenicAreaOrder .Settlement .Enter .overview {
      color: #ff9c00;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .scenicAreaOrder .Settlement .Enter .overview .span1 {
        font-size: 0.8rem;
        margin: 0 0.2666666667rem; }
      .scenicAreaOrder .Settlement .Enter .overview #Price {
        font-size: 0.32rem;
        color: #017bc6; }
    .scenicAreaOrder .Settlement .Enter .submit button {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }

/*景点=====================================================================================*/
/*关于我们=====================================================================================*/
.about {
  width: 8.9333333333rem;
  margin: 0 auto 0.4266666667rem;
  background-color: #fff;
  border-radius: 0.2666666667rem;
  padding: 0.2933333333rem 0.1866666667rem 0.1333333333rem;
  box-sizing: border-box; }
  .about .logo {
    width: 3.84rem;
    height: 1.4133333333rem;
    padding-left: 0.1066666667rem;
    margin-bottom: 0.32rem; }
    .about .logo img {
      width: 100%;
      height: 100%; }
  .about .introduce {
    font-size: 0.32rem;
    color: #242424;
    line-height: 0.3733333333rem;
    /*word-break: break-all;*/
    margin-bottom: 0.2666666667rem; }
  .about .introduceImg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5333333333rem; }
    .about .introduceImg li {
      width: 2.9333333333rem;
      height: 1.7066666667rem; }
      .about .introduceImg li img {
        width: 100%;
        height: 100%; }
  .about .whyUs {
    font-size: 0.32rem;
    color: #3a3a3a; }
    .about .whyUs h2 {
      font-size: 0.3733333333rem;
      line-height: 1;
      color: #3a3a3a; }
      .about .whyUs h2::after {
        content: '';
        display: block;
        width: 2.2933333333rem;
        height: 0.0533333333rem;
        background: url(../images/guanyuxlt.png) no-repeat;
        background-size: 100% 100%;
        margin-bottom: 0.2666666667rem; }
    .about .whyUs p {
      margin-bottom: 0.2666666667rem;
      line-height: 0.3733333333rem; }
      .about .whyUs p span {
        color: #12719e; }

.aboutNav {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  background-color: #fff;
  padding: 0.32rem 0 0.1333333333rem;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  border-radius: 0.2666666667rem; }
  .aboutNav li {
    width: 33.333333%;
    margin-bottom: 0.4rem; }
    .aboutNav li a {
      display: block;
      color: #393939;
      line-height: 1;
      font-size: 0.32rem;
      text-align: center; }
      .aboutNav li a i {
        display: block;
        margin: 0 auto; }
    .aboutNav li:nth-child(1) a i {
      background: url(../images/aboutnav.png) no-repeat;
      width: 0.6666666667rem;
      height: 0.8rem;
      margin-bottom: 0.08rem; }
    .aboutNav li:nth-child(2) a i {
      background: url(../images/aboutnav1.png) no-repeat;
      width: 0.64rem;
      height: 0.6933333333rem;
      margin-bottom: 0.1866666667rem; }
    .aboutNav li:nth-child(3) a i {
      background: url(../images/aboutnav2.png) no-repeat;
      width: 0.7466666667rem;
      height: 0.5866666667rem;
      transform: translateY(4px);
      margin-bottom: 0.2933333333rem; }
    .aboutNav li:nth-child(3) a p {
      width: 75%;
      margin: 0 auto; }
    .aboutNav li:nth-child(4) a i {
      background: url(../images/aboutnav3.png) no-repeat;
      width: 0.6133333333rem;
      height: 0.6133333333rem;
      margin-bottom: 0.2666666667rem; }
    .aboutNav li:nth-child(4) a p {
      width: 75%;
      margin: 0 auto; }
    .aboutNav li:nth-child(5) a i {
      background: url(../images/aboutnav4.png) no-repeat;
      width: 0.6133333333rem;
      height: 0.6933333333rem;
      margin-bottom: 0.1866666667rem; }
    .aboutNav li:nth-child(6) a i {
      background: url(../images/aboutnav5.png) no-repeat;
      width: 0.8rem;
      height: 0.8266666667rem;
      margin-bottom: 0.0533333333rem; }
    .aboutNav li:nth-child(6) a p {
      width: 75%;
      margin: 0 auto; }

.Partner {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .Partner h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.24rem; }
  .Partner .PartnerContent {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5333333333rem; }
    .Partner .PartnerContent li {
      width: 20%;
      height: 1.9733333333rem; }
      .Partner .PartnerContent li img {
        width: 100%;
        height: 100%; }

/*关于我们-合作*/
.insideHead {
  width: 100%;
  height: 1.0666666667rem;
  background-color: #fff; }
  .insideHead .box {
    width: 8.9333333333rem;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0.48rem;
    line-height: 1.0666666667rem;
    position: relative;
    color: #393939; }
    .insideHead .box .last {
      display: block;
      background: url(../images/jiantou.png) no-repeat;
      width: 0.4rem;
      height: 0.48rem;
      background-size: 100% 100%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }

.PartnerCooperation {
  width: 8.9333333333rem;
  margin: 0.48rem auto 0.4266666667rem;
  background-color: #fff;
  border-radius: 0.2666666667rem;
  padding: 0.2933333333rem 0.1866666667rem 0.1333333333rem;
  box-sizing: border-box; }
  .PartnerCooperation .logo {
    width: 3.84rem;
    height: 1.4133333333rem;
    padding-left: 0.1066666667rem;
    margin-bottom: 0.32rem; }
    .PartnerCooperation .logo img {
      width: 100%;
      height: 100%; }
  .PartnerCooperation .introduce {
    font-size: 0.32rem;
    color: #242424;
    line-height: 0.3733333333rem;
    /*word-break: break-all;*/
    margin-bottom: 0.2666666667rem; }
  .PartnerCooperation .introduceImg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5333333333rem; }
    .PartnerCooperation .introduceImg li {
      width: 2.9333333333rem;
      height: 1.7066666667rem; }
      .PartnerCooperation .introduceImg li img {
        width: 100%;
        height: 100%; }
  .PartnerCooperation .whyUs {
    font-size: 0.32rem;
    color: #3a3a3a; }
    .PartnerCooperation .whyUs h2 {
      font-size: 0.3733333333rem;
      color: #093c5b;
      padding-left: 0.2133333333rem;
      box-sizing: border-box;
      border-left: 3px solid #093c5b;
      margin-bottom: 0.4533333333rem; }
    .PartnerCooperation .whyUs p {
      margin-bottom: 0.3466666667rem;
      line-height: 0.3733333333rem; }

.PartnerCooperationForm {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #bfd9e4;
  padding: 0.32rem 0.5333333333rem 0.48rem;
  margin-top: 0.5333333333rem;
  margin-bottom: 0.4rem;
  box-sizing: border-box; }
  .PartnerCooperationForm h2 {
    color: #383838;
    font-size: 0.3733333333rem;
    line-height: 1;
    margin-bottom: 0.2666666667rem;
    text-align: center; }
  .PartnerCooperationForm input {
    color: #3c3a3a;
    width: 100%;
    height: 0.6933333333rem;
    font-size: 0.32rem;
    display: block;
    padding: 0 0.2133333333rem;
    box-sizing: border-box;
    margin-bottom: 0.4533333333rem;
    outline: none;
    border: none; }
  .PartnerCooperationForm textarea {
    display: block;
    width: 100%;
    height: 2.8rem;
    box-sizing: border-box;
    padding: 0.1333333333rem 0.2133333333rem;
    outline: none;
    border: none;
    resize: none;
    margin-bottom: 0.4rem;
    color: #3c3a3a; }
  .PartnerCooperationForm button {
    display: block;
    width: 100%;
    font-size: 0.48rem;
    height: 0.9333333333rem;
    outline: none;
    border: none;
    background-color: #ff7200;
    color: #fff; }

/*关于我们-联系*/
.ContactUs {
  width: 8.9333333333rem;
  margin: 0.48rem auto 0.4266666667rem;
  background-color: #fff;
  border-radius: 0.2666666667rem;
  padding: 0.2933333333rem 0.1866666667rem 0.1333333333rem;
  box-sizing: border-box; }
  .ContactUs .logo {
    width: 3.84rem;
    height: 1.4133333333rem;
    padding-left: 0.1066666667rem;
    margin-bottom: 0.32rem; }
    .ContactUs .logo img {
      width: 100%;
      height: 100%; }
  .ContactUs .introduce {
    font-size: 0.32rem;
    color: #242424;
    line-height: 0.3733333333rem;
    /*word-break: break-all;*/
    margin-bottom: 0.2666666667rem; }
  .ContactUs .introduceImg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5333333333rem; }
    .ContactUs .introduceImg li {
      width: 2.9333333333rem;
      height: 1.7066666667rem; }
      .ContactUs .introduceImg li img {
        width: 100%;
        height: 100%; }
  .ContactUs .whyUs {
    font-size: 0.32rem;
    color: #3a3a3a; }
    .ContactUs .whyUs h2 {
      font-size: 0.3733333333rem;
      color: #093c5b;
      padding-left: 0.2133333333rem;
      box-sizing: border-box;
      border-left: 3px solid #093c5b;
      margin-bottom: 0.4533333333rem; }
    .ContactUs .whyUs p {
      margin-bottom: 0.3466666667rem;
      line-height: 0.3733333333rem; }

.ContactUsForm {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #bfd9e4;
  padding: 0.32rem 0.5333333333rem 0.48rem;
  margin-top: 0.5333333333rem;
  margin-bottom: 0.7466666667rem;
  box-sizing: border-box; }
  .ContactUsForm h2 {
    color: #383838;
    font-size: 0.3733333333rem;
    line-height: 1;
    margin-bottom: 0.2666666667rem;
    text-align: center; }
  .ContactUsForm input {
    color: #3c3a3a;
    width: 100%;
    height: 0.6933333333rem;
    font-size: 0.32rem;
    display: block;
    padding: 0 0.2133333333rem;
    box-sizing: border-box;
    margin-bottom: 0.4533333333rem;
    outline: none;
    border: none; }
  .ContactUsForm textarea {
    display: block;
    width: 100%;
    height: 2.8rem;
    box-sizing: border-box;
    font-size: 0.32rem;
    padding: 0.1333333333rem 0.2133333333rem;
    outline: none;
    border: none;
    resize: none;
    margin-bottom: 0.4rem;
    color: #3c3a3a; }
  .ContactUsForm button {
    display: block;
    width: 100%;
    font-size: 0.48rem;
    height: 0.9333333333rem;
    outline: none;
    border: none;
    background-color: #ff7200;
    color: #fff; }

/*关于我们-员工介绍*/
.OurTeam {
  width: 8.9333333333rem;
  margin: 0.5866666667rem auto 0.7466666667rem; }
  .OurTeam .box li {
    border: 1px solid #b5b5b5;
    margin-bottom: 0.5333333333rem;
    background-color: #f5f5f8;
    padding: 0.2666666667rem 0.16rem; }
    .OurTeam .box li a {
      display: block; }
    .OurTeam .box li .Team {
      display: flex;
      font-size: 0.32rem; }
      .OurTeam .box li .Team .img {
        padding-top: 0.32rem;
        width: 2.1333333333rem;
        height: 2.1333333333rem;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 0.1333333333rem; }
        .OurTeam .box li .Team .img img {
          width: 100%;
          height: 100%; }
    .OurTeam .box li .text {
      width: 6.3466666667rem;
      /*word-break: break-all;*/
      color: #3a3a3a; }
      .OurTeam .box li .text h2 {
        font-size: 0.4266666667rem;
        color: #0080e2;
        margin-bottom: 0.08rem; }
      .OurTeam .box li .text .p1 {
        font-size: 0.3733333333rem;
        color: #ff6000;
        margin-bottom: 0.1333333333rem; }

.CompanyActivity {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .CompanyActivity h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.4rem; }
  .CompanyActivity .list {
    padding-bottom: 0.16rem; }
    .CompanyActivity .list li {
      display: flex;
      margin-bottom: 0.5333333333rem;
      padding-bottom: 0.16rem;
      border-bottom: 1px solid #c3c3c3; }
      .CompanyActivity .list li .img {
        width: 2.6666666667rem;
        height: 1.6rem;
        margin-right: 0.2133333333rem; }
        .CompanyActivity .list li .img img {
          width: 100%;
          height: 100%; }
      .CompanyActivity .list li .text {
        width: 6rem; }
        .CompanyActivity .list li .text a {
          color: #262626; }
          .CompanyActivity .list li .text a h3 {
            font-size: 0.3733333333rem;
            line-height: 1;
            margin-bottom: 0.1866666667rem; }
          .CompanyActivity .list li .text a .content {
            font-size: 0.32rem; }

/*关于我们-客户照片*/
.CustomerPhotoAlbum {
  width: 8.9333333333rem;
  margin: 0.2666666667rem auto 0; }
  .CustomerPhotoAlbum .Saying {
    font-size: 0.3733333333rem;
    color: #262626;
    line-height: 0.4266666667rem;
    margin-bottom: 0.5333333333rem; }
  .CustomerPhotoAlbum .contentList {
    display: flex;
    flex-wrap: wrap; }
    .CustomerPhotoAlbum .contentList li {
      width: 4.2666666667rem;
      margin-right: 0.3733333333rem;
      margin-bottom: 0.32rem; }
      .CustomerPhotoAlbum .contentList li:nth-child(2n) {
        margin-right: 0; }
      .CustomerPhotoAlbum .contentList li .img {
        width: 100%;
        height: 3.2rem; }
        .CustomerPhotoAlbum .contentList li .img img {
          width: 100%;
          height: 100%; }
      .CustomerPhotoAlbum .contentList li .texy {
        width: 3.84rem;
        padding: 0.24rem 0;
        text-align: center;
        font-size: 0.32rem;
        background-color: #fff;
        transform: translate(8px, -16px);
        line-height: 1.3; }
        .CustomerPhotoAlbum .contentList li .texy h3 {
          font-weight: 700;
          color: #3a3a3a; }
        .CustomerPhotoAlbum .contentList li .texy p {
          color: #3a3a3a; }

/*关于我们=====================================================================================*/
/*攻略=====================================================================================*/
.bannerJieshao {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem;
  background-color: #fff;
  border: 1px solid #14729e;
  padding: 0.4rem 0.1866666667rem;
  box-sizing: border-box; }
  .bannerJieshao .FamilyTours {
   
    text-align: center;
    color: #22789b;
    margin-bottom: 0.1333333333rem; }
    .bannerJieshao .FamilyTours div {
      font-size: 0.64rem; }
    .bannerJieshao .FamilyTours p {
      font-size: 0.3733333333rem; }
  .bannerJieshao .Jieshao {
    font-size: 0.32rem; }
    .bannerJieshao .Jieshao .scenic {
      color: #333333;
      padding: 0.2666666667rem 0 0.4rem;
      box-sizing: border-box;
      border-bottom: 1px solid #14729e;
      margin-bottom: 0.2666666667rem;
      line-height: 1.2; }
    .bannerJieshao .Jieshao .China {
      line-height: 1.2; }
      .bannerJieshao .Jieshao .China h3 {
        font-size: 0.4266666667rem;
        color: #042d41;
        font-style: italic;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .bannerJieshao .Jieshao .China .div1 {
        color: #042d41;
        margin-bottom: 0.4rem; }
      .bannerJieshao .Jieshao .China .div2 {
        color: #186e96; }

.carousel-content {
  width: 100%;
  height: 5.28rem;
  position: relative;
  margin: 0 auto; }
  .carousel-content h3 {
    font-size: 0.48rem;
    color: #fff;
    position: absolute;
    left: 0.4533333333rem;
    bottom: 0.2133333333rem;
    z-index: 9999; }

.carousel {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.4rem; }

.carousel li {
  float: left;
  position: absolute;
  display: none; }

.carousel li, .carousel li img {
  width: 100%;
  height: 100%; }

.carousel-index {
  position: absolute;
  bottom: 0.2133333333rem;
  right: 0.5333333333rem;
  display: flex;
  justify-content: center; }

.carousel-index li {
  float: left;
  width: 0.3466666667rem;
  height: 0.3466666667rem;
  line-height: 0.3466666667rem;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
  margin: 0 3px;
  color: #fff;
  box-sizing: border-box; }

.carousel-index li.current-index {
  background-color: white; }

.carousel-index li:hover {
  background-color: white; }

.recommend {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .recommend h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem; }
  .recommend .recommendBox {
    width: 100%;
    overflow: auto; }
    .recommend .recommendBox::-webkit-scrollbar {
      display: none; }
    .recommend .recommendBox .recommendContent {
      display: inline-flex;
      overflow: auto; }
      .recommend .recommendBox .recommendContent li {
        width: 4rem;
        margin-right: 0.32rem; }
        .recommend .recommendBox .recommendContent li a {
          display: block; }
          .recommend .recommendBox .recommendContent li a .img {
            width: 100%;
            height: 2.88rem;
            position: relative; }
            .recommend .recommendBox .recommendContent li a .img img {
              width: 100%;
              height: 100%; }
            .recommend .recommendBox .recommendContent li a .img .price {
              position: absolute;
              bottom: 0.1333333333rem;
              right: 0.24rem;
              font-size: 0.48rem;
              color: #f60000; }
              .recommend .recommendBox .recommendContent li a .img .price span {
                color: #868686; }
          .recommend .recommendBox .recommendContent li a .title {
            font-size: 0.32rem;
            color: #272727;
            text-align: center;
            background-color: #fff;
            line-height: 0.6133333333rem;
            border: 1px solid #cccccc;
            overflow: hidden;
            text-overflow: ellipsis;
            /*word-break: keep-all;*/
            white-space: nowrap; }

.aboutChina {
  width: 8.9333333333rem;
  margin: 0.8533333333rem auto 0.8rem; }
  .aboutChina h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.48rem; }
  .aboutChina ul {
    display: flex;
    flex-wrap: wrap; }
    .aboutChina ul li {
      width: 4.2666666667rem;
      margin-right: 0.3946666667rem;
      margin-bottom: 0.3733333333rem; }
      .aboutChina ul li:nth-child(2n) {
        margin-right: 0; }
      .aboutChina ul li a {
        display: block; }
        .aboutChina ul li a .img {
          position: relative;
          width: 100%;
          height: 3.52rem;
          border-radius: 0.1333333333rem 0.1333333333rem 0 0;
          overflow: hidden; }
          .aboutChina ul li a .img img {
            width: 100%;
            height: 100%; }
          .aboutChina ul li a .img p {
            width: 100%;
            color: #fff;
            font-size: 12px;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.5);
            bottom: 0;
            line-height: 0.6666666667rem;
            text-align: center; }
        .aboutChina ul li a .text {
          background-color: #f6f6f6;
          color: #000;
          font-size: 12px;
          padding: 0.2666666667rem 0.16rem;
          box-sizing: border-box; }
          .aboutChina ul li a .text .textTop {
            position: relative;
            padding: 0.1866666667rem 0.24rem;
            box-sizing: border-box; }
            .aboutChina ul li a .text .textTop div {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
            .aboutChina ul li a .text .textTop .yinhao1 {
              position: absolute;
              width: 0.24rem;
              height: 0.1866666667rem;
              top: 0;
              left: 0; }
            .aboutChina ul li a .text .textTop .yinhao2 {
              position: absolute;
              width: 0.24rem;
              height: 0.1866666667rem;
              bottom: 0;
              right: 0; }
          .aboutChina ul li a .text .textBo {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; }
            .aboutChina ul li a .text .textBo .span1 {
              width: 0.5066666667rem;
              height: 0.5866666667rem;
              display: inline-block;
              margin-right: 0.1333333333rem; }
              .aboutChina ul li a .text .textBo .span1 img {
                display: inline-block;
                width: 100%;
                height: 100%; }
  .aboutChina .page {
    text-align: center;
    font-size: 0.3733333333rem;
    margin-top: 0.4rem; }
    .aboutChina .page a {
      color: #626262;
      line-height: 1;
      padding: 0.1066666667rem 0.2133333333rem;
      margin: 0 0.1333333333rem;
      border-radius: 0.08rem; }
    .aboutChina .page .pageOn {
      background-color: #01a3c6;
      color: #fff; }

.strategyDetails {
  width: 8.9333333333rem;
  margin: 0 auto 0.9333333333rem;
  background-color: #fff; }
  .strategyDetails .img {
    width: 100%;
    height: 5.2533333333rem; }
    .strategyDetails .img img {
      width: 100%;
      height: 100%; }
  .strategyDetails .strategyDetailsBox {
    padding: 0.32rem 0.2666666667rem 0.5333333333rem;
    box-sizing: border-box; }
    .strategyDetails .strategyDetailsBox h3 {
      font-size: 0.48rem;
      line-height: 1;
      color: #272727;
      margin-bottom: 0.1333333333rem;
      font-weight: bold; }
    .strategyDetails .strategyDetailsBox .author {
      font-size: 0.32rem;
      font-size: black;
      padding-bottom: 0.32rem;
      border-bottom: 1px solid #b1b1b1; }
      .strategyDetails .strategyDetailsBox .author .span1 {
        margin-right: 0.72rem; }
        .strategyDetails .strategyDetailsBox .author .span1 i {
          background: url(../images/xiaoren.png) no-repeat;
          width: 0.48rem;
          height: 0.5333333333rem;
          display: inline-block;
          background-size: 100% 100%;
          transform: translateY(0.1066666667rem);
          margin-right: 0.2666666667rem; }
      .strategyDetails .strategyDetailsBox .author .span2 i {
        background: url(../images/A4z.png) no-repeat;
        width: 0.32rem;
        height: 0.4266666667rem;
        display: inline-block;
        background-size: 100% 100%;
        transform: translateY(0.0266666667rem);
        margin-right: 0.2666666667rem; }
    .strategyDetails .strategyDetailsBox .content {
      font-size: 0.32rem;
      line-height: 1.2;
      color: #4a4a4a;
      padding-top: 0.16rem; }
      .strategyDetails .strategyDetailsBox .content img {
        max-width: 100%; }
      .strategyDetails .strategyDetailsBox .content .tit {
        color: #06405b;
        margin: 0.5333333333rem 0 0.2666666667rem; }
      .strategyDetails .strategyDetailsBox .content .Img {
        margin-top: 0.5333333333rem; }

.strategyDetailsForm {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #bfd9e4;
  padding: 0.32rem 0.5333333333rem 0.48rem;
  margin-bottom: 0.6933333333rem;
  box-sizing: border-box; }
  .strategyDetailsForm h2 {
    color: #383838;
    font-size: 0.3733333333rem;
    line-height: 1;
    margin-bottom: 0.2666666667rem; }
  .strategyDetailsForm input {
    color: #3c3a3a;
    width: 100%;
    height: 0.6933333333rem;
    font-size: 0.32rem;
    display: block;
    padding: 0 0.2133333333rem;
    box-sizing: border-box;
    margin-bottom: 0.4533333333rem;
    outline: none;
    border: none; }
  .strategyDetailsForm textarea {
    display: block;
    width: 100%;
    height: 2.8rem;
    font-size: 0.32rem;
    box-sizing: border-box;
    padding: 0.1333333333rem 0.2133333333rem;
    outline: none;
    border: none;
    resize: none;
    margin-bottom: 0.4rem;
    color: #3c3a3a; }
  .strategyDetailsForm button {
    display: block;
    width: 100%;
    font-size: 0.48rem;
    height: 0.9333333333rem;
    outline: none;
    border: none;
    background-color: #ff7200;
    color: #fff; }

/*攻略=====================================================================================*/
/*目的地=====================================================================================*/
.ChinaToIntroduce {
  width: 8.9333333333rem;
  margin: 0 auto 1.0133333333rem;
  background-color: #fff; }
  .ChinaToIntroduce .ChinaMap {
    padding: 0.0533333333rem 0.2666666667rem 0.2133333333rem;
    box-sizing: border-box; }
    .ChinaToIntroduce .ChinaMap img {
      width: 100%;
      height: 6.4rem; }
  .ChinaToIntroduce .ChinaIntroduce {
    padding: 0.32rem 0.1333333333rem 0.4rem;
    box-sizing: border-box;
    font-size: 0.32rem;
    border-top: 1px dashed #c9c9c8;
    color: #000;
    line-height: 1.2; }
    .ChinaToIntroduce .ChinaIntroduce .city {
      color: #0c74df;
      margin-bottom: 0.48rem;
      margin-top: 0.2666666667rem; }

.destinationCities {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .destinationCities h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem;
    position: relative; }
    .destinationCities h2 .more {
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: 0.32rem;
      color: #fff;
      background-color: #ffda21;
      padding: 0 0.2133333333rem;
      border-radius: 0.1333333333rem; }
  .destinationCities .CitiesBox {
    width: 100%;
    overflow: auto;
    display: flex; }
    .destinationCities .CitiesBox::-webkit-scrollbar {
      display: none; }
    .destinationCities .CitiesBox li {
      position: relative; }
      .destinationCities .CitiesBox li .img img {
        width: 2.2666666667rem;
        height: 2.5333333333rem; }
      .destinationCities .CitiesBox li span {
        font-size: 0.32rem;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .destinationCities .CitiesNav {
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.32rem;
    line-height: 0.8533333333rem;
    margin-bottom: 0.48rem; }
    .destinationCities .CitiesNav::-webkit-scrollbar {
      display: none; }
    .destinationCities .CitiesNav li {
      text-align: center;
      width: 25%;
      border-right: 1px solid #e1e1e1;
      box-sizing: border-box;
      border-bottom: 1px solid #e1e1e1; }
      .destinationCities .CitiesNav li:nth-child(4n) {
        border-right: none; }
      .destinationCities .CitiesNav li a {
        color: #464646;
        width: 100px; }
  .destinationCities .readingMore {
    font-size: 0.3733333333rem;
    text-align: center;
    padding-bottom: 0.2666666667rem; }
    .destinationCities .readingMore a {
      color: #017bc6;
      border: 1px solid #017bc6;
      background-color: #fff;
      border-radius: 0.1333333333rem;
      padding: 0.16rem 0.48rem;
      box-sizing: border-box; }

.TopTours {
  width: 8.9333333333rem;
  margin: 0.6933333333rem auto 0.8rem; }
  .TopTours h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b; }
  .TopTours .toursBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.48rem; }
    .TopTours .toursBox li {
      width: 4.2666666667rem;
      margin-right: 0.3946666667rem;
      margin-bottom: 0.48rem; }
      .TopTours .toursBox li:nth-child(2n) {
        margin-right: 0; }
      .TopTours .toursBox li a {
        display: block; }
        .TopTours .toursBox li a .img {
          width: 100%;
          height: 3.0666666667rem;
          overflow: hidden;
          border-radius: 0.2133333333rem 0.2133333333rem 0 0; }
          .TopTours .toursBox li a .img img {
            width: 100%;
            height: 100%; }
        .TopTours .toursBox li a .text {
          background-color: white;
          padding: 0.2666666667rem 0.1866666667rem 0.2666666667rem 0.1866666667rem;
          box-sizing: border-box;
          overflow: hidden;
          border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
          .TopTours .toursBox li a .text h3 {
            font-size: 0.32rem;
            color: #272727;
            line-height: 1.2;
            margin-bottom: 0.4rem;
            /*word-break: break-all;*/ }
          .TopTours .toursBox li a .text .label {
            font-size: 0.32rem;
            color: #2d74d6;
            line-height: 1.3;
            position: relative;
            padding-bottom: 0.1333333333rem;
            border-bottom: 1px dashed #c7c7c5;
            margin-bottom: 0.2133333333rem; }
            .TopTours .toursBox li a .text .label span {
              display: inline-block;
              box-sizing: border-box;
              margin-right: 0.2666666667rem; }
              .TopTours .toursBox li a .text .label span:nth-child(2) {
                position: absolute;
                right: 0; }
              .TopTours .toursBox li a .text .label span:nth-child(3) {
                color: #ff9c00; }
          .TopTours .toursBox li a .text .price {
            color: #9d9d9d;
            font-size: 0.32rem;
            display: flex;
            justify-content: space-between; }
            .TopTours .toursBox li a .text .price .span2 {
              font-size: 0.48rem;
              color: red;
              margin-right: 0.1333333333rem; }
              .TopTours .toursBox li a .text .price .span2 i {
                color: #9d9d9d; }
            .TopTours .toursBox li a .text .price .span1 {
              margin-right: 0.4rem;
              text-decoration: line-through; }
  .TopTours .page {
    text-align: center;
    font-size: 0.3733333333rem; }
    .TopTours .page a {
      color: #626262;
      line-height: 1;
      padding: 0.1066666667rem 0.2133333333rem;
      margin: 0 0.1333333333rem;
      border-radius: 0.08rem; }
    .TopTours .page .pageOn {
      background-color: #01a3c6;
      color: #fff; }

.Transfers {
  width: 8.9333333333rem;
  margin: 0 auto 0.6666666667rem; }
  .Transfers h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.48rem; }
  .Transfers .TransfersBox {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.1866666667rem; }
    .Transfers .TransfersBox li {
      width: 4.32rem;
      border: 1px solid #c9c9c6;
      background-color: #fff;
      margin-right: 0.1813333333rem;
      margin-bottom: 0.3466666667rem; }
      .Transfers .TransfersBox li:nth-child(2n) {
        margin-right: 0; }
      .Transfers .TransfersBox li a {
        display: block; }
        .Transfers .TransfersBox li a .img {
          width: 100%;
          height: 2.6666666667rem; }
          .Transfers .TransfersBox li a .img img {
            width: 100%;
            height: 100%; }
        .Transfers .TransfersBox li a .text {
          font-size: 0.32rem;
          padding: 0.1066666667rem 0.1066666667rem 0.2666666667rem; }
          .Transfers .TransfersBox li a .text .title {
            line-height: 0.3733333333rem;
            color: #434343;
            padding-bottom: 0.1066666667rem;
            border-bottom: 1px dashed #afafaf;
            margin-bottom: 0.1866666667rem; }
          .Transfers .TransfersBox li a .text .type {
            color: #419cd4;
            font-size: 0.3466666667rem;
            margin-bottom: 0.1866666667rem; }
            .Transfers .TransfersBox li a .text .type i {
              background: url(../images/xiaolanche.png) no-repeat;
              width: 0.5333333333rem;
              height: 0.4533333333rem;
              background-size: 100% 100%;
              display: inline-block;
              margin-right: 0.3466666667rem;
              position: relative;
              bottom: -0.0533333333rem; }
              .Transfers .TransfersBox li a .text .type i::before {
                position: absolute;
                right: -0.1866666667rem;
                bottom: 0;
                content: '';
                width: 0.0533333333rem;
                height: 0.4rem;
                display: inline-block;
                background-color: #419cd4; }
          .Transfers .TransfersBox li a .text .USD {
            color: #ff7200;
            font-size: 0.3733333333rem; }
            .Transfers .TransfersBox li a .text .USD span {
              font-size: 0.48rem; }
  .Transfers .page {
    text-align: center;
    font-size: 0.3733333333rem; }
    .Transfers .page a {
      color: #626262;
      line-height: 1;
      padding: 0.1066666667rem 0.2133333333rem;
      margin: 0 0.1333333333rem;
      border-radius: 0.08rem; }
    .Transfers .page .pageOn {
      background-color: #01a3c6;
      color: #fff; }

.Popularhotel {
  width: 8.9333333333rem;
  margin: 0.9066666667rem auto 0.9333333333rem; }
  .Popularhotel h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem; }
  .Popularhotel .List li {
    padding-bottom: 0.32rem;
    margin-bottom: 0.6666666667rem;
    border-bottom: 1px dashed #b0b0ad; }
    .Popularhotel .List li a {
      display: block; }
    .Popularhotel .List li .box {
      display: flex;
      justify-content: space-between; }
      .Popularhotel .List li .box .img {
        width: 3.68rem;
        height: 2.5066666667rem; }
        .Popularhotel .List li .box .img img {
          width: 100%;
          height: 100%; }
    .Popularhotel .List li .text {
      width: 4.96rem;
      font-size: 0.32rem;
      color: #1d1d1d; }
      .Popularhotel .List li .text h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        margin-bottom: 0.2133333333rem; }
      .Popularhotel .List li .text .typeScore {
        margin-bottom: 0.2133333333rem; }
        .Popularhotel .List li .text .typeScore .type {
          color: #ff4e00;
          margin-right: 0.2666666667rem; }
        .Popularhotel .List li .text .typeScore .score {
          color: #008fea; }
      .Popularhotel .List li .text .introduce {
        margin-bottom: 0.16rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
      .Popularhotel .List li .text .USD {
        text-align: right; }
        .Popularhotel .List li .text .USD span {
          margin-left: 0.2133333333rem;
          color: #f00000; }
          .Popularhotel .List li .text .USD span i {
            font-size: 0.48rem; }
  .Popularhotel .page {
    text-align: center;
    font-size: 0.3733333333rem; }
    .Popularhotel .page a {
      color: #626262;
      line-height: 1;
      padding: 0.1066666667rem 0.2133333333rem;
      margin: 0 0.1333333333rem;
      border-radius: 0.08rem; }
    .Popularhotel .page .pageOn {
      background-color: #01a3c6;
      color: #fff; }

.GuilinActivities {
  width: 8.9333333333rem;
  margin: 0.6933333333rem auto 0.6933333333rem; }
  .GuilinActivities h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b; }
  .GuilinActivities .toursBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.48rem; }
    .GuilinActivities .toursBox li {
      width: 4.2666666667rem;
      margin-right: 0.3946666667rem;
      margin-bottom: 0.48rem; }
      .GuilinActivities .toursBox li:nth-child(2n) {
        margin-right: 0; }
      .GuilinActivities .toursBox li a {
        display: block; }
        .GuilinActivities .toursBox li a .img {
          width: 100%;
          height: 3.0666666667rem;
          overflow: hidden;
          border-radius: 0.2133333333rem 0.2133333333rem 0 0; }
          .GuilinActivities .toursBox li a .img img {
            width: 100%;
            height: 100%; }
        .GuilinActivities .toursBox li a .text {
          background-color: white;
          padding: 0.2666666667rem 0.1866666667rem 0.2666666667rem 0.1866666667rem;
          box-sizing: border-box;
          overflow: hidden;
          border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
          .GuilinActivities .toursBox li a .text h3 {
            font-size: 0.32rem;
            color: #272727;
            line-height: 1.2;
            margin-bottom: 0.24rem;
            /*word-break: break-all; */}
          .GuilinActivities .toursBox li a .text .label {
            font-size: 0.32rem;
            color: #2d74d6;
            line-height: 1.3;
            position: relative;
            padding-bottom: 0.1333333333rem;
            border-bottom: 1px dashed #c7c7c5;
            margin-bottom: 0.2133333333rem;
            color: #ff9c00; }
          .GuilinActivities .toursBox li a .text .price {
            color: #9d9d9d;
            font-size: 0.32rem;
            display: flex;
            justify-content: space-between; }
            .GuilinActivities .toursBox li a .text .price .span2 {
              font-size: 0.48rem;
              color: red;
              margin-right: 0.1333333333rem; }
              .GuilinActivities .toursBox li a .text .price .span2 i {
                color: #9d9d9d; }
            .GuilinActivities .toursBox li a .text .price .span1 {
              margin-right: 0.4rem;
              text-decoration: line-through; }
  .GuilinActivities .page {
    text-align: center;
    font-size: 0.3733333333rem; }
    .GuilinActivities .page a {
      color: #1d8cf3;
      border: 1px solid #1d8cf3;
      border-radius: 0.08rem;
      line-height: 1;
      padding: 0.0533333333rem 0.16rem;
      background: #fff;
      margin: 0 0.1066666667rem; }
    .GuilinActivities .page .on {
      color: #fff;
      background-color: #1d8cf3; }

/*目的地=====================================================================================*/
/*ThankYou!=====================================================================================*/
.ThankYou {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #fff;
  padding: 0.5333333333rem 0.24rem 0.6666666667rem;
  box-sizing: border-box;
  color: #2e2e2e;
  font-size: 0.32rem;
  line-height: 1.2;
  margin-bottom: 0.5333333333rem; }
  .ThankYou h2 {
    font-size: 0.64rem;
    text-align: center;
    line-height: 1;
    margin-bottom: 0.2666666667rem; }
    .ThankYou h2 .jies {
      line-height: 1;
      font-size: 0.3733333333rem;
      margin-bottom: 0.48rem; }

.WWCD {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem; }
  .WWCD h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    line-height: 1;
    margin-bottom: 0.3466666667rem; }
  .WWCD .ChinaTours, .WWCD .TicketBooking, .WWCD .CarRental, .WWCD .Destinations {
    font-size: 0.32rem; }
    .WWCD .ChinaTours h3, .WWCD .TicketBooking h3, .WWCD .CarRental h3, .WWCD .Destinations h3 {
      line-height: 0.5333333333rem;
      background-color: #b3dcf8;
      padding-left: 0.08rem;
      box-sizing: border-box; }
    .WWCD .ChinaTours .list li a, .WWCD .TicketBooking .list li a, .WWCD .CarRental .list li a, .WWCD .Destinations .list li a {
      color: #363636; }
  .WWCD .ChinaTours .list {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0.32rem 0.0533333333rem 0;
    box-sizing: border-box; }
    .WWCD .ChinaTours .list li {
      width: 50%;
      line-height: 1;
      margin-bottom: 0.32rem; }
      .WWCD .ChinaTours .list li:before {
        content: "";
        display: inline-block;
        width: 0.1333333333rem;
        height: 0.1333333333rem;
        background-color: #238bd3;
        border-radius: 50%;
        transform: translateY(-50%);
        margin-right: 0.1333333333rem; }
  .WWCD .TicketBooking .list {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0.32rem 0.0533333333rem 0;
    box-sizing: border-box; }
    .WWCD .TicketBooking .list li {
      width: 25%;
      line-height: 1;
      margin-bottom: 0.32rem;
      white-space: nowrap; }
      .WWCD .TicketBooking .list li:before {
        content: "";
        display: inline-block;
        width: 0.1333333333rem;
        height: 0.1333333333rem;
        background-color: #238bd3;
        border-radius: 50%;
        transform: translateY(-50%);
        margin-right: 0.1333333333rem; }
  .WWCD .CarRental .list {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0.32rem 0.0533333333rem 0;
    box-sizing: border-box; }
    .WWCD .CarRental .list li {
      width: 100%;
      line-height: 1;
      margin-bottom: 0.32rem; }
      .WWCD .CarRental .list li:before {
        content: "";
        display: inline-block;
        width: 0.1333333333rem;
        height: 0.1333333333rem;
        background-color: #238bd3;
        border-radius: 50%;
        transform: translateY(-50%);
        margin-right: 0.1333333333rem; }
  .WWCD .Destinations {
    background-color: #fff;
    padding-bottom: 0.32rem; }
    .WWCD .Destinations .list {
      background-color: #fff;
      display: flex;
      flex-wrap: wrap;
      padding: 0.32rem 0.0533333333rem 0;
      box-sizing: border-box; }
      .WWCD .Destinations .list li {
        width: 25%;
        line-height: 1;
        margin-bottom: 0.32rem;
        white-space: nowrap; }
        .WWCD .Destinations .list li:before {
          content: "";
          display: inline-block;
          width: 0.1333333333rem;
          height: 0.1333333333rem;
          background-color: #238bd3;
          border-radius: 50%;
          transform: translateY(-50%);
          margin-right: 0.1333333333rem; }
    .WWCD .Destinations .more {
      color: #0762a1;
      padding-left: 0.32rem; }

/*ThankYou!=====================================================================================*/
/*登陆or注册=====================================================================================*/
.landing {
  width: 8.9333333333rem;
  margin: 0 auto 1.2rem;
  background-color: #fff;
  font-size: 0.48rem;
  color: black;
  border-radius: 0.2133333333rem;
  overflow: hidden; }
  .landing .landingTop {
    display: flex;
    border-bottom: 1px solid #ccd6df;
    box-sizing: border-box; }
    .landing .landingTop li {
      width: 50%;
      text-align: center;
      line-height: 1.4666666667rem;
      font-size: 0.64rem; }
      .landing .landingTop li:nth-child(1) {
        background-color: #00a3f7; }
  .landing .landingForm {
    padding: 1.04rem 0.32rem 1.1466666667rem;
    box-sizing: border-box; }
    .landing .landingForm p {
      line-height: 1;
      margin-bottom: 0.2133333333rem; }
    .landing .landingForm input {
      width: 100%;
      line-height: 1.0133333333rem;
      padding-left: 0.2133333333rem;
      box-sizing: border-box;
      margin-bottom: 0.6666666667rem;
      border: 2px solid #000; }
    .landing .landingForm .validateCode {
      box-sizing: border-box;
      border: 2px solid #000;
      height: 1.0133333333rem;
      width: 100%;
      margin-bottom: 0.6666666667rem; }
    .landing .landingForm .confirm {
      width: 100%;
      font-size: 0.3733333333rem;
      padding-left: 0.2666666667rem;
      height: 1.3333333333rem; }
      .landing .landingForm .confirm input {
        width: 0.4266666667rem;
        height: 0.4266666667rem;
        line-height: 0;
        padding-left: 0;
        margin-bottom: 0;
        border: none;
        margin-right: 0.2666666667rem; }
      .landing .landingForm .confirm #ty {
        visibility: hidden; }
      .landing .landingForm .confirm #ty + label {
        width: 16px;
        height: 16px;
        background-color: #000;
        display: block;
        position: relative;
        top: -16px;
        left: 0px;
        border-radius: 4px;
        cursor: pointer;
        overflow: hidden; }
      .landing .landingForm .confirm #ty:checked + label:before {
        content: "√";
        width: 16px;
        height: 16px;
        display: block;
        color: #ffffff;
        text-align: center;
        font-weight: bolder;
        line-height: 16px; }
    .landing .landingForm .submit {
      text-align: center; }
      .landing .landingForm .submit button {
        width: 5.76rem;
        line-height: 1.1466666667rem;
        font-size: 0.7733333333rem;
        background-color: #00a3f7;
        border: none; }
    .landing .landingForm .WeChat {
      line-height: 0.88rem;
      height: 0.88rem;
      margin-top: 0.8rem; }
      .landing .landingForm .WeChat a {
        text-align: center;
        height: 100%;
        display: block;
        font-size: 0.5066666667rem; }
        .landing .landingForm .WeChat a i {
          display: inline-block;
          background: url(../images/weixin.png) no-repeat;
          background-size: 100% 100%;
          width: 1.0666666667rem;
          height: 0.88rem;
          margin-right: 0.2666666667rem;
          transform: translateY(0.2666666667rem); }
        .landing .landingForm .WeChat a span {
          color: #ff6c00;
          line-height: 0.88rem;
          text-decoration: underline; }

.registered {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem;
  background-color: #fff;
  font-size: 0.48rem;
  color: black;
  border-radius: 0.2133333333rem;
  overflow: hidden; }
  .registered h2 {
    font-size: 0.64rem;
    background-color: #00a3f7;
    line-height: 1.3866666667rem;
    padding-left: 1.6rem; }
  .registered .registeredForm {
    padding: 1.04rem 0.32rem 1.1466666667rem;
    box-sizing: border-box; }
    .registered .registeredForm p {
      line-height: 1;
      margin-bottom: 0.2133333333rem; }
    .registered .registeredForm input {
      width: 100%;
      line-height: 1.0133333333rem;
      padding-left: 0.2133333333rem;
      box-sizing: border-box;
      margin-bottom: 0.6666666667rem;
      border: 2px solid #000; }
    .registered .registeredForm .validateCode {
      box-sizing: border-box;
      border: 2px solid #000;
      height: 1.0133333333rem;
      width: 100%;
      margin-bottom: 0.6666666667rem; }
    .registered .registeredForm .confirm {
      width: 100%;
      font-size: 0.3733333333rem;
      padding-left: 0.2666666667rem;
      height: 1.3333333333rem; }
      .registered .registeredForm .confirm input {
        width: 0.4266666667rem;
        height: 0.4266666667rem;
        line-height: 0;
        padding-left: 0;
        margin-bottom: 0;
        border: none;
        margin-right: 0.2666666667rem; }
      .registered .registeredForm .confirm #ty {
        visibility: hidden; }
      .registered .registeredForm .confirm #ty + label {
        width: 16px;
        height: 16px;
        background-color: #000;
        display: block;
        position: relative;
        top: -16px;
        left: 0px;
        border-radius: 4px;
        cursor: pointer;
        overflow: hidden; }
      .registered .registeredForm .confirm #ty:checked + label:before {
        content: "√";
        width: 16px;
        height: 16px;
        display: block;
        color: #ffffff;
        text-align: center;
        font-weight: bolder;
        line-height: 16px; }
    .registered .registeredForm .submit {
      text-align: center; }
      .registered .registeredForm .submit button {
        width: 5.76rem;
        line-height: 1.1466666667rem;
        font-size: 0.7733333333rem;
        background-color: #00a3f7;
        border: none; }

/*登陆or注册=====================================================================================*/
/*问答=====================================================================================*/
.question {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  background-color: #fff;
  border-radius: 0.2133333333rem 0.2133333333rem 0 0;
  overflow: hidden; }
  .question h2 {
    background-color: #00a3f7;
    font-size: 0.48rem;
    line-height: 1.3866666667rem;
    color: white;
    text-align: center; }
  .question .questionBox {
    padding: 0.48rem 1.0133333333rem 0; }
    .question .questionBox .box {
      font-size: 0.3733333333rem;
      padding-bottom: 0.4rem; }
      .question .questionBox .box h3 {
        font-size: 0.64rem;
        line-height: 1;
        text-align: center;
        color: #1fb6c4; }
        .question .questionBox .box h3:after {
          content: '';
          display: block;
          width: 100%;
          height: 0.1066666667rem;
          background: url(../images/wendabgt.png) no-repeat;
          background-size: 100% 100%;
          margin-top: 0.4266666667rem;
          margin-bottom: 0.48rem; }
      .question .questionBox .box ol {
        counter-reset: li;
        font-size: 0.3733333333rem;
        line-height: 0.48rem; }
        .question .questionBox .box ol li {
          margin-bottom: 0.5333333333rem;
          position: relative;
          padding-left: 0.9866666667rem; }
          .question .questionBox .box ol li:after {
            width: 0.7466666667rem;
            height: 0.8533333333rem;
            background: #def4f6;
            color: #1fb6c4;
            content: "0" counter(li);
            counter-increment: li;
            line-height: 0.8533333333rem;
            position: absolute;
            text-align: center;
            border-radius: 0.08rem;
            top: 0;
            left: 0; }
          .question .questionBox .box ol li a {
            color: #5f5f5f; }
  .question .ChinaTours, .question .TicketBooking, .question .CarRental, .question .Destinations {
    font-size: 0.32rem; }
    .question .ChinaTours h3, .question .TicketBooking h3, .question .CarRental h3, .question .Destinations h3 {
      line-height: 0.5333333333rem;
      background-color: #b3dcf8;
      padding-left: 0.08rem;
      box-sizing: border-box; }
  .question .ChinaTours .list {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0.32rem 0.0533333333rem 0;
    box-sizing: border-box; }
    .question .ChinaTours .list li {
      width: 50%;
      line-height: 1;
      margin-bottom: 0.32rem; }
      .question .ChinaTours .list li:before {
        content: "";
        display: inline-block;
        width: 0.1333333333rem;
        height: 0.1333333333rem;
        background-color: #238bd3;
        border-radius: 50%;
        transform: translateY(-50%);
        margin-right: 0.1333333333rem; }
  .question .TicketBooking .list {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0.32rem 0.0533333333rem 0;
    box-sizing: border-box; }
    .question .TicketBooking .list li {
      width: 25%;
      line-height: 1;
      margin-bottom: 0.32rem;
      white-space: nowrap; }
      .question .TicketBooking .list li:before {
        content: "";
        display: inline-block;
        width: 0.1333333333rem;
        height: 0.1333333333rem;
        background-color: #238bd3;
        border-radius: 50%;
        transform: translateY(-50%);
        margin-right: 0.1333333333rem; }
  .question .CarRental .list {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0.32rem 0.0533333333rem 0;
    box-sizing: border-box; }
    .question .CarRental .list li {
      width: 100%;
      line-height: 1;
      margin-bottom: 0.32rem; }
      .question .CarRental .list li:before {
        content: "";
        display: inline-block;
        width: 0.1333333333rem;
        height: 0.1333333333rem;
        background-color: #238bd3;
        border-radius: 50%;
        transform: translateY(-50%);
        margin-right: 0.1333333333rem; }
  .question .Destinations {
    background-color: #fff;
    padding-bottom: 0.32rem; }
    .question .Destinations .list {
      background-color: #fff;
      display: flex;
      flex-wrap: wrap;
      padding: 0.32rem 0.0533333333rem 0;
      box-sizing: border-box; }
      .question .Destinations .list li {
        width: 25%;
        line-height: 1;
        margin-bottom: 0.32rem;
        white-space: nowrap; }
        .question .Destinations .list li:before {
          content: "";
          display: inline-block;
          width: 0.1333333333rem;
          height: 0.1333333333rem;
          background-color: #238bd3;
          border-radius: 50%;
          transform: translateY(-50%);
          margin-right: 0.1333333333rem; }
    .question .Destinations .more {
      color: #0762a1;
      padding-left: 0.32rem; }

.questionDetails {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #fff;
  padding: 0.6133333333rem 0 0;
  box-sizing: border-box;
  margin-bottom: 0.6133333333rem; }
  .questionDetails .seek {
    width: 100%;
    padding: 0 0.2666666667rem;
    font-size: 0.32rem;
    position: relative;
    box-sizing: border-box; }
    .questionDetails .seek input {
      width: 100%;
      line-height: 0.6933333333rem;
      box-sizing: border-box;
      border-radius: 0.8rem;
      padding-left: 0.4266666667rem;
      border: 1px solid #dfdfdf; }
    .questionDetails .seek button {
      position: absolute;
      right: 0.5333333333rem;
      top: 0.16rem;
      outline: none;
      border: none;
      background-color: #fff; }
      .questionDetails .seek button i {
        width: 0.32rem;
        height: 0.3466666667rem;
        background: url(../images/fangdajing.png) no-repeat;
        background-size: 100% 100%;
        display: inline-block; }
  .questionDetails .issue {
    padding: 0.9333333333rem 0.48rem 0.4266666667rem;
    border-bottom: 1px solid #e6e6e6; }
    .questionDetails .issue .message {
      height: 0.9333333333rem;
      padding-left: 0.9066666667rem;
      font-size: 0.32rem;
      background: url(../images/lanwenhao.png) no-repeat;
      background-size: 0.5333333333rem 0.9333333333rem;
      color: #787878;
      line-height: 0.4666666667rem; }
    .questionDetails .issue .title {
      font-size: 0.32rem;
      color: #2f2f2f;
      margin-top: 0.1333333333rem;
      margin-bottom: 0.2666666667rem; }
    .questionDetails .issue .Reply {
      display: block;
      line-height: 0.64rem;
      font-size: 0.3733333333rem;
      background-color: #0084ff;
      text-align: center;
      color: #fff;
      width: 2.8266666667rem; }
  .questionDetails .answerLisr li {
    padding: 0.48rem 0 0.88rem;
    border-bottom: 1px dashed #bababa;
    font-size: 0.32rem;
    color: #7b7b7b; }
    .questionDetails .answerLisr li:last-child {
      border: none;
      padding-bottom: 0.6666666667rem; }
    .questionDetails .answerLisr li .commentator {
      background: url(../images/jugantanhao.png) no-repeat;
      background-size: 0.72rem 0.72rem;
      padding-left: 1.3333333333rem;
      line-height: 0.3466666667rem;
      background-position-x: 0.32rem; }
    .questionDetails .answerLisr li .content {
      line-height: 0.4266666667rem;
      padding: 0 0.1333333333rem 0 0.48rem;
      margin-top: 0.2666666667rem;
      margin-bottom: 0.48rem; }
    .questionDetails .answerLisr li .interaction {
      padding: 0 0.3466666667rem; }
      .questionDetails .answerLisr li .interaction .box {
        border: 1px solid #e5e5e5;
        position: relative; }
        .questionDetails .answerLisr li .interaction .box:after {
          content: '';
          display: inline-block;
          width: 0.2666666667rem;
          height: 0.16rem;
          background: url(../images/topsanjiao.png) no-repeat;
          background-size: 100% 100%;
          position: absolute;
          left: 2.5866666667rem;
          top: -0.16rem; }
        .questionDetails .answerLisr li .interaction .box .interactionList {
          padding: 0 0.1866666667rem 0.2666666667rem;
          line-height: 0.4266666667rem;
          border-bottom: 1px solid #e5e5e5; }
          .questionDetails .answerLisr li .interaction .box .interactionList .date {
            padding-left: 0.24rem;
            margin-top: 0.32rem; }
          .questionDetails .answerLisr li .interaction .box .interactionList .contnet {
            padding-left: 0.24rem;
            color: #666666; }
          .questionDetails .answerLisr li .interaction .box .interactionList .replyPraise {
            margin-top: 0.2666666667rem;
            text-align: right;
            font-size: 0.3733333333rem; }
            .questionDetails .answerLisr li .interaction .box .interactionList .replyPraise .reply {
              color: #878787; }
            .questionDetails .answerLisr li .interaction .box .interactionList .replyPraise .Praise {
              color: #878787; }
              .questionDetails .answerLisr li .interaction .box .interactionList .replyPraise .Praise i {
                display: inline-block;
                background: url(../images/zhan.png) no-repeat;
                width: 0.4266666667rem;
                height: 0.4266666667rem;
                background-size: 100% 100%;
                margin-right: 0.1333333333rem;
                margin-left: 0.48rem; }
        .questionDetails .answerLisr li .interaction .box .Reply {
          background-color: #f6f6f6;
          padding: 0.4rem 0.2666666667rem 0.5333333333rem;
          font-size: 0.32rem; }
          .questionDetails .answerLisr li .interaction .box .Reply .ReplyForm textarea {
            width: 100%;
            height: 1.76rem;
            box-sizing: border-box;
            border: 1px solid #e5e5e5;
            resize: none;
            font-size: 0.32rem;
            border-radius: 0.1333333333rem;
            padding: 0.1333333333rem; }
          .questionDetails .answerLisr li .interaction .box .Reply .ReplyForm .WordsSubmit {
            margin-top: 10px;
            display: flex;
            justify-content: space-between; }
            .questionDetails .answerLisr li .interaction .box .Reply .ReplyForm .WordsSubmit .Words {
              font-size: 0.32rem;
              padding-top: 0.4rem; }
            .questionDetails .answerLisr li .interaction .box .Reply .ReplyForm .WordsSubmit .Submit button {
              font-size: 0.48rem;
              background-color: #ff9d00;
              color: #fff;
              border: none;
              line-height: 0.96rem;
              width: 2.4rem;
              border-radius: 0.08rem; }

/*问答=====================================================================================*/
/*帮助条款=====================================================================================*/
.HelpTheTerms {
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 0.16rem;
  width: 8.9333333333rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0.5866666667rem 0.32rem;
  font-size: 0.32rem;
  line-height: 0.3733333333rem;
  margin-bottom: 0.5333333333rem; }
  .HelpTheTerms .top {
    color: #06405b; }
    .HelpTheTerms .top h2 {
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .HelpTheTerms .top p {
      font-size: 0.3733333333rem;
      line-height: 0.48rem; }
    .HelpTheTerms .top:after {
      content: '';
      display: block;
      background: url(../images/tkbj.png) no-repeat;
      width: 100%;
      height: 0.1333333333rem;
      background-size: 100% 100%;
      margin-top: 0.2666666667rem; }
  .HelpTheTerms .content {
    margin-top: 0.5866666667rem;
    counter-reset: my-item; }
    .HelpTheTerms .content .li {
      margin-bottom: 1.0666666667rem;
      font-size: 0.3733333333rem;
      color: #06405b; }
      .HelpTheTerms .content .li:last-child {
        margin-bottom: 0; }
      .HelpTheTerms .content .li:before {
        counter-increment: my-item;
        content: counter(my-item) "."; }
      .HelpTheTerms .content .li ul {
        font-size: 0.32rem;
        line-height: 0.3733333333rem;
        color: #545454;
        margin-top: 0.2666666667rem; }
        .HelpTheTerms .content .li ul li {
          margin-bottom: 0.32rem; }
          .HelpTheTerms .content .li ul li:last-child {
            margin-bottom: 0; }
          .HelpTheTerms .content .li ul li span {
            color: #06405b; }

/*帮助条款=====================================================================================*/
/*定制游=====================================================================================*/
.CREATYOURTRIP {
  width: 8.9333333333rem;
  margin: 0 auto 0.4266666667rem;
  background-color: #fff;
  border-radius: 0.1333333333rem;
  overflow: hidden; }
  .CREATYOURTRIP h2 {
    font-size: 0.48rem;
    color: #fff;
    background-color: #00a3f7;
    line-height: 1.3866666667rem;
    text-align: center; }
  .CREATYOURTRIP .steward {
    padding: 0.3466666667rem 0.32rem 0.64rem;
    box-sizing: border-box; }
    .CREATYOURTRIP .steward h3 {
      font-size: 0.48rem;
      color: #017bc6;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
    .CREATYOURTRIP .steward .text {
      font-size: 0.3733333333rem;
      line-height: 0.48rem;
      color: #3d3d3d;
      margin-bottom: 0.2666666667rem; }
    .CREATYOURTRIP .steward .imgList {
      display: flex;
      flex-wrap: wrap; }
      .CREATYOURTRIP .steward .imgList li {
        width: 4.0533333333rem;
        margin-right: 0.16rem;
        height: 2.5333333333rem;
        margin-bottom: 0.16rem; }
        .CREATYOURTRIP .steward .imgList li:nth-child(2n) {
          margin-right: 0; }
        .CREATYOURTRIP .steward .imgList li img {
          width: 100%;
          height: 100%; }
  .CREATYOURTRIP .flow {
    padding-bottom: 0.5866666667rem; }
    .CREATYOURTRIP .flow h3 {
      font-size: 0.3733333333rem;
      color: #093c5b;
      padding-left: 0.2133333333rem;
      box-sizing: border-box;
      border-left: 3px solid #093c5b;
      margin-bottom: 0.5333333333rem; }
    .CREATYOURTRIP .flow .flowBox li {
      font-size: 0.4266666667rem;
      color: #303030;
      padding-left: 2.4rem;
      line-height: 0.8rem;
      margin-bottom: 0.2133333333rem;
      background-size: 1.4933333333rem 0.8rem;
      background-position-x: 0.6666666667rem; }
      .CREATYOURTRIP .flow .flowBox li:nth-child(1) {
        background: url(../images/dzlc1.png) no-repeat;
        background-size: 1.4933333333rem 0.8rem;
        background-position-x: 0.6666666667rem; }
      .CREATYOURTRIP .flow .flowBox li:nth-child(2) {
        background: url(../images/dzlc2.png) no-repeat;
        background-size: 1.4933333333rem 0.8rem;
        background-position-x: 0.6666666667rem; }
      .CREATYOURTRIP .flow .flowBox li:nth-child(3) {
        background: url(../images/dzlc3.png) no-repeat;
        background-size: 1.4933333333rem 0.8rem;
        background-position-x: 0.6666666667rem; }
      .CREATYOURTRIP .flow .flowBox li:nth-child(4) {
        background: url(../images/dzlc4.png) no-repeat;
        background-size: 1.4933333333rem 0.8rem;
        background-position-x: 0.6666666667rem; }
      .CREATYOURTRIP .flow .flowBox li:nth-child(5) {
        background: url(../images/dzlc5.png) no-repeat;
        background-size: 1.4933333333rem 0.8rem;
        background-position-x: 0.6666666667rem; }
      .CREATYOURTRIP .flow .flowBox li:nth-child(6) {
        background: url(../images/dzlc6.png) no-repeat;
        background-size: 1.4933333333rem 0.8rem;
        background-position-x: 0.6666666667rem; }
      .CREATYOURTRIP .flow .flowBox li:nth-child(7) {
        background: url(../images/dzlc7.png) no-repeat;
        background-size: 1.4933333333rem 0.8rem;
        background-position-x: 0.6666666667rem; }
      .CREATYOURTRIP .flow .flowBox li:nth-child(8) {
        background: url(../images/dzlc8.png) no-repeat;
        background-size: 1.4933333333rem 0.8rem;
        background-position-x: 0.6666666667rem; }

.GetYourPlanStarted {
  width: 8.9333333333rem;
  margin: 0 auto 1.0133333333rem; }
  .GetYourPlanStarted h2 {
    font-size: 0.37333rem;
    color: #093c5b;
    padding-left: 0.21333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.2666666667rem; }
  .GetYourPlanStarted .ChinaMap {
    background-color: #fff;
    padding: 0.0533333333rem 0.2666666667rem 0.2133333333rem;
    box-sizing: border-box; }
    .GetYourPlanStarted .ChinaMap img {
      width: 100%;
      height: 6.4rem; }
  .GetYourPlanStarted .ChinaIntroduce {
    background-color: #fff;
    padding: 0.32rem 0.1333333333rem 0.4rem;
    box-sizing: border-box;
    font-size: 0.32rem;
    border-top: 1px dashed #c9c9c8;
    color: #000;
    line-height: 1.2; }
    .GetYourPlanStarted .ChinaIntroduce .city {
      color: #0c74df;
      margin-bottom: 0.48rem;
      margin-top: 0.2666666667rem; }
  .GetYourPlanStarted .selectCity {
    background-color: #fff;
    padding-top: 0.1333333333rem; }
    .GetYourPlanStarted .selectCity .CityBox {
      padding-left: 0.4rem;
      font-size: 0.3733333333rem;
      line-height: 0.6933333333rem;
      color: #222222; }
      .GetYourPlanStarted .selectCity .CityBox li input {
        display: none; }
      .GetYourPlanStarted .selectCity .CityBox li label::before {
        display: inline-block;
        content: "";
        width: 0.4266666667rem;
        height: 0.4rem;
        border: 1px solid #b9b9b9;
        vertical-align: bottom;
        margin-right: 0.24rem;
        box-sizing: border-box;
        transform: translateY(-0.16rem); }
      .GetYourPlanStarted .selectCity .CityBox li input:checked + label::before {
        background-color: black; }
    .GetYourPlanStarted .selectCity .problems {
      padding: 0.5333333333rem 0.2666666667rem 0.32rem; }
      .GetYourPlanStarted .selectCity .problems textarea {
        width: 100%;
        box-sizing: border-box;
        height: 2.1333333333rem;
        padding-left: 0.2666666667rem;
        font-size: 0.32rem;
        line-height: 0.48rem;
        border: 1px solid #c9c9c9;
        outline: none;
        resize: none;
        display: block; }
        .GetYourPlanStarted .selectCity .problems textarea::-webkit-input-placeholder {
          /*WebKit browsers*/
          color: #017bc6; }
        .GetYourPlanStarted .selectCity .problems textarea::-moz-input-placeholder {
          /*Mozilla Firefox*/
          color: #017bc6; }
        .GetYourPlanStarted .selectCity .problems textarea::-ms-input-placeholder {
          /*Internet Explorer*/
          color: #017bc6; }
    .GetYourPlanStarted .selectCity .submit {
      padding: 0 0.5333333333rem 0.4rem; }
      .GetYourPlanStarted .selectCity .submit button {
        display: block;
        width: 100%;
        line-height: 0.9333333333rem;
        border: none;
        color: #fff;
        background-color: #ff7200;
        font-size: 0.48rem;
        border-radius: 0.08rem; }

.Preference {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem;
  background-color: #bfd9e4; }
  .Preference .PreferenceBox {
    padding: 0.5333333333rem 0.2133333333rem 0.5066666667rem;
    font-size: 0.32rem;
    color: #515151;
    line-height: 0.7466666667rem;
    border-bottom: 1px dashed #acbac0; }
    .Preference .PreferenceBox input {
      height: 0.7466666667rem;
      box-sizing: border-box;
      outline: none; }
    .Preference .PreferenceBox .TP {
      color: #0a0a0a;
      padding-left: 0.1333333333rem;
      font-size: 0.48rem;
      line-height: 1;
      margin-bottom: 0.5866666667rem; }
    .Preference .PreferenceBox .quantity input {
      width: 2.1866666667rem; }
      .Preference .PreferenceBox .quantity input:nth-child(1) {
        margin-left: 0.2666666667rem;
        margin-right: 0.5333333333rem; }
    .Preference .PreferenceBox .StartingDate input {
      width: 6.16rem; }
    .Preference .PreferenceBox .reside input {
      width: 2.5333333333rem; }
    .Preference .PreferenceBox .hotel input {
      width: 5.7333333333rem; }
    .Preference .PreferenceBox .Transport input {
      width: 5.4666666667rem; }
    .Preference .PreferenceBox .TravelPace input {
      width: 6.5333333333rem; }
    .Preference .PreferenceBox .YouandMe input {
      width: 5.04rem; }
    .Preference .PreferenceBox div {
      margin-bottom: 0.16rem; }
  .Preference .ContactPerson {
    padding: 0.8rem 0.48rem 0.32rem;
    box-sizing: border-box; }
    .Preference .ContactPerson h3 {
      font-size: 0.48rem;
      color: #2d2d2d;
      margin-left: -0.1333333333rem;
      line-height: 1;
      margin-bottom: 0.32rem; }
    .Preference .ContactPerson .ContactPersonBox input {
      display: block;
      width: 100%;
      box-sizing: border-box;
      outline: none;
      border: none;
      font-size: .5rem;
      margin-bottom: 0.4533333333rem;
      height: 0.6933333333rem;
      padding-left: 0.24rem; }
    .Preference .ContactPerson .ContactPersonBox button {
      display: block;
      width: 100%;
      line-height: 0.9333333333rem;
      outline: none;
      font-size: 0.48rem;
      color: #fff;
      border-radius: 0.08rem;
      border: none;
      background-color: #ff7200; }

.DZYNewHouse {
  width: 8.9333333333rem;
  margin: 0 auto 0.9333333333rem; }
  .DZYNewHouse img {
    width: 100%;
    height: 2.8533333333rem; }

/*定制游=====================================================================================*/
/*全文搜索=====================================================================================*/
.allSearch {
  width: 8.9333333333rem;
  margin: 0 auto 0.6666666667rem;
  /*    background-color: #fff;
      border: 1px solid rgb(191,191,191);
      border-radius: rem(6px);
      overflow: hidden;
      box-sizing: border-box;
      padding: rem(15px) rem(15px) rem(38px);*/ }
  .allSearch .SearchBox {
    margin-bottom: 0.5333333333rem; }
    .allSearch .SearchBox form input {
      display: block;
      width: 100%;
      outline: none;
      height: 0.6933333333rem;
      box-sizing: border-box;
      line-height: 0.6933333333rem;
      border-radius: 0.5333333333rem;
      border: 1px solid #dfdfdf;
      padding-left: 0.5333333333rem; }
      .allSearch .SearchBox form input:focus {
        outline: none;
        text-align: left; }
  .allSearch .contentList {
    font-size: 0.32rem; }
    .allSearch .contentList li {
      margin-bottom: 0.8533333333rem; }
      .allSearch .contentList li .box h3 {
        font-size: 0.3733333333rem;
        color: #056998;
        line-height: 0.48rem;
        margin-bottom: 0.2666666667rem; }
      .allSearch .contentList li .box .detailed {
        color: #434343;
        line-height: 0.3733333333rem;
        margin-bottom: 0.2133333333rem; }
      .allSearch .contentList li .box .hyperlink a {
        color: #1111db; }
  .allSearch .page {
    display: flex;
    justify-content: space-around;
    font-size: 0.32rem; }
    .allSearch .page a {
      line-height: 0.64rem;
      padding: 0 0.2666666667rem;
      box-sizing: border-box;
      background-color: #f5f5f8;
      border: 1px solid #c7c7c7;
      color: #0b0bd9; }
    .allSearch .page .aon {
      background-color: #fff;
      border: none;
      font-size: 0.4rem;
      font-weight: 700; }

/*全文搜索=====================================================================================*/
/*游客评论=====================================================================================*/
.touristReviews {
  width: 8.9333333333rem;
  margin: 0 auto;
  padding: 0 0.2133333333rem 0.5866666667rem;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 0.8rem;
  border-radius: 0.1333333333rem;
  overflow: hidden; }
  .touristReviews .top {
    padding-top: 0.2666666667rem;
    margin-bottom: 0.8rem; }
    .touristReviews .top h2 {
      line-height: 0.7466666667rem;
      color: #00355f;
      font-size: 0.48rem;
      padding-left: 0.9333333333rem;
      background: url(../images/landuihao.png) no-repeat;
      background-size: 0.7733333333rem 0.7466666667rem;
      margin-bottom: 0.4rem; }
    .touristReviews .top div {
      font-size: 0.3733333333rem;
      line-height: 0.4266666667rem;
      color: #3a3a3a; }
  .touristReviews .conten .grade {
    display: flex;
    font-size: 0.32rem;
    padding-top: 0.4533333333rem;
    padding-bottom: 0.4rem;
    color: #323232; }
    .touristReviews .conten .grade .l {
      width: 50%;
      border-right: 1px solid #c6c6c6;
      box-sizing: border-box; }
      .touristReviews .conten .grade .l .p1 {
        font-size: 0.64rem;
        color: #ff3d00;
        margin-bottom: 0.08rem; }
    .touristReviews .conten .grade .r {
      width: 50%;
      text-align: right; }
      .touristReviews .conten .grade .r p {
        margin-bottom: 0.1866666667rem; }
      .touristReviews .conten .grade .r a {
        display: inline-block;
        color: #fff;
        background-color: #0090ff;
        padding: 0.1066666667rem 0.32rem 0.1333333333rem 0.6666666667rem; }
  .touristReviews .conten .welfare {
    font-size: 0.32rem;
    line-height: 1.3;
    padding-bottom: 0.32rem;
    border-bottom: 1px dashed #b4b4b4; }
    .touristReviews .conten .welfare span {
      color: #ff5400; }
      .touristReviews .conten .welfare span:nth-child(2) {
        color: #e20000; }
  .touristReviews .conten .commentNav {
    font-size: 0.3733333333rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0.4533333333rem;
    margin-bottom: 0.2666666667rem; }
    .touristReviews .conten .commentNav li {
      margin-right: 0.6666666667rem;
      margin-bottom: 0.2666666667rem; }
      .touristReviews .conten .commentNav li:last-child a {
        color: #14729e; }
      .touristReviews .conten .commentNav li a {
        color: #2a2a2a; }
        .touristReviews .conten .commentNav li a .on {
          background: url(../images/juyuandian.png) no-repeat; }
        .touristReviews .conten .commentNav li a i {
          display: inline-block;
          width: 0.2666666667rem;
          height: 0.2666666667rem;
          background: url(../images/huiyuandian.png) no-repeat;
          background-size: 100%;
          margin-right: 0.1333333333rem; }
  .touristReviews .conten .commentC li {
    padding-top: 0.5333333333rem;
    padding-bottom: 0.5866666667rem;
    border-bottom: 1px solid #efefe3; }
    .touristReviews .conten .commentC li .top {
      display: flex;
      position: relative; }
      .touristReviews .conten .commentC li .top .portrait {
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 0.3466666667rem; }
        .touristReviews .conten .commentC li .top .portrait a {
          /*   display: block;*/ }
          .touristReviews .conten .commentC li .top .portrait a img {
            width: 100%;
            height: 100%; }
      .touristReviews .conten .commentC li .top .name {
        padding-top: 0.1333333333rem; }
        .touristReviews .conten .commentC li .top .name h3 {
          line-height: 1;
          font-size: 0.3733333333rem;
          margin-bottom: 0.24rem; }
          .touristReviews .conten .commentC li .top .name h3 a {
            color: #373737; }
        .touristReviews .conten .commentC li .top .name .grades {
          display: flex;
          padding-left: 0.08rem; }
          .touristReviews .conten .commentC li .top .name .grades span {
            display: block;
            width: 0.32rem;
            height: 0.32rem;
            margin-right: 0.0533333333rem; }
            .touristReviews .conten .commentC li .top .name .grades span img {
              width: 100%;
              height: 100%; }
      .touristReviews .conten .commentC li .top .dete {
        font-size: 0.32rem;
        position: absolute;
        right: 0;
        padding-top: 0.3733333333rem;
        text-align: right; }
        .touristReviews .conten .commentC li .top .dete .combo {
          line-height: 1;
          margin-bottom: 0.1066666667rem; }
          .touristReviews .conten .commentC li .top .dete .combo a {
            color: #0090ff; }
        .touristReviews .conten .commentC li .top .dete .deteD {
          color: #6c6c6c; }
    .touristReviews .conten .commentC li .commentCBox .commentContent {
  
      color: #353535;
      padding: 0.2666666667rem;
      line-height: 1.5; }
    .touristReviews .conten .commentC li .commentCBox .commentCImg {
      display: flex;
      flex-wrap: wrap; }
      .touristReviews .conten .commentC li .commentCBox .commentCImg li {
        padding: 0;
        margin-right: 0.0266666667rem;
        }
        .touristReviews .conten .commentC li .commentCBox .commentCImg li:nth-child(4n) {
          margin-right: 0; }
        .touristReviews .conten .commentC li .commentCBox .commentCImg li img {
          width: 100%;
          height: 100%; }
  .touristReviews .page {
    display: flex;
    justify-content: space-around;
    font-size: 0.32rem; }
    .touristReviews .page a {
      line-height: 0.64rem;
      padding: 0 0.2666666667rem;
      box-sizing: border-box;
      background-color: #f5f5f8;
      border: 1px solid #c7c7c7;
      color: #0b0bd9; }
    .touristReviews .page .aon {
      background-color: #fff;
      border: none;
      font-weight: 700;
      font-size: 0.4rem; }

.touristReviewsForm {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #bfd9e4;
  padding: 0.32rem 0.5333333333rem 0.48rem;
  margin-top: 0.6133333333rem;
  margin-bottom: 1.3333333333rem;
  box-sizing: border-box; }
  .touristReviewsForm h2 {
    color: #383838;
    font-size: 0.3733333333rem;
    line-height: 1;
    margin-bottom: 0.2666666667rem; }
  .touristReviewsForm input {
    color: #3c3a3a;
    width: 100%;
    height: 0.6933333333rem;
    font-size: 0.32rem;
    display: block;
    padding: 0 0.2133333333rem;
    box-sizing: border-box;
    margin-bottom: 0.4533333333rem;
    outline: none;
    border: none; }
  .touristReviewsForm textarea {
    display: block;
    width: 100%;
    height: 2.8rem;
    box-sizing: border-box;
    padding: 0.1333333333rem 0.2133333333rem;
    outline: none;
    border: none;
    resize: none;
    margin-bottom: 0.4rem;
    color: #3c3a3a; }
  .touristReviewsForm button {
    display: block;
    width: 100%;
    font-size: 0.48rem;
    height: 0.9333333333rem;
    outline: none;
    border: none;
    background-color: #ff7200;
    color: #fff; }

/*游客评论=====================================================================================*/
/*用车=====================================================================================*/
.carClass {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem;
  background-color: whitesmoke;
  overflow: auto; }
  .carClass ul {
    overflow: scroll;
    display: inline-flex; }
    .carClass ul li {
      width: 4.8rem;
      margin-right: 0.5333333333rem; }
      .carClass ul li .box {
        font-size: 0.32rem;
        text-align: center; }
        .carClass ul li .box .img {
          width: 100%;
          height: 1.7333333333rem; }
          .carClass ul li .box .img img {
            width: 100%;
            height: 100%; }
        .carClass ul li .box .text {
          color: #5f6e7c;
          padding-bottom: 0.4rem;
          line-height: 0.3733333333rem; }
          .carClass ul li .box .text h3 {
            font-size: 0.3733333333rem;
            margin-bottom: 0.2666666667rem; }

.PopularBusTrips {
  width: 8.9333333333rem;
  margin: 0.8rem auto 0.6666666667rem; }
  .PopularBusTrips h2 {
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b;
    margin-bottom: 0.48rem; }
  .PopularBusTrips .TransfersBox {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.1866666667rem; }
    .PopularBusTrips .TransfersBox li {
      width: 4.32rem;
      border: 1px solid #c9c9c6;
      background-color: #fff;
      margin-right: 0.1813333333rem;
      margin-bottom: 0.3466666667rem; }
      .PopularBusTrips .TransfersBox li:nth-child(2n) {
        margin-right: 0; }
      .PopularBusTrips .TransfersBox li a {
        display: block; }
        .PopularBusTrips .TransfersBox li a .img {
          width: 100%;
          height: 2.6666666667rem; }
          .PopularBusTrips .TransfersBox li a .img img {
            width: 100%;
            height: 100%; }
        .PopularBusTrips .TransfersBox li a .text {
          font-size: 0.32rem;
          padding: 0.1066666667rem 0.1066666667rem 0.2666666667rem; }
          .PopularBusTrips .TransfersBox li a .text .title {
            line-height: 0.3733333333rem;
            color: #434343;
            padding-bottom: 0.1066666667rem;
            border-bottom: 1px dashed #afafaf;
            margin-bottom: 0.1866666667rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
          .PopularBusTrips .TransfersBox li a .text .type {
            color: #419cd4;
            font-size: 0.3466666667rem;
            margin-bottom: 0.1866666667rem; }
            .PopularBusTrips .TransfersBox li a .text .type i {
              background: url(../images/xiaolanche.png) no-repeat;
              width: 0.5333333333rem;
              height: 0.4533333333rem;
              background-size: 100% 100%;
              display: inline-block;
              margin-right: 0.3466666667rem;
              position: relative;
              bottom: -0.0533333333rem; }
              .PopularBusTrips .TransfersBox li a .text .type i::before {
                position: absolute;
                right: -0.1866666667rem;
                bottom: 0;
                content: '';
                width: 0.0533333333rem;
                height: 0.4rem;
                display: inline-block;
                background-color: #419cd4; }
          .PopularBusTrips .TransfersBox li a .text .USD {
            color: #ff7200;
            font-size: 0.3733333333rem; }
            .PopularBusTrips .TransfersBox li a .text .USD span {
              font-size: 0.48rem; }

.Most-vistedCities {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem; }
  .Most-vistedCities h2 {
    margin-bottom: 0.6666666667rem;
    font-size: 0.3733333333rem;
    color: #093c5b;
    padding-left: 0.2133333333rem;
    box-sizing: border-box;
    border-left: 3px solid #093c5b; }
  .Most-vistedCities .ImgList {
    overflow: auto; }
    .Most-vistedCities .ImgList .box {
      position: relative; }
      .Most-vistedCities .ImgList .box img {
        width: 100%;
        height: 100%; }
      .Most-vistedCities .ImgList .box .text {
        position: absolute;
        left: 0.16rem;
        bottom: 0.16rem;
        font-size: 0.32rem;
        color: #fff;
        line-height: 1; }
      .Most-vistedCities .ImgList .box:nth-child(1) {
        width: 4.4rem;
        height: 4.1866666667rem;
        float: left;
        margin-right: 0.08rem; }
      .Most-vistedCities .ImgList .box:nth-child(2) {
        width: 4.4rem;
        height: 2.0266666667rem;
        float: left;
        margin-bottom: 0.1066666667rem; }
      .Most-vistedCities .ImgList .box:nth-child(3) {
        width: 2.16rem;
        height: 2.0533333333rem;
        float: left;
        margin-right: 0.08rem; }
      .Most-vistedCities .ImgList .box:nth-child(4) {
        width: 2.16rem;
        height: 2.0533333333rem;
        float: left; }
  .Most-vistedCities .cityNav {
    font-size: 0.32rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    margin-bottom: 0.3733333333rem; }
    .Most-vistedCities .cityNav li {
      width: 25%;
      line-height: 0.6666666667rem;
      text-align: center;
      border-bottom: 1px solid #e1e1e1;
      border-right: 1px solid #e1e1e1;
      box-sizing: border-box; }
      .Most-vistedCities .cityNav li:nth-child(4n) {
        border-right: none; }
      .Most-vistedCities .cityNav li a {
        color: #464646; }
  .Most-vistedCities .MoreCities {
    text-align: center; }
    .Most-vistedCities .MoreCities a {
      font-size: 0.3733333333rem;
      color: #017bc6;
      display: block;
      width: 3.2533333333rem;
      height: 0.8533333333rem;
      line-height: 0.8533333333rem;
      margin: 0 auto;
      border: 1px solid #017bc6;
      background-color: #fff;
      box-sizing: border-box; }

.carDetails {
  width: 8.9333333333rem;
  margin: 0 auto 0.4266666667rem; }
  .carDetails .img {
    width: 100%;
    height: 5.2533333333rem;
    position: relative; }
    .carDetails .img > img {
      width: 100%;
      height: 100%; }
    .carDetails .img .grade {
      position: absolute;
      display: flex;
      left: 0.2666666667rem;
      bottom: 0.32rem; }
      .carDetails .img .grade li {
        margin-right: 0.1333333333rem; }
        .carDetails .img .grade li img {
          width: 0.5333333333rem;
          height: 0.5333333333rem; }
  .carDetails .introduce {
    background-color: #fff; }
    .carDetails .introduce h2 {
      font-size: 0.4266666667rem;
      padding-top: 0.32rem;
      margin-bottom: 0.4rem;
      color: #272727; }
    .carDetails .introduce .Score {
      padding-left: 0.1333333333rem;
      font-size: 0.32rem;
      margin-bottom: 0.2133333333rem; }
      .carDetails .introduce .Score span {
        display: inline-block;
        margin-right: 0.2666666667rem; }
      .carDetails .introduce .Score .span1 {
        color: #ff6600; }
        .carDetails .introduce .Score .span1 i {
          font-size: 0.48rem; }
      .carDetails .introduce .Score a {
        display: inline-block;
        color: #0084ff;
        text-decoration: underline; }
    .carDetails .introduce .USD {
      font-size: 0.32rem;
      color: #ff7920;
      padding-left: 0.1333333333rem;
      line-height: 1;
      padding-bottom: 0.5333333333rem;
      border-bottom: 1px dashed #c7c7c7; }
      .carDetails .introduce .USD .span1 {
        margin-right: 0.2666666667rem; }
        .carDetails .introduce .USD .span1 i {
          font-size: 0.48rem; }
      .carDetails .introduce .USD .span2 {
        color: #c7c7c7; }
    .carDetails .introduce .Service {
      padding: 0.2666666667rem 0.1333333333rem;
      font-size: 0.3733333333rem;
      line-height: 0.48rem;
      color: #1d8cf3;
      border-bottom: 1px dashed #c7c7c7; }
      .carDetails .introduce .Service li span {
        color: #3d3d3d; }
    .carDetails .introduce .scenic {
      padding: 0.5333333333rem 0.32rem; }
      .carDetails .introduce .scenic li {
        padding-left: 0.48rem;
        background: url(../images/xing.png) no-repeat;
        line-height: 0.48rem;
        background-size: 0.3466666667rem 0.32rem;
        font-size: 0.3733333333rem;
        margin-bottom: 0.1333333333rem;
        color: #484848;
        background-position-y: 0.08rem; }

.classGrade {
  width: 8.9333333333rem;
  margin: 0 auto 0.48rem;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 0.16rem;
  overflow: hidden;
  font-size: 0.32rem;
  padding: 0.6666666667rem 0.2133333333rem 0;
  box-sizing: border-box;
  color: #5a5a5a; }
  .classGrade .class h3 {
    font-size: 0.3733333333rem;
    color: #464646;
    line-height: 1;
    margin-bottom: 0.4rem; }
  .classGrade .class .box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5866666667rem; }
    .classGrade .class .box li {
      line-height: 0.7466666667rem;
      padding: 0 0.2133333333rem;
      box-sizing: border-box;
      /*   border: 1px solid rgb(192,192,192);*/
      margin-right: 0.6666666667rem;
      margin-bottom: 0.1866666667rem; }
      .classGrade .class .box li:nth-child(2n) {
        margin-right: 0; }
  .classGrade .Grade h3 {
    font-size: 0.3733333333rem;
    color: #464646;
    line-height: 1;
    margin-bottom: 0.4rem; }
  .classGrade .Grade .box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5866666667rem; }
    .classGrade .Grade .box li {
      line-height: 0.7466666667rem;
      padding: 0 0.2133333333rem;
      box-sizing: border-box;
      /*    border: 1px solid rgb(192,192,192);*/
      margin-right: 0.6666666667rem;
      margin-bottom: 0.1866666667rem; }
      .classGrade .Grade .box li:nth-child(2n) {
        margin-right: 0; }

.carContentIntroduction {
  width: 8.9333333333rem;
  margin: 0 auto 0.6666666667rem;
  background-color: #fff;
  padding: 0.2666666667rem 0 0.4rem; }
  .carContentIntroduction h3 {
    font-size: 0.3733333333rem;
    color: #404040;
    line-height: 1;
    padding-bottom: 0.2666666667rem;
    border-bottom: 1px dashed #c7c7c7;
    padding-left: 0.32rem; }
    .carContentIntroduction h3 span {
      font-size: 0.32rem;
      margin-left: 2.32rem; }
      .carContentIntroduction h3 span i {
        color: #f88c00; }
  .carContentIntroduction .content {
    padding: 0.1333333333rem 0.2133333333rem 0;
    font-size: 0.32rem;
    color: #525252;
    line-height: 0.3733333333rem; }

.include {
  width: 8.9333333333rem;
  margin: 0 auto;
  font-size: 0.32rem;
  padding-bottom: 0.5333333333rem; }
  .include .box {
    background-color: #d4d4c3;
    border: 1px solid #b5b5b5;
    padding: 0.2133333333rem 0.2666666667rem 0.2666666667rem;
    margin-bottom: 0.2666666667rem; }
    .include .box h2 {
      font-size: 0.3733333333rem;
      color: #1d8cf3;
      margin-bottom: 0.2666666667rem;
      line-height: 1; }
    .include .box ul {
      color: #393939; }
      .include .box ul li {
        line-height: 1;
        margin-bottom: 0.1333333333rem; }

.promptMessage {
  width: 8.9333333333rem;
  margin: 0 auto;
  font-size: 0.32rem; }
  .promptMessage .box {
    color: #0f87e4; }
    .promptMessage .box h2 {
      font-size: 0.3733333333rem;
      color: #093c5b;
      padding-left: 0.2133333333rem;
      box-sizing: border-box;
      border-left: 3px solid #093c5b;
      margin-bottom: 0.32rem; }
    .promptMessage .box ul {
      padding: 0.2133333333rem 0.1333333333rem 0.6666666667rem;
      border-top: 1px solid #a5a5a5;
      line-height: 0.3733333333rem; }
      .promptMessage .box ul li span {
        color: #ff3d00;
        margin-right: 0.1333333333rem; }

.carDetailsForm {
  width: 8.9333333333rem;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: #bfd9e4;
  padding: 0.32rem 0.5333333333rem 0.48rem;
  margin-top: 0.6133333333rem;
  margin-bottom: 0.5333333333rem; }
  .carDetailsForm h2 {
    color: #383838;
    font-size: 0.3733333333rem;
    line-height: 1;
    margin-bottom: 0.2666666667rem; }
  .carDetailsForm input {
    color: #3c3a3a;
    width: 100%;
    height: 0.6933333333rem;
    font-size: 0.32rem;
    display: block;
    padding: 0 0.2133333333rem;
    box-sizing: border-box;
    margin-bottom: 0.4533333333rem;
    outline: none;
    border: none; }
  .carDetailsForm textarea {
    display: block;
    width: 100%;
    height: 2.8rem;
    box-sizing: border-box;
    padding: 0.1333333333rem 0.2133333333rem;
    outline: none;
    border: none;
    resize: none;
    margin-bottom: 0.4rem;
    color: #3c3a3a;
    font-size: 0.32rem; }
  .carDetailsForm button {
    display: block;
    width: 100%;
    font-size: 0.48rem;
    height: 0.9333333333rem;
    outline: none;
    border: none;
    background-color: #ff7200;
    color: #fff; }

.carOrder {
  width: 8.9333333333rem;
  margin: 0 auto; }
  .carOrder .position {
    font-size: 0.3733333333rem;
    background-color: #fff;
    line-height: 0.8rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.1866666667rem;
    color: #9a9a9a;
    border-radius: 0.1333333333rem 0.1333333333rem 0 0; }
    .carOrder .position li:nth-child(1) {
      color: #00355f; }
    .carOrder .position li:after {
      content: '>';
      display: inline-block;
      padding-left: 0.4rem; }
    .carOrder .position li:last-child:after {
      display: none; }
  .carOrder h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.8rem;
    background-color: #43aae0;
    text-align: center; }
  .carOrder .introduce {
    background-color: #fff;
    padding: 0.3733333333rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #14729e;
    position: relative; }
    .carOrder .introduce .USD {
      color: #ff7200; }
    .carOrder .introduce span {
      color: #373737; }
    .carOrder .introduce .calendar {
      font-size: 0.32rem;
      line-height: 0.5333333333rem;
      background: url(../images/rli.png) no-repeat;
      background-size: 0.48rem 0.5333333333rem;
      padding-left: 0.72rem;
      position: absolute;
      right: 0.9333333333rem;
      top: 50%; }
      .carOrder .introduce .calendar a {
        text-decoration: underline;
        color: #ff7200; }
  .carOrder .CancellationPolicy {
    background-color: #fff;
    padding: 0 0.2666666667rem 0.3466666667rem 0.2666666667rem;
    font-size: 0.32rem;
    margin-bottom: 0.4266666667rem;
    box-sizing: border-box;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem; }
    .carOrder .CancellationPolicy .box {
      padding: 0.24rem 0.2133333333rem;
      border: 1px solid #e5e5e5;
      box-sizing: border-box;
      border-radius: 0.1333333333rem; }
      .carOrder .CancellationPolicy .box h3 {
        font-size: 0.3733333333rem;
        line-height: 1;
        color: #dfb200;
        margin-bottom: 0.1866666667rem; }
      .carOrder .CancellationPolicy .box ul {
        color: #383838;
        line-height: 0.4266666667rem; }
  .carOrder .PAD {
    background-color: #fff;
    padding: 0.4rem 0.2133333333rem 0.0266666667rem 0.2133333333rem;
    box-sizing: border-box;
    font-size: 0.32rem;
    margin-bottom: 0.64rem; }
    .carOrder .PAD h3 {
      font-size: 0.48rem;
      line-height: 1;
      color: #313131;
      margin-bottom: 0.32rem; }
    .carOrder .PAD p {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #313131;
      margin-bottom: 0.2666666667rem; }
    .carOrder .PAD .number {
      margin-bottom: 0.4533333333rem; }
      .carOrder .PAD .number select {
        width: 100%;
        line-height: 0.6666666667rem;
        height: 0.6666666667rem;
        border: 1px solid #bfbfbf;
        outline: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        padding-left: 0.2666666667rem;
        padding-right: 0.6666666667rem;
        color: #052f49;
        background: url(../images/lbdjt.png) right 50% no-repeat;
        background-size: 0.72rem 0.6666666667rem;
        border-radius: 0.1333333333rem; }
    .carOrder .PAD input {
      display: block;
      width: 100%;
      padding-left: 0.2133333333rem;
      box-sizing: border-box;
      height: 0.72rem;
      line-height: 0.72rem;
      border: 1px solid #bfbfbf;
      margin-bottom: 0.4533333333rem; }
  .carOrder .ContactInformation {
    background-color: #fff;
    padding: 0.5333333333rem 0.32rem 0.72rem;
    box-sizing: border-box; }
    .carOrder .ContactInformation h4 {
      font-size: 0.48rem;
      color: #052f49;
      line-height: 1;
      margin-bottom: 0.6666666667rem; }
    .carOrder .ContactInformation p {
      font-size: 0.3733333333rem;
      color: #646464;
      line-height: 1;
      margin-bottom: 0.16rem; }
    .carOrder .ContactInformation > input {
      width: 100%;
      height: 0.96rem;
      box-sizing: border-box;
      font-size: 0.32rem;
      margin-bottom: 0.4266666667rem;
      padding-left: 0.08rem;
      display: block;
      border: 1px solid #d7d6d6; }
    .carOrder .ContactInformation textarea {
      width: 100%;
      height: 3.7333333333rem;
      border: 1px solid #d7d6d6;
      font-size: 0.32rem;
      padding: 0.1333333333rem;
      box-sizing: border-box;
      resize: none; }
    .carOrder .ContactInformation .agree {
      font-size: 0.32rem;
      color: #bdbdbd;
      line-height: 1; }
      .carOrder .ContactInformation .agree input {
        transform: translateY(0.0533333333rem); }
  .carOrder .Personal {
    background-color: #fff;
    margin-top: 0.4533333333rem;
    border-radius: 0.2133333333rem;
    overflow: hidden;
    padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem; }
    .carOrder .Personal .PAD {
      font-size: 0.32rem;
      margin-bottom: 0.8rem; }
      .carOrder .Personal .PAD .title {
        font-size: 0.3733333333rem;
        color: #3d3d3d;
        line-height: 1;
        margin-bottom: 0.1333333333rem; }
      .carOrder .Personal .PAD label {
        display: block;
        width: 100%;
        line-height: 0.8rem;
        height: 0.8rem;
        box-sizing: border-box;
        border: 1px solid #e8e8e8;
        color: #052f49;
        padding-left: 0.08rem;
        margin-bottom: 0.2133333333rem; }
        .carOrder .Personal .PAD label:last-child {
          margin-bottom: 0; }
        .carOrder .Personal .PAD label input {
          margin-right: 0.1333333333rem;
          transform: translateY(2px); }
    .carOrder .Personal .Passenger {
      font-size: 0.3733333333rem; }
      .carOrder .Personal .Passenger .title {
        font-size: 0.48rem;
        color: #385766;
        line-height: 1;
        margin-bottom: 0.5333333333rem; }
      .carOrder .Personal .Passenger input {
        display: block;
        width: 100%;
        height: 0.5866666667rem;
        box-sizing: border-box;
        border: none;
        margin-bottom: 0.4rem;
        line-height: 0.5866666667rem;
        border-bottom: 1px solid #efefe3; }
    .carOrder .Personal .AdditionsAndDeletions {
      display: flex;
      font-size: 0.3466666667rem;
      flex-wrap: wrap; }
      .carOrder .Personal .AdditionsAndDeletions li {
        width: 4rem;
        height: 0.9066666667rem;
        line-height: 0.9066666667rem;
        color: #fff;
        padding-left: 1.0666666667rem;
        box-sizing: border-box; }
      .carOrder .Personal .AdditionsAndDeletions .addA, .carOrder .Personal .AdditionsAndDeletions .addC {
        background: url(../images/add.png) no-repeat;
        background-size: 3.3333333333rem 100%;
        margin-bottom: 0.4533333333rem; }
      .carOrder .Personal .AdditionsAndDeletions .dele {
        background: url(../images/dele.png) no-repeat;
        background-size: 3.3333333333rem 100%; }
  .carOrder .DDBookingPolicy {
    padding: 0 0 0.5333333333rem;
    box-sizing: border-box;
    padding-left: 0.9333333333rem;
    background: url(../images/wenhao.png) no-repeat;
    background-size: 0.72rem 0.72rem;
    margin-top: 0.96rem;
    font-size: 0.3733333333rem;
    line-height: 1;
    color: #065c91; }
    .carOrder .DDBookingPolicy h5 {
      line-height: 0.72rem; }
    .carOrder .DDBookingPolicy a {
      color: #017bc6; }
  .carOrder .Settlement .calculated {
    display: none;
    padding: 0.4rem 0.32rem 0.6133333333rem;
    font-size: 0.32rem;
    border-radius: 0.2133333333rem 0.2133333333rem 0 0;
    overflow: hidden;
    background-color: #fff; }
    .carOrder .Settlement .calculated .top {
      padding-left: 0.88rem;
      background: url(../images/bi.png) no-repeat;
      background-size: 0.6933333333rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.48rem;
      color: #ff640f;
      margin-bottom: 0.2666666667rem; }
    .carOrder .Settlement .calculated .Tour-Name {
      line-height: 0.48rem;
      color: #050505;
      font-size: 0.48rem;
      margin-bottom: 0.2666666667rem; }
    .carOrder .Settlement .calculated .Tour-Code {
      line-height: 1;
      font-size: 0.3733333333rem;
      color: #515151;
      margin-bottom: 0.5333333333rem; }
    .carOrder .Settlement .calculated .Statistical {
      font-size: 0.3733333333rem;
      color: #343434;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #d1d1d1;
      margin-bottom: 0.2666666667rem; }
      .carOrder .Settlement .calculated .Statistical li {
        display: flex;
        justify-content: space-between; }
    .carOrder .Settlement .calculated .TOTAL {
      font-size: 0.48rem;
      color: #868483;
      text-align: right;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .carOrder .Settlement .calculated .TOTAL span {
        color: #ff5400; }
        .carOrder .Settlement .calculated .TOTAL span i {
          font-size: 0.96rem; }
    .carOrder .Settlement .calculated #Confirm {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }
  .carOrder .Settlement .Enter {
    background-color: #fff;
    border-radius: 0 0 0.2133333333rem 0.2133333333rem;
    overflow: hidden;
    padding: 0.2133333333rem 0.32rem 0.4533333333rem; }
    .carOrder .Settlement .Enter .overview {
      color: #ff9c00;
      font-size: 0.3733333333rem;
      line-height: 1;
      margin-bottom: 0.5333333333rem; }
      .carOrder .Settlement .Enter .overview .span1 {
        font-size: 0.8rem;
        margin: 0 0.2666666667rem; }
      .carOrder .Settlement .Enter .overview #Price {
        font-size: 0.32rem;
        color: #017bc6; }
    .carOrder .Settlement .Enter .submit button {
      display: block;
      outline: none;
      background-color: #ff9c00;
      color: #fff;
      border: none;
      width: 100%;
      font-size: 0.64rem;
      line-height: 0.8533333333rem;
      height: 0.8533333333rem;
      text-align: center;
      border-radius: 0.4rem; }

/*用车=====================================================================================*/
/*用户中心=====================================================================================*/
.userHrader {
  width: 8.9333333333rem;
  margin: 0 auto 0.4533333333rem;
  height: 1.1466666667rem;
  position: relative; }
  .userHrader .navLogo {
    display: flex;
    justify-content: space-between; }
    .userHrader .navLogo .navbtn {
      background: url(../images/caodan.png) 100% 100% no-repeat;
      width: 0.7466666667rem;
      height: 0.8266666667rem;
      margin: 0.2666666667rem 0 0 0.08rem; }
    .userHrader .navLogo .logo {
      width: 3.0933333333rem;
      height: 1.1466666667rem; }
      .userHrader .navLogo .logo img {
        width: 100%;
        height: 100%; }
    .userHrader .navLogo .personal a {
      display: block;
      margin-top: 0.2666666667rem;
      width: 0.6933333333rem;
      height: 0.6933333333rem;
      background: url(../images/rentou.png) 100% 100% no-repeat; }
  .userHrader .userNav {
    display: none;
    background-color: #efefe3;
    font-size: 0.3733333333rem;
    line-height: 0.6666666667rem;
    position: absolute;
    left: 0;
    top: 1.28rem;
    width: 2.6666666667rem;
    padding-left: 0.1333333333rem;
    padding-bottom: 0.2666666667rem;
    border-radius: 0 0 0.1333333333rem 0.1333333333rem;
    z-index: 1000; }
    .userHrader .userNav li a {
      color: #787878; }

.personalDetails {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  background-color: #068ac8;
  height: 1.68rem;
  border-radius: 0.1333333333rem;
  overflow: hidden;
  display: flex;
  position: relative; }
  .personalDetails .avatar {
    margin-top: 0.08rem;
    margin-left: 0.1066666667rem;
    margin-right: 0.4533333333rem;
    width: 1.4933333333rem;
    height: 1.52rem;
    border-radius: 50%;
    overflow: hidden; }
    .personalDetails .avatar img {
      width: 100%;
      height: 100%; }
  .personalDetails .NT {
    color: #fff;
    line-height: 1;
    margin-top: 0.4266666667rem; }
    .personalDetails .NT .name {
      font-size: 0.5333333333rem;
      margin-bottom: 0.1333333333rem; }
    .personalDetails .NT .tel {
      font-size: 0.32rem; }
  .personalDetails .Personal-Details {
    position: absolute;
    right: 0.1866666667rem;
    bottom: 0.2666666667rem;
    font-size: 0.32rem; }
    .personalDetails .Personal-Details a {
      color: #fff;
      text-decoration: underline; }

.Order {
  width: 8.9333333333rem;
  margin: 0 auto 0.7466666667rem;
  background-color: #fff;
  border-radius: 0.2666666667rem;
  overflow: hidden;
  padding: 0.2133333333rem;
  box-sizing: border-box;
  border: 1px solid #dadada; }
  .Order .top {
    line-height: 0.48rem;
    font-size: 0.3733333333rem;
    color: #1b1b1a;
    position: relative;
    border-bottom: 1px solid #a6a6a6; }
    .Order .top a {
      position: absolute;
      right: 1px;
      top: 0; }
  .Order .nav {
    font-size: 0.3733333333rem;
    line-height: 0.5333333333rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0.4rem 0; }
    .Order .nav li {
      width: 50%;
      margin-bottom: 0.2666666667rem;
      box-sizing: border-box;
      text-align: center;
      border-right: 1px solid #068ac8; }
      .Order .nav li:nth-child(2n) {
        border: none; }
      .Order .nav li a {
        /*color:rgb(6,138,200);*/ }
  .Order .OrderList li {
    border: 1px solid #cfcfcf;
    margin-bottom: 0.4533333333rem; }
    .Order .OrderList li .code {
      font-size: 0.32rem;
      line-height: 0.6666666667rem;
      background-color: #efefef;
      border-bottom: 1px solid #cfcfcf;
      color: #ff7800;
      padding: 0 0.1333333333rem; }
      .Order .OrderList li .code span {
        color: #787878; }
    .Order .OrderList li .ITP {
      margin-top: 0.2666666667rem;
      font-size: 0.32rem;
      margin-bottom: 0.2666666667rem;
      display: flex;
      padding: 0 0.08rem;
      justify-content: space-between; }
      .Order .OrderList li .ITP .img {
        margin-right: 0.2666666667rem;
        width: 1.0666666667rem;
        height: 1.0666666667rem; }
        .Order .OrderList li .ITP .img img {
          width: 100%;
          height: 100%; }
      .Order .OrderList li .ITP .title {
        width: 4.8rem;
        line-height: 0.3733333333rem; }
        .Order .OrderList li .ITP .title h4 {
          color: #202020; }
        .Order .OrderList li .ITP .title p {
          color: #0190ff; }
      .Order .OrderList li .ITP .price {
        text-align: right; }
        .Order .OrderList li .ITP .price p:nth-child(1) {
          color: #ff7800;
          font-size: 0.3733333333rem; }
        .Order .OrderList li .ITP .price p:nth-child(2) {
          color: #888888; }
    .Order .OrderList li .TDZ {
      font-size: 0.32rem;
      line-height: 1;
      display: flex;
      padding: 0 0.16rem;
      color: #727272;
      margin-bottom: 0.32rem; }
      .Order .OrderList li .TDZ div {
        padding-right: 0.4rem;
        border-right: 1px solid #727272;
        margin-right: 0.4rem; }
        .Order .OrderList li .TDZ div:last-child {
          padding: 0;
          margin: 0;
          border: none; }
    .Order .OrderList li .btn {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 0.2666666667rem; }
      .Order .OrderList li .btn div {
        margin-left: 0.4rem; }
        .Order .OrderList li .btn div a {
          color: #202020;
          font-size: 0.32rem;
          line-height: 0.5333333333rem;
          display: block;
          box-sizing: border-box;
          padding: 0 0.5333333333rem;
          border: 1px solid #dddddd;
          border-radius: 0.2666666667rem; }

.MyShoppingCart {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem;
  background-color: #fff;
  border-radius: 0.2666666667rem;
  overflow: hidden;
  padding: 0.2133333333rem;
  box-sizing: border-box; }
  .MyShoppingCart .top {
    line-height: 0.48rem;
    font-size: 0.3733333333rem;
    color: #1b1b1a;
    position: relative;
    border-bottom: 1px solid #a6a6a6;
    margin-bottom: 0.3733333333rem; }
    .MyShoppingCart .top a {
      position: absolute;
      right: 1px;
      top: 0; }
  .MyShoppingCart .MSCLis li {
    border: 1px solid #cfcfcf;
    margin-bottom: 0.4533333333rem; }
    .MyShoppingCart .MSCLis li .code {
      font-size: 0.32rem;
      line-height: 0.6666666667rem;
      background-color: #efefef;
      border-bottom: 1px solid #cfcfcf;
      color: #ff7800;
      padding: 0 0.1333333333rem; }
      .MyShoppingCart .MSCLis li .code span {
        color: #787878; }
    .MyShoppingCart .MSCLis li .message {
      font-size: 0.32rem;
      display: flex;
      padding: 0.2666666667rem 0.08rem 0.2133333333rem;
      justify-content: space-between;
      border-bottom: 1px dashed #a49f9f; }
      .MyShoppingCart .MSCLis li .message .img {
        margin-right: 0.2666666667rem;
        width: 1.0666666667rem;
        height: 1.0666666667rem; }
        .MyShoppingCart .MSCLis li .message .img img {
          width: 100%;
          height: 100%; }
      .MyShoppingCart .MSCLis li .message .title {
        width: 4.8rem;
        line-height: 0.3733333333rem; }
        .MyShoppingCart .MSCLis li .message .title h4 {
          color: #202020; }
        .MyShoppingCart .MSCLis li .message .title p {
          color: #0190ff; }
      .MyShoppingCart .MSCLis li .message .price {
        text-align: right; }
        .MyShoppingCart .MSCLis li .message .price p:nth-child(1) {
          color: #ff7800;
          font-size: 0.3733333333rem; }
        .MyShoppingCart .MSCLis li .message .price p:nth-child(2) {
          color: #888888;
          text-decoration: line-through; }
    .MyShoppingCart .MSCLis li .quantity {
      margin: 0.24rem 0 0.32rem;
      display: flex;
      justify-content: flex-end;
      padding: 0 0.08rem; }
      .MyShoppingCart .MSCLis li .quantity button {
        font-size: 0.64rem;
        color: #898989;
        line-height: 0.5066666667rem;
        width: 0.72rem;
        box-sizing: border-box;
        outline: none;
        border: none;
        display: block; }
      .MyShoppingCart .MSCLis li .quantity input {
        width: 0.9333333333rem;
        height: 0.5066666667rem;
        font-size: 0.3733333333rem;
        text-align: center;
        box-sizing: border-box;
        line-height: 0.5066666667rem;
        display: block; }
    .MyShoppingCart .MSCLis li .btn {
      text-align: right;
      font-size: 0.32rem;
      line-height: 0.5333333333rem;
      padding: 0 0.08rem;
      margin-bottom: 0.2666666667rem; }
      .MyShoppingCart .MSCLis li .btn button {
        background-color: #fff;
        outline: none;
        color: #202020;
        border: 1px solid #dddddd;
        border-radius: 0.2666666667rem;
        line-height: 0.5333333333rem;
        padding: 0 0.5333333333rem; }
      .MyShoppingCart .MSCLis li .btn a {
        display: inline-block;
        color: #202020;
        border: 1px solid #dddddd;
        border-radius: 0.2666666667rem;
        line-height: 0.5333333333rem;
        padding: 0 0.5333333333rem;
        margin-left: 0.2666666667rem; }

.MyCoupons {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem;
  background-color: #fff;
  border-radius: 0.2666666667rem;
  overflow: hidden;
  padding: 0.2133333333rem;
  box-sizing: border-box;
  border: 1px solid #cfcfcf; }
  .MyCoupons .top {
    line-height: 0.48rem;
    font-size: 0.3733333333rem;
    color: #1b1b1a;
    position: relative;
    border-bottom: 1px solid #a6a6a6;
    margin-bottom: 0.2666666667rem; }
    .MyCoupons .top a {
      position: absolute;
      right: 1px;
      top: 0; }
  .MyCoupons .MCNav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5333333333rem; }
    .MyCoupons .MCNav li {
      width: 25%;
      font-size: 0.32rem;
      line-height: 0.4266666667rem;
      box-sizing: border-box;
      border-right: 1px solid #444444;
      text-align: center; }
      .MyCoupons .MCNav li:last-child {
        border: none; }
      .MyCoupons .MCNav li a {
        color: #444444; }
    .MyCoupons .MCNav .on {
      background-color: #ff8a00;
      border-radius: 0.1066666667rem; }
      .MyCoupons .MCNav .on a {
        color: #fff; }
  .MyCoupons .CouponsList li {
    width: 100%;
    height: 2.96rem;
    margin-bottom: 0.32rem; }
    .MyCoupons .CouponsList li .box {
      display: flex; }
      .MyCoupons .CouponsList li .box .l {
        line-height: 1;
        width: 2.9333333333rem;
        border-right: 2px solid #fff;
        text-align: center;
        height: 2.96rem; }
        .MyCoupons .CouponsList li .box .l .money {
          font-size: 0.8rem;
          color: #ff2a00;
          margin-top: 0.7466666667rem;
          margin-bottom: 0.1333333333rem; }
        .MyCoupons .CouponsList li .box .l .usable {
          font-size: 0.32rem;
          line-height: 0.3733333333rem;
          color: #444444; }
      .MyCoupons .CouponsList li .box .r {
        line-height: 1;
        width: 5.4666666667rem;
        text-align: center; }
        .MyCoupons .CouponsList li .box .r .name {
          font-size: 0.5333333333rem;
          color: #242424;
          margin-top: 35px;
          margin-bottom: 0.2133333333rem; }
        .MyCoupons .CouponsList li .box .r .date {
          font-size: 0.32rem;
          line-height: 1;
          color: #242424; }
  .MyCoupons .CouponsList .blue {
    background-color: #b4e5df; }
  .MyCoupons .CouponsList .pink {
    background-color: #ffb8a8; }
  .MyCoupons .CouponsList .gray {
    background-color: #d1d1d1;
    position: relative; }
    .MyCoupons .CouponsList .gray:after {
      content: "已过期";
      display: block;
      font-size: 0.8rem;
      line-height: 1;
      color: #ff2a00;
      position: absolute;
      bottom: 0.8rem;
      right: 0;
      transform: rotate(-45deg); }
    .MyCoupons .CouponsList .gray .box .l .money {
      color: #616161; }

.MyComment {
  width: 8.9333333333rem;
  margin: 0 auto 1.0666666667rem;
  background-color: #fff;
  border-radius: 0.2666666667rem;
  overflow: hidden;
  padding: 0.2133333333rem;
  box-sizing: border-box;
  border: 1px solid #cfcfcf; }
  .MyComment .top {
    line-height: 0.48rem;
    font-size: 0.3733333333rem;
    color: #1b1b1a;
    position: relative;
    border-bottom: 1px solid #a6a6a6;
    margin-bottom: 0.2666666667rem; }
    .MyComment .top a {
      position: absolute;
      right: 1px;
      top: 0; }
  .MyComment .CommentList > li {
    padding-bottom: 0.48rem;
    border-bottom: 1px solid #ececec;
    margin-bottom: 0.4rem; }
    .MyComment .CommentList > li:last-child {
      padding-bottom: 0;
      border-bottom: none;
      margin-bottom: 0.4rem; }
    .MyComment .CommentList > li .box {
      display: flex;
      padding-bottom: 0.32rem;
      border-bottom: 1px dashed #dadada;
      margin-bottom: 0.24rem; }
      .MyComment .CommentList > li .box .l {
        width: 0.9333333333rem;
        margin-right: 0.1333333333rem; }
        .MyComment .CommentList > li .box .l img {
          width: 0.9333333333rem;
          height: 0.9333333333rem; }
      .MyComment .CommentList > li .box .r h4 {
        font-size: 0.32rem;
        line-height: 1;
        color: #202020;
        padding-top: 0.1333333333rem;
        margin-bottom: 0.2133333333rem; }
      .MyComment .CommentList > li .box .r .gray {
        display: flex;
        margin-bottom: 0.1333333333rem; }
        .MyComment .CommentList > li .box .r .gray img {
          display: block;
          width: 0.2933333333rem;
          height: 0.2933333333rem;
          margin-right: 0.08rem; }
      .MyComment .CommentList > li .box .r .content {
        font-size: 0.32rem;
        line-height: 0.3733333333rem;
        color: #202020;
        padding-bottom: 0.2133333333rem; }
      .MyComment .CommentList > li .box .r .imgList {
        display: flex;
        flex-wrap: wrap; }
        .MyComment .CommentList > li .box .r .imgList li {
          margin-right: 0.08rem; }
          .MyComment .CommentList > li .box .r .imgList li:nth-child(8n) {
            margin-right: 0; }
          .MyComment .CommentList > li .box .r .imgList li img {
            width: 0.8533333333rem;
            height: 0.88rem; }
    .MyComment .CommentList > li .deleteAddTo {
      display: flex;
      justify-content: flex-end; }
      .MyComment .CommentList > li .deleteAddTo a {
        display: block;
        font-size: 0.32rem;
        color: #202020;
        line-height: 0.4266666667rem;
        padding: 0 0.2666666667rem;
        border: 1px solid #cfcfcf;
        border-radius: 0.2133333333rem;
        margin-left: 0.2133333333rem; }

/*用户中心=====================================================================================*/
/*订单详情页=====================================================================================*/
.ODtop {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #4581b9;
  box-sizing: border-box;
  border-radius: 0.2133333333rem 0.2133333333rem 0 0;
  border: 1px solid #bfbfbf;
  padding: 0.48rem 0 0.32rem;
  color: #fff;
  text-align: center;
  font-size: 0.48rem;
  line-height: 1; }
  .ODtop h2 {
    margin-bottom: 0.1333333333rem; }
  .ODtop .state span {
    color: #ff6600; }

.ODSynopsis {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem;
  border: 1px solid #bfbfbf;
  border-top: none;
  border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
  .ODSynopsis .box {
    border: 1px solid silver; }
    .ODSynopsis .box .t {
      padding: 0.2666666667rem;
      font-size: 0.32rem;
      line-height: 1;
      border-bottom: 1px dashed #cececc; }
      .ODSynopsis .box .t h3 {
        font-size: 0.3733333333rem;
        color: #3f93b5;
        margin-bottom: 0.1333333333rem; }
      .ODSynopsis .box .t .name {
        font-size: 0.3733333333rem;
        color: #ff9000;
        line-height: 0.48rem; }
        .ODSynopsis .box .t .name span {
          color: #313131; }
      .ODSynopsis .box .t .ChineseName {
        font-size: 0.3733333333rem;
        line-height: 0.48rem;
        color: #a3a3a3;
        padding-left: 2.2666666667rem;
        margin-bottom: 0.1333333333rem; }
      .ODSynopsis .box .t .ADD {
        line-height: 0.5333333333rem;
        color: #515151; }
        .ODSynopsis .box .t .ADD span {
          color: #515151; }
    .ODSynopsis .box .m {
      padding: 0.5333333333rem 0.2666666667rem 0.4rem;
      line-height: 0.48rem;
      font-size: 0.3733333333rem;
      color: #14729e;
      border-bottom: 1px dashed #cececc; }
      .ODSynopsis .box .m span {
        color: #3f4548; }
        .ODSynopsis .box .m span i {
          color: #ff7200; }
    .ODSynopsis .box .b {
      padding: 0.4rem 0.32rem 0.32rem; }
      .ODSynopsis .box .b .ODoption {
        font-size: 0.4266666667rem;
        display: flex;
        flex-wrap: wrap;
        line-height: 1; }
        .ODSynopsis .box .b .ODoption li {
          width: 65%;
          margin-bottom: 0.2666666667rem; }
          .ODSynopsis .box .b .ODoption li:nth-child(2n) {
            width: 35%; }
          .ODSynopsis .box .b .ODoption li:nth-child(3) {
            text-decoration: underline; }
            .ODSynopsis .box .b .ODoption li:nth-child(3) a {
              color: #1080b0; }
          .ODSynopsis .box .b .ODoption li a {
            color: #4d4d4d; }
      .ODSynopsis .box .b .Invoice {
        font-size: 0.32rem;
        text-align: right;
        padding-right: 1.68rem; }
        .ODSynopsis .box .b .Invoice a {
          color: #48b7e7; }

.PassengerInformation {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  background-color: #fff;
  border-radius: 0.2133333333rem;
  border: 1px solid #bfbfbf;
  box-sizing: border-box;
  padding: 0.5333333333rem 0.2133333333rem; }
  .PassengerInformation .PI h3 {
    font-size: 0.3733333333rem;
    color: #626262;
    line-height: 1;
    margin-bottom: 0.64rem; }
  .PassengerInformation .PI .PList li {
    display: flex;
    margin-bottom: 0.8rem; }
    .PassengerInformation .PI .PList li .serial {
      width: 1.7866666667rem;
      height: 2rem;
      margin-right: 0.1333333333rem; }
      .PassengerInformation .PI .PList li .serial img {
        width: 100%;
        height: 100%; }
    .PassengerInformation .PI .PList li .xinxi {
      width: 6.5333333333rem;
      font-size: 0.32rem;
      line-height: 0.48rem;
      color: #4e4e4e; }
      .PassengerInformation .PI .PList li .xinxi span {
        color: #3896b6; }
  .PassengerInformation .ChineseInfo {
    font-size: 0.32rem;
    line-height: 0.5333333333rem;
    color: #7b7c7c;
    padding-bottom: 0.6666666667rem;
    border-bottom: 1px dashed #cdcdcd; }
    .PassengerInformation .ChineseInfo h3 {
      color: #05a2b7; }
  .PassengerInformation .ContactInformation {
    padding-top: 0.3466666667rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #454545; }
    .PassengerInformation .ContactInformation h3 {
      font-size: 0.3733333333rem;
      color: #05a2b7;
      line-height: 1;
      margin-bottom: 0.2666666667rem; }
    .PassengerInformation .ContactInformation p span {
      font-weight: 700; }

.Total {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #d6edf7;
  padding: 0.4rem;
  box-sizing: border-box;
  line-height: 1; }
  .Total .p1 {
    font-size: 0.48rem;
    color: #161616;
    margin-bottom: 0.2666666667rem; }
    .Total .p1 .span1 {
      color: #f54b00; }
      .Total .p1 .span1 i {
        font-size: 0.8rem; }
    .Total .p1 .span2 {
      color: #ffa800;
      font-size: 0.32rem; }
  .Total .p2 {
    font-size: 0.32rem;
    color: #a2a2a2; }

.ChangesAndCancellation {
  width: 8.9333333333rem;
  margin: 0.6666666667rem auto;
  padding: 0 0.1333333333rem;
  box-sizing: border-box; }
  .ChangesAndCancellation h2 {
    line-height: 0.56rem;
    font-size: 0.4266666667rem;
    padding-left: 0.8533333333rem;
    color: #0072ff;
    background: url(../images/lbg.png) no-repeat;
    background-size: 0.56rem;
    margin-bottom: 0.32rem; }
  .ChangesAndCancellation .content {
    font-size: 0.32rem;
    line-height: 0.4266666667rem;
    color: #535353; }

.ODform {
  width: 8.9333333333rem;
  margin: 0 auto;
  background-color: #bfd9e4;
  box-sizing: border-box;
  padding: 0.32rem 0.5333333333rem; }
  .ODform h2 {
    font-size: 0.3733333333rem;
    color: #383838;
    line-height: 1;
    margin-bottom: 0.2666666667rem; }
  .ODform input {
    line-height: 0.6933333333rem;
    height: 0.6933333333rem;
    display: block;
    font-size: 0.32rem;
    margin-bottom: 0.4533333333rem;
    outline: none;
    border: none;
    width: 100%;
    padding-left: 0.1333333333rem;
    box-sizing: border-box; }
  .ODform textarea {
    display: block;
    padding: 0.1333333333rem;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 0.32rem;
    width: 100%;
    height: 2.72rem;
    resize: none;
    margin-bottom: 0.4533333333rem; }
  .ODform button {
    background-color: #ff7200;
    color: #fff;
    display: block;
    width: 100%;
    height: 0.9333333333rem;
    line-height: 0.9333333333rem;
    font-size: 0.48rem;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 0.1333333333rem;
    margin-bottom: 0.3466666667rem; }
  .ODform a {
    display: block;
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
    color: #087cd5;
    text-decoration: underline; }

.YODSynopsis {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem;
  border: 1px solid #bfbfbf;
  border-top: none;
  border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
  .YODSynopsis .box {
    border: 1px solid silver; }
    .YODSynopsis .box .t {
      padding: 0.2666666667rem;
      font-size: 0.32rem;
      line-height: 1;
      border-bottom: 1px dashed #cececc; }
      .YODSynopsis .box .t h3 {
        font-size: 0.3733333333rem;
        color: #3f93b5;
        margin-bottom: 0.1333333333rem; }
      .YODSynopsis .box .t .name {
        font-size: 0.3733333333rem;
        color: #ff9000;
        line-height: 0.48rem; }
        .YODSynopsis .box .t .name span {
          color: #313131; }
      .YODSynopsis .box .t .ChineseName {
        font-size: 0.3733333333rem;
        line-height: 0.48rem;
        color: #535353;
        padding-left: 1.4133333333rem;
        margin-bottom: 0.1333333333rem; }
      .YODSynopsis .box .t .jj {
        line-height: 0.5333333333rem;
        color: #535353;
        font-size: 0.3733333333rem;
        line-height: 0.48rem; }
        .YODSynopsis .box .t .jj span {
          font-weight: 700; }
    .YODSynopsis .box .b {
      padding: 0.4rem 0.32rem 0.32rem; }
      .YODSynopsis .box .b .ODoption {
        font-size: 0.4266666667rem;
        display: flex;
        flex-wrap: wrap;
        line-height: 1; }
        .YODSynopsis .box .b .ODoption li {
          width: 65%;
          margin-bottom: 0.2666666667rem; }
          .YODSynopsis .box .b .ODoption li:nth-child(2n) {
            width: 35%; }
          .YODSynopsis .box .b .ODoption li:nth-child(3) {
            text-decoration: underline; }
            .YODSynopsis .box .b .ODoption li:nth-child(3) a {
              color: #1080b0; }
          .YODSynopsis .box .b .ODoption li a {
            color: #4d4d4d; }
      .YODSynopsis .box .b .Invoice {
        font-size: 0.32rem;
        text-align: right;
        padding-right: 1.68rem; }
        .YODSynopsis .box .b .Invoice a {
          color: #48b7e7; }

.JODSynopsis {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem;
  border: 1px solid #bfbfbf;
  border-top: none;
  border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
  .JODSynopsis .box {
    border: 1px solid silver; }
    .JODSynopsis .box .t {
      padding: 0.2666666667rem;
      font-size: 0.32rem;
      line-height: 1;
      border-bottom: 1px dashed #cececc; }
      .JODSynopsis .box .t h3 {
        font-size: 0.3733333333rem;
        color: #3f93b5;
        margin-bottom: 0.1333333333rem; }
      .JODSynopsis .box .t div {
        font-size: 0.3733333333rem;
        line-height: 0.6666666667rem;
        color: #3a95b7; }
        .JODSynopsis .box .t div span {
          color: #343434; }
        .JODSynopsis .box .t div i {
          color: #ff5d00;
          text-decoration: underline; }
    .JODSynopsis .box .b {
      padding: 0.4rem 0.32rem 0.32rem; }
      .JODSynopsis .box .b .ODoption {
        font-size: 0.4266666667rem;
        display: flex;
        flex-wrap: wrap;
        line-height: 1; }
        .JODSynopsis .box .b .ODoption li {
          width: 65%;
          margin-bottom: 0.2666666667rem; }
          .JODSynopsis .box .b .ODoption li:nth-child(2n) {
            width: 35%; }
          .JODSynopsis .box .b .ODoption li:nth-child(3) {
            text-decoration: underline; }
            .JODSynopsis .box .b .ODoption li:nth-child(3) a {
              color: #1080b0; }
          .JODSynopsis .box .b .ODoption li a {
            color: #4d4d4d; }
      .JODSynopsis .box .b .Invoice {
        font-size: 0.32rem;
        text-align: right;
        padding-right: 1.68rem; }
        .JODSynopsis .box .b .Invoice a {
          color: #48b7e7; }

.XODSynopsis {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem;
  border: 1px solid #bfbfbf;
  border-top: none;
  border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
  .XODSynopsis .box {
    border: 1px solid silver; }
    .XODSynopsis .box .t {
      padding: 0.2666666667rem;
      font-size: 0.32rem;
      line-height: 1;
      border-bottom: 1px dashed #cececc; }
      .XODSynopsis .box .t h3 {
        font-size: 0.3733333333rem;
        color: #3f93b5;
        margin-bottom: 0.1333333333rem; }
      .XODSynopsis .box .t div {
        font-size: 0.3733333333rem;
        line-height: 0.48rem;
        color: #3a95b7; }
        .XODSynopsis .box .t div span {
          color: #343434; }
        .XODSynopsis .box .t div i {
          color: #ff4800; }
    .XODSynopsis .box .b {
      padding: 0.4rem 0.32rem 0.32rem; }
      .XODSynopsis .box .b .ODoption {
        font-size: 0.4266666667rem;
        display: flex;
        flex-wrap: wrap;
        line-height: 1; }
        .XODSynopsis .box .b .ODoption li {
          width: 65%;
          margin-bottom: 0.2666666667rem; }
          .XODSynopsis .box .b .ODoption li:nth-child(2n) {
            width: 35%; }
          .XODSynopsis .box .b .ODoption li:nth-child(3) {
            text-decoration: underline; }
            .XODSynopsis .box .b .ODoption li:nth-child(3) a {
              color: #1080b0; }
          .XODSynopsis .box .b .ODoption li a {
            color: #4d4d4d; }
      .XODSynopsis .box .b .Invoice {
        font-size: 0.32rem;
        text-align: right;
        padding-right: 1.68rem; }
        .XODSynopsis .box .b .Invoice a {
          color: #48b7e7; }

.XPassengerInformation {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  background-color: #fff;
  border-radius: 0.2133333333rem;
  border: 1px solid #bfbfbf;
  box-sizing: border-box;
  padding: 0.5333333333rem 0.2133333333rem; }
  .XPassengerInformation .PI {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
    color: #414141;
    margin-bottom: 0.4rem; }
    .XPassengerInformation .PI h3 {
      font-size: 0.3733333333rem;
      line-height: 0.48rem;
      color: #05a2b7; }
    .XPassengerInformation .PI .PList li {
      display: flex;
      margin-bottom: 0.8rem; }
      .XPassengerInformation .PI .PList li .serial {
        width: 1.7866666667rem;
        height: 2rem;
        margin-right: 0.1333333333rem; }
        .XPassengerInformation .PI .PList li .serial img {
          width: 100%;
          height: 100%; }
      .XPassengerInformation .PI .PList li .xinxi {
        width: 6.5333333333rem;
        font-size: 0.32rem;
        line-height: 0.48rem;
        color: #4e4e4e; }
        .XPassengerInformation .PI .PList li .xinxi span {
          color: #3896b6; }
  .XPassengerInformation .ContactInformation {
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #454545;
    padding-bottom: 0.5333333333rem;
    border-bottom: 1px dashed #cdcdcd; }
    .XPassengerInformation .ContactInformation h3 {
      font-size: 0.3733333333rem;
      color: #05a2b7;
      line-height: 1;
      margin-bottom: 0.1333333333rem; }
    .XPassengerInformation .ContactInformation p span {
      font-weight: 700; }
  .XPassengerInformation .Advisor {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
    color: #727070;
    margin-top: 0.4rem; }
    .XPassengerInformation .Advisor h3 {
      color: #05a2b7; }

.HODSynopsis {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem;
  border: 1px solid #bfbfbf;
  border-top: none;
  border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
  .HODSynopsis .box {
    border: 1px solid silver;
    margin-bottom: 0.4533333333rem; }
    .HODSynopsis .box:last-child {
      margin-bottom: 0; }
    .HODSynopsis .box .t {
      text-align: center;
      padding: 0.32rem 0;
      border-bottom: 1px dashed #cececc;
      line-height: 1; }
      .HODSynopsis .box .t .mark {
        font-size: 0.3733333333rem;
        color: #ff7800; }
      .HODSynopsis .box .t .time {
        font-size: 0.48rem;
        color: #232323;
        margin: 0.2666666667rem 0 0.1333333333rem; }
      .HODSynopsis .box .t .code {
        font-size: 0.2666666667rem;
        color: #ff7800; }
        .HODSynopsis .box .t .code a {
          color: #43aae0; }
    .HODSynopsis .box .m {
      background-color: #fff;
      padding: 0.2666666667rem 0.2666666667rem 0.4rem;
      font-size: 0.32rem;
      color: #14729e;
      border-bottom: 1px dashed #cececc; }
      .HODSynopsis .box .m .When {
        line-height: 0.48rem;
        display: flex;
        justify-content: space-between; }
        .HODSynopsis .box .m .When .Timing {
          background: url(../images/shizhong.png) no-repeat;
          background-size: 0.2666666667rem 0.2666666667rem;
          padding-left: 0.3733333333rem;
          background-position-y: 0.0933333333rem;
          position: relative; }
          .HODSynopsis .box .m .When .Timing:after {
            content: '';
            display: inline-block;
            width: 0.32rem;
            height: 1px;
            background-color: #14729e;
            position: absolute;
            right: -0.4533333333rem;
            top: 0.2666666667rem; }
          .HODSynopsis .box .m .When .Timing:before {
            content: '';
            display: inline-block;
            width: 0.32rem;
            height: 1px;
            background-color: #14729e;
            position: absolute;
            left: -0.4533333333rem;
            top: 0.2666666667rem; }
        .HODSynopsis .box .m .When span {
          font-size: 0.48rem; }
      .HODSynopsis .box .m .journey {
        font-size: 0.32rem;
        color: #313131;
        display: flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 0.5333333333rem; }
        .HODSynopsis .box .m .journey .journeyTable {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%); }
          .HODSynopsis .box .m .journey .journeyTable a {
            color: #828282;
            border: 1px solid #dddddd;
            border-radius: 0.08rem;
            padding: 0.0533333333rem 0.2666666667rem; }
      .HODSynopsis .box .m .Selects {
        text-align: center; }
        .HODSynopsis .box .m .Selects .box {
          display: inline-block;
          height: 0.6933333333rem;
          line-height: 0.6933333333rem;
          margin: 0 auto;
          background-color: #44a4e0;
          font-size: 0.3733333333rem;
          color: #fff;
          padding: 0 0.32rem; }
          .HODSynopsis .box .m .Selects .box span {
            font-size: 0.48rem;
            color: #e84200;
            margin-left: 0.9333333333rem; }
    .HODSynopsis .box .b {
      padding: 0.4rem 0.32rem 0.32rem; }
      .HODSynopsis .box .b .ODoption {
        font-size: 0.4266666667rem;
        display: flex;
        flex-wrap: wrap;
        line-height: 1; }
        .HODSynopsis .box .b .ODoption li {
          width: 65%;
          margin-bottom: 0.2666666667rem; }
          .HODSynopsis .box .b .ODoption li:nth-child(2n) {
            width: 35%; }
          .HODSynopsis .box .b .ODoption li:nth-child(3) {
            text-decoration: underline; }
            .HODSynopsis .box .b .ODoption li:nth-child(3) a {
              color: #1080b0; }
          .HODSynopsis .box .b .ODoption li a {
            color: #4d4d4d; }
      .HODSynopsis .box .b .Invoice {
        font-size: 0.32rem;
        text-align: right;
        padding-right: 1.68rem; }
        .HODSynopsis .box .b .Invoice a {
          color: #48b7e7; }

.AODSynopsis {
  width: 8.9333333333rem;
  margin: 0 auto 0.5333333333rem;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0.3733333333rem 0.2666666667rem 0.5333333333rem;
  border: 1px solid #bfbfbf;
  border-top: none;
  border-radius: 0 0 0.2133333333rem 0.2133333333rem; }
  .AODSynopsis .box {
    border: 1px solid silver;
    margin-bottom: 0.4533333333rem; }
    .AODSynopsis .box:last-child {
      margin-bottom: 0; }
    .AODSynopsis .box .t {
      text-align: center;
      padding: 0.32rem 0;
      border-bottom: 1px dashed #cececc;
      line-height: 1; }
      .AODSynopsis .box .t .mark {
        font-size: 0.3733333333rem;
        color: #ff7800; }
      .AODSynopsis .box .t .time {
        font-size: 0.48rem;
        color: #232323;
        margin: 0.2666666667rem 0 0.1333333333rem; }
      .AODSynopsis .box .t .code {
        font-size: 0.48rem;
        color: #ff7800; }
        .AODSynopsis .box .t .code a {
          font-size: 0.32rem;
          margin-left: 0.2666666667rem;
          color: #43aae0; }
      .AODSynopsis .box .t .company {
        font-size: 0.32rem;
        color: #313131;
        text-align: center;
        height: 0.48rem;
        line-height: 0.48rem;
        margin-top: 0.08rem; }
        .AODSynopsis .box .t .company img {
          display: inline-block;
          width: 0.48rem;
          height: 0.48rem;
          margin-right: 0.1333333333rem; }
    .AODSynopsis .box .m {
      background-color: #fff;
      padding: 0.2666666667rem 0.2666666667rem 0.4rem;
      font-size: 0.32rem;
      color: #14729e;
      border-bottom: 1px dashed #cececc; }
      .AODSynopsis .box .m .When {
        line-height: 0.48rem;
        display: flex;
        justify-content: space-between; }
        .AODSynopsis .box .m .When .Timing {
          background: url(../images/shizhong.png) no-repeat;
          background-size: 0.2666666667rem 0.2666666667rem;
          padding-left: 0.3733333333rem;
          background-position-y: 0.0933333333rem;
          position: relative; }
          .AODSynopsis .box .m .When .Timing:after {
            content: '';
            display: inline-block;
            width: 0.32rem;
            height: 1px;
            background-color: #14729e;
            position: absolute;
            right: -0.4533333333rem;
            top: 0.2666666667rem; }
          .AODSynopsis .box .m .When .Timing:before {
            content: '';
            display: inline-block;
            width: 0.32rem;
            height: 1px;
            background-color: #14729e;
            position: absolute;
            left: -0.4533333333rem;
            top: 0.2666666667rem; }
        .AODSynopsis .box .m .When span {
          font-size: 0.48rem; }
      .AODSynopsis .box .m .journey {
        font-size: 0.32rem;
        color: #313131;
        display: flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 0.5333333333rem; }
        .AODSynopsis .box .m .journey .journeyTable {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%); }
          .AODSynopsis .box .m .journey .journeyTable a {
            color: #828282;
            border: 1px solid #dddddd;
            border-radius: 0.08rem;
            padding: 0.0533333333rem 0.2666666667rem; }
      .AODSynopsis .box .m .Selects {
        text-align: center; }
        .AODSynopsis .box .m .Selects .box {
          display: inline-block;
          height: 0.6933333333rem;
          line-height: 0.6933333333rem;
          margin: 0 auto;
          background-color: #44a4e0;
          font-size: 0.3733333333rem;
          color: #fff;
          padding: 0 0.32rem; }
          .AODSynopsis .box .m .Selects .box span {
            font-size: 0.48rem;
            color: #e84200;
            margin-left: 0.9333333333rem; }
    .AODSynopsis .box .b {
      padding: 0.4rem 0.32rem 0.32rem; }
      .AODSynopsis .box .b .ODoption {
        font-size: 0.4266666667rem;
        display: flex;
        flex-wrap: wrap;
        line-height: 1; }
        .AODSynopsis .box .b .ODoption li {
          width: 65%;
          margin-bottom: 0.2666666667rem; }
          .AODSynopsis .box .b .ODoption li:nth-child(2n) {
            width: 35%; }
          .AODSynopsis .box .b .ODoption li:nth-child(3) {
            text-decoration: underline; }
            .AODSynopsis .box .b .ODoption li:nth-child(3) a {
              color: #1080b0; }
          .AODSynopsis .box .b .ODoption li a {
            color: #4d4d4d; }
      .AODSynopsis .box .b .Invoice {
        font-size: 0.32rem;
        text-align: right;
        padding-right: 1.68rem; }
        .AODSynopsis .box .b .Invoice a {
          color: #48b7e7; }

/*订单详情页=====================================================================================*/
/*支付流程页面=====================================================================================*/
.paymentBox {
  width: 8.9333333333rem;
  margin: 0 auto 0.8rem;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 0.2666666667rem;
  overflow: hidden;
  padding-bottom: 0.5333333333rem; }
  .paymentBox h2 {
    background-color: #14729e;
    color: #fff;
    font-size: 0.48rem;
    line-height: 1.28rem;
    text-align: center;
    margin-bottom: 0.64rem; }
  .paymentBox .sum {
    font-size: 0.48rem;
    color: #404040;
    line-height: 1;
    text-align: center;
    margin-bottom: 0.5333333333rem; }
    .paymentBox .sum span {
      color: #e50000; font-size: 0.48rem;}
  .paymentBox .patternOfPayment {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.2666666667rem 0.4rem;
    justify-content: space-between; }
    .paymentBox .patternOfPayment li {
      width: 4rem;
      height: 1.6rem;
      box-sizing: border-box;
      border: 1px solid #c6c6c6;
      border-radius: 0.16rem;
      overflow: hidden;
      margin-bottom: 0.4rem; }
      .paymentBox .patternOfPayment li img {
        width: 100%;
        height: 100%; }
  .paymentBox .notes {
    padding: 0 0.32rem;
    font-size: 0.3733333333rem;
    color: #017bc6;
    line-height: 0.48rem; }
    .paymentBox .notes h3 {
      font-size: 0.48rem;
      color: #045688;
      padding-left: 1.0133333333rem;
      line-height: 0.72rem;
      background: url(../images/wenhao.png) no-repeat;
      background-size: 0.72rem 0.72rem;
      margin-bottom: 0.32rem; }
  .paymentBox .paymentAlipay {
    padding: 0 0.32rem; }
    .paymentBox .paymentAlipay .paymentLogo {
      width: 3.9466666667rem;
      height: 1.6rem;
      box-sizing: border-box;
      overflow: hidden;
      border: 1px solid #c2c2c2;
      border-radius: 0.1333333333rem;
      margin-bottom: 0.4rem; }
      .paymentBox .paymentAlipay .paymentLogo img {
        width: 100%;
        height: 100%; }
    .paymentBox .paymentAlipay .hint, .paymentBox .paymentAlipay .payee {
      font-size: 0.32rem;
      line-height: 0.5333333333rem;
      color: #404040; }
    .paymentBox .paymentAlipay .sum {
      margin-top: 0.5333333333rem; }
    .paymentBox .paymentAlipay .QR {
      text-align: center;
      margin-bottom: 1.3333333333rem; }
      .paymentBox .paymentAlipay .QR p {
        text-align: center;
        font-size: 0.4rem;
        line-height: 1;
        color: #303030;
        margin-bottom: 0.4rem; }
      .paymentBox .paymentAlipay .QR img {
        width: 4.1333333333rem;
        height: 4.08rem;
        margin: 0 auto; }
    .paymentBox .paymentAlipay .paymentForm {
      line-height: 1; }
      .paymentBox .paymentAlipay .paymentForm .CreditCardImg {
        width: 100%;
        height: 4.32rem;
        margin-bottom: 0.6666666667rem; }
        .paymentBox .paymentAlipay .paymentForm .CreditCardImg img {
          width: 100%;
          height: 100%; }
      .paymentBox .paymentAlipay .paymentForm h4 {
        font-size: 0.4rem;
        line-height: 1;
        color: #404040;
        margin-bottom: 0.4533333333rem; }
        .paymentBox .paymentAlipay .paymentForm h4 span {
          color: #0390c9; }
      .paymentBox .paymentAlipay .paymentForm p {
        font-size: 0.32rem;
        color: #404040;
        margin-bottom: 0.1066666667rem; }
        .paymentBox .paymentAlipay .paymentForm p span {
          color: #e00000; }
      .paymentBox .paymentAlipay .paymentForm input {
        display: block;
        width: 7.1733333333rem;
        font-size: 0.32rem;
        height: 0.7733333333rem;
        padding-left: 0.2666666667rem;
        box-sizing: border-box;
        line-height: 0.7733333333rem;
        border: 1px solid #b6b6b6;
        margin-bottom: 0.4533333333rem; }
        .paymentBox .paymentAlipay .paymentForm input[type='password'] {
          margin-bottom: 0.2666666667rem; }
      .paymentBox .paymentAlipay .paymentForm button {
        font-size: 0.3733333333rem;
        background-color: #ff8a00;
        color: #fff;
        display: block;
        width: 6.6133333333rem;
        height: 0.7466666667rem;
        border: none;
        border-right: 0.08rem;
        overflow: hidden;
        margin-top: 0.4rem; }

/*支付流程页面=====================================================================================*/
#calendar {
  display: none; }

.mapbox label {
  max-width: 570px; }

.el-calendar {
  background-color: #0169a9 !important; }

.el-calendar-table:not(.is-range) td.next, .el-calendar-table:not(.is-range) td.prev {
  color: #C0C4CC; }

.el-calendar-table .el-calendar-day {
  position: relative;
  height: auto;
  height: 1.0666666667rem !important;
  padding: 0.2133333333rem 0 0 0 !important;
  text-align: center;
  box-sizing: border-box; }

.el-calendar__header {
  padding: 0.2666666667rem !important; }

.el-calendar-table__row .current .el-calendar-day {
  color: #fff !important; }
.el-calendar-table__row .prev .el-calendar-day {
  color: rgba(255, 255, 225, 0.2) !important; }
.el-calendar-table__row .is-selected .el-calendar-day {
  color: #000 !important;
  background-color: rgba(1, 105, 169, 0.5); }

.is-today {
  background-color: #3fa3e1; }

.el-calendar-table thead th {
  font-size: 0.3733333333rem;
  color: rgba(255, 255, 225, 0.6) !important; }

.el-calendar__body {
  padding: 0 0.4rem 0.8rem !important; }

.el-button--mini, .el-button--mini.is-round {
  padding: 0.1333333333rem 0.3466666667rem !important; }

.el-calendar-table .el-calendar-day .price {
  color: #ff6000;
  text-align: center; }

.el-calendar-day p {
  font-size: 0.32rem; }

.el-calendar__title {
  font-size: 0.3733333333rem;
  color: #fff !important; }

/*富文本内容ul ol 恢复默认样式*/
.richtxt ul, ol {
  padding-inline-start: 15px; }

.richtxt ul li {
  list-style: disc; }

.richtxt ol li {
  list-style: decimal; }

.richtxt table {
  display: block;
  height: auto;
  max-width: 100%;
   }

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