forget.css 1.33 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
page{
	background-color: var(--c0);

}
.forget{
	margin: 0 auto 10upx;
	width: 100%;
	padding: 30upx 0;
	padding-top: 180upx;
}
.item{
	display: flex;
	align-items: center;
	margin-bottom: 50upx;
}
.item .icons{
	width: 42upx;
	height: 42upx;
	margin: 0 30upx 0 40upx;
}
.items-vw{
	width: 80%;
	height: 70upx;
	border-bottom: 1px solid var(--ceb);
	position: relative;
	display: flex;
}
.items-vw input{
	font-size: var(--f26);
	margin-top: 18upx;
	width: 100%;
}
.red{
	color: #E61B00;
}
.items-vw .code{
	position: absolute;
	right: 0;
	top: 4upx;
	font-size: var(--f26);
	border: 1px solid var(--c036);
	color: var(--c036);
	padding: 12upx 20upx;
	border-radius: 60upx;
}
.forBtn{
	width: 80%;
	height: 88upx;
	background-color: var(--c396);
	margin: 30upx auto 50upx;
	display: flex;
	color: var(--c0);
	align-items: center;
	justify-content: center;
	border-radius: 90upx;
}
.desc{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f24);
	color: var(--c6);
}
.desc image{
	width: 48upx;
	height: 48upx;
	margin-top: 4upx;
	margin-right: 10upx;
}
.area{
	display: flex;
	background: var(--c247);
	color: var(--c0);
	padding: 0 20upx;
	border-radius: 50upx;
	align-items: center;
	justify-content: center;
	height: 50upx;
	margin-top: 10upx;
	margin-right: 20upx;
	    width: 20%;
}
.area image{
	width: 30upx;
	height: 30upx;
}