﻿.btn_back {
    display: block;
    margin: 10px auto;
    padding: 0 20px;
    width: 150px;
    height: 44px;
    line-height: 42px;
    padding: 0px 30px;
    border-radius: 40px;
    border: 1px solid #5b5b5b;
    color: #5b5b5b;
    transition: all .5s;
}

@media (max-width: 668px) {
    .btn_back {
        position: static;
        margin: 0px auto 20px;
        height: 40px;
    }
}

.btn_back span {
    display: block;
    float: right;
    margin: 15px 0 0 5px;
    width: 15px;
    height: 12px;
    position: relative;
}

    .btn_back span:before, .btn_back span:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        line-height: 1px;
        background: #5b5b5b;
        position: absolute;
        left: 0;
        transition: all .5s;
    }

    .btn_back span:before {
        top: 0;
    }

    .btn_back span:after {
        bottom: 0;
    }

    .btn_back span i {
        display: block;
        width: 100%;
        height: 1px;
        line-height: 1px;
        background: #5b5b5b;
        position: absolute;
        left: 0;
        top: 50%;
        transition: all .5s;
    }

.btn_back:hover {
    background: #009a3a;
    border-color: #009a3a;
    color: #fff;
}

    .btn_back:hover span:before, .btn_back:hover span:after {
        width: 10px;
        background: #fff;
    }

    .btn_back:hover span:before {
        top: 2px;
        transform: rotate(-45deg);
    }

    .btn_back:hover span:after {
        bottom: 2px;
        transform: rotate(45deg);
    }

    .btn_back:hover span i {
        opacity: 0;
    }

.cur_title {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}

    .cur_title p {
        font-size: 24px;
        color: #332d2d;
    }

.cur_date {
    text-align: center;
    color: #666;
    font-size: 14px;
    margin: 0 20px;
    padding-top: 15px;
}

    .cur_date span {
        margin: 0 10px;
        color: #999;
    }

.cur_content {
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: justify;
}

    .cur_content * {
        font-size: 16px;
        color: #332d2d;
    }

    .cur_content img {
        max-width: 100%;
    }

@media (max-width:768px) {
    .cur_title {
        padding-bottom: 10px;
        padding-top: 10px;
    }

        .cur_title p {
            font-size: 18px;
        }

    .cur_date {
        margin: 0;
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .cur_content {
        border-top: none;
        padding-top: 15px;
    }
}

.inner_page {
    padding: 30px 110px 55px;
    background-color: #fff;
}

.icon_time {
    background: url(/Content/img/time_min.png) no-repeat;
    width: 16px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.icon_hit {
    background: url(/Content/img/hit.png) no-repeat;
    width: 20px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.innert_t {
    padding-top: 25px;
    border-top: 1px dotted #e1dfe0;
}

    .innert_t a {
        max-width: 48%;
        display: inline-block;
        position: relative;
        line-height: 30px;
        color: #777777;
    }

        .innert_t a:before {
            content: "";
            width: 11px;
            height: 11px;
            position: absolute;
            top: 50%;
            margin-top: -5px;
        }

    .innert_t .prev {
        float: left;
        padding-left: 20px;
    }

    .innert_t .next {
        float: right;
        padding-right: 20px;
    }

    .innert_t a:hover div {
        color: #b48b62;
    }

@media (max-width:768px) {
    .inner_page {
        width: 100%;
        padding: 0px 10px 0px 10px;
        display: flex;
        flex-direction: column;
    }

    .news_page {
        min-height: 100%;
    }

    .cur_content {
        flex: 1;
    }

        .cur_content img {
            width: 100%;
        }

    .innert_t {
        display: none;
    }
}
