body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
em,i{font-style: normal;}
input,button,textarea,select{outline: none;}
textarea, input{outline: none;}
body{font-size: 14px;line-height: 24px;}
ul,li{padding: 0; list-style: none;}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
  font-weight:500;
  font-size:100%
}
h1 {
  font-size:1.5em
}
h2 {
  font-size:1.25em
}

ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
  margin:1em 0
}
dt {
  font-weight:700
}
dd {
  margin-left:0
}
.z{float: left;}
.y{float: right;}
#scroll_loading{text-align: center;color: #aaa;}
#scroll_end{text-align: center;color: #aaa; font-size: 12px;}

.forum-search{position: relative; display: none; width: 100%; padding: 0 85px 0 15px; min-height:52px; background: #f9f9f9;}
.forum-search .search-input{ padding: 0 10px; margin-top: 10px; line-height: 32px; border-radius: 3px; background: #fff;border: 0; width: 100%; height: 32px; outline-color:#DE292E;}
.forum-search .search-button{ position: absolute; right:15px;top:10px; border: 0; border-radius: 4px; width: 60px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; background:#fe484a;}


/*----- footer -----*/
.footer a { margin:0 6px; color:#A5A5A5; }
.footer-clear{content: "";height:58px; overflow: hidden;}
.footer{position: fixed; width: 100%;bottom: 0; left: 0; z-index: 9;text-align:center; line-height:2em; color:#A5A5A5; padding:10px 0 0 0;}
.footer .footer-nav {border-top: 1px solid #dce3e6;background: #fff;}
.footer .footer-nav li{width: 20%; float: left;text-align: center;}
.footer .footer-nav li a{padding: 2px;line-height: 18px;color: #a8abb5;}
.footer .footer-nav li.on a{ color: #ed4040;}
.footer .footer-nav li a,.footer-nav li a i,.footer-nav li a em{display: block;}
.footer .footer-nav li a i{font-size: 24px;line-height: 26px;}

.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }

.ul-header{box-sizing: border-box; position: relative;width: 100%;height: 54px;line-height: 54px; background: #fff; overflow: hidden;border-bottom: 1px solid #f1f1f1;padding: 0 15px;}
.ul-header {width:100%;overflow:hidden;height: 54px;}
.ul-header > li{ width:33.33%; float:left; display:block;line-height: 54px;}
.ul-header > li a i{font-size: 24px;color: #333;}
.ul-header .logo{width: 160px;text-align: center;height: 54px;position: relative;left:50%;top: 0;margin-left: -80px;}
.ul-header .logo img{margin: 0 auto; height: 54px;}
.ul-header .ul-header-r{float:right;text-align: right;}
.ul-header .ul-header-menu{ display: block;  width: 28px;height:18px;padding: 16px 0;  margin: 2px; position:relative;top: 0;left: 0;}
.ul-header .ul-header-menu a span {background:black; display: block; height: 2px;  margin: 6px 0;}
.ul-header .ul-header-menu a:before,
.ul-header .ul-header-menu a:after {content: '';display: block; background:black; height: 2px;}


.header1{ position: relative;width: 100%;height: 54px;line-height: 54px; background: #fff; overflow: hidden;border-bottom: 1px solid #f1f1f1;padding: 0 15px;}
.header1 a i{font-size: 24px;color: #333;}
.header1 a.y{margin-left: 10px;}
.header1 .logo{width: 160px;text-align: center;height: 54px;position: absolute;left: 50%;top: 0;margin-left: -80px;}
.header1 .logo img{margin: 0 auto; height: 42px;}


/* 链接tab */
.article-tab{width: 100%; background: #fff; border-bottom:1px solid #eaeaea;margin-top: 10px;}
.article-tab li{ width: 16.6666%; text-align: center;}
.article-tab li a{display: inline-block; vertical-align: top; color: #333; line-height: 40px;}
.article-tab li.on a{ color:#ed4040; border-bottom:2px solid #ed4040; margin-bottom: -1px;}
/* 列表 */
.article-list{ padding: 50px 15px; background: #fff;}
.article-item{position: relative; width: 100%; border-bottom: 1px solid #f2f2f2; padding: 15px 0;}
.article-list.article-item:last-child{border-bottom: 0;}
.article-item a{ display: block; width: 100%;}
.article-item .ex_article_pic{ padding-right: 120px; min-height: 68px;}
.article-item .article-pic{ display: block; width: 102px; height: 68px; position: absolute; right: 0; top: 15px;}
.article-item .article-pic > img{ width: 102px; height: 68px; border-radius: 4px;}
.article-item .article-title{font-size: 18px; color: #333; line-height:22px; max-height: 44px; margin-bottom: 4px; font-size: 16px;}
.article-item.ex_article_pic .article-title{ padding-right: 120px;height: 44px;}
.article-item .article-info{line-height: 20px; height: 20px;}
.article-item .article-info em{ font-size: 12px; color: #a8abb5;}

.w{background: #fff;}
.view-details{background: #fff;color: #a8a8a8;;line-height: 30px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
.view-details span{ margin-right: 15px;}
.view-details span i{padding-right: 2px;}
.view-details a{color: #054a95;}
.action-btn{ text-align: center; padding: 10px 0 20px;}
.action-btn a{display: inline-block;color: #999; vertical-align: top;min-width: 90px; max-width: 30%; background: #eee;line-height:26px; margin: 0 3px; font-size: 12px;}
.action-btn a i{padding-right: 2px; position: relative; top: 1px;}
.posttop-title{ border-top: 10px solid #f4f4f4;border-bottom: 1px solid #f1f1f1; line-height: 20px; padding: 10px 15px 10px 0;}
.posttop-title .z{border-left: 4px solid #ed4040; text-indent: 15px;}
.posttop-title .y{color: #0086CE;font-size: 12px;}
.a-excerpt{margin-bottom: 10px;}
.a-excerpt .authorid-box{padding: 10px 15px 5px;line-height: 20px;}
.a-excerpt .authorid-box .author-avatar{ width: 40px; height: 40px; margin-top: 3px; border-radius: 50%; overflow: hidden; box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.a-excerpt .authorid-box .author-avatar img{ width: 100%; height: 100%;}
.a-excerpt .authorid-box .author-info{margin-left: 50px;}
.a-excerpt .authorid-box .info-top{height: 20px;margin-bottom: 5px;}
.a-excerpt .authorid-box .info-top .y{color: #999; font-size: 12px;}
.a-excerpt .authorid-box .info-top .icon-level{margin: 5px 0 0 5px;}
.a-excerpt .authorid-box .info-top .author-name{font-size: 16px; color: #333;}
.a-excerpt .authorid-box .info-top .post-number{ margin-left: 5px; border:1px solid #f70; line-height: 18px; padding: 0 5px; font-size: 12px; color: #f70; border-radius:2px;}
.a-excerpt .authorid-box .info-bottom{height:20px;}
.a-excerpt .authorid-box .info-bottom span{color: #999; font-size: 12px;}
.message{padding:0 15px 10px;line-height:1.8; color:#333;}
.message h2{font-size: 16px;}
.message img{ max-width: 100%;padding: 5px 0;}
.message a{color:#2B5197;}


/* 快速回复  */
.vfooter-clear{ width: 100%; height: 70px; content: ""; overflow: hidden;}
.viewthread-footer{z-index: 9; position: fixed;bottom: 0; left: 0; width: 100%; background: #fff;padding: 10px 65px 10px 68px;box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);}
.viewthread-footer>em{ position:absolute; left: 15px; top: 10px; width: 40px;height: 40px;margin-right: 10px;border-radius:0%;line-height:20px;overflow: hidden;box-shadow: 0 0px 0px rgba(0,0,0,0.1);}
.viewthread-footer>em img{ width: 100%; height: 100%;}
.viewthread-footer>div{ width: 100%; height: 40px;border: 1px solid #f1f1f1;}
.viewthread-footer>div>a{display: block;height: 100%;}
.viewthread-footer>a{ position:absolute; right: 10px; top: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.viewthread-footer>a em,.viewthread-footer>a cite{opacity: 0;font-size: 0;}
.viewthread-footer>a i{ color: #aaa; font-size: 30px;}
.viewthread-footer>a.active i{ color: #ff8b3d;}

#fastpost-popup{background: none;}
.fastpost{background: #fff; padding:15px;}
.fastpost .fastpost-title{font-size: 16px;padding-bottom: 8px;}
.fastpost .fastpost-title span{color: #aaa;font-size: 12px;}
.fastpost-textarea{padding-bottom: 10px;}
.fastpost-textarea textarea{width: 100%; border: 1px solid #e1e1e1; padding: 5px 10px; resize: none; height: 120px;}
#fastpostsubmit{border: 0; background: #fa7d3c; height: 30px; padding: 0 12px; border-radius: 2px; color: #fff; font-size: 14px;}



.wrap{white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.wrap2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}


.header a {  display: block;  width: 28px;  height: 18px;  padding: 11px;  margin: 2px;  position: absolute;  top: 0;  left: 0;}
.header a:before,
.header a:after {content: '';  display: block;  background: red;  height: 2px;}
.header a span {  background:#0048b7;  display: block;  height: 2px;  margin: 6px 0;}


.person-extcredits{ background: #fff; padding: 10px 0; margin-top: 10px;}
.person-extcredits li{ width: 25%; text-align: center; line-height: 24px;}
.person-extcredits li p{color: #444;font-size: 14px;}
.person-extcredits li div{ color: #ed4040; font-weight: bold; font-size: 18px;}
.person-extcredits li div cite{font-size: 12px; font-weight: 500; padding-left: 2px;}

.demos-title {
  text-align: center;
  font-size: 34px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

.demos-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.demos-header {
  padding: 35px 0;
}

.demos-content-padded {
  padding: 15px;
}

.demos-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}