/*
管理系统通用CSS
*/

.form {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.form__icon img{
	width: 6.25rem;
	height: 6.25rem;
}

.form__input {
	width: 39.375rem;
	height: 4.375rem;
	margin-bottom: 2.5rem;
	padding-left: 5.875rem;
	font-size: 1.875rem;
	letter-spacing: .15px;
	border: none;
	outline: none;
	font-family: 'Montserrat', sans-serif;
	background-color: #FDFDFD;
	transition: .25s ease;
	border-radius: 1.25rem;
	box-shadow: inset 0.125rem 0.125rem 0.25rem rgba(56, 151, 195, 0.4), inset -0.125rem -0.125rem 0.25rem #f9f9f9;
}

.usrename {
	box-sizing: border-box;
	background-image: url(/yun-api-imgs/sign/username.svg);
	background-position: 2.0625rem;
	background-size: 2.125rem 2.5rem;
	background-repeat: no-repeat;
}

.password {
	box-sizing: border-box;
	background-image: url(/yun-api-imgs/sign/password.svg);
	background-size: 2.125rem 2.5rem;
	background-position: 2.0625rem;
	background-repeat: no-repeat;
}

.account {
	box-sizing: border-box;
	background-image: url(/yun-api-imgs/sign/account.svg);
	background-size: 2.125rem 2.5rem;
	background-position: 2.0625rem;
	background-repeat: no-repeat;
}

.cell_phone {
	box-sizing: border-box;
	background-image: url(../img/cell_phone.svg);
	background-position: 2.0625rem;
	background-size: 2.125rem 2.5rem;
	background-repeat: no-repeat;
}

.verification_code {
	width: 25.5rem !important;
	box-sizing: border-box;
	background-image: url(../img/verification_code.svg);
	background-size: 2.125rem 2.5rem;
	background-position: 2.0625rem;
	background-repeat: no-repeat;
}

input::-webkit-input-placeholder {
	color: #CCDEE7;
}

input::-moz-input-placeholder {
	color: #CCDEE7;
}

input::-ms-input-placeholder {
	color: #CCDEE7;
}



.form__input:focus {
	box-shadow: inset 0.25rem 0.25rem 0.25rem rgba(56, 151, 195, 0.4), inset -0.25rem -0.25rem 0.25rem #f9f9f9;
}



.form__link {
	width: 39.375rem;
	text-align: right;
	color: #181818;
	font-size: 1.375rem;
}

.form__check{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.25rem;
	color: #181818;
}

.form__check img{
	width: 4.375rem;
	height: 4.375rem;
}

.form__codebox{
	display: flex;
	justify-content: space-between;
	width: 39.375rem;
	
}

.title {
	font-size: 3rem;
	font-weight: 700;
	line-height: 3;
	color: #3897C3;
}

.description {
	font-size: 14px;
	letter-spacing: .25px;
	text-align: center;
	line-height: 1.6;
}

.button {
	width: 39.375rem;
	height: 4.375rem;
	border-radius: 1.25rem;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: 1.15px;
	background-color: #3897C3;
	color: #f9f9f9;
	margin-bottom: 1.25rem;
	box-shadow: 0.25rem 0.25rem 0.5rem #a5c5d3, -0.25rem -0.25rem 0.5rem #dfe1e2;
	border: none;
	outline: none;
}

.code__button{
	width: 12rem;
	height: 4.375rem;
	border-radius: 1.25rem;
	font-weight: 700;
	font-size: 1.875rem;
	letter-spacing: 1.15px;
	background-color: #3897C3;
	color: #f9f9f9;
	margin-bottom: 1.25rem;
	box-shadow: 0.25rem 0.25rem 0.5rem #a5c5d3, -0.25rem -0.25rem 0.5rem #dfe1e2;
	border: none;
	outline: none;
}