﻿.module{margin-bottom:30px}.mod-list .hd{display:flex;position:relative;margin-bottom:12px;line-height:36px}.mod-list .hd .title{position:relative;width:160px;padding-left:20px;font-size:24px;font-weight:bold}.mod-list .hd .title::after{position:absolute;left:2px;top:50%;width:4px;height:20px;margin-top:-10px;content:"";background:#d946ef;border-radius:2px}.mod-list .filter-box{padding:5px 15px;margin-bottom:20px;border:1px solid #f0f0f0;border-radius:6px}.mod-list .filter-box .field-wrapper{display:flex;padding:10px 0;border-bottom:1px dotted #e5e5e5;line-height:24px}.mod-list .filter-box .field-wrapper:last-child{border-bottom:none}.mod-list .filter-box .field-wrapper .field-title{width:60px;padding:0 10px;text-align:right;color:#999}.mod-list .filter-box .field-wrapper .field-content{flex:1;min-width:0;padding:0 10px}.mod-list .filter-box .field-wrapper a{display:inline-block;padding:0 8px;color:#666}.mod-list .filter-box .field-wrapper a:hover{text-decoration:underline}.mod-list .filter-box .field-wrapper a.active{background:#d946ef;border-radius:12px;font-weight:bold;color:#fff}.mod-list .filter-box .field-wrapper a.filtered{position:relative;background:#d946ef;border-radius:12px;color:#fff}.mod-list .filter-box .field-wrapper a.filtered:after{display:inline-block;vertical-align:middle;margin-left:5px;content:"×"}.mod-list .filter-box .type-extend-filters-container{position:relative;padding-bottom:60px;overflow:hidden}.mod-list .filter-box .type-extend-filters-container .type-extend-filters{height:8px}.mod-list .filter-box .type-extend-filters-container .show-more{position:absolute;left:0;bottom:0;margin-top:10px;width:100%;height:60px;line-height:60px;text-align:center;background:rgba(0,0,0,.5);border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;font-size:16px}.mod-list .filter-box .type-extend-filters-container .show-more .icon{position:absolute;top:20px;right:0;width:12px;height:12px;margin-left:10px;content:"";display:inline-block;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);transform-origin:50% 50%}.mod-list .filter-box .type-extend-filters-container .show-more a{color:#fff;position:relative;display:inline-block;padding-right:20px}.mod-list .filter-box .expanded .type-extend-filters{height:auto}.mod-list .filter-box .expanded .show-more .icon{transform:rotate(225deg);top:26px}.mod-list .list{display:grid;grid-template-columns:repeat(5, 1fr);gap:16px}.mod-list .item{min-width:0}.mod-list .item .cover{position:relative;width:100%;aspect-ratio:3/2;margin:0 auto;background:#f8f8f8;border-radius:4px;overflow:hidden}.mod-list .item .cover img{width:100%;height:100%;object-fit:cover;background:url("/static/www13/image/public/loading.gif") center center/48px 48px no-repeat}.mod-list .item .cover .type{position:absolute;top:8px;right:0;height:20px;padding:0 4px 0 10px;background:#efac56;border-top-left-radius:3px;border-bottom-left-radius:3px;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.mod-list .item .cover .status{position:absolute;bottom:0;left:0;width:100%;padding:5px 10px;line-height:20px;box-sizing:border-box;text-align:right;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.8));color:#fff}.mod-list .item .cover .mask{position:absolute;left:0;top:0;content:"";width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:all .3s linear;transform:scale(1.5);text-align:center;align-content:center}.mod-list .item .cover .mask .icon{display:inline-block;width:40px;height:40px;background:rgba(0,0,0,.5) url("/static/www13/image/public/icon-play.png") center center/24px 24px no-repeat;border-radius:30%}.mod-list .item .summary{margin:0 auto;padding:10px 0}.mod-list .item .summary p{line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mod-list .item .summary p.title{font-size:16px;font-weight:bold;color:#fff}.mod-list .item .summary p.actor{color:#999}.mod-list .item:hover .cover .mask{opacity:1;transform:scale(1)}.mod-list .item:hover .cover .mask .icon:hover{background-color:#d946ef}.mod-list .none{padding:50px 0;line-height:30px;text-align:center;font-size:16px;color:#999}.mod-list .none p{margin-bottom:10px}.mod-list .pagination{padding:20px;line-height:32px;display:flex}.mod-list .pagination .box{flex:1;min-width:0;color:#666}.mod-list .pagination .box b{color:#fc9000}.mod-list .pagination ul{display:flex;justify-content:flex-end;gap:3px}.mod-list .pagination li a{display:block;min-width:8px;padding:0 12px;background:#eee;border-radius:16px;line-height:32px;text-align:center;font-size:16px;font-weight:bold;color:#999}.mod-list .pagination li a:hover{background:#dbdbdb;color:#333}.mod-list .pagination li.active a{background:#d946ef;color:#fff}.mod-list .pagination li.active a:hover{background:#c026d3}@media screen and (max-width: 799px){.module{margin-bottom:15px}.mod-list .hd{margin-bottom:5px;flex-direction:column}.mod-list .hd .title{padding:0 12px;font-size:18px}.mod-list .hd .title::after{height:18px;margin-top:-9px}.mod-list .filter-box{padding:0;margin-bottom:15px;overflow:hidden}.mod-list .filter-box .field-wrapper{flex-direction:column;line-height:20px}.mod-list .filter-box .field-wrapper .field-title{position:relative;width:auto;padding:0 5px;margin-top:-8px;margin-bottom:5px;background:rgba(255,255,255,.1);line-height:24px;text-align:center}.mod-list .filter-box .field-wrapper .field-content{padding:0 5px}.mod-list .filter-box .field-wrapper a{padding:0 5px}.mod-list .list{grid-template-columns:repeat(2, 1fr);gap:5px}.mod-list .item .cover .type{top:0;padding:0 4px 0 8px;border-top-left-radius:0;font-size:12px}.mod-list .item .summary{padding:5px 0}.mod-list .item .summary p{line-height:18px}.mod-list .item .summary p.title{font-size:15px}.mod-list .item .summary p.actor{font-size:12px}.mod-list .pagination{padding:15px 10px;flex-direction:column-reverse;text-align:center}.mod-list .pagination ul{justify-content:center}.mod-list .pagination li a{padding:0 10px;line-height:28px;font-size:14px}}