.balance{min-height:100%;background:#f5f6ff}.balance .balanceNav{background:#fff;height:44px;position:relative}.balance .balanceNav .navLeft{width:24px;height:24px;position:absolute;left:16px;bottom:10px}.balance .balanceNav .navTitle{position:absolute;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:17px;font-weight:700;color:#404247}.balance .content .topCard{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 20px}.balance .content .topCard p{font-size:13px;color:#999;line-height:18px;text-align:center}.balance .content .topCard h1{font-size:32px;color:#333;text-align:center;margin:8px 0 0;line-height:45px;height:45px}.balance .content .topCard .topMid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:32px}.balance .content .topCard .topMid div p{font-size:13px;color:#999}.balance .content .topCard .topMid div span{font-size:18px;font-weight:700;color:#333;margin-top:8px;display:inline-block}.balance .content .topCard .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.balance .content .topCard .btn button{-webkit-box-flex:1;-ms-flex:1;flex:1;height:44px;background:#5853e9;border-radius:22px;border:none;font-size:16px;font-weight:700;color:#fff}.balance .content .topCard .btn button:first-child{background:#fff;color:#5853e9;border:1px solid #5853e9;margin-right:15px}.balance .content .midCard .van-tabs__nav{background-color:#f5f6ff;margin:0 64px}.balance .content .midCard .van-tabs__nav .van-tab{font-size:16px}.balance .content .midCard .van-tabs__nav .van-tab--active{font-weight:700}.balance .content .midCard .cardContent{margin:0 16px}.balance .content .midCard .cardContent .cardContentTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:16px 8px 0}.balance .content .midCard .cardContent .cardContentTop span{display:inline-block;font-size:13px;color:#666;line-height:18px}.balance .content .midCard .cardContent .cardContentTop span img{width:6px;height:6px}.balance .content .midCard .cardContent .cardContentTop span:last-child{margin-left:24px}.balance .content .midCard .cardContent .cardContentTop .active{color:#5853e9}.balance .content .midCard .cardContent .cardContentMid{margin-top:22px}.balance .content .midCard .cardContent .cardContentMid .item{background:#fff;border-radius:8px;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px}.balance .content .midCard .cardContent .cardContentMid .item div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.balance .content .midCard .cardContent .cardContentMid .item .left p{font-size:14px;color:#333;line-height:20px}.balance .content .midCard .cardContent .cardContentMid .item .left span{font-size:13px;color:#999;margin-top:6px}.balance .content .midCard .cardContent .cardContentMid .item .right p{font-size:18px;font-weight:700;color:#333}.balance .content .midCard .cardContent .cardContentMid .item .right .front{color:#5853e9}.balance .loading{text-align:center;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%}.balance .loading img{width:35%;margin-top:65%}.balance .datetimeContent .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:19px 20px}.balance .datetimeContent .title span{font-size:16px;color:#666}.balance .datetimeContent .title p{font-size:18px;color:#333}.balance .datetimeContent .title div{font-size:16px;color:#5853e9}.balance .datetimeContent .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;color:#333;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}.balance .datetimeContent .top div{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;padding:13px 0;position:relative}.balance .datetimeContent .top div span{width:20px;height:4px;background:-webkit-gradient(linear,left top,right top,from(#918bf6),to(#5853e9));background:linear-gradient(90deg,#918bf6,#5853e9);border-radius:2px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:7px}.balance .datetimeContent .top .active,.balance .datetimeContent .van-picker-column__item--selected{color:#5853e9;font-weight:700}.balance .typeContent{padding-bottom:20px}.balance .typeContent .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:19px 20px;border-bottom:1px solid #f5f5f5}.balance .typeContent .title span{font-size:16px;color:#666}.balance .typeContent .title p{font-size:18px;color:#333}.balance .typeContent .title div{font-size:16px;color:#5853e9}.balance .typeContent .content{margin:24px 20px}.balance .typeContent .content .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.balance .typeContent .content .item span{display:block;padding:0 15px;height:36px;line-height:36px;background:#eae9fd;border-radius:18px;text-align:center;font-size:14px;color:#333;margin:12px 6px 0 0}.balance .typeContent .content .item .active{color:#5853e9}.balance .finishedTip>img{width:149px;margin-top:32px}.balance .finishedTip div img{width:149px;height:125px;margin-top:32px}