.share-box__warp[data-v-fd897882]{position:absolute;left:50%;top:50%;width:900px;height:500px;transform:translate(-50%,-50%);background-color:#292b32;border-radius:4px}.share-box__code-download[data-v-fd897882]{position:absolute;right:-50px;top:55px;width:30px;height:30px;background-image:url(../../static/img/btn_download.704cf5ea.svg)}.share-box[data-v-2a4c7fe6]{z-index:1001}.share-box__warp[data-v-2a4c7fe6]{position:absolute;left:50%;top:50%;width:90%;height:90%;max-width:1080px;max-height:900px;transform:translate(-50%,-50%);background-color:#292b32;border-radius:4px}.share-box__box[data-v-2a4c7fe6]{width:100%;height:100%;background-color:#292b32;padding:40px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.share-box__data-form[data-v-2a4c7fe6]{position:relative;width:250px;margin:0 auto 20px}.share-box__data-title[data-v-2a4c7fe6]{position:absolute;right:100%;height:100%;transform:translate(-20px);opacity:.5;font-size:14px;line-height:20px;color:#fff;white-space:nowrap;display:flex;align-items:center;text-align:right}.share-box__data-input[data-v-2a4c7fe6]{display:block;width:250px;height:60px;background-color:#1b1d23;font-size:14px;line-height:20px;color:#fff;padding:10px;box-sizing:border-box;resize:none}.share-box__data-image[data-v-2a4c7fe6]{position:relative;width:200px;height:160px;background-color:#1b1d23;cursor:pointer}.share-box__data-image input[data-v-2a4c7fe6]{opacity:0;cursor:pointer}.share-box__data-image:hover .share-box__data-image-upload-hover[data-v-2a4c7fe6]{opacity:1}.share-box__data-image-inner[data-v-2a4c7fe6]{object-fit:cover}.share-box__data-image-upload[data-v-2a4c7fe6]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;font-size:12px;line-height:30px;text-align:center;position:relative;color:#fff}.share-box__data-image-upload[data-v-2a4c7fe6]:after{content:"";position:absolute;box-sizing:border-box;left:0;top:0;width:100%;height:100%;border:1px solid hsla(0,0%,100%,.5);border-radius:4px;pointer-events:none}.share-box__data-image-upload-hover[data-v-2a4c7fe6]{opacity:0;background-color:rgba(0,0,0,.7)}.share-box__code-select[data-v-2a4c7fe6]{position:relative;width:260px;background:#1b1d23;border-radius:4px;transform:translateY(5px);z-index:2}.share-box__code-option[data-v-2a4c7fe6]{position:relative;display:flex;align-items:center;width:260px;height:60px;padding:10px 15px;box-sizing:border-box;cursor:pointer}.share-box__code-option-image[data-v-2a4c7fe6]{width:40px;height:40px;background-color:#333;background-repeat:no-repeat;background-size:100% 100%;background-position:50%;margin-right:10px;border-radius:50%}.share-box__code-option-key[data-v-2a4c7fe6]{font-size:14px;line-height:20px;color:#fff}.share-box__code-option-name[data-v-2a4c7fe6]{opacity:.3;font-size:12px;line-height:16px;color:#fff;margin-top:3px}.share-box__code-option-more[data-v-2a4c7fe6]{position:absolute;right:0;top:0;width:40px;height:100%;cursor:pointer}.share-box__code-option-more[data-v-2a4c7fe6]:after{content:"";position:absolute;right:15px;top:50%;width:9px;height:6px;transform:translateY(-3px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h18L9 12z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:100% 100%;pointer-events:none}.share-box__code-options[data-v-2a4c7fe6]{position:absolute;left:0;top:0;z-index:20}.share-box__code-options[data-v-2a4c7fe6]:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #27ad8a;box-sizing:border-box;pointer-events:none;border-radius:4px}.share-box__code-options .share-box__code-option[data-v-2a4c7fe6]{cursor:pointer}.share-box__code-options .share-box__code-option[data-v-2a4c7fe6]:after{display:none;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:.1}.share-box__code-options .share-box__code-option[data-v-2a4c7fe6]:nth-child(2n){background:#33353c}.share-box__code-options .share-box__code-option[data-v-2a4c7fe6]:nth-child(2n):hover:after{display:block;opacity:.1}.share-box__code-options .share-box__code-option[data-v-2a4c7fe6]:nth-child(odd){background:#1b1d23}.share-box__code-options .share-box__code-option[data-v-2a4c7fe6]:nth-child(odd):hover:after{display:block;opacity:.2}.share-box__code-options .share-box__code-option:first-child .share-box__code-option-more[data-v-2a4c7fe6]:after{transform:translateY(-3px) scaleY(-1)}.share-box__code-options-list[data-v-2a4c7fe6]{max-height:280px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.share-box__code-option-content[data-v-2a4c7fe6]{font-size:14px;line-height:20px;color:#fff}.share-box__code-option-content span[data-v-2a4c7fe6]{color:#2bddae}.share-box__code-form[data-v-2a4c7fe6]{margin-bottom:20px;display:flex;align-items:center}.share-box__code-form[data-v-2a4c7fe6]:last-child{margin-bottom:0}.share-box__code-label[data-v-2a4c7fe6]{opacity:.5;font-size:14px;line-height:20px;color:#fff;width:80px;text-align:right;margin-right:7.5px}.share-box__code-input[data-v-2a4c7fe6]{width:260px;height:40px;text-align:left;display:block;box-sizing:border-box;border-radius:4px;background-color:#1b1d23;color:#fff;padding:0 10px;border:none;outline:none;font-size:13px}.share-box__right .share-box__code[data-v-2a4c7fe6],.share-box__right[data-v-2a4c7fe6]{width:600px}.share-box__right .share-box__code-tips[data-v-2a4c7fe6]{margin-top:10px}.share-box__right .share-box__code-warp[data-v-2a4c7fe6]{width:100%}.share-box__name[data-v-2a4c7fe6]{font-size:16px;line-height:22.5px;color:#fff;margin:10px auto 17.5px;text-align:center}.share-box__code-box[data-v-2a4c7fe6]{width:400px;margin:0 auto 40px}.properties__item[data-v-2a4c7fe6]{position:relative;font-size:12px;display:flex;justify-content:space-between;margin-bottom:4px;height:24px;line-height:24px;padding:0 10px;box-sizing:border-box}.properties__name[data-v-2a4c7fe6]{color:#fff;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:70%;min-width:40%}.properties__context[data-v-2a4c7fe6]{text-align:right;flex:1;width:60%}.info-icon[data-v-2a4c7fe6]{width:12px;height:12px;margin:2px;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd' fill-opacity='.8'%3E%3Cpath d='M24 0C10.766 0 0 10.767 0 24c0 13.234 10.766 24 24 24s24-10.766 24-24C48 10.767 37.234 0 24 0zm0 43.636C13.172 43.636 4.364 34.828 4.364 24 4.364 13.173 13.172 4.364 24 4.364S43.636 13.173 43.636 24c0 10.828-8.809 19.636-19.636 19.636z' fill-rule='nonzero'/%3E%3Cpath d='M24 10.182a2.913 2.913 0 0 0-2.909 2.91A2.911 2.911 0 0 0 24 16a2.911 2.911 0 0 0 2.908-2.908A2.913 2.913 0 0 0 24 10.182zm0 10.182a2.182 2.182 0 0 0-2.182 2.181v13.091a2.182 2.182 0 0 0 4.364 0v-13.09A2.182 2.182 0 0 0 24 20.363z'/%3E%3C/g%3E%3C/svg%3E")}.fixed-button-panel[data-v-2a4c7fe6]{position:fixed;margin:0 auto;left:50%;transform:translate(-50%);bottom:0;width:100%;background:#33353c;padding:10px 0}