/*ordereList*/
@import "../../assets/stylus/colorConfig"
.order-container{
  position absolute
  width 100%
  height 100%
  overflow hidden
  background #f3f3f3
  .order-list{
    position absolute
    width 100%
    height calc(100% - 2.82rem)
    overflow-y auto
    padding 1rem 0
    box-sizing border-box
    -webkit-overflow-scrolling: touch
  }
}
.order-head{
  position relative
  height 2.82rem
  background #fff
  z-index 1000
  ul{
    border-bottom 1px solid border_color
    background #fff
    li{
      flex 0 0 25%
      padding 1.25rem 0 .75rem
      text-align center
      font-size .8rem
      color subheadColor
      a{
        position relative
        padding-bottom .48rem
        &:after{
          content ''
          position absolute
          width 0
          height 2px
          bottom -4px
          border-radius 10px
          left 50%
          transform translate(-50%)
          transition all .5s
        }

      }
    }
  }
}

.order-list{
  .order-cell{
    margin-bottom 1.5rem
    padding 0 1.25rem
    .order-box{
      position relative
      height 7.5rem
      padding 1rem .875rem
      border-radius 10px
      box-shadow 0 0 20px 1px #eaecec
      background #fff

      h3{
        position relative
        line-height 1.5rem
        margin-bottom .5rem
        font-size 1rem
        color mainTitleColor
        .bold{
          font-weight bold
        }
        .hotelName{
          display inline-block
          width 16rem
          height 1.5rem
          text-overflow ellipsis;
          white-space nowrap
          overflow hidden
        }
        i.price{
          top 0
          right 2rem
          font-weight bold
          font-style normal
        }
      }
      .p1{
        font-size .825rem
        color subheadColor
      }
      .order-tip{
        left auto
        right -.7rem
        top 1rem
      }
      .btn-wrap{
        height 2rem
        line-height 2rem
        margin 1rem 0 0 0
        text-align right
        font-size .825rem
        a{
          display inline-block
          width 4.5rem
          border-radius 4px
          text-align center
          color subheadColor
          &.border-btn{
            border 1px solid border_color
          }
          &.refund-btn{
            border 1px solid mainColor
            color mainColor
          }
          &.default-btn{
            background mainColor
            color #fff
          }
        }
      }

    }
    &.exprie-order{
      .order-code{
        span{
          background #d2d2d2
        }
      }
      .order-box{
        color subheadColor
        background rgba(255, 255, 255, 0.8)
        h3{
          color inherit
          i.price{
            color inherit
          }
        }
        .order-tip{
          color #fff
          background #d2d2d2
          box-shadow 0 0 26px 1px #d7d7d7
        }
      }
    }
  }

}


.order-code{
  margin-bottom .875rem
  span{
    display inline-block
    padding .4rem .625rem
    background #9ecfed
    font-size .75rem
    color #fff
    border-radius 18px
  }
}
.order-box{
  .air-title{
    margin-bottom 1.2rem
    font-size .85rem
    color subheadColor
    img{
      position relative
      display inline-block
      width 13px
      height 13px
      margin-right 5px
      top 1px
    }
    .air-type{
      display inline-block
      width 2.6rem
      height 1.4rem
      line-height 1.5rem
      margin-right .55rem
      text-align center
      border-radius 4px
      font-weight bold
      color #fff
    }
    .air-wxp{
      font-size .75rem
      margin-top 5px
      i{
        font-size .75rem
        margin-right .2rem
      }
    }
  }
  .airInfo{
    .flex{
      font-size .75rem
      h1{
        padding .5rem 0
        font-size 1.75rem
        font-weight bold
      }
      .p1{
        color subheadColor
      }
      .p2{
        font-weight bold
        color mainTitleColor
      }
    }
  }

}


.no-data{
  margin-top 50px
  text-align center
  img{
    width 100px
    margin 0 auto 10px
  }
  p{
    font-size 14px
    color #999
  }
}

/*退款*/
.refundDiv .order-cell .order-box{
  height auto
}
.refund-reason{
  margin-top 1rem
  border-top 1px solid border_color
  .r_cell{
    margin-top 1rem
    .red{
      color mainColor
    }
    label{
      display inline-block
      width 5rem
      font-size .875rem
      color mainTitleColor
    }
    .price{
      font-size 1rem
      color subColor
    }
    textarea{
      height 4rem
      padding .5rem
      border 1px solid border_color
      border-radius 4px
    }
    select{
      border none
      outline none
      font-size .875rem
      color subheadColor
      -webkit-appearance none
    }
    i.gray{
      color subheadColor
    }
  }
  .r-span{
    font-size .8rem
    color subheadColor
    i{
      font-size .7rem
      color #dcdcdc
    }
  }
}