*{ margin:0; padding:0; list-style-type:none; }
body {font-weight:normal; background-color:#ffffff;font:14px/1.5 "Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif; -webkit-tap-highlight-color: transparent; overflow-x: hidden;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tbody,thead,tfoot,tr,td,th,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,em,h6,b,p { font-weight:normal; font-style:normal; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu,hgroup { display:block; margin:0; padding:0; }
img,hr { border:none; -ms-interpolation-mode:bicubic; }
img {max-width: 100%; vertical-align:middle; }
a { text-decoration:none; color:#333; cursor:pointer; }
ul,li { list-style:none outside none; }
i,em {font-style: normal;}
table { border-collapse:collapse; }
input,select { -webkit-appearance:none; appearance:none; }
input,select,textarea{border:none;outline:0;font-family:"Microsoft Yahei";background:0 0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}
input:-moz-placeholder,textarea:-moz-placeholder{color:#888}
input::-moz-placeholder,textarea::-moz-placeholder{color:#888}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888}
select::-ms-expand { display:none; }
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check { display:none; }

@font-face{
	font-family: 'PoiretOne';
	src : url('../css/PoiretOne-Regular.ttf');
}



:focus{ outline:none; }
.clear { clear:both; }
.fl { float:left !important; }
.fr { float:right !important; }
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix {*zoom:1;}
.text-center {text-align: center;}
.bsBox,.bsBox div {box-sizing: content-box;}
.btn:focus{
	box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); 
}
/* 白灰色 */
.baihuei{
	background-color: #EDF8FA;  
}

/* 头部 */
#container{background: url(../img/background.jpg) 0 0 ;}
.main{width:1200px;margin: auto;background-color: #F8F8F8;}
.wx{width: 155px;height: 206px;background-color: #FFFFFF;border: 4px #D6C78E solid;position: absolute;top: 45px;left: 45px;text-align: center;cursor: pointer;}
.wx .phone{margin: 10px 0;font-size: 20px;}
.wx img{width: 110px;height: 110px;}
.head{position: relative;padding: 70px 0 55px 270px;background:  url(../img/logo.png) 0 0  no-repeat;}
.head .yw-text{font-size: 26px;color: #333;font-weight: bold;text-transform: Uppercase;margin-bottom: 30px;}
.head .head-text{margin-bottom: 10px;}
.head .music{position: absolute;top: 22px;left: 22px;}
.head .music img{width: 20px;height: 20px;}
.phone{font-size: 18px;line-height: 38px;color: #D6C78E;font-weight: bold;}
.phone-copy{background-color: transparent;width: 80px;height: 24px;font-size: 14px;line-height: 24px;text-align: center;margin-left: 19px;color: #FF8955;border: 1px #FF8955 solid;border-radius: 5px;cursor: pointer;}
.phone-number{font-size: 18px;line-height: 38px;color: #666;letter-spacing:1.5px;}


/* 联系设计师 */
.stylist{height: 558px;background: url(../img/lxsjs.jpg) 0 0 no-repeat;}
.stylist .stylist-box{width: 190px;height: 262px;border-radius: 10px;background-color: #FFFFFF;text-align: center;margin-top: 220px;padding: 30px 0;}
.stylist .stylist-box+.stylist-box{margin-left: 20px;}
.stylist .stylist-box .portrait,.stylist .stylist-box .portrait img{width: 100px;height: 100px;border-radius: 50%;background-color: #DADADA;margin: auto;object-fit:cover;}
.stylist .stylist-box .name{font-size: 26px;line-height: 34px;color: #333;font-weight: bold;margin: 17px 0 ;}
.wxrelation{width: 100px;height: 30px;line-height: 26px;margin: auto;font-size: 21px;text-align: center;color: #D1A946;border: 2px #D1A946 solid;border-radius: 5px;cursor: pointer;}


/* 切换 */
.qeihuan{width: 100%;height: 60px;background-color: #FFFFFF;}
.qeihuan .qeihuan-box{cursor:pointer;position: relative;font-size: 19px;line-height: 60px;color: #999999;min-width: 100px;text-align: center;margin: 0 30px;}
.qeihuan .qeihuan-box img{display: none;position: absolute;bottom: 0;width: 100px;height: 16px;left: 0;right: 0;margin: auto;}
.qeihuan .qeihuan-box.active{font-size: 24px;color: #333333;font-weight: bold;}
.qeihuan .qeihuan-box.active img{display: block;}

/* 切换通用 */
.content{display: none;text-align: center;color: #333333;padding-bottom: 80px;}
.content p{padding: 0px 50px;}



/* 设计师资质 */
.certification{padding:80px 0 92px 0;background: url(../img/sjszz.png) 0 0 no-repeat;}
.certification .certification-box{width: 650px;margin: auto;}
.certification .certification-box .certification-box-img .portrait{width: 220px;height: 220px;margin: auto;border-radius: 50%;padding: 10px;background-color: #FFFFFF;border: 1px #A8A8A8 dashed;}
.certification .certification-box .certification-box-img .portrait img{border-radius: 50%;}
.certification .certification-box .certification-box-img .name{font-size: 35px;color: #333333;margin-top: 20px;}
.certification .certification-box .certification-box-img .profession{color: #D1A946;font-size: 26px;}
.certification .certification-box .certification-box-text{margin-top: 50px;}
.certification .certification-box .certification-box-text p{line-height: 42px;margin: 35px 0;text-align: left;font-size: 18px;}
.certification .certification-box .certification-box-text .ytx{width: 100%;height: 1px;border: 1px #ddd dashed;}

/* 案例 */
.content .title{font-size: 36px;margin: 55px 0 40px 0;}
.case-content>div{background-color: #FFFFFF;border-radius: 10px;width: 680px;margin: auto;}
.case-content>div+div{margin-top: 48px;}
.case-content .case-img{width: 680px;height: 350px;border-radius: 20px 20px 0 0;}
.case-content .case-text{height: 60px;line-height: 60px;text-align: center;font-size: 28px;}

/* 轮播图 */
.swiper-slide{border-radius: 20px 20px 0 0;}
.swiper-pagination{width: 70px!important;height: 30px;line-height: 30px;border-radius: 50px;background-color: #FFFFFF;opacity: .8;left: 600px!important;font-size: 16px;}
.swiper-button-prev{left: 190px!important;}
.swiper-button-next{right: 190px!important;}
.swiper-button-next::after,.swiper-button-prev::after{display: none;}


/* 定金支付 */
.handsel{font-size: 26px;color: #666666;}
.handsel .handsel-ewm{width: 260px;height: 260px;background-color: #A7A7A7;margin:50px auto 30px;}
.handsel .handsel-ewm img{width: 260px;height: 260px;}


/* 关注微信 */
.attention{width: 100%;height: 100vh;display: none;background-color:rgba(0,0,0,.7);position: fixed;top: 0;}
.attention>div{position: relative;}
.attention .ewm img{width: 260px;}
.attention .delete{position: absolute;right: -55px;top: -55px;cursor: pointer;}


/* 在线预约 */
.form-horizontal{width: 680px;margin:50px auto 0;}
.form-horizontal .form-group{margin-bottom: 2rem;}
.form-horizontal .input{width: 560px;}
.form-horizontal .input.alter{width: 450px;margin-right: 20px;position: relative;text-align: left;}
.form-horizontal .input.alter img{position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;}
.form-horizontal .input input,.form-horizontal .input select{height: 70px;font-size: 20px;}
.form-horizontal .form-control{color: #333333;}
.control-label{color: #666666;font-size: 20px;margin-right: 30px;}
.form-horizontal .alter .radio-inline{margin-left: 20px;font-size: 20px;}
.form-horizontal .alter .radio-inline input{appearance: auto;height: auto;transform: scale(1.3);margin-right: 10px;}
.form-horizontal .btn-default{width: 600px;height: 80px;line-height: 72px;background-color: #D1A946;color: #FFFFFF;font-size: 28px;border-radius: 10px;margin: 30px 0 0 0 ;}
.form-horizontal .urgency{margin-top: 50px;}




.fixed{position: fixed;bottom: 50px;right: 20px;cursor:pointer;width: 60px;}
 
.form-control{border: 0;}
.case-text-content{display: none;}
.block{
	display: block;
}


/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}
.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}
.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}
.flex-sub {
	flex: 1;
	overflow: hidden;
}