.wrap3 {
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
			border-radius: 10px;
			background-color: white;
			margin: 14px;
			padding: 10px 20px;

		}

		input {
			box-sizing: border-box;
			margin: 10px 0;
			width: calc(100%);
			font-size: 18px;
			padding: 20px;
			border-radius: 10px;
			border: none;
			box-shadow: 0 0 20px rgba(0, 0, 0, .05);
			height: 44px;
			background-color: #EDEDED;
		}

		input::placeholder {
			color: rgba(0, 0, 0, 0.30);
		}

		#get {
			width: calc(100%);
			box-sizing: border-box;
			margin: 10px 0;
			border-radius: 20px;
			border: none;
			font-size: 18px;
			height: 44px;
			color: white;
			background: linear-gradient(to right, #FF506C, #FF7A5C);
		}

		/* 金刚区 */
		.flex-vc {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

		}

		.wrap1 {
			width: calc(100% - 40px);
			margin: 20px;
			display: flex;
			flex-wrap: nowrap;
			overflow: scroll;
			overflow-y: hidden;

		}

		.wrap1::-webkit-scrollbar {
			/*滚动条整体样式*/
			width: 10px;
			/*高宽分别对应横竖滚动条的尺寸*/
			height: 10px;
			margin-block: 60px;

		}

		.wrap1::-webkit-scrollbar-thumb {
			/*滚动条里面小方块*/
			border-radius: 10px;
			-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			background: #535353;

		}

		.wrap1::-webkit-scrollbar-track {
			/*滚动条里面轨道*/
			-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			border-radius: 10px;
			background: #EDEDED;
			margin-inline: 9rem;

		}

		.wrap2 {
			width: 100%;
			min-width: 100%;
			margin: 16px 0;
			display: grid;
			grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
			/* grid-template-rows: minmax(10px, 1fr) minmax(10px, 1fr); */
			gap: 15px;
		}


		@media screen and (min-width: 901px) {
			#app {
				width: 375px;
				margin: 0 auto;
			}

			.home {
				width: 375px;
				margin: 0 auto;
			}
		}

		.home {
			padding: 10px;
			position: relative;
		}

		.sectionItem {
			border-radius: 10px;
			box-sizing: border-box;
			position: relative;
		}

		.logo {
			width: 45px;
			height: 45px;
			border-radius: 16px;
			margin: 0 auto;
		}

		.sectionText {
			color: #86909c;
			margin-top: 4px;
			font-size: 14px;
		}

		.mydivimg {
			width: 100%;
			overflow: hidden;
			height: 150px;
			/* 			display: flex; */
			/* align-items: center;
			justify-content: center; */
		}

		.my-swipe {
			box-sizing: border-box;
			border-radius: 11px;
		}

		.viewnum {
			font-weight: bold;
			font-size: 6px;
			padding: 2px 4px;
			color: #FFFFFF;
			line-height: 7px;
			background: #FF242B;
			border-radius: 6px 10px 10px 0px;
			border: 1px solid #FFFFFF;
			position: absolute;
			top: -10px;
			right: 8px;
		}

		.my-swipe .van-swipe-item {
			color: #fff;
			text-align: center;
			background-color: transparent;
			line-height: auto;
			padding: 0;
			margin: 0;

		}

		#banner {
			width: 100%;
			display: block;
		}

		.picture {
			column-gap: 11px;
			column-count: 2;
			padding: 15px 10px;
			padding-top: 40px;
			background: url('https://miractunion.com/image/remen.png') no-repeat;
			background-size: 100%;
		}

		.item {
			width: 99%;
			break-inside: avoid;
		}

		.item img {
			width: 100%;
			border-radius: 5px;
			display: block;
			/* 避免图片下方出现空隙 */
		}

		.item {
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
			border-radius: 10px;
			margin-bottom: 12px;
		}

		.money {
			margin-top: 14px;
			padding: 0 12px;
			margin-bottom: 8px;
			color: #FF4848;
			font-size: 20px;
			font-weight: bold;
		}

		.money span {
			color: #B0B0B0;
			font-size: 12px;
			text-transform: none;
		}

		.nametext {
			font-weight: 700;
			padding: 0 12px 14px;
			font-size: 14px;
			font-weight: bold;
			margin-top: 10px;
			padding-bottom: 14px;
			color: #333333;
			text-transform: none;
		}

		/*  tab */
		.tab-bar {
			align-items: center;
			height: 60px;
			background-color: #fff;
			position: fixed;
			bottom: 0;
			z-index: 999;
			width: 100%;
			display: flex;
			left: 0;
			padding-bottom: 15px;
		}

		.tab-bar div {
			flex: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

		.tab-bar img {
			width: 22px;
			height: 18px;
		}

		.tab-bar span {
			font-size: 10px;
			margin-top: 5px;
		}

		.tab-bar .active {
			font-weight: bold;
			font-size: 10px;
			color: #FF753A;
		}

		.tab-bar .actives {
			font-weight: bold;
			font-size: 10px;
			color: #0066FF;
		}

		/* 即时秒杀 */
		.recharlist {
			display: flex;
		}

		.moneyfont {
			color: #FF4848;
			font-size: 18px;
			font-weight: bold;
		}

		.botview {
			border-radius: 72px;
			margin-left: 10px;
			text-align: center;
			background: linear-gradient(90deg, #FA9A3F 0%, #FD6B15 100%);
			width: 64px;
			height: 30px;
			line-height: 30px;
			font-weight: bold;
			color: #FFFFFF;
			font-size: 16px;
		}

		.imglist {
			width: 60px;
			height: 60px;
			margin-right: 8px;
			border-radius: 10px;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
		}

		.moneyfont span {
			text-transform: none;
			font-size: 10px;
			color: #A4A4A4;
			font-weight: 500;
			margin-left: 4px;
			text-decoration: line-through;
		}

		.textnameview {
			display: flex;
			width: 167px;
			font-size: 16px;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-start;
		}

		.postionright {
			font-size: 8px;
			color: #FF4848;
		}