.audio_div{width: 8vw; height: 8vw;left: unset; right: 2%;}
.page4{background: url(../img/page04-bg.jpg) no-repeat;background-size: 100% 100%;padding-top: 10vw;display: none;}
.page4-title{width: 80vw;margin: auto;}
.diandeng01{width: 78.4vw;margin: auto;margin-top: 2vw;display: none;}
.video-box{width: 78.4vw;height: 44.1vw;margin: 2vw 10.8vw;position: relative;}
video{width: 100%;height: 100%; object-fit: fill}
.video-fx{width: 78.4vw;height: 44.1vw;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.4);}
.video-play{width: 15vw;position: absolute;top: 14.55vw;left: 31.7vw;}
.page4-btns{width: 100%;text-align: center;margin: 3vw 0;}
.page4-btn{display: inline-block;width: 30%;margin-right: 5%;}
.page4-btn:last-child{margin: 0;}
.page4-btnguang{height: 25vw;position: absolute;top: 42.55vw;right: 2.5vw;}
/* 弹幕 */
.box{width: 100vw;height: 36vw;/* position: absolute;bottom: 14vw; */margin-top: 2vw;}
.barrage-container-wrap{width: 100%;height: 45vh;position: relative;overflow: hidden;}
.barrage-container{position: absolute;top: 0;left: 0;right: 0;bottom: 30px;width: max-content;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.barrage-container-top,.barrage-container-mid,.barrage-container-bottom,.barrage-container-mine{width: max-content;margin-left: 100vw; height: 9vw; white-space: nowrap;}
.barrage-item{display: inline-block;white-space: nowrap;color:#FFF;font-size: 3vw;background-color: rgba(0,0,0,0.4);border-radius: 5.5vw;margin-left: 10vw;padding: 1vw 2vw 0 1vw;}
.barrage-item:nth-child(1){margin-left: auto;}
.barrage-item img{width: 6vw;height: 6vw;border-radius: 3vw;margin-right:1vw;display: inline-block;}
.barrage-item span{display: inline-block;overflow: hidden; font-size: 3vw;vertical-align: top;margin-top: 1vw;}
.barrage-container-mine{position: relative;}
.barrage-container-mine .barrage-item{position: absolute;top: 0;}

.page4 .footer{position: absolute;bottom: 0;left: 0; width: 100vw;height: 13vw;padding: 2vw 1vw; background: url(../img/page2-footer.png) no-repeat;background-size: 100% 100%;background-position: center top;}
.page4 .footer .head-img{width: 10vw;height: 10vw;border-radius: 5vw;margin-right: 1vw;display: inline-block;}
.page4 .footer .nickname{display: inline-block;max-width: 13vw;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 3vw;vertical-align: top;margin-top: 3vw;margin-right: 1vw;}
.page4 .footer .words{border: none;outline: none; padding: 0 1vw; background-color: #fff;height: 8vw;width: 58vw;vertical-align: top;margin-top: 1vw;border-radius: 1vw;}
.page4 .footer .send{width: 14vw;height: 8vw;margin: 1vw 0 0 1vw;text-align: center; border-radius: 1vw; border: none;outline: none;background-color: #418AAA;color: #FFFFFF;vertical-align: top;}


@keyframes big {  
	0%{opacity: 0;transform: scale(0); }   
	100%{opacity: 1;transform: scale(1);}
}  
@-webkit-keyframes big {  
	0%{opacity: 0;transform: scale(0); }   
	100%{opacity: 1;transform: scale(1);}  
}
@-moz-keyframes big {  
	0%{opacity: 0;transform: scale(0); }    
	100%{opacity: 1;transform: scale(1);}
}  
@-o-keyframes big {  
	0%{opacity: 0;transform: scale(0); }    
	100%{opacity: 1;transform: scale(1);}  
}   


@-webkit-keyframes jump1 {
	0%,100% {-webkit-transform: scale(1)}
	50% {-webkit-transform: scale(1.1)}
}
@-moz-keyframes jump1 {
	0%,100% {-moz-transform: scale(1)}
	50% {-moz-transform: scale(1.1)}
}
@-o-keyframes jump1 {
	0%,100% {-o-transform: scale(1)}
	50% {-o-transform: scale(1.1)}
}
@keyframes jump1 {
	0%,100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
	50% {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
}

@-webkit-keyframes jump2 {
	0%,100% {-webkit-transform: scale(1)}
	50% {-webkit-transform: scale(1.08)}
}
@-moz-keyframes jump2 {
	0%,100% {-moz-transform: scale(1)}
	50% {-moz-transform: scale(1.08)}
}
@-o-keyframes jump2 {
	0%,100% {-o-transform: scale(1)}
	50% {-o-transform: scale(1.08)}
}
@keyframes jump2 {
	0%,100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
	50% {-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08)}
}


*::-webkit-media-controls-start-playback-button {
  display: none ;
  -webkit-appearance: none;
}
*::-webkit-media-controls-panel {
  display: none ;
  -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
  display: none ;
  -webkit-appearance: none;
}