@charset "utf-8";
/*
Theme ID: umResource
Author: umTheme
Author URI: http://www.umTheme.com/
*/
 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:'';}
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:#13BF48;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:#f4f6f8; padding-top: 60px;}
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;/*chrome 20+*/}
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: 1280px;margin: 0 auto;padding:0 40px;position:relative; clear:both;overflow: hidden; z-index: 1;}

/*----------- 头部 -----------*/
.header{ width: 100%; top:0px;display:block;background:#13BF48; 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);}
.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:10px}
.header .navBar li{ display:inline-block; height:60px; line-height:60px; position:relative; vertical-align:top;}
.header .navBar li.subNav{ padding-right: 10px; margin-right: 5px;}
.header .navBar li a{ display:inline-block; padding:0 15px; color:#DEF7F0; font-size:16px; position:relative; z-index:2; min-width:62px; text-align:center;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; font-weight: 500;-moz-osx-font-smoothing: auto;}
.header .navBar li em[class*="dot"]{ display:block;position:absolute; right:5px; 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:#DEF7F0; font-size:12px; 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: 3px;font-size: 14px;}
.header .navBar li:before{width:5px; height:5px; position: absolute; bottom:12px; left:50%; transform:translateX(-50%); background-color: #FFAA2B; 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:#fff; 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;}
.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:#FFAA2B;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.on>ul li em[class*="dot"] .iconfont{}
/*三级高亮*/
.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:#FFAA2B; color:rgba(255,255,255,0.8);}

/*移动端*/
.mNavBtn{ float: right; padding:0 15px; height:60px;display:none; cursor:pointer;}
.mNavBtn i{color:#DEF7F0;font-size:18px;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:-36px; padding: 0; position: absolute; font-size: 16px; display: none;}
.leftNav .mNavBtn i{ line-height: 48px;}
.leftNav ul{ padding-top:0px;}
.leftNav li{ width:100%; position:relative;}
.leftNav li a{ padding: 0 20px; line-height:48px; color:#333333; display:block; border-bottom:1px solid rgba(255,255,255,0.09);-moz-osx-font-smoothing: initial;}
.leftNav li a:hover{ background:rgba(0,0,0,0.1);}
.leftNav li a i{ margin-right: 10px;}
.leftNav ul li>ul{ display:none;}
.leftNav li em[class*="dot"]{position: absolute;top:0px;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: 12px;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{border-bottom:1px solid rgba(255,255,255,0.05); opacity:0.9; font-size:13px; text-indent:1em}

/*主体*/
.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:#13BF48; 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 .sBtn{float: right; margin-right: -12px; width:32px; height: 60px; line-height: 60px; text-align: center; padding:0px;cursor: pointer;}
.header .sBtn i{ display: block; line-height: 60px; font-size: 18px;-webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; color:#DEF7F0;position: relative; }
.header .sBtn i:before{ position: relative; z-index: 1;}
.header .sBtn i:after{content: ''; position: absolute; width: 100%; height: 100%; left: 0; opacity: .03;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;border-radius: 4px;}
.header .sBtn:hover i:after{opacity:1;}
.header .sBtn:hover i{color: #FFFFFF;}

/*login*/
.umUser{float: right;position: relative;padding: 16px 0;margin:0 15px 0 0;}
.umUser .userPic{ width: 28px; height: 28px; font-size:0; border-radius: 50px; display: block; overflow: hidden;}
.umUser .userPic img{width: 28px; height: 28px; border-radius: 50px; cursor: pointer;object-fit: cover;}
.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;}
.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:2px; left: -2px; font-size: 14px; opacity: .6}
.umUser .login .ydl .name{color: #13BF48;}
.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 .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: #13BF48;}
.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;}
.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: #13BF48;}

.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: #13BF48;}
.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: 16px;font-weight: 600;background-color:rgba(233, 234, 240 ,1);}
.warp .umTabe li.active{ background-color: #13BF48; 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: #13BF48;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:#13BF48;}
.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:7px; 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 #13BF48; background:#13BF48;}
.umMulti .umNewBox .umNewTabs .umTabeCon li:first-of-type:before{content: '新';width:22px; height:22px; line-height: 20px; border-color: #ff33ff; color: #ff33ff;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: #13BF48; 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: #13BF48;}
.umPost .title a.more:after{content: "\e649";font-family: themify; vertical-align: -1px;}
.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;}

/*首页常规模块*/
.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: "\e64b";font-family: 'themify'; font-size: 14px;}
.warp .umWarp.umTops .umTopNav li.subBtn.active em{color:#fff;}
.warp .umWarp.umTops .umTopNav li.subBtn.in em:before{content: "\e648";}
.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-left: 285px;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: 24px; 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: 22px;content: "\e608";font-family: themify;transform: rotate(45deg);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: 10px;}

/*数据统计*/
.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: #13BF48;}

.bodyPic{ font-size: 0;display:block;}
body.index.umPic{ padding-top: calc(60px + 20px);}
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(10px);}

/*广告模块*/
.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;margin:8px -10px 20px -10px;overflow: initial;}
.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;}
.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 .loading img{margin: 0px;padding: 0px;display: block;}
.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;}
.umBox .post .info em.down{ float: right; margin-right: 0;margin-top: 3px; margin-left: 10px;}
.umBox .post .info em i{margin-right: 3px;vertical-align: 0px;}
.umBox .post .info em.comm i{vertical-align: -1px;}

.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: #13BF48;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:#13BF48;}
.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:#13BF48;}
.umCrumb i{font-size:12px;vertical-align: -1px; margin: 0 6px;}
.umCrumb i.ti-home{ margin-left: 0;vertical-align: 0px;}

/*排序*/
.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:#13BF48;}
.umSort .filter{ margin-right: 10px;}
.umSort .filter i{ vertical-align: 0px;}
.umCrumb .umSort i:before{font-family: iconfont;content: "\e72a"!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-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:#13BF48;color:#fff;text-decoration:none;filter: alpha(opacity=68);opacity: 0.68;}
.pageNav span{color:#fff;background:#13BF48;filter: alpha(opacity=60);opacity: 0.68;}
.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: #13BF48;}
.single .postTitle .fot span i{ margin-right: 5px;vertical-align: -1px;}
.single .postTitle .fot span i.ti-folder{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: #13BF48;}
.single .umBody a:hover{text-decoration:underline;color:#13BF48}
.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.ti-lock,.single .umPopBox.in .umDownTips i.ti-lock{ 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;}
.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: #13BF48;}
.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: -20px;}
.single .umDown.umPass.lDown:after{border: 1px dashed #ccccd2;}
.single .umDown.umPass.lDown i.ti-lock,.single .umPopBox.in .umDownTips i.ti-lock{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: "\e6b3"; display: inline-block; vertical-align: -1px;margin-right: 5px; opacity: .68; font-family: 'themify';}
.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: #13BF48; 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: "\e664";font-family: 'themify'; position: absolute; left: -4px; top: -11px; font-size: 44px;color: #13BF48}
.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: 0px; 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: #13BF48;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: #13BF48;}
.single .umPicSwiper .swiper-slide,.single .umPicSwiper .swiper-slide .item img{ height:300px; width: auto;background-color:#f8f8f9; }
.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: #f8f8f9;}
.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: #13BF48}
.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 2rem 0px;}
.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:#13BF48;opacity: .3;}
.umBody .umDes i{ position:absolute; font-size:24px; color:#13BF48; opacity: .4;}
.umBody .umDes i.icon-yhLeft{ top:8px; left:15px;}
.umBody .umDes i.icon-yhRight{ 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 #13BF48; border-radius:50px; color: #13BF48;-webkit-transition:all .3s;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.single .umBody.umHight .readmore a:hover{border: 1px solid #13BF48; background: #13BF48; 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: -1px;}
.umPostApp .rate span[class*="star"] i:before{content: "\e6ae";font-family: 'iconfont' !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:#13BF48; 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);margin-right: 12px; background:#fafaf8; display: block; margin:0 auto 10px auto;}
.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;}
.umShare a i{ font-size: 18px;}
.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;}
.qq i:before{content: '\e6cd'}
.qz i:before{content: '\e62a'}
.weibo i:before{content: '\e67a'}
.weixin i:before{content: '\e715'}
.weixin .ewmBx .dot:before{content: '\e729'}

/*上下页*/
.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:14px; vertical-align:-1px;}
.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: -4px; left: -4px; font-size: 25px; color: #AAA8A8;font-family: "iconfont" !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: #13BF48; 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:#13BF48; 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: #13BF48;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:#13BF48;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: #13BF48;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:#13BF48;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:#13BF48;height: 36px;line-height: 36px;color: #fff;padding:0 15px; top:0px; right:0px; height: 100%; cursor: pointer;font-family: 'themify';}
.widget.divSearchPanel form button::before{content: "\e610";}

/*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: -6px; top:0px; opacity: .68;font-family: 'themify';}
.widget.divPrevious li i:before,.widget.umHotComm li i:before,.widget.divArchives li:before{content: "\e649";}

/*最新评论*/
.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; overflow: hidden;}
.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: 36px;}

.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: "\e645";margin: 0 3px 0 0;font-size: 12px;color: #9ca0ad;font-family: themify;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: "\e649";font-family: 'themify'; 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; background-color:#f8f8f9;overflow: hidden;}
.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 > div{ padding-bottom: 20px;}
.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: 32px; 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{ font-size: 18px;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 #13BF48 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:#13BF48; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.treeList:after{ opacity: .95;background:#fff;}
.treeList li.active a{ color: #13BF48;}
.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: #13BF48; 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:#13BF48; color:#fff;text-align: center; left: -30px;top:50%; transform: translateY(-50%); cursor: pointer; height: 94px;}
.treeList .treeBtn:after{content: "\e65e";font-family: themify !important; font-size:13px; font-style: normal; width: 14px; height: 14px; display: block; margin: 2px auto 0;}
.treeList.in .treeBtn:after{content: "\e65d";}
.reading .treeList{ z-index: 10002;}

/**
 * Swiper 4.5.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

.swiper-wrapper{ height: auto;}
.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; vertical-align: -1px;}
.umZmt .post .umText .umInfo [class*="star"] i:before{content: "\e6ae";font-family: 'iconfont' !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:#212236; 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:5px;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 .6rem; 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:10px;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: 34px;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: 20px;transform: rotate(45deg);display: block;line-height: 40px;}
.gotop:hover{ color: #fff; background-color:#13BF48;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: #13BF48;}

.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: "\e649";font-family: 'themify';font-size: 14px;}
.special .sidebar .widget.cateTitle li em.open:before{content: "\e64b";}

.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: "\e72b";font-family: themify !important;vertical-align: -0.5px;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:#13BF48;-webkit-border-radius:3px;border-radius: 3px;}
.special .umPost .umArrBox .post .fot span.more a:after{content: "\e628";font-family: themify !important;vertical-align: middle; margin-left: 3px;}
.special .umPost .umArrBox .post .fot i{color: #13BF48; 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.icon-yhLeft {top: 8px;left: 15px;}
.single.special .umPostApp i.icon-yhRight {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: #13BF48; 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: #13BF48;}
.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: 0; top: 0; 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: #D6AE61;}
.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: 15px; 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: #13BF48;}
.umSpecia .umTabeCon .tabCon .text .date:before{ margin-right: 4px; vertical-align: 0px;}
.umSpecia .umTabeCon .tabCon .umInfo{font-size: 12px;color: #2d2d2d; 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: #13BF48; 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: "\e649";font-family: 'themify';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:#13BF48;font-weight:600;border: 1px solid #13BF48;}
.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 #13BF48;}
.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:#13BF48;}
.umArtPost .largePic .prev{left: 10px;}
.umArtPost .largePic .next{right: 10px;}
.umArtPost .largePic .prev:after,.umArtPost .largePic .next:after{font-family: themify;font-size: 18px;text-rendering: auto;-moz-osx-font-smoothing: grayscale;}
.umArtPost .largePic .prev:after{content: "\e64a";}
.umArtPost .largePic .next:after{content: "\e649";}

.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.ti-control-play{ 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.ti-control-play: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.ti-control-play{width:24px; height: 24px; line-height: 24px;margin-top: 0px; opacity: 1;}
.umArtPost i.ti-control-play: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: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 12px; min-width: 52px;}
.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;}

.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{ padding: 0 10px;}
}
@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;}
}

@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);}
}

@media screen and (max-width:900px){
.search{ margin-left: -250px;}
.mNavBtn{ display:block; margin-right: -12px; padding-left: 30px;}
.leftNav.mOpen .mNavBtn{ display: block;}
.header .navBar{ display: none;}
.header .navBar li a{padding: 0 5px;}
.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;}
.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;}
.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;}
.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: 5px; 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.ti-control-play{width:20px; height: 20px; line-height: 20px;margin-top: 0px; opacity: 1;}
.umArtPost i.ti-control-play: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;}
}

@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: 125px;}
.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.ti-control-play{width:16px; height: 16px; line-height: 16px;}
}
@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 .widget.umHotView li:before,.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;}