body {
	min-width: 1200px!important;
	margin: 0 auto!important;
	overflow-x: scroll
}

body.showDialog {
	height: 100vh;
	overflow: hidden
}

#content {
	background-color: #f6f6f7!important
}

.key-promotion-floor {
	position: relative
}

.key-promotion-floor em {
	font-style: normal
}

.key-promotion-container {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

@media (min-width:1440px) {
	.key-promotion-container {
		width: 1280px
	}
}

#giftbag_rule .por-modal-text .rule-detail+.rule-detail {
	margin-top: 4px
}

#giftbag_rule .por-modal-text em {
	font-style: normal;
	color: #c7000b
}

#giftbag_rule .por-modal-text a {
	color: #526ecc
}

.key-promotion-floor.banner {
	position: relative;
	height: 630px;
	padding-top: 116px
}

.key-promotion-floor.banner .jun-banner-kv {
	position: relative;
	width: 473px;
	height: 146px;
	background-image: url(img/banner111.png);
	background-size: contain
}

.key-promotion-floor.banner .video-shade {
	position: absolute;
	width: 100%;
	height: 122px;
	bottom: -340px;
	left: 0;
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(246,246,247,0)),to(#f6f6f7));
	background-image: linear-gradient(rgba(246,246,247,0),#f6f6f7)
}

.key-promotion-floor.banner .jun-banner-btn {
	position: relative;
	width: 240px;
	font-size: 18px;
	margin-top: 48px;
	text-align: center;
	color: #fff;
	letter-spacing: .9px;
	line-height: 48px;
	text-shadow: 0 4px 6px rgba(77,14,14,.2);
	background-image: -webkit-gradient(linear,left top,right top,color-stop(80%,#d52918),to(#f0604a));
	background-image: linear-gradient(90deg,#d52918 80%,#f0604a);
	-webkit-box-shadow: 0 4px 6px rgba(77,14,14,.2);
	box-shadow: 0 4px 6px rgba(77,14,14,.2);
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.key-promotion-floor.banner .jun-banner-btn:hover {
	background-image: -webkit-gradient(linear,left top,right top,from(#d52918),to(#f0604a));
	background-image: linear-gradient(90deg,#d52918,#f0604a)
}

.key-promotion-floor.banner .jun-banner-video {
	position: absolute;
	top: 0;
	left: calc(50% - 1280px)
}

.bg-slider {
	position: absolute
}

.bg-slider.slider1 {
	width: 360px;
	height: 328px;
	top: 950px;
	left: calc(50% - 1120px);
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/slider1.png)
}

.bg-slider.slider2 {
	width: 165px;
	height: 167px;
	top: 1515px;
	left: calc(50% + 700px);
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/slider2.png)
}

.bg-slider.slider3 {
	width: 257px;
	height: 259px;
	top: 3821px;
	left: calc(50% - 950px);
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/slider3.png)
}

.bg-slider.slider4 {
	width: 245px;
	height: 235px;
	top: 2382px;
	left: calc(50% - 640px);
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/slider4.png)
}

.bg-slider.slider5 {
	width: 244px;
	height: 280px;
	top: 4700px;
	left: calc(50% + 700px);
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/slider5.png)
}

.bg-slider.slider6 {
	width: 878px;
	height: 943px;
	top: 1400px;
	left: calc(50% + 500px);
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/slider6.png)
}

.bg-slider.slider7 {
	width: 878px;
	height: 943px;
	top: 3821px;
	left: calc(50% - 950px);
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/slider7.png)
}

.bg-slider.slider8 {
	width: 1027px;
	height: 1076px;
	top: 650px;
	left: calc(50% - 1200px);
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/slider8.png)
}

.key-promotion-floor.beancurd .key-promotion-beancurd-gap {
	padding: 1px;
	background: hsla(0,0%,100%,.52);
	border: 2px solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 24px 40px 0 rgba(0,0,0,.22),0 2px 20px 0 #fff inset;
	box-shadow: 0 24px 40px 0 rgba(0,0,0,.22),inset 0 2px 20px 0 #fff
}

.key-promotion-floor.beancurd .key-promotion-beancurd-gap:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-filter: blur(20px);
	filter: blur(20px)
}

