@charset "UTF-8";
   .content_page_link {
    padding-top: 10px;
    padding-bottom: 50px;
    font-size: 0
}

@media screen and (max-width: 1199px) {
        .content_page_link {
            padding-top: 10px;
            padding-bottom: 50px;
            font-size: 0
        }
}

.content_page_link a,.content_page_link span {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #8a8f99;
}

.content_page_link a {
    position: relative;
    padding-right: 32px
}

.content_page_link a:hover {
    color: #242933
}

.content_page_link a:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGfSURBVHgB7ZZNTsJAFMf/pSUmuuEIHAFvAEfgBMpCxbjQWeBH3MCCECBaWBhCY4KeoEeAG8ARegO7cuFHx3kyExtX8+HO/jbtTDrv/fte598BCgr+O57ug/0wqpXB13JRCpQmHXbUgyMl3Qdv2fGG8+yZ7jlQ4ci6w+njARzRroBiHEZLDl5X409kjRt2uoIl2hVQBCg3xWWjxj5KcT98qMESYwGMtVLx1iQikVOVMoJ4EM6qsMC4BQpKKN5+KW6rciqR7UhggHEFFNtEH1SJVE4JQX7cDRcVGGAtgLhkZxvZDgmv7eI9NgjhJoCgHSBEtHIi6qMwWuiudxYgRTyB82lOxOHwbn6hs/ZPBBCe57/YRLbeBXlG99E5PD5R4wx8es3aWhVwFjAYz+p+8L0dZUC+6rB2Q3d9AAfICwLhhFyOxTV5xU7TJIb1N6CMiH5MKnkmjKgrnNIkjlULfrugSm7qglYCyOl28bbGjwXTv2HfJjlh3IK9rdNV1Zic0Da5sYBxOA/zZwFReuZyFiCsjmSCVCTvXbGTCQoKChz5Am0wlXuXTAGVAAAAAElFTkSuQmCC") center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: default
}

.prev-next {
        margin-top: 90px
    }

.prev-next > a {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-right: 4.2%;
    height: 188px;
    background-color: #f5f7fa;
    padding: 45px 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.prev-next > a:last-of-type {
    margin-right: 0
}

.prev-next > a:hover {
    background-color: #e6e6e6
}

.prev-next > a > span {
    display: inline-block;
    font-size: 18px;
    line-height: normal;
    color: #8a8f99;
    margin-bottom: 10px;
}

.prev-next > a > h5 {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
    color: #242933;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.prev-next > .line {
    display: block;
    width: 100%
}

@media screen and (min-width: 769px) and (max-width:1199px) {
    .prev-next {
        margin-top: 60px
    }

    .prev-next > a {
        width: 47.7%;
        margin-right: 4.6%
    }
}


@media screen and (max-width: 768px) {
    .prev-next {
        margin-top: 16.53646vw;
        padding: 0 2.60417vw
    }

    .prev-next > a {
        width: 100%;
        height: 24.47917vw;
        padding: 5.85938vw 5.20833vw 0;
        margin: 0 0 3.64583vw;
        -webkit-border-radius: 1.5625vw;
        -moz-border-radius: 1.5625vw;
        border-radius: 1.5625vw
    }

    .prev-next > a > span {
        font-size: 2.73438vw;
        line-height: 4.42708vw;
        margin-bottom: .91146vw
    }

    .prev-next > a > h5 {
        font-size: 4.29688vw;
        line-height: 5.72917vw
    }
}