[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
body {
    height: 100vh;
    background-image: url("../img/teaching_quality_bg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    background-color: #04092f;
}
.header {
    position: absolute;
    width: 100%;
    z-index: 2;
    top:0;
    left:0;
}
.header .title {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0.25rem 0 0;
    font-weight: 500;
    font-size: 0.26rem;
}
.header .trip{
    padding:0 0.5rem;
    color:#fff;
    font-size:0.22rem;
}
.header .trip .special-note {
    font-family: FangSong;
    color: #13F1FA;
}
.header .nav-m {
    margin:0;
    text-align:center;
    padding:0;
}
.header .nav-m li {
    display: inline-block;
    text-align: center;
    width: 1.84rem;
    margin-left: 0.06rem;
}
.header .nav-m li:first-child{
    margin-left:0;
}
    .header .nav-m li a {
        height: 0.52rem;
        line-height: 0.52rem;
        display: block;
        color: #000;
        text-decoration: none;
        font-size: 0.18rem;
        /*    cursor: pointer;*/
        font-weight: 600;
        background-image: url("../img/nav_list_bg.png");
        background-size: 100% 100%;
        padding-top: 0.05rem;
    }
.content{
    position:relative;
    width:18rem;
    margin:auto;
    padding-top:14vh;
}
.content .chat-title {
    font-size: 0.18rem;
    font-weight: 600;
    color: #000;
    display: inline-block;
    padding: 0;
    margin:0;
    left: 1.4rem;
    top:0.03rem;
    position:absolute;
}
.content .chat-small-title {
    font-size: 0.13rem;
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #29B4B3;
    position:absolute;
    top:0.2rem;
    left:3.54rem;
}
.content .content-left {
    width: 5.4rem;
}
.content .content-left > div {
    height: 38vh;
    background-image: url("../img/monitor_bg1.png");
    background-size: 100% 100%;
    position: relative;
    margin-top: 0.15rem;
    padding-top: 0.2rem;
}

.content .content-center {
    width: 6.4rem;
}
.content .content-center > div {
    height: 38vh;
    background-size: 100% 100%;
    position: relative;
    margin-top: 0.15rem;
    padding-top: 0.2rem;
}
.content .content-center .student-online {
    background-image: url("../img/monitor_bg2.png");
}


.content .content-right {
    width: 5.4rem;
}
.content .content-right > div {
    height: 38vh;
    background-image: url("../img/monitor_bg1.png");
    background-size: 100% 100%;
    position: relative;
    margin-top: 0.15rem;
    padding-top: 0.2rem;
}

.overview .overview-content {
    position: relative;
    padding: 0 0.3rem 0 0.6rem;
}
.overview .overview-name {
    font-size: 0.16rem;
    font-weight: 600;
    color: #1AE1E8;
    margin-top: 0.5rem;
}
.overview .overview-teaching{
    list-style:none;
    margin:0;
    padding:0;
}
.overview .overview-teaching li {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
.overview .overview-teaching li:first-child{
    margin-left:0;
}
.overview .overview-teaching li h5 {
    font-size: 0.22rem;
    font-weight: 600;
    margin: 0.25rem 0 0;
}
.overview .overview-teaching li p {
    font-size: 0.16rem;
    color: #f1f1f1;
    margin: 0.04rem 0 0;
}
.overview .overview-teaching li:nth-child(1) {
    background-color: #F3666C;
}
.overview .overview-teaching li:nth-child(2) {
    background-color: #FD9800;
}
.overview .overview-teaching li:nth-child(3) {
    background-color: #6FD395;
}
.overview .overview-teaching li:nth-child(4) {
    background-color: #66B5F7;
}
.overview .overview-total {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top:4vh;
    padding-right:0.3rem;
}
.overview .overview-total h5 {
    font-size: 0.14rem;
    font-weight: 600;
    color: #29B4B3;
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    max-width:2.2rem;
}
.overview .overview-total p{
    font-size:0.32rem;
    color:#fff;
    margin-left:0.3rem;
}

.map{
    position:relative;
    overflow:hidden;
}
.map .map-title{
    color:#fff;
    text-align:center;
    position:absolute;
    left:0;
    top:0.25rem;
    width:100%;
    font-size:0.20rem;
    z-index:2;
}
.map .chart {
    height: 38vh;
    width: 100%;
    position:relative;
    top:0.1rem;
}
.map .provice {
    position: absolute;
    right: 0;
    top: 0.2rem;
    display: inline-block;
    width: 0.9rem;
    z-index: 3;
    background-color: transparent;
    color: #fff;
    border-color: #04C1D3;
    height: 0.32rem;
    padding: 0.02rem 0.1rem;
    font-size:0.14rem;
}
.map .provice option {
    background-color: #0A2A65;
}
.online-teaching {
    padding: 0 0.3rem;
}
.online-teaching .teaching-week {
    height:0.5rem;
}
.online-teaching .chart{
    height:26vh;
    overflow:auto;
}
.online-teaching table {
    color: #ddd;
    width: 100%;
}
.online-teaching table th, .online-teaching table td{
    border:1px solid #494e6b;
    text-align:center;
    font-size:0.12rem;
    height:0.18rem;
    vertical-align:middle;
    width:0.4rem;
}
.online-teaching table th {
    height: 3vh;
}
.online-teaching .teaching-week {
    padding-top:0.2rem;
    text-align:right;
    padding-right:0.3rem;
}
.online-teaching .teaching-week span{
    margin:0 0.1rem;
    font-size:0.13rem;
}
.online-teaching .teaching-week i {
    cursor: pointer;
    font-size: 0.12rem;
    padding:0.02rem;
}
.online-teaching .teaching-week i:hover {
    color: #1AE1E8;
}
.online-teaching .teaching-week i.disabled{
    color:#999 !important;
    cursor:default;
}
.teaching-plan {
    padding: 0 0.1rem;
}
.teaching-plan .chart {
    height: 35vh;
    margin-top: 0.1rem;
}


.student-online {
    padding: 0 0.3rem;
}
.student-online .chart {
    margin-top: 0.2rem;
    height: 15.5vh;
}
.student-online .chart:last-child{
    margin-top:0;
}
.teaching-data .chart-box .chart {
    height: 14vh;
    width: 2.0rem;
    margin-left: 0.45rem;
    position:relative;
    margin-top:0.15rem;
}
.teaching-data .chart-box .chart p{
    /*position:absolute;*/
    width:100%;
    left:0;
    bottom:0;
    z-index:2;
    text-align:center;
    font-size:0.16rem;
    margin-top:-0.2rem;
}
.teaching-data .chart-box .chart > div {
    height: 15vh;
}
.map-point {
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    background-color: #FF760A;
    margin-right: 0.05rem;
    border-radius: 50%;
}