/**
 +------------------------------------------------------------------------------
 * 网站样式重写
 +------------------------------------------------------------------------------
 */
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/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:#2A2B36;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{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}

@font-face {font-family: politicaregular;src: url('fonts/politicaregular.ttf');}
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  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:#f7fafc; padding-top:56px;}
.container:before, .container:after,.warp:after,.main:before, .main:after{display: table; content: " ";}
.container:after,.warp:after,.main:after{clear:both;}
.container{ max-width: 750px; padding: 0 15px; margin: 0 auto; position:relative; clear:both;}
.orw{ margin-left: -15px; margin-right: -15px;}
.warp{min-height: calc(100vh - 174px);}
/*头部*/
.header{ width: 100%; height: 56px; z-index: 999; position: fixed;background:#2A2B36;box-shadow: 0 0 15px rgba(0, 0, 0, .0); top: 0;}
.header .container{ max-width:none; padding:0 20px; position: initial}

/*logo*/
.logo{height: 56px;float: left;overflow: hidden;font-size: 0;}
.logo a{ color: #333;transition: all 0.3s ease 0s; position: absolute; top: 50%; -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}
.logo a img{height:40px; vertical-align: middle; width: auto!important; display: block;}

.navBtn{ width: 68px;height:56px;line-height: 58px; position:relative; float: right; margin-right: -20px; padding:15px 20px; cursor: pointer; z-index: 3}

.navBtn span{ width:28px; height:2px; display: block; background:#FFFFFF; border-radius: 5rem; 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: #2A2B36; display: none; z-index: 999;}
.navBar .navBtn{top:0px; transform: translateY(0%); right:20px;}
.navBar .navBtn span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);margin: -2px -15px;-webkit-transform: rotate(45deg);
transform: rotate(45deg);}
.navBar .navBtn span.s2{width: 28px;-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);}
.navBar .logo a{top: 12px; left: 20px; transform: translateY(0%)}

