.none[data-v-31e99342]{margin:.36rem 0;border-radius:.24rem;padding:.36rem 0}.none .none-img[data-v-31e99342]{width:2.14rem;margin:0 auto .25rem}.none p[data-v-31e99342]{color:rgba(0,0,0,.5);font-size:.24rem}.none.dark p[data-v-31e99342],.none.fashion p[data-v-31e99342]{color:#fff}.van-popup-box{height:60vh}.bottom-popup-header{height:.93rem;padding:0 .24rem;border-bottom:.02rem solid hsla(0,0%,60%,.2);width:100%}.bottom-popup-bottom{height:1.46rem;border-top:1px solid hsla(0,0%,60%,.2);padding:.24rem}.bottom-popup-bottom .button-item{height:.98rem;border-radius:.49rem;border:1px solid hsla(0,0%,60%,.2);color:#333;font-size:.36rem;width:3.39rem}.bottom-popup-bottom .button-item.active{background:#2488ff;color:#fff;border:1px solid #2488ff}.bottom-popup-bottom.dark .button-item{border:2px solid #2488ff;color:#2488ff}.bottom-popup-bottom.dark .button-item.active{background:#2488ff;color:#fff;border:1px solid #2488ff}.appid-list{width:100%;padding:.48rem 0;overflow-y:auto}.appid-list .appid-item{height:1.8rem;display:flex;align-items:center;justify-content:center;flex-direction:column;width:calc(33% - .24rem);margin:0 .12rem;position:relative}.appid-list .appid-item .iconfont{position:absolute;right:.12rem;top:.12rem;color:#00c104;font-size:.4rem}.appid-list .appid-item img{width:.72rem;height:.72rem}.appid-list .appid-item p{font-size:.24rem;color:#000;margin-top:.12rem;text-align:center}.appid-list .appid-item.active{border:1px solid #2488ff;border-radius:.24rem;background:rgba(36,136,255,.1)}.pay-record{background:#f5f5f5;width:100%;overflow:hidden;height:100vh}.pay-record .pay-record-filter{padding:.12rem .24rem .24rem;background:#fff;width:100%}.pay-record .pay-record-filter input{height:.64rem;background:rgba(0,0,0,.04);border-radius:.08rem;padding:0 .2rem;width:100%}.pay-record .pay-record-filter .filter-box{margin-top:.36rem;font-size:.3rem}.pay-record .pay-record-filter .filter-box .filter-box-item{background:#f5f5f5;border-radius:.4rem;height:.74rem;padding:0 .24rem;font-size:.3rem;margin-right:.24rem;color:#333}.pay-record .pay-record-filter .filter-box .filter-box-item.active{background:#2488ff;color:#fff}.pay-record .pay-record-filter .filter-box .iconfont{color:#ccc;margin-left:.14rem;font-size:.4rem}.pay-record .pay-record-filter.dark{background:#262626;color:#fff}.pay-record .pay-record-filter.dark input{color:#fff;background:hsla(0,0%,60%,.2)}.pay-record .pay-record-filter.dark .filter-box .filter-box-item{background:#333;color:#fff}.pay-record .pay-record-filter.dark .filter-box .filter-box-item.active{background:#2488ff;color:#fff}.pay-record .pay-record-list{padding:0 .36rem;margin-top:.36rem;width:100%;overflow-y:auto}.pay-record .pay-record-list .pay-record-list-box{border-radius:.24rem;overflow:hidden;background:#fff}.pay-record .pay-record-list .pay-record-list-box .pay-record-date-total{padding:.36rem;border-bottom:1px solid hsla(0,0%,60%,.2);font-size:.3rem;color:#000}.pay-record .pay-record-list .pay-record-list-box.dark{background:#262626}.pay-record .pay-record-list .pay-record-list-box.dark .pay-record-date-total{color:#fff}.pay-record .pay-record-list .pay-record-item{background:#fff;border-bottom:1px solid hsla(0,0%,60%,.2);display:flex;justify-content:space-between;align-items:flex-start;padding:.36rem;overflow:hidden}.pay-record .pay-record-list .pay-record-item:last-child{border-bottom:0}.pay-record .pay-record-list .pay-record-item img{width:.48rem;margin-right:.24rem}.pay-record .pay-record-list .pay-record-item.dark{background:rgba(0,0,0,.3);color:#fff}