.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.drama-list[data-v-8ea922f6]{display:flex;flex-wrap:wrap;margin:0 -5px}.drama-list .drama-card[data-v-8ea922f6]{background-color:transparent;border:none;height:270;margin:0 5px 10px;width:calc(16.66% - 10px)}.drama-list .drama-card .drama-image[data-v-8ea922f6]{min-height:220px;position:relative;width:100%}.drama-list .drama-card .drama-image:hover .overlay[data-v-8ea922f6]{opacity:1;visibility:visible}.drama-list .drama-card .drama-image .overlay[data-v-8ea922f6]{align-items:center;background:#0000001a;border-radius:10px;display:flex;justify-content:center;left:0;min-height:220px;opacity:0;position:absolute;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%}.drama-list .drama-card .drama-image .overlay[data-v-8ea922f6]:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaBAMAAADKhlwxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURUdwTAAAAAAAAAAAAAgICGNiYc7NzaWkpPb08+fl4//////7+BoHTo0AAAAKdFJOUwBNGDBEabCM69HiqEqpAAACA0lEQVRYw5WXTW7CMBCF+TtAnaRqq24S4ACh4gCEnIBFVbWskHoBdr1AxQk4QpFqr4ta53LFhEJqzzjPjx18RG9mHM9Mp0Mq7aAaTQshRFI+IKxBT2rjexPRVOJ11C+EJc/jR8IVi/cFpZzxLASO9wqGJkPNBKcSNc15KTx0YsNj4VMEhnhSCoZYaw67drI4EG2aNehJK51guXZzngH0JYkCURpg5GIlg+gITPZJ/reAttIF6SuwNLXiENu1cdR2nfEBTM8Cgqwz7gb5tODDdIJ8k58L9tTa391IKfcFE6aTkltpcIZ2DuCLofWGrv2ApKXckrXvMrR6peiMoaVaEwlnaSKPkVucMy13C6c8HtrJo5+WG7uYXlquLLrw0h9B9C7ISTutdQC9VEqd6a+2DC611n+8VX2Kripl/mDod7s6mUurAy8NvhEAXWnz0XrvnqouQVfmD+qHOIMDmq6q7zXxNvQZmoAP72WPoVcCou+P8Ja5Nu1jdWfgDXcl2+W5ZuGY6mjPFXOxReT9/VjwjacP39853LfPDTOsp6GtJAoYCs5jQUADhI3H8AzWnMN6IUYwK3HAOPhvIGwfI5rDZgaWBo0zD5mRY3gPIHaBLODRbc7TkMVh7q4wE3wl8XrJ0Q3QswWOkV3noim2pPF46d2h8UX3mJnm48v2tX74x5dD57df6+yGbwvYpCcAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:contain;content:"";height:56px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:56px}.drama-list .drama-card .drama-info .drama-title[data-v-8ea922f6]{color:var(--text-color3);display:block;font-size:14px;overflow:hidden}.el-card[data-v-8ea922f6] .el-card__body{padding:0}.el-card[data-v-8ea922f6] .el-card__footer{background-color:transparent;border-top:none;padding:5px 5px 0}[data-v-8ea922f6] .el-image{display:block}@media (max-width:1192px){.drama-list .drama-card[data-v-8ea922f6]{width:calc(20% - 10px)}}@media (max-width:992px){.drama-list .drama-card[data-v-8ea922f6]{width:calc(25% - 10px)}}@media (max-width:767px){.drama-list .drama-card[data-v-8ea922f6]{width:calc(33.33% - 10px)}}@media (max-width:480px){.drama-list .drama-card[data-v-8ea922f6]{width:calc(50% - 10px)}}