@import "./colorConfig"
body{
  color mainTitleColor
}
.mbgColor{
  background subColor
  color #ffffff
  &:hover{
    background subColor!important
  }
}
.mColor,.listColor{
  color mainColor
}
.sColor{
  color subColor
}
.starColor{
  color starColor
}
.mtColor{
  color mainTitleColor
}
.stColor{
  color subheadColor
}
.cColor{
  color contentColor
}
.fullScreen{
  position absolute
  width 100%
  height 100%
  left 0
  top 0px
  overflow hidden
}
.modalBg{
  position relative
  height 100%
  background #f8f8f8
}
.bgColor{
  background: IEbg
  background bg
  color #ffffff
}
.sBgColor{
  background subColor
}
.mborderBtn{
  display block
  border 1px solid mainColor
  border-radius 2px
  text-align center
  font-weight bold
  font-size 14px
  color mainColor
}
.sborderBtn{
  display block
  height 45px
  line-height 45px
  background transparent
  border 1px solid subColor
  border-radius 50px
  text-align center
  font-weight bold
  font-size 14px
  color subColor
}
.textColor{
  color mainColor
  &:hover{
    color mainHoverColor
  }
}

.pcContainer{
  min-width 1200px
  background #f8f8f8
}
.w12{
  width 1200px
  margin auto
}
.w98{
  width 980px
  margin auto
}
.fixed{
  position fixed
}
.fixedTop{
  position fixed
  top 0
  width 100%
}
.fixedBottom{
  position fixed
  bottom 0
  width 100%
}
.textOneLine{
  white-space nowrap
  text-overflow ellipsis
  overflow hidden
}
.head{
  height 50px
  z-index 100
  .fixedTop{
    padding 0 20px
    box-sizing border-box
    height 50px
    line-height 50px
    background #fff
    z-index 2
  }
}
.flex-box {
  display -webkit-box
  //display box
  display -webkit-flex
  display -moz-box
  display flex
}
.flex {
  -webkit-box-flex 1
  box-flex 1
  -webkit-flex 1
  -moz-box-flex 1
  flex 1
}
.float-l {
  float left
}
.float-r {
  float right
}
.list-flex{
  display flex
  display -webkit-flex
  flex-wrap wrap
  -webkit-box-pack justify
  justify-content flex-start
}
.list-flex .cell-flex{
  box-sizing border-box
}
.text-l{
  text-align left
}
.text-r{
  text-align right
}
.text-c{
  text-align center
}
.size14{
  font-size 14px
}

.color1{
  color mainTitleColor !important
}
.color2{
  color #929292 !important
}
.color3{
  color mainColor !important
}
.colora{
  color #aaa
}
.fontSize1{
  font-size .9rem !important
}
.w100{
  width 100%
}
.hide{
  display none !important
}
.alignCenter{
  align-items center
  align-self center
}
.zwHeight{
  width 100%
  height .5rem
  background #f9f9f9
}
.border-no {
  border none !important
}
.border-line{
  border 1px solid border_color
  border-radius 2px
}
.border-top{
  border-top 1px solid border_color
}
.border-bottom{
  border-bottom 1px solid border_color
}
.border-radius4{
  border-radius 4px !important
}
.noBorderRadius{
  border-radius 0rem!important
}
.not-allowedClick{
  cursor not-allowed
}
.icon-loading{
  display inline-block
  animation 0.8s rotate  linear infinite;
}
.b-icon{
  display inline-block
  width 20px
  height 20px
  line-height 20px
  margin-right 5px
}
.login{
  display inline-block
  width 90px
  height 42px
  line-height 42px
  text-align center
  border 1px solid rgba(255, 255, 255, 0.4)
  border-radius 21px
  transition all 0.5s
  &:hover{
    background rgba(255, 255, 255, 0.2)
    color #fff
  }
}

.fixed-wrap{
  position fixed
  width 100%
  height 100%
  top 0
  left 0
  z-index 1001
  background #fff
}


