@charset "UTF-8";
.wrap{background-color: #fff; margin-top:57px;}
/* 块状图片样式 */
.img-block{display: block;}
.disScroll {overflow: hidden; height: 100%;}
/* 内容块区域 */
.content-area{background-color: #fff; margin-bottom: 0.14rem;}
.main{padding-bottom: 0;}
.advantage-area{position: relative;}
.lt-ico,
.rt-ico,
.rb-ico,
.lb-ico{position: absolute; width: 0.62rem; height: 0.62rem;}
.lt-ico{top: 5px; left: 5px;}
.rt-ico{top: 5px; right: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.rb-ico{bottom: 5px; right: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.lb-ico{bottom: 5px; left: 5px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
.nav-content img{ width: .86rem; height:.86rem;}
.advantage-one,
.advantage-two,
.advantage-three{padding-top: 0.4rem;}
.advantage-onebox,
.service-flow{margin-bottom: 0.19rem;}
.advantage-two{margin-bottom: 0.24rem;}
.advantage-three{margin-bottom: 0.22rem;}
.advantage-four,
.order-serve,
.common_problem{margin-bottom: 0.2rem;}

.adv-head,
.adv-title,
.adv-desc{font-family: PingFangSC-Medium; text-align: center; font-weight: normal; font-stretch: normal; letter-spacing: 0px;}
.adv-head{font-size: 0.28rem; line-height: 0.48rem; font-weight: 400; color: #666;}
.adv-title{font-size: 0.5rem; line-height: 0.66rem; color: #333;}
.adv-desc{font-size: 0.28rem; line-height: 0.44rem; font-weight: 400; color: #666;}
.three-content{margin: 0 0.3rem; margin-top: 0.4rem;}
/* 优势三 */
.advantage-three{padding-bottom: 0.20rem;}
.adv-threebox:first-child{width: 3.2rem; float: left;}
.adv-threebox:last-child{width: 3.2rem; float: right;}
.advthree-title{margin-top: 0.28rem; font-family: PingFangSC-Semibold; font-size: 0.3rem; font-weight: 700; line-height: 0.34rem; letter-spacing: 0; color: #666;}
.advthree-desc{margin-top: 0.06rem; font-family: PingFangSC-Regular; font-size: 0.24rem; line-height: 0.38rem; letter-spacing: 1px; color: #666; text-align: justify; word-break: break-all; white-space: pre-line;}
/* 优势四 */
.advantage-four{padding-top: 0.38rem; padding-bottom: 0.64rem;}
.advfour-title{line-height: 0.56rem;}
.advfour-desc{line-height: 0.72rem;}
.advfour-img{margin-top: 0.12rem;}
.advfour-detail{font-family: PingFangSC-Semibold; font-size: 0.38rem; text-align: center; font-weight: 700; line-height: 0.65rem; letter-spacing: 0; color: #333;}
.advfour-detail-desc{font-family: PingFangSC-Regular; font-size: 0.28rem; text-align: center; line-height: 0.56rem; letter-spacing: 0; color: #999;}
.advfour-joindetail{line-height: 0.52rem; margin-top: 0.1rem;}
.advfour-realize{display: block; width: 1.96rem; margin: 0 auto; margin-top: 0.6rem; line-height: 0.72rem; background-color: #fff; border-radius: 0.04rem; border: solid 0.02rem #ff5b00; opacity: 0.5;
 text-align: center; font-family: MicrosoftYaHei; font-size: 0.28rem; letter-spacing: 0; color: #ff6b00;}
/* 先装修后付款 */
.service-flow{padding-top: 0.6rem; background: #f7f8f9;}
.flow-title{font-size: 0.5rem; text-align: center; letter-spacing: 0; color: #333; line-height: 0.48rem;}
.flow-desc{font-family: PingFangSC-Regular; font-size: 0.28rem; line-height: 0.3rem; text-align: center; letter-spacing: 0; color: #999; margin-top: 0.25rem;}
.flow-img{margin-top: 0.32rem;}
.more-server {padding: 0 0.12rem 0.60rem; background: #fff;}
.more-title{font-family: PingFangSC-Medium; font-size: 0.5rem; line-height: 0.5rem; text-align: center; letter-spacing: 0; color: #333; margin-top: 0.34rem; margin-bottom: 0.2rem;}
.more-desc{font-family: PingFangSC-Regular; font-size: 0.28rem; font-weight: normal; font-stretch: normal; line-height: 0.4rem; letter-spacing: 0px; color: #999999; text-align: center;}
.more-img{margin-top: 0.34rem;}

/* 预约服务 */
.order-serve {padding-top: 0.6rem; padding-bottom: 0.58rem; background-color: #f7f8f9;}
.order-title {font-size: 0.52rem; color: #333; text-align: center; line-height: 0.60rem;}
.order-service-info{margin: 0 0.3rem; margin-top: 0.5rem;}
.order-phone,
.order-city{width: 96%; margin: 0 auto; padding: 0 0.10rem; background-color: #fff; border-radius: 0.08rem; border: solid 0.02rem #e2e2e2;}
.order-city{position: relative; margin-top: 0.2rem; border: solid 0.02rem #e2e2e2;}
.order-city:after{content: ''; width: 0.18rem; height: 0.18rem; font-size: 0; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0.2rem; border-top: 0.02rem solid #999; border-right: 0.02rem solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.phone-input,
.city-input{display: block; width: 100%; padding: 0.3rem 0 0.3rem 0.3rem; border: 0.02rem solid #ffe5cb; line-height: 1.5; border-radius: 0.08rem; font-size: 0.3rem; color: #333; /* 内阴影 */ -webkit-appearance: none; appearance: none; /* 右下角三角标 */ resize: none; border: none;}
/* input placeholder 样式 */
.phone-input::-webkit-input-placeholder { /* WebKit browsers */ font-family: PingFangSC-Regular; font-size: 0.32rem; letter-spacing: 0; color: #999;}
.phone-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: PingFangSC-Regular; font-size: 0.32rem; letter-spacing: 0; color: #999;}
.phone-input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: PingFangSC-Regular; font-size: 0.32rem; letter-spacing: 0; color: #999;}
.phone-input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-family: PingFangSC-Regular; font-size: 0.32rem; letter-spacing: 0; color: #999;}
.city-input::-webkit-input-placeholder { /* WebKit browsers */ font-family: PingFangSC-Regular; font-size: 0.32rem; letter-spacing: 0; color: #333;}
.city-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-family: PingFangSC-Regular; font-size: 0.32rem; letter-spacing: 0; color: #333;}
.city-input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-family: PingFangSC-Regular; font-size: 0.32rem; letter-spacing: 0; color: #333;}
.city-input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-family: PingFangSC-Regular; font-size: 0.32rem; letter-spacing: 0; color: #333;}
.submit-form{display: block; width: 96%; height: 0.98rem; margin: 0.3rem auto 0; padding: 0 0.10rem; background-color: #0fc393; border: none; border-radius: 0.08rem;
 font-family: PingFangSC-Regular; font-size: 0.38rem; letter-spacing: 0; color: #fffefe;}
.order-consult{font-family: PingFangSC-Regular; font-size: 0.26rem; text-align: center; margin-top: 0.44rem; line-height: 0.26rem; letter-spacing: 0; color: #999;}

/* 常见问题 */
.common_problem {padding: 0.6rem 0.40rem 0; padding-top: 0.1rem;}
.common_problem_title {height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 0.5rem; color: #555;}
.pro {border: 0.02rem solid #d7e1e2; border-radius: 0.08rem; font-size: 0.32rem; color: #666; margin-bottom: 0.2rem;}
.pro .active {color: #27c183;}
.pro .pro_title {display: flex; justify-content: space-around; align-items: center; position: relative; height: 1.5rem; line-height: 1.5rem; padding-left: 0.4rem; padding-right: 0.4rem;}
.pro_title img {width: 0.26rem; height: 0.16rem; margin-left: 0.2rem;}
.pro_title_num {font-size: 0.5rem; margin-right: 0.2rem;}
.pro_title_text {display: inline-block; width: 4.8rem; line-height: 0.4rem;}
.pro_contain p,
.pro_contain th,
.pro_contain td{font-family: "PingFangSC-Regular";}
.pro .pro_contain {display: none; padding: 0.2rem; background: #fafafa; border-top: 0.02rem solid #d7e1e2;}
.pro1 .pro_contain {display: block; padding: 0.4rem;}
.pro .pro_contain p {line-height: 0.22rem;
 font-size: 0.3rem; line-height: 0.54rem; letter-spacing: 0.02rem; color: #666;}
table {background: #fff;}
.pro_contain table {width: 100%;}
.pro_contain table th, .pro_contain table td {border: 0.02rem solid #dae5e8; padding: 0.2rem; vertical-align: middle; text-align: left; line-height: 0.48rem;}
.pro2 .pro_contain table td:first-child, .pro4 .pro_contain table td:first-child {text-align: center;}
.pro_contain table th, .pro_contain table tbody tr td:first-child {background: #f1f7f9;}
.pro_contain table tbody.tbody3 tr td:first-child {background: #fff;}
.pro_contain table th {text-align: center;}
.pro_contain table thead {background-color: #f1f7f9;}
.pro_contain_left {float: left;}
.pro_contain_left {margin-right: 1.2rem;}
.pro_contain_left p, .pro_contain_right p {text-align: left;}

.about_t8t {margin-top: 0.2rem;}
.t8t_city {background: #fff; padding: 0.2rem 0.40rem; padding-top: 0.3rem; color: #666; font-size: 0.28rem;}
.t8t_city div {clear: left; margin-bottom: 0.2rem;}
.t8t_city p.city_tip {font-size: 0.24rem; color: #999; line-height: 0.4rem; margin-top: 0.28rem; padding: 0 0.2rem;}
.city-type{line-height: 0.28rem; float: left; background: #edeff6; padding: 0.1rem;}
.city-detail{line-height: 0.4rem; margin-left: 1.52rem;}

.t8t_city_dropdown {text-align: center; background: #fff; padding-bottom: 20px;}
.t8t_city_dropdown img {width: 0.3rem; height: 0.3rem;}



.winBox{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, .5);}
.contain{position: relative; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 6.62rem; height: 7.82rem; background-color: #fff;}
.box_close {position: absolute; top: 0; right: 0; width: 0.66rem; height: 0.66rem; border:0.18rem solid transparent;}
.service-video-title {margin: 0.60rem 0 0.40rem; font-size: 0.5rem; line-height: 0.66rem; color: #333; text-align: center;}
.service-video {margin: 0 0.3rem;}
.service-video-content video {width: 100%; height: 3.8rem;}


/* 咨询样式 */
.footer_swt li {    float: left;
    display: inline-block;
    background-size: 0.54rem;
    background-position: 0.15rem;
    padding: 0rem 0.35rem 0rem 0rem;
    line-height: 48px;}