* {
    margin: 0;
    padding: 0;
}

html,
body {
    /*width: 100%;
    height: 100%;*/
    background-color: #f5f5f5;
}

ul li {
    list-style: none;
}

input, button {
    outline: none;
}

button {
    border: none;
}

textarea,
select,
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

input::-webkit-input-placeholder {
    font-size: 3vw;
    color: #999;
}

input:-moz-placeholder {
    font-size: 3vw;
    color: #999;
}

input::-moz-placeholder {
    font-size: 3vw;
    color: #999;
}

input:-ms-input-placeholder {
    font-size: 3vw;
    color: #999;
}

.borderRad {
    border-radius: 1vw;
}

.backS {
    background: white;
}

.comListParent {
    width: 92vw;
}


/*公共search*/
.borderNode {
    border: none;
}

.fontSize8 {
    font-size: 2.13vw;
}

.fontSize10 {
    font-size: 2.66vw;
}

.fontSize12 {
    font-size: 3.2vw;
}

.fontSize14 {
    font-size: 3.73vw;
}

.fontSize16 {
    font-size: 4.26vw;
}

.fontSize18 {
    font-size: 4.8vw;
}

.fontSize20 {
    font-size: 5.33vw;
}

.fontSize22 {
    font-size: 5.86vw;
}

.fontSize24 {
    font-size: 6.4vw;
}

.lineHeight16 {
    line-height: 4.26vw;
}

.lineHeight18 {
    line-height: 4.8vw;
}

.lineHeight20 {
    line-height: 5.33vw;
}

.lineHeight28 {
    line-height: 7.46vw;
}

.mt1 {
    margin-top: 1px;
}

.mt3 {
    margin-top: 0.8vw;
}

.mt5 {
    margin-top: 1.33vw;
}

.mt10 {
    margin-top: 2.66vw;
}

.mt15 {
    margin-top: 4vw;
}

.mt20 {
    margin-top: 5.33vw;
}

.mb1 {
    margin-bottom: 1px;
}

.mb3 {
    margin-bottom: 0.8vw;
}

.mb5 {
    margin-bottom: 1.33vw;
}

.mb10 {
    margin-bottom: 2.66vw;
}

.mb15 {
    margin-bottom: 4vw;
}

.mr10 {
    margin-right: 2.66vw;
}

.mr5 {
    margin-right: 1.3vw;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 1.3vw;
}

.ml10 {
    margin-left: 2.66vw;
}

.ml15 {
    margin-left: 4vw;
}

.mb20 {
    margin-bottom: 5.33vw;
}

.mb50 {
    margin-bottom: 13.3vw;
}

.pl4vw {
    padding-left: 4vw;
}

.pt0 {
    padding-top: 0 !important;
}

.pt2 {
    padding-top: 0.53vw;
}

.pt5 {
    padding-top: 1.3vw;
}

.pt10 {
    padding-top: 2.66vw;
}

.pt15 {
    padding-top: 4vw;
}

.pt20 {
    padding-top: 5.33vw;
}

.pt30 {
    padding-top: 8vw;
}

.pt40 {
    padding-top: 10.66vw;
}

.pr10 {
    padding-right: 2.66vw;
}

.pl10 {
    padding-left: 2.66vw;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb2 {
    padding-bottom: 0.53vw !important;
}

.pb5 {
    padding-bottom: 1.3vw;
}

.pb2 {
    padding-bottom: 0.53vw !important;
}

.pb10 {
    padding-bottom: 2.66vw;
}

.pb15 {
    padding-bottom: 4vw;
}

.pb20 {
    padding-bottom: 5.33vw;
}

.pb30 {
    padding-bottom: 8vw;
}

.pb45 {
    padding-bottom: 12vw;
}

.plr {
    /* padding: 0 4vw 0 4vw; */
    padding-left: 4vw;
    padding-right: 4vw;
}

.plr2 {
    padding-left: 2vw;
    padding-right: 2vw;
}

.plr3 {
    padding-left: 3vw;
    padding-right: 3vw;
}

.w100 {
    width: 100%;
}

.w60 {
    width: 60%;
}

.w40 {
    width: 40%;
}

.borderBox {
    box-sizing: border-box;
}

.color333 {
    color: #333;
}

.color666 {
    color: #666;
}

.color999 {
    color: #999;
}

.colorFont {
    color: #6dbe72;
}

.colorBlack {
    color: black !important;
}

.color64b968 {
    color: #64b968 !important;
}

.colore65512 {
    color: #e65512 !important;
}

.colorff4500 {
    color: #ff4500 !important;
}

.backColor {
    background-color: #f5f5f5;
}

.fontStyle {
    font-family: "SourceHanSansSC";
}

.disblock {
    display: block;
}

.br {
    height: 14vw;
}

.owt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.owt2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.footer {
    display: flex;
    width: 100%;
    height: 12vw;
    position: fixed;
    left: 0;
    bottom: 0;
    background: white;
    box-shadow: 0 0 5px #bfbfbf;
    align-items: center;
}

.footer > div {
    height: 9vw;
    flex-grow: 1;
    text-align: center;
}

.footer span {
    padding-top: 3px;
    display: block;
    color: #333;
}

.footer > div.on span {
    color: #ff4500;
}

.footer img {
    width: 5.33vw;
    height: 5.33vw;
}

.funcBox {
    width: 100%;
    overflow-y: auto;
    height: 23vw;
    background-color: white;
    position: relative;
    font-size: 14px;
    color: #666;
}

.funcBox > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;

    /*height: 100%;*/
    /*background: red;*/
}

