*{margin: 0 auto;}
body > iframe { display: none !important; }
body > .layui-layer iframe { display: block !important; }
html { margin:0; padding:0;background: #fff; }
body { position: relative;font: .24rem / 1.5 "microsoft yahei",myFirstFont; max-width: 750px; margin:0px auto; padding:0px;font-weight: 400; color: #444444;cursor: default; }
.clear:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}
a,a:link,a:active,a:focus, a:hover,a:visited { text-decoration:none; border:0; }
ul,li { list-style: none;font-style: normal;margin:0px; padding:0px; }
button, input, optgroup, option, select, textarea { outline: none; border: 0px; }
h1,h2,h3,h4 { line-height:inherit; display: inline;font-size: inherit; padding: 0;margin: 0;font-family: "microsoft yahei";font-weight: inherit; }
select,input,textarea { -webkit-appearance: none;appearance:none; box-shadow: none; font-family: "microsoft yahei";font-size: .24rem; }
form select,form input{ display: block; margin: 0; width: 100%; border: .02rem solid #eee; border-radius: .08rem; color: #666; height: 0.76rem; line-height: 0.76rem; text-indent: 0.2rem; background: #fff; pointer-events: auto; }
.mobile-form,.mobile-form-item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center}
.mobile-form-item{ position: fixed; bottom: 0; left: 0; width: 100%;position: relative;margin-top: .2rem}
.mobile-form-submit{ border: 0px; border-radius: .08rem;height: .76rem;background: #ff723b;box-shadow:0 .04rem .13rem rgba(220, 67, 7, 0.15);font-size: .36rem;color: #fff;width: 100%}
#xuandiqu:after,.right-icon:after {content: '';position: absolute;display: block;width: 0;height: 0;top:50%;right: .1rem;transform: translateY(-50%); visibility: inherit;border: .1rem solid transparent;border-left: .1rem solid #aaa;}
#zxcjwt{font-size: .24rem;}
#zxcjwt>p{display: flex;align-items: center;padding-left: 0.04rem}
#zxcjwt .icon_y { display: inline-block;border-radius: .04rem; vertical-align: -.08rem;width: .24rem;height: .24rem;background: url(https://www.sj456.cn/m_2020/img/company_list/suo.png) no-repeat left center; background-size: 0.2rem 0.23rem; margin: 0 0.08rem 0 0 ;  }
#zxcjwt b { color: #ef5f47; }
p{padding: 0px; margin: 0px;  }

.banner { width: 7.5rem; margin: 0 auto; height:4.18rem;;}
.banner img{ display: block; width: 100%; height: 100%;}
/* 免费获得3套设计方案 */
.stage-form{padding:.3rem 0.6rem 0.35rem 0.6rem;background-color: #607d84;position: relative; }
.stage-form .xian{ position: absolute; top: -0.3rem; width: 0.34rem;height: 7.7rem; }
.stage-form .xian_a{left: 0;background-image: linear-gradient(90deg, #607d84 0%, #91bec9 100%), linear-gradient(#bcc4c3, #bcc4c3);background-blend-mode: normal, normal;border-radius: 0.5rem;}
.stage-form .xian_b{right: 0;background-image: linear-gradient(90deg, #91bec9 0%, #607d84 100%),linear-gradient(#bcc4c3, #bcc4c3);background-blend-mode: normal, normal;border-radius: 0.5rem;}
.stage-form .stage-title{font-size: .36rem;height: 0.4rem; line-height: 0.4rem; text-align: center;color: #fff;font-weight: bold;}
.stage-form .stage-subitle{font-size: .24rem;height: 0.3rem; line-height: 0.3rem;text-align: center;padding: .2rem 0 0.05rem 0;color: #ffffff}
.stage-form .stage-title .icon{width: .33rem;height: .22rem;margin: 0 .24rem;display: inline-block}
.stage-form .stage-title .icon:first-child{transform:rotate(180deg);}
.stage-form .stage-title em{font-size: .5rem;color: #ff723b;font-style: normal}
.stage-form input{ display: block; box-sizing: border-box; margin: 0; width: 100%; border: .02rem solid #e8e7e7; border-radius: .08rem; color: #666; height: 0.9rem; line-height: 0.9rem; text-indent: 0.2rem; background: #fff; pointer-events: auto;}
.stage-form .mobile-form,.stage-form .mobile-form-item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%}
.stage-form .mobile-form-item{width: 100%;position: relative;margin-top: .2rem}
.stage-form .mobile-form-item .txt, .mobile-form-item .text{ height: 0.9rem; line-height: 0.9rem;color: #999999;font-size: 0.28rem;;}
.stage-form .mobile-form-submit{text-indent: 0; height: 0.9rem;line-height: 0.9rem; background-image: linear-gradient(0deg, #b78809 0%, #e8b62f 100%), linear-gradient(#e8b62f, #e8b62f);background-blend-mode: normal, normal;border-radius: 0.2rem;font-size: .36rem;color: #fff;width: 100%;padding: 0; margin: 0;}
.stage-form #xuandiqu{display: block;width: 48%;float: right;}
.stage-form .mianji{display: block;width: 48%;float: left;}
.stage-form .mianji .asbfsd { position: absolute;top: 50%;right: .2rem;color: #999999;font-size: .3rem;line-height: .24rem;margin-top: -.12rem; }
.stage-form #xuandiqu:after {content: '';position: absolute;display: block;width: 0;height: 0;bottom: 0.28rem;right: 0.1rem;visibility: inherit;border: 0.1rem solid transparent;border-left: 0.1rem solid #aaa;}
.stage-form p {padding-left: 0.36rem; height: 0.3rem; line-height: 0.3rem;font-size: 0.24rem;color: #ffffff; background: url(https://www.sj456.cn//m_2020/img/oyuansheji/img9.png) no-repeat left center; background-size: 0.22rem 0.27rem;}
.stage-form p a{color: #ffffff; }
.stage-form .shfa{padding: 0.2rem 0 0.2rem 0; font-size: 0.24rem;color: #ffffff;height: 0.5rem;line-height: 0.5rem;text-align: center; }
.stage-form .shfa .red{ font-weight: bold;}
.stage-form .form_xxx_gundong{color: #ffffff; height: 0.7rem; margin: 0 auto;}
/* 专业设计师一对一服务 */
.main_title{ text-align: center; padding-top: 0.55rem; }
.main_title .title{font-size: 0.36rem;height: 0.6rem; line-height: 0.6rem;color: #333333;font-weight: bold; }
.main_title .title em{font-size: .5rem;color: #ff723b;font-style: normal;}
.main_title .title_b{font-size: 0.24rem;color: #666666;height: 0.5rem; line-height: 0.5rem; padding-bottom: 0.2rem;}
.swiper-container_huan { max-width: 7.2rem; width: 100%;margin: 0 auto; padding-bottom: 0.26rem; }
.swiper-container .swiper-pagination{ bottom: 0rem;}
.swiper-container .swiper-pagination-bullets {bottom: 0rem;pointer-events:none; height: 0.1rem;}
.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.07rem!important;width: 0.26rem; height: 0.24rem;background-color: #799ca5;border-radius: 0.03rem;opacity: 0.5; }
.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #799ca5; opacity: 1;}
.sw_img img{ display: block; width: 100%;}
.main_img1{ width: 7.02rem; height: 1.75rem; margin: 0 auto;}
.main_img1 img{ display: block; width: 100%; height: auto; }
.main_img2{ width: 7.02rem; height: 3.18rem; margin: 0 auto;position: relative; }
.main_img2 img{ display: block; width: 100%; height: auto; }
.main_img2 .qian{ position: absolute; left: 0.2rem; top: 0.41rem;width: 0.96rem;height: 0.44rem;line-height: 0.44rem;color: #ffffff;font-size: 0.24rem; text-align: center; background-color: #000000;background: rgba(0,0,0,0.42); border-radius: 0.02rem;}
.main_img2 .hou{position: absolute; right: 0.16rem; top: 0.41rem;width: 0.96rem;height: 0.44rem;line-height: 0.44rem;background-color: #c98153;border-radius: 0.02rem;color: #ffffff;font-size: 0.24rem; text-align: center; }
.main_img3{ width: 7.02rem; height: 2.78rem; margin: 0 auto;position: relative; }
.main_img3 img{ display: block; width: 100%; height: auto; }
.main_txt{ padding-top: 0.2rem; font-size: 0.3rem;line-height: 0.48rem;height: 0.48rem; text-align: center;}
.circular-view{position: absolute;left: 5.3rem;top: 1.2rem}
.circular-mask{background: rgba(0,0,0,.5);width: .36rem;height: .36rem;border-radius: 50%;position: relative}
.circular-mask .circular{display: block;border-radius: 50%;width: .2rem;height: .2rem;background: rgba(255,255,255,.5);position: absolute;left: 50%;top: 50%;margin: -.1rem 0 0 -.1rem; animation:scale 1s infinite}
.circular-view:nth-of-type(2) .circular-mask .circular {animation:scale 1.5s infinite}
.circular-view:nth-of-type(3) .circular-mask .circular{animation:scale 2s infinite}
@keyframes scale { 25%{transform: scale(1);opacity: .8} 50%{transform: scale(2.2);opacity: 1;box-shadow: 0 .08rem .36rem rgba(255, 255, 255, 1);} 100%{transform: scale(1);opacity: .8}}
.ls { max-width: 3rem; border-radius: .1rem; position: absolute; left: 2.2rem; top: 2.6rem; background: rgba(0, 0, 0, 0.5); color: #fff;transition: all 0.3s; }
.ls p { line-height: .3rem; font-size: .24rem; padding: .1rem; margin: 0;}
.ls i { display: none;}
.ls.ls1 { left: 2.2rem; top: 2.6rem}
.ls.ls2 { left: 2.1rem; top: 0.9rem}
.ls.ls3 { left: 4rem; top: 2.7rem}
/* 今日申请送4项增值服务 */
.stage-service-list{padding: .2rem 0.4rem; margin-top: -0.2rem;}
.stage-service-list ul li{box-shadow: 0 .08rem .26rem rgba(11, 2, 5, 0.15);display: flex;align-items: center;justify-content: space-around;border-radius: 0.02rem;margin-bottom: .3rem;font-size: .24rem;color: #666;padding:.28rem 0; }
.stage-service-list ul li h3{color: #333;font-weight: bold;font-size: .28rem;line-height: 0.3rem;height: 0.3rem;padding-bottom: 0.1rem; display: block}
.stage-service-list ul li:last-child{margin-bottom: 0}
.stage-service-list ul li p { color: #666666;font-size: 0.24rem;line-height: 0.36rem;}
.stage-service-list ul li .img-icon{width: 1.2rem;height: 1.2rem; background: url(https://www.sj456.cn//m_2020/img/oyuansheji/img4.png) no-repeat left top; background-size: 5.34rem 1.2rem; display: block}
.stage-service-list ul li .img-icon.img-icon2{ background-position: -1.38rem 0; }
.stage-service-list ul li .img-icon.img-icon3{ background-position: -2.76rem 0; }
.stage-service-list ul li .img-icon.img-icon4{ background-position: -4.14rem 0; }
.stage-service-list ul li .stage-service-text{width: 4.48rem;}
/* 服务流程 */
.stage-designer{padding: 0rem 0 0.6rem 0;position: relative}
.stage-designer .stage-description{padding:0 .6rem .4rem;font-size: .28rem;font-weight: bold;display: flex;justify-content: space-around;}
.stage-designer .stage-description span{margin-left: .5rem}
.stage-designer .stage-description span:first-child{margin-left: 0}
.stage-designer .img{padding: .5rem .8rem 0;}
.stage-designer .img img{width: 100%;height: auto;margin-left: -0.1rem;}
.stage-designer .mobile-form-item{ display: none; position: fixed; z-index: 9; bottom: 0;margin: 0 auto;width: 100%;}
.stage-designer .mobile-form-submit{border-radius: 0; width: 100%;height: 0.91rem;line-height: 0.91rem;margin: 0 auto; text-align: center; background: #fff; background-image: linear-gradient(0deg,#b78809 0%,#e8b62f 100%), linear-gradient(	#e8b62f,#e8b62f);background-blend-mode: normal,normal;}
/*通用头icon*/
@font-face{font-family:"m_top";src:url('//www.sj456.cn/m_2020/css/font/iconfont.ttf') format('truetype')}
.icon{font-family:"m_top" !important;font-size:0.36rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} 
.icon-dianzan1:before{content:"\e61a"} 
.icon-dowm:before{content:"\e6ae"}
.icon-shanchu:before { content: "\e72d"; } 
.icon-more:before{content:"\e6af"}  
/* 添加评论 */
.zb_masg .zb_masdown{ border: 0; }
.pl_wz { margin: 0 auto;padding: .3rem .3rem 0 .3rem;}
.pl_wz .pl_title { font-size: .32rem;font-weight: bold;} 
.pl_wz .pl_masg { padding-top: .1rem; }
.pl_wz .pl_masg h4 { margin: 0;padding:.1rem 0 .3rem 0;font-size: .32rem;display: block; }
.pl_wz .pl_list { position: relative;margin:0.1rem 0 0 0; }
.pl_wz .pll_tit { margin-left: .55rem;line-height: 0.64rem;height: 0.64rem; }
.pl_wz .pll_tit .tit { float: left;max-width: 60%;font-size:0.22rem;color: #888;}
.pl_wz .pll_tit span { display: block; position: absolute; top: 0; right: 0px;font-size: 0.28rem;color: #666; }
.pl_wz .pll_tit span i { font-size: .28rem; vertical-align: 0.02rem;margin-right: 0.04rem; }
.pl_wz .pll_tit span b { font-weight: normal; }
.pl_wz .pll_tit span.hover { color: #ff3322; }
.pl_wz .pll_img { position: absolute;left: 0;top: 0.15rem; }
.pl_wz .pll_img img { display: block; width: 0.35rem; height: 0.35rem; margin-right: 0.16rem; background-color: rgb(238, 238, 238); font-size: 0px; border-radius: 50%; }
.pl_wz .pll_msg { margin-left: .55rem; }
.pl_wz .pll_msg p { line-height: 0.4rem;font-size: 0.28rem;color: #222;}
.pl_wz .pll_msg p a{ text-decoration: underline; }
.pl_wz .pll_span {margin-left: .55rem;margin-top: .2rem;padding-bottom: .26rem; border-bottom: 0.02rem dashed #eee; }
.pl_wz .pll_span .pll_hf { padding: .2rem 0; margin-top: .2rem; border-top: 0.02rem dashed #eee; }
.pl_wz .pll_span .pll_hff { font-size: .28rem; color: #222;line-height: .4rem;padding: .1rem 0 0; } 
.pl_wz .pll_span .pll_hff img { width: 0.35rem; height: 0.35rem; border-radius: 50%; position: relative; top: 0.05rem;  }
.pl_wz .pll_span .pll_hff b{color: #888;font-weight: normal;font-size: 0.2rem }
.pl_wz .pl_list:last-child .pll_span { border: 0; }
.pl_wz .pll_span span { display: block;float: left;font-size: 0.24rem;line-height: 0.4rem; height: 0.4rem;color: #aaa; }
.pl_wz .pll_span span.huifu { margin-left: .14rem;background: rgb(237, 242, 250);color: #666; border-radius: 0.2rem;padding: 0 .2rem; } 
.pl_wz .pl_gengduo { color: #999999;padding: .3rem 0; line-height: 0.36rem;border-top: 0.02rem dashed #eee; text-align: center;}
.pl_wz .pl_gengduo a { display: block;color: #999999;text-align: center;font-size: 0.24rem; }
.pl_wz .pl_gengduo a i { font-size: .3rem; vertical-align: middle; }
.pl_wz .pl_zwpl h4{ margin: 0;padding: .5rem 0 .3rem 0;font-size: .28rem; text-align: center; display: block; }

.pl_huifu { padding: .1rem 0; margin: 0 auto;height: auto; font-size: 0.32rem;background: #fff; border-bottom: 0.12rem solid #f8f8f8;}
.pl_huifu .pl_hf { margin: 0 .3rem;line-height: .64rem; }
.pl_huifu .pl_hf_input { width: 100%; display: block; height: .64rem; margin: .3rem 0;background-color: #f8f8f8;color: #666666;border-radius: 0.4rem; }
.pl_huifu .pl_hf_title { display: block; color: #666;font-size: 0.26rem;padding-left: 0.41rem;  }  

#pl_reply { display: none; position: fixed;bottom: 0;left: 0;right: 0;top: 0; background: rgba(0,0,0,.6);z-index: 102; }
#pl_reply_bg { position: absolute;bottom: 0;left: 0;right: 0;top: 0; }
.pl_reply { position: relative; font-size: .36rem;line-height: .56rem; position: absolute;bottom: 0;left: 0;right: 0; height: auto;background: #fff;border-top: .02rem solid #eee;box-shadow: 0 0 .08rem rgba(0,0,0,.1);padding: .3rem;}
.pl_reply .titt { padding-bottom: .2rem; }
.pl_reply .textarea { display: block;font-size: .32rem;background: #f7f7f7;border-radius: .1rem; }
.pl_reply .textarea textarea { display: block;width: 6.3rem;padding: .3rem;background: transparent;min-height: 1.12rem;border: 0;box-shadow: none; }
.pl_reply .downss { text-align: center;font-size: .36rem;line-height: 1em;border-top: .02rem dashed #eee;margin-top: .3rem;padding-top: .3rem; }
.pl_reply .downss ._buttoss { width: 50%;float: left;margin: 0;padding: 0;text-align: center; }
.pl_reply .downss ._buttoss:first-child { color: #666; } 
.decoration-view{ margin-top: 0;}
#tab,#content{ background: #fff;}
#tab{padding: 0 0.6rem;}
#tab li{float: left; width: 50%; text-align: center; line-height: 0.6rem;height: 0.6rem; font-size: 0.28rem;padding: 0.8rem 0 0;}
#tab li span{position: relative; width: 2.4rem; border: 0.02rem solid #607d84; color: #607d84; display: inline-block; border-radius: 0.5rem;}
#tab li.current span{background: #607d84; color: #fff; font-size: 0.32rem; font-weight: bold;}
#tab li .font{display: none; pointer-events: none;width: auto;padding: 0 0.2rem 0 0.12rem; height: 0.3rem;line-height: 0.3rem;position: absolute;top: -0.18rem;right: 0;background: url(//www.sj456.cn/m_2020/img/xaixuanfu/new/but_bj.png) no-repeat center center;background-size: cover;border-radius: 0 0.1rem 0.1rem 0;color: #b76516;font-size: 0.24rem;text-align: center;}
#content .chanxn{ display: none;}