@media screen and (min-width: 741px){.video-tab-box{display:grid;grid-template-columns:240px auto;gap:40px}.video-page-left{height:fit-content;padding:20px 20px 40px;background:var(--my-white);box-shadow:0 2px 8px #0000000f}.video-page-search{margin-bottom:20px}.video-page-input{width:100%;min-width:unset!important;height:50px;padding:0 20px;margin-left:0!important;background:var(--my-bg2)}.header__search-btn{display:flex;align-items:center;justify-content:center;background:var(--my-bg2);cursor:pointer}.video-page-btn{height:50px;width:60px}.video-page-btn svg{height:16px;width:16px}.video-tab-item{text-transform:capitalize;position:relative;padding:15px 0;cursor:pointer;border-bottom:1px solid #36383866}.video-tab-item.active{font-weight:500;color:var(--my-orange)}.video-tab-item.active .dot{display:inline-block!important;padding:0 8px}.video-page-right{display:flex;flex-direction:column;gap:20px}.top-video-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px}.right-video-item{border-radius:2px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.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;gap:30px;justify-content:space-between;align-items:center;padding:20px;background:var(--my-white)}.video-info-top{display:flex;flex-direction:column;gap:10px}.video-info-bottom a{padding:14.5px 60px;color:var(--my-white);background:var(--my-orange);text-decoration:unset;white-space:nowrap;border-radius:2px}.video-info-bottom a:hover{color:var(--my-white);background:var(--btn-hover)}.right-video-info .item-title,.bottom-video-info .item-title{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:1}.right-video-info .text,.bottom-video-info .text{line-height:1}}@media screen and (max-width: 740px){.video-tab-box{display:grid;grid-template-columns:100%;gap:40px}.video-page-left{display:flex;flex-direction:row-reverse;gap:10px;height:fit-content;padding:20px 10px;background:var(--my-white);box-shadow:0 2px 8px #0000000f}.video-page-search{border-radius:2px;overflow:hidden}.video-page-input{width:100%;min-width:unset!important;height:50px;padding:0 15px;margin-left:0!important;background:var(--my-bg2)}.video-page-all .video-page-btn{display:flex;align-items:center;justify-content:center;background:var(--my-bg2);cursor:pointer}.video-page-btn{height:50px;width:40px;min-width:40px}.video-page-btn svg{height:16px;width:16px}.video-page-btn svg path{fill:var(--my-black)}.video-tab-list{flex:1}.video-tab-select{width:100%;height:100%;padding:0 20px 0 15px;border-radius:2px;border:1px solid #36383899}.video-tab-select::-ms-expand{display:none}.video-tab-select{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(/cdn/shop/files/Polygon_16_2.svg?v=1730083642) no-repeat scroll 92% center transparent}.video-page-right{display:flex;flex-direction:column;gap:20px}.top-video-list{display:grid;grid-template-columns:100%;grid-gap:20px}.right-video-item{border-radius:2px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.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:20px;justify-content:center;padding:20px;background:var(--my-white)}.video-info-top{display:flex;flex-direction:column;gap:10px}.video-info-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between}.video-info-bottom a{flex:1;padding:14.5px 60px;color:var(--my-white);background:var(--my-orange);text-decoration:unset;white-space:nowrap;border-radius:2px;text-align:center}.video-info-bottom a:hover{color:var(--my-white);background:var(--btn-hover)}.right-video-info .item-title,.bottom-video-info .item-title{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:1}.right-video-info .text,.bottom-video-info .text{line-height:1}.right-video-info .sku-text{display:flex;flex-direction:column;line-height:16px}}.no-results-message{display:flex;align-items:center;justify-content:center;flex:1;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/28/assets/jd-video-page.css.map */