/* 首页 */
.mui-search .mui-placeholder, input[type=search]{color: #fff;/* background-color: rgba(255,255,255,.3); */}
.mui-search .mui-placeholder .mui-icon, .mui-search .mui-placeholder span, .mui-search.mui-active:before{color: #fff;}
.banner{padding: 0 .7rem;margin-bottom: 20px;}
.banner .swiper-container{position: relative;height: 8rem;}/* ldt3.15修改,客户说首页bannar高了 */
.banner .swiper-wrapper{height:100%;width:100%}
.banner .swiper-wrapper .swiper-slide{height:100%}
.banner .swiper-wrapper a{width:100%;height:100%;text-align:center;display:block;}
.banner .swiper-wrapper a:after{content:'';display:inline-block;height:100%;line-height:0;vertical-align:middle;}
.banner .swiper-wrapper a img{width:auto;min-width:100%;max-height:100%;display: block;margin: 0 auto}
.banner .search{width:65%;position: absolute;right: 10px;top: 40px;background-color: #fff;}
.banner .search input{background: #fff;border-radius: 20px;display: block}
.banner-box{  
	width: 100%;  
	height: 100px;
	position: absolute;  
	z-index: -1;  
	overflow: hidden;
	top: 132px;
}
.banner-box::after {  
	content: '';
	width: 120%;
	height: 100px;
	position: absolute;
	left: -10%;   
	top: 0;
	border-radius: 0 0 50% 50%; 
	background: #D65145;
}
.classify {padding-top:.7rem;}
.classify .item{width: 25%;float: left; text-align: center;margin-bottom: 1rem;}
.classify .item a{padding: 5px 0;}
.classify .item a img{width: 1.7rem;height: 1.7rem;border-radius: 50%;margin-bottom: .4rem;}
.classify .item a p{color: #444;margin-bottom: 0;line-height: .5rem;}

.ad{padding: .7rem .7rem 0;}
.ad .tit{padding-bottom: .5rem;font-weight: bold;}
.ad .tit .more{float: right;color: #999;font-weight: normal;}
.ad .tit .more i{font-size: .7rem;color: #999;position: relative;top: -1px;}
/* .ad .images{width: 100%; height: 8rem;} */
.ad .images img{width: 100%; height: 100%;}


#bindHouse .mui-table-view{
	margin-top:0;
}
#bindHouse .title{
	padding: 0 .5rem;
}
#bindHouse .mui-input-row label~input{
	padding: 10px 30px 10px 15px;
	color: #333;
	text-align: right;
	font-size: .7rem;
}
#bindHouse .mui-input-row label{
	padding: 10px 15px;
	line-height: 21px;
}
#bindHouse .addr-row{
	position: relative;
}
#bindHouse .addr-row i{
	float: right;
	font-size: 1.2rem;
	line-height: 40px;
}
#bindHouse .addr-row span{
	padding: 10px 30px 10px 0;
	float: right;
}
#chooseHouse .city-line{
	line-height: 40px;
}
#chooseHouse .city-line img{
	vertical-align: middle;
	width: 25px;
	margin-left: .5rem;
}
#chooseHouse .mui-table-view{
	margin-top: 10px;
}
#chooseHouse .city-tit{
	padding: 0 .5rem;
}
#chooseHouse .tip{line-height: 18px;background-color: rgba(255,0,0,0.1);padding: 3px .5rem;color: #D65145;font-size:.5rem}

/* 发布 */
#publish #showPicker{text-align: left;background-color: #fff;padding: .5rem .7rem;color: #333;}
#publish #showPicker i{
	float: right;
    color: #999;
    font-size: .8rem;
	position: relative;
	top: 1px;
}
#publish .input-box{margin-top: .5rem;position: relative;}
#publish .input-box textarea{border: 0;font-size: .7rem;padding: .5rem .7rem;margin-bottom: 0;}
.photo{
	width: 4.5rem;
	height: 4.5rem;
	text-align: center;
	line-height: 4.9rem;
	position: absolute;
	bottom:.8rem;
	left: .5rem;
	border: 1px dashed #ddd;
}
.photo i{
	color: #999;
	font-size: 30px;
}
/* 我的 */
#center{
	top: -44px;
	z-index: 11;
}
#center .user-info1{
	width: 100%;
	padding: .8rem .5rem;
	position: relative;
}
#center .user-info1 .logo{
	float: left;
	width: 3.6rem;
	height: 3.6rem;
	margin-left: .5rem 
}
#center .user-info1 .logo img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
#center .user-info1 .name-info{
	float: left;
	margin-left: .5rem;
	padding-top: .8rem
}
#center .user-info1 .name-info p{
	line-height: 1.2rem;
}
#center .user-info1 .name-info .name{
	color: #333;
	font-weight: bold;
	font-size: .8rem;
}
#center .user-info1 .name-info .edit{
	font-size: .6rem;
}
#center .menu-box{
	width: 100%;
	text-align: center;
	padding: .5rem 0
}
#center .menu-box img{
	width: 28px;
	display: block;
	margin: 0 auto 5px auto;
}

