.coverBg { background-position: center center; background-size: cover;background-repeat: no-repeat;}
/*文章详情*/
.comm_view{}
.comm_view .comm_title{ border-bottom: 1px  solid #dddddd ;padding-bottom: 15px;}
.comm_view .comm_title  h2{ font-size: 20px;font-weight: bold;width: 90%;margin: 0 auto;text-align: center;line-height: 2em;padding: 20px 0 10px;}
.comm_view .comm_title  h4{ width: 90%;margin: 0 auto;text-align: center;line-height: 2em;opacity: 0.7;font-size: 0.85em;}
.comm_view .comm_title  h4 span.info{ margin: 0 12px;}
.comm_content{ padding: 15px 0 0;min-height: 200px;}
.social-share{ text-align: center;padding-top: 20px;}
.comm_neighbor{ padding: 15px 0;border-top: 1px solid #F0F0F0;margin-top: 20px;}
.comm_neighbor div.prev{ width: 48%;float: left;height: 30px;line-height: 30px;overflow: hidden;}
.comm_neighbor div.next{ width: 48%;float: right;height: 30px;line-height: 30px;overflow: hidden;text-align: right;}
.comm_actions{ margin-top:25px;text-align: center; }


/*下载*/
.download-tab{ margin-top: 20px;}
.download-info { border: 1px solid #F0F0F0;padding: 15px;background: #FAFAFA;}
.download-tab h4{ border-bottom: 1px solid #F0F0F0;line-height: 2em;font-size:1.2em;}
.download-btn{ margin: 20px 0;text-align: center;}
.download-btn i { margin-right: 6px;}

/*评论*/
#comments{ border-top: 1px solid #F0F0F0;margin-top: 20px;}
#comments .comment-head{ height: 40px;line-height: 40px; font-size: 15px;padding: 10px 0;border-bottom: 1px solid #f5f5f5;}
.comment-body{ }
.comment-body li{ position: relative;}
.comment-body li .user-avatar{ position: absolute;left:0;top: 15px;width: 40px;}
.comment-body li .text-avatar{ position: absolute;left:0;top: 0;width: 40px;height: 40px;border-radius: 50%;background: #5fb878;text-align: center;line-height: 30px;font-size: 15px;color: #fff;text-transform: uppercase; }
.comment-body li .user-avatar img{ position: absolute;left:0;top: 0;width: 40px;height: 40px;border-radius: 50%;}
.comment-body li li:nth-child(1n) .text-avatar{ background: #5fb878;}
.comment-body li:nth-child(2n) .text-avatar,.comment-body li li:nth-child(2n) .text-avatar{ background: #409eff;}
.comment-body li:nth-child(3n) .text-avatar,.comment-body li li:nth-child(3n) .text-avatar{ background: #FFB800;}
.comment-body li:nth-child(4n) .text-avatar,.comment-body li li:nth-child(4n) .text-avatar{ background: #f56c6c;}
.comment-body li:nth-child(5n) .text-avatar,.comment-body li li:nth-child(5n) .text-avatar{ background: #bc8fb8;}
.comment-body li:nth-child(6n) .text-avatar,.comment-body li li:nth-child(6n) .text-avatar{ background: #fa6141;}
.comment-body li:nth-child(7n) .text-avatar,.comment-body li li:nth-child(7n) .text-avatar{ background: #ec407a;}
.comment-body li:nth-child(8n) .text-avatar,.comment-body li li:nth-child(8n) .text-avatar{ background: #ff976a;}

.comment-body li .comment-item{ padding-left: 55px;border-bottom: 1px solid #f5f5f5;padding-bottom: 15px;padding-top: 15px;}
.comment-body li .comment-item-info{ height: 34px;line-height: 34px;}
.comment-body li .comment-item-info .username{ color: #01AAED;}
.comment-body li .comment-item-info .time{ font-size: 11px;color: #c2c2c2;margin-left: 10px;}
.comment-body li .comment-item-info .replay{ font-size: 11px;color: #666;margin-left: 10px;text-decoration: underline;opacity: 0;-webkit-transition: all .5s;transition: all .5s;}
.comment-body li .comment-item-content{ padding-top: 5px;opacity: 0.9;color: #777;}
.comment-body li .comment-item-content span.at{ color:#333;opacity:1; }
.comment-body li .comment-item:hover .replay{ opacity: 1;}
.comment-body li li{ margin-left: 55px;}
.comment-body li #postcomment{ margin-top: 15px;}
.comment-body li #postcomment .comment-title .cancel-replay{ opacity: 1;}
.comment-body .no-comment{ text-align: center;line-height: 24px;padding: 15px 0;color:#999;}

#postcomment{ margin-top: 40px;padding: 0 5px;}
#postcomment .comment-title{ height: 24px;line-height: 24px;padding-bottom: 20px;}
#postcomment .comment-title .cancel-replay{ font-size: 11px;margin-left: 10px;color: #666;text-decoration: underline;opacity:0;-webkit-transition: all .5s;transition: all .5s;}
#postcomment .post-group{ padding-bottom: 12px;}
#postcontent:focus{ border-color: #1E9FFF!important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(30,159,255,0.6); }

/*收藏*/
.social-share .social-share-icon.is-collect{ background: #f56c6c;color: #fff;border-color:#ff0000;}

/*翻页样式*/
.pagination {
  position: relative;
  padding-left: 0;
  margin: 10px 0;
  list-style: none;
  font-size: 14px;
  color: #999;
  text-align: center;
}

.pagination:before,.pagination:after {
  content: " ";
  display: table;
}
.pagination:after {
  clear: both;
}

.pagination>li {
  display: inline-block;
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  display: block;
  padding: .5em 1em;
  line-height: 1.2;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-right: 5px;
  margin-bottom: 5px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  margin-right: 0;
}

.pagination > li > a:hover,.pagination > li > a:focus {
  background-color: #eeeeee;
}

.pagination>li.active>span {
  background-color: #0e90d2;
  border-color: #0e90d2;
  color: #fff;
}

.pagination>li.disabled>span {
  border-color: #ddd;
}

/*系统提示*/
.home_message{ margin: 8% auto;width: 92%;max-width: 768px;min-height: 120px;}
.home_message .notification{ padding: 9px 0 9px 60px;line-height: 30px;}
.home_message .notification div{ font-size: 18px;}
.home_message.success .notification{ background: url(../images/success.png) left top no-repeat;color: #05994f;}
.home_message.error  .notification{ background: url(../images/error.png) left top no-repeat;color: #cb1b05;}
.home_message .redirect{ padding-top: 20px;}
.home_message .redirect a{ display: inline-block;height: 36px;line-height: 36px;border: 1px solid #e2e2e2;padding: 0 15px;border-radius: 2px}
.home_message .count_down{ padding-top: 20px;color: #9E9E9E;}
.home_message .count_down a{ color: #0080FF;}
.home_message .count_down span{ color: #555555;margin: 0 2px;}

/*加载*/
#loadMark{ text-align: center;margin-top: 20px; cursor: pointer;padding: 5px 0;}
#loadMark img{}

/*表单*/
.common-form-container .woo-form-body .layui-card{ border: 0;}
.common-form-container .woo-form-page .woo-form-bottom{ text-align: left;}
.common-form-container .woo-form-body{ padding: 0;}
.common-form-container .woo-form-body .layui-card-body{ padding: 0;}


/*网站地图*/
.sitemap ul li .map_tit{height: 24px;line-height: 24px;background: url(../images/map_icon.png) left center no-repeat;padding-left: 20px;}
.sitemap ul li .map_con{padding-left: 3em;}

/* Aylen按钮 */
.button { width: 102px;max-width: 96%;display: block;border: 1px solid #ddd;background: none;vertical-align: middle;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;height: 34px;line-height: 34px;text-align: center;text-decoration: none;border-radius: 4px;box-shadow: 1px 1px 2px #ddd;}
.button--aylen { background: #fff;color: #37474f;overflow: hidden;-webkit-transition: color 0.3s;transition: color 0.3s;display: inline-block;}
.button--aylen.button--inverted {background: none;color: #fff;}
.button--aylen::before,.button--aylen::after {content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.button--aylen::before {background:   gray;}
.button--aylen::after {	background: #000;}
.button--aylen:hover {color: #fff; *background: #000;  background: #000\9;}
.button--aylen:hover::before,.button--aylen:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--aylen:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}

.cms_tran{ -webkit-transition: all .5s  ease-out;transition: all .5s  ease-out;}
.cms_tran_in{ -webkit-transition: all .5s  ease-in;transition: all .5s  ease-in;}


/*列表样式-3*/
.cms_case2{}
.cms_case2 li.odd{ float: left;}
.cms_case2 li.even{ float: right;}
.cms_case2 li{ width: 48%;margin: 2% 0;}
.cms_case2 li .thumb{ position: relative;padding-top: 50%;overflow: hidden;}
.cms_case2 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case2 li h4{ margin: 0;padding: 5px 0 0;font-weight: normal;font-size: 1.2em;height: 3.2em;line-height: 3.2em;overflow: hidden;white-space: nowrap;}
.cms_case2 li p{ margin: 0;color: #555555;line-height: 2em;height: 4em;overflow: hidden;}
.cms_case2 li .thumb:hover a{ -webkit-transform: scale(1.1);transform: scale(1.1);}

/*列表样式-3*/
.cms_case3{}
.cms_case3 li{ width: 33.3333%;}
.cms_case3 li .thumb{ position: relative;padding-top: 75%;overflow: hidden;margin-right: 1px ;margin-bottom: 1px ;}
.cms_case3 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case3 li .thumb .bgcolor{ position: absolute;left: 0;top: 0; background: #000;opacity: 0;width: 100%;height: 100%;}
.cms_case3 li .thumb .mask{ position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px; }
.cms_case3 li .thumb .mask i.line_l{ position: absolute;height: 0;width: 1px;background: #ffffff;left: 0;bottom: 0;}
.cms_case3 li .thumb .mask i.line_t{ position: absolute;width: 0;height: 1px;background: #ffffff;left: 0;top: 0;}
.cms_case3 li .thumb .mask i.line_r{ position: absolute;height: 0;width: 1px;background: #ffffff;right: 0;top: 0;}
.cms_case3 li .thumb .mask i.line_b{ position: absolute;width: 0;height: 1px;background: #ffffff;right: 0;bottom: 0;}
.cms_case3 li .thumb h4{ -webkit-transition-delay: .2s;transition-delay: .2s; transform: rotate(8deg); opacity: 0; color: #ffffff;position: absolute;height: 30px;line-height: 30px;top: 40%;margin-top: -15px;left: 15%;overflow: hidden;width: 70%;text-align: center;font-size: 1.2em;font-weight: normal;}
.cms_case3 li .thumb h4.odd{ transform: rotate(-8deg); }
.cms_case3 li:hover .thumb .bgcolor{ opacity: 0.6;}
.cms_case3 li:hover .thumb .mask i.line_l,.cms_case3 li:hover .thumb .mask i.line_r{ height: 100%;}
.cms_case3 li:hover .thumb .mask i.line_t,.cms_case3 li:hover .thumb .mask i.line_b{ width: 100%;}
.cms_case3 li:hover .thumb h4{ opacity: 1;top: 50%;transform: rotate(0);}



/* 列表样式-16*/
.cms_case16 {}
.cms_case16 li{ position: relative; margin-bottom: 6px;border-bottom: 1px solid #F1F1F1;padding-bottom: 6px; }
.cms_case16 li .item_tit{ font-size: 1.2em;height: 2.5em; line-height: 2.5em;overflow: hidden;border-bottom: 1px solid #ddd;font-weight: bold;padding-left: 15px;background: url(../images/article_icon.gif) left center no-repeat;}
.cms_case16 li .item_tit .fr{font-size: 0.8em; font-weight: normal;}
.cms_case16 li .item_con{ line-height: 2.2em;max-height: 6.6em; overflow: hidden; padding-top: 6px;min-height: 2.2em; }


/*=========前面是 公共代码，不建议删除；下面的是你自己的内页css=========*/