.state-select {
	position: relative;
	margin: 10px 0 0;
	padding: 10px;

	label {
		cursor: pointer;
		padding: 2px 10px;

		&.current {
			background: black;
			color: #fff;
		}
	}

	input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
}

.sale-category-table {
	thead {
		display: none;
	}

	tbody {
		td {
			padding: 0 !important;
		}
	}
}

.level-wrap, .level-hd {
	font-size: 0;
	border-top: 1px solid #ddd;

	span {
		display: inline-block;
		width: 12.5%;
		font-size: 14px;
		border-left: 1px solid #ddd;
		height: 60px;
		line-height: 60px;
		vertical-align: middle;
		text-align: center;
	  font-family:'Microsoft YaHei';

		img {
			max-height: 56px;
			max-width: 80%;
		  display: block;
		  margin: 2px auto;
		}

		&.orderby {
			width: 8%;
		}

		&.operate {
			width: 20.5%;
		}

		&.status {
			width: 9%;
		}
	}
	span:first-child {
		border-left: none;
		cursor: pointer;
	}
}

.level-hd {
	border-bottom: 1px solid #ddd;
	span {
		font-weight: bold;
		height: 36px;
		line-height: 36px;

		&.operate {
			line-height: 36px;
		}
	}
}

.level-wrap {
	.folder {
		background-image: url(../assets/images/folder2.png);
		background-repeat: no-repeat;
		background-position:  12px center;
	}
	

	.folder.open {
		background-image: url(../assets/images/folder.png);
	}
		
}

.grid input.saleCategoryNumInput{
  height: 40px;
  width: 50px;
  margin: 0 auto;
  line-height: 40px;
}
.grid input.errorNumInput, .saleCategoryEdit input.error{
  border: 2px solid #ff0000;
}

.level-wrap input.saleCategoryNumInput{
  margin: 10px auto;
}

.saleCategoryEdit ul{
  padding: 0;
}

.newCategory{
  background: #d9edf7;
}

#basicForm .citySelect{
  width: 450px;
}