#center .menu-list{
	margin-top: 5px;
}

#center .user-info{
	width: 100%;
	height: 15rem;
	background: url(../images/logobg.jpg);
	background-size: 100% 100%;
	padding-top: 5.7rem;
	position: relative;
}
#center .user-info .logo{
	text-align: center;
	width: 4rem;
	height: 4rem;
	margin: 0 auto 1rem auto;
}
#center .user-info .logo img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
#center .user-info .name,#center .user-info .id{
	font-size: .7rem;
	color: #fff;
	text-align: center;
}
#center .user-info .tab{
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: .4rem;
	text-align: center;
}
#center .user-info .tab li{
	border-right: 1px solid #fff;
}
#center .user-info .tab li:last-child{border: 0;}
#center .user-info .tab li i{margin-right: .2rem;}
#center .user-info .tab li i,#center .user-info .tab li span{color: #fff;font-size: .6rem;}

#center .tool-box{padding: .2rem;margin-top: .5rem;}
#center .tool-box .tit{padding: .4rem .5rem;border-bottom: 1px solid #ddd;}
#center .tool-box .con .item{
	width: 25%;
	float: left;
	height: 4rem;
	text-align: center;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#center .tool-box .con .item img{
	width: 1.5rem;
	margin-top: .6rem;
	margin-bottom: .1rem;
}

#myFee .order-tab{
	background-color: #fff;
	margin-top: 20px;
}

#myFee .order-tab p{
	line-height: 40px;
	color: #333;
	border-bottom: 2px solid #efeff4;
}
	
#myFee .order-tab p.active{
	border-bottom: 2px solid #007aff;
}

#myFee .order-ul{
	margin-top: 0;
	margin-bottom: 20px;
}
#myFee .order-ul .half{
	width: 50%;
	float: left;
}

#myFee .order-ul .time{
	padding-left: 50px;
}

#myFee .order-ul .time>div{
	color: #333;
}

#myFee .order-ul .time p{
	color: #333;
}
#myFee .order-ul .time .up{
	font-size: 14px;
}
#myFee .order-ul .time .bottom{
	color: #999;
}

#myFee .order-ul div.price{
	font-size: 14px;
	line-height: 42px;
	color: #CF2D28;
	text-align: right;
	padding-right: 40px;
}

#myFee .order-ul li .mui-icon{
	position: absolute;
	font-size: 16px;
	color: #999;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}

#myFee .order-ul li{
	position: relative;
	padding: 0;
}

#myFee .order-ul li .top{
	padding: 4px 15px;
}

#myFee .order-ul li .detail{
	background-color: #EFEFF4;
}

#myFee .order-ul li img{
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -10px;
}

#myFee .order-ul li .detail p{
	padding-left: 65px;
	line-height: 32px;
	border-bottom: 1px dashed #ddd;
	color: #666;
}
#myFee .order-ul li .detail p span{
	display: inline-block;
	width: 30%;
	color: #666;
}

#myFee .order-ul li .detail p .price{
	color: #007aff;
	font-size: 14px;
}

#myFee .pay-tit{
	line-height: 30px;
	padding: 0 15px;
}

#myFee .pay-ul li{
	background-color: #fff;
	padding: 10px 0;
	margin-bottom: 1px;
	position: relative;
	padding-left: 54px;
}
#myFee .pay-ul li p{
	line-height: 21px;
	color: #333;
}

#myFee .pay-ul li img{
	position: absolute;
}

#myFee .pay-ul li .logo{
	left: 15px;
	top: 50%;
	margin-top: -12px;
}

.btn-footer{
	position: fixed;
	bottom: 0;
	height: 42px;
	background-color: #007aff;
	width: 100%;
	z-index: 9999;
}

.btn-footer button{
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#myFee .pay-ul li .radio{
	right: 15px;
	width: 26px;
	height: 26px;
	top: 50%;
	margin-top: -13px;
}

#find .box{
	height: 130px;
	margin-bottom: 1px;
	padding: 40px;
	position: relative;
}
#find .box .info{
	padding-right: 160px;
}
#find .box .info .tit{
	color: #333;
}
#find .box .images{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 150px;
	height: 110px;
	line-height: 110px;
	text-align: center;
}
#find .box .images img{
	max-width: 100%;
	height: 100%;
	vertical-align: middle;
}
#find .icon-dianzan{color: #999; position: absolute;bottom: 10px; left: 10px;}
#find .tab{height: 46px;line-height: 44px; padding: 0 .5rem;white-space:nowrap;overflow-x: scroll;}
#find .tab>div{display: inline-block; padding: 0 .6rem;border-bottom: 1px solid #efeff4;}
#find .tab>div.active{color: #D65145;border-bottom: 1px solid #D65145;font-weight: bold;}

