.module{background:#fff;border:1px solid #f0f0f0;box-shadow:1px 2px 5px rgba(0,0,0,.05);margin-bottom:20px}.module .hd{padding:10px 0;border-bottom:1px solid #f0f0f0}.module .hd .title{height:22px;padding-left:12px;border-left:3px solid #e87e80;line-height:22px;font-weight:bold;font-size:18px}.module .bd{padding:15px}@media screen and (max-width: 799px){.module{border-left:none;border-right:none;box-shadow:none;margin-bottom:15px}}.mod-introduction .bd{position:relative;padding:0;display:flex;flex-direction:row-reverse}.mod-introduction .cover{position:relative;width:240px;aspect-ratio:16/9;border-radius:3px;overflow:hidden}.mod-introduction .cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.mod-introduction .cover::before{position:absolute;left:0;top:0;width:25%;height:100%;background:linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);content:""}.mod-introduction .summary{flex:1;min-width:0;padding:20px 25px;align-content:center}.mod-introduction .summary p{line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mod-introduction .summary p.title{line-height:28px;font-size:20px;font-weight:bold}.mod-introduction .summary p.desc{font-size:15px;color:#999}@media screen and (max-width: 799px){.mod-introduction .cover{width:160px}.mod-introduction .summary{padding:12px}.mod-introduction .summary p{line-height:20px}.mod-introduction .summary p.title{line-height:24px;font-size:16px}.mod-introduction .summary p.desc{font-size:14px}}.mod-category ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2px}.mod-category li a{display:block;padding:0 10px;line-height:30px;background:#fafafa;text-align:center;color:#666}.mod-category li a:hover{background:#f8f8f8;color:#333}.mod-recommend .bd{padding:15px}.mod-recommend .bd ul{overflow:hidden}.mod-recommend .bd li{margin-bottom:3px}.mod-recommend .bd li a{display:block;padding:0 15px;background:#fafafa;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666}.mod-recommend .bd li a:hover{background:#f8f8f8;color:#333}.mod-list .bd{padding:10px}.mod-list .bd .list{overflow:hidden}.mod-list .bd .item{position:relative;bottom:-1px;padding:15px 10px;border-bottom:1px dotted #dbdbdb;line-height:24px}.mod-list .bd .item:hover{background:#fcfcfc}.mod-list .bd .item .title{font-weight:bold;font-size:15px}.mod-list .bd .item .info{white-space:nowrap;color:#888;text-overflow:ellipsis;overflow:hidden}.mod-list .ft{margin:0 15px}.mod-list .ft .pagination{padding:25px 0;line-height:30px;color:#888;overflow:hidden}.mod-list .ft .pagination .box{float:left;width:50%}.mod-list .ft .pagination .box b{margin:0 2px;color:#ff6a00}.mod-list .ft .pagination ul{text-align:right}.mod-list .ft .pagination li{display:inline-block}.mod-list .ft .pagination li span,.mod-list .ft .pagination li a{display:inline-block;min-width:10px;height:30px;padding:0 10px;background:#f0f0f0;text-align:center;line-height:30px;text-decoration:none;font-weight:bold;font-size:15px;border-radius:15px}.mod-list .ft .pagination li span:hover,.mod-list .ft .pagination li a:hover{background:#e87e80;color:#fff}.mod-list .ft .pagination li.active span,.mod-list .ft .pagination li.active a{background:#e87e80;color:#fff}@media screen and (max-width: 799px){.mod-list .bd{padding:15px}.mod-list .bd .category{font-size:16px}.mod-list .bd .item{padding:10px 0}.mod-list .bd .item .title{line-height:28px}.mod-list .ft .pagination .box{float:none;width:100%;text-align:center}.mod-list .ft .pagination ul{text-align:center}}