.umNav{ float: right; }
.umNav li{ float: left;}
.umNav a{line-height: 56px; color: #fff;margin: 0 10px; padding: 0 5px; cursor: pointer; display: block;}

.nav,.umNavCon ul{ width: 100%; text-align: center; position: absolute; display: none; top: 50%; transform: translateY(-50%)}
.nav.in{display: block;}
.nav a,.umNavCon ul a{ width:15%; min-width:20rem; height: 4.2rem; line-height: 4.2rem; margin: 1rem 0; background-color: #FFFFFF; color:#333333; font-size: 1.6rem; 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,.umNavCon ul a:hover{ background-color:#C71420; color:#333333; }
.nav.in li,.umNavCon li{-webkit-animation:0.3s fadeInUp linear;animation:0.3s fadeInUp linear;animation-fill-mode:both;}
.nav.in li:nth-of-type(1),.umNavCon li:nth-of-type(1){animation-delay: 0.1s;}
.nav.in li:nth-of-type(2),.umNavCon li:nth-of-type(2){animation-delay: 0.15s;}
.nav.in li:nth-of-type(3),.umNavCon li:nth-of-type(3){animation-delay: 0.2s;}
.nav.in li:nth-of-type(4),.umNavCon li:nth-of-type(4){animation-delay: 0.25s;}
.nav.in li:nth-of-type(5),.umNavCon li:nth-of-type(5){animation-delay: 0.3s;}
.nav.in li:nth-of-type(6),.umNavCon li:nth-of-type(6){animation-delay: 0.35s;}
.nav.in li:nth-of-type(7),.umNavCon li:nth-of-type(7){animation-delay: 0.4s;}
.nav.in li:nth-of-type(8),.umNavCon li:nth-of-type(8){animation-delay: 0.45s;}
.nav.in li:nth-of-type(9),.umNavCon li:nth-of-type(9){animation-delay: 0.5s;}

.scBtn{width: 68px;height: 56px;line-height: 57px; overflow: hidden;float: right;padding:0 2px; cursor: pointer; z-index: 3; text-align: center;}
.scBtn i{ font-size: 1.8rem; color: #FFFFFF; opacity: .25;line-height: 2.6rem;}
.scBox{width: 100%;text-align: center;position: absolute;display: none;top: 20%;transform: translateY(-50%);}
.scBox.in{ display: block;-webkit-animation:0.3s fadeInUp linear;animation:0.3s fadeInUp linear;animation-fill-mode:both;}

.scBox .scForm{ width: 26rem; min-width: 22rem; height: 4.2rem; margin: 0 auto; position: relative;background:#FFFFFF; border-radius: 50rem; overflow: hidden;box-shadow: 0 4px 0px rgba(0, 0, 0, .05);}
.scBox .scForm .scInput{ width: 100%; height: 100%; display: inline-block; border: medium none; padding: 0 5rem 0 1.5rem}
.scBox .scForm button{ border: medium none; background: none; position: absolute; top: 0; right: 0; padding: 1rem 1.2rem;cursor: pointer;}
.scBox .scForm button i{ font-size: 2rem; color:#333333; opacity: .5;} 

.scBox .schList{ width:80%; text-align:center; color: #fff; margin:3rem auto 2rem auto; max-width:80%!important; min-width:100%!important;min-height:30rem!important; top: 2rem; left: -3.8rem}
.scBox span{ margin: 2rem 0 0 0; color: #fff; display: none;} 
.scBox .schList a{ display: inline-block; font-size: 1.4rem!important; background:var(--navBg1);color:#fff; border-radius:10rem;-webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; padding:.5rem 1.5rem;white-space: nowrap;-o-box-shadow: .3rem .8rem 2rem 0 rgba(0,0,0,.2);
-ms-box-shadow: .3rem .8rem 2rem 0 rgba(0,0,0,.2);
-moz-box-shadow:  .3rem .8rem 2rem 0 rgba(0,0,0,.2);
-webkit-box-shadow:  .3rem .8rem 2rem 0 rgba(0,0,0,.2);
box-shadow:  .3rem .8rem 2rem 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:hover{background:#C71420;color:#fff;transform: scale(1.3)}

#article .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: #ecf2f5;border: 1px solid #dfe9ee; padding:1.5rem 2rem; border-radius: 1rem}
.post.arcSc .post-body p strong{ font-weight: normal; color: #2A2B36;}
.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}}

.catePic{ position: relative; z-index: 2;}
.catePic .text{ max-width: 750px;  width: 100%;  padding: 60px; display: block; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
.catePic .text a{color: #fff;}
.catePic .text h2{ font-size: 28px;}
.catePic .text h3{ font-size: 24px;}
.catePic .text h4{ font-size: 22px;}
.catePic .text p{ line-height: 22px; opacity: .68; padding-top: 3px;}

/*列表*/
#article{ width: 100%; min-height:30rem;padding: 0 1rem;}
#article .post{ width: 100%;margin-top: 1.7rem;margin-bottom:3rem;padding:0em;}
.post .post-title {margin:2rem 0 0;font-size: 1.8rem;}
.post .post-title strong,.post .post-content mark{color: #2A2B36;background: none;}
.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:hover,
.post .post-title a:focus {text-decoration: none; color: #222;}
.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 {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:center;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;border-radius:1rem;overflow: hidden;}
.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:1.4rem; line-height:2rem;color: #666;}
.post .post-content{ margin: 1rem 0 0 0; text-align: justify;}
.post .post-content p.info{margin: 1rem 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: #2A2B36; color: #fff;}

/*预加载*/
.imgLazy{ width: 100%; height: 100%; display: block;  float: left;background: #ecf2f5 url(images/lay.gif) center center no-repeat;}
.lazy {max-width: 100%; height: 100%;}


/*面包屑*/
.umCrumb{max-width:750px; margin:0 auto; padding:1.4rem 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:#2A2B36;}
.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;}
.pageNav .v{line-height:2.6rem;}
.pageNav a:hover{background:#2A2B36;color:#fff;text-decoration:none;filter: alpha(opacity=60);opacity: 0.6;}
.pageNav span{color:#fff;background:#2A2B36;border:0px solid #2A2B36;filter: alpha(opacity=60);opacity: 0.6;}
.commentpagebar .pageNav{display:block!important;padding: 15px 0px 0;}
.ias-trigger{ width: 100%;}
.ias-trigger a,.ias-noneleft{width: 100%; height:100%; line-height: 4rem; display: block;border-radius:1rem; margin:0;background: #ecf2f5; color: #666; text-align: center; cursor: pointer; opacity: .8}
.ias-trigger a:hover{ opacity: 1;}
.ias-spinner{background:url(images/loading.gif) no-repeat center; background-size: 60px auto; width:100%;margin:0 auto;height: 4rem}
.ias-trigger-next{cursor:pointer;float:inherit;text-align:center;}
.ias-noneleft{ cursor: default; opacity: .5}

/*---------------------------文章内容------------------------*/
.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:#2A2B36;}
.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:180%;clear:both;word-break:break-all}
.single .post div.post-body video{width:100%;max-width: 100%;}
.single .post-body a{text-decoration:none;color: #2A2B36;}
.single .post-body a:hover{text-decoration:none;color:#2A2B36}
.single .post-body p,.post.arcSc .post-body .inLink p{margin:1.5em 0 1.5rem 0;padding:0;text-indent:0;border: none; color: #333;}
.single .post.single .post-title{ width:100%; 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%!important;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 table{max-width:100%!important;}

/*----------- 底部 -----------*/
.footer{width:100%;margin:3.5rem 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;}

.morph {position: relative;height: 100%;fill: #fff;flex: none;}
.morph-wrap {position: fixed;top: 0;left: 0;bottom: 0;width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center; pointer-events: none;}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.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(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%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:0px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/*自定义*/
.owl-theme{ cursor: grab;margin:1.8rem 0 0 0;}
.owl-theme .owl-nav [class*="owl-"]{ margin: 0; border-radius: 0;-moz-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-ms-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;}
.owl-theme .owl-nav [class*="owl-"]:hover{ background: rgba(0,0,0,0.8); cursor: pointer;}

.owl-theme .owl-nav{ display: block; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%)}
.owl-theme .owl-nav{transform: none; height: 0; position: static;}
.owl-theme .owl-dots .owl-dot span{background: rgba(0,0,0,.3); margin: .5rem .5rem}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#2A2B36}

.owl-theme .owl-dots .owl-dot span{ width: .5rem; height: .5rem}
.owl-theme .owl-dots{ margin-top: 2rem;}

.owl-theme .owl-nav button{ position: absolute; top: 50%; transform: translateY(-50%);opacity: 0;}
.owl-theme .owl-nav button.owl-prev,.owl-theme .owl-nav button.owl-next{ background: rgba(0,0,0,0.35); opacity:0;}
.owl-theme .owl-nav button.owl-prev{ left: 10px;}
.owl-theme .owl-nav button.owl-next{ right: 10px;}
.owl-theme:hover .owl-nav button{ opacity: 1;}
.owl-theme:hover .owl-nav button.owl-prev{left: 0px;}
.owl-theme:hover .owl-nav button.owl-next{right: 0px;}

.owl-carousel .owl-stage-outer{border-radius: 1rem; min-height: 10rem; }
.owl-carousel.owl-drag .owl-item{min-height: 10rem;}

.bx-prev,.bx-next { line-height: 6rem; text-align: center;cursor: pointer;color: #fff;font-size:2.4rem; margin: 0; padding:0px 1rem}
.owl-theme .title{ width: 100%; height: 10rem; line-height: 4.6rem; position: absolute; bottom: 0; left: 0; right: 0; background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.5) 120%); margin-bottom: 0; color: #fff; font-size: 1.8rem;}
.owl-theme .title h4{ padding: 5rem 1.8rem 0; display: block;}


/*----------- comm -----------*/	
.commBox{padding:1.5rem 0 2rem;margin-bottom: 1.5rem;ackground: #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:#2A2B36; 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:0;-moz-border-radius:0;border-radius:0;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:#2A2B36;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:49%}
.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;}
.bd_weixin_popup{ height: 310px!important;width: 252px!important;border-radius: .5rem; border:none!important;box-shadow: 0 0 25px rgba(0, 0, 0, .1); position: fixed!important; left: 50%!important; margin-left: -126px; top: 50%!important; margin-top: -155px;padding:20px 15px 15px 15px!important;}
.bdsharebuttonbox{ display: inline-block; margin-top: 2rem}
.bdsharebuttonbox a,.bdshare-button-style0-16 a{ background-image: none!important; width:3.2rem!important; height: 3.2rem!important; line-height:3.2rem!important; padding: 0!important; border: 1px solid #eee;  float: left;border-radius: 100px; text-align: center;margin: .6rem .6rem .6rem 0; font-size:2rem!important;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bdshare-button-style0-16:after{content:""!important}
.bdsharebuttonbox a.bds_weixin{ border: 1px solid #6bc30d; color: #6bc30d;}
.bdsharebuttonbox a:hover.bds_weixin{ background-color: #6bc30d; color: #fff;}
.bdsharebuttonbox a.bds_sqq{ border: 1px solid #1ea6e9; color: #1ea6e9;}
.bdsharebuttonbox a:hover.bds_sqq{ background-color: #1ea6e9; color: #fff;}
.bdsharebuttonbox a.bds_tsina{ border: 1px solid #f78585; color: #f78585;}
.bdsharebuttonbox a:hover.bds_tsina{ background-color: #f78585; color: #fff;}
.bdsharebuttonbox a.bds_tqq{ border: 1px solid #00C5FF; color: #00C5FF;font-size:2rem!important}
.bdsharebuttonbox a:hover.bds_tqq{ background-color: #00C5FF; color: #fff;}
.bdsharebuttonbox a.bds_qzone{ border: 1px solid #ff9933; color: #ff9933;font-size: 2rem!important}
.bdsharebuttonbox a:hover.bds_qzone{ background-color: #ff9933; color: #fff;}
.bdsharebuttonbox a.bds_more{ border: 1px solid #cecece; color: #a4a2a0;}
.bdsharebuttonbox a:hover.bds_more{border: 1px solid #333;  background-color: #333; color: #fff;}
.bdsharebuttonbox a.bds_weixin:before {content: "\e715";}
.bdsharebuttonbox a.bds_sqq:before {content: "\e62a";}
.bdsharebuttonbox a.bds_qzone:before {content: "\e728";}
.bdsharebuttonbox a.bds_tsina:before {content: "\e67a";}
.bdsharebuttonbox a.bds_tqq:before {content: "\e606";}
.bdsharebuttonbox a.bds_more:before {content: "\e607";}

/*点赞，打赏*/
.post-like{text-align: center;}
.post-like a{ min-width: 10rem; height: 4.2rem; line-height: 4.2rem; margin: 1rem .5rem; padding: 0 2rem; background: #79A3F1; display: inline-block; font-size: 1.4rem; color: #fff; cursor:pointer; border-radius: 10rem; opacity: 1;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.post-like a span{ margin-left: .5rem}
.post-like a.reward{ background:#F27272}
.post-like a:hover{ opacity: .8;}
#reward{ width: 300px; min-height: 280px; padding: 20px; background: #fff; border-radius:.5rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1001; display: none; text-align: left;}
#reward ul {margin: 0 0 15px 0px;font-size: 0; display: block;}
#reward .list { text-align: center;}
#reward .list li{ display: inline-block; font-size: 14px; margin: 5px 15px 0 5px; position: relative; padding-left: 20px; cursor: pointer; color: #999}
#reward .list li.cur{ color: #333;}
#reward .list li i{ position: absolute; display: block; top: -4px; left: -4px; font-size: 25px; color: #AAA8A8;}
#reward .list li.cur i{ color: #22ab38}
#reward #listCon{position: relative;}
#reward #listCon div{opacity: 1;display: none;}
#reward #listCon div.cur{ opacity: 1; display: block;}
#reward #listCon div img{border-radius:0px; overflow: hidden; display: block;margin: 0;}
#reward p{ text-align: center; padding-top: 15px;font-size: 14px;}

/*上下篇*/
.single .postNav{ float: right; margin-top: 2rem}
.single .postNav.fn{ float: none;}
.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 #2A2B36; background: #2A2B36; 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: #2A2B36;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: #2A2B36}

.umEwm{ position: fixed; width: 200px; min-height: 200px; display: block; padding: 10px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.05); border-radius: 5px;}
.umEwm.crumb{ margin: 26px 0 0 0}
.umEwm p{text-align: center; color: #666; padding: 5px;}

.index .umEwm,.index .umEwm.crumb{ margin: 0;}

/*熊掌号*/
#cambrian0{ margin: 2rem 0 3rem 0!important}
#cambrian0 ._1mpIIe .FiQpSl, #cambrian1 ._1mpIIe .FiQpSl, #cambrian2 ._1mpIIe .FiQpSl, #cambrian3 ._1mpIIe .FiQpSl, #cambrian4 ._1mpIIe .FiQpSl{margin: 1.2rem 0 3.5rem!important;}
#cambrian0 ._1mpIIe ._3YDNrK ._3Ur4mW, #cambrian1 ._1mpIIe ._3YDNrK ._3Ur4mW, #cambrian2 ._1mpIIe ._3YDNrK ._3Ur4mW, #cambrian3 ._1mpIIe ._3YDNrK ._3Ur4mW, #cambrian4 ._1mpIIe ._3YDNrK ._3Ur4mW{margin-top:2rem!important;}
#cambrian0 ._1mpIIe::after, #cambrian1 ._1mpIIe:after, #cambrian2 ._1mpIIe::after, #cambrian3 ._1mpIIe:after, #cambrian4 ._1mpIIe:after{ border: 1px solid #dfe9ee!important}

.gotop{ width: 36px; height: 36px; border-radius: 50rem;text-align: center;line-height: 34px;cursor: pointer;opacity: .5;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color: #53646d;border: 1px solid #dfe9ee;background-color: #ecf2f5; position: fixed; right: 10%; bottom: 90px; display: none;}
.gotop:hover{ color: #fff; background-color:#2A2B36;border: 1px solid #2A2B36;opacity:1;}

.post-media video{min-width: 100%;height: auto;width:100%;}
.moviePlay{ width:64px; height:64px; line-height:64px;border: 2px rgba(204,172,130,.6) solid; text-align:center; background:rgba(0,0,0,0.65); border-radius:100%;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:bloack; z-index:1; text-align:center; cursor:pointer; z-index:4; display:none;} 
@media screen and (max-width:1180px){
.umEwm.crumb{ display: none}
}
@media screen and (max-width:759px){
	.header .container{ padding: 0 10px;}
	.navBar .logo a{ left: 10px;top: 13px;}
	.logo a{ padding: 12px 0}
	.logo a img{height: 36px;}
	.navBtn{ right: 0px;}
	.navBar .navBtn{right: 10px;}
	.gotop {right: 10px;}
    .umEwm{ display: none}
}

@media screen and (max-width:639px){
	body{ padding-top: 48px;}
	.header,.logo{ height: 48px;}
	.logo a{ padding: 10px 0}
	.logo a img{height: 32px;}
	.scBtn{height: 48px;line-height:50px;padding: 0 10px}
	.navBtn{height: 48px;width:48px;padding:10px;margin: 0 -10px 0 0;}
	.navBar .logo a{ top:0;}
	.owl-theme{ margin-top: 1.5rem;}
	.postText ul{width: 100%;}
	.postText ul li{ width: 100%;}
	input.text{ margin-right: 0}
	.post .post-media,.pageNav.indexPage a,.post .post-media img,.post.arcSc .post-body p,div.post-body blockquote,div.post-body img,.owl-carousel .owl-stage-outer,.relevant,.umBnGg,.link{border-radius: .6rem}
    
    .umNav a{ line-height: 48px;}
    
    .post .post-title {margin:1.5rem 0 0;font-size: 1.6rem;}
    .post .post-content{font-size: 1.2rem;line-height: 1.8rem;}
    .post .post-content p.info{ margin-top: 1.5rem}
    
    .catePic .text{ padding: 30px 20px;}
    .catePic .text h2{ font-size: 20px;}
    .catePic .text h3{ font-size: 18px;}
    .catePic .text h4{ font-size: 16px;}
    .catePic .text p{ font-size: 12px; line-height: 20px; padding-top: 0;}
}

@media screen and (max-width:439px){
	.bdsharebuttonbox{ width: 100%}
	.single .postNav{ float: none;margin-top: 0; margin-bottom: 2rem} 
	.single .postNav div a{margin: .6rem 0.3rem .6rem 0rem}
	#cambrian0{ clear: both!important;}
}