#find-detail .con{padding: .5rem;}
#find-detail .con img{width: 100%;}
#find-detail .con .top{margin-bottom: .5rem;}
#find-detail .tit{color: #333;}
#find-detail .bottom{
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 44px;
	border-top: 1px solid #eee;
	z-index: 99;
	padding: 6px .5rem;
}
#find-detail .bottom input{
	height: 32px;
	width: 80%;
	border-radius: 20px;
}
#find-detail .bottom .submit{display: inline-block;color: #D65145;width: 18%;text-align: center;line-height: 32px;}
#find-detail .bottom .zan{display: inline-block;color: #999;width: 18%;text-align: center;line-height: 32px;}

.radio-box {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 10px;
}
.radio-box + label{
	margin-right: 10px;
}
.radio-box label {
  width: 100%;
  display: block;
  position: relative;
  font-weight: normal;
}

.radio-box label .option {
  width: 18px;
  height: 18px;
  position: absolute;
  background: url(../images/unchoose.png) no-repeat;
  background-size: cover;
}

.radio-box label input[type="checkbox"] {
  display: inline-block;
  opacity: 0 ;
  float: left;
}
.radio-box label input[type="checkbox"]:checked + div {
  background: url(../images/choose.png) no-repeat;
  background-size: cover;
}

#chooseCity .city-tit{
	padding: 0 .7rem;
}
#chooseCity .city-line,#searchPage .search-line{
	padding: .7rem .7rem 0 .7rem;
}	
#chooseCity .city-item,#searchPage .city-item{
	display: inline-block;
	background-color: #F0F0F0;
	width: 28%;
	padding: .2rem 0;
	text-align: center;
	margin-bottom: .5rem;
	margin-right: .5rem;
}
.mui-indexed-list-search input{background-color: #ddd !important;border-radius: 10px !important;}
.mui-indexed-list-search .mui-placeholder .mui-icon,
.mui-indexed-list-search .mui-placeholder span, 
.mui-indexed-list-search .mui-active:before,.mui-indexed-list-search input[type=search]{color: #666 !important;}
.mui-indexed-list-search{border-bottom: 0 !important;}

.search-bar{margin-top: 7px;}
.search-bar input{width: 75%;height: 30px;border: 0;background-color: rgba(0,0,0,.1); border-radius: 10px;padding: 0 .5rem;}
span.cancle{width: 20%;display: inline-block;height: 44px;line-height: 44px; float: right;color: #fff;}
#searchPage h4{
	font-size: .8rem;
	color: #333;
	padding: 0 .7rem;
	margin-top: 1rem;
}
#searchResult .tab{
	height: 40px;
	line-height: 40px;
	position: fixed;
	top: 44px;
	border-bottom: 1px solid #eee;
	width: 100%;
}
#searchResult .tab>div{
	text-align: center;
	
}
#searchResult .tab span{
	display: inline-block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	border-right: 1px solid #eee;
	font-size: .6rem;
}
#searchResult .tab i{
	font-size: 10px;
    color: #999;
    position: relative;
    top: -1px;
}
#searchResult .search-box{
	width: 100%;
	position: fixed;
	top: 84px;
}
#searchResult .tab-item{
	background-color: #f2f2f2;
	overflow-y: scroll;
	max-height: 200px;
}
#searchResult .search-box .tab1>div{
	width: 50%;
}
#searchResult .search-box .item{
	padding-left: .5rem;
	height: 40px;
	line-height: 40px;
}

/* 报事报修 */
#fix .tip{top: 44px;position: fixed;line-height: 18px;background-color: rgba(255,0,0,0.1);padding: 3px .5rem;color: #D65145;font-size:.5rem}
#fix .order-menu{top: 85px;position: fixed;height: 2rem;text-align: center;background-color: #fff;width: 100%;line-height: 2rem;}
#fix .order-menu a{color: #333;}
#fix .order-menu a.active span{border-bottom: 2px solid #D65145;color: #D65145;}
#fix .order-menu a span{
	height: 100%;
	display: inline-block;
}
#fix .no-data{
	margin-top: 30%;
}

#detailPage .con-box{
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px;
}

#detailPage .mui-scroll{
	padding: 5px;
}

#detailPage .con-box .tit{
	color: #333;
	margin-bottom: 15px;
	font-weight: bold;
}

