.video-player-with-video-list{display:flex;width:100%;justify-content:center;margin-bottom:70px;padding-left:41px;align-items:center;padding-right:41px;flex-direction:column;margin-top:60px}
.video-with-list-container{display:flex;flex-direction:column;align-items:center;width:85%;max-width:1214px}
.video-with-list-container h2{font-size:1.143rem;font-weight:500;line-height:1.55;text-align:left;color:#525a63;padding-bottom:20px;width:100%}
.video-with-list-container .video-container{width:100%}
.video-with-list-container .list-title{margin-top:3rem}
.video-with-list-container .video-container .video-banner.disable-click{pointer-events:unset;filter:unset}
.video-with-list-container .list{display:flex;flex-direction:column;background:#fff;position:relative}
.video-with-list-container .list::after{content:"";height:100px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,rgba(247,248,250,0) 0,rgba(247,248,250,1) 100%);pointer-events:none}
.video-with-list-container .list-content:hover{background:#eee}
.video-with-list-container .list-footer-link{margin-top:12px;display:inline-flex;font-size:.905rem;color:#03234b;line-height:1.85;padding-bottom:4px;font-weight:bold;border-bottom:solid 2px #03234b}
.video-with-list-container .list-footer-link:hover{color:#042e62}
.video-with-list-container .list-footer-link:active{color:#021b3b}
.video-with-list-container .list-footer-link img{margin-left:11px}
.video-with-list-container .list-content .list-link{align-items:center;display:flex;flex-direction:row;padding:16px 32px 17px 16px;border-bottom:solid 1px #dbdee2}
.video-with-list-container .list-content:last-child .list-link{border-bottom:0}
.video-with-list-container .list-content:hover{background-color:#eeeff1}
.video-with-list-container .list-content .list-link .list-number{font-size:.714rem;text-align:center;line-height:1.55;font-weight:bold;color:#6a7077;margin-right:19px}
.video-with-list-container .list-content .list-link img{border-radius:3px}
.video-with-list-container .list-content .list-link .list-content{padding-left:38px;padding-right:38px;max-width:75%}
.video-with-list-container .list-content .list-link .list-content p{font-size:.714rem;font-weight:bold;text-align:left;color:#525a63;line-height:1.55;padding-bottom:unset}
.video-with-list-container .list-content .list-link .list-button{margin-left:auto}
.video-with-list-container .list-content .list-link .list-button button{background-color:inherit;border:0;font-weight:bold;font-size:.714rem;line-height:1.55;color:#525a63;transition-property:background-color;transition-duration:0}
.video-with-list-container .list-link:hover .list-button button{background-color:#eee}
.video-with-list-container .list-content .list-link .list-button img{margin-left:10px}
.icon-box{display:flex;align-items:center}
.video-player-with-video-list #video-with-list-container .video-container .s7knob{z-index:200}
@media(max-width:1024px){.video-with-list-container .list-content .list-link p{flex:0 0 57%}
}
@media(max-width:640px){.video-with-list-container h2{font-size:1rem}
.video-player-with-video-list{padding-left:20px;padding-right:20px}
.video-with-list-container .list-content .list-link p{padding-left:1.3rem;flex:unset}
.video-with-list-container .list-content .list-link{padding:16px .3rem}
.video-with-list-container .list-content .list-link .list-button{display:none}
.video-with-list-container .list-content .list-link img{width:70px;height:39px}
.video-with-list-container .list-content .list-link .list-number{display:none}
.video-with-list-container .list-content .list-link p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.video-with-list-container .list-footer-link>span{display:none}
.video-with-list-container .list-footer-link::before{content:"Watch more"}
.video-with-list-container .list-footer-link{font-size:.714rem}
}