.flowbox{box-sizing:border-box}.flowbox .contentbox{padding:0 2rem 3.33rem;background-color:#ffffff;border-bottom:1rem solid #f4f7fb}.flowbox .red{color:#f43c52}.flowbox .green{color:#09c274}.flowbox .title{font-weight:bold;font-size:2.67rem;color:#0d111c}.flowbox .select_box{display:flex;justify-content:space-between;align-items:center;margin:2.33rem 0 2rem;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.flowbox .select_box::-webkit-scrollbar{display:none}.flowbox .select_box .select_item{flex:0 0 auto;width:8.83rem;height:4rem;line-height:4rem;text-align:center;border-radius:0.67rem;font-weight:500;font-size:2rem;color:#7c8597}.flowbox .select_active{background:#f4f7fb;font-weight:bold !important;color:#0d111c !important}.flowbox .select_box_history{display:flex;align-items:center}.flowbox .select_box_history .select_item{width:6rem;height:4rem;line-height:4rem;text-align:center;border-radius:0.67rem;font-weight:500;font-size:2rem;color:#7c8597}.flowbox .unit{text-align:right;font-weight:400;font-size:1.67rem;color:#7c8597}.flowbox .unit .flowBJc{font-size:1.67rem !important}.flowbox .trades_flow_box{height:21.67rem;background:#f8fafd;border-radius:1.33rem;display:flex;align-items:center}.flowbox .trades_flow_box .flow_label{width:6.67rem;font-weight:400;font-size:1.67rem;color:#576278;padding-top:5.33rem}.flowbox .trades_flow_box .flow_label div{font-size:1.67rem;height:1.67rem;line-height:1.67rem;margin-bottom:2rem;text-align:center}.flowbox .trades_flow_box .flow_label div:last-child{margin-bottom:0}.flowbox .trades_flow_box .flow_out{flex:1}.flowbox .trades_flow_box .flow_out .flow_title{font-size:1.83rem;color:#0d111c;margin-bottom:2.67rem;text-align:right}.flowbox .trades_flow_box .flow_out .flow_title span{font-size:1.83rem}.flowbox .trades_flow_box .flow_out .flow_list{display:flex;flex-direction:column;align-items:flex-end}.flowbox .trades_flow_box .flow_out .flow_item{font-size:1.67rem;color:#0d111c;margin-bottom:2rem}.flowbox .trades_flow_box .flow_out .flow_item:nth-child(1) .flow_line{background:#d10c24}.flowbox .trades_flow_box .flow_out .flow_item:nth-child(2) .flow_line{background:#f43c52}.flowbox .trades_flow_box .flow_out .flow_item:nth-child(3) .flow_line{background:#ff7b8b}.flowbox .trades_flow_box .flow_out .flow_item:nth-child(4){margin-bottom:0}.flowbox .trades_flow_box .flow_out .flow_item:nth-child(4) .flow_line{background:#ffa9b3}.flowbox .trades_flow_box .flow_out .flow_item .line_text{font-size:1.67rem;height:1.67rem;line-height:1.67rem}.flowbox .trades_flow_box .flow_out .flow_item .flow_line{height:1.67rem;border-radius:0.33rem;margin-left:0.67rem}.flowbox .trades_flow_box .flow_in{flex:1}.flowbox .trades_flow_box .flow_in .flow_title{font-size:1.83rem;color:#0d111c;margin-bottom:2.67rem}.flowbox .trades_flow_box .flow_in .flow_title span{font-size:1.83rem}.flowbox .trades_flow_box .flow_in .flow_list{display:flex;flex-direction:column}.flowbox .trades_flow_box .flow_in .flow_item{font-size:1.67rem;color:#0d111c;margin-bottom:2rem}.flowbox .trades_flow_box .flow_in .flow_item:nth-child(1) .flow_line{background:#029256}.flowbox .trades_flow_box .flow_in .flow_item:nth-child(2) .flow_line{background:#09c274}.flowbox .trades_flow_box .flow_in .flow_item:nth-child(3) .flow_line{background:#31e097}.flowbox .trades_flow_box .flow_in .flow_item:nth-child(4){margin-bottom:0}.flowbox .trades_flow_box .flow_in .flow_item:nth-child(4) .flow_line{background:#6af3b9}.flowbox .trades_flow_box .flow_in .flow_item .line_text{font-size:1.67rem;height:1.67rem;line-height:1.67rem}.flowbox .trades_flow_box .flow_in .flow_item .flow_line{height:1.37rem;border-radius:0.33rem;margin-right:0.67rem}.flowbox .history_bottom{display:flex}.flowbox .history_bottom .history_bottom_item{flex:1;height:9.17rem;background:#f8fafd;border-radius:1rem;font-weight:400;font-size:1.83rem;color:#576278;flex-direction:column}.flowbox .history_bottom .history_bottom_item div{font-size:1.83rem}.flowbox .history_bottom .history_bottom_item div:nth-child(2){font-size:2rem;margin-top:0.5rem}.flowbox .history_tip{height:5.67rem;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:1.67rem;color:#576278}.flowbox .history_tip span{font-size:1.67rem}.flowbox .history_tip .ball{width:1rem;height:1rem;border-radius:0.17rem;margin-right:0.67rem}