area {
	outline: none;
}

.main-wrapper {
    padding: 0;
    background-size: 100%!important;
}
.main-box {
    width: 100%;
    margin: 0 auto;
}
.nav-box {
    width: 120px;
    position: fixed;
    bottom: 280px;
    display: none;
	flex-direction: column;
	-ms-flex-direction: column;
	justify-content: flex-start;
	-ms-flex-pack: start;
    z-index: 98;
}
.nav-img-up {
    width: 120px;
    /* height: 90px; */
	order: -1;
	-ms-flex-order: -1;
	vertical-align: bottom;
}
.nav-img-down {
    width: 120px;
    /* height: 90px; */
	align-self: flex-end;
	-ms-flex-item-align: end;
	order: 999;
	-ms-flex-order: 999;
}
.nav-li {
    list-style-type: none;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
	line-height: 22px;
	padding: 3px;
}
.nav-li a {
    text-decoration: none;
    color: #fff;
    font-family: Microsoft Yahei;
}
/* .swiper-container {
	margin: 0 !important;
	width: 100% !important;
} */
.swiper-container img {
	width: 100%;
	height: 100%;
}
/* .swiper-slider {
	width: auto !important;
} */
.swiper-ad {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
}
.floor-title {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
	padding: 0 10px;
	width: 1080px;
	height: 35px;
	font-size: 20px;
	line-height: 35px;
	color: #f1878e;
	border-bottom: 2px solid #e20e1c;
}
.floor-img {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
}
.floor-title .pagination {
	width: unset;
	right: 20px;
	bottom: 0;
	text-align: right;
}
.floor {
	display: block;
	flex-direction: row;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1100px;
	min-width: 1100px;
	font-size: 0;
	background: #fff;
}
.floor > div {
	box-sizing: border-box;
}
.group-div {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
}
.group-tab {
    font-size: 16px;
    text-align: center;
    height: 40px; 
	margin: 10 0 0;
	cursor: pointer;
	display: inline-block;
}
.group-tab-active {
    color: #ff2e2e;
    font-size: 16px;
	border-bottom: 1px solid #ff2e2e;
}
.tab-img {
	width: 100%;
}
.img span {
	padding: 5 4px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	font-size: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mouse-over {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 5px;
}
.mouse-over:link {}
.mouse-over:visited {}
.mouse-over:hover {
	border: 5px solid #d22d39;
	padding: 1px;
}
.col2 {
	width: calc(50% - 30px);
	height: 262px;
	padding: 5px;
	margin: 5px 15px;
}
.col2 a {
	text-decoration: none !important; 
	height:100%;
}
.col2ImgDiv {
	width: 250px;
	height: 250px;
	float: left;
}
.col2ImgDiv img {
	width: 100%;
	height: 100%;
}
.col2Div {
	height: 240px;
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
	justify-content: space-between;
	-ms-flex-pack: justify;
}
.col3 {
	display: flex; 
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
	width: calc(33.33% - 10px); 
	height: 460px; 
	padding: 5px;
	margin: 5px;
}
.col4 {
	display: flex; 
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
	width: calc(25% - 13px); 
	height: 370px; 
	padding: 5px;
	margin: 5px 6px;
}
.PD01404 {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	height: 360px;
}
.PD01404-div {
	display: flex; 
	flex-direction: column;
	width: 100%;
}
.PD01404 .img-box {
	width: 100%;
	height: 100%;
	font-size: 0
}
.PD01404 .img-box img {
	width: 100%;
	height: 50%;
	display: block;
}
.PD01412 {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	height: 350px;
}
.PD01415 {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	height: 300px;
}
.sale-tag{position: absolute;top: 18px;left: 0;padding: 2px 4px;font-weight: bold;font-size: 18px;color: red;border: 2px solid red;border-radius: 4px;transform: rotate(-45deg);}
.prod-img-container {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
}
.prod-hor .prod-img-container {
	display: inline-block;
	width: 200px;
	padding-bottom: 200px;
}
.mix-prod-img-container {
	width: 100%;
	height: 0;
	padding-bottom: 85%;
	position: relative;
	background: #fff;
}
.mix-prod-img-container img,
.prod-img-container img {
	position: absolute;
	max-width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.prod-info {
	position: relative;
	background: #fff;
}
.prod-hor .prod-info {
	display: inline-block;
	float: right;
	width: calc(100% - 210px);
	height: 200px;
}
.prod-name {
	display: block;
	padding: 5px 5px 0;
	text-align: left;
	overflow: hidden;
	color: black;
	word-break: break-all;
}
.prod-ver .prod-name {
	height: 60px;
	font-size: 24px;
	line-height: 30px;
}
.prod-hor .prod-name {
	padding-top: 15px;
}
.prod-ver-s .prod-name {
	height: 56px;
	font-size: 22px;
	line-height: 28px;
}
.mix-prod-name {
	position: relative;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
}
.origin-price {
	color: #999;
	height: 18px;
	padding: 0 5px;
	text-align: left;
	text-decoration: line-through;
	margin: 0;
	word-break: break-all;
	font-family: microsoft Yahei;
	font-style: normal;
	font-size: 18px;
}
.prod-price {
	padding: 5px;
	text-align: left;
	font-weight: bold;
	color: #c00;
	word-break: break-all;
}
.prod-ver .prod-price {
	height: 30px;
	font-size: 30px;
	line-height: 30px;
	overflow: hidden;
}
.prod-hor .prod-price {
	position: absolute;
	height: 2.5rem;
	bottom: 15px;
}
.prod-ver-s .prod-price {
	height: 22px;
	font-size: 22px;
	line-height: 22px;
	overflow: hidden;
}
.mix-prod-price {
	display: block;
	position: relative;
	margin-top: 15px;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
}
.buy-btn {
	padding: 5px;
    text-align: center;
}
.buy-btn span {
	display: block;
	margin: auto;
	padding: 5px 10px;
    width: 88px;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    background: #d22d39;
    border-radius: 5px;
}
.prod-hor .buy-btn {
	position: absolute;
	right: 0;
	bottom: 15px;
}
.adv-img {
	position: absolute;
}
.grid-div {
	position: absolute;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.grid-img {
	width: 100%;
	height: 100%;
}
.myVideoDiv{
	width:100%;overflow:hidden;text-align:center;vertical-align:middle;position: relative;height:100%;
}
.myvideo{
	width: 100%;
    height: 100%;
    background: #000;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	position: relative;
    z-index: 99;
    text-align:center;
}