*{padding:0;margin:0;text-decoration:none;font-family:Consolas,微软雅黑;box-sizing:border-box}#music{width:0;height:0}.bbox{width:100px;height:100px;border-radius:5px;position:fixed;z-index:500;bottom:50px;right:30px;transition:all .5s}@keyframes bboxScale{0%{transform:scale(1)}to{transform:scale(1.02)}}.bbox_active{width:300px;height:300px}.bbox_play.bbox_play{animation:bboxScale 1.2s infinite alternate}.box{width:100%;height:100%;overflow:hidden;background-size:100% 100%;border-radius:5px;transition:all .5s}.box,.box-enter,.box-leave-to{opacity:0}.music_shlter{filter:blur(10px);z-index:99}.music_shlter,.music_shlter_2{width:100%;height:100%;position:absolute;background-size:100% 100%;transition:all .5s;opacity:0}.music_shlter_2{filter:blur(5px)}.music_shlter_3{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.1);transition:all .5s;border-radius:5px;filter:blur(2px)}.music_dis{width:100%;height:240px;position:relative}.dis_list{right:10px;top:10px;width:40px;height:30px;line-height:30px;text-align:center;font-size:15px;color:#fff}.dis_list,.pan{position:absolute;cursor:pointer}.pan{width:100px;height:100px;background-size:100% 100%;left:0;top:0;padding:16px;animation:pan 10s linear infinite;z-index:103;transition:all .5s;border-radius:100%}.pan:hover{box-shadow:0 0 10px #646464;opacity:1}.pan_c{width:100%;height:100%;border-radius:100%}.music_title{color:#fff;line-height:60px;font-size:15px}.music_intro,.music_title{width:100%;height:40px;text-align:center}.music_intro{color:hsla(0,0%,100%,.6);line-height:30px;font-size:12px}.music_words_box{width:100%;height:auto;position:absolute;top:0;transition:all .5s}.music_words{width:240px;height:160px;margin:auto;color:hsla(0,0%,100%,.6);text-align:center;overflow:hidden;position:relative}.music_words li{list-style:none;font-size:12px;margin-top:5px;min-height:18px}.control_box{display:flex;align-items:center;justify-content:space-around;width:90%;height:60px;position:relative;margin:auto}.control_button{width:16px;height:16px;margin-top:18px}.control_icon{height:100%;cursor:pointer}@property --discolor1{syntax:"<color>";inherits:false;initial-value:#a8ff78}@property --discolor2{syntax:"<color>";inherits:false;initial-value:#78ffd6}.progress{width:150px;height:4px;border-radius:10px;background-color:#c2c2c4;cursor:pointer;margin-top:20px;background:linear-gradient(45deg,var(--discolor1),var(--discolor2));animation:disColor 2s infinite alternate;bottom:20px}@keyframes disColor{0%{--discolor1:#a8ff78;--discolor2:#a8ff78}50%{--discolor1:#fc354c;--discolor2:#0abfbc}to{--discolor1:#4568dc;--discolor2:#b06ab3}}.progress_c{width:50%;height:100%;background-color:#e83c3c;transition:all .2s;position:relative;border-radius:10px;max-width:100%}.progress_circle{position:absolute;width:15px;height:15px;right:-7.5px;top:-5.5px;background-color:#fff;border:1px solid #dcdcdc;border-radius:100%}.progress_circle_c{width:5px;height:5px;position:absolute;inset:0;margin:auto;background-color:#e83c3c;border-radius:100%}.word_highlight{color:#fff}.pan_active{width:40px;height:40px;position:absolute;left:10px;top:10px;padding:6px;opacity:.8;z-index:103}.box_active,.pan_active{background-size:100% 100%}.box_active{width:100%;height:100%;border-radius:5px;overflow:unset;-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}.shlter_active{opacity:1;z-index:unset}.dis_list-enter,.dis_list-leave-to{opacity:0}.list_box{width:100%;height:100%;position:fixed;background:#343434;z-index:499;transition:all .5s}.music_alert-enter,.music_alert-leave-to{transform:translateY(-30px);opacity:0}.music_alert{position:fixed;top:30px;left:0;right:0;margin:auto;padding:10px;padding-top:5px;padding-bottom:5px;width:200px;height:auto;border-radius:2px;background-color:#fff;text-align:center;transition:all .5s;color:#000;font-size:12px}.list_close{position:absolute;right:20px;top:20px;width:40px;height:40px;text-align:center;line-height:40px;color:hsla(0,0%,88.2%,.9);cursor:pointer;font-size:20px;z-index:1000}.music_list{width:1320px;height:840px;position:absolute;inset:0;margin:auto;border-radius:5px}.list_l{width:950px;height:100%;float:left;padding:50px;margin-left:120px;box-sizing:border-box;position:relative}.list_title{width:100%;height:40px;color:#fff;position:relative}.music_state{width:18px;margin-top:18px;cursor:pointer}.music_search_box{position:absolute;right:0;top:0;width:250px;height:25px;z-index:500}.music_search{width:100%;height:100%;border:0;outline:none;background-color:hsla(0,0%,88.2%,.9);border-radius:2px;padding-left:10px;padding-right:10px;font-size:12px}.search_list{height:auto;overflow:hidden;position:absolute;top:28px;background-color:hsla(0,0%,100%,.9);border-radius:2px}.search_list,.search_list li{width:100%;transition:all .5s}.search_list li{height:25px;line-height:25px;color:rgba(26,24,28,.8);padding-left:10px;padding-right:10px;cursor:pointer;font-size:12px}.search_list li:hover{background-color:#c8c8c8}.music_search_name{width:55%}.music_search_ar,.music_search_name{float:left;height:100%;overflow:hidden}.music_search_ar{margin-left:5%;width:40%}.music_search-enter,.music_search-enter-active,.music_search-leave-to{opacity:0}.list{width:100%;height:620px;list-style:none}.music_ul_title{width:100%;height:40px;line-height:40px;border-radius:2px;border:0}.list li{width:100%;height:60px;line-height:60px;border-bottom:1px solid hsla(0,0%,58.8%,.1);transition:all .5s;position:relative}.this_music_shlter{width:100%;height:100%;position:absolute;z-index:-1;background-color:rgba(26,24,28,.5)}.list li:hover{background-color:rgba(26,24,28,.3)}.list li span,.music_ul_title span{display:block;width:200px;height:100%;margin-left:20px;color:hsla(0,0%,88.2%,.8);font-size:12px;float:left;overflow:hidden}.music_button{width:150px;height:60px;position:absolute;right:0;transition:all .5s}.list_play{width:28px;height:28px;background-size:100% 100%;margin-top:16px;cursor:pointer;opacity:.5;transition:all .5s;float:left;margin-left:10px}.list_play:first-child{margin-left:0}.list_play:hover{opacity:1}.list_button-enter,.list_button-leave-to{opacity:0}.list_page{width:100%;height:40px;position:relative}.page_last{left:0}.page_last,.page_next{position:absolute;width:40px;height:40px;text-align:center;line-height:40px;font-size:15px;cursor:pointer;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page_next{right:0}.list_r{width:250px;height:100%;float:left;position:relative}.music_list_bg{width:170px;display:block;margin-left:25px;margin-top:90px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.music_list_shlter{width:200px;height:170px;background-size:100% 100%;position:absolute;top:90px;left:25px}.music_talk_list{width:250px;height:auto;margin-top:20px;list-style:none}.music_talk_list li{width:100%;height:auto;margin-top:10px}.talk_head{width:100%;height:50px;position:relative}.talk_head_img{width:25px;height:25px;float:left;border-radius:100%;margin-top:12.5px}.talk_head_name{float:left;height:50px;line-height:50px;color:#e1e1e1;margin-left:10px}.talk_content{width:100%;height:auto;color:hsla(0,0%,88.2%,.8);box-sizing:border-box;padding:15px;position:relative}.talk_icon_l{left:0;top:0}.talk_icon_l,.talk_icon_r{position:absolute;width:10px;height:10px}.talk_icon_r{right:0;bottom:0}.music_type{width:120px;height:auto;overflow:hidden;list-style:none;position:absolute;left:-120px;top:90px}.music_type li{width:100%;height:35px;border:1px solid hsla(0,0%,88.2%,.6);color:hsla(0,0%,88.2%,.6);line-height:35px;text-align:center;box-sizing:border-box;border-radius:3px;margin-top:20px;cursor:pointer;transition:all .5s;font-size:12px}.music_type li:first-child{margin-top:0}.music_type li:hover{border:1px solid #e1e1e1;color:#e1e1e1}.type_active{border:1px solid #e1e1e1!important;color:#e1e1e1!important}@keyframes pan{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}