@media (max-width: 902px) {
	body {
		font-size: 0.4375rem !important;
	}
	.header {
		display: block;
	}
	.table-header, #share, .marketing, .script-footer {
		display: none;
	}
	.pro-item:hover, .middle-item:hover, .large-item:hover, .cover:hover {
		box-shadow: none;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
	}
	.pro-item img, .middle-item img, .large-item img {
		width: 60%;
	}
	.header {
		position: relative;
		width: auto;
		margin: 0;
		padding: 0;
		background: none;
		height: 1.0938rem;
	}
	.header .logo {
		float: left;
		width: 50%;
		height: 100%;
		line-height: 1.0938rem;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.header .logo img {
		width: 60%;
	}
	.header .button {
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		float: right;
		padding: 3px;
		border-radius: 3px;
		border: 1px solid #ddd;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.header .button img {
		width: 0.5rem;
		display: block;
	}
	.header .menu {
		clear: both;
		display: none;
		position: inherit;
		top: -1px;
		bottom: auto;
		height: auto;
		line-height: 1;
		background-color: #fff;
	}
	.header .menu a {
		color: #333;
		display: block;
		font-size: 0.375rem;
		padding: 0.3125rem 10px;
		border-top: 1px solid #f0f0f0;
	}
	.header .menu a:last-child {
		border-bottom: 1px solid #f0f0f0;
	}
	.bannar {
		width: auto;
	}
	.bannar img {
		width: 100%;
	}
	.bannar span {
		font-size: 0.3125rem;
	}
	.nav-bar, .share, .marketing {
		display: none;
	}
	.section {
		margin: 0;
		width: auto;
		padding-bottom: 0.375rem;
		background-size: 12.5%;
	}
	.section .item {
		width: auto;
		margin: 0 10px 0.3125rem;
	}
	.section .item .title {
		height: 1.7188rem;
		line-height: 1.7188rem;
		background-size: 100%;
	}
	.section .item .title img {
		width: 55%;
	}
	.section .rush .container {
		height: auto;
		overflow: hidden;
	}
	.section .item .tab {
		height: 1.0938rem;
		line-height: 1.0938rem;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.section .rush .tab a {
		font-size: 0.4375rem;
	}
	.section .rush .content {
		width: auto;
		height: auto;
		margin: 0;
		padding: 10px;
		overflow: hidden;
	}
	.rush .pro-item, .middle-item, .large-item {
		width: 49.5%;
		margin: 0 0 2px;
		overflow: hidden;
		height: 7.1875rem;
	}
	.middle-item:last-child {
		flex-grow: 1;
		-webkit-flex-grow: 1;
	}
	.middle-item:last-child .photo img {
		width: 45%;
	}
	.middle-item:last-child .name {
		font-size: 0.4375rem;
	}
	.middle-item:last-child .foot .button {
		font-size: 0.4375rem;
	}
	.rush .pro-item .photo, .middle-item .photo, .large-item .photo {
		height: 4.2969rem;
		line-height: 4.2969rem;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
	}
	.rush .pro-item .name, .middle-item .name, .large-item .name {
		width: 70%;
		height: 1.75rem;
		margin: 0 auto;
		line-height: 125%;
		font-size: 0.375rem;
	}
	.rush .pro-item .foot, .middle-item .foot, .large-item .foot {
		right: -0.0625rem;
		width: 100%;
		height: 1.0625rem;
		display: flex;
		display: -webkit-flex;
	}
	.middle-item .foot {
		width: 98%;
	}
	.rush .pro-item .foot .info, .middle-item .foot .info, .large-item .foot .info {
		padding: 0;
		height: 100%;
		flex: 1;
		-webkit-flex: 1;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
	}
	.rush .info .curr, .middle-item .info .curr, .large-item .info .curr {
		font-size: 0.375rem;
	}
	.rush .info .curr span, .middle-item .info .curr span, .large-item .info .curr span {
		font-size: 0.375rem;
	}
	.rush .info .del, .middle-item .info .del, .large-item .info .del {
		font-size: 0.3125rem;
	}
	.rush .pro-item .foot .button, .middle-item .foot .button, .large-item .foot .button {
		width: 44%;
		font-size: 0.375rem;
		line-height: 1.0625rem;
	}
	.default .cover {
		width: 100%;
		height: 2.8125rem;
		height: 3.125rem;
		background-color: #fff;
		background-size: cover;
		background-position: -0.5312rem;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}
	.drink .cover {
		background-position: -0.75rem;
	}
	.ccc .cover {
		background-size: 150%;
	}
	.default .cover .flag {
		margin: 0 0.625rem 0 0;
	}
	.ccc .cover .flag {
		margin: 0 12.5px 0 0;
	}
	.default .cover .name {
		font-size: 0.4375rem;
	}
	.default .cover .price {
		margin: 7px 0 10px 0;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.default .cover .curr {
		font-size: 0.375rem;
	}
	.default .cover .curr span {
		font-size: 0.375rem;
	}
	.default .cover .del {
		margin: 0 0 0 10px;
		font-size: 0.375rem;
	}
	.default .cover .button {
		width: 2.625rem;
		height: 0.9062rem;
		font-size: 0.4375rem;
		line-height: 0.9062rem;
	}
	.section .default .container {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.default .pro-item {
		width: 49.5%;
		height: auto;
		margin: 0 0 2px;
		padding-bottom: 10px;
	}
	.default .pro-item .photo {
		height: 3.5156rem;
		line-height: 3.5156rem;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
	}
	.default .pro-item .name {
		width: 70%;
		margin: 0 auto;
		height: 0.875rem;
		line-height: 125%;
		font-size: 0.375rem;
	}
	.default .pro-item .curr {
		font-size: 0.375rem;
		margin: 10px 0 5px;
	}
	.default .pro-item .curr span {
		font-size: 0.375rem;
	}
	.default .pro-item .del {
		font-size: 0.375rem;
		margin-bottom: 0.3125rem;
	}
	.default .pro-item .button {
		width: 90%;
		height: 0.9062rem;
		font-size: 0.4375rem;
		line-height: 0.9062rem;
	}
	.section .beauty .container {
		padding: 16px 10px;
	}
	.home .large {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.rule {
		width: auto;
		height: auto;
		padding: 10px;
		margin: 0 10px;
		background: none;
		background-color: #fff;
		padding-bottom: 0.375rem;
	}
	.rule .content {
		width: auto;
		margin: 0;
	}
	.rule .content h1 {
		font-size: 0.4375rem;
		margin-bottom: 0.2344rem;
	}
	.rule .content p {
		line-height: 155%;
		font-size: 0.3125rem;
		padding: 0.0781rem 0;
	}
	.footer  {
		width: auto;
		height: auto;
		margin: 0;
		border-top: 0;
		overflow: hidden;
		padding: 10px 10px 0;
	}
	.footer .gs {
		width: 8%;
	}
	.footer .copyright {
		width: 88%;
		height: auto;
		font-size: 0.3125rem;
	}
	.footer .links {
		clear: both;
		width: 100%;
		margin: 8px auto 0;
		border-top: 1px solid #e4e4e4;
	}
}