.joe_video__contain{background:var(--background);border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);padding:60px 15px 15px;position:relative}.joe_video__contain-title{background:var(--theme);border-radius:2px 2px 2px 0;box-shadow:2px 5px 10px rgba(49,58,70,.15);color:#fff;font-weight:500;height:30px;left:-10px;line-height:30px;padding:0 12px;position:absolute;top:15px;user-select:none}.joe_video__contain-title:after{border-color:var(--theme) transparent transparent;border-style:solid;border-width:10px;bottom:-10px;content:"";left:-10px;position:absolute;transform:rotate(90deg)}.joe_video__type{margin-bottom:15px}.joe_video__type-list{border-top:1px solid var(--classC);display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding-top:15px}.joe_video__type-list .item{background:var(--classD);border-radius:14px;color:var(--routine);cursor:pointer;font-size:12px;height:28px;line-height:28px;overflow:hidden;padding:0 15px;text-align:center;text-overflow:ellipsis;transition:color .35s,background .35s,box-shadow .35s,transform .35s;user-select:none;white-space:nowrap}.joe_video__type-list .item.active{background:var(--theme);color:#fff}.joe_video__type-list .item.active,.joe_video__type-list .item:hover{box-shadow:0 5px 5px rgba(0,0,0,.1);transform:translateY(-2px)}.joe_video__type-list .error{color:var(--routine);text-align:center;user-select:none}.joe_video__list-item{border-top:1px solid var(--classC);display:grid;gap:15px;grid-template-columns:repeat(5,1fr);padding-top:15px}.joe_video__list-item .item{border-radius:var(--radius-inner);overflow:hidden;position:relative}.joe_video__list-item .item .year{background:#ff6800;border-radius:2px;color:#fff;font-size:12px;font-style:normal;padding:2px 5px;position:absolute;right:8px;top:8px;z-index:3}.joe_video__list-item .item .thumb{height:260px;position:relative}.joe_video__list-item .item .thumb .pic{height:100%;object-fit:cover;width:100%}.joe_video__list-item .item .thumb:before{background:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background .3s ease-out;z-index:2}.joe_video__list-item .item .thumb:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAA1VBMVEUcHBwAAAD8/PwpKSn///////+SkpL6+vrMzMx6enrj4+Pf39+4uLhkZGRhYWFTU1P///9DQ0P////////////////+/v5bW1v39/fz8/P////////a2tpoaGj////19fXY2Nizs7Oqqqr///+VlZU8PDz///////////////////+9vb3///+xsbH///////////////////////////+Ojo7////////v7+/s7Oz////////////q6url5eXc3Nzc3NzJycnCwsKgoKCLi4v////////8X/FsAAAARnRSTlNmAPtq77qS9r2F1NGsfHt2k3BWHQsG+3ny69rWy35f7sinopeUbiHcxr2wr6qmpaF9LxoWmJAyH+jig3tj3dnOzLmzmo4z4F1A4QAAAdxJREFUSMellmlX6jAQhod0X1gKlLKDILjgLuj17veq7///SaLgoZm02OjzsTlPTyaZmQyVFBrDmtU1Wy2za9WGDXWdK42rHiR6V/d7leszAE4QrgaRYUSDVRg4AM6uc5XbS0CMbYNSGPZYAJe32UrdhHCrpFB1Bcx6hhJPAT+hTBIfmMZcaVoQB5TLgYDVlJXmMdoe7cFr47iZVuITdCq0l0oHJ3FKmWLEDdUZYbpT6hAefYgnUH9XbkycUwHOYd5slQv4VAgfFxvlDqJcTCkL3L0pp3CpIC5OX5V7iGpRpSowXys/0CeZp7/9xSDb6eP7WunBVn615mFikIqNbokacNjaf2zoTFTFcDCnIQKSecA7vzziBPhJNYTsR9jRWvDdhaiRhUOSGCDN74gkDmHREcr8o8S3RL5NHJGJmaxMINOR1iOYBPACBKMvR9pSlQUYgit8Y6oSsI2p4YfMaCc8fH7IPPyRxw9ZvUqbnzG/SjVhykgxnqkJk5GWzi6Mx8y0VJP/DzYId5ad/GqJrbZCkltic6WQ/wnHn0R5hfy5dlF61mtK+q1Pv8Hqt3G9xyIZYfmVJ0n/4dN/XrfES8Cv5GzKB5ax/qjw9YGEjz32Zuyx2djz+eFKf4R7ATsDgJd2KvNDAAAAAElFTkSuQmCC) no-repeat;content:"";height:50px;left:50%;margin:-25px 0 0 -25px;opacity:0;position:absolute;top:50%;transform:scale(2);transition:transform .25s ease-out,opacity .25s ease-out;width:50px;z-index:3}.joe_video__list-item .item .thumb:hover:before{background:rgba(0,0,0,.5)}.joe_video__list-item .item .thumb:hover:after{opacity:.8;transform:scale(1)}.joe_video__list-item .item .title{background:var(--classD);color:var(--routine);font-size:12px;height:38px;line-height:38px;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.joe_video__list-item .error{color:var(--minor);text-align:center}.joe_video__list-item:empty{align-items:center;display:flex;height:180px;justify-content:center;position:relative}.joe_video__list-item:empty:after{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjNDA5ZWZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBjeD0iNSIgY3k9IjUwIiByPSI1Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIgYmVnaW49IjBzIiBkdXI9IjIuMnMiIHZhbHVlcz0iNTA7NTs1MDs1MCIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgYmVnaW49IjBzIiBkdXI9IjIuMnMiIHZhbHVlcz0iNTsyNzs0OTs1IiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjI3IiBjeT0iNSIgcj0iNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiIGJlZ2luPSIwcyIgZHVyPSIyLjJzIiBmcm9tPSI1IiB0bz0iNSIgdmFsdWVzPSI1OzUwOzUwOzUiIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGJlZ2luPSIwcyIgZHVyPSIyLjJzIiBmcm9tPSIyNyIgdG89IjI3IiB2YWx1ZXM9IjI3OzQ5OzU7MjciIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNDkiIGN5PSI1MCIgcj0iNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiIGJlZ2luPSIwcyIgZHVyPSIyLjJzIiB2YWx1ZXM9IjUwOzUwOzU7NTAiIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjQ5IiB0bz0iNDkiIGJlZ2luPSIwcyIgZHVyPSIyLjJzIiB2YWx1ZXM9IjQ5OzU7Mjc7NDkiIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PC9nPjwvc3ZnPg==);background-repeat:no-repeat;background-size:100% 100%;content:"";display:block;height:70px;width:70px}.joe_video__list-search{align-items:center;display:flex;position:absolute;right:15px;top:15px}.joe_video__list-search .input{background:var(--background);border:1px solid var(--theme);color:var(--routine);font-size:12px;height:30px;padding:0 12px;width:180px}.joe_video__list-search .button{background:var(--theme);border:none;color:#fff;font-size:12px;height:30px;padding:0 12px}.joe_video__pagination{align-items:center;display:flex;justify-content:flex-end;padding-top:15px}.joe_video__pagination-item{background:var(--background);border-radius:2px;color:var(--main);cursor:pointer;height:32px;line-height:32px;margin-left:5px;padding:0 15px;transition:background .35s,color .35s;user-select:none}.joe_video__pagination-item:first-child{margin-left:0}.joe_video__pagination-item svg{fill:var(--routine);transition:fill .35s}.joe_video__pagination-item .next{transform:rotate(180deg)}.joe_video__pagination-item.active,.joe_video__pagination-item:hover{background:var(--theme);color:#fff}.joe_video__pagination-item.active svg,.joe_video__pagination-item:hover svg{fill:#fff}.joe_video__detail{margin-bottom:15px}.joe_video__detail-info{border-top:1px solid var(--classC);display:flex;padding-top:15px}.joe_video__detail-info .thumbnail{border-radius:var(--radius-inner);flex-shrink:0;height:240px;margin-right:15px;overflow:hidden;position:relative;width:180px}.joe_video__detail-info .thumbnail .pic{height:100%;object-fit:cover;width:100%}.joe_video__detail-info .thumbnail .year{background:#ff6800;border-radius:2px;color:#fff;font-size:12px;font-style:normal;padding:2px 5px;position:absolute;right:8px;top:8px;z-index:3}.joe_video__detail-info .description{overflow:hidden}.joe_video__detail-info .description dt{color:var(--main);font-size:22px;margin-bottom:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joe_video__detail-info .description dd{-webkit-line-clamp:2;
  /*! autoprefixer: ignore next */-webkit-box-orient:vertical;display:-webkit-box;line-height:22px;margin-bottom:5px;max-height:44px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.joe_video__detail-info .description dd .muted{color:var(--minor)}.joe_video__detail-info .description dd .text{color:var(--routine)}.joe_video__detail-info .error{color:var(--minor);margin:0 auto;user-select:none}.joe_video__player{margin-bottom:15px}.joe_video__player-play{background:#000;height:500px;width:100%}.joe_video__source{margin-bottom:15px}.joe_video__source:last-child{margin-bottom:0}.joe_video__source-list{border-top:1px solid var(--classC);display:grid;gap:15px;grid-template-columns:repeat(6,1fr);padding-top:15px}.joe_video__source-list .item{background:var(--classD);border-radius:15px;color:var(--routine);cursor:pointer;font-size:12px;height:30px;line-height:30px;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;transition:transform .35s,box-shadow .35s,background .35s,color .35s;white-space:nowrap}.joe_video__source-list .item.active{background:var(--theme);color:#fff}.joe_video__source-list .item.active,.joe_video__source-list .item:hover{box-shadow:0 5px 5px rgba(0,0,0,.1);transform:translateY(-2px)}