/* list_product inline style 1 */
@media (max-width: 768px) {

		html,
		body {
			overflow-x: hidden;
		}

		.home-banner-top-v1,
		.banner-top-outer,
		.market-banner-tofu,
		.carousel-indicator-wrapper {
			display: none !important;
		}

		.por-container {
			width: 100%;
			max-width: 100%;
			padding-left: 15px;
			padding-right: 15px;
			box-sizing: border-box;
		}

		.home-banner-v1 .market-banner {
			width: 100%;
			height: auto !important;
			margin: 0;
		}

		.home-banner-v1 .market-banner-center {
			height: auto !important;
			background-position: center;
			background-size: cover;
		}

		.home-banner-v1 .market-banner-main {
			width: 100% !important;
			height: 220px !important;
			padding: 0 !important;
		}

		.home-banner-v1 .market-banner-sub,
		.home-banner-v1 .market-carousel-outer {
			width: 100% !important;
			height: 100% !important;
			padding: 0 !important;
			margin: 0 !important;
		}

		.home-banner-v1 .market-carousel-outer {
			position: relative;
			overflow: hidden;
		}

		.home-banner-v1 .market-banner-bg {
			position: absolute !important;
			inset: 0;
			display: block !important;
			width: 100% !important;
			height: 100% !important;
			background-position: center;
			background-size: cover;
			opacity: 0;
			transition: opacity .3s;
		}

		.home-banner-v1 .market-banner-bg.carousel-slide-active {
			opacity: 1 !important;
		}

		.home-banner-v1 .market-banner-bg.carousel-slide-current:not(.carousel-slide-active) {
			opacity: 0 !important;
		}

		.home-banner-v1 .market-banner-content {
			width: 100%;
			height: 100%;
			padding: 0 24px !important;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
		}

		.home-banner-v1 .content-main {
			position: static !important;
			width: 100% !important;
			max-width: 100% !important;
			padding: 0 !important;
		}

		.home-banner-v1 .content-main h2 {
			margin: 0;
			font-size: 22px !important;
			line-height: 30px !important;
			font-weight: 700;
			color: #252b3a;
			white-space: normal !important;
		}

		.home-banner-v1 .content-main p {
			max-width: 100% !important;
			margin: 8px 0 0 !important;
			font-size: 13px !important;
			line-height: 20px !important;
			color: #575d6c;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}

		.market-notice {
			width: 100%;
			background-position: center !important;
			background-size: cover !important;
		}

		.market-choosen {
			padding-top: 4px;
			padding-bottom: 24px;
		}

		.market-choosen .market-choosen-title,
		.market-popular .market-popular-title,
		.market-business .title p {
			margin: 0;
			padding: 24px 0 16px;
			font-size: 24px !important;
			line-height: 24px !important;
			font-weight: 700;
			text-align: center;
			color: #252b3a;
		}

		.market-choosen .market-choosen-content {
			display: flex !important;
			flex-direction: column;
			border: 1px solid #dfe1e6;
			background: #fff;
		}

		.market-choosen .market-choosen-content .bg-all {
			width: 100% !important;
			margin: 0 !important;
			border-right: 0 !important;
			background-image: none !important;
		}

		.market-choosen .market-choosen-content .bg-all+.bg-all {
			border-top: 1px solid #dfe1e6;
		}

		.market-choosen .market-choosen-content .bg-all .list-li-a {
			display: block;
			padding: 0 !important;
			background: #fff !important;
		}

		.market-choosen .well-choosen-card {
			padding: 18px 16px !important;
			align-items: center;
		}

		.market-choosen .well-chosen-icon {
			flex: 0 0 42px;
			width: 42px !important;
			height: 42px !important;
			margin-right: 12px !important;
			background-size: contain !important;
			background-position: center !important;
		}

		.market-choosen .well-chosen-des {
			min-width: 0;
		}

		.market-choosen .well-chosen-title,
		.market-popular .title-or-type h2 {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.market-choosen .well-chosen-text,
		.market-popular .des {
			display: -webkit-box !important;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			white-space: normal !important;
		}

		.market-popular {
			width: 100%;
			margin-top: 0 !important;
			padding-bottom: 24px;
		}

		.market-popular .market-popular-title {
			position: relative;
			height: auto !important;
			min-height: 24px;
			margin: 0 !important;
			padding: 26px 58px 12px !important;
			box-sizing: border-box;
		}

		.market-popular .market-catalog-entrance {
			position: absolute !important;
			right: 15px;
			top: 26px !important;
			float: none !important;
			display: inline-flex;
			align-items: center;
			gap: 3px;
			font-size: 16px !important;
			line-height: 20px;
			white-space: nowrap;
		}

		.market-popular .market-catalog-entrance .right-arrow-icon {
			background-repeat: no-repeat;
		}

		.market-popular .nav-outer {
			display: flex !important;
			flex-direction: column;
			height: auto !important;
			border: 1px solid #dfe1e6;
			box-shadow: none !important;
			background: #fff;
		}

		.market-popular .nav-outer .pop-no-left {
			width: 100% !important;
			height: auto !important;
			border-bottom: 1px solid #dfe1e6;
		}

		.market-popular .content-no-left,
		.market-popular .content-no-left-bg {
			position: relative !important;
			display: block !important;
			width: 100%;
			height: auto !important;
			min-height: 220px;
			background-position: center !important;
			background-size: cover !important;
		}

		.market-popular .content-no-left-bg {
			inset: auto !important;
		}

		.market-popular .pop-no-left .list-li-a {
			display: flex !important;
			flex-direction: column;
			justify-content: flex-start !important;
			height: auto !important;
			min-height: 220px;
			padding: 26px 16px 22px !important;
			box-sizing: border-box;
		}

		.market-popular .pop-no-left .list-li-a-top {
			width: 100%;
		}

		.market-popular .pop-no-left .list-li-a-top .des {
			max-width: 74% !important;
			margin-top: 0 !important;
			font-size: 13px !important;
			line-height: 20px !important;
			color: #575d6c;
			-webkit-line-clamp: 2;
		}

		.market-popular .more-tags {
			display: flex !important;
			flex-wrap: wrap;
			gap: 8px;
			margin-top: 14px !important;
			max-width: 84% !important;
		}

		.market-popular .more-tags .tag {
			margin: 0 !important;
			max-width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 28px !important;
			padding: 0 12px !important;
			background: #fff !important;
			color: #252b3a !important;
			box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
		}

		.market-popular .market-query-price {
			display: flex !important;
			align-items: center;
			height: auto !important;
			min-height: 30px;
			margin-top: 18px !important;
			overflow: visible;
		}

		.market-popular .market-price-unit {
			display: inline-block;
			width: auto !important;
			min-width: 96px;
			height: 28px !important;
			margin-top: 0 !important;
			padding: 0 14px !important;
			box-sizing: border-box;
			line-height: 26px !important;
			background: rgba(255, 255, 255, .72);
		}

		.market-popular .normal-content {
			display: flex !important;
			flex-wrap: wrap;
			width: 100% !important;
			height: auto !important;
		}

		.market-popular .normal-content .list-li {
			width: 50% !important;
			min-height: 160px;
			border-bottom: 1px solid #dfe1e6;
			box-sizing: border-box;
		}

		.market-popular .normal-content .list-li:nth-child(odd) {
			border-right: 1px solid #dfe1e6;
		}

		.market-popular .normal-content .list-li .list-li-a {
			height: 100% !important;
			min-height: 160px;
			padding: 18px 14px !important;
			box-sizing: border-box;
		}

		.market-popular .normal-content .list-li-a-bottom {
			margin-top: 14px;
		}

		.market-business {
			padding-top: 0 !important;
			padding-bottom: 56px !important;
		}

		.market-business .title {
			position: relative;
			display: flex !important;
			align-items: center;
			justify-content: center;
			min-height: 62px;
		}

		.market-business .title a {
			position: absolute !important;
			right: 15px !important;
			top: 26px !important;
			bottom: auto !important;
			left: auto !important;
			display: inline-flex !important;
			align-items: center;
			font-size: 12px !important;
			line-height: 20px;
			white-space: nowrap;
		}

		.market-business .title a .right-arrow-icon {
			background-repeat: no-repeat;
		}

		.market-business .case {
			display: block !important;
			margin-top: 0 !important;
		}

		.market-business .case li {
			width: 100% !important;
			height: auto !important;
			margin-left: 0 !important;
			box-shadow: none !important;
		}

		.market-business .case .case-1 {
			margin-bottom: 16px !important;
		}

		.market-business .case .case-li {
			margin-bottom: 10px !important;
		}

		.market-business .case .case-li a .por-col-6 {
			width: 100%;
			height: 126px !important;
			box-sizing: border-box;
			background-position: center;
		}
	}

	@media (max-width: 480px) {
		.home-banner-v1 .market-banner-main {
			height: 200px !important;
		}

		.market-popular .normal-content .list-li {
			width: 100% !important;
			border-right: 0 !important;
		}

		.market-popular .normal-content .list-li .list-li-a {
			min-height: 136px;
		}
	}

/* list_product inline style 2 */
.woocommerce {
			width: 100%;
			margin-top: 0;
		}

		@media (max-width: 1320px) {
			.banner-top-outer .banner-top-header .market-header-inner {
				padding-left: 20px;
				padding-right: 20px;
			}
		}

		@media (min-width: 768px) {
			.banner-top-outer {
				position: relative;
				top: 16px;
				left: 0;
			}

			.banner-top-outer .banner-top-header {
				width: 100%;

				position: relative;
				background-color: #fff;
				-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
				box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav {
				position: relative;
				max-width: 1280px;
				width: 100%;
				margin: 0 auto;
				letter-spacing: 0
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-customer-cases {
				float: right;
				font-size: 14px;
				line-height: 40px;
				color: #252b3a
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-customer-cases:hover {
				color: #c7000b
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-tag {
				width: 288px;
				font-size: 14px;
				line-height: 24px;
				color: #252b3a;
				font-weight: 700;
				float: left;
				padding: 8px 20px;
				background-color: #f5f5f6
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list {
				float: left;
				line-height: 40px;
				color: #252b3a;
				letter-spacing: 0
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list li {
				float: left
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list li:hover {
				color: #c7000b
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list .market-header-nav-list-line {
				height: 18px;
				width: 1px;
				background-color: #dfe1e6;
				float: left;
				margin: 11px 24px 0 20px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list .market-header-nav-list-left {
				float: left;
				height: 40px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list .market-header-nav-list-left li {
				font-size: 14px;
				line-height: 18px;
				padding: 11px 0 11px 38px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list .market-header-nav-list-left li+li {
				padding-left: 32px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list .market-header-nav-list-right {
				float: left
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list .market-header-nav-list-right li {
				font-size: 12px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-header-nav .market-header-nav-list .market-header-nav-list-right li+li {
				margin-left: 16px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown {
				z-index: 10;
				width: 288px;
				position: absolute
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort {
				margin: 0 auto;
				position: relative
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text {
				height: auto;
				background: #fff;
				padding: 10px 0 0;
				border-bottom-right-radius: 2px;
				border-bottom-left-radius: 2px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list {
				height: auto;
				overflow: hidden;
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box {
				padding-left: 20px;
				padding-top: 6px;
				padding-bottom: 6px;
				margin-top: 0;
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box+.sort-box {
				margin-top: 0;
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box.hovered {
				-webkit-box-shadow: 0 2px 8px 0 rgba(174, 186, 208, .27);
				box-shadow: 0 2px 8px 0 rgba(174, 186, 208, .27);
				-webkit-transition: -webkit-box-shadow .13s ease-in-out;
				transition: -webkit-box-shadow .13s ease-in-out;
				transition: box-shadow .13s ease-in-out;
				transition: box-shadow .13s ease-in-out, -webkit-box-shadow .13s ease-in-out
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption {
				width: 100%;
				font-size: 14px;
				line-height: 18px;
				letter-spacing: 0
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption a:hover {
				color: #c7000b
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption .sort-box-caption-inner .curTrigger {
				width: 12px;
				height: 12px;
				display: inline-block;
				vertical-align: middle;
				background-image: url(//res.hc-cdn.com/cpage-pep-mkp-home-cn/1.5.19/components/market-banner/pc/images/market_box_arrow_small.svg);
				background-repeat: no-repeat
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption .sort-box-caption-inner .sort-box-title {
				font-weight: 400;
				color: #252b3a;
				margin-right: 4px;
				line-height: 18px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption .sort-box-caption-inner .sort-box-title:hover {
				color: #c7000b;
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption .sort-box-info {
				font-size: 0;
				color: #575d6c;
				line-height: 18px;
				height: 18px;
				margin-top: 4px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption .sort-box-info a {
				color: #8A8E99;
				font-size: 12px;
				-webkit-transition: .2s;
				transition: .2s;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				max-width: 39%;
				display: inline-block
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption .sort-box-info a:hover {
				color: #c7000b
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-box-caption .sort-box-info a+a {
				margin-left: 8px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger {
				width: 912px;
				background: #fff;
				position: absolute;
				left: 100%;
				top: 0;
				display: none;
				-ms-flex-pack: distribute;
				justify-content: space-around;
				-webkit-box-shadow: 0 2px 8px 0 rgba(174, 186, 208, .27);
				box-shadow: 0 2px 8px 0 rgba(174, 186, 208, .27);
				-webkit-transition: -webkit-box-shadow .13s ease-in-out;
				transition: -webkit-box-shadow .13s ease-in-out;
				transition: box-shadow .13s ease-in-out;
				transition: box-shadow .13s ease-in-out, -webkit-box-shadow .13s ease-in-out
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger.showTrigger {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-literal {
				width: auto;
				height: 440px;
				margin: 0;
				padding: 0;
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-literal .trigger-text {
				padding: 32px 0 32px 32px;
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-literal .trigger-text .trigger-text-box {
				width: calc((100% - 96px) / 3);
				margin-bottom: 20px;
				margin-right: 32px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-literal .trigger-text .trigger-text-box .caption {
				font-size: 14px;
				line-height: 18px;
				color: #252b3a;
				letter-spacing: 0;
				margin-bottom: 8px;
				-webkit-transition: .2s;
				transition: .2s;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-literal .trigger-text .trigger-text-box .caption:hover {
				color: #c7000b
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-literal .trigger-text .trigger-text-box .sort-box-info {
				font-size: 12px;
				line-height: 18px;
				color: #8a8e99;
				letter-spacing: 0;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture {
				max-width: 235px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				height: 440px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				border-left: 1px solid #eef0f5;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-flow: column;
				flex-flow: column;
				background-color: #eef0f5
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items {
				width: 100%;
				height: calc((100% - 2px) / 3);
				opacity: 1;
				margin: 0;
				padding: 0;
				background-color: #fff
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items:hover {
				-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);
				box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);
				-webkit-transition: -webkit-box-shadow .2s;
				transition: -webkit-box-shadow .2s;
				transition: box-shadow .2s;
				transition: box-shadow .2s, -webkit-box-shadow .2s;
				position: relative
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items:hover .slider-items-a .aui-title .api-box .caption {
				color: #c7000b
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items .slider-items-a {
				display: block;
				height: 100%
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items .slider-items-a .aui-title {
				width: 100%;
				height: 100%;
				border: none;
				text-align: center
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items .slider-items-a .aui-title .api-layer {
				padding: 24px 0 12px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items .slider-items-a .aui-title .api-layer .cp-img {
				height: 48px;
				width: auto;
				max-width: 240px;
				vertical-align: middle
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items .slider-items-a .aui-title .api-box {
				padding: 0 20px
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items .slider-items-a .aui-title .api-box .caption {
				font-size: 14px;
				line-height: 18px;
				color: #252b3a;
				font-weight: 700;
				margin-bottom: 10px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden
			}

			.banner-top-outer .banner-top-header .market-header-inner .market-dropdown .market-sort .sort-text .sort-list .sort-box .sort-trigger .trigger-picture .slider-items .slider-items-a .aui-title .api-box .info {
				font-size: 12px;
				line-height: 18px;
				color: #8a8e99;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				text-align: center
			}
		}