.funcBox > div > div {
    margin-top: 2.66vw;
}

.funcBox img {
    width: 11vw;
}

.funcBox .active {
    padding-bottom: 2px;
    border-bottom: solid #ffa41c 2px;
}

.mlauto {
    margin-left: auto;
}

.tabBox {
    display: flex;
    background: white;
}

.tabBox > div {
    flex-grow: 1;
    text-align: center;
    height: 12vw;
    line-height: 12vw;
    position: relative;
}

.tabBox > div > div {
    height: 2px;
    width: 30%;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.tabBox > div.active > div {
    background: #ffa41c !important;
}

.borderColor {
    border-color: #64b968 !important;
}

.bt1 {
    border-top: 1px solid #ddd;
}

.bl {
    border-left: 1px solid #ddd;
}

.bt {
    border-bottom: 1px solid #ddd;
}

/*公共search*/
.search {
    position: relative;
    border: 1px solid #999999;
    height: calc(8vw + 2px);
    border-radius: 1vw;
    width: 75vw;
}

.search.width92 {
    width: 92vw;
}

.inp {
    height: 8vw;
    width: 58vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 2.66vw;
    font-size: 3.73vw;
}

.width92 .inp {
    width: 78vw;
}

.searchBtn {
    width: 12vw;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #999;
}

.searchBtn img {
    width: 5vw;
    height: 5vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.filterBtn {
    position: absolute;
    width: 18vw;
    height: 100%;
    top: 0;
    right: -18vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filterBtn.active span {
    color: #64b968;
}

.filterBtn span.icon {
    padding-right: 14px !important;
    background: url(../../../img/wechat/good/icon_screen.png) no-repeat right center;
    background-size: 10px;
}

.filterBtn.active span.icon {
    background: url(../../../img/wechat/good/icon_screen_on.png) no-repeat right center;
    background-size: 10px;
}

/*选择目的地弹框*/
.destination {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    display: none;
    box-sizing: border-box;
    overflow-y: auto;
    /*-webkit-overflow-scrolling : touch;*/
    box-shadow: 0 0 5px #bfbfbf;
}

.destination > div {
    border-bottom: 1px solid #ddd;
    padding: 2.66vw 4vw 2.66vw 4vw;
}

.destinationAll {
    display: flex;
    align-items: center;
}

.destinationItem {
    background: rgb(249, 249, 249);
    color: #666;
    font-size: 3.75vw;
    width: 25vw;
    height: 8vw;
    text-align: center;
    line-height: 8vw;
    overflow: hidden;
    border-radius: 1vw;
}

.destinationItem.on {
    color: #424242 !important;
    background: #e1e9e0 !important;
    border: 1px solid #79b770 !important;
    width: calc(25vw - 2px) !important;
    height: calc(8vw - 2px) !important;
}

.destinationGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.destinationGroup > div:nth-child(n+4), .searchDayGroup > div:nth-child(n+4) {
    margin-top: 2.66vw;
}

.destinationGroup::after, .searchDayGroup::after {
    content: "";
    width: 25vw;
}

.mark {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: black;
    opacity: 0.5;
    display: none;
}

.searchDay {
    position: fixed;
    min-height: 40vw;
    background: white;
    width: 100%;
    top: 0;
    box-sizing: border-box;
    display: none;
    z-index: 101;
    box-shadow: 0 0 5px #bfbfbf;
}

.searchDayGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}

.searchDayGroup > div {
    background: rgb(249, 249, 249);
    color: #666;
    font-size: 3.75vw;
    width: 25vw;
    height: 8vw;
    text-align: center;
    line-height: 8vw;
    border-radius: 1vw;
}

.searchDayGroup .on {
    color: #424242 !important;
    background: #e1e9e0 !important;
    border: 1px solid #79b770 !important;
    height: calc(8vw - 2px) !important;
    width: calc(25vw - 2px) !important;
}

.sureCancel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 4.26vw;
}

.sureCancel button {
    width: 48%;
    height: 12vw;
    border-radius: 1vw;
}

.sureCancel .reset {
    background: white;
    border: 1px solid #e65512;
    color: #e65512;
}

.sureCancel .sure {
    background: #e65512;
    color: white;
}

.price {
    position: fixed;
    /*min-height: 40vw;*/
    background: white;
    width: 100%;
    top: 0;
    box-sizing: border-box;
    display: none;
    z-index: 101;
    box-shadow: 0 0 5px #bfbfbf;
}

.price > div {
    display: flex;
    align-items: center;
    height: 10vw;
}

.price img {
    width: 7vw;
}

.price > div:nth-child(2) {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.screen {
    position: fixed;
    width: 90%;
    top: 0;
    bottom: 0;
    right: -90%;
    background: white;
    box-sizing: border-box;
    overflow-y: auto;
    transition: right 0.2s linear;
    -webkit-transition: right 0.2s linear;
    -moz-transition: right 0.2s linear;
    z-index: 101;
    /*display: none;*/
}

#screenType > div {
    border-bottom: 1px solid #ddd;
}

.screenGroup {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.screenGroup > div {
    background: rgb(249, 249, 249);
    color: #666;
    font-size: 3.2vw;
    width: 25vw;
    height: 8vw;
    text-align: center;
    line-height: 8vw;
    margin-left: 2.66vw;
    border-radius: 1vw;

}

.screenGroup > div.on {
    color: #424242 !important;
    background: #e1e9e0 !important;
    border: 1px solid #79b770 !important;
    height: calc(8vw - 2px) !important;
    width: calc(25vw - 2px) !important;
}

.screenGroup > div:nth-child(3n-2) {
    margin-left: 0 !important;
}

.screenGroup > div:nth-child(n+4) {
    margin-top: 2.66vw;
}

/* .screen button {
    width: 48%;
    height: 9vw;
    border-radius: 1vw;
}
#screenReset {
	 color: #ff7415;
    border: 1px solid #ff7415;
    background: white;
}
#screenSure {
	background: #ff7415;
	color: white;
} */
/*bigHTML*/
.bigSearch {
    background: white;
}

.bigs {
    width: 92vw;
    margin: 2.66vw auto 0;
    background: white;

}

.recommend {
    position: absolute;
    top: 0;
    left: 0;
}

.bigName {
    display: flex;
    align-items: center;
}

.bigName > div:nth-child(2) {
    display: flex;
    align-items: center;
}

.bigTrait {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bigTrait > div {
    width: 20%;
    height: 4.5vw;
    text-align: center;
    border: 1px solid #64b968;
    line-height: calc(4.5vw + 2px);
    color: #64b968;
    border-radius: 1vw;

}

.bigTrait > div:nth-child(n+5) {
    margin-top: 2.66vw;
}

.placeholder {
    opacity: 0;
    border-color: transparent !important;
}

/*bigHotHTML*/
.bigHostMessage {
    height: 78vw;
    background: white;
    position: relative;
}

.bigHostImg {
    padding-bottom: 55%;
    background-image: url(../img/u=3920751897,3443157588&fm=26&gp=0.jpg);
    background-repeat: no-repeat;
    background-size: cover;

}

.bigHostBriefIntroduction {
    position: absolute;
    bottom: 4vw;
    left: 6vw;
}

.bigHostBriefIntroduction {

    overflow: hidden;
}

.bigHostBriefIntroduction > div {
    float: left;
}

.bigHostHeadPortrait {
    width: 24vw;
    height: 24vw;
    border-radius: 5%;
    overflow: hidden;
    border: 1px solid white;
}

.bigHostHeadPortrait img {
    width: 100%;
    height: 100%;
}

.personalInformation1 {
    display: flex;
    align-items: flex-end;
}

.personalInformation2 {
    display: flex;
}

.personalInformation2 div {
    width: 10vw;
    height: 5vw;
    border: 1px solid #6dbe72;
    border-radius: 1vw;
    text-align: center;
    line-height: calc(5vw + 2px);
    margin-left: 1.3vw;
}

.personalInformation1 > div:nth-child(n+2) {
    display: flex;
    align-items: center;
}

.personalInformation1 > div:nth-child(n+2) img {
    width: 5vw;
}

.bigHostExperience {
    background-color: white;
}

.qq::after {
    content: "啊";
    opacity: 0;
}

.commentTitle {
    background: white;
    height: 12vw;
    display: flex;
    align-items: center;
}

.img1, .img2 {
    width: 4vw;
}

.img2 {
    transform-origin: center;
    transition: 0.5s;
}

.ct2 {
    margin-left: auto;
}

.reviewer {
    overflow: hidden;
    height: 0;
    transition: 0.5s;
}

.reviewer > div {
    display: flex;
    background: white;
    align-items: center;
}

.reviewerPhoto {
    width: 15vw;
    height: 15vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img3 {
    width: 80%;
    height: 80%;
}

.reviewerComment div {
    width: 77vw;
}

.allHappyTitle {
    height: 10vw;
    line-height: 10vw;
}

.scenicSpot {
    width: 92.5vw;
    margin: 0 auto;
}

.scenicSpotMes {
    height: 6vw;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: black;
    opacity: 0.5;
    color: white;
    text-align: center;
    line-height: 6vw;
}

.img4 {
    width: 8vw !important;
    height: 8vw !important;
    position: absolute;
    top: 0;
    left: 0;
}

.scenicSpot div img {
    width: 45vw;
    height: 45vw;
}

/*campHTML*/
.campDetils {
    border-bottom: 1px solid transparent;
    background: white;
}

.campDetilsImg {
    width: 95%;
    height: 50vw;
    margin: 0 auto;
    border-radius: 2%;
    background-image: url(../img/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bannerSlider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.bannerSlider .hd {
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 5px;
    right: 0px;
    text-align: center;
}

.bannerSlider .hd.b4 {
    bottom: 4vw;
    left: 0px;
}

.bannerSlider .hd ul {
    display: inline-block;
    height: 5px;
    padding: 3px 5px;
    font-size: 0;
    vertical-align: top;
}

.bannerSlider .hd ul li {
    display: inline-block;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #807e8a;
    margin: 0 2px;
    vertical-align: top;
    overflow: hidden;
}

.bannerSlider .hd ul .on {
    background: #fff;
}

.bannerSlider .bd {
    position: relative;
    z-index: 0;
}

.bannerSlider .bd li img {
    width: 100%;
    background: url(../../img/wechat/loading.gif) center center no-repeat;
}

.bannerSlider .bd li a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 45%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* 取消链接高亮 */
}

.bannerSlider .bd.pb65 li a {
    padding-bottom: 55%;
}

.campNavImg {
    width: 4.8vw;
}

.campTitleS {
    width: 1px;
    height: 4vw;
    background: #6dbe72;
}

.campLabel {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.campLabel div {
    /* width: 10vw;
    height: 5vw;*/
    padding: 4px;
    color: #6dbe72;
    border: 1px solid #6dbe72;
    text-align: center;
    border-radius: 10%;
    margin-bottom: 1.33vw;
    margin-right: 1.3vw;
    font-size: 3.2vw;
}

/* .campLabel>div:nth-child(n+2) {
	margin-left: 2.66vw;
} */
.contentBox {
    margin: 0 2.66vw 2.66vw;
    padding: 1.6vw;
    background-color: white;
    border-radius: 1.6vw;
    font-size: 3.73vw;
}

.contentBox.top {
    position: relative;
    margin-top: -4vw;
    z-index: 2;
}

.campBox {
    display: flex;
    align-items: center;
    background: white;
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
}

.campBox.column {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
}

.campBox .right {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.campBox .rightButton {
    display: block;
    margin-left: auto;
    padding: 5px;
    border: 1px solid #64ba69;
    color: #fff;
    background: #64ba69;
    border-radius: 4px;
}

.campBox .rightButton.colorffc809 {
    background-color: #ffc809;
    border: 1px solid #ffc809;
    color: #000;
    padding: 2.13vw 3.2vw;
}

.campBox .right-arrow {
    background: url(../../../img/wechat/good/icon_arrow_right.png) no-repeat right center;
    background-size: 1.6vw;
    padding-right: 4vw;
}

.campBox .down-arrow {
    background: url(../../../img/wechat/good/icon_down_arrow.png) no-repeat right center;
    background-size: 3vw;
    padding-right: 4vw;
}

.campBox .up-arrow {
    background: url(../../../img/wechat/good/icon_up_arrow.png) no-repeat right center;
    background-size: 3vw;
    padding-right: 4vw;
}

.campBtnBox {
    display: flex;
    align-items: center;
    background: white;
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
}

.campBtnBox > div {
    padding-top: 2.13vw;
    padding-bottom: 2.13vw;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.campBtn {
    padding: 2.13vw 3.2vw;
    background-color: #ffc809;
    color: #000;
    text-align: center;
    border-radius: 1.06vw;
    font-size: 3.73vw;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.campNavBtn {
    width: 16vw;
    padding: 1.6vw 1.06vw;
    background-color: #ffc809;
    text-align: center;
    border-radius: 1.06vw;
    font-size: 3.2vw;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.campNavBtn > img {
    height: 4.26vw;
}

/* .campDescBtn{
	border-left: 1px solid #ddd;
} */

.campCommentImg {
    width: 5vw;
}

.campComment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    height: 10vw;
}

.commentStar img {
    height: 2.66vw;
}

.commentStar {
    display: inline-block;
    /* background: url(../../img/wechat/good/icon_star_yellow.png) left center / contain; */
    height: 2.13vw;
    position: relative;
    float: left;
}

.commentScore img {
    height: 2.13vw;
}

.commentScoreBig {
    padding: 3.2vw;
    color: #f8b42d;
    font-size: 6.92vw;
}

.campCommentImg1 {
    margin-left: auto;
    display: flex;
    align-items: center;

}

.campIntroduce {
    display: flex;
    background: white;
    align-items: center;
}

.campDetilsText {
    line-height: 4.26vw;
}

.campIntroduce img {
    width: 4vw;
    height: 4vw;
    margin-left: auto;
}

.campActive {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: white;
}

.campActive::after {
    content: "";
    width: 22%;
    border: 1px solid transparent;
}

.campActive div {
    width: 22%;
    height: 10vw;
    border: 1px solid #999;
    text-align: center;
    line-height: calc(10vw + 2px);
    border-radius: 1vw;
}

.campActive > div:nth-child(n+5) {
    margin-top: 2.66vw;
}

.campGoodsTitle {
    display: flex;
    align-items: center;
    background: white;
}

.campGoodsImg1 {
    width: 3vw;
}

.listGroup {
    border-radius: 4vw;
    margin: 2.66vw auto 0;
    width: 94vw;
    overflow: hidden;
}

.listItem {
    display: flex;
    background: white;
}

.listItem .itemPic {
    position: relative;
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    width: 35vw;
    border-radius: 1vw;
    overflow: hidden;
}

.listGroup .listItem .itemPic {
    width: 24vw;
}

.listItem .itemPic.textLT::after {
    content: attr(data-textLT);
    position: absolute;
    text-align: center;
    line-height: 17.26vw;
    width: 63.63vw;
    height: 10.6vw;
    background: #ff4200;
    top: calc(100% - 11vw);
    left: -18vw;
    font-size: 2.66vw;
    color: white;
    transform-origin: left bottom;
    transform: rotate(-45deg);
}

.listItem .itemPic .textRT {
    position: absolute;
    right: -15.28vw;
    top: -7.28vw;
    width: 28.28vw;
    height: 3.2vw;
    background: black;
    opacity: 0.5;
    color: white;
    text-align: center;
    line-height: 3.2vw;
    transform-origin: left top;
    transform: translate(0%, 0%) rotate(45deg);

}

.listItem .itemPic .textB {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5.33vw;
    background: black;
    opacity: 0.5;
    color: white;
    text-align: center;
    line-height: 5.33vw;
}

/* .campGoodImg1 {
	background-size: cover;
	background-repeat: repeat;
	width: 30vw;
} */
.listItem .itemInfo {
    /* width: 55vw;
    margin-left: auto; */
    flex: 1;
    margin-left: 2vw;
    min-height: 20vw;
    position: relative;
}

.listItem .itemInfo.price {
    padding-bottom: 8vw;
}

.listGroup .listItem .itemInfo {
    width: 61vw;
}

.listGroup .listItem .itemCenter {
    flex: 1;
}

.listGroup .listItem .itemRight {
    flex-shrink: 0;
}

.itemRight > div {
    line-height: 5.33vw;
    text-align: right;
}

.itemInfo .itemTitle {
    width: 100%;
    box-sizing: border-box;
    line-height: 5.33vw;
    text-align: justify;
    color: #333;
    font-size: 3.73vw;
}

.itemInfo .priceBox {
    position: absolute;
    display: flex;
    left: 0;
    bottom: 0;
    width: 100%;
}

.listGroup .priceBox i {
    font-weight: normal;
    font-size: 4.26vw;
}

.listGroup .itemFooter {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    background: white;
    text-align: right;
    font-size: 3.2vw;
    color: #333;
    line-height: 18px;
}

.listGroup .itemFooter .footerBtn {
    border: solid 1px #666;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 3.73vw;
    color: #333;
}

.listtip {
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #666;
}

.campReserve {
    width: 12vw;
    height: 6vw;
    background: #e65512;
    text-align: center;
    line-height: calc(6vw + 1px);
    color: white;
    border-radius: 1vw;
}

/* .campGood>div:nth-child(n+2) {
	margin-top: 1px;
} */
/*carRentalHTML*/
.carRentalMes div {
    background: white;
}

.carRentalAddress1, .carRentalAddress2 {
    display: flex;
    align-items: center;
}

.carRentalAddress1 > div:nth-child(1) {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background: red;
}

.carRentalAddress2 img {
    width: 3vw;
}

.back {
    background: #6dbe72 !important;
}

.carRentalTime {
    display: flex;
}

.carRentalTime > div {
    width: 33.333%;
}

.carRentalTime > div:nth-child(1), .carRentalTime > div:nth-child(3) {
    border: 1px solid #999;
    border-radius: 1vw;
    text-align: center;
}

.carRentalTime > div:nth-child(1) > div:nth-child(2),
.carRentalTime > div:nth-child(3) > div:nth-child(2) {
    margin-top: 1.33vw;
}

.carRentalTime > div:nth-child(2) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carRentalTime > div:nth-child(2) img {
    width: 10vw;
}

.time {
    position: absolute;
    top: 1vw;

}

.onceReserve button {
    width: 100%;
    height: 8vw;
    background-color: #e65512;
    color: white;
    text-align: center;
    line-height: 8vw;
    outline: none;
    border: none;
    border-radius: 1vw;
}

.carRentalNotice {
    display: flex;
    align-items: center;
    background: white;
}

/*.carRentalNotice:nth-of-type(2)*/
.carRentalNotice img {
    width: 3vw;
}

.carRental {
    width: 92vw;
    margin: 0 auto;
}

.carRental > div {
    margin-top: 2.66vw;
}

/*expertHTML*/
.expertType {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
}

.expertType div {
    width: 22%;
    height: 10vw;
    border: 1px solid #999;
    text-align: center;
    line-height: calc(10vw + 2px);
    border-radius: 1vw;
}

.hotExpert {
    /*background: white;*/
    width: 92.5vw;
    margin: 0 auto;
}

.hotExpertTitle {
    display: flex;
    align-items: center;
    background: white;
}

.hotExpertTitle img {
    width: 3vw;
}

.expertA {
    display: flex;
}

.expertT {
    width: 18vw;
    height: 6vw;
    border: 1px solid #6dbe72;
    text-align: center;
    line-height: calc(6vw + 2px);
    border-radius: 1vw;
    color: #6dbe72;
}

.hotQuestion {
    background: white;
}

.qusetions {
    background: white;
}

.qusetions > div:nth-child(n+2) {
    margin-top: 2.66vw;
}

/*loginHTML*/
.cateBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: white;
    width: 100%;
}

.cateBox > div {
    width: 25.5%;
    height: 9.3vw;
    background: white;
    text-align: center;
    line-height: calc(9.3vw + 2px);
    color: #666;
    border: 1px solid #bbb;
    border-radius: 1vw;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 2.66vw;
}

.cateBox > div:nth-child(-n+3) {
    margin-top: 0;
}

.cateBox::after {
    content: " ";
    width: 25.5%;
}

.cateBox > div.on {
    /* background-color: #e65512 !important;
    color: white !important;
    border-color: #e65512 !important;*/
    color: #ff4500 !important;
    border-color: #ff4500 !important;
}

.cateBox.cate4 {
    justify-content: start;
}

.cateBox.cate4 > div {
    width: calc(25% - 2vw - 2px) !important;
    margin-right: 2.66vw;
}

/* .cateBox.cate4::after {
	content:" ";
	width: 22% !important;
} */

.cateBox.cate4 > div:nth-child(4n) {
    margin-right: 0 !important;
}

.cateBox.cate4 > div:nth-child(-n+4) {
    margin-top: 0;
}

.cateBoxHori {
    width: 100%;
    overflow-y: auto;
    height: 23vw;
    background-color: white;
    position: relative;
    font-size: 14px;
    color: #666;
}

/* 隐藏滚动条 */
.cateBoxHori::-webkit-scrollbar {
    display: none;
}

.cateBoxHori > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding-bottom: 6px;

    /*height: 100%;*/
    /*background: red;*/
}

.cateBoxHori > div > div {
    margin-top: 2.66vw;
    font-size: 3.46vw;
    height: 3.46vw;
    overflow: hidden;
}

.cateBoxHori img {
    width: 14vw;
}

.cateBoxHori .on {
    padding-bottom: 6px;
    border-bottom: solid #ffa41c 2px;
}

.sortBox {
    display: flex;
    align-items: center;
    background: white;
}

.sortBox img {
    width: 3vw;
}

.sortBtn {
    display: flex;
    align-items: center;
    height: 10vw;
}

.gridList {
    width: 94vw;
    margin: 0 auto;
}

/* .gridList>div>img {
	width: 45vw;
	height: 45vw;
} */
.gridItem {
    border-radius: 2vw;
    margin-top: 2.66vw;
    width: 46vw;
    background: white;
}

.gridItem .itemTitle {
    width: 100%;
    box-sizing: border-box;
    line-height: 5.33vw;
    text-align: justify;
    color: #333;
    font-size: 3.73vw;
}

.gridItem .itemPic {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    width: 46vw;
    height: 46vw;
    overflow: hidden;
}

.gridItem .itemPic > img {
    width: 46vw;
    height: 46vw;
    object-fit: cover;
}

.gridItem .itemPic .iconLT {
    position: absolute;
    top: 0;
    left: 0;
    width: 8.8vw;
    height: 8.8vw;
}

/* .itemPic.textLT::after {
    content: attr(data-textLT);
    position: absolute;
    text-align: center;
    line-height: 4.26vw;
    width: 63.63vw;
    height: 3.73vw;
    background: #ff4200;
    top: calc(100% - 21.86vw);
    left: -17.33vw;
    font-size: 2.66vw;
    color: white;
    transform-origin: left bottom;
    transform: rotate(-45deg);
}  */
.gridItem .itemPic.textLT::after {
    content: attr(data-textLT);
    position: absolute;
    text-align: center;
    line-height: 17.26vw;
    width: 63.63vw;
    height: 10.6vw;
    background: #ff4200;
    top: calc(100% - 29.5vw);
    left: -18vw;
    font-size: 2.66vw;
    color: white;
    transform-origin: left bottom;
    transform: rotate(-45deg);
}

.gridItem .itemPic .textRT {
    position: absolute;
    right: -15.28vw;
    top: -7.28vw;
    width: 28.28vw;
    height: 3.2vw;
    background: black;
    opacity: 0.5;
    color: white;
    text-align: center;
    line-height: 3.2vw;
    transform-origin: left top;
    transform: translate(0%, 0%) rotate(45deg);

}

.gridItem .itemPic .textB {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5.33vw;
    background: black;
    opacity: 0.5;
    color: white;
    text-align: center;
    line-height: 5.33vw;
}

.labelBox {
    display: flex;
    flex-wrap: wrap;
}

.labelBox span {
    border: 0.5px solid #ff4500;
    color: #e65512;
    padding: 3px;
    text-align: center;
    border-radius: 1vw;
    font-size: 2.66vw;
    margin-top: 1.33vw;
    margin-right: 1.3vw;
}

.labelBox span.color6dbe72 {
    border: 0.5px solid #6dbe72;
    color: #6dbe72;
}

/* .labelBox>div:nth-child(n+3) {
	margin-top: 2.66vw;
} */
.priceBox {
    display: flex;
    align-items: flex-end;
    line-height: 18px;
}

.priceBox > div {
    float: left;
}

.priceBox i {
    font-style: normal;
    font-weight: 650;
    font-size: 4.8vw;
}

.priceBox em {
    padding-left: 0.53vw;
    color: #74787f;
}

.expertBox {
    display: flex;
    align-items: center;
}

.expertBox > div:nth-child(1) {
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/*searchHTML*/
.searchTitle {
    background: white;
}

.searchBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchBox > div {
    width: 30%;
    height: 8vw;
    text-align: center;
    line-height: calc(8vw + 2px);
    border: 1px solid #999;
    border-radius: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchBox > div.on, .searchBox > div.active {
    border-color: #64b968;
}

.searchBox > div img {
    width: 3.73vw;
}

.searchBox > div span {
    max-width: 19.2vw;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.searchBox > div.active span {
    color: #64b968;
}

.searchBox > div.on span {
    color: #64b968;
}

.searchBox > div span.icon {
    padding-right: 16px !important;
    background: url(../../../img/wechat/good/icon_sort_down_off.png) no-repeat right center;
    background-size: 14px;
}

.searchBox > div.active span.icon {
    background: url(../../../img/wechat/good/icon_sort_down.png) no-repeat right center;
    background-size: 14px;
}

.searchBox > div.on span.icon {
    background: url(../../../img/wechat/good/icon_sort_up.png) no-repeat right center;
    background-size: 14px;
}

.searchPA {
    display: flex;
    align-items: center;
    background: white;
}

.searchPA > div:nth-child(1) {
    display: flex;
    align-items: center;
}

.searchPA > div:nth-child(1) img {
    width: 4vw;
}

.searchItem {
    background: #f5f5f5;
    width: 92vw;
    margin: 0 auto;
}

.searchItem > div {
    width: 45vw;
    background: white;
}

.searchItem > div > div:nth-child(n+2) {
    padding: 0 2.66vw 0 2.66vw;
}

.searchImg img {
    position: absolute;
    top: 0;
    left: 0;
}

.searchImg div {
    height: 6vw;
    background: black;
    opacity: 0.8;
    color: white;
    position: absolute;
    bottom: 0;
    text-align: center;
    line-height: 6vw;
    width: 100%;
    text-align: center;
}

.searchCharacteristic {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.searchCharacteristic div {
    width: 40%;
    height: 5vw;
    border: 1px solid #64b968;
    border-radius: 1vw;
    text-align: center;
    line-height: calc(5vw + 2px);
}

.searchCharacteristic > div:nth-child(2n) {
    margin-left: 2.66vw;
}

.searchCharacteristic > div:nth-child(n+3) {
    margin-top: 2.66vw;
}

.searchIN {
    display: flex;
    align-items: center;
}

.searchIN > div:nth-child(1) {
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/*travleHTML*/
.travels {
    width: 92vw;
    margin: 2.66vw auto 0;
}

.travels > div {
    width: 45vw;
    background: white;

}

.travels > div > div:nth-child(n+2) {
    padding-left: 4vw;
}

.recommend {
    position: absolute;
    top: 0;
    left: 0;
}

.travelTrait {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.travelTrait > div {
    width: 40%;
    height: 6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #64b968;
    border-radius: 1vw;
}

.travelTrait > div:nth-child(2n) {
    margin-left: 2.66vw;
}

.travelTrait > div:nth-child(n+3) {
    margin-top: 2.66vw;
}

.travelMan {
    display: flex;
}

.travelManImg {
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
}

.travelManName {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tfy-shade-box {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 999;
}

.tfy-shade-box.hide {
    display: none;
}

.whitebg {
    background: #fff;
}

.tfy-shade-warnbox {
    width: 100%;
    height: 100%;
    display: table;
}

.tfy-shade-warn-inner {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.tfy-shade-warn-inner img {
    width: 45%;
}

.warn-word {
    display: block;
    width: 85%;
    text-align: center;
    margin: 0px auto;
    padding: 20px 0px 10px 0px;
    line-height: 20px;
    font-size: 16px;
    color: #5e5e5e;
}

.warn-btn {
    display: inline-block;
    padding: 8px 22px;
    line-height: 20px;
    font-size: 14px;
    color: #bababa;
    border: 1px solid #bababa;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.tfy-shade-tip-box {
    width: 70%;
    padding: 20px 5%;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0px auto;
    text-align: center;
}

.tfy-shade-tip-box img {
    width: 35px;
}

.tfy-shade-tip {
    display: block;
    width: 100%;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.matrix-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 3vw 10px;
}

.matrix-box .item {
    width: calc(48.5vw - 10px);
    height: 52vw;
    margin-bottom: 3vw;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 18px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}

.matrix-box .item.square {
    height: calc(48.5vw - 10px);
}

.matrix-box .item .icon {
    width: 15vw;
    margin-bottom: 8px
}

.matrix-box .item a {
    display: block;
    height: 100%;
}

.matrix-box .item .bg {
    width: 100%;
    height: 100%
}

.matrix-box .swiper {
    width: 100%;
    margin-bottom: 3vw;
}

.matrix-box .swiper-slide {
    height: 58vw;
}