@import "micropage_calc.css";

.wrapper {
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	overflow: hidden;
}

.wrapper1 {
	top: 0px;
	bottom: 3.4em;
}

.wrapper2 {
	top: 42px;
	bottom: 3.4em;
}

.wrapper3 {
	top: 42px;
	bottom: 0em;
}

.wrapper4 {
	top: 0px;
	bottom: 0em;
}

.center>.image>img {
	width: 100%;
	display: block;
}

.center .nav {
	width: 100%;
	overflow: auto;
	text-align: center;
	background: #FFF;
	padding: 0.8em 0em;
	display: table;
}

.center .nav>div {
	display: table-cell;
	width: 25%;
	font-size: 1.2em;
}

.center .nav>div>a,.center .nav span,.center .goods_list .swiper-container .swiper-wrapper .swiper-slide a,.center .goods_list>.adImg a
	{
	display: block;
}

.center .nav .all:HOVER,.center .nav .new:HOVER,.center .nav .hot:HOVER
	{
	cursor: pointer;
}

.center .nav .logo {
	position: relative;
}

.center .nav .logo img {
	position: absolute;
	width: 5em;
	height: 5em;
	bottom: 0px;
	left: 50%;
	margin-left: -2.5em;
}

.center .all,.center .new,.center .hot {
	border-left: 1px solid #E6E9ED;
}

.center .all img,.center .new img,.center .hot img {
	width: 1.35em;
	height: 1.35em;
	display: inline-block;
}

.center .nav .name {
	color: #999;
}

.center .goods_list {
	overflow: hidden;
}

.center .goods_list .table {
	display: table;
	width: 100%;
	padding-top: 0.5em;
}

.center .goods_list .swiper-container .swiper-wrapper .swiper-slide img,.center .goods_list>.adImg a img,.center .goods_list>.adImg img
	{
	display: block;
	width: 100%;
}

.center .goods_list .row {
	display: table-row;
	width: 100%;
}

.center .goods_list .row .goods {
	display: table-cell;
	padding-bottom: 0.5em;
	vertical-align: top;
}

@media screen and (orientation: portrait) {
	.center .goods_list .numofrow1 {
		padding-top: 0em;
	}
	.center .goods_list .numofrow1 .row .goods {
		width: 100%;
		display: table;
		padding-bottom: 0em;
	}
	.center .groups .numofrow1 .table {
		padding-top: 0em;
	}
	.center .goods_list .numofrow1 .row .goods .image img {
		width: 100%;
		display: block;
	}
	.center .goods_list .numofrow1 .row .goods .image span {
		display: none !important;
	}
}

@media screen and (orientation: landscape) {
	.center .goods_list .numofrow1 .row .goods {
		width: 50%;
	}
	.center .goods_list .numofrow1 .row .goods .image img {
		display: none !important;
	}
	.center .goods_list .numofrow1 .row .goods .image span {
		display: block;
		background-size: contain !important;
	}
	.center .goods_list .numofrow1 .row .goods:nth-child(odd)>div {
		margin-right: 0.25em;
		margin-left: 0.5em;
	}
	.center .goods_list .numofrow1 .row .goods:nth-child(even)>div {
		margin-left: 0.25em;
		margin-right: 0.5em;
	}
}

.center .goods_list .numofrow2 .row .goods:nth-child(odd) {
	padding-right: 0.25em;
	padding-left: 0.5em;
}

.center .goods_list .numofrow2 .row .goods:nth-child(even) {
	padding-right: 0.5em;
	padding-left: 0.25em;
}

.center .goods_list .row .goods:HOVER {
	cursor: pointer;
}

.center .goods_list .row .goods>div:LAST-CHILD {
	padding-bottom: 0.5em;
}

.center .goods_list .row .goods>div:FIRST-CHILD {
	padding-bottom: 0em;
	text-align: center;
	background: #FFF;
}

.center .goods_list .row .goods .image img {
	display: none;
}

.center .goods_list .numofrow2 .row .goods .image {
	display: table-cell;
	vertical-align: middle;
}

.center .goods_list .numofrow2 .row .goods .image img {
	display: none !important;
}

.center .goods_list .numofrow2 .row .goods .image span {
	display: block;
	background-size: contain !important;
}

.center .goods_list .row .goods .name,.center .goods_list .row .goods .price
	{
	background: #FFF;
}

.center .goods_list .row .goods .name {
	padding: 0.5em 0em 0em 0.5em;
}

.center .goods_list .row .goods .name .line1 {
	display: block;
	font-size: 1.2em;
	word-break: break-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.center .goods_list .row .goods .name .line2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1.2em;
	height: 36px;
}

