body,html,div{
    margin: 0;
    padding: 0;
}
.title{
    text-align: center;
    height: 4rem;
    font-size: 2rem;
    line-height: 4rem;
}
.container,.tips{
    display: flex;
}
.video-container{
    width: 100%;
    /*height: 480px;*/
    flex: 2;
}
.video-js{
    width: 100%;
    height: 480px;
}
.video-play-dimensions{
 width: 100%;
}
.camera-list{
    height: 100%;
    flex: 1;
}
.person-info-container{
    padding-left: 1rem;
    height: 100%;
    flex: 1;
}
.person-info{
    display: flex;
    font-size: 1rem;
    line-height: 30px;
    margin-top: 1rem;
}
.person-title{
    font-size: 1rem;
    line-height: 3rem;
    text-align: center;
}
.person-info img{
    width: 90px;
    height: 80px;
}
.tips div{
    background-color: #0bbce2;
    font-size: 1rem;
    color: #000;
    margin-right: 1rem;
}
.chart{
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    line-height: 3rem;
    padding-left: 1rem;
    padding-bottom: 3rem;
    margin-top: 1rem;
    /*background-color: #c9c9c9;*/
}
.chart-1{
    width: 320px;
    height: 300px;
    margin-top: 50px;
}
.wrapper{width: 100%; height: 100%;margin: 0 auto;}
.fold{ display:none;}
.aiui .checkbox{ width: 15px; height: 15px; border: 1px solid #dadada; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin:2px 5px 0 0;cursor: pointer; }
.aiui .c-selected{ border: 1px solid #27b0f2; position: relative;}
.aiui .c-selected:after{ content:''; display:block; width:100%; height:100%; position: absolute; left: 0; top: 0; background-image: url("img/checked.png");background-size: 100% 100% }
.aiui .c-selected:after{ background-position: -1px -1px;}
.aiui .checkbox > input{ margin: 0; visibility: hidden;}
.pull-left{ float: left;}
.c-f:after{content:".";display:block;height:0;clear:both;visibility:hidden}
ul,li,i{ list-style:none; padding:0; margin:0; font-style:normal;}
.ai-treenav{ width:100%;}
.ai-treenav ul{ margin-left:20px;}
.ai-treenav i{width:14px; height:14px;  margin:2px 7px 0 0; float: left}
.ai-treenav i.unfold, .ai-treenav .item-name-last > i{width:14px; height:14px;}
.ai-treenav i.frist{width:14px; height:14px; background-image:url("img/arrow-right.png");background-size: 100% 100%; margin:2px 7px 0 0; float: left}
.ai-treenav i.frist.unfold, .ai-treenav .item-name-last > i.frist{width:14px; height:14px;  background:url("img/arrow-down.png") ;background-size: 100% 100%;}

.ai-treenav a{display:block; font-size:14px; height:22px; padding:3px 0; color:#666; overflow:hidden;}
.nav-trunk{ margin-left:20px;}
.ai-treenav .checkbox{ margin-top: 0;}
.ai-treenav .filename,.ai-treenav .filename-open{ padding-left: 25px; width: 50%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ai-treenav .filename-open{ background-position: 0 -52px;}
.ai-treenav li.unfold{min-width: 200px;}
.ai-treenav li.unfold > ul li .filename{ width: 60%;}