.micro-page-detail{width:100%;height:100%;display:flex;flex-direction:column}.micro-page-detail>.header{height:56px;width:100%;background:#202033;display:flex;justify-content:space-between;padding:0 15px}.micro-page-detail>.header .left,.micro-page-detail>.header .left .back{display:flex;justify-content:center;align-items:center}.micro-page-detail>.header .left .back{cursor:pointer}.micro-page-detail>.header .left .back .icon{width:16px}.micro-page-detail>.header .left .back .text{font-size:14px;color:#fff;margin-left:7px}.micro-page-detail>.header .right{display:flex;justify-content:center;align-items:center}.micro-page-detail>.header .right .btn{padding:9px 16px;font-size:14px;border-radius:2px}.micro-page-detail>.content{width:100%;height:0;flex:auto;display:flex}.micro-page-detail>.content>.component{width:280px;height:100%;background:#fff;display:flex;flex-direction:column}.micro-page-detail>.content>.component>.title{width:100%;height:57px;font-size:16px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #e0e0e0}.micro-page-detail>.content>.component>.component-list{height:0;flex:auto;padding:12px 5px;overflow-y:auto}.micro-page-detail>.content>.component>.component-list>.component-item{float:left;margin-bottom:8px;width:90px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;background-color:#fff}.micro-page-detail>.content>.component>.component-list>.component-item>.icon{color:#828385;font-size:36px}.micro-page-detail>.content>.component>.component-list>.component-item>.text{margin-top:8px;line-height:18px;font-size:14px;color:#323233}.micro-page-detail>.content>.component>.component-list>.component-item:hover{background-color:#409eff}.micro-page-detail>.content>.component>.component-list>.component-item:hover>.icon,.micro-page-detail>.content>.component>.component-list>.component-item:hover>.text{color:#fff}.micro-page-detail>.content>.view{width:0;height:100%;flex:auto;background:#f7f8fa;overflow-y:auto}.micro-page-detail>.content>.view>.view-box{margin:24px auto;box-shadow:0 0 14px 0 rgba(0,0,0,.1);width:375px;display:flex;flex-direction:column;position:relative}.micro-page-detail>.content>.view>.view-box>.view-component-container{position:relative;min-height:20px}.micro-page-detail>.content>.view>.view-box>.view-component-container>.view-component-container-scroll{height:100%;overflow:auto}.micro-page-detail>.content>.view>.view-box>.view-component-container>.view-component-container-scroll>.view-component{width:100%;height:100%}.micro-page-detail>.content>.view>.view-box>.view-component-container>.mask{width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid #409eff;pointer-events:none;z-index:99;display:none}.micro-page-detail>.content>.view>.view-box>.view-component-container>.toolbar{position:absolute;top:0;right:-40px;width:38px;background:#fff;box-shadow:0 2px 8px 0 rgba(200,201,204,.5);border-radius:2px;padding:4px 0}.micro-page-detail>.content>.view>.view-box>.view-component-container>.toolbar .tool-item{width:38px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#b5b5b5;cursor:pointer}.micro-page-detail>.content>.view>.view-box>.view-component-container>.toolbar .tool-item:hover{color:#6f6f6f}.micro-page-detail>.content>.view>.view-box>.view-component-container.active .mask{display:block}.micro-page-detail>.content>.config{width:370px;height:100%;background:#fff;overflow:auto}.micro-page-detail>.content>.config>.config-panel{width:100%;height:100%;display:flex;flex-direction:column}.micro-page-detail>.content>.config>.config-panel>.title{width:100%;height:57px;font-size:16px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #e0e0e0}.micro-page-detail>.content>.config>.config-panel>.form{width:100%;height:0;flex:auto;overflow-y:auto}.micro-page-detail>.content>.config>.config-panel>.form .page-config-panel-config{padding:15px}