fontend-app/html/wallet/css/recharge.css

.mui-bar-nav ~ .mui-content .mui-slider.mui-fullscreen {
  top: 1.1rem; }

#sliderSegmentedControl {
  background: #FFFFFF; }

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
  color: #333333; }

.mui-table-view {
  background: #FFFFFF; }

.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item {
  border: none;
  background: #FFFFFF !important; }

.coin-code {
  background-color: #FFFFFF;
  width: 240px;
  height: 240px;
  margin: .6rem auto;
  padding: 20px;
  text-align: center; }

.recharge-address-box {
  width: 90%;
  margin: 0 auto; }
  .recharge-address-box p {
    width: 100%;
    color: #333333;
    font-size: .24rem;
    padding: .2rem 0; }
  .recharge-address-box .recharge-address {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .recharge-address-box .recharge-address span {
      width: 70%;
      color: #666666;
      font-size: .2rem;
      word-break: break-all; }
    .recharge-address-box .recharge-address img {
      width: .27rem !important;
      height: .32rem; }

.recharge-note {
  width: 90%;
  margin: .5rem auto; }
  .recharge-note p {
    width: 100%;
    color: #999999; }

.btn-recharge {
  width: 100%;
  height: .86rem;
  background: linear-gradient(90deg, #ff9d00 0%, #ffcd34 100%);
  position: fixed;
  bottom: 0;
  line-height: .86rem;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid #FFCD34;
  z-index: 99; }