/* * @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:#00ada7;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: ; src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype'), format('svg'); }*/ @font-face { font-family: 'iconfont'; /* project id 934715 */ src: ; src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype'), 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:#11c27b;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: #333333; 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: #00ada7;} .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: #00ada7;} .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: #00ada7; 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(/uploads/image/ztusimages/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:#00ada7;color:#fff;text-decoration:none;filter: alpha(opacity=60);opacity: 0.6;} .pagenav span{color:#fff;background:#00ada7;border:0px solid #00ada7;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:#00ada7;} .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: #00ada7} .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: #00ada7} .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:#ffffff; font-size: 1.2rem; position:relative; z-index: 2;} .footer a{ color:#ffffff;} .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:#ffffff; 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(/uploads/image/ztusimages/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:#00ada7; 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:#00ada7;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 #00ada7; background: #00ada7; 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: #00ada7;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: #00ada7} .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(/uploads/image/ztusimages/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:#00ada7;opacity: .2;} div.post-body .umdes i{ position:absolute; font-size:24px; color:#00ada7; 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: #00ada7;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: #00ada7} .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: #00ada7} .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: #00ada7;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:#00ada7;} .newart .right .box section span.mip-vd-tabs-nav-selected, mip-vd-tabs .mip-vd-tabs-nav-selected{color:#00ada7; 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:#00ada7;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: #00ada7;} .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: #00ada7} /*侧栏友情链接*/ .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(/uploads/image/ztusimages/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: #00ada7; 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:#00ada7} .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: #00ada7;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: #00ada7;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(/uploads/image/ztustyle/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: #00ada7; color:#00ada7; 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: #00ada7; color:#fff; background:#00ada7;} .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;}