.handle,.vdr{position:absolute;box-sizing:border-box}.right-div{box-sizing:border-box;padding:16px;position:fixed;right:0;top:0;width:250px;min-height:500px;background-color:#fff;border:1px solid #ddd;border-radius:5px}.right-div .info-title{font-size:16px;line-height:20px;font-weight:500;color:#1a1a2b;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.right-div .el-input-group__append{padding:5px;background:#fff}.info-div{margin-bottom:8px}.info-div .info-item{display:inline-block;width:100px}.info-font{color:#8c8c95;font-size:12px}.el-color-picker__trigger{height:32px}.lock-btn{display:inline-block;width:16px;height:30px;line-height:30px;text-align:center;border-radius:4px;margin:0 auto;cursor:pointer}.lock-btn.active{background-color:#001529;color:#fff}.align-btn.el-button--small{padding:9px 4px}.img-panel{width:100%;height:100%;position:relative;overflow:hidden}.img-panel.isEdit{overflow:visible}.img-style{cursor:pointer;position:absolute;transition:.05s ease}.img-style.active{opacity:.7}.img-error-warp{background:url(data:image/png;base64,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) no-repeat 50%;background-size:20px 20px;width:20px;height:20px;position:absolute;z-index:100;top:10px;right:10px}.img-error-warp .error-detail{position:absolute;top:30px;right:0;padding:15px;width:206px;background:#1f2226;box-shadow:0 0 2px 0 #4d545e;border-radius:8px;opacity:.97;border:0 solid #656565}.img-error-warp .error-detail .title{font-size:14px;color:#dfdfdf;line-height:20px;margin-bottom:8px}.img-error-warp .error-detail .error-line{height:1px;line-height:1px;background:#424446;margin:15px 0}.img-error-warp .error-detail .content{font-size:12px;color:#acacac;line-height:20px}.placeholderColor::-webkit-input-placeholder{color:#fff}.placeholderColor:-moz-placeholder,.placeholderColor::-moz-placeholder{color:#fff}.placeholderColor:-ms-input-placeholder{color:#fff}#singleBuilder{cursor:pointer}.vdr .rotate{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.ruler[data-v-b5b6eca4]{transform-origin:0 0}#X-ruler[data-v-b5b6eca4],#Y-ruler[data-v-b5b6eca4],.grid-panel[data-v-50ecb6a2]{top:0;left:0;position:absolute}.grid-panel[data-v-50ecb6a2]{pointer-events:none;right:0;bottom:0;z-index:1;background:linear-gradient(-90deg,rgba(50,50,50,.1) 1px,transparent 0) 0 0/20px 20px,linear-gradient(rgba(50,50,50,.1) 1px,transparent 0) 0 0/20px 20px}.header-operate{margin:30px auto}#singleBuilder{height:100%}.vdr{border:1px solid #d6d6d6}.vdr.active{border:1px solid #007aff}.vdr.active .handle{display:block!important}.border-box{height:106%;width:106%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;top:-3%;left:-3%}.content-box{position:absolute;border:1px dashed#C8C9D2}.bleedLine-box{height:100%;width:100%}.bleedLine-box,.sealingSide-box{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.sealingSide-box{left:0;top:0;right:0;bottom:0;z-index:2;background-color:transparent;opacity:.5}.vdr .rotate{content:"";display:block;width:20px;height:20px;line-height:20px;border:1px solid #999;border-radius:50%;position:absolute;bottom:-30px;left:50%;margin-left:-10px}.vdr .rotate:hover{cursor:url(../../static/img/ic_mouse_rotation.1c6c9df0.svg) 11 9,pointer}.cut-line-x{width:1px;height:18px}.cut-line-x,.cut-line-y{background:#5a6068;position:absolute}.cut-line-y{width:18px;height:1px;line-height:1px}.cut-line-x.top-left{top:-23px;left:6px}.cut-line-x.top-right{top:-23px;right:6px}.cut-line-x.bottom-left{bottom:-23px;left:6px}.cut-line-x.bottom-right{bottom:-23px;right:6px}.cut-line-y.top-left{top:6px;left:-23px}.cut-line-y.top-right{top:6px;right:-23px}.cut-line-y.bottom-left{bottom:6px;left:-23px}.cut-line-y.bottom-right{bottom:6px;right:-23px}.add-img{cursor:pointer;width:100%;height:100%;display:block;font-size:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.vdr{-ms-touch-action:none;touch-action:none;border:1px dashed #d6d6d6}.handle,.vdr{position:absolute;box-sizing:border-box}.handle{width:8px;height:8px;background:#fff;border:1px solid #333;box-shadow:0 0 2px #bbb}.handle-tl{top:-5px;left:-5px;cursor:nw-resize}.handle-tm{top:-5px;left:calc(50% - 4px);cursor:n-resize}.handle-tr{top:-5px;right:-5px;cursor:ne-resize}.handle-ml{top:calc(50% - 4px);left:-5px;cursor:w-resize}.handle-mr{top:calc(50% - 4px);right:-5px;cursor:e-resize}.handle-bl{bottom:-5px;left:-5px;cursor:sw-resize}.handle-bm{bottom:-5px;left:calc(50% - 4px);cursor:s-resize}.handle-br{bottom:-5px;right:-5px;cursor:se-resize}.ref-line{position:absolute;background-color:#f0c;z-index:9999}.v-line{width:1px}.h-line{height:1px}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.collection-set-modal{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.collection-set-modal .ivu-modal{width:600px;top:0}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body{padding:0}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .switch{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;line-height:20px;border-bottom:1px solid #e9eaec;padding-top:30px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .switch .tab{width:60px;margin:0 20px;cursor:pointer;transition:all .3s;text-align:center}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .switch .tab:after{display:block;content:"";width:0;height:3px;border-radius:2px;background:#0084fd;margin:13px auto 0;transition:all .3s}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .switch .tab.active{color:#0084fd}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .switch .tab.active:after{width:40px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content{height:567px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .ivu-page a{display:inline}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .search{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:40px 0 32px;padding:0 24px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .search .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .search .item .label{width:70px;text-align:right;white-space:nowrap}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .search .item .value{width:200px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .search .ivu-btn{width:100px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .table-control{padding:0 32px;margin-top:0;margin-bottom:16px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .content-table{position:relative;height:405px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .content-table .table-card .ivu-table .ivu-table-row .ivu-table-column-center{padding:0}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .content-table .table-card .check{padding:24px}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .btn{padding:0 24px 30px;text-align:right}.collection-set-modal .ivu-modal .ivu-modal-content .ivu-modal-body .content .btn .ivu-btn{width:110px;margin-left:16px}*{box-sizing:border-box;margin:0;padding:0}#builder{position:relative}#builder,.builder-warp{display:-ms-flexbox;display:flex}.builder-warp{position:absolute;top:0;bottom:140px;left:0;right:0;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.builder-warp .edit-change{position:absolute;bottom:60px;border-radius:8px;z-index:999}.builder-warp .change-page_btn{position:absolute;cursor:pointer;display:inline-block;text-align:center;width:60px;height:60px;line-height:60px;background:#212529;color:#454c54;border-radius:8px;font-size:40px;opacity:.65}.builder-warp .change-template_btn_warp{position:absolute;top:17px;background:rgba(31,34,38,.93);box-shadow:0 4px 10px 0 rgba(0,0,0,.5);border-radius:8px;opacity:.89;height:36px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;left:50%}.builder-warp .change-template_btn{font-size:14px;display:inline-block;width:100px;text-align:center;color:#dfdfdf;cursor:pointer}.builder-warp .change-template_btn span{vertical-align:middle}.change-template_btn .icon-change{display:inline-block;width:16px;height:16px;vertical-align:sub;margin-right:4px}.change-template_btn .icon-change.icon-change_center{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABBElEQVRYR+2XsQrCQAxA06xOzuXoD/gL/ojgqGNxcxApRRzcpKOOgj/iL/gD5ejcyTXICYVa9XJnKbSQToVcjtd3aZsE0LMr6BkPCBB3ImLI21BRFIqIpkQ04pKreByvNuY+y4571xxEfCDiLQxDXc/5ODKt9cwHxmz2D5DJM1BKqasVKM/zhetTtjFU5UZRdB42EBFNAGAOAONf5tJ09wolydYmtwSACyLe64u8DRHRwQZjNncEMktLRFy3BTpxNeUBZAp5KUA2o2KIqzcxJIa+GZDvEFcXYkgM1Q00O0Yikr/9W4k0m/wuGzSnJr85BnXVwjqPQdwb1XVcRmnOsBganKEnk5gaNLWidfYAAAAASUVORK5CYII=) no-repeat 50%}.change-template_btn .icon-change.icon-change_left{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAzUlEQVRYR2N0cnH/xTCIAOOogwjExmgIEUqugz+ErK0sGSPCQ5m5uLgYCfkGJP/9+/f/x0+c/Pf06bP/xKiHqfn16xfDzVu3/799+xZFG0YITZ7Yx0KsY2AmgRy1Zu36v6Q4CKQW5Khjx0+geATDQXNnz2Al1WCQ+sVLlv0hR9+Bg4dGHYQ34EZDiFC6Gg2h0RCChcBoOUQoLYyG0GgIwUJgtLYfbX4QyA2jlSuh4oJgCA26Rv6g6wYRCmJayw/+niutQ4CQ+aMhNORCCAA7iyowJ+RqmAAAAABJRU5ErkJggg==) no-repeat 50%}.change-template_btn .icon-change.icon-change_right{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAvElEQVRYR+2XMQrDMAxFpblTIGuxvfcKuUigYw/QY/QKXXsyYzz2Cp+QwZA2UDktBQe+V0nm+0kWkkpjRxvTIxRkZYSENhPKOR8BDAAOVvDSDuAkImcR6WriVPWpqlfn3GPpv0pZSmncKma+EMCtVkwRMIvy3vcfBcUYLzUvfPcBcP8mLoTwAmVFiIJIyCgs1pD180iIhAoBdmqrFkiIhAoBjh8cP34dP5ob8ptbg6x+8287V2mLMAntjtAEVbjAJXgf4eUAAAAASUVORK5CYII=) no-repeat 50%}.change-template_btn_warp .reset_btn{width:36px;height:36px;background:#545d69;box-shadow:0 4px 10px 0 rgba(0,0,0,.5);border-radius:8px;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;right:-40px;cursor:pointer}.reset_btn .icon-change_reset{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADcElEQVRYR+2XeyyVYRzHv4cjQu7NuqyNoaSEkEskdVplTVpRc8kImYRQyi0a0VxiTImaS1u0Wa1Wa5bQqNQYQ5la/yW5HFScc+Roz7NlFee8L0eqze/f93mf3+f9/r7P8/u9nIPewZP4h4KzCMRQjUWFmOz6/ynE5XIRcPQw6hpeoPNNN/1AHW0tONhawXidAdasXgVVVWWIxWLw+cPo7etHS2sHXja3oX9gkEmQac8ZFbK2NEP0yUDwh4aRllUAVxcebKzMIScnJzUZAaxvaEJF1T30D/BZgzEChR73haOd9bQN+/oH8aqlDT0fP1FVxBNiaGqqw8hAH1YWplBXW0bfEQpFyL9WimdNzaygpALJy8uhOO8SVFSUpzYbHx9HcVklauoaMTk5851K1NvhZA93NxdoqKvRdTcr7uDug2pGKKlAphuMEX869JdNSCnSs6+gubWdcXOiUnRYENYa6lOo7PxiRqWkAvn7eGD3zm3TEo+NCRAcEYevo6OMUAoKXCTGhFMoUr7wmCSpnpIKZLdlM7w83CASiSAQiiAUCummxDM3ym/Tk8UmiFKZqXHUV7VPn1NPSQpGU7NJyGYNz9kBgb5H6EeERCZIvBIWDIgYvTD3IlXpelklHlbXzvgdCwZEsgf5eWKnkz1a2jqQmpE/eyCuvDy+TUywqQirNc6Odgg+5oUPPb0IO5M0O6ALcZFYuUIXoVEJGB0TsErItMhs43rERp/AmEAAn8BTswMqLczCUiUlJKXloL2ziykXq+cyAeWkJ1KF8q6W0MY6HyFTyc5FhcDc1ASPHtejqOTWfPDIZuo9PCf4ebtjkD+E4PBYiCX0LbakMh97MvPkZybTMaOgqBw19Y1sc8+4bpezAwKmLsZ4ie1D6j0UEuADJwcbOgtFxaZg5POXOUGRjp+REit769DR1sTltEQoKi7B6663SE7LmfW9RJrr+bMRMDLQk725EjlsrS0QEeIPDodDoTJyC1krRZQh4weBmZfx40d9XPfy4Omxn0KR8lVU3ceTukaJRie+423fikNuLrRM8zag/WwYohTxFCkfiaHhETrId797T08iBxxoaWrAyFAPluZ/aIT93cHEUx4H9sHR3vrvDfkzHStyJZBB3nyTCXSX69DhnsSC/AbN6ZzL8NKCzkNsOBeBmFRaVIhJoe+YPsW47b/8fQAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain;display:inline-block;width:18px;height:18px;vertical-align:sub}.builder-warp .change-template_btn.change-template-cross{border-left:1px solid #131111;border-right:1px solid #181515}.builder-warp .change-page_btn:hover{color:#dfdfdf}.builder-warp .change-page_btn.change-left{left:200px}.builder-warp .change-page_btn.change-right{right:200px}.list-page{box-sizing:border-box;display:inline-block;white-space:nowrap}.list-item{display:inline-block;vertical-align:middle;position:relative;margin:0 30px}.list-item .item-vdr{width:100px;height:50px;display:inline-block;box-shadow:1px 1px 6px #ccc;border-right:1px solid #dcdfe6;cursor:pointer;box-sizing:content-box;border:1px solid transparent}.item-vdr.active{border:2px solid #007aff;position:relative}.list-item:first-child{margin-right:30px}.addEle{width:20px;height:20px;cursor:pointer;vertical-align:top}.page-name{text-align:center;color:#656574;cursor:pointer}.page-name i{display:none}.page-name:hover i{display:inline-block}.page-name p{color:#999;font-size:12px;height:16px}.page-name .el-input{width:80px}.add-item{cursor:pointer;display:inline-block;width:30px;height:100px;line-height:100px;font-size:30px;vertical-align:super;text-align:center;color:#8c8c95}.closeIcon{position:absolute;width:16px;height:16px;top:-7px;right:-7px;cursor:pointer;z-index:5}.list-item .custom-icon-remove{display:inline-block;width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAD7klEQVRYR9WZ34vcVBTHv987oQ9FQUVQ902L/gN2d6bbKlKTdEdREamir2Kf6q9ShAVli/alLVJ/4IMKvllYlX1YXLuTBJS6rpNp/QNsqb7ttiAWdN86kyM3OzvMj2SS+ZHZGBgGkvPjc8+999yTE2KES0ToW1YRwNMEHhJgisCU/tdmCWwIsNH8/wPAStF1fZIyrFsOo3j5yBGz0WgcJfCsAPcPYoPADQGWC4XCt9OVijeIbjMI6VWqplkicFaAx9JrxUsS+FmAd0qeV01rL1WEfdt+UILgHIAX0hoeSI5cInmy6Dh/JuklAofTHwTfQOTuJGMjPSdvFZR6MWmZ9AX2TfO4AOcBGCPBpFeuU6kTRcf5NE4lFrhm2+eDIHgrva8xSpIfl1w30nckcDOysaMcI1qsKSr1RlSke4BrlvVkILI6wWUQDU02CkrNda/pDuAwG4j8lvkGSztFeiPu2bN/emVFHzrh1QFcNc3vMktdaSG75cilkuu20mkLWB8KAH4d1m6WejSM2eLqasjWAvZN89K4TrAM4NdKnheeriFwszZwM3A0NpMFpexpx3FD4Kppfg7g2NisZ2FIqS9LjnOMukSsWZYuAwequrJg6mdTV3kzrjvFPG+2noRhGLOsWtb7EHlv0hEb0t9p+qb5tQCvDGlgomoELugl8SOAJybqeXhnP+kI/y7AI4k2lOovIm2vaSRIAvrXdl/aZdqt6ftxz9rkCFzVEf4HwJ39aPbNz+Pew4cTxzSKwF+eh+tnziSZ2NLA/wK4o5/kwwsLuOfQoSRjIz3/e30d1xYWkmxspV4Shb17t6e4J9d03YuS2dHpM+2Nra0kWO3/2v9q05G8pBshF0Tk5eTh5UJiUUf4AwDv5gInGeI0/bm5A1KvryfL5kLiAOXUKeWvrW0AuC8XSPEQN4uu+8B2eWnbXyAIXsszMIGvip736jawZdkQqeQZuKOAb0KvQeRgHqF107DoeY9rtlbWr9n2bBAEv+QRWCl1cMZxwsTQ2ZewrCUReT5X0ORyyXWf22HqAL5SLu9r3L59RYC7cgFN3jIMY3r/xYvXI4FbGxD4ASKFXYXWrSqyrN+U2zkim4E1y3ozEPloV4GBt0ue18MQ2271TfMTAV7fDWhFfjbjusejfPdtaIeRBj6c2PIgGxA5GRXZ2DXcPSp9qFBkMfONqDuV5Evda7an/E4z5WH2qNfPZZbyyGXDME60Z4M4rsSPMu2K4eEicnZcJ2JYkJPzO4dCmuANBLxj8LJtWw3gKIPgmSFaXDdJfq/IxaTpH3jTJY047MuVyyWp15+K+nQLcpPApohsgrxqkCuPViq1UT7d/gdgBGrlNvzFBAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}.list-item .delete-btn{position:absolute;font-size:24px;right:-12px;top:-12px;cursor:pointer;color:red;display:none}.list-item:hover .delete-btn{display:block}.builder-foot{width:100%;padding:20px;position:absolute;bottom:0;left:0;overflow:auto}.book-shadow-0{box-shadow:inset -20px 0 30px -20px #666}.book-shadow-1{box-shadow:inset 20px 0 30px -20px #666}.rotate-div{min-width:420px;z-index:100;height:82px;display:-ms-flexbox;display:flex;font-size:12px;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;background:rgba(31,34,38,.9);box-shadow:0 4px 10px 0 rgba(0,0,0,.5);border-radius:7px;position:absolute;color:#dfdfdf;vertical-align:middle;transition:all .1s;padding:0 10px 0 10px}.rotate-div .operate-line{width:1px;height:44px;background:#2d3136;margin:0 18px}.rotate-div .info{width:20px;height:20px;display:inline-block;vertical-align:middle}.rotate-div .info .el-input__inner{padding:0 5px;margin:0;width:34px;height:17px;line-height:17px;font-size:12px;background:#4d545e;border-radius:4px;border:0 solid #2c3036;color:#dfdfdf;text-align:center}.img-range{position:relative}.img-range input{vertical-align:middle;margin:0 8px 5px 10px}.img-range .div-range{width:0;position:absolute;height:4px;background:#007aff;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.img-range .rotate-show{max-width:40px;height:16px;background:rgba(64,69,76,.4);border-radius:2px;line-height:16px;margin:0 auto}.img-range .size-range{top:7px;left:42px}.img-range .rotate-range{left:42px;top:41px}.img-range span.name{display:inline-block;vertical-align:middle}.img-range span.info{display:inline-block;width:34px;height:17px;background:#4d545e;border-radius:4px;text-align:center}.img-range span.info i{cursor:pointer}.img-operate{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center;-ms-flex-align:center;align-items:center}.img-operate>div{cursor:pointer;width:58px;font-size:12px;margin:0 5px}.img-operate .icon-fit-frame{display:inline-block;width:22px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAABOklEQVRYR+2ZvUrFQBCFzxErn0FhttNWfQI7a63EWgvfx8JWLK3tfAKvrXaZoM9gJTmSQtC96wXJLpfApMzP8PHNZDazIWZ2cGa8CODWGSsadvd9ALskN1oDlOJLGgC8mtlzfn0JeISVtFgH6BIceWpm9z/Pl4DPJN2R/ADwsibwPUlbJK/N7GolcN/358Mw3JJcmNnhOoDd/UnSAYCblNJlANfOQhiubTSPV9Wwux+PL4Ok7SngJN8BXJjZQ2vgt6mw34AjtJntNAXuuk5TzObPppRKa0G9thbAYTgruiiJKIkoid8Gog/nK1N0iegS0SWiS6we8919Xh/wsxuRak4bf8WqOoQGcMFAGG5dFv8y7O7z2m6d3Yb2mG53PwFwJGmzdfpL8Ul+AnjMd9/He+MvUuuMhOHWhr8AUu1+SxNQfncAAAAASUVORK5CYII=) no-repeat 50%;background-size:22px}.img-operate .icon-fit-img{display:inline-block;width:22px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAACI0lEQVRYR+2YsWobQRCGZ+4uMSh2ZRApdNq9InZjV05lF+4CIU+Qwq0fIYQ4T5BHyBPkCZI6waXduDG2i91FAoNEAglCwra0ExYkc9jS7d3qLo7MqhFoZ/b/+G/2WP0IC/bBBeMFD1z1E5vqcKfTWR4MBuvTxMMwlI1G42cZYC4694DNJv1+XxLR6gyoqyiKNuM4vpgH2lXnHrBSaktrfZQB86+ADcLbJEm+pFkygYMg2AOA03RD1SOBiM9Go9H3sWZh4JeMseN5Hn3R3m63u9Lr9f544KLO5a1//A63Wq0Xw+Hw3DgSRdHavK+vvM5O6ohoSUr5GwCWEPEN5/xr5lvCLCql3plvxtinooJl1Cul9rTWG5zzj4h4YwXOIyqlfA0An4mokad+UoOIbQDY55x/K9J32+/SZHqklK2isGloznnsou18WxNCkIvgpCdJEidtpyYj6oFzPi7vcE6jwM+wzSl/6GwOjdf9octplD90VqMW7tAt3OXnv7pempDDzES9Xu9ZZ6OCAiJ62m63l+M4/nV3+5nJDwBQrVZLHgJaCHECAGvTEiZbkOJzCdsEPf6/+ekwMAgCPxKVjgQiHgKACTXSn3PG2HtEvLaJ29allB8AYDtdR0RPAODV+Dd7eplOfmYJhmG422w2f9iAstaFEM8B4DKrplDyo7XembYZIp4xxg7uJjIu8CZhKqrjfB92ASyjxwOX4WLmXFctUPb+fwGdu5o8O+oVQwAAAABJRU5ErkJggg==) no-repeat 50%;background-size:22px}.img-operate .icon-change-img{display:inline-block;width:22px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAACa0lEQVRYR+3Z30+SURgH8O9hEU7MTZreqPlyW22uLpveeGFZM4dAqNGsljlNbc31X9SWoThCzT+gWrOMGJPysszVfW682so7W4jd8OO4Q8kUCIXznuB173vJ2XnOh+/7HOA9EKjsIirzQgOLvmNZE5Zl2QqghVJ6RDQgW31CSAxAUJKk5+njGWCGpZQ+KwY0A0eILR2dDTxBKR0sEbBbkqQ7uy0Z4FAo5AFwuxTAAJ6YzeZ+DSzwbmgJCww3WVpL+HAmPPf6DV68nEPb+VY47J35vMnitMTIvfuQV9eSUGtnB3qdPQdFFwe88G4RYy53CnnFZoGzp+sg6OKAmezVvA/e6dkUstthR7fDth+aH7z8+Qs+fFwCpfutlTm+9GkZGxs/UwPXrnbBbrXkKsQHDoc3cf1WP2KxeP7aLDMIIXjqnYTJVPWvenzgeDyOobuj+P5jXRFwTU01xsceosxgEANmVRl6de0bEokEF1qn06G+rhZ6vV5cS3AJC5vM1xJsTbZpvq6sFLTp9pgJcPrUSVQYjeIS3tr6jb6BYUQikcLySptVWXksuelytAVfwr/CYdzsG0Q0GlUEbDAcxey0B8bycnGbjn1rPR6fBP37QXzcZELbhVaQPE842KY7e6YRZkkS1xI7lQMLQbgm2KPfn8vS0Y4bvU5FUk8rwtcSu4u99Qfg9kylXmJgBlf4Ug7MYPM+PzzemaSx4UQ9XI8eKOwV8MQRfL8Inz+Ay5cuornpXOmDlRYK62HB0J3yyvbwf0BrYNEhH8KEZVlW13Gr6g60WVOq6i8D0buIt36ePwp5l+Ofr4H5M8xdYRteUEQ83qLw8QAAAABJRU5ErkJggg==) no-repeat 50%;background-size:22px}.img-operate>div>i{font-size:20px}.maskClass{position:absolute;width:100%;height:100%;background:#ddd;z-index:999;background:transparent}input[type=range]{-webkit-appearance:none;background-color:#ebeff4;width:75px;height:4px;background:#676b6e;border-radius:2px;outline:none;margin:0 8px 0 18px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;top:0;height:12px;width:12px;transform:translateY(0);background:none repeat scroll 0 0 #5891f5;background:#fff!important;border-radius:15px;border:1px solid #007aff}body,body #app,body #app .main,html,html #app,html #app .main{width:100%;height:100%}.demo-spin-icon-load{animation:ani-demo-spin 1s linear infinite}.ivu-btn-info{background:#223763;border-radius:4px;border-color:#223763}.ivu-btn-info:hover{background:#223763;color:#fff}.coverBox{width:100%;height:134px;text-align:center}.coverBox img{width:100px;height:134px}.coverText{width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;color:#515a6e}.example-warp{background:#191c1f;width:100%;height:100%}.example-warp .builder-hedaer{width:100%;position:fixed;z-index:10;height:62px;line-height:62px;background:#fff;box-shadow:0 2px 4px 0 #f0f2f8}.example-warp .builder-hedaer .logoImg{width:302px;margin-top:10px;margin-left:30px}.example-warp .builder-hedaer .fr{float:right;line-height:0;margin-right:140px}.example-warp .builder-hedaer .fr .ftBtn{height:100%;display:inline-block;box-sizing:border-box;padding:14px 20px;font-size:12px;font-weight:500;color:#515a6e;cursor:pointer;text-align:center}.example-warp .builder-hedaer .fr .ftBtn span{margin-top:4px;display:block;width:100%;text-align:center;line-height:12px}.example-warp .builder-hedaer .fr .ftBtn img{height:20px;margin:0 auto}.example-warp .builder-hedaer .fr .ftBtn:hover{background:#f6f7f9}.example-warp .photo-info{position:fixed;z-index:10;height:36px;line-height:36px;background:#212529;border-radius:8px;border:1px solid #212529;color:#dfdfdf;font-size:14px;top:100px;text-align:center;margin:0 auto;left:50%;margin-left:-200px;width:400px}.example-warp .builder-foot,.example-warp .builder-warp{background:#f6f7f9}.example-warp .item-vdr.active{border:1px solid #007aff}.example-warp .builder-foot .item-vdr{background:#fff;box-shadow:none}.example-warp .builder-foot .page-name{color:#515a6e}