@charset "UTF-8";.play-tv{height:100%;position:relative}.play-tv .play-container{display:flex;flex-direction:row;gap:24px}.play-tv .play-container .main-play{flex:1;order:1;width:100%}.play-tv .play-container .main-play .top-page{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:8px;position:relative;z-index:2}.play-tv .play-container .main-play .top-page .back-page .ant-btn{padding-left:0}.play-tv .play-container .main-play .top-page .progress-history .ant-progress-text{font-size:1.3rem}.play-tv .play-container .main-play .video{position:relative;width:100%}.play-tv .play-container .main-play .video .video-wrapper{position:relative;width:100%;z-index:1}.play-tv .play-container .main-play .movie-content{padding-top:10px;position:relative;z-index:1}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated{width:100%}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .el-skeleton__item.el-skeleton__text.title{height:18px;margin-bottom:20px;min-width:250px}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .el-skeleton__item.el-skeleton__text.rate{height:15px;margin-top:5px;min-width:250px}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .el-skeleton__item.el-skeleton__text.view{margin-top:5px;min-width:100px}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .actions{display:flex;gap:15px;justify-content:space-between;margin-bottom:20px;margin-top:0}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .actions .left,.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .actions .right{display:flex}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .actions .el-skeleton__item.el-skeleton__button{width:100px}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .actions .el-skeleton__item.el-skeleton__button+.el-skeleton__item.el-skeleton__button{margin-left:15px}.play-tv .play-container .main-play .movie-content .el-skeleton.is-animated .content{display:flex;flex-direction:column;gap:15px}.play-tv .play-container .main-play .movie-content .movie-title{font-weight:500}.play-tv .play-container .main-play .movie-content .movie-original-title{color:var(--text-color-gray)}.play-tv .play-container .main-play .movie-content .tags{margin-top:10px}.play-tv .play-container .main-play .movie-content .rating-movie{margin-top:5px}.play-tv .play-container .main-play .movie-content .actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px;margin-top:13px}.play-tv .play-container .main-play .movie-content .actions .action-btn{color:inherit;height:42px;min-height:40px}.play-tv .play-container .main-play .movie-content .actions .left{align-items:center;display:flex;flex-direction:row}.play-tv .play-container .main-play .movie-content .actions .left .ant-btn.add{background-color:#3737374d}.play-tv .play-container .main-play .movie-content .actions .left .ant-btn.add svg{font-size:2.5rem;height:2.5rem;margin-left:-5px;width:2.5rem}.play-tv .play-container .main-play .movie-content .actions .left .ant-btn.add:hover{background-color:#61616166;border-color:var(--btn-hover-border-color)}.play-tv .play-container .main-play .movie-content .actions .right{align-items:center;display:flex}.play-tv .play-container .main-play .movie-content .actions .right .ant-btn{padding:7px 20px}.play-tv .play-container .main-play .movie-content .actions .right svg{font-size:2.1rem;height:2.1rem;margin-right:8px;width:2.1rem}.play-tv .play-container .main-play .movie-content #comment,.play-tv .play-container .main-play .movie-content .list-episodes-section{margin-top:20px}.play-tv .play-container .side-view{flex:0 0 var(--side-view-play-width);max-height:calc(100vh - var(--header-height));max-width:var(--side-view-play-width);order:2;overflow-y:auto;padding-right:17px;padding-top:15px;position:-webkit-sticky;position:sticky;top:calc(var(--header-height));width:var(--side-view-play-width)}.play-tv .play-container .side-view .secondary-movie-content{display:flex;flex-direction:column;gap:15px}.play-tv .play-container .side-view .secondary-movie-content .el-skeleton.is-animated{display:flex;flex-direction:column;gap:18px;width:100%}.play-tv .play-container .side-view .secondary-movie-content .el-skeleton.is-animated .poster-box .movie-info{display:flex;flex-direction:column;gap:15px;width:100%}.play-tv .play-container .side-view .secondary-movie-content .el-skeleton.is-animated .img-box{display:flex;flex-direction:column;flex-shrink:0;gap:10px;width:calc(10% - var(--gap)*9/10);width:80px}.play-tv .play-container .side-view .secondary-movie-content .el-skeleton.is-animated .img-box .el-skeleton__item.skeleton-img{width:100%}.play-tv .play-container .side-view .secondary-movie-content .poster-box{display:flex;gap:10px}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster{position:relative;width:80px}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster .img-box{position:relative}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster .img-box .ant-ribbon-wrapper{left:0;position:absolute;z-index:1}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster .img-box .ant-ribbon-wrapper .ant-ribbon{background-color:var(--app-background-color);line-height:18px}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster .img-box .ant-ribbon-wrapper .ant-ribbon.vip-1{background-color:var(--app-background-color)}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster .img-box .ant-ribbon-wrapper .ant-ribbon.vip-2{background-color:#e2c90d}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster .img-box .ant-ribbon-wrapper .ant-ribbon.vip-3{background-color:#e26c0d}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster .img-box .ant-ribbon-wrapper .ant-ribbon .ant-ribbon-text{color:#fff;font-size:1.2rem;font-weight:600}.play-tv .play-container .side-view .secondary-movie-content .poster-box .poster .img-box img{background-color:#080808;border-top-right-radius:var(--info-page-backdrop-border-radius);height:100%;object-fit:cover;position:absolute;width:100%}.play-tv .play-container .side-view .secondary-movie-content .poster-box .movie-info .movie-title{font-size:2rem}.play-tv .play-container .side-view .secondary-movie-content .poster-box .movie-info .movie-original-title{color:var(--text-color-gray)}.play-tv .play-container .side-view .secondary-movie-content .poster-box .movie-info .movie-info-item{color:var(--text-color-gray);display:inline-block;margin-top:2px}.play-tv .play-container .side-view .secondary-movie-content .poster-box .movie-info .movie-info-item:not(:first-child):before{color:inherit;content:"•";display:inline-block;font-size:1.5rem;padding:0 5px}.play-tv .play-container .side-view .secondary-movie-content .tags+.tags{margin-top:10px}.play-tv .play-container .side-view .suggested{margin-top:20px}@media only screen and (max-width:1500px){.play-tv .play-container .movie-content .actions .left .action-btn{height:40px}.play-tv .play-container .movie-content .actions .left .ant-btn{font-size:1.5rem}.play-tv .play-container .movie-content .actions .left .ant-btn svg{margin-right:7px}.play-tv .play-container .movie-content .actions .left .ant-btn.add svg{margin-left:-7px}.play-tv .play-container .movie-content .actions .right .ant-btn{font-size:1.5rem}.play-tv .play-container .movie-content .actions .right .ant-btn svg{margin-right:8px}}@media only screen and (max-width:1300px){.play-tv .play-container .movie-content .actions .left .ant-btn{padding:7px 20px}.play-tv .play-container .movie-content .actions .right .ant-btn{padding:7px 15px}}@media only screen and (max-width:1000px){.play-tv .play-container .movie-content .actions .right .ant-btn{padding:7px 10px}}@media only screen and (max-width:650px){.play-tv .play-container .top-page{flex-direction:column;gap:5px}.play-tv .play-container .top-page .back-page{align-self:flex-start}}