.item_wrap{
  display flex
  height 3.25rem
  line-height 1.25rem
  padding 1rem 0
  margin 0 1.25rem
  box-sizing border-box
  border-bottom .05rem solid border_color
  font-size .875rem
  color mainTitleColor
  label{
    width 6.25rem
    line-height 1.25rem
    text-align left
  }
  p{
    flex 1
    line-height 1.25rem
    text-align left
  }
  .code_input{
    width 8rem
    max-width 100%
  }
  i{
    color #dcdcdc
  }
}
.input_wrap{
  height 3.55rem
  line-height 3.55rem
  padding 0
  label{
    line-height 3.25rem
  }
  p{
    line-height inherit
  }
}
.btn-wrap{
  margin 1rem 1.25rem 0
}

.btn{
  display block
  width 100%
  height 50px
  line-height 50px
  border-radius 2px
  box-sizing border-box
  text-align center
  font-weight bold
  color #fff
  cursor: pointer
  background: IEbg
  background bg
  &:hover{
    background mainHoverColor
  }
  &.sBtn{
    background: subColor
    &:hover{
      background subHoverColor
    }
  }
  &.mBtn{
    background: IEbg
    background bg
    &:hover{
      background mainHoverColor
    }
  }
}
.line-btn{
  background #ffffff
  border 1px solid mainColor
  color mainColor
}
.blueBtn{
  display block
  height 40px
  line-height 40px
  background #2c8bfa
  border-radius 2px
  font-size 14px
  text-align center
  color #fff
  &:hover{
    background #2585d9
  }
}
.btn.grayBtn{
  background #d2d2d2
}
.i-checkbox{
  font-size 16px
  color #e8e8e8
  &.active{
    display inline-block
    width 16px
    height 17px
    border 1px solid #e8e8e8
    box-sizing border-box
    font-size 15px
    color #2894f2
    &:before{
      content "\E6C8"
    }
  }
}
.tool-tip{
  position absolute
  width auto
  padding 8px 10px
  line-height 20px
  box-shadow 0 1px 6px rgba(0, 0, 0, .1)
  border-radius 4px
  transition opacity .3s
  background #333333
  color #ffffff
  font-size 12px
  z-index 99999
  text-align left
  b{
    display block
    line-height 20px
    font-weight normal
  }
  i{
    position absolute
    top -12px
    font-size 22px
    color #333
    &.bottom{
      top auto
      bottom -12px
      transform rotate(-180deg)
    }
  }
  span{
    font-size 13px
    color mainColor
    i{
      position relative
      top 0px
      color #ffffff
    }
  }
  .refundText{
    b{
      color mainColor
    }
    em{
      display block
      line-height 22px
      font-size 12px
      color #fff
    }
  }
}

.noRadius{
  border-radius 0!important
}
.sendCode{
  color mainColor
}

.hot-tab {
  display block
  padding-left 10px
  border-bottom 1px solid border_color
  font-weight normal
  font-size 14px
  color mainTitleColor
  .btnt {
    display inline-block
    height 36px
    line-height 36px
    margin-right 20px
    padding 0 5px
    cursor pointer
    &.active {
      border-bottom 2px solid mainColor
      color mainColor
    }
  }
}
.bottom-section{
  height 4rem
  &.full-bottom-select{
    height 50px
    .fixed_bottom {
      height 50px
      padding 0px
      .btn {
        height 50px
        line-height 50px
        &.def-btn {
          background #b5b5b5
        }
      }
    }
  }
  .fixed_bottom{
    position fixed
    width 100%
    height 65px
    padding 10px 20px
    box-sizing border-box
    background #fff
    box-shadow 0 0 30px rgba(154, 149, 149, 0.22)
    bottom 0
    z-index 1000
    .btn{
      height 45px
      line-height 45px
    }
    .b-left{
      padding-left 10px
      padding-top 7px
      font-size 17px
      color #f35448
      p{
        font-size 18px
        font-weight bold
        .old-price{
          text-decoration line-through
          font-size 12px
          color #999
        }
      }
      span{
        display block
        margin-bottom 3px
        font-size 12px
        color #6d8493
        .price-detail{
          margin-left 6px
          font-style normal
          font-weight normal
          font-size 13px
          color #2894f2
        }
        em{
          margin-left 10px
          font-style normal
        }
      }
    }
  }
}
.title{
  margin-top .5rem
  margin-bottom 1rem
  font-size 1rem
  color mainTitleColor
}
ul.time_wrap {
  width 100%
  height 3.2rem
  li {
    height 3.2rem
    line-height 3.2rem
    text-align center
    border 1px solid border_color
    border-radius 10px
    font-size .65rem
    color mainTitleColor
    &.active {
      border none
      background #feeae8
      color mainColor
    }
  }
}
.h-label{
  span{
    display inline-block
    height 22px
    line-height 22px
    margin-right 5px
    margin-bottom 10px
    padding 0 12px
    background #fff
    border 0.04rem solid subColor
    border-radius 2px
    font-size 12px
    color subColor
  }
}
.h_tip{
  position: absolute
  width 48px
  height 20px
  line-height 20px
  top .82rem
  right 0
  text-align center
  background mainColor
  border-top-left-radius 10px
  border-bottom-left-radius 10px
  font-weight bold
  font-size 12px
  color #fff
}
.h_tip.h_weekend{
  background subColor
}
::-webkit-input-placeholder { /* WebKit browsers */
  color #d7d7d7
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color #d7d7d7
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color #d7d7d7
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color #d7d7d7
}
.ui-slider{
  position relative
  height 4px
  background #e5e5e5
  .ui-slider-range{
    position absolute
    height 6px
    background #2894f2
    top -1px
  }
  .ui-slider-handle{
    position absolute
    width 22px
    height 22px
    top -10px
    border-radius 100%
    border 1px solid #dcdcdc
    background #fff
    outline none
  }
}
.wxSlider.ui-slider{
  margin 0 20px 0 10px
  .ui-slider-handle{
    border-color #2894f2
    width 30px
    height 30px
    top -15px
    border-width 2px
  }

}

