.hideElement {
    display: none;
}
/*单行文本省略号 默认不限宽度*/
.text-Single {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*单行文本截断*/
.text-Overflow {
    /*text-overflow: ellipsis;*/
    white-space: nowrap;
    overflow: hidden;
}
/*多行文本省略号 需要结合text-line(行数)使用 默认不限宽度*/
.text-dot {
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    overflow: hidden;
}
/*1行文本省略号 需要结合text-dot使用 默认不限宽度*/
.text-line {
    -webkit-line-clamp: 1;
}
/*2行文本省略号 需要结合text-dot使用 默认不限宽度*/
.text-line2 {
    -webkit-line-clamp: 2;
}
/*3行文本省略号 需要结合text-dot使用 默认不限宽度*/
.text-line3 {
    -webkit-line-clamp: 3;
}
/*4行文本省略号 需要结合text-dot使用 默认不限宽度*/
.text-line4 {
    -webkit-line-clamp: 4;
}
/*5行文本省略号 需要结合text-dot使用 默认不限宽度*/
.text-line5 {
    -webkit-line-clamp: 5;
}

/*鼠标手势可点击效果*/
.cursor-pointer {
    cursor: pointer;
}

.cursor-pointer-red {
    cursor: pointer;
}

.cursor-pointer-red:hover {
    color: red;
}


/*区域元素加载动画样式--闪动*/
.img-regionLoading-start {
    animation: start 0.9s infinite;
    -moz-animation: start 0.9s infinite; /* Firefox */
    -webkit-animation: start 0.9s infinite; /* Safari and Chrome */
    -o-animation: start 0.9s infinite; /* Opera */
}

@keyframes start {
    0% {
        filter: alpha(opacity=60);
        -moz-opacity: 0.60;
        -khtml-opacity: 0.60;
        opacity: 0.60;
    }

    100% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@-moz-keyframes start /* Firefox */
{
    0% {
        filter: alpha(opacity=60);
        -moz-opacity: 0.60;
        -khtml-opacity: 0.60;
        opacity: 0.60;
    }

    100% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@-webkit-keyframes start /* Safari and Chrome */
{
    0% {
        filter: alpha(opacity=60);
        -moz-opacity: 0.60;
        -khtml-opacity: 0.60;
        opacity: 0.60;
    }

    100% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@-o-keyframes start /* Opera */
{
    0% {
        filter: alpha(opacity=60);
        -moz-opacity: 0.60;
        -khtml-opacity: 0.60;
        opacity: 0.60;
    }

    100% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}
/*区域元素加载动画样式--闪动*/
.img-regionLoading-move-Right {
    animation: moveLeft 1.5s infinite;
    -moz-animation: moveLeft 1.5s infinite; /* Firefox */
    -webkit-animation: moveLeft 1.5s infinite; /* Safari and Chrome */
    -o-animation: moveLeft 1.5s infinite; /* Opera */
}
/*区域元素加载动画样式--闪动*/
.img-regionLoading-move-Left {
    animation: moveRight 1.5s infinite;
    -moz-animation: moveRight 1.5s infinite; /* Firefox */
    -webkit-animation: moveRight 1.5s infinite; /* Safari and Chrome */
    -o-animation: moveRight 1.5s infinite; /* Opera */
}

@keyframes moveLeft {
    0% {
        left: 0;
    }

    50% {
        left: 50%;
    }

    100% {
        left: 100%;
    }
}

@keyframes moveRight {
    0% {
        right: 0;
    }

    50% {
        right: 50%;
    }

    100% {
        right: 100%;
    }
}