@charset "utf-8";
        /*====翻页====*/
        
        .j_pages {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            padding-top: .15rem;
        }
        
        .j_pages .box {
            display: flex;
            padding: 0;
            font-size: 0;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .j_pages a {
            padding: 0px 0.13rem;
            height: 0.34rem;
            line-height: 0.34rem;
            display: inline-block;
            margin: 0 3px 0.1rem;
            color: #919191;
            font-size: 0.14rem;
            transition: all .3s;
            border-radius: .04rem;
            border: 1px solid #ccc;
            background: #F4F6FA;
        }
        
        .j_pages a font {
            padding: 0 0.1rem
        }
        
        .j_pages .on {
            background: #98151f;
            color: #fff;
            border: none;
        }
        
        .j_pages a:hover {
            background: #98151f;
            color: #fff!important;
        }
        
        .j_pages span {
            color: #919191;
            height: 0.34rem;
            line-height: 0.34rem;
            display: inline-block;
            font-size: 0.14rem;
        }
        
        .j_pages input {
            color: #919191;
            padding: 0px 0.16rem;
            height: 0.4rem;
            line-height: 0.4rem;
            display: inline-block;
            font-size: 0.14rem;
            background: #f6f6f6;
            border: none;
            cursor: pointer;
            border-radius: 0;
            transition: 0.6s;
        }
        
        .j_pages input[type="text"] {
            width: 0.4rem;
            padding: 0;
            text-align: center
        }
        
        .j_pages input[type="submit"]:hover {
            background: #98151f;
            color: #fff
        }
        /* 手机内页二级导航 */
        
        .wrap_ph {
            margin-top: 0.3rem;
            display: none;
        }
        
        .wrap_ph h2 {
            width: 100%;
            color: #fff;
            height: 0.6rem;
            line-height: 0.6rem;
            font-size: 0.26rem;
            padding: 0 0.2rem;
            background: #98151f;
        }
        
        .wrap_ph h2::after {
            width: 0.32rem;
            height: 0.32rem;
            background: url(../images/cd.svg) no-repeat right center/cover;
            left: auto;
            right: 0.2rem;
            top: 50%;
            transform: translateY(-50%);
        }
        
        .wrap_ph ul {
            padding: 0.1rem 0.2rem 0.2rem;
            display: none;
            box-shadow: 0px 0.1rem 0.3rem 0px rgba(69, 10, 66, 0.11);
        }
        
        .wrap_ph li {
            font-size: 0.18rem;
            line-height: 0.4rem;
        }
        
        .wrap_ph li h3 {
            position: relative;
        }
        
        .wrap_ph li a {
            font-size: .2rem;
            font-weight: normal;
            transition: 0.5s;
            display: block;
            color: #333;
        }
        
        .wrap_ph h2 {
            position: relative;
        }
        
        .wrap_ph h2::after {
            content: "";
            position: absolute;
            width: 0.32rem;
            height: 0.32rem;
            background: url(../images/cd.svg) no-repeat right center/cover;
            left: auto;
            right: 0.2rem;
            top: 50%;
            transform: translateY(-50%);
        }
        
        .wrap_ph {
            display: none;
        }
        
        .wrap_ph li.active a {
            color: #98151f;
        }
        
        .wrap_ph i {
            opacity: 1;
            display: inline-block;
            width: .34rem;
            height: .3rem;
            display: inline-block;
            background: url(../images/arrow_down.svg) center no-repeat;
            background-size: 15px 15px !important;
            position: absolute;
            display: block;
            right: 0;
            top: 2px;
            transition: 0.5s;
        }
        
        .wrap_ph i.on {
            transform: rotate(-90deg);
        }
        
        .wrap_ph .box {
            display: none;
            padding-left: 0.25rem;
        }
        
        .wrap_ph .box a {
            font-size: 0.16rem;
            line-height: 0.35rem;
            color: #666 !important;
            display: block;
        }
        
        .wrap_ph .box a:hover {
            color: #00447D;
        }
        
        .ny-tit {
            position: relative;
            margin-top: -0.5rem;
            line-height: 1rem;
            padding: 0 0.7rem;
            border-radius: 0.6rem;
            background: #98151f;
            z-index: 6;
            margin-bottom: .7rem;
        }
        
        .ny-tit h2 {
            font-weight: normal;
            font-size: .28rem;
            color: #fff;
        }
        
        .ny-tit h2 span {
            padding-left: 0.05rem;
            font-size: 0.18rem;
            font-family: "Arial";
        }
        
        .ny-tit .position span {
            font-size: .18rem;
            color: #fff;
        }
        
        .ny-tit .position a {
            font-size: .18rem;
            color: #fff;
        }
        
        .ny-tit .position a:hover {
            text-decoration: underline;
        }
        
        .inner {}
        
        .inner_left {
            float: left;
            width: 2.2rem;
            z-index: 6;
            position: relative;
            margin-right: 1rem;
        }
        
        .inner_right {
            overflow: hidden;
            min-height: 950px;
        }
        
        .inner_left h2 {
            background: #98151f;
            border-radius: 0.1rem 0.1rem 0 0;
            text-align: center;
            font-weight: normal;
            color: #fff;
            padding: 0.29rem 0;
        }
        
        .inner_left h2 p {
            line-height: 1;
            font-size: .26rem;
        }
        
        .inner_left h2 span {
            font-size: .16rem;
            text-transform: uppercase;
        }
        
        .inner_left h2 i {
            font-size: .16rem;
            text-transform: uppercase;
        }
        
        .inner_left ul li {
            position: relative;
            margin-top: 3px;
            background: #f4f4f4;
            text-align: center;
        }
        
        .inner_left ul li h3 {
            font-size: 0.16rem;
            line-height: .6rem;
            color: #292830;
            font-weight: normal;
        }
        /* .inner_left ul li.on h3 {
    background: #F5F6F8;
} */
        /* .inner_left ul li h3::after {
    width: auto;
    height: auto;
    background: #F5F6F8;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0rem;
} */
        
        .inner_left ul h3 a {
            display: block;
            cursor: pointer;
            width: 100%;
            color: #292830;
            line-height: .6rem;
            transition: 0.5s;
            background-position: right .3rem center;
            background-position: left center;
        }
        
        .inner_left ul li:hover h3::after,
        .inner_left ul li.on h3::after {
            opacity: 1;
        }
        
        .inner_left ul li:hover h3 a,
        .inner_left ul li.on h3 a {
            background: url(../images/ny-l-nr-bg.png) no-repeat left center;
            background-size: cover;
            color: #fff;
        }
        
        .nysubnav {
            /* background: #f8f8f8; */
            display: none;
            /* margin-left: 0.2rem; */
            padding: .15rem 0;
        }
        /* .inner_left ul li.on .nysubnav {
    display: block;
} */
        
        .nysubnav a {
            padding: 0 0.3rem;
            line-height: 0.4rem;
            display: block;
            font-size: .14rem;
            color: #333;
        }
        
        .nysubnav a:hover,
        .nysubnav a.on {
            color: #98151f;
        }
        
        .inner_right .lm_top {
            padding-bottom: 0.2rem;
            /* border-bottom: 1px solid #e5e5e5; */
            justify-content: space-between;
            /* align-items: center; */
            margin-bottom: 0.3rem;
            width: 100%;
        }
        
        .inner_right .lm_top h3 {
            font-size: 0.36rem;
            margin-top: .33rem;
            padding-bottom: .1rem;
            padding-right: .45rem;
            color: #00447D;
         
            background-size: .9rem auto;
        }
        
        .inner_right .lm_top .adress {
            font-size: 0.16rem;
            color: #444;
            line-height: 1.5;
          
            /* padding-left: 0.25rem; */
        }
        
        .inner_right .lm_top .adress a {
            color: #444;
            transition: 0.5s;
        }
        
        .inner .wp {
            align-items: flex-start;
        }
        
        .inner_right .lm_top .adress a:hover {
            color: #00447D;
        }
        /* 院长简介 */
        
        .bt h2 {
            font-size: 0.3rem;
            color: #333;
            font-weight: bold;
        }
        
        .bt h2 span {
            font-size: 0.16rem;
            color: #999;
            font-family: "Arial";
            font-weight: normal;
        }
        
        .bt a {
            width: 1.6rem;
            height: 0.5rem;
            line-height: 0.5rem;
            text-align: center;
            font-size: 0.16rem;
            color: #333;
            border: 1px solid #e5e5e5;
            border-radius: 30PX;
            box-shadow: 0 0.05rem 0.2rem #eee;
        }
        
        .bt a:hover {
            background: #98151f;
            color: #fff;
        }
        
        .leader {
            margin-top: 0.55rem;
        }
        
        .leader .lead-l {
            width: 3.15rem;
        }
        
        .book-jj .leader  .lead-l .pic {
            padding-top: 81%;
        }
        
        .leader .lead-l .pic {
            padding-top: 100%;
        }
        
        .leader  .lead-l .pic:hover img {
            transform: scale(1);
        }
        
        .leader .lead-r {
            width: calc(100% - 3.15rem);
            padding-left: .5rem;
        }
        
        .leader .lead-r .name {
            border-bottom: 1px solid #e6e5e5;
            padding-bottom: .35rem;
        }
        
        .leader .lead-r .name h2 {
            font-size: .24rem;
            color: #333;
            font-weight: normal;
        }
        
        .leader .lead-r .name p {
            padding-top: .15rem;
            font-size: .18rem;
            color: #666;
        }
        
        .leader .lead-r .lead-txt {
            margin-top: .4rem;
        }
        
        .leader  .lead-r .lead-txt p {
            line-height: .3rem;
            font-size: .16rem;
            color: #666666;
        }
        
        .jj-s2 {
            margin-top: .9rem;
        }
        
        .date-list li {
            border-bottom: 0.01rem dashed #D8D8D8;
        }
        
        .date-list li a {
            display: block;
            overflow: hidden;
            padding: 0.26rem 0;
        }
        
        .date-list li a .date {
            float: left;
            width: 0.65rem;
            text-align: center;
            font-family: "Arial";
        }
        
        .date-list li a .date p {
            font-size: 0.4rem;
            color: #888;
            font-weight: bold;
        }
        
        .date-list li:hover a .date p {
            color: #98151f;
        }
        
        .date-list li .date span {
            display: block;
            font-size: 0.14rem;
            color: #999;
        }
        
        .date-list li .date i {
            font-style: normal;
            font-size: 0.16rem;
            color: #666;
            font-family: "sisong";
        }
        
        .date-list li a .text {
            overflow: hidden;
            padding-left: 0.2rem;
        }
        
        .date-list li a .text h2 {
            font-size: 0.16rem;
            color: #333;
            font-weight: normal;
            margin-bottom: 0.1rem;
            margin-top: 0.05rem;
        }
        
        .date-list li a .text p {
            font-size: 0.2rem;
            line-height: 0.26rem;
            font-size: 0.15rem;
            color: #666;
        }
        
        .date-list li:hover a .text h2 {
            color: #98151f;
        }
        
        .gd {
            position: relative;
            left: 0;
            width: 1.6rem;
            height: 0.5rem;
            text-align: center;
            line-height: 0.5rem;
            border-radius: 0.3rem;
            background: #98151f;
            margin-top: .3rem;
            margin-left: .3rem;
            transition: all .3s;
        }
        
        .gd:hover {
            left: 5px;
        }
        
        .gd a {
            display: block;
            font-size: 0.16rem;
            color: #fff;
        }
        
        .txt-list {
            margin-top: .2rem;
        }
        
        .txt-list ul {
            margin: 0 -.25rem;
        }
        
        .txt-list ul li {
            width: 50%;
            margin-bottom: .55rem;
        }
        
        .txt-list ul li a {
            position: relative;
            display: block;
            margin: 0 .25rem;
            padding: .45rem .3rem;
            padding-right: 1.15rem;
            border-bottom: 1px solid #e8e8e8;
            transition: all .3s;
        }
        
        .txt-list ul li:hover a {
            background: #98151f;
        }
        
        .txt-list ul li a .date {
            position: absolute;
            right: .3rem;
            top: .55rem;
            font-family: "Arial";
            padding-bottom: 0.2rem;
        }
        
        .txt-list ul li a .date::after {
            content: "";
            position: absolute;
            left: 0.05rem;
            bottom: 0;
            width: 0;
            height: 0;
            border: .09rem solid transparent;
            border-left: .15rem solid #bfbfbf;
        }
        
        .txt-list ul li:hover a .date::after {
            border-left: .15rem solid #fff;
        }
        
        .txt-list ul li a .date p {
            font-size: 0.36rem;
            color: #737373;
            font-weight: bold;
        }
        
        .txt-list ul li:hover a .date p {
            color: #fff;
        }
        
        .txt-list ul li a .date span {
            font-size: 0.18rem;
            color: #a6a6a6;
            font-weight: bold;
        }
        
        .txt-list ul li:hover a .date span {
            color: #fff;
        }
        
        .txt-list ul li a h2 {
            font-weight: normal;
            font-size: .24rem;
            color: #333;
        }
        
        .txt-list ul li:hover a h2 {
            color: #fff;
        }
        
        .txt-list ul li a>p {
            margin-top: .15rem;
            line-height: .24rem;
            font-size: .16rem;
            color: #666;
            height: .48rem;
        }
        
        .txt-list ul li:hover a>p {
            color: #fff;
        }
        /* 书院动态 */
        
        .jj-sect3 {
            margin-top: .7rem;
        }
        
        .tp-list {
            margin: 0 -.32rem;
            margin-top: .3rem;
        }
        
        .tp-list li {
            width: 33.33%;
        }
        
        .tp-list li a {
            display: block;
            margin: 0 .32rem;
            padding: .15rem;
            padding-bottom: 0;
            border: 1px solid #efefef
        }
        
        .tp-list li a .pic {
            padding-top: 72.9%;
        }
        
        .tp-list li:hover a {
            background: #98151f;
        }
        
        .tp-list li a .text {
            line-height: .65rem;
        }
        
        .tp-list li a .text p {
            position: relative;
            font-size: .18rem;
            color: #333;
            padding-right: .4rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .tp-list li a .text p span {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: .4rem;
            height: .4rem;
            border-radius: 50%;
            background: url(../images/tp-list-more.png) no-repeat center center;
            background-size: .1rem auto;
        }
        
        .tp-list li:hover a .text p {
            color: #fff;
        }
        
        .tp-list li:hover a .text p span {
            background: #fff url(../images/tp-list-more-other.png) no-repeat center center;
        }
        
        .jj-sect4 {
            margin-top: .7rem;
        }
        
        .tp-list li a .pic .bf {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 0.55rem;
            height: 0.54rem;
            transform: translate(-50%, -50%);
            background: url(../images/tp-bf.png) no-repeat center center;
            background-size: .55rem auto;
        }
        
        .jj-sect4 .tp-list li a .text p span {
            background: #eeeeee url(../images/tp-list-more.png) no-repeat center center;
        }
        
        .jj-sect4 .tp-list li:hover a .text p span {
            background: #98151f url(../images/ny-jj-sect4-more.png) no-repeat center center;
        }
        
        .jj-sect4 .tp-list li a .text p {
            color: #333;
        }
        
        .jj-sect4 .tp-list li:hover a {
            background: transparent;
        }
        /* 通知公告 */
        
        .ny-main {
            position: relative;
            padding-bottom: .8rem;
            z-index: 9;
        }
        
        .ny-tz {
            position: relative;
        }
        
        .ny-tz::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 50px;
            bottom: 0;
            background: url(../images/ny-tz-bg.png) no-repeat center bottom;
            background-size: 100% auto;
        }
        
        .wz-list {
            margin: 0 -0.1rem;
        }
        
        .wz-list li {
            width: 50%;
            margin-bottom: .4rem;
        }
        
        .wz-list li a {
            display: block;
            margin: 0 0.1rem;
            padding: 0.25rem 0.45rem;
            background: #fff;
            border: 1px solid #eaeaea;
        }
        
        .wz-list li:hover a {
            background: #98151f;
        }
        
        .wz-list li a span {
            font-size: 0.16rem;
            color: #999;
        }
        
        .wz-list li:hover a span {
            color: #fff;
        }
        
        .wz-list li a p {
            margin-top: .2rem;
            position: relative;
            padding-left: 0.1rem;
            font-size: .16rem;
            color: #333;
        }
        
        .wz-list li:hover a p {
            color: #fff;
        }
        
        .wz-list li a p::after {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 0.05rem;
            height: 0.05rem;
            border-radius: 50%;
            background: #333333;
        }
        
        .wz-list li:hover a p::after {
            background: #fff;
        }
        /* 我与书院故事 */
        
        .sz-list li {
            width: 50%;
            margin-bottom: 0.45rem;
        }
        
        .sz-list li a {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
            border: 1px solid #e8e8e8;
            padding: .3rem;
        }
        
        .sz-list li:hover a {
            border: 1px solid #98151f;
            box-shadow: 0px 13px 40px 0px rgba(35, 183, 169, 0.1);
        }
        
        .sz-list li a .tpp {
            width: 1.9rem;
        }
        
        .sz-list li a .tpp .pic {
            padding-top: 137.4%;
        }
        
        /*.sz-list li a .text {
            width: calc(100% - 1.9rem);
        }*/
        .sz-list li a .text {
            width: calc(100% - 2.1rem);
        }
        
        .sz-list li a .text h2 {
            position: relative;
            padding-right: 1.2rem;
            font-size: 0.24rem;
            line-height: .45rem;
            font-size: .24rem;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: normal;
        }
        
        .sz-list li:hover a .text h2 {
            font-weight: bold;
            color: #98151f;
        }
        
        .sz-list li a .text h2 span {
            position: absolute;
            right: 0;
            top: 0;
            font-weight: normal;
            font-size: 0.36rem;
            color: #333;
            font-family: "Arial";
        }
        
        .sz-list li a .text h2 span i {
            font-size: 0.16rem;
            color: #999;
        }
        
        .sz-list li a .text p {
            margin-top: .2rem;
            line-height: .26rem;
            font-size: .16rem;
            color: #666;
            height: .78rem;
        }
        /* 图文列表 */
        
        .tw-qh .hd {
            float: left;
            width: 2.95rem;
            margin-right: 0.7rem;
            background: url(../images/s3-l-bg.png) no-repeat center bottom;
            background-size: cover;
            border-radius: 0.1rem;
            padding: 0.2rem 0.15rem 0.4rem 0.15rem;
        }
        
        .tw-qh .hd ul {
            background: #fff;
            padding: 0.2rem 0.15rem;
            padding-bottom: .3rem;
        }
        
        .tw-qh .hd ul li {
            line-height: 0.55rem;
            transition: all .3s;
        }
        
        .tw-qh .hd ul li a {
            display: block;
            font-size: 0.16rem;
            color: #333;
            padding-left: 0.2rem;
            border-radius: 0.1rem 0 0.1rem 0;
            transition: all .3s;
        }
        
        .tw-qh .hd ul li.on a,
        .tw-qh .hd ul li:hover a {
            background: #98151f;
            color: #fff;
        }
        
        .tw-qh .bd {
            overflow: hidden;
        }
        
        .tw-txt-qh .qh-nr {
            display: none;
        }
        
        .tw-txt-qh .qh-nr.on {
            display: block;
        }
        
        .tw-list li {
            border-bottom: 1px solid #e6e5e5;
            margin-bottom: .7rem;
        }
        
        .tw-list li a {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding: .15rem;
            padding-right: 1rem;
        }
        
        .tw-list li a::after {
            content: "";
            position: absolute;
            left: 0;
            right: 100%;
            bottom: 0;
            height: 1px;
            background: #98151f;
            transition: all .6s;
        }
        
        .tw-list li:hover a::after {
            right: 0;
        }
        
        .tw-list li a .tpp {
            width: 2.2rem;
        }
        
        .tw-list li a .tpp .pic {
            padding-top: 63.63%;
        }
        
        .tw-list li a .text {
            width: calc(100% - 2.2rem);
            padding-left: 1.05rem;
        }
        
        .tw-list li a .text h2 {
            font-size: .18rem;
            color: #333;
            font-weight: normal;
        }
        
        .tw-list li:hover a .text h2 {
            font-weight: bold;
            color: #98151f;
        }
        
        .tw-list li a .text>p {
            margin-top: .2rem;
            line-height: .28rem;
            font-size: .15rem;
            color: #666666;
            height: .56rem;
        }
        
        .tw-list li a .text .date {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            padding-bottom: .65rem;
        }
        
        .tw-list li a .text .date p {
            font-size: .36rem;
            color: #999;
        }
        
        .tw-list li a .text .date span {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: url(../images/date.png) no-repeat center center;
        }
        
        .tw-list li:hover a .text .date span {
            background: #98151f url(../images/date-other.png) no-repeat center center;
        }
        
        @media(max-width: 1024px) {
            .inner_left {
                display: none;
            }
            .inner_right {
                width: 100%;
                padding-left: 0;
            }
            .wrap_ph {
                display: block;
                margin-bottom: .15rem;
            }
            .page {
                margin: .25rem 0 0;
            }
            .san-nav {
                display: block;
            }
        }
        
        @media(max-width: 1000px) {
            .tw-qh .hd {
                float: none;
                width: 100%;
                margin-right: 0;
            }
            .tw-qh .bd {
                margin-top: .15rem;
            }
            .sz-list li {
                width: 100%;
                margin-bottom: .15rem;
            }
        }
        
        @media(max-width: 700px) {
            .ny-tit {
                margin-top: .15rem;
                padding: .15rem;
                line-height: .3rem;
                border-radius: 10px;
                margin-bottom: .15rem;
            }
            .ny-tit h2 {
                width: 100%;
                font-size: .22rem;
            }
            .position {
                width: 100%;
            }
            .bt h2 {
                font-size: .24rem;
            }
            .leader {
                margin-top: .15rem;
            }
            .leader  .lead-l {
                margin-left: auto;
                margin-right: auto;
            }
            .leader .lead-r {
                padding-left: 0;
                width: 100%;
                margin-top: .15rem;
            }
            .leader .lead-r .name {
                padding-bottom: .15rem;
            }
            .leader .lead-r .lead-txt {
                margin-top: .15rem;
            }
            .jj-s2 {
                margin-top: .15rem;
            }
            .bt {
                align-items: center;
            }
            .date-list li a {
                padding: .15rem 0;
            }
            .date-list li a .date p {
                font-size: .24rem;
            }
            .ny-main {
                padding-bottom: .2rem;
            }
            .txt-list ul {
                margin: 0;
            }
            .txt-list ul li {
                width: 100%;
                margin: 0;
            }
            .txt-list ul li a {
                padding: .15rem;
                padding-right: .8rem;
                margin: 0;
            }
            .txt-list ul li a .date {
                top: .15rem;
            }
            .txt-list ul li a .date p {
                font-size: .26rem;
            }
            .jj-sect3,
            .jj-sect4 {
                margin-top: .15rem;
            }
            .tp-list {
                margin: 0;
            }
            .tp-list li {
                width: 100%;
                margin-top: .15rem;
            }
            .tp-list li a {
                margin: 0;
            }
            .wz-list {
                margin: 0;
            }
            .wz-list li {
                width: 100%;
                margin-bottom: .15rem;
            }
            .wz-list li a {
                margin: 0;
                padding: .15rem;
            }
            .wz-list li a p {
                margin-top: .1rem;
            }
            .tw-list li {
                margin-bottom: 0;
            }
            .tw-list li a .tpp {
                width: 100%;
            }
            .tw-list li a {
                padding-right: .15rem;
            }
            .tw-list li a .text {
                position: relative;
                width: 100%;
                padding-left: 0;
                padding-right: 1rem;
                margin-top: .15rem;
            }
            .tw-list li a .text .date p {
                font-size: .2rem;
            }
            .tw-list li a .text>p {
                margin-top: .1rem;
            }
            .sz-list li a {
                padding: .15rem;
            }
            .sz-list li a .tpp {
                width: 100%;
            }
            .sz-list li a .text {
                width: 100%;
                margin-top: .15rem;
            }
        }

 /* 内容页 */
        
        .art-text {
            border: 1px solid #eaeaea;
            background: #fff;
        }
        
        .detail-tit {
            padding: 0 .2rem;
            padding-top: 0.5rem;
            padding-bottom: 0.3rem;
            border: 1px solid #eaeaea;
        }
        
        .detail-tit>h4 {
            font-size: 0.28rem;
            line-height: 1;
            margin-bottom: 0.15rem;
            color: #333;
            text-align: center;
        }
        
        .detail-tit>p {
            font-size: 0.14rem;
            line-height: 0.2rem;
            color: #666;
            text-align: center;
        }
        
        .detail-tit>p>span {
            display: inline-block;
            margin: 0 0.1rem;
        }
        
        .detail-text {
            padding: 0 .3rem;
            min-height: 400px;
        }
        
        .detail-text p,  .detail-text span{
            font-size: 0.20rem !important;
            line-height: 0.46rem !important; 
            color: #666;
            margin-top: 0.1rem;
            text-indent: 2em;
        }
        
        .detail-text p img {
            
            max-width: 100% !important;
            
            width: 700px;
          
        
        }
        
        .page {
            margin-top: 0.3rem;
            padding: .3rem .3rem;
            border-top: 1px solid #eaeaea;
        }
        
        .page p {
            line-height: .3rem;
        }
        
        .page p span {
            font-size: 0.16rem;
            color: #000;
        }
        
        .page p a {
            font-size: 0.16rem;
            color: #000;
        }
        
        .page p a:hover {
            color: #98151f;
        }
        
        @media(max-width: 700px) {
            .detail-tit>h4 {
                font-size: .2rem;
                line-height: 1.5;
            }
            .detail-tit {
                padding-top: .3rem;
            }
        }