body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}#root{height:100vh}.text-deep{color:#000000e6}.text-light{color:#0009}.empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty img{width:2.13333rem;margin-bottom:.26667rem}.empty>div{color:#0009;font-size:.42667rem}.item{border-radius:.26667rem;overflow:hidden;box-shadow:0 0 .10667rem #0000001a;margin-bottom:.26667rem}.item .header-date{height:1.06667rem;display:flex;background-color:#f9f9f9;align-items:center;justify-content:space-between;padding:0 .26667rem}.item .header-date div{color:#000000e6}.item .header-date .date{font-weight:bold;font-size:.42667rem}.item .header-date .money>span{margin-left:.53333rem}.item .header-date .money>span img{width:.53333rem;margin-right:.10667rem;vertical-align:-.10667rem}.item :global .za-cell:after{left:0}.item :global .za-cell .za-cell__title{display:flex;align-items:center}.item .item-icon{font-size:.64rem;color:#007fff;vertical-align:-.05333rem;margin-right:.05333rem}.popup-type{height:13.33333rem;background:#f5f5f5;border-top-left-radius:.26667rem;border-top-right-radius:.26667rem;display:flex;flex-direction:column}.popup-type .header{position:sticky;top:0;left:0;z-index:1000;height:1.49333rem;width:100%;text-align:center;font-size:.37333rem;line-height:1.49333rem;color:#000000e6;background-color:#fff}.popup-type .header .cross{position:absolute;right:.26667rem;top:50%;font-size:.53333rem;transform:translateY(-50%);color:#0009}.popup-type .content{padding:.53333rem;flex:1;overflow-y:scroll}.popup-type .content .all{display:inline-block;padding:.32rem .53333rem;font-size:.42667rem;color:#000000e6;background-color:#fff}.popup-type .content .title{color:#000000e6;margin:.26667rem 0;font-size:.37333rem}.popup-type .content .expense-wrap,.popup-type .content .income-wrap{display:flex;justify-content:space-between;flex-wrap:wrap}.popup-type .content .expense-wrap p,.popup-type .content .income-wrap p{width:calc((100% - .53333rem) / 3);text-align:center;padding:.32rem 0;margin-bottom:.26667rem;background-color:#fff;font-size:.42667rem}.popup-type .content .active{background-color:#007fff!important;color:#fff}.add-wrap{width:100%;background:#fff;border-top-left-radius:.26667rem;border-top-right-radius:.26667rem}.add-wrap .header{padding:.26667rem .42667rem .10667rem}.add-wrap .header .close{display:flex;align-items:center;justify-content:flex-end}.add-wrap .filter{padding:.16rem .64rem;display:flex;justify-content:space-between;align-items:center}.add-wrap .filter .type span{display:inline-block;background:#f5f5f5;color:#000001;padding:.10667rem .32rem;font-size:.32rem;border-radius:.64rem;border:.02667rem solid #f5f5f5}.add-wrap .filter .type .expense{margin-right:.26667rem}.add-wrap .filter .type .expense.active{background-color:#eafbf6;border-color:#007fff;color:#007fff}.add-wrap .filter .type .income.active{background-color:#fbf8f0;border-color:#ecbe25;color:#ecbe25}.add-wrap .filter .time{display:flex;justify-content:center;align-items:center;padding:.10667rem .32rem;background-color:#f0f0f0;border-radius:.53333rem;color:#000000e6}.add-wrap .filter .time .arrow{font-size:.32rem;margin-left:.13333rem}.add-wrap .money{padding-bottom:.32rem;border-bottom:.02667rem solid #e9e9e9;margin:.64rem}.add-wrap .money .sufix{font-size:.96rem;font-weight:bold;vertical-align:top}.add-wrap .money .amount{font-size:1.06667rem;padding-left:.26667rem}.add-wrap .type-wrap{display:flex;overflow:auto;margin:0 .64rem .53333rem}.add-wrap .type-wrap *{touch-action:pan-x}.add-wrap .type-wrap .type-body{display:flex;white-space:nowrap}.add-wrap .type-wrap .type-body .type-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.42667rem .32rem .26667rem}.add-wrap .type-wrap .type-body .type-item .iconfont-wrap{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border-radius:50%;width:.8rem;height:.8rem;margin-bottom:.13333rem}.add-wrap .type-wrap .type-body .type-item .iconfont-wrap .iconfont{color:#00000080;font-size:.53333rem}.add-wrap .type-wrap .type-body .type-item .expense.active{background-color:#007fff}.add-wrap .type-wrap .type-body .type-item .expense.active .iconfont{color:#fff}.add-wrap .type-wrap .type-body .type-item .income.active{background-color:#ecbe25}.add-wrap .type-wrap .type-body .type-item .income.active .iconfont{color:#fff}.add-wrap .remark{padding:0 .64rem .32rem;color:#4b67e2}.add-wrap .remark :global .za-input--textarea{border:.02667rem solid #e9e9e9;padding:.26667rem}.home{height:100%;display:flex;flex-direction:column;padding-top:2.13333rem}.home .header{position:fixed;top:0;left:0;z-index:100;height:2.13333rem;width:100%;background-color:#007fff;color:#fff;font-size:.37333rem;padding:.26667rem;display:flex;flex-direction:column;justify-content:space-between}.home .header .data-wrap{font-size:.37333rem}.home .header .data-wrap>span{font-size:.32rem}.home .header .data-wrap>span>b{font-size:.69333rem;font-family:DINCondensed-Bold,DINCondensed;margin-left:.10667rem}.home .header .data-wrap .income{margin-left:.26667rem}.home .header .type-wrap{display:flex;justify-content:flex-end;align-items:flex-end}.home .header .type-wrap>div{align-self:flex-start;background:rgba(0,0,0,.1);border-radius:.8rem;padding:.08rem .21333rem;font-size:.32rem}.home .header .type-wrap .left{margin-right:.16rem}.home .header .type-wrap .arrow{font-size:.32rem;margin-left:.10667rem}.home .content-wrap{height:calc((100% - 1.33333rem));overflow:hidden;overflow-y:scroll;background-color:#f5f5f5;padding:.26667rem}.home .content-wrap .za-pull{overflow:unset}.home .add{position:fixed;bottom:2.66667rem;right:.8rem;z-index:1000;width:1.33333rem;height:1.33333rem;border-radius:50%;box-shadow:0 0 .26667rem #0003;background-color:#fff;display:flex;justify-content:center;align-items:center;border:1PX solid #e9e9e9;color:#007fff}.user{min-height:100%;background-color:#f5f5f5}.user .head{height:4.26667rem;background:url(//s.yezgea02.com/1615971681107/%E4%BD%8D%E5%9B%BE%402x.png) no-repeat;background-size:cover;display:flex;justify-content:space-between;align-items:flex-start;padding:.64rem}.user .head .info{display:flex;flex-direction:column}.user .head .info>span{color:#fff}.user .head .info span:nth-of-type(1){font-size:.42667rem;font-weight:bold;margin-bottom:.16rem;align-self:baseline;background-color:#597fe7;padding:.05333rem .26667rem;border-radius:.53333rem}.user .head .info span:nth-of-type(2){font-size:.37333rem}.user .head .info span:nth-of-type(2) img{width:.8rem;height:.8rem;vertical-align:-.26667rem}.user .head .avatar{width:1.6rem;height:1.6rem;border-radius:.21333rem}.user .content{width:90%;position:absolute;top:3.2rem;left:50%;transform:translate(-50%);box-shadow:.08rem .05333rem .53333rem .26667rem #0000001a;border-radius:.26667rem;overflow:hidden}.user .logout{width:90%;position:absolute;bottom:1.86667rem;left:50%;transform:translate(-50%)}.data{min-height:100%;background-color:#f5f5f5}.data .total{background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:.64rem 0;margin-bottom:.26667rem}.data .total .time{position:relative;width:2.56rem;padding:.16rem;background-color:#f5f5f5;color:#000000e6;border-radius:.10667rem;font-size:.37333rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.42667rem}.data .total .time span:nth-of-type(1):after{content:"";position:absolute;top:.24rem;bottom:.21333rem;right:.74667rem;width:.02667rem;background-color:#00000080}.data .total .time .date{font-size:.42667rem;color:#00000080}.data .total .title{color:#007fff;margin-bottom:.21333rem;font-size:.32rem;font-weight:500}.data .total .expense{font-size:.64rem;color:#007fff;font-weight:600;margin-bottom:.42667rem}.data .total .income{color:#00000080;font-weight:500}.data .structure{padding:0 .42667rem;background-color:#fff;margin-bottom:.26667rem}.data .structure .head{display:flex;justify-content:space-between;align-items:center;padding:.32rem 0}.data .structure .head .title{font-size:.48rem;color:#000000e6}.data .structure .head .tab span{display:inline-block;width:1.06667rem;height:.64rem;background-color:#f5f5f5;text-align:center;line-height:.64rem;margin-left:.26667rem;border-radius:.10667rem}.data .structure .head .tab .expense.active{background-color:#007fff33;color:#007fff}.data .structure .head .tab .income.active{background-color:#ecbe2533;color:#ecbe25}.data .structure .content .item{display:flex;height:1.33333rem;align-items:center}.data .structure .content .item .left{flex:4;display:flex;align-items:center;justify-content:space-between;margin-right:.26667rem}.data .structure .content .item .left .type{display:flex;align-items:center}.data .structure .content .item .left .type span:nth-of-type(1){display:flex;justify-content:center;align-items:center;border-radius:50%;width:.8rem;height:.8rem;margin-right:.26667rem;color:#fff;flex-shrink:0}.data .structure .content .item .left .type .name{width:.8rem}.data .structure .content .item .left .type .expense{background-color:#007fff}.data .structure .content .item .left .type .income{background-color:#ecbe25}.data .structure .content .item .right{flex:8;display:flex;align-items:center}.data .structure .content .item .right .percent{flex:1}.data .structure .content .item .right .percent :global .za-progress__track{background:transparent}.data .structure .content .item .right .momey{width:2.66667rem}.data .structure .proportion{background-color:#fff;padding:.32rem}.data .structure .proportion .head{display:flex;justify-content:space-between;align-items:center;padding:.32rem 0}.data .structure .proportion .head .title{font-size:.48rem;color:#000000e6}.data .structure .proportion .head .tab span{display:inline-block;width:1.06667rem;height:.64rem;background-color:#f5f5f5;text-align:center;line-height:.64rem;margin-left:.26667rem;border-radius:.10667rem}.data .structure .proportion .head .tab .expense.active{background-color:#007fff33;color:#007fff}.data .structure .proportion .head .tab .income.active{background-color:#ecbe2533;color:#ecbe25}.data .structure .proportion #proportion{width:100%;height:10.66667rem}.auth{min-height:100vh;background-image:linear-gradient(217deg,#6fb9f8,#3daaf85e,#49d3fc1a,#3fd3ff00)}.auth .head{height:5.33333rem;background:url(//s.yezgea02.com/1616032174786/cryptocurrency.png) no-repeat center;background-size:120%;border-bottom-left-radius:.32rem;border-bottom-right-radius:.32rem}.auth .head img{width:.90667rem;margin:.4rem 0 0 .4rem}.auth .tab{color:#597fe7;padding:.8rem .64rem .26667rem}.auth .tab>span{margin-right:.26667rem;font-size:.37333rem;font-weight:bold}.auth .tab>span.active{font-size:.53333rem;border-bottom:.05333rem solid #597fe7;padding-bottom:.16rem;animation:all 1s}.auth .form{padding:0 .16rem}.auth .form :global .za-cell{background-color:transparent!important}.auth .form :global .za-cell:after{border-top:none}.auth .operation{padding:.26667rem .64rem 0}.auth .operation .agree{display:flex;align-items:center;margin-bottom:.26667rem}.auth .operation .agree label{margin-left:.26667rem;font-size:.37333rem}.detail{height:100%;display:flex;flex-direction:column;background-color:#f5f5f5;padding:.32rem .64rem 0}.card{border-radius:.32rem;background-color:#fff;padding:0 .32rem;display:flex;flex-direction:column;align-items:center}.card .type{padding:.64rem 0 .32rem}.card .type span:nth-of-type(1){display:inline-block;width:.58667rem;height:.58667rem;color:#fff;border-radius:50%;text-align:center;line-height:.64rem;margin-right:.21333rem}.card .type .expense{background-color:#007fff}.card .type .income{background-color:#ecbe25}.card .type .iconfont{font-size:.42667rem}.card .amount{font-size:.64rem;font-weight:600;margin-bottom:.64rem}.card .info{width:100%;font-size:.37333rem;text-align:left}.card .info .time{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.32rem}.card .info .time span:nth-of-type(1){flex:3;color:#00000080}.card .info .time span:nth-of-type(2){flex:9}.card .info .remark{display:flex;align-items:center;justify-content:flex-start;margin-bottom:.32rem}.card .info .remark span:nth-of-type(1){flex:3;color:#00000080}.card .info .remark span:nth-of-type(2){flex:9;color:#000000e6}.card .operation{width:100%;height:1.33333rem;display:flex;align-items:center;font-size:.42667rem}.card .operation .van-icon{margin-right:.10667rem}.card .operation span{display:flex;align-items:center;justify-content:center;height:100%;flex:1}.card .operation span:nth-of-type(1){color:red}.userinfo{height:100%;margin:0 .26667rem}.userinfo h1{border-bottom:.02667rem solid #e9e9e9;padding-bottom:.26667rem}.userinfo .item{padding:.26667rem;border-bottom:.02667rem solid #e9e9e9;margin-bottom:.53333rem}.userinfo .item .title{font-size:.42667rem;padding:.26667rem}.userinfo .item .avatar{display:flex;margin-bottom:.53333rem;padding:0 .26667rem}.userinfo .item .avatar .avatar-url{width:2.13333rem;height:2.13333rem;flex-shrink:0;border-radius:50%}.userinfo .item .avatar .desc{display:flex;flex-direction:column;justify-content:space-around;margin-left:.26667rem}.userinfo .item .avatar .desc .upload{width:2.66667rem}.userinfo .item .signature{padding:0 .26667rem}.account{padding:0 .32rem}.account .form :global .za-cell:after{left:unset;border-top:unset;border-bottom:1PX solid #e9e9e9}.account .btn{margin-top:1.33333rem}.tab{border-top:.02667rem solid #e9e9e9}