.lui-single-file {
    width: 261px;
    height: 299px;
    position: relative;
    outline: none;
    cursor: pointer;
    text-align: center;
    >.box {
        height: 100%;
        background-size: 100% 100%;
        padding-top: 30px;
        transition: all .5s;
        background-image: url('#{$dir}/format_default.png');
        &:hover {
            box-shadow: $box-shadow;
        }
        >.triangle {
            $border-w: 30px;
            position: absolute;
            right: -10px;
            top: -5px;
            z-index: 10;
            height: 0;
            width: 0;
            border-right: $border-w solid white;
            border-bottom: $border-w solid transparent;
            border-left: $border-w solid transparent;
            border-top: $border-w solid white;
        }
        >.title {
            padding: 0 36px;
            font-size: 16px;
            margin-bottom: 12px;
        }
        >.desc {
            margin-top: 131px;
            margin-bottom: 10px;
            padding: 0 15px;
        }
        >.some-num {
            height: 45px;
            line-height: 45px;
            color: white;
            .iconfont {
                display: inline-block;
                // margin-right: 6px;
            }
        }
        >.key-word{
            padding: 0 15px;
            >span{
                width: 106px;
                display: inline-block;
                &:first-child{
                    text-align: right;
                }
                &:last-child{
                    text-align: left;
                }
            }
            .ant-divider-vertical {
                margin: 0 8px;
                height: 1.3em;
                top: -0.3em;
                color: #dddddd;
            }
        }
    }
    >.word {
        background-image: url('#{$dir}/format_word.png');
        .key-word {
            color: $word-color;
        }
    }
    >.ppt {
        background-image: url('#{$dir}/format_ppt.png');
        .key-word {
            color: $ppt-color;
        }
    }
    >.zip {
        background-image: url('#{$dir}/format_zip.png');
        .key-word {
            color: $zip-color;
        }
    }
    >.excel {
        background-image: url('#{$dir}/format_excel.png');
        .key-word {
            color: $excel-color;
        }
    }
    >.pdf {
        background-image: url('#{$dir}/format_pdf.png');
        .key-word {
            color: $pdf-color;
        }
    }
}