html{height:100%}body{min-height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100%;display:-webkit-flex;display:flex}#logo{float:left;font-size:24px;color:#fff}.top-menu{float:left;height:100%}.top-menu a{display:inline-block;padding:0 20px;font-size:16px}.top-menu a.active,.top-menu a:hover{background:#000;color:#fff}.top-menu a i{margin-right:2px}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);z-index:99}.loading .ant-spin{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px}.fake-link{color:#1890ff}.clickable,.fake-link{cursor:pointer}.CodeMirror{border:1px solid #e8e8e8;font-size:12px;line-height:1.5}.page-auth{-webkit-flex:1 1;flex:1 1;-webkit-justify-content:center;justify-content:center;flex-direction:column}.login-form,.page-auth{display:-webkit-flex;display:flex;-webkit-flex-direction:column}.login-form{flex-direction:column;width:300px;margin:auto}.login-form-button{width:100%}.signUp-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:500px;margin:auto;border:1px solid #eee;border-radius:5px;padding:30px 30px 0}.signUp-form-button,.userinfo{width:100%}.userinfo{text-align:right}.userinfo .nickname{color:#eee}.userinfo .btn{border:0;background:none;color:#eee;cursor:pointer;padding:0;outline:none}.userinfo .btn:hover{color:#999}.userinfo .new-project{margin-right:20px}.userinfo .logout{margin-left:20px}.project-list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top:15px}.project-item{position:relative;width:250px;height:200px;padding:15px;border:1px solid #ddd;margin:0 15px 15px 0;transition:all .2s}.project-item:hover{box-shadow:2px 2px 10px rgba(0,0,0,.2)}.project-item .project-name span{margin-left:5px}.project-item .project-desc{font-size:12px;color:#666}.project-item .project-create{position:absolute;right:0;bottom:0;padding:0 15px 15px 0;text-align:right;font-size:12px;color:#999}.project-item .project-ctrl{position:absolute;top:15px;right:15px;display:none}.project-item:hover .project-ctrl{display:block}.project-item .project-ctrl i{margin-left:10px;cursor:pointer}.project-info .breadcrumb{font-size:16px}.project-info .project-desc{color:#666;font-size:12px;margin-top:10px}.group-tabs{width:100%;display:-webkit-flex;display:flex;border-bottom:1px solid #e8e8e8;margin-top:15px}.group-tabs .tabs-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 0 10px;margin:0;list-style:none}.group-tabs .tabs-item{margin:5px 10px -1px 0;padding:5px 10px;border:1px solid #e8e8e8;border-bottom:0;border-radius:5px 5px 0 0;background:#efefef}.group-tabs .tabs-item.active{background:#fff}.group-tabs .tabs-item i,.group-tabs .tabs-item span{margin-right:6px;cursor:pointer}.group-tabs .tabs-item i:last-child{margin:0}.group-tabs .new-tab{padding:10px 0 10px 20px;white-space:nowrap}.project-interfaces{padding:15px 0;display:-webkit-flex;display:flex}.project-interfaces .interface-sidebar{width:250px}.project-interfaces .interface-item{position:relative;padding:5px 10px;margin:0 0 10px;border:1px solid #fff;border-radius:5px;font-size:0}.project-interfaces .interface-item.active{border-color:#e8e8e8}.project-interfaces .interface-item span{display:inline-block;width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-interfaces .interface-item i,.project-interfaces .interface-item span{cursor:pointer;font-size:12px}.project-interfaces .interface-item .btns{position:absolute;top:8px;right:5px}.project-interfaces .interface-item .btns i{margin-left:8px}.project-interfaces .new-interface{padding-left:10px}.project-interfaces .interface-detail{margin-left:20px}.project-interfaces .interface-info dt{margin-bottom:5px}.project-interfaces .interface-info dd{margin:0}.project-interfaces .mock-list{width:600px}.code-area{position:relative;padding:10px 0 0}.code-area p{position:absolute;top:-22px;left:0}.findPass-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:500px;margin:auto;border:1px solid #eee;border-radius:5px;padding:30px 30px 0}.findPass-form-button{width:100%}