.global-layout{
	.page-layout{
		background-color: #f6f6f6;
		width: 100vw;
		height: 100vh;
		.ant-layout-sider{
			flex: 0 0 120px !important;
			max-width: 120px !important;
			min-width: 120px !important;
			width: 120px !important;
			background-color: #fff;
			.layout-sider-header-row{
				display: flex;
				padding: .3rem 1rem;
				height: 5vw;
				line-height: 5vw;
				box-sizing: border-box;
				overflow: hidden;
				justify-content: center;
				.layout-sider-header-row-icon{
					display: flex;
					align-items: center;
					.sider-header-icon{
						display: inline-block;
						text-align: center;
						width: 1.8rem;
						height: 1.8rem;
						line-height: 1.8rem;
						background-color: #659aff;
						border-radius: 50px;
						overflow: hidden;
						color: #FFFFFF;
						font-size: 1rem;
					}
					
				}
				.layout-sider-header-row-title{
					flex: 1;
					font-size: .6rem;
					margin-left: 0.2rem;
				}
				
			}
			.layout-sider-menu{
				padding: 10px;
				user-select: none;  /* 禁止文本选择 */
				-webkit-user-select: none; /* Safari */
				-moz-user-select: none;    /* Firefox */
				-ms-user-select: none;     /* IE */
				.menus{
					.menu-item{
						border-radius: .5rem;
						color: #8a8c8e;
						overflow: hidden;
						display: flex;
						justify-content: flex-start;
						align-items: center;
						padding: .4rem .6rem;
						margin-bottom: .5rem;
						cursor: pointer;
						&.active{
							color: #0576fe;
							box-shadow: 0 1px 6px rgba(238, 238, 238, 1);
						}
						.menu-item-icon{
							img{
								width: 1.6rem;
								height: 1.6rem;
							}
						}
						.menu-item-name{
							flex: 1;
							text-align: left;
							margin-left: .5rem;
							text-align: center;
						}
					}
					
				}
				
			}

		}
		.ant-layout-header{
			padding: 0 !important;
			height: 5vw !important;
			line-height: 5vw !important;
			background-color: #FFFFFF !important;
			.patient-box{
				display: flex;
				justify-content: center;
				.patient-info {
					// background-color: #fff;
					// border-radius: 5px;
					// padding: 12px;
					font-size: 1rem;
				
					.lable {
						color: #AAAAAA;
						padding: 0 .5rem 0 1rem;
				
					}
				
					.text {
						color: #000000;
						padding: 0 2rem 0 0;
					}
				}
			}
			
			.layout-sider-header-row-title{
				background-color: #fff;
				height: 5vw;
				line-height: 5vw;
				flex: 1;
				font-size: 0.75rem;
				margin-left: 0rem;
				padding-left: 20px;
			}
		}
		.ant-layout-content{
			position: relative;
			
			.global-layout-content{
				height: calc(100vh - 66px);
				// overflow-y: auto;
				padding: 10px;
			}
			
			.ant-drawer-body{
				padding: 0;
			}
			.person-drawer{
				// height: 100vh;
				display: flex;
				flex-direction: column;
				.person-header{
					height: 10rem;
					width: 100%;
					background: linear-gradient(to right, #87c1ff, #b1d7fb);
					border-radius: 0 0 2rem 2rem;
					display: flex;
					align-items: center;
					padding: 0 2rem;
					box-sizing: border-box;
					.person-header-avatar{
						height: 3rem;
						width: 3rem;
						border-radius: 2rem;
						border: .2rem solid #FFFFFF;
						img{
							width: 100%;
							height: 100%;
						}
					}
					.person-header-name{
						text-align: left;
						flex: 1;
						margin-left: 1rem;
						font-size: 1.4rem;
						color: #FFFFFF;
						font-weight: bold;
						.user-name{
							margin-right: 1rem;
						}
						
					}
				}
				.person-float-info{
					position: absolute;
					left: 1.2rem;
					right: 1.2rem;
					top: 8rem;
					padding: .6rem 1rem;
					background-color: #FFFFFF;
					box-shadow: 5px 5px 6px rgba(238, 238, 238, 1);
					border-radius: .6rem;
					line-height: 2rem;
					font-size: .8rem;
					.label{
						color: #8a8c8e;
					}
					
				}
				.person-content{
					margin-top: 3.5rem;
					padding: 1.2rem 1rem;
					font-size: .8rem;
					flex: 1;
					.person-content-row{
						border-bottom: 2px solid #eee;
						padding: 1rem;
						display: flex;
						justify-content: space-between;
						.label{
							color: #8a8c8e;
						}
					}
				}
				.person-footer{
					padding: 1rem;
					.person-footer-button {
						
					}
					.person-footer-logout{
						margin-top: .5rem;
					}
				}
				
			}
		}
	}
}