/*==========
Author: 优美主题主题
Author URI: http://www.umtheme.com/
==========*/
 html{-webkit-text-size-adjust:none;font-size:62.5%;}
 body{ color:#333; font-family:Verdana, Arial, Helvetica, 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:#3E5DC2;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}
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white  inset !important;} 
input,textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}
html.mip-no-scroll, html.mip-no-scroll > body{ overflow:visible!important}
@font-face {font-family: politicaregular;src: url('../fonts/politicaregular.ttf');}
@font-face {font-family: Roboto-Light;src: url('../fonts/roboto-light.ttf');}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') 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');
}
.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:78px;}
.container:before, .container:after,.warp:after,.main:before, .main:after,.warp:before,.warp:after{display: table; content: " ";}
.warp:after{ clear:both;}
.container{ max-width: 750px; padding: 0 15px; margin: 0 auto; position:relative; clear:both;}
.orw{ margin-left: -15px; margin-right: -15px;}

/*头部*/
.header{ width: 100%; height: 56px; z-index: 999; position: fixed;background:#282828;box-shadow: 0 0 15px rgba(0, 0, 0, .0); top: 0;}
.header .container{ max-width:none; padding:0 20px; position: initial}

/*logo*/
.logo a{ color: #333;transition: all 0.3s ease 0s; position: absolute; top: 50%; transform: translateY(-50%)}
.logo a img{height:38px; 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}

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

.nav{ width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%)}
.nav a{ width:15%; min-width:200px; height: 42px; line-height: 42px; 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;}

.scBtn{width: 68px;height:56px;position: absolute; right: 45px; padding:15px 20px; cursor: pointer; z-index: 3; text-align: center;}
.scBtn i{ font-size: 20px; color: #FFFFFF; opacity: .25;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)}

#article .post.arcSc{ margin-bottom: 25px}
.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: #ecf2f5;border: 1px solid #dfe9ee; padding:1.5rem 2rem; border-radius: 1rem}
.post.arcSc .post-body p strong{ font-weight: normal; color: #3E5DC2;}
.post.arcSc .post-body p a:first-child {font-size: 1.4rem; line-height: 3rem; margin-top: 0;color: #333;}

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

/*列表*/
#article{ width: 100%; min-height:30rem;padding: 0 1rem;}
#article .post{ width: 100%;margin-top: 1.7rem;margin-bottom:2.5rem;padding:0em;}
.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: #3E5DC2;}
.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: 36rem; margin-top: 0rem;overflow: hidden; position:relative; display:block; border-radius:1rem; font-size: 0;}
.post .post-media img {width: 100%; max-height:360px;object-fit:cover;object-position:top;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;border-radius:1rem;}
/*.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;font-family: politicaregular;}
.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: #3E5DC2; color: #fff;}

.artSmall .post .post-media,.artSmall .post .post-text{ display:inline-block; vertical-align:middle;}
.artSmall .post .post-media{ width:30%; max-width:20rem}
.artSmall .post .post-text{ width:68%; padding-left:1.5rem;}
.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:12rem;}
.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%}


/*预加载*/
.imgLazy{ display: block;background: #ecf2f5 url(../images/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{max-width:750px; margin:0 auto; padding:1rem 1rem 0; font-size:12px;position:relative;z-index: 2;color:#666;}
.umCrumb a{font-size:12px;color:#666;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.umCrumb a:hover{color:#3E5DC2;}
.umCrumb i{font-size:12px;color:#aaa;}

/*----------- 分页 -----------*/
.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:#ecf2f5;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:#3E5DC2;color:#fff;text-decoration:none;filter: alpha(opacity=60);opacity: 0.6;}
.pageNav span{color:#fff;background:#3E5DC2;border:0px solid #3E5DC2;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;border-radius:1rem; margin:0;}
.pageNav.indexPage a:hover{background:#ecf2f5;color:#666;}

/*---------------------------文章内容------------------------*/
.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; font-family: politicaregular;}
.single .post .post-date.date,.post .post-content p em.date{font-size:1.2rem; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0;color:#999;}
.single .post .post-footer{width:100%;margin:0;padding:0 0 1rem 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:#3E5DC2;}
.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.4rem;text-align:justify;line-height:160%;clear:both;word-break:break-all;position: relative;}
.single .post-body a{text-decoration:none; color: #3E5DC2}
.single .post-body p,.post.arcSc .post-body .inLink p{margin:1em 0 1rem 0;padding:0;text-indent:0;border: none; color: #333;}
.single .post.single .post-title{text-align:left;}

/*----------文章中引用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;}
div.post-body code{width:93%;padding:5px;background:#ecf2f5;border:0px #dfe9ee solid}
div.post-body blockquote{width: 100%;background: #ecf2f5;border: 1px dashed #dfe9ee;border-left: 1rem solid #dfe9ee;margin: 2.5rem 0px;padding: .5rem 2rem;border-radius: 1rem;}
div.post-body img{max-width:100%;height:auto; border-radius: 1rem; vertical-align: -.6rem}
div.post-body table{border-collapse:collapse;background:#fff;line-height:140%}
div.post-body td,th{margin:0;padding:10px 10px;text-indent:0em;border: 1px solid #dfe9ee;background:#fff}
div.post-body h1{color:#000;margin:0;padding:0;font-size:1.2em}
div.post-body h2{color:#000;margin:0;padding:0;font-size:1.1em}
div.post-body h3{color:#000;margin:0;padding:0;font-size:1em}
div.post-body h4{color:#000;margin:0;padding:0;font-size:1em}
div.post-body h5{color:#000;margin:0;padding:0;font-size:.9em}
div.post-body h6{color:#000;margin:0;padding:0;font-size:.8em}
div.post-body blockquote.inLink a{ color: #333;}
div.post-body blockquote.inLink a:hover{color: #3E5DC2}

/*----------- 底部 -----------*/
.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: 3px;background:#FFFFFF; opacity: .3;}
.footer .ftNav a:first-child:after {display: none;}

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

mip-carousel{ border-radius: 1rem; 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: 2rem;}
.cmBox.tit{padding:1rem 0; font-size:1.6rem; text-align:center; margin-bottom:2rem; position:relative;}
.cmBox.tit:before{position:absolute;width:3rem;height:2px;display:block;content:" ";border-radius:5rem; background:#3E5DC2; 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%;height:4rem;line-height:3rem;font-size:12px;clear:both;position:relative;z-index:5;overflow:hidden}
#divCommentPost p a{margin-right:.6rem;cursor:pointer;text-decoration:none;color:#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:#3E5DC2;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;}

/*相关推荐*/
.relevant{width: 100%;background: #ecf2f5;border: 1px dashed #dfe9ee;border-left: 1rem solid #dfe9ee;margin: 2.5rem 0px;padding: .5rem 2rem;border-radius: 1rem;}
.relevant .title h4{margin: 1.5em 0 1.5rem 0;padding: 0;text-indent: 0;font-size: 1.4rem;}
.relevant ul {margin-left: 1.5rem;margin-bottom: 2rem;}
.relevant ul li {list-style: inherit;font-size: 1.4rem;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;}
.single .postNav div a:hover{border: 1px solid #3E5DC2; background: #3E5DC2; 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; border-radius: 1rem; display: block; margin-top: 2rem; overflow: hidden;}
.umBnGg img{ vertical-align: -3px;}

.link{ margin-top: 3rem; background: #ecf2f5; border: 0px dashed #dfe9ee;padding: 2rem; max-height: 200px; border-radius: 1rem; 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: #3E5DC2;left: 50%;margin-left: -1.5rem;bottom: 0rem;opacity: .8;}
.link ul{padding: 0rem 0}
.link ul li{ display: inline-block;}
.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: #3E5DC2}

div.post-body img.mip-replaced-content { height: auto!important}
div.post-body mip-img .mip-placeholder{background:#ecf2f5 url(../images/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%}

/*返回顶部*/
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}
mip-fixed.gototop mip-gototop:hover{ background-color: #3E5DC2;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 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.scMip .show-less .navBtn{ background:#3E5DC2}
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:1130px;}
.warp.clo .container .artBox{ width:100%; float:left;}
.warp .container .pagebar{ margin-bottom:30px;}
.warp.clo .container #article { width:auto;margin-right: 350px; padding: 0 1em 0 0}
.warp.clo .container #article .post,.warp.clo .container .slide{ background:rgba(255,255,255,0.85); padding:1.5rem;border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.01)}
.warp.clo .container .slide{ margin-bottom: 1.7rem; overflow: hidden; position: relative; display: block; min-height: 120px;}
.warp.clo .container #article .post .post-media,.warp.clo .container #article .post .post-media img{ border-radius:0.5rem;}
.warp.clo .container #article .post .post-content{ margin:10px 0}
.warp.clo .container #article .slide mip-carousel{margin:0;border-radius:0.5rem;}
.warp.clo .umCrumb{max-width: 1120px;padding: 1rem 2.4rem 1.5rem;}
.category .warp.clo #article .post,.single .warp.clo #article .post,.tag .warp.clo #article .post,.umPage .warp.clo #article .post,.warp.clo #article .post{ margin-top: 0;}
.warp.clo .post.arcSc .post-body p{margin:0 0 1.5rem 0 ;}
.warp.clo .post.arcSc .post-body p:last-child{ margin-bottom:0;}
.warp.clo .link{ margin-bottom: 3rem;}

.sidebar {float: left;margin-left: -342px;width: 342px;position: relative;}
mip-zblogphp-comment{ padding-bottom: 20px;}

/*----------- sidebar -----------*/
.sidebar{float:left;margin-left:-352px;width:342px;position:relative}
.widget{margin-bottom:20px; background:rgba(255,255,255,0.85); padding:15px 15px;border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.01)}
.widget.rbox h3{padding-bottom:5px;margin-bottom:5px;border-bottom:0px solid #eee;font-size:18px;position:relative; text-indent:15px;}
.widget.rbox h3:after{content:"";width:4px;height:16px;background:#3E5DC2;position:absolute;left:0; top:5px; border-radius:30px;}
.widget 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.divTags li,.widget.divLinkage li{ display:inline-block;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; overflow:visible; height:auto;}
.widget.divTags li a{font-size:12px;font-weight:normal;color:#fff;padding:3px 10px;border-radius:50px; display:block;margin:4px 5px 4px 0;line-height:20px; opacity:0.6;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.divTags li a span{ font-family:Roboto-Light; 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: #3E5DC2}

/*侧栏友情链接*/
.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;font-family: Roboto-Light;}
.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(../images/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{ position: relative; padding-left: 30px; margin: 7px 0;}
.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; font-family: Roboto-Light; 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.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; border-radius: 5px;font-family: Roboto-Light; }
.widget.divCalendar table caption{text-align: center; padding-bottom: 10px;}
.widget.divCalendar table td a{color: #3E5DC2; 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{ border-top-left-radius: 5px;border-top-right-radius: 5px; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;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 li{width: 33.3333%; display: inline-block; text-align: center; height: auto; line-height: 22px; position: relative;}
.widget.umUser li span{ display: block; width: 100%; clear: both; color: #999; font-size: 12px;}
.widget.umUser li span.s1{ font-size: 20px;font-family: Roboto-Light; color: #666; font-weight: 100}
.widget.umUser li:after{content: "";width:1px;height: 33px;background: #f1f1f1;position: absolute;right: 0;top: 6px;}
.widget.umUser 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; border-radius: 5px;}
.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;}
.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;}
.slide .mip-fill-content{height: auto;}
.post-media mip-i-space{ padding-bottom: 50%!important}

mip-fixed[type="gototop"]{ right: 5%!important}
.warp.clo .container .artBox{ padding: 0 1rem}
.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: #fff;padding: 20px 15px;border-radius: 10px;}

mip-showmore.linear-gradient{ margin-bottom: 60px;}
.mip-showmore-btn-hide{ display: none!important}
.mip-showmore-btn{   border-color: #27AFAF; color:#27AFAF; 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;}
.mip-showmore-btn:hover{ border-color: #27AFAF; color:#fff; background:#27AFAF;}
.arcPage mip-showmore.linear-gradient{margin-bottom: 40px;}
.arcPage .mip-showmore-btn{ bottom: -30px;}

@media screen and (max-width:1120px){
	.warp.clo .container #article{margin-right: 350px;}
}
@media screen and (max-width:1020px){
	.warp.clo .container #article{margin-right: 328px;}
	.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;}
	#article .post{ margin-bottom:2.2rem}
}
@media screen and (max-width:950px){
	.warp.clo .container #article{margin-right: 318px;}
	.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;}
	#article .post{ margin-bottom:2rem}
}
@media screen and (max-width:900px){
	.warp.clo .container,.warp.clo .umCrumb{max-width:750px}
	.warp.clo .container #article{margin-right:0; padding: 0;}
	.sidebar{ display: none;}
	.warp.clo .container .artBox{ padding: 0 0px;}
}
@media screen and (max-width:759px){
	.header .container{ padding: 0 10px;}
	.navBar .logo a{ left: 10px;top: 13px;}
	.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}
	#article .post{ margin-bottom:1.8rem}
}
@media screen and (max-width:639px){
	body{ padding-top: 64px;}
	.header{ height: 48px;}
	.navBtn{ height: 48px; }
	.scBtn{ right: 40px; width:50px;height: 48px;padding: 12px 10px}
	.navBtn{padding: 12px 20px;}
	.navBar .logo a{ left: 10px;top: 10px;}
	.logo a img{height: 32px;}
	.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}
	.post .post-media,#article .post.arcSc,mip-carousel,.post.arcSc .post-body p,.umBnGg,.link,div.post-body blockquote,div.post-body img,.relevant{ border-radius: .6rem}
	.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;}
	#article .post{ margin-bottom:1.5rem}
	
	.single .postNav{ float: none; position:relative;}
}
@media screen and (max-width:480px){
	.warp.clo .container #article .post, .warp.clo .container .slide{ padding:1rem;}
	.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;}
}
@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;}
}
@media screen and (max-width:375px){
.artSmall .post .post-text{ width:67%}
}