.instruction[data-v-0b765e06]{width:100%;height:100%;overflow:hidden}.instruction .instruction-detail-title[data-v-0b765e06]{position:relative;padding:20px 0;height:65px;box-sizing:border-box;text-align:center;font-size:18px;color:#333;background:#fff;box-shadow:0 4px 8px 1px #edeceb}.instruction .instruction-detail-title .back-icon[data-v-0b765e06]{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;padding:15px 20px;cursor:pointer;font-size:14px;color:#666}.instruction .instruction-detail-title .back-icon .el-icon[data-v-0b765e06]{margin-right:5px}.instruction .banner[data-v-0b765e06]{display:block;width:100%;height:auto}.instruction .content-box[data-v-0b765e06]{display:flex;width:1010px;height:70vh;margin:20px auto 0;border-radius:10px;border:1px solid #d8d8d8}.instruction .content-box .content-list[data-v-0b765e06]{box-sizing:border-box;width:160px;height:100%;padding:10px 0;border-right:1px solid #d8d8d8;background:#fafafa;display:flex;flex-direction:column;border-radius:10px}.instruction .content-box .content-list .content-list-item[data-v-0b765e06]{cursor:pointer;width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;color:#333;border-left:2px solid transparent;transition:all .3s}.instruction .content-box .content-list .content-list-item.active[data-v-0b765e06]{color:#ebb23d;font-weight:600;border-color:#ebb23d}.instruction .content-box .content-detail[data-v-0b765e06]{flex:1;overflow:hidden}.instruction .content-box .content-detail .content-detail-top[data-v-0b765e06]{box-sizing:border-box;display:flex;height:50px;line-height:50px;align-items:center;border-bottom:1px solid #d8d8d8}.instruction .content-box .content-detail .content-detail-top .content-detail-top-item[data-v-0b765e06]{margin-left:20px;cursor:pointer;width:80px;height:28px;line-height:28px;text-align:center;font-size:14px;border-radius:5px;color:#999;transition:all .3s}.instruction .content-box .content-detail .content-detail-top .content-detail-top-item.active[data-v-0b765e06]{color:#333;background:#ebb23d}.instruction .content-box .content-detail .content-detail-box[data-v-0b765e06]{width:100%;height:calc(100% - 50px);overflow-y:auto;padding:20px;box-sizing:border-box}.instruction .content-box .content-detail .content-detail-video-list[data-v-0b765e06]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:min-content;gap:15px}.instruction .content-box .content-detail .content-detail-video-list .content-detail-video-list-item[data-v-0b765e06]{cursor:pointer;width:100%}.instruction .content-box .content-detail .content-detail-video-list .content-detail-video-list-item .content-detail-video-list-item-img[data-v-0b765e06]{width:100%;position:relative;padding-bottom:51.92%}.instruction .content-box .content-detail .content-detail-video-list .content-detail-video-list-item .content-detail-video-list-item-img .el-image[data-v-0b765e06]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px}.instruction .content-box .content-detail .content-detail-video-list .content-detail-video-list-item .content-detail-video-list-item-title[data-v-0b765e06]{margin-top:10px;width:100%;height:44px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.instruction .content-box .content-detail .content-detail-manual-list-item[data-v-0b765e06]{display:flex;align-items:center;padding:20px 0;border-bottom:2px solid #f5f5f5;cursor:pointer}.instruction .content-box .content-detail .content-detail-manual-list-item[data-v-0b765e06]:first-child{padding-top:0}.instruction .content-box .content-detail .content-detail-manual-list-item .content-detail-manual-list-item-icon[data-v-0b765e06]{display:block;width:36px;height:36px}.instruction .content-box .content-detail .content-detail-manual-list-item .content-detail-manual-list-item-title[data-v-0b765e06]{margin-left:15px;font-size:14px;color:#333}.side-box[data-v-0b765e06]{box-sizing:border-box;position:fixed;right:40px;top:15vh;width:180px;height:230px;padding:20px;border-radius:10px;box-shadow:0 0 8px 1px hsla(0,0%,74.9%,.5);background:#fff}.side-box .side-box-qr[data-v-0b765e06]{box-sizing:border-box;width:140px;height:140px;background:#fafafa;border-radius:10px;border:2px solid #ecb33e}.side-box .side-box-title[data-v-0b765e06]{margin-top:15px;text-align:center;font-size:14px;color:#333}.side-box .side-box-subtitle[data-v-0b765e06]{margin-top:2px;text-align:center;font-size:12px;color:#333}.foot[data-v-0b765e06]{position:fixed;bottom:0;left:0;width:100%;text-align:center;font-size:14px;color:#fff;padding:20px 0;background:#333}