/**
 +------------------------------------------------------------------------------
 * 网站样式重写
 +------------------------------------------------------------------------------
 */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap");
 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.single .postAuthor .text-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;}
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:"PingFang SC",Helvetica,Arial,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:#E94C3D;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:10px;border-radius: 10px;}
.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:#fff;}

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

/*----------- 头部 -----------*/
.header{position:relative; width:100%; left:0; top:0;display:block; padding: 25px 0; background:#FFFFFF; z-index:10;}
.header.clone{ position: fixed;padding: 10px 0;
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);transition: 0.2s all cubic-bezier(0.3, 0.73, 0.3, 0.74);-webkit-transform: translateY(-100%);}
.header.clone:after{ content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.06);}
.down .header.clone{-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);}
.header .container{margin:0 auto;}
.header .logo{overflow:hidden; height:50px;display: flex;flex-wrap: inherit;align-items: center;}
.header .logo h1{height:46px; display:block;}
.header .logo a{height:46px; display:block; position:relative; font-size:0; overflow:hidden;}
.header .logo a img{ width:auto; max-width:100%; height:100%;}
.header .logo a.name{ font-size: 30px; font-weight: 600; line-height: 50px;}
.header .navBar{ margin:0 20px 0 30px;display: flex;flex-basis: auto;flex-grow: 1;align-items: center;}
.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 20px; color:#79889E; font-size:14px; position:relative; z-index:2; min-width:62px; text-align:center;-webkit-border-radius:100px; border-radius: 100px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navBar li>a:hover,.header .navBar li.active i[class*="dot"] i{color:#E94C3D;}
.header .navBar li.active>a{background:#FE4F80; background: -webkit-linear-gradient(left, #FE4F80 0%, #FFA388 100%);background: linear-gradient(to right, #FE4F80 0%, #FFA388 100%); color: #fff;}
.header .headBox{display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;}

/*二级高亮*/
.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: -8px;left: 20%;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,.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:#E94C3D;;}
.header .navBar ul li>ul li.on a:hover{text-indent:5px;}
.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 #EBEBEB; padding-right: 38px; height: 36px; position: relative; -webkit-border-radius:100px;border-radius: 100px;width: 150px;background: #FAFAFA;}
.header .headSearch .form input,.divSearchPanel form input{ border: medium none; background:none; height: 34px; padding: 0 10px 0 12px; max-width: 100%;}
.header .headRight{ position: relative; height: 36px; }
.header .headRight button,.divSearchPanel form button{background: #FE4F80;background: -webkit-linear-gradient(bottom, #FFA388 0%, #FE4F80 51%, #FFA388 100%);background: linear-gradient(to top, #FFA388 0%, #FE4F80 51%, #FFA388 100%);background-size: auto 200%;-webkit-border-radius:100px;border-radius: 100px; width: 36px; height: 36px; position: absolute; right: -1px; top: -1px; border: medium none;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; cursor: pointer; color: #fff;}
.header .headRight button.navBtn{ display: none;}
.header .headRight button:hover,.divSearchPanel form button:hover{background-position: bottom center;}

/*移动端菜单*/
.leftNav{background: #FFF;height: 100vh;overflow-y: auto;overflow-x: hidden;padding: 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: 30px;margin-top: 25px;width: 100%;}
.leftNav .mLogo .logo{max-width: 130px;display: block;}
.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: #FE4F80;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);}

/*banner区域*/
.main{ width: 100%;margin-bottom: 30px; clear: both;}
.artBox,.banner{padding-right: 380px;position: relative;float: left;width: 100%;}
.banner{font-size: 0; margin-bottom: 20px;}
.banner .bannerBox{display: inline-block;width: 100%; -webkit-border-radius:10px;border-radius: 10px;position: relative;overflow: hidden;-webkit-box-shadow: 0 8px 20px rgba(32, 54, 86, 0.3);-moz-box-shadow: 0 8px 20px rgba(32, 54, 86, 0.3);box-shadow: 0 8px 20px rgba(32, 54, 86, 0.3);}
.banner .bannerBox .item{ background: #232328; position: relative; overflow: hidden;}
.banner .bannerBox .item .shade{display: block;height: 100%;left: 0;top: 0;position: absolute;width: 100%;}
.banner .bannerBox .item .title{ position: absolute; bottom: 35px; left: 40px; right: 40px; z-index: 1;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.banner .bannerBox .item .title h4{font-size: 26px;font-weight: 600;line-height: 1.3;color: #fff;}
.banner .bannerBox .item img{ height: 532px; object-fit: cover; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.banner .bannerBox .item:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

.banner.cateBanner{padding-right:0px; margin: 20px 0;}
.banner.cateBanner .bannerBox .item:after{background: #607598;}
.banner.cateBanner .bannerBox .item img{ height: 540px; opacity: .6!important;mix-blend-mode: soft-light;}
.banner.cateBanner .bannerBox .text{padding: 0 30px;position: absolute;text-align: center;left: 50%;top: 50%; width: 100%; max-width: 650px;z-index: 2;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.banner.cateBanner .bannerBox .text h4{font-size: 36px;margin: 20px 0; color: #fff;}
.banner.cateBanner .meta span{ font-size: 14px;color: rgba(255, 255, 255, 0.5);}
.banner.cateBanner .meta span:after{content: "";display: inline-block;background-color:rgba(255, 255, 255, 0.5);-webkit-border-radius:50%;border-radius: 50%;margin:0 10px;height: 3px;vertical-align: middle;position: relative;top: -1px;width: 3px;}
.banner.cateBanner .meta span.time:after{ display: none;}
.banner.cateBanner .owl-theme .owl-dots{ position: absolute; left: 50%; right: auto!important; bottom: 30px!important; top: auto!important; transform: translateX(-50%);}
.banner.cateBanner .owl-carousel .owl-nav{ position: static;display: inline-block;}
.banner.cateBanner .owl-carousel .owl-nav.disabled{ display: none;}
.banner.cateBanner .owl-carousel .owl-nav button{width: 50px; height: 50px; position: absolute;top: 50%; transform: translateY(-50%); border: none!important; background: rgba(255, 255, 255, 0.3); color: #fff;}
.banner.cateBanner .owl-carousel .owl-nav button i{ font-size: 15px; line-height: 50px;}
.banner.cateBanner .owl-carousel .owl-nav button:hover{background: rgba(255, 255, 255, 1);}
.banner.cateBanner .owl-carousel .owl-nav .owl-prev{ left: 20px;}
.banner.cateBanner .owl-carousel .owl-nav .owl-next{ right: 20px;}

.artPost{ margin: 20px 0 0 0;}
.home .artPost{ margin: 30px 0 0 0;}
.artPost .title{ margin-bottom: 30px;}
.artPost .title h3{ display: inline-block; position:relative; font-size: 24px; font-weight: 700; padding:0 0 15px 0;}
.artPost .title h3:after,.widget .title:after{content: '';position: absolute; left: 0; bottom: 0px;width:50px;height: 5px;background: -webkit-linear-gradient(315deg, transparent, transparent 45%, #FE4F80, transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent, transparent 45%, #FE4F80, transparent 55%, transparent 100%);background: linear-gradient(135deg, transparent, transparent 45%, #FE4F80, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, #FE4F80, transparent 55%, transparent 100%);background-size: 10px 10px;background-repeat: repeat-x, repeat-x;}

.artPost .artArr{border: solid 1px #EBEBEB; padding: 30px;-webkit-border-radius:10px;border-radius: 10px;}
.artPost .artRow{ margin: 0 -12px;display: flex;flex-wrap: wrap;}
.artPost .artArr .col-2{flex: 0 0 auto;width: 50%; padding: 0 12px;}
.artPost .artArr .thumb{font-size: 0;}
.artPost .artArr .thumb img,.artPost .artArr .owlBox .item img,.owlTop.owl-carousel .owl-item .thumb img{ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.artPost .artArr .thumb:hover img,.artPost .artArr .owlBox .item:hover img,.owlTop.owl-carousel .owl-item .thumb:hover img{-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);-o-transform: scale(1.07);transform: scale(1.07);}
.artPost .artArr .meta{font-size: 14px;color: #9faabb; margin-top: 8px;line-height: 1.7;}
.artPost .artArr .meta a{color: #9faabb;}
.artPost .artArr .meta a:hover{color: #232328;}
.artPost .artArr.artOwl .meta{color: #fff; margin-top: 0px; opacity: .6;}
.artPost .artArr .meta .user{ margin-right: 10px;}
.artPost .artArr h4{ font-size: 18px; margin: 18px 0; line-height: 1.4;}
.artPost .artArr .time{ font-size: 14px;}
.artPost .artArr .intro{ font-size: 14px; line-height: 1.6; max-height: 44px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.artPost .artArr li .item,.artPost .artArr .post .item{width: 100%;text-align: left;position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;align-items: center;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;}
.artPost .artArr li .thumb,.artPost .artArr .post .thumb{width:110px;height: auto;position: relative;font-size: 0;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;}
.artPost .artArr .thumb a{ display: block; position: relative; background-color: #EBEBEB;-webkit-border-radius:10px; border-radius: 10px; overflow: hidden;}
.artPost .artArr .thumb a:after,.artPost .artArr .owlBox a:after,.owlTop .thumb a:after{ content: ''; padding-top: 75%; display: block;}
.artPost .artArr .thumb a.loading{background-image:url(images/lay.gif); background-repeat: no-repeat; background-position:center;background-size:20px auto;}
.artPost .artArr .thumb a img,.artPost .artArr .owlBox a img,.owlTop .thumb img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.artPost .artArr li .text,.artPost .artArr .post .text{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;justify-content: flex-start;}
.artPost .artArr li h4,.artPost .artArr .post h4{ margin-top: 0;font-size: 14px; margin-bottom: 6px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.artPost .artArr li:after,.artPost .artArr .post:after,.widget li:after{content: "";display: block;height: 1px;margin-bottom: 20px;margin-top: 20px;width: 100%;background: #EBEBEB;background: -webkit-linear-gradient(right, #EBEBEB 0%, transparent 100%);background: linear-gradient(to left, #EBEBEB 0%, transparent 100%);}
.artPost .artArr li:last-of-type:after,.artPost .artArr .post:last-of-type:after{ display: none;}
.artPost .artArr.um ul{ font-size: 0;}
.artPost .artArr.um li{ width: calc(100% / 2 - 24px); margin: 0 12px; display: inline-block; vertical-align: top;}
.artPost .artArr.um li.big .text{ padding-left: 0;}
.artPost .artArr.um li.big .thumb{ width: 100%;}
.artPost .artArr.um li.big h4{ margin: 18px 0; font-size: 18px;}
.artPost .artArr.um li:nth-last-child(-n+2):after{ display: none;}

.artPost .artArr.artOwl{ padding: 0; border: none;}
.artPost .artArr .owlBox a,.owlTop .thumb a{ display:block; position: relative;-webkit-border-radius:10px; border-radius: 10px; overflow: hidden;}
.artPost .artArr .owlBox .item a:before{content: "";background: #232328;display: block;height: 100%;left: 0;opacity: 0.6;top: 0;position: absolute;width: 100%; z-index: 1;}
.artPost .artArr .owlBox .item .text{bottom: 20px;left: 20px;right: 20px;position: absolute;z-index: 2; color: #fff;}
.artPost .artArr .owlBox .item .text h4{ font-size: 20px; line-height: 1.4; margin: 18px 0 10px;color: #fff;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.single .artPost .artArr{ padding: 0; border: none;}
.single .artPost.commBox{ margin-bottom: 0; padding-top: 10px;}

/*最新发布*/
.artPost .artArr.list .post .text{ padding-left: 26px;}
.artPost .artArr.list .post .thumb{ width: 240px;}
.artPost .artArr.list .post h4{ font-size: 18px; margin-bottom: 12px;}
.artPost .artArr.list .post .meta{ margin: 0 0 16px;}
.artPost .artArr.list .post .meta span{ padding:0 15px; position: relative;}
.artPost .artArr.list .post .meta span:first-of-type{ padding-left: 0;}
.artPost .artArr.list .post .meta span:first-of-type:after,.artPost .artArr.list .post .meta span.cate:after,
.artPost .artArr.list .post .meta span.istop:after{display: none;}
.artPost .artArr.list .post .meta span.istop{ padding:0 6px; margin-right: 0;}
.artPost .artArr.list .post .meta span:after{ width: 3px;height: 3px; content: ''; position: absolute; background: #E94C3D; top: 8px; left: -1px;-webkit-border-radius:10px; border-radius: 10px;}
.artPost .artArr.list .post:after{ margin: 30px 0;}


.artPost .artArr.piclist{ padding: 0; border: none;}
.artPost .artArr.piclist .post{padding: 0;border: solid 1px #EBEBEB;-webkit-border-radius:10px;border-radius: 10px;margin-bottom: 30px;}
.artPost .artArr.piclist .post:last-of-type{ margin-bottom: 0;}
.artPost .artArr.piclist .post:after{ display: none;}
.artPost .artArr.piclist .post .item{display: block;}
.artPost .artArr.piclist .post .thumb{ width:calc(100% + 2px); margin: -1px;}
.artPost .artArr.piclist .post .thumb a:after{ padding-top: 56%;}
.artPost .artArr.piclist .post .thumb img,.artPost .artArr.piclist .thumb a{ border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.artPost .artArr.piclist .post .text{ padding: 40px 40px 30px;}
.artPost .artArr.piclist .post .text h4{font-size: 24px; margin: 15px 0;}
.artPost .artArr.piclist .post .text .intro{line-height: 1.7;}
.artPost .artArr.piclist .meta{ margin-top: 0;}
.artPost .artArr.piclist .bottom{padding: 25px 0 0; margin:30px 0 0; border-top: solid 1px #EBEBEB;display: flex}
.artPost .artArr.piclist .bottom .comm{margin-right: auto !important;}
.artPost .artArr.piclist .bottom .comm i{ display: inline-block; vertical-align: -1px; margin-right: 3px;}
.artPost .artArr.piclist .bottom .more{margin-top: 0;display: block}
.artPost .artArr.piclist .bottom .more a{ color: #E94C3D; font-weight: 500;}
.artPost .artArr.piclist .bottom .more a:after{content: "\e606";font-family: 'simple-line-icons'; font-size: 12px;display: inline-block; vertical-align: -1px; position: relative; margin-left: 4px; right: -2px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;color: #E94C3D;}
.artPost .artArr.piclist .bottom .more a:hover:after{ right: -6px;}

.artPost .artArr .istop{ height: 18px; line-height: 18px; padding: 0 6px; /* position: absolute; left: 20px; top: 20px; z-index: 2; */background:#FE4F80; background: -webkit-linear-gradient(left, #FE4F80 0%, #FFA388 100%);background: linear-gradient(to right, #FE4F80 0%, #FFA388 100%); color: #fff;-webkit-border-radius:30px; border-radius: 30px; font-size: 12px; font-weight: 500; display: inline-block; vertical-align: 1px;margin-right: 5px;}
.artPost .artArr .more{ margin-top: 12px; font-size: 14px;}
.artPost .artArr .more a{ color: #E94C3D;}
.artPost .artArr .more a:hover{ color: #232328;}

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

.artBn{ margin: 45px 0 0; font-size: 0; display: block; text-align: center;}
.artBn.btm{ margin-top: 30px;}

.b-lazy{ opacity: 0;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.b-lazy.b-loaded{ opacity: 1;}

.warp .module{background: #fff;padding: 40px 0;}
.warp .module.textModule{background: #eaf1fa;}
.warp .module .text{color: #232328;font-size: 14px; line-height: 1.7; margin: 0;margin-top: 0px;margin-top: 12px;}
.warp .module .text h2,.warp .module .text h3,.warp .module .text h4,.warp .module .text h5{ margin-bottom: 15px;}
.warp .module .text h2{ font-size: 30px;}
.warp .module .text h3{ font-size: 28px;}
.warp .module .text h4{ font-size: 26px;}
.warp .module .text h5{ font-size: 24px;}
.warp .module .text p{ margin-bottom: 15px;}

.warp .module.listModule{ padding: 50px 0;}
.warp .module.listModule h3{font-size: 24px; font-weight: 500;}
.warp .module.listModule ul{display: flex;justify-content: space-between;flex-wrap: wrap;justify-content: flex-start;list-style: none;padding: 0;margin: 10px -15px; font-size: 0;}
.warp .module.listModule li{ width: calc(100% / 3 - 30px); margin:0px 15px; border-bottom: 1px solid #eaf1fa;}
.warp .module.listModule li a{display: inline-block;width: 100%;font-size: 14px;font-weight: 600;box-sizing: border-box;transition: all 0.2s linear; padding:18px 0;}

/*侧栏模块*/
.sidebar{width: 356px;float: right;margin-left: -356px; margin-top: 20px;}
.home .sidebar{margin-top: 38px;}
.sidebar.bnSidebar{margin-top: 0px; margin-bottom:0px; position: relative; z-index: 3;}
.widget,.single .artPost{border: solid 1px #EBEBEB;padding: 24px 30px 30px;margin-bottom: 30px;-webkit-border-radius:10px; border-radius: 10px; background: #fff;}
.single .artPost{margin-top: 20px;}
.single .artPost.related,.single .artPost.commBox{ margin-top: 0;margin-bottom: 0;}
.widget:last-of-type{ margin-bottom: 0;}
.widget .title{ text-align: center;font-size: 20px; margin-bottom: 30px; position: relative; padding-bottom: 15px;}
.widget .title:after{ left: 50%; margin-left: -25px;}
.widget li h4{ font-size: 15px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.widget li:after{ margin: 15px 0;}
.widget li:last-of-type:after{ display: none;}
.widget li .time{padding-top: 10px; display:block;}
.widget li .item .thumb:before{content: counter(nums,decimal);color: #FFF;display: none;border: solid 2px #FFF;-webkit-border-radius:50%;border-radius: 50%;font-size: 12px;font-weight: 700;height: 24px;line-height: 22px;left: 0;text-align: center;top: -10px;position: absolute;width: 24px;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);background: #FE4F80;background: -webkit-linear-gradient(bottom, #FE4F80 0%, #FFA388 100%);background: linear-gradient(to top, #FE4F80 0%, #FFA388 100%);z-index: 1;}
/*标签*/
.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:#E94C3D; border: 1px solid #E94C3D;}
/*最新发布*/
.widget.divPrevious li{counter-increment: nums;}
.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: 60px;height: 60px;position: relative;font-size: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.widget.divPrevious .item .thumb img{width: 60px;height: 60px; object-fit: cover;-webkit-border-radius:100%; border-radius: 100%;overflow: hidden;}
.widget.divPrevious .item .text{ padding-left: 20px;}

/*分类*/
.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: 600;}
.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: #FE4F80;font-family: "simple-line-icons";font-size: 10px;vertical-align: 1px; margin-right: 20px; font-weight: 700;}
.widget.umHotArt li,.widget.umHotComm li{padding-left: 25px; line-height: 1.4;position: relative;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.widget.umHotArt li a,.widget.umHotComm li a{max-height: 56px;overflow: hidden;display: block;}
.widget.umHotArt li:before,.widget.umHotComm li:before{ position: absolute; left: 0px; top:2px;}

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

.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: 25px;}
.widget.umLeftText h3,.widget.divText h3{font-size: 22px;}
.widget.umLeftText h4,.widget.divText h4{font-size: 20px;}
.widget.umLeftText h5,.widget.divText h5{font-size: 18px;}

.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: auto; cursor: pointer; width:calc(100% / 2 - 10px); display: inline-block; vertical-align: top;}
.widget .umTab li.active{background: #FE4F80;background: -webkit-linear-gradient(left, #FE4F80 0%, #FFA388 51%, #FE4F80 100%);background: linear-gradient(to right, #FE4F80 0%, #FFA388 51%, #FE4F80 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.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:#E94C3D;}

/*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: #E94C3D; 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;}
.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;}
.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:1200px;width:100%; 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:#E94C3D;}
.umCrumb i{font-size:12px;color:#8F9BAD; margin: 0 4px;display: inline-block; vertical-align: 0;}

.owlTop .thumb{ display: block; overflow: hidden;-webkit-border-radius:10px; border-radius: 10px;}
.owlTop .text .meta span.user{ margin-right: 10px;}
.owlTop .text h4{ margin: 30px 0 15px; font-size: 18px; line-height: 1.4;}
.owlTop.owl-carousel .owl-stage-outer{padding-bottom: 5px;}
.owlTop.owl-carousel .owl-nav{ position:relative; right: auto; bottom: -3px; top: auto; text-align: center; margin-top: 20px;}

.umTabCon.loading{opacity: 0.3;}
.umLoad{display: inline-block;position: absolute;width: 40px;height: 40px;top: 50%;left: 50%;visibility: hidden;opacity: 0;transform: translate(-50%, -50%);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;z-index: 1;}
.umLoad:after{content: " ";display: block;width: 40px;height: 40px;margin: 8px;-webkit-border-radius:50%;border-radius: 50%;border: 3px solid;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-color: #FE4F80 transparent #FE4F80 transparent;animation: loading 1.2s linear infinite;}
.umLoad.loading{visibility: visible;opacity: 1;}

@keyframes loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}


/*内容页*/
.single .postHead{ margin-bottom: 30px;}
.single.page .postHead{ margin: 0; padding: 60px 0; background: #f1f8ff; text-align: center;}
.single.page .postHead .postTitle{font-size: 30px; margin-bottom: 10px;}
.single.page .artBox{padding-right:0px;}
.single.page .artPost{ margin: 60px 0 30px;}
.single .postTitle{ font-size: 36px; line-height: 1.4; margin-bottom: 20px;}
.single .postMeta{ font-size: 0;}
.single .postMeta span{padding-left: 12px;position: relative; font-size: 14px;}
.single .postMeta span a{color: #8F9BAD;}
.single .postMeta span a:hover{color: #E94C3D;}
.single .postMeta span:first-of-type{ padding-left: 0;}
.single .postMeta span:after{content: "";display: inline-block;background-color: #E94C3D;-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: #707a88;font-size: 16px;line-height: 1.7;}
.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: #E94C3D;}
.single .postBody .artUm a:hover{color: #232328}
.single .postBody .artUm em,.single .postBody .artUm i{font-style: italic;}

.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:10px;border-radius: 10px;}
.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{ border-top: 1px solid #EBEBEB;padding-top: 30px;margin-top: 30px;}
.single .postTags{ margin-bottom: 30px;}
.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: #E94C3D;border: solid 1px #E94C3D;}
.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 #E94C3D;color: #E94C3D;}
.single .postNav.fn div a{margin: .6rem 0.3rem .6rem 0rem;}

/*作者模块*/
.single .postAuthor{background: #F1F8FF;-webkit-border-radius:10px; border-radius: 10px;padding: 30px;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: 115px;}
.single .postAuthor h5{font-size: 20px;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;}

/*文章分享*/
.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: 10px;}
.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;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.treeList.in{right: -1px;}
.treeList .tree{ padding:20px 15px; border-bottom-left-radius: 10px;border-top-left-radius: 10px; overflow: hidden;border: 1px #E94C3D 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:#E94C3D; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.treeList .tree:after{ opacity: .95;background:#fff; overflow: hidden; border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.treeList li.active a{ color: #E94C3D;}
.treeList li.h4{ margin-left:15px;}
.treeList li.h5{ margin-left:30px;}
.treeList li.h6{ margin-left:45px;}
.treeList .treeBj{background: #E94C3D; 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:#E94C3D; 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{background:#fff; padding:30px 0 0;}
.commBox .postText{ padding:5px 0 0}
.commBox .post-Comment{ margin-top: 20px;}
.commBox .subTit{padding:15px 0; font-size:20px; margin-bottom:30px; position:relative;color: #232328; font-weight: 700;}
.commBox .subTit:before{content: '';position: absolute;left: 0;bottom: 0px;width: 50px;height: 5px;background: -webkit-linear-gradient(315deg, transparent, transparent 45%, #FE4F80, transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent, transparent 45%, #FE4F80, transparent 55%, transparent 100%);background: linear-gradient(135deg, transparent, transparent 45%, #FE4F80, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, #FE4F80, transparent 55%, transparent 100%);background-repeat: repeat, repeat;background-size: auto, auto;background-size: 10px 10px;background-repeat: repeat-x, repeat-x;}
.cmBox{ margin-bottom:10px;}
.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;padding:0 2rem 1.8rem!important; background:#f8f8f9;-webkit-border-radius:10px; border-radius: 10px;}
.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: #E94C3D;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;}
.commTop a{color:#9ca0ad;font-size:12px;margin-right:.8rem}

.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;}

#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:10px;border-radius: 10px;}
.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: #FE4F80;
background: -webkit-linear-gradient(left, #FE4F80 0%, #FFA388 100%);
background: linear-gradient(to right, #FE4F80 0%, #FFA388 100%);}
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:10px;border-radius: 10px;}
.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 8px;cursor: pointer;-webkit-border-radius:9px;border-radius:9px;}

.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:50%;border-radius: 50%;font-size: 14px;text-decoration: none;border: solid 1px #EBEBEB;height: 45px;line-height: 43px;text-align: center;padding: 0;width: 45px;transition: all 0.15s ease-in-out; margin: 5px;}
.pageNav a:hover,.pageNav span.current{border-color: transparent;background: #FE4F80;background: -webkit-linear-gradient(bottom, #FFA388 0%, #FE4F80 51%, #FFA388 100%);background: linear-gradient(to top, #FFA388 0%, #FE4F80 51%, #FFA388 100%);background-size: auto;background-size: auto 200%; color: #fff;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);}

.commentpagebar .pageNav{ display: block!important;}

.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:#E94C3D; border: 1px solid #E94C3D;}
.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;}

/**
 * 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: 10px;-webkit-border-radius: 10px;}
.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: #FE4F80;background: -webkit-linear-gradient(left, #FE4F80 0%, #FFA388 100%);background: linear-gradient(to right, #FE4F80 0%, #FFA388 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:#E94C3D!important;color:#E94C3D!important}
.owl-carousel.owlBox .owl-stage-outer{-webkit-border-radius:10px;border-radius: 10px;}

/*底部*/
.footer{ background: #232328; padding: 40px 0;font-size:14px; line-height: 1.6; color: #79889E;}
.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{margin-bottom: 25px; font-size: 0;}
.footer .footLogo img{max-height: 48px;}
.footer .footText{flex: 1;}
.footer .footText p{ margin-bottom: 15px;}
.footer .footLink{width: 220px;padding-left: 30px;}
.footer .footLink ul{ text-align: right; padding-left:10px}
.footer .footLink a{border-bottom: 1px solid transparent; margin-bottom:4px; padding-bottom: 3px; display: inline-block;}
.footer .footLink a:hover,.footer .fotLink ul li a:hover,.footer .copyRight a:hover{opacity: 0.6;border-color: #79889E;}
.footer .footLink li:last-of-type a{ margin-bottom: 0;}
.footer .fotLink { margin-bottom: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 .fotText{margin-bottom:15px}
.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;}

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

/*适应*/
@media screen and (max-width:992px){
.header .navBar{ display: none;}
.header .headRight button.navBtn{ display: block;}
.header .headSearch{ margin-right:50px;}
.artBox, .banner{padding-right:0px;}
.sidebar{ width: 100%;margin-left:0}
.bnSidebar .widget.divPrevious{ min-height: auto;}
.single .postTitle{ font-size: 32px;}
.header{ padding: 20px 0;}
.header .logo a,.header .logo h1{height: 42px;}
.banner{margin-bottom: 30px;}
.banner .bannerBox .item:after{ content: ''; display: block; padding-top: 64%;}
.banner .bannerBox .item img,.banner .bannerBox .item a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.banner .bannerBox .item img,.banner.cateBanner .bannerBox .item img{height: 100%; object-fit: cover;}
.banner.cateBanner{ margin-bottom: 5px;}
.banner.cateBanner .bannerBox .text{ max-width: 500px;}
.banner.cateBanner .bannerBox .text h4{font-size: 32px;}
}

@media screen and (max-width:900px){
	.warp .module.listModule li{ width: 100%;}
	.banner.cateBanner .bannerBox .text h4{ font-size: 28px;}
	.single .postTitle{ font-size: 28px;}
}

@media screen and (max-width:750px){
.header{ padding: 15px 0; margin-bottom: 15px;display: inline-block;}
.header .logo{height: 46px;}
.header .logo a,.header .logo h1{height: 42px;}
.artPost .artArr.list .artList{ font-size: 0; margin: 0 -10px;}
.artPost .artArr.list .post .item{ display: block;}
.artPost .artArr.list .post .text{ padding-left: 0; padding-top: 20px;}
.artPost .artArr.list .post{ width: calc(100% / 2 - 20px); margin: 0 10px; display: inline-block; vertical-align:top}
.artPost .artArr.list .post .thumb{ width: 100%;}
.artPost .artArr .owlBox .item .text h4{ font-size: 18px;margin: 15px 0 12px;}
.owlTop .text h4{margin: 25px 0 15px;}
.artPost .artArr.list .post h4,.artPost .artArr h4{font-size: 16px;}
.banner.cateBanner .bannerBox .text{ max-width: 450px;}
.banner.cateBanner .bannerBox .text h4{ font-size: 26px;}
.artPost .title h3{ font-size: 22px;}
.footer .footLogo img{ max-width: 90%;}
.single .postTitle{ font-size: 26px;}
}

@media screen and (max-width:640px){
.header{ padding: 12px 0;}
.header .logo{height: 42px;}
.header .logo a,.header .logo h1{height: 38px;}
.banner.cateBanner .bannerBox .text{ width: 100%;}
.banner.cateBanner .bannerBox .text h4{font-size: 24px;}
.banner .bannerBox .item .title{bottom: 25px;left: 30px;right: 30px;}
.footer{ padding: 30px 0;}
.footer .footLink{ width: 100%; padding: 30px 0 0;display: none;}
.footer .footLink ul{padding-left: 0px; text-align: left;}
.footer .footLink li{ margin-right: 5px; display: inline-block;}
.single .postTitle{ font-size: 24px;}
.banner.cateBanner .owl-theme .owl-dots{bottom: 20px !important;}
.single .postAuthor .thumb{float: none;margin: 0 auto;display: block;}
.single .postAuthor .text{margin-left: 0;margin-top: 15px; text-align: center;}
}

@media screen and (max-width:580px){
.header .headSearch{margin-right: 45px;}
.artPost .artArr .col-2{ width: 100%;padding: 0;}
.artPost .artArr ul.col-2{}
.artPost .artArr .col-2.big::after{content: "";display: block;height: 1px;margin-bottom: 20px;margin-top: 20px;width: 100%;
background: #EBEBEB;
background: -webkit-linear-gradient(right, #EBEBEB 0%, transparent 100%);
background: linear-gradient(to left, #EBEBEB 0%, transparent 100%);}
.artPost .artRow{ margin: 0;}
.artPost .artArr.um li{ width: 100%; margin: 0;}
.artPost .artArr.um li:nth-last-child(-n+2):after{ display: block;}
.artPost .artArr.um li:nth-last-child(-n+1):after{ display: none;}
.single .postTitle{ font-size: 22px;}
.banner .bannerBox .item .title{bottom: 15px;left: 20px;right: 20px;}
.banner .bannerBox .item .title h4,.banner.cateBanner .bannerBox .text h4{font-size: 22px;}
}

@media screen and (max-width:480px){
.header{ padding: 10px 0;}
.header .logo{height: 40px;}
.header .logo a,.header .logo h1{height: 36px;}
.header .headSearch .form{ width: auto;position: absolute; right: 45px;}
.header .headSearch .form .sinput{width: 90px;-webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease;transition: width 0.3s ease;}
.header .headSearch .form .sinput:focus{width: 200px;}
.artPost .artArr.list .artList{margin: 0;}
.artPost .artArr.list .post{width: 100%;margin: 0px;}
.single .postTitle{ font-size: 20px;}
.banner .bannerBox .item .title h4,.banner.cateBanner .bannerBox .text h4{font-size: 18px;}
.banner.cateBanner .owl-theme .owl-dots{bottom: 15px !important;}
}