.wrapper{min-width:950px;display:flex;flex-wrap:wrap;-moz-column-count:unset;column-count:unset}.wrapper .img{flex-grow:1;margin:5px;position:relative;display:flex;justify-content:center;align-items:center;-moz-column-break-inside:avoid;break-inside:avoid;box-sizing:border-box;overflow:hidden;border-radius:4px;margin-bottom:15px;background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQTdDNUI3MTNDOEMxMUVDOUYwQTk2MjZBNzUxRUQyRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQTdDNUI3MjNDOEMxMUVDOUYwQTk2MjZBNzUxRUQyRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJBN0M1QjZGM0M4QzExRUM5RjBBOTYyNkE3NTFFRDJEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJBN0M1QjcwM0M4QzExRUM5RjBBOTYyNkE3NTFFRDJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAE6wAABSoAAAVlAAAFkP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgADAAMAwERAAIRAQMRAf/EAIwAAAMBAAAAAAAAAAAAAAAAAAAGBwkBAQAAAAAAAAAAAAAAAAAAAAAQAAIDAQAAAAAAAAAAAAAAAAQFACAVNREAAQIEBgMAAAAAAAAAAAAAAhIDAAETBBARQSKDo7PTNBIBAAAAAAAAAAAAAAAAAAAAIBMAAgEFAAAAAAAAAAAAAAAAIAERECFRkeH/2gAMAwEAAhEDEQAAAdVRFAup/9oACAEBAAEFAjDBmA2MyibpT//aAAgBAgABBQKn/9oACAEDAAEFAqf/2gAIAQICBj8CH//aAAgBAwIGPwIf/9oACAEBAQY/AnLS0cq3DqKbaDBSDFwtzggEsgCesfP2se2Lfl8DuH//2gAIAQEDAT8h3j6G/wBJdJjIHHf/2gAIAQIDAT8hD//aAAgBAwMBPyEP/9oADAMBAAIRAxEAABCAD//aAAgBAQMBPxDgAQbet8KWSdTDP//aAAgBAgMBPxAP/9oACAEDAwE/EA//2Q==) 0 0}.wrapper .img .ant-image{z-index:2;position:absolute;left:0;top:0}.wrapper .img .ant-image-img{opacity:0;width:28px;height:28px}.wrapper .img .svg-icon{position:absolute;top:6px;left:6px}.wrapper .img img{width:100%;border-radius:4px;display:block;min-width:100%;height:160px;-o-object-fit:cover;object-fit:cover}.wrapper .img .hover-item{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}.wrapper .img .collect-button{z-index:1;width:28px;height:28px;border-radius:4px;position:absolute;top:5px;right:5px;background:hsla(0,0%,100%,.48);cursor:pointer;overflow:hidden}.wrapper .img .collect-button:hover{background:hsla(0,0%,100%,.88)}.wrapper .img .download-button{z-index:1;height:28px;border-radius:28px;padding:0 20px;position:absolute;top:50%;right:50%;margin:-14px -30px 0 0;background:#0064fa;color:#fff;cursor:pointer}.wrapper .img .download-button:hover{background:#1f5fbf}.wrapper .img .title{z-index:1;position:absolute;width:100%;bottom:10px;display:flex;justify-content:space-between;color:#fff;padding:0 15px}.wrapper .img .title span{font-size:12px}.wrapper .img:after{content:" ";background:rgba(0,0,0,.45);position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:opacity .2s ease;z-index:0;pointer-events:none}.wrapper .img:hover .hover-item,.wrapper .img:hover:after{opacity:1}.wrapper .empty-item{height:0}.list-empty{margin-top:100px}.music-wrapper{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.music-wrapper .sucai_item{position:relative;display:inline-block;height:auto;border:1px solid #eee;border-radius:4px;background-color:#fff;padding:0 20px;margin:0 0 20px 0;min-width:19%;max-width:19%;flex-grow:1;flex-basis:0}.music-wrapper .sucai_item:hover{box-shadow:0 10px 18px 0 rgba(42,42,42,.23)}.music-wrapper .sucai_item .title{width:100%;font-size:14px;font-family:Microsoft YaHei;color:#1b1b1b;height:45px;line-height:45px;border-bottom:1px solid #eee}.music-wrapper .sucai_item .title span:first-child{display:inline-block;width:calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.music-wrapper .sucai_item .title a.xiazai{border-radius:20px;width:58px;background-color:#0064fa;font-size:14px;font-family:Microsoft YaHei;font-weight:700;right:60px;z-index:1}.music-wrapper .sucai_item .title a.shoucang,.music-wrapper .sucai_item .title a.xiazai{display:none;height:30px;line-height:30px;color:#fff;vertical-align:middle;position:absolute;top:7px;text-align:center;justify-content:center}.music-wrapper .sucai_item .title a.shoucang{width:30px;border-radius:50%;background-color:#cbcbcb;font-family:iconfont;align-items:center;right:20px}.music-wrapper .sucai_item:hover .title a{display:flex}.music-wrapper .sucai_item .music_opt{height:75px;line-height:65px;display:flex}.music-wrapper .sucai_item a.play_btn{display:inline-block;width:75px;height:75px;background:url(../img/music_play.175959d6.png);background-size:cover;margin-left:-13px;vertical-align:middle;color:transparent}.music-wrapper .sucai_item .play_status a.play_btn{background-image:url(../img/music_play_stop.a2368b91.png)}.music-wrapper .sucai_item .time{width:calc(100% - 48px);vertical-align:middle;font-size:14px;font-family:Microsoft YaHei;color:#8a8a8a;line-height:1;display:flex;padding:30px 0 0 0}.music-wrapper .sucai_item .time p,.music-wrapper .sucai_item .time span{display:inline-block;vertical-align:middle}.music-wrapper .sucai_item .time p{width:100%;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAARCAYAAAAmE3lhAAAAi0lEQVRYhe2YsQ3AIAwETcT+KzEaaVIkjaUgP1zxVyM4eAyINsYIMfPpvqkHErHF/zo1O/PFQUCoDGK+yljRXs1R/ywIL1QtqY+PJgh94VWgfkWofZD+rggIDgKCg4DgICD0hUtL/VWh9kH6uyIg9ESD9klH2/l/SX2yIEoHKmiv5qi/jyYIDoJARNxw0htlHb9IDwAAAABJRU5ErkJggg==);margin:0 7px;position:relative}.music-wrapper .sucai_item .time p i{position:absolute;height:100%;width:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAARCAYAAAAmE3lhAAAAjUlEQVRYhe2YsQ3AIAwETcRw2X+PzECaFFEKS0F+uOKvRnDwGBDtOkPNePpv8pE0LPE/Nk3OfHAQECqDGK8yVrRXs9U/C8ILVUvq46MJQp94FahfEWofpL8rAoKDgOAgIDgICH3i0lJ/Vah9kP6uCAg90aB90tF2/l9SnyyI0oEK2qvZ6u+jCYKDIBARN4hyGl3CunyWAAAAAElFTkSuQmCC)}.music-wrapper .sucai_item .bottom_text{font-size:12px;font-family:Microsoft YaHei;color:#615f5f;height:35px;line-height:35px}.filter-template-box{min-width:950px;margin-bottom:10px}.filter-template-box .filter-template-options{margin-top:16px;margin-left:-14px}.filter-template-box .filter-template-tags{display:flex;flex-wrap:wrap;align-items:center}.filter-template-box .filter-template-tags .tags-label{margin-right:16px;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:42px;height:20px;padding:0;color:#000;padding-right:0;font-weight:700}.filter-template-box .filter-template-tags .tags-group{display:flex;align-items:center;flex:1 1 auto;height:32px;line-height:1}.filter-template-box .filter-template-tags .tags-item,.filter-template-box .filter-template-tags .tags-label{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:14px;letter-spacing:normal;white-space:nowrap;line-height:20px;padding:4px 12px;color:#000;border-radius:4px}.filter-template-box .filter-template-tags .tags-item-active{color:#0064fa;background:#e4edfc}.filter-template-box .filter-template-tags .tags-item:hover{color:#0064fa}.filter-template-box .filter-template-separator{width:100%;height:1px;background:#f1f2f4;margin:24px 0 12px}.filter-template-box .filter-template-selects{display:flex;align-items:center;margin-top:16px}.filter-template-box .filter-template-selects button{cursor:pointer}.filter-template-box .filters-select-color,.filter-template-box .filters-select-style{position:relative;display:flex;align-items:center;padding-right:20px}.filter-template-box .filters-select-style{padding:0 20px 0 15px}.filter-template-box .filters-select-color>p,.filter-template-box .filters-select-style>p{display:inline-block;color:#000;font-weight:700;padding-right:6px}.filter-template-box .filters-select-color-item,.filter-template-box .filters-select-style-item{position:relative;display:inline-block;height:18px;margin:0 4px}.filter-template-box .filters-select-color-item img{width:18px;height:18px;vertical-align:top}.filter-template-box .filters-select-color-item>span{width:18px;height:18px;border-radius:50%;display:inline-block}.filter-template-box .filters-select-color:after,.filter-template-box .filters-select-style:after{position:absolute;top:3px;right:0;width:1px;height:16px;content:"";background:#cecece}.filter-template-box .filters-select-style:after{top:6px}.filter-template-box .filters-select-style:last-child:after{display:none}.filter-template-box .filters-select-color-item.active:after{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;content:"";background:#fff}.filter-template-box .filters-select-format-item,.filter-template-box .filters-select-style-item{text-align:center;border-radius:28px;padding:0 10px;margin-right:8px;display:inline-block;line-height:28px;height:28px;color:#000}.filter-template-box .filters-select-format-item.active,.filter-template-box .filters-select-style-item.active{color:#0064fa;background:#e4edfc}.filter-template-box .filters-select-style-item:hover{color:#0064fa}.material{min-height:1200px}