/*header头部样式*/
#top-header {
    background: midnightblue;
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
}
.header-center-decoration {
    width: 40%;
    height: 60px;
    margin-top: 30px;
}

.header-left-decoration, .header-right-decoration {
    width: 25%;
    height: 60px;
}

.center-title {
    color: floralwhite;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    left: 50%;
    top: 15px;
    transform: translateX(-50%);
}
/*背景动态图片样式*/
*{
    margin: 0px;
    padding: 0px;
}
video{
    position: fixed;
    right: 0px;
 /*   bottom: 0px;*/
    top:60px;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    /*加滤镜*/
    /*filter: blur(15px); //背景模糊设置 */
    /*-webkit-filter: grayscale(100%);*/
    /*filter:grayscale(100%); //背景灰度设置*/
    z-index:-11
}
source{
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}
p{
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: white;
}

/*digitalFlop css样式*/
#digital-flop {
    margin-top: 20px;
    position: relative;
    height: 20%;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(6, 30, 93, 0.5);
}
.dv-decoration-10 {
    position: absolute;
    width: 95%;
    left: 2.5%;
    bottom: 0px;
}

.digital-flop-item {
    width: 11%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 3px solid rgb(6, 30, 93);
    border-right: 3px solid rgb(6, 30, 93);
}

.digital-flop-title {
    color: floralwhite;
    font-size: 20px;
    margin-bottom: 20px;
}

.digital-flop {
    display: flex;
}

.unit {
    color: floralwhite;
    margin-left: 10px;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    padding-bottom: 13px;
}

/*roseChart css样式*/
#rose-chart {
    margin-left: 20px;
    margin-top: 10px;
    width: 25%;
    height: 400px;
    background-color: rgba(6, 30, 93, 0.5);
    border-top: 2px solid rgba(1, 153, 209, .5);
    box-sizing: border-box;
}
.rose-chart-title {
    color: floralwhite;
    height: 50px;
    font-weight: bold;
    text-indent: 20px;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.dv-charts-container {
    height:400px
}
/*轮播表 css样式*/
#scroll-board {
    margin-right: 20px;
    margin-top: 20px;
    width: 25%;
    box-sizing: border-box;
    margin-left: 20px;
    height: 300px;
    overflow: hidden;
}

/*RightCharts css样式*/
.right-chart-1 {
    margin-right: 20px;
    margin-top: 10px;
    background-color: rgba(6, 30, 93, 0.5);
    border-top: 2px solid rgba(1, 153, 209, .5);
    float: right;
    margin-left: 40%;
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.rc1-header {
    padding: 10px;
    color: floralwhite;
    font-size: 24px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

.rc1-chart-container {
    flex: 1;
    display: flex;
}

.left {
    color: floralwhite;
    width: 30%;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.number {
    font-size: 34px;
    color: #096dd9;
    font-weight: bold;
    margin-bottom: 30px;
}
.right {
    flex: 1;
    padding-bottom: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/*右下角chart css样式*/
.top-middle-cmp{
   /* background-color: rgba(6, 30, 93, 0.5);*/
    margin-right: 20px;
    border-top: 2px solid rgba(1, 153, 209, .5);
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 30%;
    height: 520px;
    padding: 0 50px;
    box-sizing: border-box;
}
/*.top-middle-cmp {
    position: relative;

}*/
.chart-name {
    position: absolute;
    right: 70px;
    text-align: right;
    font-size: 20px;
    top: 10px;
}

/*

!*复写按钮样式*!
.btn-back{
    color: #fff;
    background: #F0AD4E;
    border-color: #f0AD4F;
    margin-left: 8px;
    width: 80px;
    border-radius: 5px!important;
}
.big{
    width: 90px!important;
}
.btn-school{
    color: #fff;
    background: #009688;
    border-color: #00CA79;
    margin-left: 8px;
    width: 80px;
    border-radius: 5px!important;
}
.btn-zero{
    color: #fff;
    background: #cccccc;
    border-color: #F0AD4E;
    margin: 8px 5px 8px 0;
    width: 80px;
    border-radius: 5px!important;
}
.school{
    color: #009688;
}


!*注意：这里的这个是所有vue页面中模态框的标题*!
.ivu-modal-header-inner{
    font-size: 20px;
    color:#009688 ;
}

!*字体图标*!
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
!*布局样式*!
.layout{
    border: 1px solid #d7dde4;
    background: #f5f7f9;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.layout-logo{
    width: 100px;
    height: 30px;
    background: lightyellow;
    border-radius: 3px;
    float: left;
    position: relative;
    top: 15px;
    left: 20px;
}
.layout-nav{
   !* width: 620px;*!
    margin: 0 auto;
    margin-right: 20px;
}
.layout-footer-center{
    text-align: center;
}
.ivu-layout-header{
    background: #abdcff;
}
.ivu-menu-dark{
    background: #91d5ff;
}*/