.container-title{
    border:1px solid #e2e2e2;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.tabs-content a{
    word-wrap: break-word;
}
.title-name{
    display: inline-block;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    vertical-align: middle;
}
.title-number{
    font-size: 14px;
    color: #747373;
    vertical-align: middle;
}
.container-title>div:first-child{
    width: calc(100% - 80px);
}
.container-title>div:last-child{
    width: 80px;
}
.title-btn{
    display: inline-block;
    background-color: #1767e3;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
}
.title-btn.noAllow{
    display: none;
}
.title-btn img{
    margin-left: 5px;
}
.container-content{
    background-color: #f8f8f8;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
}
.content-item {
    padding: 5px 0;
}
.content-item .item-title{
    display: inline-block;
    width: 130px;
    text-align: right;
}
.item-content{
    display: inline-block;
    width: calc(100% - 135px);
    text-align: left;
    vertical-align: middle;
    color: #777777;
}
.item-title{
    color:#333;
}
.tabs{
    margin: 10px;
}
.tabs-title{
    display: flex;
    align-items: center;
    background-color: #1767e3;
    color:#bccbe2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
}
.tabs-title>div.active{
    color:#fff;
    font-weight:bold;
}
.tabs-title>div{
    flex: 1;
    font-size: 14px;
    text-align: center;
}
.tabs-title>div:first-child{
    font-size: 12px;
    text-align: center;
}
.tabs-content{
    background-color: #f8f8f8;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
}