/*收款*/
#buy-payment-content,
#memo-modal {
  padding: 10px;
}

#buy-payment-content .form-group,
#memo-modal .form-group {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#buy-payment-content .control-label,
#memo-modal .control-label {
  font-weight: bold;
  color: #333;
  padding-right: 0;
  padding-left: 0;
  line-height: 22px;
}

#memo-modal .form-control {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  #payment-content .control-label,
  #memo-modal .control-label {
    padding-left: 15px;
  }
}

#buy-payment-content .btn,
#memo-modal .btn {
  border-radius: 0;
}

#buy-payment-content input,
#buy-payment-content textarea,
#memo-modal input,
#memo-modal textarea {
  color: #333;
  border-radius: 0;
}

/*收款记录*/
#buy-payment-logs {
  padding: 10px;
}

#buy-payment-logs .table {
  margin-bottom: 0;
}

.buy-payment-log-comment {
  max-height: 50px;
  overflow: auto;
  word-break: break-all;
}

.buy-payment-log-btn:hover {
  text-decoration: none;
}

.required-i {
  color: #ff0000;
}


.auth-nav-tab {
  padding-left: 15px;
  margin: 0 15px 10px 15px;
  border-bottom: 2px solid #2196F3;
}

.auth-nav-tab .switch-auth-active {
  border: 2px solid #2196F3;
  border-bottom: 2px solid #fff;
  color: #2196F3;
}

.auth-nav-tab li {
  position: relative;
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  width: 100px;
  text-align: center;
  margin-bottom: -2px;
  border: 2px solid transparent;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

#depot-state-content i {
  font-size: 16px;
}

.pay_types {
  padding: 15px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5px;
}

.pay_types:hover {
  box-shadow: 0 0 6px rgba(10, 22, 57, .13);
  cursor:pointer
}

.pay_types .check_pay {
  font-size: 16px;
  color: #3879D9;
  vertical-align: middle;
  width: 20px;
  display: inline-block;
}

.pay_types .dis_check_pay{
  color: #ccc;
}



.pay_types .balance {
  padding-left: 10px;
}

.sum_amount, .order_amount, .buy_payed_amount , .buy_unpayed_amount {
  font-size: 18px;
  vertical-align: bottom;
  color: #e31613;
  margin: 0 3px;
}

.order_amount_box b, .buy_payed_amount_box b, .buy_unpayed_amount_box b{
  font-weight: bold;
}

.pay_info {
  padding-left: 10px;
  font-size: 14px;
}

.pay_info .icon-question-sign {
  color: #FED183;
}

.pay_info .icon-money {
  font-size: 16px;
  padding-right: 7px;
}

.pay_info b {
  font-size: 16px;
  font-weight: bold;
}

.dis_pay_type{
  background-color: #cccccc2e;
  color: #ccc;
  cursor:default
}
.forget-pwd{
  line-height: 34px;
}


/*红包样式 start*/
.red-packet-pc .num{
  color: #fff;
  text-align: center;
  width: 65%;
  margin: auto;
  padding-top: 70%;
}

.red-packet-pc .date-time,.red-packet-phone .date-time{
  text-align: right;
  padding-right: 5%;
}
.red-packet-pc .coupon-num{
  font-size: 40px;
}

.red-packet-phone .coupon-num{
  font-size: 27px;
}


.red-packet-phone .num{
  color: #fff;
  text-align: center;
  width: 68%;
  overflow: auto;
  margin: auto;
  padding-top: 70%;
}
.coupon-num span{
  font-size: 24px;
}
.red-packet-pc{
  height:550px;
  overflow: hidden;
  background: url("../../images/erp/hb.png") no-repeat;
}
.red-packet-phone{
  background:url("../../images/erp/hb.png") no-repeat top;
  background-size: 100%;
  height:450px;
  position: relative;
}
.demo-class .layui-layer-content{
  background-color:#f16726;
  /*background: -webkit-linear-gradient(left, #FF8749 , #E53A33); !* Safari 5.1 - 6.0 *!*/
  /*background: -o-linear-gradient(right, #FF8749 , #E53A33); !* Opera 11.1 - 12.0 *!*/
  /*background: -moz-linear-gradient(right, #FF8749 , #E53A33); !* Firefox 3.6 - 15 *!*/
  /*background: linear-gradient(to right, #FF8749 , #E53A33); !* 标准的语法 *!*/
}
.rule{
  color: #fff;
  padding-top: 10%;
}

.rule ul li{
  line-height:20px;
  font-size: 12px;
}
.red-packet-pc .address{
  padding-top: 12px;
}

/*红包弹框和详情处的冲突所以进行覆盖*/
/*.container .form-group {*/
  /*margin: -1em;*/
/*}*/

/*红包样式 end*/

@media screen and (min-width: 767px) {
  .memo-i.icon-check:hover,
  .memo-i.icon-check-empty:hover {
    color: #ff893c;
  }
}

@media screen and (max-width: 767px) {

  .phone{
    text-align: left;
  }

  .pay_types{
    padding: 10px;
  }

  .phone-comments{
    padding-top: 11px;
  }

  .phone-lable{
    padding-top: 11px;
    text-align: right;
  }

  .lable-comments{
    padding-top: 20px
  }
}

@media(max-width:992px) {
  .phone-comments{
    padding-top: 11px;
  }

  .phone-lable{
    padding-top: 11px;
    text-align: right;
  }

  .lable-comments{
    padding-top: 20px!important;
  }
}