@charset "utf-8";
/*author @低调729587652 2017-05-25*/
html{font-family: "Microsoft YaHei","Arial","Helvetica Neue",Helvetica,STHeiTi,arial,sans-serif; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
html,body{width: 100%; height: 100%; }
body{background: #eff3f6; position: relative;}
html,body,form,input,select,textarea,div,p,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;font-size:12px;}
ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#000;}
h1{font-size: 0.5rem;}h2{font-size:0.4rem}h3{font-size:0.35rem}h4{font-size:0.3rem}h5{font-size:0.25rem}h6{font-size:0.2rem;}
table,td,img{border:0;}
table,tr,td{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;color:#000;}
a img { border: none; }
img{border:0;vertical-align:bottom; width: 100%; height: 100%;}
input{outline: none;}
.clear{clear: both;}
.icon{background: url(../images/icon.png); display: block;}
.i1{ width: 0.27rem; height: 0.33rem; float: left; margin-top: 0.42rem;}
.i2{ width: 0.52rem; height: 0.38rem; }
.shj-container{width: 7.2rem; height: auto; overflow: hidden; position: relative; margin: 0 auto;}
.shj-container-masking{width: 7.2rem; height: 100%; position: absolute; top: 0; left: 0; z-index: 199302030; opacity: 0; -webkit-transition: opacity 0.3s; display: none; background: #000;}

/*侧边栏目*/
.shj-right-nav{position: absolute; top: 0; right: -3rem; z-index: 19930203; width: 3rem; height: 100%; background: rgba(0,0,0,1); -webkit-transition: right 0.4s;}
.shj-right-nav-close{width: 0.9rem; height: 0.9rem; background: url(../images/i19.png); background-size: 100% 100%; margin-top: 0.1rem;}
.shj-right-nav ul{}
.shj-right-nav ul li{ text-align: center; font-size: 0.28rem; line-height: 0.7rem; color: rgba(255,255,255,0.9);}

/*首页*/
.shj-content{position: absolute; top: 0; left: 0; width: 7.2rem; height: auto; overflow: hidden; -webkit-transition: left 0.4s; position: relative;}
.shj-head{ width: 7.2rem; height: 1.2rem; position: absolute; top: 0; left: 0; display: -webkit-box; z-index: 19930203; background: url(../images/headbg.png); background-size: 7.2rem 1.2rem;}
.shj-logo{width: 2.8rem; margin:.2rem 0 0 .2rem; }
.shj-city-select{width: 3.4rem; height: 1rem; text-align: center;}
.shj-city-select a{color: #fff; font-size: 0.28rem; display: block; float: left; margin: 0.3rem 0 0 0.1rem; padding: 0.1rem;}
.shj-menu-btn{width: 1rem; height: 1rem; text-align: center; line-height: 0.8rem;}
.shj-swiper-head{width: 7.2rem; height: 5.2rem; position: relative; background: #fff;}
#headSwiperHight{height: 5.2rem;}
.swiper-pagination-bullet{
	/*width: 12px; height: 12px;*/
 background: #bebebe; opacity: 1;}
.swiper-pagination-bullet-active{background: #e62129;}		
.shj-wave{width: 7.2rem; height: 1rem; background: transparent; position: absolute; bottom: 0; left: 0; z-index: 9; }
.shj-wave-imgWarp{position: absolute; top: 0; left: 0; width: 60rem; height: 1rem; background: url(../images/wave.png); background-size: 60rem 1rem;}
.shj-wave-img{position: absolute; top: 0; left: 0;  width: 60rem; height: 1rem;}
.shj-index-menu{width: 7.2rem; height: 4rem; display: flex; -webkit-justify-content:center; align-items:center; align-content:center; flex-wrap: wrap; background: #fff;}
.shj-index-menu li{width: 1.2rem; height: 1.7rem; -webkit-flex: 1; padding: 0.1rem 0.3rem; text-align: center;}
.shj-index-menu li img{width: 1.2rem; height: 1.2rem;}
.shj-index-menu li span{font-size: 0.25rem; font-weight: 400; line-height: 0.5rem;}
.shj-swiper-activity{width: 6.9rem; height: 3.8rem; background: #fff; margin-top: 0.2rem; padding-left: 0.3rem;}
.shj-nav-title{width: 6.9rem; height: 0.9rem; line-height: 0.9rem; }
.shj-nav-title span{color: #737373; font-size: 0.25rem; vertical-align: baseline;}
.swiper-container-a,.swiper-container-zz{width: auto; height: 2.2rem; margin-top: 0.1rem;}
.swiper-container-a .swiper-slide,.swiper-container-zz .swiper-slide{width: 4.1rem; height: 2rem; margin-right: 0.3rem; overflow: hidden; border-radius: 0.15rem; box-shadow: 4px 6px 10px #d9d8de;}
.shj-jsq{width: 6.6rem; height: 5.7rem; padding: 0 0.3rem;}
.shj-jsq h3{float: left; width: 2.6rem; }
.shj-jsq h5{width: 6.6rem; height: 0.9rem; line-height: 0.9rem; }
.shj-jsq>h5{float: right; width: 4rem; line-height: 0.93rem; text-align: right;}
.shj-jsq h5 span{color: #f54e60;}
.shj-jsq-title{width: 6.6rem; height: 1rem; background: #434552; border-radius: 0.15rem; color: #fff; line-height: 1rem; text-align: center; font-size: 0.35rem; margin-bottom: 0.1rem;}
.shj-jsq-input{width: 6.6rem; height: 0.8rem; border: 1px solid #e4e4e4; border-radius: 0.15rem; margin-top: 0.25rem; text-indent: 0.2rem; font-size: 0.28rem; -webkit-transition: all 0.5s;}
.shj-jsq-input:focus{border-color: #069f70; }
.shj-jsq-input-btn{background: #e62129; height: 0.9rem; font-size: 0.3rem; color: #fff; text-align: center; line-height: 0.9rem;}
.shj-jsq select{margin-left: 0.1rem; width: 2.08rem; background: #fff; outline: none;}
.shj-jsq-info{width: 6.6rem; height: 0.8rem; line-height: 0.8rem; background: #fff; padding: 0 0.3rem; position: relative; overflow: hidden;}
.i3{width: 0.43rem; height: 0.8rem; background: url(../images/i3.png) no-repeat center; }
.shj-jsq-info ul{position: absolute; top: 0; left: 0.8rem;  width: 6rem; height: auto;}
.shj-jsq-info ul li{width: 6rem; height: 0.8rem; font-size: 0.25rem;}
.shj-jsq-info ul li span{margin: 0 0.2rem;}
.shj-special{position: relative; width: 7.2rem; height: 4.4rem; margin-top: 0.3rem;}
.shj-special-item{position: absolute; top: 1.64rem; width: 2.8rem; height: auto;}
.shj-special-item img{width: 2.8rem; height: 1.76rem;}
.shj-special-item h5{width: 2.8rem; height: 0.5rem; color: #fff; text-align: center; line-height: 0.5rem;}
.shj_3d{width: 6.6rem; height: 9.2rem; background: #fff; padding: 0.1rem 0.3rem 0; margin-top: 0.2rem;}
.shj-3d-big{width: 6.6rem; height: 4rem; overflow: hidden; border-radius: 0.15rem; position: relative; margin-top: 0.1rem;}
.i4{background: url(../images/i4.png) no-repeat center; background-size: 1.05rem 0.75rem; width: inherit; height: 0.75rem; position: absolute; top: 40%; left: 0; }
.shj-3d-big h5{color: #fff; background: #000; width: 6.6rem; height: 0.8rem; text-align: center; line-height: 0.8rem; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
.shj-3d-lists{width: 6.6rem; height: auto; margin-top: 0.3rem;}
.shj-3d-small{display: inline-block; width: 3.2rem; height: 2.8rem; position: relative;}
.shj-3d-small .i4{top: 30%;}
.shj-3d-small img{width: 3.2rem; height: 2.3rem; border-radius: 0.15rem;}
.shj-3d-small h5{width: inherit; height: 0.5rem; text-align: center; line-height: 0.7rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.shj-3d-small:first-child{margin-right: 0.05rem;}
.shj-more-btn{width: inherit; line-height: 0.8rem; color: #000; font-size: 0.28rem; text-align: center; display: block; margin-top: 0.2rem;}
.shj-anli{width: 6.6rem; height: 8.8rem; background: #fff; padding: 0.1rem 0.3rem 0; margin-top: 0.2rem; position: relative;}
.shj-anli-lists{width: 6.6rem; height: auto; display: flex; -webkit-justify-content :center; align-items:center; align-content:center; flex-wrap: wrap;}
.shj-anli-item{margin-top: 0.2rem; width: 3.2rem; height: 3.2rem;}
.shj-anli-item img{width: 3.2rem; height: 2.6rem; border-radius: 0.15rem;}
.shj-anli-item h5{width: inherit; height: 0.6rem; text-align: center; line-height: 0.7rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.shj-anli-lists a:nth-child(odd){margin-right: 0.2rem;}
.shj-zhenzhuang{width: 7.2rem; height: auto; margin-top: 0.2rem;}
.shj-sjs{width: 6.9rem; height: 4.8rem; background: #fff; padding: 0.1rem 0 0 0.3rem; margin-top: 0.2rem;}
.swiper-container-sjs{width: auto; height: auto; margin-top: 0.15rem;}
.swiper-container-sjs .swiper-slide{width: 1.8rem; height: auto; margin-right: 0.35rem; border-radius: 0.15rem;}
.swiper-container-sjs .swiper-slide a{display: block; width: 1.8rem; height: 2.7rem; text-align: center;}
.swiper-container-sjs .swiper-slide a img{width: 1.8rem; height: 1.8rem; border-radius: 0.15rem;}
.swiper-container-sjs .swiper-slide a h4{line-height: 0.5rem;}
.swiper-container-sjs .swiper-slide a h6{color: #626262; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.shj-knowledge{width: 6.6rem; height: 6.9rem; background: #fff; padding: 0.1rem 0.3rem 0; margin-top: 0.2rem;}
.shj-knowledge-item{width: 6.6rem; height: 2.2rem;}
.shj-knowledge-thumb{width: 3.2rem; height: 2.2rem; border-radius: 0.15rem; overflow: hidden; display: inline-block; margin-right: 0.13rem;}
.shj-knowledge-intro{display: inline-block; width: 3.1rem; height: 2.2rem; overflow: hidden;}
.shj-knowledge-intro h4{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.shj-knowledge-intro p{margin: 0.2rem 0 0.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
overflow: hidden; line-height: 0.4rem; color: #737373;}
.shj-knowledge-all{border: 1px solid #dcdcdc; padding: 0.1rem 0.35rem; border-radius: 0.15rem; width: 1rem;}
.shj-knowledge-item-a{display: block;}
.shj-knowledge-item-a:nth-child(3){margin-top: 0.2rem;}
.shj-footer{width: 7.2rem; height: 2rem; margin-top: 0.2rem; margin-bottom: 0.6rem; background: #fff;}
.shj-footer-top{width: 6.6rem; height: 1.3rem; padding: 0.2rem 0.3rem; display: -webkit-box;}
.shj-footer-icon{width: 1.25rem; height: 1.25rem; margin-left: 0.5rem;}
.shj-footer-icon img{width: 1.25rem; height: 1.25rem; }
.shj-footer-info{margin-left: 0.4rem; height: 1.25rem;}

.shj-footer-info h5{font-weight: bold; font-size: 0.26rem; margin-bottom: 0.06rem;}
.shj-footer-info h6{line-height: 0.4rem;}
.shj-footer-bottom{width: 7.2rem; height: 0.6rem; background: #f6f6f6; text-align: center; font-size: 0.2rem; color: #8c8c8c; line-height: 0.6rem;}
.shj-footer-bottom span{color: #000;}
.shj-position-nav{width: 7.2rem; height: 1rem; position: fixed; bottom: 0; background: url(../images/footfc.png); background-size: 100% 100%; display: -webkit-box; z-index: 199323; -webkit-transition: left 0.4s;}
.shj-position-nav a{width: 1.8rem; height: 1rem; display: block; }
.shj-xgt{width: 7.2rem; height: 5.6rem; margin-top: 0.2rem; display: flex; -webkit-justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; background: #fff;}
.shj-xgt li{width: 1.2rem; height: 1.7rem; -webkit-flex: 1; padding: 0.1rem 0.3rem; text-align: center;}
.shj-xgt li img{width: 1.2rem; height: 1.2rem;}
.shj-xgt li span{font-size: 0.25rem; line-height: 0.5rem; letter-spacing: 3px;}
.shj-swiper-hintmsg{line-height: 0.45rem; margin-top: 0;}

/*列表页头部*/
.shj-lists-head{width: 7.2rem; height: 0.9rem; background: #000; position: fixed; top: 0; display: -webkit-box; z-index: 199323; -webkit-transition: left 0.4s; }
.shj-lists-head-back{width: 0.7rem; height: 0.9rem; display: block; background: url(../images/back.png) no-repeat center; background-size: 0.3rem 0.4rem;}
.shj-lists-head-title{width: 5.6rem; height: 0.9rem; line-height: 0.9rem; color: #fff; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.shj-lists-head-menu-btn{width: 0.9rem; height: 0.9rem; display: block; background: url(../images/i2.png) no-repeat center; background-size: 0.52rem 0.377rem;}
.shj-load-more{width: 7.2rem; height: 0.6rem; font-size: 0.2rem; line-height: 0.6rem; text-align: center;color: #686868;}
.marginTop0.2{margin-top: 0.2rem;}
.shj-nomore{width: 7.2rem; height: 0.6rem; font-size: 0.2rem; line-height: 0.6rem; text-align: center;  display: none; color: #686868; }

/*3d列表页*/
.shj-list-3d-banner{width: 7.2rem; height: 3rem; margin-top: 0.9rem; overflow: hidden;}
.shj-list-3d-lists{width: 6.8rem; height: auto; padding: 0 0.2rem; margin-bottom: 0.2rem;}
.shj-list-3d-lists li{margin-top: 0.2rem; position: relative; width: 6.8rem;}
.shj-list-3d-item{display: block; width: 6.8rem; height: auto; overflow: hidden; border-radius: 0.15rem; }
.shj-list-3d-item img{width: 6.8rem; height: 3.7rem; }
.shj-list-3d-item h4{width: 6.4rem; height: 0.8rem; line-height: 0.8rem; padding: 0 0.2rem; background: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.shj-list-3d-item h4 span{float: right; display: block; width: 1.5rem; height: inherit; background: url(../images/i5.png) no-repeat center right; background-size: 0.28rem 0.28rem; font-size: 0.25rem; text-align: right; }
.shj-list-3d-yuyue{position: absolute; top: 0.2rem; right: 0.2rem; width: 0.7rem; height: 0.68rem; border-radius: 50%; background: #e62129; color: #fff; text-align: center; font-size: 0.25rem; padding: 0.22rem 0.2rem 0.2rem; }
.i6{background: url(../images/i6.png) no-repeat center; background-size: 1.05rem 0.75rem;}

/*案例列表页*/
.shj-list-anli-lists{width: 7.2rem; height: auto; position: relative; padding-top: 0.7rem; margin-bottom: 0.2rem;}
.shj-list-anli-choose{position: absolute; top: 0; left: 0; background: #fff; width: 7.2rem; height: 0.5rem; border-bottom: 1px solid #e5e5e5; padding: 0.1rem 0; display: -webkit-box; z-index: 1993;}
.shj-list-anli-choose a{display: block; border-left: 1px solid #e5e5e5; -webkit-box-flex: 1; text-align: center; line-height: 0.5rem; position: relative; font-size: 0.25rem;}
.shj-list-anli-choose a:first-child{border-left: none;}
.i7{background: url(../images/i7.png); width: 0.2rem; height: 0.1rem; background-position: 0 0; display: block; position: absolute; top: 0.21rem; right: 0.6rem; background-size: 0.2rem 0.1rem; -webkit-transition: -webkit-transform 0.4s;}
.i8{background: url(../images/i8.png); background-size: 0.2rem 0.1rem;}
.shj-choose-selected{color: #127a59;}
.i7-selected{-webkit-transform:rotate(180deg);}
.shj-list-anli-options{position: absolute; top: 0.7rem; left: 0; width: 7.2rem; height: auto; background: #fff; display: flex; flex-wrap: wrap; z-index: -1; border-top: 1px solid #e5e5e5; padding-bottom: 0.4rem; opacity: 0;}
.shj-list-anli-options-show{opacity: 1; z-index: 1993;}
.shj-list-anli-options a{border: 1px solid #e5e5e5; padding: 0.1rem 0.4rem; font-size: 0.25rem; margin: 0.2rem 0 0 0.2rem; }
.shj-list-anli-options .shj-options-selected{border-color: #e62129; color: #e62129;}
.shj-list-anli-lists li{margin-top: 0.2rem; position: relative; width: 7.2rem; background: #fff; padding-top: 0.3rem; -webkit-}
.shj-list-anli-item{display: block; width: 6.8rem; height: auto; padding: 0 0.2rem;}
.shj-list-anli-item img{width: 6.8rem; height: auto; border-radius: 0.15rem; }
.shj-list-anli-info{width: 4.8rem; height: 1.4rem; }
.shj-list-anli-info h4{line-height: 0.8rem; width: inherit; height: 0.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.shj-list-anli-info h6{color: #686868; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: inherit; height: 0.3rem; line-height: 0.3rem;}
.shj-list-anli-yuyue{width: 1.9rem; height: 0.65rem; border-radius: 0.35rem; background: #19a87b; color: #fff; position: absolute; bottom: 0.4rem; right: 0.3rem; display: block; text-align: center; line-height: 0.65rem; }

/*案例内容页*/
.shj-show-anli-banner{width: 7.2rem; height: 4rem; background:url(../images/anlishowbanner.jpg); background-size: 7.2rem 4.4rem; margin-top: 0.9rem; padding-top: 0.4rem;}
.shj-show-anli-sjs{border-radius: 50%; border: 0.15rem solid rgba(255,255,255,0.2); width: 1.4rem; height: 1.4rem; overflow: hidden; margin: 0 auto;}
.shj-show-anli-banner h4,.shj-show-anli-banner h5{text-align: center; color: #fff;}
.shj-show-anli-banner h4{line-height: 0.6rem; margin-top: 0.1rem;}
.shj-show-anli-yuyue{width: 1.8rem; height: 0.6rem; border-radius: 0.15rem; background: #19a87b; color: #fff; display: block; text-align: center; line-height: 0.6rem; margin: 0.3rem auto 0;}
.shj-show-anli-info{width: 6.8rem; height: auto; padding: 0.45rem 0.2rem 0.2rem;}
.shj-show-anli-info h4{text-align: center; line-height: 0.5rem; }
.shj-show-anli-info h5{text-align: center; line-height: 0.1rem; margin-bottom: 0.2rem;}
.shj-show-anli-info p{padding: 0 0.6rem; font-size: 0.25rem; line-height: 0.4rem; text-align: center;}
.shj-show-anli-info ul{width: 6.8rem; height: auto; margin: 0.5rem 0 0.2rem; display: flex; flex-wrap: wrap; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.shj-show-anli-info ul li{width: 1.68rem; height: 0.6rem; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; text-align: center; line-height: 0.6rem; font-size: 0.25rem; overflow: hidden;}
.shj-show-anli-info ul li:nth-child(odd){background: #f2f2f2;}
.shj-show-anli-image{width: 6.8rem; height: auto; text-align: center;}
.shj-show-anli-image img{margin-top: 0.3rem; display: inline-block; width: auto; height: auto; max-width: 100%;}

/*家装知识列表页*/
.shj-list-zs-type{width: 7.2rem; height: 2.7rem; background: #fff; display: -webkit-box; margin-top: 0.7rem; padding-bottom: 0.4rem;}
.shj-list-zs-type a{-webkit-box-flex: 1; display: block; position: relative;}
.shj-list-zs-type a:nth-child(1){background: url(../images/i9.png) no-repeat center; background-size: 1.4rem 1.4rem;}
.shj-list-zs-type a:nth-child(2){background: url(../images/i10.png) no-repeat center; background-size: 1.4rem 1.4rem;}
.shj-list-zs-type a:nth-child(3){background: url(../images/i11.png) no-repeat center; background-size: 1.4rem 1.4rem;}
.i12{background: url(../images/i12.png) no-repeat center; background-size: 1.4rem 1.4rem;}
.shj-list-zs-type a h4{position: absolute; bottom: 0.05rem; text-align: center; width: 100%;}
.shj-list-zs-lists{margin: 0.25rem 0 0.2rem 0; width: 7.2rem; height: auto; background: #fff;}
.shj-list-zs-lists li{width: 6.8rem; height: 1.75rem; border-bottom: 1px solid #e6ebee; padding: 0.275rem 0.2rem;}
.shj-list-zs-lists li a{width: 6.8rem; height: 1.75rem; display: -webkit-box; }
.shj-list-zs-lists li img{width: 1.9rem; height: 1.75rem; margin-right: 0.3rem; border-radius: 0.15rem;object-fit: cover;-webkit-object-fit: cover;display:inline-block}
.shj-list-zs-info{width: 4.6rem; height: 1.75rem;}
.shj-list-zs-info h4{line-height: 0.4rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.shj-list-zs-info h5,.shj-list-zs-info p{color: #a6a6a6;}
.shj-list-zs-info h5{margin: 0.15rem 0; }
.shj-list-zs-info p{font-size: 0.25rem; line-height: 0.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.shj-list-sjs-thumb img{
    object-fit: cover;-webkit-object-fit: cover;height: auto;
}

/*家装知识内容页*/
.shj-show-zs-content{width: 6.8rem; height: auto; padding: 0.2rem; font-size: 0.22rem; line-height: 0.5rem; margin-top: 0.9rem; background: #fff;}
.shj-show-zs-content img{margin: 0.1rem 0; width: 6.8rem !important; height: auto !important; }
/*旧房改造内容页*/
.shj-show-gz-banner{width: 7.2rem; height: 3.3rem; background:url(../images/gzshowbanner.jpg) no-repeat center top; background-size: 7.2rem 3.4rem; margin-top: 0.9rem; padding-top: 1.3rem; background-color: #fff;}
.shj-show-gz-thumb{width: 2.9rem; height: 2.5rem; margin: 0 auto; overflow: hidden; border-radius: 0.15rem; }
.shj-show-gz-banner a h5{color: #008d49; text-align: center; line-height: 0.8rem;}
.shj-show-gz-info{background: #fff; margin: 0.25rem 0; padding-bottom: 0.1rem;}
.shj-show-gz-befor,.shj-show-gz-after{background: #fff; margin-bottom: 0.25rem; padding: 0.2rem; width: 6.8rem;}
.shj-show-gz-befor img,.shj-show-gz-after img{margin: 0.15rem 0; border-radius: 0.15rem;}
.shj-show-gz-content-title{text-align: center; }

/*设计师列表页*/
.shj-list-sjs-lists{width: 6.8rem; height: auto; padding: 0 0.2rem 0.2rem; }
.shj-list-sjs-lists li{display: -webkit-box; width: 6.4rem; height: 2rem; padding: 0.2rem; background: #fff; border-radius: 0.1rem; margin-top: 0.2rem;}
.shj-list-sjs-thumb{width: 2rem; height: 2rem; overflow: hidden; border-radius: 0.1rem; margin-right: 0.3rem;}
.shj-list-sjs-info{width: 4.1rem; height: 2rem; position: relative;}
.shj-list-sjs-info h4{margin-bottom: 0.15rem; width: 3.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.shj-list-sjs-info h6{line-height: 0.4rem; width: inherit; height: 0.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.shj-list-sjs-info span{color: #ff3333; font-size: 0.28rem; position: absolute; top: 0; right: 0;}
.shj-list-sjs-btn{display: inline-block; background: #e62129; color: #fff; padding: 0.1rem 0.3rem; border-radius: 0.1rem; margin-top: 0.16rem;}
.shj-list-sjs-btn-right{background: #6c6c6c; margin-left: 0.2rem;}

/*设计师内容页*/
.shj-show-sjs-banner{width: 7.2rem; height: 4.4rem; background:url(../images/anlishowbanner.jpg); background-size: 7.2rem 4.8rem; margin-top: 0.9rem; padding-top: 0.4rem; }
.shj-show-sjs-thumb{ width: 1.7rem; height: 1.7rem; margin: 0 auto; position: relative; }
.shj-show-sjs-thumb img{border-radius: 50%; border: 0.15rem solid rgba(255,255,255,0.2); width: 1.4rem; height: 1.4rem; position: absolute; top: 0; left: 0; z-index: 99;}
.shj-show-sjs-thumb span{position: absolute; left: 1.4rem; background: #ffdf4c; border-top-right-radius: 0.1rem; border-bottom-right-radius: 0.1rem; min-width: 1.3rem; height: 0.4rem; top: 0.65rem; text-align: center; line-height: 0.4rem; text-indent: 0.05rem;}
.shj-show-sjs-banner h4,.shj-show-sjs-banner h5{text-align: center; color: #fff;}
.shj-show-sjs-banner h4{line-height: 0.6rem; margin-top: 0.1rem;}
.shj-show-sjs-banner h5{line-height: 0.45rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.shj-show-sjs-yuyue{width: 1.8rem; height: 0.6rem; border-radius: 0.15rem; background: #19a87b; color: #fff; display: block; text-align: center; line-height: 0.6rem; margin: 0.25rem auto 0;}
.shj-show-sjs-anli-title{margin-top: 0.2rem; background: #fff; padding-top: 0.25rem;}
.shj-show-sjs-anli-title h4,.shj-show-sjs-anli-title h5{text-align: center;}
.shj-show-sjs-anli-title h5{line-height: 0.3rem; }
.shj-show-sjs-anli-lists{margin-top: -0.2rem;}
.shj-show-sjs-anli-lists li{margin-top: 0.2rem; position: relative; width: 7.2rem; background: #fff; padding-top: 0.3rem;}

/*团装小区列表页*/
.shj-list-tuan-apply{width: 6.3rem; height: auto; margin: 0.25rem 0.2rem; background: #fff; padding: 0.3rem 0.25rem; border-radius: 0.15rem;}
.shj-list-tuan-apply h2,.shj-list-tuan-apply h4{text-align: center;}
.shj-list-tuan-apply h4{color: #19a87b; line-height: 0.3rem;}
.shj-list-tuan-input-wrap{width: 5.5rem; height: 0.8rem; padding-left: 0.7rem;}
.shj-list-tuan-input-wrap input{border: none; background: transparent; border-bottom: 1px solid #eff3f6; font-size: 0.3rem; line-height: 0.8rem; width: 5.5rem;}
.i13{background: url(../images/i13.png) no-repeat center left; background-size: 0.5rem 0.5rem;}
.i14{background: url(../images/i14.png) no-repeat center left; background-size: 0.5rem 0.5rem;}
.i15{background: url(../images/i15.png) no-repeat center left; background-size: 0.5rem 0.5rem;}
.shj-list-tuan-apply-btn{width: 6.3rem; height: 0.7rem; background: #19a87b; color: #fff; font-size: 0.3rem; margin: 0.3rem 0 0.05rem; border: none; border-radius: 0.15rem; text-align: center; line-height: 0.7rem;}
.shj-list-tuan-lists{width: 6.8rem; height: auto; margin: 0 0.2rem; display: flex; flex-wrap: wrap;}
.shj-list-tuan-lists li{background: #fff; overflow: hidden; border-radius: 0.1rem; width: 3.3rem; height: auto; margin-bottom: 0.25rem; padding-bottom: 0.2rem;}
.shj-list-tuan-lists li:nth-child(even){margin-left: 0.2rem;}
.shj-list-tuan-lists li a{display: block;}
.shj-list-tuan-lists li a img{width: 3.3rem; height: 2.5rem;object-fit:cover;-webkit-object-fit:cover;display:block}
.shj-list-tuan-lists li a h4{margin: 0.15rem 0.2rem 0.1rem; line-height: 0.4rem; background: url(../images/i5.png) no-repeat center right; background-size: 0.33rem 0.33rem; width: 2.7rem; }
.shj-list-tuan-lists li a h6{padding: 0 0.2rem;}

/*团装小区内容页*/
.shj-show-tuan-info{width: 7.2rem; height: auto; background: #fff; padding: 0.2rem 0 0.4rem;}
.shj-show-tuan-info-list{margin-left: 0.2rem; width: 6.4rem; padding-left: 0.6rem; height: 0.8rem; }
.shj-show-tuan-info-list h4{line-height: 0.8rem; border-bottom: 1px solid #eff3f6; width: 6.4rem; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.i16{background: url(../images/i16.png) no-repeat center left; background-size: 0.5rem 0.5rem;}
.i17{background: url(../images/i17.png) no-repeat center left; background-size: 0.5rem 0.5rem;}
.i18{background: url(../images/i18.png) no-repeat center left; background-size: 0.5rem 0.5rem;}
.shj-show-tuan-privilege{background: #fff; margin: 0.25rem 0; padding: 0.3rem 0.2rem; width: 6.8rem; height: auto; }
.shj-show-tuan-privilege h2,.shj-show-tuan-privilege h4{text-align: center;}
.shj-show-tuan-privilege h4{color: #19a87b; line-height: 0.3rem;}
.shj-show-tuan-privilege p{font-size: 0.25rem; line-height: 0.45rem; padding: 0.2rem 0;}
.shj-show-tuan-recommend-lists{width: 6.8rem; height: auto; background: #fff; padding: 0 0.2rem; margin-bottom: 0.25rem;}
.shj-show-tuan-recommend-lists h2{padding: 0.3rem 0; }
.shj-show-tuan-recommend-lists h2 span{float: left;}
.shj-show-tuan-recommend-lists h2 a{float: right; font-size: 0.25rem; margin-top: 0.17rem;}
.shj-show-tuan-recommend-ul{width: 6.8rem; height: auto; display: flex; flex-wrap: wrap;}
.shj-show-tuan-recommend-ul li{background: #f7f7f7; overflow: hidden; border-radius: 0.15rem; width: 3.3rem; height: auto; margin-bottom: 0.25rem; padding-bottom: 0.2rem;}
.shj-show-tuan-recommend-ul li:nth-child(even){margin-left: 0.2rem;}
.shj-show-tuan-recommend-ul li a{display: block;}
.shj-show-tuan-recommend-ul li a img{width: 3.3rem; height: 2.5rem;}
.shj-show-tuan-recommend-ul li a h4{margin: 0.15rem 0.2rem 0.1rem; line-height: 0.4rem; background: url(../images/i5.png) no-repeat center right; background-size: 0.33rem 0.33rem; width: 2.7rem}
.shj-show-tuan-recommend-ul li a h6{padding: 0 0.2rem;}
.shj-show-tuan-recommend-ul li a h6 span:first-child{float: left; }
.shj-show-tuan-recommend-ul li a h6 span:last-child{float: right;}

/*效果图列表页*/
.shj-list-xgt-banner{height: 3.8rem; overflow: hidden;}
.shj-list-xgt-choose-wrap{position: relative; width: 6.8rem; height: auto; margin: 0.23rem 0.2rem 0; border: 1px solid #e5e5e5;}
.shj-list-xgt-choose{background: #fff; width: 6.8rem; height: 0.5rem; padding: 0.1rem 0; display: -webkit-box; z-index: 1993;}
.shj-list-xgt-choose a{display: block; border-left: 1px solid #e5e5e5; -webkit-box-flex: 1; text-align: center; line-height: 0.5rem; position: relative; font-size: 0.25rem;}
.shj-list-xgt-choose a:first-child{border-left: none;}
.shj-list-xgt-options{width: 6.8rem; height: auto; background: #fff; display: flex; flex-wrap: wrap; z-index: 1993; padding-bottom: 0.4rem; display: none;}
.shj-list-xgt-options a{border: 1px solid #e5e5e5; padding: 0.1rem 0.4rem; font-size: 0.25rem; margin: 0.2rem 0 0 0.2rem; }
.shj-list-xgt-options .shj-options-selected{border-color: #127a59; color: #127a59;}
.shj-list-xgt-lists{width: 7rem; margin: 0.1rem 0 0.2rem; height: auto; display: flex; flex-wrap: wrap;}
.shj-list-xgt-lists li{width: 3.3rem; height: auto; margin: 0.2rem 0 0 0.2rem; background: #fff;}
.shj-list-xgt-lists li a{display: block; position: relative; }
.shj-list-xgt-lists li a img{width: 3.3rem; height: 2.8rem; }
.shj-list-xgt-lists li a h5{line-height: 0.6rem; padding: 0 0.2rem; width: 2.9rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.shj-list-xgt-lists li a span{position: absolute; top: 2.3rem; right: 0.1rem; color: #fff; font-size: 0.25rem; }
.shj-xgtphoto{position: fixed; top: 0; display: none; width: 7.2rem; z-index: 19930203; background: #000;}

/*在建工地列表页*/
.shj-list-gd-choose-wrap{width: 7.2rem; height: 0.7rem; position: relative; margin-bottom: 0.2rem;}

/*在建工地内容页*/
.shj-show-gd-banner{position: relative; height: 4.6rem; background: #fff;}
.shj-show-gd-banner-bg{position: absolute; top: 0; left: 0; z-index: 99; height: 4.46rem;}
.shj-show-gd-banner-img{position:absolute; top: 0; left: 0; height: 3.4rem;}
.shj-show-gd-thumb{position: absolute; top: 1.2rem; left: 2.15rem; width: 2.9rem; height: 2.5rem; border-radius: 0.15rem; z-index: 100;}
.shj-show-gd-yuyue{display: block; width: 7.2rem; height: auto; text-align: center; position: absolute; bottom: 0.3rem; z-index: 100;}
.shj-show-gd-info{margin-top: 0.25rem;}
.shj-show-gd-team{background: #fff; padding: 0.3rem 0.2rem; margin: 0.25rem 0;}
.shj-show-gd-team h2,.shj-show-gd-team h4,.shj-show-gd-team h5{text-align: center;}
.shj-show-gd-team h4{color: #19a87b; line-height: 0.3rem;}
.shj-show-gd-team h5{color: #8c8c8c; line-height: 0.6rem;}
.shj-show-gd-team ul{display: -webkit-box; width: 6.8rem; height: 2.9rem; margin: 0.2rem 0 0.1rem;}
.shj-show-gd-team ul li{ background: #f5f5f5; -webkit-box-flex: 1; margin-left: 0.2rem; border-radius: 0.15rem; text-align: center;}
.shj-show-gd-team ul li:first-child{margin-left: 0;}
.shj-show-gd-team ul li img{border-radius: 50%; width: 1.3rem; height: 1.3rem; margin: 0.2rem auto; }
.shj-show-gd-team ul li h5{line-height: 0.5rem;}
.shj-show-gd-items{background: #fff; padding: 0.3rem 0.2rem 0;}
.shj-show-gd-items:last-child{padding-bottom: 0.7rem; margin-bottom: 0.25rem;}
.shj-show-gd-items h2,.shj-show-gd-items h4{text-align: center;}
.shj-show-gd-items h4{color: #19a87b; line-height: 0.3rem;}
.shj-show-gd-imgbox{width: 6.8rem; height: 4.5rem; overflow: hidden; margin-top: 0.2rem;}
.shj-show-gd-imgbox .swiper-slide{width: auto; height: 4.5rem;}
.shj-show-gd-imgbox img{width: auto; height: 4.5rem;}

/*整装产品列表页*/
.shj-list-zz-lists{margin: 0.2rem;}

/*整装产品内容页*/
.shj-show-zz-info{background: #fff; padding: 0.2rem 0.2rem 0.3rem;}
.shj-show-zz-info p{background: #efefef; padding: 0.2rem 0.5rem; line-height: 0.4rem;text-indent: 2em;font-size: 0.25rem; text-align: left;}
.shj-show-zz-info ul{margin-top: 0;}
.shj-show-zz-content{background: #fff; padding: 0 0.2rem 0.6rem; margin-bottom: 0.25rem;}
.shj-show-zz-content img{width: 6.8rem; height: auto;}

/*选择城市页*/
.shj-nowcity-title,.shj-citylist-title{width: 6.8rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.28rem; padding: 0 0.2rem; margin-top: 0.9rem; letter-spacing: 1px; }
.shj-citylist-title{margin: 0;}
.shj-nowcity{background: #fff; width: 6.4rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.28rem; padding: 0 0.4rem; letter-spacing: 1px;}
.shj-cityicon{background: url(../images/i1.png) no-repeat center; width: 0.5rem; height: 0.7rem; background-size: 0.36rem 0.44rem; display: block; float: left;}
.shj-hotcityicon{background: url(../images/hot.png) no-repeat center; width: 0.5rem; height: 0.7rem; background-size: 0.3rem 0.44rem; display: block; float: left;}
.shj-citylist{ width: 7.2rem; height:auto;}
.shj-citylist li{width: 6.4rem; height: 0.7rem; margin-top: 1px; font-size: 0.28rem; padding: 0 0.4rem; letter-spacing: 1px; line-height: 0.7rem; background: #fff;}
.shj-hot-city{background: #fff; width: 6.4rem; height: 0.7rem; padding: 0 0.4rem; letter-spacing: 1px;  display: -webkit-box;}
.shj-hot-city a{-webkit-box-flex: 1; display: block;}
.shj-hot-city li{font-size: 0.28rem; line-height: 0.7rem; }

/*过渡动画*/
.LeftMove{left: -3rem; }
.RightMove{right: 0rem; }
.FadeOut{ opacity: 0; -webkit-transition: opacity 0.4s;}
.FadeIn{ opacity: 1; -webkit-transition: opacity 0.4s;}
.masking{ opacity: 0.4;}
.none{display: none !important; }
.page{opacity: 0; -webkit-transition: opacity 0.4s;}

/*免费量房、报价、预约设计弹窗*/
#mflf_tanchuang_wrap,#bj_tanchuang_wrap,#sjs_tanchuang_wrap,#getsite_tanchuang_wrap,#yang_tanchuang_wrap{display: none;}
.shj-tanchuang{width: 6rem; height: 9.07rem; background: url(../images/tcbg.jpg); background-size: 6rem 9.07rem; border-radius: 0.2rem !important;}
.shj-getsite{width: 6rem; height: 4rem; background: url(../images/tcbg.jpg); background-size: 6rem 9.07rem; border-radius: 0.2rem !important;}
.shj-yang{width: 6rem; height: 5.2rem; background: url(../images/tcbg.jpg); background-size: 6rem 9.07rem; border-radius: 0.2rem !important;}
.shj-tc-btna{width: 6rem; height: 0.87rem; position: absolute; bottom: 0; left: 0;}
.shj-tanchuang-sjs{width: 6rem; height: 7.5rem; background: url(../images/tcsjs.jpg); background-size: 6rem 7.5rem; border-radius: 0.2rem !important;}
.shj-mflf,.shj-bj{width: 6rem; height: 9.07rem; position: absolute; top: 0; left: 0; }
.shj-yuyuesjs{width: 6rem; height: 7.5rem; position: absolute; top: 0; left: 0; }
.shj-mflf h2,.shj-bj h2,.shj-yuyuesjs h2,.shj-getSite h2,.shj-yang h2{text-align: center; line-height: 0.6rem; margin-top: 0.25rem;}
.shj-mflf h6,.shj-bj h6,.shj-yuyuesjs h6,.shj-getSite h6,.shj-yang h6{text-align: center; line-height: 0.3rem; color: #c9c9c9;}
.shj-tc-input-wrap{padding: 0 0.5rem; width: 5rem; height: auto; }
.shj-tc-input-wrap label{display: block; font-size: 0.25rem; margin: 0.15rem 0 0.03rem}
.shj-tc-input-wrap input{width: 5rem; height: 0.5rem; border-radius: 0.1rem; border: 1px solid #c9c9c9; text-indent: 0.2rem; -webkit-transition: all 0.5s; outline: none; background: #fff;}
.shj-tc-input-wrap input:focus{border-color: #069f70; }
.shj-tc-input-wrap select{width: 1.4rem; height: 0.5rem; border-radius: 0.1rem; border: 1px solid #c9c9c9; text-indent: 0.2rem; outline: none; -webkit-transition: all 0.5s; background: #fff;}
.shj-tc-input-wrap select:focus{border-color: #069f70;}
.shj-tc-input-wrap .city{ margin-right: 0.27rem;}
.shj-tc-input-wrap .xiaoqu{width: 3.18rem;}
.shj-tc-input-wrap .shi,.shj-tc-input-wrap .ting{margin-right: 0.27rem;}
.shj-tc-submit{width: 2rem; height: 0.6rem; background: #e62129; color: #fff; font-size: 0.25rem; text-align: center; line-height: 0.6rem; border-radius: 0.1rem; margin: 0.3rem auto 0;}
.shj-tc-close{background: url(../images/tcclose.png); background-size: 0.35rem 0.35rem;  width: 0.35rem; height: 0.35rem; position: absolute; top: 0.2rem; right: 0.25rem;}

/*专题用*/
.images-wrap{width: inherit; height: auto; position: relative; }
.images-wrap img{vertical-align: bottom; width: 100%; height: auto; display: block;}
.hotbox-circle{border-radius: 50%;}
input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}
.show_package{ padding-top:.9rem; }
.show_package p{ line-height:.3rem;font-size:.2rem; margin-bottom:.2rem;}
.show_package .page_con{ padding:.2rem;}
.show_package img{ width:100% !important; height:auto !important}
.myfoot_bj{ width: 6rem;height: 9.07rem; background: url(../images/tcbg.jpg);background-size: 6rem 9.07rem; border-radius: 0.2rem !important; position: fixed; left:0; right:0; margin:0 auto; top:0; z-index:99999999999; display:none;}

#mflf_tanchuang_wrap{}
#yang_tanchuang_wrap{ z-index:9999999999999999; background:#fff;    border-radius: 0.2rem !important;width: 6rem;height: 5.2rem; position:fixed; margin:0 auto; left:0; right:0; top:20%; display:none}
#sjs_tanchuang_wrap{width: 6rem;height: 7.5rem;background:#fff;border-radius: 0.2rem !important; margin:0 auto; position:fixed; top:20%; left:0; right:0;display:none;z-index:9999999999999999;}
.cat_banner{ position:relative;}
.cat_banner span{ position:absolute; top:1rem; width:100%; text-align:center; display:block; font-size:.4rem; color:#fff;}
.contact_wrap{ overflow:hidden; margin-top:1rem;}
.contact_wrap .con_info ul{border:1px solid #ccc; border-radius:.2rem;} 
.contact_wrap .con_info ul li{ margin-top:.3rem; line-height:.5rem; font-size:.3rem; border-bottom:1px solid #ccc; }
.contact_wrap .map{ height:6rem;}
.pageRemark,.page_num{ display:none !important;}
.pagination{ overflow:hidden; display:inline-block}
.wap_page{ text-align:center;}