:root{--main-color:#00b4aa}.custom-icon,.tabbar-active,.van-button--plain.van-button--info{color:var(--main-color)}.van-button--info,.van-grid-item__content,.van-nav-bar,.van-tabs__line,.van-tabs__nav--card,.van-tabs__wrap{background-color:var(--main-color)}.van-hairline--bottom:after{border-bottom-width:0}[class*=van-hairline]:after{border-color:#ffc}.van-tabs__wrap{padding:4px 0}.van-tabs__nav--card{border-color:#333;color:#333}.van-tabs__nav--card .van-tab.van-tab--active{background-color:#333}.van-tabs__nav--card .van-tab{color:#333;border-right-color:#333}.van-button--info{color:#333;border-color:var(--main-color)}.van-button--plain{background-color:#fff;border-color:var(--main-color)}.van-nav-bar .van-icon,.van-nav-bar__text{color:#333}.custom-icon.van-icon-add-o{color:#9c9}.van-grid-item__icon+.van-grid-item__text{color:#ffc;font-size:14px}.van-grid-item__icon{color:#ffc}.main-color-1{color:var(--main-color)}.main-color-2{color:#ffc}.main-color-3{color:#9c9}.van-tabbar-item .grfont-wuuiconxiangjifangda{font-size:36px;color:var(--main-color)}.bottom-line{position:relative}.bottom-line:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;width:100%;display:block;border-bottom:1px solid #ffc;transform:scaleY(.5)}.circle{border-width:1px;border-style:solid;border-color:var(--main-color);color:var(--main-color);border-radius:50%;width:32px;height:32px;text-align:center;margin-bottom:4px}.circle-not-active,.circle-not-active>.circle{border-color:#ccc!important;color:#ccc!important}.circle-active,.circle-active>.circle{border-color:var(--main-color)!important;color:var(--main-color)!important}.selectTypePopup-tab{width:20%;text-align:center;height:30px;line-height:30px;font-size:16px}.selectTypePopup-active{border-bottom:2px solid var(--main-color)}.van-icon-add-o{color:#0ff}.van-icon-close{color:red}#smallType li>span{font-size:18px;margin-right:.5em}.custom-icon{margin-right:.5em}.flex-group{flex-wrap:nowrap}.flex,.flex-group{width:100%;display:flex;flex-direction:row}.flex,.flex-column{flex-wrap:wrap}.flex-column{width:100%;display:flex;flex-direction:column}.content-start{justify-content:flex-start}.content-around{justify-content:space-around}.content-end{justify-content:flex-end}.content-center{justify-content:center}.content-between{justify-content:space-between}.flex-center{justify-content:center}.flex-center,.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.flex-auto:after{content:"";flex:auto}.popup-list-item{display:flex;justify-content:center;width:40%;border:1px solid #999;border-radius:4px;box-sizing:border-box;margin:8px auto;color:#999}.popup-list-item.circle{width:40px;height:40px;border-radius:50%;line-height:40px}.account-book-time{width:100%;box-sizing:border-box;border-bottom:1px solid #c8c9cc;color:#c8c9cc;font-size:10px;padding:6px 4px;margin:4px auto}.account-book-time>div{width:50%}.account-book-detail{width:100%;box-sizing:border-box}.account-book-detail>div{box-sizing:border-box;height:42px;font-size:12px}.account-book-detail-type{width:20%;font-size:10px}.account-book-detail-type .circle{border-radius:50%;height:36px;width:36px}.account-book-detail-name{width:60%;line-height:40px}.account-book-detail-money{width:20%;text-align:right;line-height:40px;font-size:16px;padding-right:16px}.tab-3-list{padding-top:.5em}.tab-3-list-item{width:20%;box-sizing:border-box;margin:4px auto;color:#999;font-size:12px;height:60px}.tab-3-list-item .circle{border:1px solid #999;border-radius:50%;width:32px;height:32px;text-align:center;margin-bottom:4px}.keyboard-input-money{width:40%}.keyboard-list-item{width:25%;height:48px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;box-sizing:border-box;font-size:24px}.pay-budget-list-head{color:#c8c9cc;font-size:10px;height:24px;line-height:24px;text-align:center}.pay-budget-list-line{color:#333;height:28px;line-height:28px;font-size:12px;text-align:center}.pay-budget-list>div{width:22.5%}.pay-budget-list>div:last-child{width:10%}.my-bill-list>div{width:18%}.my-bill-list>div:first-child{width:10%}.my-bill-list-head{color:#c8c9cc;font-size:10px;height:24px;line-height:24px;text-align:center}.my-bill-list-line{color:#333;height:28px;line-height:28px;font-size:12px;text-align:center}.circle-header{font-size:14px;color:#999;padding:16px;box-sizing:border-box}.circle-header-data{text-align:right}.circle-header-data .van-cell{padding:0}.pay-detail-list-head{font-size:14px;padding:16px;font-weight:700;box-sizing:border-box}.pay-detail-list-item{font-size:12px}.pay-detail-list-item .circle{width:42px;height:42px;border:1px solid #ccc;color:#ccc}.fixed-bottom{margin-top:.5em}.van-overlay{background-color:rgba(0,0,0,.1)}.my-page-top-grid{box-sizing:border-box;height:100%;padding:16px 8px;font-size:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ffc}.my-page-top-grid span:first-child{font-size:16 px;margin-bottom:10px}