@charset "gb2312";
body,div,ul,li,a，dl,dt,dd,h2,img,p,h3,input,.select{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;}
a{text-decoration:none; color:#1c1a1b;}
img{border:none;}
a:hover{text-decoration:underline;color:#333;}

body{font-family:"Microsoft YaHei"; font-size:14px; color:#1c1a1b;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clearfix2:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.mt10{margin-top:10px;}
.fl{float:left;}
.fr{float:right;}
.mb15{margin-bottom:15px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px; position:relative;}
.mt50{margin-top:50px; position:relative;}
.wp.mt15{margin-top:15px; position:relative;}

.posr{position:relative;}

.wp{width:1200px; margin:0 auto;}

.pd10{padding:10px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.wp.pd30{width:1140px; padding:30px;}
.mb20{margin-bottom:20px;}
.wbg{background:#fff;}

.header .logo{float:left; margin-top:10px; margin-bottom:10px;}
.header ul{display:block; float:right;}
.header ul li{display:block; float:left; margin-top:25px; margin-left:20px; font-size:16px;}

.main{height:1080px; max-width:1920px; margin:0 auto; overflow:hidden; background-size:1920px 1080px;}
#player{margin:0 auto; margin-top:300px;}



.main{position:relative;}
.black{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.video-js .vjs-tech {position: relative !important;}
.vjs-modal-dialog-content{display:none;}
.vjs-error-display{display:none;}
.live-tips,.live-end-tips,.loading{position:absolute; display:none; left: 50%;top: 50%;transform: translate(-50%, -50%); background:#fff;text-align: center;padding: 12px 30px;font-size: 18px;line-height: 26px;font-weight: 700;color: #000;border-radius: 30px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border:solid 2px #000;
}
.videodiv{position:relative; width:900px; height:600px; margin:200px auto; background:#000;}
#video.video-js{width:100%; height:100%; object-fit:fil;}
.operators{display: none;}

.videodiv{display:block;}
.videodiv.loaded{background:none;}
.videodiv .tips{display:none;}
.videodiv.loaded .tips{display:block;}
.videodiv.loaded .block{background:#000;}
.videodiv #video.video-js{display:none;}
.videodiv.loaded #video.video-js{display:block;}
.loading{display:block;}
.videodiv.loaded .loading{display:none;}
.videodiv.loaded .live-tips{display:none;}