/*ordereList*/
bg=-webkit-gradient(linear, 0% 25%, 75% 100%, from(#6682fd), to(#77b7ff))
.order-head{
  position relative
  height 2.82rem
  background #fff
  z-index 1000
  ul{
    border-bottom 1px solid #e5e5e5
    background #fff
    li{
      flex 0 0 25%
      padding 1.25rem 0 .75rem
      text-align center
      font-size .8rem
      color #999
      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
        }
        &.active{
          color #333
          &:after{
            width 100%
            background #fca08a
          }
        }
      }
    }
  }
}

.order-list{
  padding-top 1.25rem
  .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 #484848
        .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
          color #fe7065
        }
      }
      .p1{
        font-size .825rem
        color #999999
      }
      .order-tip{
        position absolute
        width 3rem
        height 1.4rem
        line-height 1.5rem
        right -.7rem
        top 1rem
        text-align center
        border-top-left-radius 20px
        border-bottom-left-radius 20px
        background bg
        box-shadow 0 0 26px 1px rgba(103, 132, 254, 0.5)
        font-size .78rem
        font-weight bold
        color #fff
      }
      .btn-wrap{
        position absolute
        height 2rem
        line-height 2rem
        right .875rem
        bottom 1rem
        margin 0
        text-align center
        font-size .825rem
        a{
          display inline-block
          width 4.5rem
          border-radius 4px
          color #999999
          &.border-btn{
            border 1px solid #e5e5e5
          }
          &.default-btn{
            background #fd8a81
            color #fff
          }
        }
      }

    }
    &.exprie-order{
      .order-code{
        span{
          background #d2d2d2
        }
      }
      .order-box{
        color #999
        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 #b4b3b3
    img{
      position relative
      display inline-block
      width 13px
      height 13px
      margin-right 5px
      top 1px
    }
    span{
      display inline-block
      width 2.6rem
      height 1.4rem
      line-height 1.5rem
      margin-right .55rem
      text-align center
      background -ms-linear-gradient(left,#568ef5 0%,#709ff6 100%)
      background -webkit-gradient(linear, 0% 25%, 75% 100%, from(#568ef5), to(#709ff6))
      border-radius 4px
      font-weight bold
      color #fff
      &.back{
        background -ms-linear-gradient(left,#ff825b 0%,#ff7065 100%)
        background -webkit-gradient(linear, 0% 25%, 75% 100%, from(#ff825b), to(#ff7065))
      }
    }
  }
  .airInfo{
    .flex{
      font-size .75rem
      h1{
        padding .5rem 0
        font-size 1.75rem
        font-weight bold
      }
      .p1{
        color #999
      }
      .p2{
        font-weight: bold;
        color: #484848;
      }
    }
  }

  .h_connect{
    .l_text{
      display block
      margin-bottom 10px
      text-align center
      font-size .8rem
      color #999
    }
    .h_line{
      position relative
      width 5.2rem
      height 1px
      background #d4d4d4
      &:before{
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #fff;
        border: 1px solid #d4d4d4;
        border-radius: 100%;
        left: -3px;
        top: -3px;
      }
      &:after{
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #fff;
        border: 1px solid #d4d4d4;
        border-radius: 100%;
        right:-3px
        top: -3px;
      }
    }
  }

}


/*退款*/
.refundDiv .order-cell .order-box{
  height auto
}
.refund-reason{
  margin-top 1rem
  border-top 1px solid #eee
  .r_cell{
    margin-top 1rem
    .red{
      color #fe7065
    }
    label{
      display inline-block
      width 5rem
      font-size .875rem
      color #484848
    }
    .price{
      font-size 1rem
      color #fe7065
    }
    textarea{
      height 4rem
      padding .5rem
      border 1px solid #eee
      border-radius 4px
    }
    select{
      border none
      outline none
      font-size .875rem
      color #999999
      -webkit-appearance none
    }
    i.gray{
      color #999
    }
  }
  .r-span{
    font-size .8rem
    color #999999
    i{
      font-size .7rem
      color #dcdcdc
    }
  }
}
.bottom-section{
  .fixed_bottom{
    box-shadow: 0px 1px 12px rgba(154, 149, 149, 0.28);
    background #fff
  }
  .b_left{
    font-size .8rem
    padding-top .5rem
    padding-left 1.25rem
    p{
      margin-top .4rem
      font-size 1.1rem
      color #fe7065
      a{
        margin-left .6rem
        font-size .8rem
        color #248bf3
        i{
          font-size .8rem
        }
      }
    }
  }
  .subBtn{
    height 3.125rem
    line-height 3.125rem
    margin-top 0
  }
}
.popup_reason{
  width 100%
  height auto
  .reasonUl{
    li{
      height 3.5rem
      line-height 3.5rem
      padding 0 1.25rem
      border-bottom 1px solid #e5e5e5
      font-size 1rem
      color #484848
      &:last-child{
        border-bottom none
      }
      i{
        font-size 1.25rem
        color #dcdcdc
        &.active{
          color #fe7065
        }
      }
    }
  }
  .icon_close{
    position absolute
    right 1.25rem
    top -2.7rem
    font-size 1.25rem
    color #fff
  }
}