/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

body,html,p {
    margin: 0;
    padding: 0
}

body {
    margin: 0 auto;
    max-width: 768px;
    font-size: 14px;
    background: url(/template/1/m/images/bg.png) no-repeat;
    background-attachment: fixed;
    background-size: auto 100%
}

a {
    cursor: pointer
}

h1 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.logo h1 {
    display: inherit
}

.hlt {
    display: inline!important;
    color: #980318!important
}

.container {
    margin: 0 auto
}

.nodata {
    padding: 1.7rem .3rem .6rem;
    font-size: 16px;
    text-align: center;
    color: #999;
    background: url(/template/1/m/images/nodata.png) no-repeat center .6rem;
    background-size: 1.5rem auto
}

.main {
    overflow: hidden;
    margin-top: .16rem
}

.footer {
    margin: .3rem 0 0;
    border-top: .01rem solid rgba(152,3,24,.2);
    padding: .1rem 0 .2rem;
    text-align: center
}

.footer a {
    margin-left: .05rem;
    text-decoration: none;
    color: #6a6d7f
}

.footer a:hover {
    color: #d58950
}

.footer small {
    color: #999
}

.page-sub {
    margin-bottom: .16rem;
    border: .01rem solid #d1d2d4;
    padding: .14rem .32rem;
    font-family: PingFang TC;
    font-size: .22rem;
    font-weight: 600;
    color: #980318;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 .02rem .12rem rgba(14,27,109,.16);
    box-shadow: 0 .02rem .12rem rgba(14,27,109,.16)
}

.page-sub .name {
    border-left: .04rem solid #980318;
    padding-left: .1rem;
    line-height: .22rem
}

.author-list,.poem-list {
    margin-bottom: .32rem
}

.author-list .panel,.poem-list .panel {
    margin-bottom: .16rem
}

.author-list .panel:last-child,.poem-list .panel:last-child {
    margin-bottom: 0
}

.filter-panel {
    margin-bottom: .16rem
}

.block.img {
    margin: 0 auto .16rem
}

#Sys973_1915 {
    margin-top: .16rem
}

#Sys973_1915 a,#Sys973_1915 img {
    display: block;
    width: 100%!important;
    height: auto!important
}

.content+.block.img {
    margin-top: .16rem
}

.load-box {
    width: 1rem;
    height: 1rem
}

.load-box,.load-page {
    position: relative;
    margin: 0 auto
}

.load-page {
    height: 3.8rem
}

.loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%
}

.loading:after,.loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.2rem 0 0 -.2rem;
    border-color: transparent #980318;
    border-style: solid;
    border-width: .02rem;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    -webkit-animation: rotate 1s ease-in-out 0s infinite;
    animation: rotate 1s ease-in-out 0s infinite;
    content: "";
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loading:after {
    display: inline-block;
    margin: -.08rem 0 0 -.08rem;
    border-color: #980318 transparent;
    width: .16rem;
    height: .16rem;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    animation-direction: reverse
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }

    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }

    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

@media screen and (min-width: 768px) {
    body {
        background:url(/template/1/m/images/bg.png) repeat-y;
        background-attachment: fixed;
        background-size: 100% auto
    }
}

.font-18 {
    font-size: .18rem!important
}

.menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .1rem;
    width: 100%
}

.menu a {
    text-decoration: none;
    color: #980318
}

[hidden] {
    display: none!important
}

.mts {
    margin-top: .08rem
}

.header {
    position: relative;
    border-bottom: .05rem solid #980318;
    width: 100%;
    height: .5rem;
    line-height: .5rem
}

.header .logo {
    padding-left: .1rem;
    font-family: zcoolwenyiti;
    font-size: 24px;
    text-decoration: none;
    color: #980318
}

.nav {
    height: .36rem;
    line-height: .36rem;
    background-color: rgba(152,3,24,.2)
}

.nav li,.nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex
}

