.myselfBar { overflow: hidden; margin-top: 0px; .sel{ margin-bottom: 10px; width:13%; } .tablist{ display: flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start; align-items:center; // width:100%; height:50px; background: #fafafa; color:#b30000; //border-radius: 3px; box-sizing: border-box; .tab{ // width:220px; box-sizing: border-box; cursor: pointer; background: #ffffff; color:#b30000; height:50px; // float:left; width: max-content; display: block; position: relative; text-align: center; line-height: 50px; font-size: 15px; border:1px solid #f0f0f0; //border-radius: 3px; margin-left: -1px; &:hover{ transition:background 0.3s; background: #b30000 !important; color:#FFFFFF !important; } } .tab:nth-child(1) { margin-left: 0; } } } .header { background-color: #b30000; color: white; font-size: 20px; height: 56px; display: flex; .headerAlign { align-self: center; margin-left: 20px; font-weight: 400; } .rightBtns { position: absolute; right: 0; li { float: left; line-height: 56px; font-size: 14px; color: #fff; padding: 0 14px; font-weight: 400 !important; list-style: none; span { padding-right: 6px; font-size: 16px; } a { color: #fff; } } } } .sun-chart { background: rgba(0,0,0,0); .ant-modal-body { padding: 8px; } .ant-modal-header { border-bottom: 2px solid #b30000; padding: 14px 8px; } .ant-modal-title { color: rgb(179,0,0); font-weight: 700 } .chart { display: flex; width: 100%; .pop-ls { flex: 0 0 200px; max-width: 200px; background: #ffffff; height: 500px; overflow: auto; .ant-tabs-tab { margin: 0px 25px 0 0 !important; } .ant-tabs-nav-wrap{ display: inline-block; } } .pop-chart { flex: 1; height: 500px; background: #f7f7f7; .dlog { height: 400px; background: #f7f7f7; padding: 10px 5px; overflow-y: auto; } .text-box { height: 100px; background: #fff; border: 1px solid #e2e2e2; } } .ant-upload-list { display: none; } } }