$heightCalc:120;
$titleHeight:7%;
$titleColor:#333333;
.page-wrap {
    * {
        box-sizing: border-box;
    }

    //wrap
    .ppt-page-wrap {
        background-color: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        /* padding: 30px 20px; */
        height: calc(100vh - 120px);
        //top->y;left->x;
        //title部分占整个ppt的14%,调整top,left使其居中
        .title-wrap {
            width: 68%;
            height: $titleHeight;
            /* background-color: rgba(45, 130, 102,0.5); */
            position: absolute;
            top: 5.5%;
            left: 10%;
            z-index: 100;
            display: flex;
            font-size: 24px;
            color:$titleColor;
            align-items: center;
            transform-origin: 0 0;
            word-break: break-word;
            input{
                font-size: 24px;
                color:$titleColor;
                background: transparent;
                border: none;
                flex: 1;
            }
        }
    }

    //ppt-title-ellipsis
    .title-ellipsis{
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        display:-webkit-box !important;
        -webkit-box-orient:vertical;
        word-break: break-word;
    }

    .hint-text {
        text-align: center;
        color: #409EFF;
        font-size: 14px;
    }

    .flex-column {
        display: flex;
        flex-direction: column;
    }

    .flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .flip-list-move {
        transition: transform 0.5s;
    }
    .fade-enter-active, .fade-leave-active {
        transition: opacity .5s;
    }
}