.nav li {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.nav li.cur a {
    color: #fff;
    background-color: #980318
}

.nav a {
    display: block;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #980318
}

.nav a:hover {
    color: #fff;
    background-color: #980318
}

.panel {
    border: .01rem solid #d1d2d4;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 .02rem .12rem rgba(14,27,109,.16);
    box-shadow: 0 .02rem .12rem rgba(14,27,109,.16)
}

.poem-panel {
    position: relative;
    padding: .16rem
}

.poem-panel .poem-inner {
    text-decoration: none
}

.poem-panel .poem-box {
    overflow: hidden
}

.poem-panel .more+.poem-box {
    max-height: 3rem
}

.poem-panel .more+.box-mask {
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,from(#000),color-stop(#000),color-stop(#000),to(transparent));
    -webkit-mask-image: linear-gradient(#000,#000,#000,transparent)
}

.poem-panel .more {
    position: absolute;
    right: 0;
    bottom: .1rem;
    left: 0;
    z-index: 2;
    line-height: .28rem;
    text-align: center;
    cursor: pointer
}

.poem-panel .more i {
    padding: .14rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAAAXNSR0IArs4c6QAAAMlJREFUGBljvHbt2qxjx45FOTk5zVNUVHzOgAPcv39fct++fUlWVlbLmDQ1Ne8bGhquBwokPHv2TAibHpD4/v374/X19deD1DOBFBkZGV3T0NDYvWvXruS3b9/yImsE8UHi6urqe0xMTK6B5MCaQAxra+szsrKyp7Zs2ZL45csXDpAYiAbxQeIgeZAYCMA1gTjOzs4HRURE7mzatCkOpGHjxo3xID5IHCQPA4z///+vhHFg9Lp160I/fPigxMPD8yIsLGwhTBxGAwCv1Felb5/a0AAAAABJRU5ErkJggg==") no-repeat 50%
}

.poem-panel.open .poem-box {
    max-height: 100%
}

.poem-panel.open .more {
    display: none
}

.poem-panel .poem-head {
    position: relative;
    margin-bottom: .12rem;
    line-height: .3rem
}

.poem-panel .poem-subtitle {
    display: block;
    color: #999
}

.poem-panel .poem-subtitle em {
    padding: 0 .05rem;
    font-style: normal
}

.poem-panel .poem-handler {
    float: right;
    padding-right: .08rem
}

.poem-panel .poem-handler span {
    display: inline-block;
    position: relative;
    margin-left: .11rem;
    width: .22rem;
    height: .22rem;
    cursor: pointer
}

.poem-panel .poem-handler span:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-width: .01rem;
    border-style: solid;
    width: .22rem;
    height: .22rem;
    line-height: .22rem;
    text-align: center;
    background-color: #f8f8f8;
    content: ""
}

.poem-panel .poem-handler span.y:after {
    content: "译"
}

.poem-panel .poem-handler span.z:after {
    content: "注"
}

.poem-panel .poem-handler span.s:after {
    content: "赏"
}

.poem-panel .poem-handler span:before {
    position: absolute;
    top: .04rem;
    left: .03rem;
    z-index: 1;
    border-width: .01rem;
    border-style: solid;
    width: .22rem;
    height: .22rem;
    content: ""
}

.poem-panel .poem-handler span.active.y:after,.poem-panel .poem-handler span:hover.y:after {
    border-color: #d58950;
    color: #fff;
    background-color: #d58950
}

.poem-panel .poem-handler span.active.z:after,.poem-panel .poem-handler span:hover.z:after {
    border-color: #87946e;
    color: #fff;
    background-color: #87946e
}

.poem-panel .poem-handler span.active.s:after,.poem-panel .poem-handler span:hover.s:after {
    border-color: #980318;
    color: #fff;
    background-color: #980318
}

.poem-panel .poem-handler .y {
    border-color: #d58950;
    color: #d58950
}

.poem-panel .poem-handler .z {
    border-color: #87946e;
    color: #87946e
}

.poem-panel .poem-handler .s {
    border-color: #980318;
    color: #980318
}

.poem-panel .poem-body {
    padding-bottom: .21rem
}

.poem-panel .poem-body .poem-sub {
    margin-bottom: .08rem
}

.poem-panel .poem-body>img {
    display: block;
    margin-bottom: .1rem;
    width: 100%
}

.poem-panel .poem-body .y {
    color: #d58950
}

.poem-panel .poem-body .z {
    color: #87946e
}

.poem-panel .poem-body .s {
    color: #980318
}

.poem-panel .poem-body.y .poem-item div {
    font-weight: 600
}

.poem-panel .poem-body.y .y {
    display: block
}

.poem-panel .poem-body.z .poem-item div {
    font-weight: 600
}

.poem-panel .poem-body.z .poem-tip p.z,.poem-panel .poem-body.z p.z {
    display: block
}

.poem-panel .poem-body.z span.z {
    display: inline
}

.poem-panel .poem-body.s .poem-item div {
    font-weight: 600
}

.poem-panel .poem-body.s .poem-s {
    display: block
}

.poem-panel .poem-title {
    display: block;
    width: 88%;
    font-family: PingFang TC;
    font-size: 22px;
    text-decoration: none;
    color: #040a2f;
    cursor: pointer
}

.poem-panel a.poem-title:hover {
    text-decoration: underline
}

.poem-panel .poem-sub {
    color: #6a6d7f
}

.poem-panel .poem-sub a {
    margin-right: .08rem;
    text-decoration: none;
    color: #6a6d7f;
    cursor: pointer
}

.poem-panel .poem-sub a:hover {
    text-decoration: underline
}

.poem-panel .poem-sub a:last-child {
    margin-right: 0
}

.poem-panel .poem-item div {
    font-size: 16px;
    line-height: .32rem;
    color: #343853
}

.poem-panel .poem-item p,.poem-panel .poem-item span {
    display: none
}

.poem-panel .poem-s {
    display: none;
    margin: .36rem 0 .26rem;
    border: .01rem solid rgba(152,3,24,.2);
    padding: .14rem;
    line-height: .29rem;
    text-align: justify;
    color: #6a6d7f
}

.poem-panel .poem-s .poem-sub {
    margin-bottom: .02rem
}

.poem-panel .poem-tip {
    font-size: .12rem
}

.poem-panel .poem-tip p {
    display: none
}

.poem-panel .poem-tip p:first-child {
    margin-top: .36rem
}

.poem-panel .poem-foot {
    border-top: .01rem solid rgba(152,3,24,.2);
    padding-top: .12rem;
    font-family: PingFang TC;
    line-height: .2rem;
    color: #d58950
}

.poem-panel .poem-foot a {
    text-decoration: none;
    color: #d58950
}

.poem-panel .poem-foot a:hover {
    text-decoration: underline
}

.block {
    border: .01rem solid #d1d2d4;
    background-color: #f8f8f8
}

.block-head {
    position: relative;
    margin: 0 .2rem;
    border-bottom: .01rem solid #980318;
    padding: .2rem 0 .06rem;
    font-family: PingFang TC;
    font-size: .22rem;
    font-weight: 600;
    color: #980318
}

.block-head .more {
    position: absolute;
    top: .26rem;
    right: 0;
    z-index: 2;
    font-size: .12rem;
    line-height: .22rem;
    text-decoration: none;
    color: #d58950
}

.block-head.block-title {
    border-bottom: 0
}

.block-head.block-title p {
    border-left: .04rem solid #980318;
    padding-left: .1rem;
    line-height: .22rem
}

.block-body {
    padding: .16rem .2rem .2rem
}

.tagbox {
    overflow: hidden;
    margin-right: -16px
}

.tagbox a {
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 16px;
    margin-bottom: 12px;
    border: 1px solid #6a6d7f;
    border-radius: 4px;
    padding: 0 0 0 6px;
    height: 27px;
    line-height: 27px;
    text-decoration: none;
    word-break: keep-all;
    color: #6a6d7f;
    background-color: rgba(106,109,127,.48)
}

.tagbox a span {
    display: block;
    position: relative;
    z-index: 3;
    padding-right: 10px;
    padding-left: 8px
}

.tagbox a:before,.tagbox a span {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.tagbox a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 6px;
    z-index: 2;
    border-radius: 0 4px 4px 0;
    background-color: #fff;
    content: ""
}

.tagbox a:hover span {
    color: #fff;
    -webkit-transform: translate3d(-1px,0,0);
    transform: translate3d(-1px,0,0)
}

.tagbox a:hover:before {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.page {
    position: relative;
    margin-bottom: .16rem
}

.page .left {
    overflow: hidden
}

.page .left>span,.page .left a {
    float: left;
    border: .01rem solid #d1d2d4;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    text-decoration: none;
    color: #6a6d7f;
    background-color: #fff
}

.page .left>span:nth-child(odd),.page .left a:nth-child(odd) {
    background-color: #f7f8fa
}

.page .left>span.cur,.page .left>span:hover,.page .left a.cur,.page .left a:hover {
    color: #980318
}

.page .left>span.prev,.page .left a.prev {
    font-size: 0;
    background-color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAAXNSR0IArs4c6QAAAN9JREFUGBlj/P//fyUDGrh48aLqmzdvJJnQxBlOnjypd/r06VA9Pb0LLMiSBw8etLx7966dm5vbHFFR0U9wyR07dri8fPlSz8fHZ4aYmNhHkCaw5KZNm/w/fvwo4+/vP0NAQOAbzDSW8+fPa3z9+lU0NDR0NgcHxy+YBIhmevLkiTIjI+M/ZEEYm8nX13crJyfnu9WrV6d++PCBCyYBosFeAdq1Aei6mxs2bMh89eoVP0wB3J8eHh57FBUVj27ZsiXj0aNHYnCdMJX29vYntLW1t+/atSvl9evXfIz4gg8ASrVcgMLpga8AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 50%
}

.page .left>span.next,.page .left a.next {
    font-size: 0;
    background-color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAAXNSR0IArs4c6QAAAOFJREFUGBlj3LNnz3YREZHn+vr6txnQAJOent6F06dPh548eVIPTY6BSVRU9JObm9ucq1eveh48eNASWQETiCMnJ/fKx8dnxoMHDyx37NjhAlMAlgRxxMTEPvr7+894/fq1+qZNm/xBYoz///+vBDFg4MePH2zr16+P5ePjew7XCZME0YyMjAz//v1jZEEW/PDhA9fmzZsTgbqe+vr6boVLvnr1in/btm0pEhISFz08PPaANIElHz16JAYMjERlZeWD9vb2J2CmsQBdx7dr164UXV3dLebm5pdgEiCaEV/wAQAOxVZ/p3uragAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: 50%
}

.page .left>span.disabled,.page .left a.disabled {
    opacity: .8;
    cursor: not-allowed
}

.page .left p {
    float: left;
    border: .01rem solid #d1d2d4;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    text-decoration: none;
    color: #6a6d7f;
    background-color: #fff
}

.page .left a+a,.page .left a+span,.page .left span+a,.page .left span+span {
    border-left: 0
}

.page .right {
    position: absolute;
    top: 0;
    right: 0;
    color: #6a6d7f
}

.page .right span {
    display: inline-block;
    margin-right: .09rem;
    line-height: .4rem;
    vertical-align: middle
}

.page .pgselect-box {
    float: right;
    position: relative
}

.page .pgselect-box input {
    display: block;
    padding: 0 .1rem;
    width: .4rem;
    text-align: center
}

.page .pgselect-box .pg,.page .pgselect-box input {
    border: .01rem solid #d1d2d4;
    height: .4rem;
    line-height: .4rem;
    background-color: #f5f5f5
}

.page .pgselect-box .pg {
    padding: 0 .38rem 0 .22rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAQBJREFUWAljYBgFoyEwGgKjITAaAqMhMBoCIz0EGIkJgOzchhn/Gf6nE6MWpIaRgXHm1MkNGcSoZyJGkZ6OZC7Q2MPEqAWpg6gnTjVRDkhPT//Nxc4QwsjI+AifsSB5kDqQenzqkOWIigKYhtzcJsN/jP+O/v//nxMmBqOBln9n+s9kPXly3XmYGDE0USEAMwhqeBKMj0YnkWo5SD8zmiEEuadPHrhiZunIyfCfwQammJGJsXPqpIYJMD4pNEkhADNYVJChChjk20B8EA3iw+RIpUlKA8iGl5d38H/59mMRDxdHXGdnxUdkuVH2aAiMhsBoCIyGwGgIjIbAaAiQEgIA9uM1h0bqHZoAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 100%;
    cursor: pointer
}

.page .pgselect-box ul {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: .4rem;
    left: 0;
    z-index: 2;
    margin: 0;
    border: .01rem solid #d1d2d4;
    padding: 0 .06rem 0 0;
    max-height: 2.8rem;
    background-color: #fff
}

.page .pgselect-box ul::-webkit-scrollbar {
    width: .07rem
}

.page .pgselect-box ul::-webkit-scrollbar-thumb {
    border-radius: 4rem;
    width: .03rem;
    background-color: #82797c
}

.page .pgselect-box li {
    position: relative;
    padding-right: .08rem;
    line-height: .32rem;
    text-align: center;
    cursor: pointer
}

.page .pgselect-box li:after {
    position: absolute;
    top: 0;
    right: -.07rem;
    bottom: 0;
    width: .07rem;
    background-color: inherit;
    content: ""
}

.page .pgselect-box li:nth-child(odd) {
    background-color: #f7f8fa
}

.page .pgselect-box li.cur {
    color: #980318
}

.page .pgselect-box li.cur:hover,.page .pgselect-box li:hover {
    color: #fff;
    background-color: #980318
}

.page .pgselect-box.open ul {
    display: block
}

@media screen and (max-width: 320px) {
    .page .left,.page .right {
        font-size:12px
    }

    .page .right span {
        margin-right: .05rem
    }
}

.page {
    position: relative
}

.page .left {
    overflow: hidden
}

.page .left>span,.page .left a {
    float: left;
    border: .01rem solid #d1d2d4;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    text-decoration: none;
    color: #6a6d7f;
    background-color: #fff
}

.page .left>span:nth-child(odd),.page .left a:nth-child(odd) {
    background-color: #f7f8fa
}

.page .left>span.cur,.page .left>span:hover,.page .left a.cur,.page .left a:hover {
    color: #980318
}

.page .left>span.prev,.page .left a.prev {
    font-size: 0;
    background-color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAAXNSR0IArs4c6QAAAN9JREFUGBlj/P//fyUDGrh48aLqmzdvJJnQxBlOnjypd/r06VA9Pb0LLMiSBw8etLx7966dm5vbHFFR0U9wyR07dri8fPlSz8fHZ4aYmNhHkCaw5KZNm/w/fvwo4+/vP0NAQOAbzDSW8+fPa3z9+lU0NDR0NgcHxy+YBIhmevLkiTIjI+M/ZEEYm8nX13crJyfnu9WrV6d++PCBCyYBosFeAdq1Aei6mxs2bMh89eoVP0wB3J8eHh57FBUVj27ZsiXj0aNHYnCdMJX29vYntLW1t+/atSvl9evXfIz4gg8ASrVcgMLpga8AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 50%
}

.page .left>span.next,.page .left a.next {
    font-size: 0;
    background-color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAAXNSR0IArs4c6QAAAOFJREFUGBlj3LNnz3YREZHn+vr6txnQAJOent6F06dPh548eVIPTY6BSVRU9JObm9ucq1eveh48eNASWQETiCMnJ/fKx8dnxoMHDyx37NjhAlMAlgRxxMTEPvr7+894/fq1+qZNm/xBYoz///+vBDFg4MePH2zr16+P5ePjew7XCZME0YyMjAz//v1jZEEW/PDhA9fmzZsTgbqe+vr6boVLvnr1in/btm0pEhISFz08PPaANIElHz16JAYMjERlZeWD9vb2J2CmsQBdx7dr164UXV3dLebm5pdgEiCaEV/wAQAOxVZ/p3uragAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: 50%
}

.page .left>span.disabled,.page .left a.disabled {
    opacity: .8;
    cursor: not-allowed
}

.page .left a+a,.page .left a+span,.page .left span+a,.page .left span+span {
    border-left: 0
}

.page .right {
    position: absolute;
    top: 0;
    right: 0;
    color: #6a6d7f
}

.page .right span {
    display: inline-block;
    margin-right: .09rem;
    line-height: .4rem;
    vertical-align: middle
}

.page .pgselect-box {
    float: right;
    position: relative
}

.page .pgselect-box input {
    display: block;
    padding: 0 .1rem;
    width: .4rem;
    text-align: center
}

.page .pgselect-box .pg,.page .pgselect-box input {
    border: .01rem solid #d1d2d4;
    height: .4rem;
    line-height: .4rem;
    background-color: #f5f5f5
}

.page .pgselect-box .pg {
    padding: 0 .38rem 0 .22rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAQBJREFUWAljYBgFoyEwGgKjITAaAqMhMBoCIz0EGIkJgOzchhn/Gf6nE6MWpIaRgXHm1MkNGcSoZyJGkZ6OZC7Q2MPEqAWpg6gnTjVRDkhPT//Nxc4QwsjI+AifsSB5kDqQenzqkOWIigKYhtzcJsN/jP+O/v//nxMmBqOBln9n+s9kPXly3XmYGDE0USEAMwhqeBKMj0YnkWo5SD8zmiEEuadPHrhiZunIyfCfwQammJGJsXPqpIYJMD4pNEkhADNYVJChChjk20B8EA3iw+RIpUlKA8iGl5d38H/59mMRDxdHXGdnxUdkuVH2aAiMhsBoCIyGwGgIjIbAaAiQEgIA9uM1h0bqHZoAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 100%;
    cursor: pointer
}

.page .pgselect-box ul {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: .4rem;
    left: 0;
    z-index: 2;
    margin: 0;
    border: .01rem solid #d1d2d4;
    padding: 0 .06rem 0 0;
    max-height: 2.8rem;
    background-color: #fff
}

.page .pgselect-box ul::-webkit-scrollbar {
    width: .07rem
}

.page .pgselect-box ul::-webkit-scrollbar-thumb {
    border-radius: 4rem;
    width: .03rem;
    background-color: #82797c
}

.page .pgselect-box li {
    position: relative;
    padding-right: .08rem;
    line-height: .32rem;
    text-align: center;
    cursor: pointer
}

.page .pgselect-box li a {
    text-decoration: none;
    color: inherit
}

.page .pgselect-box li:after {
    position: absolute;
    top: 0;
    right: -.07rem;
    bottom: 0;
    width: .07rem;
    background-color: inherit;
    content: ""
}

.page .pgselect-box li:nth-child(odd) {
    background-color: #f7f8fa
}

.page .pgselect-box li.cur {
    color: #980318
}

.page .pgselect-box li.cur:hover,.page .pgselect-box li:hover {
    color: #fff;
    background-color: #980318
}

.page .pgselect-box.open ul {
    display: block
}

@media screen and (max-width: 320px) {
    .page .left,.page .right {
        font-size:12px
    }

    .page .right span {
        margin-right: .05rem
    }
}

.uitab {
    background: #fff
}

.uitab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 .16rem
}

.uitab ul li {
    padding: .11rem 0 .07rem;
    font-size: .16rem;
    line-height: .22rem;
    text-align: center;
    color: #980318;
    -webkit-transition: font-weight .2s;
    transition: font-weight .2s;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.uitab ul li.active {
    font-weight: 700
}

.uitab .slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .16rem;
    width: 100%;
    height: .04rem;
    font-size: 0;
    background: rgba(152,3,24,.2)
}

.uitab .slider div {
    display: block;
    position: relative
}

.uitab .slider i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: left .2s;
    transition: left .2s
}

.uitab .slider i:before {
    display: block;
    margin: 0 auto;
    width: .32rem;
    height: .04rem;
    background: #980318;
    content: ""
}

.uitab[tabtotal="2"] .slider i {
    width: 50%
}

.uitab[tabtotal="2"][active-index="0"] .slider i {
    left: 0
}

.uitab[tabtotal="2"][active-index="1"] .slider i {
    left: 50%
}

.uitab[tabtotal="3"] .slider i {
    width: 33.33333%
}

.uitab[tabtotal="3"][active-index="0"] .slider i {
    left: 0
}

.uitab[tabtotal="3"][active-index="1"] .slider i {
    left: 33.33333%
}

.uitab[tabtotal="3"][active-index="2"] .slider i {
    left: 66.66667%
}

.uitab[tabtotal="4"] .slider i {
    width: 25%
}

.uitab[tabtotal="4"][active-index="0"] .slider i {
    left: 0
}

.uitab[tabtotal="4"][active-index="1"] .slider i {
    left: 25%
}

.uitab[tabtotal="4"][active-index="2"] .slider i {
    left: 50%
}

.uitab[tabtotal="4"][active-index="3"] .slider i {
    left: 75%
}

.uitab[tabtotal="5"] .slider i {
    width: 20%
}

.uitab[tabtotal="5"][active-index="0"] .slider i {
    left: 0
}

.uitab[tabtotal="5"][active-index="1"] .slider i {
    left: 20%
}

.uitab[tabtotal="5"][active-index="2"] .slider i {
    left: 40%
}

.uitab[tabtotal="5"][active-index="3"] .slider i {
    left: 60%
}

.uitab[tabtotal="5"][active-index="4"] .slider i {
    left: 80%
}

.uitab[tabtotal="6"] .slider i {
    width: 16.66667%
}

.uitab[tabtotal="6"][active-index="0"] .slider i {
    left: 0
}

.uitab[tabtotal="6"][active-index="1"] .slider i {
    left: 16.66667%
}

.uitab[tabtotal="6"][active-index="2"] .slider i {
    left: 33.33333%
}

.uitab[tabtotal="6"][active-index="3"] .slider i {
    left: 50%
}

.uitab[tabtotal="6"][active-index="4"] .slider i {
    left: 66.66667%
}

.uitab[tabtotal="6"][active-index="5"] .slider i {
    left: 83.33333%
}

.uitab[tabtotal="7"] .slider i {
    width: 14.28571%
}

.uitab[tabtotal="7"][active-index="0"] .slider i {
    left: 0
}

.uitab[tabtotal="7"][active-index="1"] .slider i {
    left: 14.28571%
}

.uitab[tabtotal="7"][active-index="2"] .slider i {
    left: 28.57143%
}

.uitab[tabtotal="7"][active-index="3"] .slider i {
    left: 42.85714%
}

.uitab[tabtotal="7"][active-index="4"] .slider i {
    left: 57.14286%
}

.uitab[tabtotal="7"][active-index="5"] .slider i {
    left: 71.42857%
}

.uitab[tabtotal="7"][active-index="6"] .slider i {
    left: 85.71429%
}

.uitabbody .body-item {
    display: none
}

.uitabbody .body-item.active {
    display: block
}

.new-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new-search.open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

@media screen and (min-width: 768px) {
    .new-search.open {
        left:50%;
        margin-left: -384px;
        max-width: 768px
    }
}

.new-search:not(.open) .search-head,.new-search:not(.open) .search-res,.new-search:not(.open) .uitab {
    display: none
}

.new-search .search-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .16rem .16rem .13rem;
    font-size: .18rem;
    font-weight: 700;
    line-height: .25rem;
    color: #980318;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.new-search .search-head i {
    display: block;
    width: .24rem;
    height: .24rem;
    background: url(/template/1/m/images/ic_close.png) no-repeat 50%/contain;
    cursor: pointer
}

