EasyImages2.0/public/static/EasyImage.css

  /** 图片列表*/
  
  @media screen and (min-width:960px) {
      .listNum img {
          width: 258px;
          height: 258px;
      }
  }
  
  @media screen and (max-width:960px) {
      .listNum img {
          width: 358px;
          height: 258px;
      }
  }
  /** 返回顶部*/
  
  * {
      list-style: none;
      border: 0;
  }
  
  #rocket-to-top div {
      left: 0;
      margin: 0;
      overflow: hidden;
      padding: 0;
      position: absolute;
      top: 0;
      width: 110px;
  }
  
  #rocket-to-top .level-2 {
      background: url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
      display: none;
      height: 250px;
      opacity: 0;
      z-index: 1;
  }
  
  #rocket-to-top .level-3 {
      background: none repeat scroll 0 0 transparent;
      cursor: pointer;
      display: block;
      height: 150px;
      z-index: 2;
  }
  
  #rocket-to-top {
      background: url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
      cursor: default;
      display: block;
      height: 250px;
      margin: -125px 0 0;
      overflow: hidden;
      padding: 0;
      position: fixed;
      right: 0;
      top: 80%;
      width: 110px;
      z-index: 11;
  }
  
  .cards {
      padding-top: 0px;
      padding-bottom: 0px;
      margin-right: 0px;
      margin-left: 0px;
  }
  
  .card {
      box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
      border-radius: 5px 5px 5px 5px;
  }
  
  img {
      cursor: pointer;
      transition: all 0.8s;
  }
  
  img:hover {
      transform: scale(1.5);
      position: relative;
      z-index: 100;
  }
  
  .bottom-bar {
      width: 100%;
      position: absolute;
      bottom: -4px;
      background-color: rgba(0, 0, 0, 0.2);
  }