.storage-top{
    font-size:12px;
    width: 100%;   
    background-color: #ecf2f7;
    height: 40px; 
    border-bottom: 1px solid #d8e5f3;

    .file-search {
        padding-top: 6px;
        float: right; 
        input{
            border-radius: 1px;
            padding-left: 5px;
            height: 28px;
            width: 200px;
            border:1px solid #ebebeb;
            color: #333;
        }
        svg{  
            cursor: pointer;
            width: 1.4em;
            height: 1.4em;
          //  top: 2px;
            right: 30px;
            position: relative;
        }
    }
    .nav{
         padding-top: 6px;
         margin-left: -8px;
         float: left;;
        button{ 
            padding: 0 7px;
            height:29px;
            float:left;
            background: transparent;
            border:1px solid transparent;
            border-radius: 2px;
            margin-left: 10px;
            
           &:hover{
               border-color:  rgb(171,214,234);
               background-color: #e6f3fc;
           }
           &:active{
                 line-height: 28px; 
           }



            span{
                display: inline-block;
                vertical-align: middle;
                //margin-left: 5px;
            }
            .icon {
                height: 18px;
                width: 18px;
                display: inline-block;
                vertical-align: middle;
                background-position: center center;
                background-repeat: no-repeat;
            }
            .text {
                color: #5da4e6;
                cursor: pointer;
                font-size: 14px;
                font-family:'微软雅黑';
            }
            .icon-upload {
                margin-top: -5px;
                background-image: url(../imgs/btnTop/upload.png);
            }
            .icon-down {
                background-image: url(../imgs/btnTop/download.png);
            }
            .icon-share {
                background-image: url(../imgs/btnTop/share.png);
            }
            .icon-del {
               background-image: url(../imgs/btnTop/delete.png);
            }
            .icon-floder {
                background-image: url(../imgs/btnTop/new.png);
            }
            .icon-refresh {
               background-image: url(../imgs/btnTop/refresh.png);
            }
             .icon-clear {
               background-image: url(../imgs/clear.png);
            }
            .icon-recover {
               background-image: url(../imgs/recover.png);
            }
        }
        .current{
            opacity: 0.3;
        }

        #refresh.active{
            .icon{
                // -webkit-transform:rotate(90deg);
                    animation: refresh 3s; 
                    @-webkit-keyframes refresh{
                        0%{
                            transform:rotate(0deg);
                            -webkit-transform:rotate(0deg);
                        }
                        100%{
                            transform:rotate(360deg);
                            -webkit-transform:rotate(360deg);
                        }
                    }                
            }
        }
    }
    .nav:after{
       content: "" ;                    
       display: block ;   
       height: 0 ;   
       clear: both ;   
       visibility: hidden ; 

    }

}    .upload-btn .icon{
        width: 1.5em;
        height: 1.5em; 
          fill: rgb(48, 131, 235);
    }
          .upload-btn span{
              position: absolute;
            margin-left: 10px;top: 5px;
          }