.new-search form button {
    border: none;
    border-radius: .02rem;
    min-width: .92rem;
    font-size: .14rem;
    color: #fff;
    background: #980318;
    outline: none
}

.new-search form input {
    outline: none
}

.new-search .normal-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: .12rem .16rem;
    background: #fff
}

.new-search .normal-form .search-inp {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .01rem solid #6a6d7f;
    border-radius: .02rem;
    padding: .1rem .1rem .1rem .4rem;
    height: .4rem;
    font-size: .14rem;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    caret-color: #980318
}

.new-search .normal-form i {
    display: block;
    position: absolute;
    top: 50%;
    left: .24rem;
    width: .24rem;
    height: .24rem;
    background: url(/template/1/m/images/ic_search.png) no-repeat 50%/contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.new-search .normal-form button {
    margin-left: .08rem;
    border: none;
    border-radius: .02rem;
    min-width: .92rem;
    color: #fff;
    background: #980318;
    outline: none
}

.new-search .dingzi-form {
    padding: .16rem;
    font-size: 0;
    text-align: center
}

.new-search .dingzi-form span {
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-right: .12rem;
    border: .01rem solid #6a6d7f;
    width: .48rem;
    height: .48rem;
    vertical-align: top
}

.new-search .dingzi-form span,.new-search .dingzi-form span:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(.03rem,#d1d2d4),color-stop(.03rem,#fff)) repeat-x 0/.05rem .01rem,-webkit-gradient(linear,left top,left bottom,color-stop(.03rem,#d1d2d4),color-stop(.03rem,#fff)) repeat-y top/.01rem .05rem;
    background: linear-gradient(90deg,#d1d2d4 .03rem,#fff 0) repeat-x 0/.05rem .01rem,linear-gradient(180deg,#d1d2d4 .03rem,#fff 0) repeat-y top/.01rem .05rem
}

.new-search .dingzi-form span:before {
    position: absolute;
    top: -.09936rem;
    right: -.09936rem;
    bottom: -.09936rem;
    left: -.09936rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    pointer-events: none
}

.new-search .dingzi-form input {
    display: block;
    position: relative;
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: .18rem;
    text-align: center;
    background: transparent
}

.new-search .dingzi-form button {
    margin-top: .01rem;
    height: .48rem
}

.new-search .dingzi-form p {
    margin-top: .08rem;
    font-size: .12rem;
    line-height: .17rem;
    text-align: left;
    color: #d58950
}

.new-search .search-res {
    overflow-y: scroll;
    background: #f8f8f8;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.new-search .search-res ul {
    list-style: none;
    margin: 0;
    padding: 0 0 .34rem
}

.new-search .search-res ul li {
    position: relative;
    padding-left: .3rem
}

.new-search .search-res li.empty {
    padding: .12rem;
    text-align: center
}

.new-search .search-res a {
    display: block;
    padding: .1rem .16rem;
    line-height: .24rem;
    text-decoration: none;
    color: #040a2f
}

.new-search .search-res a:before {
    display: inline-block;
    position: absolute;
    top: .1rem;
    left: .14rem;
    margin-right: .08rem;
    width: .24rem;
    height: .24rem;
    line-height: 1;
    vertical-align: top;
    background: url(/template/1/m/images/ic_link.png) no-repeat 50%/contain;
    content: ""
}

.new-search .search-res i {
    font-style: normal;
    color: #980318
}

.search-box {
    margin-bottom: .16rem;
    height: .44rem;
    background-color: #fff
}

.search-box,.search-input {
    overflow: hidden;
    position: relative
}

.search-input {
    margin-left: .12rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .03rem 0 .03rem .31rem;
    width: 100%;
    height: 100%
}

.search-input i {
    position: absolute;
    top: .14rem;
    left: 0;
    z-index: 3;
    width: .17rem;
    height: .17rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD+ElEQVRYR8VXTYhcRRD+qt/uDoiJLv6ENQgxivEneIge9KCgkmQTb6IrGi+yvOmaOQzejD/ohGDU68jO9Nth0YOJikEUwWiykdVcjJiLmBj/VgMqE5TgD0FmdqdLet039L59OzOZcbHgXaqrvvq66nV1NaGDlEqlzNDQ0F0ARgHcAWAdgPVE1ARwVkR+IaLPAHwwPDw8MzY21uiE6a9TO2NjzEMASkR0ZTegIlID8Dgzv9mNvbNJJVCtVtdZa18BsKNboITdIaXUY2EYnu3kv4xAFEX3AXgVwOWdnDus/wZgl9b6cDu7JQSiKNrmapmSmTkAb4vI+0qpLwYHB390oHNzcxustbcQ0U4A9wMYTAQTEdnJzA4zVVoEKpXKeqXUlwAu9S1F5Ii1lvP5/Gy7nZTL5Y1KKUNEWxN2v1trN+dyuZ/T/FsEjDGfENGdieAvMfPubkshIhRF0fNE9GQC5xgzu5O0TBYIGGMeIKK3Ek4vMPNT3Qb37Ywx+1JIPMjMB5N4MYHviWijtzidzWa3EZH0QmAxEx/65RCRWWa+dhmBarV6q7X283hBROpBEFwXhuFPvQSPfSYmJq4OguBbIsrEOqXUbWEYnvBxXc2KAJ7zCOxn5kf7CR77GmNeI6JdHtYerbWL1xIyxkwT0b2ezp3dA/8FgSiKHgGw39vcR8zsx4LLwNcAro+Nms3mDfl83un6lnK5vCkIgtMe0Dda603JEpwHcFGsHBgYWDs+Pv5X39EBTE1NrZmfn//Twzqvtb44ScAZrImV9Xr9kkKh4Dv1zKVUKq3NZDJ/eADntNaXJf+B00TUSouI3MzMp3qO6jkaY24iopOe6rjW+vb/8ydcdsLcKXiWiPZ4f+rrzOz+3r7FGHOAiB72gIpa61Ysp3enYAuAVnNYbEQ3hmH4Qz8MqtXqNc1m8yu/ERHR5mw265fk34EkiqLvALTapIgc1Vpv7bMVH0n0l8Na6+3JTbW7jC7oJvSBjTEvEtETvs5ae3cul5tJJeCUxpiPiSh5Ze7TWj/dbSncJTQ5ObkXQNLnXL1ev6pQKNRXJLCKA8lCTBGZaTQao0kSS0YyY8woER1K2fGciBxUSk1ba09kMpkzjUbDjVsbAGwhIlfbtJFsCVQaibSh1M2F7gLpdyhNrVySRLuxfAqAm5B7kV8BXLGSo0+i7cOkUqmMEdHL3T5MAJwRkWdqtdobIyMj77TbQEyiLQG3g/hpRkQ7RMT18YWnGYA6Ebnx3H2zDrBWq71XLBat8ysWiwNdkNjdkUAv+Y99OpBwb417VpXASplw7d6Vh5mPrjqBJAkR+TsIgu1hGB5buIz6SfGF+C6WY69S6t0wDD+Nff8BnhXaM0rK994AAAAASUVORK5CYII=") no-repeat 50%;
    background-size: 100%
}

.search-input input {
    display: block;
    border: 0;
    width: 100%;
    height: 100%;
    font-size: .16rem;
    line-height: normal;
    color: #6a6d7f;
    background: none
}

.search-input input:focus {
    outline: none
}

.search-input input:focus+i {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEBklEQVRYR8WXTWxUVRTH/+femTYxggrTuROJCaIRReICXeBCEjVAoTujGKkbY2rfzIK4Ez+iQ4io2xo7b0KILixqJEZjIhWKqbJRIxsjCAqlJGrebWujGGKYmXuPeaNv5r03nQ87rb7lvefjd86579xzCW2+EaC3B+ktEKIfxPcyQwG0hgADsGbCL2B8LSyP34CZyV1AqZ3N8D61EnalepQZI0SU7sQoM3tEeNox+r1O5H2ZBQEOIq0qUrxJwI5ODYXlGDiaMPaJIczodvoNAEVkBljgLRBS7ZRb7jPmyNrBYcwcayUXASgivY0FjYMoCsZcBvABiD8Rhr9NojztGy0judZKugtMOwE8BKJkxBkzw9qdDmbHm0HUHBWweg2JxHcguj4qzMetgZODnmoVySjUOiHhArQ1BvEb28rGLH79eSH9OoDMfEHAfTHl1xyr93ZaCgaoKNTLIHo2diZOZo23pSmAi76HIeX7MeevOFY/16nzsJwr1IE4BIx5xMHskbi9agYKQl0gonXBJoMnHKO3EcCLAahmQqpPw+Vg5qms1bc0AIwidbeQiW9qzhlXE7Z06xDmf1qM80DnDay6SYieH4nQG6xZU7knh7lTYbtUEJk8EV6qA/BY1urHu3Ee6BaEepuIBkPB7ctaLx8BcKWaAOjBYJHAg8NGH14KgKJUuxk0FirtZ1mja778dXJF5hwIt4XSdHsOc+eWAmAUqfVCJs7WbDF+cKy3PpoBkbkCwjXBYtJUVj6JuT+WAuAQUivKMnG5DsBXHKuvjQGoyyBaESyWTOm6PZivK3VBMoJVK3tkz++hDMw71lsdP4RniVBPi8GdDrwzXfitqbrIbIDE6bot/soxevP/dwi58Q8jV6RfBIl9oTq941i9e0kyINRhED1W+8MY+WHr1X35f0ERqU0sE7XmwNVGxHcMQV/sBuIg1M0VQd+HG5Ew2PgUvFBJ/hlIXKHOgyjUJvnEsNFbu2zFx8P9BeBjjtHb40FV74Iml9G/ugnDhl2hXgXRM+E1Nrg/C29yQYAqhMx8DiByZTLzgazVz3daCv8ScoXaT0RRHcZ8yXo37gGuNgVYtoGk7nGyZLz+OERk9HLR1w8pjzZE/PdIdoQJE2T4VC9Kl0ogZiTXQopNYPZr2ziSNaauAWKBodSfC8VY10Np87pFIJqO5UbSIYAGOq1/5MAxZonQ10K3BtHyYVKQmV1gfr3zhwkuEdkXPDPzbkaqD9sEUIVoCeBHEDzNWNAOImwOnmYA+yd6GoRpYkzBYtKD/jgPWF8vDyTaQjD2tgVYTAkCnZYQzGWy9oFlBWiWCb/dk+UBB/rEsgPEIZjxJ1uzPYfZk/7efwIQQCih9rPFRznoL4My/QX5ErjcLK7IjwAAAABJRU5ErkJggg==")
}

.search-result {
    display: none;
    position: fixed;
    top: 1.3rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 102;
    margin: auto;
    max-width: 768px;
    background-color: rgba(152,3,24,.2)
}

.search-result .inner {
    overflow-y: auto;
    width: 100%;
    max-height: 3.15rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .02rem .12rem rgba(14,27,109,.16);
    box-shadow: 0 .02rem .12rem rgba(14,27,109,.16)
}

.search-result .close {
    font-size: 16px;
    line-height: .3rem;
    text-align: center;
    color: #343853
}

.search-result .close:active {
    color: #fff;
    background-color: #980318
}

.search-result dl {
    overflow: hidden;
    margin: 0;
    border-bottom: .01rem solid #d1d2d4;
    padding: 0
}

.search-result dl:last-child {
    border: 0
}

.search-result dt {
    float: left;
    padding: .05rem 0;
    width: .5rem;
    line-height: .3rem;
    text-align: center
}

.search-result dd {
    float: left;
    margin: 0;
    border-left: .01rem solid #d1d2d4;
    width: 2.32rem
}

.search-result dd a {
    display: block;
    padding: .05rem;
    line-height: .3rem;
    text-decoration: none;
    color: #343853
}

.search-result dd a:hover {
    background-color: rgba(152,3,24,.2)
}

.affix {
    display: none;
    position: fixed;
    right: .2rem;
    bottom: .2rem;
    z-index: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .01rem solid #d1d2d4;
    padding: .02rem .1rem;
    width: .48rem;
    height: .48rem;
    text-align: center;
    color: #980318;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 .02rem .12rem rgba(14,27,109,.16);
    box-shadow: 0 .02rem .12rem rgba(14,27,109,.16);
    cursor: pointer
}

.affix:hover {
    color: #fff;
    background-color: #980318
}

.affix p {
    margin-top: .05rem;
    font-size: .12rem;
    line-height: .17rem
}

.filter-head {
    position: relative;
    margin: 0 .16rem;
    border-bottom: .01rem solid #980318;
    padding: .16rem 0 .06rem
}

.filter-head small {
    position: absolute;
    right: 0;
    bottom: .06rem;
    color: #6a6d7f
}

.filter-title {
    font-family: PingFang TC;
    font-size: 22px;
    font-weight: 600;
    color: #980318
}

.filter-body {
    padding: .1rem .16rem
}

.filter-item .item-label {
    margin-right: .1rem;
    width: .5rem;
    color: #343853
}

.filter-item .item-inner a {
    float: left;
    margin-right: .15rem;
    text-decoration: none;
    word-break: keep-all;
    color: #343853
}

.filter-item .item-inner a.cur {
    color: #980318
}

.filter-item .item-inner a:hover {
    text-decoration: underline
}

div.filter-item {
    overflow: hidden;
    position: relative;
    border-bottom: .01rem dashed #d1d2d4;
    height: .3rem;
    line-height: .3rem;
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

div.filter-item:last-child {
    border: 0
}

div.filter-item .item-label {
    position: absolute;
    top: 0;
    left: 0
}

div.filter-item .item-handler {
    position: absolute;
    top: 0;
    right: 0;
    width: .3rem;
    height: .3rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAAAXNSR0IArs4c6QAAAMlJREFUGBljvHbt2qxjx45FOTk5zVNUVHzOgAPcv39fct++fUlWVlbLmDQ1Ne8bGhquBwokPHv2TAibHpD4/v374/X19deD1DOBFBkZGV3T0NDYvWvXruS3b9/yImsE8UHi6urqe0xMTK6B5MCaQAxra+szsrKyp7Zs2ZL45csXDpAYiAbxQeIgeZAYCMA1gTjOzs4HRURE7mzatCkOpGHjxo3xID5IHCQPA4z///+vhHFg9Lp160I/fPigxMPD8yIsLGwhTBxGAwCv1Felb5/a0AAAAABJRU5ErkJggg==") no-repeat 50%;
    cursor: pointer
}

div.filter-item.open {
    height: auto
}

div.filter-item.open .item-handler {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAAAXNSR0IArs4c6QAAALpJREFUGBlj/P//fyUDGli3bl3o+/fvVYWEhG4FBgauQZNmYEIX2Lp1q9ePHz8Ew8PD+759+yYM4qOrQdG0d+9e+zdv3qj4+fkt4uHh+eHv778QxAeJI2uEazp69KjJ48ePzXx8fOaDNIAUgWgQHyQOkodpBGs6d+6c1o0bN1zd3NzmCgsLf4ZJgmgQHyQOkgepA4kxA90ed/r06TAnJ6f5cnJyr0GC6ICXl/e7oKDg3ePHj0dxcnI+AQBTiFNi1KXLcgAAAABJRU5ErkJggg==")
}

div.filter-item .item-inner {
    margin: 0 .3rem 0 .52rem
}

.author-panel {
    padding: 0 .16rem
}

.author-body {
    overflow: hidden;
    padding: .16rem 0 .1rem
}

.author-body img {
    float: left;
    margin-top: .02rem;
    height: 1.2rem
}

.author-body img.center {
    display: block;
    float: none;
    margin: .02rem auto .1rem
}

.author-body img:not(.center)+.author-inner {
    margin-left: 1rem
}

.author-inner {
    line-height: 200%;
    color: #6a6d7f
}

.author-inner em {
    font-style: normal
}

.author-inner em,.author-name {
    font-family: PingFang TC;
    font-weight: 600;
    color: #980318
}

.author-name {
    margin-bottom: .1rem;
    font-size: .2rem
}

.author-name.center {
    text-align: center
}

.author-name a {
    text-decoration: none;
    color: #980318
}

.author-name a:hover {
    text-decoration: underline
}

.author-foot {
    border-top: .01rem solid rgba(152,3,24,.2);
    padding-bottom: .1rem;
    font-size: .12rem;
    line-height: .36rem;
    text-align: right
}

.author-foot a {
    text-decoration: none;
    color: #d58950
}

.author-foot a span {
    padding: 0 .05rem
}

.author-foot a:hover {
    text-decoration: underline
}
.ad {
    text-align: center; /* 为了使内部的元素居中 */
    position: relative; /* 允许内部绝对定位 */
    margin-bottom: 10px;
}
.ad a{
    text-decoration: none;
}
.ad img {
    width: 100%;
    height: 200px;
    display: block; /* 移除图片下方的空白间隙 */
}
.ad_first {
    width: 100%;
    bottom: 0; /* 置于图片上方 */
    color: greenyellow;
    font-family: "Microsoft YaHei UI Light";
    font-size: 26px;
    font-weight: 1000;
}
.ad_first{
    position: absolute; /* 绝对定位 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 通过平移自身宽度的一半来居中 */
    background-color: rgba(255, 255, 255, 0); /* 可选：添加背景色并设置透明度 */
    padding: 10px; /* 可选：添加内边距 */
}
.ad_two{
    top:0;
    right: 0;
    font-size: 10px;
}
.ad_two{
    color: black;
    position: absolute; /* 绝对定位 */
    background-color: rgba(255, 255, 255, 0); /* 可选：添加背景色并设置透明度 */
    padding: 10px; /* 可选：添加内边距 */
}
@keyframes blink {
    0%, 100% {
        opacity: 1; /* 完全可见 */
    }
    50% {
        opacity: 0; /* 完全透明，即不可见 */
    }
}
.blinking-text {
    animation: blink 1s step-end infinite; /* 1秒完成一次闪烁，使用step-end确保在关键帧结束时保持状态，无限次循环 */
}