.index-news {
    position: absolute;
    zoom:1;bottom: 0;
}

.index-news>li {
    float: left;
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.index-news>li>a {
    display: block;
    position: relative;
    zoom:1;border: 1px solid #f39800;
    box-shadow: 3px 3px 10px #534124;
}

.index-news>li>a>img {
    width: 300px;
    height: 170px;
}

.index-news>li>a>p {
    position: absolute;
    zoom:1;bottom: 0;
    width: 100%;
    line-height: 2.5;
    padding: 0 .2rem;
    background: rgba(255,255,255,.8);
    color: #f39800;
    font-size: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-news>li>a:hover {
    opacity: .8;
    border: 1px solid #c0c;
}

.index-news>li>a:hover>p {
    color: #333;
}

.index-news>li:nth-child(1) {
    -moz-animation: news-anima .5s linear 1s forwards;
    -o-animation: news-anima .5s linear 1s forwards;
    -webkit-animation: news-anima .5s linear 1s forwards;
    animation: news-anima .5s linear 1s forwards;
    margin-left: 97px;
}

.index-news>li:nth-child(2) {
    -moz-animation: news-anima .5s linear 1.5s forwards;
    -o-animation: news-anima .5s linear 1.5s forwards;
    -webkit-animation: news-anima .5s linear 1.5s forwards;
    animation: news-anima .5s linear 1.5s forwards;
    margin-left: 50px;
}

.index-news>li:nth-child(3) {
    -moz-animation: news-anima .5s linear 2s forwards;
    -o-animation: news-anima .5s linear 2s forwards;
    -webkit-animation: news-anima .5s linear 2s forwards;
    animation: news-anima .5s linear 2s forwards;
    margin-left: 50px;
}

@-moz-keyframes news-anima {
    from {
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        -o-transform: translateY(-10%);
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}

@-webkit-keyframes news-anima {
    from {
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        -o-transform: translateY(-10%);
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}

@keyframes news-anima {
    from {
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        -o-transform: translateY(-10%);
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}

.index-poster a {
    margin-top: 10px;
}

.index-poster a:hover {
    opacity: .8;
}

.index-poster a:nth-child(1) {
    padding-right: 5px;
}

.index-poster a:nth-child(2) {
    padding-left: 5px;
}