a:hover{
  text-decoration: none;
}
.zx-container{
  min-height: 600px;
}
/*.zx-left .learn-bar{
width: 100%;
background: #474747;
color: #fff;
font-size: 18px;
border-radius: 25px;
padding-left: 30px;
}*/
.zx-left ul{
  padding: 0px;
}
.zx-left ul li{
  list-style: none;
  text-align: center;
  padding: 5px 0px;
  border-bottom: 1px dashed #b1b1b1;
}
.zx-left ul li a{
  padding: 3px 15px;
  text-decoration: none;
}
.zx-left li .active{
  border:1px solid #28603e;
  border-radius: 25px;
}
.zx-left ul li a:hover{
  border: 1px solid #28603e;
  border-radius: 25px;

}
.learn-bar .arrow{
  color: #28603e;
  margin: 0px 5px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.zx-mid .article{
  color:#000;
  font-family: "黑体";
  margin-bottom: 10px;
  padding:30px 10px;
}
.zx-mid .article:hover{
  background: #f7f7f7;
  }
.article .ar-header .ar-title{
  font-size: 20px;
  font-weight: 600;


}

.label-bg{
  width: 100%;
    position: relative;
}
.label-bg img{
   width: 100%;
   height: 400px;

}
.label-bg .label-content{
  position: absolute;
  width:88%;
  height: 240px;
  left:6%;
  top:100px;
  background: rgba(0, 96, 128, 0.6);
}
.label-content .header{
  width: 100%;
  text-align: center;
  margin-top:20px;
  color:#fff;
  font-size: 52px;

}
.label-content .body{
 width: 90%;
 margin: auto;
 color:#fff;
 font-size: 22px;
  }
.leftyinhao{
  position: absolute;
  top:45%;
  left: 6%;
}
.rightyinhao{
  position: absolute;
  top:50%;
  right: 6%;
}
.label-bg .yinhao span{
   color:#fff;
  font-size: 60px;
}
.label-bg .yinhao{
  background:none;


}
.zx-mid .about-article{
  border-bottom: 1px solid #000;
  color:#000;
  font-size:22px;
  margin:40px 0px 10px 0px;
}
.other-labels{
  margin:20px auto;
}
.other-labels a{
      display: inline-block;
    padding: 3px 20px;
    border: 1px solid #000;
    border-radius: 25px;
    white-space: nowrap;
    margin: 5px 10px;
}
.tj-header{
  width:100%;
  height: 500px;
  position: relative;
  background: url("/images/common/zxtj-bg.jpg") no-repeat 100% 100%;

}
.tj-header .search-bar{
  position: absolute;
  width: 70%;
  height: 185px;
  left:15%;
  top:40%;
  background: rgba(56, 81, 98, 0.7);
  padding:40px;
}
.search-bar .key-words span{
  margin-right:30px;
  color:#fff;
  font-size: 18px;
  cursor: pointer;
}
.key-words .active{
  color:#28603e;
}
.key-words span:hover{
  color:#28603e;
}
.search-bar .search-input{
  position: relative;
  margin-top:5px;
}
.search-bar .search-input input{
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 19px;
  padding-left: 1em;
}
.search-input .search-btn{
  position: absolute;
  right: 15px;
  top:8px;
  padding: 3px 65px;
  background:#28603e;
  color:#fff;
  font-size: 25px;
  border-radius: 25px;
  cursor: pointer;
}
.tj-body{
  padding:15px 10px;
  min-height: 500px;
}
.tj-body .header span:first-child{
  font-size:35px;
  font-weight: 600;
}
.tj-body  .header span:last-child{
   font-size:17px;
   color:#28603e;
  }
  .Awords .a-word,.all{
    font-size: 16px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    color:#636b6f;
  }
  .Awords .all{
    width: 50px;
  }
  .Awords .a-word:hover{
    background: #636b6f;
    color:#fff;
    border-radius: 100%;
  }
  .Awords .active{
    background: #636b6f;
    color:#fff;
    border-radius: 25px;
  }
  .Awords .all:hover{
    background: #636b6f;
    color:#fff;
    border-radius: 5px;
  }
  .tj-body .body{
    background: #f1f2f3;
    padding:10px 130px;
    position: relative;
  }
  .tj-body .body .words{
      background: #fff;
      margin:0px 10px;
      padding: 10px;

  }
  .tj-body .body .words a{
    display: block;
    text-align: center;
    color: #636b6f;
    padding: 10px 0px;
    margin: 5px auto;
    font-size: 16px;
    white-space:nowrap;
    overflow: hidden;

  }
  .tj-body .body .words a:hover{
    background: #636b6f;
    color:#fff;
    border-radius: 5px;

  }
  .tj-body .big-word{
    position: absolute;
    left: 25px;
    top: 5px;
    font-size: 40px;
    font-family: "PingFangSC-Regular, sans-serif";

  }

  .article-detail .header .title{
    font-size: 25px;
    color:#000;
  }
  .article-detail .header .labels{
    float: left;
    width:60%;
    font-size: 16px;
    margin:5px auto;
  }
  .article-detail .content{
    font-size: 18px;

  }
    .article-detail .content img{
    max-width: 800px;
    }
  .article-detail .header  .comment{
  float: right;
  font-size: 30px;
  color:#000;
  cursor: pointer;
  }
 .article-detail .header .article-img img{
  margin:auto;
  width: 60%;
  display: block;
  max-height: 300px;
 }
 .article-detail .header .abstract{
color:#000;
font-size: 18px;
font-weight: 200;
margin:15px auto;
padding-bottom: 20px;
border-bottom: 2px dashed #b1b1b1;
 }

 .content{
  padding-top:10px;
  color:#000;
 }
 .article-footer {
  margin:10px auto;

 }

  .other-article div a{
    color:#000;
  }
  .other-article div a:hover{
    color:#28603e;
  }
  .other-article .left-article{
    float:left;
    text-align: left;
  }
  .other-article .right-article{
    float:right;
    text-align: right;
  }
  .article-about{
    margin-top:50px;
  }
  .article-about .row{
    background: #ebebeb;
    padding:15px;
  }
  .bk-body .article-about .row{
    margin:0;
  }
  .article-about .article-about-header{
    font-size: 24px;
    color:#000;
    padding:0px 15px;
  }
  .article-about-header h2{
    font-weight: 400;
  }
  .article-about .header{
    padding: 0px 5px;
  }
  .article-about .article-show{
    border-radius: 5px;
    background: #fff;
    padding: 10px 0px;
    height: 370px;
  }
  .article-about .header-img{
    width: 100%;
    height: 180px;
    border-radius: 5px;
  }
  .bk-body .article-about .header-img{
    padding:0 10px;
  }
  .article-about .header-img img{
    width: 100%;
    height: 180px;

  }
  .article-about a{
    color:#000;

  }
  .article-about a:hover{
    color:#28603e;

  }
  .article-about .about-title{
    font-size: 18px;
    width: 100%;
  }
  .article-about .about-title a{
    display: inline-block;
    width: 100%;
     word-break:keep-all;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
  }
  .article-about .header  div{
    padding:5px 0px;
  }
  .article-about .abstract{
    padding:15px 5px;
    min-height: 100px;
    text-indent: 2em;
    cursor: pointer;
  }
  .tj-body .words-div{
    padding: 0px 10px ;
    height: 70px;
  }
/*  .article-comment {
    width:100%;
    margin-top:20px;
    padding:25px 15px;
    border-top:1px #000 dashed;
  }*/
  .article-comment  .comment-content{
    width: 100%;
    border-radius: 5px;
    padding: 5px;
  }

  .article-comment .comment-btn{
    background: #28603e;
    padding: 3px 15px;
    color:#000;
    border-radius: 5px;
    cursor: pointer;
  }
  .comment-btn:hover{
    background: #28603e;
    color:#fff;
  }
  .article-comment-list{
    margin:20px 0px;
  }
  .article-comment-list .header{
    font-size: 18px;
    color:#000;
    padding-bottom: 5px;
    border-bottom: 1px #000 dashed;
  }
  .width80{
    width: 80%;
  }

  .user-act{
     width: 20%;
     text-align: right;
    font-size: 20px;
  }
  .user-act i{
  margin:0px 10px;
  cursor: pointer;
  }
  .fa-thumbs-up{
    color:#28603e;
  }
 /*学堂改版*/
 button,
 input,
 select{
  outline: none;
  /*border:none;*/
 }
 li{
  list-style-type: none;
 }
 a{
  color:inherit;
 }
 a:hover,
 a:focus,
 a:active{
  text-decoration: none;
 }
 a:hover{
  color:#28603e;
 }
 .xt-container .homeImg{
  position: relative;
 }
.homeImg img{
  width:100% !important;
}
.xt-book-box{
  position: absolute;
  width:313px;
  text-align: center;
  background: rgba(0,0,0,0.6);
  top:50%;
  right:calc(50% - 600px);
  transform: translate(0,-50%);
  padding:30px 40px 40px 40px;
  color:#fff;
}
.xt-book-box .book-title{
  font-size: 32px;
  line-height: 56px;
  letter-spacing: 0.8px;
}
.xt-book-box .book-num{
  font-size: 18px;
  letter-spacing: 1.5px;
  line-height: 45px;
}
.xt-book-box input,
.xt-book-box select{
  display: block;
  width:100%;
  height: 35px;
  line-height: 35px;
  margin-top: 15px;
  border-radius: 5px;
  color:#8e8e8e;
  background: #f0f0f0;
  border:none;
}
.xt-book-box .book-phone{
  text-indent: .5em;
}
.xt-book-box .book-submit{
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 26px;
  letter-spacing: .65px;
  background: #28603e;
  margin-top: 30px;
  transition: all .5s;
  border:none;
}
.xt-book-box .book-submit:hover{
  background: #d2ae06;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
.xt-body{
  padding:55px 0 65px 0;
}
.xt-block{
  min-width: 1200px;
}
.block-container{
  width: 1200px;
  margin:0 auto;
}
.block-top{
  height: 520px;
}
.block-zt{
  background: #f6f6f6;
}
.renovation{
  width: 360px;
  height: 400px;
  float: left;
  border:solid 1px #ebebeb;
  transition: all .5s;
}
.renovation:hover{
  box-shadow: 0 0 10px 0 rgba(215,215,215,0.75);
  border-color:transparent;
  /*transform: scale(1.01);*/
}
.renovation+.renovation{
  margin-left:60px;
}
.header-img{
  position: relative;
  height: 200px;
}
.header-img img{
  height: 100%;
  width: 100%;
}
.header-des{
  width: 100%;
  position: absolute;
  top:50%;
  transform: translate(0,-50%);
  text-align: center;
  font-size: 18px;
  color:#fff;
}
.header-des .top-title{
  font-size: 30px;
  letter-spacing: -0.09px;
}
.renovation-list i{
  color:#28603e;
  font-size: 32px;
  transition: all .5s;
}
.renovation-list .renovation-item{
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: all .5s;
  height: 200px;
  color:#4b4b4b;
}
.renovation-list .renovation-item.level2{
  height: 100px;
  border-left:solid 1px #ebebeb;
}
.renovation-list .renovation-item.noleft{
  border-left:solid 1px #ebebeb;
}
.renovation-list .renovation-item.border-bottom{
  border-bottom: solid 1px #ebebeb;
}
.renovation-list .renovation-item:hover{
  background: #28603e;
  color:#fff;
}
.renovation-list .renovation-item:hover i{
  color:#fff;
}
.renovation-list a+a{
  border-left:solid 1px #ebebeb;
}
.renovation-item>div{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.block-zt .title h1,
.block-learn .title h1{
  display: inline-block;
  font-size: 26px;
  color:#1e1e1e;
}
.block-zt .title a,
.learn-item .title >a{
  color:#4a4a4a;
  font-size: 14px;
  margin-left: 15px;
}
.block-learn .title h1 a{
  color:#4a4a4a;
}
.block-zt .title a:hover,
.learn-item .title a:hover{
  color:#28603e;
}
a.getmore{
  float: right;
  margin:30px 0 0 10px;
}
.zt-list{
  padding:30px 0 50px 0;
}
.zt-item{
  height: 215px;
  width: 285px;
  position: relative;
  color:#fff;
  float: left;
}
.zt-item+.zt-item{
  margin-left: 20px;
}
.zt-img{
  position: relative;
  height: 100%;
}
.zt-title{
  position: absolute;
  right:0;
  bottom: 10px;
  font-size: 12px;
  background: rgba(0,0,0,0.4);
  height: 28px;
  line-height: 28px;
  padding:0 5px 0 10px;
  max-width: 100%;
}
.zt-img img,
.learn-img img{
  height: 100%;
  width: 100%;
}
.zt-cover,
.learn-cover{
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0);
  overflow: hidden;
  background: rgba(0,0,0,.6);
  position: absolute;
  top:0;
  left:0;
  transition: all 0.5s ease-in-out;
}
.zt-item:hover .zt-cover,
.learn-img:hover .learn-cover
{
  opacity: 1;
  transform: scale(1);
}
.zt-item:hover .zt-title,
.learn-img:hover .learn-title{
  display: none;
}
.zt-cover > div,
.learn-cover > div
{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  font-size: 18px;
  line-height: 35px;
  width: 100%;
  text-align: center;
  color:#fff;
}
.zt-cover button{
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1.2px;
  background: transparent;
  border-radius: 12px;
  border:solid 1px #fff;
  padding:0 1em;
  font-weight: lighter;
}
.xt-logo{
  padding:50px 0;
}
.xt-logo img{
  width: 1200px;
  height: auto;
}
.block-learn .col-xs-6,
.block-learn .col-xs-9,
.block-learn .col-xs-3{
  padding:0;
}
.block-container>.learn-right{
  border-left:solid 1px #e8e8e8;
}
.block-learn .block-container .left{
  width: 390px;
}
.block-learn .block-container .center{
  width: 470px;
  padding:58px 33px 0 33px;
}
.block-learn .block-container .learn-right{
  width: 340px;
  padding:0 0 0 11px;
}
.learn-img{
  position: relative;
  height: 260px;
}
.learn-dapei .learn-img{
  position: relative;
  height: 125px;
  width: 185px;
  float: left;
}
.learn-dapei .learn-img+.learn-img{
  margin-left: 20px;
}
.learn-title{
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  line-height: 28px;
  color:#fff;
  text-align: center;
}
.learn-cover >div{
  padding:0 20px;
  text-align: left;
}
.cover-title{
  font-size: 16px;
}
.cover-des{
  text-align: left;
  font-size: 14px;
  letter-spacing: .63px;
  line-height: 21px;
  max-height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.learn-list{
  margin-top:45px;
  font-size: 16px;
  line-height: 35px;
}
.learn-dapei .learn-list{
  margin-top: 35px;
}
.learn-dapei .center .learn-list{
  margin-top: 43px;
}
.learn-list a{
  display: inline-block;
  width: 100%;
  /*transition: transform .3s;*/
}
.learn-list a:hover{
  /*transform: scale(1.1);*/
  /*color:#28603e;*/
}
.xt-hot>.title{
  color:#1e1e1e;
  font-size: 16px;
}
.xt-hot>.title >a{
  font-size: 16px;
}
.xt-hot>.body{
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.35px;
  padding:10px 0 10px 0;
}
.xt-hot .detail{
  color:#28603e;
}
.center>.learn-list{
  margin-top: 0;
}
.learn-list > li{
  height: 47px;
}
/*热门推荐*/
.hot-recom{
  /*height: 380px;*/
}
.new-right>.title{
  font-size: 26px;
  color:#1e1e1e;
  border-bottom: solid 1px #e8e8e8;
  position: relative;
}
.hot-recom>.body{
  margin:20px 0 0 0 ;
}
.hot-item >.title{
  font-size: 16px;
  color:#1e1e1e;
}
.new-right>.title>h2{
  margin:0;
  padding:10px 0;
  font-size: 26px;
  display: inline-block;
  border-bottom: solid 5px #28603e;
}
.hot-recom .hot-item> .title>a{
  display: inline-block;
  width: calc(100% - 30px);
  float: right;
}
.hot-item >.title>.no{
  font-size: 14px;
  width: 20px;
  color:#fff;
  text-align: center;
  display: inline-block;
  background-color: #d4d4d4;
}
.hot-item:nth-child(1) >.title>.no{
  background-color: #28603e;
}
.hot-item:nth-child(2) >.title>.no{
  background-color: #f96900;
}
.hot-item:nth-child(3) >.title>.no{
  background-color: #ffc000;
}
.hot-item >.body{
  transition: all .3s;
  margin:10px 0;
  height: 0;
  overflow: hidden;
}
.hot-recom .hot-item:hover >.body{
  height: 40px;
}
.hot-item >.body img{
  height: 50px;
  width: 100%;
}
.hot-item >.body>.col-xs-4{
  padding:0 10px 0 30px;
}
.hot-item >.body>.col-xs-8{
  padding:0 18px 0 0 ;
  font-size: 14px;
  color:#4a4a4a;
  line-height: 20px;
  max-height:40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/*装修效果图*/
.xiaoguotu>.body{
  padding:20px  0 ;
}
.xiaoguotu .swiper-container{
  height: 200px !important;
}
.xiaoguotu .swiper-pagination{
  bottom: 10px !important;
  line-height: 40px;
  text-align: right;
  color:#fff;
  padding-right:25%;
}
.xiaoguotu .swiper-pagination-current{
  color:#ffc000;
}
.xiaoguotu .swiper-button-next,
.xiaoguotu .swiper-button-prev
{
  top:auto !important;
  bottom: 20px !important;
  height: 20px;
}
.xiaoguotu .swiper-button-prev{
  left:77% !important;
  /*border-right:solid 1px #8f8e8f;*/
}
.xiaoguotu img{
  height: 100%;
  width: 100%;
}
.new-right-cover{
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  color:#fff;
  padding:0 1em;
  background: rgba(0,0,0,0.6);
  line-height: 40px;
}
.xiaoguotu .new-right-cover{
  text-align: left;
  padding-right: 40%;
  bottom: 10px;
}
/*装修问答*/
.new-right .pagination{
  margin:0;
  float: right;
  font-size: 16px;
  position: absolute;
  bottom: 10px;
  right:0;
}
.new-right .pagination .now{
  font-size: 12px;
  letter-spacing: -1px;
}
.new-right .pagination .swiper-pagination-current{
  color:#28603e;
}
.new-right .pagination>li>span{
  padding:5px 10px;
  cursor: pointer;
  line-height: 20px;
  color:#d4d4d4;
}
.wenda > .body{
  margin:16px 0;
}
.wenda-list {
  padding:15px;
  background-color: #f6f6f6;
}
.wenda-item{
  border-bottom:dashed 1px #e4e4e4;
  padding:10px 0;
}
.wenda-item:nth-child(3n){
  border-bottom: none;
}
.wenda-item>.title{
  font-size: 16px;
  color:#1e1e1e;
}
.wenda-item>.body{
  padding:10px 0 0 0;
  color:#4a4a4a;
  line-height: 20px;
  height:50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: none;
}
/*装修百科  */
.learn-right >.xiaoguotu,
.learn-right >.wenda,
.learn-right >.baike
{
  margin-top: 10px;
}
.baike>.body{
  margin:20px 0;
}
.baike-item{
  padding:5px 0;
}
.baike-item:hover .title{
  color:#28603e;
}
.baike-item:hover img{
  transform: scale(1.1);
}
.baike-item:nth-child(odd){
  border-bottom: solid 1px #e8e8e8;
}
.baike-item>.col-xs-4{
  padding:0;
  overflow: hidden;
}
.baike-item>.col-xs-4>img{
  transition: all .5s;
}
.baike-item>.col-xs-8{
  padding:0 0 0 10px;
}
.baike-item>.col-xs-8>.title{
  font-size: 16px;
  color:#1e1e1e;
}
.baike-item>.col-xs-8>.body{
  font-size: 14px;
  padding:10px 0 0 0;
  color:#4a4a4a;
  line-height: 20px;
  height: 50px;
  max-height:50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.xt-second .baike-item>.col-xs-8>.body,
.xt-article .baike-item>.col-xs-8>.body{
  padding:0;
  height: 40px;
  max-height: 40px;
}
.xt-second .baike-item img,
.xt-article .baike-item img{
  height: 60px;
}
.baike-item img{
  width: 100%;
  height: 70px;
}
/*栏目页*/
.xt-second,
.xt-article{
  background-color: #f5f5f5;
  /*padding-bottom: 200px;*/
}
.xt-second>.row,
.xt-article>.row
{
  width: 1200px;
  margin:0 auto;
}
.xt-second>.container{
  background-color: #f5f5f5;
}
.xt-second>.container ul{
  padding:0;
}
.xt-second>.row>div{
  background-color: #fff;
  padding:0;
}
.xt-second>.row>.col-xs-2{
  width: 190px;
  padding:15px 10px;
  font-size: 16px;
  color:#5b5b5b;
  position: fixed;
}
.xt-second>.row>.col-xs-7{
  /*width: 695px;
  width: 668px;*/
  margin-left: 195px;
}
.xt-second>.row>.col-xs-3{
  /*width: 295px;
  width: 354px;*/
  margin-left: 5px;
  background-color: #f5f5f5;
  padding:0;
}
.xt-second>.row>.col-xs-3>div{
  padding:20px 10px;
  background-color: #fff;
}
.zx-left>li{
  line-height: 30px;
  border:solid 1px #e8e8e8;
  text-align: center;
}
.zx-left>li+li{
  margin-top: 10px;
}
.zx-left>.learn-bar{
  border:none;
  border-left:solid 15px #e9e9e9;
  background: #f3f3f3;
}
.zx-left>li.active
{
  background-color: #3c9cbc;
  color:#fff;
}
.zx-left>li:hover a{
  color:inherit;
}
.zx-left>.learn-bar-second:hover{
  border-color:#3c9cbc;
}
.zx-left+.qr_code{
  text-align: center;
}
.zx-mid{
  font-size: 14px;
  color:#7d7d7d;
  padding:20px 22px;
}
.zx-mid>.title{
  border-bottom:solid 2px #ebebeb;
  color:#292828;
}
.zx-mid>.title{
  font-size: 24px;
  margin:0;
  line-height: 40px;
}
.article-item{
  padding:33px 0;
  line-height: 20px;
  border-bottom: dashed 1px #efefef;
  transition: all .5s;
}
.article-item>.col-xs-4{
  overflow: hidden;
  padding:0;
}
.article-item>.col-xs-4>img{
  width: 100%;
  height: 145px;
  transition: all .5s;
}
.article-item:hover img{
  transform: scale(1.05);
}
.article-item>.col-xs-8>.title{
  font-size: 18px;
  color:#3e3e3e;
}
.article-item>.col-xs-8>.title a{
  display: inline-block;
  width: 100%;
}
.article-item>.col-xs-8>.title a:hover{
  color:#3c9cbc;
}
.article-item>.col-xs-8>.body{
  color:#7d7d7d;
  margin-top: 11px;
  max-height:60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.article-item>.col-xs-8>.foot{
  margin-top: 26px;
}
.article-item>.col-xs-8>.foot>a,
.article-footer>.labels>a{
  background-color: #cbcbcb;
  color:#fff;
  padding:0 1em;
  line-height: 29px;
  display: inline-block;
}
.article-item>.col-xs-8>.foot>a:hover,
.article-footer>.labels>a:hover{
  background-color: #3c9cbc;
}
.article-item>.col-xs-8>.foot>a+a{
  margin-left:10px;
}
.xt-article>.row>.col-xs-9{
  /*width: 796px;*/
  padding:15px 10px;
  font-size: 16px;
  color:#5b5b5b;
}
.xt-article>.row>.col-xs-3{
  /*width: 385px;*/
  margin-top: 15px;
  padding:0;
  /*margin-left: 19px;*/
}
.xt-article>.row>.col-xs-3>div{
  background-color: #fff;
  padding:24px 20px;
}
/*计算器*/
.article-count{
  padding:26px 12px 13px 12px;
  background-color: #28603e;
}
.article-count>.body{
  border:solid 1px #fff;
  position: relative;
  color:#fff;
  height: 156px;
}
.article-count>.body>.title{
  padding:0 5px;
  position: absolute;
  line-height: 46px;
  font-size: 24px;
  letter-spacing: 1.8px;
  left:50%;
  transform: translate(-50%,-50%);
  height: 30px;
  line-height: 30px;
  width: 70%;
  text-align: center;
  background-color: #28603e;
}
.article-count>.body>.title>span{
  font-size: 31px;
  color:#ef5d34;
  letter-spacing: 2.25px;
}
.article-count>.body>.count-info{
  width: 50%;
  float: left;
  padding:40px 72px 20px 36px;
  position: relative;
}
.count-info .area{
  position: absolute;
  right:90px;
  line-height: 40px;
  top:40px;
  color:#9e9e9e;
}
#article-area,
#article-phone{
  padding:0 40px 0 20px;
  height: 40px;
  line-height: 1;
  width: 100%;
  border-radius: 10px;
  font-size: 12px;
  color:#9e9e9e;
  border:none;
}
#article-phone{
  margin-top: 14px;
}
.article-count>.body>.count-result{
  position: relative;
  padding:0 32px 0 70px;
  width: 50%;
  float: left;
  font-size: 18px;
  color:#2d2d2d;
  text-align: center;
  top:50%;
  transform: translate(0,-50%);
}
.article-count>.body>.count-result>.content{
  color:#fff;
}
#article-price{
  width: 40%;
  display: inline-block;
  font-size: 28px;
  color:#ef5d34;
}
@keyframes calScale{
  from {transform: scale(1);}
  50% {transform: scale(1.05);}
  100% {transform: scale(1);}
}
@-moz-keyframes calScale {
  from {transform: scale(1);}
  50% {transform: scale(1.05);}
  100% {transform: scale(1);}
}

@-webkit-keyframes calScale {
  from {transform: scale(1);}
  50% {transform: scale(1.05);}
  100% {transform: scale(1);}
}

@-o-keyframes calScale {
  from {transform: scale(1);}
  50% {transform: scale(1.05);}
  100% {transform: scale(1);}
}
.article-count>.body>.count-button{
  float: left;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width:74px;
  font-size:16px;
  height:40px;
  line-height:20px;
  box-sizing: border-box;
  color:#fff;
  cursor: pointer;
  text-align:center;
  letter-spacing: 5px;
  z-index: 1;
}
.article-count>.body>.count-button:after{
  content:'';
  height: 74px;
  width:74px;
  border-radius: 50%;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  background: #3c9cbc;
  border:solid 4px #a5d2e0;
  z-index: -1;
  animation: calScale linear infinite alternate .8s;
}
.count-button>div{
  position: absolute;
  top:50%;
  transform: translate(0,-50%);
  cursor: pointer;
}
/*左侧浮动栏*/
.article-side{
  float: left;
  width: 160px;
  position:fixed;
  z-index: 1;
}
.article-side>.side-item{
  text-align: center;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all .3s;
  /*z-index: 1000;*/
}
.article-side>.side-item>span,
.article-side>.side-item>a{
  display: inline-block;
  height: 55px;
  width: 60px;
  line-height: 50px;
  position: relative;
  float: left;
}
.article-side>.side-item>.side-des{
  /*width: 100px;*/
}
.article-side>.side-item>a>span{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.article-side>.side-item>span>i{
  position: absolute;
  top:50%;
  transform: translate(-50%,-50%);
}
.side-item>a .icon-weixin1{
  color:#3eb135;
  transition: all .3s;
}
.side-item>a .icon-weibo{
  color:#df4d69;
  transition: all .3s;
}
.article-side>.side-item.share:hover{
  width: 180px;
  box-shadow: 0 0 10px #ddd;
}
.side-item.erweima:hover{
  overflow: inherit;
}
.side-item>.erweima{
  position: absolute;
  left:60px;
}
.article-side>.side-item+.side-item{
  margin-top: 1px;
}
.article-side i{
  font-size: 25px;
}
/*文章内容*/
.article-detail{
  margin:11px 0 0 0;
  background: #fff;
  padding:30px 12px 30px 20px;
}
.article-detail>.title{
  border-bottom: solid 1px #dcdcdc;
  font-size: 26px;
  color:#292828;
  margin:0;
}
.article-detail>.title>.details{
  font-size: 14px;
  color:#757575;
  line-height: 42px;
}
.article-img{
  padding:30px 0;
}
.article-img>img{
  margin: auto;
  width: 60%;
  display: block;
  max-height: 300px;
}
.article-detail>.abstract{
  color: #434343;
  font-size: 16px;
  line-height: 32px;
  margin: 15px auto;
}
.article-detail>.content{
  padding:0px 0 20px 0;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: .4px;
  color:#434343;
}
.article-detail>.content img{
  max-width: 680px;
}
.article-footer>.Not-illegal{
  font-size: 14px;
  color:#adacac;
  line-height: 42px;
  letter-spacing: 2.8px;
  border-bottom: solid 1px #dcdcdc;
}
.article-footer>.other-article>div{
  font-size: 14px;
  line-height: 42px;
  letter-spacing: 0.9px;
}
.article-footer>.other-article>div:hover{
  color:#28603e;
}
.other-article .left-article {
  float: left;
  text-align: left;
  width: 50%;
}
.other-article .right-article {
  float: right;
  text-align: right;
  width: 50%;
}
/*预约咨询*/
.article-book{
  margin:9px 0 9px 0;
  background-color: #fff;
  height: 221px;
  padding:1px 34px 25px 24px;
}
.article-book>.title>.book-img{
  margin: 0 0 0 3px;
  height: 92px;
  width: 69px;
}
.book-center{
  color:#292828;margin: 30px 0 0 35px;
}
.book-center>.title-top{
  font-size: 24px;
  line-height: 42px;
  letter-spacing: 1.2px;
}
.book-center>.title-bottom{
  font-size: 18px;
  letter-spacing: 0.9px;
}
.book-right{
  margin:30px 0 0 0;
}
.book-right>button{
  height: 41px;
  width: 139px;
  background-color: #3c9cbc;
  color:#fff;
  font-size: 16px;
  letter-spacing: .8px;
  text-align: center;
  display: inline-block;
  transition: all .5s;
}
.book-right>button:hover{
  background-color: #43a494;
}
.article-book>.liucheng{
  /*margin:21px 10px 0 10px;*/
}
.liucheng>.item{
  height: 82px;
  width: 82px;
  border-radius: 50%;
  border:solid 5px #7abeb3;
  background-color: #43a494;
  float: left;
  position: relative;
}
.item>i{
  color:#fff;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  font-size: 45px;
}
.liucheng>.item:nth-of-type(3){
  background-color: #e9a353;
  border-color:#f0be86;
}
.liucheng>.item:nth-child(5){
  background-color: #b6dfe6;
  border-color:#cce9ed;
}
.liucheng>.des{
  float: left;
  height: 82px;padding:20px 10px;
}
.des>.title-top{
  font-size: 16px;
  color:#5a5a5a;
  letter-spacing: .8px;
}
.des>.title-bottom{
  font-size: 14px;
  color:#898989;
  letter-spacing: 0.7px;
}
.article-reading>.title,
.article-comment>.title{
  border-bottom: solid 1px #b5b5b5;
  padding:6px 5px;
}
.article-reading>.title>h2,
.article-comment>.title>h2{
  font-size: 24px;
  letter-spacing: 1.2px;
  color:#292828;
  display: inline-block;
  line-height: 42px;
  margin:0;
}
.article-reading>.title>a,
.article-comment>.title>a{
  font-size: 18px;
  letter-spacing: .9px;
  color:#595959;
  display: inline-block;
  line-height: 42px;
  float: right;
}
.article-comment>.title>a>span{
  color:#e97f81;
}
.article-reading .read-item{
  padding:28px 26px 28px 6px;
  height: 178px;
  border-bottom: solid 1px #eeeeee;
  transition: all .3s;
}
.article-reading .read-item:hover .title{
  /*box-shadow: 0 5px 30px rgba(0,0,0,0.3);*/
  /*border-bottom: none;*/
  /*transform:scale(1.01);*/
  color:#3c9cbc;
}
.article-reading .read-item:hover img{
  transform: scale(1.1);
}
.article-reading .read-item:last-child{
  border-bottom: none;
}
.read-item>.col-xs-3{
  height: 122px;
  padding:0;
  overflow: hidden;
}
.read-item>.col-xs-3>img{
  height: 122px;
  width:100%;
  transition: all .5s;
}
.read-item>.col-xs-9>.title{
  font-size: 16px;color:#1e1e1e;
  line-height: 40px;
}
.read-item>.col-xs-9>.title>a:hover{
  color:#3c9cbc;
}
.read-item>.col-xs-9>.body{
  font-size: 14px;color:#7d7d7d;line-height: 20px;max-height: 60px;
  overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.read-item>.col-xs-9>.foot{
  text-align: right;
  margin-top:10px;
}
.read-item>.col-xs-9>.foot>a{
  height: 27px;
  width: 80px;
  text-align: center;
  color:#28603e;
  font-size: 12px;
  letter-spacing: .35px;
  border:solid 1px #28603e;
  border-radius: 6px;
  display: inline-block;
  line-height: 25px;
  transition: all .5s;
}
.read-item>.col-xs-9>.foot>a:hover{
  background-color: #28603e;color:#fff;
}
.article-right{
  margin-left: 163px;
}
.article-right>div{
  background-color: #fff;
}
.article-comment{
  margin:12px 0 0 0;
  padding:25px 15px 25px 14px;
  background-color: #fff;
}
.comment-content{
  resize:none;
  height: 96px;
  width: 100%;
  overflow: scroll;
  border-radius: 5px;
  margin: 13px 0;
  text-indent: 1em;
  font-size: 16px;
}
.article-comment>.comment-btn,
.article-comment>.comment-btn-wechat{
  box-sizing: content-box;
  height: 35px;
  color:#fff;
  background-color: #3c9cbc;
  width: 128px;
  border-radius: 5px;
  letter-spacing: 1px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  transition: all .5s;
}
.article-comment>.comment-btn:hover{
  background-color: #28603e;
}
.article-comment-list{
  padding:25px 15px 25px 14px;
}
.article-comment-list>.header{
  font-size: 20px;
  color:#292828;
  line-height: 42px;
}
.article-comment-list>.single-user{
padding:25px 10px 20px 10px;
border-bottom: 1px dashed #dfdfdf;
}
.single-user >.user-header{
  width: 85px;
  height: 85px;

}
.single-user> .user-header img{
  width: 85px;
  height: 85px;
  border-radius: 50%;
}
.single-user >.user-comment{
  padding:10px 20px 10px;
  width: calc(100% - 85px);
}
.user-comment span{
  color:#7d7d7d;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  max-width: 70%;
}
.user-comment .comment-date{
  float: right;
}
.user-comment>.comment-body{
  font-size: 16px;
  line-height: 24px;
  color:#1e1e1e;
  padding: 0 134px 15px 0;
  word-wrap: break-word;
}
.click-goods{
  cursor: pointer;
}
.fa-thumbs-up {
    color: #28603e;
}
.article-comment-list .more{
  font-size: 16px;
  margin:28px 0 3px 0;
  color:#3c9cbc;
  line-height: 24px;
  letter-spacing: 2.24px;
  display: block;
  text-align: center;
  transition: all .5s;
}
.article-comment-list .more:hover{
  color:#28603e;
}
.ar-yuyue-new{
  padding:0 20px 10px 20px !important;
  margin-top: 10px;
  border-top: solid 17px #28603e;
  width: 300px !important;
}
.ar-yuyue-new>.title{
  text-align: center;
  color:#28603e;
}
.ar-yuyue-new>.title>.title-top{
  font-size: 26px;
  line-height: 45px;
  letter-spacing: 1.5px;
  font-weight: bold;
}
.ar-yuyue-new>.title>.title-bottom{
  font-size: 18px;
}
.ar-yuyue-new input,
.ar-yuyue-new select{
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top:16px;
  border:solid 1px #e8e8e8;
  padding:0 0 0 18px;
}
.ar-yuyue-new select{
  margin-top: 10px;
  text-indent: 12px;
}
.ar-yuyue-new .show-liucheng{
  margin:15px 0 11px 0 ;
}
.ar-yuyue-new .guanzhucode{
  height: 124px;
  width: 124px;
}
.ar-yuyue-new .guanzhucode img{
  height: 100%;
  width: 100%;
}
.ar-yuyue-new img{
  width: 100%;
}
.ar-yuyue-new .guanzhu .content{
  font-size: 16px;
  color:#0a0a0a;
  line-height: 20px;
  width: auto;
  margin:20px 0px 0 0;
}
.ar-yuyue-new .guanzhu .content>p{
  margin:0;
}
/*最新文章*/
.new-right .row .img-s{
  padding:0;
  width: 85px;
  overflow: hidden;
}
.new-right .row .col-xs-8{
  padding:0 0 0 10px;
  width: 165px;
}
.new-right .row:hover{
  background-color: inherit;
}
.new-right .row:hover a{
  color:#28603e;
}
.new-right .row:hover img{
  transform: scale(1.1);
}
.article-detail{
  line-height: 32px;
}
.article-detail h2{
  font-size: 22px;
}
.article-detail h3{
  font-size: 18px;
}
.active .icon-dianzan1{
  color:#28603e;
}
.pagination ul{
  font-size: 12px;
}
/*标签页*/
.article-item.lab{
  padding-left:22px;
}
.label-push{
  margin-top:10px;
  padding:30px 22px;
}
.label-push>.title{
  border-left:solid 5px #28603e;
  text-indent: 5px;
  font-size: 18px;
  color:#434343;
}
.label-push>.body{
  margin-top:20px;
}
.labelpush-item{
  border-top:solid 1px #f5f5f5;
  padding:15px 20px 15px 0;
}
.label-article{
  border-top:solid 1px #f5f5f5;
}
.opinion-count{
  width: 32px;
  height: 120px;
  background: #b9d3de;
  color:#feffff;
}
.opinion-count>div{
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1px;
  margin-top: 5px;
  overflow: hidden;
  height: 110px;
  max-width: 55%;
  display: inline-block;
  position: relative;
  writing-mode: tb-rl;
}
.labelpush-item>.body{
  height: 120px;
  width: calc(100% - 32px);
  padding:0 15px;
}
.labelpush-title{
  font-size: 20px;
  color:#3e3e3e;
  width: 590px;
  display: inline-block;
}
.labelpush-content{
  width: 590px;
  font-size: 14px;
  color: #7d7d7d;
  margin-top:20px;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 18px;
  max-height: 54px;
}
.label-des{
  padding:43px 54px 10px 54px;
}
.label-word,
.label-content{
  border:solid 2px #28603e;
  width: 64px;
  float: left;
  height: 160px;
  position: relative;
  border-width: 4px 3px;
}
.label-content{
  width: calc(100% - 64px);
  color:#535353;
  font-size: 18px;
  letter-spacing: 1.08px;
  line-height: 26px;
  padding:0 20px;
}
.label-content>.descriptor{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  width: 499px;
}
.label-word>.content{
  position: absolute;
  top:-15px;
  left: -10px;
  background: #28603e;
  width: 64px;
  height: 160px;
  font-size: 32px;
  letter-spacing: 1.98px;
  color:#fff;
  padding:0;
}
.title-vertical{
  height: 150px;
  margin-top:5px;
  max-width: 70%;
  display: inline-block;
  position: relative;
  writing-mode: tb-rl;
  overflow: hidden;
}
.title-vertical.small{
  max-width: 35%;
  font-size: 18px;
}
.label-content>.cover{
  position: absolute;
  height: 10px;
  width: 140px;
  top:-5px;
  left:50%;
  transform: translateX(-50%);
  background: #fff;
}
/*家装效果图*/
.article-xgt{
  margin-top: 10px;
  padding:20px 10px;
  line-height: 30px;
  font-size: 14px;
}
.article-xgt>.title{
  font-size: 24px;
  color: #888;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.ar-xgt-box .icon-zhuangxiu1{
  font-size: 18px;
}
.ar-xgt-box a{
  padding:0 5px;
  letter-spacing: 1px;
  float: left;
}
.ar-xgt-box>.row>.col-xs-10{
  padding:0;
  margin-left:-20px;
}
.ar-xgt-box>.row + .row{
  margin-top: 15px;
}
/*家装效果图*/
/*装修一点通*/
.new-right .baodian-list{
  padding-top:20px;
}
.new-right .baodian-item{
  line-height: 35px;
}
.new-right .baodian-item +.baodian-item{
  border-top:dashed 1px #ebebeb;
}
/*装修一点通*/
/*详情页相关阅读*/
.article-right>.article-reading{
  background:#f5f5f5;
}
.reading-box{
  padding:20px 25px;
  background:#fff;
  width:354px;
}
.reading-box>.title{
  font-size: 16px;
  color: #333;
  line-height: 46px;
  font-weight: 700;
}
.reading-box li{
  font-size: 15px;
  line-height: 38px;
  border-bottom: 1px dashed #e3e3e3;
}
.reading-box li>a:hover{
  color:#28603e;
}
.new-right + .new-right{
  margin-top:10px;
}
.article-about .item{margin:5px 0;}
/*详情页相关阅读*/