    body {
        background:#fff;
        color: #333;
        font-size: 1em;
        font-family: "Microsoft Yahei","微软雅黑","宋体";
    }


    a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video {
        border: 0;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }
    body{
        max-width:750px;
        margin:0 auto;
    }
    input,textarea {
        margin: 0;
        padding: 0;
        font-size: 1em;
    }

    input:focus {
        outline: none;
    }

    img {
        border: none;
        vertical-align: middle;
    }

    ul li {
        list-style-type: none;
    }

    a {
        font-size: 1em;
        color: #333;
        text-decoration: none;
    }

    a:hover {
        font-size: 1em;
        color: #bb962c;
        text-decoration: none;
    }

    a:visited {
        font-size: 1em;
        color: #333;
        text-decoration: none;
    }

    .clear {
        clear: both;
        height: 0;
    }

    .light {
        color: #c00;
    }

    .up_lable {
        vertical-align: super;
        font-size: 0.6em;
    }

    .m2 {
        margin-top: 1em;
    }

    .m5 {
        margin-top: 3em;
    }

    /* table */
    .site_table {
        display: table;
        margin: 0.5em auto 1em auto;
        width: 98%;
        background: #ffffff;
        border: 1px #999999 solid;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .site_table th {
        display: table-cell;
        vertical-align: inherit;
        background: #f0f0f0;
        border-top: 1px #999999 solid;
        border-bottom: 1px #999999 solid;
        padding: 0.2em;
        text-align: center;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.25em;
        color: #333;
    }

    .site_table td {
        display: table-cell;
        vertical-align: inherit;
        border-right: 1px #999999 solid;
        border-top: 1px #999999 solid;
        border-bottom: 1px #999999 solid;
        line-height: 1.25em;
        padding: 0.8em 0.5em;
        font-size: 1em;
        color: #333;
        text-align: center;
    }

    .site_table td a,.site_table td a:hover,.site_table td a:visited {
        font-size: 1em;
        color: #bb962c;
    }

    /* 通用头部样式 */
    .site-head {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    .site-head-box {
        margin: 0 auto;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .site-head-box h1 img {
        float: left;
        margin: 0.25em 0.25em 0.1em 0.5em;
        width: 13em;
        height: 4.18em;
    }

    .gushiwang-logo {
        display: block;
        float: left;
        margin: 0.25em 0.25em 0.1em 0.5em;
        width: 13em;
        height: 4.18em;
        background: url(../images/gushidaquan_logo.png) center no-repeat;
        background-size: 13em auto;
    }

    .site-slogan {
        display: block;
        float: left;
        margin: 0.8em 0 0 0;
        width: 8em;
        height: 2.36em;
        background: url(../images/slogan_xiaogushidadaoli.png) left center no-repeat;
        background-size: 8em 2.36em;
    }

    .site-channel {
        float: left;
        margin-top: 1.7em;
        border-left: 2px solid #bb962c;
        padding-left: 0.5em;
        height: 1.25em;
        line-height: 1.25em;
        font-size: 1em;
    }

    .site-search {
        float: left;
        _display: inline;
        margin: -0.25em 5em 0.5em 5em;
        width: 15em;
        height: 2em;
        border: 1px solid #bb962c;
        text-align: center;
    }

    .site-search input[type="text"] {
        float: left;
        margin: 0 0 0 1.25em;
        background: none;
        border: none;
        width: 11.75em;
        height: 2em;
        line-height: 2em;
        color: #666;
    }

    .site-search input[type="submit"] {
        float: left;
        width: 1.99em;
        height: 2em;
        border: none;
        border-radius: 0;
        background: url(../images/ico_search.png) no-repeat #bb962c center;
        background-size: 66%;
        cursor: pointer;
    }

    .site-daohang {
        width: 100%;
        height: 5em;
        background: #bb962c;
        background-image: linear-gradient(270deg,#d2b875,#bb962c);
    }

    .site-daohang ul {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 5em;
        overflow: hidden;
    }

    .site-daohang ul li {
        float: left;
        width: 25%;
        height: 2em;
        font-weight: 600;
        text-align: center;
    }

    .site-daohang ul li.cur,.site-daohang ul li:hover {
        background: none;
    }

    .site-daohang ul li > a {
        display: block;
        margin-top: 0.6em;
        height: 1.5em;
        line-height: 2em;
        border-right: 1px solid #f5f5f6;
        color: #040000;
        font-size: 1em;
    }

    .site-daohang ul li:nth-child(4n) > a {
        border-right: none;
    }

    .site-daohang ul li.cur > a,.site-daohang ul li:hover a {
        color: #f5f5f6;
    }

    /* 通用底部样式 */
    .site-foot {
        margin: 2em auto 0 auto;
        width: 100%;
        background: url(../images/bg_foot.png) #f5f5f6 right bottom no-repeat;
        border-top: 1px solid #f5f5f6;
        background-size: auto 10em;
        text-align: center;
    }

    .site-foot-box {
        margin: 0 auto;
        width: 95%;
        padding: 1.35em 0;
    }

    .site-foot p {
        margin: 1em auto;
        line-height: 1em;
        font-size: 12px;
        clear: both;
    }

    .site-foot p span {
        margin: 1em auto;
        display: block;
        padding-left: 0;
    }

    .site-foot a,.site-foot a:hover,.site-foot a:visited {
        font-size: 12px;
    }

    .site-foot .ico_gongxin {
        background: url(../images/ico_gongxinbu.png) no-repeat;
        padding-left: 1.7em;
        background-size: auto 1.28em;
    }

    .site-foot .ico_jubao {
        background: url(../images/ico_tips.png) 0 0 no-repeat;
        padding-left: 1.6em;
        background-size: auto 1.18em;
    }

    .site-foot img {
        height: 3.5em;
    }

    .site-youlian {
        margin: 0 auto;
        padding: 0 0.8em 0.8em 0.8em;
        color: #969696;
        text-align: left;
        font-size: 12px;
    }

    .site-youlian a {
        color: #c2c2c2;
        font-size: 12px;
    }

    /* 通用区块标题 */
    .box-title {
        width: 100%;
        line-height: 1.5em;
    }

    .box-title b {
        display: block;
        padding-left: 0.8em;
        font-size: 1.25em;
        color: #040000;
    }

    .box-title a,.box-title a:hover,.box-title a:visited {
        float: right;
        margin-top: 0;
        margin-right: 0.5em;
        line-height: 1.5em;
        font-size: 1em;
        color: #bb962c;
    }

    /* 专属区块标题 */
    .box-color-title {
        position: relative;
        width: 100%;
        line-height: 1.8em;
    }

    .box-color-title:before {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: '';
        width: 0.45em;
        height: 1.8em;
        background: #bb962c;
    }

    .box-color-title b {
        display: block;
        padding-left: 15px;
        font-size: 22px;
        color: #040000;
    }

    .box-color-title a,.box-color-title a:hover,.box-color-title a:visited {
        float: right;
        margin-top: 0;
        margin-right: 0.5em;
        line-height: 1.5em;
        font-size: 1em;
        color: #bb962c;
    }

    /* 通用页码样式 */
    /*.page {*/
    /*    margin: 1.5em auto 0 auto;*/
    /*    width: 95%;*/
    /*    height: auto;*/
    /*    text-align: center;*/
    /*    font-size: 1em;*/
    /*}*/

    /*.page ul li {*/
    /*    float: left;*/
    /*    display: inline-block;*/
    /*    margin: 0.2em 0.3em;*/
    /*    width: 2.15em;*/
    /*    height: 1.5em;*/
    /*    line-height: 1.5em;*/
    /*    background: url(../images/bg_page.png) center top no-repeat;*/
    /*    background-size: 2.15em 3em;*/
    /*}*/

    /*.page ul li.now,.page ul li:hover {*/
    /*    background-position: center bottom;*/
    /*    cursor: not-allowed;*/
    /*}*/

    /*.page ul li a {*/
    /*    display: block;*/
    /*    font-family: Arial;*/
    /*    color: #333;*/
    /*    font-weight: bold;*/
    /*    font-size: 1em;*/
    /*}*/

    /*.page ul li:hover a {*/
    /*    color: #f5f5f6;*/
    /*}*/

    /*.page ul li.now a {*/
    /*    color: #f5f5f6;*/
    /*    cursor: not-allowed;*/
    /*}*/

    /*.page span {*/
    /*    float: left;*/
    /*    margin: 0.2em 0.5em;*/
    /*    height: 1.5em;*/
    /*    line-height: 1.5em;*/
    /*}*/

    /* 返回顶部 */
    .go_top {
        display: none;
        position: fixed;
        right: 0.5em;
        bottom: 2.18em;
        width: 2.6em;
        height: 2.6em;
        background: url(../images/ico_up.png) 0 0 no-repeat;
        background-size: 2.6em 5.2em;
        cursor: pointer;
        z-index: 999999;
    }

    .go_top:hover {
        background-position: 0 -2.6em;
        transition: background 0.2s ease 0s;
    }

    /* 故事大全网首页样式 */
    .index-screen-1 {
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    /* 轮播图片 */
    .index-imgs {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: 13em;
        overflow: hidden;
    }

    .slide_clip {
        width: 100%;
        height: 13em;
        background-color: #fff;
    }

    .slide_list {
        display: block;
        width: 100%;
        height: 13em;
    }

    .slide_item {
        float: left;
        display: block;
        width: 100%;
        height: 13em;
    }

    .slide_item a {
        display: block;
        width: 100%;
        height: 13em;
    }

    .slide_item img {
        width: 100%;
        height: 13em;
        vertical-align: middle;
    }

    .slide_trigger {
        position: absolute;
        bottom: 1.25em;
        left: 50%;
        margin-left: -6.6em;
        transition: .3s opacity;
    }

    .slide_trigger li {
        float: left;
        margin: 0 0.35em;
        display: block;
        width: 1.5em;
        height: 1em;
        background: url(../images/ico_book.png) 0 0 no-repeat;
        background-size: 1.5em 2em;
        opacity: 0.8;
        transition: all .2s linear;
        cursor: pointer;
    }

    .slide_trigger li:hover,.slide_trigger li.cur {
        background-position: 0 -1em;
        opacity: 1;
    }

    /* 故事家介绍 */
    .index-gushijia {
        position: static;
        top: 0;
        right: 0;
        margin: 1.8em auto 0 auto;
        width: 90%;
        height: auto;
        background: url(../images/ico_tuijian.png) top right no-repeat;
        background-size: 3em;
        line-height: 1.8em;
        text-align: justify;
    }

    .index-gushijia img {
        float: left;
        margin: 0 15px 0 0;
        width: 10em;
        height: auto;
    }

    .index-gushijia a {
        color: #bb962c;
    }

    .index-screen-2 {
        position: static;
        margin: 3em auto;
        width: 100%;
        height: auto;
        background: none;
    }

    /* 首页故事新闻 */
    .index-story-news {
        width: 100%;
        height: auto;
    }

    .story-news-list {
        /*margin: 0 5%;*/
        padding-top: 0.5em;
    }

    .story-news-list li {
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
        height: 3.5em;
        line-height: 3.5em;
        overflow: hidden;
    }

    .story-news-list li span {
        float: right;
        width: 29%;
        text-align: right;
        color: #9195a3;
        overflow: hidden;
    }

    .story-news-list li a {
        display: block;
        max-width: 70%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    /* 首页最新故事 */
    .index-new-story {
        float: left;
        margin: 3.5em 0 0 0;
        width: 100%;
        height: auto;
    }

    .new-story-list {
        margin: 0 5%;
        padding-top: 1em;
    }

    .new-story-list li {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
        height: 3.5em;
        line-height: 3.5em;
        overflow: hidden;
    }

    .new-story-list li:before {
        position: absolute;
        left: 0;
        top: 0.8em;
        display: block;
        content: '';
        width: 1.6em;
        height: 2em;
        background: url(../images/ico_dot.png) no-repeat;
        background-size: 100% auto;
    }

    .new-story-list li span {
        float: right;
        width: 29%;
        text-align: right;
        color: #9195a3;
        overflow: hidden;
    }

    .new-story-list li a {
        margin-left: 2.45em;
        display: block;
        max-width: 52%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    /* 首页故事排行榜 */
    .index-hot-story {
        position: static;
        top: 0;
        right: 0;
        float: left;
        margin: 3.5em 0 0 0;
        width: 100%;
        height: auto;
    }

    .hot-story-list {
        margin: 0 5%;
        padding-top: 1em;
    }

    .hot-story-list ul li {
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
        height: 3.5em;
        line-height: 3.5em;
        overflow: hidden;
    }

    .hot-story-list ul li a {
        display: block;
        max-width: 59%;
        font-size: 1em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .hot-story-list span {
        float: right;
        width: 21%;
        margin: 1.5em 0 0 0;
        overflow: hidden;
    }

    .hot-story-list span i {
        display: block;
        height: 0.6em;
        border-radius: 0.3em;
        background-color: #c9ae5e;
        background-image: linear-gradient(90deg,#f8ecd0 0,#bb962c 100%);
        cursor: pointer;
    }

    .hot-story-list em {
        float: left;
        margin: 0.9em 1em 0 0;
        background: #f5f5f6;
        text-align: center;
        width: 1.6em;
        height: 1.6em;
        line-height: 1.6em;
        color: #040000;
    }

    .hot-story-list .num_top3 {
        background: #bb962c;
        color: #fff;
    }

    .index-screen-3 {
        margin: 3.5em 0 0 0;
        width: 100%;
        height: auto;
    }

    /* 首页故事分类/标签 */
    .index_gushi_stort {
        margin: 2em auto;
        width: 95%;
    }

    .index_gushi_stort a {
        margin: 0.25em 0.25em 0.25em 0.5em;
        float: left;
        background-color: #fff;
        height: 1.8em;
        line-height: 1.8em;
        padding: 0 0.6em;
        border: 1px solid #9195a3;
        border-radius: 1em;
    }

    .index_gushi_stort a:hover {
        background-color: #bb962c;
        border: 1px solid #bb962c;
        color: #fff;
    }

    .index-screen-4 {
        margin: 3.5em auto 0 auto;
        width: 100%;
        height: auto;
    }

    /* 首页故事名家/故事大王 */
    .index_pic {
        display: block;
        margin: 1em auto;
        width: 95%;
    }

    .index_pic li {
        float: left;
        width: 50%;
        height: 11.8em;
        line-height: 1.25em;
        text-align: center;
        overflow: hidden;
    }

    .index_pic li img {
        margin: 0.25em auto;
        width: 88%;
        height: 6em;
        transition: transform .5s ease;
    }

    .index_pic li img:hover {
        transform: translateY(-5px);
    }

    .index_pic li h3 {
        margin: 0.25em 0.65em;
        width: auto;
        display: -webkit-box;
        height: 2.7em;
        line-height: 1.35em;
        -webkit-line-clamp: 2;
        word-break: break-all;
        text-align: left;
        overflow: hidden;
    }

    .index_pic li h3 a {
        margin: 0;
        font-size: 1em;
        font-weight: normal;
    }

    .index_pic li p {
        margin: 0 0.65em;
        width: auto;
        text-align: left;
        color: #9195a3;
    }

    .index_pic li:hover a {
        color: #bb962c;
    }

    /* 内页主体信息盒子 */
    .site-container {
        margin: 1em auto 0 auto;
        width: 100%;
    }

    /* 面包屑导航 */
    .site-location {
        width: 80%;
        padding-left: 2.35em;
        background: url(../images/ico_location.png) 0.58em 0 no-repeat;
        background-size: auto 1.88em;
        height: 2em;
        line-height: 2em;
        text-align: left;
        font-size: 1em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .site-location a {
        font-size: 1em;
    }

    /* 左右布局 */
    .site-container-main {
        margin: 1em auto 0 auto;
        padding: 0 1em;
        background: #fff;
    }

    .site-wide-box {
        margin: 1em auto 0 auto;
        width: 90%;
        line-height: 1.85em;
    }

    .site-wide-box p img {
        max-width: 100%;
    }

    .site-wide-box a,.site-wide-box a:hover,.site-wide-box a:visited {
        color: #bb962c;
        font-size: 16px;
        text-decoration: none;
        border-bottom: 1px solid #bb962c;
    }

    /* 左侧盒子 */
    .site-container-l {
        float: left;
        width: 100%;
        margin-bottom: 0.5em;
    }

    .site-container-l ul li {
        position: relative;
        float: left;
        margin-bottom: 0.5em;
        margin-right: 2.75%;
        padding-left: 0;
        border-left: none;
        width: 31.5%;
        height: 2em;
        line-height: 2em;
        background-color: #f5f5f6;
        border-radius: 0.2em;
        text-align: center;
    }

    .site-container-l ul li:nth-child(4n),.site-container-l ul li:nth-child(7n),.site-container-l ul li:nth-child(10n),.site-container-l ul li:nth-child(13n),.site-container-l ul li:nth-child(15n),.site-container-l ul li:nth-child(19n) {
        margin-right: 0;
    }

    .site-container-l ul li:nth-child(3n),.site-container-l ul li:nth-child(8n),.site-container-l ul li:nth-child(12n),.site-container-l ul li:nth-child(14n),.site-container-l ul li:nth-child(20n) {
        margin-right: 2.75%;
    }

    .site-container-l ul li:nth-child(16n),.site-container-l ul li:nth-child(22n),.site-container-l ul li:nth-child(25n) {
        margin-right: 0;
    }

    .site-container-l ul li:before {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-radius: 0;
        background: #f5f5f6;
    }

    .site-container-l ul li.cur:before {
        background: #f5f5f6;
    }

    .site-container-l ul li.cur {
        background: #f5f5f6;
        display: none;
    }

    .site-container-l ul li.cur a {
        font-weight: normal;
        color: #333;
    }

    .site-container-l ul li.cur2:before {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-radius: 0;
        background: #f5f5f6;
    }

    .site-container-l ul li.cur2,.site-container-l ul li:hover {
        background-color: #bb962c;
        border-color: #bb962c;
        padding-left: 0;
        border-left: none;
        font-weight: normal;
    }

    .site-container-l ul li.cur2 a {
        font-weight: normal;
        color: #fff;
    }

    .site-container-l ul li a {
        font-size: 1em;
    }

    .site-container-l-m {
        height: 12vh;
        overflow: hidden;
        position: relative;
    }

    .site-container-l-m:after {
        content: '';
        position: absolute;
        height: 3vh;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: linear-gradient(rgba(255, 255, 255, 0), #fff);
    }

    .view-all-left {
        display: block;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 0 0 0.5em 0;
        text-align: center;
        cursor: pointer;
    }

    .view-all-left img {
        width: 1.5em;
    }

    /* 右侧盒子 */
    .site-container-r {
        float: left;
        width: 100%;
    }

    /* 图文介绍形式 */
    .site-container-txt {
        padding: 1em 1em 1em 1em;
        line-height: 1.5em;
        font-size: 1em;
    }

    .site-container-txt h1 {
        line-height: 1.25em;
        padding-bottom: 0.5em;
        font-size: 1.2em;
        text-align: center;
    }

    .site-container-txt p {
        margin: 1em 0;
        line-height: 1.5em;
        font-size: 1em;
        color: #333;
    }

    .site-container-txt a,.site-container-txt a:hover,.site-container-txt a:visited {
        font-size: 1em;
        color: #333;
    }

    .site-container-txt img {
        max-width: 100%;
    }

    /* 标题列表形式 */
    .question_list {
        margin: 0 auto 0.5em auto;
        width: 100%;
    }

    .question_list li {
        position: relative;
        padding-left: 1em;
        height: 3em;
        line-height: 3em;
        overflow: hidden;
    }

    .question_list li:before {
        position: absolute;
        left: 0.25em;
        top: 1.68em;
        display: block;
        content: '';
        width: 0.2em;
        height: 0.2em;
        border-radius: 50%;
        background: #333;
    }

    .question_list li a {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1em;
        overflow: hidden;
    }

    .question_list span {
        float: right;
    }

    /* 图片列表形式 */
    .news_list {
        margin: 0 auto 0.5em auto;
        width: 100%;
    }

    .news_list .news_img {
        position: relative;
        width: 100%;
        margin: 1em 0 0 0;
        height: 9em;
        border-bottom: 1px solid #f2f2f2;
        line-height: 1.6em;
    }

    .news_list .news_img img {
        float: left;
        margin: 0.25em 0 0.25em 0;
        width: 27%;
        height: 4.5em;
    }

    .news_list .news_img div {
        float: left;
        margin-left: 3%;
        width: 70%;
    }

    .news_list .news_img h3 {
        width: 100%;
        height: auto;
        line-height: 1.68em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .news_list .news_img h3 a {
        font-size: 1em;
    }

    .news_list .news_img p {
        max-height: 4.8em;
        overflow: hidden;
    }

    .news_list .news_img i {
        position: absolute;
        top: auto;
        bottom: 0.95em;
        left: 0;
        width: auto;
        height: 1.8em;
        padding: 0 0.5em 0 1.68em;
        background: url(../images/ico_hot.png) #fff 0 0 no-repeat;
        background-size: auto 1.68em;
        border-radius: 0;
        opacity: 1;
        font-style: normal;
        font-size: 1em;
        line-height: 2em;
    }

    .news_list .news_imgs {
        position: relative;
        width: 100%;
        padding: 1em 0;
        border-bottom: 1px solid #f2f2f2;
        line-height: 1.6em;
    }

    .news_list .news_imgs img {
        float: left;
        margin: 0.25em 1.1% 0.25em 0;
        width: 32%;
        height: 4.5em;
    }

    .news_list .news_imgs h3 {
        width: 100%;
        height: auto;
        line-height: 1.68em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .news_list .news_imgs h3 a {
        font-size: 1em;
    }

    .news_list .news_imgs div {
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .news_list .news_imgs p {
        max-height: 4.8em;
        overflow: hidden;
    }

    .news_list .news_imgs i {
        position: absolute;
        top: 2.68em;
        left: 0;
        width: auto;
        height: 1.8em;
        padding: 0 0.5em 0 1.68em;
        background: url(../images/ico_hot.png) #fff 0 0 no-repeat;
        background-size: auto 1.68em;
        border-radius: 0 0 1em 0;
        opacity: 0.8;
        font-style: normal;
        font-size: 1em;
        line-height: 2em;
    }

    /* 卡片形式 */
    .pic_list {
        display: block;
        margin: 0 auto 0.5em auto;
        width: 100%;
    }

    .pic_list li {
        float: left;
        margin-left: -1px;
        margin-top: -1px;
        border: 1px solid #ccc;
        width: 49.5%;
        height: 12em;
        line-height: 1.25em;
        text-align: center;
        overflow: hidden;
    }

    .pic_list li:nth-child(4n) {
        margin-right: 0;
    }

    .pic_list li img {
        margin: 0.8em auto 0.6em auto;
        width: 90%;
        height: 6em;
        transition: transform .5s ease;
    }

    .pic_list li img:hover {
        transform: translateY(-5px);
    }

    .pic_list li h3 {
        margin: 0 auto;
        display: -webkit-box;
        width: 90%;
        max-height: 2.7em;
        line-height: 1.35em;
        -webkit-line-clamp: 2;
        word-break: break-all;
        font-weight: normal;
        text-align: left;
        overflow: hidden;
    }

    .pic_list li h3 a {
        font-size: 1em;
        font-weight: 700;
    }

    .pic_list li p {
        margin: 0.35em auto;
        width: 90%;
        text-align: left;
    }

    .pic_list li:hover a {
        color: #bb962c;
    }

    /* 文章详情 */
    .article-box {
        margin: 1em 0;
        width: 100%;
    }

    .article-title h1 {
        margin: 0 auto;
        width: 92%;
        padding-top: 0;
        line-height: 1.5em;
        font-size: 1.2em;
        text-align: center;
    }

    .article-yaosu {
        margin: 1em;
        height: auto;
        line-height: 1.5em;
        color: #666666;
        font-size: 12px;
        text-align: center;
        overflow: hidden;
    }

    .article-yaosu a {
        color: #666666;
        font-size: 12px;
    }

    .article-summary {
        margin: 0 auto;
        width: 92%;
        background: url(../images/bg_summary.png) 0 0 #fffaf8 no-repeat;
        background-size: 0.85em auto;
    }

    .article-summary p {
        padding: 1.25em 1.5em;
        line-height: 1.58em;
        font-size: 1em;
        color: #666666;
        text-align: justify;
    }

    .article-summary p b {
        font-style: italic;
    }

    .article-fontsize {
        margin: 1em auto 0 auto;
        width: 5.25em;
        height: 2.5em;
        text-align: center;
        overflow: hidden;
    }

    .article-fontsize a {
        float: left;
        width: 2.5em;
        height: 2.25em;
        line-height: 2.25em;
        font-weight: bold;
        background: #fff;
        border: 1px solid #f2f2f2;
        border-radius: 1px;
    }

    .article-content {
        padding: 0 1em;
        line-height: 1.85em;
        font-size: 1em;
    }

    .article-content h2 {
        margin: 1em auto;
        font-size: 1.2em;
        text-align: center;
    }

    .article-content h3 {
        position: relative;
        margin: 1em auto;
        padding-left: 0.8em;
        font-size: 1em;
        text-align: left;
    }

    .article-content h3:before {
        position: absolute;
        content: '';
        display: inline-block;
        top: 0.2em;
        left: 0;
        width: 0.35em;
        height: 1.3em;
        border-radius: 0.2em;
        background-color: #bb962c;
    }

    .article-content p {
        margin: 1em auto;
    }

    .article-content img {
        max-width: 100%;
    }

    .article-content a,.article-content a:hover,.article-content a:visited {
        color: #bb962c;
        font-size: 1em;
        text-decoration: none;
        /*border-bottom: 1px solid #bb962c;*/
    }

    .article-tips {
        color: #e7473c;
        text-align: center;
    }

    .content-container-box {
        position: relative;
        /*height: 90vh;*/
        /*overflow: hidden;*/
    }

    /*.content-container-box:after {*/
    /*    position: absolute;*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    content: '';*/
    /*    height: 16vh;*/
    /*    margin: 0 auto;*/
    /*    background: linear-gradient(rgba(246, 246, 246, 0), #f5f5f6);*/
    /*}*/

    .view-allcontent-box {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #f5f5f6;
        padding: 1em 0;
    }

    .view-allcontent {
        padding: 0 1.5em;
        background: #e7473c;
        color: #fff;
        border-radius: 1em;
        line-height: 2em;
        font-size: 1em;
        text-align: center;
        cursor: pointer;
    }

    .article-file,.article-tag,.article-url {
        margin-top: 0.5em;
        line-height: 1.85em;
        padding: 0 1em;
    }

    .article-file .pdf {
        background: url(../images/ico_pdf.png) no-repeat;
        padding-left: 1.5em;
        background-size: 1.28em;
    }

    .article-file .doc {
        background: url(../images/ico_doc.png) no-repeat;
        padding-left: 1.5em;
        background-size: 1.28em;
    }

    .article-tag span,.article-url span {
        display: block;
        margin: 0.25em 0.15em 0.25em 0;
        background: #fff;
        padding: 0 0.8em;
        color: #666;
        border-radius: 1em;
        overflow: hidden;
    }

    .article-url a {
        font-size: 12px;
    }

    .article-page {
        margin: 1em auto;
        background: #f5f5f6;
        border-radius: 1em;
        height: auto;
        line-height: 2em;
        padding: 0 1em;
    }

    .article-page li {
        float: left;
        width: 100%;
        text-align: left;
        overflow: hidden;
        margin-right: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .article-page li:nth-child(2n) {
        border-right: none;
        margin-right: 0;
    }

    .article-page a,.article-page a:hover,.article-page a:visited {
        font-size: 1em;
        color: #333;
    }

    /* 评论区 */
    .review_list {
        margin: 1em auto;
        width: 100%;
    }

    .review_one {
        position: relative;
        marginp: 1.5em auto;
        width: 98%;
        border-bottom: 1px solid #f2f2f2;
    }

    .review_one img {
        float: left;
        margin-right: 0.5em;
        width: 4em;
        height: 4em;
        border: 1px solid #9195a3;
    }

    .review_one i {
        position: absolute;
        top: -1em;
        left: 0;
        width: 1.8em;
        height: 1.8em;
        background-color: #c00;
        border-radius: 0 1.5em 1em 1em;
        font-style: normal;
        font-size: 0.8em;
        line-height: 1.8em;
        color: #fff;
        text-align: center;
    }

    .review_main {
        padding-bottom: 0.5em;
        text-align: left;
    }

    .review_user {
        color: #9195a3;
        font-size: 0.8em;
    }

    .review_user span {
        float: right;
    }

    .review_txt {
        padding: 0.5em 0;
        line-height: 1.5em;
        font-size: 0.8em;
    }

    .article-review-list {
        margin: 1em auto;
        width: 92%;
    }

    .article-review-list li {
        margin-top: 0.8em;
        border-bottom: 1px solid #f2f2f2;
        line-height: 1.25em;
    }

    .article-review-list li a {
        font-size: 1em;
    }

    .article-review-list li p {
        margin: 0.5em 0 1em 0;
        background: url(../images/ico_view.gif) 0 3px no-repeat;
        text-indent: 1.8em;
        line-height: 1.5em;
    }

    .article-cmt {
        margin: 1.5em auto 0 auto;
        width: 100%;
        height: auto;
        background: #f5f5f6;
        padding-bottom: 1em;
        overflow: hidden;
        text-align: center;
    }

    .article_cmt_title {
        margin: 1em 1em 0 0.5em;
        background: url(../images/ico_cmt_title.png) no-repeat;
        background-size: 2em;
        padding-left: 2.25em;
        height: 2em;
        line-height: 2.15em;
        text-align: left;
    }

    .article_cmt_title a {
        float: right;
        font-size: 1em;
        text-decoration: underline;
    }

    .article_cmt_title b {
        font-size: 1em;
    }

    .article-cmt textarea {
        margin: 0.5em auto;
        width: 90%;
        height: 10em;
        padding-left: 0.5em;
        background: url(../images/logo_transparent.png) center center no-repeat;
        background-size: 50%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1) inset;
        box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1);
        border: 2px solid #e9e9f0;
        border-radius: 1em;
        line-height: 1.5em;
        font-family: '微软雅黑';
    }

    .article-cmt textarea:focus {
        outline: none;
        border-color: #d2b875;
        box-shadow: 0 0 0.2em rgba(235,195,153,.5);
    }

    .article-cmt p {
        text-align: left;
        padding-left: 0.25em;
        line-height: 2.25em;
    }

    .article-cmt .cmt_btn {
        float: right;
        margin-right: 0.8em;
        width: 8em;
        height: 2.25em;
        background: #bb962c;
        background: linear-gradient(135deg,#d2b875,#bb962c 100%)!important;
        border: 0;
        border-bottom: 0.25em solid #d2b875;
        border-radius: 1.25em;
        color: #fff;
        font-family: '微软雅黑';
        font-size: 1em;
        font-weight: bold;
        cursor: pointer;
    }

    /* 相关/热门/最新内容 */
    .article-side-box {
        margin: 0.35em auto;
        width: 100%;
        float: left;
        margin-left: 0;
    }

    .article-related {
        margin: 3em auto 0 auto;
        width: 100%;
    }

    .article-related-title,.article-review-title,.article-hot-title,.article-latest-title,.article-category-title {
        height: 1.8em;
        line-height: 1.8em;
        font-weight: 700;
        font-size: 1.25em;
        color: #bb962c;
    }

    .article-related-title em,.article-review-title em,.article-hot-title em,.article-latest-title em,.article-category-title em {
        float: left;
        margin-top: 0;
        margin-right: 0.5em;
        width: 0.45em;
        height: 1.8em;
        background: #bb962c;
        border-radius: 0.25em;
    }

    .article-related-list {
        margin: 1.5em auto 0 auto;
        width: 92%;
    }

    .article-related-list li {
        float: left;
        margin-right: 0;
        width: 100%;
        height: 7.8em;
        line-height: 1.25em;
    }

    .article-related-list li:nth-child(2n) {
        margin-right: 0;
    }

    .article-related-list li h3 {
        display: inline-block;
        width: 100%;
        height: 1.3em;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .article-related-list li h3 a {
        font-size: 1em;
    }

    .article-related-list li img {
        float: left;
        margin: 0.25em 0 0.25em 0;
        width: 27%;
        height: 4.5em;
        background: url(../images/loading.gif) center center no-repeat;
        border-radius: 0.8em;
    }

    .article-related-list li p {
        float: left;
        margin-left: 3%;
        width: 70%;
        margin-top: 0.25em;
        max-height: 4.5em;
        line-height: 1.5em;
        color: #666;
        overflow: hidden;
    }

    .article-side-list {
        margin: 0.65em auto;
        width: 92%;
    }

    .article-side-list li {
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
        height: 3.5em;
        line-height: 3.5em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .article-side-list li a {
        font-size: 1em;
    }

    .article-side-hot {
        margin: 0.65em auto;
        width: 92%;
    }

    .article-side-hot li {
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
        height: 3.5em;
        line-height: 3.5em;
        overflow: hidden;
    }

    .article-side-hot li a {
        display: block;
        max-width: 66%;
        font-size: 1em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .article-side-hot span {
        float: right;
        width: 21%;
        margin: 1.5em 0 0 0;
        overflow: hidden;
    }

    .article-side-hot span i {
        display: block;
        height: 0.6em;
        border-radius: 0.3em;
        background-color: #c9ae5e;
        background-image: linear-gradient(90deg,#f8ecd0,#bb962c 100%);
        cursor: pointer;
    }

    .article-side-hot em {
        float: left;
        margin: 0.9em 1em 0 0;
        background: #f5f5f6;
        text-align: center;
        width: 1.6em;
        height: 1.6em;
        line-height: 1.6em;
        color: #040000;
    }

    .article-side-hot .num_top3 {
        background: #bb962c;
        color: #fff;
    }

    .article-category-list {
        margin: 1em auto;
        width: 100%;
    }

    .article-category-list a {
        float: left;
        width: 25%;
        height: 3em;
        background-color: #fffaf8;
        border-bottom: 3px solid #fff;
        line-height: 3em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
    }

    .article-category-list a:hover,.article-category-list .category_now {
        background: url(../images/ico_circle.png) #fffaf8 0.35em 0.6em no-repeat;
        background-size: 1.6em;
    }

    /* 站内搜索 */
    .site-search-total {
        margin: 1.5em 0;
        position: relative;
        padding: 0 1.2em;
        max-height: 4em;
        line-height: 2em;
    }

    .site-search-total:before {
        position: absolute;
        left: 0.2em;
        top: 0.1em;
        display: block;
        content: '';
        width: 0.45em;
        height: 1.8em;
        background: #bb962c;
        border-radius: 0.25em;
    }

    .search-box {
        width: 100%;
        padding: 0;
    }

    .search-box h1 {
        margin-top: 1.25em;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
        font-size: 1.5em;
        color: #bb962c;
    }

    .search-box p {
        position: relative;
        margin-top: 1.25em;
        padding-top: 1.25em;
        text-align: center;
    }

    .search-box p:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 5em;
        height: 0.25em;
        display: block;
        background-color: #bb962c;
    }

    .story-search-box {
        margin: 2em auto;
        background: #fff;
        width: 17.8em;
        height: 2.6em;
        border-radius: 2em;
        box-sizing: border-box;
        -webkit-box-shadow: 0 0 0.5em #666;
        -moz-box-shadow: 0 0 0.5em #666;
        box-shadow: 0 0 0.5em #666;
    }

    .story-search-box .search-txt {
        float: left;
        width: 12em;
        width: 11em !important;
        padding: 0 0.5em;
        height: 2.6em;
        line-height: 2.6em;
        vertical-align: middle;
        border-radius: 2em;
    }

    .story-search-box .search-btn {
        float: left;
        -webkit-appearance: none;
        width: 5.8em;
        height: 2.6em;
        line-height: 2.6em;
        background: #bb962c;
        font-size: 1em;
        font-weight: 600;
        vertical-align: middle;
        border-radius: 2em;
        color: #fff;
        cursor: pointer;
    }

    /* 留言反馈 */
    .site_table h2 {
        line-height: 1.5em;
        font-size: 1em;
        letter-spacing: 0.1em;
        color: #fff;
    }

    .site_table input[type="text"] {
        width: 90%;
        height: 2em;
        line-height: 2em;
        padding-left: 0.5em;
        box-sizing: border-box;
        border: 1px solid #d9d9d9;
        border-top: 1px solid #c0c0c0;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        font-family: '微软雅黑';
    }

    .site_table textarea {
        width: 90%;
        height: 10em;
        line-height: 2em;
        padding-left: 0.5em;
        box-sizing: border-box;
        border: 1px solid #d9d9d9;
        border-top: 1px solid #c0c0c0;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        font-family: '微软雅黑';
    }

    .site_table input[type="text"]:focus,.site_table textarea:focus {
        outline: none;
        border-color: #d2b875;
        box-shadow: 0 0 0.5em rgba(235,195,153,.5);
    }

    .site_table .light {
        font-size: 1.5em;
    }

    .site_table label {
        cursor: pointer;
    }

    .msg_ul {
        width: 98%;
        margin: 0 auto;
    }

    .msg_ul li {
        float: left;
        width: 50%;
        padding: 0.25em 0;
        text-align: left;
    }

    .msg_btn {
        width: 8em;
        height: 2.25em;
        background: #bb962c;
        background: linear-gradient(135deg,#d2b875,#bb962c 100%)!important;
        border: 0;
        border-bottom: 0.25em solid #d2b875;
        border-radius: 1.25em;
        color: #fff;
        font-family: '微软雅黑';
        font-size: 1em;
        font-weight: bold;
        cursor: pointer;
    }

    /* 404页面 */
    .page-404 {
        margin: 1em auto;
        width: 100%;
        overflow: hidden;
    }

    .page-404 p {
        display: block;
        margin: 3em auto 0 auto;
        height: auto;
        line-height: 1.85em;
        background: url(../images/ico_404.png) center top no-repeat;
        background-size: 8em;
        padding: 9em 2em 2em 2em;
        font-size: 1em;
        font-weight: 600;
        text-align: center;
    }

    .page-404 a {
        display: block;
        margin: 2em auto;
        width: 6.5em;
        height: 2em;
        background: #bb962c;
        line-height: 2em;
        border-radius: 0.25em;
        font-size: 1em;
        color: #fff;
        text-align: center;
    }



    .lists{
        display: flex;
        /*align-items: center;*/
        margin-bottom: 20px;
    }
    .lists-l{
        display: block;
        width: 100px;
        height: 80px;
        flex-shrink: 0;
    }
    .lists-r{
        padding: 0px 0 0 15px;
    }
    .lists-r p{
        font-size: 14px;
        line-height: 22px;
        color: #333;
        margin: 10px 0 10px 0;
    }
    .lists-r span{
        color: #999;
        font-size: 14px;
    }
    .lists-r-t{
        font-size: 18px;
    }




.menus{display:block;width:25px;height:25px;top:12px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:50px;z-index:99999;padding-bottom:10px;max-width: 750px}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain .as{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;;}


.topnavs{
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-bottom:  1px solid #eee;

}
.topnavs a{
    display: block;
    padding: 10px 10px;
    font-size: 17px;
    flex-shrink: 0;
}

::-webkit-scrollbar{
    display:none;
}




.footer{
    padding:20px 0;
    background-color:#f7f7f7;
    color:#333;
    text-align:center;
    font-size: 14px;
}

.footer a{
    color:#333;
}



.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1!important;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
    background: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background: #bb962c;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #bb962c;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    /*margin-bottom: 0.2rem;*/
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 20px;
}