.clear{
    clear: both;
}

/*tab*/
.tab{
    background-color: white;
}
.tab>.tab-item{
    margin:5px 0;
}
.tab-active{
    background-color: #2B65A5 !important;
    color: white !important;
}
.tab>.tab-item>.tab-header,.tab>.tab-item>.tab-header>*{
    cursor: default;
}
.tab>.tab-item>.tab-header{
    background-color: #eee;
    padding:0;
}
.tab>.tab-item>.tab-header>span.title {
    float:left;
    padding: 5px 10px;
    background-color: #B1CDEB;
    text-align: center;
    color: #2B65A5;
}
.tab>.tab-item>.tab-header>span.btn {
    float: right;
    font-size:30px;
    color: #2B65A5;
    margin-top:3px;
    padding-right:10px;
}
.tab>.tab-item>.tab-content{
    padding:10px 0;
}
.tab>.tab-item>.tab-content>.tab-content-list-item{
    width:30%;
    display: block;
    padding :3px 5px;
    float:left;
    margin:5px;
    background-color: #eee;
    cursor: pointer;
    height: 30px;
    line-height:30px;
    text-align:center;
}

/*list*/
.list{
    width:100%;
    margin:20px 0 10px 10px;
}
.list>.l120{
    width:160px;
    background-color: #2B65A5;
    color: white;
    float: left;
    text-align: center;
    padding:10px 0;
    font-size:20px;
}
.list>.rAuto{
    width:550px;
    float: left;
    padding-left:15px;
}
.list-item{
    float: left;
    margin:10px;
}
.list-item>img{
    width:110px;
    height:130px;
}
.list-item>.name{
    text-align: center;
    font-size: 18px;
}