.toptitle{
    background: #e6e6e6;
}
.toptitle div{
    overflow: hidden;
}
.toptitle h3{
    padding:0 0 10px 15px;
    float: left;
}
.toptitle button{
    float: right;
    margin: 20px 15px 0 0;
    border-radius:0px;
    /*padding:5px 25px;*/
    letter-spacing: 2px;
}
/*���м*/
.breadcrumb{
    background: none;
    margin: 0;
}
.panel-body table th{
    font-size: 14px;
    font-weight: bold;
}
.tab-list {
    border-bottom: 1px solid #b4b4b4;
}

.tab-table{
    border:1px solid #b4b4b4;
    /*border-top: none;*/
    margin-bottom: 8px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{}
.tab_li {
    margin-bottom: 30px;
    border-bottom: none;
}
.tab_li li a{
    padding: 0 34px;
    height: 35px;
    line-height: 35px;
    background: #e5e5e5;
    border-radius: 0;
    margin-right: 0;
    border: 1px solid #b4b4b4;
    color: #434343;
}
.exam-knowledge-title button:hover{
    box-shadow:0px 0px 5px #559de8;
}
@media (max-width:768px) {
    .tab_li li .hidden-sm{
        display: none;
    }
}
.nav-tabs{
    /*border-bottom: 1px solid #b4b4b4;*/
}
.tab_li li.active> a{
    /*border-right: 1px solid #b4b4b4;
    border-left: 1px solid #b4b4b4;*/
    border-top: 2px solid #559de8;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
}
.tab_li>li.active>a, .tab_li>li.active>a:focus, .tab_li>li.active>a:hover{
    border-top: 2px solid #559de8;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
}
.tab-table tbody tr:hover .download{
    visibility: visible ;
}
.tab_li li.active >a:hover{
    border-top: 2px solid #559de8;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
}
.tab_li>li>a:hover{
    border-color:#b4b4b4;
}
.nav-tabs {
    background: #fff;
}
.list-inline>.continue-add{
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #559de8;
    padding: 0 15px;
    margin: 0 18px;
}
.continue-add a{
    color: #000;
}
.continue-add a i{
    color: #559de8;
    font-size: 20px;
}
.list-inline>.all-upload{
    background: #559de8;
    padding: 0 26px;
    margin: 0;

}
.list-inline>.all-upload a{
    color: #fff;
}
.test-select{
    margin-bottom: 15px;

}
@media (max-width:991px){
    .select-list ul{
        width: 90%;
    }
    .select-all dl dt{
        float: left;
    }
}
.select-list{
    position: relative;
    height: 30px;
    overflow: hidden;
}
.select-list ul{
    max-width: 900px;
    line-height: 30px;
    margin-bottom: 0;
    overflow: hidden;
    /*display: inline-block;*/
}
.select-list ul li{
    font-size: 14px;
    color: #434343;
    padding: 0px 10px;
    margin-right: 10px;
    margin-top:3px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    max-width: 170px;
    text-align: center;
    float: left;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}
.select-list ul li a{
    text-align: center;
}
.select-list .list-inline li:first{
    width:100px;
    text-align: center;
}
.select-list ul li a{
    color: #434343;
}
.select-list ul .chose-select{
    background: #559de8;
}
.select-list ul .chose-select a{
    color: #fff;
}
@media (max-width:991px){
    .select-list ul{
        width: 80%;
    }
    .select-all dl dt{
        float: left;
    }
}
.select-all{
    border-bottom: 1px solid #ddd;
}
.select-all:hover{
    box-shadow:0px 0px 5px #559de8;
}
.select-all dl{
    border: 1px solid #ddd;
    border-bottom: none;
    margin-bottom: 0;
}
.select-all dl dt{
    width: 128px;

    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #33485d;
    background: #eeeeee;
    border-right: 1px solid #ddd;
}

.select-all dl dd{
    margin-left: 150px;
}
@media (max-width:480px) {
    .select-all dl dt{
        width: 50px;
    }
    .select-all dl dd{
        margin-left: 56px;
    }
}
.areo-more {
    position: absolute;
    right: 30px;
    top: 0;
    line-height: 30px;
    height: 30px;
    font-size: 15px;
    color: #559de8;
    cursor: pointer;
}
.search-i{
    height:25px;
    margin-top:3px;
}
.search-b{
    margin-top:3px;
    border-radius: 0px;
    padding: 1px 10px;
    background: #5cb85c;
    font-size: 12px;
    vertical-align: middle;
}
.search-bb{
    margin-top:3px;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0;
    width:30px;
    font-size: 14px;
    background: white;
    color: #b4b4b4;
}
/*.search-p{
    color:#333;
    line-height:30px;
}*/
.list-inline .li-active{
    background:#03aaf4;
    color:#fff;
}
.list-inline .li-active a{
    color:#fff;
    min-width: 80px;
}
.list-inline .modify a{
    color: white;
}
.sort-active i{
    color: #559de8;
}
.page-view i{
    color:#b4b4b4;
}
.tab-table{

    border:1px solid #D4D2D2;
    /*border-top: none;*/
    margin-bottom: 8px;
}
.tab-table tbody tr:hover .download{
    visibility: visible ;
}
@media (min-width:1200px){
    .tab-table tbody tr td:nth-child(1){
        max-width: 260px;
        height: 21px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
.tab-table tbody tr:hover{
    background: #e6e6e6;
}
.tab-content>div{
    display: none;
}
@media (min-width:480px) {
    .tab-content .common-dl .media_img{
        width: 180px;
        height: 135px;
        border: 1px solid #ddd;
    }
}
@media (max-width:480px) {
    .tab-content .common-dl .media_img{
        width: 120px;
        height: 120px;
        border: 1px solid #ddd;
    }
}
/*tree start*/
.exam-tree{
    background: #e6e6e6;
    padding: 1px 15px;

}
.exam-title{
    background:#fff;
    height:25px;
    text-align:center;
    line-height:25px;
}
.exam-tree-left{
    padding-left: 0;
    margin-left:0;
    border:1px solid #ddd;
    padding:0px;
}
.exam-tree-left:hover{
    box-shadow:0px 0px 5px #ddd;
}
.btn-inline button{
    margin:6px 8px;
    display: inline;
    padding: 0px 12px;
    border-radius: 0px;
}
.exam-tree .exam-tree ul{
    padding-left: 15px;
}
.exam-tree ul li{
    line-height:24px;
}
.exam-tree .first-level ul li ul{
    padding-left: 35px;
}
.exam-tree .first-level ul li ul li label{
    max-width: 200px;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.exam-tree .checkbox{
    margin: 0;
}
.mainlevel  li ul.sublevel{
    display: none;
    margin-left:0px;
}
.have-chosen li{
    margin-right: 8px;
}
.have-chosen li i{
    color: #cbcbcb;
    cursor: pointer;
}
.have-chosen span strong{
    font-size: 14px;
    color: #559de8;
    font-weight: bold;
}
.have-chosen ul{
    overflow: hidden;
    margin-bottom: 0;
}
.pic-media{
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
.pic-media a.remove-pic{
    position: absolute;
    bottom: 0;
    right: 0;
}

/*tree end*/
.detail-topics{
    margin-top: 5px;
    border: 1px solid #ddd;
    overflow: hidden;
    margin-bottom:10px;
}
.topics-trash p {
    float: right;
    margin-top: -16px;
    margin-right: 1px;
    color: red;
    padding-right: 10px;

}
.topics-trash p a{
    color:white;
    display: block;
    width:60px;
    height:60px;
}

/*.topics-trash p{
    width: 36px;
}*/
.topics-trash .submit-error-btn{
   display: block;
    width:60px;
    height:60px;
    cursor:pointer;
}
.left-top{
    width: 200px;
    height: 20px;
    background: #559de8;
    text-align: center;
    color: #edf3fc;
}
.left-top span{
    background: #5cb85c;
    float: right;
    width: 150px;
    height: 20px;
}
.left-top  span span{
    background: #5cb85c;
    float: right;
    width: 53px;
    height: 20px;
}
.each-topic{
   /* margin: 15px 0 0 50px;*//* margin: 15px 0 0 50px;*/
    overflow: hidden;
    font-family: 'Microsoft Yahei';
    font-size: 14px;
    padding-right:10px;
  /*  min-height: 160px;*/
}
.each-topic div{
   /* color:#333333;*/
    line-height: 25px;
}
.each-topic div .radio {
    color:#666666!important;
}
.each-topic input{
    color:#666666 ;
}
.group-btn{
    background:#e4e4e4;
    border-top:1px solid #D4D2D2;
    padding:5px;
}
.group-btn span{
    padding-right:10px;
    float:right;
    line-height:30px;
}
.checkbox-line{
    padding-left:15px;
    color:#555;
}
.sublevel li{
    display:block;
    background: url(../img/treeview-line.png) 0px -7px no-repeat;
    margin-left:0px;
    padding-left:15px;
}
.checkbox i{
    color:#559de8;
    cursor:pointer;
}
.sublevel>li:last-child{
    background: url(../img/last-line.png) 0px -7px no-repeat;
}
.sublevel > li ul li:last-child{
    background:none;
}
.sublevel > li ul li{
    background:none;
}
.group-btn .active{
    background:#999;
}
.group-btn .active:hover{
    color:#fff;
}
.topics-analytical{
    display:none;
}
.answer{
    margin-top: 15px;
    padding:0 15px;
    display: none;
}
.answer p{
    padding: 15px 0;
    /*border-top: 1px dotted #D4D2D2;*/
}
.answer p img{
    margin-left: 15px;
}
.edit{
    position: absolute;
    right: 100px;
    top: 4px;
    padding:1px 10px;
    border-radius:0px;
    background: #5cb85c;
}
.edit i{
    margin-right: 5px;
}
.operate span{
    float:right;
    color: #676767;
}
/* fix */
.pos-operate{
    position: absolute;
    bottom: 3px;
    right: 5px;
}
.pos-common-list{
    position: relative;
}
.paper-fix:hover{
    box-shadow:0px 0px 5px #559de8;
}
.exam-info p{}
.paper-fix{
    width: 150px;
    min-height: 250px;
    position: fixed;
    top: 30%;
    right: 20px;
    border: 1px solid #ddd;
}

.pos-body{
    position: relative;
}
.pos-bar{
    position: absolute;
    left: 0;
}
.pan-left{
    width: 35px;
    height: 100%;
    background: #559de8;
    position: relative;
}
.pan-left p{
    text-align: center;
}
.pan-left p a{
    font-size: 12px;
    color: #fff;
}
.pan-left div{
    padding: 0 5px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: 60px 0;
}
.pan-right{
    padding: 20px 0 0 15px;
    font-size: 14px;
}
.fix-paper-btn{
    margin-top: 24px;
}
.fix-paper-btn a{
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    background: #559de8;
    margin-bottom: 10px;
    width: 80px;
}
.pan-right ul li strong{
    font-size: 16px;
    /*font-weight: bold;*/
    color: #559de8;
}
.sub-topic{
    border: 1px dotted #ccc;
    padding: 10px;
    margin: 15px 0 10px 32px;
}
.detail-topics .btn-grey{
    color:white;
    border-color: rgb(204, 204, 204);
    background: rgb(204, 204, 204)
}
.answer .list-answer{
    padding: 15px 0;
    border-top: 1px dotted #ddd;
}
.answer .list-answer .subanswer{
    padding-left: 30px;
    margin: 5px 0;
}
.detail-topics .mater-show-answer{
 display: none;
}
/*修改*/