.psVideo{width:100%;position:relative;overflow:hidden;}
.my-psVideo{display:block; width:100%;height:100%;-o-object-fit: contain;-webkit-object-fit: contain;object-fit: contain;}
.full{margin:0 auto;width:100%;height:100%;background:black;}
.psVideo-play-one{width:70px;height:70px;background:url("player/playone.png") no-repeat;opacity:.7;background-size:cover;position:absolute;bottom:70px;right:60px;cursor:pointer;}
.psVideo-play-footer{position:absolute;width:100%;height:36px;bottom:0;}
.psVideo-shade{position:absolute;height:60px;width:100%;bottom:0px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));transition:opacity .3s;}
.psVideo-shade-full{bottom:0;}
.psVideo-shade-on{opacity:1;}
.psVideo-shade-off{opacity:0;}
.psVideo-play-footer .psVideo-play-btn{width:23px;height:23px;float:left;margin-left:3%;cursor:pointer;z-index:3;}
.psVideo-stop{background:url("player/stop.png") no-repeat;background-size:cover;}
.psVideo-play{background:url("player/play.png") no-repeat;background-size:cover;}
.psVideo-time{float:left;font-size:15px;line-height:23px;color:white;margin-left:10px;z-index:2;}
.psVideo-right-btn{float:right;margin-right:3%;z-index:4;}
.psVideo-btn{width:23px;height:23px;float:right;margin-left:20px;cursor:pointer;}
.all{background:url("player/all.png") no-repeat;background-size:cover;}
.loop{background:url("player/loop.png") no-repeat;background-size:cover;}
.loop-ture{background:url("player/1loop.png");background-size:cover;}
.set{position:relative;background:url("player/set.png") no-repeat;background-size:cover;}
.set-list{display:none;background:black;width:200px;height:200px;position:absolute;bottom:40px;left:-85px;opacity:.7;border-radius:4px;}
.konge1{display:none;position:absolute;width:200px;height:17px;bottom:23px;left:-85px;text-align:center;z-index:4;}
.set:hover .set-list,.set:hover .konge1{display:block;}
.play-speed{color:white;font-weight:bolder;width:100%;height:30px;line-height:30px;font-size:20px;text-align:center;}
.play-speed-list{padding-top:5px;font-weight:bolder;font-size:17px;color:azure;text-align:center;}
.play-speed-list span{margin-left:15px;margin-right:15px;}
.play-speed-list span:hover{color:#7969ff;}
.moren{color:#7969ff;}
.huazhi{width:50px;font-size:15px;line-height:23px;color:white;}
.sound{position:relative;background:url("player/sound.png") no-repeat;background-size:cover;}
.jinyin{position:relative;background:url("player/jinyin.png") no-repeat;background-size:cover;}
.psVideo-progress{width:95%;background:white;height:2px;position:absolute;bottom:50px;left:2.5%;cursor:pointer;transition:bottom 0.1s;border-radius:3px;}
.psVideo-progress:hover{height:6px;bottom:48px;}
.psVideo-progress .psVideo-timeBar {height:100%;position:absolute;top:0;display:block;z-index:2;width:0;background:#F9D43A;border-radius:3px;}
#soundBtn:hover .sound-list,#soundBtn:hover .konge{display:block;}
.sound-list{display:none;position:absolute;width:30px;height:85px;bottom:40px;left:-6px;text-align:center;background:black;border-radius:3px;}
.konge{display:none;position:absolute;width:30px;height:17px;bottom:23px;left:-6px;text-align:center;z-index:4;}
.sound-number{position:relative;width:100%;text-align:center;height:20px;padding-top:5px;line-height:20px;font-size:15px;color:white;}
.volume{position:relative;margin:auto;margin-top:5px;width:7px;height:50px;background:aqua;border-radius:2px;overflow:hidden;}
.volumeBar {display:block;width:100%;height:40px;position:absolute;background-color:white;z-index:2;}
.video-now,.video-now:hover{height:30px;font-size:20px;line-height:25px;background:rgba(0,0,0,.3);color:#6956ff;}
footer{width:100%;height:30px;text-align:center;color:darkcyan;font-size:20px;line-height:30px;margin-top:10px;top:0;}
.psVideo-loading{position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-35px;width:70px;height:60px;z-index:30;}
.psVideo-loading span{display:inline-block;width:10px;height:0;position:absolute;background:rgba(96,191,242,0.53);top:50%;margin-top:0;left:0;}
.psVideo-loading span:nth-child(1){animation:span1 1s linear infinite;}
.psVideo-loading span:nth-child(2){height:30px;top:50%;margin-top:-15px;margin-left:20px;animation:span2 1s linear infinite;}
.psVideo-loading span:nth-child(3){height:60px;top:50%;margin-top:-30px;margin-left:40px;animation:span3 1s linear infinite;}
@keyframes span1 {0%{height:0; margin-top:0} 50%{height:50px; margin-top:-25px} 100%{height:0; margin-top:0}}
@keyframes span2 {0%{height:30px; margin-top:-15px} 25%{height:60px; margin-top:-30px} 50%{height:30px; margin-top:-15px} 75%{height:0; margin-top:0} 100%{height:30px; margin-top:-15px}}
@keyframes span3 {0%{height:60px; margin-top:-30px} 50%{height:0; margin-top:0} 100%{height:60px; margin-top:-30px}}