body{font-family:Helvetica,Hiragino Sans GB,Microsoft Yahei,微软雅黑,Arial,sans-serif;margin:0}.home-view{background-color:#fff;margin:0 auto;min-height:100%}nav{background-color:#1e90ff;display:flex;position:-webkit-sticky;position:sticky;top:0;width:100%}nav h1{color:#fff;padding-left:20px}main{display:flex;flex-wrap:wrap;justify-content:center}.welcome{text-align:left}.introduction,.welcome{flex-basis:520px;margin:0 40px}.introduction h2,.welcome h2{text-align:center}.introduction picture img,.welcome picture img{float:left;margin:50px 20px 20px;object-fit:contain;width:400px}main h1{text-align:center}.db-list-area{flex-basis:520px;margin:0 40px}.db-list{margin:0 auto;max-width:600px}.db-list ul{list-style-type:none;padding-left:0}.db-list-item{border-bottom:1px solid #ccc;display:flex;padding:10px}.db-list-item:last-child{border:none}.db-list-item a{color:#1e90ff;text-decoration:none}.db-list-item a:hover{color:#00bfff}footer{text-align:center}footer span{margin:0 4px}.dataset-view{height:100vh}.dataset-panel-resize-handle{background-color:grey;width:8px}.drug-list{height:100vh;overflow-y:auto}.drug-list-header{background-color:#fff;border-bottom:1px solid #d3d3d3;padding:10px;position:-webkit-sticky;position:sticky;top:0}.drug-list-header h1{margin:0 0 10px}.drug-list-content ul{list-style-type:none;padding:0 10px}.drug-list-item{border-bottom:1px solid #ccc;cursor:pointer;overflow-wrap:anywhere;padding:10px}.drug-list-item:hover{background-color:#d3d3d3}.drug-list-item:last-child{border:none}.drug-list-item-selected{background-color:#a9a9a9;font-weight:700}.drug-list-item-selected:hover{background-color:#a9a9a9}.file-list-message{display:flex;flex-direction:column;height:100%;justify-content:center}.file-list-message h1{text-align:center}.file-list{height:100%;overflow-y:auto}.file-list-content ul{list-style-type:none;margin-top:0;padding:0 10px}.file-list-content ul li{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;padding:10px}.file-list-filename{margin:auto 0;overflow-wrap:anywhere}.file-list-file-option-list{margin:auto 0 auto auto}.file-list-file-option{margin:auto 5px;white-space:nowrap}.file-list-file-option-disabled{color:grey;cursor:not-allowed}.file-list-content ul li a{color:#1e90ff;text-decoration:none}.file-list-content ul li a:hover{color:#00bfff}.file-list-content ul li:last-child{border:none}.file-type-selector{align-content:baseline;background-color:#fff;border-bottom:1px solid #ccc;display:flex;margin-bottom:0;margin-left:10px;overflow-x:auto;padding-top:10px;position:-webkit-sticky;position:sticky;top:0}.file-type-selector-tag{background-color:#dcdcdc;border-radius:10px 10px 0 0;cursor:pointer;display:inline-flex;justify-content:center;margin:0 1px;min-width:100px;padding:10px;text-transform:uppercase}.file-type-selector-tag span{margin:auto 0}.file-type-selector-tag-selected{background-color:#a9a9a9;font-weight:700}.file-type-selector-tag:hover{background-color:#d3d3d3}.file-type-selector-tag-selected:hover{background-color:#a9a9a9}