#data-view {
    width: 100%;
    height: 100%;
    background-color: #030409;
    color: #fff;
  
    #dv-full-screen-container {
      background-image: url('./img/bg.png');
      background-size: 100% 100%;
      box-shadow: 0 0 3px blue;
      display: flex;
      flex-direction: column;
      #chart_title{
        padding:10;
        color: '#04b2f7';
        font-size: '18px';
        font-weight: 'bold'
    }


    .main-header {
        background-image: url('./img/top.png');
        /* ����ͼ��ֱ��ˮƽ������ */
        background-position: center center;
        /* ����ͼ��ƽ�� */
        background-repeat: no-repeat;
        /* �����ݸ߶ȴ���ͼƬ�߶�ʱ������ͼ���λ�������viewport�̶� */
        background-attachment: fixed;
        /* �ñ���ͼ����������С���� */
        background-size: cover;
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;

        .mh-left {
            font-size: 20px;
            color: rgb(1, 134, 187);

            a:visited {
                color: rgb(1, 134, 187);
    }
        }

        .mh-middle {
            font-size: 30px;
        }

        .mh-left,
        .mh-right {
            width: 480px;
        }
        .dateclass{
            font-size: 22px;
        text-align: center;
        position: relative;
    }
    }

    .main-container {
        height: calc(~'100% - 80px');
        .mc-top,
        .mc-bottom {
            display: flex;
    }

        .mc-top {
            height: 33%;
    }
        .mc-bottom {
            height: 66%;
    }
        .main-container_dev{
            height: 100%;
            width: 100%;
   
}
        .qpj{
          //  background-image: url('./img/555.png');
        }
        .mc-bottom1{
            width: 75%;
        }
        .mc-bottom2{
            width: 25%;
        }
    }
    .titlebak{
        background-image: url('./img/title1.png');
        /* ����ͼ��ֱ��ˮƽ������ */
        background-position: center center;
        /* ����ͼ��ƽ�� */
        background-repeat: no-repeat;
        text-align: center;

    }

    .main-container_c{
        height: 100%;
       // border: 1px red solid;
    }
    .main-container_s{
        height: 33.3%;
        width: 100%;
        //border: 1px red solid;
    }
    .main-container_z{
        height: 33.3%;
        width: 100%;
       // border: 1px red solid;
    }
    .main-container_x{
        height: 33.3%;
        width: 100%;
        //border: 1px red solid;
    }
}