*{margin:0;padding:0}ul{margin:0;padding:0;list-style:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-thumb{border-radius:0;background-image:-webkit-linear-gradient(315deg, #1DE9B6 0%, #08c4db 72%, #057494 100%);background-image:linear-gradient(135deg, #1DE9B6 0%, #08c4db 72%, #057494 100%);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:rgba(95,95,95,0.7)}.video-title{width:100%;height:50px;line-height:50px;background:#2d2e33;position:fixed;font-size:14px;color:white;padding-left:30px;z-index:999;font-weight:bold}.video-palyer{width:100%;height:100%;position:fixed;left:0;top:0;zoom:1}.video-palyer>div{float:left}.video-palyer>.video{padding:0 304px 0 0px;height:100%;padding-top:50px;background:black;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.video-palyer>.video>#sourceVideo{width:100%;height:100%}.video-palyer>.list{width:304px;height:100%;background:black;padding-top:50px;position:absolute;right:0;overflow-y:auto}.video-palyer>.list .list-content{background:#2d2e33;height:auto;min-height:calc(100% - 104px);margin:2px;position:relative;font-size:14px;color:#999999;padding-bottom:100px}.video-palyer>.list .list-content>.tab{margin:0 10px;height:50px;line-height:50px;margin-bottom:20px}.video-palyer>.list .list-content>.tab>div{width:50%;height:100%;float:left;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#999999;cursor:pointer}.video-palyer>.list .list-content>.tab>div.active{color:white;border-bottom:2px solid #fff}.video-palyer>.list .list-content>p{padding:20px 10px 10px 10px;background:#2d2e33}.video-palyer>.list .list-content>ul.videoList{background:#2d2e33}.video-palyer>.list .list-content>ul.videoList>li{margin:0 10px;padding:0 15px;height:70px;background-color:#383940;border-radius:2px;position:relative;margin-top:10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.video-palyer>.list .list-content>ul.videoList>li>.name{padding-top:15px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-right:35px}.video-palyer>.list .list-content>ul.videoList>li>.time{font-size:12px;color:#666666;padding-top:5px}.video-palyer>.list .list-content>ul.videoList>li>.status{width:20px;height:20px;background:url("/static/images/video/pause.png") no-repeat;position:absolute;right:18px;top:25px;cursor:pointer}.video-palyer>.list .list-content>ul.videoList>li:hover{color:#00aaff}.video-palyer>.list .list-content>ul.videoList>li:hover>.time{color:#00aaff}.video-palyer>.list .list-content>ul.videoList>li:hover>.status{width:20px;height:20px;background:url("/static/images/video/pauseActive.png") no-repeat;position:absolute;right:18px;top:25px;cursor:pointer}.video-palyer>.list .list-content>ul.videoList>li.active{color:#00aaff;background:#232426}.video-palyer>.list .list-content>ul.videoList>li.active>.time{color:#00aaff}.video-palyer>.list .list-content>ul.videoList>li.active>.status{width:16px;height:13px;background:url("/static/images/video/play.gif") no-repeat;background-size:100% 100%;position:absolute;right:20px;top:28px}.video-palyer>.list .list-content>ul.fileList{display:none}.video-palyer>.list .list-content>ul.fileList>li{padding:20px 10px 20px 32px;background:url("/static/images/video/file.png") no-repeat;background-position:10px 23px;font-size:14px;border-bottom:2px solid #424348}.video-palyer>.list .list-content>ul.fileList>li>div{color:#fff;margin-bottom:5px}.video-palyer>.list .list-content>ul.fileList>li>a{font-size:14px;color:#00aaff;text-decoration:none;word-wrap:break-word}.video-palyer:after{display:block;height:0;clear:both;visibility:hidden}@media screen and (max-width: 750px){.video-palyer>.video{padding:0}.video-palyer>.list{display:none}.Dvideo-pause-mask{padding:0 !important}.Dvideo-pause-maskBg{margin-top:-100px !important;margin-left:-60px !important}}