dstore-layer ::ng-deep {
	.layer_content {
		width: 60rem;
		height: 40rem;
		background-color: var(--nav-bg-color);
		overflow: hidden;
		section {
			padding: 0 !important;
			flex-flow: column;
			header {
				height: 3.8rem;
				width: 100%;
				display: flex;
				padding: 0 1rem;
				box-sizing: border-box;
				justify-content: space-between;
				align-items: center;
				background-color: var(--main-bg-color);
				//box-shadow: 0px 5px 4px 0px var(--main-bg-color);
				.img {
					img {
						width: 2.6rem;
						height: 2.6rem;
						content: url('/assets/icons/deepin_app_store.svg');
					}
				}
				.close {
					font-size: 1.2rem;
					cursor: pointer;
					&:hover {
						color: var(--nav-bg-color-active);
					}
				}
			}
			.body {
				margin: 0.5rem;
				background-color: var(--main-bg-color);
				height: calc(100% - 4.8rem);
				border-radius: 0.8rem;
				overflow: hidden;
				h3 {
					margin-left: 1rem;
				}
				.body_content {
					height: calc(100% - 5rem);
					box-shadow: 0 0 1px 0.4rem var(--nav-bg-color);
				}
				.item-icon {
					margin-top: 0.2rem;
					box-sizing: border-box;
					display: grid;
					grid-template-columns: 1fr 1fr 1fr;
					justify-items: center;
					.item {
						box-sizing: border-box;
						width: 16rem;
						padding: 0.5rem;
						animation: show 1s;
						border-radius: 4px;
						margin: 1rem 0;
						cursor: pointer;
						border: 1px solid transparent;
						main {
							padding: 0.4rem;
							display: flex;
							justify-content: space-between;
							align-items: top;
							position: relative;
							.disabled {
								display: block;
								position: absolute;
								width: 100%;
								height: 100%;
								left: 0;
								top: 0;
								z-index: 9999;
							}
							.images {
								width: 4rem;
								height: 4rem;
							}
							.info {
								flex: 1;
								padding-left: 0.6rem;
								width: 0;
								.name {
									width: 100%;
									.name_context {
										display: inline-block;
										white-space: nowrap;
										overflow: hidden;
										text-overflow: ellipsis;
										vertical-align: top;
										max-width: calc(100% - 1.5rem);
									}
									.safe_icon {
										content: var(--safe-icon);
										display: inline-block;
										width: 1rem;
										height: 1rem;
										margin-left: 0.3rem;
										position: relative;
										top: 0.1rem;
									}
								}
								.category {
									> .category-title {
										max-width: 11rem;
										overflow: hidden;
										text-overflow: ellipsis;
										white-space: nowrap;
									}
								}
								dstore-star {
									display: block;
									overflow: hidden;
								}
								.subtitle {
									color: gray;
									font-size: 0.9rem;
									justify-content: space-between;
									align-items: center;
									.category {
										display: inline-block;
										vertical-align: bottom;
										.category-title {
											font-size: 0.77rem;
										}
									}
								}
							}
							dstore-main-checkbox ::ng-deep {
								.checkbox {
									position: static;
								}
							}
						}
						&:hover {
							background-color: var(--list-hover-color);
							border: solid 1px var(--list-hover-border-color);
						}
					}
				}
				app-wait {
					height: 20rem;
				}
				@keyframes show {
					from {
						opacity: 0;
					}
					to {
						opacity: 1;
					}
				}
				.wait {
					cursor: unset;
					padding: 0;
					width: 100%;
					position: relative;
					bottom: 5rem;
					&:hover {
						background: unset;
					}
				}
				footer {
					height: 5rem;
					display: flex;
					padding: 0 1rem;
					box-sizing: border-box;
					justify-content: space-between;
					align-items: center;
					>div {
						position: relative;
					}
					button {
						width: 13rem;
						height: 2.8rem;
						line-height: 2.8rem;
						font-size: 1.1rem;
						border-radius: 0.6rem;
					}
				}
			}
		}
	}
}

dstore-confirm {
	img {
		width: 2.5rem;
		height: 2.5rem;
		content: url("/assets/images/info.svg");
	}
	.close {
		font-size: 1.3rem;
		cursor: pointer;
		&:hover {
			color: var(--nav-bg-color-active);
		}
	}
	.layer_content {
		font-size: 1.1rem;
		margin: 0;
		font-weight: 550;
	}
	
	button {
		width: 13rem;
		height: 2.8rem;
		line-height: 2.8rem;
		font-size: 1.1rem;
		border-radius: 0.6rem;
	}
}