.center .goods_list .row .goods .price {
	font-weight: bold;
	color: #F15A0C;
	padding: 0.5em 0.5em 0em 0.5em;
}

.center .goods_list .row .goods .price span {
	font-size: 1.2em;
}

.center .goods_list .row .goods .price .InitialPrice {
	text-decoration: line-through;
	color: #999;
	font-size: 0.96em;
	font-weight: normal;
}

.center .goods_list .row .flexslider {
	padding-bottom: 0.5em;
	padding: 0em 0.5em 0.5em 0.5em;
}

.center .goods_list .row .flexslider img {
	height: 15.5em;
	display: block;
}

.center .goods_list .row .flexslider .flex-control-nav {
	display: none;
}

.center .goods_list .row .ad_img {
	padding: 0em 0.5em;
	margin-bottom: 0.5em;
}

.center .goods_list .image .ad_img>img {
	width: 100%;
	display: block;
}

.center .loading {
	overflow: auto;
	text-align: center;
	background: #E6E9ED;
	padding-top: 0.5em;
}

.center .loading>div {
	display: inline-block;
}

.center .loading .loading_word {
	position: relative;
	top: -0.5em;
}

.center .loading img {
	width: 2em;
}

.center .coupons {
	padding: 0em 0.25em 0em 0.25em;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.center .coupons .coupon {
	display: inline-block;
	vertical-align: middle;
	margin: 0em 0.25em;
	position: relative;
	overflow: hidden;
}

.center .coupons .coupon:HOVER {
	cursor: pointer;
}

.center .coupons .coupon>div {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.center .coupons .coupon .middle {
	background-color: #FFF;
	border-bottom-width: 5px !important;
}

.center .coupons .coupon .middle_right {
	padding: 0.1em;
	font-size: 1.2em;
	color: #FFF;
}

.center .coupons .coupon>div>span {
	display: block;
}

.center .coupons .coupon .middle .parvalue {
	font-size: 1.2em;
}

.center .coupons .coupon .middle .parvalue label:LAST-CHILD {
	font-size: 2.5em;
}

.center .coupons .coupon .middle .mincon,.center .coupons .coupon .middle .getticket
	{
	font-size: 1em;
	line-height: 2;
}

.center .coupons .coupon .top,.center .coupons .coupon .bottom {
	height: 0.6em;
	width: 0.6em;
	position: absolute;
	border-radius: 50%;
	background: #F5F7FA;
	bottom: 14px;
	z-index: 9;
	padding: 0em;
}

.center .coupons .coupon .top {
	left: -0.2em;
}

.center .coupons .coupon .bottom {
	right: -0.2em;
}

.center .coupons .coupon .parvalue span label:FIRST-CHILD,.center .coupons .coupon .mincon .middle,.center .coupons .coupon .getticket .middle
	{
	font-size: 1.2em;
}

.center .coupons .coupon>div:FIRST-CHILD span:nth-child(2) label:LAST-CHILD
	{
	font-size: 1.6em;
	font-weight: bold;
}

.center .barImgs {
	display: table;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	background: #FFF;
}

.center .barImgs>div {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.center .barImgs .barImgs1 {
	width: 100%;
}

.center .barImgs .barImgs2 {
	width: 50%;
}

.center .barImgs .barImgs3 {
	width: 33.4%;
}

.center .barImgs .barImgs4 {
	width: 25%;
}

.center .barImgs>div>a {
	display: block;
}

.center .barImgs img {
	width: 100%;
	display: block;
}

.center .search {
	display: table;
	padding: 0em 0.5em 0em 0.5em;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.center .search>div {
	display: table-cell;
	vertical-align: middle;
	background: #FFF;
}

.center .search .search_img {
	width: 2em;
	height: 2em;
	border-top: 1px solid #E6E9ED;
	border-bottom: 1px solid #E6E9ED;
	border-left: 1px solid #E6E9ED;
}

.center .search .search_img img {
	width: 1.5em;
	height: 1.5em;
	padding: 0.7em 0.8em;
}

.center .search .search_input {
	border-top: 1px solid #E6E9ED;
	border-bottom: 1px solid #E6E9ED;
	border-right: 1px solid #E6E9ED;
}

.center .search .search_input input {
	width: 100%;
	font-size: 1.2em;
	border: none;
	line-height: 2;
	color: #999;
}

.center .label .label_table {
	display: table;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	padding: 0.8em 0.5em;
	background: #FFF;
}

.center .label .label_table>div {
	display: table-cell;
	vertical-align: middle;
}

.center .label .label_table>div>span {
	font-size: 1.2em;
	display: block;
}

.center .label .label_table .line span {
	padding: 0.8em 0.23em;
	margin-right: 0.6em;
}

.center .label .label_table .title {
	width: 100%;
}

.center .label a {
	display: block;
}

.center .label .label_table .adurl img {
	width: 0.8em;
}

.center .goods_list .groups .titles {
	background: #FFF;
	display: table;
	width: 100%;
}

.center .goods_list .groups .titles .title {
	display: table-cell;
	width: 25%;
	vertical-align: middle;
	text-align: center;
}

.center .goods_list .groups .titles .title span {
	font-size: 1.2em;
}

.center .goods_list .groups .titles .title span:FIRST-CHILD {
	padding: 0.8em 0em;
	display: inline-block;
}

.center .goods_list .groups .titles .title .line {
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	bottom: 0em;
	display: none;
}

.center .goods_list .groups .titles .defColor .line {
	display: block;
}

.center .goods_list .blank {
	padding-bottom: 0.5em;
}

.center .goods_list .bulletin {
	padding: 0.5em;
	font-size: 1.2em;
	overflow: hidden;
}

.center .goods_list .bulletin .bulletin-inner {
	width: 20000px;
}

.center .goods_list .bulletin span {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

.left_category {
	position: fixed;
	z-index: 999;
	top: 0px;
	height: 100vh;
	width: 100%;
	display: none;
}

.left_category .left_table {
	display: table;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	height: 100vh;
}

.left_category .left_table>div {
	display: table-cell;
}

.left_category .left_table .left_main {
	background-color: rgba(255, 255, 255, 0.9);
	position: relative;
}

.left_category .left_table .left_main>div {
	display: table;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 1em;
}

.left_category .left_table .left_main .left_search>div {
	display: table-cell;
	vertical-align: middle;
	background: #FFF;
}

.left_category .left_table .left_main .left_search .left_search_img {
	width: 2em;
	height: 2em;
	border-top: 1px solid #E6E9ED;
	border-bottom: 1px solid #E6E9ED;
	border-left: 1px solid #E6E9ED;
}

.left_category .left_table .left_main .left_search .left_search_img img
	{
	width: 1.5em;
	height: 1.5em;
	padding: 0.7em 0.8em;
	display: block;
}

.left_category .left_table .left_main .left_search .left_search_input {
	border-top: 1px solid #E6E9ED;
	border-bottom: 1px solid #E6E9ED;
	border-right: 1px solid #E6E9ED;
}

.left_category .left_table .left_main .left_search .left_search_input input
	{
	width: 100%;
	font-size: 1.2em;
	border: none;
	line-height: 2;
	color: #999;
}

.left_category .left_table .left_main .left_main_choice {
	padding: 0em 1em;
	overflow-y: auto;
	overflow-x: hidden;
}

.left_category .left_table .left_main .left_main_choice .left_main_choice_li
	{
	padding-top: 1em;
}

.left_category .left_table .left_main .left_main_choice .left_main_choice_li .left_main_choice_span
	{
	font-size: 1.4em;
	font-weight: bold;
}

.left_category .left_table .left_main .left_main_choice .sub_left_main_choice
	{
	position: relative;
	left: 35px;
	display: none;
}

.left_category .left_table .left_main .left_main_choice .sub_left_main_choice li
	{
	padding-top: 2em;
}

.left_category .left_table .left_main .left_main_choice .sub_left_main_choice li span
	{
	font-size: 1.2em;
}

.left_category .left_table .left_main .left_main_choice::-webkit-scrollbar
	{
	width: 10px;
	background-color: transparent;
}

.left_category .left_table .left_main .left_main_choice::-webkit-scrollbar-thumb
	{
	border-radius: 10px;
	background: rgba(230, 233, 237, .6);
}

.left_category .left_table .left_back {
	width: 2.5em;
	text-align: center;
	vertical-align: top;
	padding: 0.5em 0.6em;
}

.left_category .left_table .left_back img {
	width: 2.5em;
	height: 2.5em;
}

.left_main_func {
	position: absolute;
	bottom: 0em;
	background: #FFF;
}

.left_main_func>div {
	display: table-cell;
	width: 50%;
}

.left_main_func>div>span {
	font-size: 1.2em;
}

.left_main_func .left_main_vip {
	text-align: right;
}

#shadow {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	zoom: 1;
	top: 0;
	left: 0;
	z-index: 2;
}