::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    }
    ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
        background-color: #e2e2e2;
        border-radius: 2px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: rgba(0,0,0,.3);
    }
    ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
        background-color: #e2e2e2;
        border-radius: 2px;
    }


  /*未使用过*/
  .file a:link{
    font-size: 1em;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-family: Microsoft YaHei;
    font-family: 微软雅黑;
    text-decoration:none;
  }
  /*使用过后*/
  .file  a:visited{
    font-size: 1em;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-family: Microsoft YaHei;
    font-family: 微软雅黑;
    /*text-decoration:none;*/
  }
  /*悬停*/
  .file  a:hover{
    font-size: 1em;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-family: Microsoft YaHei;
    font-family: 微软雅黑;
    /*text-decoration:#000;*/
  }
/*  a:active{

  }*/
  #list{
    /*width: 100%;*/
    /*float: left;*/
    margin-left: 5%;
    padding: 5px;
    margin-bottom: 0.5%;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 1em;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-family: Microsoft YaHei;
    font-family: 微软雅黑;
  }
  #list-top{
    /*width: 100%;*/
    /*float: left;*/
    /*margin-left: 5%;*/
    padding-left:5%;
    /*margin-bottom: 0.5%;*/
    /*margin-top: 1%;*/
    /*width: 80%;*/
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 1em;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-family: Microsoft YaHei;
    font-family: 微软雅黑;
  }
  #list2{
    width: 61%;
    float: left;
    padding-left:0.5%;
  }
  #ka{
    /*margin-left: 20%;*/
    /*margin-bottom: 0.5%;*/
    /*width: 80%;*/
    display: flex;
    padding-left: 1%;
    align-items: center;
    justify-content: left;
    font-size: 1em;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-family: Microsoft YaHei;
    font-family: 微软雅黑;
  }
    #dow{
    /*margin-left: 20%;*/
    /*margin-bottom: 0.5%;*/
    /*width: 80%;*/
    display: flex;
    padding-left: 1%;
    align-items: center;
    justify-content: left;
    font-size: 1em;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-family: Microsoft YaHei;
    font-family: 微软雅黑;
  }
  #echo_name{
    width: 61%;
    padding-left:0.5%;
    float: left;
  }
  #echo_size{
    width: 10%;
    float: left;
  }
  #echo_time{
    width: 12%;
    float: left;
  }
  .agg{
    /*background: #00000020;*/
    background: #ffffff90;
    margin: 0% 20% 1% 20%;
    padding: 1% 0 3% 0;
    border-radius: 15px;
  }
  .agg-top{
    background: #ffffffa0;
    margin: 3% 20% 1% 20%;
    padding: 0.5% 0 0.5% 0;
    border-radius: 8px;
  }
  .agg-top-div{
    margin-left: 5%;
    margin-bottom:1.5%;
    width: 95%;
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 1em;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    font-family: Microsoft YaHei;
    font-family: 微软雅黑;
  }
  .agg-top-text{
    width:65%;
  }
  .echo_ico{
    width:4%;
  }
  #img_ico{
    width:100%;
  }
  
  
  /*加载动画*/
		.scene {
		  display: none;
          width: 100%;
          height: 100%;
          -webkit-perspective: 600;
                  perspective: 600;
          /*display: flex;*/
          align-items: center;
          justify-content: center;
          position: fixed;
          z-index: 1;
        }
        .scene svg {
          width: 240px;
          height: 240px;
        }
        
        .dc-logo {
          position: fixed;
          right: 10px;
          bottom: 10px;
        }
        
        .dc-logo:hover svg {
          -webkit-transform-origin: 50% 50%;
                  transform-origin: 50% 50%;
          -webkit-animation: arrow-spin 2.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
                  animation: arrow-spin 2.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        }
        .dc-logo:hover:hover:before {
          content: '\2764';
          padding: 6px;
          font: 10px/1 Monaco, sans-serif;
          font-size: 10px;
          color: #00fffe;
          text-transform: uppercase;
          position: absolute;
          left: -70px;
          top: -30px;
          white-space: nowrap;
          z-index: 20px;
          box-shadow: 0px 0px 4px #222;
          background: rgba(0, 0, 0, 0.4);
        }
        .dc-logo:hover:hover:after {
          content: 'Digital Craft';
          padding: 6px;
          font: 10px/1 Monaco, sans-serif;
          font-size: 10px;
          color: #6E6F71;
          text-transform: uppercase;
          position: absolute;
          right: 0;
          top: -30px;
          white-space: nowrap;
          z-index: 20px;
          box-shadow: 0px 0px 4px #222;
          background: rgba(0, 0, 0, 0.4);
          background-image: none;
        }
        
        @-webkit-keyframes arrow-spin {
          50% {
            -webkit-transform: rotateY(360deg);
                    transform: rotateY(360deg);
          }
        }
        
        @keyframes arrow-spin {
          50% {
            -webkit-transform: rotateY(360deg);
                    transform: rotateY(360deg);
          }
        }