.search-banner{position:relative;margin-top:20px}.search-banner .search-banner-title{z-index:999;top:74px;font-size:36px;font-weight:600}.search-banner .search-banner-keywords,.search-banner .search-banner-title{position:absolute;left:50%;transform:translate(-50%,-50%);justify-content:center;width:35%;line-height:40px;margin-bottom:24px;text-align:center;color:#fff;min-width:1000px}.search-banner .search-banner-keywords{z-index:1;top:176px;font-size:inherit}.search-banner .search-banner-keywords a{color:inherit;margin:0 10px}.search-banner .search-banner-keywords a:hover{font-weight:700}.search-banner .search-bar{position:absolute;z-index:999;top:136px;left:50%;transform:translate(-50%,-50%);justify-content:center;width:500px}.search-banner .search-banner-bg{background:#fff;height:240px;position:relative}.search-banner .search-banner-bg img{display:block;width:100%;height:240px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.material-container{margin:30px 0 0 0}.material-container .material-header{display:flex;justify-content:space-between;align-items:center}.material-container .material-header .title{font-size:20px;color:#1b2337;font-weight:700}.material-container .material-header .tags a{text-align:center;border-radius:28px;padding:0 10px;display:inline-block;line-height:28px;height:28px;color:#000;background:#f2f6ff;margin:0 8px 0 10px}.material-container .material-header .tags a.active,.material-container .material-header .tags a:hover{color:#0064fa}.material-container .wrapper{min-width:950px;-moz-column-count:6;column-count:6;margin-top:20px;height:160px}.material-container .wrapper .img{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;height:150px;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}.material-container .wrapper .img .ant-image{z-index:2;position:absolute;left:0;top:0}.material-container .wrapper .img .ant-image-img{opacity:0;width:28px;height:28px}.material-container .wrapper .img .svg-icon{position:absolute;top:6px;left:6px}.material-container .wrapper .img img{max-width:100%;border-radius:4px;max-height:100%;display:block}.material-container .wrapper .img .hover-item{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}.material-container .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}.material-container .wrapper .img .collect-button:hover{background:hsla(0,0%,100%,.88)}.material-container .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}.material-container .wrapper .img .download-button:hover{background:#1f5fbf}.material-container .wrapper .img .title{z-index:1;position:absolute;width:100%;bottom:10px;display:flex;justify-content:space-between;color:#fff;padding:0 15px}.material-container .wrapper .img .title span{font-size:12px}.material-container .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}.material-container .wrapper .img:hover .hover-item,.material-container .wrapper .img:hover:after{opacity:1}.material-container .wrapper .empty-item{height:0}.material-container .music-wrapper{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.material-container .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}.material-container .music-wrapper .sucai_item:hover{box-shadow:0 10px 18px 0 rgba(42,42,42,.23)}.material-container .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}.material-container .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}.material-container .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}.material-container .music-wrapper .sucai_item .title a.shoucang,.material-container .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}.material-container .music-wrapper .sucai_item .title a.shoucang{width:30px;border-radius:50%;background-color:#cbcbcb;font-family:iconfont;align-items:center;right:20px}.material-container .music-wrapper .sucai_item:hover .title a{display:flex}.material-container .music-wrapper .sucai_item .music_opt{height:75px;line-height:65px;display:flex}.material-container .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}.material-container .music-wrapper .sucai_item .play_status a.play_btn{background-image:url(../img/music_play_stop.a2368b91.png)}.material-container .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}.material-container .music-wrapper .sucai_item .time span{display:inline-block;vertical-align:middle}.material-container .music-wrapper .sucai_item .time p{display:inline-block;width:100%;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAAARCAYAAAAmE3lhAAAAi0lEQVRYhe2YsQ3AIAwETcT+KzEaaVIkjaUgP1zxVyM4eAyINsYIMfPpvqkHErHF/zo1O/PFQUCoDGK+yljRXs1R/ywIL1QtqY+PJgh94VWgfkWofZD+rggIDgKCg4DgICD0hUtL/VWh9kH6uyIg9ESD9klH2/l/SX2yIEoHKmiv5qi/jyYIDoJARNxw0htlHb9IDwAAAABJRU5ErkJggg==);vertical-align:middle;margin:0 7px;position:relative}.material-container .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)}.material-container .music-wrapper .sucai_item .bottom_text{font-size:12px;font-family:Microsoft YaHei;color:#615f5f;height:35px;line-height:35px}.material-container.background .img{background-repeat:no-repeat;background-position:50%;background-size:cover}.material-container.background .img img{opacity:0}