/* =====================账户余额 右边部分 */
.pur-form input,
.pur-form textarea {
  border: 1px solid #D8D8D8;
  border-radius: calc(5*var(--rem));
  height: calc(61*var(--rem));
  width: 100%;
  padding: 0 calc(16*var(--rem));
  color: #333;
  font-size: calc(19*var(--rem));
}
.pur-form input::placeholder,
.pur-form textarea::placeholder {
  font-size: calc(19*var(--rem));
}
.collectsHead {
  width: 1010px;
  height: 58px;
}
.collectsRight {
  height: 58px;
  float: left;
  width: 917px;
  font-size: 14px;
  margin-left: 1px;
  line-height: 78px;
  color: #FF7400;
  border-bottom: 2px solid #D8D8D8;
}
.collectsRight i {
  width: 1px;
  height: 15px;
  background: #D8D8D8;
  float: left;
  margin-top: 33px;
  margin-right: 10px;
}
.memCenterRight {
  margin-left: calc(16*var(--rem));
  width: calc(1235*var(--rem));
}
.memCenterRight .new_tab_box {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: calc(32*var(--rem));
}
.memCenterRight .new_tab_box .new_add_card {
  position: relative;
  margin: calc(48*var(--rem)) auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(170*var(--rem));
  height: calc(64*var(--rem));
  font-size: calc(21*var(--rem));
  color: #fff;
  border-radius: calc(5*var(--rem));
  background-color: #FF5E15;
  cursor: pointer;
}
.memCenterRight .new_tab_box .new_add_card li {
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  font-size: calc(19*var(--rem));
  white-space: nowrap;
  color: #999;
}
.memCenterRight .new_tab_box > div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(32*var(--rem));
  width: calc(577*var(--rem));
  height: calc(197*var(--rem));
  background: rgba(255, 94, 21, 0.08);
  border-radius: calc(5*var(--rem));
  color: #fff;
}
.memCenterRight .new_tab_box > div p {
  font-size: calc(21*var(--rem));
}
.memCenterRight .new_tab_box > div h4 {
  margin: calc(5*var(--rem)) 0;
  font-size: calc(43*var(--rem));
  font-weight: 500;
}
.memCenterRight .new_tab_box > div h4 span {
  font-size: calc(19*var(--rem));
  margin-right: calc(12*var(--rem));
}
.memCenterRight .new_tab_box > div span {
  font-size: calc(19*var(--rem));
}
.memCenterRight .new_tab_box > div .new_btn {
  position: absolute;
  right: calc(32*var(--rem));
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(170*var(--rem));
  height: calc(64*var(--rem));
  font-size: calc(21*var(--rem));
  color: #fff;
  border-radius: calc(5*var(--rem));
  background-color: #FF5E15;
  cursor: pointer;
}
.memCenterRight .new_tab_box .new_balance_box {
  background: url(/project/pc/new_img/account_bg.png) no-repeat;
  background-size: contain;
}
.memCenterRight .new_tab_box .new_back_box {
  color: #333;
}
.memCenterRight .new_tab_box .new_back_box h4 {
  color: #FF5E15;
}
.memCenterRight .new_account_log_box .Wdate {
  margin-left: calc(43*var(--rem));
  height: calc(43*var(--rem));
  border: 1px solid #E6E6E6;
  border-radius: calc(5*var(--rem));
  padding: 0 calc(16*var(--rem));
  font-size: calc(19*var(--rem));
}
.memCenterRight .new_account_log_box .new_search_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(80*var(--rem));
  height: calc(43*var(--rem));
  border-radius: calc(5*var(--rem));
  border: 1px solid #FF5E15;
  margin-left: calc(11*var(--rem));
  background-color: #fff;
  font-size: calc(19*var(--rem));
  color: #FF5E15;
}
.memCenterRight .new_pay_box {
  padding: calc(32*var(--rem));
  height: calc(1300*var(--rem));
  font-size: calc(21*var(--rem));
  color: #333;
}
.memCenterRight .new_pay_box h4 {
  display: flex;
  align-items: center;
  font-size: calc(43*var(--rem));
  font-weight: 500;
  color: #FF5E15;
  margin-top: calc(5*var(--rem));
}
.memCenterRight .new_pay_box h4 span {
  font-size: calc(19*var(--rem));
  margin-right: calc(10*var(--rem));
}
.memCenterRight .new_pay_box .new_input_box {
  display: flex;
  margin-top: calc(32*var(--rem));
}
.memCenterRight .new_pay_box .new_input_box .new_write_money {
  width: calc(577*var(--rem));
  height: calc(61*var(--rem));
  border: 1px solid #E6E6E6;
  border-radius: calc(5*var(--rem));
  margin-top: calc(16*var(--rem));
}
.memCenterRight .new_pay_box .new_input_box .new_write_money input {
  width: 100%;
  height: 100%;
  font-size: calc(19*var(--rem));
  padding: 0 calc(12*var(--rem));
}
.memCenterRight .new_pay_box .new_input_box .new_write_money input::placeholder {
  font-size: calc(19*var(--rem));
}
.memCenterRight .new_pay_box .new_input_box .new_choose_way {
  display: flex;
  align-items: center;
  margin-top: calc(16*var(--rem));
  margin-left: calc(16*var(--rem));
  width: calc(577*var(--rem));
  height: calc(61*var(--rem));
  padding: 0 calc(24*var(--rem));
  border: 1px solid #E6E6E6;
  border-radius: calc(5*var(--rem));
}
.memCenterRight .new_pay_box .new_input_box .new_choose_way label {
  margin-left: calc(11*var(--rem));
}
.memCenterRight .new_pay_box .new_input_box .new_choose_way label.new_long_label {
  width: calc(230*var(--rem));
  border-right: 1px solid #E6E6E6;
  margin-right: calc(24*var(--rem));
}
.memCenterRight .new_pay_box .new_btn_list {
  display: flex;
  margin-top: calc(32*var(--rem));
}
.memCenterRight .new_pay_box .new_btn_list span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(171*var(--rem));
  height: calc(64*var(--rem));
  font-size: calc(21*var(--rem));
  border-radius: calc(5*var(--rem));
  cursor: pointer;
}
.memCenterRight .new_pay_box .new_btn_list span.new_go_list_btn {
  color: #FF5E15;
  border: 1px solid #FF5E15;
  margin-right: calc(16*var(--rem));
}
.memCenterRight .new_pay_box .new_btn_list span.new_confirm_btn {
  background-color: #FF5E15;
  color: #fff;
}
.couponBox {
  margin-top: 40px;
  border: 1px solid #DAF3FF;
  margin-bottom: 50px;
}
.couponStauts a {
  font-size: calc(21*var(--rem));
  color: #666;
  margin-right: calc(32*var(--rem));
  padding-bottom: calc(10*var(--rem));
}
.couponStauts .checkedStatus,
.couponStauts a:hover {
  color: #FF5E15;
  border-bottom: calc(5*var(--rem)) solid #FF5E15;
}
.pur-info {
  width: 100%;
  overflow: hidden;
  margin-top: calc(43*var(--rem));
}
.pur-info-content {
  margin-top: calc(16*var(--rem));
  width: 100%;
  overflow: hidden;
}
.pur-info-content .new_pay_way_box {
  display: flex;
  border: 1px solid #E6E6E6;
  border-radius: calc(5*var(--rem));
  padding: calc(16*var(--rem)) calc(21*var(--rem));
}
.pur-info-content .new_pay_way_box .checkedType {
  display: flex;
  align-items: center;
}
.pur-info-content .new_pay_way_box .checkedType img {
  margin-right: calc(11*var(--rem));
}
.pur-info-content .new_pay_way_box .pay-type-item {
  display: flex;
}
.pur-info-content .new_pay_way_box .pay-type-item > a {
  display: flex;
  align-items: center;
  margin-right: calc(40*var(--rem));
}
.pur-info-content .new_pay_way_box .pay-type-item > a span {
  width: calc(24*var(--rem));
  height: calc(24*var(--rem));
  border: 1px solid #E6E6E6;
  border-radius: 50%;
}
.pur-info-content .new_pay_way_box .pay-type-item > a span.choose {
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #FF5E15;
}
.pur-info-content .new_pay_way_box .pay-type-item > a span.choose::before {
  content: '';
  display: block;
  width: 50%;
  height: 50%;
  background-color: #FF5E15;
  border-radius: 50%;
}
.pur-info-content .new_pay_way_box .pay-type-item > a img {
  width: calc(32*var(--rem));
  height: calc(32*var(--rem));
  margin: 0 calc(11*var(--rem));
}
.pur-info-content .item {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(64*var(--rem));
  padding: 0 calc(32*var(--rem));
}
.pur-info-content .item p {
  margin: 0;
  display: block;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
.pur-info-content .item div {
  margin: 0;
  padding-top: 20px;
}
.pur-info-content .item .list span {
  height: 41px;
  padding: 10px 20px;
  display: inline-block;
}
.pur-info-content .item .list span img {
  vertical-align: middle;
}
.pur-info-content .item p {
  display: flex;
}
.pur-info-content .item p a {
  color: #666;
  font-size: calc(19*var(--rem));
  margin-right: calc(43*var(--rem));
}
.pur-info-content .item p a:nth-of-type(1) {
  width: calc(325*var(--rem));
}
.pur-info-content .item p a:nth-of-type(2) {
  width: calc(100*var(--rem));
}
.pur-info-content .item p a:nth-of-type(3) {
  width: calc(125*var(--rem));
}
.pur-info-content .item p a:nth-of-type(3) i {
  color: #FF5E15;
}
.pur-info-content .item p a:nth-of-type(4) {
  flex: 1;
}
.pur-info-content .item p a i {
  color: #333333;
}
.pur-info-content .item p.reply a,
.pur-info-content .item p.reply a i {
  color: #FF7400;
}
.pur-info-content .item p a.rtime {
  display: block;
  margin-right: 0px;
}
.pur-info-content .item div a.rtime {
  float: right;
  display: block;
}
.tabcon-one {
  display: flex;
  padding: calc(32*var(--rem)) 0 0;
}
.tabcon-one > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(577*var(--rem));
  height: calc(155*var(--rem));
  padding: calc(32*var(--rem));
  background-color: #FF5E15;
  border-radius: calc(11*var(--rem));
}
.tabcon-one .mid {
  padding-left: 60px;
  width: 315px;
}
.tabcon-one .mid a {
  text-align: left;
}
.tabcon-one a {
  display: block;
  font-size: calc(21*var(--rem));
  color: #fff;
}
.tabcon-one a:first-child {
  margin-bottom: calc(5*var(--rem));
}
.tabcon-one a .balance {
  font-size: calc(43*var(--rem));
}
.tabcon-one .left a.bom i {
  padding-right: 3px;
}
.tabcon-one .mid a.top {
  margin-top: 68px;
  font-size: 16px;
}
.tabcon-one .mid a.bom {
  padding-bottom: 5px;
  font-size: 16px;
}
.tabcon-one .mid a.notice {
  font-size: 12px;
  color: #999999;
}
.tabcon-one .right a {
  width: 215px;
  height: 35px;
  margin-left: 70px;
  border-radius: 10px;
  line-height: 35px;
  color: #FFFFFF;
}
.tabcon-one .right a.top {
  margin-top: 60px;
  font-size: 16px;
  background: linear-gradient(0deg, #ff7400 0%, #ff953c 100%);
  background-color: #FF7400;
}
.tabcon-one .right a.top:hover {
  opacity: 0.8;
}
.tabcon-one .right a.bom:hover {
  opacity: 0.8;
}
.tabcon-one .right a.bom {
  margin-top: 20px;
  font-size: 16px;
  background: #3dbb2b;
  background-color: #3dbb2b;
}
.rechargeHeadMoney {
  float: left;
  height: 58px;
  line-height: 78px;
  width: 91px;
  color: #3dbb2b;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  border-bottom: 2px solid #3dbb2b;
}
.pur-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.pur-form .from-col2 {
  width: 49.5%;
}
.pur-form .from-col2 .from-item {
  display: flex;
  flex-direction: column;
}
.clear {
  border: none;
  clear: both;
  width: 100%;
  height: 0px;
  display: block;
}
.from-col1 {
  width: 100%;
  margin-top: 30px;
}
.from-item {
  width: 100%;
  overflow: hidden;
  margin-top: calc(32*var(--rem));
}
.from-item .left {
  font-size: calc(21*var(--rem));
  margin-bottom: calc(16*var(--rem));
}
.from-item .left i.red {
  color: #FF5E15;
  margin-right: calc(5*var(--rem));
}
.from-item .right span {
  font-size: 12px;
  margin-top: -4px;
  color: #999999;
  display: block;
}
.from-item .right span a {
  color: #3dbb2b;
  padding: 0 15px;
}
.from-col1 .from-item .left {
  width: 12.5%;
  float: left;
  margin-left: 2.5%;
}
.from-col1 .from-item .right {
  width: 82.5%;
  float: left;
}
a.subform {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: calc(56*var(--rem)) auto 0;
  font-size: calc(21*var(--rem));
  padding: 0 calc(13*var(--rem));
  width: calc(170*var(--rem));
  height: calc(64*var(--rem));
  color: #fff;
  background-color: #FF5E15;
  border-radius: calc(5*var(--rem));
  cursor: pointer;
}
.from-col1 a.notice {
  margin: 10px auto 0;
  display: block;
  width: 360px;
  margin-bottom: 60px;
  font-size: 12px;
  color: #999999;
}
.tab-withdraw {
  display: none;
}
.tab-recharge {
  padding: calc(32*var(--rem)) 0;
  display: none;
}
.tab-recharge .account {
  display: flex;
  flex-wrap: wrap;
}
.tab-recharge .account a {
  font-size: calc(21*var(--rem));
}
.tab-recharge .account .title {
  width: 100%;
  margin-bottom: calc(11*var(--rem));
}
.tab-recharge .account a.money {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(175*var(--rem));
  height: calc(61*var(--rem));
  border: 1px solid #D8D8D8;
  border-radius: calc(5*var(--rem));
  margin-right: calc(16*var(--rem));
  color: #666;
}
.tab-recharge .account a.money:last-child {
  margin-right: 0;
}
.tab-recharge .account a.input input {
  text-align: center;
  width: 90%;
}
.tab-recharge .account a.active {
  border: 1px solid #FF7400;
  color: #FF7400;
}
.tab-recharge .pay-amount {
  margin-left: 50px;
  margin-top: 20px;
  font-size: 14px;
}
.tab-recharge .pay-amount i {
  color: #FF7400;
}
.tab-recharge .payway .payway-title {
  color: #333333;
  font-size: calc(21*var(--rem));
}
.tab-recharge .payway .payway-con {
  border: none;
  width: 100%;
}
.tab-recharge .payway .payway-con .pay-item {
  border: none;
}
.tab-recharge .payway .payway-con .pay-item p.title {
  display: block;
  font-weight: 100;
  font-size: 14px;
}
.userTitle {
  margin-top: 20px !important;
}
.tab-recharge .payway .payway-con .pay-item p.list a {
  color: #666666;
  text-align: center;
}
.tab-recharge .payway .payway-con .pay-item p.list a img {
  vertical-align: middle;
  margin-right: 5px;
  width: 28px;
  height: 28px;
}
.checkedType {
  background: url('../images/1563431715338.png');
  background-repeat: no-repeat;
}