.page_down li {
    background: #F2F2F2;
    padding: 20px 15px;
    margin-top: 9px
}

.page_down li:hover .title {
    color: var(--color-main)
}

.page_down li:first-child {
    margin-top: 0
}

.page_down li .pdf {
    width: 40px;
    height: 40px;
    background: url(../images/color/pdf.png) no-repeat center / cover;
    margin-right: 33px;
    flex-shrink: 0
}

.page_down li .title {
    /* font-family: DIN; */
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 26px
}

.page_down li .down {
    width: 25px;
    height: 27px;
    background: url(../images/color/down.png) no-repeat center / cover;
    margin-right: 37px;
    flex-shrink: 0
}

.page_down li .down:hover {
    transform: rotate(360deg);
    transition: all .3s ease
}

.page_down li .eyes {
    width: 30px;
    background: url(../images/color/eyes.png) no-repeat center / cover;
    height: 24px;
    flex-shrink: 0
}

.page_down li .eyes:hover {
    transform: rotate(360deg);
    transition: all .3s ease
}

.pages {
    margin-top: 8.47%
}

@media screen and (max-width:950px) {
    .page_down li {
        padding: 15px
    }

    .page_down li .pdf,
    .page_down li .down {
        margin-right: 10px
    }
}