html {
   height: 100%;
   min-width: 1280px;
 }
 .body{
	min-height: 100%;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
 }
 
 .header {
    height: 80px;
	background: rgba(239, 116, 0, 0.8);
	backdrop-filter: blur(16px);
	z-index: 2;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
a{
	text-decoration:none;
}
a:link {color:#000000;} /* 未访问链接*/
	
a:visited {color:#000000;} /* 已访问链接 */
	
a:hover {color:#000000;} /* 鼠标移动到链接上 */
	
a:active {color:#000000;} /* 鼠标点击时 */

.logo{
	width: 209px;
	height: 60px;
	margin-left: 60px;
	margin-top: 10px;
	z-index: 3;
}

.about{
	width: 106px;
	height: 24px;
	margin-top: 28px;
	margin-right: 60px;
}

.about-link{	
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	color: #FFFFFF;
}

.content {
	width: 100%;
	flex: 1;
}

.show{
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
}

.show-text{
	position: absolute; 
	top: 511px;
	left: 12%;
	z-index: 2;
}

.show-title{
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	font-size: 96px;
	line-height: 100%;
	color: #FFFFFF;
}

.show-content{
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 200%;
	/* identical to box height, or 80px */
	
	
	color: #FFFFFF;
}

.prescription-show{
	height: 800px;
	width: 100%;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row;
}

.prescription-img{
	width: 220px;
	height: 476.4px;
	margin-left: 310px;
	margin-top: 118px;
}

.prescription-show-text{
	margin-left: 120px;
	margin-top: 260px;
}

.prescription-title{
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	font-size: 40px;
	line-height: 200%;
	color: #111111;
}

.prescription-content{
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 160%;	
	color: #000000;
	margin-top: 36px;
	width: 480px;
}

.pet-show{
	height: 800px;
	width: 100%;
	background-color: #F4F4F4;
	display: flex;
	flex-direction: row;
}

.pet-show-text{
	margin-left: 310px;
	margin-top: 304px;
}

.pet-title{
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	font-size: 40px;
	line-height: 200%;
	color: #111111;
	text-align: left;
	width: 480px;
}

.pet-content{
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 160%;	
	color: #000000;
	margin-top: 36px;
	width: 480px;
}

.pet-img {
	width: 220px;
	height: 476.4px;
	margin-left: 120px;
	margin-top: 162px;
}

.home-img {
	width: 540px;
	height: 286.67px;
    margin-top: 16px;
	margin-left: 139.5px;
}

.home-text {
	width: 819px;
	margin: auto;
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 160%;
	color: #000000;
}

.home-show{
	height: 1600px;
	width: 100%;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: row;
}

.about-text {
	width: 819px;
	margin: auto;
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 160%;
	color: #000000;
}

.policy-show{
	width: 100%;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	padding-top: 90px;
}

.policy-show p{
	width: 819px;
	margin: 10px auto;
}

.policy-show ul, li{
	width: 720px;
	margin: auto;
}

.policy-title{
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	font-size: 40px;
	line-height: 200%;
	color: #111111;
}


.footer{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 216px;
	background-color: #FFFFFF;
	text-align: center;
	
    justify-content: center;
}

.footer-text{
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 100%;
	color: #000000;
	margin-top: 16px;
	margin-bottom: 16px;
}

.deletion-img {
	width: 135.26px;
	height: 286.67px;
    margin-top: 16px;
	margin-left: 60px;
}

.p-center {
	display:flex;
	justify-content:center;
}