/**********************************Creat By Echonessy*******************************/
body,html{ min-height: 100%; font-family: 'microsoft yahei';background:#ccc;box-shadow: inset 0 0 50px #000; }
.Content{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}



/*播放器*/
.Test{ width: 800px;height:60px;border-radius: 10px; box-sizing: border-box;padding: 0 30px; background: rgba(17,54,128,0.8);overflow: hidden;margin:80px auto;}
.Test-Play{float: left; width: 30px;height: 30px;background: url("../img/playico.png")0 0 no-repeat;cursor: pointer;margin-top: 15px;}
.Test-Pause{float: left;width: 30px;height: 30px;background: url("../img/pauseico.png")0 0 no-repeat;cursor: pointer;margin-top: 15px;}
.Test-BarBox{float: left;width: 345px;height: 5px;background: white;margin:28px 20px 0 20px;cursor: pointer;border-radius: 3px;overflow: hidden; }
.Test-LoadBar{float: left;width: 0%;height: 5px;background: #E5D712;border-radius: 3px;}
.Test-TimeBox{width: 90px;float: left;line-height: 60px;font-size: 12px;color: white;margin-right: 45px;}
.Test-TimeBox>span:nth-child(2){margin: 0 10px;}
.Test-Volume{float: left;height: 100%;box-sizing: border-box;}
.Test-Volume-Mute{float: left;width: 30px;height: 22px;background: url("../img/voicenoico.png")0 0 no-repeat;cursor: pointer;margin-top: 19px;}
.Test-Volume-Adjust{float: left;width: 30px;height: 22px;background: url("../img/voiceico.png")0 0 no-repeat;cursor: pointer;margin-top: 19px;}
.Test-Volume-BarBox{float: left;width: 145px;height: 5px;background: white;margin:28px 0 0 10px;cursor: pointer;border-radius: 3px;overflow: hidden; }
.Test-Volume-LoadBar{float: left;width: 50%;height: 5px;background: #E5D712;border-radius: 3px;}

.Echo3{ width: 800px;height:60px;border-radius: 10px; box-sizing: border-box;padding: 0 30px; background: rgba(174,10,202,0.8);overflow: hidden;margin:120px auto;}
.Echo3-Play{float: left; width: 30px;height: 30px;background: url("../img/playico.png")0 0 no-repeat;cursor: pointer;margin-top: 15px;}
.Echo3-Pause{float: left;width: 30px;height: 30px;background: url("../img/pauseico.png")0 0 no-repeat;cursor: pointer;margin-top: 15px;}
.Echo3-BarBox{float: left;width: 345px;height: 5px;background: white;margin:28px 20px 0 20px;cursor: pointer;border-radius: 3px;overflow: hidden; }
.Echo3-LoadBar{float: left;width: 0%;height: 5px;background: #0AABCA;border-radius: 3px;}
.Echo3-TimeBox{width: 90px;float: left;line-height: 60px;font-size: 12px;color: white;margin-right: 45px;}
.Echo3-TimeBox>span:nth-child(2){margin: 0 10px;}
.Echo3-Volume{float: left;height: 100%;box-sizing: border-box;}
.Echo3-Volume-Mute{float: left;width: 30px;height: 22px;background: url("../img/voicenoico.png")0 0 no-repeat;cursor: pointer;margin-top: 19px;}
.Echo3-Volume-Adjust{float: left;width: 30px;height: 22px;background: url("../img/voiceico.png")0 0 no-repeat;cursor: pointer;margin-top: 19px;}
.Echo3-Volume-BarBox{float: left;width: 145px;height: 5px;background: white;margin:28px 0 0 10px;cursor: pointer;border-radius: 3px;overflow: hidden; }
.Echo3-Volume-LoadBar{float: left;width: 50%;height: 5px;background: #0AABCA;border-radius: 3px;}