body{
	padding: 0rem;
}
[v-cloak] {
   display: none;
}
/* 头部导航栏开始 */
.header{
	width:100%;
	float: left;
	line-height:5.5rem;
	vertical-align:middle;
	clear:both;
	padding:0 30px;
	margin:0;
	background-color: #1CA242;
}
.header-narrow{
	height: 3.625rem;
	background-color: #1CA242;
}

.header-narrow >span{
	color: #DFEEE2;
	font-size:1.1rem;
	font-family:"microsoft yahei";
	height: 100%;
	padding-top: 2%;
}

.header >span{
	color: #DFEEE2;
	font-size: 4vw;
	font-family:"microsoft yahei";
	height: 100%;
	padding-top: 1%;
}
.header-menu-actives{
	color: #FFFFFF;
	background-image:url(../images/assistor.png) ;
	background-size: 70% 4%;
	background-repeat:no-repeat;
	background-position:50% 85%;
}
/*头部导航栏结束*/

/*头部导航透明操作开始*/
.lucency{
	border:none;
	float: left;
	position:relative;
    height:7%;
	width: 100%;
	text-align:center;
	background-color:rgba(254,254,253,0.8);
	padding: 2% 2% 2% 2%;
	align-self: center;
}

.lucency_input1{
	border:none;
	float: left;
	position:relative;
	width:100%;
	height:16%;
	z-index: 1000000;
	top:0.01rem;
	text-align:center;
	background-color:rgba(254,254,253,0.8);
	padding: 3% 3% 3% 3%;
}

