@import "../../assets/stylus/colorConfig"
.refundBox{
  display none
  position absolute
  width 441px
  line-height 1
  top 30px
  left -180px
  padding 24px 26px
  box-sizing border-box
  background #fff
  color contentColor
  box-shadow 1px 1px 20px 1px rgba(166, 166, 167, 0.27)
  cursor default
  z-index 1000
  .title{
    margin-top 0
    margin-bottom 10px
    font-size inherit
    color mainColor
  }
  .p1{
    line-height 24px
    span{
      color inherit
    }
  }
  .refundTable{
    width 390px
    height 140px
    border 1px solid mainColor
    color contentColor
    td{
      padding-left 15px
    }
    tr:first-child{
      td{
        text-align center
        padding-left 0
      }
    }
    .red{
      color subColor
    }
    .black{
      color mainTitleColor
    }
    .line1{
      border-right 1px solid mainColor
      text-align center
    }
    .b-left{
      border-left 1px solid border_color
    }
    .b-right{
      border-right 1px solid border_color
    }
    .b-bottom{
      border-bottom 1px solid border_color
    }
  }
  .mtop{
    margin-top 34px
  }
  .p2{
    color contentColor
  }
}
.policyBox{
  line-height 30px
  position relative
  padding-bottom 0px
  cursor pointer
  &:hover{
    .refundBox{
      display block
    }
  }
}

.w_t{
  padding 38px 0 32px
  font-size 14px
  color: #666
}
.w_dInfo{
  padding 20px
  background #fff
  border-radius 10px
}
.order_status{
  position: relative
  .w_status{
    margin-bottom 14px
    font-size 30px
    font-weight 600
    color mainTitleColor
    em{
      font-style normal
    }
  }
  .w_p1{
    font-size 12px
    color mainTitleColor
    p{
      line-height 20px
      color subheadColor
      b{
        font-weight normal
        color mainTitleColor
      }
    }
    .mleft{
      margin-left 30px
    }
  }
}
.o_operation{
  position absolute
  right 10px
  top 5px
  .h-price span.price-discount{
    position relative
    left 13px
    top 4px
  }
  .refund-policy{
    position relative
    margin-top 10px
    cursor pointer
    color #6d8493
    .text{
      font-size 14px
      i{
        margin-right 6px
      }
    }
    .tool-tip{
      display none
      width 240px
      left auto
      right 30%
      margin-top 8px
    }
    &:hover{
      .tool-tip {
        display block
      }
    }
  }
  .o_price{
    text-align center
    font-size 14px
    color #999
    .price{
      font-style normal
      font-size 24px
    }
  }
  a{
    width 110px
    height 40px
    line-height 40px
    display inline-block
    text-align center
    font-size 16px
    color #fff
    border-radius 4px
    margin-left 32px
    &.default-btn{
      background bg
      color #fff
      &:hover{
        background #ff8077
      }
    }
    &.border-btn{
      background transparent
      border 1px solid #ff8077
      color #ff8077
      &:hover{
        background #ff8077
        color #fff
      }
    }
  }
}