* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: #f5f5f5; color: #222; font: 15px/1.6 "Microsoft YaHei", "PingFang SC", Arial, sans-serif; padding: 20px; }
a { color: #066ae5; text-decoration: none; }
a:hover { text-decoration: underline; }
.dw-page { width: 1340px; max-width: 100%; margin: 0 auto; }
.dw-banner { text-align: center; margin-bottom: 26px; }
.dw-banner img { display: block; width: 100%; height: auto; border: 0; }
.dw-table { width: 1000px; max-width: 100%; margin: 0 auto 18px; border-collapse: collapse; table-layout: fixed; background: #fff; border: 1px solid #e1e7ee; box-shadow: 0 2px 12px rgba(0, 0, 0, .10); }
.dw-table thead { background: #066ae5; color: #fff; }
.dw-table th, .dw-table td { padding: 12px 15px; text-align: center; border-bottom: 1px solid #eee; vertical-align: middle; }
.dw-table th { font-size: 14px; font-weight: bold; }
.dw-table tbody tr:hover td { background: #f8f9fa; }
.dw-table .icon-column { width: 80px; }
.dw-table .version-column { width: 190px; }
.dw-table .download-column { width: 150px; }
.dw-table .icon-cell { height: 62px; }
.dw-table .icon-cell img { max-width: 40px; max-height: 40px; width: auto; height: auto; border: 0; vertical-align: middle; }
.download-button, .popup-button { display: inline-block; padding: 6px 16px; color: #fff; background: #0675ed; border-radius: 4px; text-decoration: none; }
.download-button:hover, .popup-button:hover { color: #fff; background: #055fc1; text-decoration: none; }
.version-link { color: #555; font-size: 13px; }
.footer-row td { background: #f5f5f5 !important; color: #666; font-size: 13px; }
.dw-grid-table td { width: 33.333%; }
.empty { color: #888; padding: 35px !important; }
.float-popup { position: fixed; left: 20px; bottom: 20px; width: 280px; padding: 18px 20px; z-index: 9999; background: #fff; border: 1px solid #e4e4e4; border-radius: 8px; box-shadow: 0 2px 12px rgba(0, 0, 0, .15); }
.float-popup p { margin: 0 0 12px; }
.close-button { position: absolute; right: 10px; top: 5px; color: #999; font-size: 21px; line-height: 1; text-decoration: none; }
.close-button:hover { color: #d00; text-decoration: none; }
@media screen and (max-width: 768px) {
    body { padding: 10px; }
    .dw-banner { margin-bottom: 12px; }
    .dw-table { min-width: 720px; }
    .dw-page { overflow-x: auto; }
    .float-popup { left: 10px; bottom: 10px; width: 260px; }
}