.bbox *,.list_box *{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;left:-40px;bottom:30px;transition:all .5s}.bbox:not(.bbox_active){transition:all .5s 2.5s;@media (max-width:1024px){transition:all .5s 0s}}.bbox:hover:not(.bbox_active){transform:translate(45px);transition:all .5s 0s}.bbox_active{width:300px;height:300px;left:20px;bottom:20px}.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:12px;color:#fff}.dis_list,.pan{position:absolute;cursor:pointer}.pan{width:80px!important;height:80px!important;padding:13px!important;background-size:100% 100%;left:0;top:0;animation:pan 10s linear infinite;z-index:103;transition:all .5s;border-radius:100%}.pan:hover{box-shadow:0 0 10px #646464;width:80px;height:80px;padding:13px;opacity:1}.pan_c{width:100%;height:100%;border-radius:100%}.pan.pan_active{padding:8px!important}.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;line-height:18px}.control_box{width:90%;height:60px;position:relative;margin:auto}.control_button{width:14px;height:14px;position:absolute;left:20px;bottom:15px}.control_icon{height:100%;cursor:pointer}.progress{width:150px;height:4px;border-radius:10px;background-color:#c2c2c4;cursor:pointer;margin-top:18px;position:absolute;left:0;right:0;margin:auto;bottom:20px}.progress_c{width:50%;height:100%;background-color:#e83c3c;transition:all .2s;position:relative;border-radius:10px;max-width:100%}.progress_circle{width:15px;height:15px;right:-7.5px;top:-5.5px;background-color:#fff;border:1px solid #dcdcdc}.progress_circle,.progress_circle_c{position:absolute;border-radius:100%}.progress_circle_c{width:5px;height:5px;top:0;left:0;bottom:0;right:0;margin:auto;background-color:#e83c3c}.word_highlight{color:#fff}.pan_active{height:50px!important;width:50px!important;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:alpha(opacity=100);-ms-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:-webkit-radial-gradient(center,ellipse cover,#353138 0,#1a181c 100%);z-index:999;left:0;top:0;transition:all .5s}.music_alert-enter,.music_alert-leave-to{transform:translateY(-30px);opacity:0}.music_alert{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;transition:all .5s;color:#000;font-size:12px}.list_close,.music_alert{position:absolute;text-align:center}.list_close{right:20px;top:20px;width:40px;height:40px;line-height:40px;color:hsla(0,0%,88%,.9);cursor:pointer;font-size:20px;z-index:1000}.music_list{width:1320px;height:840px;position:absolute;left:0;right:0;bottom:0;top: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:15px;margin-left:40px;cursor:pointer}.music_search_box{position:absolute;right:0;top:0;width:250px;height:25px;z-index:500}.music_search{height:100%;border:0;outline:none;background-color:hsla(0,0%,88%,.9);padding-left:10px;padding-right:10px;font-size:12px}.music_search,.search_list{width:100%;border-radius:2px}.search_list{height:auto;overflow:hidden;position:absolute;top:28px;background-color:hsla(0,0%,100%,.9);transition:all .5s}.search_list li{width:100%;height:25px;line-height:25px;color:rgba(26,24,28,.8);padding-left:10px;padding-right:10px;cursor:pointer;transition:all .5s;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%,59%,.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%,.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;-moz-user-select:none;-webkit-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;-moz-user-select:none;-webkit-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;font-size:12px}.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%,.8);box-sizing:border-box;padding:15px;position:relative}.content{position:relative;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.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%,.6);color:hsla(0,0%,88%,.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)}}@media (max-width:767px){.bbox,.list_box{display:none}}