.addbottom {
  text-align: center;
  background: url("../img/addbotom/bac.png") repeat-x;
  background-size: auto 100%;
  height: 14rem; }
  .addbottom .wechatimg {
    display: inline-block;
    height: .6rem;
    width: .7rem;
    padding: .7rem 0 .2rem 0; }
  .addbottom .code-w {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .addbottom .code-w .lr {
      text-align: center;
      width: 3rem; }
      .addbottom .code-w .lr .cat {
        font-size: 15px;
        color: #90caf1; }
      .addbottom .code-w .lr .title {
        font-size: 14px;
        color: #ffffff;
        padding-bottom: .1rem; }
      .addbottom .code-w .lr .code {
        width: 2.1rem;
        height: 2.1rem;
        border: 2px solid #96d2fa;
        display: inline-block; }
        .addbottom .code-w .lr .code img {
          width: 100%;
          height: 100%; }
  .addbottom .weibo {
    padding: .7rem 0 .28rem 0;
    text-align: center; }
    .addbottom .weibo img {
      width: .77rem;
      height: .6rem;
      padding-bottom: .2rem;
      display: inline-block; }
    .addbottom .weibo .cat {
      font-size: 15px;
      color: #90caf1; }
    .addbottom .weibo .title {
      font-size: 14px;
      color: #ffffff;
      padding-bottom: .12rem; }
  .addbottom .contact, .addbottom .bot {
    text-align: center;
    padding-bottom: .3rem; }
    .addbottom .contact div, .addbottom .bot div {
      font-size: 14px;
      color: #ffffff;
      padding-bottom: .18rem;
      line-height: 14px; }
  .addbottom .bot {
    padding-bottom: 0; }
  .addbottom a {
    color: #ffffff; }

.component-newnav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: .9rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 5; }
  .component-newnav .logo {
    background: linear-gradient(to right, #0a1422, #1c2743);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .25rem;
    border-right: 1px solid #263865; }
    .component-newnav .logo img {
      height: .5rem;
      width: 1.5rem;
      margin: auto; }
  .component-newnav .bread-w {
    border-left: 1px solid #000000;
    border-right: 1px solid #263865;
    width: 100%;
    display: flex;
    flex-direction: row;
    line-height: .9rem;
    font-size: 14px;
    background: linear-gradient(to right, #08121e, #1c2743); }
    .component-newnav .bread-w div {
      padding-left: .3rem;
      display: flex; }
      .component-newnav .bread-w div img {
        width: .33rem; }
      .component-newnav .bread-w div span {
        color: #96d2fa; }
  .component-newnav .more {
    border-left: 1px solid #000000;
    background-color: #1c2743;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .29rem; }
    .component-newnav .more div {
      width: .48rem;
      height: 2px;
      background-color: #96d2fa; }
  .component-newnav .list-wrapper {
    position: fixed;
    top: .9rem;
    left: 0;
    right: 0;
    bottom: 0;
    display: none; }
    .component-newnav .list-wrapper.active {
      display: block; }
      .component-newnav .list-wrapper.active .list {
        right: 0; }
    .component-newnav .list-wrapper .mask {
      opacity: 1;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1;
      width: 100%;
      height: 100%;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .component-newnav .list-wrapper .list {
      position: fixed;
      top: .9rem;
      bottom: 0;
      right: -500px;
      padding: 1rem .64rem 0 .8rem;
      background: linear-gradient(to top, #0f1f35, #1b2c54);
      width: min-content;
      -webkit-transition: .3s;
      -moz-transition: .3s;
      -ms-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .component-newnav .list-wrapper .list #component-close {
        position: absolute;
        left: 0;
        top: 5.8rem;
        width: .4rem;
        height: .8rem;
        background-color: #2d478b;
        border-radius: 0 5px 5px; }
        .component-newnav .list-wrapper .list #component-close .arrow {
          width: 7px;
          height: 7px;
          border-top: 2px solid #96d2fa;
          border-right: 2px solid #96d2fa;
          position: absolute;
          left: 49%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -moz-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
          -o-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }
      .component-newnav .list-wrapper .list .row {
        width: 3.6rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: .22rem; }
        .component-newnav .list-wrapper .list .row a {
          width: 1.6rem;
          height: .58rem;
          background-color: #96d2fa;
          border-radius: 4px;
          font-size: 15px;
          color: #414142;
          line-height: .58rem;
          text-align: center; }

[v-cloak] {
  display: none; }

.mask-book {
  display: none;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box; }
  .mask-book.show {
    display: block; }
  .mask-book .content {
    background-color: #fff;
    padding: .14rem .4rem .8rem;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0.93rem; }
    .mask-book .content .title-box {
      font-size: .32rem;
      border-bottom: 1px solid #e2e2e2;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: .2rem; }
    .mask-book .content .detail {
      padding-top: .2rem;
      font-size: .28rem;
      line-height: .36rem;
      height: 79%;
      overflow: scroll; }
    .mask-book .content .book-box {
      position: absolute;
      z-index: 5;
      width: 100%;
      height: 1rem;
      bottom: 0;
      left: 0;
      display: flex;
      background-color: #fff;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.19); }
      .mask-book .content .book-box p {
        flex: 1;
        font-size: .32rem;
        line-height: 1rem;
        text-align: center; }
      .mask-book .content .book-box button {
        flex: 1;
        background-color: #f55858;
        color: #fff;
        font-size: .32rem; }

.mask-mianze {
  display: none;
  position: fixed;
  z-index: 20;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #fff; }
  .mask-mianze.show {
    display: block; }
  .mask-mianze .p1 {
    padding: 2.35rem .4rem 1.57rem;
    font-size: .32rem;
    line-height: .44rem;
    color: #424141;
    text-align: justify; }
  .mask-mianze .p2 {
    font-size: .32rem;
    text-align: center;
    color: #959595; }
  .mask-mianze .know-btn {
    position: absolute;
    bottom: 2rem;
    margin: auto;
    right: 0;
    left: 0;
    width: 2.9rem;
    height: .8rem;
    background-color: #ffcc00;
    box-shadow: 0px 2px 0px 0px #ed8b00;
    border-radius: 4px;
    color: #424141; }
    .mask-mianze .know-btn a {
      display: block;
      height: .8rem;
      font-size: .34rem;
      line-height: .8rem; }

.scenerytop {
  padding: .3rem .4rem .25rem .4rem;
  font-size: 0; }
  .scenerytop .title {
    font-size: 20px;
    line-height: 20px;
    color: #424141;
    margin-bottom: .2rem;
    font-weight: bolder; }
  .scenerytop .star-wrapper {
    display: inline-block;
    height: 11px;
    width: 65px;
    margin-right: .18rem; }
  .scenerytop .score {
    display: inline-block; }
    .scenerytop .score .score1 {
      font-size: 15px;
      color: #424141; }
    .scenerytop .score .score2 {
      font-size: 11px;
      color: #959595; }
  .scenerytop .rate {
    float: right;
    display: inline-block;
    color: #959595;
    font-size: 11px; }

.imglist {
  height: 3.14rem;
  position: relative;
  padding-bottom: .60rem;
  border-bottom: 8px solid #f5f5f5; }
  .imglist .img1 {
    display: inline-block;
    height: 100%;
    width: 5.2rem;
    margin-right: 0; }
  .imglist .img2 {
    width: 2.28rem;
    height: 1.56rem;
    position: absolute;
    right: 0;
    top: 0; }
  .imglist .img3, .imglist .ontop {
    width: 2.28rem;
    height: 1.56rem;
    position: absolute;
    right: 0;
    bottom: .6rem;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 1.56rem; }
  .imglist .ontop {
    background: black;
    opacity: .49; }
  .imglist .img1, .imglist .img2, .imglist .img3 {
    overflow: hidden; }
    .imglist .img1 img, .imglist .img2 img, .imglist .img3 img {
      height: 100%;
      width: 100%; }

.vr-wrapper {
  padding-bottom: .52rem;
  border-bottom: 8px solid #f5f5f5; }
  .vr-wrapper .nav {
    padding: .6rem .4rem .32rem .4rem; }
    .vr-wrapper .nav li {
      display: inline-block;
      font-size: 17px;
      letter-spacing: 1.7px;
      line-height: 17px;
      margin-right: .64rem;
      position: relative; }
      .vr-wrapper .nav li.active {
        font-weight: bolder; }
        .vr-wrapper .nav li.active:after {
          content: '';
          height: 2px;
          width: 100%;
          position: absolute;
          bottom: -6px;
          background-color: #96d2fa;
          left: 0; }
  .vr-wrapper .slider-box ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
    .vr-wrapper .slider-box ul li {
      display: inline-block;
      width: 6.4rem;
      margin-right: .22rem; }
      .vr-wrapper .slider-box ul li:nth-child(1) {
        margin-left: .42rem; }
      .vr-wrapper .slider-box ul li a {
        display: block; }
        .vr-wrapper .slider-box ul li a .img-box {
          overflow: hidden;
          height: 3.64rem;
          position: relative; }
          .vr-wrapper .slider-box ul li a .img-box .cover-img {
            width: 100%;
            height: 100%; }
          .vr-wrapper .slider-box ul li a .img-box .cover-icon {
            position: absolute;
            width: .95rem;
            height: .95rem;
            border-radius: 50%;
            box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.5);
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto; }
      .vr-wrapper .slider-box ul li .info-box {
        padding-top: .39rem; }
        .vr-wrapper .slider-box ul li .info-box .name {
          font-size: 17px;
          line-height: 17px;
          margin-right: .1rem;
          letter-spacing: 1.7px;
          color: #424141; }

.description {
  padding: 0 20px;
  padding-bottom: .60rem;
  border-bottom: 8px solid #f5f5f5; }
  .description .tickets-box {
    color: #424141;
    padding-top: .29rem; }
    .description .tickets-box > .title {
      height: .85rem;
      font-size: .35rem;
      line-height: .85rem;
      padding: 0;
      color: #f45859;
      border-bottom: 1px solid #ebebeb;
      font-weight: bolder; }
    .description .tickets-box .list-box .item-big .ticket-type {
      height: 1rem;
      font-size: .35rem;
      line-height: 1rem;
      padding: 0;
      border-bottom: 1px solid #ebebeb; }
      .description .tickets-box .list-box .item-big .ticket-type .arrow-img {
        float: right;
        width: .28rem;
        margin-top: .4rem; }
    .description .tickets-box .list-box .item-big .item-small-box {
      background: #f5f5f5;
      position: relative;
      padding-bottom: .8rem;
      overflow: hidden; }
      .description .tickets-box .list-box .item-big .item-small-box.short {
        height: auto;
        padding-bottom: 0; }
      .description .tickets-box .list-box .item-big .item-small-box.show {
        height: auto; }
      .description .tickets-box .list-box .item-big .item-small-box .hideitem {
        display: none !important; }
      .description .tickets-box .list-box .item-big .item-small-box .item-small {
        padding: .4rem .2rem;
        border-bottom: 1px solid #ebebeb;
        font-size: .28rem;
        display: flex;
        justify-content: space-between; }
        .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left {
          width: 5rem; }
          .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left .ticket-name {
            line-height: .36rem;
            margin-bottom: .1rem;
            text-align: justify; }
            .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left .ticket-name .isSupportScanCode {
              font-size: 12px;
              color: #fff;
              background: #ff6262;
              padding: 0 7px;
              border-radius: 4px;
              display: inline-block;
              vertical-align: top; }
              .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left .ticket-name .isSupportScanCode .scan {
                height: 12px;
                width: 12px;
                vertical-align: middle;
                display: inline-block; }
              .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left .ticket-name .isSupportScanCode span {
                vertical-align: middle; }
          .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left .book-tip {
            line-height: .28rem;
            margin-bottom: .15rem;
            color: #959595; }
          .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left .btn-box {
            margin-bottom: .12rem; }
            .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left .btn-box button {
              height: .33rem;
              border: 1px solid #dcdcdc;
              color: #959595;
              padding: 0 .1rem; }
          .description .tickets-box .list-box .item-big .item-small-box .item-small .item-left .book-knows {
            line-height: .28rem; }
        .description .tickets-box .list-box .item-big .item-small-box .item-small .item-right {
          text-align: right;
          position: relative; }
          .description .tickets-box .list-box .item-big .item-small-box .item-small .item-right .price {
            color: #f45859;
            font-size: .36rem;
            line-height: .36rem; }
          .description .tickets-box .list-box .item-big .item-small-box .item-small .item-right .supply {
            position: absolute;
            color: #959595;
            top: .4rem;
            right: 0;
            width: 5rem; }
          .description .tickets-box .list-box .item-big .item-small-box .item-small .item-right .book-btn {
            width: 1.2rem;
            height: .5rem;
            background: #f45859;
            box-shadow: 0 1px 0 0 #b81c1d;
            color: #fff;
            font-size: .28rem;
            bottom: 0;
            position: absolute;
            right: 0; }
      .description .tickets-box .list-box .item-big .item-small-box .more {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: .8rem;
        font-size: .28rem;
        line-height: .8rem;
        text-align: center;
        background: #f5f5f5;
        border-top: 1px solid #ebebeb; }
  .description .items {
    font-size: 0; }
    .description .items .map-wrap {
      width: 100%; }
      .description .items .map-wrap .map-tab {
        padding: 0.2rem 0;
        font-size: 16px; }
        .description .items .map-wrap .map-tab .map-tab-item {
          margin-right: 0.5rem;
          display: inline-block;
          color: #848484;
          cursor: pointer;
          padding-bottom: 1px; }
        .description .items .map-wrap .map-tab .active {
          color: #424141;
          border-bottom: 2px solid #96d2fa; }
      .description .items .map-wrap .map-content {
        padding-top: 0.1rem; }
      .description .items .map-wrap .baidumap {
        width: 100%;
        height: 3.9rem; }
        .description .items .map-wrap .baidumap #l-map {
          height: 100%;
          width: 100%; }
      .description .items .map-wrap .daolan-map {
        display: none;
        width: 100%;
        height: 3.9rem; }
        .description .items .map-wrap .daolan-map img {
          width: 100%;
          max-height: 3.9rem; }
    .description .items .item-b {
      color: #959595;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 1px; }
    .description .items .title {
      padding: .38rem 0 .21rem 0;
      color: #424141;
      font-size: 18px;
      font-weight: bolder;
      line-height: 17px;
      border-bottom: 1px solid #e2e2e2; }
    .description .items .p40 {
      padding: .24rem 0; }
    .description .items .content {
      color: #959595;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 1px;
      padding: .24rem 0;
      text-align: justify;
      overflow-x: scroll; }
      .description .items .content img {
        width: 100%; }

.rate-wrapper {
  padding: 0 20px; }
  .rate-wrapper .rate-head {
    padding: .38rem 0 .21rem 0;
    color: #424141;
    font-size: 17px;
    line-height: 17px;
    border-bottom: 1px solid #e2e2e2; }
  .rate-wrapper .rate-mid {
    font-size: 0;
    height: 2.55rem;
    border-bottom: 1px solid #e2e2e2; }
    .rate-wrapper .rate-mid .remark-bl {
      position: relative;
      width: 50%;
      float: left; }
      .rate-wrapper .rate-mid .remark-bl .rateNum {
        font-size: 14px;
        line-height: 30px;
        margin-top: 0.6rem;
        text-align: center; }
        .rate-wrapper .rate-mid .remark-bl .rateNum span {
          font-size: 30px;
          color: #f43b5a;
          font-weight: bolder; }
      .rate-wrapper .rate-mid .remark-bl .star-wapper {
        height: 15px;
        width: 95px;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%); }
    .rate-wrapper .rate-mid .remark-bm {
      height: 80px;
      width: 115px;
      float: left;
      margin-top: 0.45rem;
      margin-left: .4rem; }
      .rate-wrapper .rate-mid .remark-bm .remark-line {
        margin-bottom: 5px;
        color: #aeaeae;
        line-height: 10px;
        height: 12px; }
        .rate-wrapper .rate-mid .remark-bm .remark-line span {
          font-size: 12px;
          display: inline-block;
          margin-right: 8px; }
        .rate-wrapper .rate-mid .remark-bm .remark-line .remark-out {
          vertical-align: top;
          display: inline-block;
          height: 6px;
          margin-top: 2px;
          width: 88px;
          background-color: #eceaea; }
          .rate-wrapper .rate-mid .remark-bm .remark-line .remark-out .remark-in {
            height: 100%;
            background-color: #ffcc00; }
  .rate-wrapper .ratelist {
    font-size: 0; }
    .rate-wrapper .ratelist .rete-items {
      padding: .42rem 0 .36rem 0;
      border-bottom: 1px solid #e2e2e2; }
      .rate-wrapper .ratelist .rete-items .items-t {
        position: relative; }
        .rate-wrapper .ratelist .rete-items .items-t img {
          height: 30px;
          width: 30px;
          border-radius: 50%;
          margin-right: 15px;
          display: inline-block;
          vertical-align: middle; }
        .rate-wrapper .ratelist .rete-items .items-t .name {
          color: #a1a1a2;
          font-size: 14px;
          position: absolute;
          top: 5px; }
        .rate-wrapper .ratelist .rete-items .items-t .time {
          float: right;
          font-size: 14px;
          color: #a1a1a2;
          margin-top: 5px; }
      .rate-wrapper .ratelist .rete-items .star-wapper {
        height: 11px;
        width: 65px;
        margin: 5px 0 10px 45px; }
      .rate-wrapper .ratelist .rete-items .items-content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        color: #424141;
        font-size: 14px; }

.swiper-container {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .swiper-container.active {
    background: black; }
  .swiper-container img {
    width: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute; }
  .swiper-container .swiper-pagination-fraction {
    color: #ffffff;
    font-size: 18px; }

.ovfHiden {
  overflow: hidden;
  height: 100%; }

.mask-video {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 200; }
  .mask-video video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 40%; }

.around-wrapper {
  border-bottom: 8px solid #f5f5f5;
  padding-bottom: .5rem; }
  .around-wrapper .rate-head {
    height: .85rem;
    margin: 0 .4rem;
    border-bottom: 1px solid #e2e2e2; }
    .around-wrapper .rate-head span {
      line-height: .85rem;
      font-size: 17px; }
  .around-wrapper .nav {
    font-size: 0;
    padding: 0 .4rem; }
    .around-wrapper .nav li {
      display: inline-block;
      margin-right: .8rem;
      margin-bottom: .37rem;
      position: relative; }
      .around-wrapper .nav li span {
        height: .6rem;
        font-size: 16px;
        vertical-align: bottom;
        display: table-cell; }
      .around-wrapper .nav li.active {
        font-weight: bold; }
        .around-wrapper .nav li.active:after {
          content: '';
          height: 2px;
          width: 100%;
          background-color: #96d2fa;
          position: absolute;
          bottom: -5px; }
  .around-wrapper .itemsList {
    overflow-x: auto;
    white-space: nowrap;
    padding-left: .4rem;
    font-size: 0;
    -webkit-overflow-scrolling: touch; }
    .around-wrapper .itemsList li {
      display: inline-block;
      width: 2rem;
      margin-right: .24rem;
      position: relative; }
      .around-wrapper .itemsList li .ableBook {
        position: absolute;
        left: 0;
        top: .15rem;
        width: 42px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        border-radius: 0 10px 10px 0;
        background: #ffcc00;
        text-indent: 13px; }
      .around-wrapper .itemsList li .isSupportScanCode {
        position: absolute;
        right: -3px;
        top: .95rem;
        height: 17px;
        font-size: 12px;
        color: #fff;
        background: #ff6262;
        padding: 0 7px;
        border-radius: 4px;
        vertical-align: middle; }
        .around-wrapper .itemsList li .isSupportScanCode .scan {
          height: 12px;
          width: 12px;
          vertical-align: middle;
          display: inline-block; }
        .around-wrapper .itemsList li .isSupportScanCode span {
          vertical-align: middle; }
      .around-wrapper .itemsList li .cover {
        width: 2rem;
        height: 1.4rem;
        margin-bottom: .18rem; }
      .around-wrapper .itemsList li .title {
        font-size: 14px;
        font-weight: bolder;
        line-height: 14px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: .12rem; }
      .around-wrapper .itemsList li .star-wapper {
        height: .22rem;
        width: 1.33rem;
        margin-bottom: .18rem; }
      .around-wrapper .itemsList li .distance, .around-wrapper .itemsList li .recommend {
        font-size: 12px;
        color: #959595; }

.aq-wrapper {
  border-bottom: 8px solid #f5f5f5; }
  .aq-wrapper .rate-head {
    height: .85rem;
    margin: 0 .4rem;
    border-bottom: 1px solid #e2e2e2; }
    .aq-wrapper .rate-head span {
      line-height: .85rem;
      font-size: 17px; }
    .aq-wrapper .rate-head button {
      width: 1.36rem;
      height: 0.6rem;
      font-size: 14px;
      line-height: 0.58rem;
      text-align: center;
      border-radius: 5px;
      background-color: #ffcc00;
      box-shadow: 0 1px #ed8b00;
      cursor: pointer;
      float: right;
      margin-top: .1rem; }
  .aq-wrapper .more-trip-box {
    padding: 0 20px;
    padding-bottom: .5rem; }
    .aq-wrapper .more-trip-box .moretrip {
      font-size: 14px;
      color: #424141;
      border-bottom: 1px solid #e2e2e2;
      padding: .4rem 0 .4rem 0; }
    .aq-wrapper .more-trip-box .trip-list .trip-item {
      position: relative;
      height: 3.3rem;
      box-sizing: border-box;
      padding: .4rem 0 .4rem 0;
      border-bottom: 1px solid #e2e2e2; }
      .aq-wrapper .more-trip-box .trip-list .trip-item:last-child {
        border-bottom: 0; }
      .aq-wrapper .more-trip-box .trip-list .trip-item .trip-l {
        float: left;
        width: 3.22rem;
        font-size: 17px; }
        .aq-wrapper .more-trip-box .trip-list .trip-item .trip-l .title {
          overflow: hidden;
          display: -webkit-box;
          line-height: 20px;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          color: #424141;
          margin-bottom: .17rem; }
        .aq-wrapper .more-trip-box .trip-list .trip-item .trip-l .desc {
          font-size: 14px;
          color: #959595;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }
      .aq-wrapper .more-trip-box .trip-list .trip-item .img {
        float: right;
        width: 2.68rem;
        height: 1.94rem; }
        .aq-wrapper .more-trip-box .trip-list .trip-item .img img {
          width: 100%;
          height: 100%; }
      .aq-wrapper .more-trip-box .trip-list .trip-item .bott {
        position: absolute;
        bottom: .24rem;
        width: 100%; }
        .aq-wrapper .more-trip-box .trip-list .trip-item .bott .bott-item {
          color: #959595;
          font-size: 12px;
          margin-right: .2rem; }
          .aq-wrapper .more-trip-box .trip-list .trip-item .bott .bott-item img {
            width: .44rem;
            height: .44rem;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            margin-right: .1rem; }
        .aq-wrapper .more-trip-box .trip-list .trip-item .bott .looked {
          float: right;
          color: #959595; }
    .aq-wrapper .more-trip-box .view-more {
      display: block;
      width: 4.28rem;
      height: .97rem;
      border: solid 1px #969696;
      font-size: .34rem;
      line-height: .97rem;
      color: #969696;
      text-align: center;
      margin: 0.4rem auto; }

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