fanyunAi/pages/painting/painting.scss

.top-notice {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	.form {
		flex-direction: column;

		.title {
			font-size: 38rpx;
			font-weight: bolder;
			margin: 15rpx 35rpx 0;
		}

		.desc {
			font-size: 28rpx;
			color: #666;
			margin: 15rpx 35rpx;
		}

		.btn-group {
			width: 80%;
			margin-top: 10%;

			.btn {
				margin: 30rpx 0rpx;

				.u-button {
					height: 100rpx;
				}
			}
		}
	}

	.directask {
		padding: 30rpx 18rpx 34rpx;
		padding-top: 0;
		// padding-left: 0;
		// border-top: 1px solid #ededed;

		.askaquestion {
			font-size: 32rpx;
			margin-bottom: 25rpx;

			image {
				width: 32rpx;
				height: 32rpx;
				margin-right: 12rpx;
			}
		}

		.textarea {
			margin-top: 30rpx;
			// margin-bottom: 35rpx;
			margin-bottom: 0rpx;
			padding: 0rpx 30rpx 60rpx 30rpx;
			padding-bottom: 30rpx;
			width: 96%;
			margin-left: 2%;

			.u-textarea {
				border-radius: 20rpx;
				background:#E9EFF4;
			}

			.operate {
				justify-content: flex-end;

				.empty {
					margin-right: 30rpx;
					border: 1px solid #9e9e9e;
					color: #9e9e9e;
					padding: 12rpx 42rpx;
					border-radius: 10rpx;
				}

				.submit {
					padding: 12rpx 42rpx;
					border-radius: 10rpx;
					border: 1px solid #26b3a0;
					background: linear-gradient(to right, #00ca88, #00BCD4);
					color: #fff;
				}

				.hoversubmit {
					background: #f7f7f7;
					color: #acacb3;
				}
			}
		}

		.case {
			color: #26b3a0;
			background: #f5f8f7;
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			font-size: 30rpx;
			padding-left: 30rpx;
			border-radius: 10rpx;
			margin: 25rpx 0;
			border-radius: 10rpx;
			overflow: hidden;
			display: -webkit-box !important;
			text-overflow: ellipsis;
			word-break: break-all;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical !important;
		}

		.helpme {
			background: #EEF1F4;
			
			border-radius: 20rpx;
			padding: 30rpx;
			width: 48%;
			margin-bottom: 25rpx;

			// height: 92px;
			.title {
				font-size: 30rpx;
				font-weight: bold;
				margin-bottom: 18rpx;
				color: #000;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}

			.sub_title {
				color: #8f9ca2;
				font-size: 24rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
			}
		}
	}

	.wxad {
		border-radius: 20rpx;
		overflow: hidden;
		margin-bottom: 24rpx;
	}

	.cu-dialog {
		position: fixed;
		top: 60rpx;
		left: 100rpx;
	}

	.guide-img {
		width: 580rpx;
		height: 430rpx;
	}

	.select {
		font-weight: bold;
		font-size: 32rpx;
		margin: 30rpx;
	}

	.model_view {
		margin: 30rpx;

		.modelname {
			font-size: 32rpx;
			font-weight: bold;
			width: 56%;

			.name {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

			.modeldetails {
				font-size: 26rpx;
				font-weight: 500;
				margin-top: 12rpx;
				color: #9e9e9e;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
		}

		.modelselect {
			background: #03a9f4;
			border-radius: 14rpx;
			color: #fff;
			width: 58px;
			height: 30px;
			line-height: 30px;
			text-align: center;
		}
	}
	// 首页修改
	.newTop{
		// height: 414rpx;
		background: url('@/static/newIndex/topBg.png') no-repeat;
		background-size: 100% 100%;
		// margin-bottom: 42rpx;
		margin-bottom: 0rpx;
		.topTitle{
			display: flex;
			justify-content: center;
			// padding-top: 53rpx;
			// margin-bottom: 32rpx;
			font-size: 34rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #080F18;
		}
		
		.topGridMenu{
			display: flex;
			justify-content: space-around;
			margin-top: 26rpx;
			.item{
				display: flex;
				flex-direction: column;
				align-items: center;
				image{
					width: 120rpx;
					height: 120rpx;
				}
				.label{
					margin-top: 6rpx;
					font-size: 24rpx;
					font-family: PingFang-SC-Bold, PingFang-SC;
					font-weight: bold;
					color: #333333;
				}
			}
		}
	}
	
	.addBg{
		background: url('@/static/newIndex/quesBg.png') no-repeat;
		background-size: 100% 100%;
		width: 100%;
		// height: 558rpx;
		.quesTop{
			height: 130rpx;
			padding: 0 5%;
			.quesTxt{
				font-size: 36rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				font-weight: bold;
				color: #00355F;
			}
		}
	}
	
	::v-deep .u-tag__text{
		font-size: 24rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #207CF7;
	}
	
	.clearAndSumBtn{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 24rpx;
		.clearBox{
			width: 276rpx;
			height: 76rpx;
			border-radius: 38rpx;
			border: 2rpx solid #CCCCCC;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 28rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #666666;
			// margin-right: 20rpx;
			image{
				width: 26rpx;
				height: 30rpx;
				margin-right: 8rpx;
			}
		}
		.submit{
			// width: 276rpx;
			width: 85%;
			height: 76rpx;
			border-radius: 38rpx;
			background: linear-gradient(90deg, $tc2 0%, $tc 100%);
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 28rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #FFFFFF;
		}
		.rClear{
			width: 15%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	
	.hotTxt{
		font-size: 36rpx;
		font-family: PingFang-SC-Bold, PingFang-SC;
		font-weight: bold;
		color: #333333;
	}
	.change{
		font-size: 28rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #333333;
		margin-right: 8rpx;
	}
	
	.caseBox{
		display: flex;
		flex-wrap: wrap;
		.caseitem{
			background:#E6E9EE;
			border-radius: 32rpx;
			padding: 14rpx 48rpx;
			display: inline-block;
			font-size: 24rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #333333;
			margin-bottom: 16rpx;
		}
	}
	
	
	
	
.addbox{
	// width: 690rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 4rpx 20rpx -4rpx rgba(15,125,190,0.2);
	border-radius: 24rpx;
	padding: 0 30rpx;
	// padding-left: 30rpx;
	// padding-right: 30rpx;
	padding-top: 20rpx;
	// margin-left: 50%;
	// transform: translateX(-50%);	
}

.moreBox{
	// width: 152rpx;
	height: 48rpx;
	background: #ECF0F3;
	border-radius: 25rpx;
	// opacity: 0.07;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 5rpx;
	.moretxt{
		font-size: 24rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 600;
		color: #00355F;
	}
}


.bottomBox{
	display: flex;
	justify-content: space-between;
	
	.left{
		overflow: hidden;
		.title{
			
		}
		.sub_title{
			
		}
	}
	.right{
		
	}
}

.mubanBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



.modalTag{
	background: #DDEBFF;
	border-radius: 30rpx;
	
	display: flex;
	align-items: center;
	padding-left: 20rpx;
	padding-right: 5rpx;
	.mw{
		max-width: 310rpx;
	}
	.tagTxt{
		// max-height: 72rpx;
		font-size: 24rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #207CF7;
		// max-width: 280rpx;
		overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			// display: -webkit-box;  //使用自适应布局
			// -webkit-line-clamp: 2;  //设置超出行数，要设置超出几行显示省略号就把这里改成几
			// -webkit-box-orient: vertical;
			
		padding-top: 8rpx;
		padding-bottom:8rpx;
		line-height: 38rpx;
	}
}

@keyframes rotate {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.go{
	animation: rotate 1s;
}
.overBox{
	// width: 100%;
	// height: 100rpx;
	// position: relative;
	// z-index: 1;
// 	.overLay{
// 		background: red;
// 		position: fixed;
// 		top: 100rpx;
// 		width: 100%;
// 		height: 150rpx;
// 	}
}


.leadPic{
	position: fixed;
	background: rgba(0, 0, 0, .6);
	z-index: 9999999999;
	height:100vh;
	width: 100vw;
	top: 0;
	
	.lead1Box{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		.lead1{
			width: 317px;
			height: 435px;
			position: relative;
			image{
				width: 317px;
				height: 435px;	
				position: absolute;
			}
			.btn{
				background:rgba(0, 0, 0, 0);
				width: 160px;
				height: 60px;
				position: absolute;
				bottom: 0;
				right: 0;
			}
		}
	}
	
	.lead2Box{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 100%;
		height: 100%;
		.lead2{
			width: 264px;
			height: 341px;
			position: relative;
			image{
				width: 264px;
				height: 341px;	
				position: absolute;
				margin-left: 30px;
			}
			
			.btn{
				background:rgba(0, 0, 0, 0);
				// background:green;
				width: 180px;
				height: 60px;
				position: absolute;
				bottom: 160px;
				
				right: -30px;
			}
		}
	}
	
	.swiperBox{
		width: 100%;
		height: 100%;
	}
}


.inputTxtBox{
	position: relative;
	.clearImg{
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		right: 26rpx;
		bottom: 26rpx;
	}
}
.video_show{
	 position:fixed;
	top: 0;
	
	background-color: rgba(0, 0, 0, .8);
	height: 100%;
	width: 100vw;
	z-index: 999;
	display: flex;
	.content{
		width: 80%;
		// background-color: red;
		
		// align-items: center;
		margin: auto;
		height: 100vh;
		
		.uni-icons{
			float: right;
			margin-top: 4rpx;
			margin-right: 10rpx;
		}
		.video-box{
			background-color: #00ca88;
			// margin-top: 10rpx;
		}
	}
}