*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html body{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    display: block;
    overflow-x: hidden;
    min-height: 100%;
    font-size: 0.28rem;
    color: rgb(51, 51, 51);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: PingFangSC-Regular, 黑体-简, "Microsoft YaHei", Helvetica, Arial, sans-serif !important;
}
.container{
    width: 100%;
    min-height: 100vh;
    color: #fff;
    text-align: center;
    background: -webkit-gradient(linear,left top,left bottom,from(#ffd741),color-stop(100%,#feba4d),to(#feba4d));
    background: linear-gradient(180deg,#ffd741,#feba4d 100%,#feba4d 0);
}
img {
    display: inline-block;
}
fieldset, img {
    border: 0;
}

	.container {
					display: flex;
					flex-direction: column;
					align-items: center
				}

				.container .head-wrap {
					padding-top: .7rem;
				}

				.container .head-wrap .head-logo {
					position: absolute;
					left: .32rem;
					top: .32rem
				}

				.container .head-wrap .head-logo img {
					height: .6rem;
					width: auto;
				}

				.container .head-wrap .head-wrap {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					width: -webkit-max-content;
					width: -moz-max-content;
					width: max-content;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					background: #ff8f00;
					padding: .06rem .08rem;
					border-radius: .4rem;
					color: #fff;
					margin-left: 50%;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
				}

				.container .head-wrap .head-wrap .head-img {
					width: .52rem;
					height: .52rem;
					border-radius: 100%;
				}

				.container .head-wrap .head-wrap>span {
					font-size: .3rem;
					padding: 0 .16rem;
				}

				.container .head-wrap .icon_ac_1 {
					position: relative;
				}

				.container .head-wrap .icon_ac_1 .img_title {
					height: 1.5rem;
					width: auto;
				}

				.container .head-wrap .icon_ac_1 .img_sub_title {
					position: absolute;
					top: 1.2rem;
					left: 0;
					right: 0;
				}

				.container .head-wrap .icon_ac_1 .img_title {
					height: 1.5rem;
					width: auto;
				}

				.container .head-wrap .icon_ac_1 .img_sub_title {
					position: absolute;
					top: 1.2rem;
					left: 0;
					right: 0;
				}

				.container .head-wrap .icon_ac_1 .img_sub_title img {
					height: .4rem;
					width: auto;
				}

				.container .head-wrap .notice-bar-wrap {
					background: rgba(255, 166, 0, .7);
					border-radius: 32px;
					margin: .16rem 10% .2rem;
				}

				.van-notice-bar {
					height: .64rem;
				}

				.van-notice-bar {
					position: relative;
					display: -webkit-box;
					display: -webkit-flex;
					display: flex;
					-webkit-box-align: center;
					-webkit-align-items: center;
					align-items: center;
					padding: 0 16px;
					color: #ed6a0c;
					font-size: 14px;
					line-height: 24px;
					background-color: #fffbe8;
				}

				.van-notice-bar {
					color: #ed6a0c;
					font-size: 14px;
					line-height: 24px;
				}

				.van-notice-bar-left-icon {
					margin: 0 5px
				}

				.van-icon {
					position: relative;
					font: normal normal normal 14px/1 vant-icon;
					font-size: inherit;
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
				}

				.van-notice-bar-wrap {
					position: relative;
					display: -webkit-box;
					display: -webkit-flex;
					display: flex;
					-webkit-box-flex: 1;
					-webkit-flex: 1;
					flex: 1;
					-webkit-box-align: center;
					-webkit-align-items: center;
					align-items: center;
					height: 100%;
					overflow: hidden;
				}

				.van-notice-bar-content {
					position: absolute;
					white-space: nowrap;
					animation: scrols 60s infinite linear;
				}

				@keyframes scrols {
					from {
						transform: translateX(0);
					}

					to {
						transform: translateX(-100%);
					}
				}

				.user-info-box {
					font-size: .24rem;
				}

				.container .head-wrap .notice-bar-wrap .user-info-box {
					font-size: .24rem;
				}

				.container .head-wrap .notice-bar-wrap .user-info-box img {
					width: .36rem;
					height: .36rem;
					border-radius: 100%;
					margin-right: 8px;
					margin-left: 15px;
					vertical-align: text-bottom;
				}

				.container .body-wrap {
					position: relative;
				}

				.container .body-wrap .red-packet-wrap {
					position: relative;
				}

				.container .body-wrap .red-packet-wrap img {
					width: 80%;
					height: auto;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont {
					position: absolute;
					top: 0;
					left: 10%;
					right: 10%;
					color: #ff9500;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .tip {
					font-size: .26rem;
					margin-top: .4rem;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .price-wrap {
					color: #ff3152;
					font-size: .64rem;
					position: relative;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .price-wrap .text {
					position: absolute;
					top: .4rem;
					font-size: .2rem;
					background: #fff0f2;
					border-radius: .08rem;
					padding: 4px 2px;
					text-align: center;
					left: 1.4rem;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .price-wrap .text>span {
					line-height: .24rem;
					display: block;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .price-wrap .price {
					font-size: 1.36rem;
					font-family: PingFangSC-Medium, PingFang SC;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .price-wrap .price-text {
					font-family: PingFangSC-Medium, PingFang SC;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .price-wrap .tag {
					position: absolute;
					top: .3rem;
					padding: 0 .14rem;
					right: 1.2rem;
					height: .4rem;
					text-align: center;
					color: #fff;
					font-size: 12px;
					-webkit-transform: scale(.8);
					transform: scale(.8);
					line-height: .4rem;
					background: -webkit-gradient(linear, left top, left bottom, from(#56edb2), to(#2bd67b));
					background: linear-gradient(180deg, #56edb2, #2bd67b);
					border-radius: .2rem .2rem .2rem 0;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .invite-box {
					color: #fff;
					font-size: .28rem;
					text-align: center;
					margin-top: 1.5rem;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .invite-box .btn-copy {
					font-size: .26rem;
					line-height: .36rem;
					background: #ffb049;
					border-radius: .06rem;
					padding: 0 .15rem;
					margin-left: 5px;
				}

				.container .body-wrap .red-packet-wrap .red-packet-cont .btn-wrap .btn-download {
					background: -webkit-gradient(linear, left top, left bottom, from(#fff2b0), to(#ffcb1d));
					background: linear-gradient(180deg, #fff2b0, #ffcb1d);
					-webkit-box-shadow: 0 6px 16px 0 rgba(195, 9, 0, .6);
					box-shadow: 0 6px 16px 0 rgba(195, 9, 0, .6);
					border-radius: .44rem;
					font-size: .32rem;
					line-height: .88rem;
					color: #bf1d27;
					margin-top: .38rem;
					width: -webkit-max-content;
					width: -moz-max-content;
					width: max-content;
					padding: 0 .7rem;
					display: inline-block;
					font-weight: 700;
					-webkit-animation: btn-animation 3s infinite both;
					animation: btn-animation 3s infinite both;
				}

				.container .body-wrap .way-wrap {
					background: #fff;
					border-radius: .24rem;
					padding: .56rem .2rem .4rem;
					position: relative;
					margin: 0 .35rem;
				}

				.container .body-wrap .way-wrap .btn-tip {
					top: -.1rem;
					left: 0;
					right: 0;
					position: absolute;
				}

				.container .body-wrap .way-wrap .btn-tip img {
					height: .4rem;
					width: auto;
				}

				.container .body-wrap .way-wrap .btn-tip>span {
					position: absolute;
					color: #fff;
					left: 0;
					right: 0;
					font-size: .2rem;
					line-height: .4rem;
				}

				.container .body-wrap .way-wrap .more-box {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-pack: distribute;
					justify-content: space-around;
				}

				.container .body-wrap .way-wrap .more-box .more-item {
					color: #333;
					font-size: .26rem;
				}

				.container .body-wrap .way-wrap .more-box .more-item img {
					width: .8rem;
					height: .8rem;
					margin-bottom: .1rem;
				}

				.container .body-wrap .way-wrap .more-box .more-item .color-gray {
					font-size: .24rem;
				}

				.color-gray {
					color: #999;
				}

				.container .body-wrap .footer-tip {
					position: relative;
					font-size: .24rem;
					color: #fff;
					padding: .3rem 0;
				}

				.toast {
					display: none;
					position: fixed;
					top: 0;
					bottom: 0;
					margin: auto;
					background: rgba(0, 0, 0, 0.6);
					min-width: 3rem;
					padding: 0 0.2rem;
					height: 0.8rem;
					border-radius: 0.2rem;
					text-align: center;
					line-height: .8rem;
					color: #ffffff;
					font-size: .26rem;
				}

				.bg-wrap {
					width: 100%;
					height: 100%;
					background: #000;
					position: fixed;
					z-index: 999;
					left: 0;
					top: 0;
					opacity: 0.6;
					display: none;
				}

				.open-tip {
					position: fixed;
					z-index: 9999;
					right: .37rem;
					top: 0;
					display: none;
				}

				.open-tip img {
					width: 5.4rem;
				}

				@-webkit-keyframes btn-animation {
					0% {
						-webkit-transform: scale(1);
						transform: scale(1)
					}

					70%,
					73% {
						-webkit-transform: scale(.9) rotate(-3deg);
						transform: scale(.9) rotate(-3deg)
					}

					77%,
					83%,
					90%,
					97% {
						-webkit-transform: scale(1.1) rotate(3deg);
						transform: scale(1.1) rotate(3deg)
					}

					80%,
					87%,
					93% {
						-webkit-transform: scale(1.1) rotate(-3deg);
						transform: scale(1.1) rotate(-3deg)
					}

					to {
						-webkit-transform: scale(1) rotate(0);
						transform: scale(1) rotate(0)
					}
				}

				@keyframes btn-animation {
					0% {
						-webkit-transform: scale(1);
						transform: scale(1)
					}

					70%,
					73% {
						-webkit-transform: scale(.9) rotate(-3deg);
						transform: scale(.9) rotate(-3deg)
					}

					77%,
					83%,
					90%,
					97% {
						-webkit-transform: scale(1.1) rotate(3deg);
						transform: scale(1.1) rotate(3deg)
					}

					80%,
					87%,
					93% {
						-webkit-transform: scale(1.1) rotate(-3deg);
						transform: scale(1.1) rotate(-3deg)
					}

					to {
						-webkit-transform: scale(1) rotate(0);
						transform: scale(1) rotate(0)
					}
				}

				@keyframes moveAniHor {
					0% {
						left: 100%;
					}

					50% {
						left: 0;
					}

					100% {
						left: -100%;
					}
				}