.ui-datepicker{
  background #fff;
  margin-top 5px
}
.swiper-container,.swiper-wrapper,.swiper-slide{
  width 100%
  height 100%
}
.swiper-slide{
  background-size cover
}
.scrollHidden{
  position absolute
  width 100%
  height 100%
  overflow hidden
}
.anchorBL{
   display none
 }
.labelDiv{
  position absolute
  box-sizing border-box
  background #ffffff
  box-shadow 0 0 10px #9da3a4
  text-align center
  font-size 14px
  color #17232c
  transition all .2s
  .cityName{
    display none
    width 0
    line-height 25px
    padding 0 10px
    color #ffffff
    background #000000
  }
  .gray{
    font-size 12px
    color #c9c7c7
  }
  p{
    display inline-block
    line-height 25px
    padding 0 10px
    font-weight bold
  }
  &:before{
    content ''
    position absolute
    top: 100%
    left 0
    border-width:0px 0px 6px 10px;
    border-style:solid;
    border-color:transparent transparent transparent #fff
  }
  &.active{
    background #2894f2
    color #fff
    z-index 10001
    .orange,.gray{
      color #ffffff
    }
    &:before{
      border-color:transparent transparent transparent #2894f2
    }
    .cityName{
      width auto
      transition all 0.3s
      display inline-block
    }
  }
  &:hover{
    background #2894f2
    color #fff
    &:before{
      border-color:transparent transparent transparent #2894f2
    }
    .orange,.gray{
      color #ffffff
    }
    .cityName{
      width auto
      transition all 0.3s
      display inline-block
    }
  }
}

/*分页*/
.pagination{
  li{
      display inline-block
      width 30px
      height 30px
      margin-left 14px
      box-sizing border-box
    a{
      display inline-block
      width 30px
      height 30px
      line-height 28px
      border-radius 100%
      box-sizing border-box
      border 1px solid border_color
      text-align center
      font-size 13px
      color #666
      &:hover{
        border 1px solid #2894f2
        color #2894f2
      }
    }
    &.active a{
      background #2894f2
      border-color #2894f2
      color #fff
    }
  }
}

