.p4{
	background: url('../img/public/奶牛背景.png');
	background-size: 100% 100%;
}
.p4 .zhis{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 40vh;
	animation: p4_zhis 1.5s forwards;
	/* border: 2px solid red; */
}

.p4 .zhis .zhi{
	width: 22vw;
	margin-left: 10vw;
}
.p4 .zhis .dialog_box{
	color: white;
	margin: auto;
	border: 2vw solid orange;
	width: 80vw;
	height: 20vh;
	font-size: 5vw;
	padding: 3vw;
	background: #303030;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
}

.p4 .p4_input{
	box-sizing: border-box;
	font-size: 5vw;
	width: 50vw;
	padding: 2vw;
}
.p4 .p4_inpBox{
	position: absolute;
	top: 42vh;
	display: flex;
	justify-content: center;
	width: 100vw;
	height: 10vw;
	/* border: 2px solid red; */
	
}
.p4 .p4_inpBox button{
	display:flex;
	justify-content: center;
	align-items: center;
	font-size: 5vw;
	padding: 2vw;
}
.p4 .door{
	position: absolute;
	bottom: 0;
	width: 100vw;
	height: 30vh;
	/* border: 2px solid red; */
	overflow: hidden;
}
.p4 .door img{
	height: 100%;
	
}
.p4 .door .right{
	transition: 2s transform;
}
/* 入场动画 */
@keyframes p4_zhis {
	0%{
		top: -60vh;
	}
	100%{
		top: 0vh;
	}
}