@charset "utf-8";
/*
Theme ID: appResource
Author: umTheme
Author URI: http://www.umTheme.com/
*/
 html{-webkit-text-size-adjust:none;font-size:62.5%;overflow-x: hidden;}
 body{ font-size: 1.4rem;color:#2d2d2d;/* font-family:"PingFang SC",Helvetica,Arial,sans-serif; */font-family: "Microsoft YaHei";text-rendering: optimizeLegibility;overflow-x: hidden;/* -moz-osx-font-smoothing: grayscale; */}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} 
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
:root {
	--um-color: #FF6600;
	--um-colorfz: #FF9732;
	--um-gary: #686868;
	--box-shadow: 0 5px 15px 0 #FF660020;
	--um-radius:15px;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none;} 
.input:after{ clear: both;content: ""; display: block; height: 0;visibility: hidden;}
em,i{ font-style:normal;}
a{margin:0;padding:0;background:0 0;color:#2d2d2d;vertical-align:baseline;text-decoration:none;outline: medium none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color:var(--um-color);text-decoration:none;}
a:active {text-decoration: none;}
a:focus,input:focus{outline:none;}
img{max-width: 100%;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
.colwrapper { overflow:hidden; zoom:1; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .fl{ float: left;} .fr{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tl{ text-align:left} .tr{ text-align:right;}
a{blr: expression(this.onFocus=this.blur());-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent}
:focus {outline: 0}
a,div {-moz-tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: transparent}
body{background:#f9f9f9; overflow-x: hidden;}
.mobile body{ background:#ececec;}
.b-lazy{ opacity: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.b-lazy.b-loaded{opacity: 1;}

input::-moz-placeholder,textarea::-moz-placeholder{color: #9b9b9b;}

/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;/*ff*/-webkit-text-align-last:justify;}
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white  inset !important;} 
input,textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}
/*超出省略号*/
.tn{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.container:before, .container:after,.warp:after,.main:before, .main:after,.orw:before,.orw:after,.sidebar:after,.sidebar:before,.umPage:after,.umPage: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 - 200px);}
.container:after,.main:after,.orw:after,.umPage:after{ clear:both;}
.container{width: 100%;max-width: 1220px;margin: 0 auto;padding:0px;position:relative; clear:both;}

/*----------- 头部 -----------*/
.header {-moz-osx-font-smoothing: auto;}
.header .box{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.header .headBar{width: 100%; height: 32px; line-height: 32px; background-color: #f2f2f2; color:var(--um-gary); font-size: 12px;}
.header .headBar a{color:var(--um-gary); padding:0 8px;}
.header .headBar a:after{ content: ''; width: 1px; height: 11px;background-color: #d6d6d6; display: inline-block;vertical-align: -2px; position: relative; right: -8px;}
.header .headBar a:hover{color:var(--um-color)}
.header .headBar a:last-of-type{padding:0 0 0 8px;}
.header .headBar a:last-of-type::after{ display: none;}
.header .headBar .box{}
.header .headBox{ background-color: #ffffff;}
.header .headBox .container{padding:10px 0;}
.header .logo{overflow:hidden; height:80px;}
.header .logo h1{height:100%; display:block;}
.header .logo a{height:100%;padding:6px 0; display:block; position:relative; font-size:0; overflow:hidden;-webkit-transition:none; -o-transition:none,;transition:none;}
.header .logo a.name{color: var(--um-color);font-size: 32px;display: flex;align-items: center;font-weight: bold;font-family: "PingFang SC",Helvetica,Arial,sans-serif;}
.header .logo a.name.pc{color: #FF6600;}
.header .logo a.name.mob{font-size: 22px; color: #FF6600;}
.header .logo a img{height:100%;}
.header .logo a.mob{display: none;}

.header .headNav{ width: 100%;background:#333333;}
.header .navBar{margin-right:0}
.header .navBar li{ display:inline-block; height:48px; line-height:48px; position:relative;}
.header .navBar li.subNav a{ padding-right:15px; margin-right:0px;}
.header .navBar li a{ display:inline-block; padding:0 8px; color:#FFFFFF; font-size:16px; min-width:120px; text-align:center;-webkit-transition:color .3s ease,background .3s ease;-o-transition:color .3s ease,background .3s ease;transition:color .3s ease,background .3s ease;}
.header .navBar li em[class*="dot"]{ display:block;position:absolute; right:15px; 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"]{color:#FFFFFF; font-size:18px; width:16px; height: 16px;display:block;}
.header .navBar li em[class*="dot"]:before{content: "\ea50";font-family: 'remixicon'; }
.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"]{background:#FF6600;}
.header .navBar li.active em[class*="dot"],.header .navBar li.on em[class*="dot"]{ background: none;}
.header .navBar li a i{ margin-right: 2px;font-size: 16px;}
.header .navBar li:before{width:5px; height:5px; position: absolute; bottom:12px; left:50%; transform:translateX(-50%); background-color: #81B1FF; content: ''; border-radius:50px; opacity: 0; display: none;}
.header .navBar li.active:before{ opacity: 1}
.header .navBar ul li.on>ul li a{ color:#333333;background:#ffffff;}
.header .headNav .nav.mob,
.header .navBar ul li > ul li.active:before{ display:none}
.header .headNav .nav.pc{display: flex;}

/*二级高亮*/
.header .navBar ul li>ul{width: max-content;min-width:120px; position:absolute; top:120%; left:50%; transform:translateX(-50%); right:0;background:#ffffff;font-size:0px; 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;overflow: hidden;}
.header .navBar ul li>ul li{ width:100%; height:42px; line-height:42px; display:block;}
.header .navBar ul li>ul li a,.header .navBar ul li.active > ul li a{ width:100%; text-align:center;height:42px; line-height:42px; font-size:14px; opacity:1;background:#ffffff;color:#333333;}
.header .navBar ul li>ul li.on a,.header .navBar ul li>ul li.on a:hover{ background:#FF6600;color:#FFFFFF;}
.header .navBar ul li.on>ul,.header .navBar ul li:hover>ul{ visibility:visible; opacity:1; top:100%;}
.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);}

/*搜索*/
.search{width: 100%; max-width:400px;position: relative;border: 2px solid var(--um-color);}
.search .input{ height: 38px; background:rgba(255,255,255,.98); border:1px solid rgba(255,255,255,.0);width: 100%; padding-right: 80px; padding-left: 30px;font-size: 16px;}
.search i{position: absolute;font-size: 20px; opacity: .3; top:8px;left:8px}
.search button{ background:var(--um-color); color: #fff; border: medium none; position: absolute; right:0px; width: 68px; height: 38px;font-size: 16px; cursor: pointer;padding: 0;}

/*主体*/
.main{width: 100%;position: relative;}
/*首页模块*/
.section{background: #fff;padding: 24px; margin-top: 15px;overflow: hidden;}
.section:last-of-type{ margin-bottom: 15px;}
.section .title,.section .subTit,.artBox .title{ display: flex;justify-content: space-between;align-items: center; padding-bottom: 15px; margin-bottom: 22px;border-bottom: 1px solid #eee;}
.section .title h2,.section .subTit h2,.artBox .title h2{height: 26px;line-height: 26px;font-size: 22px; position: relative; padding-left: 10px;display: inline-block;}
.section .title b,.section .subTit b,.artBox .title b{color: var(--um-color); font-weight: normal;}
.section .title .more{font-size: 15px;}
.section.banner .title .more span,.section .title .more a,.section .downBtn{ cursor: pointer; height: 24px; line-height: 24px;display: inline-block;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; border-radius: 3px;background-color:#fff; text-align: center;}
.section .title .more a{opacity: .6;}
.section .title .more a:hover{opacity: 1;}
.section .title .more a:after{content: "\f2e5"; display: inline-block; vertical-align: 0px;font-family: remixicon;}
.section.banner .title .more span,.section .downBtn{padding: 0 8px;}
.section.banner .title .more span:hover,.section li a:hover .downBtn{background-color: var(--um-color);color: #fff}
.section .title h2:before,.section .subTit h2:before,.artBox .title h2:before,.umBody h3:before{ content: ''; width: 3px; height: 21px; position: absolute; left: 0; top:4px; background-color: var(--um-color);}

/*图片滚动推荐应用*/
.umTopPic{ padding:0px;position: relative;}
.umTopPic.loading{ background-image: none;}
.umTopPic .bnPage{font-size: 22px; position: absolute;top: 50%; transform: translateY(-100%); line-height: 30px; cursor: pointer;}
.umTopPic .bnPage i{ opacity: 1; color: var(--um-color);}
.umTopPic .bnPage.disabled i{ color:rgba(114,116,118,.2); cursor: default;}
.umTopPic .bnPage.topsNext{ right: -20px;}
.umTopPic .bnPage.topsPrev{ left: -20px;}

.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: 90px; 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: 15px; padding: 12px 0 0;text-align: center;}
.umArtTops .text .tit{ height: 20px; line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.umArtTops.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 0px;}
.umArtTops .swiper-pagination-bullet{ width: 6px; height: 6px; background-color: #181818;}
.umArtTops .swiper-pagination-bullet-active{background-color: var(--um-color);}

/*标题推荐应用*/
.umTextTops{ margin-top: 15px; padding: 15px 0 0 0; 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%);}

.umTextSwiper{ padding-left: 90px; height: 28px; line-height: 28px; position: relative; margin-bottom: 12px;}
.umTextSwiper:last-child{ margin-bottom: 0;}
.umTextSwiper .label{ width: 75px; font-size: 15px; color: #fff; padding: 0 5px; text-align:center; position: absolute; left: 0; border-radius: 5px;height: 28px;line-height: 27px;}
.umTextSwiper:nth-child(1) .label{ background-color: #ff6600;}
.umTextSwiper:nth-child(2) .label{ background-color: #3e96f9;}
.umTextSwiper:nth-child(3) .label{ background-color: #49c124;}
.umTextSwiper .label:after{content: "";display: block;height: 0;width: 0;position: absolute;top:6px;right:-5px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #ff6600;}
.umTextSwiper:nth-child(2) .label:after{border-left: 8px solid #3e96f9;}
.umTextSwiper:nth-child(3) .label:after{border-left: 8px solid #49c124;}

.umTextSwiper .swiper-slide{ width: auto; font-size: 15px;}
.umTextSwiper .swiper-slide .item{ padding-right: 10px; margin-right: 10px; position: relative;height:28px; overflow: hidden; display: block;}
.umTextSwiper .swiper-slide .item a:hover{color: var(--um-color) !important}
.umTextSwiper .swiper-slide:last-of-type .item{ padding-right: 0; margin-right: 0;}

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

/*幻灯片模块*/
.loading{background-image:url(images/lay.gif);background-size: 20px; background-position: center; background-repeat: no-repeat;}
.section .pic,.widget .pic,.umPic .pic{border-radius: var(--um-radius);overflow: hidden;background-color: #ededf0;font-size: 0;line-height: initial;}
.section .pic img{aspect-ratio: 1 / 1; object-fit: cover;border-radius: var(--um-radius);overflow: hidden;}
.section.banner{ background: none; padding: 0; display: flex;height: 444px;}
.section .umNew{flex: 1; background-color: #fff; padding: 20px; margin-right: 15px;height: 100%;}
.section .umBanner{max-width: 880px; width:100%; height: 100%;position: relative;}
.section .swiperBn{height: 100%;}

.section li a .downBtn{position: absolute; top:50%; right: 0; transform: translateY(-50%); background-color: #f5f5f5; min-width: 60px; color: #666;}
.section .umNew .itemBox { position: relative;}
.section .umNew .umLoad{opacity: 1; visibility: inherit; display: none;}
.section .umNew .itemBox ul{ display: none;}
.section .umNew .itemBox ul:first-of-type{display: block;}
.section .umNew .itemBox li{ margin-top: 16px;padding-bottom: 16px;border-bottom: 1px solid #eee; position: relative;}
.section .umNew .itemBox li:last-of-type{border:none;padding-bottom: 0px;}
.section .umNew .itemBox li a{ display: flex;align-items: center;}
.section .umNew .itemBox li h3{font-size: 15px; margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 110px;}
.section .umNew .itemBox li .pic{ font-size: 0; width: 90px; height: 90px;border-radius: var(--um-radius);overflow: hidden;}
.section .umNew .itemBox li .text{flex: 1; padding-left: 15px;}
.section .umNew .itemBox li .text span{ display: inline-block;width: 100%; color: #666; margin: 5px 0 0; font-size: 12px;}
.section .umNew .itemBox .noList{text-align: center;padding: 40px 0;background: #f9f9f9;}
.section .umNew .itemBox p{font-size: 14px;opacity: .2;margin-top: 8px;}
.section .umNew .itemBox i{font-size: 32px;opacity: .2;width: 32px;height: 32px;display: block;margin: 0 auto;}

.section .swiperBn{background:#000000}
.section .swiperBn .swiper-wrapper,.section .swiperBn .swiper-slide .img img,
.section .swiperBn .swiper-slide .img{ width: 100%; height:100%}
.section .swiperBn .swiper-slide .img img{object-fit: cover;}
.section .swiperBn .swiper-slide .text{position: absolute; width: 100%; height: 58px; line-height: 68px; left: 0; bottom: 0; background-image:linear-gradient(to top, rgba(0,0,0,.4) 10%, transparent 80%);padding: 0 15px;color: #ffffff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px;}

.section .swiperThum{ position: absolute; top: 0px; bottom: 0px; right: 0;background:#00000080;width: 115px;-webkit-transition: width 0.5s ease-in-out;-moz-transition: width 0.5s ease-in-out;transition: width 0.5s ease-in-out;}
.section .swiperThum:hover{width: 240px;}
.section .swiperThum .swiper-wrapper{-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.section .swiperThum .swiper-slide{ width: 100%; height: 111px;padding: 13px;border-right: 4px solid var(--um-color)00;}
.section .swiperThum .swiper-slide.active{background:#00000069; border-right: 4px solid var(--um-color);}
.section .swiperThum .swiper-slide .img{width: 85px; height: 85px;border-radius: var(--um-radius);overflow: hidden;font-size: 0;flex-shrink: 0;}
.section .swiperThum .swiper-slide .img img{width: 85px; height: 85px; object-fit: cover; display: block;}
.section .swiperThum .swiper-slide .item{ height: 85px;display: flex;align-items: center;overflow: hidden;justify-content: space-between;}
.section .swiperThum .swiper-slide .text{ flex: 1; margin-left: 15px; color: #FFFFFF7D;}
.section .swiperThum .swiper-slide.active .text{color: #ffffff;}
.section .swiperThum .swiper-slide .text h3,.section .swiperThum .swiper-slide .text span{width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 2px 0;display: inline-block;}
.section .swiperThum .swiper-slide .text h3{ margin-top: 9px;}
.section .swiperThum .swiper-slide .text span{ font-size: 12px;}

/*推荐tabs模块*/
.section .umTabsBox .title{margin-bottom: 8px;}
.section .umTabs{ flex: 1; padding: 0 20px 0 60px;overflow: hidden;width: 100%;  }
.section .umTabs .swiper-slide{line-height: 26px; text-align: center;width: -moz-fit-content;width: fit-content;display: flex;justify-content: center;align-items: center;margin: 0 5px 0 0;white-space: nowrap;background-color: #fff;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;padding: 0 10px;cursor: pointer;}
.section .umTabs .swiper-slide.on{background-color:var(--um-color);color: #fff;}
.section .umTabeCon>ul{ display: none; margin: 0 -10px; font-size: 0;}
.section .umTabeCon ul.on{ display: block;}
.section .umTabsBox li{ width: calc(100% / 10 - 20px); display: inline-block; vertical-align: top; margin: 16px 10px 0;text-align: center;}
.section .umTabsBox li .pic {max-width: 90px; margin: 0 auto; display: block;}
.section .umTabsBox li .pic img{ width: 100%; height: 100%; }
.section .umTabsBox li .text{ padding: 10px 0 0; position: relative;}
.section .umTabsBox li .text h3{font-size: 15px;overflow: hidden;height: 28px;line-height: 28px;}
.section .umTabsBox li .text span{width: 100%;font-size: 12px;color: #999;height: 26px;line-height: 26px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section .umTabsBox li .text em.downBtn{font-size: 12px; bottom: 0px; top: auto;transform: translate(-50%,0);right: auto; left: 50%;min-width: 68px;display: none;}
.section .umTabsBox li a:hover .text em.downBtn{display: block;}

/*热门专题*/
.umSpecia .title{position: relative;}
.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:first-of-type{display: block;}
.umSpecia .umTabeCon .tabCon .pic{ position: relative;border-radius: 5px;}
.umSpecia .umTabeCon .tabCon .pic a,.umSpecia .umTabeCon .tabCon .pic img{width: 100%;height: 100%;position: absolute; left: 0; top: 0;border-radius: 5px;}
.umSpecia .umTabeCon .tabCon .pic:after{ content: ''; padding-top: 58%; display: block;}
.umSpecia .umNewTabs{width: auto; margin:0; float: none; border-radius: 0; position: absolute; right: 0;bottom: 12px;}
.umSpecia .umTabe li{ width: auto; height: 26px; line-height: 26px; padding: 0 8px; overflow: hidden;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border-radius: 5px; margin-left: 5px;display: inline-block;background-color: #f5f5f5;}
.umSpecia .umTabe li:first-of-type{ margin-left: 0;}
.umSpecia .umTabe{ padding: 0 2px;}
.umSpecia .umTabe li.active{ background: var(--um-color);}
.umSpecia .umTabe li a:hover,.umSpecia .umTabe li.active a{color: #fff;}
.umSpecia .umTabe li span{display: block;font-size: 14px;}
.umSpecia .umTabeCon .tabCon .text{ position: absolute; width: 100%; height: 35px; background: rgba(0,0,0,0.5);bottom: 0;padding: 0 15px;text-align: center;font-size: 15px;}
.umSpecia .umTabeCon .tabCon h3{height: 35px; line-height: 35px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.umSpecia .umTabeCon .tabCon a:hover h3{color:var(--um-color);}
.umSpecia .swiper-slide{ height: auto;}
.umSpecia .swiper-slide .item{ height: 100%;}

.umSpecia ul.apps{ margin: 15px -8px 0;font-size: 0;padding: 0 10px;}
.umSpecia ul.apps li{ width: calc(100% / 3 - 16px); vertical-align: top; margin: 0 8px; display: inline-block;}
.umSpecia .umTabeCon .tabCon ul.apps .pic:after{padding-top: 100%;}
.umSpecia .umTabeCon .tabCon ul.apps .text{background: transparent;position: static;padding: 0px;height: auto;font-size: 14px;}
.umSpecia .umTabeCon .tabCon ul.apps h3{color: #333;margin: 2px 0;text-overflow: inherit;white-space: normal;}
.umSpecia .umTabeCon .tabCon ul.apps a:hover h3{color: var(--um-color);}
.section ul.apps li a .downBtn{position: static;transform: translateY(0%); width: 100%;background-color: var(--um-color);color: #fff;max-width: 62px;}
.umSpecia .umTabeCon .tabCon ul.apps .pic{border-radius: var(--um-radius)}

/*排行榜*/
.section.tops{background: none;padding: 0;}
.section .umTops{ display: flex; font-size: 0; margin: 0 -10px;}
.section .umTops .umTopsItem{ width: calc(100% / 3 - 20px); margin: 0 10px; padding:20px;display: inline-block;vertical-align: top;background-color: #fff;}
.section .umTops .umTopsItem .umAppTops li{ padding-left: 35px;display: flex;}
.section .umTops .umTopsItem .umAppTops li.nolist{text-align: center; opacity: .3; padding-left: 0;flex-direction: column;line-height: 24px;margin-top: 25px;}
.section .umTops .umTopsItem .umAppTops li.nolist i{font-size: 20px;padding: 5px 0px;}
.section .umTops .umTopsItem .umAppTops li.nolist::before{ display: none;}
.section .umTops .umTopsItem .subTit { margin-bottom: 20px;}
.section .umTops .umTopsItem .subTit h3{ font-size: 22px; display: inline-block; position: relative; padding: 0 28px;}

.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;}
.umAppTops li .text{ width: 100%; position: relative;}
.umAppTops li .divTit{display: none;}
.umAppTops li .divTit.downBtn{width: 62px!important;height: 26px;line-height: 26px;text-align: center!important; position: absolute;opacity: 1; right: 0; top:32px;padding: 0;}
.umAppTops li .divTit.downBtn a{display: block;padding: 0 8px; background-color: #f5f5f5;}
.umAppTops li .divTit.downBtn a:hover{background-color: var(--um-color);color: #fff;}
.umAppTops li.on{ height: 68px; line-height: 24px;}
.umAppTops li.on .pic,.umAppTops li .divTit.on{ display: inline-block;}
.umAppTops li.on .text{ display: flex; flex: 1;align-self: center;flex-direction: column;overflow: hidden; padding-left: 15px;}
.umAppTops li.on .divTit{padding-top: 0px; width: 100%;text-align: left;display: block;}
.umAppTops li.on .divTit.on{display:none;}
.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;vertical-align: 0;}
.umAppTops .divTit{font-size: 12px;opacity: .5; overflow: hidden;display: inline-block; width: 30%; text-align: right;}
.umAppTops li:before,.widget.umHotView li:before{width: 20px; height: 20px; line-height: 20px; text-align: center;position: absolute;content: counter(sectioncounter);counter-increment: sectioncounter;background:#f5f5f5;color: #666;top:3px;bottom: 0;left: 0px;font-size: 12px;font-weight: bold;border-radius: 3px;}
.widget.umHotView li::before{top:0px;}
.umAppTops li.on:before{ height: 58px; line-height: 58px;top:5px; bottom:5px;}
.umAppTops li:nth-child(-n+3):before,.widget.umHotView li:nth-child(-n+3):before{ color: #fff;}
.umAppTops li:nth-child(1)::before,.widget.umHotView li:nth-child(1)::before{background: #ff5555;}
.umAppTops li:nth-child(2)::before,.widget.umHotView li:nth-child(2)::before {background: #ff6600;}
.umAppTops li:nth-child(3)::before,.widget.umHotView li:nth-child(3)::before {background: #ff9900;}

.umAppTops [class*="star"].divTit{opacity: 1;}
[class*="star"]{ font-size: 16px; margin-right: 0;}
[class*="star"]:before{content: "";font-size: 14px; display: inline-block; vertical-align: middle;}
[class*="star"] i{ margin: 0;color: #D0D5DD; font-size: 12px;}
[class*="star"] i:before{content: "\f186";font-family: 'remixicon' !important;}
.star1 i:nth-of-type(1){ color: #ffb402;}
.star2 i:nth-of-type(-n+2){ color: #ffb402;}
.star3 i:nth-of-type(-n+3){ color: #ffb402;}
.star4 i:nth-of-type(-n+4){ color: #ffb402;}
.star5 i{ color: #ffb402;}
.star0 i{ color: #D0D5DD;}

/*最新更新*/
.section .umNewList .title,.section .umLink .title{margin-bottom: 10px;}
.section .umNewList ul{ margin: 0 -12px;font-size: 0px;}
.section .umNewList li{ width: calc(100% / 3 - 24px); margin:0 12px; height: 34px; line-height: 34px;display: inline-block;vertical-align: top;font-size: 15px;}
.section .umNewList li a{overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis; padding-right: 100px; position: relative;}
.section .umNewList li em{position: absolute; right: 0;font-size: 13px;  color:red;color: #999;}
.section .umNewList li em.red{color: red;}
.section .umNewList li a span{color: #999;margin-right: 5px;}

/*列表页*/
.warpBox{ margin: 15px 0;}
.artBox{padding-right: 325px;width: 100%;float: left;}
.artBox .artList{ background-color: #fff; padding: 20px;margin-bottom: 15px;}
.artBox .artList:last-of-type{ margin-bottom: 0px;}
.artBox.list .artList{margin-bottom: 15px;}
.artBox.list .artList:last-of-type{margin-bottom: 0px;}
.artBox.list .artList .tips{color: #999;}
.artBox.list .artList .post:last-of-type{border-bottom:none; padding-bottom: 0;}
.artBox.list .all ul{counter-reset: sectioncounter;}
.artBox.list .all .post .item a{ width: 100%; }
.artBox.list .all .post:before{height: 20px; line-height: 20px; text-align: left;position: absolute;content: counter(sectioncounter);counter-increment: sectioncounter;color: #333;top: 16px;left: 0px;font-size: 15px;font-weight: bold;border-radius: 3px;font-family:Arial;}
.artBox.list .all .post:first-of-type:before{top: -2px;}
.artBox.list .all .post{ padding-left: 32px;position: relative;}
.artBox.list .all .post:nth-child(1):before {color: #ff3300;}
.artBox.list .all .post:nth-child(2):before {color: #ff6600;}
.artBox.list .all .post:nth-child(3):before {color: #ff9900;}

.artBox.list .list .title{margin-bottom: 0px;}
.artBox.list .list .subcate ul{margin: 0;}
.artBox.list .list ul{margin: 0 -10px;font-size: 0; display: flex;flex-wrap: wrap;}
.artBox.list .artList .list .post{width: calc(100% / 5 - 20px);margin: 20px 10px 0;text-align: center;border: 1px solid #eee; padding:25px 15px;border-radius: 4px;}
.artBox.list .list .post .item .text{padding: 0;flex: auto;margin-top: 15px;}
.artBox.list .list .post .fot{position: relative;padding-top: 6px;}
.artBox.list .list .post .fot:before{ content: ''; left: 20px; right: 20px; top:0px; background-color: #eee; height: 1px; position: absolute;}
.artBox.list .list .post .item h3{font-size:18px;}
.artBox.list .list .post .item .text span{ display: inline-block; width: 100%;padding-right: 0;margin: 6px 0 0;}
.artBox.list .list .post .item .text span .datetime{ width: auto;margin-top: 0;}
.artBox.list .list .post .item,.artBox.list .list .post .item > a{flex-wrap: wrap;justify-content: center;}
.type .artBox.list .list .post .item .text{margin-top: 10px;}
.type .artBox.list .list .post .fot{padding-top: 2px;}

.artBox .artList.cateList{ padding:0px 0 0 8px; background-color:transparent; position: absolute; bottom:auto; left:-90px; z-index: 3;}
.artBox .artList.cateList:before{content: ''; left: 0px; top:0px; bottom:0px; background-color: #e3e3e3; width: 1px; position: absolute;}
.artBox .artList.cateList li{height:24px; line-height: 24px; margin: 3px 0;position: relative;}
.artBox .artList.cateList li a:hover,.artBox .artList.cateList li.active a{background-color: var(--um-color);color: #fff;}
.artBox .artList.cateList li a{ width:72px; display: block; border-radius: 50px;text-align: center;padding:0 5px;overflow: hidden;}
.artBox .artList.cateList li:before,.artBox .artList.cateList li:after{content: '';width:13px;height:13px; position: absolute;border-radius: 50px;background-color: #f9f9f9; left: -14px; top:6px;}
.artBox .artList.cateList li:after{width:7px;height:7px;background-color: #e3e3e3;left: -11px;top: 9px;}
.artBox .artList.cateList li.active:after,.artBox .artList.cateList li:hover:after{background-color: var(--um-color);}

.umPage{position: relative;}
.warpBox .artBox.umPost{float: none;}
.warpBox .artBox .noList{text-align: center; padding: 40px 0;background: #f9f9f9;}
.warpBox .artBox .noList p{font-size: 15px;opacity: .2;margin-top: 8px;}
.warpBox .artBox .noList i{font-size: 38px;opacity: .2;width: 38px;height: 38px;display: block;margin: 0 auto;}

/*标签聚合*/
body.tags .artBox .artList ul{margin:-6px -6px;display: flex;flex-wrap: wrap;}
body.tags .artBox .artList li{width: calc(100% / 6 - 12px); margin:6px;}
body.tags .artBox .artList li a{ height: 42px; line-height: 40px; border: solid 1px #eee; border-radius: 4px;display: block;
text-align: center;padding: 0 10px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
body.tags .artBox .artList li a:hover{background-color: var(--um-color);color:#fff;border: solid 1px var(--um-color);}
body.tags .artBox .artList li h2{ display: inline-block;}
body.tags .artBox .artList li a span{color: var(--um-color);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin-left: 3px;}
body.tags .artBox .artList li a:hover span{color:#fff}

/*应用分类*/
.artBox.list .artList .listItem{display: flex;align-items: flex-start;}
.artBox.list .artList .subs{ width: 188px; margin-right: 20px;}
.artBox.list .artList .subs li{margin: 20px 10px 0;width: 100%;font-size: 15px;border-radius: 4px; overflow: hidden;}
.artBox.list .artList .subs li.noArr{ background-color: #f9f9f9; color: #c6c6c6;}
.artBox.list .artList .subs li a{width: 100%; height: 40px; line-height: 38px; border: 1px solid #eee;text-align: center;display: block;}
.artBox.list .artList .subs li a:hover{background-color: var(--um-color);color: #fff;border: 1px solid var(--um-color);}
.artBox.list .artList .listItem .listUl{flex:1;margin: 0 -10px 0 0;align-items: flex-start;}
.artBox.list .artList .noSubs .listItem .listUl{margin: 0;}
.artBox.list .artList .listItem .post{ border: none;width: calc(100% / 8 - 20px);padding: 0;margin: 20px 10px 3px;}
.artBox.list .artList .noSubs .listItem .post{width: calc(100% / 10 - 20px)}
.artBox.list .artList .listItem .post .pic{ width: 100%; max-width: 90px;height: auto;aspect-ratio: 1 / 1;}
.artBox.list .artList .listItem .post .item{max-width: 100%;display: block;}
.artBox.list .artList .listItem .post .item h3{font-size: 15px;display: block;word-break: break-word;}
.artBox.list .artList .listItem .post .fot{margin-top: 0px;}
.artBox.list .artList .listItem .post .fot:before{display: none;}
.artBox.list .artList .listItem .post .item .text span{margin: 5px 0 0;}
.artBox.list .artList  li .text em.downBtn{font-size: 12px; bottom: -5px; top: auto;transform: translate(-50%,0);right: auto; left: 50%;min-width: 68px;display: none;position: absolute;background-color: var(--um-color);color: #fff;height: 24px;line-height: 24px;border-radius: 3px;}
.artBox.list .artList  li a:hover .text em.downBtn{display: block;}
.type .artBox.list .artList .listItem .post .item .text span.cate{display: none;}

.artList .post{padding: 20px 0px;border-bottom: 1px solid #eee;}
.artList .post:first-of-type{ padding-top:0px; }
.artList .item,.artList .item > a{ display: flex;}
.artList .post.big .item,.artList.zmt .big .item{flex-flow: column;}
.artList .post.big .item .text{padding-left: 0px;padding-right:0px;margin-top: 15px;}
.artList .post.big .item .pic,.artList.zmt .big .item .pic{width: 100%;height: auto;border-radius: 6px;}
.artList.zmt .big .item .pic{aspect-ratio: auto;border-radius: 4px;}
.artList .post.big .item .btn{ display: none;}
.artList .item .pic{font-size: 0;width: 110px;height: 110px;border-radius: var(--um-radius);overflow: hidden;background-color: #ededf0;}
.artList .item .pic img{width: 100%;height: 100%; object-fit: cover;}
.artList .item .text{flex: 1;padding-left: 15px;padding-right: 88px;position: relative;}
.artList .item .text .isTop{ display: inline-block; padding: 0 5px; height: 22px; line-height: 21px;vertical-align:2px;color: #fff;border-radius: 4px; font-size:15px;margin-right: 3px;}
.artList .item.art .text{padding-right: 0px;}
.artList .item .text h3{ height: 28px; line-height: 28px; font-size: 22px;}
.artList .item .text h3 i{color: #f00;}
.artList .item .text h3,.artList .item .des{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.artList .item .text .tit mark,.artList .item .des strong{background: none; font-weight: normal;color: #f00;}
.artList .item .fot,.artList .item .des{font-size: 12px;color: #999; margin-top: 10px;}
.artList .item .des{line-height: 1.5;font-size: 14px;-webkit-line-clamp: 2;}
.artList .item .fot > span{ padding-right:16px;vertical-align: top;}
.artList .item .fot > span:last-of-type:{padding-right:0px;}
.artList .item .fot span[class*="star"]{line-height: 10px;height: 14px;display: inline-block;margin-top: 1px;}
.artList .item .red{color: red;}
.artList .item .btn{position: absolute;top:50%;right: 0px;display: block;width: 68px;height: 24px;line-height: 22px;font-size: 14px;background: #fff;border: 1px solid var(--um-color);color: var(--um-color);text-align: center;cursor: pointer;border-radius: 4px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; transform: translateY(-50%);}
.artList .item a:hover .btn{background: var(--um-color); color: #fff;}
.artList .noArr{ text-align: center; padding: 100px 0 120px;color: #999;}
.artList .noArr img{ max-width: 180px;}

.artList.zmt .item,.artList.zmt .item > a{align-items: flex-start;}
.artList.zmt .item .pic{ width: 210px; height: auto;aspect-ratio: 4 / 3;border-radius: 4px;}
.artList.zmt .item .text{padding-right: 0px;}
.artList.zmt .item .des{line-height: 1.6;}
.artList.zmt .item .fot, .artList.zmt .item .des{margin-top: 12px;font-size: 14px;}

.searchPage .artList .item .text{padding-right: 0px;}

/*专题列表*/
.full .artBox{padding-right: 0;width: 100%;float: none;}
.special .artBox .artList .post{margin:10px;width: calc(100% / 4 - 20px);top: 0; padding:0px 0px 38px; position: relative;border:solid 1px #eee;  border-radius: 4px;overflow: hidden;}
.special .artBox .artList .pic{ font-size: 0; position: relative;background-color: #ededf0;}
.special .artBox .artList .pic:after{ content: ''; display: block; padding-top: 60%;}
.special .artBox .artList .pic img{ width: 100%; height: 100%; overflow: hidden; position: absolute; object-fit: cover;}
.special .artBox .artList .text{margin-top: 12px;font-size: 12px; padding: 0 15px;}
.special .artBox .artList .text .tit{font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.special .artBox .artList .des{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 8px;max-height: 56px;line-height: 1.5;color: #999;}
.special .artBox .artList .fot{color: #999; position: absolute; bottom:10px; left:15px; right:15px;}
.special .artBox .artList .fot span{ font-size: 12px; color: #aaaaaa;}
.special .artBox .artList .fot span.date:before{content: "\f20f";font-family: remixicon !important;vertical-align:0px;margin-right: 3px;}
.special .artBox .artList .fot span.num{ float: right;margin-top:0px;}
.special .artBox .artList .fot i{color: var(--um-color); margin:0 4px}

.special #article{display: flex; flex-wrap: wrap;margin: -10px -10px;}
.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 .umPost{margin-bottom:15px;}
.single.special .umPost.umRelevant{margin-top: 0;}
.single.special .umPost:last-of-type{ margin-bottom: 0;}
.single.special .umPost.specialHead{ z-index: 2;}
.single.special .umPostApp{ padding: 0; display: flex;background-color:transparent;}
.single.special .umPostApp .imgBox{ width: 100%; max-width: 500px; -ms-flex-negative: 0;flex-shrink: 0; font-size: 0;}
.single.special .umPostApp .imgBox .img{position: relative;overflow: hidden;background-color: #e9eaf0;border-radius: 4px;}
.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: #f9f9f9;margin: 10px 0 20px 0;font-size: 14px;position: relative;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;text-align: justify;text-justify: distribute-all-lines;-webkit-text-align-last: justify;-webkit-box-orient: inherit;}
.single.special .umPostApp .umDes i{position: absolute;font-size: 24px;opacity: .1;}
.single.special .umPostApp i.ri-double-quotes-l {top: 8px;left: 15px;}
.single.special .umPostApp i.ri-double-quotes-r {bottom: 4px;right: 15px;}
.single.special .umPostApp .umTags{ padding-top: 0;}
.single.special .umPostApp .postTitle .titBox{display: flex;justify-content: space-between;}
.single.special .umPostApp .postTitle .titBox h1{display: inline-block;margin: 0;padding: 0 30px 0 0}
.single.special .umPostApp .postTitle .num{position: relative; top: 2px; color: #aaa;max-width:100%;-ms-flex-negative: 0;flex-shrink: 0;}
.single.special .umPostApp .postTitle .num i{ font-size: 20px; font-weight: bold; color: var(--um-color); margin:0 4px;}
.single.special .postTitle .fot{ margin: 8px 0 0;}

.special .umApps{margin: -10px;display: flex;flex-wrap: wrap;}
.special .umApps li{ width: calc(100% / 3 - 20px); margin: 10px;padding:20px; background: #f9f9f9; border-radius:5px;}
.special .umApps li a{ display: block;}
.special .umApps li .head{display: flex;}
.special .umApps li .umPic{ width:72px;height: 72px;flex-basis: 72px;-ms-flex-negative: 0;flex-shrink: 0;border-radius: 15px; overflow: hidden;background-color: #e9eaf0;font-size: 0; position: relative;}
.special .umApps li .umPic:after{ content: ''; padding-top: 100%; display: block;}
.special .umApps li .umPic img{ position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;;}
.special .umApps li .umText{ padding-left: 15px;width: 100%;position: relative;}
.special .umApps li .umText .tit{ font-size: 16px;}
.special .umApps li .umText .tit,.special .umApps li .des{text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; max-height: 45px;}
.special .umApps li .umText .umInfo{ font-size: 12px;color: #aaa; margin-top: 10px;}
.special .umApps li .umText .umInfo span a{ color: #aaa;}
.special .umApps li .umText .umInfo span a:hover{color: var(--um-color);}
.special .umApps li .umText .umInfo span{ display: inline-block; width:auto; margin-right:0px;}
.special .umApps li .umText .umInfo [class*="star"]{ width: 100%; margin-right: 0;}
.special .umPostApp .rate [class*="star"]:before{content: "星级："; margin-right: -2px;opacity: 1;}
.special .umApps li .des{ margin-top: 20px; font-size: 12px;color: #999;line-height: 1.7; max-height: 38px;}
.special .umApps li .des span{color: #2d2d2d; font-weight: 500;}
.special .umApps li .btn{position: absolute;right: 0px;bottom: 0px;display: block;height: 24px;width: 60px;text-align: center;line-height: 22px;font-weight: normal;color: #999;background-color: #f9f9f9;border: 1px solid #eee;border-radius:4px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.special .umApps li a:hover .btn{background:var(--um-color);color:#fff; border-color:var(--um-color);}
.special .umApps li.noList{width: 100%;}

.artBox .title .subcate{flex: 1; margin-left: 30px;}
.artBox .title .subcate ul{display: flex;justify-content: flex-end;}
.artBox .title .subcate li{ margin-left: 10px;font-size: 15px;}
.artBox .title .subcate li a{ height: 25px; line-height: 25px; padding: 0 4px;border-radius: 4px;}
.artBox .title .subcate li.active a{background:var(--um-color);color:#fff;}

/*文章目录*/
.treeList{position:fixed; width: 100%; max-width: 300px; top:53%;transform: translateY(-50%);right: -300px;box-shadow: 0 0px 15px rgba(0,0,0,0.08); z-index: 12; border: 1px var(--um-color) solid; padding:15px; display: none;-moz-osx-font-smoothing: auto;-webkit-transition: right 0.3s ease;-o-transition: right 0.3s ease;transition: right 0.3s ease;}
.treeList.in{right: -1px;}
.treeList .tree{ position: relative; max-height: 480px; min-height: 62px;}
.treeList li{font-weight: normal;line-height: 34px;position: relative;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0 10px; margin-bottom: 0px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.treeList li:last-child{ margin-bottom: 0;}
.treeList li a{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color: #081018;}
.treeList li:after,.treeList:after{ content: ''; position: absolute;background:var(--um-color); opacity: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.treeList:after{ opacity: .95;background:#fff;}
.treeList li.active a{ color: var(--um-color);}
.treeList li.h2{ font-weight: 600;}
.treeList li.h3{ font-weight: 500;}
.treeList li.h4{ margin-left:15px;}
.treeList li.h5{ margin-left:30px;}
.treeList li.h6{ margin-left:45px;}
.treeList .treeBj{background: var(--um-color); position: absolute;left: 0;top: 0;height: 0;width:100%;z-index: -1;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; opacity: .08;display: none;}
.treeList .treeBtn{ position: absolute; width:30px;padding:10px 2px 10px; line-height: 15px; background:var(--um-color); color:#fff;text-align: center; left: -30px;top:50%; transform: translateY(-50%); cursor: pointer; height: 94px;}
.treeList .treeBtn:after{content: "\ea5c";font-family: remixicon !important; font-size:13px; font-style: normal; width: 14px; height: 14px; display: block; margin: 2px auto 0;}
.treeList.in .treeBtn:after{content: "\ea68";}
.reading .treeList{ z-index: 10002;}

/*内容页*/
.warpBox .umPost{background: #fff; padding: 20px; margin-bottom: 15px;}
.warpBox .umPost:last-of-type{margin-bottom: 0;}
.single .umArtPost{background: #fff;padding:16px 24px 6px;}
.single .umArtPost.umSp{padding:24px 24px 24px 24px;}
.single .postTitle{ position: relative; padding:15px 0 8px 0;margin-bottom: 20px;text-align: center;border-bottom: 1px dashed #ebebeb;}
.single .postTitle .tit{ font-size: 26px; font-weight: 500; line-height: 1.5;}
.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 0;width: 100%; display: inline-block;}
.single .postTitle .fot span{margin:0 8px 5px; font-size: 14px;color: #999; display: inline-block;}
.single .postTitle .fot span a{color: #999;}
.single .postTitle .fot span a:hover,.single .postTitle .fot li a:hover{color: var(--um-color);}
.single .postTitle .fot span i{ margin-right: 5px;vertical-align: 0px;}
.single .postTitle .fot span i.ri-folder-line{vertical-align: 0px;}
.single .postTitle .fot span .img{ width: 20px; height: 20px; margin-right:5px;float: none; vertical-align:-5px; border-radius: 50px;object-fit: cover;object-position: center;display: inline-block;font-size: 0;background-color: #ededf0;}
.single .postTitle .fot span.view i{vertical-align: 0;}
.single .postTitle .fot span.view i.hot1{ color: #FE5C5C;}
.single .postTitle .fot span.view i.hot2{ color: #FF9900;}
.single .postTitle .fot span.view i.hot3{ color: #06B6E8;}
.single .postTitle .fot span span.datetime{margin-right: 0px;}

.single .postTitle .fot ul{ margin: 0 0 0 -20px;}
.single .postTitle .fot li{ width: calc(100% / 3 - 40px); line-height: 24px; margin: 2px 20px; display: inline-block; vertical-align: top;font-size: 14px;}
.single .postTitle .fot li label,.single .postTitle .fot li .null{color: #999;}
.single .postTitle .fot li span,.single .postTitle .fot li a{color: #999;font-size: 14px; margin: 0;}
.single .postTitle .fot li .rate [class*="star"]:before{ display: none;}
.single .postTitle .fot li .rate { width: auto;}

.single.page .postTitle{ margin-bottom: 20px;text-align: left;padding: 0px 0 8px 0;}

.single .umBody{width:100%;margin:0 0 15px 0;padding:0px 0 0 0;font-size:15px;text-align:justify;clear:both;word-break:break-all;line-height:1.8;overflow: hidden;position: relative;}
.single .umBody a{text-decoration:none;color: var(--um-color);}
.single .umBody a:hover{text-decoration:underline;color:var(--um-color)}
.single .umBody em{font-style: italic;}
.single .umBody p{margin:0 0 20px 0;padding:0;text-indent:0;border: none; word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify;text-justify:distribute-all-lines;-webkit-text-align-last:justify;}
.single .umBody li p{ margin: 0;}
.single .umBody .isImg{font-size:0px;}
.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:#f9f9f9;overflow: hidden;border-radius: 4px;}
.single .umDown.umPass{background-color: #f9f3f3;padding: 20px; position: relative;}
.single .umDown.umPass i.ri-lock-fill,.single .umPopBox.in .umDownTips i.ri-lock-fill{ position: absolute; top: -1px; right: -1px; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; background-color: #d2cccc; border-bottom-left-radius: 10px; z-index: 1;}
.single .umDown.umPass:after{ content: ''; position: absolute; top:0px; bottom: 0px; left: 0px;right: 0px;border: 1px dashed var(--um-color);opacity: .5;}
.single .umDown.umPass .tips{ color: #8a8a8a;margin-top: -4px;}
.single .umDown.umPass .tips span{ color: #f33;}
.single .umDown.umPass .tips a{ padding: 0 4px;}
.single .umPopBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;visibility: hidden;opacity: 0;}
.single .umPopBox .umPopMask{ position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);}
.single .umPopBox .umDownTips{ position: absolute; width: 100%; max-width: 500px; top: 50%; left: 50%; margin-left: -250px; transform: translate(0%,-50%); background-color: #fff; padding:20px 25px; text-align: center;border-radius: 8px; z-index: 1; line-height: 1.8; overflow: hidden;}
.single .umPopBox.in{visibility: visible;opacity: 1;z-index: 100;}
.single .umPopBox.in .umDownTips{-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown1;animation-name: bounceInDown1;}
.single .umPopBox .umDownTips .tips{ position: relative; z-index: 1;}
.single .umPopBox .umDownTips .tips a{ margin: 0 2px; padding: 0; width: auto;min-width: auto; height: auto; line-height: normal;background:none; color: var(--um-color);}
.single .umPopBox .umDownTips .tips span{color: #f33;}
.single .umDown.umPass.lDown{background-color: #f9f9f9;}
.single .umDown.umPass.lDown .umTitle{ padding-left: 58px;margin-bottom: 0;}
.single .umDown.umPass.lDown .umTitle:before{ font-size: 56px;top: -22px;}
.single .umDown.umPass.lDown:after{border: 1px dashed #ccccd2;}
.single .umDown.umPass.lDown i.ri-lock-fill,.single .umPopBox.in .umDownTips i.ri-lock-fill{background-color: #ccccd2;}
.single .umDown ul{ padding: 0; margin: 0;}
.single .umDown li{list-style:none; background-color: #f0f0f0; height: 36px; line-height: 36px; margin: 5px 0 0;display: inline-block; width: 100%; overflow: hidden; position: relative; padding-right: 78px;border-radius: 4px;}
.single .umDown li .downUrl{ display: inline-block;}
.single .umDown li .downUrl span{ padding-left: 10px;}
.single .umDown li .downUrl span:before{content: "\ec58"; display: inline-block; margin-right: 5px; opacity: .68; font-family: 'remixicon';}
.single .umDown li .downBtn{ float: right;}
.single .umDown li .downBtn.url{float: none; display:inline; padding-left: 10px;}
.single .umDown li .downBtn span{ cursor: pointer;}
.single .umDown li a{ padding: 0 10px;display: inline-block; color: #2d2d2d;}
.single .umDown li .downBtn a{ position: absolute; right: 0; top:0px; background-color: var(--um-color); color: #fff; min-width: 68px; text-align: center;}
.single .umDown li .downBtn span{ opacity: .4;font-size: 13px;}
.single .umDown .umDownTips{ margin-top: 8px; color: #a8a8a8; font-size: 13px;}
.single .umDown .umTitle{ padding-left: 48px; position: relative;z-index: 1; margin-bottom: 8px;}
.single .umDown .umTitle:before{content: "\ee4c";font-family: 'remixicon'; position: absolute; left: -4px; top: -11px; font-size: 44px;color: var(--um-color)}
.single .umDown .umTit{ margin: 0; padding-top: 0; font-size: 18px; padding-left: 0;}
.single .umDown .umTit::before{ display: none;}
.single .umDown .umFot{ color: #8a8a8a; font-size: 13px;text-align: left;}
.single .umDown .umFot span{ margin-right: 15px;}
.single .umDown.field .umTitle{padding-left: 28px;}
.single .umDown.field .umTitle:before{font-size: 24px; top:3px; 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{font-size:18px;position: relative;line-height: 1.8;}
.single .subTit:before,.single h3.subTit:before,.umBody h3:before{height:18px;top:9px;}

.single .umPicSwiper{ padding: 0 0 30px; margin:30px 0 0px 0; width: 100%; display: inline-block; position: relative; overflow: hidden;z-index:1;}
.single .umPicSwiper .subTit{margin-bottom: 15px;}
.single .umPicSwiper .swiper-pagination{width: 100%;line-height: initial; bottom: 0px;}
.single .umPicSwiper .swiper-pagination-bullet{ width: 6px; height: 6px; margin:3px 3px 0;}
.single .umPicSwiper .swiper-pagination-bullet-active{background-color: var(--um-color);}
.single .umPicSwiper .swiper-slide,.single .umPicSwiper .swiper-slide .item img{ height:300px; width: auto;background-color:#ededf2; }
.single .umPicSwiper .swiper-slide .item{ font-size: 0;}
.single .umPicSwiper .umPicArr.swiper-container-horizontal{ display: block;}
.single .umPicSwiper .umPicArr{ display: none;}

.single .umRelPic .umPic{ font-size: 0;overflow: hidden;}
.single .umRelPic .item .tit{ font-size: 14px; padding: 15px 0 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.single .umRelPic .umPic .imgLazy{position: relative; display: block; overflow: hidden;background: #ededf2;}
.single .umRelPic .umPic .imgLazy:after{ content: ''; padding-top:75%;display: block;}
.single .umRelPic .umPic .imgLazy img{ position: absolute; top: 0; left: 0;object-fit: cover;height: 100%;width: 100%;}

.single .umRelevant { margin-top: 20px;}
.single .umRelevant .noList{ text-align: center; padding: 40px 0;background: #f9f9f9;}
.single .umRelevant .noList i{opacity: .1;}
.single .umRelevant .noList p{ padding:0;opacity: .1; font-size: 20px; font-weight: 500;}
.single .umRelevant .swiper-lazy-preloader{ width: 24px; height: 24px; margin-top: -12px; margin-left: -12px;}

.single .appPost{padding-top: 5px;}
.single .appPost ul{margin-left: 0rem;margin-bottom: 0rem;}
.single .appPost .post{ background: #f9f9f9; padding: 15px;list-style: none; margin-top: 15px; border-radius: 4px;}
.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;display: block;}
.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: 68px; height: 30px; line-height: 28px;border-radius:4px; 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: var(--um-color);background-color: #f9f9f9;display: block;border: 1px solid var(--um-color);}
.single .appPost .umText .infoBtn a:hover{background-color:var(--um-color);color:#fff}

.single .appPost .umText .tit{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.single .appPost .umText .tit a{color: #2d2d2d; font-size: 16px; font-weight: 500;text-decoration: none;}
.single .appPost .umText .umInfo{ font-size: 12px;text-align: justify;max-height: 38px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #666; margin-top: 6px;}
.single .appPost .umText .info{ margin-top: 4px;}
.single .appPost .umText .info span{ color: #666;font-size: 12px; margin-right: 10px; opacity: .68;}
.single .appPost .umText .info span a{color: #666;}
.single .appPost .umText .info span a:hover,.single .appPost .umText .tit a:hover{color: var(--um-color)}
.single .appPost .umText .info span:last-of-type{ margin-right: 0;}

.umBody div.syntaxhighlighter{margin:.5em 1em .5em 2em!important;width:auto!important}
.umBody li p{overflow:visible;text-indent:0;margin:3px 0}
.umBody ol,.umBody ul{margin-left: 2.8rem;margin-bottom: 2rem;}
.umBody li{list-style: inherit;}
.umBody code{width:93%;padding:5px;background:#f8f8f9;}
.umBody blockquote{width: 100%;display: inline-block;background:#f8f8f8;border-left:0.3rem solid #c7dfee;margin:2rem 0px 2.5rem;padding: 2rem;}
.umBody blockquote h1,.umBody blockquote h2,.umBody blockquote h3,.umBody blockquote h4,.umBody blockquote h5{ margin: 5px 0;}
.single .umBody blockquote p{margin: 5px 0;}
.single .umBody blockquote p:last-of-type{ margin-bottom: 0;}
.umBody img{max-width:100%;width:auto;height:auto; vertical-align: top}
.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:0px 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: 12px;color: var(--um-color)}
.umBody h4{font-size:16px}
.umBody h5{font-size:15px}
.umBody h6{font-size:14px}
.umBody h3:before{ top:8px}

.umBody .umDes{ padding:15px 50px; background:#f8f8f9; margin:0px 0 22px 0; font-size:14px; position:relative;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify;text-justify:distribute-all-lines;-webkit-text-align-last:justify;-webkit-box-orient: inherit;}
.umBody .umDes:before{ content: ''; width: 3px;top:0; bottom:0;left:0; position: absolute; display: block; background-color:var(--um-color);opacity: .3;}
.umBody .umDes i{ position:absolute; font-size:24px; color:var(--um-color); opacity: .4;}
.umBody .umDes i.ri-double-quotes-l{ top:8px; left:15px;}
.umBody .umDes i.ri-double-quotes-r{ bottom:4px; right:15px;}
.umBody blockquote p{ margin:10px 0;}

.single .umBody.umHight{ padding-bottom: 60px;}
.single .umBody.umHight .readmore{ position: absolute; height: 150px; bottom: 0; right: 0; left: 0; text-align: center;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 50%); z-index:3}
.single .umBody.umHight .readmore a{ display: inline-block; text-decoration: none; background: rgba(255,255,255,0); margin-top: 100px; padding: 0 20px; height: 36px; line-height: 34px; border: 1px solid var(--um-color); border-radius:5px; color: var(--um-color);-webkit-transition:all .3s;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.single .umBody.umHight .readmore a:hover{border: 1px solid var(--um-color); background: var(--um-color); color: #fff;}

.single .umBody .link{ font-size: 0;display: flex;flex-wrap: wrap;}
.single .umBody .link a{font-size: 14px; text-decoration: none;color: #2d2d2d; display: inline-block; width: calc(100% / 4);text-align: center;padding:15px;border-bottom: 1px solid rgba(114,116,118,.05)}
.single .umBody .link a img{display: block;width:48px; height: 48px;font-size: 0; border-radius: 4px;margin: 0 auto;padding: 2px; background-color: #fff;box-shadow: var(--box-shadow);}
.single .umBody .link em{font-size: 16px; font-weight: 500; font-style: normal; width: 100%; margin: 10px 0 0;display: block;}
.single .umBody .link p{color: #666;line-height: 1.4;text-align: center;font-size: 13px;margin:3px 0 0 0}

/*商品*/
.umPostApp{position: relative;z-index:0; width: 100%; display: inline-block;}
.umPostApp .postTitle{ text-align: left;border-bottom:none;}
.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 .swiper-slide .swiper-lazy-preloader{width: 30px;height: 30px;margin-left: -15px;margin-top: -15px;}
.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{ flex: 1; 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 .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 .boxItem{ display: flex; float: none;width: 100%;}
.umPostApp .box .imgBox{width:120px;-ms-flex-negative: 0;flex-shrink: 0;text-align: center;}
.umPostApp .box .img{ width: 100%; border-radius:var(--um-radius);background-color: #e9eaf0;}
.umPostApp .box .img::after{ padding-top: 100%;}
.umPostApp .shopBtn{ text-align:left; padding: 0;margin-top:10px;}
.umPostApp .shopBtn a{ margin:10px 10px 0 0; color: #fff;}
.umPostApp .box .text{ width: 100%;}
.umPostApp .rate{ margin-top: 10px; display: inline-block; width: 100%;}
.umPostApp .rate [class*="star"]{ font-size: 16px; margin-right: 0;}
.umPostApp .rate [class*="star"]:before{content: "星级"; margin-right: 3px; font-size: 12px; display: inline-block; vertical-align: middle; opacity: .6;}
.umPostApp .rate span[class*="star"] i{ margin: 0;color: #D0D5DD; vertical-align: 0px;font-size: 12px;}
.umPostApp .rate span[class*="star"] i:before{content: "\f186";font-family: 'remixicon' !important;}
.umPostApp .rate span.star1 i:nth-of-type(1){ color: #ffb402;}
.umPostApp .rate span.star2 i:nth-of-type(-n+2){ color: #ffb402;}
.umPostApp .rate span.star3 i:nth-of-type(-n+3){ color: #ffb402;}
.umPostApp .rate span.star4 i:nth-of-type(-n+4){ color: #ffb402;}
.umPostApp .rate span.star5 i{ color: #ffb402;}
.umPostApp .rate span.star0 i{ color: #D0D5DD;}
.umPostApp .rate span.star::before{content: "";}

.umPostApp.shop .box .imgBox{width: 342px;}
.umPostApp.shop .box .img{border-radius: 4px;}
.umPostApp.shop .box .img:after{padding-top: 75%;}
.umPostApp .umLabel li{color: #999;}

.single .umPostApp .postTitle .tit{ margin-top: -3px; padding-right: 100px;}
.single .umPostApp .postTitle{ margin-bottom: 0;margin-top:0;padding-top: 0;padding-bottom: 0;}
.single .umPostApp .postTitle .fot{ display: flex;}
.single .umPostApp .postTitle .fot span{ margin-left: 0; margin-right: 16px;}
.single .umPostApp .postTitle .label,.single .umPostApp .fotText{flex:1;padding-right: 20px;}
.single .umPostApp .postTitle .isGood{ width: 120px;display: flex;flex-flow: column;margin: -2px 0 0;}
.single .umPostApp .postTitle .isGood li { width: calc(100% / 1 - 0px);margin: 2px 0;}
.single .umPostApp .postTitle .isGood  span{margin-right: 0px;}
.single .umPostApp .postTitle .isGood a{ display: block; background-color: #f6f6f6; border-radius: 30px; cursor: pointer; padding: 0 12px;}
.single .umPostApp .postTitle .isGood i{ padding-right: 6px; margin-right: 6px; display: inline-block; border-right: solid 1px #eee;}
.single .umPostApp .postTitle .isGood span{color: var(--um-color);}
.single .umPostApp .umDes{font-size: 14px;margin: 5px 0;}
.single .umPostApp .toComm{position: absolute; top: 5px; right: 0px;}
.single .umPostApp .toComm a:before{font-size:16px; margin-right: 3px;}

.shopBtn a{ display:inline-block; height:40px; line-height:38px; min-width:150px; padding: 0 15px; text-align:center; font-size:16px; color:#fff; background:#f4a426; margin:7px 14px 7px 0;-webkit-transition:background .3s ease;-ms-transition:background .3s ease; transition:background .3s ease; border-radius:4px;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: 5px;-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:#ff6f6f}
.shopBtn a.down{background:#049df9}
.shopBtn a.qq{ background:#86c12f}
.shopBtn a.normal{ background:#21c03a;}
.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}

/*点赞，打赏*/
.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: #ff995f; 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;border-radius: 4px;}
.umLike a:hover{color: #fff!important;}
.umLike a i{ font-size:16px; vertical-align:0px;}
.umLike a span{ margin-left: .5rem}
.umLike a.reward{ background:#F27272}
.umLike a.reward i{ margin-right: 3px;}
.umLike a.comiis_poster_a{ background:#7d9cd6}
.umLike a:hover{ opacity: .8;}

.umReward{ width: 300px; min-height: 180px; padding: 20px; background: #fff; border-radius:.5rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index:-1; opacity: 0; visibility: hidden; text-align: left;}
.umReward.in{-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown2;animation-name: bounceInDown2;visibility: visible;z-index: 1001;opacity: 1;}
.umReward ul {margin: 0 0 15px 0px;font-size: 0; display: block;}
.umReward .list { text-align: center;}
.umReward .list li{ display: inline-block; font-size: 14px; margin: 5px 15px 0 5px; position: relative; padding-left: 20px; cursor: pointer; color: #9ca0ad}
.umReward .list li.cur{ color: #333;}
.umReward .list li i{ position: absolute; display: block; top: -2px; left: -4px; font-size: 20px; color: #AAA8A8;font-family: "remixicon" !important;}
.umReward .list li.cur i{ color: #22ab38}
.umReward #listCon{position: relative;}
.umReward #listCon div{opacity: 1;display: none;}
.umReward #listCon div.cur{ opacity: 1; display: block;}
.umReward #listCon div img{border-radius:0px; overflow: hidden; display: block;margin: 0;width: 100%;}
.umReward .tipsBox{ text-align: center; padding-top: 15px;font-size: 14px;}
.umReward .tipsNoPic{ text-align: center; padding-top: 40px;font-size: 12px; opacity: .6;}
.umReward .tipsNoPic h4{ font-size: 18px; padding-bottom: 10px;}

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

/*标签*/
.single .umTags a{ display: inline-block; margin-right: 10px; position: relative; padding-left: 10px;opacity: .68;}
.single .umTags a:before{ content: '#'; position: absolute; left:0px; opacity: .6;}
.single .artBox .umRelevant .title,.single .artBox .commBox .title{margin-bottom: 12px;}
/* .single .artBox .umRelevant .title h2,.single .artBox .commBox .title h2{ padding-left: 0px;}
.single .artBox .umRelevant .title h2:before,.single .artBox .commBox .title h2:before{display:none;} */

/*----------- 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:10px;}
.cmBox{ margin-bottom:10px;}
.cmBox.tit{padding:1rem 0; font-size:1.8rem;font-weight: 500; margin-bottom:2rem; position:relative;}
.cmBox.tit:before{position:absolute;width:3rem;height:2px;display:block;content:" ";border-radius:5rem; background:var(--um-color); left:0; bottom:0rem; opacity:.8;}
.msgArticle{padding:1rem .2rem}
.avatar{float:left;position:relative;-webkit-border-radius:50px;border-radius:50px;background-color:#fff;margin-right:1rem}
.avatar img{width:4rem;height:4rem;object-fit: cover;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.avatar img:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);}
.commBody{position:relative;margin-left:6.2rem;padding:0 2rem 1.8rem!important; background:#f9f9f9;border-radius: 4px;}
.commBody:before{z-index:1}
.commBody:after{border-right-color:#f9f9f9!important;margin-left:1px;z-index:2}
.commBody:after,.commBody:before{position:absolute;top:.8rem;left:-.8rem;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid solid;border-width:.8rem .8rem .8rem 0;pointer-events:none}
.commBody .commInfo{font-size:1.4rem;color:#666666;line-height:2rem;margin:.5rem 0 1.5rem 0;word-wrap:break-word}
.commBody .commInfo a{ margin-right: 4px; color: var(--um-color);opacity: .6;}
.commBody .commInfo a:hover{opacity:1;}
.msgname .msgname{ margin-top: 12px;}
.commBody .commInfo .commBody{background: #fff; margin-left: 5.2rem;}
.commBody .commInfo .commBody .commTop{background: #fff;}
.commBody .commInfo .commBody:after{border-right-color: #fff!important;}
.commBody .commInfo .commBody .commTop a{color:#666666;}
.commTop{padding:1.2rem 1rem 1rem;margin-left:-1rem;margin-right:-1rem;margin-bottom:1rem;font-weight:500;font-size:1.4rem;background:#f9f9f9;}
.commTop a,.commTop span.ip{color:#9ca0ad;font-size:12px;margin-right:.68rem}
.commTop span.ip{ background-color: #f9f9f9; border:1px solid #f9f9f9; 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%;font-size:12px;clear:both;position:relative;z-index:5;overflow:hidden;margin-bottom: 5px;}
#divCommentPost p a{display: inline-block;margin-right:.6rem;margin-bottom: 6px;cursor:pointer;text-decoration:none;color:#666666;}
#divCommentPost p a#cancel-reply{float: right;margin-right: 0;}
#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%; line-height:1.6;border:1px solid #f2f2f2;background:#f9f9f9;font-size:14px;border-radius: 4px;}
.post-toolbar{margin-top:15px; overflow: hidden;}
input.button{height:4rem;width:13rem;text-align:center;font-size: 18px;font-weight:600;border:none;color:#FFF;background-color:var(--um-color);box-shadow:none;cursor:pointer;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;border-radius: 4px;}
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 #f2f2f2;height:3.6rem;padding:.3rem .5rem;outline:0;width:100%;box-shadow:none; background:#f9f9f9;border-radius: 4px;}
.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:#f9f9f9;width: 100%; margin: 25px 0 0;border-radius: 4px;}
.umCopyright a{color: var(--um-color);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; opacity: .6;}
.umCopyright a:hover{ opacity: 1;}

/*分享*/
.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: #f9f9f9; border-radius: 100px;}
.umShare a:hover{}
.umShare a i{ font-size: 16px;font-family: 'remixicon' !important;}
.umShare a.qq i{ color: #15b5e9;}
.umShare a.qz i{ color: #ffb300;}
.umShare a.weixin i{ color: #20b767;}
.umShare a.weibo i{ color: #f66;}
.umShare [class*="star"]:before{content: "\f18e";vertical-align: 1px;}
.umShare .umCode{ display: none; position: fixed; width: 200px; height: 200px; padding: 15px;background: #fff; top: -188px;box-shadow: 0 0 25px rgba(0,0,0,.1); top:50%; left: 50%; margin-top: -100px;margin-left: -100px;}

/*上下页*/
.umNavPage{margin-top: 20px; font-size: 0;}
.umNavPage div{ height: 30px; line-height: 30px; width: 50%; display: inline-block; font-size: 14px;text-overflow: ellipsis;white-space: nowrap;position: relative; overflow: hidden; position: relative;}
.umNavPage div i{ position: absolute; top: 0px; font-size: 20px; opacity: .3;}
.umNavPage .prev{ padding-right: 20px; padding-left: 16px;}
.umNavPage .next{ text-align: right; padding-left: 20px;padding-right: 16px;}
.umNavPage .prev i{ left: -7px;}
.umNavPage .next i{ right: -7px;}

.umRelevant { margin-top: 20px;}
.umRelTit{ display: flex;margin: 0 -15px;flex-wrap: wrap;}
.umRelTit li{ width: calc(100% / 2 - 30px); margin: 0 15px; height: 36px; line-height: 36px; padding-left: 12px; font-size: 15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.umRelTit li:after{content: ''; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; background-color: var(--um-color); border-radius: 20px;}

.umRelTit.umPic {margin:0px -12px 0;}
.umRelTit.umPic li{width: calc(100% / 8 - 24px);margin: 10px 12px 10px 12px;height: auto; line-height:inherit;padding-left: 0px; text-align: center;white-space: normal;}
.umRelTit.umPic li:after{ display: none;}
.umRelTit.umPic li .pic{aspect-ratio: 1 / 1; margin-bottom: 12px;max-width: 85px;margin-left: auto;margin-right: auto;}
.umRelTit.umPic li .pic img{width: 100%;height:100%; object-fit: cover;}
.umRelTit.umPic li h3{display: block;overflow: hidden;height: 22px;line-height: 22px;}

.umRelTit.umPic.zt {margin:-8px -10px 0;}
.umRelTit.umPic.zt li{width: calc(100% / 4 - 20px);border-radius: 4px;margin: 16px 10px 4px;}
.umRelTit.umPic.zt li .pic{aspect-ratio:4 / 2.5;margin-bottom:0px;border-radius: 4px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;max-width: none;}
.umRelTit.umPic.zt li .tit{ position: absolute;bottom: 0px;left: 0;right: 0;text-align: center;background-color: #0000008a;height: 32px;line-height: 32px;}
.umRelTit.umPic.zt li span{ padding: 0 10px;}
.umRelTit.umPic.zt li a{ color: #fff;}
.umRelTit.umPic.zt li a:hover .pic{ opacity: .8;}	
.umRelTit.umPic.zt li a:hover{color: var(--um-color);}

/*侧栏模块*/
.sidebar {float:right;margin-left: -310px;width: 310px;}
.widget{background:#fff; padding:24px 24px 15px 24px; margin-bottom:15px;}
.widget div{ font-size: 14px;}
.widget .pic img{width: 100%;height:100%; object-fit: cover;}
.widget:last-child{ margin-bottom: 0;}
.widget .sidTit{padding-bottom:17px; padding-top:0px; margin-bottom:8px;font-size:22px;position:relative; text-indent:12px; line-height: 20px;border-bottom: 1px solid #eee;display: inline-block;width: 100%;}
.widget .sidTit b{color: var(--um-color); font-weight:normal;}
.widget.divSearchPanel .sidTit{border-bottom:none;padding-bottom:6px;}
.widget .sidTit:after{content:"";width:3px;height:21px;background:var(--um-color);position:absolute;left:0; top:1px;}
.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,.widget .umAppTops li.noArr,.widget.umHotView li.noArr{ width: 100%;display: inline-block; margin: 8px 0 10px; height: auto !important; 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; background-color: #f9f9f9;border-radius: 4px;}
.widget.divTags li a span{font-size:12px;}
.widget.divTags li a:hover{color:#fff; background: var(--um-color);}
.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,.widget.divSearchPanel form input[type=submit]{ position: absolute; border: medium none;font-size: 16px; background:var(--um-color);height: 36px;line-height: 36px;color: #fff;padding:0 15px; top:0px; right:0px; height: 100%; cursor: pointer;font-family: 'remixicon';}
.widget.divSearchPanel form button::before{content: "\f0d1";}

/*tabs模块*/
.widget.umAppTabs{ padding: 24px 24px 15px 24px; position: relative;}
.widget.umAppTabs .umTabe{position: absolute; right: 22px; top: 24px;}
.widget.umAppTabs .umTabe span{height: 36px; line-height: 26px; font-size: 15px; cursor: pointer; padding-left: 20px;position: relative;opacity: .8;position: relative;}
.widget.umAppTabs .umTabe span:after{content: ""; position: absolute; top: 4px; left:10px; width: 1px;height: 15px;background-color: #dbdbdb;}
.widget.umAppTabs .umTabe span:first-of-type{padding-left:0px;}
.widget.umAppTabs .umTabe span:first-of-type:after{ display: none;}
.widget.umAppTabs .umTabe span.active{color:var(--um-color);opacity: 1;}
.widget.umAppTabs ul{ margin: 0 -6px;}
.widget.umAppTabs li{height: auto; width: calc(100% / 3 - 12px); margin:11px 6px 4px; display: inline-block;white-space: inherit; vertical-align: top;}
.widget.umAppTabs li .pic{width:76px;height: 76px;}
.widget.umAppTabs li .text{text-align: center;line-height: 16px; margin-top: 10px;}
.widget.umAppTabs li h3{width: 100%;height: 20px;line-height: 20px;font-size: 15px;display: inline-block;overflow: hidden;}
.widget.umAppTabs li span{color:#999;font-size: 12px;}
.widget .umTabeCon{ padding: 0;background:none;min-height: auto;}
.widget .umTabeCon ul{ display: none;}
.widget .umAppTops li,.widget.umHotView li{ height: 20px; line-height: 20px;padding-left:32px;margin: 12px 0 4px;}
.widget .umAppTops li.on{ height: 68px; line-height: 20px;display: flex;}
.widget .umAppTops li.on .tit{ line-height: 20px; margin-bottom: 5px; margin-top: 2px;}
.widget .umAppTops li:before{height: 20px;line-height: 20px;top:0}
.widget .umAppTops li.on:before{height: 58px;line-height: 58px;top: 50%;margin-top: -29px;}
.widget .nolist{ height: auto!important; padding: 24px!important; line-height: 24px!important; background-color:#f4f6f8; text-align: center; opacity: .4;}
.widget .umAppTops li.nolist,.widget .umAppTops li.noArr{display:block;}
.widget .umAppTops li.nolist:before{ display: none;}

/*最新发表*/
.widget.divPrevious li,.widget.divArchives li,.widget.umHotNew li{ padding-left:15px; margin: 0px 0;}
.widget.divPrevious li:before,.widget.divArchives li:before,.widget.umHotNew li:before{ color: #9ca0ad; position:absolute; left: -5px; top:0px; opacity: .68;font-family: 'remixicon';content: "\ea6e";}

/*最新评论*/
.widget.divComments li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom:3px;padding-top:3px;margin:1px 0 3px 0; height: auto;}
.widget.divComments li{ line-height:24px;padding-top:5px; padding-bottom:5px;}
.widget.divComments li span{ font-style:normal; color:#9ca0ad; font-size: 12px; margin-right: 10px;}
.widget.divComments li a{ position:relative; top:0px;}
.widget.divComments li .author{float:left;margin:0 8px 0px 0;padding:0px;width:24px; height: 24px; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out; overflow: hidden;background: #fff url(images/lay.gif) center center no-repeat; font-size: 0;object-fit: cover;}
.widget.divComments li .info{clear: both;background-color: #f9f9f9;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: #f9f9f9;position: absolute;left:-27px;top: 22px;}

.widget.umReaders ul{ display: block; font-size: 0; margin-right: -15px;}
.widget.umReaders li{ width: calc(100% / 4 - 15px); margin: 8px 15px 8px 0; display: inline-block; vertical-align: top; padding: 0; height: auto; line-height:normal; text-align: center;}
.widget.umReaders li img{ width: 46px; height: 46px;margin: 0 auto;border-radius: 50%;display: block;object-fit: cover;}
.widget.umReaders li:before{ display: none;}
.widget.umReaders li span{ display: block;}
.widget.umReaders li span.author{width: 46px; height: 46px; margin: 0 auto; font-size: 0;background: #e7e7ea;border-radius: 50%;overflow: hidden;}
.widget.umReaders li .name{ font-size: 13px; margin: 5px 0 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.widget.umReaders li .num{font-size: 12px;color:#9ca0ad;line-height: 20px;display: none;}
.widget.umReaders li .num:before{content: "\ef46";margin: 0 3px 0 0;font-size: 12px;color: #9ca0ad;font-family: remixicon;display: inline-block;vertical-align: top;}

/*热门文章*/
.widget.umHotView ul{counter-reset: sectioncounter;}

/*推荐文章*/
.widget.umHotComm li,.widget.umTopRead li{ height: auto;white-space:normal;line-height: inherit;padding: 17px 0px 18px;border-bottom: 1px solid #eee;}
.widget.umHotComm li:first-of-type,.widget.umTopRead li:first-of-type{padding-top:12px;}
.widget.umHotComm li:last-of-type,.widget.umTopRead li:last-of-type{padding-bottom:10px;border-bottom:none;}
.widget.umHotComm li a,.widget.umTopRead li a{ display: flex;}
.widget.umHotComm li .pic,.widget.umTopRead li .pic{font-size: 0;width: 76px;height: 76px;}
.widget.umHotComm li .text,.widget.umTopRead li .text{flex: 1;padding-left: 15px;;align-self: center;flex-direction: column;overflow: hidden;}
.widget.umHotComm li h3,.widget.umHotComm li .des{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break: break-all;overflow: hidden;}
.widget.umHotComm li .des{font-size: 13px;-webkit-line-clamp: 2;color: #999;margin-top:10px;line-height: 1.6;}

.widget.umTopRead li .pic{ aspect-ratio: 4 / 3; width: 120px; height: auto;border-radius:4px;}
.widget.umTopRead li h3{font-size: 15px;height: 42px;line-height: 1.5; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;margin-bottom: 25px;}
.widget.umTopRead li .text span{color: #999;}

/*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: #f9f9f9; }
.widget.divCalendar table th{background: #f9f9f9;}
.widget.divCalendar table caption{text-align: center; padding: 10px 0;background: #ffffff;  }
.widget.divCalendar table td a{color: var(--um-color); opacity: .8; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.divCalendar{padding:12px 20px 20px;}
.widget.divCalendar table td a:hover{opacity: 1;}

/*作者*/
.widget.divCatalog li{ width: 50%;display: inline-block;}
.widget.divCatalog li:before,.widget.divStatistics li:before{ content: "\ea6e";font-family: 'remixicon'; font-size: 12px;opacity: .68; transform: scale(.8);display: inline-block; margin-left: -4px; margin-right: 6px;}
.widget.divAuthors .article-nums{color: var(--um-color);}
.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.divContorPanel .cp-hello{margin: 5px 0;display: inline-block; width: 100%;}
.cp-login:before,.cp-vrs:before{content: "\f0e8";display: inline-block; vertical-align: 0px;font-family: remixicon}
.cp-vrs:before{content: "\ec5c";}

/*关于作者*/
.widget.umUser{overflow: hidden; position: relative; padding: 24px;}
.widget.umUser h3{ text-align: center;}
.widget.umUser h3:after{ display: none;}
.widget.umUser div,.widget.divCalendar div{text-align: center;}
.widget.umUser > div{overflow: hidden; padding-bottom: 20px; background-color:#f9f9f9;}
.widget.divCalendar div{ background-color:#fff;}
.widget.umUser .userBg{max-width:100%; height: 100px; object-fit: cover;object-position: center;width: 100%;overflow: hidden;background: none}
.widget.umUser .userImg{ width: 80px; height: 80px; margin: -40px auto 0 auto; display: block; background: none}
.widget.umUser .userImg img{width: 80px; height: 80px; border: 4px solid #fff!important; border-radius: 50px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);transition:.6s;-ms-transition:.3s;-moz-transition:.6s;-webkit-transition:.6s; object-fit: cover;}
.widget.umUser .userImg:hover img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.widget.umUser .userImg mip-i-space{width: 80px!important; height: 80px!important;border-radius: 50px; padding: 0!important}
.widget.umUser .userUrl{ display: inline-block;width:100%;}
.widget.umUser .userTit{ font-size: 18px; padding: 15px 15px;}
.widget.umUser .userText{font-size: 14px; color: #666666; line-height: 24px;padding: 0px 10px;}
.widget.umUser ul{ padding: 25px 0 0}
.widget.umUser li,.umTj li{width: 33.3333%; display: inline-block; text-align: center; height: auto; line-height: 22px; position: relative;}
.widget.umUser li span,.umTj li span{ display: block; width: 100%; clear: both; color: #9ca0ad; font-size: 12px;}
.widget.umUser li span.s1,.umTj li span.s1{ font-size: 18px; color: #666666; font-weight:300}
.widget.umUser li:after,.umTj li:after{content: "";width:1px;height: 33px;background: #f1f1f1;position: absolute;right: 0;top: 6px;}
.widget.umUser li.last:after,.umTj li.last:after{ display: none;}
.widget.umUser .divlist{width:50px; display: inline-block; text-align: center; padding: 5px 0 20px; position: relative; z-index: 1}
.widget.umUser .divlist a,.widget.umUser .divlist.weixin span{ width: 32px; height: 32px; line-height: 30px; text-align: center; margin: 0 auto;display: block;border-radius: 50px; opacity: .8;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.umUser .divlist a:hover,.widget.umUser .divlist.weixin span:hover{opacity: 1}
.widget.umUser .divlist a i{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.umUser .divlist.qq a i{color: #1ea6e9;}
.widget.umUser .divlist.weibo a i{color: #f78585;}
.widget.umUser .divlist.weixin span i{color: #6bc30d;}
.widget.umUser .divlist.tencent a i{color: #00C5FF;}
.widget.umUser .divlist.qq a:hover i{ color: #fff;}
.widget.umUser .divlist.weibo a:hover i{ color: #fff;}
.widget.umUser .divlist.weixin span:hover i{ color: #fff;}
.widget.umUser .divlist.tencent a:hover i{ color: #fff;}
.widget.umUser .divlist.qq a { border: solid 1px #1ea6e9;}
.widget.umUser .divlist.weibo a { border: solid 1px #f78585;}
.widget.umUser .divlist.weixin span { border: solid 1px #6bc30d;cursor: pointer}
.widget.umUser .divlist.tencent a { border: solid 1px #00C5FF;}
.widget.umUser .divlist.qq a:hover{ background: #1ea6e9;}
.widget.umUser .divlist.weibo a:hover{ background: #f78585; }
.widget.umUser .divlist.weixin span:hover{ background: #6bc30d;}
.widget.umUser .divlist.tencent a:hover{ background: #00C5FF;}
.widget.umUser .divlist.weixin span .ewmBx{ position: absolute; width: 180px; height: 180px; max-width: none; min-height: auto; padding:5px; background: #fff; box-shadow: 5px 0 15px rgba(0,0,0,.1); top: -160px; left: 50%; margin-left: -90px; opacity: 0; visibility: hidden;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.widget.umUser .divlist.weixin span:hover .ewmBx{opacity: 1; visibility:visible;top: -195px;}
.widget.umUser .divlist.weixin span .ewmBx .dot{ position: absolute; bottom: -13px; width: 26px; height: 26px; left: 50%; margin-left: -13px; font-size: 30px; color: #fff;}
.widget.umUser .divlist.weixin span .ewmBx img{width: 100%;max-width: 100%;}

/*面包屑*/
.umCrumb{padding:16px 0 0;font-size:0px;position:relative;z-index: 2;color:#999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.umCrumb a{font-size:14px;color:#999;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.umCrumb a:hover{color:var(--um-color);}
.umCrumb i:first-of-type,.umCrumb span{font-size:14px;}
.umCrumb i{font-size:12px;vertical-align:0px; margin: 0 3px; opacity:1; }

/*广告模块*/
.umPost .umAPic,.artList .umAPic,.umBnPic{margin:15px 0 0 0; font-size: 0; overflow: hidden; display: block; border-radius: 4px;}
.artList .umAPic.btm,.umPost.umAPic{margin-top:0px;font-size: 0;}
.umPost .umAPic img,.artList .umAPic img,.umBnPic img,.umPost.umAPic img{ width: 100%; display: block; font-size: 0;border-radius: 4px;}
.umPost.umBtm,.umBnPic.umBtm{margin:15px 0 0 0;}
.umPost.umTop,.umBnPic.umTop{margin:0 0 20px 0;}
.article .umPost .umAPic{margin-top:0px;}

/*友情链接*/
.section .umLink li{ display: inline-block; margin-right: 15px;}

/*文章页图片预览*/
.artBox .swiperPicBox{ position: relative; font-size: 0; margin-bottom: 30px;}
.artBox .largePic,.artBox .thumbsPic{position: relative;}
.artBox .largePic{background-color: rgba(0,0,0,0.96); overflow: hidden;}
.artBox .artLarge .swiper-slide{text-align: center;}
.artBox .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;}
.artBox .swiperPicBox.flex .thumbsPic{position: static;max-width: calc(100% - 0px);}
.artBox .swiperPicBox.flex .largePic{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.artBox .artThumbs{width:100%; max-width:calc(100% - 8px);}
.artBox .artThumbs .swiper-slide{width:12.50%;}
.artBox .artThumbs .swiper-slide .item,.artBox .largePic .item{position: relative; cursor: pointer;}
.artBox .artThumbs .swiper-slide .item{ margin: 0 1px;}
.artBox .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;}
.artBox .artThumbs .swiper-slide.active-nav .item:before{ border: 2px solid var(--um-color);}
.artBox .artThumbs .swiper-slide .item:after,.artBox .largePic .item:after{content: '';display: block;padding-top: 60%;}
.artBox .largePic .item:after{padding-top: 64%}
.artBox .artThumbs .swiper-slide img,.artBox .largePic .swiper-slide img,.artBox .largePic .swiper-slide video{ padding:0px;width: 100%; height:100%; top:0px; left: 0; object-fit: cover; position: absolute;}
.artBox .largePic .swiper-slide img,.artBox .largePic .swiper-slide video{width: auto;max-width: 100%;left: 50%; transform: translateX(-50%);}
.artBox .largePic .prev,.artBox .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;}
.artBox .largePic:hover .prev,.artBox .largePic:hover .next{opacity: 1;}
.artBox .largePic .prev:hover,.artBox .largePic .next:hover{background:var(--um-color);}
.artBox .largePic .prev{left: 10px;}
.artBox .largePic .next{right: 10px;}
.artBox .largePic .prev:after,.artBox .largePic .next:after{font-family: remixicon;font-size: 18px;text-rendering: auto;-moz-osx-font-smoothing: grayscale;}
.artBox .largePic .prev:after{content: "\f494";}
.artBox .largePic .next:after{content: "\f496";}

.artBox .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;}
.artBox .playBtn.play{ background: rgba(0,0,0,.4);}
.artBox .playBtn i,.artBox i.ri-play-mini-fill{ width:56px; height: 56px; line-height: 56px; left: 50%; top: 50%; margin-top: -18px; transform: translate(-50%,-50%); text-align: center;position: absolute;background: rgba(0,0,0,.8); border-radius: 100%; opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.artBox .playBtn.play i{ opacity: 1;}
.artBox .playBtn i:before,.artBox i.ri-play-mini-fill:before{content: '';width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;cursor: pointer;}
.artBox i.ri-play-mini-fill{width:24px; height: 24px; line-height: 24px;margin-top: 0px; opacity: 1;}
.artBox i.ri-play-mini-fill:before{border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 6px solid #fff;}

/*----------- 分页 -----------*/
.ias-trigger,.ias-noneleft,.ias-spinner{ width:130px!important; font-size: 14px;margin: 10px auto 0;}
.pageNav{text-align:center;padding:20px 0px 0px;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:#fafafa;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 a:hover,.pageNav span{background:var(--um-color);color:#fff;text-decoration:none;}
.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}

/*----------- 底部 -----------*/
.footer{width:100%;margin:0;clear:both; background:#333333; color:#888888; font-size: 14px; position:relative; z-index:2;text-align: center;}
.footer .umFooter{padding:30px 0px;}
.footer a{ color:#888888;}
.footer a:hover{ color:#999999;}
.footer .text{ padding-top:0px;line-height: 1.7;}
.footer .text img{ height: 16px; display: inline-block; vertical-align: -4px; }
.footer .text i{display: inline-block;vertical-align: -1px; margin-right: 3px; }
.footer .text.textBy{padding-top:0px;}
.footer .umBy,.footer .zbBy{ margin:0 5px 0 0}
.footer .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:#888888; opacity: .3;}
.footer .ftNav a:first-child:after {display: none;}
.footer .umFooter .iconOn{ display: flex; padding: 20px 0;}
.footer .umFooter .iconOn .item{ width: 50%;}
.footer .umFooter .iconOn .item:first-of-type{ padding-right: 20px;text-align: right;}
.footer .umFooter .iconOn .item:last-of-type{ padding-left: 20px;}
.footer .umFooter .iconOn .fotIcon{ font-size: 0;}
.footer .umFooter .iconOn .fotIcon a{font-size: 12px; height: 20px; line-height: 20px; border-radius: 4px; overflow: hidden; display: inline-block; color: #fff; margin:0 0 8px 8px;background-color: #464646; position: relative;}
.footer .umFooter .iconOn .fotIcon a:after{content: ''; background: currentColor; position: absolute; width: 100%; height: 100%; top: 0; left: 0;background: linear-gradient(-180deg,#ffffff26 30%,#fff0 100%);}
.footer .umFooter .iconOn .fotIcon a span{height: 20px; line-height: 20px;display: inline-block;text-shadow: 0 1px rgba(0, 0, 0, 0.3);}
.footer .umFooter .iconOn .fotIcon a span:first-of-type{padding:0 5px; }
.footer .umFooter .iconOn .fotIcon a span:last-of-type{ padding:0 5px;}
.footer .umFooter .logo{ font-size: 0; margin:0px 0 10px 0;height: 30px;}
.footer .umFooter .logo img{ height: 100%;filter: grayscale(100%);}

/*底部链接*/
.link{padding:0 0 .8rem; width: 100%; overflow: hidden; display:inline-block; vertical-align:top; font-size:0}
.link a{color: #888888; font-size:14px; padding:0 12px; position: relative;}
.link a:before{content: '';width: 1px; height: 14px; position: absolute; top:3px; left: 0px; background-color: #ffffff3d;}
.link a:first-of-type{padding-left: 0;}
.link a:first-of-type:before{ display: none;}

.gotop{ width: 36px; height: 36px; border-radius:0rem;text-align: center;line-height: 36px;cursor: pointer;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color: #fff;background-color: #484848; position: fixed; right:10px; bottom: 90px; display: none;border-radius: 3px;z-index: 2;}
.gotop i{font-size: 18px;display: block;}
.gotop:hover{ color: #fff; background-color:var(--um-color);opacity:1;}

/*404页面*/
.page404{ text-align: center; padding: 160px 0;line-height: 1.4; color: #a8a8a8;}
.page404.list{padding:50px 0;}
.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 i{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:#f9f9f9;color: #666;}
.umJumpUrl body{background-color:#f9f9f9; 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:var(--um-color);color: #fff;margin: 0 10px;border-radius: 4px;border: 1px solid var(--um-color);}
.umJumpUrl .btnBox a.btn.goHome{background: #fff;color: var(--um-color);}
.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: #f7f7f7;border: 1px solid #eee;color: #0d93d5;}
.umJumpUrl .umUrl .umUrlicon{width: 38px;height: 38px;text-align: center;line-height: 37px;background: #b9c6db;border-radius: 5px;margin-right: 10px;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.umJumpUrl .umUrl .umUrlicon i{color: #fff;font-size: 24px;}
.umJumpUrl .umUrl .umUrltxt{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.umJumpUrl .umTime{color: #a8a8a8;font-size: 12px;}
.umJumpUrl .umTime span{color: #f33;}
#nocmtip a{color: var(--um-color);}


/*底部浮动菜单*/
.phoneNav{position: fixed; bottom:0; left:0; height:0;width: 100%; height:52px;display: none;background:#fff;box-shadow: 0 -3px 10px rgba(0,0,0,.05);z-index:5;}
.phoneNav > ul{display: -webkit-box;display: -webkit-flex;-webkit-align-content: flex-start;-webkit-align-items: stretch;-webkit-box-align: stretch;-webkit-box-direction: normal;-webkit-box-lines: single;-webkit-box-orient: horizontal;-webkit-box-pack: justify;-webkit-flex-direction: row;-webkit-flex-wrap: nowrap;-webkit-justify-content: space-between;font-size:0; padding:0px}
.phoneNav li{width: 100%;line-height: 52px;font-size:14px;display: inline-block;position:relative;padding:0 5px;text-align: center;}
.phoneNav li a{display:block;cursor: pointer;}
.phoneNav li:before{content: '';display: block;background-color: #f5f5f8;position: absolute;right: 0;top:50%; margin-top:-10px;width:1px;height: 20px;}
.phoneNav li:last-child:before{display: none;}
.phoneNav > ul > li > ul{position: absolute;min-width: max-content;bottom:52px;left: 50%;transform: translateX(-50%) scale(0);background:#fff;box-shadow: 0 0px 5px rgba(0,0,0,.15);opacity: 0;visibility: hidden;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;transform-origin:bottom center 0;}
.phoneNav > ul > li > ul li{line-height: 48px;display: block; padding:0 10px;min-width: 100px;border-bottom: 1px solid #f5f5f8;}
.phoneNav > ul > li > a i{ font-size:14px;margin-left: 2px;width: 10px;display: inline-block;vertical-align: middle;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.phoneNav > ul > li.cur > a i{transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-o-transform: rotate(-180deg);}
.phoneNav > ul > li.cur > ul{transform: translateX(-50%) scale(1);opacity: 1;visibility: visible;}
.heightNav{width: 100%;height: 52px;display: none;}
.section .swiperBn .swiper-pagination{display:none}

.umTabsBox li:nth-child(31),
.umTabsBox li:nth-child(32) {display: none;}

@media screen and (max-width:920px){
.umTabsBox li:nth-child(31),
.umTabsBox li:nth-child(32) {display: inline-block;}
}

@media screen and (max-width:750px){
.umTabsBox li:nth-child(31),
.umTabsBox li:nth-child(32) {display: none;}
}

@media screen and (max-width:520px){
.umTabsBox li:nth-child(31),
.umTabsBox li:nth-child(32) {display: inline-block;}
}

/*响应适配*/
@media screen and (max-width: calc(1260px + 40px)){
.container,.header .headBox .container{padding:0 10px;}
.artBox .title .subcate{margin-left: 0px;}
.artBox .artList.cateList{position: static;margin-bottom: 15px;background-color: #fff;padding: 20px;}
.artBox .artList.cateList:before,.artBox .artList.cateList li:before, .artBox .artList.cateList li:after{ display: none; }
.artBox .artList.cateList li a:hover, .artBox .artList.cateList li.active a {border: solid 1px var(--um-color);}
.artBox .artList.cateList ul{margin:-2px -5px;font-size: 0; display: flex;flex-wrap: wrap;}
.artBox .artList.cateList li{ height: 34px; line-height: 32px;width: calc(100% / 6 - 10px);margin:5px 5px 5px;}
.artBox .artList.cateList li a{ display: block; border-radius: 4px; border:solid 1px #eee; font-size: 14px;width: 100%;text-align: center;padding:0 10px;}
}

@media screen and (max-width:1280px){
.section.banner{ height: 428px;}
.section .swiperThum{width: 111px;}
.section .umBanner{max-width: 856px;}
.section .swiperThum .swiper-slide{height: 108px;padding: 11px;}
.section .umNew .itemBox li .pic,
.section .umTabsBox li .pic{width: 85px;height: 85px;}
.section .umNewList li a{padding-right: 90px;}
.single .postTitle .fot ul{margin: 0 0 0 -15px;}
.single .postTitle .fot li{width: calc(100% / 3 - 30px);margin: 2px 15px;}
.single .postTitle .fot li.col {width: calc(100% / 1 - 30px);}
}

@media screen and (max-width:1200px){
.section.banner{ height: 412px;}
.section .umBanner{max-width: 820px;}
.section .swiperThum .swiper-slide{height: 103px;padding: 9px;}
.section .umNew .itemBox li .pic{width: 80px;height: 80px;}
.section .umNew li a .downBtn{display: none;}
.umSpecia .umTabeCon .tabCon ul.apps .pic{width: 85px;height: 85px;margin: 0 auto;}
.umRelTit.umPic li{width: calc(100% / 6 - 24px);}
}

@media screen and (max-width:1100px){
.section.banner{ height: auto;flex-direction: column-reverse;}
.section.banner .title .more span{opacity: .6; padding:0;}
.section.banner .title .more span::after{content: "\f064";font-family: remixicon; margin-left: 3px;}
.section.banner .title .more span:hover{ background: none;color: var(--um-color);opacity: 1;}
.section .umBanner{margin-bottom: 10px;max-width: 100%;padding: 15px;background: #fff;}
.section .swiperBn a{ position: relative;width: 100%; display: block;}
.section .swiperBn a:after{ content: ''; padding-top: 50.455%; display: block; }
.section .swiperBn img{ position: absolute; width: 100%; height: 100%; }
.section .swiperThum {display: none;}
.section .swiperBn .swiper-slide .text{height: 44px;line-height: 44px;background: rgba(0,0,0,.4);}
.section .swiperBn .swiper-slide .text h3{ padding-right: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section .swiperBn .swiper-pagination{ position: absolute; right: 15px; bottom:12px;left: auto; width: auto; display:block;}
.section .swiperBn .swiper-pagination-bullet{width: 5px;height: 5px;background:#fff; border-radius: 10px;margin: 0 0 0 5px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.section .swiperBn .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 12px;}
.section .umNew li a .downBtn{display: block;}
.section .umTabsBox li{width: calc(100% / 6 - 20px);}
.section .umTabsBox li .pic,.umSpecia .umTabeCon .tabCon ul.apps .pic{width: 80px;height: 80px;}
.section .umNew{margin-right: 0px;}
.section .umNew .itemBox li{ padding: 15px;margin-top: 10px;border-bottom:none; background-color: #f9f9f9;border-radius:10px;}
.section .umNew .itemBox li:last-of-type{padding: 15px;}
.section .umNew .itemBox li .text{overflow: hidden;text-overflow: ellipsis}
.section .umNew .itemBox li h3{width: 100%; padding-right: 100px;}
.section .umNew .itemBox{margin: 0 -10px;}
.section .umNew .itemBox li{width: calc(100% / 3 - 20px);display: inline-block; vertical-align: top; border-bottom: none;margin: 0 10px;}
.section .umNew .itemBox .noList{text-align: center;padding: 40px 0;background: #f9f9f9;}
.section .umNew .itemBox .noList p{font-size: 15px;opacity: .2;margin-top: 8px;}
.section .umNew .itemBox .noList i{font-size: 30px;opacity: .2;width: 30px;height: 30px;display: block;margin: 0 auto;}
.section .umNew li a .downBtn{right: 15px;}
.artBox{padding-right: 302px;}
.sidebar {float: right;margin-left: -290px;width: 290px;}
.artList.zmt .item .pic{width: 180px;}
.widget.umAppTabs li .pic{width: 68px;height: 68px;margin: 0 auto;}

.single.special .umPostApp .imgBox{max-width: 400px;}
.special .umApps li{width: calc(100% / 2 - 20px);}
.single .appPost .umText .tit{margin-top: -2px;}
.single .appPost .post .umPic{width: 90px;}
.single .appPost .umText .umInfo{margin-top: 2px;line-height: 1.5;}
.single .appPost .umText .info{margin-top: 2px;}
}

@media screen and (max-width:960px){
	.section .umNewList li{width: calc(100% / 2 - 24px);}
	.section .umNew li a .downBtn{background-color: var(--um-color);color: #fff;}
	.artList.zmt .item .pic{width: 155px;}
	.single.special .umPostApp .imgBox{max-width: 320px;}
	.artBox.list .artList .listItem .post .pic{width: 80px;max-width: 100%;}
	.type .artBox.list .artList .listItem .post{width: calc(100% / 6 - 20px);}
	.artBox.list .artList .noSubs .listItem .post{width: calc(100% / 8 - 20px);}
	.top .artList .item .pic{width:84px;height: 84px;}
	.single .postTitle .fot li,
	.single .postTitle .fot li.col {width: calc(100% / 2 - 30px);}
}

@media screen and (max-width:920px){
.container{padding:0}	
.umCrumb{ display: none;}
.warpBox{margin: 10px 0}
.section{margin-top: 10px;padding: 20px;}
.warpBox .umPost,
.section:last-of-type{margin-bottom: 10px;}
.warpBox .umPost,.artBox .artList{padding: 15px;}
.widget{padding:18px 15px 15px;}
.widget.umHotComm li:last-of-type, .widget.umTopRead li:last-of-type{padding-bottom: 5px;}
.widget.divTags{padding-bottom:15px;}

.header .headBox{background-color: #333333;}
.header .headNav{background: #FFFFFF;}
.header .headBar{display: none;}
.header .headNav .container{padding: 0;}
.header .headNav .nav{ display: flex;overflow-x: scroll;white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}

.header .navBar li {flex: 1;text-align: center;}
.header .navBar li a{min-width: auto;color: #333333;display: block;}
.header .navBar > ul > li > a:after{content: ''; width: 16px; height: 2px; left: 50%; bottom:0px; margin-left: -8px; position: absolute;background:#FF6600;display: none;}
.header .navBar > ul > li.active > a:after{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"]{background:none;color:#FF6600;}
.header .logo{height: 50px;}
.header .logo a.mob{display: flex;}
.header .logo a.pc{display: none;}
.header .logo a{padding:8px 0;}
.header .navBar li em[class*="dot"],.header .navBar ul li > ul{display: none;}

.search{border: none;overflow: hidden;border-radius: 50px;max-width:55%;}
.search .input,.search button{height: 34px;font-size: 15px;}
.search .input{padding-right: 65px;}
.search button{width: 60px;}
.search i{top: 7px;font-size: 18px;}
.section .umTabsBox li .text span.time,.section .umTabsBox li a:hover .text em.downBtn,.section .umTabsBox li .text span.cate i{display: none;}

.umTopPic .bnPage.topsPrev{left: -18px;}
.umTopPic .bnPage.topsNext{right: -18px;}
.section .umTabsBox li .pic{width: 80px;}
.section .umTabsBox li{width: calc(100% / 8 - 20px);}
.umSpecia .umTabeCon .tabCon ul.apps .pic{width: 72px;height: 72px;}
.section .umTops{display: block;}
.section .umTops .umTopsItem {width: calc(100% / 1 - 20px);margin-bottom: 10px;}
.section .umTops .umTopsItem:last-of-type{margin-bottom: 0px;}
.section .umNew .itemBox li{width: calc(100% / 1 - 20px);margin-bottom: 15px;}
.section .umNew .itemBox li:last-of-type{margin-bottom: 0px;}

.artBox .artList,.widget,.artBox .artList.cateList,.artBox.list .artList,.single.special .umPost{margin-bottom: 10px;}
.artList.zmt .item .pic{width: 150px;}
.artBox.list .artList .list .post {width: calc(100% / 4 - 20px);}
.single .postTitle .tit{font-size: 24px;line-height: 1.4;}
.umPostApp .box .imgBox{width: 110px;}
.section .umTabs{ display: none;}

}

@media screen and (max-width:900px){
.section .title h2, .section .subTit h2, .artBox .title h2{font-size: 20px;}
.section .title h2:before, .section .subTit h2:before, .artBox .title h2::before, .umBody h3:before{height: 19px;top: 4px;width:2px;}
.umBody h3:before{height: 18px;top: 8px;}
.artBox{padding-right: 0;}
.sidebar{float: none;margin-left: 0px;width: 100%;clear: both;display: none;}
.sidebar.phone {display: block;}
.artList .item .pic{width: 100px;height: 100px;}
.artList .item .fot, .artList .item .des{margin-top: 7px;}
.widget.umAppTabs li{width: calc(100% / 6 - 12px);}
.special .artBox .artList .post{width: calc(100% / 3 - 20px);}
.single.special .umPostApp{flex-flow: column;}
.single.special .umPostApp .imgBox{max-width: 100%;}
.single.special .umPostApp .text{padding-left:0px;padding-top:20px;}
.umRelTit.umPic.zt li{width: calc(100% / 3 - 20px);}
.type .artBox.list .artList .listItem .post{width: calc(100% / 4 - 20px);}
.artBox.list .artList .noSubs .listItem .post{width: calc(100% / 6 - 20px);}
.umPostApp .box .text{padding-left: 25px;}
.shopBtn a{min-width: 130px;}
.umRelTit.umPic {margin: 0px -10px 0;}
.umRelTit.umPic li{width: calc(100% / 8 - 20px);margin:10px;}
.artBox .artList.cateList{padding: 15px;}
.widget:first-of-type{margin-top:10px;}
}

@media screen and (max-width:750px){
.mob body{background: #ececec;}
.section{padding: 15px;}
.umTopPic .bnPage.topsPrev{left: -20px;}
.umTopPic .bnPage.topsNext{right: -20px;}
.umTextSwiper{padding-left: 82px;}
.umTextSwiper .label{width: 68px;font-size: 14px;}
.umTextSwiper .swiper-slide{font-size: 14px;}
.section .umTabsBox .title{margin-bottom: 3px;}
.section .umTabsBox li .pic{width: 75px;height: 75px;}
.section .umTabsBox li{width: calc(100% / 6 - 20px);}
.umSpecia .umTabeCon{padding-bottom:8px;}
.section .umNew .itemBox li .pic{width: 75px;height: 75px;}
.section .umNew .itemBox li h3{margin-bottom: 3px;}
.section .umNewList li{font-size: 14px;}
.section .umNewList li em{font-size: 12px;}
.artList .item .pic{width: 90px;height: 90px;}
.artList .all .item .fot, .artList .all .item .des{margin-top: 6px;}
.artList .item .des,.artList.zmt .item .fot, .artList.zmt .item .des,.widget.umTopRead li .text span{font-size: 12px;}
.artList .item .text h3{height: 24px;line-height: 24px;font-size: 20px;}
.artList.zmt .item .pic{width: 140px;}
.artList .noArr{padding: 30px 0 50px;}
.artList .noArr img{max-width: 130px;}

.umRelTit.umPic.zt li,
.special .artBox .artList .post{width: calc(100% / 2 - 20px);}
.special .umApps li{width: calc(100% / 1 - 20px);}
.single.special .umPostApp .tit{font-size: 20px;line-height: 1.4;}
.single.special .umPostApp .postTitle .num{top: 0px;}
.single.special .umPostApp .postTitle .titBox h1{padding: 0 20px 0 0;}
.single .umPostApp .postTitle .fot span{font-size: 12px;margin-right: 10px;}
.single .umPostApp .postTitle .fot span:last-of-type{margin-right:0px;}

.artBox.list .artList .listItem{flex-flow: column;}
.artBox.list .artList .subs{margin: 10px 0px 0;width: auto;}
.artBox.list .artList .subs ul{margin: 0 -5px;}
.artBox.list .artList .subs li{width: calc(100% / 4 - 10px);margin: 8px 5px 0;}
.type .artBox.list .list ul{}
.type .artBox.list .list:not(.noSubs) ul{}
.type .artBox.list .artList .listItem .post{width: calc(100% / 6 - 20px);margin: 20px 20px 0 0;}
.artBox.list .artList .subs li a{ background-color: #f6f6f6; border-color:#f6f6f6;padding: 0 10px;height: 38px;line-height: 36px;}
.single .postTitle .tit{font-size: 22px;line-height: 1.35;}
.top .artList .all .fot span.time i:first-of-type,.top .artList .item .fot > span.cate i{display: none;}
.single .umPostApp .postTitle .label{margin: 0px -10px;}
.single .postTitle .fot li, .single .postTitle .fot li.col{ width: auto;margin: 0px 10px;padding-right: 0px;}
.shopBtn a{min-width: 110px;}

.single .umDown .umTit{font-size: 16px; }
.single .umDown.field .umTitle:before{top: 1px;}
.umRelTit.umPic li{width: calc(100% / 6 - 20px);margin:10px;}
.header .headNav .nav.pc{display:none}
.header .headNav .nav.mob{display: flex;}
.artBox .title .subcate{text-align: right;}
.artBox .title .subcate ul{display: inline-block;background: #f8f8f8;border-radius: 30px;font-size: 0;}
.artBox .title .subcate li{display: inline-block;margin-left:0px;font-size: 14px;}
.artBox .title .subcate li a{padding: 0 10px;border-radius: 30px;}
.artBox .title .subcate li.active a{background-image: linear-gradient(35deg,var(--um-color),var(--um-colorfz));background-color: var(--um-color); background: -webkit-linear-gradient(left, var(--um-color) 0%, var(--um-colorfz) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--um-color)', endColorstr='var(--um-colorfz)',GradientType=1 );background: linear-gradient(to right, var(--um-color) 0%, var(--um-colorfz) 100%);}
.artBox.list .artList .listItem .listUl,.artBox.list .artList .noSubs .listItem .listUl{margin: 0 -20px 0 0;}

}

@media screen and (max-width:640px){
.header .navBar li a{font-size: 16px;}
.phoneNav,.heightNav{display: block;}
.umTopPic .bnPage{transform: translateY(-100%);}
.umArtTops .text{font-size: 14px;}
.umArtTops .swiper-slide .pic{max-width: 75px;}
.section .umTabs{padding: 0 20px 0 30px;}
.section .umTabs .swiper-slide{margin: 0 2px 0 0;}
.section .umNewList li{width: calc(100% / 1 - 24px);}
.artList .post{padding: 16px 0px;}
.artList .item .fot > span{padding-right: 8px;}
.artList .item .fot > span:last-of-type{padding-right: 0px;}
.artList .item .fot span.time i:first-of-type:not(.ri-time-line),
.artList .item .fot > span.cate,.artList .item .fot > span.size{display: none;}
.artList .item .text h3{height: 24px;line-height: 24px;font-size: 16px;}
.artList .item .fot, .artList .item .des{margin-top: 5px;}
.artList .item .text{padding-right: 68px;}
.artList .item .pic {width: 88px;height: 88px;}
.artList .item .btn{width: 55px;}
.artList .item .text .isTop{height: 20px;line-height: 19px;font-size: 14px;vertical-align: 1px;}
.footer,.link a{font-size: 12px;}
.link a{padding: 0 8px;}
.link a:before{height: 12px;}
.footer .umFooter{padding: 25px 12px;}
.search .input, .search button{height: 30px;}
.search i {top: 6px;font-size: 17px;}
.single.special .umPostApp .tit{font-size:18px;}
.single.special .umPostApp .postTitle .num{top: 0px;}
.single.special .umPostApp .umDes{font-size:13px;padding: 12px 42px;}
.single.special .umPostApp i.ri-double-quotes-l{left: 10px;}
.single.special .umPostApp i.ri-double-quotes-r{right: 10px;}
.artBox.list .list ul{margin: 0 -15px 0 0;}
.artBox.list .artList .list .post {width: calc(100% / 3 - 15px);margin: 15px 15px 0 0;}
.top .artList .item .fot{ margin-top: 8px;}
.top .artList div:not(.all) .item .fot span.time i:first-of-type,.type .artList .item .fot span.time i:first-of-type{ display: inline-block;}
.artBox.list .list .post .item h3{font-size: 16px;}
.artBox.list .artList .subs li a span{display:none}
.umPostApp .box .imgBox{width: 100px;}
.single .umPostApp .postTitle .tit{font-size: 20px;}
.single .umPostApp .postTitle .isGood a,
.single .umPostApp .postTitle .fot li{font-size: 12px;}
.single .umPostApp .postTitle .fot{flex-flow: column;}
.single .umPostApp .postTitle .isGood a{padding: 0 10px;}
.single .umPostApp .postTitle .isGood{width: auto;flex-flow: nowrap;margin:5px -5px 0;}
.single .umPostApp .postTitle .tit{padding-right:0px;}
.single .umPostApp .toComm{display: none;}
.single .umPostApp .shopBtn{margin-top: 5px;}
.single .umPostApp .postTitle .isGood li {width: calc(100% / 2 - 10px);margin: 2px 5px;}
.single .umBody{font-size: 14px;}
.single .umBody p{margin: 0 0 15px 0;}
.umRelTit.umPic li h3{font-size: 14px;}
.umRelTit.umPic li .pic{margin-bottom: 10px;}
.single .appPost .umText{padding-left: 15px;padding-right: 90px;}
.artBox .artList.cateList li{width: calc(100% / 5 - 10px);}
.umRelTit li{width: calc(100% / 1 - 30px);font-size: 14px;height: 34px;line-height: 34px;}
.section .swiperBn .swiper-slide .text{height: 40px;line-height: 40px;font-size: 15px;padding: 0 10px;}
.section .swiperBn .swiper-slide .text h3{padding-right: 80px;}
.section .swiperBn .swiper-pagination{right: 10px;}
}

@media screen and (max-width:580px){
.section .umTabsBox li{width: calc(100% / 5 - 20px);}
.widget.umAppTabs li{width: calc(100% / 5 - 12px);}
.special #article{margin: -12px -8px -6px;}
.special .artBox .artList .post{width: calc(100% / 2 - 16px);margin:8px;}
.type .artBox.list .artList .listItem .post{width: calc(100% / 5 - 20px);}
.artBox.list .artList .subs li{width: calc(100% / 3 - 10px);font-size: 14px;}
.umPostApp .box .text{padding-left: 20px;}
.umPostApp .box .imgBox{width: 90px;}
.artBox i.ri-play-mini-fill{width:20px; height: 20px; line-height: 20px;margin-top: 0px; opacity: 1;}
.artBox i.ri-play-mini-fill:before{border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 5px solid #fff;}
.umRelTit.umPic li{width: calc(100% / 4 - 20px);}
.umRelTit.umPic li .pic{max-width: 80px;}
.header .logo a.name.mob{font-size: 20px;}
.artBox .artList.cateList li{width: calc(100% / 4 - 10px);}
}

@media screen and (max-width:520px){
.umTopPic .bnPage{transform: translateY(-106%);}
.umArtTops .swiper-slide .pic{max-width: 72px;}
.umTopPic .bnPage.topsPrev{left: -16px;}
.umTopPic .bnPage.topsNext{right: -16px;}
.section .umTabsBox li{width: calc(100% / 4 - 20px);}
.artList .item .pic {width: 78px;height: 78px;}
.artList .item .text h3{ font-size:14px;height: 18px;line-height: 18px;}
.artList .item .des{margin-top:3px;line-height: 1.4;}
.artList .item .text .isTop{height: 18px;line-height: 17px;font-size: 12px;}
.artList.zmt .item .pic{ width: 130px;}
.single .appPost .umText .tit a{font-size: 15px;}
.widget.umTopRead li h3{font-size:14px;}
.single .appPost .post .umPic{width: 68px;}
.single .appPost .umText .umInfo{margin-top: 4px;color: #999;}
.single .appPost .umText .info{display: none;}
.artBox .artList.cateList li{width: calc(100% / 3 - 10px);}
}

@media screen and (max-width:480px){
.umTopPic .bnPage{transform: translateY(-100%);}
.widget.umAppTabs li{width: calc(100% / 4 - 12px);}
.header .navBar li a{padding: 0 6px;}
.artBox.list .artList .list .post{width: calc(100% / 2 - 15px);}
.type .artBox.list .artList .listItem .post{width: calc(100% / 4 - 20px);}
.artList.zmt .item .pic{ width: 120px;}
.artList.zmt .item .fot{margin-top:10px;}
.artList.zmt .item .des{margin-top:6px;}
.umPostApp .box .text {padding-left: 15px;}
.umPostApp .box .imgBox {width: 86px;}
.umLike{margin: 25px -10px 10px;}
.umRelTit.umPic li .pic{max-width: 75px;}
}

@media screen and (max-width:440px){
	.umRelTit.umPic.zt li{width: calc(100% / 1 - 20px);}
	.special .artBox .artList .post{width: calc(100% / 1 - 16px);margin:8px;}
	.single .umDown{padding: 10px 15px;}
	.single .umDown li .downUrl span{padding-left: 0px;}
	.single .umDown li{ height: auto; padding: 0px;background-color: transparent;}
	.single .umDown li .downBtn,.single .umDown li .downBtn,.single .umDown li .downBtn span{ width: 100%;}
	.single .umDown li .downBtn{background: #f0f0f0;position: relative; padding-right: 80px; padding-left: 10px;overflow: hidden; height: 36px;border-radius: 4px;}
	.single .umDown li .downBtn a{ position: absolute; right: 0; bottom: 0;text-decoration: none;min-width: 60px;}
	.single .umDown li .downBtn.url{ display: inline-block;}
	.single .umDown li .downBtn.no{background:none;padding: 0;}
	.umRadius .single .umDown li .downBtn.no a{  border-radius: 4px}
	.single .umDown li .downBtn.no a{ position: static;padding: 0;border-radius: 4px;}
	.single .umDown li .downBtn span{ display: inline-block;}
}

@media screen and (max-width:420px){
.artBox .artList.cateList li{width: calc(100% / 2 - 10px);}
}