auth.css 1.71 KB
Newer Older
lanbaoming's avatar
lanbaoming committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
.auth{
	margin: 150upx auto 0;
}
.idcard-title{
	display: flex;
	padding: 20upx 30upx 30upx 50upx;
	align-items: center;
	font-size: var(--f26);
}
.idcard-title image{
	width: 40upx;
	height: 40upx;
	transform:rotate(90deg);
	margin-left: 10upx;
	margin-top: 5upx;
}
.idcard-img{
	display: flex;
	width: 100%;
}
.idcard-img .idcard-img-v{
	flex: 1;
	align-items: center;
	justify-content: center;
	position: relative;
}
.idcard-img .idimg{
	display: block;
	margin: 20upx auto 0upx;
	width: 120upx;
	height: 110upx;
}
.idcard-img-v view{
	padding: 0;
	margin: 0 auto;
	width: 80%;
	border: 1px solid var(--ceb);
	border-radius: 10upx;
	background: var(--c0);
	height: 190upx;
	position: relative;
}
.idcard-img-v text{
	display: block;
	color: var(--c6);
	font-size: var(--f24);
	text-align: center;
	margin-bottom: 20upx;
}
.idput{
	padding: 40upx;
}
.idput .title{
	font-weight: 700;
	font-size: var(--f30);
	margin-bottom: 30upx;
}
.idput-v{
	width: 100%;
	background-color: var(--c0);
	border-radius: 12upx;
	border: 1px solid var(--ceb);
	font-size: var(--f26);
	color: var(--c3);
}
.idput-v view{
	padding: 30upx 30upx;
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--ceb);
}
.idput-v view:last-child{
	border: none;
}
.idput-v input{
	font-size: var(--f26);
	width: 70%;
}
.idput-v text{
	display: block;
	width: 140upx;
}
.authBtn{
	width: 90%;
	margin: 40upx auto;
	height: 88upx;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--c036);
	color: var(--c0);
	border-radius: 80upx;
	font-size: var(--f26);
}

.idcard-file{
	width: 100%;
	height: 100%;
	border-radius: 10upx;
}
.delete{
	position: absolute;
	width: 50upx;
	height: 50upx;
	right: 10upx;
	top: -20upx;
	z-index: 999;
}