﻿/*--通用基础样式 开始--*/
body {background-color: #efefef;color: #333;font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;font-size: 14px;width: 100%;}
input:focus {  border:none;outline:none;  }
.page6 input:hover{border-shadow: 1px 1px 0px 1px solid; }
img {vertical-align: middle;}
embed, img, object {max-width: 100%;}
.clearfix::after{clear: both;}
.clearfix::after, .clearfix::before{content: " ";display: block;height: 0;overflow: hidden;}
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
.container { width: 100%; height: 100%; position: absolute; left: 0; top: 0%; overflow:scroll;overflow-x:hidden; }
.container .page { text-align:center;margin: auto;max-width: 750px;min-width: 320px;position: relative; }

.container .page0{}
.container .page1{background:url(../images/q_02.jpg) center center no-repeat; padding-bottom:50px;}
.container .page2{background:url(../images/q_03.jpg) center center no-repeat; padding-bottom:50px;}
.container .page3{background:url(../images/q_04.jpg) center center no-repeat;padding-bottom:50px; overflow:hidden;}
.container .page4{background:url(../images/q_05.jpg) center center no-repeat;padding-bottom:50px;}
.container .page5{background:url(../images/q_06.jpg) center center no-repeat;padding-bottom:50px;}
.container .page6{background:url(../images/q_07.jpg) center center no-repeat;padding-bottom:50px;}

.page1 h1 img,.page2 h1 img,.page3 h1 img,.page4 h1 img{ width:45%; padding-top:15px;}
.page1 h3,.page2 h3{ width:124px; height:48px; line-height:48px; border:2px solid #4bc85b; text-align:center; margin:15px auto; color:#fff; }
.page1 p,.page2 p{ color:#fff; line-height:25px; font-size:12px; padding:0 15%; text-align:left;}
.page1 .button,.page2 .button{z-index:10; width:120px; display:inline-block; text-decoration:none; height:45px; line-height:45px; text-align:center; color:#fff; background-color:#22ac38; border-radius:5px; botton:0px; margin-top:15px;}
.page3 .s5{ border:1px solid #4bc85b; color:#fff; border-left:0; border-right:0; height:45px; line-height:45px; font-size:12px;margin:20px 10px; overflow:hidden;}
.page3 .sl{ width:29%; display:inline-block; float:left; margin-left:10px;}
.page3 .sl img{ margin-bottom:10%;}
.page3 .sr{ width:61%; float:left; margin-left:10px;}
.page3 .sr img{ }
.page3 .sr span img{width:48%; float:left; margin-top:5%;}
.page3 .sr .sr_1 img{margin-left:4%;}

.page4 .s_list{ padding-top:25px;}
.page4 .s_list li{ clear:both; height:auto; padding:20px 10px; overflow:hidden; text-align:left;}
.page4 .s_list span{ margin-left:10px; width:56%; display:inline-block;}
.page4 .s_list span a{ font-size:12px; color:#fff; text-decoration:none; line-height:20px;}
.page4 .s_list img{width:40%; float:left; border-radius:10px;}

.page5 h1 img{ width:75%; padding:15px 0;}
.page5 .s_list{ padding-top:25px;}
.page5 .s_list a{ width:44%; margin-left:2%;}
.page5 .s_list img{ text-align:center; margin-bottom:5%; width:44%;}

.page6 h1 img{ width:40%; padding-top:15px;}
.page6 form input{ width:220px; height:45px; text-align:left; margin:10px auto; font-size:14px; color:#000; text-indent:5px; border-radius:5px; border:none; display:block; }
.page6 .button{ background-color:#22ac38;  color:#fff; text-align:center;}

.s1{ top:115px; left:-10%;position:absolute; z-index:10}
.s1 img{ width:35%;}
.s2{ top:115px; left:75%;position:absolute; z-index:10}
.s2 img{ width:75%;}
.s3{ bottom:23%; left:-10%;position:absolute; z-index:10}
.s3 img{ width:35%;}
.s4{ bottom:0; left:75%;position:absolute; z-index:10}     
.s4 img{ width:75%;}

/*设计案例2*/
.freeprice-zp .name_text { border-radius:5px; background-color:#fff;}
.case_con_h .case_h .case_type, .case_con_h .case_h1 .case_type {text-indent: 3px;border-radius:5px;}
.freeprice-zp.case {border:none;}
.freeprice-zp form div .case_type { height:36px; line-height:36px;}
.case_title{ margin-bottom:2%;}
.case_images_box .box_up .up_3 p,.case_images_box .box_up .up_1 p,.box_down .up_1 p { bottom:0px;}
.freeprice-zp .case_button { border-radius:5px;}
.hz-bg1 {background-color: #fff;}
.hz-bg1 .case_images_box .box_up .up_3:last-child{ margin-top:2%;}
.hz-bg1 .box_down > .up{ background:none; width:31.6%;}
.box_up > .up:first-child { width:65.5%;}
.case_images_box .mt20 { margin-bottom:2%;}
.hz-contact{ background-color:#5cc560; padding:15px 0; text-align:center; font-size:14px; color:#fff;}
.hz-bg1 .box_up > .up i{ position:absolute; z-index:101; right:0; width:30%;}
.hz-bg1 .box_up > .up i span{ position:absolute; z-index:102; color:#fff; width:100%; text-align:center;padding-top:20%; font-size:14px;} 
.hz-bg1 .freeprice-zp .name_text{ height:36px; line-height:36px; font-size:14px;}
.hz-bg1 .focus{margin:12px 0;}
.hz-bg1 .focus i{color:#fff;margin-right:3px;background-color:#7ccd42;}
.hz-bg1 .case-zp .c1 i {color:#fff;margin-right:3px;background-color:#ff9019;}
.hz-contact .hz-link a { color:#fff; font-size:14px;}
.hz-contact .hz-link em{ width:1px; background-color:#fff;margin:0 3%; height:14px; display:inline-block;}
.hz-contact p{ font-size:14px;}
.case_con_h div{ position:relative; overflow:hidden; display:inline;}
.case_con_h div em{ position:absolute; right:20px; line-height:38px; color:#999; font-size:16px;}

/*2017-2-21新装修预算*/
#pannel750{max-width:750px; min-width:320px; margin:0 auto; width:100%; position:relative;}
.newbudgebg{ background-color:#FFF;}
.newbudge{ font-size:0.2rem;}
.newbudge .service h2{ background-color:#70c52c; height:0.8rem; line-height:0.8rem; color:#FFF; text-align:center;}
.newbudge .foot_line{ margin:0px 0.5rem; color:#FFFFFF; text-align:center; border-top:1px solid #d9d9db; color:#fb4327; padding:0.1rem 0px 1.3rem 0;}
.newbudge .service ul{ padding:0.5rem 0.25rem; overflow:hidden;}
.newbudge .service ul li{ float:left; width:2.95rem; margin:0 0.25rem;}
.newbudge .service ul li img{ border:1px solid #70c52c;}
.newbudge .service ul li b{ display:inline-block; font-size:0.25rem; color:#70c52c; padding:0.2rem 0;}
.newbudge .service ul li p{ display:inline-block; color:#727272;  height:0.75rem; margin-bottom:0.25rem;}
.newbudge_jg_title{ text-align:center; color:#4ec656; font-size:.3rem;  overflow:hidden; margin:0.3rem 0;}
.newbudge_zj{ border-bottom:1px solid #d9d9db; border-top:1px solid #d9d9db; text-align:center; overflow:hidden; font-size:0.28rem; padding:0.1rem 0;}
.newbudge_zj_l{ float:left; width:3.33rem; border-right:1px solid #d9d9db; }
.newbudge_zj_r{ float:right;width:3.33rem;}
.newbudge_zj em{color:#5dc560; padding:0 5px; font-weight:bold;}
.newbudge_r_xf{ margin:0 auto; border-bottom:1px solid #d9d9db; overflow:hidden; padding:0.1rem 0 0.1rem 1.86rem;}
.newbudge_r_xf ul {}
.newbudge_r_xf ul li{ float:left; text-align:right; line-height:0.45rem; }
.newbudge_r_xf  .xf_fc{ color:#5dc560; padding:0 5px; font-weight:bold;}
.newbudge_r_ts{ margin:0.3rem auto; text-align:center; color:#ff9e2e;}
.newbudge_box{ padding:0.25rem; margin:0px auto;}
.newbudge .offter_button{ background: #ff7f00; border: medium none; color: #fff;  height: 0.9rem; line-height: 0.9rem;  border-radius:0.05rem; font-size:0.3rem; text-align: center; width: 100%; cursor:pointer; margin-top:0.1rem;}
.newbudge .offter_text{ border: 1px solid #d9d9db;color: #999;width:99%;text-indent:1em; height:0.6rem; line-height:0.6rem; border-radius:0.05rem; margin:0.1rem 0px;  font-size:0.2rem; }
.newbudge .offter_select {  -moz-appearance: none; background: transparent url(../images/arrow.png) no-repeat scroll right center;color: #999;overflow: hidden;height:0.6rem; line-height:0.6rem; border-radius:0.05rem; border:1px solid #d9d9db; text-indent:4px; margin:0.1rem 0px; font-size:0.2rem;
}
.newbudge .width1{width:7rem;}
.newbudge .divwidth2_l{ float:left; }
.newbudge .divwidth2_r{ float:right;}
.newbudge .width2{width:3.4rem; }
.newbudge .divwidth10{ }
.newbudge .divwidth3_l{float:left; margin-right:0.15rem;}
@media (max-width: 450px){
    .newbudge .divwidth3_l{float:left; margin-right:0.12rem;}
}
.newbudge .divwidth3_r{ float:right; }
.newbudge .width3{ width:2.2rem;}
.newbudge .offer_jxform{ overflow:hidden;}
.newbudge .offer_pfbox{ position:relative;clear: both}
.newbudge .offer_pf{ display:inline-block; position:absolute; right:0.15rem; top:0.25rem; *top:-0.1rem; z-index:20; color:#999999;}
@media (max-width: 450px){
    .newbudge,.newbudge .offter_text,.newbudge .offter_select{ font-size:12px;}
    .newbudge .service ul li p{  height:65px;}
}
/**设计案例页面 url:/art_sheji*/
.de-case{ background-color:#fff;}
.de-case1{ background-color:#a40002;}
.focus{height:auto; line-height:35px; font-size:16px;overflow:hidden;margin:20px 0 12px 0; text-align:center;}
.focus i{display:inline-block;width:6%;height:30px;line-height:30px;font-size:18px;font-style:normal;font-weight:bold;text-align:center;vertical-align:top;color:#fff;margin-right:3px;background-color:#7ccd42; border-radius:5px;}
.case-zp .c1 i{display:inline-block;width:6%;height:30px;line-height:30px;font-size:18px;font-style:normal;font-weight:bold;text-align:center;vertical-align:top;color:#fff;margin-right:3px;background-color:#ff9019; border-radius:5px;}
.freeprice-zp .case-zp .c1 em{color:#ff8400;}
.focus i.comma{width:8px;height:11px;font-size:0;line-height:0;background: url(../images/icon_1.png) no-repeat 0 -433px;margin:25px 1px 0; border:none;}
.case-zp .focus em{color:#73b048;}
.freeprice-zp.case{border-top:1px solid #ff8400;border-bottom:1px solid #ff8400;}
.freeprice-zp form .case_h, .freeprice-zp form .case_h1{display:inline-block;}
.freeprice-zp form .case_h1 + .case_h1 { margin-left: 0.3rem;}
.freeprice-zp form div .case_type{position: relative;width: 3.16rem;height: .7rem;line-height: .7rem;border: 1px solid #dfdfdf;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../images/t13.jpg")no-repeat scroll 95% center transparent;}
.case_h .name_text{width:48%; float:right; margin:0;}
.freeprice-zp .case_button{background: #ff8400 none repeat scroll 0 0; color: #fff; float: left; font-size: 14px; height: 40px; line-height: 38px; margin: 4px 5% 0; text-align: center; width: 90%;border:none;}
.case_con_h{clear:both; overflow:hidden;display: inline-block;margin: 4px 5%;width: 91%;}
.case_con_h .name_text{width:48%; float:left;margin:0 2% 0 0;}
.case_con_h .case_h{width:49%;}
.case_con_h .case_h .case_type{text-indent:3px; height:34px;}
.case_images_box .box_up .up_2{background-color:#fff; vertical-align:middle; text-align:center;}
.de-case .case_imgtitle{height:48px; line-height:48px; background-color:#6ec82d; color:#fff; text-align:center; font-size:21px; font-weight:normal; margin-bottom:2%;}
.case_images_box .box_up{overflow:hidden; margin-bottom:2%;}
.up_1{position:relative;}
.case_images_box .box_up .up_1 p{bottom: 0px;display: block;height:30px;position: absolute;text-align: left;vertical-align: bottom;width: 100%;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.case_images_box .box_up .up > p > span{bottom: 0.5em; color: #fff; position: absolute;text-indent:0.5em;}
.box_up > .up:first-child{margin-left: 1.67%; min-height: 160px; width: 65.5%;}
.box_up > .up{background-color: #fff; float: right; min-height: 75px; width: 31.67%;position:relative;}
.case_images_box a{display: block;}
.box_up img,.box_down img{border: medium none; color: #ccc; max-width: 100%;}
.case_images_box{overflow:hidden; clear:both; margin-bottom:2%;}
.case_images_box .box_up .up_2 img{padding-top:20%;}
.case_images_box .box_up .up_3:last-child{margin-top: 1.67%;}
.case_images_box .box_up .up_3 p{bottom: 0px;display: block;height:30px;position: absolute;text-align: left;vertical-align: bottom;width: 100%;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.box_down > .up{background-color: #fff; float: right; min-height: 63px; width: 23.5%;} 
.box_down .up+.up{margin-right:2%;}
.box_down .up_1 p{bottom: 0px;display: block;height:30px; line-height:30px;position: absolute;text-align: left;vertical-align: bottom;width: 100%;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.box_down .up_1 span{color: #fff; position: absolute;text-indent:0.5em;}
.de-case .banner_way{margin:10px 0;}
.de-case .banner_way img{width:100%;}

/*免费设计20170412*/
.freeprice-zp .case_button1{background: #6ec82d none repeat scroll 0 0;border: medium none;color: #fff;float: left;font-size: 14px;height: 40px;line-height: 38px;margin: 4px 5% 20px;text-align: center;width: 90%; cursor:pointer;}
.case_con_h .case_h .case_type option{ text-indent:10px;}
.case_0412{ background-color:#eee; overflow:hidden;}
.title_0412 { text-align:center; width:100%; padding:20px 0 40px;}
.title_0412 img{ width:4.25rem; }
.title_04121{border-top: 2px solid #2b2a2a; width:100%; text-align:center; position:relative;}
.title_04121 h3{background-color:#eee; text-align:center; width:3.5rem; height:32px; position:relative; top:-18px; margin:auto; font-size:28px; line-height:28px; font-weight:normal; color:#2b2a2a;}
.case_0412_cont{ padding:.2rem; overflow: hidden;}
.case_0412_cont .cont_up{ background-color:#fff;}
.case_0412_cont .cont_up img{ width:100%;}
.case_0412_cont .cont_up p{ padding:15px; line-height:25px; text-indent:24px; font-size:14px;}
.case_0412_cont .cont_down{ margin-top:20px;}
.case_0412_cont .cont_down li{ float:left; width:48%; margin-bottom:20px;}
.case_0412_cont .cont_down li:nth-child(2n){float:right;}
.title_0413{padding:20px 0;}
.hz_btn04{background-color: #6ec82d;bottom: 0;border-top:1px solid #fff;height: 48px;left: 0;position: fixed;right: 0;z-index: 9;}
.hz_btn04 a{color: #fff;display: inline-block;line-height: 48px;text-align: center;width: 49.8%;font-size:16px;}
.hz_btn04 a+a{ border-left:1px solid #fff;}
.hz_btn04 a i{padding-right:5px;}

/*五月宝利活动20170425*/
.channel_protag .protag_tel{width:4.4rem; height:.9rem;margin:.5rem auto; overflow:hidden;}
.channel_protag .protag_tel img{ width:100%;}
.protag_text{padding:.05rem 0.6rem; margin-bottom:.5rem; overflow:hidden;}
.protag_text ul{display: -webkit-flex; /* Safari */display: flex;width: 5.68rem; margin:.2rem auto;}
.protag_text li{ color:#00b7ee;flex: 1 1 0;-moz-box-flex: 1; display:block;width:100%; text-align:center;}
.protag_text li div{ height:.6rem;width:100%; margin:0 auto; position:relative;}
.protag_text li img{ display:inline;}
.protag_text li .d1 img{width:.6rem; height:.44rem;}
.protag_text li .d2 img{width:.63rem; height:.44rem;}
.protag_text li .d3 img{width:.51rem; height:.54rem;}
.protag_text h3{ font-size:.24rem; color:#fff;margin:.4rem 0;}
.protag_text .protag_company img{ width:1.79rem; height:1.11rem;margin-right:.2rem;}
.protag_text .protag_company p{ line-height:.4rem; width:4.3rem; color:#fff; overflow:hidden;} 
.protag_company .protag_img img{ width:100%; height:auto; display:block;padding:.3rem 0;}

.channel_protag .protag_24{width:4.63rem; margin:0 auto; overflow:hidden;}
.channel_protag .protag_24 img{ width:100%;}
.channel_protag .protag_24 p,.channel_protag .protag_img p{ text-align:center; color:#fff; font-size:.36rem;}
.channel_protag .protag_img{ margin:.25rem 0;}
.channel_protag .protag_imgtitle{ position:relative;}
.channel_protag .protag_imgtitle img {margin: .25rem 0;}
.protag_content .protag_item{padding:.25rem .2rem; overflow:hidden; line-height:.5rem;}
.protag_item .item_img{ width:60%; color:#fff; font-size:.24rem; text-align:center;}
.protag_item .item_price{ width:2rem; font-size:.24rem; color:#fff; padding-left:.24rem; padding-top:.24rem;}
.protag_item .item_price p{ color:#fffe00}
.protag_item .price_01{padding-top:2rem;} 
.protag_content{ overflow:hidden;}
.protag_content .protag_item1{padding:.25rem 0; overflow:hidden; line-height:.5rem; width:50%; float:left; color:#fff; text-align:center;}
.protag_item1 .cur_price{ color:#fffe00;}
.protag_content .protag_item1 .item_img{ display:block;}
.channel_protag .protag_imgtitle .p_01{ position:absolute; bottom:.48rem; color:#fff500; padding:0 .6rem; line-height:.48rem; text-align:center; font-size:.24rem;}
.channel_protag .p_02{ padding:.2rem .6rem;}
.channel_protag .p_02 p{ color:#fff; font-size:.24rem; line-height:.48rem;}
.channel_protag .p_03{ color:#82feb2; text-align:center; font-size:.24rem; line-height:.48rem;}
.channel_protag .protag_25{width:2.65rem; margin:.25rem auto; overflow:hidden;}
.channel_protag .protag_25 img{ width:100%;}

.channel_footer{ background-color:#38b96a;padding:.2rem .6rem;}
.channel_footer p,.channel_footer1 p{ text-align:center; color:#fff; font-size:.24rem; line-height:.48rem;}
.bg24{ background-color:#38b96a;}
.protag_cate{padding:.45rem .6rem; overflow:hidden;}
.protag_cate .protag_cate1 a{ width:100%;}
.protag_cate .protag_cate1 a img{ width:100%;}
.protag_cate a{width:50%; float:left;}
.protag_text .t1{margin-top:-.2rem;}
.protag_text .t1 em{ color:#00b7ee;}
.protag_input .freeprice-zp.case{ border:none;}
.protag_input .freeprice-zp{background-color: #35386a;}
.protag_input .freeprice-zp .case_button1{background-color: #38b96a; border-radius:5px;}
.protag_gift{width:2.11rem; height:1.55rem; position:fixed; right:-25px; bottom:3.5rem; z-index:10000;}
.protag_text0426{padding:0 .6rem;}
.protag_text0426 p{ color:#fff; text-align:left; font-size:.24rem; margin:0;}
.protag_text0426 p i{padding-right:5px;}

/*造居二级落地页*/
.protag_zj01{width:4.93rem; margin:.24rem 0;}
.protag_zj_text{padding:.24rem .9rem; clear:both;}
.protag_zj_text p{ text-align:center; color:#000; font-size:.24rem; line-height:.48rem;}
.protag_zj_text1{margin-bottom: 0.5rem;overflow: hidden;padding: 0.05rem 0.6rem;}
.protag_zj_text1 li{width:2.85rem; height:2.6rem; float:left; position:relative; text-align:center; margin-bottom:.2rem;}
.protag_zj_text1 li+li:nth-child(2n){ margin-left:.5rem;}
.protag_zj_text1 .zj_text2{ position:absolute; z-index:100; top:0; text-align:center; padding:.4rem .2rem; width:2.42rem; color:#fff;}
.protag_zj_text1 .zj_text2 h3{ font-size:.36rem; font-weight:normal;}
.protag_zj_text1 .zj_text2 p{ font-size:.24rem; min-height:.8rem;}
.protag_zj_text1 .zj_text2 i{ font-size:.40rem; }
.protag_zj02{width:6.22rem; margin:.24rem 0;}
.protag_zj03{width:1.6rem; margin:.24rem auto;}
.protag_zj04{width:5.65rem; margin:.24rem auto;}
.protag_zj05{ border:2px solid #20aee5; line-height:.5rem; width:4.25rem; margin:1rem auto;}
.channel_footer1{ background-color:#000;padding:.2rem .6rem;}

/*6.2号主材包推广*/
.channel_protag{ position:relative;}
.channel_protag .zcb_btn{ position:absolute; width:3.8rem;height:.6rem; top:4.5rem; left:1.88rem;}
.channel_protag .protag_26{width:4.2rem; margin:.45rem auto; overflow:hidden;}
.channel_protag .protag_26 img{ width:100%;}
.channel_protag .protag_27{ padding:0 .3rem .4rem;}
.channel_protag .protag_27 p{ text-align:center; color:#404040; font-size:.24rem;}
.channel_protag .protag_28{width:2.14rem; margin:.45rem auto .36rem; overflow:hidden;}
.channel_protag .protag_28 img{ width:100%;}
.channel_protag .protag_29{ padding:0 .6rem .3rem;}
.channel_protag .protag_29 img{ margin-bottom:.2rem;}
.channel_protag .protag_29 p i{ color:#6ec82d;}
.protag_29_middle .middle_l{ width:3rem; float:left;margin-right:.2rem;}
.protag_29_middle .middle_r{ width:3.08rem; float:right;}
.bg_531{background-color:#323232; width:100%; height:4.5rem;}
.input_box{ padding:.5rem 1.5rem;}
.input_box h3{ color:#6ec82d; text-align:center; font-size:.5rem; margin-bottom:.25rem;}
.input_box input{ width:100%; height:.5rem; line-height:.5rem; background-color:#fff; margin-bottom:.15rem; border:none; text-indent:.1rem;}
.input_box .btn{ width:100%; height:.5rem; line-height:.5rem; background-color:#6ec82d; text-align:center; display:block; color:#fff; font-size:.24rem;}

.protag_tab{margin:0 .3rem .3rem;}
.tit{ margin-top:.3rem; width:100%; text-align:center; z-index:9999;}
.tit a em{ display:block; width:34px; height:34px; margin:0 auto;background:url(../images/531_24.png) no-repeat 0 0;}
.tit a .n2{ background-position:-50px 0;}
.tit a .n3{ background-position:-108px 0;}
.tit a .n4{ background-position:-161px 0;}
.tit a .n5{ background-position:-212px 0;}


.tit a{display:block;float:left;width:20%;olor:#333;text-align:center;line-height:40px;font-size:16px;text-decoration:none;}
.tit .active{ color:#70c52c;}
.tit .active .n1{color:#fff;background-position:0 -38px;}
.tit .active .n2{color:#fff;background-position:-50px -38px;}
.tit .active .n3{color:#fff;background-position:-108px -38px;}
.tit .active .n4{color:#fff;background-position:-161px -38px;}
.tit .active .n5{color:#fff;background-position:-212px -38px;}

.swiper-container{background:#333;border-radius:0 0 5px 5px;width:6.9rem;border-top:0;}
.swiper-slide{width:100%;background:none;color:#fff;}
.protag_f{ position:fixed; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; height:.8rem; bottom:0; width:7.5rem;}
.protag_f img{ width:5.44rem; margin:0 auto; position:relative; top:-.34rem;display:block;}

/*免费户型设计*/
.title_0829{ width:6.7rem; height:.8rem; line-height:.8rem; border:1px dashed #808080; text-align:center; font-size:.3rem; color:#402111; margin:0 .4rem;}
.model_select .page1 .model_title{ text-align:center; width:2.56rem; height:.4rem; margin:0 auto .4rem;}
.model_select .select{ margin:0 .7rem;}
.select .p1-type{float: left; width: 2.56rem;margin-bottom:.7rem;}
.p1-type:nth-child(2n){margin-left:.8rem;}
.active.item .on{display: inline-block;}
.model_select .page{background-color: #fff; display: none; height: 100%; width: 100%;}
.model_select .active.page{display: block;}
.active.item .off{display: none;}
.select .on{display: none;}
.select .off{display: inline-block;}
.page_button{text-align:center; margin:.4rem 0;}
.page_button .btn-next{background-color: #1fc779; border-radius: 5px; color: #fff;font-size:.36rem; display: inline-block; width:2.8rem;height:.9rem; line-height:.9rem; text-align:center;margin:0 auto;}
.page_button .btn-prev{color: #333; display: inline-block; padding: 10px;}
.page_button .btn-prev .arr{border-right: 1px solid #333; border-top: 1px solid #333; display: inline-block; height: 10px; margin-left: 15px; transform: rotate(225deg); width: 10px;}

.model_select .page2 .model_title,.model_select .page3 .model_title{ text-align:center; width:3.43rem; height:.4rem; margin:.4rem auto;}
.select .p2-sex{ width:1rem; height:1.88rem; margin:0 1rem; float:left;}
.page_border{ border-top:1px dashed #808080; display:inline-block;margin:.4rem; width:6.7rem;}
.select .p2-age{ width:1.8rem; float:left;}
.select .p2-age+.p2-age{ margin-left:.2rem;}

.case_0829 .case_0829_banner{ margin:0 .4rem;}
.case_0829 .case_0829_banner img{margin-bottom:.4rem;}

.p4_style{ width:2.8rem; height:2.1rem; float:left; margin-bottom:.4rem; position:relative;}
.p4_style+.p4_style:nth-child(2n){ margin-left:.4rem;}
.p4_style .img-wrap .item{height: .36rem;position: absolute;right: .2rem;bottom:.05rem;width: .36rem;}
.p4_style .img-wrap .item .on,.p4_style .img-wrap .item .off{ width:.36rem; height:.36rem;}

/*风格*/
.fgcs .fgcs_sm h2{ color:#1fc779; font-weight:normal;}
.fgcs .fgcs_sm em{ width:0.4rem; height:0.4rem; line-height:0.4rem; display:inline-block; background-color:#1fc779; text-align:center; color:#FFF; margin-right:0.2rem;}
.fgcs .fgcs_box{ padding:0 0.4rem;}
.fgcs .fgcs_sm_text{ margin:0.4rem 0;}
.fgcs .fgcs_sm_img{ margin:0.4rem 0;}
.fgcs .fgcs_sm_img img{ width:100%;}
.fgcs .fgcs_sm_img ul li{ float:left; margin-right:0.2rem; margin-bottom:0.2rem; width:2.1rem;}
.fgcs .fgcs_sm_img ul li:nth-child(3n){ margin-right:0;}
.fgcs .fgcs_top{background-size:100%; color:#000; text-align:center; position:relative; height:5.06rem;}
.fgcs .fgcs_top span{ width:7.5rem; height:5.06rem; position:absolute; top:0; left:0; z-index:10;}
.fgcs .fgcs_top ul{ z-index:11; position:relative;}
.fgcs .fgcs_top ul li:nth-child(1){ color:#fff; padding:0.7rem 0;}
.fgcs .fgcs_top ul li:nth-child(2){ margin:0.35rem 0 0 0;}
.fgcs .fgcs_top ul li:nth-child(3){ margin-top:0.6rem;}
.fgcs .fgcs_top ul li:nth-child(3) em{ padding:0.2rem 0.5rem; border:0.04rem solid #000;}

/*免费设计1 0920*/
.de-case .case_1{ background-color:#f0f0f0; width:6.9rem; margin:.3rem; padding:.3rem 0;}
.de-case .case_1 .case-zp{ text-align:center;}
.case-zp .case-zp-text{ font-size:.36rem; color:#323232; line-height:.6rem;}
.case-zp .case-zp-text i{ color:#6ec82d; padding:0 .05rem;}
.case-zp .case-zp-text.text_1 i{color:#f08a30; padding:0 .05rem;}
.de-case .case_1 .case_h .case_type{ -moz-appearance: none;background: #fff url("../images/t13.jpg") no-repeat scroll 95% center; color:#999999; font-size:14px;text-indent:1em;}
.de-case .case_1 .case_button{ background-color:#6ec82d;}
.de-case .case_content{ width:6.9rem; margin:.3rem;}
.de-case .case_content .case_title{ margin:.4rem 0;}
.hz-bg1 .case_content .box_up .up_3{ width:2.1rem; float:left;}
.hz-bg1 .case_content .box_up .up_3:last-child{ margin-top:0;}
.case_content .box_up .up_1{ width:4.5rem; float:right;}
.case_content .box_down .up{ width:2.1rem; float:left;}
.case_content .box_down .up+.up{ margin-left:.3rem; margin-right:0;}
.case_content .case_images_box{ margin-bottom:.6rem;}
.banner_0920 a{ width:6.9rem; height:2.4rem; overflow:hidden; display:block;}
.banner_0920 a+a{ margin-top:.3rem;}
.back_top{ width:1rem; height:1rem; position:fixed; right:0; bottom:2rem; cursor:pointer;}

/*免费设计2017-10-10*/
.act_sj{}
.act_sj .freeprice-zp.case {
    border:none;
}
.act_sj_con{}
.act_sj_con img{ width:100%;}
.act_sj .act_sj_pf{ width: 48%;float: left;margin: 0 2% 0 0;}
.act_sj .case_con_h .name_text {width: 100%; float: left; margin: 0 2% 0 0; position:relative;}
.act_sj .act_sj_pf i{ position:absolute; right:10px; top:10px; color:#b5b5b5; font-size:14px;}
.act_sj .freeprice-zp .case_button1 {    background: #6ec82d none repeat scroll 0 0;    border: medium none;    color: #fff;    float: left;    font-size: 14px;    height: 40px;    line-height: 38px;    margin: 4px 5% 20px;    text-align: center;
    width: 90%;    border-radius: 5px;    cursor: pointer;}



/*装修报价2017-11-1*/

@font-face {
    font-family: 'digital_dismayregular';
    src: url('http://m.jiazhuang.com/Public/M/fonts/digital_dismay-webfont.eot');
    src: url('../fonts/digital_dismay-webfont.eot') format('embedded-opentype'),
    url('../fonts/digital_dismay-webfont.woff') format('woff'),
    url('../fonts/digital_dismay-webfont.svg#digital_dismayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.zxbj111_jsq{

}
.zxbj111_jsq_jg{background: url(../images/zxbj111_02_01.jpg) no-repeat	left top; background-size:100%; height:2.5rem;  text-align:right; }
.zxbj111_jsq_jg p{padding-top:1.32rem; padding-right:.65rem; font-family: 'digital_dismayregular'; font-size:.85rem; letter-spacing:.1rem;}
.zxbj111_jsq_xf{background: url(../images/zxbj111_02_02.jpg) repeat-y left top;background-size:100%;}
.zxbj111_jsq_xf_sm{ width:6.7rem; margin:0 auto; line-height:.5rem; padding:.2rem 0;}
.zxbj111_jsq_xf_sm ul li{ float:left; width:3rem;}
.zxbj111_jsq_xf_sm ul li:nth-child(odd){ text-align:right; padding-right:.2rem;}
.zxbj111_jsq_xf_sm ul li:nth-child(even){ padding-left:.2rem;}
.zxbj111_jsq_xf_sm em{ color:#878787;}
.zxbj111_jsq_xf_sm .del{text-decoration: line-through;}
.zxbj111_jsq_js{background: url(../images/zxbj111_02_03.jpg) no-repeat	left top; background-size:100%; height:5.39rem; }
.zxbj111_jsq_jslist{ width:6.7rem; margin:0 auto;}
.zxbj111_jsq_jslist ul li{ margin-bottom:.1rem;}
.zxbj111_jsq_jslist .offter_select { -moz-appearance: none; color: #999; overflow: hidden; height: 0.70rem; line-height: 0.70rem; border:none; text-indent: 4px;  margin: 0.1rem 0px; }
.zxbj111_jsq_jslist .offter_text {border:none; color: #999; width: 99%; text-indent: 10px;  height: 0.70rem; background:none; line-height: 0.70rem; margin: 0.1rem 0px; }
.newbudge .offter_button { background:none; border: medium none; color: #fff; height: 0.9rem; line-height: 0.9rem; border-radius: 0.05rem; font-size: 0.3rem; text-align: center; width: 100%; cursor: pointer;   margin-top: 0rem;}
.zxbj111_jsq_jslist .width1{width: 100%;}
.zxbj111_jsq_jslist .width2{width: 3.2rem;}


/*泰国游邀请函*/
.travel{background-color:#c21d13;}
.travel-con{ position:relative;}
.travel-con01{ position:absolute; top:.6rem; left:1.2rem;}
.travel-con01 .travel_icon{ float:left; margin-top:.2rem;}
.travel-con01 .travel_icon img{ width:.9rem; height:.3rem;}
.travel-con01 .travel-form{ float:left; margin-left:.48rem;}
.travel-con01 .travel-form input{ width:1.45rem; height:.4rem; background:rgba(0, 0, 0, 0); text-align:center; padding:.1rem; border:0; font-size:.4rem; color:#fbe62d; }
.travel-con01 .search{cursor: pointer;height: .8rem;;position: absolute;width: 3.7rem; top:1.8rem; left:.72rem;}
.result_list {display: none;width: 6.6rem;z-index: 1000; position:relative;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.result_img{ width:6.6rem;}
.result_img img{ width:100%;}
.result_close{ cursor:pointer;}
.result_list .travel01-form{ position:absolute; left:1.9rem; top:1.1rem;}
.result_list .travel01-form input {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;color: #fbe62d;font-size: 0.36rem;height: 0.36rem;padding: 0.1rem;text-align: center;width: 1.34rem;}
.travel .layui-layer{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.travel01 .travel_sex{ left:3.58rem; top:1.3rem; position:absolute; font-size:.3rem; color:#fbe62d;}

/*年末钜惠报价*/
.yearbj{}
.yearbj_bjlist{ width:6.7rem; margin:0 auto; padding-top:.05rem;}
.yearbj_bjlist ul li{ margin-bottom:.1rem;}
.yearbj_bjlist .offter_select { -moz-appearance: none; color: #999; overflow: hidden; height: 0.70rem; line-height: 0.70rem; border:none; text-indent: 4px;  margin: 0.1rem 0px; background-image: none;}
.yearbj_bjlist .offter_text {border:none; color: #999; width: 99%; text-indent: 10px;  height: 0.70rem; background:none; line-height: 0.70rem; margin: 0.1rem 0px; }
.yearbj_bjlist .offter_button { padding-top:.1rem; background:none; border: medium none; color: #fff; height: 0.9rem; line-height: 0.9rem; border-radius: 0.05rem; font-size: 0.3rem; text-align: center; width: 100%; cursor: pointer;   margin-top: 0rem;}
.yearbj_bjlist .width1{width: 100%;}
.yearbj_bjlist .width2{width: 3.2rem;}
.yearbj_js{ line-height:.5rem;}
.yearbj_02{background: url(../images/yearbj_02.jpg) no-repeat left top; min-height:4.22rem; height:4.22rem; color:#FFF; background-size:100%;}
.yearbj_9{background: url(../images/yearbj_09.jpg) repeat-y left top; min-height:.97rem; padding:0 .6rem; color:#FFF; background-size:100%;}
.yearbj_11{background: url(../images/yearbj_11.jpg) repeat-y left top; min-height:1.45rem; padding:0 .6rem; color:#FFF;background-size:100%;}
.yearbj_13{background: url(../images/yearbj_13.jpg) repeat-y left top; min-height:5.14rem; padding:0 .6rem; color:#FFF;background-size:100%;}
.yearbj_sm b{ color:#f6eb00;}

/*20180314 落地页01*/
.act-p1 .freeprice-zp p{ text-align:left; color:#666; padding:.4rem .4rem 0; font-size:14px;}
.act-p1 .case_content .case_title {  background-color:#5cc560;height:.8rem; line-height:.8rem; text-align:center; font-size:.4rem; font-weight:normal; margin:0; color:#fff;}
.act-p1 .box_list{ padding:.4rem .2rem 0; overflow:hidden;}
.act-p1 .box_list li{ width:2.2rem; float:left;margin-right:.2rem; text-align:center; margin-bottom:.2rem;}
.act-p1 .box_list li:nth-child(3n){ margin-right:0;}
.act-p1 .box_list li span{  font-size:.28rem;padding-top:.1rem; color:#333; display:block;}
.case_button01{ width:7rem; height:.8rem; line-height:.8rem; background:#5cc560; border-radius:5px; margin:.4rem auto; text-align:center; display:block; font-size:.36rem; color:#fff;}
.act-p1 .case_share{ padding:.2rem}
.act-p1 .case_share li{ position:relative; margin-bottom:.2rem;}
.act-p1 .case_share li span{ position:absolute; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;bottom: 0; text-align:center; color:#fff; height:.5rem; line-height:.5rem;width:100%; display: block;}
.act-p1 .prompt{ font-size:12px; color:#999; line-height:.4rem; padding:.2rem;}


