.yyfile{
    width: 100%;
    height: 100%;
    position: fixed;
    left:0;
    z-index: 2;
    background: rgba(0,0,0,0.5);
    .sharefile{
         width: 100%;
         height: 100%;
    }
    .return{
        position: relative;
        left:10px;
        top:10px;
        width: 30px;
        height: 50px;
        img{
           width: 30px;
           height: 30px;
        }
    }
    .operate{
        position: absolute;
        right: 0;
        bottom: 100px;
        display: flex;
        flex-direction: column;
        width: 80px;
        height: 120px;
        justify-content: space-around;
        align-items: center;
        img{
            width: 30px;
            height: 30px;
        }
        .ping,.zhuan{
            text-align: center;
            .num{
                color:#FFFFFF;
                text-align: center;
                width: 100%;
                font-size:14px;
            }
        }
    }
}
.slide-up{
    animation: slide_upfile 0.3s;
    top:0 !important;
}
.slide-down{
    animation: slide_downfile 0.3s;
    top:100% !important;
}
@keyframes slide_downfile
{
    0%   {top: 0;}
    100% {top: 100%;}
}
@keyframes slide_upfile
{
    0%   {top: 100%;}
    100% {top: 0;}
}