.content {
    max-width: 12rem;
    margin: 0 auto;
}

.content-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: .43rem;
}

.item {
    width: 2.54rem;
    height: 2.72rem;
    margin-bottom: .32rem;
    font-size: .38rem;
    background: #FFFFFF;
    box-shadow: 0.04rem 0.04rem 0.06rem 0 rgba(167, 178, 196, 0.34);
    border-radius: 0.12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    color: #333333;
    font-weight: 600;
}

.policy {
    background: url('/image/web/seniors/zhuanti-754ad1d217489c07dfae1c4d59d04c40.png') center no-repeat;
    background-size: 100%;
    height: .46rem;
    margin: .52rem 0
}

.content-policy-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.content-policy-list a {
    display: flex;
}

.content-policy-item {
    font-size: .4rem;
    width: 3.68rem;
    height: 2.46rem;
    margin-top: .39rem;
}

.content-policy-item p {
    font-size: .4rem;
    /*width: 2.5rem;*/

    margin-left: .39rem;
    font-weight: 600;
    color: #2B3C6A;
}

.yanglao {
    background: url("/image/web/seniors/yanglao-104f91361a43d19e4fb6f0f26a5bbbbf.png") no-repeat;
    background-size: 100%;
}

.geren {
    background: url("/image/web/seniors/geren-2a8457789e6560de48914b17c62e438c.png") no-repeat;
    background-size: 100%;
}

.dibao {
    background: url("/image/web/seniors/dibao-33f458527bb3c4ecfefb2989212f604e.png") no-repeat;
    background-size: 100%;
}

.shebao {
    background: url("/image/web/seniors/shebao-6fd567852de61b52d5b4901228d57180.png") no-repeat;
    background-size: 100%;
}

.yang {
    background: url("/image/web/seniors/yang-1653a287e25d082b21d45e0ac8d72111.png") no-repeat;
    background-size: 100%;
}

.chengx {
    background: url("/image/web/seniors/chengx-20a65468556b38055bfa9cbcb649420f.png") no-repeat;
    background-size: 100%;
}

.features {
    background: url("/image/web/seniors/guojia-bc1bc882cc0162ca895c47f88f8338af.png") center no-repeat;
    background-size: 100%;
    height: 1.5rem;
    margin: .4rem 0;
    width: 100%;
}

.service {
    background: url("/image/web/seniors/laonian-7057719294c5eab6d03b5d1ecf455a03.png") center no-repeat;
    background-size: 100%;
    height: 1.5rem;
    margin: .4rem 0;
}

@media screen and (max-width: 450px) {
    .item {
        width: 1.6rem;
        height: 1.75rem;
        margin-bottom: .16rem;
        font-size: .23rem;
        background: #FFFFFF;
        box-shadow: 0.013rem 0.013rem 0.02rem 0 rgba(167, 178, 196, 0.34);
        border-radius: 0.1rem;
    }

    .content-policy-item {
        font-size: .128rem;
        width: 1.77rem;
        height: 1.185rem;
        margin-top: .125rem;
    }

    .policy {
        background: url('/image/web/seniors/zhuanti-754ad1d217489c07dfae1c4d59d04c40.png') center no-repeat;
        background-size: 100%;
        height: .15rem;
        margin: .17rem 0
    }

    .content-policy-item p {
        font-size: .175rem;
        /*width: 1.98rem;*/
        margin-left: .225rem;
    }

    .features {
        background: url("/image/web/seniors/guojia-bc1bc882cc0162ca895c47f88f8338af.png") center no-repeat;
        background-size: 100%;
        height: .448rem;
        margin: .128rem 0;
    }

    .service {
        background: url("/image/web/seniors/laonian-7057719294c5eab6d03b5d1ecf455a03.png") center no-repeat;
        background-size: 100%;
        height: .448rem;
        margin: .128rem 0;
    }
}

.nav {
    width: 100%;
    height: .99rem;
    background: white;
}

.line {
    border-right: 0.08rem solid #004EB2;
    width: 0.02rem;
    height: 0.38rem;
    margin: auto 0;
}

.nav-content {
    display: flex;
    max-width: 11rem;
    width: 100%;
    margin: 0 auto;
    font-size: .4rem;
    line-height: .99rem;
    font-weight: 600;
    color: #054FAC;

}

.nav-content-title {
    margin-left: .19rem;
}

.content {
    max-width: 11rem;
    width: 100%;
    margin: .34rem auto 0;
}

.list {
    margin-top: .26rem;
    background: white;
    border-radius: .21rem;
    padding: .45rem .17rem .51rem .33rem;
}

.list a {
    display: flex;
    flex-direction: column;
}

.list-top {
    display: flex;
    justify-content: space-between;
    line-height: .69rem;
}


.reading {
    background: #6088FF;
    border-radius: .15rem;
    height: .69rem;
    width: 1.79rem;
    color: white;
    display: flex;
    justify-content: space-around;
    font-size: .34rem;
    font-weight: 400;
    padding: 0 .13rem;
}

.list-top .time {
    font-size: .32rem;
    color: #A7A7A7;
}

.list-title {
    margin-top: .18rem;
    font-size: .36rem;
    font-weight: 500;
    color: #054FAC;
    line-height: 1.5;
}

