.cpts-userhelp{padding:15px}.cpts-userhelp .videoblock{border-radius:8px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.05);box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden}.cpts-userhelp .videoblock .videoblock-hd{padding:20px;color:#666;font-size:14px;position:relative;border-bottom:1px solid #f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cpts-userhelp .videoblock .videoblock-hd .title{font-size:22px;color:#333;margin-right:10px;font-weight:600;position:relative;padding-left:12px}.cpts-userhelp .videoblock .videoblock-hd .title:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px;height:18px;background:#409eff;border-radius:2px}.cpts-userhelp .videoblock .videoblock-bd{padding:20px;background:#fff;width:100%}.cpts-userhelp .videoblock .videoblock-bd.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cpts-userhelp .videoblock .videoblock-bd.videos .videoitem{cursor:pointer;position:relative;-webkit-transition:all .3s;transition:all .3s;border-radius:6px;overflow:hidden;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05)}.cpts-userhelp .videoblock .videoblock-bd.videos .videoitem:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 15px rgba(0,0,0,.1);box-shadow:0 8px 15px rgba(0,0,0,.1)}.cpts-userhelp .videoblock .videoblock-bd.videos .videoitem:hover .img:after{opacity:.7}.cpts-userhelp .videoblock .videoblock-bd.videos .videoitem:hover .icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.cpts-userhelp .videoblock .videoblock-bd.videos .videoitem .img{width:100%;height:160px;background-size:cover;background-position:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.cpts-userhelp .videoblock .videoblock-bd.videos .videoitem .img:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s}.cpts-userhelp .videoblock .videoblock-bd.videos .videoitem .img .icon{width:50px;height:50px;background-image:url(https://zhaokao-yzj.oss-cn-beijing.aliyuncs.com/icon_video.png);background-size:100% 100%;position:relative;z-index:2;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cpts-userhelp .videoblock .videoblock-bd.videos .videoitem .title{padding:12px 15px;font-size:15px;color:#333;font-weight:500;line-height:1.4;text-align:left;background:#fff}.cpts-userhelp .el-dialog{border-radius:8px;overflow:hidden}.cpts-userhelp .el-dialog .el-dialog__header{padding:15px 20px;border-bottom:1px solid #f0f0f0}.cpts-userhelp .el-dialog .el-dialog__body{padding:0}