@import "../../assets/stylus/colorConfig.styl"
.order-wrap{
  min-height 100vh
  background #f9f9f9
}
.order_c{
  padding 50px 25px 40px
  .p1{
    margin-bottom 16px
  }
  .price{
    font-style normal
    font-size 24px
    color mainColor
  }
}
.order-loading{
  text-align center
  img{
    margin auto
    width 200px
  }
}
.order-box{
 margin-top 10px
 padding 25px 25px 10px 25px
 background #ffffff
 box-shadow 0 0 3px rgba(238, 238, 238, 0.74)
 .order-price{
   width 500px
   font-size 16px
   color mainTitleColor
   .price{
     font-size 28px
   }
 }
 .order-hotel{
    h3{
      margin-bottom 15px
      font-size 18px
      font-weight bold
      color mainTitleColor
    }
    p{
      line-height 25px
      font-size 13px
    }
 }
  .order_tip{
    margin-top 10px
    padding-top 10px
    border-top 1px solid #eee
    font-size 12px
    i{
      margin-right 5px
      font-size 12px
    }
  }
}
.p1{
  font-size 14px
  color mainTitleColor
  .t{
    color contentColor
  }
}
.order_info{
  height 360px
  background white
  box-shadow 0 0px 12px rgba(231, 230, 230, 0.44)
  h4{
    margin-top 26px
    font-size 16px
    font-weight bold
  }
  .h_connect{
    .h_line{
      position relative
      width 117px
      height 2px
      background #d4d4d4
      &:after,&:before{
        content ''
        position absolute
        width 6px
        height 6px
        background #fff
        border 1px solid #d4d4d4
        border-radius 100%
        left -3px
        top -3px
      }
      &:after{
        left auto
        right -3px
      }
    }
    .l_text{
      display block
      margin-bottom 10px
      text-align center
      font-size 14px
      color #999999
    }
  }
}
.pay_info{
  border 1px solid border_color
  //box-shadow 0 0px 12px rgba(226, 222, 222, 0.5)
  .p_title{
    height 40px
    line-height 40px
    margin-bottom 30px
    font-weight bold
    font-size 16px
    color mainTitleColor
  }
  .p_way{
    padding-left 28px
    li{
      display inline-block
      width 280px
      margin-right 20px
      font-size 18px
      font-weight 500
      color mainTitleColor
      border 1px solid #fff
      .flex_way{
        height 80px
        line-height 80px
        cursor pointer
        align-items center
        box-sizing border-box
        &:hover{
          color listColor
        }
        img{
          display inline-block
          height 30px
          margin 0 8px 0 24px
        }
        .ys{
          height 37px
        }
      }
      &:hover{
        box-shadow: 0 0 3px #eee
      }
      &.checked{
        border 1px solid mainColor
        box-shadow 0 0 3px mHoverColor
      }
    }
  }
}
.btn_wrap{
  margin 36px 0 25px
  .pay_btn{
    width 360px
    height 52px
    line-height 52px
    border-radius 6px
    font-size 22px
    margin auto
    cursor pointer
    &.btnDesable{
      opacity .6
      cursor not-allowed
    }
  }
}