html {
  font-size: 16px!important;
  -webkit-tap-highlight-color: transparent; height:100%;}

body {
  -webkit-text-size-adjust: 100% !important; height:100%;}
.bodyBg{background-color:#f8f8f8;}
#app{width:100%;height:100%;background:url(../images/bg.png)no-repeat top;background-size:100%;}
.app{background:none!important;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, optgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, optgroup, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block; }

/*body, button, input, select, textarea {*/
  /*font: 14px/1.5 PingFangSC-Regular,"Helvetica Neue",tahoma,arial; }*/

h1, h2, h3, h4, h5, h6 {
  font-size: 16px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  a:active {
    background-color: transparent; } }

small, cite, code, em, th, i {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }


* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;}

button, input[type=button], input[type=submit] {
  cursor: pointer; }

button[disabled], input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0 none;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
input,button{outline: none;background-color:transparent;}
fieldset, img, iframe {
  border: 0 none; }

img {
  display: inline-block;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic; }

iframe {
  display: block; }
ul, ol {
  list-style: none; }
li {
  vertical-align: top; }
html, body {width: 100%;height: 100%; overflow-y: auto;background-color:#f8f8f8;}
.body{ overflow-y: hidden!important;-webkit-overflow-scrolling: touch;}
button,input{border:none;outline: none;}
[v-cloak] {display: none}
a {
  color: #222;
  text-decoration: none;
  outline: 0; }
.flex{display: flex!important;align-items: center;justify-content: center;}
.flexSB{display: flex;align-items: center;justify-content: space-between;}
.flexSA{display: flex;align-items: center;justify-content: space-around;}
.flexFE{display: flex;align-items: center;justify-content: flex-end;}
.flexFF{display: flex;flex-flow: wrap row;}
.flexFA{display: flex!important;flex-flow: wrap row;align-content: space-between;}
.flexFA1{display: flex!important;flex-flow: wrap row;justify-content: space-between;}
.flexFJ{display: flex!important;flex-flow: wrap row;justify-content: center;}
.flexFC{display: flex;flex-flow: wrap row;align-content: center;}
.flexFS{display: flex;flex-flow: wrap row;align-content: space-around;}
.flexFD{display: flex;flex-flow: wrap row;align-content: flex-end;}
.flexFT{display: flex;flex-flow: wrap row;align-content: flex-start;}
.flexAC{display: flex;align-items: center;}
.flexFB{display: flex!important;justify-content: space-between;align-items: flex-start;}
.flexAE{display: flex;align-items: flex-end;}
.flexJA{display: flex;flex-flow: wrap row;justify-content: space-between;align-content: space-between;}
.flexJD{display: flex;flex-flow: wrap row;justify-content: space-between;align-content: space-around;}
.flexJC{display: flex;flex-flow: wrap row;justify-content: center;align-content: center;}
.weight{font-weight: bold;}
.hide{display: none;}
.bg{width:100%;height:100%;transition: 300ms;opacity: 1;}
.bgHide{opacity: 0!important;}
.bottom{width:100%;height:195px;background-color:#fff;border-top-left-radius: 20px;border-top-right-radius: 20px;position: fixed;left:0;bottom:0;
z-index: 99;transition: 300ms;}
.bottomTitle{width:100%;height:40px;position: relative;}
.img1{width:42px;height:6px;background:url(../images/8.png)no-repeat center;background-size:100% 100%;}
.img2{width:24px;height:24px;position: absolute;left:calc(50% - 12px);top:-30px;background:url(../images/14.png)no-repeat center;background-size:100% 100%;
  animation: isRotate2 1s infinite linear;
  -webkit-animation: isRotate2 1s infinite linear;-moz-animation: isRotate2 1s infinite linear;-ms-animation: isRotate2 1s infinite linear;
  -o-animation: isRotate2 1s infinite linear;}
@keyframes isRotate2 {0% {opacity: 1;top:-30px;}100% {opacity: 0;top:-40px;}}
@-webkit-keyframes isRotate2 {0% {opacity: 1;top:-30px;}100% {opacity: 0;top:-40px;}}
@-moz-keyframes isRotate2 {0% {opacity: 1;top:-30px;}100% {opacity: 0;top:-40px;}}
@-ms-keyframes isRotate2 {0% {opacity: 1;top:-30px;}100% {opacity: 0;top:-40px;}}
@-o-keyframes isRotate2 {0% {opacity: 1;top:-30px;}100% {opacity: 0;top:-40px;}}
.calendar{width:100%;height:50px;padding:0 27px;}
.month{font-size: 18px;color:#151515;}
.dateList{width:65%;height:100%;}
.dateItem{width:20%;}
.dateItemNum{width:24px;height:24px;margin-bottom:3px;font-size: 16px;color:#151515;}
.dateItemName{width:100%;font-size: 12px;color:#999;}
.dateItemNumA{border-radius: 50%;background-color:#3C80E6;color:#fff!important;}
.tq{width:100%;height:64px;padding:0 27px;margin-top:20px;}
.tq1{width:100%;height:100%;box-shadow: 0 1px 6px 0 #E3E3E3;border-radius: 6px;padding:0 16px;}
.tqL img{width:50px;height:50px;margin-right:17px;}
.city div{color:#454545;width:100%;font-size: 14px;}
.city div:first-child{font-size: 20px!important;}
.temperature{font-size: 14px;color:#888;}
.top{width:100%;height:calc(104px + env(safe-area-inset-top));background:url(../images/bg1x.png)no-repeat center;background-size:100% 100%;transition: 300ms;
opacity: 0;padding:0 10px;}
.topA{opacity:1!important;}
.topItem{height:50px;opacity: .5;}
.topItemA{opacity: 1!important;}
.topItemImg{width:100%;height:26px;}
.topItemImg img{width:26px;height:26px;}
.topItemName{width:100%;font-size: 12px;color:#ffff;}
.bottomA{height:calc(100% - env(safe-area-inset-top) - 90px)!important;}
.stepsList{width:100%;height:auto;padding:22px 27px;position: relative;overflow: hidden;}
.stepsListA{height:calc(100% - 90px)!important;overflow-y: auto!important;}
.stepsList:after{content:'';position: absolute;width:0;border-right:1px dashed #CECECE;height:calc(100% - 44px);left:96px;top:22px;}
.stepsItem{width:100%;height:auto;position: relative;margin-bottom:40px;display: none;}
.stepsItem:after{content:'';position: absolute;left:69px;top:30px;width:1px;height:calc(100% + 30px);z-index: 99;}
.stepsItem:last-child{margin-bottom:0;}
.stepsItem:last-child:after{height:calc(100% - 30px)!important;}
.stepsItem:before{content:'';position: absolute;left:60px;top:17px;width:20px;height:20px;background:url(../images/12.png)no-repeat center;
background-size:100% 100%;z-index: 990;}
.stepsItemA:after{background-color:#3C80E6!important;}
.stepsItemA:before{background:url(../images/13.png)no-repeat center!important;background-size:100% 100%!important;}
.stepsItemL{width:52px;height:50px;}
.stepsItemL div{width:100%;font-size: 14px;color:#666;}
.stepsItemL div:first-child{height:20px;}
.stepsItemL div img{width:20px;height:20px;margin-right:3px;}
.stepsItemR{width:calc(100% - 92px);height:auto;box-shadow: 0 1px 6px 0 #E3E3E3;border-radius: 6px;}
.stepsItemRTitle{width:100%;height:auto;padding:17px;}
.air{width:100%;height:auto;padding:22px 17px;position: relative;font-size: 16px;color:#454545;display: none;}
.air:after{content:'';width:calc(100% - 34px);height:1px;background-color:#E3E3E3;position: absolute;left:17px;top:0;}
.air img{width:36px;height:36px;margin-right:17px;}
.air div{width:calc(100% - 53px);padding-top:9px;}
.stepsItemRImg{width:100%;height:126px;border-radius: 4px;overflow: hidden;padding:0 17px 17px 17px;}
.tabs1{width:100%;height:40px;border-bottom:1px solid #D0D0D0;}
.tab1{width:45%;height:100%;font-size: 16px;color:#888;position: relative;padding-bottom:15px;}
.tab1:after{content:'';position: absolute;left:calc(50% - 15px);height:3px;width:30px;bottom:8px;}
.tab1Active{color:#3C80E6!important;}
.tab1Active:after{background-color:#3C80E6!important;}
.tabContent{width:100%;height:calc(100% - 80px);}
.tabs2{width:100%;height:44px;margin:14px 0 20px 0;background-color:#F0F4F8;padding:4px;border-radius: 4px;}
.tab2{width:50%;height:100%;font-size: 14px;color:#9EAAB7;}
.tab2Active{background-color:#fff;border-radius: 4px;color:#333!important;}
.jiaCard{width:calc(100% - 6px);height:auto;padding:16px;
  background-image: linear-gradient(left,rgba(225, 240, 255, 0.50),rgba(225, 240, 255, 0));
  background-image: -webkit-linear-gradient(left,rgba(225, 240, 255, 0.50),rgba(225, 240, 255, 0));
  background-image: -moz-linear-gradient(left,rgba(225, 240, 255, 0.50),rgba(225, 240, 255, 0));
  background-image: -ms-linear-gradient(left,rgba(225, 240, 255, 0.50),rgba(225, 240, 255, 0));
  background-image: -o-linear-gradient(left,rgba(225, 240, 255, 0.50),rgba(225, 240, 255, 0));box-shadow: 0 1px 6px 0 #E3E3E3;
}
.jiaCardImg{width:90px;height:94px;border-radius: 6px;margin-right:16px;overflow: hidden;}
.jt{width:18px;height:18px;}
.jiaCardContent{width:calc(100% - 124px);height:auto;}
.jiaCardName{width:100%;font-size: 18px;color:#151515;margin-bottom:5px;}
.jaiCardTitle{width:100%;font-size: 14px;color:#666;}
.divider{width:100%;height:24px;margin:28px 0 14px;}
.divider img{width:67px;height:8px;}
.divider div{font-size: 16px;color:#151515;margin:0 8px;padding-bottom:2px;}
.personnelLst{width:100%;height:auto;}
.personnelItem{width:100%;height:auto;padding:15px 16px 19px;margin-bottom:18px;background:url(../images/25.png)no-repeat center;
background-size:100% 100%;}
.personnelItem:last-child{margin-bottom:0;}
.personnelItemName{width:100%;font-size: 16px;color:#151515;margin-bottom:6px;}
.personnelItemTitle{width:100%;font-size: 14px;color:#888;}
.ridingItem{width:100%;padding:13px;background:url(../images/26.png)no-repeat center;background-size:100% 100%;}
.ridingItemTitle{width:100%;height:auto;}
.ridingItemTitle img{width:22px;height:22px;margin-right:4px;}
.ridingItemTitle div{width:calc(100% - 26px);font-size: 14px;color:#151515;}
.ridingItemCells{width:100%;margin:15px 0 5px;}
.ridingItemCell{width:100%;margin-bottom:8px;font-size: 14px;color:#151515;display: flex;}
.ridingItemCell:last-child{margin-bottom:0;}
.ridingItemLabel{color:#888!important;}
.stayItem{width:100%;height:auto;box-shadow: 0 1px 6px 0 #E3E3E3;border-radius: 6px;margin-bottom:15px;}
.stayItem:last-child{margin-bottom:0;}
.stayItemImg{width:100%;height:140px;overflow: hidden;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.stayItemContent{width:100%;padding:16px 19px;position: relative;}
/*.stayItemContent:after{content:'';position: absolute;left:19px;bottom:0;width:calc(100% - 38px);height:1px;background-color:#D0D0D0;}*/
.stayItemTitle{width:100%;font-size: 20px;color:#151515;}
.stayItemCells{width:100%;margin-top:13px;}
.stayItemCell{width:100%;font-size: 13px;color:#666;display: flex;margin-bottom:6px;}
.stayItemCell:last-child{margin-bottom:0;}
.stayItemCell img{width:18px;height:18px;margin-right:4px;}
.stayItemCellHd{width:calc(100% - 22px);height:auto;}
.blue{color:#3C80E6!important;}
.stayItemDetail{width:100%;padding:14px 0;font-size: 13px;}
.stayItemDetail img{width:14px;height:14px;}
.activityItem{width:100%;height:auto;margin-bottom:20px;box-shadow: 0 1px 6px 0 #E3E3E3;border-radius: 6px;padding:16px;display: block;}
.activityItem:last-child{margin-bottom:0;}
.activityItemTitle{width:100%;margin-bottom:15px;font-size: 15px;color:#151515;line-height: 20px;position: relative;display: flex;}
.activityItemTitle img{width:22px;height:22px;position: absolute;left:0;top:0;}
.activityItemNum{font-size:20px;margin-right:9px;color:#3C80E6!important;height:20px;margin-left:8px;}
.activityItemImg{width:100%;height:172px;overflow: hidden;border-radius: 3px;margin:15px 0;}
.reviewItem{width:100%;height:auto;position: relative;display: block;}
.activityTabs{width:100%;height:50px;}
.activityTab{flex:1;height:100%;font-size: 16px;color:#888;position: relative;padding-bottom:15px;}
.activityTab:after{position: absolute;content:'';width:30px;height:3px;left:calc(50% - 15px);bottom:8px;}
.activityTabA{color:#3C80E6!important;}
.activityTabA:after{background-color:#3C80E6!important;}
.activityList{width:100%;height:calc(100% - 50px);padding:20px;overflow-y: auto;}
.review{width:100%;height:100%;padding:0 18px 18px;overflow-y: auto;}
.reviewL{width:52px;height:100%;border-right:1px solid #E6E6E6;}
.reviewLi{width:52px;height:36px;margin-bottom:15px;position: relative;font-size: 15px;color:#888;}
.reviewLi:last-child{margin-bottom:0;}
.reviewLiA{color:#151515!important;font-weight: bold;}
.reviewLiA:after{content:'';width:3px;height:36px;background-color:#3C80E6;position: absolute;top:0;right:0;}
.reviewR{width:calc(100% - 52px);height:100%;overflow-y: auto;padding-left:16px;}
.reviewItem{width:100%;height:auto;margin-bottom:20px;box-shadow: 0 1px 6px 0 #E3E3E3;border-radius: 6px;overflow: hidden;}
.reviewItem:last-child{margin-bottom:0;}
.reviewRTitle{width:100%;height:auto;margin:16px 0;}
.reviewRTitle div:first-child{font-size: 18px;color:#151515;text-align: center;}
.reviewRTitle div:last-child{font-size: 14px;color:#151515;text-align: center;}
.reviewRImg{width:100%;height:175px;overflow: hidden;}
.reviewDetail{width:100%;height:auto;font-size: 14px;color:#454545;line-height: 27px;}
.hotel{width:100%;height:auto;padding:16px;box-shadow: 0 1px 6px 0 #E3E3E3;border-radius: 6px;margin-top:16px;}
.hotelTitle,.hotelTitle2{width:100%;margin-bottom:16px;}
.hotelTitle2 div{font-size: 15px;color:#151515;}
.hotelTitle div,.hotelTitle1A{font-size: 15px;color:#151515;background-image: linear-gradient(bottom,#ACCDFF 0%,#fff 20%);
  background-image: -webkit-linear-gradient(bottom,#ACCDFF 0%,#fff 20%);background-image: -moz-linear-gradient(bottom,#ACCDFF 0%,#fff 20%);
  background-image: -ms-linear-gradient(bottom,#ACCDFF 0%,#fff 20%); background-image: -o-linear-gradient(bottom,#ACCDFF 0%,#fff 20%);}
.hotelContent{width:100%;color:#454545;font-size: 14px;transition: 300ms;height:auto;}
.hotelTitle2 div:first-child{margin-right:20px;}
.sl{height:54px!important;overflow : hidden; text-overflow: ellipsis;display: block;  display: -webkit-box;
  word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-o-line-clamp: 2;
  -o-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;}
.zk{width:100%;padding-top:16px;font-size: 14px;}
.zk img{width:16px;height:16px;margin-left:5px;transition: 300ms;transform: rotate(90deg);-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.zkA img{transform: rotate(-90deg)!important;-webkit-transform: rotate(-90deg)!important;-moz-transform: rotate(-90deg)!important;
  -ms-transform: rotate(-90deg)!important;-o-transform: rotate(-90deg)!important;}
.hotelList{width:100%;height:auto;}
.hotelItem{width:calc(50% - 8px);height:auto;margin-bottom:10px;}
.hotelItemImg{width:100%;height:82px;overflow: hidden;border-radius: 4px;}
.hotelItemName{width:100%;margin-top:8px;font-size: 14px;color:#151515;}
.stayItem1{width:100%;height:auto;margin-bottom:20px;box-shadow: 0 1px 6px 0 #E3E3E3;border-radius: 6px;padding:16px;}
.stayItem1:last-child{margin-bottom:0;}
.stayItem1Top{width:100%;height:auto;padding-bottom:16px;border-bottom:1px solid #D0D0D0;}
.stayItem1TopImg{width:108px;height:78px;border-radius: 4px;overflow: hidden;margin-right:16px;}
.stayItem1TopContent{width:calc(100% - 124px);height:auto;margin-top:8px;}
.stayItem1TopTitle{width:100%;margin-bottom:10px;font-size: 16px;color:#151515;}
.stayItem1TopDetail{width:100%;font-size: 13px;}
.stayItem1TopDetail img{width:14px;height:14px;}
.detailBg{width:100%;position: absolute;left:0;top:0;}
.index{width:100%;height:auto;padding:18px;position: relative;z-index: 999;}
.detailTop{width:100%;height:auto;background-color:#fff;border-radius: 6px;padding:16px;margin-bottom:20px;}
.detailTitle{width:100%;height:auto;font-size: 17px;color:#151515;}
.detail{width:100%;height:auto;background-color:#fff;box-shadow: 0 2px 10px 0 #ECF1FB;border-radius: 6px;padding:16px;}
.detailImg{width:100%;height:auto;overflow: hidden;border-radius: 3px;margin-top:16px;}
.content{width:100%;height:auto;font-size: 14px;color:#454545;margin-top:16px;line-height: 27px;}
.ry{width:100%;height:auto;background-color:#fff;border-radius: 6px;padding:16px;}
.ryImg{width:90px;height:96px;border-radius: 4px;overflow: hidden;margin-right:16px;}
.ryContent{width:calc(100% - 112px);height:auto;}
.ryName{width:100%;font-size: 18px;color:#151515;}
.ryTitle{width:100%;font-size: 14px;color:#666;margin:6px 0;}
.rySex{width:100%;font-size: 14px;color:#666;}
.hg{width:100%;padding-bottom:16px;font-size: 13px;color:#999;}
.hg img{width:14px;height:14px;}
.hotelTitle1{width:100%;font-size: 16px;color:#151515;margin-top:26px;}
.hotelTitle1 img{width:8px;height:8px;}
.hotelTitle1 div{margin:0 6px;}
.historyImg{width:100%;height:190px;overflow: hidden;border-radius: 4px;}