:root{--page-backgorund:#172026;--text-color:#fff;--appbar-color:#1e272e;--green:#30a44b;--red:#f64d4d;--grey:#828282;--yellow:#ffa726;--box-background:#0f171d;--line-grey:#545454;--line-grey1:#161f27}body,html{background-color:var(--page-backgorund)!important;color:var(--text-color)!important}body,html,li,ul{padding:0;margin:0}li,ul{list-style:none}button{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}a{text-decoration:none}input{font-size:16px!important}input,textarea{color:var(--text-color)}input.input{font-size:16px}input[type=checkbox],input[type=radio]{margin:0;padding:0}.over_ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clearfix{zoom:1}.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}.clearfix:after{clear:both}.none{display:none!important}.bold{font-weight:700!important}.min_text{font-size:12px}.yellow_text{color:var(--yellow)!important}.red_text{color:var(--red)!important}.green_text{color:var(--green)!important}.grey_text{color:var(--grey)!important}.app{display:flex;flex-direction:column;overflow:hidden;height:100vh}.app>.app_bar{height:60px;background-color:var(--appbar-color);display:flex;align-items:center;justify-content:space-between;position:relative}.app>.app_bar>.title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:70%;font-size:18px}.app>.app_bar>.action,.app>.app_bar>.back{min-height:60px;min-width:60px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 15px}.app>.body{flex:1 1;overflow:auto}.app>.footer{padding:15px}.tabs_ul{display:flex;margin:15px;background-color:var(--box-background);border-radius:10px;font-size:14px}.tabs_ul li{flex:1 1;text-align:center;margin:5px;height:35px;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:all .3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tabs_ul li.active{background-color:var(--yellow);font-weight:700}.search_box{display:flex;align-items:center;height:45px;margin:15px;border:1px solid var(--line-grey);border-radius:10px;overflow:hidden;transition:all .3s}.search_box .input{flex:1 1}.search_box .input input{border:0;width:100%;margin:0;padding:0 20px;height:45px;background-color:transparent;outline:none}.search_box .btn{display:flex;align-items:center;height:45px;padding:0 20px;background-color:var(--line-grey);font-size:14px;transition:all .3s}.search_box.green{border-color:var(--green)}.search_box.green .btn{background-color:var(--green)}.block_box,.top_box{background-color:var(--box-background);margin:15px;border-radius:20px}.top_box>.title{padding:10px;margin-bottom:0;text-align:center;font-weight:700;color:var(--yellow);border-bottom:1px solid var(--line-grey)}.top_list li{padding:10px;display:flex;align-items:center;font-size:14px;border:1px solid var(--line-grey1)}.top_list li .icon{width:20px;height:35px;position:relative;margin-right:10px}.top_list li .icon img{object-fit:contain}.top_list li .icon .num{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:13px}.top_list li .avatar{position:relative;width:35px;height:35px;border-radius:20px;overflow:hidden}.top_list li .avatar img{object-fit:cover;object-position:center}.top_list li .info{flex:1 1;padding:0 10px;font-size:12px}.top_list li .info .num{font-size:14px;font-weight:700;color:var(--green)}.top_list li .income{font-size:12px}.top_list li .income .item{display:flex;align-items:center;justify-content:center}.top_list li .income .item .text{margin-right:5px;color:var(--grey)}.top_list li .income .item .amount{font-weight:700;color:var(--yellow);font-size:14px}.balance_box{display:flex;justify-content:center;text-align:center;padding:20px 15px;font-size:14px}.balance_box li{flex:1 1}.balance_box li .amount{color:var(--yellow);font-size:30px}.history_box{font-size:14px;overflow:hidden}.history_box>.title{display:flex;align-items:center;height:50px;border-bottom:1px solid var(--line-grey)}.history_box>.title .text{flex:1 1;padding-left:15px;font-weight:700}.history_box>.title .more{height:100%;display:flex;align-items:center;justify-content:center;padding:0 15px}.history_box>.list{padding:0 15px}.history_box>.list li{padding:10px 0;border-bottom:1px solid var(--line-grey1)}.history_box>.list li .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.history_box>.list li .item .title{flex:1 1;padding-right:10px}.history_box>.list li .item .text{word-break:break-all;text-align:right}.history_box>.list li .item:last-child{margin-bottom:0}.history_box>.list li:last-child{border-bottom:0}.form_box{padding:15px}.form_box .item{margin-bottom:15px}.form_box .item .title{margin-bottom:5px}.form_box .item .input{position:relative}.form_box .item .input input{border:0;outline:0;height:40px;padding:0;margin:0;width:100%;border-bottom:1px solid var(--line-grey);background:transparent}.form_box .item .input .send{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;padding:0 15px;color:var(--yellow)}.form_box .item .choose_photo>li{float:left;width:100px;height:100px;position:relative;border:1px solid var(--line-grey);color:var(--grey);border-radius:5px;display:flex;align-items:center;justify-content:center;margin-right:10px;margin-bottom:10px}.form_box .item .choose_photo>li img{object-fit:cover;border-radius:5px}.form_box .item .choose_photo>li .close{top:-10px;right:-10px;position:absolute;z-index:1;width:24px;height:24px;background-color:red;color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.form_box .item .choose_photo>li.add{cursor:pointer}.form_box .item .tip{margin-top:5px;font-size:12px}.detail_box{font-size:14px;padding:7px 15px}.detail_box .item{padding:5px 0;display:flex;align-items:center}.detail_box .item .title{color:var(--grey)}.detail_box .item .text{flex:1 1;text-align:right}.edit_num_box{overflow:hidden}.edit_num_box,.edit_num_box .edit{display:flex;align-items:center;height:40px}.edit_num_box .edit{justify-content:center;width:40px;background-color:var(--box-background);border-radius:5px}.edit_num_box .edit.disabled{color:var(--grey)}.edit_num_box .input{padding:0 5px;flex:1 1}.edit_num_box .input input{width:100%;height:40px;padding:0;margin:0;border:0;outline:none;background-color:var(--box-background);text-align:center;border-radius:5px}.buy_box{font-size:14px}.buy_box .tip_item{display:flex;justify-content:flex-end;margin-bottom:15px}.buy_box .tip_item .tip{width:170px;margin-top:5px;font-size:12px}.buy_box .item{display:flex;align-items:center;margin-bottom:15px}.buy_box .item .title{color:var(--grey);padding-right:5px}.buy_box .item>.input{display:flex;justify-content:flex-end;flex:1 1}.buy_box .item>.input input{width:170px;height:40px;margin:0;border:0;outline:none;background-color:var(--box-background);border-radius:5px;padding:0 10px}.buy_box .item>.select{display:flex;justify-content:flex-end;flex:1 1}.buy_box .item>.select select{width:170px;height:40px;margin:0;border:0;outline:none;background-color:var(--box-background);border-radius:5px;padding:0 10px}.buy_box .item>.edit{flex:1 1;display:flex;justify-content:flex-end}.buy_box .item>.edit .edit_num_box{width:170px}.page_state{color:var(--grey);display:flex;align-items:center;justify-content:center;padding:10px 0;font-size:12px}.page_state .text{margin-left:5px}