.flowdatabox{box-sizing:border-box;margin:20px auto 70px}.flowdatabox .page_title{font-weight:600;font-size:32px;color:#0d111c;line-height:32px;margin-bottom:30px}.flowdatabox .flowred{font-size:18px;color:#f43c52}.flowdatabox .flowgreen{font-size:18px;color:#09c274}.flowdatabox .flowtitle{font-weight:bold;font-size:20px;color:#0d111c}.flowdatabox .select_box{display:flex;align-items:center;height:28px;background:#f2f3f5;border-radius:6px 6px 6px 6px;padding:0 3px;margin-bottom:18px}.flowdatabox .select_box .select_item{padding:0 10px;height:26px;line-height:26px;text-align:center;border-radius:4px;font-size:12px;color:#7c8597;cursor:pointer}.flowdatabox .select_box .select_active{background:#ffffff;color:#0d111c;font-weight:bold}.flowdatabox .pie{width:527px;height:285px}.flowdatabox .trades_flow_box{width:528px;height:245px;background:#f8fafd;border-radius:8px;display:flex;align-items:center}.flowdatabox .trades_flow_box .flow_label{width:60px;font-weight:400;font-size:15px;color:#576278}.flowdatabox .trades_flow_box .flow_label div{margin-bottom:10px;text-align:center;font-size:15px;color:#576278}.flowdatabox .trades_flow_box .flow_label div:last-child{margin-bottom:0}.flowdatabox .trades_flow_box .flow_out{flex:1}.flowdatabox .trades_flow_box .flow_out .flow_title{font-size:18px;color:#0d111c;margin-bottom:20px;text-align:right}.flowdatabox .trades_flow_box .flow_out .flow_list{display:flex;flex-direction:column;align-items:flex-end}.flowdatabox .trades_flow_box .flow_out .flow_item{font-size:15px;color:#0d111c;margin-bottom:20px}.flowdatabox .trades_flow_box .flow_out .flow_item:nth-child(1) .flow_line{background:#d10c24}.flowdatabox .trades_flow_box .flow_out .flow_item:nth-child(2) .flow_line{background:#f43c52}.flowdatabox .trades_flow_box .flow_out .flow_item:nth-child(3) .flow_line{background:#ff7b8b}.flowdatabox .trades_flow_box .flow_out .flow_item:nth-child(4){margin-bottom:0}.flowdatabox .trades_flow_box .flow_out .flow_item:nth-child(4) .flow_line{background:#ffa9b3}.flowdatabox .trades_flow_box .flow_out .flow_item .line_text{font-size:15px;height:12px;line-height:12px}.flowdatabox .trades_flow_box .flow_out .flow_item .flow_line{height:12px;border-radius:2px;margin-left:4px}.flowdatabox .trades_flow_box .flow_in{flex:1}.flowdatabox .trades_flow_box .flow_in .flow_title{font-size:18px;color:#0d111c;margin-bottom:20px}.flowdatabox .trades_flow_box .flow_in .flow_list{display:flex;flex-direction:column}.flowdatabox .trades_flow_box .flow_in .flow_item{font-size:15px;color:#0d111c;margin-bottom:20px}.flowdatabox .trades_flow_box .flow_in .flow_item:nth-child(1) .flow_line{background:#029256}.flowdatabox .trades_flow_box .flow_in .flow_item:nth-child(2) .flow_line{background:#09c274}.flowdatabox .trades_flow_box .flow_in .flow_item:nth-child(3) .flow_line{background:#31e097}.flowdatabox .trades_flow_box .flow_in .flow_item:nth-child(4){margin-bottom:0}.flowdatabox .trades_flow_box .flow_in .flow_item:nth-child(4) .flow_line{background:#6af3b9}.flowdatabox .trades_flow_box .flow_in .flow_item .line_text{font-size:15px;height:12px;line-height:12px}.flowdatabox .trades_flow_box .flow_in .flow_item .flow_line{height:12px;border-radius:2px;margin-right:4px}.flowdatabox .flow_chart{height:180px}.flowdatabox .history_unit{font-weight:400;font-size:14px;color:#7c8597;margin-bottom:12px}.flowdatabox .history_top{display:flex}.flowdatabox .history_top .history_top_item{flex:1;height:66px;background:#f8fafd;border-radius:6px;font-weight:400;color:#576278;flex-direction:column}.flowdatabox .history_top .history_top_item div{font-size:14px}.flowdatabox .history_top .history_top_item div:nth-child(2){font-size:20px;font-weight:600}.flowdatabox .history_tip{margin-top:5px;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:10px;color:#576278}.flowdatabox .history_tip .ball{width:6px;height:6px;border-radius:1px;margin-right:2px}.flowdatabox .bla_coin_l_content{display:flex;align-items:center;margin-bottom:33px;justify-content:space-between;position:relative}.flowdatabox .bla_coin_l_content .coin_list{display:flex;align-items:center}.flowdatabox .bla_coin_l_content .coin_list .list{height:30px;background:#f2f3f5;border-radius:4px 4px 4px 4px;line-height:30px;text-align:center;font-weight:600;font-size:14px;color:#0d111c;margin-right:8px;padding:0 8px;cursor:pointer}.flowdatabox .bla_coin_l_content .coin_list .active{background:#f7d049;color:#24292e}.flowdatabox .bla_coin_l_content .search{display:flex;align-items:center;justify-content:space-between;padding:0 8px;height:36px;width:93px;background:#f5f6f8;border-radius:4px 4px 4px 4px;cursor:pointer;position:relative}.flowdatabox .bla_coin_l_content .search .search_img{width:20px;height:20px}.flowdatabox .bla_coin_l_content .search .search_down{width:20px}.token_list_box{position:absolute;top:55px;right:0;width:300px;background:#ffffff;box-shadow:0px 0px 8px 0px rgba(89,99,109,0.2);border-radius:4px;z-index:888;box-sizing:border-box;display:none;padding:10px}.token_list_box .coin_list_box{height:300px;overflow:auto}.token_list_box .list_search_box{position:sticky;top:10px;margin-bottom:10px;width:100%;height:40px;background:#f6f7f8;border-radius:8px}.token_list_box .list_search_box .search_coin_icon{position:absolute;width:20px;height:20px;top:11px;left:10px}.token_list_box .list_search_box .search_coin{width:100%;height:40px;background:#f6f7f8;border-radius:8px;padding-left:40px;box-sizing:border-box;outline:none;border:none;font-size:14px;color:#24292e}.token_list_box .token_item{height:40px;font-size:14px;color:#24292e;padding:0 12px;cursor:pointer}.token_list_box .token_item:hover{background:#f5f5f5}.token_list_box .token_item_logo{width:16px;height:16px;margin-right:8px}.token_list_box .token_enname{font-size:14px;color:#89939e}