#share-canvas{border:2px solid red}.canvas-bg{border:2px solid green;background-color:gray}.parameter-panel{margin-top:20px;padding:20px;background:#f5f5f5;border-radius:4px}.parameter-item{margin-bottom:15px}.parameter-item label{display:block;margin-bottom:5px;font-weight:700}.share-img-title{text-align:center;margin-bottom:20px}.thumbnail-imgs-box{height:200px;margin:0 auto;padding-right:20px;overflow-x:hidden;overflow-y:hidden}.share-canvas-img{width:100%;box-shadow:0 5px 20px 0 rgba(0,0,0,.7);margin:0 auto;display:block;border:2px solid red}.composite-imgs-box{position:relative}.share-loading-div{position:absolute;width:200px;height:200px;top:50%;left:50%;border-radius:10px;margin-top:-100px;margin-left:-100px;background:rgba(0,0,0,.5);text-align:center;font-size:18px;color:#fff}.share-loading-div .el-icon-loading{font-size:40px;color:#fff;margin-top:60px;margin-bottom:15px}.thumbnail-img-p{float:left;width:130px;height:120px}.active-img-bg{border:6px solid #f56c6c!important}.active-img-bg,.thumbnail-img-p>div{box-shadow:0 1px 4px 0 rgba(0,0,0,.7)}.thumbnail-img-p>div{width:110px;height:110px;margin:0 20px 10px 20px;box-sizing:border-box;border:6px solid #fff;overflow:hidden;border-radius:10px;position:relative}.thumbnail-img-p img{width:100%}.thumbnail-img-icon{position:absolute;right:5px;bottom:5px;color:red;font-size:30px}.pray-bg-img-icon-white{color:#fff}.qrcode-div{display:none}.share-img-div{border-radius:20px;width:1000px;background:#e5e5e5;padding:20px 0}#canvas{border:2px solid green}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:10px}.title{display:inline-flex}.main{min-height:800px}.el-main{margin-top:30px}