.detail-wrap{background:#fff;padding:20px;min-height:600px;width:1000px;margin:20px auto auto}.detail-wrap p.title{text-align:center;font-size:36px;margin-bottom:30px;color:#1a1919;word-break:break-all;position:relative}.detail-wrap p.title .iconfont{float:right;font-size:24px;margin-top:15px;cursor:pointer}.detail-wrap p.title .icon-yishoucang{color:#d2222b;font-size:21px}.detail-wrap p.title .iconSpan{position:absolute;top:0;right:-100px}.detail-wrap .detail-content{font-size:14px}.detail-wrap .detail-content p{padding-bottom:20px;font-size:18px;line-height:2em}.detail-wrap .detail-content p span{text-indent:0}.detail-wrap .detail-content p video{text-indent:0;display:block;margin:0 auto}.detail-wrap .detail-content img{max-width:100%;height:auto!important}.detail-wrap .detail-content .video-with-download{position:relative;max-width:100%;font-size:0;line-height:0}.detail-wrap .detail-content .video-with-download video{display:block;max-width:100%}.detail-wrap .detail-content .video-with-download .video-download-btn{position:absolute;top:10px;right:10px;z-index:5;width:120px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(210,34,43,.92);color:#fff;font-size:13px;line-height:1;font-weight:400;text-indent:0;border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:background .2s;box-sizing:border-box;white-space:nowrap;overflow:hidden}.detail-wrap .detail-content .video-with-download .video-download-btn:hover{background:#d2222b}.detail-wrap .detail-content .video-with-download .video-download-btn.is-loading{width:150px;background:rgba(210,34,43,.6);cursor:not-allowed}.detail-wrap .detail-content .video-with-download .video-download-btn i{font-size:14px;line-height:1;margin-right:4px;text-indent:0}.detail-wrap .detail-content .video-with-download .video-download-btn .txt{font-size:13px;line-height:1;text-indent:0}.detail-wrap .detail-content .video-with-download .video-download-btn .txt .loading-dots i{font-size:inherit;margin-right:0}.el-popover__reference-wrapper .el-loading-spinner{left:-8px}.code-wrap{position:relative;box-shadow:15px 10px 14px #ebe5e5;background:url(../../static/img/bigbg.f3bb2992.png);background-size:cover;background-repeat:no-repeat;width:250px;height:270px;padding-top:12px;border-radius:8px}.code-wrap p{text-align:center;color:#333;padding-top:12px;cursor:pointer;font-size:18px}#qrCodeNew{width:200px;height:200px;padding:10px;background:#fff;border-radius:10px;margin:0 auto;box-sizing:border-box}#qrCodeNew canvas{display:block!important;width:100%!important;height:auto!important;margin:0}#qrCodeNew img{display:none!important}.loading-dots{display:inline-block;letter-spacing:1px}.loading-dots i{font-style:normal;display:inline-block;animation:loading-dots-bounce 1.2s ease-in-out infinite both}.loading-dots i:first-child{animation-delay:-.32s}.loading-dots i:nth-child(2){animation-delay:-.16s}.loading-dots i:nth-child(3){animation-delay:0s}@keyframes loading-dots-bounce{0%,80%,to{opacity:.15;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.video-processing-tip .el-message__content{display:inline-flex;align-items:center}.share-wrapper{position:relative;display:inline-block;width:50px}.share-icon{width:20px;height:20px;cursor:pointer;vertical-align:middle;position:static}@media screen and (max-width:768px){.detail-wrap{width:100%;min-height:auto;margin-top:12px;padding:14px 12px 18px;box-sizing:border-box}.detail-wrap p.title{font-size:24px;line-height:1.5;padding-right:0}.detail-wrap p.title .iconfont{margin-top:0}.detail-wrap p.title .iconSpan{position:static;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;margin-top:12px}.detail-wrap .detail-content p{font-size:16px;line-height:1.8em}.detail-wrap .detail-content .video-with-download .video-download-btn{top:6px;right:6px;width:32px;height:32px;padding:0;border-radius:50%;text-indent:0}.detail-wrap .detail-content .video-with-download .video-download-btn .txt{display:none;text-indent:0}.detail-wrap .detail-content .video-with-download .video-download-btn i{margin-right:0;font-size:16px;text-indent:0}.share-wrapper{right:auto!important;width:auto}.code-wrap{position:absolute;top:28px;right:0;left:auto;z-index:100;width:152px;height:168px;padding-top:6px}.code-wrap p{font-size:12px;padding-top:6px}#qrCodeNew{width:140px;height:140px;padding:8px}}