.bs-cert-preview{margin:0 auto}.bs-cert-preview .cert-box{background-color:#f7f7f7;position:relative;cursor:pointer;padding:5px}.bs-cert-preview .cert-box.selected{border:3px solid #69ac20}.bs-cert-preview .cert-box.selected .selected-icon-bg{display:inline-block;position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:30px solid #69ac20;border-left:30px solid transparent}.bs-cert-preview .cert-box.selected .selected-icon{right:2px;bottom:2px;position:absolute;font-weight:700}.bs-cert-preview .cert-box .cert{position:relative;line-height:normal;margin:0 auto;height:100%;width:100%;background-size:100% 100%;background-repeat:no-repeat}.bs-cert-preview .cert-box .cert .round{border-radius:50%}.cropper-content .cropper[data-v-4e4c78c8]{height:400px}.bs-cert-design .widget{cursor:move;border:1px solid #ddd;padding:2px 3px;width:120px;text-align:center;border-radius:5px;margin-top:10px}.bs-cert-design .editor-box{height:600px;background-color:#f7f7f7;overflow:auto;padding:10px}.bs-cert-design .editor-box .editor{position:relative;line-height:normal;margin:0 auto;height:100%;width:100%;background-size:100% 100%;background-repeat:no-repeat}.bs-cert-design .editor-box .editor .bs-cert-design-line{position:absolute;display:none;z-index:999}.bs-cert-design .editor-box .editor .bs-cert-design-line.vertical{border-left:1px solid #f407d8;width:0;height:100%}.bs-cert-design .editor-box .editor .bs-cert-design-line.vertical.bg-center{top:0;left:50%}.bs-cert-design .editor-box .editor .bs-cert-design-line.horizontal{border-top:1px solid #f407d8;width:100%;height:0}.bs-cert-design .editor-box .editor .bs-cert-design-line.horizontal.bg-center{top:50%;left:0}.bs-cert-design .editor-box .editor .item-box.mark-line-referer{background-color:#70c0ff}.bs-cert-design .editor-box .editor .item-box.active{outline:1px solid #70c0ff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bs-cert-design .editor-box .editor .item-box.active .delete-icon{position:absolute;right:0;top:0;color:#b5b3b3;cursor:pointer;font-size:14px!important}.bs-cert-design .editor-box .editor .item-box.active .point{position:absolute;width:10px;height:10px;border:1px solid #70c0ff;border-radius:50%;background-color:#fff}.bs-cert-design .editor-box .editor .item-box.active .point.right{left:100%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:col-resize}.bs-cert-design .editor-box .editor .item-box.active .point.bottom{left:50%;top:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:row-resize}.bs-cert-design .editor-box .editor .item-box.active .point.left{left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:col-resize}.bs-cert-design .editor-box .editor .item-box.active .point.right-bottom{left:100%;top:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nwse-resize}.bs-cert-design .bg-container{height:160px;width:90px;margin:0 auto;border:1px solid #ddd}.bs-cert-design .bg-container .bg-url{height:100%;width:100%;background-size:contain;background-position:50%;background-repeat:no-repeat}.bs-cert-design .item-url-container{height:120px;width:80px;margin:0 auto;border:1px solid #ddd}.bs-cert-design .item-url-container .url{height:100%;width:100%;background-size:contain;background-position:50%;background-repeat:no-repeat}.bs-cert-design .text-style-icon{width:20px;height:20px;margin-right:10px;margin-bottom:5px;cursor:pointer}.bs-cert-design .text-style-icon.selected{-webkit-box-shadow:0 0 1px 1px #ddd;box-shadow:0 0 1px 1px #ddd}.bs-cert-design .round{border-radius:50%}