.material-box{height:100%;width:100%;padding:10px}.material-box .tabs-box ul li{list-style:none;float:left}.material-box .tabs-box ul li .tab-item{padding:0 10px 0 10px;text-align:center}.material-box .tabs-box ul li .tab-item.selected{color:#3982ff;border-bottom:1px solid #3982ff}.material-box .material-content-box{margin-top:10px;height:calc(100vh - 340px);width:100%}.material-box .material-content-box .loading-data{height:100%;width:100%;border-radius:2px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.5);-webkit-box-shadow:0 10px 20px hsla(0,0%,100%,.5);box-shadow:0 10px 20px hsla(0,0%,100%,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.material-box .material-content-box .loading-data svg{font-size:48px;color:#3982ff}.material-box .material-content-box .material-content{height:100%;width:100%;padding-top:30px;overflow:auto}.material-box .material-content-box .material-content .actions{float:right;margin-top:-30px}.material-box .material-content-box .material-content ul li{list-style:none;float:left;margin:10px}.material-box .material-content-box .material-content ul li .material-item{cursor:pointer;height:80px;width:80px;background:hsla(0,0%,89%,.2);border-radius:2px;border:1px solid hsla(0,0%,89%,.21)}.material-box .material-content-box .material-content ul li .material-item .item-icon{height:40px;width:40px;margin-left:20px;text-align:center;padding-top:20px}.material-box .material-content-box .material-content ul li .material-item .item-icon img{height:20px;width:20px}.material-box .material-content-box .material-content ul li .material-item .item-icon svg{font-size:22px}.material-box .material-content-box .material-content ul li .material-item .item-title{height:40px;width:80px;text-align:center;line-height:40px;overflow:hidden}.material-box .material-content-box .material-content ul li .material-item:hover{background:rgba(57,130,255,.21)}.material-box .material-content-box .material-content .page-bar{position:absolute;bottom:40px}.official-container{height:100%;width:100%}.official-container .open-header{height:100px;width:100%;padding:16px 32px 0 32px;background:#fff;border-bottom:1px solid #e8eaec;-webkit-box-shadow:hsla(0,0%,76.9%,.2) 1px 1px 1px 1px;box-shadow:1px 1px 1px 1px hsla(0,0%,76.9%,.2);border-top-right-radius:4px;border-top-left-radius:4px}.official-container .open-header .open-title{display:inline-block;color:#17233d;font-weight:500;font-size:20px}.official-container .open-header .sub-title{margin-top:20px}.official-container .open-header .detail{float:right;text-align:center;margin-top:-65px;margin-right:20px}.official-container .open-header .detail .detail-main-title{color:#17233d;font-weight:500;font-size:16px;height:32px;line-height:32px}.official-container .open-header .detail .detail-sub-title{height:20px;line-height:20px;font-size:14px;cursor:pointer}.official-container .official-box{margin-top:10px;padding:10px;background:#fff;height:calc(100vh - 230px);width:100%}.official-container .official-box .config-box{height:100%;width:100%}.official-container .official-box .config-box .config-header{height:40px;line-height:40px;padding-left:10px;border-bottom:1px solid hsla(0,0%,89%,.3)}.official-container .official-box .config-box .ivu-row{height:calc(100vh - 280px)}.official-container .official-box .config-box .ivu-row .ivu-col{height:100%}.official-container .official-box .config-box .ivu-row .ivu-col .config-form{height:100%;width:100%;padding:10px}.official-container .official-box .config-box .ivu-row .ivu-col .config-desc{height:100%;width:100%;border-left:1px solid hsla(0,0%,89%,.3);padding:10px}.official-container .official-box .config-box .ivu-row .ivu-col .config-desc .desc-title{height:32px;line-height:32px}.official-container .official-box .config-box .ivu-row .ivu-col .config-desc p{display:block;line-height:1.5}.official-container .official-box .manager-box{height:100%;width:100%;padding:10px}.official-container .official-box .manager-box .tabs-box{height:30px;border-bottom:1px solid hsla(0,0%,89%,.3)}.official-container .official-box .manager-box .tabs-box .tab-item{float:left;height:30px;line-height:30px;margin:0 10px 0 10px;padding:0 5px 0 5px;cursor:pointer}.official-container .official-box .manager-box .tabs-box .tab-item.selected,.official-container .official-box .manager-box .tabs-box .tab-item:hover{color:#3982ff;border-bottom:1px solid #3982ff}.official-container .official-box .manager-box .tab-panes{height:calc(100vh - 290px);padding:10px}