.longshort_ratio{width:1200px;margin:20px auto 70px;border-radius:16px 16px 16px 16px;border:1px solid #ecedf0;padding:20px}.longshort_ratio .exsl_content{display:flex;align-items:center;justify-content:space-between;gap:20px}.longshort_ratio .exslbox{width:740px;border-radius:12px 12px 12px 12px;border:1px solid #f2f3f5;padding:18px 12px;box-sizing:border-box;height:568px}.longshort_ratio .coinbox{width:440px;border-radius:12px 12px 12px 12px;border:1px solid #ecedf0;padding:18px 12px;box-sizing:border-box;height:568px;overflow-y:scroll}.longshort_ratio .exsl_head{height:36px;display:flex;align-items:center;justify-content:space-between}.longshort_ratio .exsl_head .map_title{font-weight:600;font-size:20px;color:#0d111c;line-height:20px}.longshort_ratio .exsl_head .map_title span{font-weight:600;font-size:20px;color:#0d111c;line-height:20px}.longshort_ratio .exsl_head .type_box{display:flex;align-items:center;gap:12px}.longshort_ratio .exsl_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 .exsl_head .select_box .select_txt{font-weight:400;font-size:13px;color:#24292e}.longshort_ratio .exsl_head .select_box .select_img{height:20px;transition:transform 0.2s ease}.longshort_ratio .exsl_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 .exsl_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 .exsl_head .select_box .select_dropdown .select_option.active,.longshort_ratio .exsl_head .select_box .select_dropdown .select_option:hover{background:#f1f3f5}.longshort_ratio .exsl_head .select_box.open .select_img{transform:rotate(180deg)}.longshort_ratio .exsl_head .select_box.open .select_dropdown{display:block}.longshort_ratio .clear_head{width:1160px;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;gap:10px}.longshort_ratio .ratio_table .ratio_table_l,.longshort_ratio .ratio_table .ratio_table_r{display:flex;flex-direction:column;gap:16px;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:200px}.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:1160px;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}.longshort_ratio .exsl_cointable{margin-top:20px}.longshort_ratio .exsl_cointable .exsl_thbox{padding:0 12px;display:flex;align-items:center;height:30px}.longshort_ratio .exsl_cointable .exsl_thbox .exsl_thitem{font-weight:400;font-size:11px;color:#576278;width:25%;text-align:right}.longshort_ratio .exsl_cointable .exsl_thbox .exsl_thitem:first-child{text-align:left}.longshort_ratio .exsl_cointable .exsl_tdbox{padding:0 12px;display:flex;align-items:center;height:54px}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_tditem{width:25%}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_card{display:flex;justify-content:end}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_card .card{width:80%;height:45px;background:#dcf7eb;border-radius:8px 8px 8px 8px;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;padding-right:12px;box-sizing:border-box}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_card .card.card_red{background:#ffdee2}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_card .card.card_green{background:#dcf7eb}.longshort_ratio .exsl_cointable .exsl_tdbox .tdinfo{display:flex;align-items:center;gap:6px}.longshort_ratio .exsl_cointable .exsl_tdbox .td_coinname{font-weight:500;font-size:14px;color:#0d111c;line-height:14px}.longshort_ratio .exsl_cointable .exsl_tdbox .td_icon{width:24px;height:24px}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_price{font-weight:500;font-size:12px;color:#0d111c;line-height:12px;text-align:right}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_rate{margin-top:6px;font-weight:500;font-size:11px;line-height:11px;text-align:right}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_rate.green{color:#09c274}.longshort_ratio .exsl_cointable .exsl_tdbox .exsl_rate.red{color:#fd455b}.bla_coin_l_content{display:flex;align-items:center;width:1242px;margin:30px auto 0px;justify-content:space-between;position:relative}.bla_coin_l_content .coin_list{display:flex;align-items:center}.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}.bla_coin_l_content .coin_list .active{background:#f7d049;color:#24292e}.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}.bla_coin_l_content .search .search_img{width:20px;height:20px}.bla_coin_l_content .search .search_down{width:20px}.ls_bottom{width:1200px;margin:35px auto 70px}.ls_bottom .ls_title{font-weight:500;font-size:16px;color:#24292e;line-height:16px;margin-bottom:24px}.ls_bottom .ls_txt{font-weight:400;font-size:14px;color:#89939e;line-height:21px;margin-bottom:12px}.ls_bottom .ls_txt span{font-size:14px;color:#24292e;line-height:21px}.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}