@media screen and (min-width: 741px){.video-box{background:var(--my-white);padding:0 20px}.video-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;padding-top:20px;border-top:1px solid #000}.video-main{padding-bottom:20px}.page-video-box{display:flex;position:relative}.page-video-left{width:calc(100% - 400px)}.left-video-box{position:relative;display:block;height:0;padding:0 0 56.25%;overflow:hidden}.video-left-video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.page-video-right{border:1px solid #ddd;overflow:auto;position:absolute;right:0;top:0;height:100%;width:400px}.page-video-right::-webkit-scrollbar{width:4px;background:#f8f8f8;border-radius:2px}.page-video-right::-webkit-scrollbar-thumb{width:4px;background:#18181854;border-radius:2px}.video-right-box{display:flex;align-items:center;cursor:pointer;padding:20px 30px;border-bottom:1px solid #ddd;position:relative}.video-right-box:last-child{margin-bottom:0}.video-right-box.active{background:#f5f5f5}.video-right-box.active:after{background:var(--my-red);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:7px}.video-right-imgbox{position:relative}.video-right-imgbox img{max-width:unset;width:90px}.video-play-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:20px;background:#fff6;border-radius:3px;display:flex;align-items:center;justify-content:center}.video-right-textbox{margin-left:15px}.video-right-title{font-weight:600}.video-right-text{font-weight:300;margin-top:6px}.arrow-down{transform:rotate(0);transition:transform .3s ease}.arrow-up{transform:rotate(180deg);transition:transform .3s ease}}@media screen and (max-width: 740px){.video-box{background:var(--my-white);padding:0 15px}.video-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;padding-top:20px;border-top:1px solid #000}.video-header h4{font-size:24px;margin:0}.video-header svg{width:30px;height:30px}.video-main{padding-bottom:20px}.page-video-box{display:flex;flex-direction:column}.left-video-box{position:relative;display:block;height:0;padding:0 0 56.25%;overflow:hidden}.video-left-video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.page-video-right{overflow:auto;height:297px;border:1px solid #ddd}.page-video-right::-webkit-scrollbar{width:4px;background:#f8f8f8;border-radius:2px}.page-video-right::-webkit-scrollbar-thumb{width:4px;background:#18181854;border-radius:2px}.video-right-box{display:flex;align-items:center;cursor:pointer;padding:15px;border-bottom:1px solid #ddd;position:relative}.video-right-box:last-child{margin-bottom:0;border-bottom:0}.video-right-box.active{background:#f5f5f5}.video-right-box.active:after{background:var(--my-red);content:"";display:block;height:100%;position:absolute;right:0;top:0;width:7px}.video-right-imgbox{position:relative}.video-right-imgbox img{max-width:unset;width:90px}.video-play-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:20px;background:#fff6;border-radius:3px;display:flex;align-items:center;justify-content:center}.video-right-textbox{margin-left:15px}.video-right-title{font-size:16px;font-weight:600}.video-right-text{font-size:14px;font-weight:300;margin-top:0}.arrow-down{transform:rotate(0);transition:transform .3s ease}.arrow-up{transform:rotate(180deg);transition:transform .3s ease}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/jd-video.css.map */