@charset "utf-8";

*{box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; padding:0; font-size: .2rem;}
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; width: 100%; height: 100%; }
body{width: 7.5rem; height: 100%; position: relative; display: none; margin: 0 auto; background: #efefef; }
ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#000;}
h1{font-size: 0.44rem;}h2{font-size:0.4rem}h3{font-size:0.34rem}h4{font-size:0.3rem}h5{font-size:0.24rem}h6{font-size:0.2rem;}
a{text-decoration:none;color:#000;}
img{border: 0;vertical-align:bottom; width: 100%; height: 100%;}
input,button{outline: none; border: none; -webkit-appearance:none; background: none; touch-action: none;}
i{display: inline-block; background-size: 100% 100%; }
input[type='button']:active,button:active,a:active{transition: opacity .2s; -webkit-transition: opacity .2s; opacity: .9;}
input[type='text']:focus,input[type='number']:focus,input[type='tel']:focus{transition: border-color .3s; -webkit-transition: border-color .3s; border-color: #c79e68 !important;}
.clear{clear: both;}
.layui-flow-more{width: 100%; padding: .3rem 0;}
.layui-flow-more a cite{background: none;}
.layui-m-layer{z-index: 999998 !important;}
.layui-layer-photos{width: 100% !important;left: 0 !important;height: auto !important;}

/*common*/
.container{width: 7.5rem; background: #fff; margin-bottom: .2rem; padding: .3rem;}
.image-center{background-size: cover; background-position: top center;}

/*header*/
header{width: 7.5rem; height: 1.5rem; background: url(http://image.shj.cn:8888/static/mweb/images/head_bg.jpg) top center; background-size: cover; position: relative;}
.header-city{position: absolute; top: .205rem; left: .3rem; height: .44rem; display:-webkit-flex; display: flex; -webkit-align-items:center; align-items:center;}
.header-city span{font-size: .24rem; margin-right: .1rem;}
.header-city i{background-image: url(http://image.shj.cn:8888/static/mweb/images/head_icon1.png); width: .2rem; height: .23rem; }
.header-logo{width: 2.1rem; height: 100%; margin: 0 auto;}
.header-logo img{width: 2.1rem; height: .44rem; margin-top: .205rem;}
.header-height{display: none; height: .85rem;}

/*nav*/
nav{width: 7.5rem; height: .65rem; background: url(http://image.shj.cn:8888/static/mweb/images/head_bg.jpg) bottom center; background-size: cover; line-height: .57rem; position: absolute; top: .85rem;}
nav .swiper-slide{text-align: center; width: auto; margin: 0 .22rem; transition: color .4s; -webkit-transition: color .4s;}
nav .swiper-slide:first-child{margin-left: .44rem;}
nav .swiper-slide a{font-size: .28rem;}
nav .swiper-slide i{width: 100%; height: .04rem; border-radius: .02rem; background: #c79e68; position: absolute; bottom: 0; left: 0; opacity: 0; transition: opacity .4s; -webkit-transition: opacity .4s; }
nav .swiper-active{color: #c79e68;}
nav .swiper-active i{opacity: 1;}
nav.active{position: fixed; top: 0; left: calc((100% - 7.5rem) / 2); z-index: 199323;}

/*footer*/
footer{width: 7.5rem; height: 1.4rem; padding-top: .32rem; position: fixed; bottom: 0; left: calc((100% - 7.5rem) / 2); z-index: 199323;}
footer ul{background: #fff; width: 100%; height: 1.08rem; display: flex; display: -webkit-flex; -webkit-justify-content:space-around; justify-content: space-around;}
footer ul a,footer div a{width: 1.1rem; height: 100%; padding: .1rem 0;}
footer ul a i,footer div a i{display: block; margin: 0 auto; width: 100%; height: .4rem; background-position: center center; background-repeat: no-repeat;}
footer ul a:nth-child(1) i{background-image: url(http://image.shj.cn:8888/static/mweb/images/foot_icon1.png); background-size: .27rem .31rem;}
footer ul a:nth-child(2) i{background-image: url(http://image.shj.cn:8888/static/mweb/images/foot_icon2.png); background-size: .38rem .31rem;}
footer ul a:nth-child(3) i,footer div i{width: .5rem; height: .5rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/font_icon3.png); background-size: .5rem .5rem; margin-top: -.1rem;}
footer ul a:nth-child(4) i{background-image: url(http://image.shj.cn:8888/static/mweb/images/font_icon4.png); background-size: .28rem .31rem;}
footer ul a:nth-child(5) i{background-image: url(http://image.shj.cn:8888/static/mweb/images/font_icon5.png); background-size: .31rem .31rem;}
footer ul a h4,footer div a h4{margin-top: .1rem; font-size: .26rem; text-align: center;}
footer ul a:nth-child(3){border-top: 1px solid #fff; margin-top: -1px;}
footer div{width: 1.3rem; height: 1.3rem; background: #fff; position: absolute; top: 0; left: calc((100% - 1.3rem) / 2); border-radius: 50%; z-index: -1;}

/*index hot*/
.hotdy{margin-bottom: 0;display: flex;display: -webkit-flex;padding-bottom: 0;}
.hotdy h3{font-size: 0.3rem;padding-left: 0.35rem;background-image: url(http://image.shj.cn:8888/static/mweb/images/dyyes.png);background-position: left;background-repeat: no-repeat;background-size: 0.29rem 0.29rem;color: #e30707;}
.hotdy h3:nth-child(2){background-image: url(http://image.shj.cn:8888/static/mweb/images/dyyh.png);margin-left: 0.25rem;}

/*index four-nav*/
.index-four-nav{background-color: #fff;margin-bottom: 0.2rem;padding: 0.5rem;display: flex;justify-content: space-between;width: 100%;}
.index-four-nav a{width: 1.2rem;display: flex;flex-direction: column;align-items: center;justify-items: center;}
.index-four-nav a div{width: 1rem;height: 1rem;border-radius: 0.25rem;position: relative;}
.index-four-nav a div img{position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;}
.index-four-nav a p{font-size: 0.26rem;color: #4c4c4c;margin-top: 0.17rem;}



/*loading*/
.loading-wrap{width: 100%; height: calc(100% - .85rem - .65rem); background: #fff; position: absolute; top: 1.5rem; left: 0; z-index: 999; }
.loading-wrap .loading{margin: 0 auto ; width: 2rem; text-align: center; padding-top: .8rem;  }
.loading-wrap .pullloading{padding: 0; display: none;}
.loading-wrap .loading h5{line-height: .7rem; color: #a6a6a6;}
.loading-wrap .loading .dot-wrap{width: 2rem; height: .3rem; }
.loading-wrap .loading .dot-wrap div{width: .3rem; height: .3rem; background: #a6a6a6; border-radius: 50%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both; }
.loading-wrap .loading .dot-wrap .dot1{-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.loading-wrap .loading .dot-wrap .dot2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% {transform: scale(0.0); -webkit-transform: scale(0.0);
  } 40% { transform: scale(1.0); -webkit-transform: scale(1.0);}
}

/*choose city*/
.choose-city-wrap{width: 7.5rem; height: auto; }
.choose-city-wrap .label, .choose-city-wrap .city-list, .choose-city-wrap .hot-list{width: 100%; height: .8rem; display: flex; display: -webkit-flex; -webkit-align-items:center; align-items:center; font-size: .3rem; padding: 0 .3rem;}
.choose-city-wrap .hot-list{background: #fff;}
.choose-city-wrap .hot-list span{font-size: .3rem; margin-right: .4rem;}
.choose-city-wrap .city-list{background: #fff; margin-bottom: 1px;}
.choose-city-wrap i{width: .26rem; height: .3rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/head_icon1.png); background-size: .26rem .3rem; margin-right: .15rem; background-repeat: no-repeat;}
.choose-city-wrap i.hot{width: .22rem; background-size: .22rem .3rem;  background-image: url(http://image.shj.cn:8888/static/mweb/images/hot.png);}

/*404*/
.page_404{width: 7.5rem; height: calc(100% - .85rem); background: url(http://image.shj.cn:8888/static/mweb/images/404_01.jpg); background-size: cover; display: flex; display: -webkit-flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;}
.page_404_img{width: 2.59rem; height: 2.6rem; position: relative;}
.page_404_img img{width: 100%; height: 100%;}
.page_404_img a{position: absolute; width: 1.21rem; height: .4rem; bottom: 0; left: .69rem;}

/*flow loading*/
.flow-load{width: 100%; height: .8rem; display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:center; align-items:center;}
.flow-load .loading{height: .26rem; width: .26rem; border-radius: 100%; border: 1px solid #009688; border-bottom-color: transparent; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; margin-right: .15rem;}
.flow-load span{color: #009688; font-size: .24rem;}
@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

/*alert*/
.jq-alert{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;-webkit-align-items:center;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3);z-index:999999;}
.jq-alert .alert{background-color:#fff;width:80%;height:auto;border-radius:4px;overflow:hidden}
.jq-alert .alert .title{position:relative;margin:0;font-size:.3rem;height:.8rem;line-height:.8rem;text-align:center;font-weight:400;color:rgba(0,0,0,.8)}
.jq-alert .alert .content{padding: 0 .3rem .3rem;font-size:.28rem; color:rgba(0,0,0,.6)}
.jq-alert .alert .content .prompt{width:100%}
.jq-alert .alert .content .prompt .prompt-content{font-size:.28rem;color:rgba(0,0,0,.54)}
.jq-alert .alert .content .prompt .prompt-text{background:0 0;border:0;outline:0;width:100%;height:.6rem;box-sizing:border-box;margin-top:.2rem;background-color:#fff; border:1px solid #dcdcdc; text-indent: .1rem; font-size: .26rem;}
.jq-alert .alert .fd-btn{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;-webkit-align-items:center;justify-content:center;align-items:center}
.jq-alert .alert .fd-btn:after{position:absolute;content:"";top:0;left:0;width:100%;height:1px;background-color:#f3f3f3}
.jq-alert .alert .fd-btn a{width:100%;height:.8rem;font-size:.26rem;display:flex;flex-direction:row;align-items:center;justify-content:center;color:rgba(0,0,0,.8)}
.jq-alert .alert .fd-btn a.cancel{position:relative;color:rgba(0,0,0,.5)}
.jq-alert .alert .fd-btn a.cancel:after{content:"";position:absolute;top:.1rem;right:0;width:1px;height:.6rem;background-color:#f3f3f3}
.jq-alert .alert .fd-btn a.confirm{color:#2196f3}
.jq-alert .alert .fd-btn a.confirm:active{background-color:#2196f3;color:#fff}
.jq-toast{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}
.jq-toast .toast{max-width:80%;padding:.1rem .2rem;background-color:rgba(0,0,0,.48);color:#fff;border-radius:4px;font-size:.28rem}

.page{width: 7.5rem; height: auto; position: relative; }
.page-container{width: 100%; height: auto; padding-bottom: 1.4rem; }

/*index banner*/
.banner{width: 7.5rem; height: 3.8rem; position: relative;}
.banner .swiper-slide{width: 7.5rem; height: 3.8rem; }
.banner .swiper-pagination-bullet{background: #fff; opacity: .5; width: .5rem; height: .05rem; border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: #fff; opacity: .9;}

/*consult-form*/
.consult-form{height: 1.3rem; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; }
.consult-form .input{background-image: url(http://image.shj.cn:8888/static/mweb/images/inputbg.png);background-size: 0.82rem 0.75rem;height: 100%; font-size: .26rem; border: 1px solid #bfbfbf; border-radius: .1rem; text-indent: .2rem; transition: border-color .2s; -webkit-transition: border-color .2s; width: 1.8rem;}
.consult-form .input[type='tel']{width: 2.7rem;}
.consult-form .button{font-size: .26rem; text-align: center; border-radius: .1rem; color: #fff; width: 1.8rem; background: #c79e68;background-image: url(http://image.shj.cn:8888/static/mweb/images/buttonbg.png);background-size: 0.82rem 0.75rem;}

/*style-design*/
.style-design{width: 7.5rem; background: #fff; margin-bottom: .2rem; padding: .3rem 0;}
.style-design .title{width: 100%; height: .8rem; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; border-bottom: 1px solid #e8e8e8; line-height: .8rem; padding: 0 .3rem; }
.style-design .title a{font-size: .28rem; color: #00ae66;}
.style-design .label{font-size: .28rem; color: #727272; line-height: .8rem; padding: 0 .3rem; }
.style-design .style-swiper{margin: .2rem 0 .2rem .3rem;}
.style-design .swiper-slide{width: 3.1rem; height: 3.5rem; margin-right: .2rem; border-radius: .14rem; overflow: hidden;}
.style-design .swiper-slide:last-child{margin-right: .3rem;}
.style-design .swiper-hint{text-align: center; color: #00ae66; font-size: .24rem;}
.style-design .swiper-slide h3,.style-design .swiper-slide h5{color: #fff; width: 100%; text-align: center; position: absolute; left: 0;}
.style-design .swiper-slide h3{top: 1.3rem;}
.style-design .swiper-slide h5{top: 1.8rem;}
.style-design .style-banner{width: 6.9rem; height: 1.9rem; margin: .2rem .3rem;}

/*quote-form*/
.quote-form{background: url(http://image.shj.cn:8888/static/mweb/images/quote_bg.jpg); background-size: cover;}
.quote-form .quote-banner{width: 6.9rem; height: 1.9rem; margin: .1rem 0 .3rem;}
.quote-form input{width: 100%; height: .9rem; font-size: .26rem; border: 1px solid #bfbfbf; border-radius: .1rem; text-indent: .2rem; margin-bottom: .2rem;}
.quote-form button{width: 100%; height: .9rem; font-size: .32rem; display:-webkit-flex; display: flex; -webkit-align-items:center; align-items:center; background: #c79e68;background-image: url(http://image.shj.cn:8888/static/mweb/images/buttonbg.png);background-size: 0.82rem 0.9rem; color: #fff; margin-top: .3rem; -webkit-justify-content: center; justify-content: center; border-radius: .1rem;}
.quote-form button i{width: .39rem; height: .39rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/bj_icon1.png); margin-right: .15rem;}
.quote-form .form-hint{margin: .3rem 0 .1rem;}

.content-flow{padding: .1rem 0 .2rem; background: #fff;}
/*index-flow*/
.flow-container{width: 7.5rem; height: auto;}
.flow-lists{padding: .2rem .3rem; width: 7.5rem; height: auto;}
.flow-label{margin-top: .3rem;  border-radius: .1rem; padding: .08rem .3rem; font-size: .24rem; display: inline-block;}
.flow-label-1{border: 1px solid #ffa200; color: #ffa200;}
.flow-label-2{border: 1px solid #17d876; color: #17d876;}
.flow-label-3{border: 1px solid #ff755a; color: #ff755a;}
.flow-label-4{border: 1px solid #42bde7; color: #42bde7;}
/*designer*/
.flow-designer{width: 100%; height: auto; padding: .3rem; box-shadow: 0 .05rem .25rem #e3e3e4; border-radius: .14rem; }
.flow-designer .designer{width: 100%; height: 2.9rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.flow-designer .designer-logo{width: 2rem; height: 2.9rem;}
.flow-designer .designer-info{width: 3.9rem; height: 100%; }
.flow-designer .designer-info .name{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; height: .8rem;}
.flow-designer .designer-info .name h3{line-height: .8rem; font-weight: 600;}
.flow-designer .designer-info .name h3 span{font-size: .24rem; color: #727272; margin-left: .14rem;}
.star{display:-webkit-flex; display: flex; -webkit-align-items:center; align-items:center; height: .8rem;}
.star i{background-image: url(http://image.shj.cn:8888/static/mweb/images/star.png); width: .22rem; height: .22rem; margin: 0 .02rem;}
.star i.starb{background-image: url(http://image.shj.cn:8888/static/mweb/images/starb.png);}
.flow-designer .designer-info .info h5{color: #727272; margin-top: .15rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.flow-designer .designer-info .btn{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; margin-top: .3rem;}
.flow-designer .designer-info .btn button{width: 1.8rem; height: .6rem; border-radius: .1rem; font-size: .24rem; border: 1px solid #c79e68; color: #c79e68; text-align: center; }
.flow-designer .designer-info .btn button:last-child{background: #c79e68; color: #fff;}
.flow-designer .designer-info .label{font-size: .22rem; color: #727272; margin-top: .68rem;}
.flow-designer .designer-info .label a{font-size: .22rem; color: #727272;}
.flow-designer .designer-info .label span{color: #c79e68; font-size: .24rem;}
/*case*/
.flow-case{width: 100%; height: auto; box-shadow: 0 .05rem .25rem #e3e3e4; padding-bottom: .1rem; border-radius: .14rem; overflow: hidden;}
.flow-case .case-image{width: 100%; height: 4rem; display:-webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:center; align-items:center;}
.flow-case .case-info{width: 100%; height: auto;  padding: .2rem; }
.flow-case .case-info .case-designer{width: .8rem; height: 1.1rem; float: left; border-radius: .1rem;}
.flow-case .case-info .info{width: 4.5rem; height: 100%; margin-left: .4rem; float: left;}
.flow-case .case-info .info .style{font-weight: 600; font-size: .3rem;}
.flow-case .case-info .info .title{font-size: .26rem; color: #585858; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.flow-case .case-info .icon{width: .2rem; height: 1.1rem; background: url(http://image.shj.cn:8888/static/mweb/images/jt_icon2.png) center center no-repeat; background-size: .14rem .26rem; float: right;}
.flow-case .video-info .info{margin-left: 0;}
.flow-case .case-image i{width: .88rem; height: .88rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/play_icon.png); }
/*strategy*/
.flow-strategy{width: 100%; height: auto; padding: .3rem; box-shadow: 0 .05rem .25rem #e3e3e4; border-radius: .14rem; }
.flow-strategy .strategy{width: 100%; height: 1.8rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.flow-strategy .strategy .strategy-image{width: 2.5rem; height: 1.8rem; border-radius: .12rem;}
.flow-strategy .strategy .strategy-info{width: 3.5rem; height: auto;}
.flow-strategy .strategy .strategy-info .title{font-weight: 600; font-size: .28rem; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; line-height: .4rem;}
.flow-strategy .strategy .strategy-info .description{font-size: .24rem; color: #727272; margin-top: .2rem; line-height: .35rem; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
/*site*/
.flow-strategy .strategy .site-info .title{font-size: .28rem; margin-top: .06rem;}
.flow-strategy .strategy .site-info .description{color: #373737; font-size: .24rem; margin-top: .1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.flow-strategy .strategy .site-info p{color: #373737; font-size: .24rem; margin-top: .1rem; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; line-height: .35rem;}

/*active*/
.flow-active{width: 100%; height: auto; padding: .3rem; box-shadow: 0 .05rem .25rem #e3e3e4; border-radius: .14rem; }
.flow-active .active-image{width: 100%; height: 4.2rem; }
.flow-active .title{font-size: .28rem; font-weight: 600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: .22rem;}
.flow-active .analysis-image{width: 100%; height: 3.7rem; position: relative;}
.flow-active .analysis-image div{position: absolute; top: 0; right: 0; width: auto; height: auto; background: #c79e68; color: #fff; font-size: .22rem; padding: .15rem; }
.flow-active .analysis-image div span{font-size: .35rem; font-weight: 600;}

/*site-form*/
.site-form{width: 100%; height: .75rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.site-form i{width: .5rem; height: .75rem; background: url(http://image.shj.cn:8888/static/mweb/images/site_icon.png) left center no-repeat; background-size: .5rem .5rem; }
.site-form input{font-size: .26rem; height: 100%; border-radius: .1rem; }
.site-form input[type='tel']{width: 3.9rem; border: 1px solid #bfbfbf; background: #f9f9f9; text-indent: .2rem; }
.site-form input[type='button']{width: 2.2rem; background: #c79e68; text-align: center; color: #fff;}

/*exclusive*/
.exclusive-banner-wrap{height: 3.5rem;}
.exclusive-banner-wrap .swiper-slide{height: 3.5rem;}
.exclusive-flag{width: 100%; height: .8rem; text-align: center; font-size: .3rem; line-height: .8rem; font-weight: 600;}
.exclusive-special{width: 6.9rem; height: auto; margin: .3rem .3rem; box-shadow: 0 .05rem .25rem #cfcfd0;}
.exclusive-special .exclusive-image{width: 6.9rem; height: 3rem; position: relative;}
.exclusive-special .exclusive-image div{position: absolute; top: .2rem; right: .2rem; width: auto; height: .48rem; line-height: .48rem; padding: 0 .3rem; color: #fff; font-size: .26rem; background: #fd9629; border-radius: .24rem;}
.exclusive-special .title{width: 100%; height: auto; padding: .2rem .24rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; background: #fff; -webkit-align-items:center; align-items:center;}
.exclusive-special .title i{width: .22rem; height: .22rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/dj_icon1.png);}

/*analysis*/
.analysis-show{width: 100%; height: auto;}
.analysis-show .headimg{height: 4rem;}
.analysis-show .house-info{width: 100%; height: auto; background: #fff; padding: .1rem .3rem .4rem;}
.analysis-show .house-info li{width: 100%; height: auto; display:-webkit-flex; display: flex;}
.analysis-show .house-info li i{width: .5rem; height: .7rem; background-position: left center; background-repeat: no-repeat;}
.analysis-show .house-info li:nth-child(1) i{background-size: .21rem .34rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/analysis_icon1.png);}
.analysis-show .house-info li:nth-child(2) i{background-size: .29rem .27rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/analysis_icon2.png);}
.analysis-show .house-info li:nth-child(3) i{background-size: .29rem .28rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/analysis_icon3.png);}
.analysis-show .house-info li div{width: 6.4rem; height: auto; border-bottom: 1px solid #eff3f6; line-height: .7rem; }
.analysis-show .house-info li div p{word-wrap:break-word; word-break:normal; }
.analysis-show .house-info li:nth-child(3) div{float: left;}
.analysis-show .house-info li:nth-child(3) div h5{width: 1.3rem; float: left;}
.analysis-show .house-info li:nth-child(3) div p{line-height: .4rem; float: left; font-size: .24rem; width: 5.1rem; padding: .15rem 0;}
.analysis-show .house-type{width: 100%; height: auto; padding: .4rem .3rem; margin-top: .3rem; background: #fff;}
.analysis-show .house-type .title{font-size: .4rem; font-weight: 600; text-align: center; line-height: .7rem;}
.analysis-show .house-type .title span{color: #00ae66; font-size: .4rem;}
.analysis-show .house-type .flag{text-align: center; font-size: .3rem; color: #555555; height: .5rem; line-height: .5rem;}
.analysis-show .house-type .house-type-image{width: 100%; height: 7.6rem; margin-top: .4rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-content:space-between; align-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.analysis-show .house-type .house-type-image li{width: 3.35rem; height: 3.7rem; position: relative;}
.analysis-show .house-type .house-type-image li div{background: #c79e68; width: 1.4rem; height: .5rem; color: #fff; position: absolute; top: 0; left: 0; text-align: center; line-height: .5rem; font-size: .24rem;}
.analysis-show .house-type .explain{width: 100%; height: auto; padding: .3rem; background: #eef2f3; margin-top: .2rem;}
.analysis-show .house-type .explain .title{width: 100%; text-align: center; font-size: .3rem; font-weight: 600; }
.analysis-show .house-type .explain p{width: 100%; line-height: .4rem; font-size: .26rem; margin-bottom: .1rem;}
.analysis-show .house-type .form{width: 100%; height: .75rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; margin: .4rem 0;}
.analysis-show .house-type .form input{border: 1px solid #bfbfbf; border-radius: .1rem; text-indent: .2rem; height: 100%; font-size: .24rem;}
.analysis-show .house-type .form input[type='text']{width: 2rem;}
.analysis-show .house-type .form input[type='tel']{width: 2.7rem;}
.analysis-show .house-type .form input[type='button']{width: 1.8rem; text-align: center; text-indent: 0; border: none; background: #c29a65; color: #fff; font-size: .28rem;}
.analysis-show .house-type .common-image{width: 6.9rem; height: auto;}

.analysis-list-banner-wrap{width: 100%; height: 3.4rem;}
.analysis-list-banner-wrap .swiper-slide{height: 3.4rem;}
.analysis-list-search{width: 100%; height: auto; border-bottom: 1px solid #eff3f6; padding: .3rem; background: #fff; display:-webkit-flex; display: flex;}
.analysis-list-search input{height: .6rem; font-size: .24rem;}
.analysis-list-search input[type='text']{text-indent: .2rem; width: 5.7rem; border: 1px solid #bfbfbf; border-right: none;}
.analysis-list-search input[type='button']{text-align: center; background: #c79e68; color: #fff; width: 1.2rem;}
.analysis-site-select{width: 100%; height: auto; padding: .3rem; background: #fff;  float: left;}
.analysis-site-select h5{width: 1.1rem; height: 100%; line-height: .5rem; float: left;}
.analysis-site-select ul{width: 5.2rem; height: .5rem;  float: left; overflow: hidden;}
.analysis-site-select ul li{width: auto; height: .5rem; padding: 0 .2rem; line-height: .5rem; border: 1px solid #bfbfbf; text-align: center; margin: 0 .1rem .2rem; transition: all .3s; -webkit-transition: all .3s; float: left;}
.analysis-site-select ul li.active{background: #298769; color: #fff; border-color: #298769;}
.analysis-site-select .more-btn{width: .6rem; height: .5rem; background: url(http://image.shj.cn:8888/static/mweb/images/jt_icon3.png) center center no-repeat; background-size: .3rem .18rem;  float: left; transition: transform .5s; -webkit-transition: transform .5s;}
.analysis-site-select .more-btn.active{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.analysis-lists{width: 100%; height: auto; padding: .3rem 0;}
.analysis-lists li{width: 100%; height: auto; position: relative; margin-bottom: .3rem;}
.analysis-lists li .analysis-image{width: 100%; height: 3.7rem;}
.analysis-lists li .analysis-image div{position: absolute; top: 0; right: 0; width: auto; height: auto; background: #c79e68; color: #fff; font-size: .22rem; padding: .15rem; }
.analysis-lists li .analysis-image div span{font-size: .35rem; font-weight: 600;}
.analysis-lists li .title{position: absolute; bottom: 0; left: 0; width: 100%; height: .7rem; line-height: .7rem; text-align: center; color: #fff; font-size: .26rem; background: rgba(0,0,0,.5);}

/*knowledge*/
.knowledge-nav{width: 100%; height: auto; padding: .35rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; background: #fff;}
.knowledge-nav li{width: 1.1rem; height: auto;}
.knowledge-nav li a{display: block;}
.knowledge-nav li a img{width: 1.1rem; height: 1.1rem;}
.knowledge-nav li a h4{text-align: center; font-size: .27rem; margin-top: .16rem;}
.knowledge-lists{width: 100%; height: auto; margin-top: .2rem; background: #fff; padding-bottom: .2rem;}
.knowledge-lists li{width: 100%; height: auto; padding: .3rem .2rem; border-bottom: 2px solid #efefef;}
.knowledge-lists li a{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.knowledge-lists li a .knowledge-image{width: 2.4rem; height: 2rem; border-radius: .1rem; }
.knowledge-lists li a .knowledge-info{width: 4rem; height: 100%;}
.knowledge-lists li a .knowledge-info .title{font-size: .28rem; font-weight: 600; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .06rem;}
.knowledge-lists li a .knowledge-info .date{font-size: .24rem; color: #727272; margin: .08rem 0;}
.knowledge-lists li a .knowledge-info .description{font-size: .24rem; color: #727272; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 3; line-height: .36rem;}
.knowledge-lists li a i{width: .2rem; height: 2rem; background: url(http://image.shj.cn:8888/static/mweb/images/jt_icon1.png) center center no-repeat; background-size: .15rem .24rem;}
.knowledge-show{width: 100%; height: auto; padding: .3rem; background: #fff;}
.knowledge-title{width: 100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .32rem; text-align: center;}
.knowledge-author{width: 100%; line-height: .6rem; font-size: .24rem; color: #727272; }
.knowledge-content{width: 100%; height: auto; }
.knowledge-content img,.knowledge-content video{width: 100%; height: auto;}
.knowledge-content *{font-size: .26rem; line-height: .4rem;}

/*casus*/
.casus-select{width: 100%; height: auto; padding: .3rem .2rem; background: #fff; opacity: 0; position: fixed;; top: 0; left: 0; z-index: -1; transition: opacity .5s; -webkit-transition: opacity .5s;}
.casus-select div{width: 100%; height: auto; padding: .1rem .15rem; border: 1px solid #e9e9e9; border-radius: .12rem;}
.casus-select div .nav{width: 100%; height: .5rem; display:-webkit-flex; display: flex; }
.casus-select div .nav li{width: calc(100% / 2); height: 100%; border-right: 1px solid #e9e9e9; display:-webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.casus-select div .nav li:last-child{border: none;}
.casus-select div .nav li h5{font-size: .28rem; transition: all .3s; -webkit-transition: all .3s;}
.casus-select div .nav li i{width: .2rem; height: .11rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/jp_icon3.png); background-position: 0 0; background-size: .2rem .3rem; transition: all .3s; -webkit-transition: all .3s; margin-left: .2rem;}
.casus-select div .nav li.active h5{color: #c79e68;}
.casus-select div .nav li.active i{background-position: 0 -.19rem;}
.casus-select div .option{width: 100%; height: auto; display:-webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: .1rem;}
.casus-select div .option li{width: auto; height: auto; border: 1px solid #e9e9e9; padding: .1rem .24rem; margin: .1rem; font-size: .26rem; border-radius: .06rem;}
.casus-select div .option li.active{border-color: #c79e68; color: #c79e68;}
.casus-lists{width: 100%; height: auto; padding: .3rem .2rem; margin-bottom: .2rem; background: #fff;}
.casus-lists li{width: 100%; height: 3.7rem; margin: .2rem 0;}
.casus-lists li:first-child{margin-top: 0;}
.casus-lists li:last-child{margin-bottom: 0;}
.casus-lists li a{display: block; position: relative;}
.casus-lists li a .casus-image{width: 100%; height: 3.7rem;}
.casus-lists li a .casus-info{background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); width: 100%; height: auto; position: absolute; bottom: 0; left: 0; padding: .25rem;}
.casus-lists li a .casus-info h4,.casus-lists li a .casus-info h5{color: #fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.casus-lists li a .casus-info .info{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; margin-top: .06rem;}
.casus-lists li a .casus-info .info i{width: .3rem; height: .21rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/jp_icon2.png); margin-right: .05rem;}
.casus-fixed-selectBtn{width: .8rem; height: .8rem; border-radius: 50%; background: #c79e68; color: #fff; font-size: .2rem; position: fixed; top: 5rem; left: .1rem; text-align: center; z-index: 1993; transition: left .5s; -webkit-transition: left .5s;}
.casus-fixed-selectBtn.active{left: -1rem;}
.casus-fixed-selectBtn i{width: .27rem; height: .27rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/jp_icon1.png); margin-top: .1rem;}

.casus-show{width: 100%; height: auto; background: #fff;}
.casus-show .casus-show-header{width: 100%; height: 4rem; position: relative;}
.casus-show .casus-show-banner{width: 100%; height: 4rem;}
.casus-show .casus-show-title{width: 6.3rem; height: 3rem; position: absolute; top: .5rem; left: .6rem; background: rgba(255,255,255,.9);}
.casus-show .casus-show-title h1,.casus-show .casus-show-title h5,.casus-show .casus-show-title h4{text-align: center; font-family: 宋体; font-weight: 600;}
.casus-show .casus-show-title h1{font-size: .6rem; font-weight: 600; margin-top: .2rem;}
.casus-show .casus-show-title h5{font-size: .3rem; margin-top: .1rem;}
.casus-show .casus-show-title h4{font-size: .32rem; }
.casus-show .casus-show-title h1 span{color: #f5354b; font-size: .6rem;}
.casus-show .casus-show-title i{width: 100%; height: .15rem; background: url(http://image.shj.cn:8888/static/mweb/images/jp_s_img1.png) center center no-repeat; background-size: 3.27rem .15rem;}
.casus-show .casus-show-title button{width: 1.8rem; height: .5rem; background: #298769; color: #fff; border-radius: .12rem; margin-left: 2.25rem; margin-top: .1rem;}
.casus-show .casus-show-info{width: 100%; height: auto; background: url(http://image.shj.cn:8888/static/mweb/images/quote_bg.jpg); background-size: cover; padding: .3rem;}
.casus-show .casus-show-info .casus-show-designer{width: 100%; height: auto; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.casus-show .casus-show-info .casus-show-designer .designer-image{width: 1.5rem; height: 2.3rem; border: .05rem solid #c79e68;}
.casus-show .casus-show-info .casus-show-designer .designer-info{width: 5.2rem; height: 2.4rem;}
.casus-show .casus-show-info .casus-show-designer .designer-info .title{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; width: 100%; }
.casus-show .casus-show-info .casus-show-designer .designer-info .title h3{font-size: .4rem; color: #c79e68; font-weight: 600;}
.casus-show .casus-show-info .casus-show-designer .designer-info .title h5{font-size: .26rem}
.casus-show .casus-show-info .casus-show-designer .designer-info .title h5 span{color: #c79e68; font-size: .26rem}
.casus-show .casus-show-info .casus-show-designer .designer-info .name{display:-webkit-flex; display: flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; margin-top: -.2rem;}
.casus-show .casus-show-info .casus-show-designer .designer-info .name h3{color: #c79e68; font-size: .3rem;}
.casus-show .casus-show-info .casus-show-designer .designer-info .name button{width: 1.3rem; height: .42rem; border-radius: .21rem; color: #fff; background: #000; font-size: .22rem; }
.casus-show .casus-show-info .casus-show-designer .designer-info .name button.active{background: #c79e68; }
.casus-show .casus-show-info .casus-show-designer .designer-info .flag{font-size: .24rem; line-height: .6rem; border-bottom: 1px solid #999999; margin-top: -.2rem;}
.casus-show .casus-show-info .casus-show-designer .designer-info .info h5{font-size: .24rem; margin-top: .05rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.casus-show .casus-show-info .synopsis{width: 100%; height: auto; margin-top: .3rem;}
.casus-show .casus-show-info .synopsis .title{font-weight: 600; font-size: .28rem; margin: .1rem 0;}
.casus-show .casus-show-info .synopsis p{line-height: .4rem; font-size: .24rem;}
.casus-show .casus-show-info .synopsis .image{width: 4.1rem; height: auto; margin: .14rem auto;}
.casus-show .casus-show-info .synopsis .image .houseType-image{width: 4.1rem; height: 4.1rem;}
.casus-show .casus-show-info .synopsis .image h5{text-align: center; margin-top: .15rem;}
.casus-show .space{width: 100%; height: auto; padding: .3rem 0;}
.casus-show .space .space-title{width: 100%; height: .72rem; position: relative; margin-bottom: .2rem;}
.casus-show .space .space-title div{text-align: center; position: absolute; left: 0; width: 100%; height: auto;}
.casus-show .space .space-title .english{top: 0; font-size: .5rem; color: #f2f2f2;}
.casus-show .space .space-title .chinese{bottom: 0; font-size: .4rem;}
.casus-show .space .space-image{width: 100%; height: 4.4rem; }
.casus-show .space .summarize{margin: .2rem .3rem; width: 6.9rem; height: auto; border: 1px solid #e5e5e5; border-radius: .12rem; padding: .26rem; background: url(http://image.shj.cn:8888/static/mweb/images/jp_s_img2.jpg) center center no-repeat; background-size: cover;}
.casus-show .space .summarize .title{text-align: center; font-size: .32rem; color: #c79e68; font-weight: 600;}
.casus-show .space .summarize p{margin-top: .2rem; line-height: .4rem; font-size: .24rem;}
.casus-show .space .all-summarize{margin: .2rem .3rem; width: 6.9rem; height: auto; border: 1px dotted #c79e68; border-radius: .12rem; padding: .3rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.casus-show .space .all-summarize .all-summarize-image{width: 1.1rem; height: 1.1rem; border-radius: 50%;}
.casus-show .space .all-summarize p{line-height: .4rem; color: #c79e68; font-size: .24rem; width: 5rem; height: auto;}
.casus-show .form{width: 100%; height: auto; padding: .2rem .3rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.casus-show .form input{height: .8rem; font-size: .26rem;}
.casus-show .form input[type='tel']{width: 4.2rem; border: 1px solid #e5e5e5; text-indent: .2rem;}
.casus-show .form input[type='button']{width: 2.5rem; background: #c79e68; color: #fff; text-align: center;}

/*case*/
.case-lists{width: 100%; height: auto;}
.case-lists li{width: 100%; height: auto; padding: .2rem; background: #fff; margin-bottom: .2rem;}
.case-lists li a{display: block; }
.case-lists li a .case-image{width: 100%; height: 3.9rem; position: relative; border-radius: .1rem;}
.case-lists li a .case-image div{position: absolute; top: .2rem; right: .2rem; width: auto; height: .48rem; line-height: .48rem; padding: 0 .3rem; color: #fff; font-size: .26rem; background: #fd9629; border-radius: .24rem;}
.case-lists li a .case-info{width: 100%; height: auto; padding: .2rem .3rem; background: #f8f8f8; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; border-bottom-left-radius: .1rem; border-bottom-right-radius: .1rem;}
.case-lists li a .case-info .designer-image{width: 1.4rem; height: 1.4rem; border-radius: 50%; }
.case-lists li a .info{width: 4rem; height: 1.4rem; }
.case-lists li a .info h3{margin: .08rem 0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .28rem;}
.case-lists li a .info h5{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: #686868;}
.case-lists li a i{width: .32rem; height: 1.4rem; background: url(http://image.shj.cn:8888/static/mweb/images/jt_icon5.png) center center no-repeat; background-size: .32rem .64rem;}

.case-lists li .case-info{width: 100%; height: auto; padding: .2rem .4rem 0.1rem; background: #f8f8f8; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; border-bottom-left-radius: .1rem; border-bottom-right-radius: .1rem;align-items: center;}
.case-lists li .case-info .designer-image{width: 1.4rem; height: 1.4rem; border-radius: 50%; }
.case-lists li .case-info .info-bt{width: 1.8rem; height: 0.64rem; border-radius: 0.08rem; background-color: #00ae66;color: #fff;font-size: 0.26rem;text-align: center;line-height: 0.64rem}
.case-lists li .info{width: 4rem; height: 0.88rem; }
.case-lists li .info h3{margin: .08rem 0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .28rem;}
.case-lists li .info h5{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: #686868;}
.case-lists li a i{width: .32rem; height: 1.4rem; background: url(http://image.shj.cn:8888/static/mweb/images/jt_icon5.png) center center no-repeat; background-size: .32rem .64rem;}

.case-show{width: 100%; height: auto;}
.case-show .designer{width: 100%; height: auto; padding: .2rem .3rem; background: #fff; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items: center; align-items: center; border-bottom: 1px solid #e5e5e5;}
.case-show .designer .designer-image{width: .9rem; height: .9rem; border-radius: 50%;}
.case-show .designer .designer-info{display:-webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; width: 3.5rem;}
.case-show .designer .designer-info h5{color: #727272; font-size: .26rem; margin-left: .16rem; vertical-align: bottom;}
.case-show .designer button{background: #00ae66; font-size: .26rem; color: #fff; border-radius: .1rem; width: 2rem; height: .6rem; }
.case-show .case-info{width: 100%; height: auto; padding: .3rem; background: #fff;border-bottom: 1px solid #e5e5e5;}
.case-show .case-info .title{font-size: .36rem;}
.case-show .case-info .info{width: 100%; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; margin-top: .1rem;}
.case-show .case-info .info h3{color: #686868; font-size: .3rem;}
.case-show .case-info .info h2{color: #686868; font-size: .3rem;}
.case-show .case-info .info h2 i{width: .29rem; height: .29rem; background: url(http://image.shj.cn:8888/static/mweb/images/al_icon1.png); background-size: .29rem .58rem; background-position: 0 0; margin-right: .1rem;}
.case-show .swiper{width: auto; height: auto; padding: .2rem 0 .2rem .2rem; background: #fff;}
.case-show .swiper .swiper-slide{width: 6.6rem; height: 4.9rem; margin-right: .2rem;}
.case-show .idea{background: #fff; width: 100%; padding: .2rem .2rem .4rem; font-size: .26rem; line-height: .5rem;}
.case-show .idea span{font-size: .3rem;}
.case-show .idea p{ display:inline; line-height:.3rem; font-size:.24rem;}
.case-show .form{width: 100%; padding: .2rem; background: #fff; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; margin: .2rem 0;}
.case-show .form input{height: .75rem; border-radius: .1rem; font-size: .26rem;}
.case-show .form input[type='tel']{width: 4rem; border: 1px solid #bfbfbf; background: #f9f9f9; text-indent: .2rem;}
.case-show .form input[type='button']{width: 2.2rem; background: #c79e68; color: #fff;}
.case-show .form i{width: .52rem; height: .75rem; background: url(http://image.shj.cn:8888/static/mweb/images/al_icon2.png) center center no-repeat; background-size: .52rem .52rem;}
.case-show .case-show-lists{background: #fff; width: 100%; height: auto; padding: .3rem .2rem; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap;
	flex-wrap:wrap; }
.case-show .case-show-lists li{width: 3.45rem; height: auto; }
.case-show .case-show-lists li a{display: block;}
.case-show .case-show-lists li a .case-image{width: 3.45rem; height: 2.6rem; border-radius: .12rem;}
.case-show .case-show-lists li a h5{text-align: center; line-height: .6rem; margin-bottom: .1rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.case-show .case-show-lists li:nth-child(odd){margin-right: .2rem; }
.case-show .case-content-show{width: 100%;height: auto;background-color: #fff;padding-bottom: 0.01rem}
.case-show .case-content-show img{ margin-bottom:.1rem; padding:0 1%;}
.case-show .case-content-show .case-content-img{width: 7.1rem;height: auto;margin: 0 auto 0.3rem}
.case-show .case-content-show p{font-size: .26rem;line-height: 0.4rem;width: 7.1rem;margin: 0 auto 0.3rem;text-indent: 2em}
.case-show .newtitle{background-color: #fff;padding: 0.3rem 0.2rem 0}
.case-show .newtitle h4{font-size: 0.28rem;height: 0.34rem;width:100%;line-height: 0.34rem;margin: 0 0rem}
.case-show i{width: 0.34rem;height: 0.34rem;background-image: url(http://image.shj.cn:8888/static/mweb/images/brj.png);background-size: cover;display: inline-block;float: left;margin-right: 0.1rem}
 .formnew{background-color: #fff;margin-bottom: 0.2rem;margin-top: 0.2rem;padding-top: 0.01rem;padding-bottom: 0.3rem}
 .formnew h4{font-size: 0.28rem;height: 0.34rem;line-height: 0.34rem;margin: 0.3rem 0.2rem;display: block;}
 .formnew h4 i{width: 0.34rem;height: 0.34rem;background-image: url(http://image.shj.cn:8888/static/mweb/images/bjnew.png);background-size: cover;display: inline-block;float: left;margin-right: 0.1rem}
 .formnew input{display: block;width: 6.9rem;height: 0.75rem;border-radius: 0.05rem;margin: 0 auto;font-size: 0.26rem;}
 .formnew #area,.formnew .DyInputOne{background-image: url(http://image.shj.cn:8888/static/mweb/images/fz.png);background-color: #eaeaea; padding-left: 1rem;padding-right: 0.2rem;background-size: 0.39rem 0.37rem;background-repeat: no-repeat;background-position: left;background-position-x: 0.3rem;margin-bottom: 0.2rem;}
 .formnew .DyInputThree{background-image: url(http://image.shj.cn:8888/static/mweb/images/namedy.png);background-color: #eaeaea; padding-left: 1rem;padding-right: 0.2rem;background-size: 0.34rem 0.37rem;background-repeat: no-repeat;background-position: left;background-position-x: 0.3rem;margin-bottom: 0.2rem;}
 .formnew #tel,.formnew .DyInputTwo{background-image: url(http://image.shj.cn:8888/static/mweb/images/dh.png);background-color: #eaeaea; padding-left: 1rem;padding-right: 0.2rem; background-size: 0.35rem 0.34rem;background-repeat: no-repeat;background-position: left;background-position-x: 0.3rem;} 
 .formnew .input_button{background-image: url(http://image.shj.cn:8888/static/mweb/images/bgyy.jpg);background-size: 0.82rem 0.85rem;background-position: left;color: #fff;margin-top: 0.3rem;}
/*designer*/
.designer-list .form{width: 100%; padding: .4rem .3rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.designer-list .form input{height: .75rem; border-radius: .1rem; font-size: .26rem;}
.designer-list .form input[type='tel']{width: 3.8rem; border: 1px solid #bfbfbf; background: #f9f9f9; text-indent: .2rem;}
.designer-list .form input[type='button']{width: 2.2rem; background: #c79e68; color: #fff;}
.designer-list .form i{width: .43rem; height: .75rem; background: url(http://image.shj.cn:8888/static/mweb/images/sjs_icon1.png) center center no-repeat; background-size: .43rem .61rem;}
.designer-list .lists{width: 100%; height: auto;}
.designer-list .lists li{width: 100%; height: auto; padding: .3rem; box-shadow: 0 .05rem .25rem #e3e3e4; border-radius: .14rem; background: #fff; margin-bottom: .3rem;}
.designer-list .lists a{display: block; }
.designer-list .lists .designer{width: 100%; height: auto; padding:  display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; }
.designer-list .lists .designer-logo{width: 2rem; height: 2.9rem;}
.designer-list .lists .designer-info{width: 4.1rem; height: 100%; }
.designer-list .lists .designer-info .name{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; height: .6rem;}
.designer-list .lists .designer-info .name h3{line-height: .8rem; font-weight: 600;}
.designer-list .lists .designer-info .name h3 span{font-size: .24rem; color: #727272; margin-left: .14rem;}
.designer-list .lists .designer-info .info h5{color: #727272; margin-top: .15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.designer-list .lists .designer-info .info h5 span{color: #c79e68; font-size: .24rem;}
.designer-list .lists .designer-info .btn{display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; margin-top: .2rem;}
.designer-list .lists .designer-info .btn button{width: 1.8rem; height: .6rem; border-radius: .1rem; font-size: .24rem; border: 1px solid #c79e68; color: #c79e68; text-align: center; }
.designer-list .lists .designer-info .btn button:last-child{background: #c79e68; color: #fff;}

.designer-show{width: 100%; height: auto; }
.designer-show .designer{width: 100%; height: auto; padding: .3rem; background: url(http://image.shj.cn:8888/static/mweb/images/sjs_s_bg.jpg); background-size: cover; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.designer-show .designer .designer-image{width: 2.2rem; height: 3.4rem; border: .05rem solid #c79e68;}
.designer-show .designer .designer-info{width: 4.4rem; height: auto;}
.designer-show .designer .designer-info .title{font-size: .36rem; font-weight: 600; color: #c79e68;}
.designer-show .designer .designer-info .name{display:-webkit-flex; display: flex; line-height: .8rem; margin-top: -.15rem;}
.designer-show .designer .designer-info .name h3{color: #c79e68; margin-right: .2rem; font-size: .3rem;}
.designer-show .designer .designer-info .flag{font-size: .24rem; line-height: .6rem; border-bottom: 1px solid #959595; margin-top: -.25rem;}
.designer-show .designer .designer-info .info h4{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: .55rem; font-size: .24rem;}
.designer-show .designer .designer-info .info h5{font-size: .22rem;}
.designer-show .designer .designer-info .info h5:last-child{margin-top: .05rem; }
.designer-show .designer .designer-info .info h5 span{color: #00ae66; font-size: .22rem;}
.designer-show .designer .designer-info .btn{display:-webkit-flex; display: flex;}
.designer-show .designer .designer-info .btn button{width: 1.7rem; height: .46rem; border-radius: .23rem; color: #fff; font-size: .24rem; background: #c79e68; margin-top: .18rem;}
.designer-show .designer .designer-info .btn button:last-child{background: #000; margin-left: .2rem;}
.designer-show .idea{background: #fff; width: 100%; padding: .3rem .8rem; height: auto; }
.designer-show .idea *{text-align: center;}
.designer-show .idea .title{font-size: .32rem;}
.designer-show .idea p{font-size: .26rem; line-height: .4rem;}
.designer-show .production{width: 100%; height: auto; padding: .2rem 0 0; }
.designer-show .production .title{width: 100%; height: .8rem; border-bottom: 1px solid #f0f0f0; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; padding: 0 .3rem; background: #fff;}
.designer-show .production .title li{width: 1.8rem; height: 100%; font-size: .3rem; line-height: .8rem; text-align: center;}
.designer-show .production .title li.active{border-bottom: 2px solid #19a87c;}
.designer-show .production .production-data{width: 7.5rem; height: auto; background: #fff;}
.designer-show .production-case-list{width: 7.5rem; height: auto; background: #fff; padding-bottom: .4rem;}
.designer-show .production-case-list li{width: 100%; height: auto; padding: .3rem; margin-bottom: .2rem; background: #fff;}
.designer-show .production-case-list li {display: block;}
.designer-show .production-case-list li  .case-image{width: 100%; height: 3.8rem; border-radius: .1rem;}
.designer-show .production-case-list li  .case-info{width: 100%; height: .8rem; margin: .2rem 0 0; padding: 0 .1rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items: center;}
.designer-show .production-case-list li  .case-info .info{display:-webkit-flex; display: flex; -webkit-align-content:space-between; align-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; width: 4.4rem; height: 100%;}
.designer-show .production-case-list li  .case-info .info h4{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.designer-show .production-case-list li  .case-info .info h5{color: #676767;}
.designer-show .production-case-list li  .case-info button{width: 1.8rem; height: .56rem; border-radius: .28rem; color: #fff; background: #19a87c; font-size: .26rem;}
.designer-show .production-site-list{width: 7.5rem; height: auto; background: #fff; padding-bottom: .4rem;}
.designer-show .production-site-list li{width: 100%; height: auto; padding: .3rem; margin-bottom: .2rem; background: #fff; display:-webkit-flex; display: flex;  -webkit-justify-content:space-between; justify-content:space-between;}
.designer-show .production-site-list li .site-image{width: 3.3rem; height: 2.4rem;}
.designer-show .production-site-list li .site-info{width: 3.4rem; height: 2.4rem;}
.designer-show .production-site-list li .site-info h4{line-height: .45rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.designer-show .production-site-list li .site-info h5{line-height: .5rem;}
.designer-show .production-site-list li .site-info p{line-height: .4rem; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.designer-show .production-site-list li .site-info button{width: 2.4rem; height: .54rem; border: 1px solid #d9d9d9; font-size: .26rem; margin-top: .16rem; display:-webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:center; align-items:center;}
.designer-show .production-site-list li .site-info button i{width: .23rem; height: .23rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/sjs_icon2.jpg); margin-right: .1rem;}
.designer-show .production-comment-list{width: 7.5rem; height: auto; background: #fff; padding-bottom: .4rem;}
.designer-show .production-comment-list li{width: 100%; height: auto; padding: .3rem; border-bottom: 1px solid #eeeeee;}
.designer-show .production-comment-list li:last-child{border: none;}
.designer-show .production-comment-list li .comment-title{width: 100%; height: .8rem; line-height: .75rem; display:-webkit-flex; display: flex;}
.designer-show .production-comment-list li .comment-title h3{margin-right: .2rem;}
.designer-show .production-comment-list li .comment-title span{color: #a6a6a6; margin-left: .15rem; margin-top: .05rem;}
.designer-show .production-comment-list li p{font-size: .26rem; color: #747474; line-height: .4rem; margin-top: -.1rem;}
.designer-show .production-comment-list li .swiper{width: 100%; height: 4rem; margin-top: .1rem;}
.designer-show .production-comment-list li .swiper .swiper-slide{width: 100%; height: 4rem; display: flex; display:-webkit-flex; -webkit-align-items:center; align-items:center;}
.designer-show .production-comment-list li .swiper .swiper-slide img{width: 100%; height: 4rem;}
.designer-show .no-interest{width: 100%; height: auto; background: #fff; margin-top: .2rem; padding: .35rem; display: none;}
.designer-show .no-interest h4{text-align: center; color: #646464; }
.designer-show .no-interest .btn{width: 100%; height: auto; display: flex; display:-webkit-flex; -webkit-justify-content: center; justify-content: center; margin-top: .25rem;}
.designer-show .no-interest .btn a{display: block; width: 2.6rem; height: .7rem; border-radius: .08rem; border: 1px solid #c79e68; background: #c79e68; color: #fff; text-align: center; line-height: .7rem; font-size: .26rem;}
.designer-show .no-interest .btn a:first-child{color: #c79e68; background: #fff; margin-right: .3rem;}
.designer-comment{width: 100%; height: auto; background: #eeeeee;}
.designer-comment .designer{width: 100%; height: auto; padding: .3rem; background: #fff; display:-webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.designer-comment .designer .designer-image{width: 2.2rem; height: 3.4rem; border: .05rem solid #c79e68;}
.designer-comment .designer .designer-info{width: 4.4rem; height: auto;}
.designer-comment .designer .designer-info .title{font-size: .45rem; font-weight: 600; color: #c79e68; margin-top: .05rem;}
.designer-comment .designer .designer-info .name{color: #c79e68; font-size: .32rem; margin-bottom: .05rem;}
.designer-comment .designer .designer-info .flag{font-size: .26rem; margin-bottom: .15rem;}
.designer-comment .designer .designer-info .star{height: auto; margin-top: -.1rem; margin-bottom: .15rem;}
.designer-comment .designer .designer-info .star i{width: .28rem; height: .28rem;}
.designer-comment .designer .designer-info ul{width: 100%; height: auto; display:-webkit-flex; display: flex;}
.designer-comment .designer .designer-info ul li{padding: .06rem .15rem; font-size: .2rem; background: #f7f7f7; border-radius: .06rem; margin-right: .1rem;}
.designer-comment .designer .designer-info ul li.active{color: #fff; background: #caa370;}
.designer-comment .designer-comment-option{width: 100%; height: auto; background: #fff; margin-top: .2rem; padding: .3rem;}
.designer-comment .designer-comment-option h4{margin-bottom: .2rem;}
.designer-comment .designer-comment-option ul{width: 100%; height: auto; display: flex; display:-webkit-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.designer-comment .designer-comment-option ul li{width: 2.14rem; height: .6rem; border-radius: .08rem; border: 1px solid #e1e1e1; position: relative; overflow: hidden; text-align: center; line-height: .6rem; font-size: .26rem; margin-bottom: .2rem;}
.designer-comment .designer-comment-option ul li span{color: #d5b893; font-size: .26rem;}
.designer-comment .designer-comment-user{width: 100%; height: auto; background: #fff; padding: .3rem; margin-top: .2rem;}
.designer-comment .designer-comment-user .text-wrap{width: 100%; height: 2.2rem; padding: .2rem; border: 1px solid #dcdcdc; border-radius: .08rem;}
.designer-comment .designer-comment-user .text-wrap textarea{width: 100%; height: 1.3rem; font-size: .26rem; color: #727272; border: none; resize: none;}
.designer-comment .designer-comment-user .text-wrap textarea.active{color: #000;}
.designer-comment .designer-comment-user .text-wrap p{font-size: .26rem; text-align: right; line-height: .5rem; color: #727272;}
.designer-comment .designer-comment-user .upload-wrap{width: 100%; height: auto;  margin-top: .3rem; display:-webkit-flex; display: flex; }
.designer-comment .designer-comment-user .upload-wrap div{width: 1.3rem; height: 1.3rem; border-radius: .08rem; overflow: hidden; margin-left: .1rem; position: relative; border: 1px solid #fff;}
.designer-comment .designer-comment-user .upload-wrap #uploadFileBtn{display: none;}
.designer-comment .designer-comment-user .upload-wrap .upload-btn{border-color: #dcdcdc; font-size: .24rem; display: flex; display:-webkit-flex; -webkit-align-items:center; align-items:center; color: #727272; -webkit-justify-content:center; justify-content:center;}
.designer-comment .designer-comment-user .upload-wrap .upload-img-thumb span{width: .54rem; height: .5rem; background-color: #fff; position: absolute; top: -.2rem; right: -.2rem; border-radius: 50%; font-size: .4rem; padding: .14rem 0 0 .08rem; color: #727272;}
.designer-comment .designer-comment-user .submit-btn{font-size: .3rem; color: #fff; text-align: center; line-height: .8rem; width: 100%; height: .8rem; border-radius: .08rem; background: #caa370; margin-top: .3rem;}

/*site*/
.site-list-select{margin: .2rem 0;}
.site-list .production-site-list{width: 7.5rem; height: auto; background: #fff; padding-bottom: .4rem;}
.site-list .production-site-list li{width: 100%; height: auto; padding: .3rem; background: #fff; display:-webkit-flex; display: flex;  -webkit-justify-content:space-between; justify-content:space-between; border-bottom: 1px solid #efefef;}
.site-list .production-site-list li .site-image{width: 3.3rem; height: 2.4rem;}
.site-list .production-site-list li .site-info{width: 3.4rem; height: 2.4rem;}
.site-list .production-site-list li .site-info h4{line-height: .45rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.site-list .production-site-list li .site-info h5{line-height: .5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.site-list .production-site-list li .site-info p{line-height: .4rem; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.site-list .production-site-list li .site-info button{background-color: #c79e68; border-radius: 0.1rem; color: #fff; width: 2.4rem; height: .54rem;  font-size: .26rem; margin-top: .16rem; display:-webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:center; align-items:center;}
.site-list .production-site-list li .site-info button i{width: .23rem; height: .23rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/sjs_icon2.jpg); margin-right: .1rem;}
.site-show{width: 100%; height: auto; }
.site-show .site-image{width: 100%; height: 3.4rem; }
.site-show .site-info{width: 100%; height: auto; padding: .24rem; background: #fff;}
.site-show .site-info .title{font-size: .3rem; font-weight: 600;}
.site-show .site-info p{margin: .3rem 0; line-height: .4rem; font-size: .26rem;}
.site-show .site-info .info{width: 100%; height: .3rem; display:-webkit-flex; display: flex; -webkit-align-items:center; align-items:center;}
.site-show .site-info .info i{width: .23rem; height: .23rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/sjs_icon2.jpg); margin-right: .1rem;}
.site-show .site-info .info h4{font-size: .26rem;}
.site-show .site-info .info h4 span{color: #ceab7e; font-size: .26rem;}
.site-show .site-info .info a{margin-left: .5rem; font-size: .26rem;display: inline-block;padding: 0.1rem;background-color: #c79e68; color: #fff;padding-right: 0;border-radius: 0.1rem}
.site-show .site-info .info a i{width: .08rem; height: .17rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/jt_dyicon.png); margin-left: .1rem;}
.site-show .site-info ul{width: 100%; height: auto; display:-webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: .3rem 0 .2rem;}
.site-show .site-info ul li{width: 2.2rem; height: auto;}
.site-show .site-info ul li .info-image{width: 2.2rem; height: 2.2rem;}
.site-show .site-info ul li h5{margin-top: .2rem; text-align: center;}
.site-show .site-stage{width: 100%; height: auto; }
.site-show .site-stage li{width: 100%; height: auto; background: #fff; padding-bottom: .3rem;}
.site-show .site-stage li dl{width: 100%; height: 1.4rem; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; display:-webkit-flex; display: flex;}
.site-show .site-stage li dd{width: 50%; height: 1.4rem; display:-webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:center; align-items:center;}
.site-show .site-stage li dd:first-child{border-right: 1px solid #f4f4f4;}
.site-show .site-stage li dd i{width: .66rem; height: .66rem; margin-right: .1rem;}
.site-show .site-stage li dd:first-child i{background-image: url(http://image.shj.cn:8888/static/mweb/images/gd_icon1.png);}
.site-show .site-stage li dd:last-child i{background-image: url(http://image.shj.cn:8888/static/mweb/images/gd_icon2.png);}
.site-show .site-stage li dd div{width: 2.3rem;}
.site-show .site-stage li dd div h4{color: #298769;}
.site-show .site-stage li dd div h5{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
.site-show .site-stage li p{line-height: .4rem; font-size: .26rem; padding: .24rem;}
.site-show .site-stage li .swiper{width: 100%; height: 3.7rem; padding-left: .24rem;}
.site-show .site-stage li .swiper .swiper-slide{width: 3.1rem; height: 3.7rem; margin-right: .2rem;}
.site-show .form{width: 100%; height: auto; padding: .2rem; margin: .2rem 0; display:-webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items:center; align-items:center; background: #fff;}
.site-show .form i{width: .49rem; height: .49rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/gd_icon3.png);}
.site-show .form input{height: .75rem; border-radius: .1rem; font-size: .26rem;}
.site-show .form input[type='tel']{width: 3.8rem; border: 1px solid #bfbfbf; background: #f9f9f9; text-indent: .2rem;}
.site-show .form input[type='button']{width: 2.2rem; background: #c79e68; color: #fff;}

/*video*/
.video-list .lists{width: 100%; height: auto; background: #fff; padding: .2rem .2rem .1rem;}
.video-list .lists li{position: relative; margin-bottom: .2rem;}
.video-list .lists li a>i{position: absolute; top: 1.41rem; left: 3.01rem; width: .88rem; height: .88rem; background-image: url(http://image.shj.cn:8888/static/mweb/images/play_icon.png);}

/*special*/
.special-hotpints-wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.special-hotpints-wrap.active{cursor: crosshair;}
.hotpints{position: absolute; background: none; border: none;}
.hotpints>*{position: absolute;}
.hotpints .DOM{width: 100%; height: 100%;}
.hotpints-arc{border-radius: 50%;}
.hotpints .hotpints-resize{width: 10px; height: 10px; bottom: 0; right: 0; background: #01AAED; cursor: se-resize; display: none !important; z-index: 99;}
.hotpints.active{border-color: #FF5722; }
.hotpints .hotpints-flag{background: #5FB878; color: #fff; font-size: 12px; top: 0; right: 0; padding: 0 5px; width: auto; height: auto;}
.hotpints input{background: transparent; border: none;}
.special-alert-edit.active{cursor: crosshair;}
.swiper-button-none{display: none;}
.special-swiper{width: 100%; height: 100%;}
.special-swiper .swiper-slide{width: 100%; height: 100%;}
.special-swiper img{width: 100%; height: 100%;}
.special-swiper .swiper-pagination-bullet {width: 26px; height: 4px; background: #fff; border-radius: 0; }
.swiper-menu-wrap{display:-webkit-flex; display: flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between;justify-content:space-between;}
.swiper-menu-wrap li{transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; text-align: center;}
.special-countdown{text-align: center; }
.special-bmifon{width: 100%; height: 100%; overflow: hidden;}
.special-bmifon pre{text-align: center;}
.special-bmNum{text-align: center;}
.special-alert-wrap{display: none;}
.special-alert{width: 100%; height: 100%; position: relative;}
.special-alert img{width: 100%; height: 100%; }
.special-alert-inhot{transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; opacity: 0; overflow: hidden;}
.m-special-wrap{width: 7.5rem; height: auto; margin: 0 auto; position: relative;}
.m-special-img{width: 7.5rem; height: auto; }
.m-special-img>img{width: 100%; height: auto; display: block;}

/*popup*/
#reservationDesigner,#quotePopup{display: none;}
.popup{border-radius: .14rem !important; overflow: hidden !important;}
.reservation-designer{width: 6rem; height: 7.8rem; background: url(http://image.shj.cn:8888/static/mweb/images/popup_designer.jpg); background-size: 6rem 7.8rem;   position: relative; margin: 0 auto;}
.reservation-designer h4{text-align: center; padding-top: .35rem; font-size: .36rem;}
.reservation-designer h6{text-align: center; color: #c9c9c9; margin: .05rem 0 .1rem;}
.reservation-designer .input-wrap{padding: 0 .6rem; display:-webkit-flex; display: flex; -webkit-justify-content:space-between;justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.reservation-designer .input-wrap label{display: block; width: 100%; font-size: 0.26rem; margin: 0.16rem 0 0 .1rem; }
.reservation-designer .input-wrap input,.reservation-designer .input-wrap select{width: 100%; height: 0.6rem; border-radius: 0.1rem; border: 1px solid #c9c9c9; text-indent: 0.2rem; -webkit-transition: all 0.5s; outline: none; background: #fff; border-radius: .06rem; font-size: .24rem;}
.reservation-designer .input-wrap input:focus,.reservation-designer .input-wrap select:focus{border-color: #069f70;}
.reservation-designer .input-wrap select{width: 1.3rem;}
.reservation-designer .input-wrap .area{width: 3.1rem;}
.reservation-designer button{width: 100%; height: .7rem; color: #fff; background: #19a87c; border-radius: .08rem; font-size: .26rem; margin-top: .3rem;}
.reservation-designer .close{width: .6rem; height: .6rem; position: absolute; top: .1rem; right: .1rem; background: url(http://image.shj.cn:8888/static/mweb/images/close.png); background-size: cover; }
.footer-quote{background: url(http://image.shj.cn:8888/static/mweb/images/popup_quote.jpg); background-size: 6rem 8.8rem; height: 8.8rem;}


.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: #069f70; 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;}


/*全站 右边 '装修报价' 弹窗*/
.mdFullInd{z-index:9999;position:fixed;top:100%;left:0;width:100%;height:100%;background:rgba(33,33,33,.8);
      transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;display: none}
  .mdFullInd .box{position:absolute;top:50%;left:50%;width:100%;max-width:720px;transform:translate(-50%,-50%);}
  .mdFullInd .container{position:relative;margin:0 0.1rem;background:url(http://image.shj.cn:8888/static/2017/wap/images/mdFullInd_bg.png) no-repeat;background-size:100% 100%;}
  .mdFullInd .closeBtn{z-index:2;position:absolute;top:0;right:0;width:30px;height:30px;opacity:.3;padding:6px 5px;line-height:30px;text-align:center;font-size:30px;color:#252525;}
  .mdFullInd .ht{padding-top:20.57142857%;text-indent:-999em;background:url(http://image.shj.cn:8888/static/2017/wap/images/mdFullInd_ht.png) no-repeat;background-size:100% auto;}
  .mdFullInd .bt{width:87.85714285714286%;margin:0 auto;padding-top:14.4715447%;background:url(http://image.shj.cn:8888/static/2017/wap/images/mdFullInd_bt.gif) no-repeat;background-size:100% auto;}
  .mdFullInd .bt_png{width:87.85714285714286%;margin:0 auto;padding-top:25.0406504065%;background:url(http://image.shj.cn:8888/static/2017/wap/images/mdFullInd_bt.png) no-repeat;background-size:100% auto;}

  .mdFullInd .note{width:87.85714285714286%;margin:10px auto;height:26px;line-height:26px;overflow:hidden;padding-left:40px;background:#FFF url(http://image.shj.cn:8888/static/2017/wap/images/notice.png) left center no-repeat;background-size:40px auto;border-radius:4px;color:#333;box-sizing:border-box;}
  .mdFullInd .note .swiper-wrapper{height:26px !important;}
  .mdFullInd .note .swiper-slide{height:26px !important}
  .mdFullInd .note .swiper-slide span{display:inline-block;width:33%;}
  .mdFullInd .note .swiper-slide span:nth-of-type(2),.mdFullInd .note .swiper-slide span:nth-of-type(3){text-align:center;}
  
  .mdFullInd .ct{width:87.85714285714286%;margin:0 auto;}
  .mdFullInd .ct .bd{overflow:hidden;padding:10px 8.130081300813008% 0;background:#FFF;border-radius:4px;margin-bottom:10px;}/*w=515*/
  .mdFullInd .ct .bd .table{display:-webkit-box;line-height:34px;margin-bottom: 15px;}
  .mdFullInd .ct .bd .table .left{display:block;width:80px;font-weight:bold;color:#252525;}
  .mdFullInd .ct .bd .table .left .red,.mdFullInd .ct .bd .table label{display:none;}
  .mdFullInd .ct .bd .table .right{-webkit-box-flex:1;}
  .mdFullInd .ct .bd .table .right .input-text{background:none;border-radius:0;color:#848484;border: 1px solid #DEDCDC;box-sizing: border-box;font-size: 0.24rem;font-family: inherit!important; color: #6A6969;width: 100%;height: 34px;padding-left: 10px}
  .mdFullInd .ct .bd .table .right .input-text::-webkit-input-placeholder{color:#848484;}
  .mdFullInd .ct .bd .table .right select{border-radius:0;color:#848484;}
  .mdFullInd .ct .bd .table .right .add_on2{position:absolute;right:10px;top:0;color:#252525;}

  .mdFullInd .ct .bd .cls_ht{margin-bottom:5px;}
  .mdFullInd .ct .bd .cls_ht span{font-size:1.2em;color:#d4774d;margin-bottom: 15px;}
  .mdFullInd .ct .cls_btn .btn{background:#C62828;color:#FFF;border:0;height:34px;line-height:34px;}
  .mdFullInd .night{background-image:url(http://image.shj.cn:8888/static/2017/wap/images/mdFullInd_bg_ye.png);}
  .mdFullInd .night .closeBtn{color:#FFF;}
  .mdFullInd .night .ht{background-image:url(http://image.shj.cn:8888/static/2017/wap/images/mdFullInd_ht_ye.png);}
  .mdFullInd .night .ct .bd{background:#252525;}
  .mdFullInd .night .ct .bd .table{color:#FFF;}
  .mdFullInd .night .ct .bd .table .left{color:#FFF;}
  .mdFullInd .night .ct .bd .table .right .input-text{border-color:#757575;color:#FFF;}
  .mdFullInd .night .ct .bd .table .right .input-text ::-webkit-input-placeholder{color:#848484;}
  .mdFullInd .night .bt{padding-top:48.1300813008;background-image:url(http://image.shj.cn:8888/static/2017/wap/images/mdFullInd_bt_ye.png);}
  .mdFullInd .night .bt_png{display:none;}
  
  @media only screen and (max-width:440px) {
    .mdFullInd .ct .bd{padding:10px 4% 0;}
  }
  @media only screen and (max-width:400px) {
    .mdFullInd .ct .bd .table .left{display:none;}
  }
  .floatRightBJ{width: 44px;height: 44px;border-radius: 22px;z-index: 999;position: fixed;bottom:300px;right:0;background-color: #000;color: #fff;text-align: center;padding-top: 6px;font-size: 12px;background-image: url(http://image.shj.cn:8888/static/mweb/images/bjright.png);background-size: cover;} 

  /*红包样式*/
  .qdhb-bg{background-color: rgba(255,255,255,0) !important;}
  .shj-qdbj-tanchuang{width: 6rem;height: 7.82rem;background-color: rgba(255,255,255, 0) !important;background: url(http://image.shj.cn:8888/static/2017/wap/images/qdmtc.png);background-size: 6rem 7.82rem;}
  .shj-qdbj-submit{width: 1.3rem; height: 1.3rem; background: transparent; border: none; position: absolute; top: 4.9rem; left: 2.35rem;}
  .shj-qdbj-tanchuang #tel{width: 3.6rem; height: .5rem; font-size: .22rem; position: absolute; top: 4.18rem; left: 1.2rem; background: transparent; border: none; }
  .shj-qdbj-tanchuang .shj-nctc-close{background: transparent;width: 0.5rem; height: 0.4rem; top: 0.05rem; right: 0.15rem; position: absolute; color: #fff;}
  #qdhbtc{position: fixed; right: .1rem; bottom: 5rem; width: 1rem; height: 1.43rem; background: url(http://image.shj.cn:8888/static/2017/wap/images/tj1212.png);background-size: 1rem 1.43rem; z-index: 19930203;}
  	    #ncbjDy{width:auto;height:auto;display: flex;}

	    #ncbjDy div{position: relative;width:auto;display:block;margin:0 auto;background-color:#fff;height:auto;;display: flex;flex-direction:column;align-items:center;position: relative;}
	    #ncbjDy div input{position: absolute;width: 4.93rem;height: 0.40rem; background:#fff; border:1px solid #ccc; border-radius:.1rem;padding-left: 0.20rem;font-size: 0.24rem;color: #000; }
	    #ncbjDy img{width: 6rem;height: auto;}
	    #ncbjDy select{ background:#fff; border:1px solid #ccc; border-radius:.1rem; }
	    .yuanjiao{border-radius: 0.30rem;overflow: hidden;}
		
		
.page_s{ text-align:center; padding:.2rem 0; background:#fff;}
.page_s a{ display:inline-block; width:1.2rem; height:.4rem; border-radius:.2rem; font-size:.22rem; text-align:center; line-height:.4rem;background: #298769;
    color: #fff; margin:0 .2rem;}
.page_h{ display:none;}
.abiut_info{ padding:.2rem 2%;}
.abiut_info p{ line-height:.35rem; font-size:.24rem;}


/*预约设计师*/

.shj_ys{width: 1200px; height: 1170px; margin-bottom: 30px; margin: 0 auto; position: relative;}

.shj_ys_icon1{position: absolute; top: 0px; left: 20px; background: url('/static/pcweb/images/yysjsicon.png'); width: 83px; height: 42px;}

.shj_ys_icon2{position: absolute; top: -80px; right: 20px; background: url('/static/pcweb/images/yysjsicon1.png'); width: 94px; height: 212px;}

.shj_ys_sjslists{width: 1200px; height: 180px; position: relative;}

.shj_ys_sjslists>h5{margin-left: 50px;}

.shj_ys_lists_box{width: 1100px; height: 143px; margin-left: 50px !important; margin-top: 15px !important; }

.shj_ys_lists_box .swiper-wrapper{width: 1100px; height: inherit; }

.shj_ys_lists_box .swiper-slide{width: 143px; height: 143px; position:relative; margin-right: 16.5px;}

.shj_ys_list{width: 139px; height: 139px; border-radius: 6px; border: 2px solid #fff; cursor: pointer;}

.shj_ys_list_now{border-color: #179c71;}

.shj_ys_list_info{position: absolute; bottom: 0px; right: 0px; width: 113px; height: 22px; background: #179c71; color: #fff; line-height: 22px; text-indent: 30px; border-top-left-radius: 15px; display: none;}

.shj_ys_gou{width: 16px; height: 13px; position: absolute; top: 4.5px; right: 12px;}

.shj_ys_sjslists .swiper-button-next,.shj_ys_sjslists .swiper-button-prev{top: 58%; background: url('/static/pcweb/images/iconDy.png'); background-position: 0px -900px;}

.shj_ys_sjslists .swiper-button-next{background-position: -35px -900px;}

.shj_ys_content{width: 1100px; height: 670px; border-radius: 8px; border: 1px solid #e1e1e1; margin: 30px 50px;}

.shj_ys_item{width: 549px; height: 619px; padding: 28px 35px 23px; text-align: center; float: left;}

.shj_ys_item>h2{font-size: 28px;}

.shj_ys_item>h6{color: #8d8d8d;}

.shj_ys_info_sjsimg{margin: 15px 0;}

.shj_ys_info_sjsimg>img{width: 244px; height: 244px; border-radius: 8px;}

.shj_ys_item>h5{width: 360px; margin-left: 59.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.shj_ys_item>h3{margin: 15px 0 10px;}

.shj_ys_info_anli{width: 479px; height: 158px;}

.shj_ys_info_anli .swiper-slide{width: 159px; height: 158px; position:relative; }

.shj_ys_anli{width: 145px; height: 130px; border-radius: 8px; margin-bottom: 10px;}

.shj_ys_info_anli .swiper-slide>a:hover{text-decoration: none;}

.shj_ys_info_anli .swiper-slide:hover .shj_ys_anli_info{color: #ff5d64;}

.shj_ys_scrollbar{width: 180px; height: 3px; background: #e1e1e1; position: relative; margin: 20px 149.5px 15px;}

.shj_ys_scrollbar_now{width: 60px; height: 3px; background: #159c71; position: absolute; top: 0; left: 0;}

.shj_ys_go{color: #8c8c8c; margin-top: 20px; font-size: 14px;}

.shj_ys_content_line{width: 1px; height: 510px; float: left; background: #e1e1e1; margin-top: 81px;}

.shj_ys_info_box{width: 479px; height: inherit; margin-top: 30px;}

.shj_ys_info_input{width: 395px; height: 38px; text-align: left; text-indent: 15px;}

.shj_ys_jsq_item{margin-bottom: 20px;}

.shj_ys_jsq_item>h5{line-height: 40px;}

.shj_ys_info_select{width: 80px; height: 38px; text-align: left; text-indent: 13px; line-height: 40px;}

.shj_ys_info_input_short{width: 293px; height: 38px; text-align: left; text-indent: 15px;}

.shj_ys_info_select_long{width: 117px; height: 38px; text-align: left; text-indent: 13px; line-height: 40px;}

.shj_ys_bmbtn{margin: 40px 116.5px 0;}

.shj_ys_bottom_text{text-align: center;}

.shj_ys_bottom_text>span{color: #008d49;}

.yuyue-from-input{width: 100%; height: 47px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center; margin-top: 30px;  }

.yuyue-from-input label{font-size: 16px;}

.yuyue-from-input input,select{margin-top: 0; width: 313px; height: 38px; background: #fff; font-size: 14px;}

.yuyue-form button{width: 350px; height: 50px; color: #fff; border-radius: 6px; background: #008d49; margin: 30px 0 10px; border: none; cursor: pointer;}

.yuyue-form-type input{width: 96px;}

.yuyue-form-type .layui-form-select{margin-right: 12px;}



#showBigImg{width: 100%; height: 100%;}

.shj_index_jsq_box{width: 100%; height: 390px; margin: 0 auto;}

.shj_index_jsq{width: 1220px; height: inherit; margin: 0 auto;}

.shj_index_jsq_title{width: inherit; height: 100px; text-align: center; margin-top: 20px;}

.shj_index_jsq_title>h2{font-size: 32px;}

.shj_index_jsq_title_line{color: #75b43f; font-weight: bold;}

.shj_index_jsq_content{width: inherit; height: 290px; float: left;}

.shj_index_jsq_menu_box{width: 220px; height: 250px; float: left;}

.shj_index_jsq_menu{width: 105px; background: #f6f6f6; float: left; border-radius: 7px; text-align: center; padding: 27px 0; cursor: pointer; position: relative;}

.shj_index_jsq_menu_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.shj_index_jsq_menu_click{background:#064e38; color:#fff;}

.shj_index_jsq_menu_left{margin-left: 10px;}

.shj_index_jsq_menu_big{margin-top: 10px; width: 220px;}

.shj_index_jsq_menu>h5{margin-top: 5px;}

.shj_index_jsq_menu_img2{display: none;}

.shj_index_jsq_info_box{width: 800px; height: 212px; padding: 19px 30px 19px 0px; font-size: 14px; float: left; position: relative; margin-left: 10px;}

#shj_index_jsq_bj,#shj_index_jsq_lfyf{position: absolute; top: 19px; left: 45px;}

#shj_index_jsq_lfyf{display: none;}

.shj_index_jsq_item{width: 750px; height: 45px; }

.shj_index_jsq_item>h5{ width: 60px; height: 30px; line-height: 30px; float: left;}

.shj_index_jsq_select{width: 150px; height: 30px; border: 1px solid #c8c8c8; border-radius: 8px; text-align: center; line-height: 30px; position: relative; margin-left: 20px; cursor: pointer; font-size: 14px; float: left; position: relative; background: #fff;}

.shj_index_jsq_text{width: 150px; height: 30px; border: 1px solid #c8c8c8; border-radius: 8px; text-align: center; line-height: 30px; position: relative; margin-left: 20px; cursor: pointer; font-size: 14px; float: left; outline: none;}

.shj_index_jsq_select_bg{width: inherit; height: inherit; position: absolute; top: 0; left: 0; z-index: 99;}

.shj_index_jsq_jicon{text-align: right; position: absolute; top: 0px; right: 20px;}

.shj_index_jsq_input{width: 495px; text-align: left; text-indent: 20px;}

.shj_index_jsq_input:focus{border: 1px solid #75b43f;}

.shj_index_jsq_radio{width: auto; height: 30px; line-height: 30px; margin-left: 20px; float: left; cursor: pointer; position: relative;}

.shj_index_jsq_radio_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.shj_index_jsq_ricon{display: block; width: 16px; height: 16px; margin: 7px 8px 0 0; background: url('/static/pcweb/images/iconDy.png') no-repeat; background-position: -30px -828px; cursor: pointer; float: left;}

.shj_index_jsq_ricon_check{background-position: -6px -828px;}

.shj_index_jsq_cbtn{background: #127a59; color: #fff; line-height: 20px;}

.shj_index_jsq_select_list{width: inherit; height: auto; background: #fff; padding: 7px 0; position: absolute; top: 23px; left: -1px; z-index: 999; border-left: 1px solid #75b43f; border-right: 1px solid #75b43f; border-bottom: 1px solid #75b43f; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; top: 25px; left: -1px; z-index: 999; display: none;}

.shj_index_jsq_select_list li{height: 30px; }

.shj_index_jsq_select_list li:hover{background: #f6f6f6;}

.shj_index_jsq_city_list{height: 210px; overflow-y: scroll;}

.shj_index_jsq_bj_box{width: 160px; height: 250px; float: left; position: relative;}

#shj_index_jsq_bj_right,#shj_index_jsq_lf_right,#shj_index_jsq_yf_right{position: absolute; top: 5px; left: 0;}

#shj_index_jsq_lf_right,#shj_index_jsq_yf_right{display: none;}

.shj_index_jsq_brst{width: 150px; height: 65px; background: #f6f6f6; color: #cf832f; border-radius: 8px; text-align: center; font-size: 16px; padding-top: 5px; margin-bottom: 10px;}

.shj_index_jsq_brst>h5{margin-bottom:10px;}

.shj_index_jsq_bj_box>p{width: 132px; padding: 10px 9px 6px; line-height: 18px;}

.shj_index_jsq_btn{width: 150px; height: 90px; border-radius: 8px; border: 1px solid #9fc97f; color: #9fc97f; margin-top: 10px; font-size: 14px; cursor: pointer;}

.shj_index_jsq_rbtn{background: #75b43f; color: #fff;}

.shj_index_jsq_info_box input[type='text']{cursor: text;}

.shj_index_jsq_right_img{width: 150px; height: 212px; border-radius: 8px;}

.shj_index_jsq_wdiv{width: inherit; height: 35px;}

.shj_ys_info_input{width: 395px;height: 38px;text-align: left;text-indent: 15px;}

.shj_sxgt_bjtc_btn {width: 246px;height: 45px;background: #008d49;color: #fff; font-size: 18px;border-radius: 8px;margin: 40px 149.5px 0;cursor: pointer;border: 0}

.shj_ys_info_select {width: 80px;height: 38px;text-align: left;text-indent: 13px; line-height: 40px;}

.shj_ys_info_input_short {width: 293px;height: 38px;text-align: left;text-indent: 15px;}

.shj_ys_info_select_long {width: 117px; height: 38px;text-align: left;text-indent: 13px;line-height: 40px;}

.shj_sxgt_bjtc_text {color: #9f9f9f;margin-top: 15px;width: inherit;text-align: center;padding-left: 70px}

.shj_sxgt_bjtc_text>span {color: #f48000;}