count-pass-app/common/css/login.scss

.content {
	box-sizing: border-box;
	height: 100%;
	border-radius: 48rpx;
	padding:40rpx;
	flex: 1;
	overflow: hidden !important;
	.lang-change{
		position: absolute;
		right: 40rpx;
		top: 12rpx;
		width: 112rpx;
		height: 48rpx;
		line-height: 48rpx;
		color: #f2f2f2;
		// border: 1px solid #cccccc;
		flex-direction: row;
		font-size: 26rpx;
    justify-content: center;
    font-weight: bold;
    border-radius: 20rpx;
		.current{
			color: #666;
		}
	}
	.logo{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 24rpx;
		.app-name{
			font-weight: bold;
			font-size: 30rpx;
			line-height: 96rpx;
		}
	}
	.btn-wrap{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin-top: 20rpx;
		// column-gap: 32rpx;
		.bind-btn{
			flex:1;
		}
		.btn-disabled{
			background: #f7f7f7;
			color: #999;
		}
	}
	.login-card{
		padding: 40rpx;
		margin-top: 48rpx;
		box-shadow:0 0 16rpx 0px rgba(0, 0, 0, 0.1);
		border-radius: 36rpx;
	}
	.login-title{
		line-height: 100rpx;
		font-size: 32rpx;
		display: flex;
		font-weight: bold;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row;
		.login-type-change{
			// float: right;
			color: #4680F9;
			font-size: 28rpx;
			font-weight: normal;
		}
	}
	.login-opertion{
		font-size: 26rpx;
		padding:0 20rpx;
		color: #222;
		display: flex;
		justify-content: space-evenly;
		flex-direction: row;
		margin:48rpx 0 0;
		align-items: center;
		.flex{
			flex:1;
			text-align: center;
		}
		.line{
			width: 3rpx;
			background-color: #ccc;
			height: 42rpx;
		}
	}
	.agree-forget{
		display: flex;
		flex-direction: row;
		padding:0 8rpx;
		line-height: 52rpx;
		margin-top: 30rpx;
		justify-content: space-between;
		.agree{
			flex-direction: row;
			font-size: 28rpx;
			// margin-left: -36rpx;
			color: #ccc;
			span{
				margin-left: -40rpx;
			}
		}
		.uni-data-checklist{
			flex: 0;
		}
		.forget{
			font-size: 28rpx;
			color: #222;
		}
	}
	.wechat-login{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 60rpx;
		.wechat-logo{
			width: 100rpx;
			height: 100rpx;
		}
	}
	.app-login{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 60rpx;
		// position: absolute;
		// right: 100rpx;
		// bottom: 170rpx;
		color: #4680F9;
		font-size: 28rpx;
		font-weight: normal;
		.app-logo{
			width: 60rpx;
			height: 60rpx;
		}
	}
	.deplist-wrap{
		max-height: 700rpx;
		overflow-y: auto;
		// margin-right: -22px; 
		.login-choosedep{
			display: flex;
			flex-direction: row;
			cursor: pointer;
			margin-top: 48rpx;
			// margin-right: -15px;
			background-color: #f2f2f2;
			height: 96rpx;
			border: 1px solid #d9d9d9;
			font-size: 28rpx;
			font-weight: normal;
			color: rgba(0, 0, 0, 0.9);
			line-height: 92rpx;
			border-radius: 16rpx;
			.login-dep-logo{
				border-radius: 6rpx;
				width: 60rpx;
				height: 60rpx;
				margin: 18rpx 20rpx 18rpx 24rpx;
				background-size: 100% 100%;
				
			}
		}
		.tenant-name{
			flex: 1;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding-right: 24rpx;
		}
		.tenant-expire{
			// pointer-events: none;
			cursor: not-allowed;
			background-color: #f4f4f5;
			border-color: #e9e9eb;
			color: #c0c4cc;
		}
		.login-choosedep-active{
			border: 1px solid #4680F9;
		}
	}
	.divider{
		margin:90rpx 0 0;
	}
}

.logo_img {
	display: flex;
	flex-direction: row;
	width: 150rpx;
	height: 150rpx;
	margin: auto;
	margin-bottom: 80rpx;
}

.inp_box {
	display: flex;
	flex-direction: row;
	// background-color: #F8F8F8;
	// font-size: 28rpx;
	width: 100%;
	height: 108rpx;
	line-height: 108rpx;
	// margin: 20rpx auto;
	// border-radius: 50rpx;
	// padding:0 60rpx;
	border-bottom: 2rpx solid #EEEEEE;
	text {
		margin-right: 10rpx;
	}
	input {
		font-size: 30rpx;
		height: 108rpx;
		line-height: 108rpx;
		flex:1;
		padding: 0 4px;
	}
	.get-code-btn{
		margin: 0;
		height: 62rpx;
		width: 172rpx;
		line-height: 58rpx;
		color: #fff;
		border: 2rpx solid #3275F5;
		background: #3275F5;
		font-size: 30rpx;
		margin-top: 20rpx;
	}
	.load-reget{
		color: #ccc;
		border: 2rpx solid #ccc;
		background: #fff;
	}
}

// button {
// 	background:linear-gradient(to right,#6DB4FF 0%,#2F71F4 100%);
// 	line-height: 80rpx;
// 	color: #fff;
// 	font-size: 30rpx;
// 	margin:50rpx 0 0;
// 	border-radius: 40rpx;
// 	border: none;
// }
.uni-input-placeholder{
	color: #ccc;
}
uni-button:after{
	border: none;
}