/*
  主背景颜色
*/
@main-bgColor: rgb(40,40,40); 
@borderColor: #424242;
/*
  文本主颜色
*/
@primary-textColor: #fff; 
/*
  文本副级颜色
*/
@second-textColor: #a5a5a5; 
@primary-fontSize: 14px;
@second-fontSize: 16px;

.content {
    width: calc(100% - 10px);
    height: 100%;
    display: flex;
    background-color: #191919;
}

.layout {
    height: 100%;
    width: calc(100% - 5px);
    background-color: #191919;
}

.top-box {
    height: 330px;
}

.buttom-box {
    background-color: #191919;
    width: 100%;
    margin-top: 25px;
    height: 100%;
}

.list-show {
    height: 100% ;
    width:100%;
    display:flex;
}

.list-box {
    width: 30%;
    height:60%;
}

.chart-box {
    width: 70%;
    /*float: left;*/
    background-color: #252525;
    height: 55%;
}

.buttom-box .ivu-tabs {
    height: 100%;
}

.buttom-box .ivu-tabs-bar {
 margin-bottom:5px;
}
    .buttom-box .ivu-tabs .ivu-tabs-content {
        height: 100%;
    }

    .buttom-box .ivu-tabs .ivu-tabs-content .ivu-tabs-tabpane {
        height: 100%;
    }
.buttom-box .ivu-tabs-nav .ivu-tabs-tab {
    font-size: 17px;
    font-weight: 600;
}
/*.menu-item span {
    display: inline-block;
    overflow: hidden;
    width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    transition: width .2s ease .2s;
}*/

    .menu-item i {
        transform: translateX(0px);
        transition: font-size .2s ease, transform .2s ease;
        vertical-align: middle;
        font-size: 22px;
    }

    .collapsed-menu span {
        width: 0px;
        transition: width .2s ease;
    }

    .ivu-menu {
        z-index: 0;
    }

    .collapsed-menu i {
        transform: translateX(5px);
        transition: font-size .2s ease .2s, transform .2s ease .2s;
        vertical-align: middle;
        font-size: 22px;
    }

    .ivu-layout-sider {
        background-color: rgb(40,40,40);
    }

    .left /deep/ .ivu-layout-sider-trigger {
        background: rgb(40,40,40);
    }

    .ivu-menu-vertical .ivu-menu-item, .ivu-menu-vertical .ivu-menu-submenu-title {
        padding: 15px 5px;
    }

    .ivu-menu-dark {
        background: rgb(40,40,40);
    }



    .list-show li {
        list-style: none;
        border-bottom: 1px solid rgba(50,50,50,.35);
        transition: All 0.2s;
    }

    .list-show li:hover {
        /*transform: scale(1.01,1.01);*/
        cursor: pointer;
    }

    .box {
        height: 100%;
        padding-top:5px;
    }

    .box span {
        margin-top: 5px;
        font-size: 16px;
        margin-left: 10px;
        color: #fff;
        font-weight: 600;
    }
    .box hr {
        width: 90%;
        color: #fff;
    }

.box-info {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    display: inline-flex;
    width: 65%;
}

    .box-info h3 {
        font-size: 14px;
        font-weight: 600;
        color: #a5a5a5;
        margin-right: 10px;
    }

    .box-info p {
        font-size: 14px;
        font-weight: 600;
        color: #a5a5a5;
        margin-right: 20px;
    }

    .class-name {
        display: inline-flex;
    }

.active-list {
    background-color: #252525;
}

.active-list .box span {
    color: #00ffff;
}

    .list-color {
        color: #00ffff;
    }

    .top-select {
        height: 40px;
        margin-left: 10px;
        margin-top: 5px;
    }






