.total_ridio_box{padding:12px;border-bottom:1px solid var(--border-color)}.charts_title{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:14px}.charts_title .l_name{font-size:10px;color:#89939E}.charts_title .r_name{font-size:12px;color:var(--text-primary);display:flex}.longshort_ratio{width:100%}.longshort_ratio .clear_head{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between}.longshort_ratio .clear_head .map_title{font-weight:600;font-size:14px;color:var(--text-primary)}.longshort_ratio .clear_head .map_title span{font-weight:500;font-size:16px;color:var(--text-primary);line-height:16px}.longshort_ratio .clear_head .map_title .ratiozhbjc{font-weight:600;font-size:14px;color:var(--text-primary)}.longshort_ratio .clear_head .map_title .coinName{font-weight:600;font-size:14px;color:var(--text-primary)}.longshort_ratio .clear_head .type_box{display:flex;align-items:center;width:77px;gap:12px}.longshort_ratio .clear_head .big_option{width:240px}.longshort_ratio .clear_head .select_box{display:flex;align-items:center;padding:0 8px;height:28px;background:var(--bg-secondary-bg);border-radius:4px 4px 4px 4px;gap:6px;cursor:pointer;position:relative}.longshort_ratio .clear_head .select_box .select_txt{font-weight:400;font-size:13px;color:var(--text-primary)}.longshort_ratio .clear_head .select_box .select_img{height:14px;transition:transform 0.2s ease}.longshort_ratio .clear_head .select_box .select_dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:100%;padding:8px 0;background:var(--bg-secondary-bg);box-shadow:0 10px 14px rgba(15,23,42,0.12);border-radius:8px;z-index:20;max-height:300px;overflow-y:auto}.longshort_ratio .clear_head .select_box .select_dropdown .select_option{padding:8px 16px;font-size:13px;color:var(--text-primary);white-space:nowrap;transition:background 0.2s ease}.longshort_ratio .clear_head .select_box .select_dropdown .select_option.active,.longshort_ratio .clear_head .select_box .select_dropdown .select_option:hover{background:var(--bg-hover)}.longshort_ratio .clear_head .select_box.open .select_img{transform:rotate(180deg)}.longshort_ratio .clear_head .select_box.open .select_dropdown{display:block}.longshort_ratio .clear_head .refresh_box{width:48px;height:36px;background:var(--bg-secondary-bg);border-radius:4px 4px 4px 4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.longshort_ratio .clear_head .refresh_box .refresh_img{width:16px;height:16px}.longshort_ratio .big_type_box{display:flex;align-items:flex-start;flex-direction:column;height:auto}.longshort_ratio .ratio_table{margin-top:14px;display:flex;align-items:center;flex-direction:column;gap:10px}.longshort_ratio .ratio_table .ratio_table_title{height:33px;display:flex;align-items:center;justify-content:space-between;width:100%;color:#59636D;font-size:12px}.longshort_ratio .ratio_table .ratio_table_l,.longshort_ratio .ratio_table .ratio_table_r{display:flex;flex-direction:column;gap:10px;width:calc(100% - 5px)}.longshort_ratio .ratio_table .ratio_table_l .ratio_item,.longshort_ratio .ratio_table .ratio_table_r .ratio_item{height:33px;display:flex;align-items:center;justify-content:space-between}.longshort_ratio .ratio_table .ratio_table_l .ratio_first,.longshort_ratio .ratio_table .ratio_table_r .ratio_first{display:flex;align-items:center;gap:4px}.longshort_ratio .ratio_table .ratio_table_l .ratio_index,.longshort_ratio .ratio_table .ratio_table_r .ratio_index{width:16px;font-size:14px;color:#24292e}.longshort_ratio .ratio_table .ratio_table_l .ratio_info,.longshort_ratio .ratio_table .ratio_table_r .ratio_info{display:flex;align-items:center;gap:5px}.longshort_ratio .ratio_table .ratio_table_l .info_icon,.longshort_ratio .ratio_table .ratio_table_r .info_icon{width:23px;height:23px;border-radius:50%}.longshort_ratio .ratio_table .ratio_table_l .info_name,.longshort_ratio .ratio_table .ratio_table_r .info_name{font-weight:600;font-size:14px;color:var(--text-primary)}.longshort_ratio .ratio_table .ratio_table_l .ratio_progress,.longshort_ratio .ratio_table .ratio_table_r .ratio_progress{display:flex;align-items:center;height:33px;width:200px;position:relative}.longshort_ratio .ratio_table .ratio_table_l .progress_bar,.longshort_ratio .ratio_table .ratio_table_r .progress_bar{font-size:12px;color:#24292e;height:22px;line-height:22px;text-align:center}.longshort_ratio .ratio_table .ratio_table_l .progress_bar.bargreen,.longshort_ratio .ratio_table .ratio_table_r .progress_bar.bargreen{color:#24292e;background:linear-gradient(90deg, #84E0B9 0%, #B5EDD5 100%);border-radius:12px;border:1px solid #fff;position:absolute;left:8%}.longshort_ratio .ratio_table .ratio_table_l .progress_bar.barred,.longshort_ratio .ratio_table .ratio_table_r .progress_bar.barred{color:#24292e;background:linear-gradient(90deg, #FCC5CB 0%, #FFA1AB 100%);border-radius:12px;border:1px solid #fff;position:absolute;right:0%}.longshort_ratio .ls_charts{margin-top:14px;width:100%;height:200px}.longshort_ratio .statistics_time_box{width:fit-content;height:28px;background:var(--bg-primary);border-radius:4px 4px 4px 4px;padding:2px;box-sizing:border-box;display:flex;align-items:center}.longshort_ratio .statistics_time_box .statistice_time{padding:0 8px;height:24px;line-height:24px;cursor:pointer;font-weight:500;font-size:12px;color:var(--bg-primary-chart)}.longshort_ratio .statistics_time_box .statistice_time.atcive{font-weight:600;font-size:12px;color:var(--bg-primary-chart-bg-hover);background:var(--bg-primary-chart-bg);border-radius:4px 4px 4px 4px}