.longshort_ratio{width:820px}.longshort_ratio .clear_head{width:820px;height:36px;display:flex;align-items:center;justify-content:space-between}.longshort_ratio .clear_head .map_title{font-weight:600;font-size:20px;color:#0d111c}.longshort_ratio .clear_head .map_title span{font-weight:500;font-size:16px;color:#0d111c;line-height:16px}.longshort_ratio .clear_head .map_title .ratiozhbjc{font-weight:600;font-size:20px;color:#0d111c}.longshort_ratio .clear_head .map_title .coinName{font-weight:600;font-size:20px;color:#0d111c}.longshort_ratio .clear_head .type_box{display:flex;align-items:center;gap:12px}.longshort_ratio .clear_head .select_box{display:flex;align-items:center;padding:0 8px;height:36px;background:#f5f6f8;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:#24292e}.longshort_ratio .clear_head .select_box .select_img{height:20px;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:#ffffff;box-shadow:0 10px 20px 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:#24292e;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:#f1f3f5}.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:#f5f6f8;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 .ratio_table{margin-top:20px;display:flex;align-items:center;gap:10px}.longshort_ratio .ratio_table .ratio_table_l,.longshort_ratio .ratio_table .ratio_table_r{display:flex;flex-direction:column;gap:10px;width:calc(50% - 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:#24292e}.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:270px}.longshort_ratio .ratio_table .ratio_table_l .progress_bar,.longshort_ratio .ratio_table .ratio_table_r .progress_bar{font-weight:600;font-size:14px;color:#24292e;line-height:32px;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, #5fc788 0%, RGBA(194, 187, 177, 1) 100%)}.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, rgba(237,155,154,0.5) 0%, #ed9b9a 100%)}.longshort_ratio .ls_charts{margin-top:20px;width:820px;height:200px}.longshort_ratio .statistics_time_box{width:fit-content;height:28px;background:#f2f3f5;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:#7c8597}.longshort_ratio .statistics_time_box .statistice_time.atcive{font-weight:600;font-size:12px;color:#0d111c;background:#ffffff;border-radius:4px 4px 4px 4px}