body{background-color: #f4f6f8;}
.container{ background: none;}
.container .content{margin: 0 auto;}

.table_body{ width: 100%;display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 10px;}

.module_tab{padding:10px 15px; overflow: hidden;background-color: #FFFFFF;border-top: 10px solid #f4f6f8;}
.module_tab .hd{width: 100%; height: 36px; line-height: 30px; overflow: hidden; padding: 0 10px; position: relative; box-sizing: border-box; border-bottom: 1px solid #d7d9dc;    font-size: 16px;}
.module_tab .hd::before {  display: inline-block; clear: both; content: ""; position: absolute; left: 0;top: 5px;vertical-align: middle;height: 20px;width: 3px; background-color: #010101;}
.module_tab .table_top{width: 100%;overflow: hidden; box-sizing: border-box;-moz-box-sizing: border-box;/* Firefox */-webkit-box-sizing: border-box;/* Safari */padding: 5px 0;}
.module_tab .table_top li{float: left;overflow: hidden; width: 100%;border-bottom: 1px #ddd dashed; padding: 10px 0; }

.module_tab .table_top .fynum { margin-top: 2px; color: #fff; display: inline; float: left; font-size: 10px; height: 16px;  line-height: 16px; text-align: center; width: 16px; margin-right: 10px; font-family: arial;    background: #c0c1c3;}

.module_tab .table_top .fynum.red{ background: red;}
.module_tab .table_top .badge {display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px;font-weight: 700;   line-height: 1; color: #fff;text-align: center; white-space: nowrap; vertical-align: middle;background-color: #777;border-radius: 10px;}
.module_tab .table_top li>.badge {float: right;}
.module_tab .table_top .mrank {width:0px; float:right; text-align:right; padding-right:16px; font-family:arial; height:14px; line-height:14px; overflow:hidden;top: 2px;position: relative;}
.module_tab .table_top .mrank.up{background:url(../images/uds.gif) 100% -5px no-repeat;}
.module_tab .table_top .mrank.down{background:url(../images/uds.gif) 100% -22px no-repeat;}
.module_tab .table_top .mrank.same{background:url(../images/uds.gif) 100% -36px no-repeat;}


.module_tab .table_top li .new { height: 12px; display: inline-block; overflow: hidden; width: 18px; background: url(../images/uds.gif) 0 -50px no-repeat;}



@media screen and (max-width:1240px){
    .table_body{ grid-template-columns: repeat(2, 1fr);}

}



@media screen and (max-width:768px){
    .table_body{ grid-template-columns: repeat(1, 1fr);}


}