header {
  z-index: 101 !important; }

body,
.mui-content {
  background: #FFFFFF;
  position: relative;
  z-index: 100; }

.top-info {
  position: relative; }
  .top-info span {
    width: 100%;
    color: #333333;
    display: block;
    padding: .1rem .3rem;
    font-size: .43rem; }
  .top-info .countdown {
    position: absolute;
    right: .2rem;
    top: .5rem;
    color: #73D13D; }
  .top-info .mui-icon-right-nav {
    position: absolute;
    right: .2rem;
    top: .1rem; }
    .top-info .mui-icon-right-nav img {
      width: .3rem;
      height: .3rem;
      vertical-align: middle; }
    .top-info .mui-icon-right-nav label {
      font-size: .24rem;
      padding-left: .1rem;
      color: #D43436; }

.had-top-info {
  text-align: center; }
  .had-top-info span {
    display: block;
    margin: .1rem 0; }
  .had-top-info .money {
    font-size: .37rem;
    color: #4B557D; }
  .had-top-info .anti-money {
    color: #333333; }
  .had-top-info .pay-time {
    display: flex;
    align-items: center;
    justify-content: center; }
    .had-top-info .pay-time .countdown {
      color: #73D13D;
      margin-left: .2rem; }
    .had-top-info .pay-time .mui-icon-right-nav img {
      width: .3rem;
      height: .3rem;
      vertical-align: middle; }
    .had-top-info .pay-time .mui-icon-right-nav label {
      font-size: .24rem;
      padding-left: .1rem;
      color: #D43436; }

.mui-card {
  background: white;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin: .5rem .3rem .1rem .3rem; }
  .mui-card .mui-checkbox input[type=checkbox],
  .mui-card .mui-radio input[type=radio] {
    top: 11px; }
    .mui-card .mui-checkbox input[type=checkbox]:checked:before,
    .mui-card .mui-radio input[type=radio]:checked:before {
      color: #D7393E; }
  .mui-card .mui-input-row {
    display: flex;
    align-items: center;
    height: .86rem; }
  .mui-card img {
    width: .4rem;
    height: .4rem;
    margin-left: .2rem; }

.info-box span {
  width: 100%;
  color: #A0A5AD;
  display: block;
  padding: .1rem .3rem; }
  .info-box span .person-name {
    color: #D43436;
    font-size: .24rem; }
  .info-box span label {
    color: #484860;
    font-size: .23rem;
    padding-left: .3rem;
    float: right; }
    .info-box span label img {
      width: .26rem;
      height: .3rem;
      vertical-align: text-bottom;
      margin-left: .2rem; }

.had-info-box {
  width: 92%;
  margin: .4rem auto;
  background: #fbfbfb;
  border-radius: 2px;
  padding: .1rem 0;
  font-size: .2rem; }
  .had-info-box span {
    width: 100%;
    color: #A0A5AD;
    display: block;
    padding: .1rem .2rem; }
    .had-info-box span label {
      color: #484860;
      float: right; }
      .had-info-box span label img {
        width: .26rem;
        height: .3rem;
        vertical-align: text-bottom;
        margin-left: .2rem; }
  .had-info-box .info-box-title {
    font-size: .24rem; }
    .had-info-box .info-box-title img {
      width: .4rem;
      height: .4rem;
      vertical-align: middle;
      margin-right: .2rem; }
    .had-info-box .info-box-title label {
      color: #D43436; }

.notice {
  margin-bottom: 1rem; }
  .notice .mui-table-view .mui-table-view-cell {
    padding: .1rem .3rem; }
    .notice .mui-table-view .mui-table-view-cell .mui-active {
      background: #d8d8d8; }
  .notice .mui-table-view:before, .notice .mui-table-view:after {
    height: 0; }
  .notice p {
    color: #A0A5AD; }
  .notice a {
    display: block;
    height: 1rem;
    background: #d8d8d8;
    border-radius: 3px;
    color: #A0A5AD;
    opacity: 0.2;
    margin: .1rem 0 !important;
    word-break: break-all;
    white-space: normal !important;
    overflow: scroll !important; }

.btn-group {
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 0;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); }
  .btn-group .chat-btn {
    width: 1.29rem;
    height: .84rem;
    text-align: center;
    line-height: .9rem; }
    .btn-group .chat-btn img {
      width: .4rem;
      height: .4rem; }
  .btn-group .cancel-btn,
  .btn-group .yes-btn {
    flex: 1;
    height: .84rem;
    background: #FBEBEB;
    text-align: center;
    color: #D43436;
    font-size: .27rem;
    line-height: .84rem; }
  .btn-group .yes-btn {
    background: #D43436;
    color: #FFFFFF; }

.hadbtn-group {
  margin-top: 2rem; }
  .hadbtn-group .hadpay-btn {
    width: 92%;
    height: .8rem;
    background: #D43436;
    color: #FFFFFF;
    text-align: center;
    line-height: .8rem;
    margin: 0 auto; }

.cancelOrder {
  width: 90%;
  height: 3.58rem;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -45%;
  margin-top: -1.79rem;
  z-index: 111; }
  .cancelOrder .orderCont {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    padding: 0.3rem 0 0 0.3rem;
    border-radius: 0.1rem 0.1rem 0 0; }
    .cancelOrder .orderCont .popText_1 {
      font-size: 0.28rem;
      color: #F96B6B;
      margin-top: 0.49rem; }
    .cancelOrder .orderCont .popText_2 {
      font-size: 0.24rem;
      color: #666;
      margin-top: 0.36rem;
      margin-bottom: 0.5rem; }
  .cancelOrder .orderHandle {
    width: 100%;
    height: 0.98rem;
    display: flex;
    border-top: 0.01rem solid #EEEEEE;
    margin-top: -1px; }
    .cancelOrder .orderHandle .thinkBtn {
      color: #999;
      background-color: #fff;
      border-radius: 0 0 0 0.1rem; }
    .cancelOrder .orderHandle .cancelBtn {
      color: #fff;
      background: linear-gradient(-90deg, #d43436, #ff927d);
      border-radius: 0 0 0.1rem 0; }
  .cancelOrder .popTitle {
    font-size: 0.32rem;
    color: #000; }
  .cancelOrder .popText {
    width: 92%;
    text-align: justify;
    line-height: 0.41rem; }
  .cancelOrder .btn {
    width: 50%;
    line-height: 0.98rem;
    text-align: center;
    font-size: 0.32rem; }

.bg {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(21, 33, 54, 0.2);
  z-index: 102; }

.code {
  width: 4rem;
  height: 4rem;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -2rem;
  margin-top: -2rem;
  text-align: center;
  z-index: 111;
  background: #FFFFFF;
  padding: .2rem;
  box-sizing: border-box; }
  .code img {
    height: 3rem;
    display: inline-block;
    max-width: 100%; }
  .code span {
    display: block;
    font-size: .5rem;
    font-weight: 500; }

.confirm {
  width: 5.42rem;
  height: 3.54rem;
  border-radius: 4px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -2.71rem;
  margin-top: -1.77rem;
  background: #FFFFFF;
  border-radius: .2rem;
  z-index: 110;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  .confirm .input-group {
    position: relative;
    text-align: center;
    overflow: hidden; }
    .confirm .input-group .title-top {
      height: .8rem;
      border-bottom: 1px solid #F1F1F1; }
    .confirm .input-group .icon {
      position: absolute;
      left: .1rem;
      padding-top: .2rem;
      color: #333333; }
    .confirm .input-group .title {
      display: inline-block;
      width: 100%;
      padding-top: .2rem;
      color: #333333; }
    .confirm .input-group .mui-input-row {
      padding: 0 .3rem;
      margin-top: .4rem; }
      .confirm .input-group .mui-input-row label {
        font-size: .24rem;
        font-weight: 400;
        color: #333333;
        text-align: left;
        padding: 0;
        margin-bottom: .17rem; }
      .confirm .input-group .mui-input-row .mui-input-password {
        width: 100%;
        height: .6rem;
        border: none;
        background-color: #F1F1F1;
        color: #333333;
        padding-left: .2rem; }
        .confirm .input-group .mui-input-row .mui-input-password::-webkit-input-placeholder {
          font-size: .22rem;
          font-weight: 400;
          color: #999999; }
      .confirm .input-group .mui-input-row .mui-icon-eye {
        top: .5rem;
        right: .29rem; }
    .confirm .input-group .mui-button-row button {
      width: 89%;
      height: .6rem;
      background: #D43436;
      border-radius: 4px;
      border: 1px solid #D43436;
      margin-top: .2rem; }

#popover {
  background: #FFFFFF;
  width: 100%;
  height: 10rem;
  border-radius: .2rem .2rem 0 0;
  position: fixed;
  z-index: 1000;
  top: 100px; }
  #popover .popover-info {
    border-bottom: 1px solid #EEEEEE; }
    #popover .popover-info .info-txt {
      display: flex;
      align-items: center;
      padding: .3rem .3rem .2rem .3rem; }
      #popover .popover-info .info-txt .img-box {
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
        overflow: hidden; }
        #popover .popover-info .info-txt .img-box img {
          width: .5rem;
          height: .5rem; }
      #popover .popover-info .info-txt h4 {
        flex: 1;
        color: #333333;
        font-size: .31rem;
        padding-left: .2rem; }
      #popover .popover-info .info-txt p {
        flex: 1;
        color: #999999;
        text-align: right; }
  #popover .money-info {
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem; }
    #popover .money-info .money-info-left .money-info-txt {
      color: #9DA6B3;
      display: block; }
    #popover .money-info .money-info-left .money-info-num {
      color: #D7393E;
      font-size: .3rem;
      display: block;
      padding-top: .1rem; }
    #popover .money-info .money-info-right .money-info-txt {
      display: flex;
      align-items: center;
      color: #73D13D; }
      #popover .money-info .money-info-right .money-info-txt img {
        width: .3rem;
        height: .3rem;
        vertical-align: middle;
        margin-right: .1rem; }
    #popover .money-info .money-info-right .money-info-num {
      color: #D7393E;
      font-size: .3rem;
      display: block;
      text-align: right; }

/*# sourceMappingURL=payment.css.map */