page { background: #fff; } .content{ padding-bottom: 80rpx; } .love_index .content .my_balance { background: #fff; padding: 20rpx 0; } .love_index .content .my_balance .balance_a { line-height: 40rpx; display: flex; justify-content: center; align-items: center; } .van-nav-bar__text { color: #8c8c8c !important; } .van-nav-bar__title { font-size: 15px !important; } .love_index .content .my_balance .balance_a .icon-wealth-b { background: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/member/member_a (1).png') no-repeat center; background-size: 36rpx; width: 36rpx; height: 36rpx; margin-right: 12rpx; } .love_index .content .my_balance .balance_a .icon-wealth-b::before { content: ""; } .love_index .content .my_balance .balance_a text { font-size: 14px; } .love_index .content .my_balance .balance_b { line-height: 120rpx; font-size: 36px; display: flex; justify-content: center; align-items: center; } .love_index .content .my_balance .balance_b small { font-size: 24px; } .love_index .content .my_balance .balance_c { font-size: 14px; color: #8c8c8c; display: flex; justify-content: center; align-items: center; } .love_index .content .list_box:not(:empty), .love_index .content .list_box_b:not(:empty) { background: #fff; padding-left: 28rpx; border-top: solid 2rpx #ebebeb; border-bottom: solid 2rpx #ebebeb; } .love_index .content .list_box .li, .love_index .content .list_box_b .li { border-bottom: solid 2rpx #ebebeb; padding-right: 28rpx; display: flex; align-items: center; line-height: 92rpx; font-size: 16px; position: relative; } .love_index .content .list_box .li .icon-balance_a, .love_index .content .list_box_b .li .icon-balance_a { color: #6cbf6a; } .love_index .content .list_box .li .icon-balance_b, .love_index .content .list_box_b .li .icon-balance_b { color: #fac337; } .love_index .content .list_box .li .icon-balance_c, .love_index .content .list_box_b .li .icon-balance_c { color: #069ce7; } .love_index .content .list_box .li .icon-balance_l, .love_index .content .list_box_b .li .icon-balance_l { color: #ee4343; } .love_index .content .list_box .li .icon-balance_m, .love_index .content .list_box_b .li .icon-balance_m { color: #418be0; } .love_index .content .list_box .li .icon-balance_n, .love_index .content .list_box_b .li .icon-balance_n { color: #ff855c; } .love_index .content .list_box .li .icon-fontclass-xiaofeihongbao, .love_index .content .list_box_b .li .icon-fontclass-xiaofeihongbao { color: #ee4343; margin: 0; } .love_index .content .list_box .li .iconfont, .love_index .content .list_box_b .li .iconfont { font-size: 64rpx; margin-right: 12rpx; } .love_index .content .list_box .li .fa, .love_index .content .list_box_b .li > van-icon { position: absolute; top: 0; right: 28rpx; font-size: 48rpx; color: #ccc; line-height: 92rpx; } /* 御为民-爱心值队列 */ .love_index .content .love-gift-queue { margin-left: 1rem; color: #e31919; line-height: 1; text-align: left; display: flex; align-items: center; } .love_index .content .love-gift-queue view { margin-right: 0.5rem; } .love_index .content .love-gift-queue-line { display: flex; flex-direction: column; line-height: normal; text-align: left; align-items: flex-start; } .love_index .content .list_box .li:last-child, .love_index .content .list_box_b .li:last-child { border: none; } .love_index .content .list_box_b { margin-top: 20rpx; } .love_index .content .explain { width: 100%; position: fixed; display: flex; justify-content: center; align-items: center; bottom: 20rpx; } .love_index .content .explain icon { font-size: 36rpx; color: #658299; margin-right: 12rpx; } .love_index .content .explain text { color: #658299; font-size: 13px; } .love_index button { height: 92rpx; width: 90%; margin: 10rpx 30rpx; } .love_index i { font-size: 140rpx; color: #f15353; } .love_index .my-banlance { margin: 40rpx 0; font-size: 14px; color: #333; line-height: 64rpx; } .love_index .my-banlance text { font-size: 14px; color: #333; margin-top: 20rpx; } .love_index .my-banlance text b { font-size: 28px; } .love_index #djj { margin: 30rpx 0; font-size: 18px; } .love_index #dyj { margin: 30rpx 0; font-size: 18px; color: #f15353; } .love_index #jh { margin-bottom: 160rpx; margin-top: 10rpx; } .love_index #jh #jhst { border-right: 2rpx solid #8c8c8c; padding-right: 30rpx; } .love_index #jh text { padding: 0 30rpx; } .love_index #helps { position: fixed; bottom: 20rpx; left: 0; right: 0; } .love_index #helps a { color: #607d8b; font-size: 12px; } .love_index #helps p { background: #f15353; color: #fff; border-radius: 50%; width: 40rpx; height: 40rpx; line-height: 40rpx; margin: 0 auto; margin-bottom: 0.216rpx; } .love_index .transfer { display: inline-block; height: 92rpx; width: 90%; margin: 10rpx 30rpx; color: #fff; background-color: #13ce66; border-color: #13ce66; border-radius: 4px; } .love_index .transfer text { line-height: 92rpx; } /* 爱心值出售 */ .love_transfer .content { padding-bottom: 160rpx; } .love_transfer .content .transfer_info { background: #fff; padding-left: 28rpx; font-size: 16px; } .love_transfer .content .transfer_info .info_a, .love_transfer .content .transfer_info .info_b { line-height: 92rpx; border-bottom: solid 2rpx #ebebeb; display: flex; justify-content: flex-start; } .love_transfer .content .transfer_info .info_a .span:first-child, .love_transfer .content .transfer_info .info_b .span:first-child { width: 220rpx; display: block; text-align: left; } .love_transfer .content .transfer_info .info_a input, .love_transfer .content .transfer_info .info_b input { border: none; width: 500rpx; } .love_transfer .content .transfer_sum { background: #fff; padding: 20rpx 28rpx; } .love_transfer .content .transfer_sum .span { display: block; font-size: 16px; line-height: 80rpx; text-align: left; } .love_transfer .content .transfer_sum .sum { text-align: left; font-size: 24px; display: flex; align-items: center; } .love_transfer .content .transfer_sum .sum input { margin-left: 12rpx; line-height: 120rpx; height: 120rpx; width: 90%; font-size: 36px; border: none; } .love_transfer .content .transfer_sum .p { border-top: solid 2rpx #ebebeb; line-height: 72rpx; color: #8c8c8c; text-align: left; font-size: 14px; } .love_transfer .content .btn { width: 690rpx; margin: 40rpx auto; height: 92rpx; border-radius: 8rpx; font-size: 16px; color: #fff; background: #f15353; border: none; } .love_transfer button { width: 90%; margin: 40rpx; height: 92rpx; font-size: 16px; } .love_transfer i { font-size: 140rpx; color: #f15353; } .love_transfer .my-banlance { margin: 40rpx 0; font-size: 14px; color: #333; line-height: 60rpx; } .love_transfer .my-banlance .span { font-size: 14px; color: #333; margin-top: 20rpx; } .love_transfer .my-banlance .span b { font-size: 28px; } .love_transfer .notes { color: #8c8c8c; line-height: 36rpx; text-align: center; } .love_transfer .transfer { display: inline-block; height: 92rpx; width: 90%; margin: 32rpx 30rpx; color: #fff; background-color: #13ce66; border-color: #13ce66; border-radius: 4px; } .love_transfer .transfer .span { line-height: 92rpx; } /* 海报 */ .posterMin { width: 100%; height: 100%; } .posterMin image { width: 100%; height: 100%; }