.BMap_pop div:nth-child(1){
  border-top-left-radius 10px
}
.BMap_pop div:nth-child(3){
  margin-left -1px
  border-top-right-radius 10px
}
.BMap_pop div:nth-child(5){
  border-bottom-left-radius 10px
}
.BMap_pop div:nth-child(7){
  margin-left -1px
  border-bottom-right-radius 10px
}
.BMap_pop{
  width 250px
  min-height 112px
  box-shadow 0 0 6px #808082
  border-radius 12px
  .BMapLabel{
    z-index 1001!important
  }
  .BMap_bottom{
    overflow visible!important
  }
  .BMap_bottom:after{
    content:''
    position absolute
    bottom -10px
    left 50%
    margin-left -10px
    border-width:10px 10px 0px 10px;
    border-style:solid;
    border-color:#fff transparent transparent transparent
    z-index: 1000
  }
  .BMap_bottom:before{
    content:''
    position absolute
    bottom -11px
    left 50%
    margin-left -13px
    border-width:10px 13px 0px 13px;
    border-style:solid;
    border-color: rgba(0, 0, 0, 0.19) transparent transparent transparent
    z-index: 999
  }
  .BMap_bubble_content{
    width 220px!important
    cursor pointer
    .info-img{
      width 60px
      height 60px
      background #eee url("https://file.luckytrip.cn/1533544413.png") no-repeat center
      background-size cover
      align-self center
      margin-right 10px
      border-radius 2px
      img{
        display block
        width 100%
        height 100%
        border-radius 2px
      }
    }
  }
  div{
    border none!important
  }
  img{
    display none
  }
  .infoWin_icon{
    color #ffba00
  }
  .infoWin_name{
    height 36px
    line-height 18px
    margin 6px 0
    font-weight bold
    font-size 13px
    color mainTitleColor
    overflow hidden
    &:hover{
      color mainColor
    }
  }
  .infoWin_price{
    font-weight bold
    font-size 15px
    color mainColor
    text-align right
    font{
      font-weight normal
    }
  }
}

@media (min-width: 768px){
  .showInwx {
    display none
  }
  .showInpc {
    display block
  }
  .mint-msgbox{
    width 360px!important
  }
}
@media (max-width: 768px){
  .showInwx {
    display block
  }
  .showInpc {
    display none
  }
  .border-bottom{
    border-bottom .04rem solid border_color
  }
  .border-top{
    border-top .04rem solid border_color
  }
}
@-webkit-keyframes rotate{
  0%{
    -webkit-transform:rotate(0deg)
    transform:rotate(0deg)
  }
  to{
    -webkit-transform:rotate(360deg)
    transform:rotate(360deg)
  }
}
@keyframes rotate{
  0%{
    -webkit-transform:rotate(0deg)
    transform:rotate(0deg)
  }
  to{
    -webkit-transform:rotate(360deg)
    transform:rotate(360deg)
  }
}
@-webkit-keyframes fadeIn{
  0%{
    -webkit-transform:rotate(0deg)
    transform:rotate(0deg)
  }
  to{
    -webkit-transform:rotate(360deg)
    transform:rotate(360deg)
  }
}

.mint-swipe-items-wrap > div{
  opacity .5
  transition opacity 1s ease-in-out
}
.mint-swipe-items-wrap > div.is-active{
  opacity 1
}

@-webkit-keyframes rotate90{
  0%{
      -webkit-transform:rotate(0deg)
      transform:rotate(0deg)
    }
  to{
    -webkit-transform:rotate(90deg)
    transform:rotate(90deg)
  }
}

.mint-toast{
  z-index 20002!important
}
.h_box{
  float left
  width 100px
  height 100px
  padding 18px 0
  border 1px solid border_color
  border-radius 6px
  box-sizing border-box
  text-align center
  font-size 12px
  color contentColor
  .h_d{
    margin 5px 0
    font-size 30px
    color mainTitleColor
  }
  .h_w{
    color subheadColor
  }
}
.h_connect{
  position relative
  .l_text{
    display block
    text-align center
    font-size 12px
    color mainColor
  }
  .l_stay{
    display block
    text-align center
    color mainColor
    .tool-tip{
      width 130px
      margin-top 6px
      display none
    }
    &.isStay:hover{
      .tool-tip{
        display block
        b{
          text-align left
        }
      }
    }
  }
  .h_line{
    position relative
    width 5.2rem
    height 1px
    margin 6px 0
    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;
    }
  }
}
.el-date-table td.next-month, .el-date-table td.prev-month{
  color #606266!important
}
.el-date-picker__header-label{
  position relative
  margin-left 10px
  padding 2px 13px 2px 10px !important
  border 1px solid #ddd
  border-radius 3px
  &:after{
    content ''
    position absolute
    display block
    width 0
    height 0
    top:10px
    right 3px
    background #fff
    z-index:5;/*兼容ie8-*/
    border-bottom 4px transparent dashed
    border-left 4px transparent dashed
    border-right 4px transparent dashed
    border-top 4px #999 solid
  }
}
.input-border{
  .el-date{
    position absolute
    left 0px
    top 0px
    input{
      width 100%
      border none
      background transparent
    }
    span.el-input__prefix{
      display none
    }
  }
  .el-select{
    width 100%
    .el-input__inner{
      border none
      background transparent
    }
  }
}
.el-select .el-input.is-disabled .el-input__inner{
  background transparent
}
.date-input{
  padding 0px!important
  .el-date {
    border none
    input{
      height 34px
      line-height 38px
      border none
    }
  }
}
.data-loading{
  position relative
  margin-top 50px
  line-height 40px
  text-align center
  i{
    position relative
    top 3px
    margin-right 8px
    font-size 30px
  }
}
.calendar .calendar_group .calendar_days_box .calendar_day_cell.todayStyl{
  color mainColor!important
}

