#recharge {
  background: #F3F5F7;
}
#recharge .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1220px;
  height: 514px;
  z-index: -1;
  background: url(../images/member/banner.png) no-repeat center 30% / cover;
}
#recharge .sub_page {
  padding-top: 210px;
}
#recharge .sub_page .safe_width {
  padding-bottom: 58px;
}
#recharge .sub_page .title {
  color: #fff;
}
#recharge .sub_page .title h2 {
  font-weight: bold;
  font-size: 39px;
  margin-bottom: 18px;
}
#recharge .sub_page .title img {
  margin-right: 5px;
}
#recharge .sub_page .member_upgrade_box {
  margin-top: 280px;
  border-radius: 10px;
  padding-bottom: 120px;
}
#recharge .sub_page .member_upgrade_box .padding {
  padding: 82px 78px 94px 44px;
}
#recharge .sub_page .member_upgrade_box .member_type,
#recharge .sub_page .member_upgrade_box .payment_method {
  margin-bottom: 58px;
}
#recharge .sub_page .member_upgrade_box .type_title,
#recharge .sub_page .member_upgrade_box .method_title,
#recharge .sub_page .member_upgrade_box .price_label {
  color: #333;
  width: 80px;
  font-size: 16px;
  text-align: right;
  margin-right: 17px;
}
#recharge .sub_page .member_upgrade_box .recharge_box {
  padding-right: 177px;
}
#recharge .sub_page .member_upgrade_box .type_options {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
#recharge .sub_page .member_upgrade_box .type_options .type_btn {
  height: 83px;
  width: 303px;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  background: none;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FE0015;
}
#recharge .sub_page .member_upgrade_box .type_options .type_btn .bold {
  font-size: 28px;
}
#recharge .sub_page .member_upgrade_box .type_options .type_btn p {
  font-weight: bold;
  font-size: 14px;
  background: #FFF5ED;
  border-radius: 16px;
  margin-left: 8px;
  padding: 6px 16px;
}
#recharge .sub_page .member_upgrade_box .type_options .type_btn.active {
  border-color: #3892E8;
}
#recharge .sub_page .member_upgrade_box .type_options .type_btn.active::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 31px;
  height: 27px;
  background: url(../images/member/on.png) no-repeat center center;
}
#recharge .sub_page .member_upgrade_box .method_options {
  display: flex;
  gap: 20px;
}
#recharge .sub_page .member_upgrade_box .method_options .method_btn {
  width: 163px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  border: 1px solid #D6D6D6;
  background: none;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
}
#recharge .sub_page .member_upgrade_box .method_options .method_btn.active {
  border-color: #3892E8;
}
#recharge .sub_page .member_upgrade_box .method_options .method_btn.active::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 31px;
  height: 27px;
  background: url(../images/member/on.png) no-repeat center center;
}
#recharge .sub_page .member_upgrade_box .member_price {
  margin-bottom: 20px;
}
#recharge .sub_page .member_upgrade_box .member_price .price_value {
  color: #FF4D4F;
  font-size: 24px;
  font-weight: bold;
}
#recharge .sub_page .member_upgrade_box .member_price .price_value span {
  font-size: 14px;
  margin-left: 5px;
  color: #333333;
  font-weight: normal;
}
#recharge .sub_page .member_upgrade_box .qr_code {
  text-align: center;
}
#recharge .sub_page .member_upgrade_box .qr_code img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}
#recharge .sub_page .member_upgrade_box .qr_code .qr_text {
  color: #666;
  font-size: 14px;
}
#recharge .sub_page .recharge_explain {
  background: #fff;
  padding: 30px 25px 40px 25px;
}
#recharge .sub_page .recharge_explain .recharge_explain_item {
  margin-bottom: 45px;
}
#recharge .sub_page .recharge_explain .font18 {
  font-size: 18px;
}
#recharge .sub_page .recharge_explain h4 {
  font-weight: bold;
  margin-bottom: 18px;
}
#recharge .sub_page .recharge_explain h4 span {
  margin-left: 15px;
}
#recharge .sub_page .recharge_explain p {
  line-height: 35px;
  color: #2D2D2D;
}