.video-item-box{width:352px;background:rgba(18,107,255,.12);margin:0;border:1px solid #fff;border-radius:10px;box-sizing:border-box;position:relative;justify-content:space-between;display:flex;align-items:center}.video-item-box img{width:350px;height:225px;border-radius:8px;z-index:8;cursor:pointer}.video-item-box p{color:#fdfdfd;font-size:14px;display:flex;justify-content:space-between;left:70px;right:-10px;bottom:-2px;z-index:11;position:absolute;letter-spacing:1px}.video-item-box .video-play-btn{width:70px;height:70px;position:absolute;z-index:10;background-size:cover;background-position:50%;background-image:url(/_nuxt/img/mj23.4d38fc2.png);background-repeat:no-repeat;right:-15px;bottom:30px;transition:.5s}.video-item-box .video-play-btn:hover{transform:scale(1.1);cursor:pointer}.video-item-box:after,.video-item-box:before{content:" ";position:absolute;display:block;background-repeat:no-repeat;background-size:contain}.video-item-box:before{width:357px;height:99px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVAAAABPCAYAAAC9H50jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAu9JREFUeNrs3d9RE0EAx/Hdw3fpgOuAjBZASqAEBOOrdCB9OI6WQAkWAJmUgB3QgLfuLYkOf0LYHXFG8vk8OIFhfNiH7/yOHLkYAHjc8Xw/7ITd8jql6erb0ckAW+fDxeuQukl5PQx9iLFfFrHPgeyXeZzkr3cf+28EFHjRKzF/MV3WbrdE8S8SUOBFr8TnJKDAi16JAgpYiQIKWIkCCliJAuoIwEpEQOH/dTLfC13o76/ENAlptQytRAGFbTGbH/wZhr9XYg5gmliJAgpWopUooGAlWokIKFailYiAgpWIgIKViICClQgCipUIAkrTSkwxR2+Y3F+JJZK9gwIB3a6VOAaxhPHOSoxx6qBAQK1EKxEE1Eq0EkFArUQrEQTUSrQSAQG1EgEBtRIBAV1v9agBKxEQ0A0LMgzTHMVJCaS1CAjohmB24TAvzKk/+QMEdNMl+c8czDGaIR46XkBAnxLOIZ7mV6eWJiCgwgnwTAF9f/lJOAEBrXE83w876Ty4vQjYcl3VT88uPuZ4LsQToGaBzi6/5n+PHBnAjVcbf6L8tVD4nl95ng1A1SV8iaeHgQE8fYGWW5TCuXgC1AZ0vL8zhqkjAnjYw28ilY+OS1eOB2C9h38H2qUzRwNQu0DLu+7x2tEA1C7Q5F5PgNZLeAEFqL6E9+YRQOMC7QYfggzQFNAUBBSgKaAe9AbQENDZ/MBxALQENCXrE6ApoDH50BCApoD61CWA1oB6TAdAfUDHB8UB0BDQHY8mBmgLqHfgARoDCkBjQN3CBNB6Ce93oAAu4QH+bUDdRA/QFtDoEh7AJTyAgAIIKICAAiCgAAIKIKAAAgqwTQFN4dpRAFTI3Vwu0LRwGgBVBV2s/pTz3GEAVMjdvAno0AkoQI3czZuAfnnzI1/PnzkRgKdcvede5m7GW9+cXX7N/x45HYC1voXPb9+NL27fxjR+M3WH3lQCuDc7F6WPy3iO4tqfPZnv5bz2Dg3YekO4Kr/qvOOXAAMAQ+4DkLT+bbsAAAAASUVORK5CYII=);bottom:-30px;right:-44px;z-index:9}.video-item-box:after{width:95px;height:160px;background-image:url(/_nuxt/img/mj22.b05ef76.png);bottom:20px;right:-30px;z-index:7;transform:rotateY(180deg)}@media (max-width:768px){.video-item-box{width:90%;margin:0 auto 16px}.video-item-box img{width:100%}.video-item-box .video-play-btn{width:30%;height:30%;top:50%;left:50%;transform:translate(-50%,-50%);background-size:contain}.video-item-box p{font-size:14px;left:9px;right:9px;bottom:10px;padding:6px 10px;background:#006cf8;border-radius:0 0 6px 6px;box-sizing:border-box}.video-item-box:after,.video-item-box:before{display:none}.course-h5-padding-bottom-10 .el-dialog__body{padding-bottom:15px}}.video-item-box[data-v-6d4ee52a]{width:352px;background:rgba(18,107,255,.12);margin:0;border:1px solid #fff;border-radius:10px;padding:10px;box-sizing:border-box;position:relative;justify-content:space-between;display:flex;align-items:center}.video-item-box img[data-v-6d4ee52a]{width:330px;height:186px;border-radius:8px;z-index:8}.video-item-box p[data-v-6d4ee52a]{color:#fdfdfd;font-size:14px;display:flex;justify-content:space-between;left:70px;right:-10px;bottom:-2px;z-index:11;position:absolute;letter-spacing:1px}.video-item-box .video-play-btn[data-v-6d4ee52a]{width:70px;height:70px;position:absolute;z-index:10;background-size:cover;background-position:50%;background-image:url(/_nuxt/img/animation-video-img1.db362fa.png);background-repeat:no-repeat;right:-15px;bottom:30px;transition:.5s}.video-item-box .video-play-btn[data-v-6d4ee52a]:hover{transform:scale(1.1);cursor:pointer}.video-item-box[data-v-6d4ee52a]:after,.video-item-box[data-v-6d4ee52a]:before{content:" ";position:absolute;display:block;background-repeat:no-repeat;background-size:contain}.video-item-box[data-v-6d4ee52a]:before{width:357px;height:99px;background-image:url(/_nuxt/img/animation-video-img2.cee463d.png);bottom:-30px;right:-44px;z-index:9}.video-item-box[data-v-6d4ee52a]:after{width:95px;height:160px;background-image:url(/_nuxt/img/animation-video-img3.57fcc03.png);bottom:20px;right:-30px;z-index:7;transform:rotateY(180deg)}@media (max-width:768px){.video-item-box[data-v-6d4ee52a]{width:90%;margin:0 auto 16px}.video-item-box img[data-v-6d4ee52a]{width:100%}.video-item-box .video-play-btn[data-v-6d4ee52a]{width:30%;height:30%;top:50%;left:50%;transform:translate(-50%,-50%);background-size:contain}.video-item-box p[data-v-6d4ee52a]{font-size:14px;left:10px;right:10px;bottom:10px;padding:6px 12px;background:#006cf8;border-radius:0 0 8px 8px;box-sizing:border-box}.video-item-box[data-v-6d4ee52a]:after,.video-item-box[data-v-6d4ee52a]:before{display:none}.course-h5-padding-bottom-10[data-v-6d4ee52a] .el-dialog__body{padding-bottom:15px}}