phone_uni/unpackage/dist/dev/mp-weixin/pages/recharge/index.wxss

/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* 盒子布局 */
.flx-center.data-v-f06186df {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flx-justify-between.data-v-f06186df {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flx-justify-end.data-v-f06186df {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flx-align-center.data-v-f06186df {
  display: flex;
  align-items: center;
}
.font-end.data-v-f06186df {
  text-align: end;
}
/* 外边距、内边距全局样式 */
.m6.data-v-f06186df {
  margin: 6px !important;
}
.mt6.data-v-f06186df {
  margin-top: 6px !important;
}
.mr6.data-v-f06186df {
  margin-right: 6px !important;
}
.mb6.data-v-f06186df {
  margin-bottom: 6px !important;
}
.ml6.data-v-f06186df {
  margin-left: 6px !important;
}
.p6.data-v-f06186df {
  padding: 6px !important;
}
.pt6.data-v-f06186df {
  padding-top: 6px !important;
}
.pr6.data-v-f06186df {
  padding-right: 6px !important;
}
.pb6.data-v-f06186df {
  padding-bottom: 6px !important;
}
.pl6.data-v-f06186df {
  padding-left: 6px !important;
}
.m7.data-v-f06186df {
  margin: 7px !important;
}
.mt7.data-v-f06186df {
  margin-top: 7px !important;
}
.mr7.data-v-f06186df {
  margin-right: 7px !important;
}
.mb7.data-v-f06186df {
  margin-bottom: 7px !important;
}
.ml7.data-v-f06186df {
  margin-left: 7px !important;
}
.p7.data-v-f06186df {
  padding: 7px !important;
}
.pt7.data-v-f06186df {
  padding-top: 7px !important;
}
.pr7.data-v-f06186df {
  padding-right: 7px !important;
}
.pb7.data-v-f06186df {
  padding-bottom: 7px !important;
}
.pl7.data-v-f06186df {
  padding-left: 7px !important;
}
.m8.data-v-f06186df {
  margin: 8px !important;
}
.mt8.data-v-f06186df {
  margin-top: 8px !important;
}
.mr8.data-v-f06186df {
  margin-right: 8px !important;
}
.mb8.data-v-f06186df {
  margin-bottom: 8px !important;
}
.ml8.data-v-f06186df {
  margin-left: 8px !important;
}
.p8.data-v-f06186df {
  padding: 8px !important;
}
.pt8.data-v-f06186df {
  padding-top: 8px !important;
}
.pr8.data-v-f06186df {
  padding-right: 8px !important;
}
.pb8.data-v-f06186df {
  padding-bottom: 8px !important;
}
.pl8.data-v-f06186df {
  padding-left: 8px !important;
}
.m9.data-v-f06186df {
  margin: 9px !important;
}
.mt9.data-v-f06186df {
  margin-top: 9px !important;
}
.mr9.data-v-f06186df {
  margin-right: 9px !important;
}
.mb9.data-v-f06186df {
  margin-bottom: 9px !important;
}
.ml9.data-v-f06186df {
  margin-left: 9px !important;
}
.p9.data-v-f06186df {
  padding: 9px !important;
}
.pt9.data-v-f06186df {
  padding-top: 9px !important;
}
.pr9.data-v-f06186df {
  padding-right: 9px !important;
}
.pb9.data-v-f06186df {
  padding-bottom: 9px !important;
}
.pl9.data-v-f06186df {
  padding-left: 9px !important;
}
.m10.data-v-f06186df {
  margin: 10px !important;
}
.mt10.data-v-f06186df {
  margin-top: 10px !important;
}
.mr10.data-v-f06186df {
  margin-right: 10px !important;
}
.mb10.data-v-f06186df {
  margin-bottom: 10px !important;
}
.ml10.data-v-f06186df {
  margin-left: 10px !important;
}
.p10.data-v-f06186df {
  padding: 10px !important;
}
.pt10.data-v-f06186df {
  padding-top: 10px !important;
}
.pr10.data-v-f06186df {
  padding-right: 10px !important;
}
.pb10.data-v-f06186df {
  padding-bottom: 10px !important;
}
.pl10.data-v-f06186df {
  padding-left: 10px !important;
}
.m11.data-v-f06186df {
  margin: 11px !important;
}
.mt11.data-v-f06186df {
  margin-top: 11px !important;
}
.mr11.data-v-f06186df {
  margin-right: 11px !important;
}
.mb11.data-v-f06186df {
  margin-bottom: 11px !important;
}
.ml11.data-v-f06186df {
  margin-left: 11px !important;
}
.p11.data-v-f06186df {
  padding: 11px !important;
}
.pt11.data-v-f06186df {
  padding-top: 11px !important;
}
.pr11.data-v-f06186df {
  padding-right: 11px !important;
}
.pb11.data-v-f06186df {
  padding-bottom: 11px !important;
}
.pl11.data-v-f06186df {
  padding-left: 11px !important;
}
.m12.data-v-f06186df {
  margin: 12px !important;
}
.mt12.data-v-f06186df {
  margin-top: 12px !important;
}
.mr12.data-v-f06186df {
  margin-right: 12px !important;
}
.mb12.data-v-f06186df {
  margin-bottom: 12px !important;
}
.ml12.data-v-f06186df {
  margin-left: 12px !important;
}
.p12.data-v-f06186df {
  padding: 12px !important;
}
.pt12.data-v-f06186df {
  padding-top: 12px !important;
}
.pr12.data-v-f06186df {
  padding-right: 12px !important;
}
.pb12.data-v-f06186df {
  padding-bottom: 12px !important;
}
.pl12.data-v-f06186df {
  padding-left: 12px !important;
}
.m13.data-v-f06186df {
  margin: 13px !important;
}
.mt13.data-v-f06186df {
  margin-top: 13px !important;
}
.mr13.data-v-f06186df {
  margin-right: 13px !important;
}
.mb13.data-v-f06186df {
  margin-bottom: 13px !important;
}
.ml13.data-v-f06186df {
  margin-left: 13px !important;
}
.p13.data-v-f06186df {
  padding: 13px !important;
}
.pt13.data-v-f06186df {
  padding-top: 13px !important;
}
.pr13.data-v-f06186df {
  padding-right: 13px !important;
}
.pb13.data-v-f06186df {
  padding-bottom: 13px !important;
}
.pl13.data-v-f06186df {
  padding-left: 13px !important;
}
.m14.data-v-f06186df {
  margin: 14px !important;
}
.mt14.data-v-f06186df {
  margin-top: 14px !important;
}
.mr14.data-v-f06186df {
  margin-right: 14px !important;
}
.mb14.data-v-f06186df {
  margin-bottom: 14px !important;
}
.ml14.data-v-f06186df {
  margin-left: 14px !important;
}
.p14.data-v-f06186df {
  padding: 14px !important;
}
.pt14.data-v-f06186df {
  padding-top: 14px !important;
}
.pr14.data-v-f06186df {
  padding-right: 14px !important;
}
.pb14.data-v-f06186df {
  padding-bottom: 14px !important;
}
.pl14.data-v-f06186df {
  padding-left: 14px !important;
}
.m15.data-v-f06186df {
  margin: 15px !important;
}
.mt15.data-v-f06186df {
  margin-top: 15px !important;
}
.mr15.data-v-f06186df {
  margin-right: 15px !important;
}
.mb15.data-v-f06186df {
  margin-bottom: 15px !important;
}
.ml15.data-v-f06186df {
  margin-left: 15px !important;
}
.p15.data-v-f06186df {
  padding: 15px !important;
}
.pt15.data-v-f06186df {
  padding-top: 15px !important;
}
.pr15.data-v-f06186df {
  padding-right: 15px !important;
}
.pb15.data-v-f06186df {
  padding-bottom: 15px !important;
}
.pl15.data-v-f06186df {
  padding-left: 15px !important;
}
.m16.data-v-f06186df {
  margin: 16px !important;
}
.mt16.data-v-f06186df {
  margin-top: 16px !important;
}
.mr16.data-v-f06186df {
  margin-right: 16px !important;
}
.mb16.data-v-f06186df {
  margin-bottom: 16px !important;
}
.ml16.data-v-f06186df {
  margin-left: 16px !important;
}
.p16.data-v-f06186df {
  padding: 16px !important;
}
.pt16.data-v-f06186df {
  padding-top: 16px !important;
}
.pr16.data-v-f06186df {
  padding-right: 16px !important;
}
.pb16.data-v-f06186df {
  padding-bottom: 16px !important;
}
.pl16.data-v-f06186df {
  padding-left: 16px !important;
}
.m17.data-v-f06186df {
  margin: 17px !important;
}
.mt17.data-v-f06186df {
  margin-top: 17px !important;
}
.mr17.data-v-f06186df {
  margin-right: 17px !important;
}
.mb17.data-v-f06186df {
  margin-bottom: 17px !important;
}
.ml17.data-v-f06186df {
  margin-left: 17px !important;
}
.p17.data-v-f06186df {
  padding: 17px !important;
}
.pt17.data-v-f06186df {
  padding-top: 17px !important;
}
.pr17.data-v-f06186df {
  padding-right: 17px !important;
}
.pb17.data-v-f06186df {
  padding-bottom: 17px !important;
}
.pl17.data-v-f06186df {
  padding-left: 17px !important;
}
.m18.data-v-f06186df {
  margin: 18px !important;
}
.mt18.data-v-f06186df {
  margin-top: 18px !important;
}
.mr18.data-v-f06186df {
  margin-right: 18px !important;
}
.mb18.data-v-f06186df {
  margin-bottom: 18px !important;
}
.ml18.data-v-f06186df {
  margin-left: 18px !important;
}
.p18.data-v-f06186df {
  padding: 18px !important;
}
.pt18.data-v-f06186df {
  padding-top: 18px !important;
}
.pr18.data-v-f06186df {
  padding-right: 18px !important;
}
.pb18.data-v-f06186df {
  padding-bottom: 18px !important;
}
.pl18.data-v-f06186df {
  padding-left: 18px !important;
}
.m19.data-v-f06186df {
  margin: 19px !important;
}
.mt19.data-v-f06186df {
  margin-top: 19px !important;
}
.mr19.data-v-f06186df {
  margin-right: 19px !important;
}
.mb19.data-v-f06186df {
  margin-bottom: 19px !important;
}
.ml19.data-v-f06186df {
  margin-left: 19px !important;
}
.p19.data-v-f06186df {
  padding: 19px !important;
}
.pt19.data-v-f06186df {
  padding-top: 19px !important;
}
.pr19.data-v-f06186df {
  padding-right: 19px !important;
}
.pb19.data-v-f06186df {
  padding-bottom: 19px !important;
}
.pl19.data-v-f06186df {
  padding-left: 19px !important;
}
.m20.data-v-f06186df {
  margin: 20px !important;
}
.mt20.data-v-f06186df {
  margin-top: 20px !important;
}
.mr20.data-v-f06186df {
  margin-right: 20px !important;
}
.mb20.data-v-f06186df {
  margin-bottom: 20px !important;
}
.ml20.data-v-f06186df {
  margin-left: 20px !important;
}
.p20.data-v-f06186df {
  padding: 20px !important;
}
.pt20.data-v-f06186df {
  padding-top: 20px !important;
}
.pr20.data-v-f06186df {
  padding-right: 20px !important;
}
.pb20.data-v-f06186df {
  padding-bottom: 20px !important;
}
.pl20.data-v-f06186df {
  padding-left: 20px !important;
}
.m21.data-v-f06186df {
  margin: 21px !important;
}
.mt21.data-v-f06186df {
  margin-top: 21px !important;
}
.mr21.data-v-f06186df {
  margin-right: 21px !important;
}
.mb21.data-v-f06186df {
  margin-bottom: 21px !important;
}
.ml21.data-v-f06186df {
  margin-left: 21px !important;
}
.p21.data-v-f06186df {
  padding: 21px !important;
}
.pt21.data-v-f06186df {
  padding-top: 21px !important;
}
.pr21.data-v-f06186df {
  padding-right: 21px !important;
}
.pb21.data-v-f06186df {
  padding-bottom: 21px !important;
}
.pl21.data-v-f06186df {
  padding-left: 21px !important;
}
.m22.data-v-f06186df {
  margin: 22px !important;
}
.mt22.data-v-f06186df {
  margin-top: 22px !important;
}
.mr22.data-v-f06186df {
  margin-right: 22px !important;
}
.mb22.data-v-f06186df {
  margin-bottom: 22px !important;
}
.ml22.data-v-f06186df {
  margin-left: 22px !important;
}
.p22.data-v-f06186df {
  padding: 22px !important;
}
.pt22.data-v-f06186df {
  padding-top: 22px !important;
}
.pr22.data-v-f06186df {
  padding-right: 22px !important;
}
.pb22.data-v-f06186df {
  padding-bottom: 22px !important;
}
.pl22.data-v-f06186df {
  padding-left: 22px !important;
}
.m23.data-v-f06186df {
  margin: 23px !important;
}
.mt23.data-v-f06186df {
  margin-top: 23px !important;
}
.mr23.data-v-f06186df {
  margin-right: 23px !important;
}
.mb23.data-v-f06186df {
  margin-bottom: 23px !important;
}
.ml23.data-v-f06186df {
  margin-left: 23px !important;
}
.p23.data-v-f06186df {
  padding: 23px !important;
}
.pt23.data-v-f06186df {
  padding-top: 23px !important;
}
.pr23.data-v-f06186df {
  padding-right: 23px !important;
}
.pb23.data-v-f06186df {
  padding-bottom: 23px !important;
}
.pl23.data-v-f06186df {
  padding-left: 23px !important;
}
.m24.data-v-f06186df {
  margin: 24px !important;
}
.mt24.data-v-f06186df {
  margin-top: 24px !important;
}
.mr24.data-v-f06186df {
  margin-right: 24px !important;
}
.mb24.data-v-f06186df {
  margin-bottom: 24px !important;
}
.ml24.data-v-f06186df {
  margin-left: 24px !important;
}
.p24.data-v-f06186df {
  padding: 24px !important;
}
.pt24.data-v-f06186df {
  padding-top: 24px !important;
}
.pr24.data-v-f06186df {
  padding-right: 24px !important;
}
.pb24.data-v-f06186df {
  padding-bottom: 24px !important;
}
.pl24.data-v-f06186df {
  padding-left: 24px !important;
}
.m25.data-v-f06186df {
  margin: 25px !important;
}
.mt25.data-v-f06186df {
  margin-top: 25px !important;
}
.mr25.data-v-f06186df {
  margin-right: 25px !important;
}
.mb25.data-v-f06186df {
  margin-bottom: 25px !important;
}
.ml25.data-v-f06186df {
  margin-left: 25px !important;
}
.p25.data-v-f06186df {
  padding: 25px !important;
}
.pt25.data-v-f06186df {
  padding-top: 25px !important;
}
.pr25.data-v-f06186df {
  padding-right: 25px !important;
}
.pb25.data-v-f06186df {
  padding-bottom: 25px !important;
}
.pl25.data-v-f06186df {
  padding-left: 25px !important;
}
.m26.data-v-f06186df {
  margin: 26px !important;
}
.mt26.data-v-f06186df {
  margin-top: 26px !important;
}
.mr26.data-v-f06186df {
  margin-right: 26px !important;
}
.mb26.data-v-f06186df {
  margin-bottom: 26px !important;
}
.ml26.data-v-f06186df {
  margin-left: 26px !important;
}
.p26.data-v-f06186df {
  padding: 26px !important;
}
.pt26.data-v-f06186df {
  padding-top: 26px !important;
}
.pr26.data-v-f06186df {
  padding-right: 26px !important;
}
.pb26.data-v-f06186df {
  padding-bottom: 26px !important;
}
.pl26.data-v-f06186df {
  padding-left: 26px !important;
}
.m27.data-v-f06186df {
  margin: 27px !important;
}
.mt27.data-v-f06186df {
  margin-top: 27px !important;
}
.mr27.data-v-f06186df {
  margin-right: 27px !important;
}
.mb27.data-v-f06186df {
  margin-bottom: 27px !important;
}
.ml27.data-v-f06186df {
  margin-left: 27px !important;
}
.p27.data-v-f06186df {
  padding: 27px !important;
}
.pt27.data-v-f06186df {
  padding-top: 27px !important;
}
.pr27.data-v-f06186df {
  padding-right: 27px !important;
}
.pb27.data-v-f06186df {
  padding-bottom: 27px !important;
}
.pl27.data-v-f06186df {
  padding-left: 27px !important;
}
.m28.data-v-f06186df {
  margin: 28px !important;
}
.mt28.data-v-f06186df {
  margin-top: 28px !important;
}
.mr28.data-v-f06186df {
  margin-right: 28px !important;
}
.mb28.data-v-f06186df {
  margin-bottom: 28px !important;
}
.ml28.data-v-f06186df {
  margin-left: 28px !important;
}
.p28.data-v-f06186df {
  padding: 28px !important;
}
.pt28.data-v-f06186df {
  padding-top: 28px !important;
}
.pr28.data-v-f06186df {
  padding-right: 28px !important;
}
.pb28.data-v-f06186df {
  padding-bottom: 28px !important;
}
.pl28.data-v-f06186df {
  padding-left: 28px !important;
}
.m29.data-v-f06186df {
  margin: 29px !important;
}
.mt29.data-v-f06186df {
  margin-top: 29px !important;
}
.mr29.data-v-f06186df {
  margin-right: 29px !important;
}
.mb29.data-v-f06186df {
  margin-bottom: 29px !important;
}
.ml29.data-v-f06186df {
  margin-left: 29px !important;
}
.p29.data-v-f06186df {
  padding: 29px !important;
}
.pt29.data-v-f06186df {
  padding-top: 29px !important;
}
.pr29.data-v-f06186df {
  padding-right: 29px !important;
}
.pb29.data-v-f06186df {
  padding-bottom: 29px !important;
}
.pl29.data-v-f06186df {
  padding-left: 29px !important;
}
.m30.data-v-f06186df {
  margin: 30px !important;
}
.mt30.data-v-f06186df {
  margin-top: 30px !important;
}
.mr30.data-v-f06186df {
  margin-right: 30px !important;
}
.mb30.data-v-f06186df {
  margin-bottom: 30px !important;
}
.ml30.data-v-f06186df {
  margin-left: 30px !important;
}
.p30.data-v-f06186df {
  padding: 30px !important;
}
.pt30.data-v-f06186df {
  padding-top: 30px !important;
}
.pr30.data-v-f06186df {
  padding-right: 30px !important;
}
.pb30.data-v-f06186df {
  padding-bottom: 30px !important;
}
.pl30.data-v-f06186df {
  padding-left: 30px !important;
}
.border_bottom.data-v-f06186df {
  border-bottom: 1rpx solid #e1e1e1;
}
.section_icon.data-v-f06186df {
  width: 6rpx;
  height: 36rpx;
  background-color: #000000;
}
.checkbox_box.data-v-f06186df {
  display: flex;
  align-items: center;
  font-size: 24rpx;
}
.checkbox_box.data-v-f06186df .uni-checkbox-input {
  border-radius: 50% !important;
}
.checkbox_box .checkbox_box_text.data-v-f06186df {
  color: #889191;
}
.checkbox_box .checkbox_box_supplementary.data-v-f06186df {
  color: rgba(7, 193, 96, 0.8);
}
.content.data-v-f06186df {
  position: relative;
  background: linear-gradient(32deg, #f7fbff, #f7fbff, rgba(0, 255, 255, 0.2));
  width: 100vw;
  height: 100vh;
}
.content.data-v-f06186df::before {
  content: "";
  position: fixed;
  top: -30vw;
  right: 6vw;
  width: 50vw;
  height: 50vw;
  border-radius: 50%;
  background: rgba(0, 255, 255, 0.18);
  box-shadow: 0.3125rem 0.3125rem 20rem 20px rgba(0, 255, 255, 0.2);
}
.card_record.data-v-f06186df {
  margin: 30rpx;
  padding: 30rpx;
  border-radius: 20rpx;
  background: linear-gradient(118.57deg, #b0f2ff 0%, #90fccd 100%);
  box-shadow: 0rpx 8rpx 12rpx rgba(24, 105, 255, 0.3);
}
.card_record .card_record_name.data-v-f06186df {
  font-size: 30rpx;
  font-weight: 600;
  letter-spacing: 0rpx;
  color: #383838;
}
.card_record .card_record_num.data-v-f06186df {
  display: flex;
  align-items: flex-end;
}
.card_record .card_record_num .uni-icons.data-v-f06186df {
  margin-bottom: 10rpx;
  position: relative;
  left: -10rpx;
}
.card_record .card_record_num text.data-v-f06186df {
  font-size: 70rpx;
  font-weight: 700;
  letter-spacing: 0rpx;
  color: #383838;
  margin-left: 10rpx;
}
.card_record .card_record_bottom.data-v-f06186df {
  margin-top: 60rpx;
  font-size: 28rpx;
  font-weight: 600;
  letter-spacing: 0rpx;
  line-height: 32.82rpx;
  color: #383838;
}
.record_list.data-v-f06186df {
  padding: 0 30rpx;
  box-sizing: border-box;
}
.record_list .record_list_title.data-v-f06186df {
  font-size: 32rpx;
  font-weight: 700;
  letter-spacing: 0rpx;
  line-height: 37.5rpx;
  color: black;
}
.record_list .demo-uni-row.data-v-f06186df {
  width: 100%;
  margin-top: 20rpx;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.record_list .demo-uni-row .demo-uni-col.data-v-f06186df {
  width: calc((100% - 40rpx) / 3);
  height: 120rpx;
  background-color: #fff;
  border-radius: 13px;
  margin-bottom: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.record_list .demo-uni-row .demo-uni-col.data-v-f06186df:nth-child(3n-1) {
  margin-right: 20rpx;
  margin-left: 20rpx;
}
.record_list .demo-uni-row .demo-uni-col .record_item_num.data-v-f06186df {
  font-size: 36rpx;
  font-weight: 500;
  letter-spacing: 0rpx;
  line-height: 42.2rpx;
  color: rgba(7, 193, 96, 0.8);
}
.record_list .demo-uni-row .demo-uni-col .record_item_pay.data-v-f06186df {
  font-size: 20rpx;
  font-weight: 500;
  letter-spacing: 0rpx;
  line-height: 23.44rpx;
  color: #889191;
  margin-top: 10rpx;
}
.but_bottom.data-v-f06186df {
  border-radius: 50rpx;
  background-color: rgba(7, 193, 96, 0.8);
  color: #000000;
}