.page-container{color:#f5f5f7}.page{color:#fbfbfd}.page ::v-deep .popup-wrapper{width:1366px;height:768px;background:#252626}.page ::v-deep .popup-content{padding:0;height:100%}.page ::v-deep .storage-input .ivu-input{background:none;font-size:12px;border-color:#707070;border-radius:12px}.page-container{height:100%}.page-container>*{width:100%}.page-tbar{height:40px;background:#363738}.page-center{overflow-x:auto;display:flex;align-items:flex-start;background:#151515;height:100%;box-sizing:border-box;overflow:hidden}.page-center>*{height:100%}.page-lbox{width:200px;background:#252626;overflow-y:hidden}.page-rbar{margin-left:4px;display:flex;justify-content:flex-end;align-items:flex-start}.page-rbox{width:200px;background:#252626;height:100%}.page-rbox.setting{width:300px}.page-icon-btn{margin:0 12px}.page-rbar-wrapper{width:30px;height:160px;background:#252626;margin-right:4px;margin-top:4px}.page-icon-btn,.page-icon-rbtn{cursor:pointer}.page-icon-rbtn{width:30px;height:30px;line-height:30px;text-align:center}.page-icon-rbtn.actived{background:#196ad4}.page-lbox-tbar{height:37px;border-bottom:1px solid #141414}.page-content{display:flex;justify-content:center;overflow:auto}.page-rbox.page-mtop{margin-top:4px;height:100%!important}.page-tbar-left{width:200px}.page-tbar-right{width:200px;justify-content:flex-end}.page-tbar-title{line-height:24px;padding-top:3px;flex:1}.page-size-label{white-space:nowrap}.size-full{width:100%}.size-375{width:375px}.size-414{width:414px}.size-800{width:800px}.size-1000{width:1000px}.size-1200{width:1200px}.page-preview-tab{margin:0 6px}.page-preview-icon{font-size:24px}.page-preview-icon.actived{color:#196ad4}.page-preview-tabs{padding-right:200px}.page-lbox-lbox{overflow:auto}.page-ping{overflow:hidden;height:20px;line-height:20px}.page-icon-ing{width:20px;height:20px;position:relative}.page-icon-ing ::v-deep .ivu-spin{background-color:transparent}.page-icon-ing ::v-deep .ivu-spin-main{height:20px}.page-type-icon{font-size:20px;cursor:pointer;margin:0 2px}.page-type-icon.actived{color:#196ad4}.setting{color:#f5f5f7}.setting-box{border-bottom:1px solid #141414;padding:6px}.setting-mb{margin-bottom:12px}.setting .setting-input-nobg,.setting .setting-input-nobg .ivu-input{background-color:#252626}.setting .ivu-input{background:#363738;border-radius:0;border-color:#707070;color:#fff}.setting .number .ivu-input{background:none}.setting-feild{margin-left:12px;margin-right:12px}.setting-label{margin-bottom:6px;color:#a8a8aa}.setting-nlabel{color:#a8a8aa}.setting-input .ivu-input{color:#f5f5f7}.setting-title{line-height:32px;padding:0 12px;white-space:nowrap}.setting-mr-20{margin-right:20px}.setting-color .ivu-color-picker-rel .ivu-input-icon{display:none}.setting-color .ivu-color-picker-rel .ivu-input{color:#f5f5f7}.setting-color .ivu-color-picker-rel .ivu-color-picker-input{padding-right:7px}.setting-input-small{width:46px}.setting-color .ivu-select-dropdown{transform:translateX(-100px)!important}.setting-input .ivu-input{color:#ededef}.setting-input *{border:none}.setting-input .ivu-input-number-input{background:#252626;border-radius:0;border:none;border-color:transparent;color:#f5f5f7}.setting-color .ivu-color-picker-input{background:transparent;border:none;cursor:pointer}.setting-pl{padding-left:6px}.setting-pr{padding-right:6px}.setting-input .ivu-input,.setting-input.ivu-input-number,.setting-input.ivu-input-wrapper{background-color:transparent;border-radius:0;border:none}.setting-row-grey{color:#a8a8aa}.setting-select .ivu-select-selection{background-color:#252626;border:none;border-radius:0}.setting-select .ivu-select-item,.setting-select .ivu-select-selected-value{color:#f5f5f7}.setting-select .ivu-select-dropdown{background:#363738}.setting-select .ivu-select-item.ivu-select-item-focus,.setting-select .ivu-select-item:hover{background:#313233;color:#f5f5f7}.setting-checkbox.ivu-checkbox-wrapper{color:#a8a8aa;font-size:12px}.setting-checkbox .ivu-checkbox-checked .ivu-checkbox-inner{background:#0f67d4;border-color:#0f67d4}.setting-checkbox .ivu-checkbox-inner{background:none;border:1px solid #868787;border-radius:0}.setting-input .ivu-input{font-size:12px}.setting{width:100%;max-height:100%;overflow-y:auto;padding-bottom:12px}.setting-tbar-icon{font-size:12px;cursor:pointer;margin:3px}.setting-poptip .ivu-poptip-inner{background:#454647}.setting-poptip .ivu-poptip-popper .ivu-poptip-arrow,.setting-poptip .ivu-poptip-popper .ivu-poptip-arrow:after{border-bottom-color:#454647}.setting-poptip .ivu-poptip-body{padding:8px 0}.setting-poptip .tree-node-icon,.setting-poptip .tree-node-label{color:#f5f5f7}.setting-htab{cursor:pointer;height:38px;display:flex;align-items:center;position:relative;margin:0 12px;font-size:12px;font-family:PingFang SC;font-weight:400;color:#a8a8aa}.setting-htab.actived{color:#f5f5f7}.setting-htab.actived:after{content:" ";position:absolute;width:44px;height:1px;opacity:1;border-radius:0;bottom:0;left:50%;transform:translateX(-50%);background:#fff}.setting-xprd{height:100%}.setting-prd-add{height:40px;border-top:1px solid #141414;line-height:40px;text-align:center;font-size:14px;font-family:Helvetica Neue;font-weight:400;color:#a8a8aa}.setting-radius{width:12px;height:12px;box-sizing:border-box;border:2px solid #fff}.setting-radius-wrapper{padding:4px;box-sizing:border-box;cursor:pointer;margin-left:12px}.setting-radius-wrapper.actived{background:#196ad4}.setting-radius-cir{border-radius:50%}.setting-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;display:block!important;line-height:36px;padding:0 12px}.setting-lbtn{height:20px;line-height:20px;background:#353637;border-radius:0 0 0 0;font-size:12px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#a8a8aa;cursor:pointer;margin:8px 0}.setting-input.setting-input-center .ivu-input-number-input,.setting-lbtn{text-align:center}.setting-scroll{overflow:auto}.detail-box-rows{padding:6px 0}.detail-imt{cursor:pointer;color:#353637}.detail-imt.actived{color:#97979a}.setting-bbar{border-top:1px solid #141414;padding:16px 6px}.setting-bar-btn{cursor:pointer;padding:0 12px;line-height:24px;border-radius:4px;color:#f5f5f7;-webkit-user-select:none;user-select:none}.setting-bar-btn:hover{background:rgba(0,0,0,.5)}.setting-bar-btn.setting-bar-btn-ml{margin:6px 0 6px 6px}.setting-btn{cursor:pointer;margin:6px;padding:6px;border:1px solid rgba(0,0,0,.2)}.setting-btn-del{color:red}.setting-wbtn{background:#fff;height:28px;line-height:28px;text-align:center;font-size:12px;margin:6px 12px;color:#000;cursor:pointer}.ot-rect{border:1px solid #fff;width:12px;height:12px}.ot-rect.round{border-radius:2px}.ot-check-rect.actived,.ot-check-round.actived{background:#0f67d4}.ot-check{cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin:6px 10px}.ot-ckb{width:12px;height:12px;border:1px solid #414141}.ot-check.actived .ot-ckb{border:none;background:#0f67d4}.ot-check.actived .ot-ckb:after{content:"";font-family:iconfont!important}.page-tabs{border-bottom:1px solid #141414}.page-tab{cursor:pointer;line-height:42px;font-weight:400;font-size:12px;color:#a2a2a2;text-align:center}.page-tab.actived{color:#f5f5f7}