.flowdatabox{box-sizing:border-box}.flowdatabox .flowred{color:#f43c52}.flowdatabox .flowgreen{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:4px;padding:0 2px;margin-bottom:12px}.flowdatabox .select_box .select_item{width:53px;height:24px;line-height:24px;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:351px;height:190px}.flowdatabox .trades_flow_box{width:375px;height:163px;background:#f8fafd;border-radius:8px;display:flex;align-items:center}.flowdatabox .trades_flow_box .flow_label{width:40px;font-weight:400;font-size:10px;color:#576278}.flowdatabox .trades_flow_box .flow_label div{margin-bottom:5px;text-align:center}.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:11px;color:#0d111c;margin-bottom:16px;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:10px;color:#0d111c;margin-bottom:10px}.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{height:12px;line-height:12px}.flowdatabox .trades_flow_box .flow_out .flow_item .flow_line{height:8px;border-radius:2px;margin-left:4px}.flowdatabox .trades_flow_box .flow_in{flex:1}.flowdatabox .trades_flow_box .flow_in .flow_title{font-size:11px;color:#0d111c;margin-bottom:16px}.flowdatabox .trades_flow_box .flow_in .flow_list{display:flex;flex-direction:column}.flowdatabox .trades_flow_box .flow_in .flow_item{font-size:10px;color:#0d111c;margin-bottom:10px}.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{height:12px;line-height:12px}.flowdatabox .trades_flow_box .flow_in .flow_item .flow_line{height:8px;border-radius:2px;margin-right:4px}.flowdatabox .flow_chart{height:180px}.flowdatabox .history_unit{height:38px;line-height:38px;font-weight:400;font-size:10px;color:#7c8597}.flowdatabox .history_top{display:flex}.flowdatabox .history_top .history_top_item{flex:1;height:55px;background:#f8fafd;border-radius:6px;font-weight:400;font-size:11px;color:#576278;flex-direction:column}.flowdatabox .history_top .history_top_item div:nth-child(2){font-size:12px}.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}