.mod-table { position:relative }
.mod-table .hd { padding:20px; line-height:20px; border-bottom:1px solid #e2e2e2; overflow:hidden }
.mod-table .hd .icon { float:left; width:160px; height:100px; line-height:100px; overflow:hidden }
.mod-table .hd .info { position:relative; margin-left:180px }
.mod-table .hd .info_none { margin-left:0; }
.mod-table .hd .info h1 { line-height:32px; margin-bottom:5px; font-weight:bold }
.mod-table .hd .info h1 span.name { font-size:20px }
.mod-table .hd .info h1 span.code { margin-left:12px; font-size:16px; color:#999 }
.mod-table .hd .info p { line-height:20px; color:#666 }
.mod-table .hd .info p strong { font-weight:bold }
.mod-table .hd .info .link { position:absolute; right:0; top:0; display:inline-block; padding:0 15px; background:#276cae; line-height:30px; color:#fff; border-radius:4px }
.mod-table .bd { padding:10px; position:relative; z-index:1; line-height:2 }
.mod-table .bd p.title { line-height:36px; text-align:center; font-weight:bold; font-size:16px }
.mod-table .bd table { width:100%; margin-bottom:20px }
.mod-table .bd table thead { background:#f8f8f8 }
.mod-table .bd table th, .mod-table .bd table td { padding:5px; border:1px solid #e2e2e2; line-height:22px; text-align:center }
.mod-table .bd table th { font-weight:bold }
.mod-table .bd table th.sortabled { cursor:pointer; padding-bottom:12px; background:url(../images/icon-down.png) center bottom no-repeat; background-size:12px 12px; user-select:none }
.mod-table .bd table th.sort-up { background-color:#276cae; background-image:url(../images/icon-up-active.png); color:#fff }
.mod-table .bd table th.sort-down { background-color:#276cae; background-image:url(../images/icon-down-active.png); color:#fff }
.mod-table .bd table td.active { background:#e7f1fa }
.mod-table .bd table td.left{ text-align: left;}
.mod-table .bd table a { display:inline-block; width:130px; text-align:left; color:#0053bb; white-space:nowrap }
.mod-table .bd table#currency_bank a { width:auto;}
.mod-table .bd table a img, .mod-table .bd table a span { vertical-align:middle }
.mod-table .bd table a.no_w {width: auto;}
.mod-table .bd table { overflow:hidden }
.mod-table .bd table tbody { overflow:hidden }
.mod-table .bd table tbody td { position:relative }
.mod-table .bd table tbody td:hover::after, .mod-table .bd table tbody td:not(:empty):hover::after {
    content:'';
    height:10000px;
    left:0;
    position:absolute;
    top:-5000px;
    width:100%;
    z-index:-1
}
.mod-table .bd table tbody td:hover::after {
    background-color:#f8f8f8 !important
}
.mod-table .bd table tbody tr:hover { background-color:#f8f8f8 !important }
.mod-table .bd .more { margin-bottom:20px }
.mod-table .bd .more .title { position:relative; margin-bottom:10px; vertical-align:middle; font-size:16px; font-weight:bold }
.mod-table .bd .more .title:before { display:inline-block; content:''; width:4px; height:16px; margin-top:-2px; margin-right:10px; background:#276cae; vertical-align:middle; border-radius:3px }
.mod-table .bd .more ul { overflow:hidden }
.mod-table .bd .more li { float:left; width:16.6% }
.mod-table .bd .more li a { display:block; padding:0 4px 0 8px; margin:0 1px 1px; background:#f8f8f8; line-height:32px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.mod-table .bd .more li a img, .mod-table .bd .more li a span { vertical-align:middle }
.mod-table .bd .more li a:hover { background:#276cae; color:#fff }
@media screen and (max-width: 727px) {
    .mod-table .hd .icon {
        width:auto;
        height: 134px;
        line-height: 134px;
        padding-right: 10px;
    }
    .mod-table .hd .icon img {
        width:auto;
        height:60px
    }
    .mod-table .hd .info {
        margin-left:0
    }
    .mod-table .hd .info h1 {
        text-align: left;
    }
    .mod-table .hd .info h1 span.name {
        font-size:16px
    }
    .mod-table .hd .info p {
        line-height:18px;
        font-size:12px
    }
    .mod-table .hd .info .link {
        top:-60px;
        right:-10px;
        padding:0 12px;
        line-height:28px;
        font-size:13px
    }
    .mod-table .bd .table-inner {
        overflow-x:auto
    }
    .mod-table .bd table th, .mod-table .bd table td {
        white-space:nowrap
    }
    .mod-table .bd .more li {
        width:33.33%
    }
    .mod-table .bd .more li a {
        font-size:13px
    }
}
