body,dd,div,dl,h2{margin:0}ul{list-style:none;margin:0;padding:0}body{background-size:cover}#wrapper{user-select:none;width:100vw;height:100vh;box-sizing:border-box;padding-top:15vw;background-color:rgba(0,0,0,.2)}#wrapper .songImg{width:70vw;height:70vw;border-radius:50%;background:#000;margin:0 auto;display:flex;justify-content:center;align-items:center}#wrapper .songImg img{width:80%;height:80%;border-radius:50%}#wrapper .songIfo{width:100vw;height:20vh;margin-top:6vw;text-align:center;color:#fff}#wrapper .songIfo .name{font-weight:400;font-size:24px;margin-bottom:3vw}#wrapper .songIfo div{font-size:14px}#wrapper .process{width:100vw;height:8vw;display:flex;align-items:center;color:#fff;text-align:center}#wrapper .process .curTime{padding:0 4vw}#wrapper .process .processSpace{height:8vw;flex:1 1 auto;position:relative}#wrapper .process .processSpace .circle{width:2vw;height:2vw;border:2vw solid rgba(255,255,255,0);background-color:#fff;background-clip:padding-box;border-radius:50%;position:absolute;left:-3vw;top:calc(50% - 3vw);z-index:3}#wrapper .process .processSpace .backBg,#wrapper .process .processSpace .fontBg{height:.6vw;background-color:#fff;position:absolute;left:0;top:calc(50% - .3vw);width:0%}#wrapper .process .processSpace .backBg{width:100%;background-color:rgba(255,255,255,.3);z-index:1}#wrapper .process .totalTime{padding:0 4vw}#wrapper .control-menus{width:100vw;height:16vw;display:flex;position:fixed;bottom:0;background-color:rgba(0,0,0,.8)}#wrapper .control-menus li{width:20%}#wrapper .control-menus li:nth-of-type(1){background:url(../images/icon-like.png) no-repeat center/30%}#wrapper .control-menus li:nth-of-type(1).liking{background:url(../images/icon-like-solid.png) no-repeat center/30%}#wrapper .control-menus li:nth-of-type(2){background:url(../images/icon-prev.png) no-repeat center/30%}#wrapper .control-menus li:nth-of-type(3){background:url(../images/icon-play.png) no-repeat center/30%}#wrapper .control-menus li:nth-of-type(3).playing{background:url(../images/icon-pause.png) no-repeat center/30%}#wrapper .control-menus li:nth-of-type(4){background:url(../images/icon-next.png) no-repeat center/30%}#wrapper .control-menus li:nth-of-type(5){background:url(../images/icon-list.png) no-repeat center/30%}#wrapper .pop-list{width:100vw;position:fixed;bottom:0;background:linear-gradient(#050505,rgba(170,170,170,.95));z-index:4;user-select:none}#wrapper .pop-list .close,#wrapper .pop-list dd,#wrapper .pop-list dt{height:12vw;line-height:12vw;font-size:16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}#wrapper .pop-list .close,#wrapper .pop-list dt{text-align:center}#wrapper .pop-list dd{padding-left:3vw}#wrapper .pop-list dd.active{color:#56b287}#wrapper .pop-list dd:hover{background-color:rgba(255,255,255,.5)}#wrapper .pop-list .close{border-bottom:none}