@charset "UTF-8";
html,body{ color: #333333; font-family:MicrosoftYaHei; height: 100%;}
html,body,header,section,footer,div,ol,img,a,span,ul,li,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
    margin:0;
    padding: 0;
    border:0;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
input{-webkit-appearance:none;}
ul, li {list-style-type: none;}
a{color: #333333;text-decoration : none}
a:hover{color: #70A13F; text-decoration: none;}
.gray{background: #F3F3F3;}
.orange{color: #70A13F;}
.right{margin-right: 10px;}
.top-body{width: 100%; height: 35px;}
.top-body-li{width: 1200px; height: 35px; line-height: 35px; margin: 0px auto; font-size: 13px;}
.top-body-li-l{width: 100px; height: 25px; float: left;}
.top-body-li-l img{width: 10px; height: 14px;}
.top-body-li-r{width: 500px; height: 25px; float: right;}
.top-body-li-r-f{width: auto; height: 25px; float: right;}
.top-body-li-r-f img{width: 15px; height: 15px;vertical-align: middle;}
.head-body{width: 100%; height: 52px;}
.head-body-li{width: 1200px; height: 52px; margin: 0px auto; background: #fff;}
.head-body-li-logo{width: 30%; height: 52px; float: left;}
.head-body-li-logo img{width: 140px; height: 45px; margin-top: 6px;}
.head-body-li-list{width: 50%; height: 52px; float: left;}
.head-body-li-list ul{width: 100%; height: 40px; margin-top: 10px;}
.head-body-li-list li{width: 16%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; float: left;}
.head-body-li-list li.active{border-bottom: 2px solid #70A13F; color: #70A13F;}
.head-body-li-search{width: 20%; height: 52px; float: right;}
.head-body-li-search-input{width: 90%; height: 36px; margin: 8px auto; border: 1px solid #DFDFDF;}
.head-body-li-search-l{width: 40%; height: 36px; line-height: 36px; text-align: center; font-size: 12px; float: left;}
.head-body-li-search-l img{width: 11px; height: 6px;vertical-align: middle;}
.head-body-li-search-l .layui-input, .layui-select, .layui-textarea{ border-width: 0px;height: 30px; font-size: 10px;}
.head-body-li-search-i{width: 45%; height: 36px; float: left;}
.search-input{width: 100%; height: 30px; font-size: 13px; margin-top: 3px;}
.head-body-li-search-ico{width: 15%; height: 36px; text-align: center; float: left;}
.head-body-li-search-ico img{width: 18px; height: 18px; margin-top: 8px;}
.banner-body{width: 100%; height: 500px;}
.banner-body img{width: 100%; height: 500px;}
.tool-body{width: 100%; height: 140px;}
.head-body-li-search-l .layui-edge{width: 10px; height: 10px;}
.layui-form-select .layui-input{padding-right: 0px;}
.tool-body-width{width: 1200px; height: 130px; margin: 0px auto;}
.tool-body-width-div{width: 25%; height: 130px; float: left;}
.tool-body-left{width: 95%; height: 120px; margin:10px auto; background: #fff;}
.tool-body-left-font{width: 70%; height: 80px; overflow: hidden; float: left;}
.tool-body-left-t{width: 80%; height: 30px; line-height: 30px; margin: 16px auto 0px auto; font-size: 16px; overflow: hidden;}
.tool-body-left-d{width: 80%; height: 20px; line-height: 20px; font-size: 12px; color: #999999; margin: 0px auto;}
.tool-body-ico{width: 30%; height: 80px; float: left; text-align: center;}
.tool-body-ico img{width: 40px; height: 40px; margin-top: 20px;}
.index-xgt-body{width: 100%; height: auto;}
.index-xgt-body-width{width: 1200px; height: auto; margin:20px auto;}
.index-xgt-head{width: 100%; height: 50px; line-height: 50px; font-size: 18px; text-align: center;}
.index-xgt-img{width: 100%;height: 500px;}
.index-xgt-img-l{width: 400px; height: 500px; float: left;}
.index-xgt-img-l img{width: 400px; height: 490px; margin-top: 10px;}
.index-xgt-img-r{width: 790px; height: 500px; float: right;}
.index-xgt-r-img{width: 50%; height: 250px; float: left;}
.index-xgt-r-img img{width: 97%; height: 240px; margin: 10px auto;}
.index-xgt-title{width: 100%; height: 50px;}
.index-xgt-title-font{width: 10%; height: 50px; text-align: center; line-height: 50px; display: block; margin: 0px auto; font-size: 22px; border-bottom: 2px solid #70A13F;}
.index-xgt-text{width: 100%; height: auto; overflow: hidden;}
.layui-tab-brief>.layui-tab-title .layui-this{color: #70A13F;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: #70A13F 2px solid;}
.layui-form-select dl dd.layui-this{background: #70A13F;}
.layui-tab-title{border-bottom-width: 0px; font-size: 18px;}
.layui-tab{margin: 20px auto;}
.layui-tab li{font-size: 16px;}

.index-xgt-left{width: 360px; height: 400px; float: left; position: relative;}
.index-xgt-left a:hover .index-case-title{display: block;}
.index-xgt-left img{width: 360px; height: 400px;}
.index-xgt-right{width: 830px; height: 360px; float: right;}
.index-xgt-right ul{}
.index-xgt-right li{width: 266px; height: 195px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative;}
.index-xgt-right img{width: 266px; height: 195px; position: relative;}
.index-case-title{width: 100%; bottom:0px; padding: 5px 0 5px 10px;
overflow: hidden; z-index: 3; left: 0px; position: absolute; font-size: 14px; display: none;}
.index-case-title p{ display: inline-block; font-size: 14px; color: #fff;}
.index-case-title span{position: absolute;background: #131812; opacity: 0.5; top:0; left: 0;width: 100%; height: 100%; z-index: -1;}
.index-xgt-right a:hover .index-case-title{display: block;}
.center-liucheng{width: 100%; height: 300px; background: url("../image/fwlc_bj@2x.png") no-repeat; background-size: 100% 100%;}
.ad-body{width: 100%; height: 150px; margin: 20px auto;}
.ad-body img{width: 100%; height: 150px;}
.layui-tab-title{width: 400px; margin: 0px auto;}
.company-title{width: 500px;}
.layui-tab-content{padding: 0px; margin-top: 20px;}
/*****装修公司****/
.company-index{width: 1200px; height: 360px; margin: 0px auto;}
.company-index-list{width: 23%; height: 360px; float: left; margin-right: 2%; border: 1px solid #F3F3F3;position: relative;}
.company-index-img{width: 100%; height: 160px;}
.company-index-img img{width: 100%; height: 160px;}
.company-index-logo{width: 80px; height: 80px; position: absolute; margin-left:35%;top:120px; border-radius: 50%;}
.company-index-logo img{width: 80px; height: 80px; border-radius: 50%;}
.company-index-name{width: 100%; height: 30px; line-height: 30px; margin-top: 50px; text-align: center;}
.company-index-dis{width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #999; text-align: center;}
.company-index-mobile{width: 80%; height: 30px; text-align: center; line-height: 30px; font-size: 14px;
    border: 1px solid #F3F3F3; margin: 10px auto;}
/****攻略***/
.index-strategy{width: 100%; height: auto; overflow: hidden;}
.index-strategy-width{width: 1200px; height: auto; overflow: hidden; margin: 0px auto;}
.index-strategy-list{width: 1200px; height: auto; overflow: hidden; margin-top: 20px;}
.iindex-strategy-li{width: 23%; height: 400px;background: #fff;float: left; margin-right: 1%; margin-bottom: 20px;}
.index-strategy-li{width: 100%; height: 150px; background: #fff; text-align: center; line-height: 150px; color: #fff; font-size: 28px;}
.xuancai{background: url("../image/xc_bj@2x.png") no-repeat; background-size: 100% 100%;}
.jiaju{background: url("../image/bk_bj@2x.png") no-repeat; background-size: 100% 100%;}
.zxrw{background: url("../image/rw_bj@2x.png") no-repeat; background-size: 100% 100%;}
.iindex-strategy-list{width: 100%; height: auto; overflow: hidden;}
.iindex-strategy-list ul{padding: 20px;}
.iindex-strategy-list li{width: 100%; height: 30px; line-height: 30px; font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/***设计师***/
.index-designer{width: 1200px; height: auto; margin: 10px auto; overflow: hidden;}
.index-designer-body{width: 15%; height: 180px; float: left; text-align: center; margin-top: 20px;}
.index-designer-photo{width: 100%; height: 100px;}
.index-designer-photo img{width: 100px; height: 100px; border-radius: 50%;}
.index-designer-name{width: 100%; height: 30px; line-height: 30px; font-size: 14px; margin-top: 10px;}
.index-designer-dis{width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #999;}
/****底部***/
.footer-num{width: 100%; height: 180px; background: #ddf4e2; }
.footer-num-div{width: 1200px; margin: 0 auto; height: 180px;}
.footer-num-div ul{}
.footer-num-div li{width: 25%; height: 180px; float: left;}
.footer-num-li{width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 36px; color: #70A13F; margin-top: 50px;}
.footer-num-font{width: 100%; height: 40px; line-height: 40px; text-align: center;}
.index-bottom{width: 100%; height: auto; overflow: hidden; background: #242323;}
.index-bottom-body{width: 1200px; height: auto; overflow: hidden; margin: 20px auto;color: #ffffff; border-bottom: 1px solid #403D3D; padding-bottom: 20px;}
.index-bottom-body-l{width: 30%; height: auto; overflow: hidden; float: left;}
.index-bottom-body-mobile{width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.index-bottom-body-mobile img{width: 15px; height: 15px;}
.index-bottom-body-phone{width: 100%; height: 30px; line-height: 30px; font-size: 16px;}
.index-bottom-body-tool{width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #868585;}
.index-bottom-body-tool img{width: 12px; height: 12px;}
.index-bottom-body-r{width: 50%; height: auto; overflow: hidden; float: right;}
.index-bottom-body-wechat{width: 30%; height: 120px; text-align: center; float: right;}
.index-bottom-wechat-img{width: 100%; height: 80px; margin-top: 10px; text-align: center;}
.index-bottom-wechat-img img{width: 80px; height: 80px;}
.index-bottom-wechat-title{width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 12px;}
.index-bottom-list{width: 20%; height: 120px; float: left;}
.index-bottom-list-t{width: 100%; height: 30px; line-height: 30px;}
.index-bottom-list-f{width: 100%; height: 20px; line-height: 20px; color: #868585; font-size: 12px;}
.index-bottom-list-f a{color: #868585;}
.link-body-title{width: 1200px; height: 30px; line-height: 30px; margin: 0px auto; color: #fff; font-size: 13px;}
.link-body{width: 1200px; height: auto; overflow: hidden; margin: 10px auto;}
.link-body ul{}
.link-body li{width: 10%; height: 20px; line-height: 20px;  float: left;}
.link-body li a{font-size: 12px; color: #868585;}
.index-bottom-shengming{width: 1200px; height: 50px; margin: 0px auto; font-size: 12px; color: #868585;}
/***装修效果图***/
.design-banner{width: 100%; height: 300px;}
.design-banner img{width: 100%; height: 300px;}
.design-tab-body{width: 1200px; height: auto; overflow: hidden; margin: 20px auto;}
.design-tab{width: 100%; height: auto; overflow: hidden; min-height: 50px; border-bottom: 1px solid #f5f5f5;}
.design-tab-l{width: 8%; height: 50px; font-size: 14px; float: left;line-height: 50px;}
.design-tab-list{width: 90%; height: auto; overflow: hidden; min-height: 50px; float: left;}
.design-tab-list ul{margin-top: 12px;}
.design-tab-list li{position: relative; display: inline-block; padding: 3px 6px; font-size: 13px; text-align: center;}
.design-tab-list li.active{background: #70A13F; color: #fff;}
.design-body{width: 100%; height: auto; overflow: hidden;}
.design-body-li{width: 1200px; height: auto; overflow: hidden; margin: 0px auto;}
.design-body-li ul{}
.design-body-li li{width: 23%; height: 270px; background: #fff; float: left; margin-top: 20px; margin-right: 2%;}
.design-body-li-img{width: 100%; height: 180px;}
.design-body-li-img img{width: 100%; height: 180px;}
.design-body-li-title{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #f5f5f5; padding-left: 10px; padding-right: 10px; color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.design-body-li-gongsi{width: 100%; height: 50px; padding-left: 10px; padding-right: 10px; line-height: 50px; font-size: 12px; color: #999;}
.design-body-li-gongsi img{width: 30px; height: 30px; border-radius: 50%;}
.design-body-page{width: 1200px; height: 50px; margin: 30px auto; text-align: center;}

/***装修报价***/
.offer-body{width: 100%; height: 550px; overflow: hidden; background: url("../image/zxbj.png") no-repeat; background-size: 100% 100%;}
.offer-body-title{width: 100%; height: 100px; margin-top: 40px; text-align: center;}
.offer-body-title img{width: auto; height:60px;}
.offer-body-input{width: 980px; height: 350px; background: #fff; margin: 0px auto;box-shadow:0px 6px 14px 0px rgba(4,0,0,0.12); position: relative;}
.offer-body-input-l{width: 490px; height: 350px; padding: 40px 40px 20px; border-right: 1px solid #eee; position: relative; float: left;}
.offer-body-input-l-t{width: 100%; height: 40px; font-size: 18px; line-height: 40px;}
.offer-body-input-l-min{font-size: 12px; color: #999; margin-left: 10px;}
.offer-body-input-body{width: 100%; height: 40px; margin-top: 6px;}
.offer-body-i-b-l{width: 20%; height: 40px; line-height: 40px; float: left;}
.offer-body-i-b-r{width: 80%; height: 40px; float: left;}
.normal{width: 120px;}
.long{width: 245px;}
.short{width: 80px;}
.shorttool{width: 76px;}
.mintool{width: 115px;}
.longtool{width: 230px;}
.offer-body-input-r{width: 488px; height: 350px; padding: 40px 40px 20px; float: left;}
.offer-body-input-r-t{width: 100%; height: 40px; font-size: 18px; line-height: 40px; text-align: center; color: #666;}
.maxfont{font-size: 26px; margin-left: 10px; margin-right: 10px;}
.offer-body-input-r-b{width: 60%; height: 180px; margin: 20px auto; border:1px solid #eee;}
.offer-body-input-r-f{width: 100%; height: 30px; margin-top: 10px; line-height: 30px; font-size: 14px; text-align: center; color: #666666;}
.offer-body-tips{width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999;}
.offer-body-jisuan{width: 140px; height: 140px; background: url("../image/ico-line-btn@2x.png") no-repeat; background-size: 100% 100%; position: absolute; top:100px; left: 420px;}
.offer-body-jisuan-y{width: 90px; height: 90px; overflow: hidden; background: #70A13F; margin: 25px auto; left: 18%; border-radius: 50%; position: absolute; z-index: 999;}
.offer-body-jisuan-y em{width: 44px; height: 44px; margin: 20px auto;color: #fff; text-align: center; font-size: 16px;display: block; font-style: normal;}
.circle-animate {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fdcc9a;
    z-index: 12;
    -webkit-animation:scale-three2 1.5s ease infinite;
    -moz-animation:scale-three2 1.5s ease infinite;
    -o-animation:scale-three2 1.5s ease infinite;
    animation:scale-three2 1.5s ease infinite;
    animation-fill-mode:both
}
@keyframes scale-three2 {
    0% {
        transform:scale(1);
        opacity:.8
    }
    100% {
        transform:scale(1.3);
        opacity:0
    }
}@-webkit-keyframes scale-three2 {
     0% {
         -webkit-transform:scale(1);
         opacity:.7
     }
     100% {
         -webkit-transform:scale(1.3);
         opacity:0
     }
 }@-moz-keyframes scale-three2 {
      0% {
          -moz-transform:scale(1);
          opacity:.7
      }
      100% {
          -moz-transform:scale(1.3);
          opacity:0
      }
  }@-o-keyframes scale-three2 {
          0% {
              -o-transform: scale(1);
              opacity: .7
          }
          100% {
              -o-transform: scale(1.3);
              opacity: 0
          }
      }
/****装修公司***/
.company-body-list{width: 1200px; height: auto; overflow: hidden; margin: 20px auto;}
.company-body-list-l{width: 830px; height: auto; overflow: hidden; float: left;}
.company-body-list-r{width: 280px; height: auto; overflow: hidden; float: right; margin-left: 50px;}
.company-body-li{width: 100%; height: 180px; background: #fff; margin-bottom: 20px;}
.company-body-li-l{width: 20%; height: 180px; text-align: center; float: left;}
.company-body-li-l img{width: 100px; height: 100px; margin-top: 40px;}
.company-body-li-c{width: 50%; height: 180px; float: left;}
.company-body-li-title{width: 100%; height: 40px; line-height: 40px; font-size: 14px; margin-top: 30px; font-weight: bold;}
.biaozhi{width: 60px; height: 20px; vertical-align: middle; margin-left: 10px;}
.company-body-li-describe{width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #999;}
.company-body-li-address{width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #999;}
.company-body-li-address img{width: 10px; height: 14px;}
.company-body-li-r{width: 30%; height: 180px; float: right;}
.company-body-li-sheji{width: 50%; height: 30px; line-height: 30px; text-align: center; margin: 40px auto;
    border: 1px solid #eee; border-radius: 15px; font-size: 13px; color: #666666;}
.company-body-li-baojia{width: 50%; height: 30px; line-height: 30px; text-align: center; margin: 20px auto;
    border: 1px solid #70A13F; border-radius: 15px; font-size: 13px; color: #fff; background: #70A13F;}
.company-body-r-jsq{width: 280px; height: 440px; overflow: hidden; background: #fff; padding: 20px;}
.company-body-jsq-title{width: 100%; height: 30px;}
.company-body-jsq-title img{width: auto; height: 30px;}
.company-body-jsq-bg{width: 100%; height: 50px; background: url("../image/jisuanqi.gif") no-repeat; background-size: 100% 100%; margin-top: 10px; text-align: center; line-height: 50px; font-size: 22px;}
.company-body-jsq-tool{width: 100%; height: 40px; margin-top: 10px;}
.jsq-btn{width: 100%; height: 40px; background: #70A13F; border-radius: 2px; color: #fff;}
.right-body{width: 280px; height: 260px; overflow: hidden; background: #fff; padding: 20px; margin-top: 20px;}
.right-body-table{width: 100%; height: 30px; border-bottom: 1px dashed #eee; line-height: 30px; font-size: 12px; color: #666666;}
.right-body-t-l{width: 20%; height: 30px; float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.right-body-t-c{width: 40%; height: 30px; float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.right-body-t-r{width: 40%; height: 30px; float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/**装修问答**/
.ask-banner{width: 100%; height: 200px; overflow: hidden; background: url("../image/ask-bg.png") no-repeat; background-size: 100% 100%;}
.ask-search{width: 1200px; height: 40px; margin: 70px auto;}
.ask-search-input{width: 360px; height: 40px; background: #fff; font-size: 13px; float: left;
    background-image: url("../image/search@2x.png"); background-size: 20px 20px; background-repeat: no-repeat; padding-left: 35px; background-position: 10px 10px;}
.ask-search-btn{width: 100px; height: 41px; background: #70A13F; line-height: 40px; color: #fff; float: left;}
.ask-body{width: 100%; height: auto; overflow: hidden;}
.ask-body-c{width: 1200px; height: auto; overflow: hidden; margin: 20px auto;}
.ask-body-l{width: 280px; height: auto; float: left; background: #fff;}
.layui-colla-title{background-color: #fff; padding: 0 15px 0 15px;}
.layui-colla-icon{right: 15px;position: absolute;top: 0; left: auto;}
.ask-body-l-list{width: 100%; height: auto;}
.ask-body-l-list ul{}
.ask-body-l-list li{width: auto; padding: 5px; color: #666666; font-size: 12px; display: inline-block;}
.ask-body-r{width: 880px; height: auto; overflow: hidden; float: right;}
.ask-body-r-tbody{width: 100%; height: 120px; background: #fff;
    overflow: hidden;}
.ask-body-r-tbodyt{width: 80%; height: 40px; margin: 40px auto; line-height: 40px;}
.ask-body-r-lnum{width: 25px; height: 40px; font-size: 18px; float: left; margin-left: 6px; text-align: center; color: #fff; background: url("../image/shuliang_bj@2x.png") no-repeat; background-size: 100% 100%;}
.ask-body-r-yezhu{width: auto; height: 40px; font-size: 14px;
    float: left; margin-left: 20px; color: #666666;}
.ask-body-r-tiwen{width: 100px; height: 40px; text-align: center; color: #70A13F; float: right;
    border: 1px solid #70A13F;}
.ask-list{width: 100%; height: auto; overflow: hidden; margin-top: 20px; background: #fff; padding: 20px;}
.ask-list-top{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #eee;}
.ask-list-top-tab{width: 100px; height: 40px; font-size: 12px; float: left;}
.ask-list-top-tab img{width: 6px; height: 8px;}
.minico{font-size: 10px;}
.ask-list-top-rtab{width: 60px; height: 40px; font-size: 12px; float: right;}
.ask-list-li{width: 100%; height: 80px; border-bottom: 1px dashed #eee;}
.ask-list-title{width: 100%; height: 30px; line-height: 30px; font-size: 13px; margin-top: 10px;}
.ask-list-text{width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ask-list-time{width: 200px; text-align: right; line-height: 20px; font-size: 12px; color: #999999; float: right;}
/**问答详情***/
.quest-info-body{width: 100%; height: auto; overflow: hidden;}
.quest-i-b-info{width: 1200px; height: auto; overflow: hidden; margin: 20px auto;}
.quest-i-b-l{width: 870px; height: auto; overflow: hidden; float: left; }
.quest-i-b-wen{width: 100%; height: auto; overflow: hidden; background: #fff;padding: 30px;}
.quest-wen-title{width: 100%; height: 40px; line-height: 40px; font-size: 16px;}
.quest-wen-fushu{width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #999;}
.quest-wen-fushu-tab{width: auto; height: 30px; padding-right: 20px; border-right: 1px solid #f5f5f5; margin-left: 10px;}
.quest-wen-text{width: 100%; height: auto; min-height: 30px; font-size: 14px; color: #666666;}
.quest-wen-input{width: 100%; height: 120px;}
.wen-input{width: 100%; height: 120px; border: 1px solid #70A13F;}
.quest-wen-btn{width: 100%; height: 40px; line-height: 40px; font-size: 12px; margin-top: 10px; color: #888888;}
.wen-btn{width: 120px; height: 36px; background: #70A13F; color: #fff;}
.quest-da-list{width: 100%; height: auto; overflow: hidden; background: #fff; padding: 30px; margin-top: 20px;}
.quest-da-list ul{}
.quest-da-list li{width: 100%; height: auto; min-height: 100px; overflow: hidden; margin-top: 10px; border-bottom: 1px dashed #f5f5f5;}
.quest-da-l{width: 10%; height: auto; float: left;}
.quest-da-zan{width: 40px; height: 60px; background: #FFF3ED; overflow: hidden;}
.quest-da-ico{width: 100%; height: 20px; text-align: center; margin-top: 10px;}
.quest-da-ico img{width: 15px; height: 14px;}
.quest-da-num{width: 100%; line-height: 20px; font-size: 12px; color: #70A13F; text-align: center;}
.quest-da-r{width: 90%; height: auto; overflow: hidden; float: right;}
.quest-da-company{width: 100%; height: 50px;}
.quest-da-photo{width: 10%; height: 50px; float: left;}
.quest-da-photo img{width: 50px; height: 50px; border-radius: 50%;}
.quest-da-name{width: 90%; height: 30px; float: left; line-height: 30px;}
.quest-da-time{width: auto; line-height: 30px; font-size: 12px; color: #999; float: right;}
.quest-da-text{width: 100%; height: auto; min-height: 30px; font-size: 13px; color: #666666; margin-top: 10px;}
.quest-da-fushu{width: 90%; height: 20px;line-height: 20px; font-size: 12px; color: #999999;}
.quest-i-b-r{width: 280px; height: auto; overflow: hidden; float: right;}
.quest-num-tw{width: 100%; height: 220px; background: #fff; padding: 20px;}
.quest-num-count{width: 90%; height: 40px; line-height: 40px; margin: 20px auto;}
.quest-num-title{width: 100%; height: 30px; line-height: 30px; font-size: 13px; text-align: center;}
.quest-num-btn{width: 90%; height: 40px; margin: 10px auto;}
.quest-btn-tiwen{width: 100px; height: 36px; float: left; line-height: 36px; text-align: center;
    border: 1px solid #BFBFBF; color: #666;}
.quest-btn-huida{width: 100px; height: 36px; float: right; line-height: 36px; text-align: center;
    border: 1px solid #70A13F; color: #70A13F;}
.quest-tuijian{width: 100%; height: auto; overflow: hidden; margin-top: 20px; padding: 20px; background: #fff;}
.quest-tuijian-t{width: 100%; height: 30px; line-height: 30px;}
.quest-tuijian ul{}
.quest-tuijian li{width: 100%; height: auto; margin-top: 10px;}
.quest-tuijian-img{width: 100%; height: 150px;}
.quest-tuijian-img img{width: 100%; height: 150px;}
.quest-tuijian-font{width: 100%; height: auto; min-height: 30px; font-size: 13px; color: #999;}
.quest-wen-type{width: 100%; height: 40px; margin-bottom: 20px;}
.quest-wen-type-l{width: 15%;
    height: 40px; line-height: 40px; font-size: 14px; float: left;}
.quest-wen-type-r{width: 80%; height: 40px; float: left;}
.quest-title-add{width: 100%; height: 40px; margin-top: 8px; margin-bottom: 8px; border: 1px solid #70A13F;}
/*****登录****/
.login-header{width: 100%; height: 80px; background: #F4F4F4;}
.login-header-body{width: 1200px; height: 80px; margin: 0px auto;}
.login-header-logo{width: auto; height: 80px; float: left;}
.login-header-logo img{width: auto; height: 60px; margin-top: 10px;}
.login-header-font{width: 100px; height: 80px; line-height: 80px; font-size: 14px; float: left; text-align: center; color: #666;}
.login-header-right{width: 200px; height: 80px; line-height: 80px; font-size: 13px; color: #666666; float: right;}
.login-header-right a{color: #70A13F;}
.login-banner{width: 100%; height: 500px; background:url("../image/dl_bj.jpg") no-repeat; background-size: 100% 100%;}
.login-banner-body{width: 1200px; height: 500px; margin: 0px auto;}
.login-banner-l{width: 360px; height: auto; min-height: 320px; background: #fff; float: right; margin-top: 50px; padding: 20px;}
.login-title{width: 100%; height: 40px; line-height: 40px; text-align: center;}
.login-tool{width: 90%; height: 40px; margin: 10px auto;}
.login-tool .layui-input, .layui-select, .layui-textarea{border-top: 0; border-right: 0; border-left: 0;}
.login-btn{width: 100%; height: 40px; background: #70A13F; color: #fff;}
.login-tips{width: 90%; height: 20px; line-height: 20px; font-size: 12px; color: #999; margin: 0px auto;}
.login-wjmm{float: right;}
.login-bottom{width: 100%; height: 100px; background: #F4F4F4; overflow: hidden;}
.login-bottom-tips{width: 50%; height: auto; font-size: 13px; color: #999; margin: 30px auto;}
.login-yzm{width: 70%; height: 40px; float: left;}
.login-yzm-send{width: 30%; height: 40px; float: left;}
.login-yzm-send img{width: 120px; height: 40px;}
.yzm-send{width: 100%; height: 36px; background: #70A13F; font-size: 12px; color: #fff; border: 0px;}
.yzm-sends{width: 100%; height: 36px; background: #f5f5f5; font-size: 12px; color: #333; border: 0px;}
.free-body-list{width: 80%; height: 200px;margin: 0px auto;}
.free-body-list ul{}
.free-body-list li{width: 33.3%; height: 70px; float: left; margin-top: 20px;}
.free-body-icon{width: 100%; height: 30px; text-align: center;}
.free-body-icon img{width: 30px; height: 30px;}
.free-body-font{width: 100%; height: 40px; line-height: 40px; font-size: 13px; color: #999; text-align: center;}
/****装修课堂***/
.course-banner{width: 100%; height: 200px; overflow: hidden;}
.course-list-b{width: 100%; height: 120px; border-bottom: 1px dashed #BFBFBF;}
.course-body-l{width: 280px; height: auto; float: left;}
.course-list-img{width: 15%; height: 120px; float: left;}
.course-list-img img{width: 100px; height: 100px; margin-top: 10px;}
.course-list-r{width: 85%; height: 120px; float: left;}
.course-list-title{width: 100%; height: 40px; line-height: 40px; font-size: 14px;}
.course-list-text{width: 100%; height: 53px; font-size: 13px; color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.course-list-time{width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #999; text-align: right;}
.course-left{width: 280px;height: auto; overflow: hidden; background: #fff;}
.course-tuijian{width: 280px; height: auto; background: #fff; padding: 15px; margin-top: 20px; overflow: hidden;}
.course-tuijian-title{width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.course-tuijian ul{}
.course-tuijian li{width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.course-tj-img{width: 100%; height: 150px;}
.course-tj-img img{width: 100%; height: 150px;}
.course-tj-title{width: 100%; height: auto; max-height: 40px; color: #999; font-size: 13px;}
.course-kt{width: 100%; height: auto; overflow: hidden; padding-bottom: 20px;}
.course-kt-body{width: 1200px; height: auto; overflow: hidden; margin: 0px auto;}
.course-kt-title{width: 100%; height: 40px;line-height: 40px; font-size: 16px; margin-top: 20px;}
.course-kt-t-f{font-size: 12px;color: #666666; margin-left: 10px;}
.zxlc{width: 100%; height: auto; overflow: hidden;}
.zxlc ul{}
.zxlc li{width: 30%; height: 360px; margin-top: 20px; float: left; background: #fff; margin-right: 3%;}
.zxlc-img{width: 100%; height: 200px; border: 1px dashed #999999;}
.zxlc-zxq{background: url("../image/1@2x.png") no-repeat; background-size: 100% 100%;}
.zxlc-title{width: 100%; height: 40px; line-height: 40px; font-size: 16px; margin-top: 20px; padding-left: 20px;}
.zxlc-fushu{width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #999; padding-left: 20px;}
.zxlc-list{width: 100%; height: 160px;}
.zxlc-list-body{width: 50%; height: 80px; text-align: center; float: left; line-height: 80px;}
.zxlc-list-body img{width: 15px; height: 15px; vertical-align: middle;}
.zxlc-zxz{background: url("../image/2@2x.png") no-repeat; background-size: 100% 100%;}
.zxlc-zxh{background: url("../image/3@2x.png") no-repeat; background-size: 100% 100%;}
.zxlc-zxzbody{width: 33.3%;}
.course-kt-right{width: auto; margin-left: 25px; float: right; font-size: 14px;}
.course-kt-right a{color: #999999;}
.course-kt-c{width: 100%; height: auto; overflow: hidden;}
.course-kt-l{width: 850px; height: auto; overflow: hidden; float: left;}
.course-kt-r{width: 320px; height: auto; padding: 20px; margin-top: 10px; margin-right: 10px; overflow: hidden; float: right;box-shadow:0px 2px 3px 0px rgba(4,0,0,0.3);}
.course-kt-lunbo{width: 98%; height: 200px; margin: 10px auto;box-shadow:0px 6px 14px 0px rgba(4,0,0,0.3);}
.course-kt-lunbo-l{width: 30%; height: 200px; float: left;}
.course-kt-lunbo-r{width: 70%; height: 200px; float: left;}
.course-kt-lunbo-r img{width: 100%; height: 100%;}
.course-kt-lunbo-title{width: 90%; height: 40px; font-size: 14px; margin: 15px auto; text-align: center; color: #666666;}
.course-kt-lunbo-hr{width: 10%; height: 2px; margin: 10px auto; background: #D2D2D2;}
.minhui{font-size: 12px; height: 60px; color: #999999;}
.course-kt-lunbo-page{width: 30%; text-align: center; left: 0px; bottom: 10px; font-size: 16px; color: #666666;}
.course-kt-r ul{}
.course-kt-r li{width: 100%; height: 80px; margin-top: 13px;}
.course-kt-r-img{width: 38%; height: 80px; float: left;}
.course-kt-r-img img{width: 100%; height: 80px;}
.course-kt-r-font{width: 60%; height: 80px; float: right;}
.course-kt-r-title{width: 100%; height: 30px; line-height: 30px; font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #666666;}
.course-kt-r-text{width: 100%; height: 36px; font-size: 12px; color: #999999;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.course-kt-lb-bottom{width: 100%; height: auto; overflow: hidden; margin-top: 15px;}
.course-kt-lb-l{width: 48%; height: 200px;}
.left{float: left;}
.course-kt-lb-l img{width: 100%; height: 100%;}
.course-kt-lb-r{width: 48%; height: 200px;}
.right{float: right;}
.course-fs-l{width: 48%; height: 430px; float: left;}
.img-all{width: 100%; height: 100%;}
.course-fs-r{width: 50%; height: 430px; float: right;}
.fengshui-top{width: 100%; height: 200px;}
.fengshui-bottom{width: 100%; height: 210px; margin-top: 20px;}
.ketang-r{width: 880px; height: auto; overflow: hidden; float: right;}
.ketang-list{width: 100%; height: auto; overflow: hidden; background: #fff; padding: 20px;}
.ketang-list ul{}
.ketang-list li{width: 100%; height: 100px; border-bottom: 1px dashed #f5f5f5;}
.ketang-list-l{width: 10%; height: 100px; float: left;}
.ketang-list-l img{width: 80px; height:80px; margin-top: 10px;}
.ketang-list-r{width: 88%; height: 100px; float: right;}
.ketang-list-t{width: 100%; height: 40px; line-height: 40px; font-size: 14px;}
.ketang-list-d{width: 100%; height: 40px; font-size: 12px; color: #999;}
.ketang-list-time{width: 100%; height: 20px; font-size: 12px; color: #999; text-align: right;}
.ketang-page{width: 100%; height: 60px; text-align: center;}
/*****装修课堂详情***/
.kt-info-bj{width: 100%;
    height: auto; overflow: hidden; background: #f5f5f5;}
.kt-info-body{width: 1200px; height: auto; overflow: hidden; margin: 10px auto;}
.kt-info-nav{width: 100%; height: 30px; line-height: 30px; font-size: 13px;}
.kt-info-nav a{color: #666;}
.kt-info-text{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.kt-info-l{width: 900px;height: auto;overflow: hidden;float: left;}
.info-bjq{width: 893px; height: 260px; background: #fff;box-shadow: 0 0 10px #ccc; position: relative;}
.info-bjq-l{width: 50%; height: 260px; float: left; padding: 20px 50px 30px 50px;}
.info-bjq-r{width: 50%; height: 260px; float: right; background: #f5f5f5; padding: 30px;}
.info-bjq-input{width: 100%; height: 40px; margin-top: 5px;}
.kt-info-r{width: 280px; height: auto; overflow: hidden; float: right;}
.kt-body-info{width: 100%; height: auto; overflow: hidden; background: #fff;padding: 20px; margin-top: 20px;}
.kt-info-title{width: 100%;height: auto; min-height: 40px; font-size: 16px;}
.kt-info-dis{width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.kt-info-dis>label{margin-right: 20px; color: #666;}
.info-bjq-rtilte{width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; margin-top: 20px;}
.info-bjq-rtilte>label{font-size: 26px; color: #70A13F; margin-left: 10px; margin-right: 10px;}
.info-bjq-wen{width: 80%; height: 100px;background: #fff; margin: 20px auto;}
.kt-info-zhaiyao{width: 100%; height: auto; overflow: hidden; position: relative;}
.kt-info-zytext{width: 100%; height: auto; border: 1px solid #f5f5f5; margin-top: 30px; padding: 30px; font-size: 14px; color: #999;}
.kt-info-zyspan{width: 60px; height: 34px; line-height: 34px; text-align: center; color: #fafafa; background: #70A13F; position: absolute;top: 14px; left: 50px;}
.kt-info-font{width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.kt-info-r-tj{width: 100%; height: auto; overflow: hidden; padding: 20px; background: #fff;}
.kt-info-r-title{width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.kt-info-r-title>span{float: right; font-size: 12px; color: #999;}
.info-bjq-wen ul{}
.info-bjq-wen li{width: 50%; height: 50px; float: left; line-height: 50px; padding-left: 20px;}
.info-bjq-wen li>label{font-size: 22px; color: #70A13F; margin-left: 10px; margin-right: 10px;}
.info-bjq-wen-body{width: 140px; height: 140px; background: url("../image/ico-line-btn@2x.png") no-repeat; background-size: 100% 100%; position: absolute; top:70px; left: 370px;}
.kt-info-r-tj ul{}
.kt-info-r-tj li{width: 100%; height: 30px; line-height: 30px; border-bottom: 1px dashed #f5f5f5; font-size: 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #666;}
/******装修公司样式****/
.home-header{width: 100%; height: 140px; border-bottom: 2px solid #3C2012;}
.home-head{width: 1200px; height: 140px; margin: 0px auto;}
.home-logo{width: 100%; height: 100px;}
.home-logo-img{width: 100px; height: 100px; float: left; text-align: center;}
.home-logo-img img{width: 80px; height: 80px; margin-top: 10px;}
.home-logo-title{width: 50%; height: 100px; float: left;}
.home-username{width: 100%; height: 50px;line-height: 50px; font-size: 16px;}
.home-biaozhi{width: 100%; height: 50px;}
.home-mobile{width: 20%; height: 50px; float: right; margin-top: 20px;}
.home-mobile img{width: 30px; height: 30px; float: left; margin-top: 10px;}
.home-rexian{width: auto; height: 20px; line-height: 20px; font-size: 13px; margin-left: 10px; color: #666;}
.home-dh{font-size: 16px; margin-left: 10px;}
.home-nav{width: 100%; height: 40px;}
.home-nav ul{}
.home-nav li{width: 100px; height: 40px; line-height: 40px; font-size: 14px; float: left; text-align: center;}
.home-nav li.active{background: #3C2012; color: #fff;}
.home-banner{width: 1200px; height: 300px; margin: 20px auto;}
.home-banner-body{width: 800px; height: 300px; float: left;}
.home-banner-body img{width: 800px; height: 300px;}
.home-banner-right{width: 400px; height: 300px; float: left; padding: 20px;}
#nav-banner{width: 800px; height: 300px;}
.home-js{width: 100%; height: 30px; line-height: 30px;}
.home-js img{width: 18px; height: 18px;}
.home-text{width: 100%; height: 70px; font-size: 12px; color: #999999;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.home-xing{width: 100%; height: 30px; margin-top: 10px;}
.home-xing img{width: 10px; height: 10px; float: left;}
.home-fuwu{width: 100%; height: auto; overflow: hidden;}
.home-fuwu ul{}
.home-fuwu li{width: 50%; height: 30px; line-height: 30px; float: left; font-size: 12px; color: #999999; text-align: center;}
.home-fuwu li img{width: 15px; height: 15px;}
.home-btn{width: 100%; height: 40px; margin-top: 20px;}
.home-btn-lf{width: 120px; height: 36px; border: 1px solid #70A13F; color: #70A13F; line-height: 36px; text-align: center;}
.home-btn-sj{width: 120px; height: 36px; border: 0px; background: #70A13F; line-height: 36px; text-align: center; color: #fff;}
.home-liucheng{width: 100%; height: 200px; padding-top: 5px;}
.home-body{width: 1200px; height: auto; overflow: hidden; margin: 10px auto; background:#fff;}
.home-body-title{width: 100%; height: 40px; line-height: 40px; font-size: 18px;}
.home-hr{width: 2px; height: 20px; background: #70A13F; display: block; float: left; margin-top: 10px; margin-right: 10px;}
.home-anli-list{width: 100%; height: auto; overflow: hidden;}
.home-anli-list ul{}
.home-anli-list li{width: 33.3%; height: 280px; float: left; padding: 10px; float: left;}
.home-anli-img{width: 100%; height: 230px;}
.home-anli-img img{width: 100%; height: 230px; border-radius:5px;}
.home-anli-title{width: 100%; height: 50px; line-height: 50px; font-size: 13px; color: #666666; text-align: center;}
.home-order-list{width: 100%; height: auto; overflow: hidden;}
.home-order-l{width: 790px; height: 320px; float: left;}
.home-order-l ul{}
.home-order-l li{width: 100%; height: 40px; border-bottom: 1px solid #eee;}
.home-order-r{width: 360px; height: 320px; float: right; background: #70A13F; padding: 20px;}
.home-order-title{width: 100%; height: 30px; text-align: center;}
.home-order-title img{width: auto; height: 30px;}
.home-order-fushu{width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center;}
.home-input{width: 100%; height: 40px; margin-top: 10px;}
.home-select{width: 48%;}
.home-send{width: 100%; height: 40px; background: #FFCB2B; color: #fff; line-height: 40px; text-align: center;}
.home-order-yezhu{width: 20%; height: 40px; float: left; line-height: 40px; text-align: center;}
.home-sjs-list{width: 100%; height: 160px;}
.home-sjs-list ul{}
.home-sjs-list li{width: 20%; height: 160px; float: left; margin-top: 10px; margin-bottom:10px;}
.home-sjs-img{width: 100%; height: 80px; text-align: center;}
.home-sjs-img img{width: 80px; height: 80px; border-radius: 50%;}
.home-sjs-user{width: 100%; height: 30px; line-height: 30px; font-size: 16px; text-align: center; white-space: nowrap;overflow: hidden;
    text-overflow: ellipsis;}
.shis{font-size: 12px;}
.huise{color: #999999;}
.home-dp-list{width: 100%; height: auto; overflow: hidden;}
.home-dp-list ul{}
.home-dp-list li{width: 100%; height:  auto; overflow: hidden; border-bottom: 1px dashed #eee; margin-top: 10px; padding-bottom: 10px;}
.home-dp-l{width: 15%; height: 60px; float: left; text-align: center;font-size: 12px; color: #999999;}
.home-dp-l img{width: 40px; height: 40px; border-radius: 50%; }
.home-dp-r{width: 80%; height: auto; overflow: hidden; float: left;}
.home-dp-fenshu{width: 100%; height: 30px; line-height: 30px;font-size: 12px;color: #999999;}
.home-dp-fenshu img{width: 15px; height: 15px;}
.home-dp-text{width: 100%; height: auto; overflow: hidden; font-size: 13px; color: #666;}

.home-gongdi-l{width: 900px; height: auto; min-height: 40px; float: left; background: #fff;}
.home-info-r{width: 280px;
    height: auto; min-height: 40px; float: right; background: #fff;}
.home-info-t{width: 100%; height: auto; padding: 10px;}
.home-more{float: right; margin-right: 20px; font-size: 14px;}
.home-gongdi-list{width: 100%; height: auto; padding: 15px;}
.home-gongdi-list ul{
}
.home-gongdi-list li{width: 100%; height: 180px; border-bottom: 1px solid #f1f1f1; margin-top: 10px;}
.home-gongdi-img{width: 240px; height: 160px; float: left;}
.home-gongdi-img img{width: 240px; height: 160px; border-radius: 5px;}
.home-gong-title{width: 610px; height: 30px; line-height: 30px; float: right; font-size: 16px; font-weight: bold;}
.home-gong-jindu{width: 610px; height: 50px; float: right; font-size: 14px; position: relative; z-index: 2;}
.home-gong-ftitle{width: 610px; height: 30px; line-height: 30px; font-size: 14px; color: #999999; float: right; }
.home-gong-hr{width: 500px; height: 1px; background: #f1f1f1; z-index: -1; top: 18px; position: absolute;}
.home-gong-jindu li{width: 50px; height: 50px;float: left; border:0; margin-top: 10px;}
.home-gong-wan{width: 16px;height: 16px; margin: 0 auto;
    border: 2px solid #70A13F; border-radius: 50%; background: #fff;}
.home-gong-wan span{width: 10px; height: 10px; background: #70A13F; border-radius: 50%; display: block; margin: 1px auto;}
.home-gong-want{width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 13px; color: #70A13F;}
.bg{background: #f1f1f1;}
.gdjd{color: #70A13F;}
.wei{border: 2px solid #999999;}
.wei span{display: none;}
.w-font{color: #999999;}
.home-gongdi-yuyue{width: 120px; height: 30px; background: #70A13F; border-radius: 3px; line-height: 30px; text-align: center; color: #fff; float: left; margin: 15px;}
.gongdi-ft{width: 100%; height: auto;}
.gongdi-ft li{width: 180px; height: 180px; float: left;  text-align: center;}
.gongdi-ft img{width: 150px; height: 150px; border-radius: 5px;}
/***设计师详情***/
.home-d-body{width: 1200px; height: 120px; margin: 30px auto;}
.home-d-l{width: 10%; height: 120px; float: left; text-align: center;}
.home-d-l img{width: 80px; height: 80px; border-radius: 50%;}
.home-d-sheji{width: 80%; height: 20px; border: 1px solid #70A13F; line-height: 20px; text-align: center; font-size: 12px; color: #70A13F; margin: 10px auto;}
.home-d-c{width: 30%; height: 120px; float: left;}
.home-d-user{width: 100%; height: 40px; line-height: 40px; font-size: 16px;}
.sj-biao{width: 100px; border: 1px solid #70A13F; height: 20px; line-height: 20px; text-align: center; color: #70A13F; font-size: 12px;}
.home-d-t{width: 100%; height: 20px; line-height: 20px; font-size: 13px; color: #999999;}
.home-d-r{width: 40%; height: 120px; float: right; font-size: 13px; color: #999999;}
/*******分页*****/
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination li { display: inline; }
.pagination li a,.pagination li span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination li:first-child a { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination li a:hover, .pagination li a:focus { background-color: #eee; }
.pagination .active span, .pagination .active span:hover, .pagination .active span:focus { z-index: 2; color: #fff; cursor: default; background-color: #70A13F; border-color: #70A13F; }
.pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg li a { padding: 10px 16px; font-size: 18px; }
.pagination-sm li a, .pagination-sm li span { padding: 5px 10px; font-size: 12px; }
/******效果图详情****/
.xgt-info-body{width: 100%; height: auto; overflow: hidden; background: #f5f5f5;}
.xgt-info-text{width: 1200px; height: 40px; margin: 0px auto;}
.xgt-info-l{width: 800px; height: auto; overflow: hidden; float: left;}
.xgt-info-r{width: 380px; height: auto; float: right; overflow-y: auto; }
.xgt-info-title{width: 100%; height: 30px; line-height: 30px; font-size: 13px; color: #999;}
.xgt-info-title a{color: #999;}
.xgt-info-tool{width: 100%; height: auto; min-height: 500px; background: #fff; border-radius: 8px; padding: 20px;}
.xgt-info-tool-title{width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold;}
.xgt-info-tool-time{width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #888888;}
.xgt-info-tool-user{width: 100%; height: 100px; background: #f1f1f1; border-radius: 5px;}
.xgt-info-tool-user-t{width: 100px; height: 100px; float: left; text-align: center;}
.xgt-info-tool-user-t img{width: 70px; height: 70px; border-radius: 50%; margin: 15px auto;}
.xgt-info-tool-user-n{width: 150px; height: 100px; float: left;}
.xgt-info-tool-user-n .user-name{width: 100%; height: 30px; margin-top: 20px; display: block; font-size: 16px;}
.xgt-info-tool-user-n .user-tx{width: 100%; height: 30px; display: block; font-size: 14px;}
.xgt-info-tool-user-f{width: 300px; height: 100px; float: left; padding: 20px;}
.user-f-text{width: 100%; height: 30px; font-size: 14px; display: block;}
.xgt-info-tool-img{width: 100%; height: auto; margin: 20px auto; background: #f1f1f1; padding: 20px; border-radius: 5px;}
.xgt-info-tool-img img{width: 100%;}
.top{margin-top: 30px;}
.image-info{width: 100%; height: auto; overflow: hidden; padding: 20px; margin-top: 10px; background: #fff;}
.image-info-title{width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #666;}
.image-info-dis{width: 100%; height: auto; line-height: 30px; font-size: 14px; color: #666;}

.Validform_error, input.error, select.error {
    background-color: #FBE9E9;
    border-color: red;
    color: red;
}
.Validform_wrong {
    color: red;
}
#Validform_msg{font-size:14px;width:300px;-webkit-box-shadow:2px 2px 3px #aaa;-moz-box-shadow:2px 2px 3px #aaa;background:#fff;position:absolute;top:0;right:50px;z-index:99999;display:none;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#999999');box-shadow:2px 2px 0 rgba(0,0,0,0.1)}#Validform_msg .iframe{position:absolute;left:0;top:-1px;z-index:-1}#Validform_msg .Validform_title{font-size:20px;padding:10px;text-align:left;color:#fff;position:relative;background-color:#fcc900}#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{position:absolute;right:8px;top:6px;color:#fff;text-decoration:none;font-family:Verdana}#Validform_msg a.Validform_close:hover{color:#fff}#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb;border-top:0;text-align:left}@media(max-width:767px){.responsive .Validform_checktip{margin-top:10px}}
.close{font-size:20px;color:#fff;text-shadow:0 1px 0 #fff;opacity:.6;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
/********装修公司附属页面****/
.home-center{width: 100%; height: auto;overflow: hidden; background: #f5f5f5;}
.home-center-body{width: 1200px; height: auto;
    overflow: hidden; margin: 20px auto;}
.home-center-r{width: 280px; height: auto;
    overflow: hidden; float: right;}
.home-center-l{width: 900px; height: auto; overflow: hidden; float: left; background: #fff; padding: 20px;}
home-center-l ul{}
.home-center-l li{width: 100%; height: 150px; border-bottom: 1px dashed #f5f5f5;}
.home-zhishi-l{width: 150px; height: 150px; float: left; text-align: center;}
.home-zhishi-l img{width: 130px; height: 130px; vertical-align: middle;}
.home-zhishi-title{width: 700px; float: left; height: 40px; line-height: 40px; font-size: 16px; color: #333;}
.home-zhishi-dis{width: 700px; height: 70px; font-size: 14px; color: #999; float: left;}
.home-zhishi-time{width: 700px; height: 30px; line-height: 30px; font-size: 12px; color: #999; float: left;}
.home-zhishi-time>label{float: right;}
.tongyi{width: 10px;
    height: 10px;}
.layui-form-checkbox i{width: 20px; height: 20px; line-height: 20px; font-size: 14px; border: 1px solid #d2d2d2;}
/*****装饰公司列表弹出层****/
.tips-body{width: 700px; height: 400px;}
.tips-body-close{width: 100%; height: 30px; text-align: right;}
.tips-body-close img{width: 30px; height: 30px;}
.tips-body-info{width: 100%; height: 370px; padding: 20px;}
.tips-body-l{width: 40%; height: 320px; background: #666666; overflow: hidden; float: left;}
.tips-body-logo{width: 100%; height: 80px; margin-top: 40px; text-align: center;}
.tips-body-logo img{width: 80px; height: 80px; border-radius: 50%;}
.tips-body-name{width: 100%;height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center;}
.tips-body-list{width: 100%; height: 60px;}
.tips-body-list ul{}
.tips-body-list li{width: 50%; height: 30px; line-height: 30px; color: #fff; float: left; text-align: center; font-size: 12px;}
.tips-body-r{width: 60%; height: 320px; float: left; padding: 20px; background: #fff;}
.tips-body-title{width: 100%; height: 30px; font-size: 18px;}
.tips-body-num{width: 100%; height: 30px; font-size: 14px; color: #666; line-height: 30px;}
.tips-body-tool{width: 100%; height: 40px; margin-top: 10px;}
.from-shenqing{width: 100%; height: 40px; margin: 10px auto; background: #70A13F; border-radius: 5px; line-height: 40px; color: #fff;}
.news-nav{width: 100%; height: 50px; background: #242323; overflow: hidden;}
.news-nav ul{width: 1200px; height: 50px; margin: 0px auto;}
.news-nav li{width: 100px; height: 48px; line-height: 48px; text-align: center; float: left; font-size: 16px; color: #fff;}
.news-nav li.active{border-bottom: 2px solid #70A13F;}
.news-nav li a{color: #fff;}
.news-body{width: 1200px; height: auto; overflow: hidden; padding: 20px; margin: 20px auto;}
.offer-post{position: relative;}
.close-win{width: 40px; height: 40px; position: absolute;
    top: 0; right: 0;}
.close-win img{width: 40px; height: 40px;}
.pingtai-body{width: 1200px; height: 50px; border:1px solid #f5f5f5; margin: 20px auto;}
.pingtai-list{width: 140px; height: 38px; margin-top: 6px; float: left; background: #D0D0D0; text-align: center; line-height: 38px; border-radius: 19px; margin-left: 10px;}
.pingtai-list a{font-size: 18px;}
.yzm{width: 120px; float: left;}
.post-yzm{width: 110px; height: 35px; background: #70A13F; color: #fff; text-align: center; float: left; margin-left: 10px;}
.post-yzms{width: 110px; height: 35px; background: #f5f5f5; color: #333; text-align: center; float: left; margin-left: 10px;}


.hezuo-ruzhu{width: 1200px; height: 50px; margin: 20px auto; text-align: center; font-size: 28px;}
.ruzhu{width: 300px; height: 50px; border-radius: 5px; margin: 0px auto; background: #0ea0db; line-height: 50px; text-align: center; font-size: 18px; color: #fff;}
.ruzhu a{color: #fff;}
.hezuo-kh{width: 1200px; height: 300px; margin: 20px auto;}
.hezuo-kh img{width: 280px;height: 280px; float: left; margin-left: 20px;}
.hezuo-pinpai{width: 1200px; height:300px; margin: 20px auto; }
.hezuo-pinpai img{width: 280px; height: 120px; float: left; margin-left: 20px; margin-top: 20px;}
.hezuo-input{width: 1200px; height: 380px; margin: 20px auto;}
.hezuo-tool{width: 100%; height: 50px; margin-top: 20px; text-align: center;}
.hezuo-tool input[type='text']{width: 400px; height: 50px; border-radius: 5px; border: 1px solid #ccc;}
.hezuo-tool input[type='button']{width: 400px; height: 50px; border-radius: 5px; border: 1px solid #0ea0db; background: #0ea0db; color: #fff; text-align: center; line-height: 50px;}
.design-banners{width: 100%; height: 500px;}
.design-banners img{width: 100%; height: 500px;}