body {}

#content>a {
    display: -webkit-box;
    border: 1px solid gray;
    padding: 20px;
    margin-top: 40px;
}

#content>a:hover {
    border: 1px solid #F7902B;
    color: #F7902B;
}

#content>a .img_box {
    width: 240px;
    height: 160px;
    /* border: 1px solid #000;   */
    /* margin: 50px auto;   */
    overflow: hidden;
    border-radius: 5px;
}

#content>a .img_box img {
    width: 240px;
    height: 160px;
    cursor: pointer;
    transition: all 0.5s;
    /* 所有的属性变化在0.5s的时间段内完成 */
}

#content>a .img_box img:hover {
    transform: scale(1.2);
    /* 鼠标放到图片上的时候图片按比例放大1.5倍   */
}

#content>a .info_box {
    margin-left: 20px;
    width: 900px;
}

#content>a div .title {
    color: inherit;
}

#content>a div .date {
    line-height: 80px;
    color: gray;
}

#content>a div .description {
    line-height: 24px;
    color: gray;
}

.fy_box {
    width: 1200px;
    margin-top: 70px;
}

.fy_box>div {
    margin: 0 auto;
    width: max-content;
}

.fy_box>div>span {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.fy_box>div>span:first-child {
    width: 80px;
}

.fy_box>div>span:last-child {
    width: 80px;
}

.fy_box>div>span>a {
    display: block;
    text-align: center;
    line-height: 30px;
    color: #888888;
    border: 1px solid #D2D2D2;
}

.fy_box>div>span>a:hover {
    color: white;
    background-color: #F7902B;
    border: 1px solid #F7902B;
}

.currentPage{
    color: white;
    background-color: #F7902B;
}