/*首页*/
.form_wrap .form_tab{
  span{
    &:hover{
      background rgba(27, 27, 27, 0.8)
      transition all .5s
      i{
        color mainColor
        transform:rotateY(180deg);
      }
    }
    &.active{
      background rgba(27, 27, 27, 0.8);
      i{
        color mainColor
        transform:rotateY(180deg);
      }
    }
  }
}

/*wechat*/
.wx-container{
   margin auto
 }
.proFixedTop{
  height 52px
  .fixedTop{
    background #fff
    z-index 1000
  }
  .icon_back{
    position absolute
    top 17px
    left 20px
    font-size 18px
  }
  .pro-bar{
    height 52px
    line-height 52px
    text-align center
  }
  &:after{
    content ''
    position absolute
    width 100%
    height 52px
    top 0
    left 0
  }
}
.pro-inner{
  width 100%
  height calc(100vh - 52px - 50px)
  overflow-y auto
  -webkit-overflow-scrolling touch
}
.popAlert{
  position fixed
  width 100%
  height 100%
  top 0px
  left 0
  background rgba(0, 0, 0, 0.4)
  z-index 10000000
  overflow hidden
  .bg{
    background #f3f3f3
    height 100vh
    overflow-y auto
    -webkit-overflow-scrolling touch
  }
}
.error_tip,.error-tip{
  font-size 14px
  color #c30d23
}
.c_left ul li{
  &.active{
    color mainColor
    &:before{
      animation borderIn .8s
      height 100%
      background mainColor
    }
  }
  &:hover{
    color mainColor
    background #fbfcfe
  }
}
.orderList_pc .c_title a{
  &.active{
    color: mainColor
    &:after{
      width 100%
      background mainColor
    }
  }
}
.o_operation{
  a{
    &.default-btn{
      background listColor
    }
    &.refund-btn{
      background listColor
    }
    &.border-btn{
      background transparent
      border 1px solid listColor
      color listColor
    }
    &.btn1:hover{
      background listColor
      color #fff
    }
    &.def_btn:hover{
      color listColor
    }
    &.graybtn{
      color subcontentColor
    }
  }
}
/*文本框*/
.text-wrap{
  position relative
  padding 5px 10px
  height 35px
  line-height 35px
  align-content center
  background #fff
  overflow hidden
  .error-msg{
    position absolute
    line-height 20px
    left 100px
    bottom 0px
    font-size 10px
    color errorColor
  }
  &.error-wrap{
    padding-bottom 18px
  }
  &.part-wrap{
    height auto
    line-height 20px
    padding 15px 0
    justify-content center
    align-items center
  }
  label{
    display inline-block
    min-width 80px
    margin-right 10px
    &.text-EN{
      line-height 17px
      span{
        display block
        line-height 14px
      }
    }
    i{
      position relative
      margin-right 6px
      top 2px
      font-size 16px
      color mainTitleColor
    }
    &.active{
      i{
        color #2c8bfa
      }
    }
  }
  .sexSpan{
    display inline-block
    width 50px
    height 25px
    line-height 25px
    margin-top 5px
    margin-right 10px
    text-align center
    font-size 13px
    color #484848
    &.active{
      border-color #2196ef
      background #2196ef
      color #fff
    }
  }
  input{
    height 35px
  //text-transform uppercase
  }
  p.flex{
    position relative
  }
  select{
    height 35px
    padding 0 16px 0 0px
    border none
    outline none
    text-align center
    font-size 14px
    color #484848
    appearance:none
    -moz-appearance none
    -webkit-appearance none
    background transparent
    position relative
    z-index 1
  }
  .iconArrow{
    position absolute
    right 10px
    color #ddd
    z-index 0
  }
  .error_msg{
    position absolute
    line-height 12px
    bottom -8px
    left 90px
    font-size 10px
    color #f00707
  }
}
.part-wrap p{
  em{
    display block
    line-height 15px
    font-size 12px
  }
}

