.playerBox{width: 100%;}
.playPro{
    float: left;
    width: 720px;
    overflow: hidden;
}
.layui-progress1{
    cursor: pointer;
    height: 9px;
    background-color: #6F6E79;
    position: relative;
    border-radius: 25px;
}
.layui-progress-bar1{
    float: left;
    width: 0%;
    height: 9px;
    background: linear-gradient(to right, #1CCE6C, #d8ff00);
    border-radius: 25px;
}
.playOk{
    float: left;
    width: 100%;
    overflow: hidden;
}
.playBar a{
    display: block;
    background: url(img/hi.png) no-repeat -9999px;
}
.playBar a.playNow2{
    float: left;
    margin: 25px 0 0 57px;
    width: 20px;
    height: 28px;
    background-position: 0 -2336px;
}
.playBar a.playNow2:hover{
    background-position: 0 -2419px;
}
.playBar a.playNow1{
    float: left;
    margin: 25px -3px 0 57px;
    width: 23px;
    height: 29px;
    background-position: 0 -2503px;
}
.playBar a.playNow1:hover{
    background-position: 0 -2577px;
}
.playBar a.playUp,.playBar a.playDown{
    float: left;
    margin-top: 29px;
    width: 21px;
    height: 21px;
}
.playBar a.playUp{
    background-position: 0px -1431px;
}
.playBar a.playDown{
    margin-left: 52px;
    background-position: -1px -1571px;
}
.playTime{
    float: left;
    margin: 30px 0 0 30px;
    color: #6f6e79;
}
.playTime span{
    padding: 0 2px;
}
.playSet{
    float: right;
}
.playSet a{
    display: block;
    margin-top: 30px;
    width: 19px;
    height: 16px;
    background: url(img/hi.png) no-repeat -9999px;
}
.playSet a.onvol{
    background-position: 0 -2648px;

}.playSet a.onvol:hover{
    background-position: 0 -2699px;
}
.playSet a.offvol{
    background-position: 0 -2745px;
}
.playSet a.offvol:hover{
    background-position: 0 -2790px;
}
.playsong-miao{
    font-size: 15px;
    line-height: 26px;
}
.playsong-miao a{
    color: #7D7D7F;
}
#play_list {
    height: 528px;
    overflow-y: auto;
    list-style-position: inside;
}
.song-item {
    padding: 5px 5px;
    font-family: "Microsoft YaHei", sans-serif;
}
#play_list::-webkit-scrollbar {
    width: 5px;
}
#play_list::-webkit-scrollbar-thumb {
    background: #373d4d;
    border-radius: 4px;
}
#play_list::-webkit-scrollbar-thumb:hover {
    background: #3e4555;
}
.playsong-cont li{
    width: 100%;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.playsong-cont li.list-h{
    padding-bottom: 14px;
    margin-bottom: 8px;
    border-bottom: 1px #232735 solid;
}
.playsong-cont li span{
    float: left;
    text-align: center;
}
.playsong-cont li span:nth-child(1){
    width: 33px;
    float: left;
    text-align: left;
}
.playsong-cont li span input[type="checkbox"]{
    appearance: none;
    width: 17px;
    height: 17px;
    background-color: #2a303e;
    border: 1px solid #2d3341;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}
.playsong-cont li span input[type="checkbox"]:hover{
    border: 1px solid #363c4a;
}
.playsong-cont li span input[type="checkbox"]:checked{
    background-color: #2a303e;
}
.playsong-cont li span input[type="checkbox"]:checked::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #595d67;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.playsong-cont li span:nth-child(2){
    width: 666px;
    float: left;
    text-align: left;
}
.playsong-cont li span:nth-child(2) a{
    display: inline-flex;
    float: left;
    text-align: left;
    padding-bottom: 5px;
}
.playsong-cont li span:nth-child(3){
    width: 40px;
}
.playsong-cont li span:nth-child(4){
    width: 40px;
}
.playsong-cont li span:nth-child(5){
    width: 40px;
}
.playsong-cont li span.playsong-down a,.playsong-cont li span.playsong-coll a,.playsong-cont li span.playsong-del a,.playsong-cont li span.playsong-jia a{
    margin: 0 auto;
    display: block;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}
.playsong-cont li span.playsong-down a{background: url(img/hi.png) 4px -500px no-repeat;}
.playsong-cont li span.playsong-down a:hover{background:url(img/hi.png) 4px -549px no-repeat;}
.playsong-cont li span.playsong-coll a{background: url(img/hi.png) 4px -1011px no-repeat;}
.playsong-cont li span.playsong-coll a:hover{background:url(img/hi.png) 4px -1061px no-repeat;}
.playsong-cont li span.playsong-del a{background: url(img/hi.png) 5px -2834px no-repeat;}
.playsong-cont li span.playsong-del a:hover{background:url(img/hi.png) 5px -2873px no-repeat;}
.playsong-cont li span.playsong-jia a{background: url(img/hi.png) 4px -2916px no-repeat; cursor: pointer;}
.playsong-cont li span.playsong-jia a:hover{background:url(img/hi.png) 4px -2953px no-repeat;}

/* .playBar{background-color: #c2c2c2;}
.playBar a.playUP,.playBar a.playDown{
    font-size: 0;
    position: absolute;
    bottom: 22px;
    width: 21px;
    height: 21px;
}
.playBar a.playUP{
    background: url(img/player.png) 0 -127px no-repeat;
}
.playBar a.playNow1{
    background: url(player.png) -105px -128px;
}
.playBar a.playDown{
    left: 150px;
    background: url(img/hi.png) -1px -1571px no-repeat;
}
.playTime{
    float: left;
    color: #6f6e79;
} */



/* .playBar a{display: block;float: left;width: 60px;height:60px;margin-right: 10px;color: #c2c2c2;background: url(img/playsong.png) no-repeat -9999px;}
.playBar a.playUp{width: 36px;height:36px;background-position: 0px -143px;margin-top: 12px}
.playBar a.playNow1{background-position: 0px 0px;}
.playBar a.playNow2{background-position: 0px -60px;}
.playBar a.playDown{width: 36px;height:36px;background-position: -144px -143px;margin-top: 12px}
.playBar a.playNow1:hover{background-position: -60px 0px;}
.playBar a.playNow2:hover{background-position: -60px -60px;}
.playBar a.playUp:hover{background-position: -36px -143px;}
.playBar a.playDown:hover{background-position: -180px -143px;} */


/* .playerBox img{display: block;float: left;width: 50px;height: 50px;border-radius: 25px;margin-top: 4px;border: 1px solid #666;margin-right: 15px;}
.playBar{float: left;}
.playBar a{display: block;float: left;width: 60px;height:60px;margin-right: 10px;color: #c2c2c2;background: url(img/player.png) no-repeat -9999px;}
.playBar a.playUp{width: 36px;height:36px;background-position: 0px -143px;margin-top: 12px}
.playBar a.playNow1{background-position: 0px 0px;}
.playBar a.playNow2{background-position: 0px -60px;}
.playBar a.playDown{width: 36px;height:36px;background-position: -144px -143px;margin-top: 12px}
.playBar a.playNow1:hover{background-position: -60px 0px;}
.playBar a.playNow2:hover{background-position: -60px -60px;}
.playBar a.playUp:hover{background-position: -36px -143px;}
.playBar a.playDown:hover{background-position: -180px -143px;}
.playPro{
    width: 420px;
    float: left;
}
.playPro .playInfo{width: 100%;}
.playPro .playDot{width: 17px;height: 17px;background:url(img/iconall.png) no-repeat -3px -253px;left: 0%;position: absolute;margin: -5px 0px 0px -2px;z-index: 1999;}
.playInfo p{font-size: 14px;color: #999;line-height: 40px}
.playInfo span{color: #eee;}
.layui-progress1{
    cursor: pointer;
    height: 9px;
    background-color: #6F6E79;
    border-radius: 25px;
    position: relative;
}
.layui-progress-bar1{
    float: left;
    width: 0%;
    height: 9px;
    background-color: #4ADA52;
    border-radius: 25px;
}
.playTime{color: #c2c2c2;margin-top: 35px;margin-left: 15px;float: left;font-size: 12px;margin-right: 10px;}
.playSet ,.playTools{height: 60px;float: left;}
.playSet a,.playTools a{background: url(img/loop.png) no-repeat -9999px;width: 20px;height: 20px;display: block;float: left;margin-top: 25px;margin-left: 10px;}
.playSet a.loop{background-position: -30px -180px;}
.playSet a.loop:hover{background-position: 0px -180px;}
.playSet a.one{background-position: -30px -200px;}
.playSet a.one:hover{background-position: 0px -200px;}
.playSet a.random{background-position: -30px -220px;}
.playSet a.random:hover{background-position: 0px -220px;}
.playSet a.offvol{background-position: -28px -312px}
.playSet a.offvol:hover{background-position: 0px -312px}
.playSet a.onvol{background-position: -28px -295px}
.playSet a.onvol:hover{background-position: 0px -295px} */