.banner__wrapper {
	box-sizing:border-box;
	width:100%;
	height:530px;
	padding-top:160px;
	overflow:hidden;
	background:linear-gradient(180deg,#222931,#151b24)
}
.banner {
	position:relative
}
.banner__content {
	width:600px
}
.banner__title {
	color:#fff;
	font-weight:600;
	font-size:60px;
	line-height:84px;
	text-shadow:2px 6px 7px #1d242f
}
.banner__desc {
	width: 500px;
	margin-top:6px;
	color:hsla(0,0%,100%,.7);
	font-size:16px;
	line-height:30px
}
.banner__btn {
	display:block;
	box-sizing:border-box;
	width:184px;
	margin-top:40px;
	padding:14px 10px;
	color:#f8f8f8;
	font-size:20px;
	line-height:28px;
	text-align:center;
	background:linear-gradient(270deg,#26a573,#40cb94);
	border-radius:4px;
	transition:none
}
.banner__btn:hover {
	color:#f8f8f8
}
.banner__actions {
	margin-top:70px
}
.banner__action {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:224px;
	height:54px;
	color:#f8f8f8;
	font-size:20px;
	background-color:#0082ef;
	border:1px solid #0082ef;
	border-radius:4px
}
.banner__action img {
	width:40px;
	height:40px;
	margin-right:4px
}
.banner__action--light {
	margin-left:24px;
	color:#0082ef;
	background-color:transparent
}
.normal__btn {
	display:flex;
	align-items:center;
	width:90px;
	margin-top:30px;
	color:#fa2800;
	font-weight:600;
	font-size:16px;
	line-height:22px;
	cursor:pointer;
	transition:none
}
.normal__btn:hover {
	color:#fa2800
}
.normal__arrow {
	display:inline-flex;
	margin-left:6px
}
.hidden {
	opacity:0
}
.multiple-swiper {
	display:flex
}
.multiple-swiper__slides {
	position:relative;
	width:680px;
	margin-top:64px
}
.multiple-swiper__slides .swiper-container {
	padding:24px 30px 25px
}
.multiple-swiper__slides .swiper-slide {
	position:relative;
	width:598px;
	height:356px;
	border-radius:12px;
	box-shadow:0 12px 22px 0 #e9edf3
}
.multiple-swiper__slides .swiper-slide-active:after,.multiple-swiper__slides .swiper-slide-duplicate-active:after {
	position:absolute;
	right:0;
	left:0;
	width:100%;
	height:24px;
	background:url(http://cdn.weipaitang.com/static/20210111ae3850e7-6c51-50e76c51-5043-382cdf6b410b-W1080H46) 0 0/cover;
	content:""
}
.multiple-swiper__slides--left {
	margin-right:40px
}
.multiple-swiper__slides--clean {
	margin-top:0
}
.multiple-swiper__slides--clean .swiper-slide-active:after,.multiple-swiper__slides--clean .swiper-slide-duplicate-active:after {
	content:unset
}
.multiple-swiper__slides--clean .swiper-container {
	width:715px;
	height:470px;
	padding:0
}
.multiple-swiper__slides--clean .swiper-slide {
	width:715px;
	box-shadow:unset
}
.multiple-swiper__slide {
	width:100%;
	height:100%;
	max-height:100%
}
.multiple-swiper__title {
	padding:0 0 32px 75px;
	font-weight:500;
	font-size:30px;
	line-height:42px
}
.multiple-swiper__details {
	flex:0 0 520px;
	color:#152032
}
.multiple-swiper__details--right {
	margin-right:40px
}
.multiple-swiper__detail {
	display:flex;
	align-items:center;
	box-sizing:border-box;
	width:100%;
	padding:21px 5px 16px 15px;
	border-radius:5px;
	cursor:pointer
}
.multiple-swiper__detail--active {
	background-color:#f2f3f5
}
.multiple-swiper__icon {
	width:50px;
	margin-right:10px
}
.multiple-swiper__sub-title {
	margin-bottom:8px;
	font-weight:500;
	font-size:20px;
	line-height:28px
}
.multiple-swiper__desc {
	color:#52637f;
	font-size:16px;
	line-height:27px
}
.multiple-swiper__btn {
	margin-left:75px
}
.container {
	width:1200px;
	margin:0 auto
}
.miniprogram {
	background:#fff
}
.miniprogram .banner__wrapper {
	box-sizing:border-box;
	width:100%;
	height:600px;
	padding-top:160px;
	overflow:hidden;
    background:url(http://cdn.weipaitang.com/static/20220222234c6456-3db2-64563db2-8b5b-c72066cf141f-W3840H1700) 0 0/cover;
	
}
.miniprogram .banner {
	position:relative
}
.miniprogram .banner__content {
	width:600px
}
.miniprogram .banner__title {
	color:#fff;
	font-weight:600;
	font-size:60px;
	line-height:84px;
	text-shadow:2px 6px 7px #e66109
}
.miniprogram .banner__desc {
	margin-top:6px;
	color:rgba(255, 255, 255);
	font-size:18px;
	line-height:30px
}
.miniprogram .banner__btn {
	display:block;
	box-sizing:border-box;
	width:230px;
	margin-top:40px;
	padding:14px 10px;
	color:#e66109;
	font-size:20px;
	line-height:28px;
	text-align:center;
	background:linear-gradient(270deg,#ffffff,#ffffff);
	border-radius:4px;
	transition:none
}
.miniprogram .banner__btn:hover {
	color:#ee350b
}
.miniprogram .miniprogram .banner__content {
	width:580px
}
.miniprogram .banner__img {
	position:absolute;
	top:-62px;
	right:-153px;
	width:709px;
	height:397px
}
.miniprogram .play-icon {
	position:absolute;
	top:4px;
	right:237px;
	width:114px;
	height:124px;
	animation:floatDownUpBig 3s linear infinite forwards
}
.miniprogram .list-icon {
	position:absolute;
	top:34px;
	right:47px;
	width:31px;
	height:48px;
	animation:floatDownUp 3.6s linear infinite forwards
}
.miniprogram .infinity-icon {
	position:absolute;
	top:129px;
	right:481px;
	width:50px;
	height:57px;
	animation:floatUpDown 3.6s linear infinite forwards
}
.miniprogram .other-icon {
	position:absolute;
	top:177px;
	right:59px;
	width:54px;
	height:61px;
	animation:floatUpDown 3.6s linear infinite forwards
}
.miniprogram .wrapper {
	background-color:#fff
}
.miniprogram .wrapper:nth-child(2n-1) {
	background-color:#f9f9f9
}
.miniprogram #vip__wrapper {
	padding:117px 0 125px
}
.miniprogram .normal__container {
	display:flex;
	justify-content:space-between
}
.miniprogram .normal__imgs {
	position:relative
}
.miniprogram .normal__icon {
	display:block;
	width:54px;
	height:54px;
	margin-bottom:24px
}
.miniprogram .normal__title {
	margin-bottom:14px;
	color:#152032;
	font-weight:500;
	font-size:30px;
	line-height:42px
}
.miniprogram .normal__desc {
	color:#52637f;
	font-size:16px;
	line-height:28px
}
.miniprogram .video {
	padding:10px 0 36px
}
.miniprogram .video .normal__img {
	position:relative;
	right:228px;
	width:340px;
	height:613px
}
.miniprogram .video .normal__info {
	width:453px;
	margin-top:211px
}
.miniprogram .live {
	padding:60px 0 30px
}
.miniprogram .live .normal__img {
	width:269px;
	height:564px
}
.miniprogram .live .normal__info {
	width:477px;
	margin-top:135px
}
.miniprogram .mall {
	padding:10px 0 30px
}
.miniprogram .mall .normal__img {
	width:355px;
	height:615px
}
.miniprogram .mall .normal__info {
	width:451px;
	margin-top:210px
}
.miniprogram .goods {
	padding:70px 0 86px
}
.miniprogram .goods .normal__img {
	position:relative;
	right:-15px;
	width:737px;
	height:496px
}
.miniprogram .goods .normal__info {
	width:477px;
	margin-top:145px
}
.miniprogram .order {
	padding:90px 0
}
.miniprogram .order .normal__img {
	position:relative;
	left:-38px;
	width:738px;
	height:478px
}
.miniprogram .order .normal__info {
	width:447px;
	margin-top:116px
}
.miniprogram .msg__container {
	position:absolute;
	width:200px;
	height:168px;
	overflow:hidden
}
.miniprogram .msg {
	position:absolute;
	top:0;
	right:0;
	left:0;
	overflow:hidden
}
.miniprogram .msg__item {
	display:flex;
	box-sizing:border-box;
	height:24px;
	margin-bottom:12px
}
.miniprogram .msg__img {
	width:auto;
	height:100%
}
.miniprogram .video .msg__container {
	top:330px;
	right:315px
}
.miniprogram .live .msg__container {
	top:286px;
	left:20px
}
.miniprogram .goods-img {
	position:absolute;
	top:129px;
	right:-30px;
	width:375px;
	height:438px
}
.miniprogram .coupon-img {
	position:absolute;
	top:112px;
	left:180px;
	width:375px;
	height:458px
}
.miniprogram .platform-img {
	position:absolute;
	top:-30px;
	left:260px;
	width:304px;
	height:172px
}
.miniprogram .award-icon {
	position:absolute;
	top:31px;
	left:326px;
	width:22px;
	height:22px
}
.miniprogram .award-icon--active {
	animation:fadeInUpMiddle 1.5s
}
.miniprogram .like-icon {
	position:absolute;
	top:31px;
	left:404px;
	width:22px;
	height:22px
}
.miniprogram .like-icon--active {
	animation:fadeInUpMiddle 1.5s,swing 1s linear 1.5s infinite
}
.miniprogram .coupon-icon {
	position:absolute;
	top:31px;
	left:478px;
	width:22px;
	height:22px
}
.miniprogram .coupon-icon--active {
	animation:fadeInUpMiddle 1.5s
}
.miniprogram .chat-img {
	position:absolute;
	top:168px;
	left:243px;
	width:342px;
	height:364px
}
.miniprogram #chat-text {
	position:absolute;
	top:453px;
	left:272px;
	width:200px;
	color:#fff;
	font-weight:500;
	font-size:12px;
	line-height:17px
}
.miniprogram .sync-icon {
	position:absolute;
	top:236px;
	right:-2px;
	width:168px;
	height:61px
}
.miniprogram .publish-icon {
	position:absolute;
	top:426px;
	right:460px;
	width:126px;
	height:59px
}
.miniprogram .circle-img {
	position:absolute;
	top:190px;
	left:592px;
	width:119px;
	height:119px
}
.miniprogram .circle-icon {
	position:absolute;
	top:228px;
	left:628px;
	width:48px;
	height:29px
}
.miniprogram .circle-icon--active {
	animation:fadeInUpMiddle 1.5s,floatDownUp 3s linear 1.5s infinite forwards
}
@keyframes floatDownUpBig {
	0%,to {
	transform:translateY(-8px)
}
50% {
	transform:translateY(8px)
}
}@keyframes fadeInUpMiddle {
	0% {
	transform:translate3d(0,200%,0);
	opacity:0
}
to {
	transform:translateZ(0);
	opacity:1
}
}@keyframes floatDownUp {
	0%,to {
	transform:translateY(-4px)
}
50% {
	transform:translateY(4px)
}
}@keyframes floatUpDown {
	0%,to {
	transform:translateY(4px)
}
50% {
	transform:translateY(-4px)
}
}