@charset "utf-8"; html {
    -webkit-text-size-adjust: none;
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
    color: #2d2d2d;
    font-family: "PingFang SC",Helvetica,Arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    zoom:1;}

html * {
    outline: 0;
    zoom:1;}

html button::-moz-focus-inner {
    border-color: transparent!important;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

fieldset,a img {
    border: 0;
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption,th {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,q:after {
    content: '';
}

:root {
    --um-color: #1a73e8;
}

input[type="submit"], input[type="reset"], input[type="button"], button {
    -webkit-appearance: none;
}

.input:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

em,i {
    font-style: normal;
}

a {
    margin: 0;
    padding: 0;
    background: 0 0;
    color: #2d2d2d;
    vertical-align: baseline;
    text-decoration: none;
    outline: medium none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    color: var(--um-color);
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:focus,input:focus {
    outline: none;
}

img {
    max-width: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

.colwrapper {
    overflow: hidden;
    zoom:1; margin: 5px auto;
}

/* 高度自适应 */
.strong {
    font-weight: bold;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.show {
    display: block;
    visibility: visible;
}

.hide {
    display: none;
    visibility: hidden;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.break {
    word-wrap: break-word;
    overflow: hidden;
    /*word-break:break-all;*/
}

.tl {
    text-align: left
}

.tr {
    text-align: right;
}

a {
    blr: expression(this.onFocus=this.blur());
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}

:focus {
    outline: 0
}

a,div {
    -moz-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: transparent
}

body {
    background: #f0f0f0;
}

body.index.um,body.category.um {
    padding-top: 0;
}

.b-lazy {
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.b-lazy.b-loaded {
    opacity: 1;
}

/*文字两侧对齐*/
.justify {
    text-align: justify;
    text-justify: distribute-all-lines;
    /*ie6-8*/
    text-align-last: justify;
    /* ie9*/
    -moz-text-align-last: justify;
    /*ff*/
    -webkit-text-align-last: justify;
}

input:-webkit-autofill,select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

input,textarea {
    outline-color: invert ;
    outline-style: none ;
    outline-width: 0px ;
    border: none ;
    border-style: none ;
    text-shadow: none ;
    -webkit-appearance: none ;
    -webkit-user-select: text ;
    outline-color: transparent ;
    box-shadow: none;
}

/*超出省略号*/
.tn {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container:before, .container:after,.warp:after,.main:before, .main:after,.orw:before,.orw:after,.sidebar:after,.sidebar:before,.umWarp:after,.umWarp:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.warp {
    min-height: calc(100vh - 160px);
}

.container:after,.main:after,.orw:after,.umWarp:after {
    clear: both;
}

.container {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    clear: both;
    overflow: hidden;
    z-index: 1;
}

/*----------- 头部 -----------*/
.header {
    width: 100%;
    top: 0px;
    display: block;
    background: #041E38AB;
    position: fixed;
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;
    z-index: 98;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.1);
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
}

.header .container {
    overflow: inherit;
}

.header .logo {
    float: left;
    overflow: hidden;
    height: 60px;
}

.header .logo h1 {
    height: 100%;
    display: block;
}

.header .logo a {
    height: 100%;
    padding: 0px;
    display: block;
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.header .logo a img {
    height: 100%;
}

.header .navBar {
    float: right;
    margin-right: 3px
}

.header .navBar li {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    position: relative;
    vertical-align: top;
}

.header .navBar li.subNav {
    padding-right: 8px;
    margin-right: 0px;
}

.header .navBar li a {
    display: inline-block;
    padding: 0 8px;
    color: #C5D2DE;
    font-size: 16px;
    position: relative;
    z-index: 2;
    min-width: 52px;
    text-align: center;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    font-weight: 500;
}

.header .navBar li em[class*="dot"] {
    display: block;
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -7px;
    z-index: 1;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    transform: scale(.9);
}

.header .navBar li em[class*="dot"] i {
    color: #C5D2DE;
    font-size: 18px;
    width: 16px;
    height: 16px;
    display: block;
}

.header .navBar li.active a,.header .navBar li a:hover,.header .navBar li.active em[class*="dot"] i, .header .navBar li.on a, .header .navBar li.on em[class*="dot"] i {
    color: #FFFFFF;
}

.header .navBar li a i {
    margin-right: 2px;
    font-size: 16px;
}

.header .navBar li:before {
    width: 5px;
    height: 5px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #E93379;
    content: '';
    border-radius: 50px;
    opacity: 0;
    display: none;
}

.header .navBar li.active:before {
    opacity: 1
}

.header .navBar ul li.on>ul li a {
    color: #2d2d2d;
}

.header .navBar ul li > ul li.active:before {
    display: none
}

/*二级高亮*/
.header .navBar ul li>ul {
    width: max-content;
    min-width: 120px;
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    background: #ffffffd6;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    overflow: hidden;
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
}

.header .navBar ul li>ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
}

.header .navBar ul li>ul li a,.header .navBar ul li.active > ul li a {
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.header .navBar ul li>ul li.on a,.header .navBar ul li>ul li.on a:hover {
    background: #E93379;
    color: #FFFFFF;
}

.header .navBar ul li.on>ul {
    visibility: visible;
    opacity: 1;
    top: 92%;
}

.header .navBar ul li>ul li em[class*="dot"] {
    position: absolute;
    right: 5px;
    left: auto;
    top: 0;
    z-index: 3;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/*三级高亮*/
.header .navBar ul li>ul li .sub2 {
    visibility: hidden;
    opacity: 0;
    display: none;
    left: -100%;
    transform: none;
}

.header .navBar ul li>ul li.on .sub2 {
    right: -100%;
    left: auto;
    top: 0;
    visibility: visible;
    opacity: 1;
    display: block;
}

.header .navBar ul li>ul li.on .sub2 li a,.header .navBar ul li>ul li.on .sub2 li a:hover {
}

.header .navBar ul li>ul li.on .sub2 li.on a,.header .navBar ul li>ul li.on .sub2 li.on a:hover {
    background: #E93379;
    color: rgba(255,255,255,0.8);
}

/*移动端*/
.mNavBtn {
    float: right;
    padding: 0 15px;
    height: 60px;
    display: none;
    cursor: pointer;
}

.mNavBtn i {
    color: #C5D2DE;
    font-size: 20px;
    line-height: 60px;
    webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.mNavBtn:hover i {
    color: #FFFFFF;
}

.leftNav {
    width: 190px;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -190px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 999
}

.leftNav.mOpen {
    left: 0px;
}

.leftNav .mNavBtn {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    left: auto;
    top: 0;
    right: -33px;
    padding: 0;
    position: absolute;
    font-size: 18px;
    display: none;
    background-color: #000;
}

.leftNav .mNavBtn i {
    line-height: 48px;
    color: #fff;
}

.leftNav ul {
    padding-top: 0px;
}

.leftNav li {
    width: 100%;
    position: relative;
}

.leftNav li a {
    padding: 0 20px;
    line-height: 48px;
    color: #333333;
    display: block;
    -moz-osx-font-smoothing: initial;
}

.leftNav li a:hover,.leftNav ul > li.active.current > a:hover {
    background: rgba(0,0,0,0.04);
}

.leftNav ul > li.active > a {
    background: rgba(0,0,0,0.08);
}

.leftNav ul > li.active.current > a {
    background: rgba(0,0,0,0);
}

.leftNav li a i {
    margin-right: 8px;
    font-size: 16px;
    vertical-align: 0px;
}

.leftNav ul li>ul {
    display: none;
}

.leftNav li em[class*="dot"] {
    position: absolute;
    top: 1px;
    right: 0px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,0);
    cursor: pointer;
}

.leftNav li em[class*="dot"] i {
    font-size: 18px;
    color: #333333;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    width: 48px;
    line-height: 48px;
    top: 0;
    left: 0;
}

.leftNav li em[class*="dot"] i.open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.leftNav ul li > ul li a {
    opacity: 0.9;
    font-size: 13px;
}

/*主体*/
.main {
    width: 100%;
    position: relative;
}

.umZmt.main,.single .main {
    padding: 1px 0px;
    margin: 19px 0;
}

/*搜索*/
.search {
    position: fixed;
    left: 50%;
    top: 48%;
    margin-left: -250px;
    width: 500px;
    background: rgba(0,0,0,.5);
    transform: translate(0%,-50%);
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    z-index: 6;
    border-radius: 4px;
}

.search.in {
    -webkit-animation-duration: 0.65s;
    animation-duration: 0.65s;
    -webkit-animation-name: bounceInDown1;
    animation-name: bounceInDown1;
    visibility: visible;
    z-index: 1001;
    opacity: 1;
}

.search .input {
    height: 48px;
    background: rgba(255,255,255,.98);
    border: 1px solid rgba(255,255,255,.0);
    width: 100%;
    padding-right: 70px;
    padding-left: 10px;
    border-radius: 4px;
}

.search button {
    background: var(--um-color);
    color: #fff;
    border: medium none;
    position: absolute;
    right: 30px;
    width: 60px;
    height: 48px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.search button i {
    font-size: 20px;
}

@keyframes bounceInDown1 {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0) translate(0%,-50%)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0) translate(0%,-50%)
    }

    75% {
        transform: translate3d(0,-10px,0) translate(0%,-50%)
    }

    90% {
        transform: translate3d(0,5px,0) translate(0%,-50%)
    }

    to {
        transform: translate(0%,-50%)
    }
}

@keyframes bounceInDown2 {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0) translate(-50%,-50%);
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0) translate(-50%,-50%);
    }

    75% {
        transform: translate3d(0,-10px,0) translate(-50%,-50%);
    }

    90% {
        transform: translate3d(0,5px,0) translate(-50%,-50%);
    }

    to {
        transform: translate(-50%,-50%);
    }
}

.header .btn {
    float: right;
    margin-right: 0px;
    width: 32px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0px;
    cursor: pointer;
}

.header .btn i {
    font-size: 20px;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #C5D2DE;
    position: relative;
}

.header .sBtn i:before {
    position: relative;
    z-index: 1;
}

.header .btn:hover i {
    color: #FFFFFF;
}

/*login*/
.umUser {
    float: right;
    position: relative;
    padding: 16px 0;
    margin: 0 0 0 10px;
}

.header .umUser.btn {
    width: 28px;
    line-height: normal;
    display: flex;
    align-items: center;
}

.umUser .userPic {
    width: 28px;
    text-align: center;
    font-size: 0;
    border-radius: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: 0px;
}

.umUser .userPic a {
    width: 100%;
}

.umUser .userPic img {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    cursor: pointer;
    object-fit: cover;
}

.umUser .userPic i.userAvatar {
    display: none;
    font-size: 20px;
}

.umUser .login {
    padding: 15px 20px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 78px;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-width: 180px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    width: 100%;
    border-radius: 4px;
    opacity: 0;
    line-height: 1.5;
    text-align: left;
}

.umUser .login i,.header .btn:hover .login i {
    color: #2d2d2d;
}

.header .btn:hover .login a:hover i {
    color: var(--um-color);
}

.umUser.on .login {
    visibility: visible;
    top: 56px;
    opacity: 1;
}

.umUser .login .wdl {
    width: 100%;
    text-align: center;
    display: block;
}

.umUser .login .wdl a {
    padding: 0 10px;
}

.umUser .login .ydl a {
    padding: 0 5px 0 16px;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}

.umUser .login .ydl a i {
    position: absolute;
    top: 0px;
    left: -2px;
    font-size: 14px;
    opacity: .6
}

.umUser .login .ydl .name {
    color: var(--um-color);
}

.umUser .login i.dot {
    position: absolute;
    top: -7px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid white;
}

/*首页模块*/
.umArtBox {
    margin-top: 20px;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

body.index.umPic.gap .umArtBox {
    background-color: #fff;
    margin: 0 0 20px 0;
}

body.index.umPic.gap .umArtBox .umPost {
    margin: 0;
    padding: 20px;
}

body.index.umPic.opaque .umPost,body.index.umPic.opaque .umZmt .post,body.index.umPic.opaque .widget, body.index.umPic.gap.opaque .umZmt .umPost {
    background-color: rgba(255,255,255,0.9);
}

body.index.umPic.gap.opaque .umArtBox,body.index.umPic.gap.opaque .umPost.links {
    background-color: rgba(255,255,255,0.9);
}

body.index.umPic.gap.opaque .umPost,.umCms body.index.umPic.gap.opaque .umPost.links {
    background-color: rgba(255,255,255,0);
}

.umPost {
    background-color: #fff;
    padding: 24px;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
    overflow: hidden;
}

.umPost .tips {
    font-size: 16px;
    opacity: .2;
    text-align: center;
    padding: 10px 0;
}

.umPost .flag {
    display: block;
    width: 100px;
    height: 24px;
    background: #2254f4;
    background: linear-gradient(250deg, #2254f4, #406dff);
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    position: absolute;
    left: -30px;
    top: 6px;
    overflow: hidden;
    transform: rotate(-45deg);
    z-index: 2;
    text-align: center;
    font-weight: bold;
}

.umPost .flag.right {
    left: auto;
    right: -30px;
    transform: rotate(45deg);
}

.umPost .pic .flag {
    font-size: 12px;
    left: -40px;
    top: -2px;
    line-height: 30px;
    background: #fb1616;
    background: linear-gradient(250deg, #fb1616, #ff9140);
    -webkit-text-size-adjust: none;
    -webkit-transform : rotate(-45deg) scale(0.8,0.8) ;
}

.umTopPic {
    padding: 0 30px;
    position: relative;
}

.umTopPic.loading {
    background-image: none;
}

.umTopPic .bnPage {
    font-size: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-120%);
    line-height: 30px;
    cursor: pointer;
}

.umTopPic .bnPage i {
    opacity: 1;
    color: var(--um-color);
}

.umTopPic .bnPage.disabled i {
    color: rgba(114,116,118,.2);
    cursor: default;
}

.umTopPic .bnPage.topsNext {
    right: -8px;
}

.umTopPic .bnPage.topsPrev {
    left: -8px;
}

.umArtTops.swiper-container {
    width: 100%;
    min-height: 20px;
}

.umArtTops.swiper-container .swiper-wrapper {
    opacity: 0;
}

.umArtTops.swiper-container.swiper-container-horizontal .swiper-wrapper {
    opacity: 1;
}

.umArtTops .swiper-slide .pic {
    overflow: hidden;
    display: block;
    border-radius: 15px;
    max-width: 68px;
    margin: 0 auto;
    position: relative;
}

.umArtTops .swiper-slide .pic:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.umArtTops .swiper-slide .pic img,.umArtTops .swiper-slide .pic a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.umArtTops .text {
    font-size: 14px;
    padding: 12px 0 0;
    text-align: center;
}

.umArtTops .text .tit {
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}

.umArtTops .text .divTit {
    font-size: 12px;
    opacity: .4;
    padding-top: 4px;
    max-height: 22px;
    overflow: hidden;
}

.umArtTops.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0px;
}

.umArtTops .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #181818;
}

.umArtTops .swiper-pagination-bullet-active {
    background-color: var(--um-color);
}

.umTextTops {
    margin-top: 20px;
    padding: 20px 0 0 0;
    border-top: 1px dashed rgba(114,116,118,.2);
    position: relative;
}

.umTextTops.mpNo {
    margin-top: 0;
    padding-top: 0;
    border: none;
}

.umTextTops:after {
    content: '';
    position: absolute;
    width: 25px;
    right: 0;
    top: 20px;
    bottom: 0;
    z-index: 1;
    background: -webkit-linear-gradient(right, transparent, #fff 85%);
    background: -o-linear-gradient(right, transparent, #fff 85%);
    background: -moz-linear-gradient(right, transparent, #fff 85%);
    background: linear-gradient(to right, rgba(255,255,255,0), #fff 85%);
}

.opaque .umTextTops:after {
    background: -webkit-linear-gradient(right, transparent, rgba(255,255,255,0) 85%);
    background: -o-linear-gradient(right, transparent, rgba(255,255,255,0) 85%);
    background: -moz-linear-gradient(right, transparent, rgba(255,255,255,0) 85%);
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0) 85%);
}

.opaque .umTabeCon {
    background: rgba(255,255,255,0.5);
}

.opaque .umMulti .umNewBox .umNewTabs .umTabeCon li:after,.opaque .umMulti .umNewBox .umNewTabs .umTabeCon li span.time:after, .opaque .umMulti .umNewBox .umNewTabs .umTabe li:after,.opaque .umMulti .umNewBox .umNewTabs .umTabe:after {
    background: #d7d8e266;
}

.opaque .umPost .title:after {
    background-color: #d7d8e266;
}

.opaque .umMulti .umNewBox .umNewTabs .umTabeCon li:before, .opaque .umMulti .umNewBox .umNewTabs .umTabeCon li span.time:before, .opaque .umMulti .umNewBox .umNewTabs .umTabeCon li span.time {
    border-color: #d7d8e266;
}

.umTextSwiper {
    padding-left: 90px;
    height: 28px;
    line-height: 28px;
    position: relative;
    margin-bottom: 10px;
}

.umTextSwiper:last-child {
    margin-bottom: 0;
}

.umTextSwiper .label {
    width: 75px;
    font-size: 14px;
    color: #fff;
    padding: 0 5px;
    text-align: center;
    position: absolute;
    left: 0;
    border-radius: 50px;
}

.umTextSwiper:nth-child(1) .label {
    background-color: #89c3ff;
}

.umTextSwiper:nth-child(2) .label {
    background-color: #9ba3f6;
}

.umTextSwiper:nth-child(3) .label {
    background-color: #ffa9a9;
}

.umTextSwiper .swiper-slide {
    width: auto;
    font-size: 14px;
}

.umTextSwiper .swiper-slide .item {
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    height: 30px;
    overflow: hidden;
    display: block;
}

.umTextSwiper .swiper-slide .item:after {
    content: '';
    position: absolute;
    height: 14px;
    width: 1px;
    background-color: rgba(114,116,118,.2);
    right: 0;
    top: 8px;
}

.umTextSwiper .swiper-slide:last-of-type .item {
    padding-right: 0;
    margin-right: 0;
}

.umTextSwiper .swiper-slide:last-of-type .item:after {
    display: none;
}

/*资讯模块*/
.umBanner {
    width: 360px;
    float: left;
    margin-right: -360px;
    overflow: hidden;
}

.umBanner .swiperBn .text {
    height: 52px;
    line-height: 52px;
    background-color: rgba(244, 246, 248, 1);
    padding: 0 28px;
    text-align: center;
}

.umBanner .swiperBn .text .tit {
    font-size: 14px;
    color: #2D2D2D;
    height: 52px;
    overflow: hidden;
}

.umBanner .swiperBn .img {
    position: relative;
}

.umBanner .swiperBn .img:after {
    content: '';
    padding-top: 75%;
    display: block;
}

.umBanner .swiperBn .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.umBanner .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    background-color: #fff;
    opacity: .4;
}

.umBanner .swiper-pagination-bullet-active {
    opacity: 1;
}

.umBanner .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: auto;
    top: 15px;
    left: 10px;
    width: auto;
}

.umBanner .swiperBn .bnPage {
    font-size: 18px;
    width: 38px;
    height: 52px;
    line-height: 55px;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
}

.umBanner .swiperBn .bnPage i {
    opacity: 1;
    color: var(--um-color);
}

.umBanner .swiperBn .bnPage.disabled i {
    color: rgba(114,116,118,.2)
}

.umBanner .swiperBn .bnPage.bnNext {
    right: 0;
    background: -webkit-linear-gradient(right, transparent, #F4F6F8 50%);
    background: -o-linear-gradient(right, transparent, #F4F6F8 50%);
    background: -moz-linear-gradient(right, transparent, #F4F6F8 50%);
    background: linear-gradient(to right, rgba(255,255,255,0), #F4F6F8 50%);
}

.umBanner .swiperBn .bnPage.bnPrev {
    left: 0;
    background: -webkit-linear-gradient(left, transparent, #F4F6F8 50%);
    background: -o-linear-gradient(left, transparent, #F4F6F8 50%);
    background: -moz-linear-gradient(left, transparent, #F4F6F8 50%);
    background: linear-gradient(to left, rgba(255,255,255,0), #F4F6F8 50%);
}

/*头条推荐*/
.umNewBox {
    width: 100%;
    float: left;
    padding: 0 280px 0 360px;
}

.umNewBox .umNew {
    padding: 0 30px;
    height: 310px;
    overflow: hidden;
}

.umNewBox .umNew .umArr {
    padding-top: 12px;
}

.umNewBox .umNew li {
    font-size: 14px;
}

.umNewBox .umNew li {
    height: 30px;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
    padding-right: 50px;
    position: relative
}

.umNewBox .umNew li h3 {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    width: 100%;
}

.umNewBox .umNew li h3 span a {
    color: #999;
}

.umNewBox .umNew li .time {
    font-size: 13px;
    color: #999;
    position: absolute;
    top: 1px;
    right: 0;
    font-family: Arial
}

.umNewBox .tit {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    position: relative;
    padding-left: 15px;
    margin-top: 6px;
}

.umNewBox .tit::before,.umNewBox .tit::after {
    content: '';
    position: absolute;
    left: 0px;
}

.umNewBox .tit::before {
    width: 3px;
    top: 4px;
    bottom: 4px;
    background-color: #ff6501
}

.umNewBox .tit::after {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #ff6501;
    top: 10px;
    left: 3px;
}

.umNewBox .umNew .tips {
    padding: 104px 0 164px;
}

/*热门｜热评*/
.warp .umNewTabs {
    width: 280px;
    float: right;
    margin-left: -280px;
    overflow: hidden;
}

.warp .umTabe {
    display: -webkit-box;
    display: -webkit-flex;
    white-space: nowrap;
    background: none;
    -webkit-align-content: flex-start;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-lines: single;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: space-between;
}

.warp .umTabe li {
    display: inline-block;
    overflow: hidden;
    width: 50%;
    height: 34px;
    line-height: 24px;
    padding: 5px 0;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    list-style: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    background-color: rgba(233, 234, 240 ,1);
}

.warp .umTabe li.active {
    background-color: var(--um-color);
    color: #fff;
}

.warp .umTabe.one li {
    background-color: #fff!important;
    color: #2d2d2d;
    padding-bottom: 15px;
    padding-top: 4px;
    text-indent: 16px;
    line-height: 18px;
    position: relative;
    text-align: left;
    border-bottom: 1px solid rgba(114,116,118,.1);
    height: auto;
    font-size: 18px;
    cursor: auto
}

.warp .umTabe.one li:after {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--um-color);
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 30px;
}

.umTabeCon {
    min-height: 288px;
    padding: 10px 14px 8px;
    background-color: #f4f6f8;
}

.umTabeCon ul,.umTabeCon ul.umAppTops {
    display: none;
    list-style-type: none;
    counter-reset: sectioncounter;
}

.umTabeCon ul.umAppTops:first-child {
    display: block;
}

.umTabeCon li,.widget.umHotView li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 28px;
    position: relative;
}

.umNewTabs .umTabeCon li:before, .widget.umHotView li:before {
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    position: absolute;
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    background: rgba(233, 234, 240 ,1);
    color: #666;
    top: 5px;
    left: 0px;
    font-size: 12px;
    font-weight: bold;
}

.umTabeCon li:nth-child(1):before,.umTabeCon li:nth-child(2):before,.umTabeCon li:nth-child(3):before, .widget.umHotView li:nth-child(1):before,.widget.umHotView li:nth-child(2):before,.widget.umHotView li:nth-child(3):before {
    color: #fff;
}

.umTabeCon li:nth-child(1):before,.widget.umHotView li:nth-child(1):before {
    background: #ff3a3a;
}

.umTabeCon li:nth-child(2):before,.widget.umHotView li:nth-child(2):before {
    background: #ff9e20;
}

.umTabeCon li:nth-child(3):before,.widget.umHotView li:nth-child(3):before {
    background: #dbad42;
}

/*头条推荐tabs数据模式*/
.umMulti .umNewBox .umNewTabs {
    width: 100%;
    padding: 0 20px;
}

.umMulti .umNewBox .umNewTabs .umTabe {
    position: relative;
    padding-bottom: 0px;
}

.umMulti .umNewBox .umNewTabs .umTabe li {
    position: relative;
    z-index: 1;
}

.umMulti .umNewBox .umNewTabs .umTabe li:after,.umMulti .umNewBox .umNewTabs .umTabe:after {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 1px;
    left: 0;
    right: 0;
    background: #e9eaf0;
}

.umMulti .umNewBox .umNewTabs .umTabe li.active:after {
    background: currentColor;
    height: 1px;
    bottom: 1px;
}

.umMulti .umNewBox .umNewTabs .umTabe li {
    background-color: rgba(255,255,255,0);
    padding: 0px 0px 6px;
    height: 35px;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li a img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    font-size: 0;
    display: inline-block;
    border-radius: 3px;
    vertical-align: -4px;
    margin-right: 5px;
    background-color: #ededf0;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li a img::before {
    display: none;
}

.umMulti .umNewBox .umNewTabs .umTabe li.active {
    color: var(--um-color);
}

.umMulti .umNewBox .umNewTabs .umTabeCon {
    background: rgba(255,255,255,0);
    padding: 10px 0 0;
    position: relative;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li {
    padding-right: 60px;
    height: 30px;
    line-height: 30px;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li:after {
    content: '';
    width: 1px;
    position: absolute;
    background: #e9eaf0;
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0px;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50px;
    border: 1px solid #e9eaf0;
    background: #fff;
    top: 10px;
    left: 6.5px;
    z-index: 1;
    -webkit-transition: border 0.3s ease,background 0.3s ease;
    -o-transition: border 0.3s ease,background 0.3s ease;
    transition: border 0.3s ease,background 0.3s ease;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li:hover:before {
    border: 1px solid var(--um-color);
    background: var(--um-color);
}

.umMulti .umNewBox .umNewTabs .umTabeCon li:first-of-type:before {
    content: '新';
    width: 22px;
    height: 22px;
    line-height: 20px;
    border-color: #ff0000;
    color: #ff0000;
    top: 3px;
    left: 0;
    background: #fff;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li:first-of-type:after {
    top: 12px;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li:last-of-type:after {
    bottom: 12px;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li span {
    position: relative;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li span.cate {
    padding-right: 5px;
    top: -1px;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li span.cate:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #e9eaf0;
    position: absolute;
    right: 4px;
    top: 4px;
    display: none;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li span,.umMulti .umNewBox .umNewTabs .umTabeCon li span a {
    color: #999;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li span.time {
    position: absolute;
    right: 0;
    top: 7px;
    font-family: Arial;
    font-size: 12px;
    height: 18px;
    line-height: 17px;
    width: 45px;
    border: 1px solid #e9eaf0;
    border-radius: 3px;
    text-align: center;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li span.time:after,.umMulti .umNewBox .umNewTabs .umTabeCon li span.time:before {
    content: '';
    position: absolute;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li span.time:after {
    width: 100%;
    height: 1px;
    background: #e9eaf0;
    top: -5px;
    left: 0;
}

.umMulti .umNewBox .umNewTabs .umTabeCon li span.time:before {
    width: 30px;
    height: 5px;
    border: 1px solid #e9eaf0;
    top: -5px;
    left: 6px;
}

/*应用模块*/
.umPost .umApp {
    width: 100%;
    float: left;
    padding: 0 310px 0 0px;
}

.umPost .title {
    padding: 0 0 12px;
    margin-bottom: 5px;
    position: relative;
}

.umPost .title .tit::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 30px;
    background-color: #1a73e8;
    position: absolute;
    top: 10px;
    left: 0;
}

.umPost .title .tit {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-left: 16px;
    display: inline-block;
    vertical-align: middle;
}

.umPost .title .sum {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 50px;
    color: #fff;
    margin-left: 10px;
    position: relative;
    background-color: #F66
}

.umPost .title .sum:after {
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ff6501;
    top: 3.5px;
    left: -3px;
    position: absolute;
}

.umPost .title a.more {
    float: right;
    font-size: 14px;
    margin-top: 3px;
    color: #1a73e8
}

.umPost .title a.more:after {
    content: "\ea6e";
    font-family: 'remixicon';
}

.umPost .title a:hover.more {
    opacity: 1;
}

.umPost .title:after {
    content: '';
    left: 0;
    right: 0;
    bottom: 0px;
    height: 1px;
    position: absolute;
    background-color: rgba(114,116,118,.1);
}

.umPost .umApp .umAppArr {
    display: block;
    font-size: 0;
    margin-right: -20px;
}

.umPost .umApp .umAppArr li {
    width: calc(100% / 8 - 20px);
    margin: 22px 20px 8px 0px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.umPost .umApp .pic {
    max-width: 68px;
    display: block;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.umPost .umApp .pic::after {
    content: '';
    display: block;
    padding-top: 100%;
}

.umPost .umApp .pic img,.umPost .umApp .pic a {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left: 0;
}

.umPost .umApp .text {
    font-size: 14px;
    padding: 12px 0 0;
    text-align: center;
}

.umPost .umApp .text .tit {
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}

.umPost .umApp .divTit {
    font-size: 12px;
    opacity: .4;
    padding-top: 4px;
    height: 21.5px;
    overflow: hidden;
}

.umPost .umSidebar {
    width: 266px;
    float: right;
    margin-left: -280px;
}

.umPost .umSidebar .title {
    margin-bottom: 14px;
}

.umAppTops {
    counter-reset: sectioncounter;
}

.umAppTops li {
    font-size: 14px;
    width: 100%;
    display: inline-block;
    clear: both;
    margin: 13px 0 0px;
    height: 26px;
    line-height: 26px;
    position: relative;
    padding-left: 40px;
}

.umAppTops li .pic {
    width: 68px;
    height: 68px;
    display: none;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.umAppTops li .pic .imgLazy {
    min-height: auto;
}

.umAppTops li .pic::after {
    content: '';
    display: block;
    padding-top: 100%;
}

.umAppTops li .pic img,.umAppTops li .pic a {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.umAppTops li.on {
    height: 68px;
    line-height: 24px;
}

.umAppTops li.on .pic {
    display: block;
    float: left;
}

.umAppTops li.on .text {
    overflow: hidden;
    padding-left: 15px;
    margin-top: 10px;
}

.umAppTops li.on .divTit {
    padding-top: 0px;
    width: 100%;
    text-align: left;
}

.umAppTops li.on .tit {
    width: 100%;
    padding-right: 0;
    line-height: 26px;
}

.umAppTops .tit {
    display: inline-block;
    width: 70%;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.umAppTops .divTit {
    font-size: 12px;
    opacity: .4;
    overflow: hidden;
    height: 24px;
    line-height: 26px;
    display: inline-block;
    width: 30%;
    text-align: right;
    vertical-align: middle;
}

.umAppTops li:before,.umTabeCon li:before {
    width: 20px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    content: counter(sectioncounter);
    counter-increment: sectioncounter;
    background: rgba(233, 234, 240 ,1);
    color: #666;
    top: 0;
    bottom: 0;
    left: 0px;
    font-size: 12px;
    font-weight: bold;
}

.umAppTops li.on:before {
    height: 68px;
    line-height: 68px;
}

.umAppTops li:nth-child(1)::before,.umAppTops li:nth-child(2)::before,.umAppTops li:nth-child(3)::before {
    color: #fff;
}

.umAppTops li:nth-child(1)::before {
    background: #ff3a3a;
}

.umAppTops li:nth-child(2)::before {
    background: #ff9e20;
}

.umAppTops li:nth-child(3)::before {
    background: #dbad42;
}

.subs .umAppTops li {
    margin: 14px 0 0px;
}

.subs .umPost .umApp .umAppArr li {
    margin-bottom: 3px;
}

.umRadius .umAppTops li:before,.umRadius .umTabeCon li:before,.umRadius .widget.umHotView li:before {
    border-radius: 50px !important;
    border-top-right-radius: 50px;
    border-top-right-radius: 0 !important;
}

/*首页常规模块*/
.umPost.col {
    background: none;
    padding: 0;
}

.umPost .umArtPost {
    background-color: #fff;
    min-height: 600px;
    padding: 24px;
}

.umPost .umArrBox {
    margin-right: -15px;
}

.umPost .umArrBox .post {
    width: calc(100% / 4 - 15px);
    margin: 10px 15px 0px 0px;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    border-radius: 25px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.index .umPost .umArrBox .post:nth-child(-n+4) {
    margin-top: 10px;
}

.umPost .umArrBox .post:nth-child(-n + 4) {
}

.umPost .umArrBox .post:hover {
    background-color: rgba(233, 234, 240 ,.5);
}

.umPost .umArrBox .post .pic {
    width: 68px;
    float: left;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.umPost .umArrBox .post .pic::after {
    content: '';
    display: block;
    padding-top: 100%;
}

.umPost .umArrBox .post .pic img,.umPost .umArrBox .post .pic a {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.umPost .umArrBox .post .text {
    overflow: hidden;
    padding-left: 15px;
    font-size: 14px;
}

.umPost .umArrBox .post .text .tit {
    margin-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.umPost .umArrBox .post .umInfo {
    font-size: 12px;
    opacity: .4;
    width: 100%;
    margin-top: 6px;
    max-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.umMainBox .umPost .umArrBox {
    font-size: 0;
}

.umMainBox .umPost .umArrBox .post {
    width: calc(100% / 3 - 15px);
    border-radius: 25px;
}

.umMainBox .umPost .umArrBox .post:nth-child(-n + 3) {
    margin-top: 0;
}

.umWarp.umTops {
    margin: 20px 0;
}

.warp .umWarp.umTops .umTopNav {
    display: block;
    white-space: normal;
    font-size: 0;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: visible;
}

.warp .umWarp.umTops .umTopNav:after {
    content: '';
    background: #FF6600;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.warp .umWarp.umTops .umTopNav.loading:after {
    opacity: .9;
}

.warp .umWarp.umTops .umTopNav.loading {
    opacity: 0;
    visibility: hidden;
    display: none;
    background-image: none;
}

.warp .umWarp.umTops .umTopNav li {
    width: 100%;
    font-weight: normal;
    height: 56px;
    line-height: 56px;
    padding: 0;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-bottom: 1px solid #f4f6f8;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.warp .umWarp.umTops .umTopNav li h2 {
    padding: 0 10px;
}

.warp .umWarp.umTops .umTopNav li.active h2 {
    background: #F18F47;
    background: linear-gradient(250deg, #F18F47, #ca5ece);
    color: #fff;
    font-weight: 600;
}

.warp .umWarp.umTops .umTopNav li.subsNav {
    height: auto;
    display: none;
}

.warp .umWarp.umTops .umTopNav li.subBtn {
    position: relative;
}

.warp .umWarp.umTops .umTopNav li.subBtn em {
    width: 50px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    color: #cdd1d5;
    text-indent: 10px;
}

.warp .umWarp.umTops .umTopNav li.subBtn em:before {
    content: "\ea4d";
    font-family: 'remixicon';
    font-size: 14px;
}

.warp .umWarp.umTops .umTopNav li.subBtn.active em {
    color: #fff;
}

.warp .umWarp.umTops .umTopNav li.subBtn.in em:before {
    content: "\ea77";
}

.warp .umWarp.umTops .umTopNav li .sub.active h2 {
    background: #fff;
    color: #ca5ece;
}

.warp .umWarp.umTops .umTopNav li .sub,.warp .umWarp.umTops .umTopNav li.subBtn.in {
    border-bottom: 1px solid #fff;
}

.umTops .umMainBox {
    width: 100%;
    float: right;
    padding-right: 0;
}

.umTops .umMainBox .umArtPost {
    background: #fff;
}

.umTops .sidebar {
    float: left;
    margin-right: -260px;
    margin-left: 0;
    width: 260px;
    position: relative;
    z-index: 1;
}

.umTops .sidebar .sbarTop {
    background: #fff;
    min-height: 80px;
    overflow: hidden;
}

.umTops .sidebar .topPic {
    background: linear-gradient(to top, #448EF6, #0FDAE4);
    width: 100%;
    height: 200px;
    display: none;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tab-content li {
    padding: 20px 25px 20px 88px;
    position: relative;
    border-bottom: 1px solid #f4f6f8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    -ms-flex-direction: row;
    flex-direction: row;
}

.tab-content li .num {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    font-size: 40px;
    color: #dfe3e8;
    font-family: Helvetica;
    font-weight: 600;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.tab-content li .num.top1,.tab-content li .num.top2,.tab-content li .num.top3 {
    background-position: center;
    background-size: 60px;
    line-height: 63px;
    color: #fff;
    font-size: 30px;
}

.tab-content li .num.top1 {
    background-image: url(../images/top1.png);
}

.tab-content li .num.top2 {
    background-image: url(../images/top2.png);
}

.tab-content li .num.top3 {
    background-image: url(../images/top3.png);
}

.tab-content li .text {
    min-width: 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10px;
}

.tab-content li .text .tit {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tab-content li .text .umInfo {
    text-align: justify;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 16px;
    line-height: 1.6;
    font-size: 14px;
    color: #666;
}

.tab-content li .pic {
    width: 130px;
    height: auto;
    position: relative;
    font-size: 0;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 13px;
}

.tab-content li .pic a {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #f4f6f8;
    border-radius: 15px;
}

.tab-content li .pic a:after {
    content: '';
    padding-top: 100%;
    display: block;
}

.tab-content li .pic a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tab-content li.noArr {
    padding: 60px 20px 80px;
    display: block;
    text-align: center;
}

.tab-content li.noArr img {
    max-width: 180px;
    display: block;
    margin: 0 auto;
}

.tab-content li.noArr p {
    opacity: .4;
    font-size: 16px;
}

.umLoad,.umArtTops .umLoad {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 2;
}

.umArtTops .umLoad {
    visibility: visible;
    opacity: 1;
    background-image: none;
}

.umArtTops.swiper-container-horizontal .umLoad {
    visibility: hidden;
    opacity: 0;
}

.umLoad:after,.umArtTops .umLoad:after {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: rgba(0,0,0,.08) transparent rgba(0,0,0,.08) transparent;
    animation: loading 1.2s linear infinite;
}

.umLoad.loading {
    visibility: visible;
    opacity: 1;
    background-image: none;
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*图片壁纸*/
.umPost .umArrPic ul {
    font-size: 0;
    margin-right: -20px;
}

.umPost .pic {
    background-color: #ededf0
}

.umPost .umArrPic li {
    width: calc(100% / 4 - 20px);
    margin: 20px 20px 2px 0px;
    display: inline-block;
    vertical-align: top;
}

.umPost .umArrPic li .pic {
    position: relative;
    overflow: hidden;
}

.umPost .umArrPic li .pic:after {
    content: '';
    padding-top: 75%;
    display: block;
}

.umPost .umArrPic li .pic img,.umPost .umArrPic li .pic a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.umPost .umArrPic li .pic img {
    object-fit: cover;
    transform: scale(1);
}

.umPost .umArrPic li .pic a:hover img {
    transform: scale(1.1);
}

.umPost .umArrPic li .text {
    padding: 15px 0 0 0;
}

.umPost .umArrPic li .text .tit {
    font-size: 14px;
    padding-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.umPost .umArrPic li .text .info {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    opacity: .4;
    font-size: 12px;
}

.umPost .umArrPic li .text .info em {
    margin-right: 10px;
}

.umPost .umArrPic li .text .info em.date {
    margin-right: 0;
}

.umPost .umArrPic li .text .info i {
    margin-right: 3px;
}

/*热门标签*/
.tags .umArtBox,.tags .container {
    overflow: inherit;
}

.tags .umPost.tagsBox {
    background: none;
    padding: 0;
    overflow: inherit;
}

.tags .umPost.tagsBox ul {
    font-size: 0;
    margin: -10px -10px;
}

.tags .umPost.tagsBox li {
    width: calc(100% / 6 - 20px);
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px;
}

.tags .umPost.tagsBox li a {
    background-color: #fff;
    display: block;
    position: relative;
    font-size: 14px;
    padding: 52px 40px 12px 15px;
    color: #eee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}

.tags .umPost.tagsBox li a:hover {
    opacity: 1;
}

.tags .umPost.tagsBox li a h2,.tags .umPost.tagsBox li a span {
    color: #282828;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tags .umPost.tagsBox li a:hover h2,.tags .umPost.tagsBox li a:hover span {
    color: #fff;
}

.tags .umPost.tagsBox li a h2 {
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tags .umPost.tagsBox li a span.sum {
    font-size: 38px;
    opacity: .05;
    position: absolute;
    bottom: 10px;
    right: 15px;
    line-height: 1;
    font-style: italic;
}

.tags .umPost.tagsBox li a:hover span.sum {
    right: 20px;
    bottom: -20%;
    opacity: .3;
}

.tags .umPost.tagsBox li a i {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: .35;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tags .umPost.tagsBox li a:hover i {
    opacity: .6;
}

.tags .umPost.tagsBox li a i:after {
    font-size: 15px;
    content: "\f022";
    font-family: remixicon;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tags .umPost.tagsBox li:nth-child(30n+1) a i, .tags .umPost.tagsBox li:nth-child(30n+1) a:hover {
    background-color: #1F6CC0;
}

.tags .umPost.tagsBox li:nth-child(30n+2) a i, .tags .umPost.tagsBox li:nth-child(30n+2) a:hover {
    background-color: #DD578D;
}

.tags .umPost.tagsBox li:nth-child(30n+3) a i, .tags .umPost.tagsBox li:nth-child(30n+3) a:hover {
    background-color: #EAA156;
}

.tags .umPost.tagsBox li:nth-child(30n+4) a i, .tags .umPost.tagsBox li:nth-child(30n+4) a:hover {
    background-color: #8D94C1;
}

.tags .umPost.tagsBox li:nth-child(30n+5) a i, .tags .umPost.tagsBox li:nth-child(30n+5) a:hover {
    background-color: #7A7E8C;
}

.tags .umPost.tagsBox li:nth-child(30n+6) a i, .tags .umPost.tagsBox li:nth-child(30n+6) a:hover {
    background-color: #AF49AB;
}

.tags .umPost.tagsBox li:nth-child(30n+7) a i, .tags .umPost.tagsBox li:nth-child(30n+7) a:hover {
    background-color: #DF3F46;
}

.tags .umPost.tagsBox li:nth-child(30n+8) a i, .tags .umPost.tagsBox li:nth-child(30n+8) a:hover {
    background-color: #AF49AB;
}

.tags .umPost.tagsBox li:nth-child(30n+9) a i, .tags .umPost.tagsBox li:nth-child(30n+9) a:hover {
    background-color: #8474A1;
}

.tags .umPost.tagsBox li:nth-child(30n+10) a i, .tags .umPost.tagsBox li:nth-child(30n+10) a:hover {
    background-color: #08979D;
}

.tags .umPost.tagsBox li:nth-child(30n+11) a i, .tags .umPost.tagsBox li:nth-child(30n+11) a:hover {
    background-color: #EB6763;
}

.tags .umPost.tagsBox li:nth-child(30n+12) a i, .tags .umPost.tagsBox li:nth-child(30n+12) a:hover {
    background-color: #FC6B05;
}

.tags .umPost.tagsBox li:nth-child(30n+13) a i, .tags .umPost.tagsBox li:nth-child(30n+13) a:hover {
    background-color: #23AA8F;
}

.tags .umPost.tagsBox li:nth-child(30n+14) a i, .tags .umPost.tagsBox li:nth-child(30n+14) a:hover {
    background-color: #658FC0;
}

.tags .umPost.tagsBox li:nth-child(30n+15) a i, .tags .umPost.tagsBox li:nth-child(30n+15) a:hover {
    background-color: #7FACD6;
}

.tags .umPost.tagsBox li:nth-child(30n+16) a i, .tags .umPost.tagsBox li:nth-child(30n+16) a:hover {
    background-color: #85CBCC;
}

.tags .umPost.tagsBox li:nth-child(30n+17) a i, .tags .umPost.tagsBox li:nth-child(30n+17) a:hover {
    background-color: #888d67;
}

.tags .umPost.tagsBox li:nth-child(30n+18) a i, .tags .umPost.tagsBox li:nth-child(30n+18) a:hover {
    background-color: #7f746e;
}

.tags .umPost.tagsBox li:nth-child(30n+19) a i, .tags .umPost.tagsBox li:nth-child(30n+19) a:hover {
    background-color: #9b604d;
}

.tags .umPost.tagsBox li:nth-child(30n+20) a i, .tags .umPost.tagsBox li:nth-child(30n+20) a:hover {
    background-color: #9b4d74;
}

.tags .umPost.tagsBox li:nth-child(30n+21) a i, .tags .umPost.tagsBox li:nth-child(30n+21) a:hover {
    background-color: #8d7be0;
}

.tags .umPost.tagsBox li:nth-child(30n+22) a i, .tags .umPost.tagsBox li:nth-child(30n+22) a:hover {
    background-color: #939395;
}

.tags .umPost.tagsBox li:nth-child(30n+23) a i, .tags .umPost.tagsBox li:nth-child(30n+23) a:hover {
    background-color: #18BBD9;
}

.tags .umPost.tagsBox li:nth-child(30n+24) a i, .tags .umPost.tagsBox li:nth-child(30n+24) a:hover {
    background-color: #8DAFFC;
}

.tags .umPost.tagsBox li:nth-child(30n+25) a i, .tags .umPost.tagsBox li:nth-child(30n+25) a:hover {
    background-color: #f768b8;
}

.tags .umPost.tagsBox li:nth-child(30n+26) a i, .tags .umPost.tagsBox li:nth-child(30n+26) a:hover {
    background-color: #5AA7A7;
}

.tags .umPost.tagsBox li:nth-child(30n+27) a i, .tags .umPost.tagsBox li:nth-child(30n+27) a:hover {
    background-color: #8AC9A4;
}

.tags .umPost.tagsBox li:nth-child(30n+28) a i, .tags .umPost.tagsBox li:nth-child(30n+28) a:hover {
    background-color: #0181BB;
}

.tags .umPost.tagsBox li:nth-child(30n+29) a i, .tags .umPost.tagsBox li:nth-child(30n+29) a:hover {
    background-color: #F96191;
}

.tags .umPost.tagsBox li:nth-child(30n+30) a i, .tags .umPost.tagsBox li:nth-child(30n+30) a:hover {
    background-color: #81cedf;
}

/*新闻模块*/
.umNewArr {
    font-size: 0;
    margin-right: -30px;
}

.umNewArr .post {
    width: calc(100% / 3 - 30px);
    margin: 22px 30px 2px 0px;
    display: inline-block;
    vertical-align: top;
}

.umNewArr .post .pic {
    width: 128px;
    position: relative;
    float: left;
    overflow: hidden;
}

.umNewArr .post .text {
    overflow: hidden;
    font-size: 14px;
    padding-left: 20px;
}

.umNewArr .post .text .tit {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.umNewArr .post .text .umInfo {
    font-size: 12px;
    opacity: .4;
    display: inline-block;
    width: 100%;
    margin-top: 8px;
    max-height: 36px;
    overflow: hidden;
    line-height: 1.6;
}

.umNewArr .post .pic a {
    width: 100%;
    height: 100%;
    position: absolute;
}

.umNewArr .post .pic:after {
    content: '';
    padding-top: 75%;
    display: block;
}

.umNewArr .post img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    object-fit: cover;
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.umBox .umNewArr .post .info {
    opacity: .4;
    margin-top: 0px;
}

/*数据统计*/
.umChart {
    background-color: rgba(255,255,255,0);
    padding: 30px 0;
}

.umChart ul {
    margin-right: -30px;
    font-size: 0;
}

.umChart li {
    width: calc(100% / 4 - 30px);
    margin: 0 30px 0px 0px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: center;
    color: #A8A8A8;
}

.umChart li span {
    font-size: 36px;
    font-family: arial;
    font-weight: bold;
    color: var(--um-color);
}

.bodyPic {
    font-size: 0;
    display: block;
}

body.index.umPic {
    padding-top: calc(60px + 50px);
}

body.index.umPic .bodyPic,.single .bodyPic {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

body.index.umPic .bodyPic a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

body.umPic .umChart {
    background-color: #f6f7f8;
}

body.umPic.opaque .umChart {
    background-color: rgba(255,255,255,0);
}

.blurry {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
}

/*广告模块*/
.umPost .umAPic,.umBnPic {
    font-size: 0;
    overflow: hidden;
    display: block;
}

.umPost .umAPic img,.umBnPic img {
    width: 100%;
    display: block;
    font-size: 0;
}

.umPost.umBtm,.umBnPic.umBtm {
    margin: 20px 0 0 0;
}

.umPost.umTop,.umBnPic.umTop {
    margin: 0 0 20px 0;
}

/*友情链接*/
.umLink ul {
    font-size: 0;
    margin-top: 10px;
}

.umLink li {
    font-size: 14px;
    display: inline-block;
    padding-right: 20px;
    margin: 10px 0 0;
}

/*瀑布流*/
.falls {
    padding-bottom: 60px;
}

.umArtBox .umWall article.post {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    padding: 0px;
    opacity: 1;
    transform: scale(0);
    -webkit-transition: opacity 0.3s ease-out,transform 0.1s ease-out;
    -moz-transition: opacity 0.3s ease-out,transform 0.1s ease-out;
    -o-transition: opacity 0.3s ease-out,transform 0.1s ease-out;
    transition: opacity 0.3s ease-out,transform 0.1s ease-out;
}

.umFalls .umArtBox {
    margin: 8px -10px 20px -10px;
    overflow: initial;
}

.umWall.wookmark-initialised article.post[style^="width"] {
    opacity: 1;
    transform: scale(1);
}

.umArtBox .umItem {
    padding: 10px;
}

.umArtBox .umItemBox {
    display: block;
    overflow: hidden;
}

.umArtBox .shadow .umItemBox {
    box-shadow: 0 0 25px rgba(0,0,0,.05);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.umArtBox .shadow .umItem .umItemBox:hover {
    box-shadow: 0 15px 15px rgba(0,0,0,.1);
}

.umBox .post .umPic {
    font-size: 0;
    background: #e7e7ea;
}

.umBox .post .umPic .imgLazy img {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
}

.umBox .post .umText {
    padding: 15px;
    background: #fff;
}

.umBox .post .umText .tit {
    font-size: 16px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.umBox .post .umText .tit i.istTop {
    color: #f66;
    margin-right: 2px;
    font-size: 15px;
    vertical-align: 0px;
}

.umBox .post .info {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    opacity: .68;
}

.umBox .post .info em {
    margin-right: 10px;
}

.umBox .post .info em.date {
    margin-right: 0;
    font-size: 12px;
}

.umBox .post .info em.down {
    float: right;
    margin-right: 0;
    margin-top: 1px;
    margin-left: 10px;
}

.umBox .post .info em i {
    margin-right: 3px;
    vertical-align: 0px;
}

.umBox .post .info em.comm i {
    vertical-align: 0px;
}

.umBox .post .umPic a {
    position: relative;
    overflow: hidden;
}

.umBox .post .umPic a .tit {
    padding: 8px 15px 6px;
    font-size: 12px;
    color: #fff;
    display: block;
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: -60px;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(transparent));
    background: linear-gradient(to top,rgba(0,0,0,0.5) 0%,transparent 100%);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.umBox .post .umPic a:hover .tit {
    opacity: 1;
    bottom: 0;
}

.umBox .post .umPic a .tit h3 {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 2px;
}

.umBox .post .tit .info em.comm {
    margin-left: 10px;
}

.umBox .post .tit .info em.comm i {
    vertical-align: -2px;
    transform: scale(.8);
    display: inline-block;
}

.umBox .post .tit .info em i {
    vertical-align: 0px;
}

.umArtBox .noArr {
    max-width: 200px;
    margin: 40px auto 60px;
    text-align: center;
    position: relative;
    left: -7.5px;
}

.umArtBox .noArr p {
    font-size: 16px;
    opacity: .4;
}

.isTop {
    font-size: 12px;
    padding: 0 5px;
    height: 24px;
    background-color: var(--um-color);
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.05);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.05);
    box-shadow: 0px 0px 10px rgba(0,0,0,.05);
    text-align: center;
    line-height: 24px;
    z-index: 1;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-osx-font-smoothing: initial;
}

/*热门标签*/
.umTags li {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 14px;
}

.umTags li a {
    color: #fff;
    display: block;
    padding: 0 10px;
    overflow: hidden;
    opacity: .6;
}

.umTags li a:hover {
    opacity: 1;
}

.umZmt .umBox .post .info em.view {
    margin-right: 10px;
}

/*自媒体模式*/
.umZmt .post {
    padding: 24px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.umZmt .post .umPic {
    width: 210px;
    height: auto;
    position: relative;
    float: left;
    font-size: 0;
    overflow: hidden;
    margin-right: 20px;
}

.umZmt .post .umPic:after {
    content: '';
    display: block;
    padding-top: 75%;
}

.umZmt .post .umPic a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
}

.umZmt .post .umPic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
}

.umZmt .post .umPic img:hover {
    transform: scale(1.1);
}

.umZmt .post .umText {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #666;
    overflow: hidden;
    background: none;
    padding: 0;
}

.umZmt .umBox .post .umText .tit {
    font-size: 20px;
    margin: 12px 0;
    -webkit-line-clamp: 1;
    color: #2d2d2d;
}

.umZmt.umtit .umBox .post .umText .tit {
    margin-top: 0px;
}

/* .umArtPost .post.big .umPic a,.umZmt .post .umPic img{ position: static;}
.umArtPost .post.big .umPic img{ height: auto;}
.umArtPost .post.big .umPic:after{ display: none;} */
.umArtPost .post.big .umPic.umBn a,.umZmt .post .umPic.umBn img {
    position: static;
}

.umArtPost .post.big .umPic.umBn img {
    height: auto;
}

.umArtPost .post.big .umPic.umBn:after {
    display: none;
}

.umArtPost .post.big .umText {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.umZmt.app .post .umPic {
    width: 150px;
    border-radius: 15px;
}

.umZmt.app .post.big .umPic.umBn {
    border-radius: 8px;
}

.umZmt.app .post .umPic:after {
    padding-top: 100%;
}

.umZmt.app .post.big .umPic {
    margin-right: 0px;
}

.post .tit mark,.post .umText .umInfo mark {
    background: none;
    color: var(--um-color);
}

.post .tit strong {
    font-weight: normal;
}

.umZmt .post .umText .umInfo {
    text-align: justify;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
}

.umZmt .post .umText .umInfo span {
    margin-right: 15px;
}

.umZmt .ias-trigger,.umZmt .ias-noneleft,.umZmt .ias-spinner {
    position: static;
    width: 100%!important;
    text-align: center;
    background-color: #fff;
    margin: 0 -8px 0 auto;
}

.umZmt .ias-spinner {
    height: ;
}

.umZmt .ias-trigger a {
    margin: 0 auto;
}

.umZmt .ias-noneleft {
    margin: 0 -8px 0 auto;
}

.umZmt .post.big .umPic {
    width: 100%;
}

.umZmt .post.big .umText {
    width: 100%;
    clear: both;
}

.umZmt .post.big .umPic:after {
    padding-top: 60%;
}

.umZmt .post.big .umText .umInfo {
    height: auto;
    -webkit-line-clamp: 5;
}

.umZmt .post.big .umPic img:hover {
    transform: scale(1);
}

.umZmt .umBox .post.big .umText .tit {
    -webkit-line-clamp: 3;
    margin-top: 0px;
}

.umZmt .noArr {
    background-color: #fff;
    text-align: center;
    padding: 68px 40px 76px;
}

.umZmt .noArr img {
    max-width: 200px;
    margin: 0 auto;
}

.umZmt .noArr p {
    font-size: 16px;
    opacity: .4;
}

/*面包屑*/
.umCrumb {
    padding: 20px 0px 0;
    font-size: 14px;
    position: relative;
    z-index: 2;
    color: #666;
}

.umCrumb a {
    color: #666;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.umCrumb a:hover {
    color: var(--um-color);
}

.umCrumb i {
    font-size: 12px;
    vertical-align: 0px;
    margin: 0 3px;
    opacity: .68;
}

.umCrumb i.ri-home-heart-fill {
    margin-left: -1px;
    font-size: 14px;
    opacity: 1;
}

/*排序*/
.umSort {
    float: right;
}

.umCrumb .umSort a {
    margin-left: 10px;
}

.umCrumb .umSort a i {
    display: inline-block;
    margin: 0 0 0 2px;
    vertical-align: 0px;
    font-size: 13px;
}

.umCrumb .umSort a.active,.umCrumb .umSort a.active i {
    color: var(--um-color);
}

.umSort .filter {
    margin-right: 10px;
}

.umSort .filter i {
    vertical-align: 0px;
}

.umCrumb .umSort i:before {
    font-family: remixicon;
    content: "\ea4d"!important;
    display: block;
}

.umCrumb .umSort i.ti-angle-up:before {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.imgLazy {
    display: block;
    min-height: 82px;
}

.loading {
    background-image: url(../images/lay.gif);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

/*----------- 分页 -----------*/
.ias-trigger,.ias-noneleft,.ias-spinner {
    width: 130px!important;
    font-size: 14px;
    margin: 10px auto 0;
    transform: translateX(-7.5px);
}

.pageNav {
    text-align: center;
    padding: 20px 0px 20px;
    display: block;
    font-size: 0;
    clear: both;
}

.pageNav a,.pageNav span {
    text-align: center;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
    padding: 0 5px;
    margin: 0.3rem;
    display: inline-block;
    color: #666;
    background: #e2e2e8;
    border-radius: .3rem;
    vertical-align: top;
    font-size: 1.4rem;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pageNav .v {
    line-height: 3rem;
}

.pageNav a:hover {
    background: var(--um-color);
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=68);
    opacity: 0.68;
}

.pageNav span {
    color: #fff;
    background: var(--um-color);
    filter: alpha(opacity=60);
    opacity: 0.88;
}

.umZmt .pageNav {
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
}

.umArrBox .pageNav {
    padding: 25px 0px 15px;
}

.umFalls .pageNav {
    padding: 20px 0px 35px;
}

.commentpagebar .pageNav {
    display: block!important;
    visibility: visible;
}

.ias-trigger a,.ias-noneleft {
    width: 130px;
    height: 40px;
    line-height: 4rem;
    display: block;
    color: #666;
    text-align: center;
    cursor: pointer;
    opacity: 1;
}

.ias-trigger a:hover {
    opacity: 1;
}

.ias-spinner {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px auto;
    height: 4rem;
}

.ias-trigger-next {
    cursor: pointer;
    float: inherit;
    text-align: center;
    height: 40px;
}

.ias-noneleft {
    cursor: default;
    color: #a8a8a8;
}

.umRelevant .ias-noneleft,.umRelevant .ias-trigger,.umRelevant .ias-spinner {
    display: none!important
}

.umFalls .ias-trigger,.umFalls .ias-noneleft,.umFalls .ias-spinner {
    position: absolute!important;
    top: auto!important;
    bottom: 5px!important;
    left: 50%!important;
    margin-left: -65px!important;
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 99;
    display: none;
}

/*内容页*/
.single .umArtPost {
    background: #fff;
    padding: 16px 24px 6px;
}

.single .umArtPost.umSp {
    padding: 24px 24px 24px 24px;
}

.single .postTitle {
    position: relative;
    margin-bottom: 15px;
}

.single .postTitle .tit {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.6;
}

.single .umDes {
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single .postTitle .fot {
    font-size: 0;
    margin: 10px 0 3px;
    width: 100%;
    display: inline-block;
}

.single .postTitle .fot span {
    margin-right: 15px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #9ca0ad;
    display: inline-block;
}

.single .postTitle .fot span a {
    color: #9ca0ad;
}

.single .postTitle .fot span a:hover,.single .postTitle .fot li a:hover {
    color: var(--um-color);
}

.single .postTitle .fot span i {
    margin-right: 5px;
    vertical-align: 0px;
}

.single .postTitle .fot span i.ri-folder-line {
    vertical-align: 0px;
}

.single .postTitle .fot span .img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: none;
    vertical-align: -5px;
    border-radius: 50px;
    object-fit: cover;
    object-position: center;
    display: inline-block;
    font-size: 0;
    background-color: #ededf0;
}

.single .postTitle .fot span.view i {
    vertical-align: 0;
}

.single .postTitle .fot span.view i.hot1 {
    color: #FE5C5C;
}

.single .postTitle .fot span.view i.hot2 {
    color: #FF9900;
}

.single .postTitle .fot span.view i.hot3 {
    color: #06B6E8;
}

.single .postTitle div.fot {
    margin: 5px 0 15px;
}

.single .postTitle .fot ul {
    margin: 0 -20px;
}

.single .postTitle .fot li {
    width: calc(100% / 2 - 40px);
    line-height: 24px;
    margin: 2px 20px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.single .postTitle .fot li label {
    color: #9ca0ad;
}

.single .postTitle .fot li span,.single .postTitle .fot li a {
    color: #2d2d2d;
    font-size: 14px;
    margin: 0;
}

.single .postTitle .fot li .rate [class*="star"]:before {
    display: none;
}

.single .postTitle .fot li .rate {
    width: auto;
}

.single .postTitle .fot li .null {
    color: #9ca0ad;
}

.single.page .postTitle {
    margin-bottom: 20px;
}

.single .umBody {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0px 0 0 0;
    font-size: 1.5rem;
    text-align: justify;
    clear: both;
    word-break: break-all;
    line-height: 1.8;
    overflow: hidden;
    position: relative;
}

.single .umBody a {
    text-decoration: none;
    color: var(--um-color);
}

.single .umBody a:hover {
    text-decoration: underline;
    color: var(--um-color)
}

.single .umBody em {
    font-style: italic;
}

.single .umBody p {
    margin: 0 0 20px 0;
    padding: 0;
    text-indent: 0;
    border: none;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    text-justify: distribute-all-lines;
    -webkit-text-align-last: justify;
}

.single .umBody li p {
    margin: 0;
}

.single .umBody .isVideo {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    display: block
}

.single .umBody .isVideo object, .single .umBody .isVideo video, .single .umBody .isVideo embed, .single .umBody .isVideo iframe {
    width: 100%;
    height: 100%;
    outline: 0;
    position: absolute;
    display: block
}

.single .umBody .isVideo object video, .single .umBody .isVideo video video, .single .umBody .isVideo embed video, .single .umBody .isVideo iframe video {
    width: 100%
}

.single .umDown {
    padding: 15px 20px;
    background-color: #f8f8f9;
    overflow: hidden;
}

.single .umDown.umPass {
    background-color: #f9f3f3;
    padding: 20px;
    position: relative;
}

.single .umDown.umPass i.ri-lock-fill,.single .umPopBox.in .umDownTips i.ri-lock-fill {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #d2cccc;
    border-bottom-left-radius: 10px;
    z-index: 1;
}

.single .umDown.umPass:after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: 1px dashed #f60;
    opacity: .5;
}

.single .umDown.umPass .tips {
    color: #8a8a8a;
    margin-top: -4px;
}

.single .umDown.umPass .tips span {
    color: #f33;
}

.single .umDown.umPass .tips a {
    padding: 0 4px;
}

.single .umPopBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
}

.single .umPopBox .umPopMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
}

.single .umPopBox .umDownTips {
    position: absolute;
    width: 100%;
    max-width: 500px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    transform: translate(0%,-50%);
    background-color: #fff;
    padding: 20px 25px;
    text-align: center;
    border-radius: 8px;
    z-index: 1;
    line-height: 1.8;
    overflow: hidden;
}

.single .umPopBox.in {
    visibility: visible;
    opacity: 1;
    z-index: 100;
}

.single .umPopBox.in .umDownTips {
    -webkit-animation-duration: 0.65s;
    animation-duration: 0.65s;
    -webkit-animation-name: bounceInDown1;
    animation-name: bounceInDown1;
}

.single .umPopBox .umDownTips .tips {
    position: relative;
    z-index: 1;
}

.single .umPopBox .umDownTips .tips a {
    margin: 0 2px;
    padding: 0;
    width: auto;
    min-width: auto;
    height: auto;
    line-height: normal;
    background: none;
    color: var(--um-color);
}

.single .umPopBox .umDownTips .tips span {
    color: #f33;
}

.single .umDown.umPass.lDown {
    background-color: #f8f8f9;
}

.single .umDown.umPass.lDown .umTitle {
    padding-left: 58px;
    margin-bottom: 0;
}

.single .umDown.umPass.lDown .umTitle:before {
    font-size: 56px;
    top: -22px;
}

.single .umDown.umPass.lDown:after {
    border: 1px dashed #ccccd2;
}

.single .umDown.umPass.lDown i.ri-lock-fill,.single .umPopBox.in .umDownTips i.ri-lock-fill {
    background-color: #ccccd2;
}

.single .umDown ul {
    padding: 0;
    margin: 0;
}

.single .umDown li {
    list-style: none;
    background-color: #f0f0f3;
    height: 36px;
    line-height: 36px;
    margin: 5px 0 0;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-right: 78px;
}

.single .umDown li .downUrl {
    display: inline-block;
}

.single .umDown li .downUrl span {
    padding-left: 10px;
}

.single .umDown li .downUrl span:before {
    content: "\ec58";
    display: inline-block;
    margin-right: 5px;
    opacity: .68;
    font-family: 'remixicon';
}

.single .umDown li .downBtn {
    float: right;
}

.single .umDown li .downBtn.url {
    float: none;
    display: inline;
    padding-left: 10px;
}

.single .umDown li .downBtn span {
    cursor: pointer;
}

.single .umDown li a {
    padding: 0 10px;
    display: inline-block;
    color: #2d2d2d;
}

.single .umDown li .downBtn a {
    position: absolute;
    right: 0;
    top: 0px;
    background-color: var(--um-color);
    color: #fff;
    min-width: 68px;
    text-align: center;
}

.single .umDown li .downBtn span {
    opacity: .4;
    font-size: 13px;
}

.single .umDown .umDownTips {
    margin-top: 8px;
    color: #a8a8a8;
    font-size: 13px;
}

.single .umDown .umTitle {
    padding-left: 48px;
    position: relative;
    z-index: 1;
    margin-bottom: 8px;
}

.single .umDown .umTitle:before {
    content: "\ee4c";
    font-family: 'remixicon';
    position: absolute;
    left: -4px;
    top: -11px;
    font-size: 44px;
    color: var(--um-color)
}

.single .umDown .umTit {
    margin: 0;
    padding-top: 0;
    font-size: 18px;
    padding-left: 0;
}

.single .umDown .umTit::before {
    display: none;
}

.single .umDown .umFot {
    color: #8a8a8a;
    font-size: 13px;
    text-align: left;
}

.single .umDown .umFot span {
    margin-right: 15px;
}

.single .umDown.field .umTitle {
    padding-left: 28px;
}

.single .umDown.field .umTitle:before {
    font-size: 24px;
    top: 2px;
    left: -3px;
    line-height: 1.2;
}

.single .umDown .umPassPic {
    float: left;
    width: 150px;
    height: 150px;
    border: 5px solid #fff;
    background-color: #F2F2F6;
    font-size: 0;
}

.single .umDown .umPassText {
    overflow: hidden;
    padding: 5px 0 5px 20px;
    position: relative;
    z-index: 1;
}

.single .umDown .umPassText .text {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 3px;
    color: #666;
    font-size: 14px;
}

.single .umDown .umPassText .text b {
    font-weight: bold;
    color: #0fb58f;
}

.single .umDown .umPassText .text em {
    font-weight: bold;
    color: #f33;
    font-style: normal
}

.single .umDown .umPassTit {
    font-size: 16px;
    color: #f33;
    padding-right: 30px;
}

.single .umDown form {
    margin: 10px 0;
    display: inline-block;
    max-width: 260px;
    padding-right: 58px;
    position: relative;
}

.single .umDown form label {
    padding: 0 5px;
    height: 32px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.single .umDown input[type=password] {
    height: 32px;
    padding: 0 8px;
    border: 1px solid #f33;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 0;
}

.single .umDown input[type=submit] {
    height: 32px;
    padding: 0 10px;
    color: #fff;
    background-color: #f33;
    display: block;
    width: 58px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
}

.single .umDown .copyTips {
    position: fixed;
    background-color: rgba(0,0,0,.78);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    padding: 15px 25px;
    border-radius: 10px;
    display: none;
    z-index: 9;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}

.single .subTit,.single h3.subTit {
    padding: 1rem 0 1rem 16px;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 5px;
    position: relative;
    line-height: 1.8;
}

.single .subTit:before,.single h3.subTit:before,.umBody h3:before {
    position: absolute;
    width: 4px;
    height: 18px;
    display: block;
    content: " ";
    border-radius: 5rem;
    background: var(--um-color);
    left: 0;
    top: 18px;
}

.single .umPicSwiper {
    padding: 0 0 30px;
    margin-bottom: 30px;
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.single .umPicSwiper .swiper-pagination {
    width: 100%;
    line-height: initial;
    bottom: 0px;
}

.single .umPicSwiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 3px 3px 0;
}

.single .umPicSwiper .swiper-pagination-bullet-active {
    background-color: var(--um-color);
}

.single .umPicSwiper .swiper-slide,.single .umPicSwiper .swiper-slide .item img {
    height: 300px;
    width: auto;
    background-color: #ededf2;
}

.single .umPicSwiper .swiper-slide .item {
    font-size: 0;
}

.single .umPicSwiper .umPicArr.swiper-container-horizontal {
    display: block;
}

.single .umPicSwiper .umPicArr {
    display: none;
}

.single .umRelPic .umPic {
    font-size: 0;
    overflow: hidden;
}

.single .umRelPic .item .tit {
    font-size: 14px;
    padding: 15px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.single .umRelPic .umPic .imgLazy {
    position: relative;
    display: block;
    overflow: hidden;
    background: #ededf2;
}

.single .umRelPic .umPic .imgLazy:after {
    content: '';
    padding-top: 75%;
    display: block;
}

.single .umRelPic .umPic .imgLazy img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.single .appPost ul {
    margin-left: 0rem;
    margin-bottom: 0rem;
}

.single .appPost .post {
    background: #f8f8f9;
    padding: 15px;
    list-style: none;
    margin-top: 20px;
    border-radius: 18px;
}

.single .appPost .umItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    -ms-flex-direction: row;
    flex-direction: row;
}

.single .appPost .post .umPic {
    width: 100px;
    height: auto;
    position: relative;
    font-size: 0;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.single .appPost .umPic a {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background-color: #f0f0f3;
    min-height: auto;
}

.single .appPost .umPic a:after {
    content: '';
    padding-top: 100%;
    display: block;
}

.single .appPost .umPic a img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.single .appPost .umText {
    font-size: 1.4rem;
    line-height: 1.6;
    min-width: 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 20px;
    position: relative;
    padding-right: 100px;
}

.single .appPost .umText .infoBtn a {
    width: 80px;
    height: 32px;
    line-height: 32px;
    border-radius: 18px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -moz-osx-font-smoothing: auto;
    text-decoration: none;
}

.single .appPost .umText .infoBtn a {
    color: #fff;
    background-color: #ff8708;
    display: block;
}

.single .appPost .umText .infoBtn a:hover {
    background-color: #ff4d08;
}

.single .appPost .umText .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.single .appPost .umText .tit a {
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.single .appPost .umText .umInfo {
    font-size: 12px;
    text-align: justify;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    margin-top: 6px;
}

.single .appPost .umText .info {
    margin-top: 4px;
}

.single .appPost .umText .info span {
    color: #666;
    font-size: 12px;
    margin-right: 10px;
    opacity: .68;
}

.single .appPost .umText .info span a {
    color: #666;
}

.single .appPost .umText .info span a:hover,.single .appPost .umText .tit a:hover {
    color: var(--um-color)
}

.single .appPost .umText .info span:last-of-type {
    margin-right: 0;
}

.umBody div.syntaxhighlighter {
    margin: .5em 1em .5em 2em!important;
    width: auto!important
}

.umBody li p {
    overflow: visible;
    text-indent: 0;
    margin: 3px 0
}

.umBody ol,.umBody ul {
    margin-left: 2.8rem;
    margin-bottom: 2rem;
}

.umBody li {
    list-style: inherit;
}

.umBody code {
    width: 93%;
    padding: 5px;
    background: #f8f8f9;
}

.umBody blockquote {
    width: 100%;
    display: inline-block;
    background: #f8f8f9;
    border-left: 0.3rem solid #c7dfee;
    margin: 2rem 0px 2.5rem;
    padding: 2rem;
}

.umBody blockquote h1,.umBody blockquote h2,.umBody blockquote h3,.umBody blockquote h4,.umBody blockquote h5 {
    margin: 5px 0;
}

.single .umBody blockquote p {
    margin: 5px 0;
}

.single .umBody blockquote p:last-of-type {
    margin-bottom: 0;
}

.umBody img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: -.65rem
}

.umBody table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    line-height: 140%
}

.umBody td,th {
    margin: 0;
    padding: 10px 10px;
    text-indent: 0em;
    border: 1px solid #eee;
    background: #fff
}

.umBody .firstRow td,.umBody .firstRow th {
    background: #f8f8f9;
}

.umBody h1,.umBody h2,.umBody h3,.umBody h4,.umBody h5,.umBody h6 {
    margin: 12px 0 5px 0;
    padding: 0;
    font-weight: 500;
    position: relative;
}

.umBody h1 {
    font-size: 22px
}

.umBody h2 {
    font-size: 20px
}

.umBody h3 {
    font-size: 18px;
    padding-left: 16px;
}

.umBody h4 {
    font-size: 16px
}

.umBody h5 {
    font-size: 15px
}

.umBody h6 {
    font-size: 14px
}

.umBody h3:before {
    top: 7px
}

.umBody .umDes {
    padding: 15px 50px;
    background: #f8f8f9;
    margin: 0px 0 22px 0;
    font-size: 14px;
    position: relative;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    text-justify: distribute-all-lines;
    -webkit-text-align-last: justify;
    -webkit-box-orient: inherit;
}

.umBody .umDes:before {
    content: '';
    width: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    background-color: var(--um-color);
    opacity: .3;
}

.umBody .umDes i {
    position: absolute;
    font-size: 24px;
    color: var(--um-color);
    opacity: .4;
}

.umBody .umDes i.ri-double-quotes-l {
    top: 8px;
    left: 15px;
}

.umBody .umDes i.ri-double-quotes-r {
    bottom: 4px;
    right: 15px;
}

.umBody blockquote p {
    margin: 10px 0;
}

.single .umBody.umHight {
    padding-bottom: 60px;
}

.single .umBody.umHight .readmore {
    position: absolute;
    height: 150px;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 50%);
    z-index: 3
}

.single .umBody.umHight .readmore a {
    display: inline-block;
    text-decoration: none;
    background: rgba(255,255,255,0);
    margin-top: 100px;
    padding: 0 20px;
    height: 36px;
    line-height: 34px;
    border: 1px solid var(--um-color);
    border-radius: 50px;
    color: var(--um-color);
    -webkit-transition: all .3s;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.single .umBody.umHight .readmore a:hover {
    border: 1px solid var(--um-color);
    background: var(--um-color);
    color: #fff;
}

/*商品*/
.umPostApp {
    background-color: #f8f8f9;
    position: relative;
    z-index: 0;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    padding: 20px;
}

.umPostApp .box {
    float: left;
    width: 100%;
}

.umPostApp .box .img {
    width: 350px;
    position: relative;
    float: left;
    font-size: 0;
    color: #fff;
    overflow: hidden;
}

.umPostApp .box .img .swiper-slide {
    background-color: #282828;
}

.umPostApp .box .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
    left: 0;
    top: 0;
}

.umPostApp .box .img:after,.umPostApp .box .img.umPic .item:after {
    content: '';
    padding-top: 75%;
    display: block;
}

.umPostApp .box .text {
    overflow: hidden;
    padding-left: 30px;
}

.umPostApp .box .umPrice {
    font-size: 0;
    margin-bottom: 12px;
}

.umPostApp .box .umPrice span {
    font-size: 14px;
    margin-right: 20px;
    opacity: .6;
    display: inline-block;
}

.umPostApp .box .umPrice em {
    font-size: 26px;
    margin-left: 2px;
    font-weight: 500;
}

.umPostApp .box .umPrice .vip1 {
    color: #e6b980;
    opacity: 1
}

.umPostApp .box .umPrice .vip2 {
    opacity: 1
}

.umPostApp .shopBtn {
    text-align: left;
    padding: 0;
}

.umPostApp .bnNav {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}

.umPostApp .swiper-pagination-bullet {
    background: #fff;
    opacity: .6;
    margin: 0 4px;
    width: 6px;
    height: 6px;
}

.umPostApp .swiper-pagination-bullet-active {
    opacity: 1;
}

.umPostApp.umArtApp .box {
    display: flex;
    float: none;
}

.umPostApp.umArtApp .box .imgBox {
    width: 128px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
}

.umPostApp.umArtApp .box .img {
    width: 100%;
    border-radius: 28px;
    background-color: #e9eaf0;
}

.umPostApp.umArtApp .box .img::after {
    padding-top: 100%;
}

.umPostApp.umArtApp .shopBtn {
    padding: 0;
}

.umPostApp.umArtApp .shopBtn a {
    margin: 0 10px 0 0;
    color: #fff;
}

.umPostApp.umArtApp .shopBtn a:last-of-type {
    margin: 0;
}

.umPostApp.umArtApp .box .text {
    width: 100%;
}

.umPostApp .rate {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.umPostApp .rate [class*="star"] {
    font-size: 16px;
    margin-right: 0;
}

.umPostApp .rate [class*="star"]:before {
    content: "星级";
    margin-right: 3px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    opacity: .6;
}

.umPostApp .rate span[class*="star"] i {
    margin: 0;
    color: #D0D5DD;
    vertical-align: 0px;
    font-size: 12px;
}

.umPostApp .rate span[class*="star"] i:before {
    content: "\f186";
    font-family: 'remixicon' !important;
}

.umPostApp .rate span.star1 i:nth-of-type(1) {
    color: #ffb402;
}

.umPostApp .rate span.star2 i:nth-of-type(-n+2) {
    color: #ffb402;
}

.umPostApp .rate span.star3 i:nth-of-type(-n+3) {
    color: #ffb402;
}

.umPostApp .rate span.star4 i:nth-of-type(-n+4) {
    color: #ffb402;
}

.umPostApp .rate span.star5 i {
    color: #ffb402;
}

.umPostApp .rate span.star0 i {
    color: #D0D5DD;
}

.umPostApp .rate span.star::before {
    content: "";
}

.single .umPostApp.umArtApp .postTitle .tit {
    margin-top: -3px;
}

.single .umPostApp .postTitle {
    margin-bottom: 0;
    margin-top: 0;
}

.shopBtn a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    min-width: 100px;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, #8f75fd 0%, #6364fd 100%);
    margin: 7px 14px 7px 0;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 50px;
    box-shadow: 0 0px 0px rgba(0,0,0,0.1);
    position: relative;
    -moz-osx-font-smoothing: auto;
}

.shopBtn a:last-child {
    margin-right: 0;
}

.shopBtn a span {
    position: relative;
    z-index: 2
}

.shopBtn a:after {
    content: '';
    background: rgba(255,255,255,.1);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    transform: scale(0);
    opacity: 0;
    border-radius: 50px;
    -webkit-transition: transform .3s ease, opacity .3s ease;
    -ms-transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease;
}

.shopBtn a:hover:after {
    transform: scale(1);
    opacity: 1;
}

.shopBtn a.reward {
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, #fc987e 0%, #f66896 100%)
}

.shopBtn a.down {
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, #02c4ff 0%, #049df9 100%)
}

.shopBtn a.qq {
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, #00CCAB 0%, #00CCAC 100%)
}

.shopBtn a.normal {
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, #8ec100 0%, #00ac8c 100%);
}

.shopBtn a.qq i {
    font-size: 20px;
    vertical-align: -2px;
}

.shopBtn a i {
    font-size: 19px;
    margin-right: 3px;
    vertical-align: -1px;
}

.umPostApp .box .img.umPic:after {
    display: none
}

/*tags*/
.single .umTags {
    width: 100%;
    margin: 0;
    padding: 2rem 0 0 0;
    font-size: 1.4rem;
    text-align: left;
    text-indent: 0;
    position: relative;
}

.single .umTags a {
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 0 10px;
    background: #f8f8f9;
    color: #fff;
    opacity: .6;
    overflow: hidden;
}

.single .umTags a:hover {
    color: #fff;
    background: var(--um-color);
    opacity: 1;
}

/*读者墙*/
.single .umBody .rslist {
    margin: 0 -8px;
    display: block;
    font-size: 0;
}

.single .umBody .rslist li {
    list-style: none;
    display: inline-block;
    width: 25%;
    padding: 8px;
    position: relative;
}

.single .umBody .rslist li.top {
    width: 33.333%;
}

.single .umBody .rslist li .item {
    border-radius: 4px;
    padding: 20px 10px;
    position: relative;
    overflow: hidden;
    line-height: 20px;
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.00);
    background: #f8f8f9;
    text-align: center;
}

.single .umBody .rslist li .item:hover {
    background: #f2f2f2;
}

.single .umBody .rslist li img {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    background: #fafaf8;
    display: block;
    margin: 0 auto 10px auto;
    object-fit: cover;
}

.single .umBody .rslist li p {
    margin: 0;
    font-size: 12px;
    color: #9ca0ad;
    text-align: center;
}

.single .umBody .rslist li h6 {
    font-size: 14px;
    margin: 3px 0 0 0;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    color: #333;
    border-left: 0;
    padding-left: 0px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.single .umBody .rslist li .honor {
    width: 100px;
    height: 28px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    position: absolute;
    top: -4px;
    left: -40px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
}

.single .umBody .rslist li .honor small {
    display: block;
}

.single .umBody .rslist li .honor .t1 {
    background: #e3b549;
}

.single .umBody .rslist li .honor .t2 {
    background: #a2afbd;
}

.single .umBody .rslist li .honor .t3 {
    background: #d09e8a;
}

.umBnPic {
    font-size: 0;
    width: 100%;
    display: inline-block;
    margin: 30px 0 0;
    overflow: hidden;
}

.umBnPic a {
    display: block;
}

.umAPic {
    display: block;
    overflow: hidden;
}

/*外链中转*/
.jumpUrl {
    background-color: #fff;
}

.jumpUrl body {
    background: #fff;
    position: static
}

.jumpUrl body .warp {
    margin: 0;
}

.jumpUrl body .container {
    width: 100%;
    padding: 0;
    min-height: auto;
    max-width: 780px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.jumpUrl body .container .content {
    background: #fff;
    padding: 0px;
}

.jumpUrl body .container .img {
    max-width: 160px;
    width: 100%;
    margin: 0 auto 20px
}

.jumpUrl body .container .img img {
    width: 100%;
}

.jumpUrl body .container .title {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
}

.jumpUrl body .container .url {
    margin: 10px 0 20px;
    font-size: 16px;
    line-height: 1.6;
    opacity: .6
}

.jumpUrl body .container .btnBox {
    margin-top: 10px;
    display: inline-block;
}

.jumpUrl body .container .btn {
    display: inline-block;
    color: #fff;
    background: #ec414d;
    border: 1px solid #ec414d;
    margin: 0 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 15px;
    border-radius: 4px
}

.jumpUrl body .container .btn.goHome {
    background: #fff;
    color: #ec414d;
    border: 1px solid #ec414d
}

/*分享*/
.umShare {
    margin-top: 20px;
    position: relative;
    z-index: 3;
}

.umShare a {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background-color: #f8f8f9;
    border-radius: 100px;
    opacity: 1;
}

.umShare a:hover {
    opacity: .68;
}

.umShare a i {
    font-size: 16px;
    font-family: 'remixicon' !important;
}

.umShare a.qq i {
    color: #15b5e9;
}

.umShare a.qz i {
    color: #ffb300;
}

.umShare a.weixin i {
    color: #20b767;
}

.umShare a.weibo i {
    color: #f66;
}

.umShare .umCode {
    display: none;
    position: fixed;
    width: 200px;
    height: 200px;
    padding: 15px;
    background: #fff;
    top: -188px;
    box-shadow: 0 0 25px rgba(0,0,0,.1);
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}

/*上下页*/
.umNavPage {
    margin-top: 20px;
    font-size: 0;
}

.umNavPage div {
    height: 30px;
    line-height: 30px;
    width: 50%;
    display: inline-block;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    position: relative;
}

.umNavPage div i {
    position: absolute;
    top: 0px;
    font-size: 20px;
    opacity: .3;
}

.umNavPage .prev {
    padding-right: 20px;
    padding-left: 26px;
}

.umNavPage .next {
    text-align: right;
    padding-left: 20px;
    padding-right: 26px;
}

.umNavPage .prev i {
    left: 0;
}

.umNavPage .next i {
    right: 0;
}

/*点赞，打赏*/
.umLike {
    text-align: center;
    margin: 30px -10px 10px;
    font-size: 0px;
}

.umLike a {
    min-width: 80px;
    height: 38px;
    line-height: 38px;
    margin: 8px;
    padding: 0 18px;
    background: #79A3F1;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.umLike a:hover {
    color: #fff!important;
}

.umLike a i {
    font-size: 16px;
    vertical-align: 0px;
}

.umLike a span {
    margin-left: .5rem
}

.umLike a.reward {
    background: #F27272
}

.umLike a.reward i {
    margin-right: 3px;
}

.umLike a.comiis_poster_a {
    background: #20b767
}

.umLike a:hover {
    opacity: .8;
}

.umReward {
    width: 300px;
    min-height: 180px;
    padding: 20px;
    background: #fff;
    border-radius: .5rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    text-align: left;
}

.umReward.in {
    -webkit-animation-duration: 0.65s;
    animation-duration: 0.65s;
    -webkit-animation-name: bounceInDown2;
    animation-name: bounceInDown2;
    visibility: visible;
    z-index: 1001;
    opacity: 1;
}

.umReward ul {
    margin: 0 0 15px 0px;
    font-size: 0;
    display: block;
}

.umReward .list {
    text-align: center;
}

.umReward .list li {
    display: inline-block;
    font-size: 14px;
    margin: 5px 15px 0 5px;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    color: #9ca0ad
}

.umReward .list li.cur {
    color: #333;
}

.umReward .list li i {
    position: absolute;
    display: block;
    top: -2px;
    left: -4px;
    font-size: 20px;
    color: #AAA8A8;
    font-family: "remixicon" !important;
}

.umReward .list li.cur i {
    color: #22ab38
}

.umReward #listCon {
    position: relative;
}

.umReward #listCon div {
    opacity: 1;
    display: none;
}

.umReward #listCon div.cur {
    opacity: 1;
    display: block;
}

.umReward #listCon div img {
    border-radius: 0px;
    overflow: hidden;
    display: block;
    margin: 0;
    width: 100%;
}

.umReward .tipsBox {
    text-align: center;
    padding-top: 15px;
    font-size: 14px;
}

.umReward .tipsNoPic {
    text-align: center;
    padding-top: 40px;
    font-size: 12px;
    opacity: .6;
}

.umReward .tipsNoPic h4 {
    font-size: 18px;
    padding-bottom: 10px;
}

.umBox.umRelevant {
    margin-top: 20px;
}

.umBox.umRelevant .noList {
    text-align: center;
    padding: 40px 0;
    background: #f8f8f9;
}

.umBox.umRelevant .noList i {
    font-size: 60px;
    opacity: .1;
}

.umBox.umRelevant .noList p {
    padding: 15px 0 0;
    opacity: .1;
    font-size: 20px;
    font-weight: 500;
}

.umBox.umRelevant .swiper-lazy-preloader {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}

.umRApp .umRelPic,.umRApp .umRelTit {
    padding: 20px 30px;
    position: relative;
    background-color: #f8f8f9;
}

.umRApp .umRelTit {
    padding: 18px 22px;
}

.umRApp .umRelTit li {
    height: 32px;
    line-height: 32px;
    position: relative;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.umRApp .umRelTit li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background-color: #dedee6;
    border-radius: 50px;
    left: 0;
    top: 14px;
}

.umBox.umRelevant.umRApp .bnPage {
    width: 28px;
    height: 28px;
    line-height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    border: 2px solid #f8f8f9;
    cursor: pointer;
}

.umBox.umRelevant.umRApp .bnPage i {
    opacity: 1;
    color: var(--um-color);
    font-size: 12px;
}

.umBox.umRelevant.umRApp .bnPage.disabled {
    cursor: auto;
}

.umBox.umRelevant.umRApp .bnPage.disabled i {
    color: rgba(114,116,118,.5);
}

.umBox.umRelevant.umRApp .bnPage.umAppNext {
    right: -10px;
}

.umBox.umRelevant.umRApp .bnPage.umAppPrev {
    left: -10px;
}

.single .umRelPic .umAppSwiper .pic {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 68px;
    margin: 0 auto;
    border-radius: 15px;
    background: #fff;
}

.single .umRelPic .umAppSwiper .pic a,.single .umRelPic .umAppSwiper .pic img {
    position: absolute;
    left: 0;
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 0;
    bottom: 0;
}

.single .umRelPic .umAppSwiper .pic:after {
    content: '';
    display: block;
    padding-top: 100%;
}

.single .umRelPic .umAppSwiper .text {
    text-align: center;
    font-size: 14px;
    padding-top: 12px;
}

.single .umRelPic .umAppSwiper .text .tit {
    white-space: inherit;
    height: 26px;
    line-height: 26px;
    padding: 0;
}

.single .umRelPic .umAppSwiper .text .divTit {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    opacity: .4;
}

.single .umRelPic .umSwiper .swiper-slide {
    width: calc(100% / 4);
}

/*----------- comm -----------*/
.commBox {
    background: rgba(255,255,255,.85);
    padding: 20px 0 0px;
}

.commBox .postText {
    padding: 5px 0 0;
    font-size: 0;
}

.commBox .post-Comment {
    margin-top: 20px;
}

.cmBox {
    margin-bottom: 10px;
}

.cmBox.tit {
    padding: 1rem 0;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 2rem;
    position: relative;
}

.cmBox.tit:before {
    position: absolute;
    width: 3rem;
    height: 2px;
    display: block;
    content: " ";
    border-radius: 5rem;
    background: var(--um-color);
    left: 0;
    bottom: 0rem;
    opacity: .8;
}

.msgArticle {
    padding: 1rem .2rem
}

.avatar {
    float: left;
    position: relative;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #fff;
    margin-right: 1rem
}

.avatar img {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.avatar img:hover {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.commBody {
    position: relative;
    margin-left: 6.2rem;
    padding: 0 2rem 1.8rem!important;
    background: #f8f8f9;
}

.commBody:before {
    z-index: 1
}

.commBody:after {
    border-right-color: #f8f8f9!important;
    margin-left: 1px;
    z-index: 2
}

.commBody:after,.commBody:before {
    position: absolute;
    top: .8rem;
    left: -.8rem;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid solid;
    border-width: .8rem .8rem .8rem 0;
    pointer-events: none
}

.commBody .commInfo {
    font-size: 1.4rem;
    color: #666666;
    line-height: 2rem;
    margin: .5rem 0 1.5rem 0;
    word-wrap: break-word
}

.commBody .commInfo a {
    margin-right: 4px;
    color: var(--um-color);
    opacity: .6;
}

.commBody .commInfo a:hover {
    opacity: 1;
}

.msgname .msgname {
    margin-top: 12px;
}

.commBody .commInfo .commBody {
    background: #fff;
    margin-left: 5.2rem;
}

.commBody .commInfo .commBody .commTop {
    background: #fff;
}

.commBody .commInfo .commBody:after {
    border-right-color: #fff!important;
}

.commBody .commInfo .commBody .commTop a {
    color: #666666;
}

.commTop {
    padding: 1.2rem 1rem 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 1.4rem;
    background: #f8f8f9;
}

.commTop a,.commTop span.ip {
    color: #9ca0ad;
    font-size: 12px;
    margin-right: .68rem
}

.commTop span.ip {
    background-color: #f8f8f9;
    border: 1px solid #f8f8f9;
    padding: 0 3px;
    border-radius: 3px;
    margin-right: 0;
    opacity: .8;
}

.commFooter {
    font-size: 12px;
    line-height: 16px;
    margin-top: .5rem;
}

.commTime {
    font-size: 12px;
    margin-right: .8rem;
    color: #9ca0ad
}

.commReply {
    font-size: 12px;
    color: #9ca0ad
}

.msgname .msgname,div.children {
    margin-left: 2.5rem
}

div.children > div.children {
    margin-left: 3rem
}

.msgname .msgname .avatar,div.children .avatar,div.children .avatar img,.msgname .msgname .avatar img {
    width: 3rem;
    height: 3rem;
    margin-left: 0px;
}

#divCommentPost p.postTop {
    width: 100%;
    line-height: 3rem;
    font-size: 12px;
    clear: both;
    position: relative;
    z-index: 5;
    overflow: hidden
}

#divCommentPost p a {
    margin-right: .6rem;
    cursor: pointer;
    text-decoration: none;
    color: #666666;
}

#divCommentPost p.postTop small {
    width: 6.5rem;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    text-align: right;
    float: right;
}

.pinglun {
    font-size: 12px;
    z-index: 2;
    position: relative;
    clear: both;
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    font: inherit;
    line-height: inherit;
    background: 0 0;
    width: auto;
    float: none;
    transition: none;
    overflow: hidden;
}

#txaArticle {
    position: relative;
    padding: 5px;
    height: 14rem;
    min-height: 14rem;
    margin: 0;
    resize: none;
    outline: 0;
    width: 100%;
    min-width: 100%;
    border: 1px solid #f2f2f9;
    background: #f8f8f9;
    font-size: 14px;
    line-height: 1.6
}

.post-toolbar {
    margin-top: 1rem;
    margin-bottom: 15px;
    overflow: hidden;
    float: right;
}

input.button {
    float: right;
    height: 3.8rem;
    width: 10rem;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border: none;
    color: #FFF;
    background-color: var(--um-color);
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

input.button:hover {
    opacity: .8
}

.postText {
    padding: 2rem 0 0;
    color: #666666
}

.postText ul {
    display: block;
    font-size: 0;
    margin: 0 -5px;
}

.postText ul li {
    margin-bottom: 10px;
    text-align: left;
    display: inline-block;
    width: 33.333%;
    padding: 0 5px;
}

.postText ul li.hide {
    display: none;
}

.postText ul.w50 li {
    width: 50%;
}

.postText ul.w100 li {
    width: 50%;
}

.postText.isVerify ul li {
    width: 50%;
}

.postText ul li.verify {
    position: relative
}

.postText ul li.verify img {
    position: absolute;
    top: .3rem;
    right: .8rem
}

input.text {
    margin-right: 1rem;
    position: relative;
    border: 1px solid rgba(227,229,236,.4);
    height: 3.6rem;
    padding: .3rem .5rem;
    outline: 0;
    width: 100%;
    box-shadow: none;
    background: #f8f8f9
}

.postText ul li label {
    color: #bbb
}

.children .commBody {
    margin-left: 5.2rem;
}

/*版权*/
.umCopyright {
    line-height: 22px;
    display: inline-block;
    padding: 15px 20px;
    font-size: 12px;
    color: #999;
    background: #f8f8f9;
    width: 100%;
    margin: 25px 0 0;
}

.umCopyright a {
    color: var(--um-color);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    opacity: .6;
}

.umCopyright a:hover {
    opacity: 1;
}

/*侧栏模块*/
.umMainBox {
    padding-right: 325px;
    width: 100%;
    float: left;
}

.sidebar {
    float: right;
    margin-left: -300px;
    width: 300px;
}

.widget {
    background: #fff;
    padding: 24px 24px 15px 24px;
    margin-bottom: 20px;
}

.widget div {
    font-size: 14px;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget.sidBox .sidTit {
    padding-bottom: 15px;
    padding-top: 0px;
    margin-bottom: 12px;
    font-size: 18px;
    position: relative;
    text-indent: 16px;
    line-height: 18px;
    font-weight: 600;
    border-bottom: 1px solid rgba(114,116,118,.1);
}

.widget.divSearchPanel .sidTit {
    border-bottom: none;
    padding-bottom: 6px;
}

.widget.sidBox .sidTit:after {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--um-color);
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 30px;
}

.widget ul {
    font-size: 0;
    display: block;
}

.widget li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.widget li.noArr {
    width: 100%;
    display: inline-block;
    margin: 8px 0 10px;
    height: auto;
    line-height: 24px;
    padding: 24px;
    background-color: #f4f6f8;
    text-align: center;
    opacity: .4;
}

.widget.umHotComm li.noArr {
    margin: 8px 0 10px;
}

.widget li.noArr:before {
    display: none;
}

/*标签*/
.widget.divTags {
    padding-bottom: 20px;
}

.widget.divTags li {
    display: inline-block;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    overflow: visible;
    height: auto;
}

.widget.divTags li a {
    font-size: 12px;
    font-weight: normal;
    padding: 0px 10px;
    overflow: hidden;
    display: block;
    margin: 3px 4px 3px 0;
    height: 32px;
    line-height: 30px;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    background-color: #f8f8f9;
}

.widget.divTags li a span {
    font-size: 12px;
}

.widget.divTags li a:hover {
    color: #fff;
    background: #282828;
}

.widget.divSearchPanel {
    padding: 20px;
}

.widget.divSearchPanel .scForm,.widget.divSearchPanel form {
    position: relative;
}

.widget.divSearchPanel form input[type=text] {
    width: 100%;
    border: medium none;
    padding: 0px 46px 0px 10px;
    height: 36px;
    background: #fff;
    border: 1px solid #f2f2f9;
}

.widget.divSearchPanel form button {
    position: absolute;
    border: medium none;
    font-size: 16px;
    background: var(--um-color);
    height: 36px;
    line-height: 36px;
    color: #fff;
    padding: 0 15px;
    top: 0px;
    right: 0px;
    height: 100%;
    cursor: pointer;
    font-family: 'remixicon';
}

.widget.divSearchPanel form button::before {
    content: "\f0d1";
}

/*tabs模块*/
.widget.umAppTabs {
    padding: 24px 24px 20px 24px;
}

.widget.umAppTabs .umTabe {
    margin-bottom: 8px;
    overflow: hidden;
}

.widget.umAppTabs .umTabe li {
    height: 36px;
    line-height: 26px;
    font-size: 16px;
}

.widget.umAppTabs .umTabe.one li {
    line-height: 18px;
}

.widget .umTabeCon {
    padding: 0;
    background: none;
    min-height: auto;
}

.widget .umAppTops li {
    height: 20px;
    line-height: 20px;
    padding-left: 32px;
    white-space: normal;
    margin: 12px 0 4px;
}

.widget .umAppTops li.on {
    height: 68px;
    line-height: 20px;
}

.widget .umAppTops li.on .tit {
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 2px;
}

.widget .umAppTops li:before {
    height: 20px;
    line-height: 20px;
}

.widget .umAppTops li.on:before {
    height: 68px;
    line-height: 68px;
}

.widget .nolist {
    height: auto!important;
    padding: 24px!important;
    line-height: 24px!important;
    background-color: #f4f6f8;
    text-align: center;
    opacity: .4;
}

.widget .umAppTops li.nolist:before {
    display: none;
}

/*最新发表*/
.widget.divPrevious li,.widget.umHotComm li,.widget.divArchives li {
    padding-left: 15px;
    margin: 0px 0;
}

.widget.divPrevious li i,.widget.umHotComm li i,.widget.divArchives li:before {
    color: #9ca0ad;
    position: absolute;
    left: -5px;
    top: 0px;
    opacity: .68;
    font-family: 'remixicon';
}

.widget.divPrevious li i:before,.widget.umHotComm li i:before,.widget.divArchives li:before {
    content: "\ea6e";
}

/*最新评论*/
.widget.divComments li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 3px;
    padding-top: 3px;
    margin: 1px 0 3px 0;
    height: auto;
}

.widget.divComments li {
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.widget.divComments li span {
    font-style: normal;
    color: #9ca0ad;
    font-size: 12px;
    margin-right: 10px;
}

.widget.divComments li a {
    position: relative;
    top: 0px;
}

.widget.divComments li .author {
    float: left;
    margin: 0 8px 0px 0;
    padding: 0px;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;
    box-shadow: inset 0 -1px 0 #3333sf;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    overflow: hidden;
    background: #fff url(../images/lay.gif) center center no-repeat;
    font-size: 0;
    object-fit: cover;
}

.widget.divComments li .info {
    clear: both;
    background-color: #f8f8f9;
    width: 100%;
    display: block;
    border-radius: 4px;
    margin-top: 10px;
    padding: 4px 10px;
    position: relative;
    font-size: 14px;
    color: #888;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget.divComments li .name {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.widget.divComments li a:before {
    content: " ";
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-bottom-color: transparent;
    border-bottom-color: #f8f8f9;
    position: absolute;
    left: -27px;
    top: 22px;
}

.widget.umReaders ul {
    display: block;
    font-size: 0;
    margin-right: -15px;
}

.widget.umReaders li {
    width: calc(100% / 4 - 15px);
    margin: 8px 15px 8px 0;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    height: auto;
    line-height: normal;
    text-align: center;
}

.widget.umReaders li img {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
}

.widget.umReaders li:before {
    display: none;
}

.widget.umReaders li span {
    display: block;
}

.widget.umReaders li span.author {
    width: 46px;
    height: 46px;
    font-size: 0;
    background: #e7e7ea;
    border-radius: 50%;
    overflow: hidden;
}

.widget.umReaders li .name {
    font-size: 13px;
    margin: 5px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widget.umReaders li .num {
    font-size: 12px;
    color: #9ca0ad;
    line-height: 20px;
    display: none;
}

.widget.umReaders li .num:before {
    content: "\ef46";
    margin: 0 3px 0 0;
    font-size: 12px;
    color: #9ca0ad;
    font-family: remixicon;
    display: inline-block;
    vertical-align: top;
}

/*热门文章*/
.widget.umHotView ul {
    counter-reset: sectioncounter;
}

/*divMisc*/
.widget.divMisc ul {
    font-size: 0;
    display: block;
    margin-right: -10px;
}

.widget.divMisc li {
    width: calc(100% / 3 - 10px);
    height: auto;
    line-height: normal;
    font-size: 0;
    margin: 5px 10px 5px 0;
    display: inline-block;
}

.widget.divMisc li a {
    display: block;
}

.widget.divMisc img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/*日历*/
.widget.divCalendar table {
    width: 100%;
}

.widget.divCalendar table th {
    color: #9ca0ad;
}

.widget.divCalendar table th,.widget.divCalendar table td {
    text-align: center;
    padding: 7px 0px;
    border: none;
    background: #f8f8f9;
}

.widget.divCalendar table th {
    background: #f8f8f9;
}

.widget.divCalendar table caption {
    text-align: center;
    padding: 10px 0;
    background: #ffffff;
}

.widget.divCalendar table td a {
    color: #3690F6;
    opacity: .8;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.widget.divCalendar {
    padding: 12px 20px 20px;
}

.widget.divCalendar table td a:hover {
    opacity: 1;
}

/*作者*/
.widget.divCatalog li {
    width: 50%;
    display: inline-block;
}

.widget.divCatalog li:before,.widget.divStatistics li:before {
    content: "\ea6e";
    font-family: 'remixicon';
    font-size: 12px;
    opacity: .68;
    transform: scale(.8);
    display: inline-block;
    margin-left: -4px;
    margin-right: 6px;
}

.widget.divFavorites li,.widget.divLinkage li,.widgetdivAuthors li {
    display: inline-block;
}

.widget.divFavorites li a,.widget.divLinkage li a,.widgetdivAuthors li a {
    padding: 0 15px 0 0;
}

/*关于作者*/
.widget.umUser {
    overflow: hidden;
    position: relative;
    padding: 24px;
    margin: 0 0 20px 0;
    float: none;
}

.widget.umUser h3 {
    text-align: center;
}

.widget.umUser h3:after {
    display: none;
}

.widget.umUser div,.widget.divCalendar div {
    text-align: center;
}

.widget.umUser > div {
    overflow: hidden;
    padding-bottom: 20px;
    background-color: #f8f8f9;
}

.widget.divCalendar div {
    background-color: #fff;
}

.widget.umUser .userBg {
    max-width: 100%;
    height: 100px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    overflow: hidden;
    background: none
}

.widget.umUser .userImg {
    width: 80px;
    height: 80px;
    margin: -40px auto 0 auto;
    display: block;
    background: none
}

.widget.umUser .userImg img {
    width: 80px;
    height: 80px;
    border: 4px solid #fff!important;
    border-radius: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: .6s;
    -ms-transition: .3s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    object-fit: cover;
}

.widget.umUser .userImg:hover img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.widget.umUser .userImg mip-i-space {
    width: 80px!important;
    height: 80px!important;
    border-radius: 50px;
    padding: 0!important
}

.widget.umUser .userUrl {
    display: inline-block;
    width: 100%;
}

.widget.umUser .userTit {
    font-size: 18px;
    padding: 15px 15px;
}

.widget.umUser .userText {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding: 0px 10px;
}

.widget.umUser ul {
    padding: 25px 0 0
}

.widget.umUser li,.umTj li {
    width: 33.3333%;
    display: inline-block;
    text-align: center;
    height: auto;
    line-height: 22px;
    position: relative;
}

.widget.umUser li span,.umTj li span {
    display: block;
    width: 100%;
    clear: both;
    color: #9ca0ad;
    font-size: 12px;
}

.widget.umUser li span.s1,.umTj li span.s1 {
    font-size: 18px;
    color: #666666;
    font-weight: 300
}

.widget.umUser li:after,.umTj li:after {
    content: "";
    width: 1px;
    height: 33px;
    background: #f1f1f1;
    position: absolute;
    right: 0;
    top: 6px;
}

.widget.umUser li.last:after,.umTj li.last:after {
    display: none;
}

.widget.umUser .divlist {
    width: 50px;
    display: inline-block;
    text-align: center;
    padding: 5px 0 20px;
    position: relative;
    z-index: 1
}

.widget.umUser .divlist a,.widget.umUser .divlist.weixin span {
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    border-radius: 50px;
    opacity: .8;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.widget.umUser .divlist a:hover,.widget.umUser .divlist.weixin span:hover {
    opacity: 1
}

.widget.umUser .divlist a i {
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.widget.umUser .divlist.qq a i {
    color: #1ea6e9;
}

.widget.umUser .divlist.weibo a i {
    color: #f78585;
}

.widget.umUser .divlist.weixin span i {
    color: #6bc30d;
}

.widget.umUser .divlist.tencent a i {
    color: #00C5FF;
}

.widget.umUser .divlist.qq a:hover i {
    color: #fff;
}

.widget.umUser .divlist.weibo a:hover i {
    color: #fff;
}

.widget.umUser .divlist.weixin span:hover i {
    color: #fff;
}

.widget.umUser .divlist.tencent a:hover i {
    color: #fff;
}

.widget.umUser .divlist.qq a {
    border: solid 1px #1ea6e9;
}

.widget.umUser .divlist.weibo a {
    border: solid 1px #f78585;
}

.widget.umUser .divlist.weixin span {
    border: solid 1px #6bc30d;
    cursor: pointer
}

.widget.umUser .divlist.tencent a {
    border: solid 1px #00C5FF;
}

.widget.umUser .divlist.qq a:hover {
    background: #1ea6e9;
}

.widget.umUser .divlist.weibo a:hover {
    background: #f78585;
}

.widget.umUser .divlist.weixin span:hover {
    background: #6bc30d;
}

.widget.umUser .divlist.tencent a:hover {
    background: #00C5FF;
}

.widget.umUser .divlist.weixin span .ewmBx {
    position: absolute;
    width: 180px;
    height: 180px;
    max-width: none;
    min-height: auto;
    padding: 5px;
    background: #fff;
    box-shadow: 5px 0 15px rgba(0,0,0,.1);
    top: -160px;
    left: 50%;
    margin-left: -90px;
    opacity: 0;
    visibility: hidden;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.widget.umUser .divlist.weixin span:hover .ewmBx {
    opacity: 1;
    visibility: visible;
    top: -195px;
}

.widget.umUser .divlist.weixin span .ewmBx .dot {
    position: absolute;
    bottom: -13px;
    width: 26px;
    height: 26px;
    left: 50%;
    margin-left: -13px;
    font-size: 30px;
    color: #fff;
}

.widget.umUser .divlist.weixin span .ewmBx img {
    width: 100%;
    max-width: 100%;
}

.umQrcode p {
    text-align: center;
    padding: 10px 0;
    color: #666666;
    font-size: 12px;
}

.umQrcode img {
    max-width: 100%;
    margin: 0px auto;
    display: block;
}

.umQrcode.small img {
    max-width: 68%;
}

.umQrcode h4 {
    text-align: center;
    font-size: 16px;
    padding: 5px 0 10px 0;
}

.treeList {
    position: fixed;
    width: 100%;
    max-width: 300px;
    top: 53%;
    transform: translateY(-50%);
    right: -300px;
    box-shadow: 0 0px 15px rgba(0,0,0,0.08);
    z-index: 12;
    border: 1px var(--um-color) solid;
    padding: 15px;
    display: none;
    -moz-osx-font-smoothing: auto;
    -webkit-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    transition: right 0.3s ease;
}

.treeList.in {
    right: -1px;
}

.treeList .tree {
    position: relative;
    max-height: 480px;
    min-height: 62px;
}

.treeList li {
    font-weight: normal;
    line-height: 34px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0 10px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.treeList li:last-child {
    margin-bottom: 0;
}

.treeList li a {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #081018;
}

.treeList li:after,.treeList:after {
    content: '';
    position: absolute;
    background: var(--um-color);
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.treeList:after {
    opacity: .95;
    background: #fff;
}

.treeList li.active a {
    color: var(--um-color);
}

.treeList li.h2 {
    font-weight: 600;
}

.treeList li.h3 {
    font-weight: 500;
}

.treeList li.h4 {
    margin-left: 15px;
}

.treeList li.h5 {
    margin-left: 30px;
}

.treeList li.h6 {
    margin-left: 45px;
}

.treeList .treeBj {
    background: var(--um-color);
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: .08;
    display: none;
}

.treeList .treeBtn {
    position: absolute;
    width: 30px;
    padding: 10px 2px 10px;
    line-height: 15px;
    background: var(--um-color);
    color: #fff;
    text-align: center;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    height: 94px;
}

.treeList .treeBtn:after {
    content: "\ea5c";
    font-family: remixicon !important;
    font-size: 13px;
    font-style: normal;
    width: 14px;
    height: 14px;
    display: block;
    margin: 2px auto 0;
}

.treeList.in .treeBtn:after {
    content: "\ea68";
}

.reading .treeList {
    z-index: 10002;
}

.umZmt .post .umText .umInfo.rate {
    text-align: left;
    margin-bottom: 18px;
}

.umZmt .post .umText .umInfo [class*="star"] {
    font-size: 16px;
    margin-right: 0;
}

.umZmt .post .umText .umInfo [class*="star"]:before {
    content: "星级";
    margin-right: 3px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.umZmt .post .umText .umInfo [class*="star"] i {
    margin: 0;
    color: #D0D5DD;
    font-size: 12px;
}

.umZmt .post .umText .umInfo [class*="star"] i:before {
    content: "\f186";
    font-family: 'remixicon' !important;
}

.umZmt .post .umText .umInfo span.star1 i:nth-of-type(1) {
    color: #ffb402;
}

.umZmt .post .umText .umInfo span.star2 i:nth-of-type(-n+2) {
    color: #ffb402;
}

.umZmt .post .umText .umInfo span.star3 i:nth-of-type(-n+3) {
    color: #ffb402;
}

.umZmt .post .umText .umInfo span.star4 i:nth-of-type(-n+4) {
    color: #ffb402;
}

.umZmt .post .umText .umInfo span.star5 i {
    color: #ffb402;
}

.umZmt .post .umText .umInfo span.star0 i {
    color: #D0D5DD;
}

.umZmt .post .umText .umInfo span.star::before {
    content: "";
}

/*----------- 底部 -----------*/
.footer {
    width: 100%;
    margin: 0;
    clear: both;
    background: #042341;
    color: #82819C;
    font-size: 1.2rem;
    position: relative;
    z-index: 2;
}

.footer .umFooter {
    padding: 30px 0;
}

.footer a {
    color: #82819C;
}

.footer a:hover {
    color: #FFFFFF;
}

.footer .text {
    padding-top: 0px;
    line-height: 1.7;
}

.footer .text img {
    height: 16px;
    display: inline-block;
    vertical-align: -4px;
}

.footer .text i {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 3px;
}

.footer .text.textBy {
    padding-top: 0px;
}

.footer .umBy,.footer .zbBy {
    margin: 0 5px 0 0
}

.footer .umThemeBy .umBy,.footer .umThemeBy .umtheme {
    display: none;
}

.footer .ftNav {
    padding: 5px 0 15px;
    opacity: 1;
}

.footer .ftNav a {
    display: inline-block;
    padding: 0 15px 0 0;
    position: relative;
}

.footer .ftNav a:after {
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    left: 0px;
    top: 3px;
    background: #82819C;
    opacity: .3;
}

.footer .ftNav a:first-child:after {
    display: none;
}

.footer .umFooter .iconOn {
    display: flex;
    padding: 20px 0;
}

.footer .umFooter .iconOn .item {
    width: 50%;
}

.footer .umFooter .iconOn .item:first-of-type {
    padding-right: 20px;
    text-align: right;
}

.footer .umFooter .iconOn .item:last-of-type {
    padding-left: 20px;
}

.footer .umFooter .iconOn .fotIcon {
    font-size: 0;
}

.footer .umFooter .iconOn .fotIcon a {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    color: #fff;
    margin: 0 0 8px 8px;
    background-color: #464646;
    position: relative;
}

.footer .umFooter .iconOn .fotIcon a:after {
    content: '';
    background: currentColor;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(-180deg,#ffffff26 30%,#fff0 100%);
}

.footer .umFooter .iconOn .fotIcon a span {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.footer .umFooter .iconOn .fotIcon a span:first-of-type {
    padding: 0 5px;
}

.footer .umFooter .iconOn .fotIcon a span:last-of-type {
    padding: 0 5px;
}

.footer .umFooter .logo {
    font-size: 0;
    margin: 0px 0 10px 0;
    height: 30px;
}

.footer .umFooter .logo img {
    height: 100%;
    filter: grayscale(100%);
}

/*底部链接*/
.link {
    padding: 0 0 .8rem;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.link ul {
    padding-right: 30px;
    display: inline-block;
}

.link ul li {
    display: inline-block;
}

.link ul li.h {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
}

.link ul li a {
    margin: .5rem 1rem .5rem 0;
    color: #82819C;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link ul li a:hover {
    color: #FFFFFF;
}

/*底部浮动菜单*/
.phoneNav {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    height: 52px;
    display: none;
    background: #fff;
    box-shadow: 0 -3px 10px rgba(0,0,0,.05);
    z-index: 5;
}

.phoneNav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-align-content: flex-start;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-lines: single;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    font-size: 0;
    padding: 0px
}

.phoneNav li {
    width: 100%;
    line-height: 52px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    padding: 0 5px;
    text-align: center;
}

.phoneNav li a {
    display: block;
    cursor: pointer;
}

.phoneNav li:before {
    content: '';
    display: block;
    background-color: #f5f5f8;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 1px;
    height: 20px;
}

.phoneNav li:last-child:before {
    display: none;
}

.phoneNav > ul > li > ul {
    position: absolute;
    min-width: max-content;
    bottom: 52px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    background: #fff;
    box-shadow: 0 0px 5px rgba(0,0,0,.15);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    transform-origin: bottom center 0;
}

.phoneNav > ul > li > ul li {
    line-height: 48px;
    display: block;
    padding: 0 10px;
    min-width: 100px;
    border-bottom: 1px solid #f5f5f8;
}

.phoneNav > ul > li > a i {
    font-size: 14px;
    margin-left: 2px;
    width: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.phoneNav > ul > li.cur > a i {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.phoneNav > ul > li.cur > ul {
    transform: translateX(-50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.heightNav {
    width: 100%;
    height: 52px;
    display: none;
}

.gotop {
    width: 36px;
    height: 36px;
    border-radius: 0rem;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    background-color: #484848;
    position: fixed;
    right: 10px;
    bottom: 90px;
    display: none;
    border-radius: 3px;
    z-index: 2;
}

.gotop i {
    font-size: 18px;
    display: block;
}

.gotop:hover {
    color: #fff;
    background-color: var(--um-color);
    opacity: 1;
}

.page404 {
    text-align: center;
    padding: 160px 0;
    line-height: 1.4;
    color: #a8a8a8;
}

.page404.list {
    padding: 50px 0 80px;
}

.page404 h2 {
    font-size: 50px;
    font-weight: bold;
}

.page404 p {
    font-size: 16px;
    opacity: .9;
}

.page404 img {
    max-width: 300px;
    margin-bottom: 20px;
}

.single.p404 .pageBox {
    min-height: calc(100vh - 290px);
}

.single.p404 .title, .single.p404 .subTit:before {
    display: none;
}

.single.p404 .umPost .umTops {
    margin-top: -10px;
}

.umJumpUrl .ti-link {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.umJumpUrl img {
    max-width: 100%;
}

.umJumpUrl a {
    color: #333;
    vertical-align: baseline;
    text-decoration: none;
    font-size: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin: 0;
    padding: 0;
}

.umJumpUrl {
    min-height: 100vh;
    background-color: #eff0f2;
    color: #666;
}

.umJumpUrl body {
    background-color: #eff0f2;
    padding-top: 0;
}

.umJumpUrl .box {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    background-color: rgba(255,255,255,1);
    padding: 30px;
    border-radius: 6px;
    box-shadow: 0 15px 25px rgba(0,0,0,.02);
}

.umJumpUrl .jumpText {
    font-size: 16px;
    line-height: 1.8;
}

.umJumpUrl .jumpText p {
    margin-bottom: 10px;
}

.umJumpUrl .jumpText h2,.umJumpUrl .jumpText h3,.umJumpUrl .jumpText h4,.umJumpUrl .jumpText h5 {
    color: #333;
    margin-bottom: 5px;
    font-weight: 600;
}

.umJumpUrl .jumpText h2 {
    font-size: 22px;
}

.umJumpUrl .jumpText h3 {
    font-size: 20px;
}

.umJumpUrl .jumpText h4 {
    font-size: 18px;
}

.umJumpUrl .jumpText h4 {
    font-size: 16px;
}

.umJumpUrl .warp {
    padding: 6% 20px;
}

.umJumpUrl .btnBox {
    border-top: 1px solid rgba(0,0,0,0);
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    margin: 15px 0 6px;
}

.umJumpUrl .btnBox a.btn {
    width: 110px;
    height: 38px;
    line-height: 36px;
    display: inline-block;
    background: #333;
    color: #fff;
    margin: 0 10px;
    border-radius: 50px;
    border: 1px solid #333;
}

.umJumpUrl .btnBox a.btn.goHome {
    background: #fff;
    color: #333;
}

.umJumpUrl .umUrl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    margin: 20px auto 0;
    padding: 10px;
    border-radius: 4px;
    background: #f7f8f9;
    border: 1px solid rgba(0,0,0,.01);
    color: #0d93d5;
}

.umJumpUrl .umUrl .umUrlicon {
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 37px;
    background: #b9c6db;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.umJumpUrl .umUrl .umUrlicon i {
    color: #fff;
    font-size: 24px;
}

.umJumpUrl .umUrl .umUrltxt {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.umJumpUrl .umTime {
    color: #a8a8a8;
    font-size: 12px;
}

.umJumpUrl .umTime span {
    color: #f33;
}

#nocmtip a {
    color: var(--um-color);
}

.special .main {
    margin: 20px 0;
}

.special .umWarp .umMainBox {
    padding-right: 0;
    float: none;
}

.special .umWarp.sbarWarp .umMainBox {
    width: 100%;
    float: right;
    padding-left: 160px;
    padding-right: 0;
}

.special .umWarp.sbarWarp .sidebar {
    float: left;
    margin-right: -140px;
    margin-left: 0;
    width: 140px;
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 0px;
}

.special .widget {
    padding: 0;
    overflow: hidden;
}

.special .umWarp .sidebar li {
    height: auto;
    line-height: inherit;
}

.special .umWarp .sidebar li a {
    width: 100%;
    font-weight: normal;
    height: 56px;
    line-height: 56px;
    background: #fff;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-bottom: 1px solid #f4f6f8;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
}

.special .umWarp .sidebar li a:hover {
    color: #F14790;
}

.special .umWarp .sidebar ul li.active > a {
    background: #F14790;
    background: linear-gradient(250deg, #F14790, #fe890d);
    color: #fff;
}

.special .umWarp ul.subHove {
    display: none;
}

.special .sidebar .widget.cateTitle li em {
    width: 40px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    cursor: pointer;
    opacity: .6;
    color: #fff;
    background: rgba(255,255,255,.1);
    z-index: 2;
}

.special .sidebar .widget.cateTitle li em:before {
    content: "\ea6e";
    font-family: 'remixicon';
    font-size: 14px;
}

.special .sidebar .widget.cateTitle li em.open:before {
    content: "\ea4e";
}

.special #article {
    display: flex;
    flex-wrap: wrap;
}

.special .umMainBox .umPost {
    background-color: transparent;
    padding: 0;
    overflow: inherit;
}

.special .umMainBox .umPost .umArrBox {
    margin: -10px -10px;
}

.special .umMainBox .umPost .umArrBox .post {
    margin: 10px;
    width: calc(100% / 3 - 20px);
    flex-basis: calc(100% / 3 - 20px);
    top: 0;
    padding: 20px 20px 48px;
    position: relative;
}

.special .umPost .umArrBox .post .pic {
    width: 100%;
    float: none;
}

.special .umPost .umArrBox .post .text {
    width: 100%;
    padding: 13px 0 0 0;
}

.special .umPost .umArrBox .post .text .tit {
    font-size: 16px;
}

.special .umPost .umArrBox .post .pic:after {
    padding-top: 60%;
}

.special .umPost .umArrBox .post:hover {
    background-color: rgba(255, 255, 255 ,1);
    box-shadow: 0 2px 0px rgba(0,0,0,.03);
    top: -5px;
}

.special .umMainBox .umPost .umArrBox .noArr {
    background-color: rgba(255, 255, 255 ,1);
    padding: 60px 40px 80px;
    text-align: center;
    margin: 10px;
    overflow: hidden;
    width: 100%;
}

.special .umMainBox .umPost .noArr img {
    max-width: 180px;
}

.special .umMainBox .umPost .noArr p {
    opacity: .4;
    font-size: 16px;
}

.special .umPost .umArrBox .post .umInfo {
    margin-top: 8px;
    -webkit-line-clamp: 3;
    max-height: 56px;
    line-height: 1.5;
}

.special .umPost .umArrBox .post .fot {
    position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px;
}

.special .umPost .umArrBox .post .fot span {
    font-size: 12px;
    color: #aaaaaa;
}

.special .umPost .umArrBox .post .fot span.date:before {
    content: "\f20f";
    font-family: remixicon !important;
    vertical-align: 0px;
    margin-right: 3px;
}

.special .umPost .umArrBox .post .fot span.num {
    float: right;
    margin-top: 0px;
}

.special .umPost .umArrBox .post .fot span.more a {
    height: 20px;
    line-height: 20px;
    padding: 0px;
    display: block;
    background-color: #fff;
    color: var(--um-color);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.special .umPost .umArrBox .post .fot span.more a:after {
    content: "\ea54";
    font-family: remixicon !important;
    vertical-align: middle;
    margin-left: 3px;
}

.special .umPost .umArrBox .post .fot i {
    color: var(--um-color);
    margin: 0 4px
}

.special .umPost .umArrBox .post .apps {
    font-size: 0;
    margin: 15px -4px 2px;
}

.special .umPost .umArrBox .post .apps li {
    width: calc(100% / 6 - 8px);
    margin: 0 4px;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
}

.special .umPost .umArrBox .post .apps li a {
    display: block;
    position: relative;
}

.special .umPost .umArrBox .post .apps li a:after {
    content: '';
    padding-top: 100%;
    display: block;
}

.special .umPost .umArrBox .post .apps li a img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.special #article [class*="ias-"] {
    width: calc(100% / 1 - 20px);
    flex-basis: calc(100% / 1 - 20px);
}

.special #article [class*="ias-"] a {
    margin: 0 auto;
}

.single.special .umMainBox .umPost {
    background: #fff;
    padding: 20px;
}

.single.special .umMainBox .umPost:last-of-type {
    margin-bottom: 0;
}

.single.special .umMainBox .umPost.specialHead {
    z-index: 2;
}

.single.special .umPostApp {
    padding: 0;
    display: flex;
    background-color: transparent;
    margin-bottom: 25px;
}

.single.special .umPostApp .imgBox {
    width: 100%;
    max-width: 450px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0;
}

.single.special .umPostApp .imgBox .img {
    position: relative;
    overflow: hidden;
    background-color: #e9eaf0;
    box-shadow: 0 20px 0 -10px rgba(51,51,75,.06), 0 40px 0 -20px rgba(51,51,75,.04), 0 60px 0 -30px rgba(51, 51, 75, 0.02)
}

.single.special .umPostApp .imgBox .img:after {
    content: '';
    padding-top: 60%;
    display: block;
}

.single.special .umPostApp .imgBox .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
    left: 0;
    top: 0;
}

.single.special .umPostApp .text {
    padding-left: 25px;
    width: 100%;
}

.single.special .umPostApp .tit {
    font-size: 22px;
}

.single.special .umPostApp .umDes {
    padding: 15px 50px;
    background: #f8f8f9;
    margin: 10px 0 20px 0;
    font-size: 14px;
    position: relative;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
    text-justify: distribute-all-lines;
    -webkit-text-align-last: justify;
    -webkit-box-orient: inherit;
}

.single.special .umPostApp .umDes i {
    position: absolute;
    font-size: 24px;
    opacity: .1;
}

.single.special .umPostApp i.ri-double-quotes-l {
    top: 8px;
    left: 15px;
}

.single.special .umPostApp i.ri-double-quotes-r {
    bottom: 4px;
    right: 15px;
}

.single.special .umPostApp .umTags {
    padding-top: 0;
}

.single.special .umPostApp .postTitle .titBox {
    display: flex;
    justify-content: space-between;
}

.single.special .umPostApp .postTitle .titBox h1 {
    display: inline-block;
    margin: 0;
    padding: 0 30px 0 0
}

.single.special .umPostApp .postTitle .num {
    position: relative;
    top: 2px;
    color: #aaa;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.single.special .umPostApp .postTitle .num i {
    font-size: 20px;
    font-weight: bold;
    color: var(--um-color);
    margin: 0 4px;
}

.single.special .postTitle .fot {
    margin: 8px 0 0;
}

.special .umMainBox .umPost .umArrBox.umPostApp {
    margin: 0;
    display: block;
}

.special .umMainBox .umPost .umArrBox.umPostApp ul {
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
}

.special .umMainBox .umPost li {
    width: calc(100% / 3 - 20px);
    margin: 10px;
    padding: 20px;
    background: #f8f8f9;
    border-radius: 5px;
}

.special .umMainBox .umPost li .head {
    display: flex;
}

.special .umMainBox .umPost li .umPic {
    width: 72px;
    max-height: 72px;
    flex-basis: 72px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.special .umMainBox .umPost li .img {
    border-radius: 15px;
    overflow: hidden;
}

.special .umMainBox .umPost li .umPic a {
    font-size: 0;
    position: relative;
    display: block;
    min-height: auto;
}

.special .umMainBox .umPost li .umPic a:after {
    content: '';
    padding-top: 100%;
    display: block;
}

.special .umMainBox .umPost li .umPic a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    ;}

.special .umMainBox .umPost li .umText {
    padding-left: 15px;
    width: 100%;
}

.special .umMainBox .umPost li .umText .tit {
    font-size: 16px;
}

.special .umMainBox .umPost li .umText .tit,.special .umMainBox .umPost li .des {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 45px;
}

.special .umMainBox .umPost li .umText .umInfo {
    font-size: 12px;
    color: #aaa;
    margin-top: 10px;
}

.special .umMainBox .umPost li .umText .umInfo span a {
    color: #aaa;
}

.special .umMainBox .umPost li .umText .umInfo span a:hover {
    color: var(--um-color);
}

.special .umMainBox .umPost li .umText .umInfo span {
    display: inline-block;
    width: auto;
    margin-right: 15px;
}

.special .umMainBox .umPost li .umText .umInfo [class*="star"] {
    width: 100%;
    margin-right: 0;
}

.special .umPostApp .rate [class*="star"]:before {
    content: "星级：";
    margin-right: -2px;
    opacity: 1;
}

.special .umMainBox .umPost li .des {
    margin-top: 20px;
    font-size: 12px;
    opacity: .5;
    line-height: 1.7;
    -webkit-line-clamp: 4;
    max-height: 80px;
}

.umPost .zhibo {
    padding: 0;
    margin: 0;
}

.umPost .zhibo-list {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid rgba(114,116,118,.1);
    border-bottom: none
}

.umPost .zhibo-list .zhibo-item {
    font-size: 14px;
    border-bottom: 1px solid rgba(114,116,118,.1);
}

.umPost .zhibo-list .zhibo-list-time {
    background: #f4f6f8;
    border-bottom: 1px solid rgba(114,116,118,.05);
}

.umPost .zhibo-head-title i,.umPost .zhibo-item .zhibo-listtime i {
    vertical-align: middle;
}

.umPost .zhibo-item .zhibo-listtime i {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    display: inline-block;
}

.umPost .zhibo-item .zhibo-listtime i.ri-football-fill {
    background-image: url(../images/football.png);
}

.umPost .zhibo-item .zhibo-listtime i.ri-basketball-fill {
    background-image: url(../images/basketball.png);
}

.umPost .zhibo-item .zhibo-listbtn i {
    vertical-align: middle;
}

.umPost .zhibo-item .zhibo-listtime span {
    font-weight: bold;
}

.umPost.zb {
    margin: 20px 0 0 0;
}

.umShare.zb {
    margin-bottom: 15px;
}

.umPost .zhibo-item .zhibo-listtitle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.umSpecia .title {
    display: flex;
    justify-content: space-between;
}

.umSpecia .umZtSwiper {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.umSpecia .umZtSwiper:after {
    content: '';
    display: block;
}

.umSpecia .umZtSwiper.swiper-container.swiper-container-horizontal {
    display: block;
    visibility: inherit;
    opacity: 1;
}

.umSpecia .umTabeCon {
    padding: 0;
    margin-top: 20px;
    min-height: auto;
    background: none;
}

.umSpecia .umTabeCon .tabCon {
    display: none;
}

.umSpecia .umTabeCon .tabCon .pic {
    position: relative;
    overflow: hidden;
}

.umSpecia .umTabeCon .tabCon .pic a,.umSpecia .umTabeCon .tabCon .pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    object-fit: cover;
}

.umSpecia .umTabeCon .tabCon .pic:after {
    content: '';
    padding-top: 60%;
    display: block;
}

.warp .umSpecia .umNewTabs {
    width: auto;
    margin: 0;
    float: none;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: 12px;
}

.warp .umSpecia .umTabe li {
    width: auto;
    height: 34px;
    line-height: 33px;
    padding: 0 8px;
    overflow: hidden;
    transform: skewX(-7deg) translateX(0px) translateZ(0);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    /* border-radius: 5px; */
    margin-left: 4px;
}

.warp .umSpecia .umTabe li:first-of-type {
    margin-left: 0;
}

.warp .umSpecia .umTabe {
    padding: 0 2px;
}

.warp .umSpecia .umTabe li.active {
    background: #1a73e8
}

.warp .umSpecia .umTabe li a:hover,.warp .umSpecia .umTabe li.active a {
    color: #fff;
}

.warp .umSpecia .umTabe li span {
    transform: skewX(7deg) translateY(1px) translateZ(0);
    display: block;
    font-size: 14px;
}

.umSpecia .umTabeCon .tabCon .text {
    margin-top: 0px;
    font-size: 14px;
}

.umSpecia .umTabeCon .tabCon .text h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.umSpecia .umTabeCon .tabCon .text .fot {
    font-size: 12px;
    color: #aaaaaa;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.umSpecia .umTabeCon .tabCon .text .num {
    float: right;
}

.umSpecia .umTabeCon .tabCon .text .num i {
    margin: 0 4px;
    color: var(--um-color);
}

.umSpecia .umTabeCon .tabCon .text .date:before {
    margin-right: 4px;
    vertical-align: 0px;
}

.umSpecia .umTabeCon .tabCon .umInfo {
    font-size: 11px;
    opacity: .4;
    margin-top: 5px;
}

.umSpecia .swiper-slide {
    height: auto;
}

.umSpecia .swiper-slide .item {
    height: 100%;
    padding-bottom: 26px;
}

.umSpecia .bnPage {
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-120%);
    line-height: 30px;
    cursor: pointer;
    z-index: 3;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 100px;
    background: var(--um-color);
    margin-top: -2%;
    color: #fff;
}

.umSpecia .bnPage.ztNext {
    right: 0;
}

.umSpecia .bnPage.ztPrev {
    left: 0;
}

.umPost.umTit {
    background-color: transparent;
    padding: 0;
}

.umPost.umTit .umTitBox {
    display: flex;
    margin: -10px;
    flex-wrap: wrap;
}

.umPost.umTit .umTitBox .umTitItem {
    width: calc(100% / 2 - 20px);
    margin: 10px;
    padding: 24px;
    background: #fff;
    display: inline-block;
}

.umPost.umTit .umTitBox ul {
    padding-top: 10px;
}

.umPost.umTit .umTitBox li {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    padding-left: 15px;
    padding-right: 80px;
}

.umPost.umTit .umTitBox li em {
    color: #9ca0ad;
    font-size: 12px;
    position: absolute;
    right: 0;
}

.umPost.umTit .umTitBox li::before {
    content: "\ea6e";
    font-family: 'remixicon';
    position: absolute;
    left: -2px;
    top: 0px;
    color: #9ca0ad;
    font-size: 12px;
}

body.index.umPic.gap .umPost.umTit .umTitBox .umTitItem {
    padding: 0px;
}

body.index.umPic.gap.opaque .umPost.umTit .umTitBox .umTitItem {
    background-color: rgba(255,255,255,0);
}

.umPost.subcate {
    padding-top: 19px;
    padding-bottom: 19px;
    position: relative;
}

.umPost.subcate ul {
    font-size: 0;
}

.umPost.subcate .filter span {
    padding: 0px 8px 0 25px;
    border-radius: 3px;
    font-size: 14px;
    background-color: rgba(233, 234, 240 ,.3);
    display: block;
    position: relative;
    border: 1px solid rgba(233, 234, 240 ,.6);
}

.umPost.subcate .filter span i {
    position: absolute;
    left: 8px;
    top: -1px;
}

.umPost.subcate li {
    height: 30px;
    line-height: 28px;
    display: inline-block;
    margin: 5px 10px 5px 0;
    border-radius: 3px;
    overflow: hidden;
}

.umPost.subcate li a {
    background-color: rgba(233, 234, 240 ,.6);
    padding: 0 8px;
    display: block;
    font-size: 14px;
    border: 1px solid rgba(233, 234, 240 ,0);
}

.umPost.subcate li.active a {
    color: #fff;
    background-color: var(--um-color);
    font-weight: 600;
    border: 1px solid var(--um-color);
}

.umFalls .umPost.subcate {
    margin: 20px 0 15px 0;
}

.umArtPost .swiperPicBox {
    position: relative;
    font-size: 0;
    margin-bottom: 30px;
}

.umArtPost .largePic,.umArtPost .thumbsPic {
    position: relative;
}

.umArtPost .largePic {
    background-color: rgba(0,0,0,0.96);
    overflow: hidden;
}

.umArtPost .artLarge .swiper-slide {
    text-align: center;
}

.umArtPost .thumbsPic {
    width: 100%;
    max-width: calc(100% - 2px);
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 0px;
    z-index: 1;
    padding: 6px 0;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.umArtPost .artThumbs {
    width: 100%;
    max-width: calc(100% - 8px);
}

.umRadius .umArtPost .artThumbs {
    border-radius: 0px;
}

.umArtPost .artThumbs .swiper-slide {
    width: 12.50%;
}

.umArtPost .artThumbs .swiper-slide .item,.umArtPost .largePic .item {
    position: relative;
    cursor: pointer;
}

.umArtPost .artThumbs .swiper-slide .item {
    margin: 0 1px;
}

.umArtPost .artThumbs .swiper-slide .item:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid rgba(0,0,0,0);
    z-index: 1;
}

.umArtPost .artThumbs .swiper-slide.active-nav .item:before {
    border: 2px solid var(--um-color);
}

.umArtPost .artThumbs .swiper-slide .item:after,.umArtPost .largePic .item:after {
    content: '';
    display: block;
    padding-top: 60%;
}

.umArtPost .largePic .item:after {
    padding-top: 64%
}

.umArtPost .artThumbs .swiper-slide img,.umArtPost .largePic .swiper-slide img,.umArtPost .largePic .swiper-slide video {
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    object-fit: cover;
    position: absolute;
}

.umArtPost .largePic .swiper-slide img,.umArtPost .largePic .swiper-slide video {
    width: auto;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.umArtPost .largePic .prev,.umArtPost .largePic .next {
    width: 42px;
    height: 42px;
    line-height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -38px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    background: rgba(0,0,0,.2);
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.umArtPost .largePic:hover .prev,.umArtPost .largePic:hover .next {
    opacity: 1;
}

.umArtPost .largePic .prev:hover,.umArtPost .largePic .next:hover {
    background: var(--um-color);
}

.umArtPost .largePic .prev {
    left: 10px;
}

.umArtPost .largePic .next {
    right: 10px;
}

.umArtPost .largePic .prev:after,.umArtPost .largePic .next:after {
    font-family: remixicon;
    font-size: 18px;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
}

.umArtPost .largePic .prev:after {
    content: "\f494";
}

.umArtPost .largePic .next:after {
    content: "\f496";
}

.umArtPost .playBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.umArtPost .playBtn.play {
    background: rgba(0,0,0,.4);
}

.umArtPost .playBtn i,.umArtPost i.ri-play-mini-fill {
    width: 56px;
    height: 56px;
    line-height: 56px;
    left: 50%;
    top: 50%;
    margin-top: -18px;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    background: rgba(0,0,0,.8);
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.umArtPost .playBtn.play i {
    opacity: 1;
}

.umArtPost .playBtn i:before,.umArtPost i.ri-play-mini-fill:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    cursor: pointer;
}

.umArtPost i.ri-play-mini-fill {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 0px;
    opacity: 1;
}

.umArtPost i.ri-play-mini-fill:before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #fff;
}

.umPost .umTops {
    display: block;
    font-size: 0;
    margin: 0 -10px;
}

.umPost .umTops .umTopsItem {
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    padding: 20px 20px 10px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
}

.umPost .umTops .umTopsItem .umAppTops li {
    padding-left: 35px;
}

.umPost .umTops .umTopsItem .umAppTops li.nolist {
    text-align: center;
    opacity: .3;
    padding-left: 0;
}

.umPost .umTops .umTopsItem .umAppTops li.nolist::before {
    display: none;
}

.umPost .umTops .umTopsItem .subTit {
    text-align: center;
    padding-bottom: 6px;
}

.umPost .umTops .umTopsItem .subTit h3 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding: 0 28px;
    color: #ff3a3a;
}

.umPost .umTops .umTopsItem .subTit h3 i {
    position: absolute;
    left: 18px;
}

.umPost .umTops .umTopsItem .subTit h3:after,.umPost .umTops .umTopsItem .subTit h3:before, .umPost .umTops .umTopsItem .subTit h3 i:after,.umPost .umTops .umTopsItem .subTit h3 i:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #ff3a3a;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    right: 6px;
    top: 8px;
    opacity: 1;
    border-radius: 2px;
}

.umPost .umTops .umTopsItem .subTit h3:after,.umPost .umTops .umTopsItem .subTit h3 i:after {
    width: 12px;
    height: 12px;
    right: -1px;
    top: 7px;
    background-color: #ffaf68;
    border: 2px #fff4f4 solid;
}

.umPost .umTops .umTopsItem .subTit h3 i:before {
    right: 1px;
}

.umPost .umTops .umTopsItem .subTit h3 i:after {
    right: 6px;
}

.umPost .umTops .umTopsItem:nth-child(1) {
    background: linear-gradient(180deg, #ff3a3a0f 0%, rgba(255,255,255,0) 80%);
}

.umPost .umTops .umTopsItem:nth-child(2) {
    background: linear-gradient(180deg, #3aa3ff1c 0%, rgba(255,255,255,0) 80%);
}

.umPost .umTops .umTopsItem:nth-child(2) .subTit h3 {
    color: #4896fa;
}

.umPost .umTops .umTopsItem:nth-child(2) .subTit h3:after,.umPost .umTops .umTopsItem:nth-child(2) .subTit h3:before, .umPost .umTops .umTopsItem:nth-child(2) .subTit h3 i:after,.umPost .umTops .umTopsItem:nth-child(2) .subTit h3 i:before {
    background-color: #4896fa;
}

.umPost .umTops .umTopsItem:nth-child(2) .subTit h3:after,.umPost .umTops .umTopsItem:nth-child(2) .subTit h3 i:after {
    background-color: #58d0ff;
    border: 2px #f0f8ff solid;
}

.umPost .umTops .umTopsItem:nth-child(3) {
    background: linear-gradient(180deg, #6e3aff0f 0%, rgba(255,255,255,0) 80%);
}

.umPost .umTops .umTopsItem:nth-child(3) .subTit h3 {
    color: #b248fa;
}

.umPost .umTops .umTopsItem:nth-child(3) .subTit h3:after,.umPost .umTops .umTopsItem:nth-child(3) .subTit h3:before, .umPost .umTops .umTopsItem:nth-child(3) .subTit h3 i:after,.umPost .umTops .umTopsItem:nth-child(3) .subTit h3 i:before {
    background-color: #b248fa;
}

.umPost .umTops .umTopsItem:nth-child(3) .subTit h3:after,.umPost .umTops .umTopsItem:nth-child(3) .subTit h3 i:after {
    background-color: #e191ff;
    border: 2px #f7f4ff solid;
}

/*响应适配*/
@media screen and (max-width: calc(1380px + 40px)) {
    .container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1366px) {
    .container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1200px) {
    .umMainBox {
        padding-right: 305px;
    }

    .sidebar {
        margin-left: -280px;
        width: 280px;
    }

    .umPostApp .box .img {
        width: 320px;
    }

    .single .umPicSwiper .swiper-slide,.single .umPicSwiper .swiper-slide .item img {
        height: 260px;
    }
}

@media screen and (max-width: 1120px) {
    .umMainBox {
        padding-right: 300px;
    }

    .header .navBar li a {
        padding: 0 6px;
    }

    .shopBtn a {
        margin: 7px 10px 7px 0;
        min-width: 100px
    }

    .single .umDes {
        margin-bottom: 10px;
        -webkit-line-clamp: 3;
    }

    .umPostApp.umArtApp .shopBtn {
        padding-top: 5px;
    }

    .umPostApp .box .img {
        width: 280px;
    }

    .umNewBox {
        padding: 0 240px 0 360px;
    }

    .warp .umNewTabs {
        width: 240px;
        margin-left: -240px;
    }

    .umPostApp .box .img {
        width: 100%;
    }

    .umPostApp .box .text {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
        display: inline-block;
    }

    .umPostApp.umArtApp .box .text {
        width: auto;
        padding-left: 20px;
        padding-right: 0;
        margin-top: 0px;
        display: block;
    }

    .umNewBox .umNew {
        padding: 0 25px;
    }

    .umPost .umApp .umAppArr li {
        width: calc(100% / 6 - 20px);
    }

    .umPost .umApp .umAppArr li:nth-of-type(n+19) {
        display: none;
    }

    .umMainBox .umPost .umArrBox .post {
        width: calc(100% / 2 - 15px);
        margin-top: 5px;
    }

    .umMainBox .umPost .umArrBox .post:nth-child(-n + 2) {
        margin-top: 0;
    }

    .umMainBox .umPost .umArrBox .post:nth-child(3),.umMainBox .umPost .umArrBox .post:nth-child(4) {
        margin-top: 5px;
    }

    .special .umMainBox .umPost .umArrBox .post {
        margin: 10px;
    }

    .umPost .umArrBox .post {
        margin-top: 5px;
    }

    .umPost .umArrBox .post:nth-child(-n+4) {
        margin-top: 0px;
    }

    .umArtTops .swiper-slide .pic {
        max-width: 58px;
    }

    .umTops .umAppTops li.on:before {
        height: 60px;
        line-height: 68px;
    }

    .umTops .umAppTops li .pic {
        width: 60px;
        height: 60px;
        border-radius: 13px;
    }

    .umTops .umAppTops li.on .text {
        margin-top: 5px;
    }
}

@media screen and (max-width: 1024px) {
    .umPost .umArrBox .post {
        width: calc(100% / 3 - 15px);
    }

    .umNewArr .post {
        width: calc(100% / 2 - 30px);
    }

    .umPost .umArrBox .post:nth-child(-n+3) {
        margin-top: 0px;
    }

    .umPost .umArrBox .post:nth-child(4) {
        margin-top: 5px;
    }

    .tab-content li.noArr img {
        max-width: 150px;
    }

    .tab-content li.noArr p {
        font-size: 14px;
    }

    .header .navBar li a {
        font-size: 15px;
    }

    .umArtTops .swiper-slide .pic {
        max-width: 60px;
    }
}

@media screen and (max-width: 990px) {
    .umNewBox {
        padding: 0 0px 0 360px;
    }

    .umNewBox .umNew {
        padding-right: 0;
    }

    .warp .umNewTabs {
        width: 100%;
        margin-left: 0px;
        clear: both;
        margin-top: 24px;
    }

    .warp .umSpecia .umNewTabs {
        width: auto;
        margin: 0;
    }

    .umTabeCon {
        min-height: auto;
    }

    .umMulti .umNewBox .umNewTabs {
        margin-top: 0px;
        padding-right: 0;
    }

    .umTops .sidebar {
        width: 200px;
        margin-right: -200px;
    }

    .umTops .umMainBox {
        padding-left: 225px;
    }

    .warp .umWarp.umTops .umTopNav li h2 {
        text-align: left;
        padding: 0 56px 0 20px;
    }

    .header .btn {
        width: 38px;
    }

    .header .btn.mNavBtn {
        margin-right: -10px;
        margin-left: 1px;
    }

    .umUser {
        margin: 0 0 0 4px;
    }
}

@media screen and (max-width: 960px) {
    .umZmt .umBox .post .umText .tit {
        margin-top: 2px;
    }

    .umZmt .umBox .post.big .umText .tit {
        margin-top: 0px;
    }

    .umZmt .post .umPic {
        width: 170px;
    }

    .umZmt.app .post .umPic {
        width: 130px;
    }

    .umZmt .post.big .umPic {
        width: 100%;
    }

    .single .umBody .rslist li,.single .umBody .rslist li.top {
        width: 33.333%;
    }

    .single.special .umPostApp .imgBox {
        max-width: 400px;
    }

    .single .umPicSwiper .swiper-slide,.single .umPicSwiper .swiper-slide .item img {
        height: 240px;
    }

    .tags .umPost.tagsBox li {
        width: calc(100% / 5 - 20px);
    }

    .umArtTops .swiper-slide .pic {
        max-width: 55px;
    }

    .header .navBar li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 900px) {
    .search {
        margin-left: -250px;
    }

    .mNavBtn {
        display: block;
        margin-right: -15px;
        padding-left: 15px;
    }

    .leftNav.mOpen .mNavBtn {
        display: block;
    }

    .header .navBar {
        display: none;
    }

    .header .navBar li a {
        padding: 0 5px;
    }

    .umUser .userPic img {
        display: none;
    }

    .umUser .userPic i.userAvatar {
        display: block;
    }

    .umMainBox {
        padding-right: 0;
    }

    .sidebar {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        display: none;
    }

    .sidebar.phone {
        display: block;
    }

    .umPost .umApp {
        width: 100%;
        padding: 0;
    }

    .umPost .umSidebar {
        width: 100%;
        margin-left: 0;
        margin-top: 24px;
    }

    .umPost .umApp .umAppArr li {
        width: calc(100% / 8 - 20px);
    }

    .umPost .umApp .umAppArr li:nth-of-type(n+19) {
        display: inline-block;
    }

    .umPost .umArrBox .post {
        width: calc(100% / 2 - 15px);
    }

    .umPost .umArrBox .post:nth-child(-n+2) {
        margin-top: 0px;
    }

    .umPost .umArrBox .post:nth-child(3) {
        margin-top: 5px;
    }

    .umTops .sidebar {
        width: 180px;
        margin-right: -180px;
        display: block;
        margin-top: 0;
    }

    .umTops .umMainBox {
        padding-left: 200px;
    }

    .tab-content li {
        padding: 20px 20px 20px 78px;
    }

    .tab-content li .pic {
        width: 100px;
    }

    .tab-content li .text {
        padding-left: 5px;
    }

    .tab-content li .text .umInfo {
        margin-top: 6px;
    }

    .tab-content li .text .tit {
        font-size: 18px;
    }

    .tab-content li .num {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 30px;
    }

    .tab-content li .num.top1, .tab-content li .num.top2, .tab-content li .num.top3 {
        background-size: 50px;
        font-size: 24px;
        line-height: 53px;
    }

    .warp .umWarp.umTops .umTopNav li,.special .umWarp .sidebar li a {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }

    .warp .umWarp.umTops .umTopNav li h2 {
        padding: 0 50px 0 15px;
    }

    .warp .umWarp.umTops .umTopNav li.subBtn em {
        width: 45px;
        height: 50px;
        line-height: 51px;
    }

    .warp .umWarp.umTops .umTopNav li.subBtn em:before {
        font-size: 12px;
    }

    .special .umMainBox .umPost .umArrBox .post {
        width: calc(100% / 2 - 20px);
        flex-basis: calc(100% / 2 - 20px);
    }

    .single.special .umPostApp .imgBox {
        max-width: 360px;
    }

    .special .umMainBox .umPost li {
        width: calc(100% / 2 - 20px);
    }
}

@media screen and (max-width: 840px) {
    .single.special .umPostApp .imgBox {
        max-width: 320px;
    }

    .single .postTitle .fot li.col {
        width: calc(100% / 1 - 40px);
    }

    .single .postTitle .fot li.col span {
        display: inline;
    }

    .umPost .umTops .umTopsItem {
        width: calc(100% / 1 - 20px);
        margin-bottom: 20px;
    }

    .umPost .umTops .umTopsItem:last-of-type {
        margin-bottom: 0;
    }

    .tags .umPost.tagsBox li {
        width: calc(100% / 4 - 20px);
    }
}

@media screen and (max-width: 768px) {
    .single .postTitle .tit {
        font-size: 24px;
        line-height: 1.5;
    }

    .umPostApp.umArtApp .box .imgBox {
        width: 120px;
    }

    .umArtTops .swiper-slide .pic {
        border-radius: 13px;
    }

    .umNewBox {
        padding: 0;
    }

    .umBanner {
        width: 100%;
        margin-right: 0px;
    }

    .umNewBox .umNew {
        padding: 0;
        margin-top: 18px;
        height: auto;
    }

    .umPost .umApp .umAppArr li {
        width: calc(100% / 6 - 20px);
    }

    .umNewArr {
        margin-right: 0;
    }

    .umNewArr .post {
        width: 100%;
        margin-right: 0;
    }

    .umNewArr .post .text .umInfo {
        height: 36px;
    }

    .umPost .umArrPic li {
        width: calc(100% / 2 - 20px);
    }

    .umPostApp.umArtApp .box .img {
        border-radius: 24px;
    }

    .umMulti .umNewBox .umNewTabs {
        margin-top: 25px;
        padding-right: 0;
        padding-left: 0;
    }

    .tab-content li .text .tit {
        -webkit-line-clamp: 1;
        font-size: 14px;
    }

    .tab-content li .text .umInfo {
        font-size: 12px;
    }

    .tab-content li .pic {
        width: 80px;
    }

    .tab-content li.noArr img {
        max-width: 120px;
    }

    .tab-content li.noArr p {
        font-size: 14px;
    }

    .special .umWarp.sbarWarp .sidebar {
        width: 120px;
        margin-right: -120px;
    }

    .special .umWarp.sbarWarp .umMainBox {
        padding-left: 140px;
    }

    .single.special .umPostApp {
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .single.special .umPostApp .text {
        padding: 40px 0 0 0;
    }

    .single.special .umPostApp .imgBox {
        max-width: 100%;
    }

    .special .umMainBox .umPost li .umText .tit {
        font-size: 14px;
    }

    .special .umMainBox .umPost li .umPic {
        width: 68px;
        max-height: 68px;
        flex-basis: 68px;
    }

    .single.special .umPostApp .tit {
        font-size: 20px;
    }

    .single.special .umPostApp .postTitle .num {
        top: 0;
    }

    .single .appPost .post {
        margin-top: 15px;
    }

    .single .postTitle .fot ul {
        margin: 0 -10px;
    }

    .single .postTitle .fot li {
        width: calc(100% / 2 - 20px);
        margin: 2px 10px;
    }

    .single .postTitle .fot li.col {
        width: calc(100% / 1 - 20px);
    }

    .umSpecia .umTabeCon .tabCon .text {
        margin-top: 10px;
    }

    .umPost.umTit .umTitBox .umTitItem {
        width: calc(100% / 1 - 20px);
    }

    .single .umPicSwiper .swiper-slide,.single .umPicSwiper .swiper-slide .item img {
        height: 220px;
    }

    .umArtPost .largePic .prev, .umArtPost .largePic .next {
        width: 36px;
        height: 36px;
        line-height: 34px;
        margin-top: -28px;
    }

    .umArtPost .largePic .prev:after, .umArtPost .largePic .next:after {
        font-size: 16px;
    }

    .umArtPost .playBtn i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        left: 50%;
        top: 50%;
        margin-top: -9px;
    }

    .umArtPost .playBtn i:before {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 13px solid #fff;
    }

    .tags .umPost.tagsBox ul {
        margin: 0 -8px;
    }

    .tags .umPost.tagsBox li {
        width: calc(100% / 3 - 16px);
        margin: 8px;
    }
}

@media screen and (max-width: 640px) {
    .container {
        padding: 0 15px;
    }

    .search {
        width: 400px;
        margin-left: -200px;
    }

    .phoneNav,.heightNav {
        display: block;
    }

    .single .postTitle .tit {
        font-size: 22px;
    }

    .umZmt .post {
        margin-bottom: 15px;
    }

    .umZmt.main, .single .main {
        margin: 19px 0;
    }

    .single .umBody .rslist li,.single .umBody .rslist li.top {
        width: 50%;
    }

    .umPostApp.umArtApp .box .imgBox {
        width: 118px;
    }

    .umArtTops .swiper-slide .pic {
        border-radius: 12px;
        max-width: 60px;
    }

    .umPost .umApp .umAppArr li {
        width: calc(100% / 5 - 20px);
    }

    .umPost .umApp .umAppArr li:nth-of-type(n+21) {
        display: none;
    }

    .umPost .umArrBox .post {
        margin-top: 5px;
    }

    .umChart ul {
        margin-right: -20px;
    }

    .umChart li {
        font-size: 12px;
        width: calc(100% / 4 - 20px);
        margin: 0 20px 0px 0px;
    }

    .umChart li span {
        font-size: 30px;
    }

    .umPostApp.umArtApp .box .img {
        border-radius: 20px;
    }

    .single .umDown .umTitle {
        padding-left: 44px;
    }

    .single .umDown .umTit {
        font-size: 16px;
        line-height: 1.4;
    }

    .single .umDown .umFot {
        margin-top: 0px;
    }

    .single .umDown .umTitle::before {
        top: -14px;
        font-size: 40px;
    }

    .single .umDown.field .umTitle:before {
        top: -3px;
    }

    .page404 {
        min-height: auto;
    }

    .page404 h2 {
        font-size: 40px;
    }

    .page404 p {
        font-size: 14px;
    }

    .umTops .sidebar {
        width: 160px;
        margin-right: -160px;
        display: block;
        margin-top: 0;
    }

    .umTops .umMainBox {
        padding-left: 180px;
    }

    .tab-content li {
        padding: 20px 20px 20px 65px;
    }

    .tab-content li .pic {
        width: 75px;
    }

    .tab-content li .text {
        padding-left: 0;
    }

    .tab-content li .num {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 28px;
    }

    .tab-content li .num.top1, .tab-content li .num.top2, .tab-content li .num.top3 {
        background-size: 40px;
        font-size: 20px;
        line-height: 43px;
    }

    .warp .umWarp.umTops .umTopNav li h2 {
        padding: 0 40px 0 15px;
    }

    .warp .umWarp.umTops .umTopNav li.subBtn em {
        width: 40px;
    }

    .special .umMainBox .umPost .umArrBox.umPostApp ul {
        margin: -5px -10px;
    }

    .special .umMainBox .umPost li {
        width: calc(100% / 1 - 20px);
        margin: 5px 10px;
    }

    .single .umSp .umDes {
        margin-bottom: 10px;
        -webkit-line-clamp: 4;
    }

    .single .umArtApp .umDes {
        -webkit-line-clamp: 3;
    }

    .single .appPost .post .umPic {
        width: 80px;
    }

    .single .appPost .post .info {
        display: none;
    }

    .single .postTitle .fot li {
        width: auto;
    }

    .single .umPicSwiper .swiper-slide,.single .umPicSwiper .swiper-slide .item img {
        height: 200px;
    }

    .single .umPopBox .umDownTips {
        max-width: 90%;
        margin-left: -45%;
    }

    .umArtPost .artThumbs .swiper-slide {
        width: 16.7%;
    }

    .umArtPost .playBtn i {
        width: 46px;
        height: 46px;
        line-height: 46px;
        left: 50%;
        top: 50%;
        margin-top: -9px;
    }

    .tags .umPost.tagsBox li {
        width: calc(100% / 3 - 16px);
    }

    .page404.list {
        padding: 0px 0 40px;
    }
}

@media screen and (max-width: 580px) {
    .umArtBox article.post,.umPost .umArrBox .post {
        width: 100%!important;
        height: auto!important;
        position: static!important;
        opacity: 1!important;
    }

    .umPost .umArrBox {
        margin-right: 0;
    }

    .umArtBox .umWall {
        height: auto!important;
    }

    .umZmt .post .umText,.umZmt .post .umText .umInfo [class*="star"]::before {
        font-size: 13px;
    }

    .umZmt .post .umText .umInfo {
        height: 42px;
        margin-bottom: 10px;
    }

    .umZmt .post .umText .umInfo.rate {
        margin-bottom: 14px;
    }

    .umZmt .umBox .post .umText .tit {
        margin: 4px 0 8px;
    }

    .umZmt .post .umPic {
        width: 160px;
    }

    .umZmt.app .post .umPic {
        width: 125px;
    }

    .umPostApp.umArtApp {
        padding: 0px;
        background: #fff;
    }

    .umZmt.app .post.big .umPic {
        width: 100%;
    }

    .umPostApp.umArtApp .box .imgBox {
        width: 100px;
    }

    .umPost .umArrBox .post:nth-child(1),.umMainBox .umPost .umArrBox .post:nth-child(1) {
        margin-top: 0px;
    }

    .umPost .umArrBox .post:nth-child(2),.umPost .umArrBox .post:nth-child(3),.umPost .umArrBox .post:nth-child(4),.umMainBox .umPost.umArrBox .post:nth-child(2),.umMainBox .umPost .umArrBox .post:nth-child(3) {
        margin-top: 5px;
    }

    .umTops .sidebar {
        width: 130px;
        margin-right: -130px;
        display: block;
        margin-top: 0;
    }

    .umTops .umMainBox {
        padding-left: 145px;
    }

    .tab-content li {
        padding: 20px 20px 20px 65px;
    }

    .warp .umWarp.umTops .umTopNav li h2 {
        padding: 0 35px 0 15px;
    }

    .warp .umWarp.umTops .umTopNav li.subBtn em {
        width: 35px;
        text-indent: 5px;
    }

    .umZmt .post .umText .umInfo [class*="star"] {
        clear: both;
        display: block;
    }

    .umPostApp.umArtApp .rate [class*="star"] {
        font-size: 14px;
        margin: 0 -1px;
    }

    .umPostApp.umArtApp .rate [class*="star"]:before {
        transform: scale(.8);
        margin-right: 0;
    }

    .special .umMainBox .umPost .umArrBox .post {
        width: calc(100% / 1 - 20px);
        flex-basis: calc(100% / 1 - 20px);
        position: relative!important;
    }

    .special .umMainBox .umPost .umArrBox .post:nth-child(1) {
        margin: 10px;
    }

    .special .umWarp.sbarWarp .umMainBox {
        padding-left: 135px;
    }

    .umSpecia .title {
        flex-direction: column;
    }

    .warp .umSpecia .umNewTabs {
        margin-top: 12px;
        position: static;
    }

    .single .appPost .post .umPic {
        width: 68px;
    }

    .single .appPost .umText {
        padding-left: 15px;
    }

    .single .appPost .umText .umInfo {
        margin-top: 4px;
    }

    .single .appPost .post {
        margin-top: 12px;
    }

    .umArtPost .artThumbs .swiper-slide {
        width: 16.7%;
    }

    .umArtPost i.ri-play-mini-fill {
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-top: 0px;
        opacity: 1;
    }

    .umArtPost i.ri-play-mini-fill:before {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid #fff;
    }

    .tags .umPost.tagsBox li {
        width: calc(100% / 2 - 16px);
        margin: 8px;
    }

    .footer .umFooter .iconOn {
        padding: 0px 0;
    }

    .umArtTops .swiper-slide .pic {
        max-width: 50px;
    }
}

@media screen and (max-width: 480px) {
    .umPost {
        padding: 15px;
    }

    .search {
        width: 300px;
        margin-left: -150px;
    }

    .single .postTitle .tit {
        font-size: 20px;
    }

    .single .umDown .umPassPic {
        width: 100%;
        height: auto;
    }

    .single .umDown .umPassText {
        padding: 15px 0 0px 0px;
        width: 100%;
        clear: both;
    }

    .single .umArtPost {
        padding: 16px 20px 6px;
    }

    .umLike a {
        margin: 8px 5px;
    }

    .umZmt .post {
        padding: 15px;
    }

    .umZmt .umBox .post .umText .tit {
        font-size: 18px;
    }

    .umZmt .post .umPic {
        width: 130px;
    }

    .umZmt.app .post .umPic {
        width: 100px;
    }

    .umZmt .umBox .post .umText .tit {
        margin: -2px 0 5px;
    }

    .umZmt .post .umText .umInfo {
        margin-bottom: 6px;
    }

    .umZmt .umBox .post.big .umText .tit {
        margin: 0px 0 6px;
    }

    .umZmt .post.big .umText .umInfo {
        margin-bottom: 8px;
    }

    .single .umDown .copyTips {
        width: 220px;
        font-size: 14px;
        text-align: center;
    }

    .umPostApp.umArtApp .box .imgBox {
        width: 80px;
    }

    .umArtTops .swiper-slide .pic {
        border-radius: 10px;
    }

    .umPost .umApp .umAppArr {
        margin-right: -15px;
    }

    .umPost .umApp .umAppArr li {
        width: calc(100% / 4 - 15px);
        margin: 22px 15px 8px 0px;
    }

    .umNewArr .post .pic {
        width: 116px;
    }

    .umNewArr .post .text .umInfo {
        margin-top: 6px;
    }

    .umBox .umNewArr .post .info {
        margin-top: 4px;
    }

    .umTopPic {
        padding: 0 20px;
    }

    .umChart li span {
        font-size: 26px;
    }

    .postText ul.w50 li {
        width: 100%;
    }

    .postText ul.w100 li {
        width: 100%;
    }

    .tab-content li {
        padding: 15px 15px 15px 55px;
    }

    .tab-content li .pic {
        width: 52px;
        padding-right: 10px;
    }

    .tab-content li .pic a {
        border-radius: 10px;
    }

    .tab-content li .text .tit {
        -webkit-line-clamp: 2;
    }

    .tab-content li .text .umInfo {
        display: none;
    }

    .tab-content li .num {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 20px;
        left: 12px;
    }

    .tab-content li .num.top1, .tab-content li .num.top2, .tab-content li .num.top3 {
        background-size: 32px;
        font-size: 16px;
        line-height: 34px;
    }

    .warp .umWarp.umTops .umTopNav li h2 {
        padding: 0 30px 0 15px;
        font-size: 13px
    }

    .warp .umWarp.umTops .umTopNav li.subBtn em {
        width: 32px;
        text-indent: 0px;
    }

    .umZmt .post .umText .umInfo.rate {
        margin-bottom: 8px;
    }

    .special .umWarp .sidebar li a {
        font-size: 13px;
    }

    .special .umMainBox .umPost .umArrBox .post {
        padding: 15px 15px 45px;
    }

    .special .umPost .umArrBox .post .fot {
        bottom: 13px;
        left: 15px;
        right: 15px;
    }

    .single .postTitle .tit {
        font-size: 18px;
    }

    .warp .umSpecia .umNewTabs {
        bottom: 10px;
    }

    .single .umPicSwiper .swiper-slide,.single .umPicSwiper .swiper-slide .item img {
        height: 180px;
    }

    .umArtPost .playBtn i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -9px;
    }

    .umArtPost .playBtn i:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid #fff;
    }
}

@media screen and (max-width: 420px) {
    .umZmt .post .umText .umInfo,.starPost .post .info {
        display: none;
    }

    .umZmt .post .umText .umInfo.rate {
        display: block;
        margin-bottom: 0px;
        height: auto;
    }

    .umZmt .umBox .post .umText .tit {
        -webkit-line-clamp: 2;
        height: 52px;
        overflow: hidden;
        margin-bottom: 12px;
        font-size: 16px;
    }

    .umZmt .umBox .post.big .umText .tit {
        height: auto;
    }

    .umZmt .post .umPic {
        width: 110px;
    }

    .umZmt.app .umBox .post.big .umItemBox {
        flex-wrap: wrap;
    }

    .umZmt.app .post .umPic {
        width: 82px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .postText.isVerify ul li {
        width: 100%;
    }

    .shopBtn a {
        width: 100%;
    }

    .shopBtn a.qq {
        margin-bottom: 0;
    }

    .umPostApp .shopBtn a:last-of-type {
        margin-bottom: 0;
    }

    .single .umDown li {
        height: auto;
        padding: 0 10px 10px;
    }

    .single .umDown li .downBtn,.single .umDown li .downBtn,.single .umDown li .downBtn span {
        width: 100%;
    }

    .single .umDown li .downBtn {
        background: #e8e8ec;
        position: relative;
        padding-right: 80px;
        padding-left: 10px;
        overflow: hidden;
        height: 36px;
    }

    .single .umDown li .downBtn.url {
        display: inline-block;
    }

    .single .umDown li .downBtn.no {
        background: none;
    }

    .umRadius .single .umDown li .downBtn.no a {
        border-radius: 5px;
    }

    .single .umDown li .downBtn a {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .single .umDown li .downBtn span {
        display: inline-block;
    }

    .umChart li span {
        font-size: 20px;
    }

    .tab-content li {
        padding: 15px 15px 15px 50px;
    }

    .tab-content li .text .tit {
        font-size: 12px;
    }

    .tab-content li .pic {
        width: 46px;
    }

    .tab-content li .pic a {
        border-radius: 8px;
    }

    .tab-content li .num {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        left: 12px;
    }

    .tab-content li .num.top1, .tab-content li .num.top2, .tab-content li .num.top3 {
        width: 28px;
        height: 28px;
        background-size: 28px;
        font-size: 14px;
        line-height: 30px;
    }

    .warp .umWarp.umTops .umTopNav li h2 {
        padding: 0 30px 0 15px;
        font-size: 13px
    }

    .warp .umWarp.umTops .umTopNav li.subBtn em {
        width: 32px;
        text-indent: 0px;
    }

    .umZmt .umBox .starPost .post .umText .tit {
        height: auto;
        max-height: none;
        -webkit-line-clamp: 1;
        margin-bottom: 2px;
    }

    .umZmt .umBox .starPost .post .umItemBox {
        display: flex;
        align-items: center;
    }

    .umPostApp {
        margin-bottom: 20px;
        padding: 0px;
    }

    .umPostApp.umArtApp {
        padding: 0px;
        background: #fff;
    }

    .umPostApp.umArtApp .box {
        position: relative;
        padding-bottom: 50px;
    }

    .umPostApp.umArtApp .box .imgBox {
        width: 72px;
    }

    .umPostApp .box .text {
        padding: 0 20px 20px 20px;
    }

    .umPostApp.umArtApp .box .text {
        padding-bottom: 0;
    }

    .umPostApp.umArtApp .shopBtn {
        padding-bottom: 0;
        position: absolute;
        bottom: 0;
        left: -5px;
        right: -5px;
        display: -webkit-box;
        display: -webkit-flex;
        white-space: nowrap;
        -webkit-align-content: flex-start;
        -webkit-align-items: stretch;
        -webkit-box-align: stretch;
        -webkit-box-direction: normal;
        -webkit-box-lines: single;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: justify;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -webkit-justify-content: space-between;
    }

    .umPostApp.umArtApp .shopBtn a {
        width: calc(100% / 2 - 10px);
        margin: 0 5px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
    }

    .umPostApp.umArtApp .shopBtn a:last-of-type {
        margin: 0 5px;
    }

    .umPostApp .box .umPrice {
        margin-bottom: 15px;
    }

    .umPostApp .box .umPrice span {
        width: 100%;
        margin-top: 10px;
        font-size: 16px;
        text-align: center;
        margin-right: 0;
    }

    .umPostApp .box .umPrice em {
        font-size: 16px;
    }

    .special .umWarp.sbarWarp .sidebar,.umTops .sidebar {
        width: 110px;
        margin-right: -110px;
    }

    .special .umWarp.sbarWarp .umMainBox,.umTops .umMainBox {
        padding-left: 0px;
    }

    .umPost .zhibo-list .zhibo-item .zhibo-item-zuo,.umPost .zhibo-item-zhong p,.umPost .zhibo-item .zhibo-listbtn a {
        font-size: 12px;
    }

    .single .appPost .umText .umInfo {
        display: none;
    }

    .single .appPost .umText .tit {
        -webkit-line-clamp: 2;
    }

    .single .appPost .umText .tit a {
        font-size: 14px;
    }

    .single .appPost .post .umPic {
        width: 60px;
    }

    .single .appPost .umText .infoBtn a {
        width: 68px;
        font-size: 12px;
    }

    .umArtPost i.ri-play-mini-fill {
        width: 16px;
        height: 16px;
        line-height: 16px;
    }

    .single .umDown li .downUrl span {
        padding-left: 0px;
    }
}

@media screen and (max-width: 375px) {
    .umZmt .umBox .post .umText .tit {
        font-size: 14px;
        margin: 4px 0 10px;
        height: 44px;
    }

    .umNewArr .post .text .umInfo,.umZmt .post .umText .umInfo.rate span {
        display: block;
        font-size: 12px;
    }

    .umZmt .post .umText .umInfo.rate {
        height: auto;
        max-height: none;
        margin-bottom: 0;
    }

    .umZmt .post .umText .umInfo.rate [class*="star"] {
        display: block;
    }

    .umNewArr .post .pic {
        width: 100px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .umBox .umNewArr .post .info {
        margin-top: 10px;
    }

    .umBox .umNewArr .post {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .umNewArr .post .text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .umNewArr .post .text .tit {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .umPost .umArrPic ul {
        margin-right: 0;
    }

    .umPost .umArrPic li {
        width: 100%;
    }

    .umZmt .umBox .starPost .post .umText .tit {
        margin-bottom: 0;
    }

    .single .postTitle .tit {
        font-size: 16px;
    }

    .single .postTitle .fot li {
        font-size: 12px;
        margin: 0px 10px;
        width: 100%;
    }

    .single .umSp .umDes {
        font-size: 12px;
    }
}

.umRadius .pic,.umRadius .umPost,.umRadius .umBanner,.umRadius .umAppTops li:before,.umRadius .umAPic,.umRadius .umTags a,.umRadius .umNewTabs,.umRadius .umTabeCon li:before,.umRadius .umZmt .post,.umRadius .post .umPic,.umRadius .widget,.umRadius .widget .umTabe,.umRadius .widget.umUser div,.umRadius .umArtPost,.umRadius .umLike a,.umRadius input.button,.umRadius #txaArticle,.umRadius input.text,.umRadius .noList,.umRadius .verify img,.umRadius .umPostApp .img,.umRadius .umPostApp,.umRadius .umCopyright,.umRadius .divTags a,.umRadius .single .umDown,.umRadius .single .umDown li,.umRadius .single .umDown li .downBtn,.umRadius .umRelPic,.umRadius .umSwipe,.umRadius .umBody img,.umRadius .umZmt .noArr,.umRadius .ias-trigger,.umRadius .ias-noneleft,.umRadius .ias-spinner,.umRadius .umItemBox,.umRadius .umBody .umDes,.umRadius .single .umRelPic .umPic,.umRadius .swiper-container,.umRadius body.index.umPic .umArtBox,.umRadius body.umPic .umChart,.umRadius .umTops .sidebar .sbarTop,.umRadius .special .widget,.umRadius .special .umMainBox .umPost .umArrBox .post,.umRadius .special .umPost .umArrBox .post .pic,.umRadius .umArrBox .noArr,.umRadius .single.special .umDes,.umRadius .umSpecia .umTabeCon .pic,.umRadius .umPost.umTit .umTitBox .umTitItem,.umRadius .umArtPost .largePic ,.umRadius .umZmt .pageNav,.umRadius .umBnPic,.umRadius .widget .nolist,.umRadius .widget .nolist {
    /* border-radius: 5px; */
}

.umRadius .single .umDown input[type=password] {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.umRadius .single .umDown input[type=submit],.umRadius .single .umDown li .downBtn.no a {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

/* === 新闻资讯模块（tab 导航 + 3 列图文列表）=== */
.umNews {
    position: relative;
}

.umNews .umNewTabs {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    margin: 0;
    background: none;
    z-index: 3;
}

.umNews .umNewTabs .umTabe {
    padding: 0;
    background: none;
}

.umNews .umNewTabs .umTabe li {
    display: inline-block;
    height: 32px;
    line-height: 31px;
    padding: 0 12px;
    margin: 0 2px;
    transform: skewX(-7deg);
    border-radius: 3px;
    transition: all .3s ease;
    background: #fff;
    color: #2d2d2d;
    border: 1px solid #ececec;
    cursor: pointer;
}

.umNews .umNewTabs .umTabe li span, .umNews .umNewTabs .umTabe li a {
    transform: skewX(7deg);
    display: inline-block;
    font-size: 14px;
}

.umNews .umNewTabs .umTabe li.active {
    background: var(--um-color);
    color: #fff;
    border-color: var(--um-color);
}

.umNews .umNewTabs .umTabe li a {
    color: #2d2d2d;
}

.umNews .umNewTabs .umTabe li.active a, .umNews .umNewTabs .umTabe li.active span {
    color: #fff;
}

.umNews .umTabeCon {
    padding: 0;
    margin-top: 14px;
    background: none;
}

.umNews .umTabeCon .tabCon {
    display: none;
}