swdzCamera/pages/index/index.scss

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

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

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

	::v-deep .u-upload__wrap__preview:nth-of-type(4n) {
		margin-right: 0!important;
	}

	::v-deep .u-upload__button {
		width: 20vw!important;
		height: 20vw!important;
	}
	::v-deep .u-upload__wrap__preview__image{
		width: 20vw!important;
		height: 20vw!important;
	}

	.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;
	}



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

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

	.borders {
		border: black 2px solid;
	}
	
	.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;
		}
	
	}
	
	
	::v-deep .u-tabbar{
		
		
		width: 80%;
		position: fixed;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 25px;
	}
	
	::v-deep .u-tabbar__content{
		border-radius: 25px;
		background:white;
	}


.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%;
		}
	}
}

.botTipTxtBox{
	padding: 0 20px;
}


.currModel{
	display: flex;
	align-items: center;
	margin-bottom: 20rpx;
	.left{
		font-weight: bold;
	}
	.right{
		margin-left: 10rpx;
		  width: 0;
		  height: 0;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		  border-top: 5px solid orange;
	}
}

.modelBox{
	height: 250px;
	padding: 0 20rpx;
	padding-top: 10px;
	.mName{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight: bold;
	}
	.top1{
		margin-top: 30px;
	}
	.bot1{
		max-height: 180px;
		overflow-y: scroll;
		display: flex;
		flex-wrap: wrap;
		
		align-items: flex-start;
		padding-top: 50rpx;
		// background: green;
		// padding-bottom: 50rpx;
		
		.pos{
			height: 50rpx;
			width: 100%;
		}
		.item1{
			width: 29%;
			height: 40px;
			// background: red;
			margin-right: 20rpx;
			margin-bottom: 20rpx;
			
			border-radius: 12rpx;
			
			display: flex;
			align-items: center;
			justify-content: center;
			
			border: 1rpx solid #999;
		}
	}
}

.at{
	border-color: orange!important;
	color: white;
	background:orange ;
}