body{background: #FFF;}

/*整装套餐*/

.ztPack{overflow: hidden;}

	.ztPack .p15{padding: 0 15px;}



	/*导航*/

.PackNavWrap{z-index: 8;position: relative;background: #003465;}

.PackNav .cate{}

	.PackNav .cate dl{text-align: center;}

	.PackNav .cate dl dt{background: #ffa31f;line-height: 50px;font-size: 20px;font-weight: bold;cursor: pointer;}

	.PackNav .cate dl dt a{display: block;color: #FFF;}

	.PackNav .cate dl dt a.cur{background: #ffbb5a;color: #FFF;}





	/*Banner*/

.PackBanner{position: relative;background: #FFF;}

	.PackBanner .bg{background-position: center top;background-repeat: no-repeat;background-size: cover;}

	.PackBanner .down{position: absolute;bottom: 1%;left: 50%;width: 300px;margin-left: -150px;text-align: center;color: #ffa31f;}

	.PackBanner .down i{display: block;width: 50px;height: 25px;margin: 0 auto;background: url(../images/banner_down.png) no-repeat;background-size: 50px auto;

	-webkit-animation-duration: .75s;animation-duration: .75s;

	-webkit-animation-name: PackBannerDown;animation-name: PackBannerDown;

	-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;animation-direction: alternate;}

	@keyframes PackBannerDown{from{transform: translateY(0) scale(1);}to{transform: translateY(10px) scale(1.1);}}





.PackTit{height: 62px;padding: 35px 0;background: url(../images/tit_bg.png) center center no-repeat;background-size: auto 62px;line-height: 62px;text-align: center;font-size: 24px;color: #ffa31f;}

	.PackTit em{font-weight: bold;margin-right: 5px;}

	@media only screen and (max-width: 375px) {
		.PackTit{height: 50px;padding: 20px 0 15px;background-size: auto 50px;line-height: 50px;font-size: 18px;}
	} 





	/*空间配置*/

.PackSpace{}

	.PackSpace .img0{padding: 4.1667%;background: #FFF;}

	.PackSpace .slider{overflow: hidden;padding: 0 15px;}

	.PackSpace .slider .hd{display: flex;display: -webkit-flex;flex-wrap: wrap;}

	.PackSpace .slider .hd li{width: 32%;margin: 0 1% 10px;box-sizing: border-box;line-height: 34px;text-align: center;color: #FFF;cursor: pointer;}

	.PackSpace .slider .hd li em{display: block;padding: 0 10px;border: 1px solid #434343;border-radius: 100px;background: #434343;}

	.PackSpace .slider .hd li:nth-of-type(2){width: 66%;}

	.PackSpace .slider .hd li:nth-of-type(1),.PackSpace .slider .hd li:nth-of-type(3){margin-left: 0;}

	.PackSpace .slider .hd li:nth-of-type(2),.PackSpace .slider .hd li:nth-of-type(5){margin-right: 0;}

	.PackSpace .slider .hd li.on em{border-color: #FFF;background: #ffa31f;}

	.PackSpace .slider .bd li{position: relative;}

	.PackSpace .slider .bd li .txt{padding: 10px;border: 1px solid #C2C2C2;box-sizing: border-box;}

	.PackSpace .slider .bd li .txt p{margin: 5px 0;line-height: 20px;}





	/*国际一线主材*/

.PackMaterial{}

	.PackMaterial .slider{overflow: hidden;padding: 0 15px;}

	.PackMaterial .slider .hd{display: flex;display: -webkit-flex;flex-wrap: wrap;}

	.PackMaterial .slider .hd li{width: 24.25%;margin: 0 .5% 1px;background: #434343;line-height: 34px;text-align: center;color: #FFF;cursor: pointer;}

	.PackMaterial .slider .hd li em{display: block;}

	.PackMaterial .slider .hd li:nth-of-type(4n+1){margin-left: 0;}

	.PackMaterial .slider .hd li:nth-of-type(4n){margin-right: 0;}

	.PackMaterial .slider .hd li.on{background: #ffa31f;}

	.PackMaterial .slider .bd{overflow: hidden;margin-bottom: 5px;}





	/*精装案例推荐*/

.PackCases{}

	.PackCases ul{display: flex;display: -webkit-flex;flex-wrap: wrap;padding: 0 15px;}

	.PackCases ul li{width: 49%;height: ;margin: 0 1% 30px;}

	.PackCases ul li:nth-of-type(2n+1){margin-left: 0;}

	.PackCases ul li:nth-of-type(2n){margin-right: 0;}

	.PackCases ul li .txt{height: 65px;border: 1px solid #ffa31f;}

	.PackCases ul li .txt h3{border-bottom: 1px solid #ffa31f;background: #ffa31f;line-height: 30px;text-align: center;font-size: 16px;font-weight: normal;color: #FFF;}

	.PackCases ul li .txt a{display: block;width: 120px;height: 30px;margin: 17px auto 0;border: 1px solid #FFB054;background: #FA9E32;line-height: 30px;text-align: center;color: #FFF;}

	.PackCases ul li .txt a:hover{color: #FFF;}





	/*德标精装*/

.PackProcess{}

.packageWKDetails {

  background: #f5f5f5;

}

.packageWKDetails img {

  width: 100%;

}

.packageWKDetails .spaceDetails {

  padding-top: 0.71428571rem;

}

.packageWKDetails .spaceDetails h3 {

  display: inline-block;

  position: relative;

  margin: 0 0.35714286rem 1.07142857rem 1.42857143rem;

  width: 7.14285714rem;

  height: 2.71428571rem;

  line-height: 2.71428571rem;

  background: #000;

  text-align: center;

  color: #fff;

  vertical-align: top;

}

.packageWKDetails .spaceDetails h3:before {

  content: "";

  position: absolute;

  top: 0.35714286rem;

  left: -0.71428571rem;

  display: block;

  width: 1.42857143rem;

  height: 0.28571429rem;

  background: #ffb400;

}

.packageWKDetails .spaceDetails p {

  display: inline-block;

  color: #ffb400;

  font-size: 0.78571429rem;

  text-align: center;

}

.packageWKDetails .spaceDetails p strong {

  display: block;

  font-size: 1.5rem;

  line-height: 1;

}

.packageWKDetails .washroomSpaceLst {

  position: relative;

  margin: -4rem auto 0;

  padding: 1.28571429rem 1.42857143rem 1.42857143rem;

  width: 92%;

  background: #fff;

  text-align: center;

  z-index: 1;

  -webkit-box-shadow: 0.57142857rem 0.57142857rem 0.71428571rem rgba(174, 174, 174, 0.2);

  box-shadow: 0.57142857rem 0.57142857rem 0.71428571rem rgba(174, 174, 174, 0.2);

}

.packageWKDetails .kitchenSpace {

  padding-top: 3.14285714rem;

}

.packageWKDetails .kitchenSpace p {

  font-size: 1rem;

  line-height:1.2rem;

}

.packageWKDetails .kitchenSpaceLst {

  position: relative;

}

.packageWKDetails .kitchenSpaceLst ul {

  position: absolute;

  top: 19.78571429rem;

  left: 0;

  z-index: 1;

}

.packageWKDetails .kitchenSpaceLst ul li {

  float: left;

  width: 40%;

  margin-bottom: 1.42857143rem;

  padding: 0 1.42857143rem;

  font-size: 0.85714286rem;

  white-space: nowrap;

}

.packageWKDetails .kitchenSpaceLst ul span {

  display: block;

  width: 2.5rem;

  height: 2.5rem;

  line-height: 2.5rem;

  text-align: center;

  background: #ffb400;

  color: #222;

  font-size: 1.42857143rem;

  border-radius: 100%;

}

.packageWKDetails .kitchenSpaceLst ul strong {

  display: block;

  margin: 0.14285714rem 0;

}

.packageWKDetails .kitchenSpaceLst ul p {

  color: #666;

}



	/*超大展厅*/

.PackDisplay{}

	.PackDisplay .bd{padding: 0 15px;}

	.PackDisplay .hd{text-align: center;}

	.PackDisplay .hd span{opacity: 1;width: 20px;height: 4px;margin: 0 2px;border: 1px solid #ffa31f;border-radius: 0;background: none;}

	.PackDisplay .hd span.on{background: #ffa31f;}





	/*透明价，零增项*/

.PackPrice{}

	.PackPrice .slider{margin-bottom: 15px;}

	.PackPrice .slider .hd{overflow: hidden;width: 100%;margin: 0 auto;padding: 0 15px;box-sizing: border-box;text-align: center;}

	.PackPrice .slider .hd ul{border-bottom: 2px solid #FA9E32;}

	.PackPrice .slider .hd li{padding: 0 5px;border-bottom: 2px solid transparent;text-align: center;font-size: 16px;color: #999;cursor: pointer;}

	.PackPrice .slider .hd li.on{border-bottom-color: #FA9E32;font-size: 20px;color: #FA9E32;}

	.PackPrice .slider .bd{overflow: hidden;margin-top: 20px;}





	/*家装计算器*/

.PackCalculator{}

	.PackCalculator .tArea{margin: 20px 15px;text-align: center;color: #999;}

		.PackCalculator .tArea .result{height: 40px;padding-top: 10px;margin-bottom: 5px;background: url(../images/calculator_result.png) center top no-repeat;background-size: cover;line-height: 40px;font-size: 16px;color: #FFF;}

		.PackCalculator .tArea .result>*{display: inline-block;vertical-align: middle;}

		.PackCalculator .tArea .result span{font-weight: bold;font-size: 20px;}

	.PackCalculator .rArea{overflow: hidden;margin: 15px 15px 0;}

		.PackCalculator .rArea .ht{overflow: hidden;width: 100%;margin-bottom: 10px;}

		.PackCalculator .rArea .ht.mt{padding-top: 10px;}

		.PackCalculator .rArea .ht h3{float: left;border-bottom: 2px solid #ffa31f;font-size: 16px;font-weight: normal;color: #333;}

	

	.PackCalculator .table{position: relative;display: -webkit-box;width: 100%;margin-bottom: 10px;}

		.PackCalculator .table .left{display: block;width: 45px;line-height: 34px;font-size: 14px;color: #333;}

		.PackCalculator .table .left .red{display: none;}

		.PackCalculator .table .right{overflow: hidden;-webkit-box-flex: 1;}

		.PackCalculator .table .right .clue_on{display: none;}

		.PackCalculator .table .right .input-text{color: #999;}

		.PackCalculator .table .right select{padding-left: 10px;-webkit-appearance: none;background: #FFF url(../images/select_arrow.png) right center no-repeat;padding-right: 30px;color: #999;}

		.table .right img{vertical-align: top;}

		.PackCalculator .table .right .button{width: 186px;border-radius: 100px;}



		.PackCalculator .table.cls_unit .left,.PackCalculator .table.cls_pack .left,.PackCalculator .table.cls_dstyle .left{display: none;}

		.PackCalculator .table.cls_area .input-text{padding-right: 40px;}

		.PackCalculator .table.cls_area .add_on{display: block;position: absolute;right: 10px;top: 0;line-height: 36px;font-size: 16px;}

		.PackCalculator .table.cls_button{width: 100%;margin: 15px 0 0;}

		

	.PackCalculator .unitSelect{display: flex;display: -webkit-flex;flex-wrap: wrap;margin: 0 -1%;}

		.PackCalculator .unitSelect .section{position: relative;width: 31.3333%;box-sizing: border-box;margin: 0 1% 10px;line-height: 34px;color: #333;}

		.PackCalculator .table.cls_area{width: 64.6667%;}

		.PackCalculator .unitSelect .section select{background: none;}

		.PackCalculator .unitSelect .section label{position: absolute;right: 0;top: 0;padding-right: 10px;}

	.PackCalculator .radioSelect{display: flex;display: -webkit-flex;flex-wrap: wrap;width: 100%;margin: 0 -1% 5px;}

		.PackCalculator .radioSelect li{width: 23%;margin: 0 1% 5px;padding: 0 10px;border: 1px solid #E2E2E2;box-sizing: border-box;line-height: 30px;text-align: center;color: #333;cursor: pointer;}

		.PackCalculator .radioSelect li.cur{background: #ffa31f;color: #FFF;}

		/*.PackCalculator .radioSelect li.A6{border-color: #004586;color: #004586;}

		.PackCalculator .radioSelect li.A6.cur{background: #004586;color: #FFF;}*/

		

		.PackCalculator .cls_dstyle .radioSelect li{width: 18%;}

		

		@media only screen and (max-width: 640px) {
			.PackCalculator .cls_pack .radioSelect li{width: 31.3333%;}
		}

		@media only screen and (max-width: 480px) {

			.PackCalculator .cls_pack .radioSelect li{width: 48%;}

			.PackCalculator .cls_dstyle .radioSelect li{width: 23%;}

		}

		@media only screen and (max-width: 320px) {

			.PackCalculator .tArea{font-size: 12px;}

			.PackCalculator .cls_dstyle .radioSelect li{width: 31.3333%;}

		}

	

	.layui-m-layer{color: #333;}