
		.goods-section {
			width: 1200px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		.search-wrap {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			padding-bottom: 10px;
			padding-top: 20px;
		}

		.input-line {
			display: flex;
			align-items: center;
			margin: 10px 20px;
		}

		.input-line input {
			height: 38px;
			width: 286px;
			outline: none;
			border: none;
			border: 1px solid #aaaaaa;
			padding-left: 10px;
		}

		.input-wrap {
			display: flex;
			align-items: center;
		}

		.input-wrap span {
			margin: 0px 5px;
		}

		.input-wrap input {
			width: 135px;
			height: 38px;
			outline: none;
			border: none;
			border: 1px solid #aaaaaa;
			padding-left: 10px;
		}

		.input-line button {
			width: 135px;
			margin-right: 18px;
			height: 38px;
			cursor: pointer;
			border: none;
			outline: none;
		}

		.input-line button.active {
			background-color: #e40118;
			color: white;
		}

		.rank-wrap {
			width: 100%;
			display: flex;
			align-items: center;
			padding: 10px 0px;
			border-bottom: 1px solid #e3e3e3;
		}

		.rank-wrap span {
			cursor: pointer;
			padding: 0px 20px;
			position: relative;
			display: flex;
			align-items: center;
		}

		.rank-wrap span img {
			transition: all .5s ease;
		}

		.rotateA {
			transform: rotate(180deg);
		}

		.rank-wrap span.first::after {
			content: " ";
			background-color: #666666;
			height: 50%;
			position: absolute;
			right: 0px;
			top: 25%;
			width: 1px;
		}

		.goods-section-header {
			display: flex;
			align-items: center;
			padding: 10px 0px;
			background-color: #f5f5f5;
			width: 100%;
		}

		.h {
			display: flex;
			padding: 6px 10px;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			word-break: break-all;
			min-width: 40px;
		}

		.h-guige {
			width: 200px;
		}

		.h-tag {
			width: 140px;
		}

		.h-operation {
			flex: 1;
		}

		.h-unitprice {
			width: 140px;
		}

		.h-name {
			width: 120px;
		}

		.h-texture {
			width: 140px;
		}

		.h-face {
			width: 90px;
		}

		.h-tolerate {
			width: 60px;
		}

		.h-mall {
			width: 180px;
		}

		.h-origin {
			width: 120px;
		}

		.goods-section {
			display: flex;
			flex-direction: column;
			width: 100%;
		}

		.goods-line-wrap {
			width: 100%;
			display: flex;
			flex-direction: column;
			border-bottom: 1px solid white;
            background-color: #f2f2f2;
            font-size: 16px;
		}

		.goods-desc {
			width: 100%;
			display: flex;
			padding: 4px 10px;
			background-color: #f2f2f2;
		}

		.goods-desc .beizhu {
			color: #999999;
			padding: 0px 10px;
		}

		.goods-desc div {
			flex: 1;
			margin-left: 10px;
			margin-right: 20px;
		}

		.goods-line {
			width: 100%;
			display: flex;
			align-items: center;
			padding: 10px 0px;
		}

		.goods-line .h-operation {
			background-color: rgb(0, 153, 255);
			color: white;
			margin-left: 10px;
			margin-right: 10px;
		}

		.goods-line .h-unitprice {
			color: red;
		}
