.Appointmentallocation .header{background:#fff;padding:20px}.Appointmentallocation .header .headerlabel{width:90px;display:inline-block}.Appointmentallocation .header .autowidth{width:240px}.Appointmentallocation .MainContent{background:#fff;padding:20px 16px;margin:16px 0}.Appointmentallocation .Appointmentdetails{margin:0 20px}.Appointmentallocation .el-drawer__header{margin:0;font-weight:700;color:#000;font-size:20px}.Appointmentallocation .Appointmentdetails .el-form-item__label{display:block;width:100%;text-align:left}.Appointmentallocation .Appointmentdetails .el-form-item{margin:0}.Appointmentallocation .Appointmentdetails .periodtime{display:flex;flex-wrap:wrap;width:100%}.Appointmentallocation .Appointmentdetails .periodtime label{color:#5c5c5c;padding:9px 16px;border-radius:4px;border:1px solid #8d8d8d;margin:0 16px 16px 0;cursor:pointer;line-height:1}.Appointmentallocation .Appointmentdetails .periodtime label.on{background:#08f;border-color:#08f;color:#fff}.Appointmentallocation .Appointmentdetails .periodtime .item{text-align:center;margin:0 30px 20px 0;position:relative}.Appointmentallocation .Appointmentdetails .periodtime .item .el-image{background:#000;width:80px;height:80px;border-radius:50%}.Appointmentallocation .Appointmentdetails .periodtime .item i{display:none}.Appointmentallocation .Appointmentdetails .periodtime .item.on i{position:absolute;top:50%;left:50%;font-size:24px;color:#08f;margin:-24px 0 0 -12px;display:block}.Appointmentallocation .Appointmentdetails .periodtime .item p{line-height:1}