@media screen and (min-width: 741px){.video-tab-box{display:grid;grid-template-columns:290px auto;gap:20px}.video-page-left{height:fit-content;padding:20px;background:var(--my-white)}.video-page-search{margin-bottom:20px}.video-page-input{height:46px;min-width:130px}.video-page-btn{height:46px;width:60px}.video-page-btn svg{height:16px;width:16px}.video-tab-item{position:relative;font-weight:300;padding:16px 0;margin:0 10px;cursor:pointer;border-bottom:1px solid #ddd}.video-tab-item.active{font-weight:600}.video-tab-item.active:before{position:absolute;left:-30px;top:0;width:8px;height:100%;background:var(--my-red);content:""}.video-tab-item:last-child{border-bottom:0}.video-page-right{display:flex;flex-direction:column;gap:20px}.top-video-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px}.right-video-box,.bottom-video-box{position:relative;display:block;height:0;padding:0 0 56.25%;overflow:hidden}.video-page-video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.right-video-info,.bottom-video-info{display:flex;flex-direction:column;gap:30px;justify-content:space-between;padding:15px;background:var(--my-white)}.video-info-top,.video-info-bottom{display:flex;justify-content:space-between}.right-video-info .tab,.bottom-video-info .tab{font-weight:600;border-radius:12px;color:var(--my-white);white-space:nowrap;padding:4px 15px;height:max-content;background:var(--my-blue)}.right-video-info .item-title,.bottom-video-info .item-title{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.right-video-info .text,.bottom-video-info .text{font-weight:300}.bottom-video-list .title{font-weight:600;margin-bottom:20px}.bottom-video-list .content{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px}}@media screen and (max-width: 740px){.video-tab-box{display:grid;grid-template-columns:100%;gap:20px}.video-page-left{height:fit-content;padding:15px;background:var(--my-white);box-shadow:0 6px 17px 4px #a3a3a336}.video-page-search{margin-bottom:20px}.video-page-input{font-size:16px;height:46px;min-width:130px}.video-page-btn{height:46px;width:60px}.video-page-btn svg{height:16px;width:16px}.video-tab-list{display:flex;gap:20px;overflow-x:scroll;padding-bottom:15px}.video-tab-list::-webkit-scrollbar{width:6px;height:6px}.video-tab-list::-webkit-scrollbar-track{background:#f0f0f0}.video-tab-list::-webkit-scrollbar-thumb{background-color:#dbdbdb;border-radius:5px}.video-tab-item{position:relative;font-size:14px;font-weight:300;cursor:pointer;white-space:nowrap}.video-tab-item.active{font-weight:600;border-bottom:2px solid var(--my-red)}.video-tab-item:last-child{border-bottom:0}.video-page-right{display:flex;flex-direction:column;gap:20px}.top-video-list{display:grid;grid-template-columns:auto;grid-gap:15px}.right-video-box,.bottom-video-box{position:relative;display:block;height:0;padding:0 0 56.25%;overflow:hidden}.video-page-video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.right-video-info,.bottom-video-info{display:flex;flex-direction:column;gap:30px;justify-content:space-between;padding:15px;background:var(--my-white)}.video-info-top{display:flex;gap:10px;justify-content:space-between}.video-info-bottom{display:flex;justify-content:space-between}.right-video-info .tab,.bottom-video-info .tab{font-size:16px;font-weight:500;white-space:nowrap;border-radius:12px;color:var(--my-white);padding:4px 15px;height:max-content;background:var(--my-blue)}.right-video-info .item-title,.bottom-video-info .item-title{font-size:16px;font-weight:400!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.right-video-info .text,.bottom-video-info .text{font-size:16px;font-weight:300}.right-video-info .link,.bottom-video-info .link{text-decoration:underline}.bottom-video-list .title{font-size:28px;font-weight:600;text-align:center;margin-bottom:20px}.bottom-video-list .content{display:grid;grid-template-columns:auto;grid-gap:15px}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/jd-video-page.css.map */