body {
				background-color: #EEEEEE;
			}

			.progress-container {
				margin-bottom: 20px;
			}

			.hide-percent .layui-progress-text {
				display: none !important;
			}

			.container {
				width: 100%;
				margin-bottom: 40px;
				overflow-x: hidden;
			}

			#commodity {
				/*border: 1px solid;*/
				max-width: 1600px;
				width: 95%;
				margin: 0 auto 100px;
			}

			.pc {
				display: flex;
				justify-content: space-between;
			}

			.bgc {
				height: 5px;
			}

			.iocns {
				width: 132px;
				flex-grow: 0;
				margin: -5px 0 0 35px;
				/*border: 1px solid;*/
			}

			.iocns span {
				border: 1px solid;
				margin-left: 10px;
				border-radius: 30px;
				padding: 15px;
			}

			.layui-progress {
				background-color: #C9C9C9;
				flex-grow: 1;
				/*border: 1px solid;*/
			}

			.content {
				/*border: 1px solid red;*/
				width: fit-content;
				white-space: nowrap;
				padding: 50px 0 0 20px;
			}

			.content li {
				position: relative;
				margin: 20px 10px;
				width: 375px;
				height: 380px;
				background-color: white;
				display: inline-block;
				border-radius: 20px;
				box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
				text-align: center;
				/*border: 1px solid red;*/
			}

			.min img {
				width: 70%;
				margin-top: 20px;
				/*border: 1px solid red;*/
			}

			.max img {
				width: 85%;
				margin-top: 85px;
				/*border: 1px solid red;*/
			}

			.content span {
				position: absolute;
				left: 0;
				width: 100%;
				/* border: 1px solid red; */
			}

			.content .s1 {
				font-size: 18px;
				bottom: 65px;
			}

			.content .s2 {
				font-size: 30px;
				bottom: 20px;
			}

			#logo {
				margin: 25px 0 -50px 0;
				/* border: 1px solid red; */
				text-align: center;
			}

			#logo span {
				display: block;
				font-size: 36px;
				margin: 30px auto;
				/*border: 1px solid red;*/
			}

			.content a:hover span {
				color: #E9981F;
			}

			.layui-progress-bar {
				background-color: #E9981F;
			}

			#commodity h1 {
				margin: 100px 0 -20px 30px;
			}