body,
html {
	width: 100%;
	height: 100%;
}

.logo {

	width: 5.37rem;
	height: 3.06rem;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: center;
	padding: 0.0rem 0 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.centerLogo {
	width: 50px;
	height: 50px;
	background-image: url('');
	background-size: cover;
}

.input {
	display: block;
	width: 5.8rem;
	height: 0.9rem;
	margin: 0 auto;
	margin-bottom: 0.5rem;
	background: #f7f7f8;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-size: 0.5rem 0.5rem;
	background-position: 0.2rem 0.2rem;
	box-sizing: border-box;
	padding: 0.2rem 0.4rem;
	font-size: 0.32rem;
	color: #696d6f;
	outline: none;
	text-align: center;
}

.language-wrapper {
	width: 5.8rem;
	height: 0.9rem;
	margin: 0 auto;
	margin-bottom: 0.2rem;
	background: url(../images/input.png) no-repeat;
	background-size: contain;
	box-sizing: border-box;
	font-size: 0.32rem;
	color: #696d6f;
	line-height: 0.9rem;
	text-align: center;
}

.remember-wrapper {
	display: flex;
	align-items: center;
	margin: 0.3rem 0.84rem 0.5rem 1rem;
}

.remember-wrapper .checkbox {
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/kuang.png) no-repeat;
	background-size: contain;
}

.remember-wrapper .c_active {
	background: url(../images/choose.png) no-repeat;
	background-size: contain;
}

.remember-text {
	font-size: 0.28rem;
	color: #999999;
	margin-left: 0.1rem;
}
.forget-text {
	font-size: 0.28rem;
	color: #616161;
	margin-left: -0.5rem;
}


.button {
	width: 5rem;
	height: 1.10rem;
	margin: 0 auto;
	background: url(../images/button.png) no-repeat;
	background-size: contain;
}
.buttonForget {
	width: 6rem;
	height: 0.40rem;
	margin: 0 auto;
	background: url(../images/forget1.png) no-repeat;
	background-size: contain;
}

.buttonInstall {
	
	width: 4rem;
	height: 1rem;
	margin: 0 auto;
	margin-top: 0rem;
	background: url(../images/button-Install.png) no-repeat;
	background-size: contain;
	 cursor: pointer;
}

/* Bouton désactivé (app déjà installée) */
.buttonInstall.disabled {
  opacity: 0.4;
  pointer-events: none;
}

/*
.footer {
	text-align: center;
	font-size: 0.28rem;
	color: #919499;
	padding: 0.6rem 0;
} */

.language-wrapper {
	position: relative;
}

.pwd1 {
	position: relative;
}

.in_icon {
	width: 0.14rem;
	height: 0.26rem;
	background: url(../images/in.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0.32rem;
	right: 0.4rem;
}

.in_icon1 {
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/hidepassword.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0.2rem;
	right: 1.3rem;
}

.in_icon2 {
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/showpassword.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0.2rem;
	right: 1.3rem;
}

.blackbg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	display: none;
	opacity: 1;
}

.languagelist-wrapper {
	width: 100%;
	height: 4rem;
	background: #FFFFFF;
	position: absolute;
	bottom: -4rem;
	left: 0;
}

.show {
	animation: show 0.25s linear forwards;
}

.leave {
	animation: leave 0.25s linear forwards;
}

.language-list {
	position: relative;
}

.language {
	font-size: 0.3rem;
	color: #999;
	text-align: center;
	padding: 0.3rem 0;
}

.choose_icon {
	width: 0.32rem;
	height: 0.21rem;
	background: url(../images/duihao@2x.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0.34rem;
	right: 2.32rem;
	display: none;
}

.ll_active .language {
	color: #61a6fe;
}

.ll_active .choose_icon {
	display: block;
}

.llw-box {
	width: 102%;
	height: 4rem;
	overflow: auto;
}

#account {
	background-image: url(../images/user1.png);
}

#password {
	background-image: url(../images/password2.png);
	background-size: 0.7rem 0.7rem;
	background-position: 0.1rem 0.1rem;
}

#serverUrl {
	background-image: url(../images/navigation.png);
}

.language-text {
	background-image: url(../images/language_icon.png);
	background-repeat: no-repeat;
	background-size: 0.5rem 0.5rem;
	background-position: 0.2rem 0.2rem;
	width: 100%;
	height: 100%;
}

.version {
	width: 100%;
	height: 15px;
	margin-top: 120px;
	background-color: #EEEEEE;
	display: flex;
	justify-content: center;
	align-items: center;
}

.numversion {
	font-size: 12px;
	color: gray;
	
}

@keyframes show {
	from {
		bottom: -4rem;
	}

	to {
		bottom: 0;
	}
}
@keyframes leave {
	from {
		bottom: 0;
	}

	to {
		bottom: -4rem;
	}
}