.auto-preview-box{
	background-color: #FFFFFF;
	&_head{
		flex-direction: column;
		align-items: center;
		padding: 60rpx 0;
		&-t1{
			color: #202020;
			padding: 30rpx 0 10rpx 0;
		}
		&-t2{
			color: #716aca;
			font-size: 60rpx;
			font-weight: 800;
		}
	}
	&_ul{
		padding: 0 46rpx;
		&-li{
			flex-direction: row;
			align-items: center;
			border-bottom-style: solid;
			border-bottom-color: #f5f5f5;
			border-bottom-width: 1rpx;
			padding: 25rpx 0;
			&-lable{
				color: #999999;
				font-size: 30rpx;
				width: 200rpx;
			}
			&-intro{
				flex: 1;
				&_p{
					color: #202020;
					text-align: right;
					font-size: 30rpx;
				}
				&_t1{
					color: rgb(88, 103, 221);
					font-weight: 800;
					font-size: 32rpx;
				}
				&_bg{
					flex-direction: row;
					justify-content: flex-end;
					&-t2{
						text-align: center;
						padding: 5rpx 20rpx;
						font-size: 28rpx;
						background-color: rgb(52, 191, 163);
						color: #FFFFFF;
					}
				}
				&_t3{
					color: red;
				}
				&_t4{
					color: #e83e8c;
					background-color: #ebedf2;
				}
			}
		}
	}
}