.buttonpx{
	/*height: 3.75rem;
	width: 12.5rem;*/
	font-size: 4vw;
	margin:0 5% 0 5%;
}
.buttonsub{
	/*height: 4.375rem;*/
	width: 39%;
	font-size: 4vw;
	margin-left: auto;margin-right: auto;
}

 .mui-input-row > label{
	font-family: "microsoft yahei";
	font-size:4vw;
} 
.mui-input-row >.row-inputs{
	border:0.0625rem solid #DCDCDC ;
	font-size:4vw;
	border-radius:0.8125rem;
	width: 64%;
	height:10%;
	margin-right:1.8rem;
}
.lables{
	margin-top: 2.076875rem;
	font-size:3.625rem;
	font-family:"microsoft yahei";
	margin-left: 3.125rem;
	width: 28%;
	
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
/*头部导航透明操作结束*/

/*业务列表样式开始*/
.mui-card-content > ul{
	margin: 0.875rem 0 0.25rem 0;
	background-image: url(../images/bookmark.png);
	background-size:1.3rem;
	background-repeat:no-repeat;
	background-position:0.8rem -0.05rem;
}
.branch-name{
	margin-left: 8%;
	width: 81%;
	font-size: 0.8rem;
	color: #FF6A00;
}
.branch-distance{
	position:absolute;
	top: 18%;
	left: 87%;
}
.branch-distance-num{
	position:absolute;
	top: 52%;
	right:5%;
}
.branch-adrress{
	margin-left: 8%;
	margin-top: 1%;
	width: 70%;
}
.await{
	background-image: url(../images/finger.png);
	background-size:1.625rem;
	background-repeat:no-repeat;
	background-position:0rem 1%;
	margin-left: 6%;
	width: 81%;
}
.await-num{
	position:absolute;
	top: 12%;
	left: 85%;
}
.sub-button{
	margin-top: 3%;
}
.sub-button >button{
	width: 100%;
}
/*业务列表样式结束*/

/*预约查询样式开始*/
.query-input{
	padding: 0.5rem;
	margin-top: 5%;
	width: 100%;
	background-color: #FFFFFF;
}
.query-input > input{
	width: 60%;
	margin-right: 6%;
}
.query-input > label{
	margin-left: 0.1rem;
	width: 5rem;
	font-family: "microsoft yahei";
	font-size: 1.1rem;
	padding: 0.6875rem 0rem;
}
.mui-button-row{
	margin-top: 5%;
}
.query-btn{
	width: 29%;
	margin-right: 1.56rem;
}
/*预约查询样式结束/

/*网点信息详情开始*/

.header-narrow > .branch-info-nav{
	color: #DFEEE2;
	font-size:4vw;
	font-family:"microsoft yahei";
	height: 100%;
	padding-top: 1%;
}

.title-branch-name{
	background-image: url(../images/lable_address.png);
	background-size:1.5rem;
	background-repeat:no-repeat;
	//background-position: 0.5rem 0.6rem;
}
.branch-info-title{
	margin-left: 0.09375rem;
	height: 3.75rem;
	background-image: url(../images/progress.png);
	background-repeat: no-repeat;
	background-size:5px;
	background-position: 1.4rem 0.4rem;
}
.background-colors{
	background: -webkit-linear-gradient(90deg,rgb(224,224,224)  0%,rgb(252,252,251) 100%);
}
.branch-info-title-name{
	margin-left: 10%;
	margin-top: -2%;
}
.branch-info-content{
	height: 100%;
	
}
.branch-info-distance{
	position:absolute;
	top:28%;
	left: 82%;
}
.branch-info-distance-num{
	position:absolute;
	top:42%;
	left: 79%;
}
.branch-info-content{
	padding: 15px;
}
.branch-info-address{
	margin-top: 0.5rem;
	width: 75%;
}
.branch-info-title-padui-name{
	margin-left: 10%;
	margin-top: -2%;
}
.branch-info-wait-num{
	padding: 0.9375rem;
}
.branch-info-wait-number{
	position:absolute;
	top:84%;
	left: 78%;
}
.bottom-subbotton{
	width: 100%;
	position: fixed;
	bottom: 0;
}
.bottom-subbotton > button{
	height: 3.4375rem;
}
/*网点信息详情结束*/

/*排队预约*/
.business-select{
	height: 3.75rem;
	margin-top: 0.5rem;
	padding: 0.9375rem;
	font-size: 1.3125rem;
	background-color: #E5E5E5;
}
.business-date-select{
	height: 3.75rem;
	padding: 0.9375rem;
	font-size: 1.3125rem;
	background-color: #FFFFFF;
	background-image: url(../images/more2.png);
	background-repeat:no-repeat;
	background-position: 93% 40%;
	border-bottom: solid 0.5px #DCDCDC;
}
.business-date-select2{
	height: 2.75rem;
	padding: 0.9375rem 0.9375rem 0.4375rem 0.9375rem;
	font-size: 1.3125rem;
	background-color: #FFFFFF;
	/* border-bottom: solid 0.5px #DCDCDC; */
}
.timeshow{clear:both;height:10rem;padding:0.9375rem 0.9375rem 0.4375rem 0.9375rem;font-size: 1.0rem;background-color: #FFFFFF;border-bottom: solid 0.5px #DCDCDC;display:none;}
.timeshow .ts{float:left;width:auto;height:auto;text-align:center;background-color: #f5f5f5;border:1px solid #ccc;padding:0.3rem 0.4rem;border-radius:10px;-moz-border-radius:10px;line-height:25px;margin-right:1rem;}
.timeshow .tsover{border:1px solid #1CA242;background:#b2fdc7;}



.StopSubmit{
	border: 1px solid #fffef7;
	background-color: #F0F0F0;
}

.subscribe-phone-input{
	height: 3.75rem;
	font-size: 1.3125rem;
	background-color: #FFFFFF;
}
.subscribe-phone-input > input{
	width: 70%;
	height: 3.75rem;
	font-size: 1.3125rem;
}
.subscribe-phone-input > label{
	margin-left: 3%;
	margin-top: 0.4rem;
	font-size: 1.3125rem;
}

.business-phone{
	height: 3.75rem;
	padding: 0.9375rem;
	font-size: 1.3125rem;
	background-color: #FFFFFF;
}
.business-phone >input{
	height: 2.50rem;
	width: 63%;
	position:absolute;
	border: none;
	top:33%;
	left: 25%;
}
.booking-rule{
	margin-top: 10%;
	padding: 1.25rem;
}
/*排队预约结束*/

/*休息日无法提供服务开始*/

.content-waring{
	text-align: center;
	margin-top: 50%;
}
.warning-content{
	position:fixed;
	height: 100%;
	width: 100%;
}