.top-box {
  height: .9rem;
  display: flex;
  justify-content: space-between;
  padding: 0 .4rem;
  background: linear-gradient(47deg, #08121e 0%, #131e32 50%, #1c2743 100%); }
  .top-box .back-btn {
    width: .22rem;
    background: url("../img/index/back.png") no-repeat center;
    background-size: 100% auto; }
  .top-box .search-btn {
    width: .35rem;
    background: url("../img/index/011.png") no-repeat center;
    background-size: 100% auto; }
  .top-box h4 {
    font-size: .34rem;
    color: #96d2fa;
    align-self: center; }

.nav-box {
  height: .9rem;
  background: linear-gradient(90deg, #212849 0%, #1c213e 45%, #171a32 100%);
  display: flex;
  justify-content: space-around; }
  .nav-box .inner-box {
    height: 100%;
    padding-top: .26rem; }
    .nav-box .inner-box.active p {
      border-bottom: 2px solid #96d2fa; }
    .nav-box .inner-box p {
      color: #fff;
      font-size: .28rem;
      padding-bottom: .03rem; }

.slider-top-box {
  height: 2.6rem; }
  .slider-top-box .swiper-container {
    height: 2.6rem; }
    .slider-top-box .swiper-container .swiper-slide a {
      display: block;
      height: 100%;
      overflow: hidden; }
      .slider-top-box .swiper-container .swiper-slide a img {
        width: 100%; }

.filter-box {
  height: .7rem;
  display: flex;
  justify-content: space-around;
  box-shadow: 0px 0px 0.05px 0px rgba(0, 0, 0, 0.19); }
  .filter-box .item {
    font-size: .27rem;
    line-height: .7rem;
    height: 100%; }
    .filter-box .item p {
      max-width: 1.3rem;
      display: inline-block;
      height: 100%; }
    .filter-box .item.can-book {
      color: #96d2fa; }
    .filter-box .item .arrow {
      display: inline-block;
      width: .22rem;
      height: .11rem;
      vertical-align: top;
      margin-left: .1rem;
      margin-top: .26rem; }

.filter-detail-box {
  background: #fff; }
  .filter-detail-box .item {
    box-shadow: 0px 0px 0.05rem 0px rgba(0, 0, 0, 0.19); }
  .filter-detail-box .comment-box {
    display: none; }
    .filter-detail-box .comment-box p {
      height: 1rem;
      font-size: .26rem;
      line-height: 1rem;
      color: #959595;
      padding: 0 .4rem; }
      .filter-detail-box .comment-box p.active {
        background-color: #f5f5f5;
        color: #424141; }
      .filter-detail-box .comment-box p:nth-child(2) {
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5; }
  .filter-detail-box .city-box {
    display: none;
    padding: .25rem .3rem;
    overflow: hidden; }
    .filter-detail-box .city-box p {
      float: left;
      width: 2.16rem;
      height: .6rem;
      border: solid 1px #f5f5f5;
      font-size: .26rem;
      color: #959595;
      line-height: .6rem;
      text-align: center;
      margin-right: .13rem;
      margin-bottom: .13rem; }
      .filter-detail-box .city-box p.active {
        color: #000;
        border: solid 1px #000; }
      .filter-detail-box .city-box p:nth-child(3n) {
        margin-right: 0; }
  .filter-detail-box .tag-box {
    display: none;
    padding: .25rem .3rem;
    overflow: hidden; }
    .filter-detail-box .tag-box p {
      float: left;
      width: 2.16rem;
      height: .6rem;
      border: solid 1px #f5f5f5;
      font-size: .26rem;
      color: #959595;
      line-height: .6rem;
      text-align: center;
      margin-right: .13rem;
      margin-bottom: .13rem; }
      .filter-detail-box .tag-box p.active {
        color: #000;
        border: solid 1px #000; }
      .filter-detail-box .tag-box p:nth-child(3n) {
        margin-right: 0; }

.list-box > .tip, .list-box .tip-end {
  height: .6rem;
  text-align: center;
  font-size: .26rem;
  line-height: .6rem;
  padding-bottom: .5rem; }
.list-box .item {
  height: 2.4rem;
  box-sizing: border-box;
  margin: .4rem;
  border-bottom: 1px solid #f0f0f0;
  position: relative; }
  .list-box .item .isSupportScanCode {
    position: absolute;
    right: -5px;
    top: 1.5rem;
    height: 18px;
    font-size: 12px;
    color: #fff;
    background: #ff6262;
    padding: 0 7px;
    border-radius: 4px; }
    .list-box .item .isSupportScanCode .scan {
      height: 12px;
      width: 12px;
      vertical-align: middle;
      display: inline-block; }
    .list-box .item .isSupportScanCode span {
      vertical-align: middle; }
  .list-box .item .ableBook {
    position: absolute;
    left: 0;
    top: 10px;
    width: 42px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0 10px 10px 0;
    background: #ffcc00;
    text-indent: 13px; }
  .list-box .item .item-left {
    float: left;
    width: 2.73rem;
    height: 2rem; }
    .list-box .item .item-left a {
      display: block;
      height: 100%;
      overflow: hidden; }
      .list-box .item .item-left a .cover-img {
        width: 100%;
        height: 100%; }
  .list-box .item .item-right {
    float: left;
    margin-left: .5rem;
    width: 3.4rem; }
    .list-box .item .item-right h4 {
      font-size: .34rem;
      color: #414142;
      line-height: .6rem; }
    .list-box .item .item-right .comment-box {
      font-size: 0;
      margin-bottom: .35rem;
      display: flex;
      justify-content: space-between; }
      .list-box .item .item-right .comment-box > div {
        display: inline-block; }
      .list-box .item .item-right .comment-box .star-wrapper {
        height: .22rem;
        display: flex;
        flex-direction: row; }
        .list-box .item .item-right .comment-box .star-wrapper .star-tool {
          width: 1.2rem !important; }
      .list-box .item .item-right .comment-box .score, .list-box .item .item-right .comment-box .rate {
        font-size: .22rem;
        line-height: .22rem;
        vertical-align: super;
        color: #959595; }
      .list-box .item .item-right .comment-box .score {
        margin-left: .2rem; }
      .list-box .item .item-right .comment-box .rate {
        cursor: pointer; }
    .list-box .item .item-right .tag {
      height: .41rem;
      padding: 0 .1rem;
      border-radius: .02rem;
      font-size: .2rem; }
      .list-box .item .item-right .tag.tuijian {
        color: #face15;
        border: solid 1px #face15; }
      .list-box .item .item-right .tag.gonglue {
        color: #3ebbdf;
        border: solid 1px #3ebbdf; }
      .list-box .item .item-right .tag.huodong {
        color: #3edf99;
        border: solid 1px #3edf99; }
      .list-box .item .item-right .tag.shipin {
        color: #fa7d49;
        border: solid 1px #fa7d49; }
      .list-box .item .item-right .tag.meitu {
        color: #ff6969;
        border: solid 1px #ff6969; }
      .list-box .item .item-right .tag.xvni {
        color: #d37dff;
        border: solid 1px #d37dff; }
    .list-box .item .item-right .address {
      font-size: .22rem;
      line-height: .22rem;
      height: .23rem;
      color: #a1a1a2;
      padding-top: .15rem; }

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