.common{
	width: 750rpx;
	height: 100vh;
	background-color: #FFFFFF;
	position: relative;
	.order_top {
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-color: #FFFFFF;
	// margin-bottom: 30rpx;
	}
	
	.swiper_tab_list {
	color: #000000;
	}
	// 底部的动态table切换
	.uni_tab_bar .active {
	color: #000000;
	font-weight: bold;
	margin-top: 17rpx;
	background-color: #FFFFFF;
	}
	.active .swiper_tab_line {
	border-bottom: 6rpx solid #697BFF;
	width: 120rpx;
	margin: auto;
	margin-top: 17rpx;
	}
	// 头部导航栏的动态颜色
	.uni_tab_bar .newactive{
		color: #697BFF;
		margin-top: 17rpx;
		background-color: #FFFFFF;
	}
	.newactive .swiper_tab_line {
	width: 120rpx;
	margin: auto;
	margin-top: 17rpx;
	}
	u-popup{
		position: absolute;
		top: 100rpx;
	}
	.puop{
		width: 700rpx;
		height: 400rpx;
		border-bottom-left-radius: 20rpx;
		border-bottom-right-radius: 20rpx;
		background-color: #FFFFFF;
		.puopItem{
			width: 750rpx;
			height: 130rpx;
			text-align: center;
			line-height: 130rpx;
			.active{
				color:#697BFF ;
			}
		}
		.newpuopItem{
			padding-left: 20rpx;
			.electronic{
				margin-top: 30rpx;
				color:#697BFF;
			}
			.electronicItem{
				margin-top: 30rpx;
				display: flex;
				flex-wrap: wrap;
				.child{
					padding: 5rpx 30rpx;
					border:  1rpx solid;
					margin-right: 20rpx;
					margin-bottom: 20rpx;
					color: #697BFF;
					border-radius: 10rpx;
				}
			}
		}
	}
	.newpuop{
		width: 700rpx;
		// height: 400rpx;
		.newpuopItem{
			padding-left: 20rpx;
			.electronic{
				margin-top: 30rpx;
				color:#697BFF;
			}
			.electronicItem{
				margin-top: 30rpx;
				display: flex;
				flex-wrap: wrap;
				.child{
					padding: 5rpx 30rpx;
					border:  1rpx solid;
					margin-right: 20rpx;
					margin-bottom: 20rpx;
					color: #697BFF;
					border-radius: 10rpx;
				}
			}
		}
	}
	
}