/*详细*/
.slider,
.slick-track{width: 100%; height: 300px;overflow: hidden;}


.service-top{width: 100%; margin-top: 3%; background-color: #fff; padding: 3%;}
.service-top .left{width: 80%; border-right: 1px solid #dddddd;}
.service-top .left .tit{font-size: 13px; color: #888888;}
.service-top .right{width: 19%; text-align: center;}
.service-top .right i{color: #888888; padding-top:3px; font-size: 20px; display: inline-block;}
.service-top .right p{font-size: 12px;; color: #888888;}
.service-top .right.on i{color: #f00;}
.service-top .right.on p{color: #f36a49;}
.service-top .left .fu-tit{color: #666; font-size:12px; margin-top: 5px;}
.service-top .left .titwo{font-size: 18px; color: #f58611; font-weight: bold;}
.service-top .left .titwo span{font-size: 13px; font-weight:500; margin-left: 3px;}

.service-ctent{width: 100%; background-color: #fff; margin-top: 3%;}
.service-ctent .tit{width: 100%; line-height: 25px; padding: 3% 3% 3% 5%; font-size: 13px; color: #666666;}
.service-ctent .tit img{width: 100%;}
/*---------------------------------------------------------------------------------------
 house-details
 * */
.service-list,
.service-ties{width: 100%; padding: 3%;}
.service-list ul li{float: left; width: 48%; line-height: 25px; font-size: 13px; color: #666666; margin-right: 4%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.service-list ul li:nth-child(2n){margin-right: 0;}
.service-tit{font-size: 13px; color: #666666; line-height: 25px;}


.recom-xia{width: 100%; padding: 3%;  overflow-x:scroll ; display: flex; }
.recom-xia::-webkit-scrollbar {
    display: none;
}

.recom-xia .list{width: 150px; text-align: center; margin-right: 3%; float: left;  white-space:nowrap; position: relative;}
.recom-xia .list img{width: 150px;height: 120px; vertical-align: middle;}
.recom-xia .list p{width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #333333; margin-top: .2rem;}

.recom-xia .bottom{ position: absolute; left: 0px; bottom: 0px; width: 150px; background-image: url(../img/bt.png); background-size:100% 100% ; color: #FFF; }
.recom-xia .bottom .top .biaoti{float: left; width: auto; font-size:16px; color: #FFF;}
.recom-xia .bottom .top .price{float: right; width: auto; color: #F60; font-size:15px; font-weight:700 ;}
.recom-xia .bottom .top .price span{font-size:11px; font-weight:500;}
.recom-xia .bottom .fu-tit{color: #FFF; font-size:12px; padding-bottom: 3px;}



/*预约*/
.pay-top{width: 100%; padding: 15px 0; position: relative; z-index: 99; background-color: #fff;}
.pay-top ul li{float: left; position: relative; z-index: 99; width: 25%; text-align: center;}
.pay-top ul li span{color: #fff; display: block; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; background-color: #d3d3d3; width: 30px; height: 30px; text-align: center; line-height: 30px; font-family: arial; font-size: 15px;}
.pay-top ul li p{font-size: 13px; color: #d3d3d3; margin-top: 3px;}
.pay-top ul li.cur span{background-color: #60c330;}
.pay-top ul li.cur p{color: #60c330;}
.pay-top .hline{position: absolute; width: 76%; z-index: 95; left: 12%; top:28px; display: block; height: 6px; background-color: #d3d3d3;}
.pay-top .bline{position: absolute; z-index: 98; left: 0; top: 0; height:5px; background-color: #60c330;}

.pay1 ul li:nth-child(1) span{background:#60c330 ;}

.pay2 ul li:nth-child(1) span,
.pay2 ul li:nth-child(2) span{background:#60c330 ;}

.pay3 ul li:nth-child(1) span,
.pay3 ul li:nth-child(2) span,
.pay3 ul li:nth-child(3) span{background:#60c330 ;}

.pay4  ul li span{background:#60c330 ;}

.pay2 .hline .bline{width: 33%;}
.pay3 .hline .bline{width: 66%;}
.pay4 .hline .bline{width: 100%;}


.land-ctent{width: 100%; margin-top: 3%; background-color: #fff;}
.land-ctent ul li{box-sizing: border-box; width: 100%; float: left; text-align: right; padding:2%; border-bottom: 1px solid #dddddd;}
.land-ctent ul li .tit{font-size: 14px; color: #666666; line-height: 32px; width: 23%; text-align: right;}
.land-ctent .day{width: 74%; line-height: 32px; border: none; font-size: 14px; color: #a9a9a9; text-align: right;}
.land-ctent .bz{display: block; width: 74% ; float: right; padding: 5px; box-sizing: border-box; border:1px solid #EEE; border-radius:5px ;}

.land-ctent ul li select{height: 28px; display: inline-block; width: 22%; padding: 0px 5px; box-sizing: border-box; border-radius:5px; border:1px solid #EEE;}

.land-ctent ul li label{height: 28px; line-height: 28px;font-size:12px; margin: 3px; border: 1px solid #EEE; border-radius:5px ; display: inline-block; box-sizing:border-box; padding: 0px 15px; }
.land-ctent ul li label input{display: none;}
.land-ctent ul li label.on{border:1px solid #31B8FB; box-shadow: inset 0 0 3px 1px #31B8FB;}

.land-ctent ul li textarea{width: 90%; border: 0px; background: #f5f5f5; display: block;  margin: 0px auto; height: 50px; padding: 8px; border-radius:5px ;}

/*team-list*/
.team-list{padding:0px 3%;  background: #FFF;}
.team-list .li {border-bottom: 1px solid #EEE; padding: 10px 0px;}
.team-list .li .u_img{width: 120px; height: 100px; float: left; object-fit: cover;object-position: center;}
.team-list .li .in{margin-left: 130px;}

.team-list .li .in .name span{ line-height: 30px; color: #333; font-size:16px; display: inline-block; padding-right: 5px;}
.team-list .li .in .name em{font-size:12px; color: #999;}

.team-list .li .in .pres{color: #555; font-size:14px; line-height: 20px;}
.team-list .li .in .hide{display: none;}


.team-list .li .in .eva{float: right; margin-top: 10px; border: 1px solid #16A4EA; padding: 2px 10px; border-radius:5px; font-size:13px; color: #16A4EA; }
.team-list .li .in .eva-on{float: right; margin-top: 10px; border: 1px solid #ddd; padding: 2px 10px; border-radius:5px; font-size:13px; color: #333;}

.team .pj{ text-align: center; padding: 10px 3%;}
.team .pj .lv i{font-size:22px; text-shadow:0 0 1px #000; color: #FFF; margin: 0px 5px;}

.team .pj .pj-text{ width: 90%; height: 200px; border-radius:5px; padding: 10px; box-sizing: border-box; border: 1px solid #eee; background: #f5f5f5;}


#footer .bt-40{width: 50%; float: left;}
#footer .bt-40 a{width: 33.3%; height: 35px; font-size:12px; white-space: nowrap;}
#footer .bt-40 a i{height: 20px; font-size:22px;}

#footer .bt-60{width: 50%; float: right;}