#data-view {
    width: 100%;
    height: 100%;
    background-color: #030409;
    color: #fff;

    #dv-full-screen-container {
        background-image: url('./img/bg.png');
        box-shadow: 0 0 3px blue;
        display: flex;
        flex-direction: column;
    }


    .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;
        }
    }

    .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;
    }
}