swdzCamera/components/genAvatarComp/index.scss

.upload{
		padding: 20px 0px 0 20px;
		
		.tipTxt{
			margin-bottom: 10rpx;
		}
		
	}

	.topBox {
		height: 500rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}


	::v-deep .buttonCalss {
		margin-top: 40px !important;
	}

	::v-deep .u-upload__wrap {
		// width: 350px !important;
		// height: 350px !important;
		// margin: 0 auto;
	}



	.imagesRow {
		width: 80px;
		height: 80px;
		margin-left: 5px;
	}

	.textBorder {
		width: 70%;
		height: 130px;
		border-radius: 50% 50% 0 0;
	}

	.images {
		margin: 40px 0px 0px 20px;
		width: 70%;
		height: 130px;
		border-radius: 50% 50% 0 0;
	}

	.content {
		padding-left: 0;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}

	.borders {
		border: black 2px solid;
	}

	::v-deep .u-upload__wrap__preview__image {
		// width: 350px !important;
		// height: 350px !important;
	}
	
	::v-deep .u-upload__button {
		border: 1rpx dashed #999!important;
		border-radius: 20rpx!important;
	}
	
	
	.btnBox{
		position: fixed;
		bottom: 20px;
		right: 10px;
		width: 80px;
		height: 80px;
		border-radius: 50%;
	
		display: flex;
		justify-content: center;
		align-items: center;
		.btn{
			width: 80px;
			height: 80px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			color: white;
			font-weight: bold;
		}
		
		.b1{
			background: green;
		}
		.b2{
			background: orange;
		}
	
	}


.examplePic{
	display: flex;
	justify-content: space-around;
	padding: 0 20rpx 0 20rpx;
	.item{
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 22%;
		.imagesRow{
			width: 100%;
		}
	}
}

.tipTxtBox{
	padding: 0 20px;
}