:global{
  .ant-form-item-control{
    position: relative;
    .form_tip{
      display: flex;
      align-items: center;
      padding-left: 10px;
      width: 400px;
      height: 40px;
      line-height: 24px;
      position: absolute;
      left: 100%;
      top: -10px;
      color: #FFAA00;
    }
    .ant-row{
      .form_tip{
        top: 0;
      }
    }
  }
  .financial_container{
    padding: 10px 20px;
  }

  .before_container{
    .financial_header{
      padding: 0 40px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #ddd;
      min-height: 200px;
      // &::after{
      //   content: "";
      //   display: block;
      //   clear: both;
      // }
      // &>div{
      //   float: left;
      // }
      .img_box{
        width: 150px;
        // height: 200px;
        // background: #f5f5f5;
        overflow: hidden;
        img{
          width: 100%;
        }
      }
      .header_info{
        // padding-top: 20px;
        margin-left: 30px;
        font-size: 18px;
        p{
          margin-top: 20px;
        }
        .tip{
          font-size: 14px;
          color: #ff9900;
        }
      }
    }
    .question_info{
      width: 100%;
      padding: 0 20px;
      h3{
        margin-top: 40px;
        font-size: 18px;
        font-weight: bold;
      }
    }
  }

  .steps_container{
    width: 800px;
    margin: 40px auto;
  }
  .ant-breadcrumb{
    font-size: 18px;
    color: #333;
  }
  .form_container{
    .header {
      margin: 0 24px;
      border-bottom: 1px solid #E9E9E9;
      font-size: 16px;
      color: #333;
      line-height: 1;
      padding-bottom: 8px;
      margin-bottom: 24px;
    }
  }

  .success_container{
    margin-top: 50px;
    text-align: center;
    .success_icon{
      font-size: 100px;
    }
    .success_info{
      padding: 20px 0 5px 0;
      font-size: 20px;
      font-weight: bold;
    }
    .infoTips{
      padding: 10px 0;
      font-size: 14px;
    }
    .stepButton{
      display: flex;
      width: 300px;
      justify-content: center;
      align-items: center;
      margin: 10px auto;
      button{
        margin-right: 10px;
      }
    }
  }

  .wallet_container{
    .wallet_header{
      overflow: hidden;
      h3{
        font-size: 20px;
        font-weight: bold;
      }
      p{
        font-size: 14px;
        margin-top: 10px;
        color: #19be6b;
      }
    }
    .card_container{
      width: 90%;
      min-width: 800px;
      min-height: 120px;
      padding-left: 0;
      display: flex;
      align-items: center;
      border: 1px solid #ddd;
      border-radius: 4px;
      .anticon{
        margin-left: 5px;
        color: #2d8cf0;
      }
      li{
        width: 100%;
        height: 100%;
        flex-grow: 1;
        list-style: none;
        border-left: 1px solid #ddd;
        display: flex;
        align-items: center;
        padding: 12px;
        &>div{
          // width: 100%;
          flex-grow: 1;
        }
        // &:first-child{
        //   border-left: 0;
        // }
        .img_box{
          width: 80px;
          // height: 80px;
          // padding-top: 15px;
          flex-shrink: 0;
          border-radius: 50%;
          overflow: hidden;
          display: flex;
          justify-content: center;
          // align-items: center;
        }
        .card_info{
          height: 100%;
          margin-left: 10px;
          .point{
            font-size: 20px;
            font-weight: bold;
          }
        }
        .card_other{
          align-self: flex-start;
          display: flex;
          justify-content: flex-end;
        }
      }
    }
    .info_container{
      padding-left: 0;
      .anticon{
        margin-left: 5px;
        color: #2d8cf0;
      }
      li{
        display: flex;
        align-items: center;
        padding: 15px 0;
        &>div{
          position: relative;
          display: flex;
          align-items: center;
          .other_box{
            position: absolute;
            left: 100%;
            top: 0;
            height: 100%;
            display: flex;
            align-items: center;
            .absolute_link{
              margin-left: 50px;
              display: block;
              min-width: 100px;
            }
          }
        }
        .left_content{
          width: 100px;
          justify-content: flex-end;
        }
        .right_content{
          margin-left: 40px;
          min-width: 260px;
        }
      }
    }
  }

  .notice{
    color: #FF9900;
  }
  .red_tip{
    color: #D9001B;
  }
  .radio_cneter{
    display: flex;
    justify-content: center;
  }
  .wallet_modal_content{
    // margin-top: 20px;
    .bank_card_info{
      margin-top: 10px;
      
      .bank_card{
        color: #108EE9;
        .card_num{
          margin-right: 20px;
        }
      }
    }
    .ant-form-item{
      margin-bottom: 10px;
    }
  }

  .tab_inner{
    padding: 0 20px;
  }

  .modal_on_footer{
    .ant-modal-footer{
      display:none;
    }
    .ant-form-item-children{
      width: 100%;
    }
    .footer_btns{
      text-align: center;
    }
  }
  .table_container{
    padding: 0 15px;
  }
  .statistics_container{
    width: 100%;
    display: flex;
    align-items: center;
    &>div{
      padding: 15px;
      display: flex;
      align-items: center;
      height: 100%;
    }
    .statistics_uint{
      width: 25%;
      border: 1px solid #ddd;
      border-radius: 4px;
      cursor: pointer;
      .uint_info{
        margin-left: 15px;
        &>p{
          line-height: 30px;
          margin: 0;
        }
      }
    }
    .active_uint{
      background: #0F71FF;
      color: #fff;
    }
    .symbol{
      padding: 5px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
    }
    .bold{
      font-size: 24px;
          font-weight: bold;
    }
    .anticon{
      color: #2d8cf0;
    }
  }

  .proxy_btns_container{
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .operation_btns{
      &>button{
        margin-left: 15px;
      }
    }
  }


  .bcx_modal_content{
    display: flex;
    .bcx_modal_btns{
      margin-top: 15px;
      &>button{
        margin-left: 15px;
        &:first-child{
          margin: 0;
        }
      }
    }
  }
}
@keyframes flash {
    from,
    50%,
    to {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0;
    }
  }
:global{
  .sending_dot{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff9900;
    animation-name: flash;
    animation: flash 3s linear 0s infinite alternate;
    // transition: all 1s ease;
  }
}


:global{
  .budget_drawer_container{
    .drawer_list{
      padding-right: 20px;
      li{
        display: flex;
        justify-content: space-between;
        .label{
          flex-shrink: 0;
        }
        .text{
          width: 100%;
          margin-left: 20px;
          text-align: right;
          text-overflow: ellipsis;
          overflow: hidden;
          -webkit-line-clamp: 1;
        }
        &:last-child{
          border-bottom: 1px solid #ddd;
        }
      }
      .no_border{
        border-bottom: 0!important;
      }
    }
    .bottom50{
      padding-bottom: 50px;
    }
  }
}
:global{
  .wallet_modal{
    .ant-form-item{
      margin-bottom: 10px;
    }
  }
  .agreement_container{
    line-height: 32px;
  }
  .agreement_header{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
  }
  .agreement_title{
    font-size: 18px;
    font-weight: bold;
  }
  .agreement_seciton_title{
    font-size: 16px;
    font-weight: bold;
  }
}