.list-content {
    margin-top: .31rem;
    font-size: .34rem;
    font-weight: 400;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 450px) {
    .nav {
        width: 100%;
        height: 0.4rem;
        background: white;
        box-shadow: 0 1px 0 0 #aeaeae;
    }

    .nav-content {
        display: flex;
        width: 100%;
        margin: 0 auto;
        font-size: .2rem;
        line-height: .4rem;
        font-weight: 600;
        color: #054FAC;
    }

    .line {
        border-right: 0.03rem solid #004EB2;
        width: 0.02rem;
        height: 0.19rem;
        margin: auto 0;
    }

    .nav-content-title {
        margin-left: 0.06rem;
    }

    .content {
        width: 100%;
        margin: 0.11rem auto 0;
        box-sizing: border-box;
        padding: 0 .1rem;
    }

    .list {
        margin-top: 0.1rem;
        padding: 0.25rem 0.17rem 0.21rem 0.23rem;
    }

    .list-top {
        display: flex;
        justify-content: space-between;
        line-height: 0.29rem;
        align-items: center;
    }

    .list-top .time {
        font-size: .2rem;
        color: #A7A7A7;
    }

    .reading {
        font-size: .15rem;
        height: 0.5rem;
        line-height: .5rem;
        width: 1.15rem;
    }

    .reading img {
        width: .7rem;
    }

    .list-title {
        font-size: .24rem;
    }

    .list-content {
        font-size: .22rem;
        margin-top: 0.2rem;
    }
}

.page {
    width: 1200px;
    margin: 10px auto;
    text-align: center;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: center;
    margin: 30px 0;
}

.pagination li {
    width: 50%;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.2rem 0.3rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    font-size: .36rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.content {
    max-width: 11rem;
    width: 100%;
    margin: .49rem auto;
}

.title {
    width: 100%;
    font-size: .38rem;
    font-weight: 500;
    color: #054FAC;
}

.information {
    display: flex;
    justify-content: space-between;
    background: #EEF1F8;
    border-radius: .04rem;
    border: 1px solid #67798D;
    padding: .12rem .26rem;
    margin-top: .39rem;
}

.information div:first-child {
    font-size: .3rem;
    font-weight: 400;
    color: #646464;

}

.information div:last-child {
    font-weight: 400;
    color: #FFFFFF;
    font-size: .34rem;
    line-height: 0.5rem;
    background: #6088FF;
    border-radius: 15px;
    padding: .12rem .13rem .12rem .25rem;
}

.content-text {
    font-size: .34rem;
    font-weight: 400;
    color: #333333;
    margin-top: .39rem;
    line-height: 1.8;
    text-align: justify;
}

.nav {
    width: 100%;
    height: .99rem;
    background: white;
    box-shadow: 0 1px 0 0 #AEAEAE;
}

.line {
    border-right: 0.08rem solid #004EB2;
    width: 0.02rem;
    height: 0.38rem;
    margin: auto 0;
}

.nav-content {
    display: flex;
    max-width: 11rem;
    width: 100%;
    margin: 0 auto;
    font-size: .4rem;
    line-height: .99rem;
    font-weight: 600;
    color: #054FAC;

}

.seniors-footer {
    background: #0348B9;
    color: white;
    font-size: .28rem;
}

.seniors-footer-box {
    max-width: 11rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    box-sizing: border-box;
    line-height: 1.5;
}

.seniors-footer-box a {
    color: white;
}

.seniors-footer-box .part-icon {
    background: #2861DA;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seniors-footer-box .copy-right {
    background: #2861DA;
    text-align: center;
    margin: 0 10px;
    padding: 20px;
    width: 100%;
}

.seniors-footer-box .copy-right .nav-list a {
    font-size: .2rem;
    padding-right: 10px;
}

.seniors-footer-box .copy-right .nav-list a span {
    width: 2px;
    height: 0.2rem;
    background: white;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: 3px;
}

.seniors-footer-box .copy-right .info {
    font-size: .18rem;
}

.seniors-footer-box .copy-right .info a {
    font-size: .2rem;
}

.seniors-footer-box .jiucuo {
    background: #2861DA;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.nav-content-title {
    margin-left: .19rem;
}

@media screen and (max-width: 450px) {
    .nav {
        width: 100%;
        height: 0.42rem;
        background: white;
        box-shadow: 0 1px 0 0 #aeaeae;
    }

    .nav-content {
        display: flex;
        width: 100%;
        margin: 0 auto;
        font-size: .2rem;
        line-height: 0.42rem;
        font-weight: 600;
        color: #054FAC;
    }

    .line {
        border-right: 0.03rem solid #004EB2;
        width: 0.02rem;
        height: 0.18rem;
        margin-left: 15px;
    }

    .nav-content-title {
        margin-left: 0.06rem;
    }

    .content {
        box-sizing: border-box;
        width: 100%;
        border-bottom: 1px solid #CBCBCB;
        margin: 0.157rem auto;
        padding-bottom: 0.16rem;
        padding-left: 0.1rem;
        padding-right: 0.1rem;
    }

    .title {
        font-size: .26rem;
        font-weight: 500;
        color: #054FAC;
        box-sizing: border-box;
    }

    .information {
        display: flex;
        justify-content: space-between;
        background: #EEF1F8;
        border-radius: 0.04rem;
        border: 1px solid #67798D;
        padding: 0.12rem 0.16rem;
        margin-top: 0.125rem;
    }

    .information div:first-child {
        font-size: .18rem;
        font-weight: 400;
        color: #646464;
    }

    .information div:last-child {
        font-weight: 400;
        color: #FFFFFF;
        font-size: .15rem;
        line-height: 0.1rem;
        background: #6088FF;
        border-radius: 0.05rem;
        padding: 0.12rem 0.13rem 0.12rem 0.25rem;
    }

    .content-text {
        font-size: .23rem;
        font-weight: 400;
        color: #333333;
        margin-top: 0.09rem;
        line-height: 1.8;
    }

    .seniors-footer-box {
        margin: 0 auto;
        display: flex;
        padding: 30px 0;
        line-height: 1.5;
        align-content: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .seniors-footer-box .copy-right {
        width: auto;
        margin: 20px;
    }
}