/* pages/member/withdrawal/withdrawal.wxss */ /* .withdrawal { padding-bottom: 160rpx; } .withdrawal .blank { text-align: center; padding: 20rpx; } .withdrawal .tbbox { display: flex; background: #fff; line-height: 80rpx; text-align: center; } .withdrawal .tbbox .libg2 { flex: 2; } .withdrawal .tbbox .libg2 .p { line-height: 32rpx; font-size: 24rpx; } .withdrawal .tbbox .libg { flex: 2; background: #eef1f6; font-weight: bold; } .withdrawal .tbbox .ones { flex: 1; display: flex; align-items: center; justify-content: center; } .withdrawal .userinfo { background-color: #fff; padding: 32rpx 0; margin-top: 20rpx; display: flex; text-align: center; } .withdrawal .userinfo .ul { flex: 33.3%; border-right: solid 2rpx #e2e2e2; } .withdrawal .userinfo .ul .top { margin-bottom: 20rpx; font-size: 34rpx; } .libtn { padding: 10rpx 40rpx; } .withdrawal .bottom_btn { width: 100%; background: #fff; padding: 20rpx 0; position: fixed; bottom: 0; border-top: solid 2rpx #ebebeb; } .withdrawal .bottom_btn .btn { width: 690rpx; margin: 0 auto; height: 92rpx; font-size: 32rpx; color: #fff; background: #f15353; border: none; text-align: center; line-height: 92rpx; border-radius: 64rpx; } */ .withdrawal_box .h2 { background: #fff; line-height: 92rpx; font-size: 32rpx; border-bottom: solid 2rpx #ebebeb; z-index: 10; text-align: center; } .withdrawal_box .h2 .icon-close11 { width: 96rpx; display: inline-block; position: absolute; right: 0; font-size: 32rpx; color: #666; } .withdrawal_box .deduction_value { font-size: 28rpx; margin-left: 40rpx; } .withdrawal_box .recharge_way { background: #fff; } .withdrawal_box .recharge_way .van-radio__input { position: absolute; right: 32rpx; margin-top: 38rpx; } .withdrawal_box .recharge_way .li { position: relative; display: flex; align-items: center; line-height: 112rpx; font-size: 32rpx; margin-left: 40rpx; padding-right: 40rpx; } .withdrawal_box .recharge_way .li .iconfont { font-size: 64rpx; margin-right: 20rpx; } .withdrawal_box .recharge_way .li .iconfont_bg { background: #f15353; width: 72rpx; height: 48rpx; border-radius: 6rpx; display: flex; align-items: center; margin-right: 20rpx; } .withdrawal_box .recharge_way .li .icon-balance_d { color: #00908c; } .withdrawal_box .recharge_way .li .icon-balance_e { color: #64b42e; } .withdrawal_box .recharge_way .li .icon-balance_f { color: #fac337; } .withdrawal_box .recharge_way .li .icon-balance_g { color: #00508e; } .withdrawal_box .recharge_way .li .icon-balance_h { color: #fac337; } .withdrawal_box .recharge_way .li .icon-balance_i { color: #64b42e; } .withdrawal_box .recharge_way .li .icon-balance_j { color: #069ce7; } .withdrawal_box .recharge_way .li .icon-balance_z { background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/pay_e.png"); } .withdrawal_box .btn { width: 690rpx; margin: 40rpx auto; height: 92rpx; font-size: 32rpx; color: #fff; background: #f15353; border: none; text-align: center; line-height: 92rpx; border-radius: 64rpx; } #withdrawal { padding-bottom: 150rpx; box-sizing: border-box; } #withdrawal .confirm { width: 750.08rpx; height: 150rpx; background-color: #fff; box-shadow: 0rpx -3.84rpx 8.96rpx 0rpx rgba(205, 205, 205, 0.4); position: fixed; bottom: 0; display: flex; justify-content: space-between; padding: 0 30.08rpx; align-items: center; box-sizing: border-box; } #withdrawal .confirm .confirm_conten { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-left: 16.96rpx; } #withdrawal .confirm .confirm_conten .total { font-size: 32rpx; color: #f96d20; display: flex; align-items: center; } #withdrawal .confirm .confirm_conten .total .no { font-size: 24rpx; } #withdrawal .confirm .confirm_conten .btxt { font-size: 22.08rpx; color: #747474; display: flex; align-items: center; } .balance_special { margin-left: 10rpx; } #withdrawal .confirm .confirmBtn { width: 180.16rpx; height: 80rpx; background-color: #f96d20; border-radius: 40rpx; font-size: 30.08rpx; color: #fff; text-align: center; line-height: 80rpx; margin-left: 10rpx; } .navTop { height: 40px; } #withdrawal .mtypeList .mtlis { /*display: flex;*/ /*align-items: center;*/ padding-left: 32rpx; padding-right: 30.08rpx; min-height: 120rpx; background: #fff; width: calc(100% - 32rpx - 30.08rpx); display: inline-flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; } #withdrawal .mtypeList .mtlis .mtlis-content{ width: 100%; display: flex; align-items: center; } #withdrawal .mtypeList .mtlis .mtlis-tips{ font-size: 22.08rpx; color: #858585; } #withdrawal .mtypeList .mtlis .mtlis_left { height: 100%; flex: 1; display: flex; align-items: center; flex-direction: column; align-items: flex-start; justify-content: center; } #withdrawal .mtypeList .mtlis .mtlis_left .mtlis_left_bottom { font-size: 22.08rpx; color: #858585; margin-top: 16.96rpx; } #withdrawal .mtypeList .mtlis .mtlis_conten { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-right: 44.16rpx; } #withdrawal .mtypeList .mtlis .mtlis_conten .price { font-size: 30.08rpx; color: #f96d20; display: flex; } #withdrawal .mtypeList .mtlis .mtlis_conten .price .no { font-size: 24rpx; } #withdrawal .mtypeList .mtlis .mtlis_conten .poundagetype { color: #a3a3a3; font-size: 24rpx; margin-top: 10rpx; display: flex; align-items: center; } #withdrawal .mtype { display: flex; align-items: center; height: 86.08rpx; justify-content: space-between; padding: 0 30.08rpx; box-sizing: border-box; } #withdrawal .mtype .mtype_left { font-size: 32rpx; color: #f96d20; } #withdrawal .mtype .mtype_right { width: 100.16rpx; height: 46.08rpx; background-color: #f96d20; border-radius: 6.08rpx; font-size: 24rpx; line-height: 46.08rpx; display: flex; justify-content: center; color: #fff; position: relative; } #withdrawal .withdrawal_complete { padding: 29.12rpx 29.12rpx 34.88rpx 31.04rpx; box-sizing: border-box; background: #fff; } #withdrawal .withdrawal_complete .elementsin { width: 689.92rpx; min-height: 289.92rpx; background-image: linear-gradient(-50deg, #f96d20 0%, #fcab4f 100%); box-shadow: 0rpx 9.92rpx 15.04rpx 0rpx rgba(250, 128, 46, 0.2); border-radius: 24rpx; display: flex; flex-direction: column; } #withdrawal .withdrawal_complete .elementsin .elementsin_bottom { min-height: 93.12rpx; display: flex; align-items: center; justify-content: space-between; padding: 5rpx 32rpx; background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; color: #fff; } #withdrawal .withdrawal_complete .elementsin .elementsin_bottom .iconfont { font-size: 41.6rpx; } #withdrawal .withdrawal_complete .elementsin .elementsin_bottom .elementsin_bottom_text { flex: 1; display: flex; flex-direction: column; margin-left: 16.96rpx; } #withdrawal .withdrawal_complete .elementsin .elementsin_bottom .elementsin_bottom_text .elementsin_bottom_text_top { font-size: 28.16rpx; } #withdrawal .withdrawal_complete .elementsin .elementsin_bottom .elementsin_bottom_text .span { text-align: left; font-size: 24rpx; } #withdrawal .withdrawal_complete .elementsin .elementsin_top { flex: 1; padding-top: 45.12rpx; padding-left: 72rpx; display: flex; flex-direction: column; } #withdrawal .withdrawal_complete .elementsin .elementsin_top .elementsin_top_txt { font-size: 25.92rpx; color: #fff; text-align: left; } #withdrawal .withdrawal_complete .elementsin .elementsin_top .elementsin_top_money { display: flex; font-size: 54.08rpx; color: #fff; } #withdrawal .withdrawal_complete .elementsin .elementsin_top .elementsin_top_money .amount_type { line-height: 86.4rpx; font-size: 30.08rpx; } /* 弹窗 */ .withdrawal_box_no .h2 { background: #fff; line-height: 92rpx; font-size: 18px; text-align: center; position: sticky; top: 0; left: 0; z-index: 1; } .withdrawal_box_no .h2 .icon-close11 { width: 96rpx; display: inline-block; position: absolute; right: 0; font-size: 32rpx; color: #666; } .withdrawal_box_listBox { padding-bottom: 90rpx; } .withdrawal_box_no .withdrawal_box_list { display: flex; justify-content: space-between; align-items: center; padding: 32rpx 31.04rpx 32rpx 36.16rpx; box-sizing: border-box; } .withdrawal_box_no .withdrawal_box_list .iconfont { color: #f96d20; font-size: 48rpx; } .withdrawal_box_no .withdrawal_box_list .withdrawal_box_list_wrap { flex: 1; margin-left: 24rpx; display: flex; flex-direction: column; align-items: flex-start; font-size: 25.92rpx; } .withdrawal_box_no .withdrawal_box_list .withdrawal_box_list_wrap .txt { font-size: 30.08rpx; font-weight: 600; } .withdrawal_box_no .withdrawal_box_list .withdrawal_box_list_wrap .txtTwo { margin-top: 22rpx; } .withdrawal_box_no .withdrawal_box_list .withdrawal_box_list_wrap .userTxt { display: flex; align-items: center; } .withdrawal_box_no .withdrawal_box_list .withdrawal_box_list_wrap .modify { margin-left: 29.12rpx; color: #ee3131; } .withdrawal_box_no .withdrawal_box_list .withdrawal_box_list_check { position: relative; } .bandBox .bandSave { width: 640rpx; height: 80rpx; background-color: #f96d20; border-radius: 40rpx; font-size: 30.08rpx; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 64rpx; } .bandBox .rule { display: flex; align-items: center; padding: 0 30.08rpx; margin-bottom: 44.16rpx; } .bandBox .rule .ruleLeftDist { display: flex; align-items: center; font-size: 30.08rpx; } .bandBox .rule .rightDist { height: 0.6875rem; flex: 1; display: flex; justify-content: flex-end; font-size: 30.08rpx; align-items: center; } .bandBox .rule .rightDist span { margin-right: 12.48rpx; } .bandBox .rule .rightDist i { margin-top: 0.0938rem; } .bandBox .rule .ruleRighe { flex: 1; } .bandBox .rule .ruleRighe ::-webkit-input-placeholder { /* placeholder字体大小 */ font-size: 30.08rpx; } .bandBox .rule .ruleRighe .van-cell { padding-top: 0; padding-bottom: 0; } .bandBox .rule .ruleLeft { display: flex; align-items: center; font-size: 30.08rpx; margin-top: -0.1563rem; } .bandBox .h2 { margin-bottom: 64rpx; background: #fff; line-height: 92rpx; text-align: center; font-size: 18px; position: sticky; top: 0; left: 0; z-index: 1; } .bandBox .h2 .icon-close11 { width: 96rpx; display: inline-block; position: absolute; right: 0; font-size: 32rpx; color: #666; } .posbox { position: fixed; right: 9.92rpx; top: 75rpx; z-index: 99999; transition: 1s; } .showPosBox { animation: ident 1s; } @keyframes ident { 0% { opacity: 0; } 50% { opacity: 0.75; } 100% { opacity: 1; } } .toastBox { /* width: 180.16rpx; */ height: 206.08rpx; background: #fff; box-shadow: 0rpx 1.92rpx 9.92rpx 0rpx rgba(158, 158, 158, 0.4); position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15rpx 30rpx; } .toastBox .txt { margin: 12.16rpx 0; color: #3d3d3d; } .toastBox::after { content: ""; width: 0; height: 0; position: absolute; left: 43%; top: -10rpx; border-right: solid 0.375rem transparent; border-left: solid 0.375rem transparent; /* 黑色大三角形 */ border-bottom: solid 0.375rem #fff; z-index: 99999; } .toastBox::before { content: ""; width: 0; height: 0; position: absolute; left: 45%; top: -10rpx; border-right: solid 0.3125rem transparent; border-left: solid 0.3125rem transparent; /* 黑色大三角形 */ border-bottom: solid 0.3125rem #9e9e9e; z-index: 99999; } .cardBankpass { display: flex; align-items: center; } /* 客服 */ /* kefu */ .icon-close11 { font-size: 18px; } .pop-content { border-radius: 38rpx; text-align: center; background: #fff; padding: 35rpx 0; position: relative; justify-content: center; display: flex; flex-direction: column; align-items: center; width: 650rpx; } .pop-content .pop-top { display: flex; justify-content: space-between; width: 100%; /* flex-wrap: wrap; */ } .pop-content .pop-top .left { flex: 1; display: flex; justify-content: center; position: relative; margin-bottom: 24rpx; } .pop-content .pop-top .left .wrap { display: flex; flex-direction: column; align-items: center; } .pop-content .pop-top .left .wrap .image { width: 84rpx; height: 84rpx; margin: 0 auto; margin-bottom: 16rpx; } .pop-content .pop-top .left .wrap .image image { width: 100%; height: 100%; } .pop-content .pop-top .right { flex: 1; display: flex; justify-content: center; margin-bottom: 24rpx; } .pop-content .pop-top .right .wrap { display: flex; flex-direction: column; align-items: center; } .pop-content .pop-top .right .wrap .image { width: 84rpx; height: 84rpx; margin: 0 auto; margin-bottom: 16rpx; } .pop-content .pop-top .right .wrap icon { width: 84rpx; height: 84rpx; margin: 0 auto; margin-bottom: 16rpx; border-radius: 50%; overflow: hidden; font-size: 50rpx; background-color: #02c777; color: #fff; } .pop-content .pop-top .right .wrap .color2 { background: #ff9329; } .pop-content .pop-top .right .wrap .color3 { background: #2aa7fb; } .pop-content .pop-top .right .wrap .image image { width: 100%; height: 100%; } .pop-content .line { width: 1px; height: 51rpx; background-color: #999; } .pop-bottom { margin-top: 32rpx; width: 327rpx; display: flex; justify-content: center; height: 327rpx; } .pop-bottom .image { width: 100%; height: 100%; } .pop-bottom .image image { width: 100%; height: 100%; } .kefuxiaoxi { position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; } .msgbox { line-height: 40rpx; box-sizing: border-box; padding: 20rpx; } .freightPricing { background: #fff; margin-top: 20rpx; text-align: left; padding: 0 24rpx; } .freightPricing .title, .freightPricing .freightPricing_btn { height: 76rpx; line-height: 70rpx; color: #000; font-size: 28rpx; } .freightPricing .freightPricing_main { overflow: hidden; line-height: 40rpx; transition: height 0.6s; font-size: 24rpx; } .freightPricing_main.fold { height: 80rpx; } .freightPricing_main.unfold { height: auto; } .freightPricing .freightPricing_btn { text-align: center; color: #666; line-height: 96rpx; } .freightPricing .rotate_box { display: inline-block; } .freightPricing .freightPricing_btn.fold .rotate_box { transform: rotate(0deg); } .freightPricing .freightPricing_btn.unfold .rotate_box { transform: rotate(180deg); } .share_text { margin-left: 4px !important; font-size: 24rpx; color: #9b9b9b; padding: 0; border: none; } /* ------------------ */ .ruleRightContent{ width: calc(100% - (var(--cell-horizontal-padding,16px) * 2)); display: inline-flex!important; flex-direction: row; flex-wrap: wrap; padding: 0 var(--cell-horizontal-padding,16px); } .ruleRightContent .ruleRightContentRadio:not(:first-child){ margin-left: var(--cell-horizontal-padding,16px); } .status-tips{ width: 100%; text-align: center; height: 50rpx; line-height: 50rpx; font-size: 28rpx; color: #eb6f6f; }