/*公共样式*/

body,div,p,ul,li,ol,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,img{

	padding:0;

	margin:0;

	list-style:none;

}

html,body{

	font-family: "PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;

}

body{

	width: 100%;

	margin: 0 auto;

	line-height: 1.5;

	position: relative;

}

a{

	text-decoration: none;	

	cursor: pointer;

}

a:active{

	text-decoration: none;	

}

.left{

	float: left;

}

.right{

	float: right;

}

.clear{

	clear: both;

}

.clearfloat:after{

	content:".";

	display: block;

	visibility: hidden;

	height:0;

	clear:both;

}

@font-face{

    font-family: "LedNumber";

    src:url('../font/LETSGODIGITALREGULAR.TTF');

}

input::-webkit-input-placeholder {color: #757575;}

input:-moz-placeholder {color: #757575;}

input::-moz-placeholder {color: #757575;}

input:-ms-input-placeholder {color: #757575;}

/*本页样式*/

.img_list img{

	display: block;

	width: 100%;

	height: auto;

}

/*报价表单*/

.form_bg{

	width: 100%;

	height: 100%;

	background: #C8E7FA url(../image/bg1.jpg) no-repeat center center;

	background-size: 100% 100%;

}

.form_content{

	width: 96%;

	padding:8px 0 15px 0;

	margin: 0 auto;

	border-radius: 6px;

	background-color: #fff;

}

.bgf8{

    padding: 0 0.4rem;

    overflow: hidden;

}

.num-frame {

    position: relative;

    height: 62px;

    margin: 0 auto;

    border: 4px solid #D2D1D1;

    border-radius: 4px;

}

.num-frame .yuan {

    position: absolute;

    width: 16px;

    height: 16px;

    line-height: 16px;

    right: 12px;

    bottom: 6px;

}

.num-window {

    /*width: 100%;*/

    height:58px;

    line-height: 66px;

    padding-right: 28px;

    border-radius: 4px;

    border:2px solid #3D3C30;

    background-color: #D3D3CB;

    box-shadow: 0px 1px 5px 1px #ABABA5 inset;

    font-size: 58px;

    font-family: "LedNumber";

    text-align: right;

}

.zxd-form{

    margin-top: 8px;

}

.zxd-form div {

    display: block;

    height: 50px;

    margin: 10px 0;

    padding-left: 10px;

    border: none;

    text-align: left;

    font-size: 0.375rem;

    border: 1px solid #e2e2e2;

    background-color: #fff;

    border-radius: 6px;

    overflow: hidden;

    color: #757575;

}

.zxd-form div:nth-child(3){

	margin-bottom:12px;

}

.zxd-form div.jishi{

	line-height: 50px;

	color: #757575;

	background: url(../image/arrow2.png) no-repeat 95% center;

	background-size: 2.5% 33%;

}

.zxd-form div.jishi em{

	margin-left: 5px;

}

.zxd-form div.jishi em:first-child{

	margin-left:0;

}

.zxd-form div input{

    width: 90%;

    height: 50px;

    border: none;

    outline: none;

    font-size: 0.375rem;

    vertical-align: middle;

}

#zxd-form-submit{

	display: block;

	width: 100%;

	height: 50px;

	line-height: 50px;

	color: #fff;

	background-color: #DC6626;

	text-align: center;

	border-radius: 6px;

	font-size: 0.5rem;

	text-decoration: none;

}

.form_title,.huxing_title,.gift_title{

	font-size: 0.5rem;

    line-height: 1.3rem;

	text-align: center;

	margin: 0 0 0.4rem 0;

}

.form_title:after{

    content: "";

    display: block;

    width: 2.93rem;

    margin: 0 auto;

    height: 1px;

    background-color: #ffa243;

}

.huxing_title:after{

	content: "";

    display: block;

    width: 0.93rem;

    margin: 0 auto;

    height: 1px;

    background-color: #ffa243;

}

.gift_title:after{

	content: "";

    display: block;

    width: 0.93rem;

    margin: 0 auto;

    height: 1px;

    background-color: #ffa243;

}

.gift_title{

	padding:0.4rem 0; 

	margin-bottom: 0;

	color: #fff;

	background-color: #C82828;

}

/*设计师*/

.designer{

    overflow: hidden;

    width: 100%;

    padding:0 0 0.4rem 0;

    background: #C8E7FA url(../image/designer_bg.jpg) no-repeat center center ;

    background-size: 100% 100%;

}

.designer_img{

    margin-left: 0.4rem;

    margin-top: 0.4rem;

}

.designer_img img{

    width: 3.49rem;

    height: 3.58rem;

}

.designer_introduce{

    float: right;

    width: 5rem;    

    /*height: 5.33rem;*/

    padding: 0.25rem;

    margin-top: -0.8rem;

    margin-right: 0.25rem;

    background-color: #fff;

    -webkit-box-shadow:0 7px 9px rgba(137,180,209,.5);

    box-shadow: 0 7px 9px rgba(137,180,209,.5);

    font-size: 0.375rem;

}

.designer_introduce .designer_name{

    font-size: 0.5rem;

    font-weight: bold;

}

.designer_introduce .idea{

    padding:2px;

    margin-bottom: 6px;

    text-align: center;

    background-color: #091822;

    color: #fff;

}

.designer_introduce .information img{

    display: block;

    width: 0.26rem;

    height: 0.21rem;

}

.designer_introduce .information img:nth-child(3){

    margin-top: 6px;

    margin-left: -2px;

}

.designer_introduce .information img:nth-child(5){

    float: right;

    margin-right: 5px;

    margin-top: 10px;

}

.designer_list{

    padding:10px 0 5px 0;

    background: #C8E7FA url(../image/list_bg.jpg) no-repeat center center;

}

.designer_list a{

    text-decoration: none;

}

.designer_list li  p{

    width: 2rem;

    text-align: center;

}

.designer_list div{

    width: 2rem;

    height: 2rem;

    margin: 0 auto;

    background-color: #DB9318;

    border-radius: 1rem;

}

.designer_list div img{

    width: 2rem;

    height: 2rem;

}

.designer_list ul{

    width: 94%;

    margin:0 auto;

    display: -webkit-flex;

    display: flex;

    justify-content:space-between;

}

.designer_list ul p{

    margin-top: 5px;

    color: #121212;

}

/*户型弹窗*/

.layer-huxing{

    position: fixed;

    left: 0px;

    top: 0px;

    z-index: 99;

    zoom: 1;

    text-align: center;

    bottom: 0px;

    right: 0px;

    background-color: rgba(0, 0, 0, 0.298039);

    display: block; 

    z-index: 1000;

}

.layer-huxing .layer-content{

    position: fixed;

    left: 7%;

    top: 50%;

    width: 86%;

    padding-top: 23px;

    margin-top: -170px;

    z-index: 100;

    zoom: 1;

    background: #FFF;

    border-radius: 3px;

}

.layer-huxing .column{

    position: absolute;

    top: 24px;

    left: 50%;

    transform: translateX(-50%);

    padding: 0 15px;

    width: 160px;

    text-align: center;

    background: #fff;

    font-size: 18px;

    color: #333;

    z-index: 10;

}

.layer-huxing .cut-line{

    width: auto;

    margin: 10px 45px 0;

    height: 1px;

    display: block;

    border-bottom: #e3e3e3 1px solid;

}

.layer-huxing .huxing-option{

    padding: 30px 15px 10px 15px;

    border-bottom: 1px #e3e3e3 solid;

}

.layer-huxing .huxing-option:after{

    content: '';

    font-size: 0;

    height: 0;

    display: block;

    clear: both;

    overflow: hidden;

}

.layer-huxing ul{

    width:17%;

    padding-right: 3.75%;

    float: left;

}

.layer-huxing ul:last-child{

	padding-right: 0;

}

.layer-huxing ul li{

    width: 100%;

    height: 27px;

    margin-bottom: 10px;

    line-height: 27px;

    background: #f4f4f4;

    border-radius: 5px;

    color: #666;

}

.layer-huxing ul li.on{

    background: #DC6626;

    color:#fff;      

}

.layer-huxing input[type="button"]{

    width: 100%;

    height: 45px;

    color: #DC6626;

    font-size: 16px;

    line-height: 45px;

    background: none;

    -webkit-appearance: none;

    outline: none;

    border: none;

}

.reverseDesign{

    padding: 30px 0;

    background-color: #C8E7FA;

}

.reverseDesign div{

    width: 77%;

    height: 50px;

    padding-left: 13%;

    margin: 0 auto;

    margin-bottom: 10px;

    line-height: 50px;

    border-radius: 10px;

    border:1px solid #BDE2F9;

}

.reverseDesign div:nth-child(1){

    background:  #fff url(../image/user.png) no-repeat 3% center;

    background-size: 7%;

}

.reverseDesign div:nth-child(2){

    background:  #fff url(../image/tel3.png) no-repeat 3% center;

    background-size: 6%;

    margin-bottom: 13px;

}

input::-webkit-input-placeholder {color: #999999;}

input:-moz-placeholder {color: #999999;}

input::-moz-placeholder {color: #999999;}

input::-ms-input-placeholder {color: #999999;}

.reverseDesign div input{

    -moz-appearance:none;

    -webkit-appearance:none;

    appearance:none;

    width: 90%;

    border:none;

    font-size: 0.375rem;

    outline: none;

}

.reverseDesign a{

    display: block;

    width: 90%;

    margin: 0 auto;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 0.5rem;

    color: #fff;

    border-radius: 10px;

    background-color: #DC6626;

    text-decoration: none;

}

.video_title{

    padding:0.46rem 0;

    text-align: center;

    font-size: 0.6rem;

    color: #333333;

    font-family: "microsoft yahei";

    border-top:2px solid #F4AC85;

    border-bottom:2px solid #F4AC85;

}

.footer_button{

    padding: 20px 0;

    background-color: #fff;

    border-top: 20px solid #FFE7C5;

}

.footer_button a{

    display: block;

    width: 90%;

    margin: 0 auto;

    height: 50px;

    line-height: 50px;

    background-color: #DC6626;

    color: #fff;

    font-size: 0.5rem;

    border-radius: 10px;

    text-align: center;

    text-decoration: none;

}

/*获取礼品弹窗*/

.gift_pop{

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	top:0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0,0,0,.4);

	z-index: 1000;

}

.gift_pop .pop_content{

	position: fixed;

	left: 50%;

	top:50%;

	transform: translate(-50%,-50%);

	width: 9.226rem;

	/*height: 9.05rem;*/

}

.gift_pop .pop_content img{

	display: block;

	width: 9.226rem;

	height: 9.05rem;

	margin:0 auto;

}

.gift_pop .pop_content form{

	position: absolute;

	left: 0;

	top: 40%;

	width: 100%;

}

.gift_pop .pop_content form div{

	width: 85%;

	height: 1.1rem;

	line-height: 1.1rem;

	margin:0 auto;

	margin-bottom: 0.2rem;

	border: 1px solid #e2e2e2;

	border-radius: 6px;

}

.gift_pop .pop_content form div:nth-child(2){

	margin-bottom: 0.4rem;

}

.gift_pop .pop_content form div input{

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	border: none;

	width: 100%;

	line-height: 1.1rem;

	background: transparent;

	font-size:  0.375rem;

	text-align: center;

	outline: none;

}

#gift_pop_button{

	display: block;

	width: 85%;

	margin: 0 auto;

	height: 1.1rem;

	line-height: 1.1rem;

	text-align: center;

	color: #fff;

	background-color: #FFA243;

	border-radius: 6px;

	font-size: 0.45rem;

	border: 1px solid #FFA243;

	text-decoration: none;

}

.gift_pop .pop_content .close{

	display: block;

	width: 25px;

	height: 25px;

	margin: 0.4rem auto 0;

	line-height: 22px;

	color: #fff;

	border: 1px solid #fff;

	border-radius: 25px;

	text-align: center;

	font-size: 0.8rem;

}