.key-promotion-floor.beancurd .key-promotion-beancurd-list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item {
	position: relative;
	display: block;
	width: 25%;
	padding: 20px;
	text-align: center;
	z-index: 3
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item .title {
	color: #252b3a;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item .subtitle {
	margin-top: 8px;
	color: #575d6c;
	font-size: 14px;
	line-height: 18px
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item .subtitle,.key-promotion-floor.beancurd .key-promotion-beancurd-item .title {
	-webkit-transition: all .5s;
	transition: all .5s
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item.active .title {
	color: #fff
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item.active .subtitle {
	color: #fff;
	opacity: .8
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item:first-child.active~.key-promotion-beancurd-slider {
	left: 0
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item:nth-child(2).active~.key-promotion-beancurd-slider {
	left: 25%
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item:nth-child(3).active~.key-promotion-beancurd-slider {
	left: 50%
}

.key-promotion-floor.beancurd .key-promotion-beancurd-item:nth-child(4).active~.key-promotion-beancurd-slider {
	left: 75%
}

.key-promotion-floor.beancurd .key-promotion-beancurd-slider {
	position: absolute;
	width: 25%;
	height: 88px;
	top: 1;
	border-radius: 2px;
	overflow: hidden;
	background-size: 100% 100%;
	background-image: url(img/beancurd_active.jpg);
	z-index: 1;
	-webkit-transition: left .5s;
	transition: left .5s
}

.key-promotion-floor.giftbag {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: -999;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.key-promotion-floor.giftbag.active {
	z-index: 999;
	opacity: 1
}

.key-promotion-floor.giftbag .key-promotion-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.6)
}

.key-promotion-floor.giftbag .key-promotion-content {
	position: relative;
	width: 685px;
	height: 542px;
	padding-top: 95px;
	padding-left: 60px;
	padding-right: 65px;
	text-align: center;
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/giftbag_bg_pc.png);
	background-size: contain
}

@media (max-width:1439px) {
	.key-promotion-floor.giftbag .key-promotion-content {
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}
}

.key-promotion-floor.giftbag .handle-close {
	position: absolute;
	width: 29px;
	height: 29px;
	top: 0;
	right: 0;
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/icon-close.png);
	background-size: contain;
	cursor: pointer
}

.key-promotion-floor.giftbag .key-promotion-giftbag-rule {
	display: inline-block;
	font-size: 16px;
	margin-bottom: 10px;
	text-decoration: underline;
	text-align: center;
	color: #565fb4;
	line-height: 24px
}

.key-promotion-floor.giftbag .giftbag-floor {
	position: relative;
	background: #fff8ed;
	border: 1px solid #ffdfb1;
	-webkit-box-shadow: 0 2px 20px 0 #fff inset;
	box-shadow: inset 0 2px 20px 0 #fff;
	padding: 10px 0 40px
}

.key-promotion-floor.giftbag .giftbag-floor+.giftbag-floor {
	margin-top: 30px
}

.key-promotion-floor.giftbag .giftbag-floor .tag-container {
	position: absolute;
	width: 100%;
	height: 18px;
	top: 0;
	overflow: hidden
}

.key-promotion-floor.giftbag .giftbag-floor .tag {
	position: absolute;
	font-size: 12px;
	font-weight: 400;
	padding: 0 8px;
	top: 0;
	right: 0;
	text-align: left;
	color: #ffb771;
	line-height: 18px
}

.key-promotion-floor.giftbag .giftbag-floor .tag p {
	position: relative;
	z-index: 2
}

.key-promotion-floor.giftbag .giftbag-floor .tag:after {
	content: "";
	display: block;
	position: absolute;
	width: 103px;
	height: 40px;
	bottom: 0;
	left: -10px;
	background: -webkit-gradient(linear,right top,left top,from(#cb1a2f),color-stop(38%,#f56b51),to(#cb1a2f));
	background: linear-gradient(270deg,#cb1a2f,#f56b51 38%,#cb1a2f);
	border-radius: 6px;
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
	z-index: 1
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-container {
	padding: 0 12px
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-container+.coupon-container {
	margin-top: 10px
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-container .title {
	font-size: 12px;
	text-align: left;
	color: #8b572a;
	line-height: 18px
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -4px
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-gap {
	width: 25%;
	padding: 0 4px
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-gap .coupon {
	position: relative;
	height: 56px;
	padding: 10px 15px;
	background-size: 100% 100%;
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/coupon_pc_1.png)
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-gap .coupon .amount {
	font-size: 20px;
	color: #fff;
	line-height: 16px;
	text-align: left
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-gap .coupon .amount em {
	font-size: 14px
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-gap .coupon .detail {
	font-size: 12px;
	color: #fff;
	text-align: left;
	line-height: 18px
}

.key-promotion-floor.giftbag .giftbag-floor .coupon-gap .coupon .tip {
	position: absolute;
	padding: 2px 4px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: #ffb771;
	line-height: 1;
	top: 4px;
	right: 8px;
	border: 1px solid #ffb771;
	border-radius: 10px
}

.key-promotion-floor.giftbag .giftbag-floor+.giftbag-floor .coupon-gap .coupon {
	background-image: url(https://res.hc-cdn.com/cpage-pep-618-promotion/3.0.7/images/coupon_pc_2.png)
}

.key-promotion-floor.giftbag .giftbag-floor .giftbag-btn {
	position: absolute;
	width: 160px;
	height: 40px;
	left: calc(50% - 80px);
	bottom: -15px;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(11%,#f56b51),color-stop(50%,#c7000b));
	background: linear-gradient(180deg,#f56b51 11%,#c7000b 50%);
	border: 2px solid #fff7e9;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	border-radius: 100px;
	-webkit-box-shadow: 0 8px 30px 0 rgba(78,0,0,.2);
	box-shadow: 0 8px 30px 0 rgba(78,0,0,.2)
}

.key-promotion-floor.giftbag .giftbag-floor .giftbag-btn.enterprises {
	background: -webkit-gradient(linear,left top,left bottom,color-stop(11%,#f9ba47),color-stop(50%,#dc7447));
	background: linear-gradient(180deg,#f9ba47 11%,#dc7447 50%)
}

.key-promotion-floor.giftbag .giftbag-floor .giftbag-btn.disable {
	color: #e4e4e4;
	border-color: #d7d7d7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(11%,#dad9d9),color-stop(50%,#a7a4a4));
	background: linear-gradient(180deg,#dad9d9 11%,#a7a4a4 50%);
	pointer-events: none
}