#addPage .mui-table-view:first-child{
	margin-top: 0;
}
#addPage .con{
	margin-top: 5px;
	padding: .5rem;
}
#addPage .con p{
	margin-bottom: 10px;
}
#addPage .con .item{
	display: inline-block;
	margin-right: 10px;
	padding: 2px 15px;
	border-radius: 20px;
	background-color: #fff;
	border: 1px solid #999;
	color: #333;
	opacity: 0.8;
}
#addPage .con .item.active{
	border: 1px solid #D65145;
	background-color: #D65145;
	color: #fff;
}
#addPage .input-box{
	margin-top: 5px;
}
#replyPage textarea,#addPage textarea{
	font-size: .6rem;
}
#replyPage .input-box textarea,#addPage .input-box textarea{border: 0;font-size: .7rem;margin-bottom: 0;}
.page-btn{
	color: #D65145 !important;
}

/* 绑定 */
#bind .mui-input-group1{padding: 1rem;}
#bind .mui-input-group1 .yzm input{width: 62%;}
#bind .mui-input-group1 .yzm img,#bind .mui-input-group1 .yzm a{width: 35%;display: inline-block;height: 40px;float: right;}
#bind .mui-input-group1 .yzm img{vertical-align: middle;}
#bind .mui-input-group1 .yzm a{background-color: #fff;line-height: 40px;text-align: center;border-radius: 5px;}
#bind .submit{width: 100%;border-radius: 5px;height: 40px;line-height: 40px;display: block;text-align: center;}
#bind .disabled{background-color: #dfdfdf !important;color: #666 !important;}
.red-btn{background-color: #ef4348;border-radius: 20px;color: #fff;display: block;text-align: center;width: 80%;height: 1.8rem;margin: 0 auto;line-height: 1.8rem;}
.mui-bar .mui-btn-link{color: #333;}

#car .footer{
	position: fixed;
	bottom: 0;
	width: 96%;
	padding: 10px 0;
}
#car .add-btn,#addPage .add-btn{
	display: block;
	width: 100%;
	border-radius: 5px;
	line-height: 36px;
	background-color: #D65145;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}
#carPage li{
	background-color: #fff;
	padding: 10px;
	margin-top: 10px;
	border-radius: 5px;
}
#hisPage li{
	background-color: #fff;
	padding: 10px;
	border: 5px;
	margin-top: 10px;
}
#hisPage li .flag{
	background-color: #007AFF;
	color: #fff;
	font-size: 12px;
	padding: 0 5px;
	display: inline-block;
}
.flag{
	font-weight: bold;
}
#hisPage li .price{
	color: red;
}
#recordPage li{
	margin-top: 10px;
	border-radius: 5px;
}
#recordPage li .top{
	padding: 10px;
	background-color: #D65145;
	line-height: 36px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color: #fff;
	text-align: center;
	font-size: 20px;
}
#recordPage li .bottom{
	padding: 10px;
	background-color: #fff;
}
#recordPage li .bottom .tit{
	display: inline-block;
	width: 70px;
}
#recordPage .pay-btn{
	display: block;
	width: 100%;
	border-radius: 5px;
	line-height: 36px;
	background-color: #fff;
	border: 1px solid #D65145;
	color: #D65145;
	margin-top: 10px;
	text-align: center;
}
#recordPage .pay-box{
	padding: 10px;
	margin-top: 10px;
}
#recordPage .pay-box li{
	display: inline-block;
	border: 1px solid #999;
	margin-right: 10px;
	padding: 0 5px;
	margin-bottom: 5px;
}
#recordPage .pay-box li.active{
	border: 1px solid #D65145;
}
#recordPage .price{
	color: red;
}

#myRoom .prepay-btn,#prePay .prepay-btn,#preFee .prepay-btn{
	border: 1px solid #D65145;
	background-color: #D65145;
	color: #fff;
	border-radius: 20px;
	/* opacity: 0.8; */
}
#myFee .prepay-btn{
	border: 1px solid #D65145;
	background-color: #D65145;
	color: #fff;
	border-radius: 5px;
	padding-left:5px;
	padding-right:5px;
	/* opacity: 0.8; */
}
#prePay .remain{
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	margin: 10px 0 50px 0;
}
#prePay .remain a{
	color: rgb(241,148,110);
	font-weight: bold;
}
#prePay .prepay-btn,#preFee .prepay-btn{
	width: 100%;
	display: block;
}
#preFee .line label{
	width: 30%;
	display: block;
	float: left;
	line-height: 40px;
	padding-left: 10px;
	font-weight: bold;
	font-size: .7rem;
}
#preFee .line input,#preFee .line p,#preFee .line textarea{
	width: 70%;
	display: block;
	float: left;
	border: 0;
	font-size: .7rem;
	margin-bottom: 15px;
	padding: 10px 15px;
}
#preFee .tip{
	background-color: rgba(255,0,0,0.1);
	padding: 3px .5rem;
	color: #D65145;
	font-size: .5rem;
}