html{
		background: linear-gradient(0deg,#ffe,#fe6);
		transition:all 0.3s
	}
	body,html{
		min-height:100%;
	}
	img {
		max-width:100%;
	}
	.center{
		max-width:640px;
		margin:auto;
		width:100%;
		min-height:100%;
		background: none;
	}
	body{
	}
	.grid{
		margin:0 auto;
		display:flex;
		flex-direction: row	;
		flex-wrap:wrap;
		margin:0;
		text-align:center;
		padding-bottom:120px;
	}
	.grid .indexbtn{
		flex:1 0 40%;
		margin:15px 5px 0;
		text-decoration: none;
		line-height:20px;
		color:#fff;
		font-size:30px;
		position:relative;
		overflow:hidden;
		background: #fff;
		border-radius:5px;
		text-align:left;
		height:80px;
		padding:0 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #dc1000;
		
	}
	/*
	.grid .indexbtn:after{
		content: ' ';
		position: absolute;
		width: 800px;
		height: 800px;
		top: -378%;
		left: -100%;
		border-radius: 100%;
		background: #ff99001f;
		z-index: 1;
	}
	
	.grid .indexbtn:before{
		content: ' ';
		position: absolute;
		width: 800px;
		height: 800px;
		bottom: -378%;
		left: -100%;
		border-radius: 100%;
		background: #ff99001f;
		z-index: 1;
	}*/
	.grid .indexbtn p{
		padding:0;
		margin:0;
		
	}
	.grid .indexbtn p.name{
		font-weight:bold;
		flex-direction:row;
		justify-content: space-between;
	}
	.grid .indexbtn p .price{
		font-size: 20px;
		color:#fff;
		min-width: 60px;
		text-align: right;
	}
	.grid .indexbtn p.desc{
		line-height:15px;
		font-size:13px;
		color:#eee;
		text-align:center;
		margin:5px auto 0;
	}
	.grid .indexbtn p.price{
		color:#f2a;
		text-align:right;
	}
	.godetail{
		text-align:center;
	}
	.godetail span{
		background:#172241;
		color:#fff;
		padding:5px 15px;
		font-size:14px;
		border-radius:5px;
	}
	.tcdiv{
		color:#aaa;
		line-height:15px;
		font-size:12px;
		margin-bottom:10px;
		padding:5px 0;
		display:none;
	}
	body .tcmore{
		max-width:640px;
	}
	body .tcmore .tcnum{
		color:#aaa;
		line-height:15px;
		font-size:12px;
		margin:10px 0 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 15px 0;
	}
	
	body .tcmore .name{
		font-size:16px;
		font-weight:bold;
		padding:  10px 10px 0;
		color:#f44336;
		
	}
	body .tcmore .tcnum a{
		background: #f44336;
		border-radius:5px;
		overflow:Hidden;
		padding: 10px;
		font-size: 15px;
		color:#fff;
		height: 50px;
		flex: 0 0 42%;
		display:flex;
		flex-direction:column;
		font-weight:bold;
		text-align: center;
		justify-content: center;
	}
	body .tcmore .tcnum .tcdesc{
		font-size:10px;
		color:#eee;	
		font-weight:normal;
		margin-top:5px;
	}
	
	
	.footer{
		position:fixed;
		max-width:640px;
		width:100%;
		bottom:50px;
		left:50%;
		transform: translateX(-50%);
		z-index:999
	}
	.footer a{
		background: linear-gradient(135deg, #F44336, #e91e63);
		border-radius:50px;
		line-height:50px;
		width:95%;
		margin:0 auto;
		display:block;
		text-align: center;
		color: #fff;
		font-size: 20px;
		border-bottom: 3px solid #981340;
		box-shadow:0 3px 5px #333;
		animation: breathe 3s infinite ease-in-out;

	}
	
	@keyframes breathe{
		0%,100%{
			transform: scale(0.95);
			opacity: 0.9;
		}
		50%{
			transform: scale(1.05);
			opacity: 1;
		}
	}
	
	.mySwiper{
		width:100vw;
		max-width:640px;
	}
	
	.mySwiper .swiper-slide{
		width:100%;
		max-width:640px;
	}
	
	.mySwiper .swiper-slide img{
		width:100%;
	}