.appointment-form{
    width: 660px;
    margin: 40px auto;
    background-color: rgba(240,244,242,0.66);
}
.appointment-form>h2{
    color: #fff;
    font-size: 19px;
    height: 55px;
    padding-top: 10px;
    text-align: center;
    background-image: url(../../images/form-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.appointment-form>h2>i{
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
}
.appointment-form>.layui-form{
    padding: 13px 10px 0;
}
.appointment-form .form-label{
    position: absolute;
    left: 20px;
    top: 18px;
    font-size: 14px;
    color: #06472e;
    font-weight: bold;
    z-index: 1;
}
.appointment-form .form-label>i{
    font-size: 12px;
    font-style: normal;
}
.appointment-form .layui-input{
    height: 42px;
    border-radius: 5px;
    border: 1px solid #afbfb7;
    margin: auto;
    display: block;
    background-color: transparent;
}
.layui-form-select .layui-edge{
    border-top-color: #06472e;
}
.appointment-form .layui-form-select dl dd.layui-this{
    background-color: #06472e;
}
.appointment-form .layui-col-md6,.appointment-form .layui-col-md12{
    padding: 7px 10px;
}
.appointment-form .layui-btn {
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    width: 137px;
    background-color: #06472e;
    display: block;
    margin:15px auto 21px;
}
.name .layui-input,.birthday .layui-input,.visitDate .layui-input{
    padding-left: 11.3em;
}
.sex .layui-input{
    padding-left: 7em;
}
.age .layui-input{
    padding-left: 5.5em;
}
.address .layui-input{
    padding-left: 7.5em;
}
.mobile .layui-input{
    padding-left: 12.5em;
}
/* 时间选择器样式 */
.layui-laydate{
    width: 300px!important;
}
.laydate-theme-molv .layui-laydate-main,.layui-laydate-content table{
    width:100%!important;
}
.layui-laydate-footer span:hover {
    color: #06472e!important;
}
.laydate-btns-time{
    color: #06472e!important;
}
.layui-laydate .laydate-time-list>li:last-child{
	display:none;
}
.layui-laydate .layui-laydate-list>li{
	width: 50%;
}
.layui-laydate .laydate-time-list ol li{
	padding-left:60px;
}
/* 移动端适配 */
@media screen and (min-width:480px) and (max-width:1440px){
	.appointment-form{
		zoom:1.25;
	}
	.layui-laydate{
		zoom:1.25;
		margin-top:-20px!important;
	}
}
@media screen and (max-width: 480px){	 
    .appointment-form{
        width: 100%;
        margin-bottom: 150px;
    }
}