.poster-form{position:relative}.poster-form .setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.poster-form .setting>div{margin-right:10px}.poster-form .setting>div>b{margin-right:5px}.poster-form .setting>div>span{font-size:18px;margin:0 10px 0 5px;color:#999}.editor-transform{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:5;cursor:move;border:2px solid #6ccfff}.editor-transform-mask{width:100%;height:100%}.editor-tip{position:absolute;top:-28px;background:#333;color:#fff;font-size:12px;padding:2px 10px;white-space:nowrap}.editor-transform.octant0 .editor-grip-s{cursor:ns-resize}.editor-transform .editor-grip{padding:11px;position:absolute;left:0;top:0;z-index:5;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.editor-transform.editor-transition,.editor-transform .editor-transition{-webkit-transition:opacity .3s;transition:opacity .3s}.editor-transform .editor-grip-n b,.editor-transform .editor-grip-s b{width:16px;height:7px}.editor-transform .editor-grip-s{cursor:ns-resize;left:50%;top:100%;margin-top:1px}.editor-transform.octant0 .editor-grip-sw{cursor:nesw-resize}.editor-transform .editor-grip-sw{cursor:nesw-resize;top:100%;margin-left:-1px;margin-top:1px}.editor-transform .editor-grip-ne b,.editor-transform .editor-grip-nw b,.editor-transform .editor-grip-round b,.editor-transform .editor-grip-se b,.editor-transform .editor-grip-sw b{width:12px;height:12px;border-radius:50%}.editor-transform .editor-grip-w{cursor:ew-resize;top:50%;left:0;margin-left:-1px}.editor-transform .editor-grip-e b,.editor-transform .editor-grip-w b{height:16px;width:7px}.editor-transform .editor-grip-n{cursor:ns-resize;left:50%;margin-top:-1px}.editor-transform .editor-grip-ne{cursor:nesw-resize;left:100%;margin-top:-1px;margin-left:1px}.editor-transform .editor-grip-e{cursor:ew-resize;left:100%;top:50%;margin-left:1px}.editor-transform .editor-grip-se{cursor:nwse-resize;left:100%;top:100%;margin-left:1px;margin-top:1px}.editor-transform .editor-grip b{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background:#fff;border:1px solid #c0c5cf;-webkit-box-shadow:0 0 2px 0 rgb(86 90 4.9%);box-shadow:0 0 2px 0 rgb(86 90 4.9%);border-radius:6px}.posterSet{margin-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-top:20px}.posterSet .wrap{width:375px;height:705px;background-color:#ddd;margin-right:20px;position:relative;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.posterSet .right-bar{width:650px}.posterSet .right-bar .layers{max-height:660px;overflow-y:auto;margin:0 0 10px 0}.posterSet .right-bar .layers ul{padding:10px 15px 0 15px;max-height:200px;overflow-y:auto;width:100%}.posterSet .right-bar .layers .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;padding:5px;position:relative}.posterSet .right-bar .layers .item.active{background:#ddd}.posterSet .right-bar .layers .item.active:hover{opacity:1}.posterSet .right-bar .layers .item .image{width:30px;height:30px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;background-position:0 0,10px 10px;background-size:21px 21px;outline:1px solid #dedede;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:-webkit-linear-gradient(45deg,#efefef 25%,transparent 0,transparent 75%,#efefef 0,#efefef),-webkit-linear-gradient(45deg,#efefef 25%,transparent 0,transparent 75%,#efefef 0,#efefef);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:10px}.posterSet .right-bar .layers .item .image img{max-width:100%;max-height:100%}.posterSet .right-bar .layers .item .anticon-close{display:none;position:absolute;right:10px;cursor:pointer;font-size:20px}.posterSet .right-bar .layers .item:hover{cursor:pointer;background-color:#ddd;opacity:.5}.posterSet .right-bar .layers .item:hover .anticon-close{display:block}.posterSet .right-bar .ant-tabs-bar{margin-bottom:0}.posterSet .right-bar .layers-contents{height:420px;border:1px solid #e8e8e8;padding:10px 24px 10px 15px}.posterSet .right-bar .ant-form-item{margin-bottom:10px}.editor-canvas{position:relative;overflow:hidden}.editor-canvas .edit-element-container{padding:0;border-radius:0;opacity:1;position:absolute}