.blackMask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hidden {
    display: none;
}

.item {
	display:flex;
	height:4.08rem;
	align-items:center;
	border-bottom: 1px solid #e5e5e5;
	padding:0 0.7rem;
	justify-content:space-between;
}

.item>div:nth-child(1) {
	display:flex;
	align-items:center;
  margin: 0 0 0 1rem;
}

.item>div:nth-child(2) {
    margin: 0 1rem 0 0;
}

.item img {
    height: 1rem;
    width: 1rem;
}

.banner {
    height: 13rem;
    background: #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stackpanel-vertical {
    display: flex;
    flex-direction: column;
}

.stackpanel-horizontal {
    display: flex;
    flex-direction: row;
}

.horizon-center {
    align-items: center;
}

.logo {
    display: flex;
    background: white;
    border-radius: 1rem;
    height: 6.66rem;
    width: 6.66rem;
    align-items: center;
    justify-content: center;
    margin: 0.5rem 0 0 0;
}

.logo img {
    width: 60%;
}

.text-logo {
    width: 5.25rem;
    margin: 1.32rem 0 0 0;
}

.text-version {
    margin: 0.5rem 0 0 0;
}

.article{
  padding:1.7rem;
}