.main-container .content_area{background:url(../images/common/video-banner-bg.jpg) no-repeat center/cover}.p-column-image{position:relative;width:7.3rem;height:4.11rem;overflow:hidden}.p-column-image .avatar{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease}.p-column-image .play-icon{--icon-size: .68rem;position:absolute;top:50%;left:50%;z-index:2;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);background-color:rgba(0,0,0,.5);border-radius:50%}.p-column-image .play-icon:after{content:"";width:50%;height:50%;background:url(../images/index/video-play.png) no-repeat center/cover}.p-column-image:hover .avatar{transform:scale(1.2)}.p-column-image.mp{width:100%;height:1.84rem}.p-column-image.mp .play-icon{--icon-size: .34rem}.videos-banner{padding:1.05rem 0}.videos-banner .vb-body{display:flex;align-items:center}.videos-banner .p-column-info{flex:1;padding-left:.5rem;padding-bottom:.3rem;text-align:left;color:#fff}.videos-banner .p-column-subtitle{font-size:.2rem;font-family:Muli,Muli-Bold;font-weight:700;line-height:1.3}.videos-banner .p-column-title{font-size:.4rem;font-family:Muli-Bold,Muli-Semibold;font-weight:700;line-height:1.35;margin:.22rem 0}.videos-banner .p-column-descriptor{font-size:max(16px,.16rem);line-height:1.625}.main-container .videos-category{padding:.8rem 0 1.1rem;background:#f3f3f3}.main-container .videos-category .list{display:flex;flex-wrap:wrap;margin-bottom:.7rem;margin-top:-0.05rem;margin-left:-0.05rem}.main-container .videos-category .list li{box-sizing:border-box;width:calc(25% - .2rem);margin:.1rem;background-color:#fff;text-align:left}.main-container .videos-category .mp-column-info{padding:.2rem}.main-container .videos-category .mp-column-title{margin-bottom:.12rem;font-size:max(12px,.18rem);line-height:1.444;color:#333;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.main-container .videos-category .p-column-more{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:max(12px,.16rem);font-weight:400;color:rgba(51,51,51,.5);line-height:1.625}.main-container .videos-category .p-column-more a{display:block;width:.2rem;height:.2rem;background:url(../images/common/to-right-video.png) no-repeat center/100%}.categories-title{margin-bottom:.4rem;font-size:.24rem;font-family:Muli,Muli-Bold;font-weight:700;color:#252c38;line-height:1.333;text-shadow:0px 2px 4px hsla(0,0%,100%,.63)}@media screen and (max-width: 910px){.videos-banner{padding:40px 0}.videos-banner .vb-body{display:block}.videos-banner .p-column-info{padding-left:0;padding-bottom:0;margin-top:20px}.videos-banner .p-column-subtitle{font-size:12px}.videos-banner .p-column-title{font-size:18px;margin:6px 0}.videos-banner .p-column-descriptor{font-size:12px;line-height:1.5}.p-column-image{width:100%;height:2rem}.p-column-image .play-icon{--icon-size: 20px}.p-column-image.mp{height:.8rem}.p-column-image.mp .play-icon{--icon-size: 20px}.main-container .videos-category{padding:30px 0 40px}.main-container .videos-category .list{margin-bottom:30px;margin-top:-6px;margin-left:-6px}.main-container .videos-category .list li{width:calc(50% - 12px);margin:6px}.main-container .videos-category .mp-column-info{padding:8px}.main-container .videos-category .mp-column-title{margin-bottom:8px;font-size:14px}.main-container .videos-category .p-column-more{font-size:12px}.main-container .videos-category .p-column-more a{width:12px;height:12px}.categories-title{margin-bottom:20px;font-size:24px}}@media screen and (max-width: 380px){.main-container .videos-category .list li{width:100%}.p-column-image.mp{height:1.6rem}}