.mint-switch{
  .mint-switch-core{
    width  42px
    height 24px
    &:before{
      width 40px
      height 22px
    }
    &:after{
      width 20px
      height 22px
    }
  }
}
.mint-popup{
  width 100%
  height 100%
//background #f8f8f8!important
}
.loading{
  position fixed
  width 100%
  height 100%
  top 0px
  left 0px
  background rgba(255, 255, 255, 0.7)
  z-index 1000
  box-sizing border-box
  text-align center
  i{
    display inline-block
    position absolute
    top 50%
    left 50%
    font-size 36px
    color mainColor
  }
}
.page-infinite-loading{
  line-height 20px
  text-align center
  font-size 14px
  i{
    position relative
    top 3px
    font-size 24px
  }
  &.noMore{
    color #ddd
  }
}

.loading-wrap{
  position absolute
  width 100%
  height 200vh
  overflow hidden
  left 0px
  top 0px
  padding 10px
  background #ffffff
  box-sizing border-box
  border 1px solid #dddddd
  z-index 10
  .loading-cell{
    display inline-block
    width 100%
    height 180px
    margin-bottom 15px
    border 1px solid border_color
    .loading-left{
      position relative
      float left
      width 180px
      height 180px
      background #dddfe2
    }
    .loading-right{
      height 180px
      padding-left 200px
      padding-top 30px
      background #fff
      box-sizing border-box
      p{
        position relative
        height 15px
        background #dddfe2
        margin-bottom 15px
        &.p1{
          width 70%
        }
        &.p2{
          width 45%
        }
        &.p3{
          width 32%
        }
      }
    }
    &.isAnimate{
      .l-animate:before{
        content ''
        position absolute
        width 0
        height 100%
        top 0px
        left 0px
        background #e9ebee
        animation 1.3s loadCss infinite
      }
    }
  }

}
.el-pagination{
  padding 0px 5px !important
}
.el-pagination.is-background button[disabled]{
  &:hover{
    border 1px solid transparent!important
  }
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  border 1px solid #2894f2
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
  height 30px
  line-height 30px
  border-radius 100% !important
  box-sizing border-box
  border 1px solid #eee
  &:hover{
    border 1px solid #2894f2
  }
}


@keyframes loadCss{
  0%{
    width 0
  }
  to{
    width 100%
  }
}
@-webkit-keyframes loadCss{
  0%{
    width 0
  }
  to{
    width 100%
  }
}
.pro-sort span.active{
  color subColor
  &:after {
    content ''
    position absolute
    width 100%
    height 2px
    background subColor
    left 0
    bottom 1px
  }
}
.hotel-navbar .tab-item.active{
  color subColor
  &:after{
    content ''
    position: absolute;
    width 25px
    height 2px
    background subColor
    left 50%
    bottom 0px
    transform translateX(-50%)
  }
}
.h-roomList ul li.choosedRoom{
  .h-room .tip span{
    color mainColor
  }
  .r-right .room-btn{
    background #bfbfbf
  }
}
.order-head ul li a.active{
  color mainColor
  &:after{
    width 100%!important
    background mainColor
  }
}
.policy-item{
  padding 10px 20px
  line-height 24px
  background #ffffff
  font-size 12px
  .refundText{
    b{
      display block
      font-size 14px
      color mainColor
    }
    em{
      display block
      color mainTitleColor
    }
  }
}


.h-price{
  span{
    display block
    &.price-discount{
      display inline-block
      height 11px
      padding 5px
      border-radius 2px
      background #f7d8d6
      font-size 12px
      font-weight bold
      color mainColor
    }
    &.oldPrice{
      font-size 12px
      color #666
      font{
        text-decoration line-through
      }
    }
    &.nowPrice{
      margin 4px 0
      font-weight bold
      font-size 22px
      color mainColor
    }
  }
}