@import url("index.css") screen and (max-width:480px)
/*生活家移动端官网  author @低调729587652 2018-9-13*/
*{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: #fff;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: none;border:none;}
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: 92%;background: #fff;margin-bottom: .2rem;/* padding: .3rem; */margin-left: 14px;}
.image-center{background-size: cover; background-position: top center;}

/*header*/
header{width: 7.5rem; height: 1.5rem; background: url(/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(/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(/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{background-color: #fff;width: 7.5rem;height: 0.7rem;box-shadow: 1px 1px 1px 1px;padding-top: .32rem;position: fixed;bottom: 0;left: calc((100% - 7.5rem) / 2);z-index: 199323;}
footer ul{background: #fff;width: 100%;position: relative;height: 2.08rem;display: flex;display: -webkit-flex;-webkit-justify-content:space-around;justify-content: space-around;top: -14px;}
footer ul a,footer div a{width: 1.1rem;height: 100%;padding: .1rem 0;color: #fff;}
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(/images/foot_icon1.png); background-size: .27rem .31rem;}
footer ul a:nth-child(2) i{background-image: url(/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(/images/font_icon3.png); background-size: .5rem .5rem; margin-top: -.1rem;}
footer ul a:nth-child(4) i{background-image: url(/images/font_icon4.png); background-size: .28rem .31rem;}
footer ul a:nth-child(5) i{background-image: url(/images/font_icon5.png); background-size: .31rem .31rem;}
footer ul a h4,footer div a h4{margin-top: .1rem;font-size: .26rem;/* color: #fff; */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(/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(/images/dyyh.png);margin-left: 0.25rem;}

/*index four-nav*/
.index-four-nav{background-color: #fff;margin: 28px 4px 1.6rem 1.6em;display: flex;justify-content: space-between;width: 87%;}
.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(/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(/images/hot.png);}

/*404*/
.page_404{width: 7.5rem; height: calc(100% - .85rem); background: url(/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:999999999;}
.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: 5rem; position: relative;}
.banner .swiper-slide{width: 7.5rem; height: 5rem; }
.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(/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: #00ae66;/* background-image: url(/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(/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(/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(/images/bj_icon1.png); margin-right: .15rem;}
.quote-form .form-hint{margin: .3rem 0 .1rem;}

.content-flow{padding-top: 10px;background: #f3f3f3;}
/*index-flow*/
.flow-container{width: 7.5rem;height: auto;background-color: #fff;margin-bottom: 3px;}
.flow-lists{padding: .2rem 0.26rem;width: 93%;height: auto;}
.flow-label{margin-top: .3rem;border-radius: .1rem;padding: .08rem .1rem;font-size: .24rem;display: inline-block;}
.flow-label-1{border: 1px solid #ffa200; color: #ffa200;}
.flow-label-2{border: 1px solid #17d876;color: #17d876;/* width: 18%; */}
.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(/images/star.png); width: .22rem; height: .22rem; margin: 0 .02rem;}
.star i.starb{background-image: url(/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 .btn a button:last-child{background: #c79e68; color: #fff;}
.flow-designer .designer-info .btn a:nth-child(1) button{background-color: #fff;width: 1.8rem; height: .6rem; border-radius: .1rem; font-size: .24rem; border: 1px solid #c79e68; color: #c79e68; text-align: center; }

.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; display: flex;justify-content: space-between;}
.flow-case .case-info .case-designer{width: .8rem; height: 1.1rem; float: left; border-radius: .1rem;}
.flow-case .case-info .info{width: 4rem; height: 100%; margin-left: .1rem; float: left;}
.flow-case .case-info .info .style{font-weight: 600; font-size: .3rem;}
.flow-case .case-info .info .title{text-align: left;margin: 12px 0;font-size: .26rem;color: #585858;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.flow-case .case-info .info-bt{margin-top: 0.2rem;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}
.flow-case .case-info .icon{width: .2rem; height: 1.1rem; background: url(/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(/images/play_icon.png); }
.flow-case .flow-label{margin-bottom: 0.15rem;margin-top: 0;margin-left: 0.3rem}
/*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(/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: 4.1rem; border: 1px solid #bfbfbf; background: #f9f9f9; text-indent: .2rem; }
.site-form input[type='button']{width: 2.6rem; 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(/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(/images/analysis_icon1.png);}
.analysis-show .house-info li:nth-child(2) i{background-size: .29rem .27rem; background-image: url(/images/analysis_icon2.png);}
.analysis-show .house-info li:nth-child(3) i{background-size: .29rem .28rem; background-image: url(/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(/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; flex-wrap: wrap; background: #fff;}
.knowledge-nav li{width: auto; height: auto;margin-right: 0.2rem}
.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(/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% / 3); 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(/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 0; margin-bottom: .2rem; background: #fff;}
.casus-lists li{width: 100%; height: auto; 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  .casus-image{width: 100%; height: 5.05rem;}
.casus-lists li  .casus-info{background: #f8f8f8; width: 100%; height: auto; bottom: 0; left: 0; padding: .25rem;display: flex;justify-content: space-between;align-items: center;}
.casus-lists li  .casus-info .info h4,.casus-lists li  .casus-info .info h5{color: #000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.casus-lists li  .casus-info .info h5{color: #686868}
.casus-lists li .casus-info .info{display:-webkit-flex; display: flex;flex-direction:column;  margin-top: .06rem;font-size: 0.28rem;width: 60%}
.casus-lists li .casus-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;}
.casus-lists li .casus-info .info i{width: .3rem; height: .21rem; background-image: url(/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(/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(/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(/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(/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; background: #fff; margin-bottom: .2rem;}
.case-lists li a{display: block; }
.case-lists li a .case-image{width: 100%; height: 5.05rem; position: relative;}
.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 .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 a .case-info .designer-image{width: 1.4rem; height: 1.4rem; border-radius: 50%; }
.case-lists li a .case-info .info-bt{width: 1.8rem; height: 0.64rem; border-radius: 0.05rem;}
.case-lists li a .info{width: 4rem; height: 0.88rem; }
.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 .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(/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(/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 .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(/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 .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(/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(/images/bjnew.png);background-size: cover;display: inline-block;float: left;margin-right: 0.1rem}
 .formnew input{display: block;width: 82%;height: 0.75rem;border-radius: 0.05rem;margin: 6px auto;font-size: 0.26rem;}
 .formnew #area,.formnew .DyInputOne{background-image: url(/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(/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(/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(/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(/images/sjs_icon1.png) center center no-repeat; background-size: .43rem .61rem;}
.designer-list .lists{width: 100%; height: auto; padding: 0 .2rem;}
.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-list .lists .designer-info .btn a button:last-child{background: #c79e68; color: #fff;}
.designer-list .lists .designer-info .btn a:nth-child(1) button{background-color: #fff;width: 1.8rem; height: .6rem; border-radius: .1rem; font-size: .24rem; border: 1px solid #c79e68; color: #c79e68; text-align: center; }


.designer-show{width: 100%; height: auto; }
.designer-show .designer{width: 100%; height: auto; padding: .3rem; background: url(/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 .designer .designer-info .btn a 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 a button:last-child{background: #000; margin-left: .2rem;}
.designer-show .designer .designer-info .btn a:nth-child(1) button{width: 1.7rem; height: .46rem; border-radius: .23rem; color: #fff; font-size: .24rem; background: #c79e68; margin-top: .18rem;}

.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(/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(/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(/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(/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(/images/gd_icon1.png);}
.site-show .site-stage li dd:last-child i{background-image: url(/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(/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(/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,#reservationFree{display: none;}
.popup{border-radius: .14rem !important; overflow: hidden !important;}
.reservation-designer{width: 6rem; height: 7.8rem; background: url(/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(/images/close.png); background-size: cover; }
.footer-quote{background: url(/images/popup_quote.jpg); background-size: 6rem 8.8rem; height: 6.3rem;}


.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(/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(/images/mdfullind_ht.png) no-repeat;background-size:100% auto;}
  .mdFullInd .bt{width:87.85714285714286%;margin:0 auto;padding-top:14.4715447%;background:url(/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(/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(/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(/images/mdfullind_bg_ye.png);}
  .mdFullInd .night .closeBtn{color:#FFF;}
  .mdFullInd .night .ht{background-image:url(/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(/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(/images/bjright.png);background-size: cover;} 
  .jn818{background-color: transparent !important;box-shadow: none !important;}
  /*红包样式*/
  .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(/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: trans