.time {
    font-size: 13px;
    color: #999;
  }
  .image {
    width: 100%;
    display: block;
  }
  .card_bottom {
    /* margin-top: 15px; */
    line-height: 20px;
    /* height: 40px; */
    overflow: hidden;
    display:flex;
    justify-content: space-between;
  }

  .card_button {
    /* width: 50%;
    float: right; */
    text-align: right;
    /* cursor: pointer; */
  }
  .card_txt{
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis
  }
  .card_state{
    flex: 1;
    /* width: 50%;
    float: left; */
  }
  .card_name{
    width: 70%;
    float: left;
  }
  .card_group{
    width: 30%;
    float: right;
    text-align: right
  }

  .image-title{
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10;
    background: #fcf8f8;
    width:100%;
    height:40px;
    font-size:18px;
    line-height:40px;
    text-align:center
  }

  .image-view{
    /* margin-left: 0px;
    margin-top: -20px;
    margin-bottom: 0px; */
    /* max-height:  calc(100% - 120px); */
    max-width: 100%;
  }
  .image-bottom{
    position: fixed;
    text-align: center;
    /* padding: 10px; */
    left: 0px;
    width: 100%;
  }
  .image-info{
    height: 40px;
    bottom: 80px;
    text-align: right;
    font-size: 10pt;
    color: #fff
  }
  .boot-info{
    background: #f8f8f8;
    height: 80px;
    bottom: 0px
  }
  .view-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
  }

.el-image-viewer__close {
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #fff
}