.shopCategory{
	min-height: 100vh;
	.toptabbar{
		width: 100%;
		height: 88upx;
		background: rgba(255,255,255,1);
		// padding: 0 100upx;
		box-sizing: border-box;
		line-height: 88upx;
		.toptabbaritem{
			height: 88upx;
			line-height: 88upx;
			text-align: center;
			.navnames{
				display: inline-block;
			}
		}
		.toptabbaritem:nth-child(2){
			border-left:1px solid rgba(245,241,241,1);
		}
		.toptabbaritem.active .navnames{
			border-bottom: 2px solid $base_color;
		}
	}
}

//
.addcategory{
	margin: 20upx 24upx;
	padding: 20upx;
	padding-top: 70upx;
	background-color: #FFFFFF;
	border-radius: 14upx;
	height: 360upx;
	
	.cell_input{
		height: 80upx;
		line-height: 80upx;
		.lablename{
			height: 80upx;
			line-height: 80upx;
			margin-right: 20upx;
		}
		.inputboxs{
			border: 1px solid rgb(241, 241, 241);
		}
		.inputboxs .input{
			padding: 20upx;
			height: 80upx;
			// line-height: 80upx;
		}
	}
	
	.submitbtns{
		margin-top: 60upx;
		background: $base_color;
		color:#FFFFFF;
		font-size: 32upx;
		border-radius: 12upx;
		height: 88upx;
		line-height: 88upx;
		text-align: center;
	}
}

.categorylist{
	background: #FFFFFF;
	margin: 20upx 24upx;
	padding: 20upx;
	border-radius: 12upx;
	
	.listnames{
		font-size: 30upx;
		color: black;
		margin-bottom: 20upx;
	}
	.categorylist_body{
		.categorylist_item{
			margin-bottom: 20upx;
			.tagname{
				text-align: center;
				min-width: 180upx;
				padding: 0 20upx;
				height: 62upx;
				line-height: 62upx;
				color: #000000;
				font-size: 30upx;
				border: 1upx solid #e5e5e5;
			}
			.sysbtns{
				width: 200upx;
				height: 62upx;
				line-height: 62upx;
				font-size: 30upx;
			}
			.sysbtns .btns{
				text-align: center;
				width: 100upx;
				height: 62upx;
				line-height: 62upx;
				color: #ff6900;
				border: 1upx solid #ff6900;
			}
			.sysbtns .changetag{
				text-align: center;
				width: 100upx;
				height: 62upx;
				line-height: 62upx;
				color: #ffffff;
				background: #ff6900;
			}
		}
	}
}