body
{
    font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Arial,sans-serif;
}

/***
Item block with details shown on hover
***/
.item {
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
}

.item .details {
  width: 100%;
  display: none;
  background-color: #000;
  color: #fff !important;
  padding: 5px;
  text-align: center;
  position: relative;
  bottom:30px; 
  margin-bottom:-30px; 
  overflow: hidden; 
  z-index: 6;
}

.item:hover .details {
  display: block;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.item:hover .zoom-icon{
  opacity:0.5;  
  filter: alpha(opacity = 50);
}

/***
Zoom icon overlay on images
***/
.zoom {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;   
  z-index: 5;
}

.zoom .zoom-icon {
  background-image:url("../image/overlay-icon.png");
  background-color: #222;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  width: inherit;
  height: inherit;
  opacity: 0; 
  filter: alpha(opacity = 0);
  z-index: 6;  
  top:0;  
}

/* 应用列表等宽表：避免 fixed 布局导致表头竖排、内容被截断 */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table.app-data-table {
  width: 100%;
  min-width: 1280px;
  table-layout: auto;
  margin-bottom: 0;
}

.table.app-data-table > thead > tr > th {
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  background: #f8f9fa;
  font-weight: 600;
  color: #333;
}

.table.app-data-table > tbody > tr > td {
  vertical-align: middle;
  white-space: nowrap;
}

.table.app-data-table .col-index { width: 56px; min-width: 56px; text-align: center; }
.table.app-data-table .col-name { min-width: 100px; max-width: 140px; }
.table.app-data-table .col-type { min-width: 80px; text-align: center; }
.table.app-data-table .col-version { min-width: 100px; text-align: center; white-space: nowrap; }
.table.app-data-table .col-domain { min-width: 120px; max-width: 180px; }
.table.app-data-table .col-download { min-width: 100px; }
.table.app-data-table .col-memo { min-width: 100px; max-width: 160px; }
.table.app-data-table .col-time { min-width: 160px; text-align: center; }
.table.app-data-table .col-count { min-width: 80px; text-align: center; }
.table.app-data-table .col-start { min-width: 80px; text-align: center; }
.table.app-data-table .col-icon { width: 72px; min-width: 72px; text-align: center; }
.table.app-data-table .col-auto { min-width: 96px; text-align: center; }
.table.app-data-table .col-action { min-width: 210px; white-space: nowrap; }

.table.app-data-table .auto-flag-cell {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.table.app-data-table .auto-flag-text {
  color: #666;
  font-size: 12px;
}

.table.app-data-table .cell-ellipsis {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table.app-data-table .col-download a {
  display: inline-block;
  margin-right: 6px;
}

.table.app-data-table .btn-group {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.table.app-data-table .btn-group > .btn {
  margin-right: 4px;
}

.table.app-data-table .btn-group > .btn:last-child {
  margin-right: 0;
}