[v-cloak]{
    display: none;
}

html,body,#app,#main-con,#con-left,#con-right{
    height: 100%;
}

#main-con{
    overflow: auto;
}

#con-left{
    padding: 20px 10px 10px;
}

#con-right{
    border-left: 1px solid #999;
    padding-bottom: 20px;
}

#myTabContent{
    overflow: auto;
}

#myTabContent input{
    -webkit-border-radius:5px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
    -moz-border-radius:5px;/*适配firefox浏览器*/
    -ms-border-radius:5px;/*适配IE浏览器*/
    -o-border-radius:5px;/*适配opera浏览器*/
    border-radius:5px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/
    border: 1px solid grey;
    padding-left: 10px;
}

#person_list ul{
    scroll-padding-block-start: 0;
    padding: 15px;
}

#person_list ul,li{
    list-style: none;
}

#person_list ul>li{
    /*margin-top: 10px;*/
    cursor: pointer;
    padding: 5px;
    border-radius: 10px;
}

#person_list ul>li:nth-child(odd){
    background: #e0e0e0;
}

/*#person_list ul>li span:last-child{
    float: right;
}*/

#con-left-up,#con-left-down{
    /*padding: 20px;*/
    margin-top: 20px;
    /*background: #e1e1e1;*/
}

.tr_title{
    text-align: center;
    font-size: 24px;
    padding-bottom: 20px !important;
    border-top: none !important;
    cursor: pointer;
}