.show-data-box{width:100%;border-radius:4px;background-color:#fff;margin:0 auto;padding:10px 0}.show-data-box .data-header{text-align:center;font-size:22px;font-weight:700;margin-bottom:15px}.show-data-box .data-header>span{background-size:100% 210%;background-image:linear-gradient(transparent 0,transparent calc(50% - 9px),#79f2c0 calc(50% - 9px),#00f 100%)}.show-data-box .data--item{margin-bottom:15px;box-shadow:0 0 4px rgb(0 0 0 / 10%)}.show-data-box .data--item:hover{-webkit-box-shadow:3px 5px 8px 3px #ddd;-moz-box-shadow:3px 5px 8px 3px #ddd;box-shadow:3px 5px 8px 3px #ddd}.show-data-box .data--item>.data-image{display:block;vertical-align:middle;width:100%;height:130px;position:relative;overflow:hidden;background-color:#ebebeb}.show-data-box .data--item>.data-image .data-image-play{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;margin:auto;width:40px;height:40px;-webkit-box-shadow:0 0 4px 0 rgba(18,18,18,.16);box-shadow:0 0 4px 0 rgba(18,18,18,.16);border-radius:50%;display:none}.data--item>.data-image>img{width:100%}.data--item .data-content{padding:10px 5px 6px;font-size:12px}.data--item .data-content .data-title{display:block;font-size:13px;font-weight:600;color:#757575;text-decoration:none}.data--item .data-content .data-title,.sound-item>.sound-item-title>a{height:auto;border-bottom:none;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.data--item .data-content .data-tips{padding-top:5px;padding-bottom:2px;color:#999;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.data--item .data-content .data-tips>.right{float:right}.list-empty{text-align:center;padding:50px 0}.list-loading{text-align:center;margin:15px 0}.list-loading>img{width:20px}.container{height:100%;width:75%;margin:0 auto;background:#fff}@media (max-width:767px){.container{width:98%}.show-data-box .data--item>.data-image{height:170px}}