.layui-table{width:100%;margin:10px 0;background-color:#fff;color:#5f5f5f}
table{border-collapse:collapse;border-spacing:0}
.layui-table tr{transition:all .3s;-webkit-transition:all .3s}
.layui-table tbody tr:nth-child(even){background-color:#f2f2f2}
.layui-table td,.layui-table th{position:relative;padding:3px 2px;min-height:20px;line-height:20px;font-size:14px}
.layui-table th{height:40px;box-sizing:border-box;background:#F5F5F5;border-radius:4px;border-color:#F5F5F5;font-size:12px;font-weight:500;text-align:center}
.layui-table tr th:nth-child(2){text-align:left;width:180px}
.layui-table tbody tr,.layui-table tbody td{position:relative}
.layui-table td{border-bottom:1px solid #f2f2f2;text-align:center;height:64px;box-sizing:border-box}
.layui-table td .fiats span{position:absolute;border:1px solid #333;border-radius:5px;background:#333;color:#fff !important;z-index:999;width:200px;left:-45px;padding:10px;display:none;top:50px;box-sizing:border-box;white-space:normal;word-break:break-all}
.layui-table td .fiats span::before{content:"";border:5px solid;border-color:transparent transparent #333 transparent;position:absolute;top:-10px;left:95px}
.layui-table .box{display:flex;align-items:center}
.layui-table img{max-width:100px}
.layui-table .box img{width:24px;border-radius:50%}
.layui-table .box .table_box{margin-left:6px;text-align:left}
.layui-table tbody .qjtd{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;box-sizing:border-box}
.fall{color:#F23F58 !important;font-size:14px}
.rise{color:#00B98C !important;font-size:14px}
.score{background-color: rgb(201 250 200 /1); border-radius: 0.375rem; color: #0aa609; padding: 3px 0px;width: 70px;margin: 0 auto;}
.fiats{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.layout_name h2{float:inherit}
.layout_name p{font-size:14px;color:#777;padding:0 0 5px 10px}
.exchanges_more{margin:20px auto;width:150px;height:36px;line-height:36px;border:1px solid #0279ff;font-size:14px;font-weight:400;color:#0279ff;text-align:center;cursor:pointer}
.exchanges_more:hover{border:1px solid #0279ff;color:#fbfdff;background-color:#0279ff}
.nav_tab_box{margin:18px auto 10px;display:flex;justify-content:flex-start;align-items:center}
.nav_tab_box .nav_tab_item{margin-right:12px;background:#F5F5F5;border-radius:5px;font-size:14px;color:#666565;cursor:pointer}
.nav_tab_box .nav_tab_item.active,.nav_tab_box .nav_tab_item:hover{background:#FFF7DD;color:#EEB303;background:#39a0e2;color:#fff}
.nav_tab_box .nav_tab_item a{color:#666565;padding: 8px 20px;display: inline-block;}
.nav_tab_box .nav_tab_item.active a,.nav_tab_box .nav_tab_item:hover a{color:#fff}
.zhuce,.pingjia{padding:0 12px;display:block;margin:2px auto;background-color:#2c64eb;box-shadow:1px 1px 2px 0px rgb(0 0 0 / 27%);border-radius:3px}
.pingjia{background-color:#333}
.zhuce a,.pingjia a{color:#fff;font-size:12px;white-space: nowrap;}
.zhuce:hover{background-color:#002c90}
.pingjia:hover{background-color:#000}
.table-sort{cursor:pointer;display:inline-block;margin-top:-1px;overflow:hidden;position:relative;vertical-align:middle;width:14px;margin-left:2px}
.table-sort i:nth-child(1),.table-sort i:nth-child(2){width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;display:block}
.table-sort i:nth-child(1){border-bottom:6px solid #b5b5b6;margin-bottom:0.12rem}
.table-sort i:nth-child(2){border-top:6px solid #b5b5b6}
.table-sort i:nth-child(1):hover{border-bottom-color:#484948}
.table-sort i:nth-child(2):hover{border-top-color:#484948}
.table-sort .sortedb {border-bottom-color:#159cf2 !important}
.table-sort .sortedt {border-top-color:#159cf2 !important}

#tools{padding:20px 10px}
#tools .tools_nav{display:flex;justify-content:flex-start;align-items:center}
#tools .tools_tab{margin-right:8px;padding:0 20px;height:36px;line-height:36px;background:#f0f0f0;border-radius:5px;font-weight:500;font-size:14px;color:#616469;cursor:pointer}
#tools .tools_tab.active,#tools .tools_tab:hover{background:#39a0e2;color:#FFFFFF}
#tools .tools_list{margin-top:24px;flex-wrap:wrap;display:flex;justify-content:flex-start;align-items:flex-start}
#tools .tool_item{flex-direction:column;width:48.5%;height:180px;background:#FFFFFF;border-radius:12px;padding:20px;box-sizing:border-box;border:1px solid #ECEDF0;cursor:pointer}
#tools .tool_item:nth-child(2n-1){margin:0 3% 20px 0}
#tools .tool_item:hover{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.08)}
#tools .tool_item:hover .tools_head_l{color: #1278de;}
#tools .tools_head_l{font-weight:600;font-size:16px;color:#24292E;display:flex;align-items:center}
#tools .tools_icon{width:45px;height:45px;background:#eff3f4;border-radius:50%;margin-right:8px;display:flex;justify-content:center;align-items:center}
#tools .head_icon{width:26px;height:26px}
#tools .narrow_icon{width:20px;height:20px}
#tools .tools_head{width:100%;display:flex;justify-content:space-between;align-items:center}
#tools .tool_item_c{font-weight:400;font-size:12px;color:#59636D;line-height:18px}
#tools .tool_item_tag{width:40px;height:24px;border-radius:4px;font-weight:500;font-size:12px;line-height:24px;text-align:center;margin-top:6px}
#tools .tool_item_tag.blue{background:#F0F4FF;color:#4378FF}
#tools .tool_item_tag.green{background:#EBFBF4;color:#01C875}

.sitenav .sitenav_left{background:#fff;float:left;width:155px}
.sitenav .sitenav_left .type_list li{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:48px;padding-left:25px;position:relative;border-bottom:1px dotted #e2e1e1}
.sitenav .sitenav_left .type_list li.active:before,.sitenav .sitenav_left .type_list li:hover:before{background-color:#0c92df;content:"";height:24px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px}
.sitenav .sitenav_left .type_list li span{cursor:pointer;font-size:14px}
.sitenav .sitenav_left .type_list li.active span,.sitenav .sitenav_left .type_list li:hover span{color:#0c92df;font-weight:bold}
.sitenav_right{background:#fff;float:right;padding:0 0 10px 20px;width:1010px;margin-bottom:15px}
.sitenav_cell{margin-bottom:22px;-webkit-transition:max-height .3s;transition:max-height .3s;clear:both}
.sitenav_cell .clear{clear:both}
.sitenav_cell .open{cursor:pointer;float:right;font-size:14px;line-height:30px;margin-right:20px;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:url(https://common.jbzj.com/pc/images/arrow_down.svg) right no-repeat;padding-right:20px}
.sitenav_cell.open .open{background:url(https://common.jbzj.com/pc/images/arrow_up.svg) right no-repeat}
.sitenav_cell h2{float:left;font-size:18px;font-weight:400;margin-bottom:20px;padding-top:20px}
.sitenav_cell a{border:1px solid #ebeff4;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;float:left;height:84px;margin:0 12px 12px 0;padding:12px 10px;width:238px;position:relative;box-shadow:0px 0px 20px -5px rgb(56 56 56 / 24%);transition:background-color .3s}
.sitenav_cell>a:nth-of-type(n+9){display:none}
.sitenav_cell.open>a:nth-of-type(n+9){display:block}
.sitenav_cell a:hover{box-shadow:0px 0px 5px 2px rgb(141 139 139 / 20%);border:1px solid #bebebe75}
.sitenav_cell a:hover span{color:#40b4f7}
.sitenav_cell a .downinfo{position:absolute;border:1px solid #333;border-radius:5px;background:#333;color:#fff !important;z-index:999;width:100%;left:0px;padding:10px;top:75px;box-sizing:border-box;line-height:1.5;font-size:14px}
.sitenav_cell a .downinfo::before{content:"";border:5px solid;border-color:transparent transparent #333 transparent;position:absolute;top:-10px;left:113px}
.sitenav_cell a .name{color:#0b1822;font-size:15px;line-height:30px}
.sitenav_cell a img{border-radius:50%;height:30px;margin-right:5px;vertical-align:middle;width:30px}
.sitenav_cell a p{color:#868b91;font-size:13px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fixed_sitenav{position:fixed;top:70px;}
#exchangesJs li{padding: 8px 0; width: 100%; border-bottom: 1px solid #eee; display: table;}
#exchangesJs li img{height: 40px; width: 40px; float: left;}
#exchangesJs li p{width: 210px; float: right; padding-top: 5px; font-size: 14px; line-height: 20px; color: #333; }
#rainbow:hover {cursor: grab;}
#rainbow:active{cursor:grab}
#rainbowv2 #year {padding:0px; height: 12px;width:150px;}
#rainbowv2 {margin-top:20px;}
#rainbowv2 .legend{margin: 10px auto;}
#rainbowv2 .legend .active{font-weight:bolder}
#rainbowv2 .legend span {margin: 0px 10px;font-size: 13px;#cursor:help}
#rainbowv2 .legend span::before {content: "■"; font-size: 20px; }
#rainbowv2 .color-0::before {color: #000000;}
#rainbowv2 .color-1::before {color: #c00000;}
#rainbowv2 .color-2::before {color: #d64018;}
#rainbowv2 .color-3::before {color: #ed7d31;}
#rainbowv2 .color-4::before {color: #f6b45a;}
#rainbowv2 .color-5::before {color: #ffeb84;}
#rainbowv2 .color-6::before {color: #b1d580;}
#rainbowv2 .color-7::before {color: #63be7b;}
#rainbowv2 .color-8::before {color: #54989f;}
#rainbowv2 .color-9::before {color: #4472c4;}
.controlbox {background-color: #FFFFFF; color: #292b2c; margin-left: 5px; padding: 5px 8px; text-decoration: none; font-size: 14px; display: inline-block; border: 1px solid #ebebeb; border-radius: 0px;}
#rainbowcontrols .controlbox img{width:16px;height:16px;}
.main .sitenav {margin-top: 15px;}