/*
 * @Author: umtheme
 * @Author Url: http://www.umtheme.com
 * @Date: 2019-06-15 18:50:34
 * @LastEditTime: 2019-07-16 10:37:19
 */

 html{-webkit-text-size-adjust:none;font-size:62.5%;overflow-x: hidden;}
 body{ color:#333; -moz-osx-font-smoothing: grayscale;font-family:"PingFang SC",Helvetica,Arial,sans-serif;}
*: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{overflow-x: hidden; font-size: 1.4rem;} 
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;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.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:#333;vertical-align:baseline;text-decoration:none;outline:none; }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color:#1B71F2;text-decoration:none;}
a:active {text-decoration: none;}
a:focus,input:focus{outline:none;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; 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;}
.op{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } 
.break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tl{ text-align:left} .tr{ text-align:right;}
a{color: #333;outline: medium none;}
img{ width:100%; max-width: 100%}
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}
html.mip-no-scroll, html.mip-no-scroll > body{ overflow:visible!important}
/*@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff2') format('woff2'),
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf') format('truetype'),
  url('fonts/iconfont.svg#iconfont') format('svg');
}*/
@font-face {
  font-family: 'iconfont';  /* project id 934715 */
  src: url('../font/font_934715_zajgd8g1o9.eot');
  src: url('https://at.alicdn.com/t/font_934715_zajgd8g1o9?') format('embedded-opentype'),
  url('../font/font_934715_zajgd8g1o9.woff2') format('woff2'),
  url('../font/font_934715_zajgd8g1o9.woff') format('woff'),
  url('../font/font_934715_zajgd8g1o9.ttf') format('truetype'),
  url('../font/font_934715_zajgd8g1o9.svg') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}

/*超出省略号*/
.tn{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body{ background:#F2F7FA; padding-top:66px;overflow-x: hidden;}
body.index, body.index.umcms, .index.umclo,body.type{padding-top:78px;}
.index.um{padding-top:58px;}
.container:before, .container:after,.warp:after,.main:before, .main:after,.warp:before,.warp:after,.orwa:before,.orwa:after,.umMain:before,.umMain:after,.artList .post:before,.artList .post:after{display: table; content: " ";}
.container:after,.warp:after, .main:after,.warp:after,.orwa:after,.umMain:after,.artList .post:after{ clear:both;}
.container{ max-width: 750px; padding: 0 15px; margin: 0 auto; position:relative; clear:both;}
.orw{ margin:0;}
.warp{overflow: hidden;}
/*头部*/
.header{ width: 100%; height: 56px; z-index: 999; position: fixed;background:#1B71F2;box-shadow: 0 0 15px rgba(0, 0, 0, .0); top: 0;}
.header .container{ max-width:100%; padding:0 20px; position: initial}
.header .container .navMip,.header .container .scMip .container{ position:relative;}
.umclo .header .container{max-width:1190px;}
/*logo*/
.logo a{ color: #333;transition: all 0.3s ease 0s; position: absolute; top: 50%; transform: translateY(-50%)}
.logo a img{height:40px; vertical-align: middle; width: auto!important; display: block;}

.navBtn{ width: 68px;height: 56px; position: absolute; right: -18px; text-align: right; padding:15px 20px; cursor: pointer; z-index: 3}
.navBtn span{ width: 28px; height: 2px; display: block; background:#FFFFFF; border-radius: 5px; clear: both; margin: 7px 0}
.navBtn span.s2{width: 22px; margin-left: 6px}
.show-less .navBtn span{ background:#fff}

.navBar{ width: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #4960AD; display:none; z-index: 888;}
.navBar .navBtn{top:0px; transform: translateY(0%); right:0;}
.navBar .logo a{top: 8px; left: 20px; transform: translateY(0%)}

.navDiyIn .navBar{ display:block;}
 
.navMbox{ position:absolute; right:0; top:15px; display:none;}
.navMbox span{ color:#FFFFFF; font-size:24px; cursor:pointer;}

.nav{ width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);left:0}
.nav a{ width:15%; min-width:200px; height:36px; line-height:36px; margin: 10px 0; background-color: #FFFFFF; color:#333333; font-size: 16px; display:inline-block; border-radius: 50px;box-shadow: 0 4px 0px rgba(0, 0, 0, .05);-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.nav a:hover,.nav li.active a{ background-color:#FFD200; color:#333333; }
.mip-no-scroll .nav li{-webkit-animation:0.3s fadeInUp linear;animation:0.3s fadeInUp linear;animation-fill-mode:both;}
.mip-no-scroll .nav li:nth-of-type(1){animation-delay: 0.1s;}
.mip-no-scroll .nav li:nth-of-type(2){animation-delay: 0.15s;}
.mip-no-scroll .nav li:nth-of-type(3){animation-delay: 0.2s;}
.mip-no-scroll .nav li:nth-of-type(4){animation-delay: 0.25s;}
.mip-no-scroll .nav li:nth-of-type(5){animation-delay: 0.3s;}
.mip-no-scroll .nav li:nth-of-type(6){animation-delay: 0.35s;}
.mip-no-scroll .nav li:nth-of-type(7){animation-delay: 0.4s;}
.mip-no-scroll .nav li:nth-of-type(8){animation-delay: 0.45s;}
.mip-no-scroll .nav li:nth-of-type(9){animation-delay: 0.5s;}

.umcms .nav{ width: 80%; left: 50%;top: 50%; transform: translate(-50%,-50%);}
.umcms .nav li a{ min-width:180px; border-radius:30px; text-align: center; margin: 5px;}
.nav li>ul,.nav li>ul>ul,.nav li em{ display: none;}

.umcms .navBar .logo a{ left: 25px;}

.navDiy{ float: right; padding-right: 100px;}
.navDiy li { float: left;}
.navDiy li a,.navDiy li span.navMore{ height: 56px; line-height: 56px; color: #FFFFFF; padding: 0 15px; font-size: 15px;}

.loginMip section{ position: absolute; right: 0; top:10px;}

.userPic{ width: 36px; height: 36px; border-radius: 50px; display: block; overflow: hidden;}
.userPic img{width: 36px; height: 36px; border-radius: 50px; cursor: pointer;}

.loginMip .login{ padding:15px 20px; background: #fff; position: absolute; right: 0; top:68px; visibility: hidden;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; min-width: 180px;box-shadow: 0 10px 20px rgba(0,0,0,0.08); width: 100%;}
.loginMip .mip-accordion-content.login[aria-expanded="open"]{ visibility: visible; top:46px; }

.loginMip .login .wdl{ width: 100%; text-align: center; display: block;}
.loginMip .login .wdl a{ padding: 0 10px;}

.loginMip .login .ydl a{ padding: 0 5px 0 24px; position: relative; margin-top:10px; display:inline-block;}
.loginMip .login .ydl a i{ position: absolute; top:-2px; left: -3px; font-size: 22px; opacity: .6}

.loginMip .login i.dot{ position: absolute; top: -13px; right: 7px; color: #fff; font-size: 22px;}

.loginMip .mip-accordion-content.login{ overflow: visible;}

.scBtn{width: 36px;height:36px; line-height: 38px; position: absolute; right: 50px; padding:0; cursor: pointer; z-index: 3; text-align: center; background: rgba(255,255,255,.1); border-radius: 50px; top: 10px;}
.scBtn i{ font-size: 20px; color: #FFFFFF; opacity: .65;line-height: 26px;}
.scBox{width: 100%;text-align: center;position: absolute;top:50%;transform: translateY(-50%); opacity: 0;}
.mip-no-scroll .scBox{-webkit-animation:0.3s fadeInUp linear;animation:0.3s fadeInUp linear;animation-fill-mode:both;}

.scBox .scForm{ width: 260px; min-width: 220px; height: 42px; margin: 0 auto; position: relative;background:#D7D6EB; border-radius: 50px; overflow: hidden;box-shadow: 0 4px 0px rgba(0, 0, 0, .05);}
.scBox .scForm form{height: 42px;}
.scBox .scForm .scInput{ width: 100%; height: 100%; display: inline-block; border: medium none; padding: 0 50px 0 15px}
.scBox .scForm button{ border: medium none; background: none; position: absolute; top: 0; right: 0; padding: 10px 12px;cursor: pointer;}
.scBox .scForm button i{ font-size: 20px; color:#333333; opacity: .5;} 

.scBox .schList{ width:100%; text-align:center; color: #fff; margin:3rem auto 2rem auto; max-width:50rem!important;min-height:30rem!important; top: 2rem; left: -2rem}
.scBox span{ margin: 2rem 0 0 0; color: #fff; display: none;} 
.scBox .schList a{ display: inline-block; font-size: 1.4rem!important; background:#FFD200;color:#fff; border-radius:10rem;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 1rem 1rem; padding:.5rem 1.5rem;white-space: nowrap;-o-box-shadow: .2rem .5rem 1rem 0 rgba(0,0,0,.2);
-ms-box-shadow: .2rem .5rem 1rem 0 rgba(0,0,0,.2);
-moz-box-shadow:  .2rem .5rem 1rem 0 rgba(0,0,0,.2);
-webkit-box-shadow:  .2rem .5rem 1rem 0 rgba(0,0,0,.2);
box-shadow:  .2rem .5rem 1rem 0 rgba(0,0,0,.2);
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(csolor='#969696', Direction=125, Strength=9); transform: scale(1)}

.scBox .schList a:nth-child(18n+1){ background: #ffde00}
.scBox .schList a:nth-child(18n+2){ background: #6cccfa}
.scBox .schList a:nth-child(18n+3){ background: #ff5473}
.scBox .schList a:nth-child(18n+4){ background: #34de6f}
.scBox .schList a:nth-child(18n+5){ background: #b96cfa}
.scBox .schList a:nth-child(18n+6){ background: #78cc16}
.scBox .schList a:nth-child(18n+7){ background: #0bd7cb}
.scBox .schList a:nth-child(18n+8){ background: #f89bc3}
.scBox .schList a:nth-child(18n+9){ background: #9d91e2}
.scBox .schList a:nth-child(18n+10){ background: #ed775b}
.scBox .schList a:nth-child(18n+11){ background: #ffb400}
.scBox .schList a:nth-child(18n+12){ background: #f859a4}
.scBox .schList a:nth-child(18n+13){ background: #9dd700}
.scBox .schList a:nth-child(18n+14){ background: #ff7200}
.scBox .schList a:nth-child(18n+15){ background: #57baff}
.scBox .schList a:nth-child(18n+16){ background: #35ce9a}
.scBox .schList a:nth-child(18n+17){ background: #6651e8}
.scBox .schList a:nth-child(18n){ background: #a2905b}
.scBox .schList a:hover{color:#fff;transform: scale(1.3)}

.artList .post.arcSc{ margin-bottom: 0}
.post.arcSc .post-title{padding:0rem 0rem 0;font-size: 12px;color: #666;}
.post.arcSc .post-body p{ margin: 2.5rem 0 0 0; color: #666; line-height: 2.2rem; font-size: 1.4rem;background: #f6f8f9;border: 1px solid #eff2f6; padding:1.5rem 2rem;}
.post.arcSc .post-body p strong{ font-weight: normal; color: #1B71F2;}
.post.arcSc .post-body p a:first-child {font-size: 1.4rem; line-height: 3rem; margin-top: 0;color: #333;}

mip-accordion .mip-accordion-content{ z-index: 0}
mip-accordion .mip-accordion-content[aria-expanded="open"]{ z-index: 9;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,200%,0)}to{opacity:1;transform:none}}

/*列表*/
.artList{ width: 100%; min-height:30rem;padding: 0 1rem;}
.artList .post{ width: 100%;margin-top: 1.7rem;margin-bottom:2.5rem;padding:0em; font-size:0}
.um .artList{padding: 0;}
.post .post-title {margin:2rem 0 0;font-size: 1.8rem;}
.post .post-title a {color: #333;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.post .post-title a b,.post .post-title a em{ font-style:normal;}
.post .post-title a b{ color:#0CF}
.post .post-title a em{ color:#f66}
.post .post-title a:hover b,
.post .post-title a:hover em,
.post .post-title a:hover,
.post .post-title a:focus {text-decoration: none; color: #1B71F2;}
.post .post-meta {color: #959595;margin:1.4rem 0 0px;}
.post .post-meta span {margin: 0px 0.07rem;white-space: nowrap;}
.post .post-meta span a{ color: #f66;}
.post .post-meta span em{ margin:0 3rem;}

.post .post-media { max-height: 40rem; margin-top: 0rem;overflow: hidden; position:relative; display:block; font-size: 0;}
.post .post-media img {width: 100%; max-height:400px;object-fit:cover;object-position:center;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
/*.post .post-media img:hover{ transform: scale(1);}*/
.post .post-media b{ position:absolute; top:.5rem; left:.5rem; background:#f30; color:#fff; padding:.4rem .6rem; border-radius:.6rem; font-size:1.2rem; font-weight: normal}

.post .post-content { font-size:14px; line-height:24px;color: #666;}
.post .post-content{ margin: 1rem 0 0 0; text-align: justify;}
.post .post-content p.info{margin: 1.5rem 0 0 0;}
.post .post-content p em{font-size:1.2rem; color:#666; letter-spacing: .1rem; margin-right:1rem;}
.post .post-content p em a{ padding:.3rem .8rem; background:#ecf2f5; color:#999;letter-spacing: 0rem; border-radius: 5rem;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.post .post-content p em a:hover{ background: #1B71F2; color: #fff;}

.artList{ margin-bottom:2rem}
.artList.artSmall{ background:#fff; padding: 1.5rem; margin-top:0rem; margin-bottom:2rem;}
.artList.artSmall mip-carousel{margin: 0rem 0 3.0rem 0;}
.umclo .artList.artSmall{margin-top:0rem;}
.um .artList.artSmall{margin-top:2rem;}
.single .artList.artSmall{ margin-bottom:1.5}


.artSmall .post .post-media,.artSmall .post .post-text{ display:inline-block; vertical-align:middle;}
.artSmall .post .post-media{ width:25%; max-width:22rem}
.artSmall .post .post-text{ width:70%; padding-left:2rem;}
.artSmall .post .post-title{ margin-top:0;}
.artSmall .post .post-content p{ max-height:4.4rem; overflow:hidden;}
.artSmall .post .post-media img{ min-height:14rem;max-height:14rem;}
.artSmall .post:hover .post-media img{transform: scale(1.1);}
.warp.clo .container #article.artSmall .post .post-content{ margin:1rem 0 0 0}
.warp.clo .container #article.artSmall .post.umAdBox .post-content{margin:1rem 0}

.artSmall .post.umAdBox .post-title{margin:1.8rem 0 0;}
.artSmall .post.umAdBox .post-media,.artSmall .post.umAdBox .post-text{ width:100%; display:block;}
.artSmall .post.umAdBox .post-media img{ min-height:12rem;}
.artSmall .post.umAdBox:hover .post-media img{transform: none;}
.artSmall .post.umAdBox .post-media{max-width:100%}

.artSmall .post.umArrPic .post-text{width:100%; padding-left:0rem;}

/*预加载*/
.imgLazy{ display: block;background: #ecf2f5 url(../image/lay.gif) center center no-repeat;}
.b-lazy {max-width: 100%;-webkit-transition: opacity 500ms ease-in-out;-moz-transition: opacity 500ms ease-in-out;-o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out;filter: alpha(opacity=0);opacity: 0;}
.b-lazy.mip-img-loaded{vertical-align: middle;filter: alpha(opacity=100);opacity: 1;}

/*面包屑*/
.umCrumb{margin:0 auto; padding:1rem 0rem 1.5rem;position:relative;z-index: 2;}
.umCrumb .container{padding: 0 15px;font-size:0px;}
.umCrumb *{font-size:12px;color:#666666;}
.umCrumb a{-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.umCrumb a:hover{color:#666666;}
.umCrumb i{opacity: .6;margin: 0 5px;}
.umclo .umCrumb .container,.umcms .umCrumb .container{padding: 0 25px;}
/*----------- 分页 -----------*/
.pageNav{text-align:center;padding:0rem 0px 0;display:block; clear:both;}
.pageNav a,.pageNav span{text-align:center; min-width:3rem;height:3rem;line-height:3rem;margin: 0 0.3rem; display:inline-block;color:#666;background:rgba(255,255,255,0.5);border-radius:100rem;vertical-align:top;font-size: 1.4rem;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: Arial}
.pageNav .v{line-height:2.6rem;}
.pageNav a:hover{background:#1B71F2;color:#fff;text-decoration:none;filter: alpha(opacity=60);opacity: 0.6;}
.pageNav span{color:#fff;background:#1B71F2;border:0px solid #1B71F2;filter: alpha(opacity=60);opacity: 0.6;}
.pageNav.indexPage{ width: 100%; height: 4rem; line-height: 4rem;}
.pageNav.indexPage a{width: 100%; height:100%; line-height: 4rem; display: block; margin:0; background:rgba(255,255,255,1)}
.pageNav.indexPage a:hover{background:rgba(255,255,255,1);color:#666;}
.commentpagebar .pageNav{ margin-top: 15px;}

/*---------------------------文章内容------------------------*/
.single .post .post-title{margin:0;padding:0 0 .5rem 0;font-size:2.2rem;color:#333;width:100%;}
.single .post .post-date{height:1.4rem;line-height:1.4rem;margin:2.0rem 0 .5rem 0;font-size:1.4rem;color:#666;}
.single .post .post-date.date,.post .post-content p em.date{font-size:1.2rem; font-family:Arial, Helvetica, sans-serif; letter-spacing:0;color:#999;}
.single .post .post-footer{width:100%;margin:0;padding:.5rem 0 2.5rem 0;font-size:12px;color:#999;text-align:left}
.single .post .post-footer span{ margin-right: .5rem}
.single .post .post-footer a{color:#999;}
.single .post .post-footer a:hover{color:#1B71F2;}
.single .post .post-tags{width:100%;margin:0;padding:2rem 0 0 0;font-size:1.4rem;color:#666;text-align:left;text-indent:0}
.single .post .post-tags a{ margin-right:10px;}
.single .post .post-tags i{ margin-right:.8rem; color: #666; vertical-align: -1px}
.single .post div.post-body{width:100%;margin:0 0 15px 0;padding:0px 0 0 0;font-size:1.5rem;text-align:justify;line-height:1.9;clear:both;word-break:break-all; position: relative;}
.single .post-body a{text-decoration:none; color: #1B71F2}
.single .post-body p,.post.arcSc .post-body .inLink p{margin:0 0 1.6rem 0;padding:0;text-indent:0;border: none; color: #333;}
.single .post-body .mip-layout-container .mip-default-placeholder{padding-bottom: 0%!important;}
.single .post.single .post-title{ width:100%; text-align:left;font-weight: bold;}
.single .post-body blockquote {padding:2rem;}
.single .post-body blockquote p{margin:0;}
.single .post div.post-body pre{overflow-x: auto;background:#ecf2f5;padding:10px; margin:10px 0;}
.single .post-body p em,.post.arcSc .post-body .inLink p em{font-style: italic;}
.single .post-body p .d-line,.post.arcSc .post-body .inLink p .d-line{text-decoration: line-through}
.single .post-body p .b-line,.post.arcSc .post-body .inLink p .b-line{text-decoration: underline}

/*----------文章中引用code------*/
div.post-body div.syntaxhighlighter{margin:.5em 1em .5em 2em!important;width:auto!important}
div.post-body li p{overflow:visible;text-indent:0;margin:3px 0}
div.post-body ol,div.post-body ul{margin-left: 1.5rem;margin-bottom: 2rem;}
div.post-body li{list-style: inherit;margin-left: 25px;}
div.post-body code{border:0px #dfe9ee solid;display: inline-block;}
div.post-body blockquote{width: 100%;background: #ecf2f5;border-left: .5rem solid #dfe9ee;margin: 2.5rem 0px;padding: .5rem 2rem;}
div.post-body img{max-width:100%;height:auto;vertical-align: -.6rem}
div.post-body table{border-collapse:collapse;background:#fff;line-height:140%;width:100%;}
div.post-body td,th{margin:0;padding:10px 10px;text-indent:0em;border: 1px solid #dfe9ee;background:#fff}
div.post-body .firstRow td{background:#ecf2f5}

div.post-body h1,div.post-body h2,div.post-body h3,div.post-body h4,div.post-body h5,div.post-body h6{color:#333;padding:15px 0 10px 0;font-weight: bold;}
div.post-body h1{font-size:20px}
div.post-body h2{font-size:18px}
div.post-body h3{font-size:16px}
div.post-body h4{font-size:15px}
div.post-body h5{font-size:14px}
div.post-body h6{font-size:12px}
div.post-body blockquote.inLink a{ color: #333;}
div.post-body blockquote.inLink a:hover{color: #1B71F2}

.special .warp .umCrumb{padding: 1rem 0rem 1.5rem;}
.special .artBox{padding: 0 1rem; margin-bottom: 20px;}
.special .artBox .topList{font-size: 0;display: flex;flex-wrap: wrap;margin: 0; padding-top: 0; padding-bottom: 20px;}
.special .artBox .topList .tagList{width: calc(100% / 4 - 20px);display: inline-block;margin:20px 10px 0;background: #f3f4f7; overflow: hidden;}
.special .artBox .topList .tagList li{ font-size: 14px; height: 32px;line-height: 32px; padding-left: 10px; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.special .artBox .topList .tagList .img{ margin-bottom: 10px; background: none;}
.special .artBox .topList .tagList .img a{ display: block; overflow: hidden;-webkit-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease; background: #282828;}
.special .artBox .topList .tagList .img img{width: 100%;height: 100%;object-fit:cover;object-position:top;-webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease;transform:scale(1);}
.special .artBox .topList .tagList .img img:hover{ transform:scale(1.05);}
.special .artBox .topList .imgLazy{ overflow: hidden;position: relative;padding-top: 62%;}
.special .artBox .topList .imgLazy:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height:72px;background: rgba(0,0,0,.3); background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);}
.special .artBox .topList .b-lazy{width: 100%; height: 100%; position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
.special .artBox .topList .tagList ul{ padding: 0 15px 10px;}
.special .artBox .topList .tagList .tit{position: absolute; right: 0; left: 0px; bottom: 0; font-size: 12px;color: #fff; text-align: left;padding:12px 15px; z-index: 1;}
.special .artBox .topList .tagList .tit h2{ font-size: 15px; font-weight: 600; margin-top: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.special .artBox .topList .tagList li:before {content: '';width: 4px;height: 4px;background-color: #d8d8d8;border-radius: 10px;position: absolute;left: 0;top: 14px;}
.special .pageNav{ margin: 20px 0 0 0;}

.special.um .artBox{padding: 0;}
.special.um .artBox .topList .tagList{width: calc(100% / 2 - 20px);}


/*----------- 底部 -----------*/
.footer{width:100%;margin:0rem 0 0 0;padding:2.5rem 2rem;text-align:center;clear:both; background:#282828; color:#828282; font-size: 1.2rem; position:relative; z-index: 2;}
.footer a{ color:#828282;}
.footer .ftNav a {display: inline-block;padding: 0 10px;position: relative;}
.footer .ftNav a:after {content: '';width: 1px;height: 12px;position: absolute;left: 0px;top:5px;background:#828282; opacity: .3;}
.footer .ftNav a:first-child:after {display: none;}
.footer .text{line-height:22px}

/*滚动*/
mip-carousel .title{ opacity: 0}
mip-carousel .mip-carousel-container .title{ width: 100%; height: 10rem; line-height: 4.2rem; position: absolute; bottom: 0; left: 0; right: 0;margin-bottom: 0; color: #fff; font-size: 1.6rem; background: url(../image/titleBg.png) repeat-x bottom center; opacity: 1}
mip-carousel .title h4{ padding: 5.5rem 1.8rem 0 1.8rem; display: block;}

mip-carousel{ margin:1.5rem 0 3.5rem 0}
.mip-carousel-preBtn{background-position:35% 50%}
.mip-carousel-nextBtn{background-position:65% 50%}
.mip-carousel-preBtn, .mip-carousel-nextBtn{background-size: 24px 24px; width: 6%}
.mip-carousel-indicatorbox{ right: 1.8rem; bottom: 1.6rem; font-family:Arial, Helvetica, sans-serif; display: none;}

/*----------- comm -----------*/	
.commBox{padding:1.5rem 0 2rem;margin-bottom: 1.5rem;background: #fff;}
.commBox .title{ margin-bottom: 1.5rem;}
.cmBox.tit{padding:1rem 0; font-size:1.6rem; text-align:center; margin-bottom:1rem; position:relative;}
.cmBox.tit:before{position:absolute;width:3rem;height:2px;display:block;content:" ";border-radius:5rem; background:#1B71F2; left:50%; margin-left:-1.5rem; 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;-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;border:1px solid #dfe9ee;padding:0 1rem 1.5rem!important;border-radius:.3rem; background:rgba(255,255,255,.5);}
.commBody:before{border-right-color:#dfe9ee!important;z-index:1}
.commBody:after{border-right-color:#ecf2f5!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 p{font-size:1.4rem;color:#666;line-height:2rem;margin:.5rem 0;word-wrap:break-word}

.commTop{padding:1rem;margin-left:-1rem;margin-right:-1rem;margin-bottom:1.5rem;border-bottom:1px solid #dfe9ee;font-weight:500;font-size:1.4rem;background:#ecf2f5;}
.commTop a{color:#999;font-size:12px;margin-right:.8rem}

.commFooter{font-size:12px;line-height:16px;margin-top:.5rem;}
.commTime{font-size:12px;margin-right:.8rem;color:#999}
.commReply{font-size:12px;color:#999}
.msgname .msgname,ul.children{margin-left:3.8rem}
.msgname .msgname .avatar,ul.children .avatar,ul.children .avatar img,.msgname .msgname .avatar img{width:3rem;height:3rem;margin-left: 0px;}
#divCommentPost p.postTop{width:100%;line-height:3rem;font-size:12px;clear:both;position:relative;z-index:5;overflow:hidden; padding: 10px 0}
#divCommentPost p a{margin-right:.6rem;cursor:pointer;text-decoration:none;color:#666;float:right;}
#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:3;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;}
.textarea-wrapper{border: 1px solid #dfe9ee;background: none;border-radius:.3rem;}
#txaArticle{position:relative;z-index:1;border:0;border-bottom:none;padding-right:2.4rem;overflow:hidden;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem;box-shadow:none;-webkit-appearance:none;overflow:auto;padding:1rem;height:14rem;min-height:14rem;margin:0;resize:none;outline:0;width:100%;min-width:100%;}
.post-toolbar{margin-top:1rem;overflow: hidden;float: right;}
input.button{float:right;height:3.2rem;width:10rem;text-align:center;text-shadow:none;font-weight:700;border:none;color:#FFF;background-color:#1B71F2;border-radius:.3rem;background-image:none;box-shadow:none;cursor:pointer;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
input.button:hover{ opacity:.8}
.postText{padding:2rem 0 0;color:#666}
.postText ul{width: 101.6%;}
.postText ul li{margin-bottom:.5rem;text-align:left;display: inline-block; width:48.88%}
.postText ul li.verify{ position:relative}
.postText ul li.verify img{ position:absolute; top:.3rem; right:.3rem}
input.text{margin-right:1rem;position:relative;border:none; border: 1px solid #dfe9ee;border-radius:.3rem;height:3.6rem;padding:.3rem .5rem;outline:0;width:100%;box-shadow:none}
.postText ul li label{color:#bbb}
.children .commBody{margin-left:5.2rem;}

.postText ul li.hide{display:none}

/*相关推荐*/
.relevant{width: 100%;background: #ecf2f5;border-left: .5rem solid #dfe9ee;margin: 2.5rem 0px 0;padding: .5rem 2rem;}
.relevant .title h4{margin: 1.5em 0 1.5rem 0;padding: 0;text-indent: 0;font-size: 1.6rem;}
.relevant ul {margin-left: 1.5rem;margin-bottom: 2rem;}
.relevant ul li {list-style: inherit;font-size: 1.5rem;text-align: justify;line-height: 180%;word-break: break-all;}
.relevant ul li time{ opacity: .5; padding-left: 1rem;font-size: 12px;}

/*分享*/
.bdshare{ clear: both;position:relative;}
.bdshare .c-share-list .c-span3{ width: 50px; }
.bdshare .c-share-list{ background:none; padding: 0;}
.bdshare .mip-share-container{ display:inline-block; margin-top: 12px;}
.bdshare .c-share-list .c-line-clamp1{ display: none;}

/*上下篇*/
.single .postNav{ float: right; margin-top: 2rem;position:absolute; top:0;right:0;}
.single .postNav.fn{ float: none; text-align: center;position:static;top:auto;right:auto;}
.single .postNav div{ display: inline-block;}
.single .postNav div a{ height: 3.2rem; line-height: 3.0rem; border: 1px solid rgba(0,0,0,.1); border-radius: 50rem; display: block; padding: 0 1.5rem;margin: .6rem 0rem .6rem 0.3rem; color: #999;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size:14px}
.single .postNav div a:hover{border: 1px solid #1B71F2; background: #1B71F2; color: #fff;}
.single .postNav.fn div a{margin: .6rem 0.3rem .6rem 0rem; }

/*其它*/
.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);display: none; z-index:1000}
.umBnGg{ background: #fff; display: block; margin-top: 2rem; overflow: hidden;}
.umBnGg img{ vertical-align: -3px;}

.link{ margin-top: 3rem; background:rgba(255,255,255,1);border: 0px dashed rgba(255,255,255,1);padding: 2rem; max-height: 200px; overflow: hidden; display: block;}
.link .linkTit{ text-align: left; font-size: 1.6rem; position: relative; padding-bottom: 1rem; margin-bottom: 0rem}
.link .linkTit:before {position: absolute;width: 3rem;height: 0px;display: block;content: " ";border-radius: 5rem;background: #1B71F2;left: 50%;margin-left: -1.5rem;bottom: 0rem;opacity: .8;}
.link ul{padding: 0rem 0}
.link ul li{ display: inline-block;margin:3px 0;}
.link ul li a{ margin:.5rem 1rem .5rem 0; color: #666;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.link ul li a:hover{color: #1B71F2}

.warp.clo .link{ padding:2rem}
.artSmall .link{ padding:0;}

.umcms .artBox .link,.umcms .warp.clo .link{ margin-top:0rem; background:rgba(255,255,255,1); margin-bottom:0;}
.umcms .link .linkTit{text-indent:15px; font-size:18px;}
.umcms .link .linkTit:before {width: .4rem;height:16px;left:0;top:5px; margin-left:0;}

.artBox .link{ clear:both; margin-top:1.5rem;max-height: none;}

div.post-body mip-img.mip-layout-fixed-height{height: auto!important;}
div.post-body img.mip-replaced-content { height: auto!important;width: auto;min-width: auto;position: static;}
div.post-body mip-img .mip-placeholder{background:#ecf2f5 url(../image/lay.gif) center center no-repeat;}
div.post-body mip-img .mip-placeholder-jpg,div.post-body  mip-img .mip-placeholder-jpeg{ padding-bottom:75%}

div.post-body .umDes{ padding:15px 50px; background:#f8f8f9; margin:0px 0 30px 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;}
div.post-body .umDes:before{ content: ''; width: 3px;top:0; bottom:0;left:0; position: absolute; display: block; background-color:#1B71F2;opacity: .2;}
div.post-body .umDes i{ position:absolute; font-size:24px; color:#1B71F2; opacity: .2;}
div.post-body .umDes i.left{ top:8px; left:15px;}
div.post-body .umDes i.right{ bottom:4px; right:15px;}
div.post-body blockquote p{ margin:10px 0;}

/*返回顶部*/
mip-fixed.gototop mip-gototop .mip-layout-container{ display: none;background:none!important;border: none!important;}
mip-fixed.gototop mip-gototop{ border-radius: 50rem; background-image:none; text-align: center;width: 34px;height: 34px; line-height: 34px; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff;border: none; background-color: #667398; display: none;}
mip-fixed.gototop mip-gototop:hover{ background-color: #1B71F2;border: none;}
mip-fixed.gototop mip-gototop i.iconfont{font-size:20px;}

mip-accordion .mip-accordion-content {display: none !important;overflow: hidden;}
mip-accordion section .navBox{ position:relative;z-index:1000;}
mip-accordion.navMip section .navBox{ display: none;}
mip-accordion section[expanded="open"] .navBtn span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);margin: -2px -15px;-webkit-transform: rotate(45deg);
transform: rotate(45deg);}
mip-accordion section[expanded="open"] .navBtn span.s2{width: 28px;-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);}

mip-accordion .navBar[aria-expanded="open"] .scBox{ opacity:1}

mip-accordion section .show-less{ display:none}
mip-accordion section .show-less .navBtn{ top:2px;}

.post .post-title em{color: #f66}
.warp.clo .orw{ margin: 0;}
.warp.clo .container{ max-width:1200px;}
.warp.clo .container .artBox{ width:100%; float:left; clear:both;}
.warp.clo .container .pagebar{ margin-bottom:30px;}
.warp.clo .container .artList { width:auto;margin-right: 350px; padding: 0 1em 0 0;}
.warp.clo .container .artList .post,.warp.clo .container .slide,.type .warp .container .slide{ background:rgba(255,255,255,1); padding:2rem; box-shadow:0 0 20px rgba(0,0,0,0.01); margin-bottom:2rem;}
.warp.clo .container .slide{ margin-bottom: 1.7rem; overflow: hidden; position: relative; display: block; min-height: 120px;}
.warp.clo .container .artList .post .post-content{ margin:10px 0 0}
.warp.clo .container .artList .slide mip-carousel,.type .warp .container .artList .slide mip-carousel{margin:0;}
.warp.clo .umCrumb{padding: 1rem 0rem 1.5rem;}
.category .warp.clo .artList .post,.single .warp.clo .artList .post,.tag .warp.clo .artList .post,.umPage .warp.clo .artList .post,.warp.clo .artList .post{ margin-top: 0;}
.warp.clo .post.arcSc .post-body p{margin:0 0 1.5rem 0 ;}
.post.arcSc .post-body p a:last{margin-top:5px;display: inline-block;}
.warp.clo .link{ margin-bottom: 1rem;}

/*列表子分类*/
.subcate{padding:12px 6px;background:rgba(255,255,255,1);box-shadow: 0 0 20px rgba(0,0,0,0.01); margin-bottom: 20px;}
.subcate ul{ font-size: 0;}
.subcate li{ display: inline-block; font-size: 14px; padding:0 16px; position: relative;}
.subcate li a{ line-height: 36px;}
.subcate li:after{content: '/'; position: absolute; top: 8px; right: -4px; color: #9ca0ad; opacity: .28}
.subcate li:last-child{ padding: 0 0 0 16px;}
.subcate li:last-child:after{ display: none}
.subcate li.active a{color: #1B71F2}

.artImg .subcate{padding:12px 6px; background: none; box-shadow: 0 0 20px rgba(0,0,0,0.0);margin-bottom: 0;}

mip-zblogphp-comment{ padding-bottom: 20px;}


/*CMS*/
.warp.clo .container .artBox.newArtBox{ float:right;}
.warp.clo .container .artList.newArt{margin-right: 0; margin-left:420px; margin-bottom:0; padding:0;}

.warp.clo .container .artList.newArt .left,.warp.clo .container .artList.newArt .right{ display:inline-block; height:420px;box-shadow: 0 0 20px rgba(0,0,0,0.01);}
.warp.clo .container .artList.newArt .left{ width:58%;background:rgba(255,255,255,1); padding:18px 20px 20px 20px; position: relative;overflow: hidden;}
.warp.clo .container .artList.newArt .right{ width:42%;float:right; padding-left:20px;}
.warp.clo .container .artList.newArt .right .box{background:rgba(255,255,255,1); height:420px; padding:2px 20px 85px 20px; position:relative;}

.warp.clo .container .slide.newSlide{width:400px;position:absolute;min-height:420px; max-height: 420px; left:25px;}
.warp.clo .container .slide.newSlide mip-carousel{ margin:0;}
.warp.clo .container .artList.artSmall{ background:none;}
.artList.artSmall .post{ margin-bottom:2rem; margin-top:0;}
.warp.clo .container .slide.newSlide .titPost{ min-height:174px;}

.sidebar.newSbar{ float:right; margin-left:0; width:100% !important;}
.sidebar.newSbar .widget.umUser{ min-height:410px;}

.umcms .warp .container,.umcms .header .container,.special.umclo .warp .container{ width:100%; max-width: 1260px;}
.umcms .header .container{ padding: 0 25px}
.umcms .warp.clo .umCrumb{ padding:1rem 0rem 1.5rem}
.umcms .newArt .left h3{ font-size:18px;display: block;overflow: hidden;position: relative;}
.umcms .newArt .left h3 i{ color:#F33; font-size:20px; padding-right:10px; vertical-align:-1px}

.umcms .newArt .topPost{padding: 15px 0px 12px 0px;}
.umcms .newArt .topPost li{height:30px; line-height:30px; width:100%; overflow:hidden; padding-right: 50px; position: relative}
.umcms .newArt .topPost li h3{ float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:14px; width:100%;}
.umcms .newArt .topPost li h3 span a{color:#999;}

.umcms .newArt .topPost li.frist{ height:auto; text-align:center; padding-right: 0}
.umcms .newArt .topPost li.frist h3{ font-size:20px; font-weight:600; margin-top:6px;}
.umcms .newArt .topPost li.frist p{ font-size:14px; color:#666; line-height:24px; margin:10px 0 12px;text-align:left; float:left; max-height:48px; overflow:hidden;}

.umcms .topList .post-title{font-size: 1.4rem; line-height: 2.4rem; height: 4.8rem; }
.umcms .topList.umBn img{ font-size: 0;}
.umcms .topList.umBn .mip-default-placeholder{ padding-bottom: 0!important;}

.umcms .mip-carousel-preBtn,.umcms .mip-carousel-nextBtn{background-size: 18px 18px;width: 8%; opacity:0;}
.mip-carousel-preBtn, .mip-carousel-nextBtn{opacity:0;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
mip-carousel:hover .mip-carousel-preBtn,mip-carousel:hover .mip-carousel-nextBtn{opacity:1;}

.umcms .topList .imgLazy,.umclo .topList .imgLazy,.artImg .topList .imgLazy{ position: relative; padding-top: 58.85%;}
.umcms .topList .b-lazy,.umclo .topList .b-lazy,.artImg .topList .b-lazy{ position: absolute; top: 50%; transform: translateY(-50%);left: 0; right: 0;}
.umcms .topList .b-lazy img,.umclo .topList .b-lazy img,.artImg .topList .b-lazy img{ height: auto;}
.artImg .topList .imgLazy{ position: relative; padding-top:62%;}
.artImg .topList .post-title,.umcms .artImg .topList .post-title{max-height:24px;white-space: nowrap;text-overflow: ellipsis;font-size: 1.5rem;}

.umcms .topList .b-lazy img,.umclo .topList .b-lazy img,.artImg .topList .b-lazy img,.umcms .titPost .post-media img, .umclo .titPost .post-media img
{ transform:scale(1);-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.umcms .topList .post-media:hover img, .umclo .topList .post-media:hover img, .artImg .topList .post-media:hover img,
.umcms .titPost .post-media:hover img, .umclo .titPost .post-media:hover img
{ transform:scale(1.1)}

.umcms .newArt mip-iframe{ position: absolute; top:4px;right:0;}
.umcms .newArt mip-iframe .mip-loader{ height: auto;}
.umcms .post .post-content p em{ font-family: Arial;letter-spacing:normal; font-size: 13px; color: #999;}


/*CMS图片列表*/
.topList { display: block; font-size: 0;background:rgba(255,255,255,1); padding: 5px 10px;box-shadow: 0 0 20px rgba(0,0,0,0.01);}
.topList .title{ font-size: 2rem; margin: 1.5rem 0 .3rem 1rem;}
.topList .topArr{width: 25%;display: inline-block; vertical-align: top; padding:10px;}
.topList .post-title{ margin:.5rem 0 .2rem 0;font-size: 1.4rem; line-height: 2.4rem; height: 4.4rem; overflow: hidden;}
.topList .post-media{position: relative; overflow: hidden;}
.topList.umBn{ padding: 20px; font-size: 0;}
.umcms .topList .post-title,.umclo .topList .post-title{margin:1.2rem 0 .5rem 0;font-size: 1.6rem;line-height: 2.6rem; height:auto;}

.artImg .pageNav{ margin-bottom:2rem}

/*CMS标题列表*/
.titList{ margin:0 -10px; font-size:0; display:block;}
.titArr{ width:36.5%;margin-bottom:2rem; display:inline-block; vertical-align:top;}

.titPost{margin:0px 10px;background: rgba(255,255,255,1);padding: 18px 20px 15px 20px;box-shadow: 0 0 20px rgba(0,0,0,0.01); min-height:242px;}
.titPost li{ height:30px; line-height:30px; overflow:hidden; font-size:14px;text-overflow: ellipsis;white-space: nowrap; padding-left:15px; padding-right: 50px; position:relative;}

.titPost h3 i,.topList .title h3 i{ position: absolute; top:0px; right: -3px; font-size: 20px; opacity: .6}
.topList .title h3 i{right: 5px;}

.titPost li .time,.umcms .newArt .topPost li .time{ font-size: 13px; color: #999; position: absolute; top: 2px; right: 0; font-family:Arial}

.titArr.side{ width:27%}
.titArr.side .titPost li,.newArt .titPost li{ padding-right: 0;line-height: 31px;height: 31px;}
.titArr.side .titPost li .time{ display: none;}

.um2 .titArr,.titArrR{width:33.3333%;}
.um2 .titArr.aLeft{width:66.66667%;}
.um2 .titArr.aLeft .titPost{padding: 10px 20px;}
.warp.clo .container .um2 .artList{ margin-right: 0; margin-bottom: 0;}
.warp.clo .container .um2 .artList.artCon,
.warp.clo .container .um2.um3 .artList.artCon{display: none;}
.warp.clo .container .um2 .artList .post{ margin-bottom: 0; background: none; padding: 1.5rem 0; box-shadow: none;}
.um2 .artSmall .post .post-text{ width: 70%; padding-left:0}
.um2 .artSmall .post .post-title,.um2 .artSmall .post .post-content{ padding-left:5%}
.um2 .artSmall .post .post-title{text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-size: 1.6rem}
.um3 .artSmall .post .post-title{ line-height: 24px;}

.um2 section{ height: 44px;}
.um2 mip-vd-tabs .mip-vd-tabs-nav{padding: 0;border-bottom: 1px solid #eee; width: 100%; background:none !important}
.um2 mip-vd-tabs .mip-vd-tabs-nav-view{margin-bottom: 1rem; background:none !important}
.um2 .newArt .right .box section h3,.um2 mip-vd-tabs .mip-vd-tabs-nav-li{text-indent: 0;padding: 0 5px; height: 44px; margin-bottom: 0;}

.um2 mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected{ border: none;color: #1B71F2}
.um2 .aLeft .titPost h3{ display: inline-block;line-height: 42px;}
.um2 .aLeft .titPost h3:after{ display: none;}
.um2 .aLeft .titPost h3.mip-vd-tabs-nav-selected:after{ width: 100%; height: 1px; bottom: 0px; top: auto; left: 0; display: block;}

.um2 .artSmall .post .post-media{ max-height: 122px; min-height: 122px;}

.um2 .more{ font-size: 14px; color: #999; display:block; margin: 1.7rem auto 1.6rem auto; width: 100px; height: 34px; line-height: 34px; background: #f6f6f6; text-align: center; border-radius: 50px;}

.um2 .titArrR{ display: inline-block;}
.um2 .titArrR .titArr{ width: 100%;}
.um2 .titArrR .titPost h3{ display: block;}

.warp.clo .container .um2.um3 .artList{ width: 100%; display: inline-block; padding-left: 50%; position: relative; min-height: 562px;}
.warp.clo .container .um2.um3 .artList .post.frist{ position: absolute; width: 46%; left: 0;}
.warp.clo .container .um2.um3 .artList .post.frist .post-media{ width:100%; max-width: 100%; min-height: 224px; max-height:224px; margin-bottom:2rem;}
.warp.clo .container .um2.um3 .artList .post{ padding: 1.2rem 0}
.warp.clo .container .um2.um3 .artList .post.frist .post-media img{min-height: 224px; max-height:224px;}

.um3 .artSmall .post.frist .post-text{ width: 100%}

.um2.um3 .artSmall .post.frist .post-title, .um2.um3 .artSmall .post.frist .post-content{ padding-left: 0;}
.um2.um3 .artSmall .post.frist .post-content p{ max-height:16rem; line-height: 26px;}
.um2.um3 .artSmall .post .post-title{white-space:normal;}

.um2 .titPost.umBn{ font-size: 14px; min-height: inherit;margin-bottom: 2rem;}

.um3 .artSmall .post .post-media{ width: 38%}
.um3 .artSmall .post .post-text{ width: 62%}
.um3 .more{ margin-top: 1.6rem; margin-left: -50px;}
.um3 .artSmall .post .post-media{ min-height: 100px; max-height: 100px;}


.um5 .titArr{width:33.3333%;}
.umcms .warp.clo .container .artBox.um2,.umcms .warp.clo .container .artBox.um5,.umcms .warp.clo .container .artBox.um6,.umcms .warp.clo .container .artBox.um7,.umcms .warp.clo .container .artBox.um8{margin-bottom: 0}
.um3 .subr .titPost li.frist,.um5 .titPost li.frist,.um6 .titPost li.frist{ height: auto; padding:10px 0 15px 0;text-overflow:inherit;white-space:inherit}
.um3 .subr .titPost li.frist h2,.um5 .titPost li.frist h2,.um6 .titPost li.frist h2,.cateBox .titPost li.frist h2{ font-size: 16px; padding-top: 0px; padding-bottom: 5px;}
.um3 .subr .titPost li.frist p,.um5 .titPost li.frist p,.um6 .titPost li.frist p,.cateBox .titPost li.frist p{ line-height: 24px; height: 44px; overflow: hidden; color: #999;}

.titPost li.frist:before{ display:none}

.um5 .post-media,.um3 .subr .post-media{ max-width: 150px; max-height: 90px; float: left; margin-right:4.5%; overflow: hidden;}
.um5 .post-text,.um3 .subr .post-text{ font-size: 12px; line-height: 22px;}

.um5 .post-media{ max-height: 90px; min-height:90px;}
.um5 .post-media img{max-height: 90px; min-height:90px;object-fit: cover;}

.um6 .titArr,.um7 .titArr{width:33.3333%; margin-bottom: 2rem}
.um6 .titPost li.frist{ height: auto; padding:10px 0 15px 0;text-overflow:inherit;white-space:inherit}
.um6 .titPost li.frist h2{ padding-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.um6 .imgLazy {position: relative;padding-top: 55.85%; overflow: hidden;}
.um6 .b-lazy{ position: absolute; top: 0;}

.um8 .titArr{ width:50%}
.um8 .titPost h3{ margin-bottom:-5px;}
.um8 .titPost li{ height: auto; line-height: initial; margin: 20px 0 5px; padding-left: 0; font-size: 0; padding-right: 0;white-space: normal;}
.um8 .titPost li:before{ display: none;}
.um8 .titPost li a.imgLazy{ overflow: hidden; position: relative;}
.um8 .titPost li a.imgLazy:after{ content: ''; display: block; padding-top: 64%;}
.um8 .titPost li a.imgLazy img,.um8 .titPost li a.imgLazy mip-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.um8 .titPost li .post-media {width: 30%;max-width: 22rem;max-height: 122px;display: inline-block;vertical-align: middle;}
.um8 .titPost li .post-text{ width: 70%; display: inline-block; vertical-align: middle;padding-left: 4%;}
.um8 .titPost li .post-title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 1.6rem;}
.um8 .titPost li .post-text p{font-size: 14px;line-height: 24px;color: #666;margin: 10px 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.titPost.sz{list-style-type:none;counter-reset:sectioncounter;}
.titPost.sz li{padding-left: 28px;}
.titPost.sz li:before,.titPost li:before{ width:20px; height:20px; line-height:19px; text-align:center; position:absolute; content:counter(sectioncounter);counter-increment:sectioncounter; background:#edefee; border-radius:50px; color:#666; top:5px; left:0px; font-size:12px;} 
.titPost.sz li:nth-child(1):before,.titPost.sz li:nth-child(2):before,.titPost.sz li:nth-child(3):before{ color:#fff;}
.titPost.sz li:nth-child(1):before{background: #FF6B57;}
.titPost.sz li:nth-child(2):before{background: #2ea7e0;}
.titPost.sz li:nth-child(3):before{background: #6bc30d;}
.titPost li:before{content: ""; background:#ddd;top:14px; left:0px; width: 5px; height: 5px; border-radius: 30px;}

.slide .titPost,.newArt .titPost{ background:none; box-shadow:none; margin:0; padding:12px 0}

.newArt .titPost{ display:none;padding:16px 0 12px 0}
.newArt .titPost.show{ display: block;}
.newArt .titPost li:before{ border-radius:50px}
.newArt .right .box section{display: -webkit-box; display: -webkit-flex; height: 45px;font-size: 14px;white-space: nowrap;background:none;-webkit-align-content: flex-start;-webkit-align-items: stretch;-webkit-box-align: stretch;-webkit-box-direction: normal;-webkit-box-lines: single;-webkit-box-orient: horizontal;-webkit-box-pack: justify;-webkit-flex-direction: row; -webkit-flex-wrap: nowrap;-webkit-justify-content: space-between;padding: 0px;}
.newArt .right .box section .mip-vd-tabs-nav{ width: 100%; padding: 0;}
.newArt .right .box section{ overflow:hidden; height:45px;}
.newArt .right .box section.tit:after{content: ''; width: 100%; height: 1px; position: absolute;bottom: 0px; left: 0; background: #eee;}
.newArt .right .box section span{ position: relative;}
.newArt .right .box section.tit span{ width: auto;font-size: 18px; position: relative; padding-left: 15px;text-align: left;}
.newArt .right .box section.tit span:after{content: "";width: 4px;height: 17px;background: #1B71F2;position: absolute;left: 0;top: 15px;border-radius: 30px;}
.newArt .right .box section span, mip-vd-tabs .mip-vd-tabs-nav-li {
display:inline-block;overflow: hidden;width: 50%;height: 45px;padding:0;line-height: 45px;text-align: center; white-space: nowrap;text-decoration: none;text-overflow: ellipsis;list-style: none; color: #333; -webkit-box-flex: 1;-webkit-flex: 1 1 auto;cursor:pointer; font-size:15px;
}
.newArt .right .box section span:before{ content: ''; width: 100%; height: 1px; position: absolute;bottom: 0px; left: 0; background:#eee;}
.newArt .right .box section span.mip-vd-tabs-nav-selected:before{background:#1B71F2;}
.newArt .right .box section span.mip-vd-tabs-nav-selected, mip-vd-tabs .mip-vd-tabs-nav-selected{color:#1B71F2; border: none;}

.newArt .umTj{ position:absolute; left:20px; right:20px; bottom:18px; background:#fafafa;padding:10px 0 10px 0;}

/*----------- sidebar -----------*/
.sidebar{float:left;margin-left:-352px;width:342px;position:relative}
.widget{margin-bottom:20px; background:rgba(255,255,255,1); padding:20px; box-shadow:0 0 20px rgba(0,0,0,0.01)}
.widget h3,.titPost h3,.topList .title h3{padding-bottom:5px;margin-bottom:5px;border-bottom:0px solid #eee;font-size:18px;position:relative; text-indent:15px;}
.widget h3:after,.titPost h3:after,.topList .title h3:after{content:"";width:4px;height:17px;background:#1B71F2;position:absolute;left:0; top:5px; border-radius:30px;}
.widget ul,.titPost ul{ font-size:0; display:block;}
.widget li{ height:28px; line-height:28px; overflow:hidden; font-size:14px;text-overflow: ellipsis;white-space: nowrap;}
.widget.divContorPanel div{line-height:28px;}
.widget.divContorPanel span a{ color: #1B71F2;}
.widget.umSidelist li{padding:3px 0px 3px 15px;position: relative;overflow: inherit;}
.widget.umSidelist li i{position: absolute;left: -7px;font-size: 18px;}
.widget.umSidelist li i.icon1{ color:#f66}
.widget.umSidelist li i.icon2{ color:#11c446}
.widget.umSidelist li i.icon3{ color:#00c3ff}
.widget.umSidelist li i.icon4{ color:#a6c803;font-size: 16px;left: -6px;}
.widget.umSidelist li i.icon5{ color:#ff8f00;left: -6px;}

/*标签*/
.widget.divTags li,.widget.divLinkage li{ display:inline-block;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; overflow:visible; height:auto;-moz-osx-font-smoothing: auto;}
.widget.divTags li a{font-size:12px;font-weight:normal;color:#fff;padding:3px 10px;border-radius:50px; display:block;margin:4px 5px 4px 0;line-height:20px; opacity:0.68;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.divTags li a span{font-size:12px;}

.widget.divTags li:nth-child(18n+1) a{ background: #F63}
.widget.divTags li:nth-child(18n+2) a{ background: #6cccfa}
.widget.divTags li:nth-child(18n+3) a{ background: #ff5473}
.widget.divTags li:nth-child(18n+4) a{ background: #34de6f}
.widget.divTags li:nth-child(18n+5) a{ background: #b96cfa}
.widget.divTags li:nth-child(18n+6) a{ background: #78cc16}
.widget.divTags li:nth-child(18n+7) a{ background: #0bd7cb}
.widget.divTags li:nth-child(18n+8) a{ background: #f89bc3}
.widget.divTags li:nth-child(18n+9) a{ background: #9d91e2}
.widget.divTags li:nth-child(18n+10) a{ background: #ed775b}
.widget.divTags li:nth-child(18n+11) a{ background: #ffb400}
.widget.divTags li:nth-child(18n+12) a{ background: #f859a4}
.widget.divTags li:nth-child(18n+13) a{ background: #9dd700}
.widget.divTags li:nth-child(18n+14) a{ background: #ff7200}
.widget.divTags li:nth-child(18n+15) a{ background: #57baff}
.widget.divTags li:nth-child(18n+16) a{ background: #35ce9a}
.widget.divTags li:nth-child(18n+17) a{ background: #6651e8}
.widget.divTags li:nth-child(18n) a{ background: #a2905b}
.widget.divTags li:hover:nth-child(18n+1) a{ background: #F63}
.widget.divTags li:hover:nth-child(18n+2) a{ background: #6cccfa}
.widget.divTags li:hover:nth-child(18n+3) a{ background: #ff5473}
.widget.divTags li:hover:nth-child(18n+4) a{ background: #34de6f}
.widget.divTags li:hover:nth-child(18n+5) a{ background: #b96cfa}
.widget.divTags li:hover:nth-child(18n+6) a{ background: #78cc16}
.widget.divTags li:hover:nth-child(18n+7) a{ background: #0bd7cb}
.widget.divTags li:hover:nth-child(18n+8) a{ background: #f89bc3}
.widget.divTags li:hover:nth-child(18n+9) a{ background: #9d91e2}
.widget.divTags li:hover:nth-child(18n+10) a{ background: #ed775b}
.widget.divTags li:hover:nth-child(18n+11) a{ background: #ffb400}
.widget.divTags li:hover:nth-child(18n+12) a{ background: #f859a4}
.widget.divTags li:hover:nth-child(18n+13) a{ background: #9dd700}
.widget.divTags li:hover:nth-child(18n+14) a{ background: #ff7200}
.widget.divTags li:hover:nth-child(18n+15) a{ background: #57baff}
.widget.divTags li:hover:nth-child(18n+16) a{ background: #35ce9a}
.widget.divTags li:hover:nth-child(18n+17) a{ background: #6651e8}
.widget.divTags li:hover:nth-child(18n) a{ background: #a2905b}
.widget.divTags li a:hover{color:#fff; opacity:1}

.widget.divSearchPanel .scForm{ position: relative;}
.widget.divSearchPanel .scForm input.scInput{ width: 100%; border-radius: 50px; font-size: 14px; padding:8px 30px 8px 10px;border: 1px solid #f1f1f1;}
.widget.divSearchPanel .scForm button{ position: absolute; border: medium none; background: none; padding: 8px; top:-1px; right: 2px; cursor: pointer}
.widget.divSearchPanel .scForm button i{ font-size: 18px; color: #1B71F2}

/*侧栏友情链接*/
.widget.divLinkage li a{font-weight:normal;padding:3px 0px;display:block;margin:4px 10px 4px 0;line-height:20px; -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

/*最新评论*/
.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 i{ font-style:normal; color:#999; font-size: 12px;}
.widget.divComments li a{ position:relative; top:0px;}
.widget.divComments li .author{float:left;margin:0 8px 0px 0;padding:0px;width:48px; height: 48px; -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: #ecf2f5 url(../image/lay.gif) center center no-repeat;}
.widget.divComments li:hover .author{-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);-webkit-rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);}

/*热门文章*/
.widget.ummodule2 li{ padding-left: 30px; margin:7px 0;position: relative;}
.widget.ummodule2 li .li-icon{ width: 24px; height: 24px; line-height: 24px; text-align: center; display: block; position: absolute; left: 0; top: 2px; background: #edefee; border-radius: 50px; font-size: 14px;color: #666;}
.widget.ummodule2 li .icon-1,.widget.ummodule2 li .icon-2,.widget.ummodule2 li .icon-3{ color: #fff;}
.widget.ummodule2 li .icon-1{background-color: #FF6B57;}
.widget.ummodule2 li .icon-2{background-color: #2ea7e0;}
.widget.ummodule2 li .icon-3{background-color: #6bc30d;}

.widget.umrandart li{ padding-left:15px;position: relative;}
.widget.umrandart li:before{position: absolute;width: 5px;height: 5px;display: block;content: " ";border-radius: 10rem;background: #999;left:0;top: 12px;opacity: .4;}

/*最新发表*/
.widget.divPrevious li,.ummodule3 li{ padding-left:15px; margin: 0px 0; position: relative;}
.widget.divPrevious li i,.ummodule3 i{ color: #999; position:absolute; left: -6px; top: 1px; opacity: .6;}

/*divMisc*/
.widget.divMisc li{ height: auto; line-height: normal; font-size: 0; margin: 3px 0}
.widget.divMisc img{ max-height: 30px; max-width: none; width: auto;}

/*日历*/
.widget.divCalendar table{ width: 100%;}
.widget.divCalendar table th{ color: #999;}
.widget.divCalendar table th,.widget.divCalendar table td{ text-align: center;padding: 10px 10px; border: none;background: #fafafa;}
.widget.divCalendar table caption{text-align: center; padding-bottom: 10px;}
.widget.divCalendar table td a{color: #1B71F2; opacity: .8; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.divCalendar table td a:hover{opacity: 1;}

/*关于作者*/
.widget.umUser{overflow: hidden; position: relative;}
.widget.umUser h3{ text-align: center;}
.widget.umUser h3:after{ display: none;}
.widget.umUser div{text-align: center;}
.widget.umUser div .userBg mip-i-space{ max-width: 328px; height: 136px; padding-bottom:0!important;}
.widget.umUser .userBg{overflow: hidden;}
.widget.umUser .userBg img{max-width: 328px; height: 136px; width: auto;}
.widget.umUser .userImg{ width: 80px; height: 80px; margin: -40px auto 0 auto; display: block;}
.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)}
.widget.umUser .userImg mip-i-space{width: 80px!important; height: 80px!important;border-radius: 50px; padding: 0!important}
.widget.umUser .userUrl{ display: inline-block;}
.widget.umUser .userTit{ font-size: 18px; padding: 15px 15px;}
.widget.umUser .userText{font-size: 14px; color: #666; line-height: 24px;padding: 0px 10px;}
.widget.umUser ul{ padding: 25px 0 5px 0}
.widget.umUser ul.ulno{padding: 10px 0 5px 0}
.widget.umUser li,.umTj li{width: 33.3333%; display: inline-block; text-align: center; height: auto; line-height: 22px; position: relative;}
.umTj li{line-height: 18px;}
.widget.umUser li span,.umTj li span{ display: block; width: 100%; clear: both; color: #999; font-size: 12px;}
.widget.umUser li span.s1,.umTj li span.s1{ font-size: 20px;color: #666; font-weight: 100}
.umTj li span.s1{ font-size: 18px;}
.widget.umUser li:after,.umTj li:after{content: "";width:1px;height: 33px;background: #f1f1f1;position: absolute;right: 0;top: 6px;}
.widget.umUser li.last:after,.umTj li.last:after{ display: none;}
.widget.umUser .divlist{width:50px; display: inline-block; text-align: center; padding: 5px 0 20px; position: relative; z-index: 1}
.widget.umUser .divlist a,.widget.umUser .divlist.weixin span{ width: 32px; height: 32px; line-height: 32px; text-align: center; margin: 0 auto;display: block;border-radius: 50px; opacity: .8;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.umUser .divlist a:hover,.widget.umUser .divlist.weixin span:hover{opacity: 1}
.widget.umUser .divlist a i{ font-size: 18px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.umUser .divlist.qq a i{color: #1ea6e9;}
.widget.umUser .divlist.weibo a i{color: #f78585;}
.widget.umUser .divlist.weixin span i{color: #6bc30d;}
.widget.umUser .divlist.tencent a i{color: #00C5FF;}
.widget.umUser .divlist.qq a:hover i{ color: #fff;}
.widget.umUser .divlist.weibo a:hover i{ color: #fff;}
.widget.umUser .divlist.weixin span:hover i{ color: #fff;}
.widget.umUser .divlist.tencent a:hover i{ color: #fff;}
.widget.umUser .divlist.qq a { border: solid 1px #1ea6e9;}
.widget.umUser .divlist.weibo a { border: solid 1px #f78585;}
.widget.umUser .divlist.weixin span { border: solid 1px #6bc30d;cursor: pointer}
.widget.umUser .divlist.tencent a { border: solid 1px #00C5FF;}
.widget.umUser .divlist.qq a:hover{ background: #1ea6e9;}
.widget.umUser .divlist.weibo a:hover{ background: #f78585; }
.widget.umUser .divlist.weixin span:hover{ background: #6bc30d;}
.widget.umUser .divlist.tencent a:hover{ background: #00C5FF;}
.widget.umUser .divlist.weixin span small{ 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;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; overflow:inherit !important;}
.widget.umUser .divlist.weixin span:hover small{opacity: 1; visibility:visible;top: -195px;}
.widget.umUser .divlist.weixin span small .dot{ position: absolute; bottom: -13px; width: 26px; height: 26px; left: 50%; margin-left: -13px; font-size: 30px; color: #fff;}
.widget.umUser .divlist.weixin span small .dot:before{}
.ummodule1 p{ text-align: center; padding: 10px 0;color: #666;}
.ummodule1.small img{min-width: 68%;max-width: 68%; width: 68%}
.ummodule1 h4{ text-align:center; font-size:16px; padding:5px 0 10px 0;}

.slide mip-i-space{ padding-bottom: 0;}
.umcms .slide .mip-carousel-wrapper{height:222px; display: block; overflow: hidden; background: #ecf2f5;}
.umcms .slide .item{ width:400px; height:100%;object-fit: cover; overflow:hidden;max-width: 100%;background: #ecf2f5;}
.warp.clo .container .slide.newSlide mip-carousel{height:222px;width: 100%;display: block;}
.post-media mip-i-space{ padding-bottom: 50%!important}

.type .warp.clo .container .slide.newSlide mip-carousel{height: auto; padding-top: 55.3936%; overflow: hidden;background: #ecf2f5;}
.type .warp.clo .container .slide.newSlide mip-i-space{padding-top:0%!important;}
.type .slide .mip-carousel-wrapper{height: 100%;}
.type .slide .item{position: absolute;width: auto;top:0px;left:0px;right:0px;bottom:0px;height: auto; background: none;}

mip-fixed[type="gototop"]{ right: 5%!important}
.warp.clo .container .artBox{ padding: 0 1rem; margin-bottom:2rem;}
.warp.clo .container .artBox.artImg,
.warp.clo .container .artBox.um{ margin-bottom:0}
.cmBox .avatar{ height: 4rem;}
#semi-fixed1,#semi-fixed1.mip-fixedlayer div[mip-semi-fixed-fixedStatus],mip-semi-fixed#semi-fixed1 div[mip-semi-fixed-fixedStatus]{ width:342px}
#semi-fixed1.mip-fixedlayer div[mip-semi-fixed-scrollStatus], mip-semi-fixed#semi-fixed1 div[mip-semi-fixed-scrollStatus]{ position:relative}
#semi-fixed1.mip-fixedlayer div.fixed-style[mip-semi-fixed-scrollStatus], mip-semi-fixed#semi-fixed1 div.fixed-style[mip-semi-fixed-scrollStatus]{position:fixed}
#semi-fixed1{z-index:800!important}
mip-fixed[type="gototop"]{ right: 5%!important;z-index:800!important}
/*商桥*/
#newBridge .icon-right-center,#newBridge .nb-icon-wrap{top:auto!important; bottom:130px!important; right: 4.9%!important;margin-top: -19px!important;width: 36px!important;}
#nb_icon_wrap .nb-icon-inner-wrap,#newBridge .nb-icon-wrap{width:36px!important;height:36px!important;background-size: cover!important;}
mip-share .c-share-list .c-img-s{padding-bottom: 55px!important}
.mip-comments{background:rgba(255,255,255,0);padding: 20px 0px;}
.artSmall.mip-comments,.combf.mip-comments{ background:#fff; padding:0}
.artSmall mip-zblogphp-comment{ padding-bottom:0}
.combf.mip-comments{padding: 20px 20px;}

.umclo mip-zblogphp-comment,.umcms mip-zblogphp-comment{ padding-bottom:0;}
.umclo .artList,.umcms .artList{ margin-bottom:0}
.umclo .warp.clo .container .pagebar,.umcms .warp.clo .container .pagebar{ margin-bottom:10px;}

.navDiyArr{ position:absolute; top:56px; background:#f8f8f8; width:100%;left:0; right:0;transition:.3s all;opacity: 0;height:0; display:block; overflow-y: auto;padding-bottom: 50px;}

.navMarr,.navDiyArr{display:none}
.navMarr[style^="display"],.navDiyArr[style^="display"]{ opacity:1; height:100vh;}
.navMarr[style^="display"] .navBar,.navDiyArr[style^="display"]{display:block;overflow-y: auto; padding-bottom: 30px;}
.navDiyArr[style^="display"]{ padding-bottom: 50px;}
.navDiyIn{ opacity:1; height:100vh; }
.navToggle{ cursor:pointer;}

.navSubArr{ padding:40px 30px 30px; margin:0 auto; display:block; position:relative;}
.navSubArr ul{ font-size:0; display:block; padding:5px 0}
.navSubArr li{ display:inline-block;}
.navSubArr li a{ font-size:14px; height:32px; line-height:32px; padding:0 15px; background:#fff; margin:5px; display:block; border-radius:50px;box-shadow: 0 4px 15px rgba(0, 0, 0, .03);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.navSubArr li a:hover,
.navSubArr li.h a{ color:#fff; background:#1B71F2}

.header .navSubArr .close{ font-size:28px; color:#f00; top:20px; right:4%; opacity:0.6;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.header .navSubArr .close:hover{ opacity:1;}

.navMarr .navSubArr{ padding-top:80px;}
.navMarr .navSubArr li a{background:#FFFFFF;color:#333333;box-shadow: 0 4px 0px rgba(0, 0, 0, .05)}
.navMarr .navSubArr li a:hover{background:#FFD200;color:#333333}
.navMarr .navSubArr li.h a{background:#FFD200; color:#333333;}

.header .close{ position:absolute; top:10px; right:12px; color:#fff; font-size:28px; cursor:pointer; z-index:1}

.header.nava .navMbox,.header.navc .navMbox{ display:block}
.header.nava .loginMip section{ right:45px;}
.header.nava .scBtn{ right:45px;}

.header.navb .scBtn{ right:0}
.header.navb .navDiy{ padding-right:50px;}

.header.navc .scBtn{ right:90px}
.header.navc .loginMip section{right:45px;}

.artImg .topList{ margin-bottom:2rem;}

.topList .topArr.noArr, .post.noArr{font-size: 14px;width: 100%;text-align: center;padding:180px 0px;color:#999;}
.warp.clo .container .artList .post.noArr,.post.noArr{padding:180px 0 180px;}
.topList .topArr.noArr p i, .post.noArr p i{font-size: 80px;}

.umCopyright{line-height: 22px; display: inline-block; padding: 10px 15px; font-size: 12px; color: #999; background: #fafafa; border: 1px dashed #eee; width: 100%; margin: 25px 0 10px;}
.umCopyright a{color: #1B71F2;opacity:.6;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.umCopyright a:hover{opacity:1;}

.index.umBgImg{ background-repeat:no-repeat;background-position: center 25px; padding-top:70px;background-size: 100%;background-attachment: fixed;}
.umBgImg .umMain{ background:#fff; margin:0 10px 20px;}
.index.umBgImg .warp.clo .container .artBox,.index.umBgImg.umcms .warp.clo .container .artBox.newArtBox{ padding:0 10px}
.index.umBgImg.umcms .warp.clo .container .artBox.newArtBox{ margin-bottom:10px;}
.index.umBgImg.umcms .warp.clo .container .slide.newSlide{ margin:0}
.index.umBgImg .warp.clo .container .artList.newArt .left,.index.umBgImg .warp.clo .container .artList .post,.index.umBgImg .warp.clo .container .slide,.index.umBgImg .topList,.index.umBgImg .titPost{ box-shadow:none;}
.index.umBgImg .warp.clo .container .artList.newArt .left{ padding-left: 12px;}
.index.umBgImg .festival{ padding:0 10px;max-height:80px; min-height:80px; display:block; overflow:hidden;}
.index.umBgImg .festival img{ max-height:80px; display:inline-block; max-width:none; min-width:inherit; width:auto;}

.post-header{ padding:0 40px 0 0; position:relative;}
.post-header .img{position:absolute;width:32px; height:32px;text-align: center; top:0px; right:-5px;z-index: 2;}
.post-header .img i{font-size:28px;opacity: .6;cursor: pointer;}
.post-header .img .imgBox p{font-size:12px;opacity: .6;padding-top: 8px;}
.post-header .img .imgBox{opacity: 0;padding:10px;position:absolute; top:34px; right:4px;visibility: hidden;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.post-header .img:hover .imgBox{opacity: 1;visibility: visible;}
.post-header .img .imgBox mip-img img{width: 150px;height: 150px;min-width: 150px;max-width: 150px;}

.post.umTop .title{padding: 1rem 0;font-size: 1.6rem;text-align: center;margin-bottom: 1rem;position: relative;}
.post.umTop .title:before{position: absolute;width: 3rem;height: 2px;display: block;content: " ";border-radius: 5rem;background: #1B71F2;left: 50%;margin-left: -1.5rem;bottom: 0rem;opacity: .8;}

body.umTops{ background-color:transparent;padding:20px 0 0 0;}

.cateBox .artList{ font-size: 0; display: block; min-height: auto;}
.cateBox .cateList{width:50%;flex: 0 0 50%;display: flex;}
.cateBox .cateList .titPost{ margin: 10px;min-height:auto; width: 100%;min-width: 0;}
.cateBox .cateList h3{ position: relative; padding-right: 40px;}
.cateBox .cateList a.more{ position: absolute; right: 0; top: 2px;opacity: .6;}
.cateBox .cateList a.more:after{content: '\e718'; font-family: iconfont;}
.cateBox .cateList:nth-child(1) .titPost,.cateBox .cateList:nth-child(2) .titPost{ margin-top: 0px;}
.cateBox .cateList li{ font-size: 14px;}

.cateBox .titPost li.frist{height: auto;padding: 10px 0 15px 0;text-overflow: inherit;white-space: inherit;}
.cateBox .titPost li.frist h2{padding-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cateBox .imgLazy{position: relative;padding-top: 55.85%;overflow: hidden;}
.cateBox .b-lazy {position: absolute;top: 0;}

.type .warp.clo .orw{ margin-top: 12px;}
.type.umcms .warp.clo .orw{ margin-top: 0;}
.type .warp .container .slide{ margin-top: 15px;}
.type .warp.clo .container .slide{position:relative; width:calc(100% - 20px); margin-left: 10px; margin-bottom: 20px; min-height: auto; max-height: none; max-width: 100%; left: auto; top: auto; margin-top: 0;}
.type .slide .mip-fill-content{ width: 100%; height: auto; min-height: auto; object-fit: cover;}
.type .mip-layout-responsive{ min-height: auto;}


.warp.clo .container .cateBox .artList{margin: 0 355px 0 -10px;}
.warp .container .cateBox .artType{display: flex;flex-wrap: wrap;}
.warp.clo .container .cateBox .artType{ margin: 0;}
.warp .container .cateBox .artType{ margin: 0 -10px;}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://cms2.umtheme.com/zb_users/theme/umMipCms/style/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.post.umTop mip-iframe {max-width: 100%;min-width: 100%;min-height:250px;max-height:100%;height:100%!important}

.owl-carousel.owl .owl-item img{object-fit: cover;object-position: center; height:130px;}
.owl-carousel.owl .owl-item{ padding:0 0px;}
.owl-carousel.owl .owl-item .post-text{ padding-top:10px;}
.owl-carousel.owl .owl-item .post-text h4{font-size: 12px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.owl-carousel.owl .owl-dots{text-align: center;padding-top: 20px;}
.owl-carousel.owl .owl-dots .owl-dot span{width:5px;height:5px;border-radius: 10px;background: #1d1d1d;display: inline-block;opacity: .3;margin: 0 3px;}
.owl-carousel.owl .owl-dots .owl-dot.active span {opacity: 0.8;}

mip-showmore.linear-gradient{ padding-bottom: 60px;}
.mip-showmore-btn-hide{ display: none!important}
.mip-showmore-btn{border-color: #1B71F2; color:#1B71F2; background: rgba(255,255,255,1); font-weight: normal;position: absolute; left: 50%; width: 100px; margin-left: -50px;  bottom:-20px; height: 38px; line-height: 36px; text-align: center; padding: 0 15px; border-radius: 100px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;z-index: 3;}
.mip-showmore-btn:hover{ border-color: #1B71F2; color:#fff; background:#1B71F2;}
.arcPage mip-showmore.linear-gradient{margin-bottom: 40px;}
.arcPage .mip-showmore-btn{ bottom: -30px;}
video{ max-width: 100%}

.iframe{ margin: -22px 0 20px 0;}

@media screen and (max-width:1280px){
	.umcms .warp.clo .container, .umcms .header .container, .umcms .warp.clo .umCrumb{ width: 100%;}
}

@media screen and (max-width:1130px){
	.widget.umUser .divlist{ width: 40px;}
}

@media screen and (max-width:1120px){
	.warp.clo .container .artList{margin-right: 350px;}
	.warp.clo .container .slide.newSlide{margin-right: -370px;width: 370px;}
	.warp.clo .container .artList.newArt{margin-left: 0;}
	.warp.clo .container .slide.newSlide mip-carousel{ height: auto;}
	.umcms .warp.clo .container .artBox.newArtBox{ padding: 0 1rem;}
	.umcms .warp.clo .container .slide.newSlide{ width: 100%; position: relative; left: 0;}
	.umcms .mip-layout-responsive{ min-height: inherit;}
	.umcms .slide .item,.umcms .slide .mip-carousel-wrapper{ height: 100%;}
	.umcms .warp.clo .container .slide.newSlide{ margin-right: 10px; margin-left: 10px; width: auto; min-height: inherit; max-height: none;}
	.umcms .slide .titPost{ display: none}
	.warp.clo .container .artList.newArt .left{padding: 18px 20px 20px 10px;}
	.warp.clo .container .artList.newArt .right .box{padding: 2px 10px 85px 10px;}
	.topList{padding: 5px 0px;}
	.special .topList{ padding: 5px 10px;}
	.titPost{padding: 18px 10px 15px 10px;}
	.cateBox .titPost{padding: 18px 20px 15px 20px;}
	.um2 .titArr.aLeft .titPost{padding: 10px 10px;}
	.warp.clo .link{padding: 10px;}
	.um8 .titPost{padding: 18px 10px 10px 10px;}
	.um8 .titPost li{ margin-bottom: 0;}
	.topList.umBn{ padding: 10px;}
}
@media screen and (max-width:1020px){
	.warp.clo .container .artList{margin-right: 328px;}
	.warp.clo .container .cateBox .artList{margin-right: 333px;}
	.sidebar{margin-left: -332px;width: 322px;}
	#semi-fixed1,#semi-fixed1.mip-fixedlayer div[mip-semi-fixed-fixedStatus],mip-semi-fixed#semi-fixed1 div[mip-semi-fixed-fixedStatus]{width: 322px;}
	.artList .post{ margin-bottom:2.2rem}
	.widget.umUser .divlist{ width: 38px;}
	.sidebar.newSbar .widget.umUser{min-height: 380px;max-height: 380px;}
	.sidebar.newSbar .widget.umUser .userBg img{height: 120px;}
	.sidebar.newSbar .widget.umUser div .userBg mip-i-space{max-height:120px;}
	.sidebar.newSbar .widget.umUser .divlist.weixin span small{ width:140px; height:140px;top: -150px;margin-left: -70px;}
	.um5 .post-media{ width:100%; max-width: 100%; max-height: 140px; min-height:140px; margin-right:0;}
	.um5 .post-media img{max-height: 140px; min-height:140px;object-fit: cover;object-position: top;}
	.um5 .post-text{ display: block; clear: both;}
	.um5 .titPost li.frist h2{ padding-top:20px;}
	.um5 .titPost li,.um7 .titPost li{padding-right:0;}
	.um5 .titPost li em,.um7 .titPost li em.time{ display: none;}
	.warp.clo .container .artList.newArt{ margin-left:0px; margin-right:0px;}
	.navMarr .navSubArr{ padding-top:60px;}
	.post.umTop mip-iframe{min-height:245px;}
 .cateBox .cateList{width: 100%;flex: 0 0 100%;}
	.cateBox .cateList:nth-child(2) .titPost{ margin-top: 10px;}
	.cateBox .cateList:last-child .titPost{ margin-bottom:0px;}
	.special .artBox .topList .tagList{width: calc(100% / 3 - 20px);}
}
@media screen and (max-width:950px){
	.warp.clo .container .artList{margin-right: 318px;}
	.warp.clo .container .cateBox .artList{margin-right: 323px;}
	.sidebar{margin-left: -322px;width: 312px;}
	#semi-fixed1,#semi-fixed1.mip-fixedlayer div[mip-semi-fixed-fixedStatus],mip-semi-fixed#semi-fixed1 div[mip-semi-fixed-fixedStatus]{width: 312px;}
	.artList .post{ margin-bottom:2rem}
	.sidebar.newSbar .widget.umUser{min-height: 358px;max-height: 358px;}
	.sidebar.newSbar .widget.umUser .userBg img{height: 90px;}
	.sidebar.newSbar .widget.umUser div .userBg mip-i-space{max-height: 90px;}
	.sidebar.newSbar .widget.umUser .divlist.weixin span small{ width:120px; height:120px;top: -130px;margin-left: -60px;}
	.umcms .topList{ margin: 0 -2px;}
	.umcms .artImg .topList{ margin-bottom:2rem}
	.umcms .titPost{ margin: 0 8px;}
	.umcms .newArtBox .titPost{margin: 0;}
	.umcms .artBox .link, .umcms .warp.clo .link{ margin: 0 -1px;}
	.um2 .titArr.aLeft,.um2 .titArrR .titArr{ margin-bottom: 2rem;}
	.um2 .titArr.aLeft,.titArrR{ width: 100%}
	.warp.clo .container .artList.newArt{ margin-left:-2px; margin-right:-2px;}
	.umcms .warp.clo .container .slide.newSlide{margin-left:10px; margin-right:10px;}
	.um .titArr,.um .titArr.side{ width:33.3333%}
	.um .titPost li{ padding-right:0}
	.um .titPost li .time{ display:none;}
	.umBgImg .warp.clo .container .artList.newArt,.umBgImg.umcms .topList,.umBgImg.umcms .artBox .link, .umcms .warp.clo .link{ margin:0;}
	.umBgImg .titList{ margin:0 -8px;}
	.post.umTop mip-iframe{min-height:230px;}
	.owl-carousel.owl .owl-item img{height:130px}
	.um8 .titPost li .post-text p{font-size: 13px;line-height: 22px;}
	
}
@media screen and (max-width:900px){
	.umcms .header .container{padding: 0 15px;}
	.umclo .umCrumb .container,.umcms .umCrumb .container{padding: 0 15px;}
	.umcms .warp.clo .container .slide.newSlide{ margin-left:-2px; margin-right:-2px;}
	.type .warp.clo .container .slide.newSlide{width:calc(100% - 20px); margin-left:10px;}
	.warp.clo .container,.warp.clo .umCrumb{max-width:100%}
	.warp.clo .container .artList{margin-right:0; padding: 0;}
	.warp.clo .container .artBox{ padding: 0 0px;}
	.warp.clo .container .slide.newSlide{ width:100%;min-height: auto;max-height: none;left:0px;float: none;}
	.topList .post-title{ font-size:1.4rem; line-height:2.2rem;height:4.6rem; margin:1.2rem 0 0rem 0}
	.umcms .warp.clo .container .artBox.newArtBox{ padding: 0;}
	.umcms .warp.clo .container .artList.newArt .left{ margin-bottom: 2rem}
	.umcms .warp.clo .container .artList.newArt .left,
	.umcms .warp.clo .container .artList.newArt .right{ width: 100%}
	.umcms .warp.clo .container .artList.newArt .right{ padding-left: 0;}
	.sidebar{ display: none;}
	.umcms .nav{ width: 90%;}
	.navDiy li{ display:none;}
	.navDiy li:nth-child(1),.navDiy li:nth-child(2),.navDiy li:nth-child(3),.navDiy li:nth-child(4),.navDiy li.navToggle{ display:block;}
	.newArt .umTj{ bottom:5px;padding: 15px 0 12px 0;}
	.post.umTop mip-iframe{min-height:250px;}
	.warp.clo .container .cateBox .artList{ margin-right: -10px;}
	.cateBox .cateList {width: 50%;flex: 0 0 50%;}
	.cateBox .cateList:nth-child(2) .titPost{ margin-top: 0px;}
	.cateBox .cateList:last-child .titPost{ margin-bottom:10px;}
	.um8 .titArr{ width: 100%;}
	.special .artBox{ padding: 0;}
}
@media screen and (max-width:759px){
	.warp.clo .container, .warp.clo .umCrumb{ max-width: 100%}
	.header .container{ padding: 0 10px;}
	.navBar .logo a{ left: 10px;top:8px;}
	.umcms .navBar .logo a{ left: 15px;}
	.logo a img{height: 40px;}
	.navBtn{ right: -20px;}
	.navBar .navBtn{right: -12px;}
	.post .post-title,mip-carousel .mip-carousel-container .title{font-size:16px;}
	.post .post-content { font-size:12px; line-height:20px;}
	mip-fixed{ right: 10px!important}
	.artList .post{ margin-bottom:1.8rem}
	.topList .topArr{ width:50%;}
	.um5 .titArr,.um6 .titArr,.um7 .titArr,.um .titArr,.um .titArr.side{ width: 100%}
	.um5 .titPost li em.time,.um6 .titPost li em.time,.um7 .titPost li em.time,.um .titPost li .time{ display: block;}
	.um5 .post-media{max-width:180px;max-height:100px; min-height:100px; padding-right: 20px;}
	.um5 .post-media img{max-height: 100px; min-height:100px;object-fit: cover;object-position: top;}
	.um5 .post-text{ display:inline; clear: none; vertical-align: middle;}
	.um5 .titPost li.frist h2{padding-top:8px;}
	.um5 .titPost li.frist p{ margin-top: 4px;}
	.um2 .artSmall .post .post-media img{ min-height: 12rem}
	.navDiy{ padding-right:100px;}
	.navDiy li:nth-child(4),.navDiy li:nth-child(5){ display:none}
	.navDiy li:nth-child(1),.navDiy li:nth-child(2),.navDiy li:nth-child(3),.navDiy li.navToggle{ display:block;}
	.navMarr .navSubArr{ padding:78px 0 0;}
	.owl-carousel.owl .owl-item img{height:126px}
	.post.umTop mip-iframe{min-height:230px;}
	.special .artBox .topList .tagList{width: calc(100% / 2 - 20px);}
}
@media screen and (max-width:640px){
	body{padding-top: 56px;}
	body.index,body.umcms,.index.umclo{padding-top: 66px;}
	body.special{padding-top: 56px;}
	.index.um{padding-top: 48px;}
	.header{ height: 48px;}
	.navBtn{ height: 48px; }
	.scBtn{ right: 45px; width:32px;height: 32px; line-height: 34px; top: .85rem}
	.navBtn{padding: 12px 20px;}
	.navBar .logo a{ left: 10px;top: 7px;}
	.loginMip section{ top: 8px;}
	.userPic,.userPic img{width:32px;height: 32px;}
	.loginMip .mip-accordion-content.login[aria-expanded="open"]{ top: 40px;}
	.logo a img{height: 34px;}
	.postText ul{width: 100%;}
	.postText ul li{ width: 100%;}
	input.text{ margin-right: 0}
	mip-carousel{margin:.5rem 0 2.5rem 0}
	mip-carousel .title{ font-size: 1.6rem}
	mip-carousel .title h4{padding:5.5rem 1.2rem 0 1.2rem}

	.mip-carousel-preBtn, .mip-carousel-nextBtn{background-size: 18px 18px;width: 8%;}
	 mip-accordion section .show-less .navBtn{ top:2px;}
	.artSmall .post .post-text{padding-left: 1.2rem;}
	.artSmall .post .post-content p{ max-height:4rem;}
	.artSmall .post .post-content p.info{ margin-top:1rem;}
	.artSmall .post .post-media img{ min-height:10rem;}
	.artList .post{ margin-bottom:1.5rem}
	.um2 .artSmall .post .post-media,.um2 .artSmall .post .post-media img{ min-height: 10rem; max-height: 10rem;}
	.warp.clo .container .um2.um3 .artList{ padding-left: 0;}
	.warp.clo .container .um2.um3 .artList .post.frist{ width: 100%; position: relative;}
	.um5 .post-media{max-width:150px;max-height:100px; min-height: 100px;}
	.um5 .post-media img{min-height: 100px;object-fit: cover;}
	.um5 .titPost li.frist h2{padding-top:13px;}
	.um5 .titPost li.frist p{ margin-top: 4px;}
	.navDiy li:nth-child(1),.navDiy li:nth-child(2),.navDiy li:nth-child(3),.navDiy li:nth-child(4),.navDiy li:nth-child(5),.navDiy li.navToggle{ display:none}
	.navMbox{ display:block; top:11px;}
	.navDiyArr{ top:48px;}
	.loginMip section{ right:45px;}
	.scBtn{ right:90px;}
	.navMarr .navSubArr{ padding:68px 0 0;}
	.navMarr .navSubArr ul{padding:5px 0;}
	.navMarr .navSubArr li a{ height:30px; line-height:30px; margin:3px 6px 3px 0;box-shadow: 0 4px 0px rgba(0, 0, 0, .04);}
	.header .navSubArr .close{ top:45px}
	.umcms .topList,.umcms .artBox .link, .umcms .warp.clo .link{margin: 0px;}
	.umcms .titPost{margin: 0 10px;}
	.header.navb .scBtn{ right:45px; background:none;}
	.warp.clo .container .artList.newArt,.umcms .warp.clo .container .slide.newSlide{ margin-left:0; margin-right:0}
	.umcms .warp.clo .umCrumb{ padding-bottom:1.5rem}
	.umcms .warp.clo .umCrumb{padding:0rem 0rem 1.5rem}
	.um2.um3 .more{ margin-left:auto;}
	.um3 .artSmall .post .post-media{ width:30%;}
	.um3 .artSmall .post .post-text{ width:70%;}
		.subcate{ padding: 10px 0px}
	.index.umBgImg{background-position: center 38px; padding-top:68px;}
 .um .artList.artSmall{margin-top: 1.5rem;}
	.owl-carousel.owl .owl-item img{height:110px}
	.cateBox .cateList{width: 100%;flex: 0 0 100%;}
	.cateBox .cateList:nth-child(2) .titPost{ margin-top: 10px;}
	.cateBox .cateList:last-child .titPost{ margin-bottom:0px;}
	.type .warp.clo .container .slide.newSlide{width:calc(100% - 20px); margin-left:10px;}
}
@media screen and (max-width:480px){
	.warp.clo .container .artList .post, .warp.clo .container .slide{ padding:1.5rem;}
	.artSmall .post .post-content p{ display:none;}
	.artSmall .post.umAdBox .post-content p,.artSmall .post .post-content p.info{display:block;}
	.artSmall .post .post-media img{ min-height:8rem;}
	.umcms .nav{ width: 92%;}
	.umcms .nav li a{ min-width: 160px;}
	.header .navSubArr .close{ top:10px; right:2%}
	.single .postNav{float:none;position: static;}
	.single .postNav div a{margin: .6rem .6rem .6rem 0rem;}
	.post-header{ padding-right:0;}
	.post-header .img,.um8 .titPost li .post-text p{display:none;}
	.index.umBgImg{background-position: center 40px;}
	.um8 .titPost li .post-title{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal; font-size: 14px;}
	.special .artBox .topList .tagList,.special.um .artBox .topList .tagList{width:100%;}
}
@media screen and (max-width:439px){
	.bdsharebuttonbox{ width: 100%}
	.single .postNav{ float: none;margin-top: 2rem; margin-bottom: 0rem} 
	.single .postNav div a{margin: .6rem 0.3rem .6rem 0rem}
	#cambrian0{ clear: both!important;}
	.navMarr .navSubArr ul{padding:3px 0;}
	.navMarr .navSubArr li a{ height:30px; line-height:30px; margin:3px 4px 3px 0; font-size:14px;}
	.header .navSubArr .close{ top:8.5%; right:2%}
	.um2 .artSmall .post .post-media, .um2 .artSmall .post .post-media img{ min-height:7rem; max-height:7rem;}
	.um2 .artSmall .post .post-media{ width:35%}
	.um2 .artSmall .post .post-text{ width:65%}
	.warp.clo .container .um2 .artList .post{ padding:1rem 0}
	.um3 .artSmall .post .post-media{ width:33%;}
	.um3 .artSmall .post .post-text{ width:67%;}
	.um5 .titPost li, .um7 .titPost li{ padding-right:50px;}
	.post .post-title, mip-carousel .mip-carousel-container .title{font-size:14px}
}
@media screen and (max-width:375px){.artSmall .post .post-text{ width:62%}}
.artList.newArt .left,.artList.newArt .right .box,.post .post-media img,.artList.artSmall,div.post-body blockquote,div.post-body img,.relevant,.umBnGg,.link,.warp.clo .container .artList .post,.warp.clo .container .slide,.topList,.titPost,.widget,.mip-comments,.pageNav.indexPage a,.warp.clo .container .artList .post .post-media img,.warp.clo .container .artList .slide mip-carousel,.widget.divCalendar table th,.widget.divCalendar table td,.widget.umUser .divlist.weixin span small,.slide mip-carousel,.topList .post-media,.um5 .imgLazy img,.um6 .imgLazy,.umCopyright,.umBgImg .umMain{ border-radius:0rem;}
.umr .artList.newArt .left,.umr .artList.newArt .right .box,
.umr .post.arcSc .post-body p,.umr .post .post-media,.umr .post .post-media img,.umr .artList.artSmall,.umr div.post-body blockquote,.umr div.post-body img,.umr .relevant,.umBnGg,.umr .link,.umr .warp.clo .container .artList .post,.umr .warp.clo .container .slide,.umr .topList,.umr .titPost,.umr .widget,.umr .pageNav.indexPage a,
.umr .warp.clo .container .artList .post .post-media img,.umr .warp.clo .container .artList .slide mip-carousel,.umr .widget.divCalendar table th,.umr .widget.divCalendar table td,.umr .widget.umUser .divlist.weixin span small,.umr .slide mip-carousel,.umr .um5 .imgLazy img,.umr .um6 .imgLazy,.umr .post-media,.umr .type .warp .container .slide,.umr .umcms .topList.umBn img{ border-radius:0.5rem; overflow: hidden;}
.widget.umUser .userBg,.umr .umCopyright,.umr .umBgImg .umMain,.umr.mip-comments,.umr .owl-carousel.owl .owl-item img,.umr .um8 .titPost li a.imgLazy,.umr .subcate,.umr .special .artBox .topList .tagList{ border-radius:.5rem;}