body,html{-webkit-tap-highlight-color:transparent}.myBox,body{position:relative}body,html{height:100%;overflow:hidden}body{font-family:Sans-serif;-ms-touch-action:none;background-color:#000}body,dd,dl,h2,h3,p,ul{margin:0}dd,dl,ul{padding:0}li{list-style:none}a{text-decoration:none}.android video,.ios video{object-fit:contain!important}img{border:none;display:block}#keyVideo video::-webkit-media-controls-fullscreen-button{display:none}.myBox{top:0;left:0;width:100%;height:100%}.bigpause,.bigplay{width:55px;transform:translateX(-50%);bottom:198px;z-index:100;left:50%;position:absolute}.myBox .videoBox .prism-cover{background-repeat:no-repeat;background-size:cover}.myBox .videoBox .prism-volume-control{display:none!important}.bigplay{display:none}.bigpause{display:none!important}.keyBox,.tabs,.tabs .bg{display:none}.tabs{position:absolute;right:5%;width:15%;z-index:200}.keyBox,.tabs .bg,.tabs .box,.tabs .box img{width:100%}.tabs .bg{opacity:0}.tabs .box{margin-bottom:20%}.keyBox{position:absolute;height:100%;top:50%;transform:translateY(-50%);left:0;z-index:100}.keyBox .ciBox,.keyBox .keyVideoBox,.keyBox .sm{transform:translateX(-50%)}.keyBox .ciBox,.keyBox .keyVideoBox,.keyBox .sm,.tagcloud{position:absolute;left:50%}.keyBox .sm{width:70%;bottom:8%}.keyBox .ciBox{width:100%;top:15%;height:30%}.keyBox .ciBox .item{position:absolute;opacity:1;width:30%}.keyBox .ciBox .gray{filter:grayscale(100%)}.keyBox .keyVideoBox{width:94%;top:50%;margin-top:19%}.keyBox .keyVideoBox .bg{width:100%}.keyBox .keyVideoBox .sm{width:60%;margin:2% auto}.keyBox .keyVideoBox .keyVideo{width:100%}.keyBox .keyVideoBox .keyVideo video{display:block;width:100%;height:100%}.tagcloud{top:25%;transform:translate(-50%,-50%)}body .prism-player .prism-liveshift-progress .prism-progress-cursor,body .prism-player .prism-progress .prism-progress-cursor{display:block;width:20px;height:20px;border-radius:10px}



.videoBox{
	width: 100%;
	height: 100%;
}
.videoBoxHH{
	width: 100%;
	height: 100%;
}
.prism-setting-cc,.prism-setting-audio{
	display:  none;
}


.prism-player .prism-setting-list .prism-setting-item{
	height: auto;
}
.prism-player .prism-liveshift-progress .prism-progress-cursor, 
.prism-player .prism-progress .prism-progress-cursor{
	top: -7px !important;
	left: -7px;
}
.prism-player .prism-setting-list .prism-setting-item .setting-content{
	position: relative;
}
.prism-player .prism-setting-list .prism-setting-item .setting-content .current-setting{
	padding-right: 30px;
}
.prism-player .prism-setting-list .prism-setting-item .array{
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	margin-top: 0;
	right: -5px;
}

.wen{
	position: absolute;
	width: 8%;
	top: 50%;
	right: 5%;
	z-index: 1000;
	transform: translateY(-50%);
	margin-top: -80%;
}

.wenBox{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.9);
	display: none;
}

.wenBox img{
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.wenBox .close{
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: red;
	opacity: 0;
	margin-left: 35%;
	margin-top: -70%;
}

body{
			background-image: url(../i/poster_1.jpg);
			background-size: cover;
		}
		.ali-danmuku-control{
			margin-top: 4px !important
		}
		.ali-danmuku-control .ali-danmu-input{
			display: none
		}
		.ali-danmu-input-wrap {
			position: absolute;
			right:5px;
			bottom:50px;
			z-index: 100;
			display: none;
		}
		.tips {
			position: absolute;
		    padding: 5px 14px;
		    background-color: rgba(0,0,0,.5);
		    bottom: 13%;
		    left: 50%;
		    transform: translateX(-50%);
		    z-index: 100;
		    color: #fff;
		    display: none
		}
		.iconfont {
	
		    position: absolute;
		    bottom: 8px;
		    right: 8px;
		    color: #fff;
		    font-size: 36px !important;
		    cursor: pointer;
		    vertical-align: middle;
		    user-select: none;
		    line-height: initial;
		    z-index: 100;
		   /* pointer-events: none;*/
		    display: none;
		   
		}
		.icon-danmu-close{
			 width: 26px;
		    height: 26px;
		    background-image: url(../i/danfail1.png);
		    background-size: cover;
		}
		.icon-danmu-open{
			 width: 28px;
		    height: 28px;
		    background-image: url(../i/danok.png);
		    background-size: cover;
		}
		.icon-danmu-close:before {
		    content: "" !important;
		}
		.icon-danmu-open:before {
			content: "" !important;
		}
		.ali-danmuku-control .iconfont.icon-danmu-close {
		    display: inline-block;
		}
		
		.ali-danmuku-control .iconfont.icon-danmu-close{
			display: none !important;
		}
		.aliplayer-danmuku {
			/*display: none;*/
		}
		body{
			position: absolute;
			width: 100%
		}
		.myBox 	{
			position: absolute;
		}
		.videoBox{
			position: absolute;
			top:0;
			left:0;
		}
		.videoBoxHH{
			position: absolute;
			top:0;
			left:0;
		}
		.prism-player video{
			position: absolute;
			transform: none;
			top:0;
			margin-left:-50%;
		}
		.wen {
		    transform: translateY(34%);
		}



/*X、XS机型的媒体查询*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  
	.ali-danmu-input-wrap{
		bottom:76px;
	}
	.iconfont{
		bottom:38px;
	}
	.ali-danmu-input .danmu-input-enter{
			top:3px !important;
		}


}


/*XR机型媒体查询*/

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
 
	.ali-danmu-input-wrap{
		bottom:76px;
	}
	.iconfont{
		bottom:38px;
	}
	.ali-danmu-input .danmu-input-enter{
			top:3px !important;
		}

}

 
/*XS MAX机型媒体查询*/

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
	.ali-danmu-input-wrap{
		bottom:76px;
	}
	.iconfont{
		bottom:38px;
	}
	.ali-danmu-input .danmu-input-enter{
			top:3px !important;
		}

}





