/**
 +------------------------------------------------------------------------------
 * 网站样式重写
 +------------------------------------------------------------------------------
 */
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/font-size:62.5%;overflow-x: hidden;}
 body{ font-size: 1.4rem;color:#8F9BAD;font-family:"PingFang SC",Helvetica,Arial,sans-serif;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} 
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;touch-action: manipulation;}
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-family:sans-serif; font-size:100%;font-weight:700;color:#232328;-moz-osx-font-smoothing: auto;} 
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:#232328;vertical-align:baseline;text-decoration:none;outline:none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color:#0084FF;text-decoration:none;}
a:active {text-decoration: none;}
a:focus,input:focus{outline:none;}
img{ max-width: 100%;}
.circle{-webkit-border-radius:100%; border-radius: 100%;}
.artPost img{-webkit-border-radius:3px;border-radius: 3px;}
.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{outline: medium none;}
a{blr: expression(this.onFocus=this.blur());-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent}
:focus {outline: 0}
a,div {-moz-tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: transparent}
body{ background:#f2f5f8;}

/*文字两侧对齐*/
.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;}
.container:before, .container:after,.warp:after,.main:before, .main:after,.orw:before,.orw:after,.artMain:before,.artMain:after{content: "";
display: block;
height: 0;
overflow: hidden;}
.container:after,.main:after,.orw:after,.artMain:after{ clear:both;}
.container{max-width:1220px; padding: 0 12px; margin: 0 auto; position:relative; clear:both;}
.warp{ margin-top:0px;padding-top: 85px; overflow: hidden;}
.home .warp{padding-top: 0;}
.author .warp{padding-top: 70px;}
*,:after,:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*----------- 头部 -----------*/
.header{position:fixed; width:100%; left:0; top:0;display:block; padding: 2px 0; background:#FFFFFF; z-index:10;box-shadow: 0 0 5px #ccc;}
.header .container{margin:0 auto;}
.header .headBox{display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;}
.header .logo{display:flex;align-items: center;justify-content: space-between; overflow:hidden; height:66px;}
.header .logo h1{height:100%; display:block;}
.header .logo a{ height:48px; display:block; position:relative; font-size:0; overflow:hidden;}
.header .logo a img{height:100%;}
.header .navBar{ margin:0 0 0 30px;display: flex;flex-basis: auto;flex-grow: 1;align-items: center;justify-content: flex-end;}
.header .navBar .login{color:#282828}
.header .navBar .login span{ opacity: .6;}
.header .navBar li{ display:inline-block; height:38px; line-height:38px; position:relative; vertical-align:top;-moz-osx-font-smoothing: auto;}
.header .navBar li a{ display:inline-block; padding:0 15px 0 0; margin-right: 15px;color:#282828; font-size:14px; position:relative; z-index:2;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar li a:before{ content: ''; width: 1px; height: 17px; position: absolute; right: 0; top:10px; background: #28282815;}
.header .navBar li:last-of-type a{ margin-right: 0; padding-right: 0;}
.header .navBar li:last-of-type a:before{ display: none;}
.header .navBar li>a:hover,.header .navBar li.active i[class*="dot"] i,.header .navBar li.active>a{color:#0084FF;}


/*二级高亮*/
.header .navBar ul li>ul{min-width:160px; position:absolute; top:100%; left:0%;background:#fff; z-index:888; visibility:hidden; opacity:0;-webkit-box-shadow: 0 8px 20px rgba(32, 54, 86, 0.2);-moz-box-shadow: 0 8px 20px rgba(32, 54, 86, 0.2);box-shadow: 0 8px 20px rgba(32, 54, 86, 0.2);transform-origin: top center;-webkit-border-radius:5px;border-radius:5px;}
.header .navBar ul li>ul:after{content: "";display: block;height: 0;width: 0;position: absolute;top: -10px;left: 10%;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #FFF;}
.header .navBar ul li>ul li{ width:100%; height:42px; line-height:42px; display:block;}
.header .navBar ul li>ul li:after{content: "";background: #EBEBEB;background: -webkit-linear-gradient(right, #EBEBEB 0%, transparent 100%);background: linear-gradient(to right, #EBEBEB 0%, transparent 100%);display: block;height: 1px;width: 100%;}
.header .navBar ul li>ul li:last-of-type:after{ display: none;}

.header .navBar ul li > ul li a{ padding: 0 10px;}
.header .navBar ul li>ul li a,.header .navBar ul li.active > ul li a{ width:100%;text-align:left;height:42px; line-height:42px; font-size:14px; opacity:1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar ul li>ul li.active a,.header .navBar ul li>ul li.on a:hover{ background:none;color:#0084FF;;}
.header .navBar ul li>ul li.on a:hover{}
.header .navBar ul li.on>ul{ visibility:visible; opacity:1;animation: growOut 300ms ease-in-out forwards;}
.header .navBar ul li.on>ul li em.dot{color:rgba(255,255,255,0.8);}

.header .navBar ul li.subNav > a:after,.header .navBar li em.dot:after{display: inline-block;margin-left: 5px;vertical-align: middle;content: "";font-family: "simple-line-icons";font-size: 8px;}
.header .navBar li em.dot:after{ display: none;}

/*头部搜索*/
.header .headSearch .form,.divSearchPanel form{ border: 1px solid #0084FF; padding-right: 36px; height: 36px; position: relative;width: 220px;background: #fff; border-radius: 2px; overflow: hidden;}
.header .headSearch .form input,.divSearchPanel form input{ border: medium none; background:none; height: 34px; padding: 0 5px 0 8px; max-width: 100%;}
.header .headRight{ position: relative;margin-left: 30px;}
.header .headRight button,.divSearchPanel form button,.main .banner .bnSearch .form button{ padding: 0; margin: 0; text-indent: 0; text-align: center; overflow: hidden; background: #0084FF;width: 36px; height: 36px; position: absolute; right: 0px; top: -18px; border: medium none;cursor: pointer; color: #fff;font-size:18px;border-radius: 2px; }
.header .headRight button.navBtn{ display: none;}
.header .headRight button:hover,.divSearchPanel form button:hover{background-position:center;}
.header .headRight .headSearch button{top: -1px;}

/*移动端菜单*/
.leftNav{background: #FFF;height: 100vh;overflow-y: auto;overflow-x: hidden;padding: 80px 40px 40px;position: fixed;right: 0;top: 0;width: 300px;z-index:999;-webkit-box-shadow: -4px 0px 20px rgba(32, 54, 86, 0.1);-moz-box-shadow: -4px 0px 20px rgba(32, 54, 86, 0.1);box-shadow: -4px 0px 20px rgba(32, 54, 86, 0.1);-webkit-transform: translateX(350px);-moz-transform: translateX(350px);-ms-transform: translateX(350px);-o-transform: translateX(350px);transform: translateX(350px);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.leftNav.open{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.leftNav .mLogo{margin-bottom: 40px;margin-top: 30px;width: 100%;}
.leftNav .mClose{ position: absolute; top: 20px; right: 20px; font-size: 22px; cursor: pointer;}
.leftNav .nav li{padding: 0;position: relative; line-height: 1.7;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.leftNav .nav li em{border: solid 1px #EBEBEB;-webkit-border-radius:5px;border-radius: 5px;font-size: 10px;display: inline-block;padding: 10px;line-height: 1;cursor: pointer;color: #6ab7ff;position: absolute;top: -5px;right: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-backface-visibility: hidden;}
.leftNav .nav li em:after{content: "\e604";font-family: 'simple-line-icons';}
.leftNav .nav li:after{content: "";display: block;height: 1px;margin-bottom: 10px;margin-top: 10px;width: 100%;
background: #EBEBEB;
background: -webkit-linear-gradient(left, #EBEBEB 0%, transparent 100%);
background: linear-gradient(to right, #EBEBEB 0%, transparent 100%);}
.leftNav .nav li .sub{ display: none;padding: 10px 20px;}
.leftNav .nav li .sub li{padding: 5px 0;}
.leftNav .nav li .sub li a{color: #79889e;}
.leftNav .nav li .sub li a:hover{color: #232328}
.leftNav .nav li .sub li:after{display: none;}
.leftNav .nav li em.open{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);transform: rotate(180deg);}


.main{ width: 100%; min-height: calc(100vh - 240px); clear: both;margin: 15px 0 30px;}
.home .main{ margin: 0;}
.main .banner{background-image: url('images/bnBg.png');background-position: center;background-size: auto;background-position: center;background-size: cover;background-color: #1373e2;min-height: 400px;width: 100%;color: #fff; padding-top: 70px; position: relative; z-index: 1;}

.main .banner .text{ width: 100%; max-width: 85%; margin: 0 auto; text-align: center; padding:50px;-moz-osx-font-smoothing: auto;}
.main .banner .text .tit{ font-size: 48px;font-weight: normal;letter-spacing: 5px; color: #fff;}
.main .banner .bnSearch{ width: 100%; padding:40px 60px 20px; position: relative; }
.main .banner .bnSearch .form{padding-right: 80px;height: 48px;position: relative;width: 100%;background: #fff;border-radius: 6px;overflow: hidden;}
.main .banner .bnSearch .form .sinput{width: 100%;height: 48px;background: #fff;padding-left: 10px;border-radius: 6px 0 0 6px;float: left;font-size: 16px; border: medium none;}
.main .banner .bnSearch .form button{ height: 48px; width: 80px; top: 0; background: #fff; color: #999;font-size: 20px; border-left: 1px solid #eee;}
.main .banner .bnSearch .hotSearch{text-align: left; margin-top: 20px; padding-left: 66px; position: relative;}
.main .banner .bnSearch .hotSearch a{ display: inline-block; overflow: hidden; margin-left: 10px; color: #fff;}
.main .banner .bnSearch .hotTit{ padding: 0px 5px; height: 24px; line-height: 24px; font-size: 14px; background: rgba(255,255,255,.3);border-radius: 4px; position: absolute; left: 0; top:-2px;}

.main .banner .bnChart{width: 100%; padding:30px 60px 0px;}
.main .banner .bnChart ul{display: flex;justify-content: space-between;}
.main .banner .bnChart li{font-weight: bold; font-size:16px;}
.main .banner .bnChart li span{font-size:26px}

.bnHeight{ height: 65px; display: inline-block; width: 100%;}

/*首页模块*/
.main .indexModule{ margin:0;}
.main .indexModule .module{padding:0; margin: 30px 0;}
.main .indexModule .module h2{font-size: 20px;font-weight: 500;line-height: 1.2;-moz-osx-font-smoothing: grayscale;}
.main .indexModule .module p{font-size: 12px;color: #999;padding-top: 6px;}
.main .indexModule .module ul{display: flex;flex-wrap: wrap;position: relative;}
.main .indexModule .module.mod1{background: none;display: flex; width: 100%;}
.main .indexModule .module.mod1 ul{ width: 100%;}
.main .indexModule .module.mod1 li{width: calc(100%/3); height: 100%;}
.main .indexModule .module.mod1 li a{display: flex;height: 100%;flex-wrap: wrap;flex-direction: column; justify-content: center;background: #fff; padding: 25px 25px 25px 100px; position: relative;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
.main .indexModule .module li i{position: absolute; left: 30px; top:50%; transform: translateY(-50%); font-size: 50px;}
.main .indexModule .module.mod1 li:nth-child(10n+1) i{ color: #fd4877; }
.main .indexModule .module.mod1 li:nth-child(10n+2) i{ color: #1ad1f1; }
.main .indexModule .module.mod1 li:nth-child(10n+3) i{ color: #f5940b; }
.main .indexModule .module.mod1 li:nth-child(10n+4) i{ color: #0084FF; }
.main .indexModule .module.mod1 li:nth-child(10n+5) i{ color: #0084FF; }
.main .indexModule .module.mod1 li:nth-child(10n+6) i{ color: #0084FF; }
.main .indexModule .module.mod1 li:nth-child(10n+7) i{ color: #0084FF; }
.main .indexModule .module.mod1 li:nth-child(10n+8) i{ color: #0084FF; }
.main .indexModule .module.mod1 li:nth-child(10n+9) i{ color: #0084FF; }
.main .indexModule .module.mod1 li:nth-child(10n+10) i{ color: #0084FF; }
.main .indexModule .module.mod1 li a:hover{background: #0084FF; color: #fff;}
.main .indexModule .module.mod1 li a:hover i{color: #fff;}
.main .indexModule .module.mod1 li a:hover,.main .indexModule .module.mod1 li a:hover h2,.main .indexModule .module.mod1 li a:hover p{color: #fff;}
.main .indexModule .module.mod1 li a:after{ content: ''; width: 1px; position:absolute; top: 0;bottom: 0; right: 0; background: #f6f6f6;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
.main .indexModule .module.mod1 li a:hover:after{background: #0084FF;}
.main .indexModule .module.mod1 li:nth-child(3n) a:after{background:none;}

.main .indexModule .module.mod2 .box{display: flex;justify-content: space-between;}
.main .indexModule .module.mod2 .box .left{background: #fff; width: 100%;}
.main .indexModule .module.mod2 .box .left li{ width: calc(100%/2);}
.main .indexModule .module.mod2 .box .left li a{ position: relative; display: block; padding:30px 30px 30px 160px;border-right: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6;height: 100%;min-height: 220px;display: flex;flex-direction: column;justify-content: center;}
.main .indexModule .module.mod2 .box .left li:nth-child(2n) a{ border-right: none;}
.main .indexModule .module.mod2 .box .left li:nth-last-child(-n+2){border-bottom: none;}
.main .indexModule .module.mod2 .box .left li i{left: 40px;color: #0084FF;font-size: 76px; opacity: .6;}
.main .indexModule .module.mod2 p{font-size: 14px; padding-top: 10px; line-height: 1.7;}
.main .indexModule .module.mod2 .box .right{ width: 220px; margin-left: 20px;background: #fff;}

.main .indexModule .module.mod2 .box .right ul {display: flex;flex-direction: column;height: 100%;}
.main .indexModule .module.mod2 .box .right li {flex-grow: 1;}
.main .indexModule .module.mod2 .box .right li a{ display: flex;height: 100%;width: 100%;flex-direction: column;justify-content: center;align-content: center;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #f6f6f6;}
.main .indexModule .module.mod2 .box .right li a:hover{ background: #0084FF00;}
.main .indexModule .module.mod2 .box .right li h2{font-size: 16px;opacity: .4;}
.main .indexModule .module.mod2 .box .right li a:hover h2{opacity: .6;color: #0084FF;}
.main .indexModule .module.mod2 .box .right li i{ position: static;transform: translateY(0%); margin-bottom: 4px;font-size: 50px;opacity: .4;}

.artBox{padding-right: 370px;position: relative;float: left;width: 100%;}
.artBox .title{ padding: 0 0 15px 0;border-bottom: 1px solid #f6f6f6; margin-bottom: 10px;}
.artBox .title h2{ display:inline-block; font-size: 20px;}
.artBox .title h2 i{ vertical-align: -1px; margin-right: 3px;color:#0084FF; opacity: .6; font-size: 24px;}
.artBox .title .more{ float: right; opacity: .6; margin-top: 4px; margin-right: -2px;}
.artBox .title .more:after{content: "\f2e5"; vertical-align:middle;font-family: remixicon !important;vertical-align: -2px; font-size: 18px;}
.artBox.full{padding:0px;float: none; margin-bottom: 30px;}
.home .artBox.full{ background: #fff; padding: 25px 30px 15px;}
.artList .artBox .postBox{ font-size: 0; margin: 0 -15px;}
.artList .artBox .post .item{padding: 15px 0;overflow: hidden;position: relative;margin:0;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;border-bottom: 0px solid #f6f6f6;}
.home .artList .artBox .post{ width: calc(100%/2 - 30px);display: inline-block;vertical-align: top; margin: 0 15px;}
.home .artList .artBox .postBox [id*="ias_"]{ display: none !important;}
.artList .artBox .post .thumb a{background-repeat: no-repeat;background-position: center;background-size: 20px auto;display: block;position: relative;background-color: #f2f5f8;-webkit-border-radius: 2px;border-radius: 2px;overflow: hidden;}
.artList .artBox .post .thumb a.loading{background-image: url(images/lay.gif);}
.artList .artBox .post .thumb a:after{content: '';padding-top: 75%;display: block;}
.artList .artBox .post .thumb a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.artList .artBox .post.web .thumb a img{ width: auto; height: auto; max-width: 100%; max-height: 100%; top: 50%;left: 50%; transform: translate(-50%,-50%);}
.artList .artBox .post .item:first-of-type{ margin-top: 0;}
.artList .artBox .post .thumb{width: 160px;height: auto;position: relative;font-size: 0;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;}
.artList .artBox .post .text{ font-size:1.4rem; line-height:1.6; min-width: 0; overflow:hidden;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center; padding-left: 20px;position: relative;}
.artList .artBox .post .text h3{ font-size: 16px;overflow: hidden;font-weight: 500;-moz-osx-font-smoothing: grayscale;line-height: 1.4;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.artList .artBox .post .text h3 .istop,.artList .artBox .post .thumb .istop{ padding: 0 3px; display: inline-block; background: #f66; border-radius: 2px; color: #fff; height: 18px;line-height: 18px; font-size: 12px;vertical-align: 2px; margin-right: 3px;}
.artList .artBox .post .text h3 .istop{line-height: 19px;vertical-align: 1px;}
.artList .artBox .post .thumb .istop{ position: absolute; top: 4px; left: 4px;z-index: 1;}
.artList .artBox .post .intro{text-align: justify; max-height: 44px;overflow:hidden;color: #50555a;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 10px;}
.artList .artBox .post .intro span{ opacity: .68; font-size: 14px; margin-right: 4px;}
.artList .artBox .post .meta{ margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.artList .artBox .post .thumb .verify{position: absolute;padding: 0 5px;height: 23px;line-height: 24px;background: #ff5808;border-radius: 3px 0 3px 0;top: 0px;left: 0px;color: #fff;font-size: 12px;-moz-osx-font-smoothing: auto;z-index: 2;}
.artList .artBox .post .thumb .verify.isVerify{background: #56c856;}

.artList .artBox .titlist .post .text h3{ padding-right:0px;}
.artList .artBox .post .text a span{ display: inline-block; height: 22px; line-height: 23px; padding: 0 5px; background: #ff5808; color: #fff; border-radius: 3px; font-size: 12px;vertical-align: 1px; margin-left: 4px;}
.artList .artBox .post .text a span.true{ background: #56c856;}
.artList .artBox .post a.more{display: inline-block; height: 22px; line-height: 23px; padding: 0 5px;background: #0084FF;color: #fff; border-radius: 3px; font-size: 12px;vertical-align: 1px; margin-left: 4px;}
.artList .artBox .post a:hover.more{ opacity: .6;}

.artList .artBox .textlist .post .text{ padding-left: 0; }
.artList .artBox .titlist .post .text{ padding-left: 15px; }
.artList .artBox .titlist .post{ padding-left:6px; position: relative;}
.artList .artBox .titlist .post:before{content: ""; width: 10px; height: 10px; border-radius: 10px; background: #ff0022; position: absolute; left: 0px; top: 27px;}
.artList .artBox .titlist .post:after{content: ""; width: 1px; height: 100%; position: absolute; left: 4px; top: 0; bottom: 0;border-left: 1px dashed #ff0022;border-radius: 1px;}
.artList .artBox .titlist .post:first-of-type:after{ top: 28px;height: auto;}
.artList .artBox .titlist .post:last-of-type:after{ bottom: 30px;height: auto;}

.artList .artBox .meta{font-size: 14px;color: #9faabb; margin-top: 8px;line-height: 1.7;}
.artList .artBox .meta span{ margin-right: 10px; }
.artList .artBox .meta span:before{font-family: remixicon !important; display: inline-block; vertical-align: 0;}
.artList .artBox .meta span.cate:before{content: "\ed9e";}
.artList .artBox .meta span.time:before{content: "\f20f";}
.artList .artBox .meta a{color: #9faabb;}
.artList .artBox .meta a:hover{color: #232328;}

.artList .artBox .meta [class^="star"]{ font-size: 12px;}
.artList .artBox .meta [class^="star"] i{ margin: 0 0 0 2px;color: #D0D5DD;}
.artList .artBox .meta [class^="star"] i:before{content: "\f186";font-family: 'remixicon' !important;}
.artList .artBox .meta span.star1 i:nth-of-type(1){ color: #ffb402;}
.artList .artBox .meta span.star2 i:nth-of-type(-n+2){ color: #ffb402;}
.artList .artBox .meta span.star3 i:nth-of-type(-n+3){ color: #ffb402;}
.artList .artBox .meta span.star4 i:nth-of-type(-n+4){ color: #ffb402;}
.artList .artBox .meta span.star5 i{ color: #ffb402;}
.artList .artBox .meta span.star0 i{ color: #D0D5DD;}

.artList .artBox .artArr{ background: #fff; padding:25px 30px 25px;}
.artList .artBox .artArr.topBn{ font-size: 0; padding:30px 30px 0;}
.artList .artBox .artArr.btmBn{ font-size: 0; padding:0 30px 30px;}
.artList .artBox .artArr .postBox{ margin: 0; }
.artList .artBox .artArr .postBox .post .item{border-bottom: 1px solid #f6f6f6;padding: 20px 0;}
.artList .artBox .artArr .title{margin-bottom: 0;}
.artList .artBox .artArr .title h2{ position: relative;}
.artList .artBox .artArr .title h2:after{ content: ''; position: absolute; left: 0; bottom: -16px; height: 1px; width: 100%; background: #0084FF;}

.artList .artBox .artArr .noArr{ text-align: center;font-size: 18px; padding: 50px 0;opacity: .4;}
.artList .artBox .artArr .noArr .ri-newspaper-line{ font-size: 40px;display: block; margin-bottom: 10px;}

/*评论列表*/
.msgList ul{ margin-top: 15px;}
.msgList li.msgArticle{ clear: both;padding:10px 0}
.msgList li.msgArticle:last-of-type{padding-bottom: 5px;}
.msgList .commBody{border-radius: 2px;margin-left: 55px;margin-top: 2px;}
.msgList .commTop{padding: 1.2rem 1rem .5rem; background: none;}
.msgList .commTop a{color: #51555a;}
.msgList .commInfo{color:#232328}
.msgList .commTo{ font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: normal; padding-right: 100px; position: relative;}
.msgList .commTo span{ margin-right: 3px;}
.msgList .commTo a{ color: #0084FF; opacity: .68;}
.msgList .commTo a:hover{opacity: 1;}
.msgList .commTo .praise{ position: absolute; top: 1px; right: 0;}
.msgArticle .praise span{ font-size: 12px; margin: 0 0 0 10px; cursor: pointer;}
.msgArticle .praise span:hover{color: #0084FF;}
.msgArticle .praise span i{ margin-right: 3px;}

.authorBn{padding: 50px 0; color: #fff;background-position: center;background-color: #1d1d1d;background-size: cover;position: relative;z-index: 2;display: inline-block; overflow: hidden; background-image: url(images/authorBg.jpg); margin-bottom: 5px; width: 100%;}
.artBox .title span{ margin-left: 10px;}
.authorBn .bnMask{background-color: #000;opacity: .5;z-index: 1;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.authorBn .container{ z-index: 2;}
.authorBn .avatarText{ display: flex; padding: 0 5px;}
.authorBn .avatarText .pic{ width: 118px; height: 118px; border-radius: 100%; border: 3px solid #fff; overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;}
.authorBn .avatarText .pic img{ width: 100%; height: 100%; border-radius: 100%; font-size: 0; background: #fff; object-fit: cover;}
.authorBn .avatarText .text{ padding-left:30px;}
.authorBn .avatarText h2{display: inline-block;padding: 0;font-size: 2.2rem;line-height: 1.6; color: #fff;}
.authorBn .avatarText .text span{display: inline-block;vertical-align:2px;background: #f33;color: #fff;padding: 1px 6px;border-radius: 10px;margin-left: 10px;font-size: 12px;-moz-osx-font-smoothing: auto; display: none;}
.authorBn .avatarText .text .desc{ margin-top: 12px;line-height: 1.5; opacity: .9; }
.authorBn .avatarText .text span.v1{background: #FD3208;background-image: none;background-image: -o-linear-gradient(left,#FD3208 0,#FD7B08 100%);background-image: linear-gradient(90deg,#FD3208,#FD7B08);}
.authorBn .avatarText .text span.v2{background: #7A00DF;background-image: none;background-image: -o-linear-gradient(left,#7A00DF 0,#E31FFF 100%);background-image: linear-gradient(90deg,#7A00DF,#E31FFF);}
.authorBn .avatarText .text span.v3{background: #088AFD;background-image: none;background-image: -o-linear-gradient(left,#088AFD 0,#00C3FF 100%);background-image: linear-gradient(90deg,#088AFD,#00C3FF);}
.authorBn .avatarText .text span.v4{background: #FF9B43;background-image: none;background-image: -o-linear-gradient(left,#FF9B43 0,#FFD34F 100%);background-image: linear-gradient(90deg,#FF9B43,#FFD34F);}
.authorBn .avatarText .text span.v5{background: #00CC29;background-image: none;background-image: -o-linear-gradient(left,#00CC29 0,#28E669 100%);background-image: linear-gradient(90deg,#00CC29,#28E669);}
.authorBn .avatarInfo{ padding-top: 40px; text-align: center;}
.authorBn .avatarInfo span{ padding: 0 20px; position: relative;-moz-osx-font-smoothing: auto;}
.authorBn .avatarInfo span.hr:after{position: absolute;content: '';width: 1px;height: 14px;top: 3px;left: 0px;background-color: #fff;opacity: .5;}


/*侧栏模块*/
.sidebar{width: 350px;float: right;margin-left: -350px;}
.home .sidebar{margin-top: 38px;}
.sidebar.bnSidebar{margin-top: 0px; margin-bottom:20px; position: relative; z-index: 3;}
.widget{padding: 20px 25px 20px;margin-bottom: 20px;background: #fff;border: 0px solid #eee;}
.widget:last-of-type{ margin-bottom: 0;}
.widget .title{font-size: 18px; margin-bottom: 15px; position: relative; padding-bottom: 10px;border-bottom: 1px solid #f6f6f6;font-weight: normal;}
.widget .title span{ position: relative;}
.widget .title span:after{content: ''; position: absolute; left: 0; bottom: -13px; height: 1px; width: 100%; background: #0084FF;}
.widget li{ height: 30px; line-height: 30px;}
.widget li h4{ font-size: 14px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight: normal;}
.widget li .time{padding-top: 5px; display:block; font-size: 12px;}
/*标签*/
.widget.divTags,.widget.divLinkage{ font-size: 0; padding-bottom: 24px;}
.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:after{ display: none;}
.widget.divTags li a{font-size:13px; color: #8F9BAD; padding:0px 15px;-webkit-border-radius:30px;border-radius:30px; display:block;margin:0px 4px 6px 0; height: 34px; line-height:32px; -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; border:1px solid #EBEBEB}
.widget.divTags li a span{font-size:12px;}
.widget.divTags li a:hover{color:#6ab7ff; border: 1px solid #6ab7ff;}
/*最新发布*/
.widget.divPrevious li{counter-increment: nums; margin: 0 0 15px 0; height: auto; line-height: inherit;}
.widget.divPrevious li:after{ margin: 20px 0;}
.widget.divPrevious li:nth-child(-n+3) .item .thumb:before{display: block;}
.widget.divPrevious .item{width: 100%;text-align: left;position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;}
.widget.divPrevious .item .thumb{width: 80px;height: 60px;position: relative;font-size: 0;-ms-flex-negative: 0;flex-shrink: 0;border-radius: 2px;overflow: hidden; background: #f2f5f8;}
.widget.divPrevious .item .thumb a{width: 80px;height: 60px;display: block;}
.widget.divPrevious .item .thumb img{width:80px;height: 60px; object-fit: cover;overflow: hidden;}
.widget.divPrevious .item.web .thumb a{ text-align: center;display: flex;justify-content: center;align-items: center;}
.widget.divPrevious .item.web .thumb img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
.widget.divPrevious .item .text{ padding-left: 15px;}

/*分类*/
.widget li .ul-subcates{display: none;}
.widget.divCatalog li:after,.widget.divArchives li:after,.widget.divStatistics li:after{background: -webkit-linear-gradient(left, #EBEBEB 0%, transparent 100%);background: linear-gradient(to right, #EBEBEB 0%, transparent 100%);}
.widget.divCatalog li a,.widget.divArchives li a,.widget.divStatistics li{ font-size: 15px; font-weight: 500;}
.widget.divCatalog li a:before,.widget.divArchives li a:before,.widget.divStatistics li:before,
.widget.umHotArt li:before,.widget.umHotComm li:before
{content: "\e606";color: #8F9BAD;font-family: "simple-line-icons";font-size: 10px;vertical-align: 1px; margin-right: 10px; font-weight: 700; opacity: .6;}
.widget.umHotArt li,.widget.umHotComm li{padding-left: 20px; position: relative;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden; height: 30px; line-height: 30px;}
.widget.umHotArt li:before,.widget.umHotComm li:before{ position: absolute; left: 0px; top:-1px;}

.widget.divbn{ border: none; padding: 0; text-align: center; -webkit-border-radius:10px;border-radius: 10px; overflow: hidden;}
.widget.divbn a{ display: block; font-size: 0;}
.widget.divbn.no div{padding: 0!important;}

.widget.umLeftText .img,.widget.divText .img{ background-position: center; background-size: cover; background-repeat: no-repeat;}
.widget.umLeftText,.widget.divText{ text-align: center;color: #8F9BAD; line-height: 1.7; font-size: 15px;}
.widget.umLeftText p,.widget.divText p{ margin-bottom: 15px;}
.widget.umLeftText p:last-of-type,.widget.divText p:last-of-type{ margin-bottom: 0;}
.widget.umLeftText h3,.widget.divText h3,.widget.umLeftText h4,.widget.divText h4,.widget.umLeftText h5,.widget.divText h5{ line-height: 1.4; margin-bottom: 15px; font-weight: 400;}
.widget.umLeftText h3,.widget.divText h3{font-size: 20px;}
.widget.umLeftText h4,.widget.divText h4{font-size: 18px;}
.widget.umLeftText h5,.widget.divText h5{font-size: 16px;}

.bnSidebar .widget.divPrevious{ padding: 30px; min-height: 533px;}
.bnSidebar .widget.divPrevious .title{ padding-bottom: 0;}
.widget .umTab{display: flex;flex-wrap: wrap;margin:0 -5px; list-style: none;}
.widget .umTab li{text-align: center; margin:0 5px;background: 0 0;border: solid 1px #EBEBEB;-webkit-border-radius:30px;border-radius: 30px; height: 44px; line-height: 42px;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease;font-size: 15px;color: #8F9BAD;-moz-osx-font-smoothing: grayscale; cursor: pointer; width:calc(100% / 2 - 10px); display: inline-block; vertical-align: top;}
.widget .umTab li.active{background: #6ab7ff;background: -webkit-linear-gradient(left, #6ab7ff 0%, #FFA388 51%, #6ab7ff 100%);background: linear-gradient(to right, #6ab7ff 0%, #FFA388 51%, #6ab7ff 100%);background-size: auto;border-color: transparent;background-size: 200% auto;color: #fff;}
.widget .umTab li:after,.bnSidebar .widget.divPrevious .title:after,.bnSidebar .widget.divPrevious li:nth-child(-n+3) .item .thumb:before,.umTabCon .umCon,.widget.divLinkage li:after,.widget.divMisc li:after{ display: none;}

.widget.umwebtop li{ width: 100%; height: 78px; overflow: hidden; margin: 5px 0 5px; display: inline-block; }
.widget.umwebtop li:last-of-type{ margin-bottom: 0;}
.widget.umwebtop li a{width:100%; height: 100%; border: 1px solid #f6f6f6;border-radius: 2px;display: block;background: #f2f5f8; font-size: 0;display: flex;align-items: center;padding: 5px;}
.widget.umwebtop li .thumb{width:100px;overflow: hidden;position: relative;height:100%;display: flex;justify-content: center;border-radius: 2px;-ms-flex-negative: 0;flex-shrink: 0;align-items: center;}
.widget.umwebtop li .thumb img{}
.widget.umwebtop li .thumb.web img{max-width: 100%;max-height: 100%;}
.widget.umwebtop li .text{ padding:10px; width: 100%;}
.widget.umwebtop li h4{color:#8F9BAD;-webkit-line-clamp: 1;}

/*侧栏友情链接*/
.widget.divLinkage li a{ font-size: 14px; font-weight:normal;padding:3px 0px;display:block;margin:4px 10px 4px 0;line-height:20px;color: #8F9BAD;}
.widget.divLinkage li a:hover{color:#6ab7ff;}

/*divMisc*/
.widget.divMisc li{ height: auto; line-height: normal; font-size: 0; margin: 4px 4px 4px 0; display: inline-block; vertical-align: top;}
.widget.divMisc img{ max-height: 30px; max-width: none; width: auto;}

/*控制面板*/
.widget.divContorPanel .cp-hello{ width: 100%; display: inline-block; margin-bottom: 10px;}
.widget.divContorPanel a:before{font-family: 'simple-line-icons';display: inline-block; vertical-align: -1px; margin-right: 2px;}
.widget.divContorPanel .cp-login{ margin-right: 10px;}
.widget.divContorPanel .cp-login a:before{content: "\e09a";}
.widget.divContorPanel .cp-vrs a:before{content: "\e060";}

/*日历*/
.widget.divCalendar,.widget.divMisc{ padding: 30px;}
.widget.divCalendar table{ width: 100%;}
.widget.divCalendar table th{ color: #8F9BAD;}
.widget.divCalendar table th,.widget.divCalendar table td{ text-align: center;padding: 10px 10px; border: none;background: #fafafb;}
.widget.divCalendar table caption{text-align: center; padding-bottom: 20px;}
.widget.divCalendar table caption a{ display: inline-block; vertical-align: middle;}
.widget.divCalendar table caption a:nth-child(2){ font-size: 20px; font-weight: 700;}
.widget.divCalendar table td a{color: #6ab7ff; opacity: .8; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.divCalendar table td a:hover{opacity: 1;}

/*搜索*/
.divSearchPanel form{width: 100%;}

/*最新评论*/
.widget.divComments li{height: auto;line-height:24px; margin: 18px 0;}
.widget.divComments li:last-of-type{ margin-bottom: 0;}
.widget.divComments li i{ font-style:normal; color:#9ca0ad; font-size: 12px;}
.widget.divComments li a{ position:relative; top:0px;}
.widget.divComments li .msg{ margin-top: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.widget.divComments li .author{float:left;margin:-1px 10px 0px 0; font-size: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: #f5f5f8 url(images/lay.gif) center center no-repeat; object-fit: cover;}
.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);}

/*面包屑*/
.umCrumb{max-width:1220px;width:100%; padding:0 10px; margin:0 auto; font-size:12px;position:relative;z-index: 2;color:#8F9BAD; display:none;}
.umCrumb.show{ display:block;}
.umCrumb a{font-size:12px;color:#8F9BAD;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.umCrumb a:hover{color:#6ab7ff;}
.umCrumb i{font-size:12px;color:#8F9BAD; margin: 0 4px;display: inline-block; vertical-align: 0;}


/*内容页*/
.single .artPost{ padding:20px 25px 20px; background: #fff; }
.single .postHead{ margin-bottom: 30px;}
.single.page .artBox{padding-right:0px; }
.single .artBox .artNav{ width: 100%; background: #fff; margin-bottom: 30px; padding:0px 0px 15px;border-bottom: 1px solid #f6f6f6;font-size: 0;}
.single .artBox .artNav li{display: inline-block; margin-right: 20px;height: 24px; line-height: 24px;}
.single .artBox .artNav li a,.single .artBox .artNav li span{ position: relative; display: block; font-size: 18px; font-weight: 500;}
.single .artBox .artNav li.active a,.single .artBox .artNav li.active span{ color: #0084FF;}
.single .artBox .artNav li a:after{content: ''; position: absolute; left: 0; bottom: -15px; height: 2px; width: 100%; background: #0084FF; opacity: 0;}
.single .artBox .artNav li.active a:after{ opacity: 1;}
.single .artBox .artNav li span{ font-size: 16px;color: #51555a; cursor: pointer;}
.single .artBox .artNav li span small{ color: #f33; margin-left: 3px; }
.single .artBox ul.artNav { width: auto; margin:-20px -25px 0 -25px; padding:0; border: 1px solid #fff; background: #f8f8f9;}
.single .artBox ul.artNav li{ height: 56px; line-height: 56px;padding: 0 20px; margin-right: 0;}
.single .artBox ul.artNav li.active{ background: #fff;}

.single .postTitle{ font-size:28px; line-height: 1.4; margin-bottom:15px;}
.single .postMeta{ font-size: 0;}
.single .postMeta span{padding-left: 15px;position: relative; font-size: 14px;}
.single .postMeta span a{color: #8F9BAD;}
.single .postMeta span a:hover{color: #6ab7ff;}
.single .postMeta span:first-of-type{ padding-left: 0;}
.single .postMeta span:after{content: "";display: inline-block;background-color: #6ab7ff;-webkit-border-radius:50%;border-radius: 50%;margin-left: 1rem;height: 3px;vertical-align: middle;position: relative;top: -1px;width: 3px;}
.single .postMeta span:last-of-type:after{ display: none;}
.single .postMeta span i{ font-size: 12px; display: inline-block; margin-right: 3px;}

.single .postBody{color: #51555a;font-size: 16px;line-height: 1.9;}
.single .postBody .artUm p{ margin-bottom: 20px;}
.single .postBody .artUm img{max-width: 100%;width: auto;height: auto;vertical-align: -.8rem; overflow: hidden;}
.single .postBody .artUm a{color: #6ab7ff;}
.single .postBody .artUm a:hover{color: #232328}

.single .postBody .artUm li p{overflow:visible;text-indent:0;margin:3px 0}
.single .postBody .artUm ol,.single .postBody .artUm ul{margin-left: 1.5rem;margin-bottom: 2rem;}
.single .postBody .artUm li{list-style: inherit;}
.single .postBody .artUm code{width:93%;padding:5px;background:#f6f7fa;}
.single .postBody .artUm blockquote{width: 100%;background:#f6f7fa;border-left:0.3rem solid #EBEBEB;margin: 2rem 0px 2.5rem;padding:.5rem 2rem;-webkit-border-radius:10px;border-radius: 10px;}
.single .postBody .artUm blockquote p{ padding: 10px 0; margin-bottom: 0;}
.single .postBody .artUm img{max-width:100%;width:auto;height:auto; vertical-align: -.6rem}
.single .postBody .artUm table{border-collapse:collapse;background:#fff;line-height:140%; margin: 15px 0;}
.single .postBody .artUm td,th{margin:0;padding:10px 10px;text-indent:0em;border: 1px solid #EBEBEB;background:#fff}
.single .postBody .artUm h1,.single .postBody .artUm h2,.single .postBody .artUm h3,.single .postBody .artUm h4,.single .postBody .artUm h5,.single .postBody .artUm h6{color:#333;margin:15px 0;}
.single .postBody .artUm h1{padding:0;font-size:24px}
.single .postBody .artUm h2{padding:0;font-size:22px}
.single .postBody .artUm h3{padding:0;font-size:20px}
.single .postBody .artUm h4{padding:0;font-size:18px}
.single .postBody .artUm h5{padding:0;font-size:16px}
.single .postBody .artUm h6{padding:0;font-size:14px}

.single .postBody .artUm .umDes{ padding:15px 50px; background:#f6f7fa; border-left:3px solid #EBEBEB; margin:10px 0 25px 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-border-radius:3px;border-radius: 3px;}
.single .postBody .artUm .umDes i{ position:absolute; font-size:24px; color:#EBEBEB;}
.single .postBody .artUm .umDes i.left{ top:8px; left:15px;}
.single .postBody .artUm .umDes i.right{ bottom:4px; right:15px;}
.single .single .postBody .artUm blockquote p{ margin:10px 0;}

.single .postBottm{ padding-top: 20px;margin-top: 20px;}
.single .postTags{ margin-bottom: 20px;}
.single .postTags a{color: #8F9BAD;border: solid 1px #EBEBEB;-webkit-border-radius:25px;border-radius: 25px;font-size: 13px;display: inline-block;padding:0px 14px; height: 30px; line-height: 28px; margin: 2px 4px 2px 0; position: relative;}
.single .postTags a:hover{color: #6ab7ff;border: solid 1px #6ab7ff;}
.single .postTags a:before{ content: '#'; display: inline-block; vertical-align: 0;}

/*上下篇*/	
.single .postNav{ float: right; margin-bottom: 30px}
.single .postNav.fn{ float: none;}
.single .postNav div{ display: inline-block;}
.single .postNav div a{ height: 3.2rem;font-size:14px;line-height: 3.0rem; color: #8F9BAD;border: solid 1px #EBEBEB;-webkit-border-radius:50px;border-radius: 50px; display: block; padding: 0 1.5rem;margin: .6rem 0rem .6rem 0.3rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.single .postNav div a:hover,.single .postLike a:hover{border: 1px solid #6ab7ff;color: #6ab7ff;}
.single .postNav.fn div a{margin: .6rem 0.3rem .6rem 0rem;}

/*作者模块*/
.single .postAuthor{background: #F1F8FF;-webkit-border-radius:10px; border-radius: 4px;padding:20px;overflow: hidden; margin-top: 30px;width: 100%;}
.single .postAuthor .thumb{float: left;height: 80px;width: 80px;-webkit-border-radius:50%;border-radius: 50%;overflow: hidden;}
.single .postAuthor .thumb img{ width: 100%; height: 100%;}
.single .postAuthor .text{margin-left: 100px;}
.single .postAuthor h5{font-size:18px;margin: 0 0 10px}


/*点赞*/
.single .postLike{ text-align: center; margin-top: 30px;}
.single .postLike a{ display: inline-block; min-width: 80px; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #EBEBEB;-webkit-border-radius:50px; border-radius: 50px; cursor: pointer;color: #8F9BAD;}
.single .postLike a i{ margin-right: 4px;} 

/*相关文章*/
.single .relatedPost{ margin-top: 30px;font-size: 14px;}
.single .relatedPost .title,.single .commBox .title{ margin-bottom: 20px; padding-bottom: 10px;}
.single .relatedPost h3,.single .commBox h3{font-size: 18px; font-weight: normal; display: inline-block; position: relative;}
.single .relatedPost h3:after,.single .commBox h3:after{content: '';position: absolute;left: 0;bottom: -11px;height: 1px;width: 100%;background: #0084FF;}
.single .relatedPost li{ height: 36px; line-height: 36px; position: relative; padding:0 100px 0 12px;}
.single .relatedPost li:after{ content: ''; width: 6px; height: 6px; position: absolute; left: 0; top: 15px; background: #8F9BAD; opacity: .6; border-radius: 10px;}
.single .relatedPost li h4{ font-size: 14px; font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.single .relatedPost li span{ font-size: 12px; display: inline-block; position: absolute; right: 0; top:0;font-family: Arial,sans-serif;color: #8F9BAD;}

/*导航模块*/
.mainWeb{ padding: 25px; width: 100%; min-height:200px; background: #fff; margin:15px 0 10px 0; display: inline-block;}
.mainWeb .webBox{padding:0;overflow: hidden;position: relative;margin:0;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;border-bottom: 0px solid #f6f6f6;}
.mainWeb .webBox .thumb{width: 240px;height: auto;position: relative;font-size: 0;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;}
.mainWeb .webBox .thumb .img{border: 2px solid #ff5808; border-radius:5px; width: 100%; overflow: hidden; position: relative; padding: 3px; min-height: 150px; display: flex;align-items: center;justify-content: center;}
.mainWeb .webBox .thumb .img:after{ content: ''; display: block; padding-top: 70%;}
.mainWeb .webBox .thumb .img img{position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mainWeb .webBox .thumb .img .noPic{ text-align: center;}
.mainWeb .webBox .thumb .img .noPic i{ font-size: 60px; line-height: 1; opacity: .2;}
.mainWeb .webBox .thumb .img .noPic p{font-size: 14px; opacity: .5; margin-top: 2px;}
.mainWeb .webBox .thumb .tips{ position: absolute; padding: 0 5px; height: 26px; line-height: 26px; background: #ff5808; border-radius:3px 0 3px 0; top: 0px; left: 0px;color: #fff; font-size: 12px;-moz-osx-font-smoothing: auto;}
.mainWeb .webBox .thumb.verify .tips{background:#56c856}
.mainWeb .webBox .thumb.verify .img{border: 2px solid #56c856; }

.mainWeb .webBox .table{ padding-left: 20px;overflow: hidden;width: 100%;}
.mainWeb .webBox .table table{color: #51555a; width: 100%;}
.mainWeb .webBox .table table td{border: 1px solid #e3edfb;font-size: 14px;padding: 12px 10px;box-sizing: border-box;}
.mainWeb .webBox .table table td .false{color: #ff5808;vertical-align: middle;}
.mainWeb .webBox .table table td .true{height: 26px; line-height: 26px; padding: 0 5px;display: inline-block; color: #fff; background: #56c856;border-radius: 3px;-moz-osx-font-smoothing: auto;vertical-align: middle;}
.mainWeb .webBox .table table td .true i{ font-size: 16px; margin-right: 3px;vertical-align: -1px;}
.mainWeb .webBox .table table td:first-child{width: 100px;background: #f6faff;}
.mainWeb .webBox .table table td:nth-child(3){width: 100px;background: #f6faff;}
.mainWeb .webBox .table table{border-collapse: collapse;border-spacing: 0;}
.mainWeb .webBox .table button,.mainWeb .webBox .table textarea{vertical-align: middle;outline: none;}
.mainWeb .webBox .table button{ border: none;}
.mainWeb .webBox .table .webSite{border: none;overflow: hidden;min-width: 250px;height: 30px;line-height: 30px;resize: none;font-family:Helvetica,Arial;word-wrap: break-word;}
.mainWeb .webBox .webLink{ position: relative; display: inline-block; }
.mainWeb .webBox .webLink .link{ display: none; position: absolute; top: 100%; left: 0; background: #f6faff; padding: 5px 8px; box-shadow: 0 5px 5px rgba(0,0,0,.05); border: 1px solid #e3edfb;}
.mainWeb .webBox .webLink .link a{ color: #8F9BAD;}
.mainWeb .webBox .webLink.on .link{ display: block;}
.mainWeb .webBox .table button{ padding: 0 5px; border-radius: 3px; background: #0084FF; color: #fff; cursor: pointer; line-height: 26px;-moz-osx-font-smoothing: auto;}

.tabCon{display: none;}
.tabCon.active{ display: block;}

.popTip{position: fixed; width: 100%;height: 100%; left: 0; right: 0; top: 0; bottom: 0;z-index: 10; display: none;}
.popTip:after{ content: ''; position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6);box-shadow: 0 5px 20px rgba(0,0,0,.3);}
.popTip .popMain{position: fixed;z-index: 2;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 480px;width: 100%;-webkit-border-radius: 20px;border-radius: 20px;}
.popTip .popBox{background: #fff;padding:20px 25px 25px;-webkit-border-radius:20px; border-radius: 20px; overflow: hidden;}
.popTip .popMain .popTit{text-align: center;min-height:68px; position: relative;}
.popTip .popMain .popTit:after{ content: ''; position: absolute;left: -25px; right: -25px; top: -25px; bottom: -15px;background: #fff;background: rgba(0, 0, 0, 0) linear-gradient(180deg, #ff5808 10%, #fff 100%);}
.popTip .popMain h4{ color: #fff; padding: 0px 0px 10px;position: relative; z-index: 1; font-size: 32px;}
.popTip .popBox .popTxt{ margin-top: 10px;color: #232328; line-height: 1.7;position: relative; z-index: 1;}
.popTip .popBtn a{width: 108px; height: 36px; line-height: 36px; margin: 25px auto 0 auto; display: block; text-align: center;color: #fff; background: #ff875d;-moz-osx-font-smoothing: auto; cursor: pointer;}
.popTip .popBtn a:hover{background: #ff590a;}
.popTip .popClose{ width: 24px; height: 24px; line-height: 24px; display: block; text-align: center; -webkit-border-radius:100px; border-radius: 100px; background: #fff; color: #ff5808; font-size: 16px; position: absolute; z-index: 2; top: -8px; right: -8px;cursor: pointer;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.popTip .popBox .popTxt li{ margin: 3px 0; padding-left: 20px; line-height: 1.4; display: inline-block; width: 100%; position: relative;}
.popTip .popBox .popTxt li:before {content: "\ee59";font-family: remixicon !important; position: absolute; left: 0; top: -1px; color: #ff875d;}
.popTip .popBox .popTxt p{margin: 3px 0; }

/*文章分享*/
.bdshare{ display: inline-block; font-size: 0;}
.bdshare * { font-family:remixicon!important;font-style: normal;}
.bdshare .icon-qq:before{content:"\F03A"}
.bdshare .icon-weibo:before{content:"\F2B9"}
.bdshare .icon-wechat:before{content:"\F2B5"}
.bdshare .icon-douban:before{content:"\EC4F"}
.bdshare .icon-qzone:before{content:"\f08a";}
.bdshare .icon-linkedin:before{content:"\EEB5"}
.bdshare .icon-diandian:before{content:"\f05a"}
.bdshare .icon-facebook:before{content:"\ECBC"}
.bdshare .icon-google:before{content:"\EDD4"}
.bdshare .icon-twitter:before{content:"\F23A"}
.bdshare a{position:relative;text-decoration:none;margin:3px;display:inline-block;outline:0}
.bdshare .share-icon{position:relative;display:inline-block;width:30px;height:30px;font-size:0px;-webkit-border-radius:50%;border-radius:50%;line-height:28px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle; transition:all .3s;-webkit-tansition:all .3s;-moz-transition:all .3s}
.bdshare .share-icon:before { font-size:18px; }
.bdshare .share-icon:hover{background:#666;color:#fff;text-decoration:none;}
.bdshare .icon-weibo{color:#f78585;border-color:#f78585}
.bdshare .icon-weibo:hover{background:#f78585}
.bdshare .icon-qq{color:#56b6e7;border-color:#56b6e7}
.bdshare .icon-qq:hover{background:#56b6e7}
.bdshare .icon-qzone{color:#fdbe3d;border-color:#fdbe3d}
.bdshare .icon-qzone:hover{background:#fdbe3d}
.bdshare .icon-douban{color:#33b045;border-color:#33b045}
.bdshare .icon-douban:hover{background:#33b045}
.bdshare .icon-linkedin{color:#0077b5;border-color:#0077b5}
.bdshare .icon-linkedin:hover{background:#0077b5}
.bdshare .icon-facebook{color:#44619d;border-color:#44619d}
.bdshare .icon-facebook:hover{background:#44619d}
.bdshare .icon-google{color:#db4437;border-color:#db4437}
.bdshare .icon-google:hover{background:#db4437}
.bdshare .icon-twitter{color:#55acee;border-color:#55acee}
.bdshare .icon-twitter:hover{background:#55acee}
.bdshare .icon-diandian{color:#307dca;border-color:#307dca}
.bdshare .icon-diandian:hover{background:#307dca}
.bdshare .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}
.bdshare .icon-wechat:hover{background:#7bc549}
.bdshare .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.bdshare .icon-wechat .wechat-qrcode.bottom:after{display:none}
.bdshare .icon-wechat .wechat-qrcode h4{font-weight:500;height:30px;line-height:30px;font-size:12px;background-color:#f2f3f6;margin:0;padding:0;color:#666976}
.bdshare .icon-wechat .wechat-qrcode .qrcode{width:100%;margin:15px auto 10px;}
.bdshare .icon-wechat .wechat-qrcode .qrcode img { margin:0 auto; border:3px solid #fff; }
.bdshare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
.bdshare .icon-wechat .wechat-qrcode .help p{font-weight:400;text-align:center;line-height:16px;padding:0;margin:0}
.bdshare .icon-wechat .wechat-qrcode{position:fixed;z-index:999;top:50%;left:50%; width:192px;height:268px;color:#666976;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.05); visibility: hidden; opacity: 0; transform: translate(-50%,-50%) scale(0);-webkit-border-radius:4px;border-radius: 4px;overflow: hidden; transition:all .3s;-webkit-tansition:all .3s;-moz-transition:all .3s}
.bdshare .icon-wechat .wechat-qrcode.open{ opacity: 1; visibility: visible; transform: translate(-50%,-50%) scale(1);} 

/*版权*/
.umCopyright{line-height: 22px; display: inline-block; padding: 10px 15px; font-size: 12px; color: #9ca0ad; background: #f6f7fa; border: 1px dashed #e3e5ec; width: 100%; margin:0 0 30px 0;-webkit-border-radius:10px; border-radius: 3px;}
.umCopyright a{color: #F6491E;opacity:.45;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.umCopyright a:hover{opacity:1;}
.umCopyright p{ margin: 0;}

/*目录*/
.treeList{position:fixed; width: 100%; max-width: 300px; top:50%;transform: translateY(-50%);right: -300px;box-shadow: 0 0px 15px rgba(0,0,0,0.08); z-index: 12; display: none;-moz-osx-font-smoothing: auto;-webkit-transition: right 0.3s ease;-o-transition: right 0.3s ease;transition: right 0.3s ease;}
.treeList.in{right: -1px;}
.treeList .tree{ padding:20px 15px; border-bottom-left-radius: 4px;border-top-left-radius: 4px; overflow: hidden;border: 1px #6ab7ff solid;}
.treeList .treeUl{ position: relative; max-height: 578px; min-height: 70px;}
.treeList li{font-weight: normal;line-height: 34px;position: relative;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0 10px; margin-bottom: 0px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.treeList li:last-child{ margin-bottom: 0;}
.treeList li a{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color: #081018;}
.treeList li:after,.treeList .tree:after{ content: ''; position: absolute;background:#6ab7ff; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.treeList .tree:after{ opacity: .95;background:#fff;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.treeList li.active a{ color: #6ab7ff;}
.treeList li.h4{ margin-left:15px;}
.treeList li.h5{ margin-left:30px;}
.treeList li.h6{ margin-left:45px;}
.treeList .treeBj{background: #6ab7ff; position: absolute;left: 0;top: 0;height: 0;width:100%;z-index: -1;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; opacity: .08;display: none;}
.treeList .treeBtn{ position: absolute; width:30px;padding:10px 2px 6px; line-height: 15px; background:#6ab7ff; color:#fff;text-align: center; left: -30px;top:50%; transform: translateY(-50%); cursor: pointer; height: 91px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.treeList .treeBtn:after{content: "\ea5f";font-family: remixicon !important;font-style: normal; width: 14px; height: 14px; margin-top: 2px;}
.treeList.in .treeBtn:after{content: "\ea6b";}

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

/*----------- comm -----------*/	
.commBox{ margin-top: 25px;}
.commBox .postText{ padding:5px 0 0}
.commBox .post-Comment{ margin-top: 20px;}
.cmBox{ margin:10px 0 0;}
.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; object-fit: cover;}
.avatar img:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);}
.commBody{position:relative;margin-left:6.2rem;padding:0 2rem 1.8rem!important; background:#f8f8f9;-webkit-border-radius:3px; border-radius: 3px;}
.commBody .commBody{margin-left: 5.2rem;background: #fff;}
.commBody .commBody .commTop{background: #fff;}
.commBody .commBody:after{border-right-color:#fff!important;}
.commBody:before{z-index:1}
.commBody:after{border-right-color:#f8f8f9!important;margin-left:1px;z-index:2}
.commBody:after,.commBody:before{position:absolute;top:.8rem;left:-.8rem;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid solid;border-width:.8rem .8rem .8rem 0;pointer-events:none}
.commBody .commInfo{font-size:1.4rem;line-height:2rem;margin:.5rem 0 1.5rem 0;word-wrap:break-word}
.commBody .commInfo a{ margin-right: 4px; color: #6ab7ff;opacity: .8;}
.commBody .commInfo a:hover{opacity:1;}

.commTop{padding:1.2rem 1rem 1rem;margin-left:-1rem;margin-right:-1rem;margin-bottom:1rem;font-weight:500;font-size:1.4rem;background:#f8f8f9; padding-right: 100px; position: relative;}
.commTop a{color:#9ca0ad;font-size:12px;margin-right:.8rem}
.commBody .commTop .praise{ position: absolute; top: 15px; right: 10px;}

.commFooter{font-size:12px;line-height:16px;margin-top:.5rem;}
.commTime{font-size:12px;margin-right:.8rem;color:#9ca0ad}
.commReply{font-size:12px;color:#9ca0ad}
.msgname .msgname,div.children{margin-left:2.5rem}
div.children > div.children{margin-left:3rem}
.msgname .msgname .avatar,div.children .avatar,div.children .avatar img,.msgname .msgname .avatar img{width:3rem;height:3rem;margin-left: 0px;}
#divCommentPost p.postTop{width:100%;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:#666666;float:right;}
#divCommentPost p.postTop small{position:relative;font-size:12px;cursor:pointer;text-align:right;float:right; margin-left: 6px;}
.pinglun{font-size:12px;z-index:2;position:relative;clear:both;padding:0;margin:0;vertical-align:baseline;font:inherit;line-height:inherit;background:0 0;width:auto;float:none;transition:none;overflow: hidden;}
.pinglun .textarea-wrapper{position: relative;}
.pinglun .textarea-wrapper .commTips{position:absolute;left:50%; top: 50%; width:auto; height:auto; transform: translate(-50%,-50%); overflow:hidden; z-index: 2;}
.pinglun .textarea-wrapper .commTips a{ color: #0084FF;}

#txaArticle{position:relative;z-index:1;padding:5px;height:14rem;min-height:14rem;margin:0;resize:none;outline:0;width:100%;min-width:100%;border:1px solid #EBEBEB;background:#f8f8f9;font-size:14px; line-height:1.6;-webkit-border-radius:3px;border-radius: 3px;}
.post-toolbar{margin-top:1rem;overflow: hidden;float: right;}
input.button{float:right;height:3.8rem;width:10rem;text-align:center;font-size: 16px;font-weight:700;border:none;color:#FFF;cursor:pointer;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;-webkit-border-radius:30px;border-radius: 30px;
background: #0084FF;border-bottom-left-radius: 0px;}
input.button:hover{background-position: bottom center;}
.postText{padding:2rem 0 0;}
.postText ul{ display:block; font-size:0; margin:0 -5px;}
.postText ul li{margin-bottom:10px;text-align:left;display: inline-block; width:33.333%; padding:0 5px;vertical-align: top;}
.postText.isVerify ul li{ width:50%;}
.postText ul li.hide{ display: none;}
.postText ul li.verify,.postText ul li .inputBox{ position:relative}
.postText ul li.verify img{ position:absolute; top:.3rem; right:.8rem;-webkit-border-radius:7px;border-radius: 7px;}
input.text{margin-right:1rem;position:relative;border:1px solid #EBEBEB;border-radius:0rem;height:3.6rem;padding:.3rem 6px;outline:0;width:100%;box-shadow:none; background:#f8f8f9;-webkit-border-radius:3px;border-radius: 3px;}
.postText ul li label{color:#bbb}
.children .commBody{margin-left:5.2rem;}
.rName{position: absolute;font-size: 14px;top: 2px;right: 2px;height: 32px;line-height: 32px;background: #eaeaf0;padding: 0px 4px;cursor: pointer;-webkit-border-radius:2px;border-radius:2px;}

.noList{ font-size: 20px; font-weight: 500;color: #8F9BAD; opacity: .3; width: 100%; text-align: center;}

/*----------- 分页 -----------*/
.pageNav{text-align:center; margin-top: 30px; display:block; clear:both; font-size: 0;}
.pageNav a,.pageNav span{position: relative;display: inline-block; vertical-align: middle; color: #8F9BAD;-webkit-border-radius:2px;border-radius:2px;font-size: 14px;text-decoration: none;border: solid 1px #EBEBEB;height: 40px;line-height: 40px;text-align: center;min-width: 40px; padding: 0 4px; transition: all 0.15s ease-in-out; margin: 5px;}
.pageNav a:hover,.pageNav span.current{border-color: transparent;background: #6ab7ff; color: #fff;}

.commentpagebar .pageNav{ display: block!important; margin: 15px 0 5px;}

.ias-trigger{width: 140px; display: block; margin: 30px auto 0;}
.ias-trigger a,.ias-noneleft{padding: 0 20px; width: 140px; text-align: center; height: 42px; line-height: 40px; border: 1px solid #EBEBEB; display:inline-block;-webkit-border-radius:60px;border-radius:60px; background: #fff; color: #8F9BAD; text-align: center; cursor: pointer;font-size: 14px;}
.ias-trigger a:hover{color:#6ab7ff; border: 1px solid #6ab7ff;}
.ias-spinner{background-image:url(images/loading.gif); background-repeat: no-repeat; background-position:center;background-size:60px auto; height: 42px; margin-top: 30px;}
.ias-trigger-next{cursor:pointer;float:inherit;text-align:center;}
.ias-noneleft{ cursor: default;margin: 30px auto 0; display:block; opacity: .5;}


/*底部*/
.footer{ background: #232328;font-size:12px; line-height: 1.6; color: #79889E;}
.footer .footBox{ padding: 25px 0;}
.footer .footBox.fotText{ background: #ffffff15;}
.footer .footBox.fotText p{ margin-bottom: 12px; }
.footer .footBox.fotText p:last-of-type{ margin-bottom: 0;}
.footer a{color: #79889E;border-bottom: 1px solid #79889E;}
.footer a:hover{ opacity: .6;}
.footer .footWrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .footLogo{font-size: 0; margin-right: 20px;}
.footer .footLogo img{height:36px;}
.footer .footText{flex: 1;}
.footer .footText p{ margin-bottom: 15px;}
.footer .footLink{padding-left: 30px;}
.footer .fotLink { margin-top:10px;}
.footer .fotLink ul{display: inline; font-size:0px;}
.footer .fotLink ul li:first-of-type{padding: 0;}
.footer .fotLink ul li{display: inline;padding: 0 6px;font-size:12px;}
.footer .fotLink ul li a,.footer .copyRight a{border-bottom: 1px solid transparent;}
.footer .copyRight{ font-size: 12px;}
.footer .copyRight span{ margin-right: 5px;}
.footer .umThemeBy #umTheme{ display: none;}

.gotop{ position: fixed; right: 20px; cursor: pointer; background: #FAFAF8; bottom: 20px; width: 30px; height: 30px; border: 1px solid #EBEBEB; line-height: 30px;-webkit-border-radius:4px;border-radius: 4px; text-align: center;}


.postBody .ctwocBox .title{ padding: 10px 0 5px 0; margin-bottom: 5px; font-size: 14px; color: #666; display: block;border: none;}
.postBody .ctwocBox .title i{ color: #f66; opacity: .6; display: inline-block; vertical-align: -3px; margin-left: 5px;}
.postBody .ctwocBox .umPost{  height: 34px; border:1px solid #eee; font-size: 14px; background: #fafafa; padding:0px 10px;display: block; width: 100%;border-radius: 3px;}

.postBody .ctwocBox{ margin: 0 -15px;}
.postBody .ctwocBox .umItem{ width: calc(100% / 2 - 30px); margin: 5px 15px;position: relative; z-index: 1;display:inline-block;}
.postBody .ctwocBox .umItem.umTextarea,.postBody .ctwocBox .umItem.vcode{width: calc(100% / 1 - 30px);}
.postBody .ctwocBox .umItemIn{ width: 100%; max-width: 580px; display: inline-block; padding-right: 0; position: relative;}
.postBody .ctwocBox .umTextarea .umItemIn{max-width:100%;}
.row .bodyBox .umtbkBox{ line-height: normal}
.umItemIn .edui-default .edui-editor,.umItemIn .edui-default .edui-editor-iframeholder{ width: 100% !important;}
.umItemIn .edui-default .edui-editor{ border: 1px solid #eee;}
.umItemIn .upload_button{ width: 60px; height: 34px; line-height: 34px; display: block; background: #1ea6e9; color: #fff; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer;opacity: 1;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.umItemIn .upload_button:hover{ opacity: .85}
.postBody .ctwocBox .vcode .umItemIn{max-width: 300px; padding-right: 95px;}
.postBody .ctwocBox .vcode .umItemIn .ccode{position: absolute; height: 34px!important; right: 0px; top: 0px; }
.postBody .ctwocBox .umPostBtn { border: medium none; background: #0084FF; height:36px; line-height:36px; min-width: 100px; padding: 0 10px; color: #fff; font-size: 16px;border-radius: 3px; margin: 20px 0 0; display: block; cursor: pointer;}
.postBody .umPostTips{ margin-top: 20px;}
.postBody .ctwocBox table{ margin-bottom: 0}
.postBody .ctwocBox table.edui-default td, .row .bodyBox .umtbkBox table.edui-default th{ border-bottom: none;border-left: none;border-right: none;}
.postBody .ctwocBox table.edui-default{ border-left: none;margin: 0;}
.postBody .ctwocBox .edui-default .edui-editor-breadcrumb span{ color: #1ea6e9; opacity: .6}
.postBody .ctwocBox .umPostCate.umPost{outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.postBody .ctwocBox .umPostCate.umPost option{ line-height: 32px;}
.postBody .ctwocBox .umSelect .umItemIn{max-width: 300px;}
.postBody .ctwocBox .umSelect .umItemIn em{ position: absolute; top: 3px; right: 9px;}
.postBody .ctwocBox .umSelect .umPost{ padding-right: 30px; padding-left: 6px;}
.postBody .edui-default .edui-toolbar{font-size: 12px; line-height: 1.2;}

.postBody .ctwocBox .edui-default .edui-editor-toolbarboxouter{background-image:none;border-bottom:none;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none;}
.postBody .ctwocBox .edui-default .edui-editor-toolbarbox{-webkit-box-shadow: 0 2px 4px rgba(204, 204, 204, 0.3);-moz-box-shadow:0 2px 4px rgba(204, 204, 204, 0.3);box-shadow: 0 2px 4px rgba(204, 204, 204, 0.3);}

.postBody .ctwocBox [name="Content"],.single.page #img_editor{ display: none;}

.searchResult{ position: absolute; background: #fff; width: 100%;overflow:hidden;box-shadow: 0 0 5px #ccc;border-radius: 0 0 5px 5px; top:40px;display: none; z-index: 2;}
.searchResult li{ width: 100%; height: 40px; line-height: 30px; overflow: hidden; color: #232328; cursor: pointer; padding:5px 10px;text-align: left;}
.searchResult li:hover{ background: #0084FF10;}
.searchResult li .on{ color: #0084FF;}
.bnSearch .searchResult{ border-radius: 5px; top: 50px;}
.bnSearch .bnSearchBOx{position: relative;}

.bnSearch .scroll{ overflow: hidden;max-height:280px; padding: 3px;}
.headSearch .scroll{ overflow: hidden;max-height: 280px; padding: 3px;}

.fotIcon .module{display: flex;width: 100%; margin-bottom: 20px;}
.fotIcon .module ul{display: flex;flex-wrap: wrap;position: relative;width: 100%;}
.fotIcon .module li{width: calc(100%/4);}
.fotIcon .module li a{display: flex;height: 100%;flex-wrap: wrap;flex-direction: column; justify-content: center; padding: 20px 20px 20px 65px; position: relative;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
.fotIcon .module li i{position: absolute; left: 5px; top:50%; transform: translateY(-50%); font-size: 50px;color: #0084FF; }
.fotIcon .module li p{color: #999; margin-top: 5px;}
.fotIcon .module li h2{ font-weight: 500; opacity: .8;}


/**
 * 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-carousel .owl-stage-outer{ border-radius:2px;-webkit-border-radius: 2px;}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.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:8px;height:8px;margin:5px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:all .2s ease;-webkit-border-radius:30px;border-radius:30px;opacity:.5;}

.owl-theme .owl-dots .owl-dot.active span{ width: 20px;opacity:1;background: #{%umColorTo%};background: -webkit-linear-gradient(left, #{%umColorTo%} 0%, #{%umColorGo%} 100%);background: linear-gradient(to right, #{%umColorTo%} 0%, #{%umColorGo%} 100%);}
.owl-theme .owl-nav.disabled + .owl-dots{ position: absolute; top: 20px; right: 20px; margin: 0;}

.owl-carousel .owl-nav{ position: absolute; top: -70px; right: 0px;}
.owl-carousel .owl-nav button{color: #909090;font-size: 10px!important;width: 30px;height: 30px;line-height: 30px!important;text-align: center;background: #FFF;-webkit-border-radius:50%;border-radius: 50%;border: solid 1px #EBEBEB!important;padding: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.owl-carousel .owl-nav button.owl-next{ margin-left: 3px;}
.owl-carousel .owl-nav button:hover{ border-color:#0084FF!important;color:#0084FF!important}
.owl-carousel.owlBox .owl-stage-outer{-webkit-border-radius:10px;border-radius: 10px;}

.owlTop .thumb{ display: block; overflow: hidden;-webkit-border-radius:2px; border-radius: 2px;}
.owlTop .text .meta span.user{ margin-right: 10px;}
.owlTop .text h4{ margin: 20px 0 15px; font-size: 16px; line-height: 1.4; font-weight: normal;}
.owlTop.owl-carousel .owl-stage-outer{padding-bottom: 5px;}
.owlTop.owl-carousel .owl-nav{ position:relative; right: auto; bottom:0px; top: auto; text-align: center; margin-top: 20px;}
.owlTop .thumb a{ position: relative; font-size: 0; display: block; }
.owlTop .thumb a:after{content: ''; display: block; padding-top: 75%;}
.owlTop .thumb a img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }

.single.page .edui-default .edui-dialog-body{ width: 652px!important;}
.single.page .edui-default .edui-for-link .edui-dialog-content{ width: 100%;}

/*动效*/
@keyframes growOut {0% { transform: scale(0);} 80% {transform: scale(1.1);} 100% {transform: scale(1);}}

/*适应*/
@media screen and (max-width:1024px){
.main .banner .text{max-width: 90%;}
.main .banner .text .tit{ font-size: 40px;}
.main .indexModule .module.mod2 .box .left li a{min-height: 200px;padding: 25px 25px 25px 140px;}
.main .indexModule .module.mod2 .box .left li i{ left: 32px;}
.artBox{padding-right: 340px;}
.sidebar{width: 320px;margin-left: -320px;}
.single .postBody{ font-size: 15px;}
.single .postTitle{font-size: 24px;}
}

@media screen and (max-width:992px){
.header .navBar{ display: none;}
.header .headRight button.navBtn{ display: block;}
.header .headSearch{position: absolute; top: -17px; right: 50px; display: none;}
.header .headRight .headSearch button{ top: 0;}
.main .banner .text{max-width: 100%;}
.artBox{padding-right: 320px;}
.sidebar{width: 300px;margin-left: -300px;}
.owlTop.owl-carousel .owl-nav{ bottom: 5px;}
.fotIcon .module li{width: calc(100%/2);}
}

@media screen and (max-width:900px){
.main{margin: 15px 0 25px;}
.main .banner .text{padding: 50px 30px;}
.main .indexModule .module{ margin: 25px 0;}
.main .indexModule .module h2{font-size: 18px;}
.main .indexModule .module p{padding-top: 4px;}
.main .indexModule .module.mod2 .box .left li a{min-height: 180px;padding: 20px 20px 20px 110px;}
.main .indexModule .module.mod2 .box .left li i{ left: 25px;font-size: 60px;}
.main .indexModule .module.mod2 .box .right li i{font-size: 42px;}
.artBox{padding-right:0px; float: none;}
.artBox.full{ margin-bottom: 25px;}
.artList .artBox .post .thumb{ width: 148px;}
.artList .artBox .post .text{ padding-left: 15px;}
.sidebar{ width: 100%; margin-left: 0; float: none; margin-top: 25px;}
.single .postTitle{font-size: 22px;}
}

@media screen and (max-width:750px){
.main .banner .text .tit{ font-size: 32px;}
.main .banner .text{padding: 40px 20px;}
.main .banner .bnChart{padding: 30px 40px 0px;}
.main .banner .bnChart li{font-size: 14px;}
.main .banner .bnChart li span{font-size: 22px;}
.main .banner .bnSearch{padding: 30px 40px 20px}
.main .indexModule .module h2{font-size: 16px;}
.main .indexModule .module.mod1 li a{padding: 25px 20px 25px 90px;}
.main .indexModule .module li i{left: 20px;}
.main .indexModule .module.mod2 p{font-size: 12px;padding-top: 5px;}
.main .indexModule .module.mod2 .box .left li a{min-height: 180px;padding: 15px 15px 15px 88px;}
.main .indexModule .module.mod2 .box .left li i{ left: 20px;font-size: 50px;}
.main .indexModule .module.mod2 .box .right{width: 180px;}
.artList .artBox .postBox{ margin: 0;}
.home .artList .artBox .post{ width: 100%;margin: 0;}
.pageNav a, .pageNav span{height: 34px;line-height: 32px;min-width: 34px;}
.mainWeb .webBox{flex-wrap: wrap;justify-content: center;}
.mainWeb .webBox .table{ padding-left: 0; margin-top: 20px;}
.mainWeb .webBox .thumb{ width: 100%;}
.single .postTitle{font-size: 20px;}
.footer .footLogo img{ max-width: 90%;}
.single.page .edui-default .edui-dialog-body{ max-width: 352px!important;}
.single.page .edui-default .edui-for-insertimage .edui-dialog-content,
.single.page .edui-default .edui-dialog-content,.edui-default .edui-dialog-content
{ max-width: 350px!important;}
.single.page iframe #remote #preview{ width: 120px; height: 100px;margin-top: 140px;}
.single.page iframe #remote #url{ width: 200px;}
.single.page .edui-default .edui-for-link .edui-dialog-content{ width: 100%;}
}

@media screen and (max-width:640px){
.main .banner{min-height: 200px;}
.main .banner .text{padding: 40px 0px;}
.main .banner .text .tit{ font-size: 30px;}
.main .banner .bnSearch .hotSearch{ display: none;}
.main .banner .bnChart{padding:10px 40px 0px;}
.main .banner .bnChart li span{font-size: 14px;}
.main .indexModule .module.mod1 li{text-align: center;}
.main .indexModule .module.mod1 li a{ display: block; padding: 20px; }
.main .indexModule .module.mod1 li i{ position: static;}
.main .indexModule .module.mod1 h2{ margin-top: 10px;}
.main .indexModule .module.mod2 .box{flex-wrap: wrap;}
.main .indexModule .module.mod2 .box .right{ width: 100%;margin-left: 0;}
.main .indexModule .module.mod2 .box .right ul{flex-direction: row;}
.main .indexModule .module.mod2 .box .right li a{ padding: 20px 10px 22px; border:none; border-right:1px solid #f6f6f6}
.main .indexModule .module.mod2 .box .right li:last-of-type a{border:none;}
.footer .footLink{ width: 100%; padding: 30px 0 0;}
.fotIcon .module li{width: calc(100%/1);}
.postBody .ctwocBox{margin: 0 -10px;}
.postBody .ctwocBox .umItem{width: calc(100% / 2 - 20px);margin: 2px 10px;}
.postBody .ctwocBox .title{margin-bottom: 0px;padding: 10px 0 3px 0;}
.postBody .ctwocBox .umItem.umTextarea, .postBody .ctwocBox .umItem.vcode{width: calc(100% / 1 - 20px);}
}

@media screen and (max-width:580px){
.main .banner .text .tit{ font-size: 26px;letter-spacing: 0px;}
.main .banner .bnSearch .form{height: 42px;padding-right:60px;}
.main .banner .bnSearch .form .sinput{height: 42px;}
.main .banner .bnSearch .form button{height: 42px;width: 60px;}
.bnSearch .searchResult{top: 44px;}
.main .banner .bnChart li{ font-weight: normal;}
.main .indexModule .module{ margin: 20px 0;}
.main .indexModule .module.mod1 li p,.main .indexModule .module.mod1 li a:after{ display: none; }
.main .indexModule .module.mod2 .box .left li{ width: 100%;}
.main .indexModule .module.mod2 .box .left li a{ min-height: 100px; padding: 10px 10px 10px 88px;}
.artBox.full{ margin-bottom: 20px;}
.artList .artBox .post .thumb{width: 135px;}
.artList .artBox .post .item{padding: 10px 0;}
.artList .artBox .post .intro,.artList .artBox .post .meta{margin-top: 5px;}
.header .headSearch{ right: 45px;}
.header .headSearch .form{width: 180px;}
.header .headSearch .form{ width: 150px;}
.single .artBox ul.artNav{display: flex;justify-content: space-between;}
.single .artBox ul.artNav li{ width: 25%; text-align: center; padding: 0 5px;}
.postText ul li{ width: 50%;}
.popTip .popMain{max-width: 90%;}
}

@media screen and (max-width:480px){
.main .banner .bnSearch .form .sinput{font-size: 14px;}
.main .banner .bnSearch .form{height:38px;padding-right:50px;}
.main .banner .bnSearch .form .sinput{height: 38px;}
.main .banner .bnSearch .form button{height: 38px;width: 50px; background: #f6faff; color: #0084FF;}
.bnSearch .searchResult{top: 40px;}
.main .banner .text .tit{ font-size: 20px;}
.main .banner .bnSearch{padding: 20px 10px 20px;}
.main .banner .bnChart{padding: 5px 10px 0px;}
.main .banner .bnSearch .hotSearch a,.searchResult li,.main .banner .bnChart li,.main .banner .bnChart li span,
.main .banner .bnSearch .hotTit{ font-size: 12px;}
.main .indexModule .module.mod1 h2{ font-size: 14px;}
.main .indexModule .module.mod1 li i{font-size: 46px;}
.main .indexModule .module.mod1 li a{ display: block; padding:15px 15px 18px; }
.home .artBox.full{padding: 20px 20px 10px;}
.pageNav a, .pageNav span{ margin: 3px;}
.artList .artBox .artArr.topBn{padding: 20px 20px 0;}
.artList .artBox .artArr.btmBn{padding: 0 20px 20px;}
.artList .artBox .artArr{padding: 20px 20px 20px;}
.widget{padding: 20px 20px 15px;}
.single .artBox .artNav li span{font-size: 14px;}
.rName{ font-size: 12px;}
.postText ul li{ width: 100%;}
.postBody .ctwocBox{margin: 0 -10px;}
.postBody .ctwocBox .umItem{width: calc(100% / 1 - 20px);margin: 2px 10px;}
.postBody .ctwocBox .umSelect .umItemIn{max-width: none;}
.popTip .popBox .popTxt li{ font-size: 12px;padding-left: 15px;}
.popTip .popBox .popTxt li::before{ top: 0;}
.popTip .popMain h4{ font-size: 28px;}
.popTip .popMain .popTit{ min-height: 55px;}
}

@media screen and (max-width:440px){
.artList .artBox .post .thumb{ width: 120px;}
.artList .artBox .post .text h3{ font-size: 14px;}
.artList .artBox .post .intro,.artList .artBox .meta span{font-size: 12px;}
}