﻿/*通用类*/
* {
    margin: 0;
    padding: 0;
}

html {
    overflow-x: hidden;
}

body {
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
    background: #fff;
    overflow-x: hidden;
    text-align: left;
    position: relative;
    font-size: 0.26rem;
    color: #333;
}

/*不同设备字体em基准*/
html {
    font-size: 42.6667px;
}

@media screen and (max-width: 320px) {
    html {
        font-size: 42.6667px;
    }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media screen and (min-width: 376px) and (max-width: 414px) {
    html {
        font-size: 55px;
    }
}

@media screen and (min-width: 415px) and (max-width: 484px) {
    html {
        font-size: 64px;
    }
}

@media screen and (min-width: 485px) and (max-width: 720px) {
    html {
        font-size: 96px;
    }
}

@media screen and (min-width: 721px) and (max-width: 768px) {
    html {
        font-size: 102px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
    html {
        font-size: 144px;
    }
}

@media screen and (min-width: 1080px) {
    html {
        font-size: 144px;
    }
}


img {
    border: none;
}

h1, h2, h3 {
    font-weight: normal;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none；;
}

input, textarea, select {
    font-family: "Microsoft Yahei";
    font-size: 1em;
    outline: none;
    margin: 0;
    padding: 0;
}

    input::-webkit-input-placeholder {
        color: #a9a9a9 !important;
    }

    textarea::-webkit-input-placeholder {
        color: #a9a9a9 !important;
    }

    input[type='button'], input[type='text'], input[type='search'], input[type='submit'], input[type='reset'], input[type='date'], input[type='time'], input[type='number'] {
        -webkit-appearance: none;
    }

select {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

ul, ol {
    padding: 0;
    list-style-type: none;
}

em {
    font-style: normal;
}

.lt {
    float: left;
}

.rt {
    float: right;
}

input.sub, label {
    border: none;
    cursor: pointer;
}

input, textarea {
    font-family: "Microsoft Yahei";
    outline: none;
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
}

td, th {
    padding: 0;
}

div.clear {
    font: 0px Arial;
    line-height: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

.cm_photo {
    display: block;
    position: relative;
    overflow: hidden;
}

    .cm_photo .thumb {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
    }

    .cm_photo .zw {
        display: block;
        height: auto;
        width: 100%;
    }

/*公用 CSS*/

.header {
    width: 100%;
    position: relative;
    z-index: 100;
    height: 0.86rem;
    background: #fff;
}

.header_zw {
    height: 0.86rem;
    clear: both;
    display: none;
}

.header .logo {
    display: block;
    float: left;
    height: 0.86rem;
    margin-left: 4%;
}

    .header .logo img {
        display: block;
        height: 0.86rem;
    }

.head_search {
    width: 4.3rem;
    height: 0.54rem;
    float: right;
    margin: 0.16rem 4% 0 0;
    border-radius: 0.27rem;
    background: #f3f3f3;
    position: relative;
    overflow: hidden;
}

    .head_search .sub {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 0.8rem;
        height: 0.54rem;
        background: url("../images/head_sub.png") no-repeat center center;
        background-size: 100% 100%;
    }

    .head_search .text {
        height: 0.54rem;
        line-height: 0.54rem;
        border: 0;
        text-indent: 0.8rem;
        width: 100%;
        background: none;
    }

.header2 {
    width: 100%;
    position: relative;
    z-index: 98;
    background: #fff;
    height: 0.84rem;
    line-height: 0.84rem;
    font-size: 0.3rem;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
}

    .header2 .backa {
        display: block;
        width: 0.84rem;
        height: 0.84rem;
        position: absolute;
        left: 0;
        top: 0;
        background: url("../images/backa.png") no-repeat center center;
        background-size: 100% 100%;
    }

    .header2 .homea {
        display: block;
        width: 0.84rem;
        height: 0.84rem;
        position: absolute;
        right: 0;
        top: 0;
        background: url("../images/homea.png") no-repeat center center;
        background-size: 100% 100%;
    }

.header2_zw {
    height: 0.84rem;
    clear: both;
    display: none;
    padding-bottom: 1px;
}

.nav {
    height: 0.84rem;
    line-height: 0.84rem;
    position: relative;
    z-index: 95;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
}

    .nav a {
        display: block;
        width: 20%;
        float: left;
        text-align: center;
        font-size: 0.3rem;
        position: relative;
    }

    .nav i {
        display: none;
        width: 0.22rem;
        height: 0.06rem;
        border-radius: 0.03rem;
        background: #f86442;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -0.11rem;
    }

    .nav .hover {
        color: #f86442;
    }

        .nav .hover i {
            display: block;
        }

.nav_zw {
    height: 0.84rem;
    clear: both;
    display: none;
    padding-bottom: 1px;
}

.ba_out {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 2.42rem;
    margin: 0.2rem 0;
}

.banner {
    width: 100%;
    height: 2.42rem;
}

    .banner .swiper-slide {
        width: 100%;
    }

        .banner .swiper-slide a {
            display: block;
            width: 6.9rem;
            height: 2.42rem;
            margin: 0 auto;
            position: relative;
            border-radius: 0.06rem;
            overflow: hidden;
        }

        .banner .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .banner .swiper-pagination-bullet {
        opacity: 0.4;
        background: #000;
    }

    .banner .swiper-pagination-bullet-active {
        background: #f86442;
        opacity: 1;
    }

.footer {
    text-align: center;
    padding: 0.4rem 0;
    line-height: 0.7rem;
}

.ft_nav {
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.28rem;
}

    .ft_nav em {
        color: #999;
        margin: 0 0.2rem 0 0.3rem;
    }

.footer p {
    line-height: 0.7rem;
    color: #999;
    font-size: 0.24rem;
}

.go_top {
    width: 0.65rem;
    height: 0.65rem;
    position: fixed;
    right: 0.1rem;
    bottom: 0.3rem;
    z-index: 100;
    background: url("../images/gotop.png") no-repeat center center;
    background-size: 100% 100%;
    display: none;
}

/*公用 CSS*/

/*hm 首页*/

.hm_goon {
    width: 92%;
    margin: 0 auto 0.3rem auto;
    background: #fff;
    padding: 0.3rem 0;
    height: 1.04rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.2rem #ddd;
    position: relative;
}

    .hm_goon .tit {
        float: left;
        text-align: center;
        width: 1.8rem;
        height: 1.04rem;
        padding-right: 0.1rem;
        line-height: 0.42rem;
        background: url("../images/goon_tit.png") no-repeat right center;
        background-size: auto 100%;
        margin-right: 0.1rem;
    }

        .hm_goon .tit img {
            display: block;
            width: 0.62rem;
            height: 0.62rem;
            margin: 0 auto;
        }

    .hm_goon .item {
        display: block;
        width: 1.6rem;
        text-align: center;
        float: left;
        padding-top: 0.06rem;
    }

    .hm_goon .photo {
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 0.1rem;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
    }

        .hm_goon .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .hm_goon .item span {
        line-height: 0.56rem;
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .hm_goon .item .gray {
        color: #d2d2d2;
    }

    .hm_goon .close {
        width: 0.6rem;
        height: 0.6rem;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        background: url("../images/goon_close.png") no-repeat center center;
        background-size: 0.3rem 0.3rem;
    }

.bt20 {
    border-top: 0.2rem solid #f6f6f6;
}

.bd20 {
    border-bottom: 0.2rem solid #f6f6f6;
}

.cm_title {
    height: 1.08rem;
    line-height: 1.08rem;
    clear: both;
    padding: 0 4%;
}

    .cm_title .tit {
        float: left;
        position: relative;
        padding-left: 0.15rem;
        font-size: 0.3rem;
        font-weight: bold;
        height: 100%;
    }

        .cm_title .tit i {
            display: block;
            width: 0.04rem;
            height: 0.22rem;
            border-radius: 0.02rem;
            background: #f86442;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -0.11rem;
        }

    .cm_title .more {
        float: right;
        color: #999;
        height: 100%;
    }

.hrec_item {
    display: block;
    width: 20%;
    float: left;
    height: 3.2rem;
    margin: 0 0 0.2rem 4%;
}

    .hrec_item .photo {
        display: block;
        height: 2.12rem;
        border: 1px solid #e3e4e6;
        position: relative;
        overflow: hidden;
        margin-bottom: 0.1rem;
    }

        .hrec_item .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.jpico {
    display: inline-block;
    height: 0.32rem;
    line-height: 0.32rem;
    padding: 0 0.16rem 0 0.08rem;
    color: #fff;
    font-size: 0.18rem;
    background: #f86442;
    border-radius: 0 0 0.2rem 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.hrec_item .name {
    line-height: 0.4rem;
    height: 0.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.hhot_item {
    display: block;
    height: 2.12rem;
    width: 92%;
    margin: 0 auto 0.4rem auto;
}

    .hhot_item .photo {
        display: block;
        width: 1.48rem;
        height: 2.12rem;
        border: 1px solid #e3e4e6;
        position: relative;
        overflow: hidden;
        float: left;
    }

        .hhot_item .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .hhot_item .inf {
        float: right;
        width: 5.14rem;
    }

    .hhot_item .name {
        height: 0.54rem;
        line-height: 0.54rem;
        font-size: 0.3rem;
    }

    .hhot_item .nm {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.hhot_item .tip {
    height: 0.88rem;
    line-height: 0.44rem;
    color: #878787;
    font-size: 0.24rem;
    margin-bottom: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

    .hhot_item .writer {
        height: 0.28rem;
        line-height: 0.28rem;
        color: #a8a8a8;
        font-size: 0.22rem;
        position: relative;
        padding-left: 0.35rem;
        float: left;
    }

        .hhot_item .writer img {
            display: block;
            width: 0.28rem;
            height: 0.28rem;
            border-radius: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

    .hhot_item .tags {
        float: right;
    }

        .hhot_item .tags span {
            display: inline-block;
            height: 0.3rem;
            line-height: 0.3rem;
            border: 1px solid #b8b8b8;
            border-radius: 0.05rem;
            font-size: 0.2rem;
            padding: 0 0.1rem;
            text-align: center;
            color: #999;
            margin-left: 0.1rem;
        }

.zt_item {
    display: block;
    width: 44%;
    height: 3.2rem;
    float: left;
    margin: 0 0 0.25rem 4%;
}

    .zt_item .photo {
        display: block;
        height: 2.02rem;
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem;
        border: 1px solid #ccc;
        margin-bottom: 0.08rem;
    }

        .zt_item .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .zt_item .name {
        height: 0.96rem;
        line-height: 0.48rem;
        font-size: 0.28rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

.fri_btns {
    padding-bottom: 0.2rem;
}

    .fri_btns a {
        display: inline-block;
        height: 0.56rem;
        line-height: 0.56rem;
        border: 1px solid #ededed;
        border-radius: 0.28rem;
        padding: 0 0.42rem;
        float: left;
        margin: 0 0 0.2rem 0.3rem;
    }

.news_last {
    overflow: hidden;
    zoom: 1;
    margin: 0 4% 0.2rem 4%;
    display: block;
}

    .news_last li {
        display: block;
        height: 0.8rem;
        line-height: 0.8rem;
        border-bottom: 0.01rem dashed #dcdcdc;
        font-size: 0.28rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/*hm 首页*/

/*detail 详情*/

.zx_item {
    display: block;
    height: 1.5rem;
    width: 92%;
    margin: 0 auto 0.4rem auto;
}

    .zx_item .photo {
        display: block;
        width: 1.48rem;
        height: 1.5rem;
        border: 1px solid #e3e4e6;
        position: relative;
        overflow: hidden;
        float: left;
    }

        .zx_item .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .zx_item .inf {
        float: right;
        width: 5.14rem;
    }

    .zx_item .name {
        height: 0.54rem;
        line-height: 0.54rem;
        font-size: 0.3rem;
    }

    .zx_item .nm {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.zx_item .tip {
    height: 0.48rem;
    line-height: 0.44rem;
    color: #878787;
    font-size: 0.24rem;
    margin-bottom: 0.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

    .zx_item .date {
        height: 0.28rem;
        line-height: 0.28rem;
        color: #a8a8a8;
        font-size: 0.22rem;
        position: relative;
        padding-left: 0.35rem;
        background: url("../images/xg_date.png") no-repeat left center;
        background-size: auto 0.28rem;
    }

.det_top {
    height: 3.9rem;
    position: relative;
    background: url("../images/dettopbg.jpg") no-repeat center center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.42rem 4% 0 4%;
    color: #fff;
}

    .det_top .face {
        float: left;
        display: block;
        width: 2.14rem;
        height: 3.04rem;
        position: relative;
        overflow: hidden;
        border: 1px solid #e3e4e6;
    }

        .det_top .face img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .det_top .inf {
        width: 4.4rem;
        float: right;
        font-size: 0.24rem;
    }

    .det_top .name {
        height: 0.66rem;
        line-height: 0.66rem;
        font-size: 0.3rem;
        font-weight: bold;
    }

        .det_top .name h1 {
            height: 0.48rem;
            line-height: 0.48rem;
            font-size: 0.32rem;
        }

    .det_top .nm {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .det_top .in {
        font-size: 0.24rem;
        height: 0.48rem;
        line-height: 0.48rem;
    }

    .det_top .writer {
        padding-left: 0.35rem;
        background: url("../images/det_writer.png") no-repeat left center;
        background-size: auto 0.28rem;
    }

    .det_top .zs {
        height: 0.6rem;
        line-height: 0.6rem;
        margin-top: 0.3rem;
    }

    .det_top .stars {
        float: left;
        width: 1.12rem;
        height: 0.6rem;
    }

        .det_top .stars .in {
            width: 1.12rem;
            height: 0.6rem;
            background: url("../images/star1.png") no-repeat left center;
            background-size: 1.12rem 0.21rem;
            float: left;
        }

.det_btns {
    text-align: center;
    padding: 0.14rem 0;
}

    .det_btns a {
        display: inline-block;
        width: 3.16rem;
        height: 0.68rem;
        line-height: 0.68rem;
        border-radius: 0.34rem;
        border: 1px solid #f86442;
        font-size: 0.3rem;
        color: #f86442;
        margin: 0 0.15rem;
    }

    .det_btns .a1 {
        color: #fff;
        background: #f86442;
    }

.det_tabs .handle {
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 1px solid #ededed;
    text-align: center;
}

.det_tabs .btn {
    display: inline-block;
    width: 1.8rem;
    text-align: center;
    height: 0.9rem;
    position: relative;
    font-size: 0.3rem;
}

.det_tabs .hover {
    font-weight: bold;
    color: #f86442;
}

.det_tabs .btn i {
    display: none;
    width: 0.22rem;
    height: 0.04rem;
    border-radius: 0.02rem;
    background: #f86442;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.11rem;
}

.det_tabs .hover i {
    display: block;
}

.det_tabs .con {
    display: none;
    width: 92%;
    margin: 0 auto;
}

.det_tabs .show {
    display: block;
}

.det_tabs .photo {
    display: block;
    width: 100%;
    margin: 0.3rem 0 0.2rem 0;
    box-shadow: 0 0 0.2rem #999;
}

.det_tabs .title {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.3rem;
    font-weight: bold;
}

.det_tabs .jj {
    font-size: 0.28rem;
    line-height: 0.5rem;
    padding-bottom: 0.2rem;
}

.det_tabs .title2 {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.28rem;
    color: #f86442;
}

.det_tabs .lis li {
    height: 0.98rem;
    line-height: 0.98rem;
    border-top: 1px solid #ededed;
    clear: both;
}

.det_tabs .lis a {
    float: left;
    display: inline-block;
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.det_tabs .lis span {
    float: right;
    color: #999;
}

/*detail 详情*/

/*news-detail 资讯详情*/

.nd_title {
    padding: 0.3rem 4% 0 4%;
    line-height: 0.5rem;
}

    .nd_title .t1 {
        font-size: 0.32rem;
        font-weight: bold;
        color: #333;
    }

    .nd_title .writer {
        height: 0.5rem;
        line-height: 0.5rem;
        font-size: 0.24rem;
        color: #999;
    }

.nd_cnt {
    width: 92%;
    margin: 0 auto;
    line-height: 1.8;
    color: #666;
    font-size: 0.28rem;
}

    .nd_cnt img {
        display: block;
        width: 100%;
        height: auto;
    }

    .nd_cnt p {
        text-indent: 2em;
        margin-bottom: 0.15rem;
        line-height: 0.5rem;
        font-size: 0.28rem;
        color: #666666;
    }

    .nd_cnt .nd_title2 {
        margin: 0 auto;
        height: 0.66rem;
        line-height: 0.66rem;
        background: #f6f6f6;
        border-left: 0.04rem solid #f86442;
        padding-left: 0.1rem;
        font-size: 0.28rem;
        font-weight: bold;
        margin-bottom: 0.3rem;
        text-indent: 0rem;
    }

.nd_rec {
    margin: 0.3rem auto;
    background: #f6f6f6;
    padding: 0.3rem;
    box-sizing: border-box;
}

    .nd_rec .face {
        float: left;
        width: 2.48rem;
        height: 3.56rem;
        border: 0.06rem solid #fff;
        box-shadow: 0 0 0.15rem #999;
    }

        .nd_rec .face img {
            display: block;
            width: 2.48rem;
            height: 3.56rem;
            object-fit: cover;
        }

    .nd_rec .inf {
        width: 3.4rem;
        float: right;
    }

    .nd_rec .name {
        height: 0.7rem;
        line-height: 0.7rem;
        font-size: 0.3rem;
    }

    .nd_rec .nm {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nd_rec .in {
        height: 0.48rem;
        line-height: 0.48rem;
        color: #999;
        font-size: 0.24rem;
        width: 3.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.nd_online .inf .in {
    width: 3.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nd_rec .writer {
    padding-left: 0.36rem;
    background: url("../images/face1.png") no-repeat left center;
    background-size: auto 0.28rem;
}

.nd_rec .zs {
    height: 0.6rem;
    line-height: 0.6rem;
    color: #999;
    font-size: 0.24rem;
}

.nd_rec .stars {
    float: left;
    width: 1.12rem;
    height: 0.6rem;
}

    .nd_rec .stars .in {
        width: 1.12rem;
        height: 0.6rem;
        background: url("../images/star1.png") no-repeat left center;
        background-size: 1.12rem 0.21rem;
        float: left;
    }

.nd_rec .reada {
    display: block;
    width: 2.5rem;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 0.35rem;
    margin: 0.4rem 0 0 0;
    font-size: 0.28rem;
    text-align: center;
    color: #fff;
    background: #f86442;
}

.title_p /*nd_title2*/ {
    margin: 0 auto;
    height: 0.66rem;
    line-height: 0.66rem;
    background: #f6f6f6;
    border-left: 0.04rem solid #f86442;
    padding-left: 0.1rem;
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

.nd_ctrl {
    margin: 0.4rem 0;
}

    .nd_ctrl a {
        display: block;
        height: 0.56rem;
        line-height: 0.56rem;
        margin: 0 0.2rem;
        color: #f86442;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.nd_online {
    position: relative;
    padding: 0.4rem 4%;
}

    .nd_online .photo {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #e3e4e6;
        float: left;
        position: relative;
        overflow: hidden;
    }

        .nd_online .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .nd_online .inf {
        float: right;
        width: 5.1rem;
    }

    .nd_online .name {
        height: 0.66rem;
        line-height: 0.66rem;
        font-size: 0.3rem;
    }

    .nd_online .nm {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .nd_online .writer {
        height: 0.66rem;
        line-height: 0.66rem;
        color: #a8a8a8;
        font-size: 0.22rem;
        padding-left: 0.36rem;
        background: url(../images/face1.png) no-repeat left center;
        background-size: auto 0.24rem;
    }

    .nd_online .reada {
        display: block;
        width: 1.6rem;
        height: 0.56rem;
        line-height: 0.56rem;
        border: 1px solid #f86442;
        border-radius: 0.28rem;
        text-align: center;
        color: #f86442;
        position: absolute;
        right: 4%;
        top: 50%;
        margin-top: -0.3rem;
    }

.news_list {
    padding-top: 0.4rem;
}

.page {
    height: 0.7rem;
    line-height: 0.7rem;
    margin: 0 0 0.4rem 0;
    text-align: center;
}

    .page .c_btn {
        color: #999;
        padding: 0 0.8rem;
    }

/*news-detail 资讯详情*/

/*spe 专题*/

.spe_item {
    display: block;
    width: 92%;
    margin: 0 auto 0.4rem auto;
}

    .spe_item .photo {
        float: left;
        width: 2.7rem;
        height: 1.48rem;
        border: 1px solid #e3e4e6;
        border-radius: 0.1rem;
        position: relative;
        overflow: hidden;
    }

        .spe_item .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .spe_item .inf {
        width: 4rem;
        float: right;
    }

    .spe_item .name {
        height: 0.54rem;
        line-height: 0.54rem;
        font-size: 0.3rem;
    }

    .spe_item .nm {
        display: inline-block;
        max-width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .spe_item .tip {
        line-height: 0.44rem;
        color: #878787;
        height: 0.88rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        font-size: 0.24rem;
    }

.spe_re {
    display: block;
    width: 92%;
    margin: 0 auto 0.4rem auto;
}

    .spe_re .photo {
        float: left;
        width: 2.14rem;
        height: 3.04rem;
        border: 1px solid #e3e4e6;
        position: relative;
        overflow: hidden;
    }

        .spe_re .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .spe_re .inf {
        width: 4.6rem;
        float: right;
        padding: 0.06rem 0 0 0;
    }

    .spe_re .name {
        height: 0.6rem;
        line-height: 0.6rem;
        clear: both;
    }

    .spe_re .num {
        float: left;
        display: inline-block;
        width: 0.3rem;
        height: 0.3rem;
        line-height: 0.3rem;
        margin: 0.15rem 0.15rem 0 0;
        text-align: center;
        font-size: 0.24rem;
        border-radius: 100%;
        font-weight: bold;
    }

    .spe_re:nth-child(1) .num {
        color: #ff0d2a;
        background: #ffd5d7;
    }

    .spe_re:nth-child(2) .num {
        color: #ff8637;
        background: #fcdcc7;
    }

    .spe_re:nth-child(3) .num {
        color: #f9c816;
        background: #fcf0c6;
    }

    .spe_re .nm {
        float: left;
        display: inline-block;
        max-width: 3.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.3rem;
    }

    .spe_re .fen {
        float: right;
        line-height: 0.6rem;
        font-size: 0.24rem;
        color: #f86442;
    }

    .spe_re .in {
        height: 0.48rem;
        line-height: 0.48rem;
        color: #999;
        font-size: 0.24rem;
    }

    .spe_re .writer {
        padding-left: 0.36rem;
        background: url("../images/face1.png") no-repeat left center;
        background-size: auto 0.24rem;
    }

    .spe_re .tip {
        line-height: 0.4rem;
        height: 0.8rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        color: #999;
        font-size: 0.24rem;
    }

    .spe_re .zs {
        height: 0.6rem;
        line-height: 0.6rem;
        color: #999;
        font-size: 0.24rem;
    }

    .spe_re .stars {
        float: left;
        width: 1.12rem;
        height: 0.6rem;
    }

        .spe_re .stars .in {
            width: 1.12rem;
            height: 0.6rem;
            background: url("../images/star1.png") no-repeat left center;
            background-size: 1.12rem 0.21rem;
            float: left;
        }


/*spe 专题*/

/*book 书库*/

.book_cla {
    padding: 0.1rem 0 0.3rem 0;
}

.cla_in {
    padding-left: 1.16rem;
    position: relative;
}

    .cla_in h1,.cla_in h2 {
        font-size: 0.28rem;
        font-weight: normal;
        display: inline;
    }

    .cla_in .tit {
        position: absolute;
        left: 0.3rem;
        top: 0.3rem;
        border-top: 1px solid #fff;
        height: 0.5rem;
        line-height: 0.5rem;
        color: #999;
    }

    .cla_in .sel {
        display: inline-block;
        height: 0.5rem;
        line-height: 0.5rem;
        border: 1px solid #fff;
        padding: 0 0.2rem;
        margin: 0.3rem 0.1rem 0 0;
        border-radius: 0.25rem;
    }

    .cla_in .hover {
        color: #f86442;
        border-color: #f86442;
    }

.hide {
    display: none;
}
/*book 书库*/
.nd_cnt a {
    color: #f76442;
}