.avatar-sm {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
}

.editor-text img {
    max-width: 100% !important;
    height: auto !important;
}

.inline-block {
    display: inline-block;
}

.empty {
    text-align: center;
    color: #ccc;
    padding: 20px 0;
}

.text-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.link-dark {
    color: #333 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link-dark:hover {
    color: #3083eb !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link-light {
    color: #666 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link-light:hover {
    color: #3083eb !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link-lighter {
    color: #999 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link-lighter:hover {
    color: #3083eb !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bootstrap-notify-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    text-align: center;
    z-index: 2000;
}

.border-1px {
    border: 1px solid #eee;
}

.exam-navbar {
    position: relative;
    border: none;
    height: 60px;
    line-height: 60px;
    z-index: 80;
}

.exam-navbar .exam-navbar-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0;
    min-width: 1024px;
    max-height: 60px;
    background: #3083eb;
    opacity: .97;
}

.exam-navbar .navbar-brand {
    height: 60px;
    padding-left: 0;
    padding-right: 0;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
}

.exam-navbar .navbar-nav {
    margin-left: 31px;
}

.exam-navbar .navbar-nav > li {
    height: 60px;
}

.exam-navbar .navbar-nav > li:hover,.exam-navbar .navbar-nav > li:focus,.exam-navbar .navbar-nav > li.active {
    background-color: #599cef;
}

.exam-navbar .navbar-nav > li.user-dropdown {
    background-color: transparent;
}

.exam-navbar .navbar-nav > li > a {
    padding: 0 24px;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    color: #fff;
}

.exam-navbar .navbar-nav > li > a:hover,.exam-navbar .navbar-nav > li > a:focus {
    background-color: transparent;
}

.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {
    background-color: transparent!important;
    border-color: transparent;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.has-error .form-control,.has-error .form-control:focus {
    border-color: #ff5500;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label,.text-danger {
    color: #ff5500;
}

.modal-title {
    font-size: 16px;
    font-weight: normal;
}

.form-group label {
    font-weight: normal;
}

.modal-dialog {
    width: 520px;
}

.modal-lg {
    width: 1140px;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.nomargin {
    margin-right: 0!important;
}

.control-label {
    color: #333;
}

.help-block {
    color: #999;
}

.badge {
    line-height: 12px;
}

.font-md {
    font-size: 16px;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.align-top {
    display: inline-block;
    vertical-align: top;
}

.bg-gray {
    background-color: #f5f5f5;
}

.container-fluid {
    padding-right: 32px;
    padding-left: 32px;
}

.exam-space {
    padding: 24px 0;
    background-color: #fff;
}

.nav-pagination {
    text-align: center;
}

.underline {
    border-bottom: 1px solid #eeeeee;
}

a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover,a:focus,a.focus,a.active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    outline: none;
}

.text-muted {
    color: #aaaaaa;
}

.exam-breadcrumb {
    padding: 16px 0;
    list-style: none;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}

.exam-breadcrumb li {
    float: left;
    color: #999;
}

.exam-breadcrumb li.active {
    color: #333;
}

.exam-breadcrumb li a {
    color: #999;
}

.exam-breadcrumb li a:hover {
    color: #3083eb;
}

.mts {
    margin-top: 8px !important;
}

.mtm {
    margin-top: 16px !important;
}

.mtl {
    margin-top: 24px !important;
}

.mrs {
    margin-right: 8px !important;
}

.mrm {
    margin-right: 16px !important;
}

.mrl {
    margin-right: 24px !important;
}

.mbs {
    margin-bottom: 8px !important;
}

.mbm {
    margin-bottom: 16px !important;
}

.mbl {
    margin-bottom: 24px !important;
}

.mls {
    margin-left: 8px !important;
}

.mlm {
    margin-left: 16px !important;
}

.mll {
    margin-left: 24px !important;
}

.mhs {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mhm {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.mhl {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.mvs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.mvm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.mvl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.pts {
    padding-top: 8px !important;
}

.ptm {
    padding-top: 16px !important;
}

.ptl {
    padding-top: 24px !important;
}

.prs {
    padding-right: 8px !important;
}

.prm {
    padding-right: 16px !important;
}

.prl {
    padding-right: 24px !important;
}

.pbs {
    padding-bottom: 8px !important;
}

.pbm {
    padding-bottom: 16px !important;
}

.pbl {
    padding-bottom: 24px !important;
}

.pls {
    padding-left: 8px !important;
}

.plm {
    padding-left: 16px !important;
}

.pll {
    padding-left: 24px !important;
}

.ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.phs {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.phm {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.phl {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.pvs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pvm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.pvl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.gray-darker {
    color: #333 !important;
}

.gray-dark {
    color: #666 !important;
}

.color-gray {
    color: #999 !important;
}

.gray-medium {
    color: #ccc !important;
}

.gray-light {
    color: #eee !important;
}

.gray-lighter {
    color: #f4f5f6 !important;
}

.darker-link {
    color: #333 !important;
}

.darker-link:hover {
    color: #3083eb !important;
}

.dark-link {
    color: #666 !important;
}

.dark-link:hover {
    color: #3083eb !important;
}

.gray-link {
    color: #999 !important;
}

.gray-link:hover {
    color: #3083eb !important;
}

.medium-link {
    color: #ccc !important;
}

.medium-link:hover {
    color: #3083eb !important;
}

.text-primary {
    color: #3083eb !important;
}

.text-success {
    color: #87d068 !important;
}

.text-info {
    color: #ff8a0e !important;
}

.text-warning {
    color: #ffaa00 !important;
}

.text-danger {
    color: #ff5500 !important;
}

.text-muted {
    color: #aaaaaa;
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.text-center {
    text-align: center!important;
}

.alert {
    padding: 10px 20px;
    margin-bottom: 10px;
}

.alert i {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.alert-success {
    color: #fff;
    background-color: #21be9a;
    border-color: #21be9a;
}

.alert-danger {
    background-color: #ff5500;
    color: #fff;
    border-color: #ff5500;
}

.alert-info {
    background-color: #ffeee6;
    border-color: #ffddcc;
    color: #666;
}

.login-alert.alert {
    padding: 6px 8px;
    margin-bottom: 20px;
}

.bootstrap-notify-bars {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 9999;
    text-align: center;
}

.es-confirm {
    position: fixed;
    background: #fff;
    width: 410px;
    font-size: 12px;
    left: 50%;
    margin-left: -175px;
    top: 50%;
    margin-top: -150px;
    z-index: 1000;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.5);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.5);
}

.es-confirm .text-operate {
    font-size: 20px;
    color: #666;
    padding: 13px 15px;
    border-bottom: 1px solid #e5e5e5;
    clear: both;
}

.es-confirm .text-operate i {
    float: right;
    font-size: 16px;
    cursor: pointer;
    color: #ccc;
}

.es-confirm .content {
    margin: 50px 0 40px;
    font-size: 16px;
    color: #333;
    position: relative;
    padding-left: 82px;
    width: 380px;
    max-height: 150px;
    overflow: auto;
    line-height: 30px;
    min-height: 34px;
}

.es-confirm .content i {
    font-size: 30px;
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: -17px;
}

.es-confirm .confirm-actions {
    text-align: right;
    padding-bottom: 24px;
    padding-right: 24px;
}

.es-confirm .confirm-actions .btn + .btn {
    margin-left: 10px;
}

.es-confirm .btn-border {
    border: 1px solid #c7c9cf;
    background: transparent;
}

.es-confirm .btn-border:hover {
    border: 1px solid #9b9da2;
}

.confirm-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal {
    background-color: rgba(0,0,0,0.5);
}

.modal .modal-dialog.player-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 862px;
    height: 482px;
    margin-left: -431px;
    margin-top: -241px;
}

.modal .modal-dialog.player-modal .modal-content {
    height: 100%;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: #000;
}

.modal .modal-dialog.player-modal .modal-content .modal-header {
    height: 0;
    padding: 0;
    border: none;
    position: relative;
    min-height: 0;
}

.modal .modal-dialog.player-modal .modal-content .modal-header .close {
    position: absolute;
    right: -39px;
    top: -39px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #ccc;
}

.modal .modal-dialog.player-modal .modal-content .modal-header .close span {
    font-size: 30px;
}

.modal .modal-dialog.player-modal .modal-content .modal-body {
    padding: 0;
    position: relative;
    background-color: #000;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modal {
    background-color: rgba(0,0,0,0.5);
    z-index: 1061;
}

.modal-dialog {
    width: 532px;
}

.modal-dialog.modal-lg {
    width: 700px;
}

.modal-header {
    padding: 16px 26px;
}

.modal-header .close {
    margin-top: 1px;
}

.modal-title {
    font-size: 20px;
    font-weight: bolder;
    color: #333;
}

.modal-content {
    -webkit-box-shadow: 0 4px 10px #666;
    -moz-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
}

.modal-body {
    padding: 32px 26px;
}

.modal-footer {
    border-top: none;
    padding: 0 26px 32px 26px;
}

.import-modal {
    width: 600px;
}

.import-modal .modal-content {
    border-radius: 0px;
    border: 0;
}

.import-modal .modal-title {
    color: #f55753;
    font-size: 13px;
}

.import-modal .modal-header {
    border-bottom: 0;
}

.import-modal .modal-header .close {
    margin-top: -4px;
}

.import-modal .modal-body {
    padding: 0 15px;
}

.knowledge_point_modal {
}

.knowledge_point_modal .modal-content {
    padding: 15px;
}

.knowledge_point_modal .modal-header {
    padding: 0;
}

.knowledge_point_modal .modal-title {
    margin-bottom: 15px;
}

.knowledge_point_modal .modal-body {
    padding: 0;
}

.knowledge_point_modal .library-info {
    padding: 15px;
}

.knowledge_point_modal .title {
    font-size: 16px;
    font-weight: 400;
}

.knowledge_point_modal .assoc {
    color: #bbbbbb;
    padding: 10px;
    border: 1px solid #eee;
}

.knowledge_point_modal .assoc .point {
    padding-left: 10px;
}

.knowledge_point_modal .content-zTree {
    height: 210px;
    border: 1px solid #eee;
    border-top: 0;
    overflow: auto;
    overflow-x: hidden;
}

.knowledge_point_modal .content-zTree span.button {
    background-color: #fff;
}

.knowledge_point_modal .content-zTree img.check {
    width: 12px;
    margin-left: 20px;
    margin-top: -10px;
}

.knowledge_point_modal .button-bottom {
    margin-top: 20px;
}

.knowledge_point_modal .ztree li a .node_name {
    max-width: 300px;
}

.popover {
    cursor: default;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #dcdcdc;
    word-wrap: break-word;
}

.popover.top > .arrow {
    border-top-color: #dcdcdc;
}

.popover.bottom > .arrow {
    border-bottom-color: #dcdcdc;
}

.popover .popover-content {
    padding: 18px 20px;
}

.dropdown-menu {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 5px #eee;
    -moz-box-shadow: 0 2px 5px #eee;
    box-shadow: 0 2px 5px #eee;
    padding: 4px 0;
    min-width: 140px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu > li {
    position: relative;
    width: 100%;
}

.dropdown-menu > li > a {
    padding: 7px 16px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.dropdown-menu > li > a i {
    padding-right: 8px;
    color: #666;
}

.dropdown-menu > li > a:hover {
    background-color: #edf5ff;
}

.dropdown-menu .dropdown-header {
    padding: 5px 20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
}

.dropdown-menu.exam-dropdown {
    left: -100px;
}

.dropdown-menu.testpaper-dropdown {
    left: auto;
    right: 0;
}

.user-dropdown .dropdown-menu {
    right: 21px;
}

.btn {
    padding: 7px 22px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn:hover,.btn:focus,.btn.focus,.btn.active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn.btn-sm {
    padding: 3px 23px;
}

.btn-link {
    cursor: pointer;
}

.btn-link:hover {
    color: #3083eb;
    text-decoration: none;
}

.btn-icon i {
    padding-right: 8px;
    line-height: 1;
    font-size: 13px;
}

.btn-primary {
    background-color: #3083eb;
    color: #fff;
    border-color: #3083eb;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.active {
    background-color: #599cef;
    border-color: #599cef;
}

.btn-default {
    border-color: #ccc;
    color: #666;
    background-color: #fff;
}

.btn-default:hover,.btn-default:focus,.btn-default.active {
    background-color: #fff;
    color: #3083eb;
    border-color: #3083eb;
}

.btn-default-dashed {
    border: 1px dashed #999;
    color: #999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-default-dashed:hover,.btn-default-dashed:focus {
    border: 1px dashed #999;
    color: #999;
}

.btn-group .btn + .btn {
    margin-left: 0;
}

.btn-group .btn + .btn.btn-primary {
    border-left: 1px solid #2669bc;
}

.btn-group.btn-group-radius .btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-group.btn-group-radius .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),.btn-group.btn-group-radius .btn:last-child:not(:first-child),.btn-group.btn-group-radius .btn-group > .dropdown-toggle:not(:first-child) {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.open > .dropdown-toggle.btn-primary:hover,.open > .dropdown-toggle.btn-primary:focus {
    background-color: #599cef;
    border-color: #599cef;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;
}

.cricle {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cricle i {
    display: inline-block;
    vertical-align: middle;
}

.cricle-gray {
    color: #fff;
    background-color: #d8d8d8;
}

.cricle-gray:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #87d068;
    color: #fff;
}

.panel {
    border: none;
}

.lt-ie9 .panel {
    border: 1px solid #eee;
}

.panel-col {
    min-height: 400px;
}

.panel-default {
    padding: 0 15px;
}

@media (max-width: 767px) {
    .panel-default {
        padding:0 10px;
    }
}

.panel-default > .panel-heading {
    position: relative;
    font-size: 16px;
    padding: 15px 0;
    background: #fff;
    border-bottom: 1px solid #f4f5f6;
}

@media (max-width: 767px) {
    .panel-default > .panel-heading {
        padding:10px 0;
    }
}

.panel-default > .panel-heading .panel-title {
    color: #333;
}

.panel-default > .panel-heading .panel-title > i {
    display: none;
}

.panel-default > .panel-heading .more {
    position: absolute;
    top: 13px;
    right: 0;
    display: block;
    color: #999;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
    .panel-default > .panel-heading .more {
        top:8px;
    }
}

.panel-default > .panel-heading .more:hover {
    color: #666;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.panel-default > .panel-heading .panel-bar {
    position: absolute;
    top: 7px;
    right: 0;
    display: block;
}

.panel-default > .panel-footer {
    padding: 15px 0;
    background: none;
}

.panel-default > .panel-body {
    position: relative;
    padding: 15px 0;
}

.panel-primary > .panel-heading {
    background-color: #3083eb;
    color: #fff;
}

.panel-primary > .panel-body {
    background: #f5f5f5;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.panel-gray {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

.panel-gray > .panel-heading {
    background-color: #f4f5f6;
    color: #999;
}

.panel-gray > .panel-body {
    color: #999;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.panel-page {
    padding: 45px 50px 50px;
    min-height: 500px;
}

@media (max-width: 767px) {
    .panel-page {
        padding:15px;
        min-height: 300px;
    }
}

.panel-page .panel-heading {
    background: transparent;
    border-bottom: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.panel-page .panel-heading h2 {
    font-size: 25px;
    margin-top: 0;
}

.sidenav .list-group:last-child {
    margin-bottom: 0;
}

.sidenav .list-group .list-group-heading {
    list-style-type: none;
    color: #999;
    margin-bottom: 10px;
    margin-left: 20px;
}

.sidenav .list-group .list-group-item {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    padding: 0;
    border-left: 2px solid transparent;
}

.sidenav .list-group .list-group-item:last-child,.sidenav .list-group .list-group-item:first-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.sidenav .list-group .list-group-item:hover {
    background-color: #f4f5f6;
}

.sidenav .list-group .list-group-item > a {
    display: block;
    color: #666;
    padding: 10px 15px 10px 35px;
}

.sidenav .list-group .list-group-item.active {
    border-left: 2px solid #3083eb;
    background: none;
}

.sidenav .list-group .list-group-item.active > a {
    color: #3083eb;
}

textarea.form-control {
    max-height: 82px;
}

select.form-controls {
    appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.form-control {
    color: #333;
    font-size: 14px;
    height: 36px;
    border-color: #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-control:-webkit-input-placeholder {
    color: #ccc;
}

.form-control:-moz-placeholder {
    color: #ccc;
}

.form-control:-moz-placeholder {
    color: #ccc;
}

.form-control:-ms-input-placeholder {
    color: #ccc;
}

.form-control:focus {
    border-color: #3083eb;
    -webkit-box-shadow: 0 0 0 2px #c1daf9;
    -moz-box-shadow: 0 0 0 2px #c1daf9;
    box-shadow: 0 0 0 2px #c1daf9;
}

.form-control.input-sm {
    font-size: 14px;
    line-height: inherit;
    height: 30px;
}

.form-control.form-control-time {
    position: relative;
}

.form-control.has-error {
    border-color: #ff5500;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.input-group .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select-icon {
    position: relative;
}

.select-icon .form-control {
    padding-right: 30px;
    background: #fff url("../img/selecticondown.png") no-repeat;
    background-position: center right 8px;
    background-size: 13px;
    -moz-background-size: 13px;
}

.select-icon-time {
    position: relative;
}

.select-icon-time .form-control {
    padding-right: 30px;
    background: #fff url("../img/rili.png") no-repeat;
    background-position: center right 8px;
    background-size: 13px;
    -moz-background-size: 13px;
}

.lt-ie9 .select-icon select.form-control,.lt-ie11 .select-icon select.form-control {
    padding: 6px 12px 6px 12px;
    background: none;
}

.lt-ie9 .select-icon-time .form-control,.lt-ie11 .select-icon-time .form-control {
    background: #fff url("../img/rili_ie8.png") no-repeat;
    background-position: center right;
}

.form-vertical .form-group {
}

.form-vertical .form-group label {
    color: #333;
    margin-bottom: 8px;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-inline .form-group label {
    margin-bottom: 0;
}

.form-inline .form-control {
    width: 160px;
}

.text-xs {
    font-size: 12px!important;
}

.text-sm {
    font-size: 14px!important;
}

.text-md {
    font-size: 16px!important;
}

.text-lg {
    font-size: 18px!important;
}

.table > thead {
    background-color: #f5f5f5;
}

.table > thead > tr > th {
    color: #333;
    font-weight: bolder;
    padding: 19px 10px;
    border-bottom: 0;
    text-align: left;
}

.table > tbody > tr > td {
    padding: 14px 10px;
    vertical-align: middle;
    text-align: left;
    border-top: none;
    border-bottom: 1px solid #eee;
}

.table.table-hover > tbody > tr:hover {
    background-color: #edf5ff;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.pagination > li {
    margin-right: 8px;
    display: inline-block;
}

.pagination > li:first-child > a,.pagination > li:first-child > span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pagination > li:last-child > a,.pagination > li:last-child > a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pagination > li.active > a,.pagination > li.active > span {
    background-color: #3083eb;
    color: #fff;
    border-color: 1px solid #3083eb;
}

.pagination > li.active > a:hover,.pagination > li.active > span:hover {
    background-color: #3083eb;
    color: #fff;
    border: 1px solid #3083eb;
}

.pagination > li > a,.pagination > li > span {
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ccc;
    border-color: #ccc;
    -webkit-transition: 0 0.3s ease;
    -moz-transition: 0 0.3s ease;
    -o-transition: 0 0.3s ease;
    transition: 0 0.3s ease;
}

.pagination > li > a i,.pagination > li > span i {
    font-size: 14px;
    line-height: 1;
}

.pagination > li > a:hover,.pagination > li > span:hover {
    background-color: #fff;
    color: #3083eb;
    border: 1px solid #3083eb;
}

.nav-pills > li {
    margin-bottom: 8px;
    margin-right: 16px;
}

.nav-pills > li:hover > a {
    background-color: #f5f5f5;
    color: #333;
}

.nav-pills > li.active > a {
    background-color: #3083eb;
    color: #fff;
}

.nav-pills > li.active > a:hover {
    background-color: #3083eb;
}

.nav-pills > li > a {
    padding: 6px 24px;
    color: #333;
}

.label {
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.label-danger {
    background-color: #ff5500;
}

.label-warning {
    background-color: #ffaa00;
}

.label-default {
    background-color: #eee;
    color: #333;
}

.webuploader-container {
    position: relative;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    padding: 5px 10px;
    color: #333;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.webuploader-pick-hover {
    background: #e6e6e6;
    border-color: #adadad;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}

.balloon-uploader {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.balloon-uploader-heading {
    background-color: #f5f5f5;
    color: #333;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    display: none;
}

.balloon-uploader-footer {
    background-color: #f5f5f5;
    color: #333;
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    text-align: right;
}

.balloon-uploader-footer .disabled {
    cursor: not-allowed;
}

.balloon-uploader-footer .disabled .webuploader-pick {
    background-color: #ccc;
    color: #e0e0e0;
}

.balloon-filelist {
    width: 100%;
}

.balloon-filelist-heading {
    padding: 8px 10px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    min-height: 36px;
}

.balloon-uploader-body {
    position: relative;
}

.balloon-filelist .file-name,.balloon-filelist .file-size,.balloon-filelist .file-status,.balloon-filelist .file-manage {
    position: relative;
    z-index: 1;
}

.balloon-filelist .file-name {
    float: left;
    width: 50%;
}

.balloon-filelist .file-size {
    float: left;
    width: 25%;
}

.balloon-filelist .file-status {
    float: left;
    width: 25%;
}

.balloon-filelist .file-manage {
    display: none;
}

.balloon-filelist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 200px;
    max-height: 300px;
    overflow: hidden;
}

.balloon-filelist ul li {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 8px 10px;
    line-height: 23px;
}

.balloon-dnd {
    visibility: hidden;
}

.balloon-uploader-none .balloon-uploader-footer,.balloon-uploader-none .balloon-uploader-body {
    visibility: hidden;
}

.balloon-uploader-none .balloon-dnd {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
}

.balloon-nofile {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 200px;
    text-align: center;
    color: #999;
}

.balloon-uploader .file-pick-btn {
    display: inline-block;
}

.balloon-uploader .pause-btn {
    display: inline-block;
    margin-top: -25px;
}

.balloon-uploader .start-upload-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #5bc0de;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #46b8da;
    overflow: hidden;
}

.balloon-uploader .start-upload-btn:hover {
    background: #31b0d5;
    border-color: #269abc;
}

.balloon-filelist .file-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.balloon-filelist .file-progress-bar {
    background: #dbf2d7;
    background: rgba(59,181,33,0.18);
    float: left;
    height: 100%;
}

.ztree * {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.ztree {
    margin: 0;
    padding: 5px;
    color: #333;
}

.ztree li {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 14px;
    text-align: left;
    white-space: nowrap;
    outline: 0;
}

.ztree li ul {
    margin: 0;
    padding: 0 0 0 18px;
}

.ztree li ul.line {
    background: url(../img/line_conn.gif) 0 0 repeat-y;
}

.ztree li a {
    padding: 1px 3px 0 0;
    margin: 0;
    cursor: pointer;
    height: 17px;
    color: #333;
    background-color: transparent;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
}

.ztree li a:hover {
    text-decoration: none;
}

.ztree li a.curSelectedNode {
    padding-top: 0px;
    background-color: #FFE6B0;
    color: black;
    height: 16px;
    border: 1px #FFB951 solid;
    opacity: 0.8;
}

.ztree li a.curSelectedNode_Edit {
    padding-top: 0px;
    background-color: #FFE6B0;
    color: black;
    height: 16px;
    border: 1px #FFB951 solid;
    opacity: 0.8;
}

.ztree li a.tmpTargetNode_inner {
    padding-top: 0px;
    background-color: #316AC5;
    color: white;
    height: 16px;
    border: 1px #316AC5 solid;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ztree li a input.rename {
    height: 14px;
    width: 80px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    border: 1px #7EC4CC solid;
    *border: 0px;
}

.ztree li span {
    line-height: 16px;
    margin-right: 2px;
}

.ztree li span.button {
    line-height: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    border: 0 none;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("../img/zTreeStandard.png");
    *background-image: url("../img/zTreeStandard.gif");
}

.ztree li span.button.chk {
    width: 13px;
    height: 13px;
    margin: 0 3px 0 0;
    cursor: auto;
}

.ztree li span.button.chk.checkbox_false_full {
    background-position: 0 0;
}

.ztree li span.button.chk.checkbox_false_full_focus {
    background-position: 0 -14px;
}

.ztree li span.button.chk.checkbox_false_part {
    background-position: 0 -28px;
}

.ztree li span.button.chk.checkbox_false_part_focus {
    background-position: 0 -42px;
}

.ztree li span.button.chk.checkbox_false_disable {
    background-position: 0 -56px;
}

.ztree li span.button.chk.checkbox_true_full {
    background-position: -14px 0;
}

.ztree li span.button.chk.checkbox_true_full_focus {
    background-position: -14px -14px;
}

.ztree li span.button.chk.checkbox_true_part {
    background-position: -14px -28px;
}

.ztree li span.button.chk.checkbox_true_part_focus {
    background-position: -14px -42px;
}

.ztree li span.button.chk.checkbox_true_disable {
    background-position: -14px -56px;
}

.ztree li span.button.chk.radio_false_full {
    background-position: -28px 0;
}

.ztree li span.button.chk.radio_false_full_focus {
    background-position: -28px -14px;
}

.ztree li span.button.chk.radio_false_part {
    background-position: -28px -28px;
}

.ztree li span.button.chk.radio_false_part_focus {
    background-position: -28px -42px;
}

.ztree li span.button.chk.radio_false_disable {
    background-position: -28px -56px;
}

.ztree li span.button.chk.radio_true_full {
    background-position: -42px 0;
}

.ztree li span.button.chk.radio_true_full_focus {
    background-position: -42px -14px;
}

.ztree li span.button.chk.radio_true_part {
    background-position: -42px -28px;
}

.ztree li span.button.chk.radio_true_part_focus {
    background-position: -42px -42px;
}

.ztree li span.button.chk.radio_true_disable {
    background-position: -42px -56px;
}

.ztree li span.button.switch {
    width: 18px;
    height: 18px;
}

.ztree li span.button.root_open {
    background-position: -92px -54px;
}

.ztree li span.button.root_close {
    background-position: -74px -54px;
}

.ztree li span.button.roots_open {
    background-position: -92px 0;
}

.ztree li span.button.roots_close {
    background-position: -74px 0;
}

.ztree li span.button.center_open {
    background-position: -92px -18px;
}

.ztree li span.button.center_close {
    background-position: -74px -18px;
}

.ztree li span.button.bottom_open {
    background-position: -92px -36px;
}

.ztree li span.button.bottom_close {
    background-position: -74px -36px;
}

.ztree li span.button.noline_open {
    background-position: -92px -72px;
}

.ztree li span.button.noline_close {
    background-position: -74px -72px;
}

.ztree li span.button.root_docu {
    background: none;
}

.ztree li span.button.roots_docu {
    background-position: -56px 0;
}

.ztree li span.button.center_docu {
    background-position: -56px -18px;
}

.ztree li span.button.bottom_docu {
    background-position: -56px -36px;
}

.ztree li span.button.noline_docu {
    background: none;
}

.ztree li span.button.ico_open {
    margin-right: 2px;
    background-position: -110px -16px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.ico_close {
    margin-right: 2px;
    background-position: -110px 0;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.ico_docu {
    margin-right: 2px;
    background-position: -110px -32px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.edit {
    margin-right: 2px;
    background-position: -110px -48px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.remove {
    margin-right: 2px;
    background-position: -110px -64px;
    vertical-align: top;
    *vertical-align: middle;
}

.ztree li span.button.ico_loading {
    margin-right: 2px;
    background: url(../img/loading.gif) no-repeat scroll 0 0 transparent;
    vertical-align: top;
    *vertical-align: middle;
}

ul.tmpTargetzTree {
    background-color: #FFE6B0;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

span.tmpzTreeMove_arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    padding: 0;
    margin: 2px 0 0 1px;
    border: 0 none;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -110px -80px;
    background-image: url("../img/zTreeStandard.png");
    *background-image: url("img/zTreeStandard.gif");
}

ul.ztree.zTreeDragUL {
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #cfcfcf;
    border: 1px #00B83F dotted;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.zTreeMask {
    z-index: 10000;
    background-color: #cfcfcf;
    opacity: 0.0;
    filter: alpha(opacity=0);
    position: absolute;
}

.icon-base {
    float: right;
    margin: 0 5px 0 5px;
}

.ztree li {
    overflow: hidden;
    position: relative;
}

.ztree li ul {
    padding: 0 0 0 29px;
}

.ztree li ul.line {
    background: url(../img/line_conn.gif) 0 0 repeat-y;
}

.ztree li a {
    color: #333366;
    width: 100%;
    height: 45px;
    padding-left: 24px;
    z-index: 0;
}

.ztree li a .demoIcon {
    display: inline-block;
    padding-top: 15px;
    margin: 0;
    float: right;
}

.ztree li a .node_name {
    max-width: 105px;
    padding-top: 15px;
    margin: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: inline-block;
}

.ztree li a .node_name input {
    height: 30px;
    width: 110px;
    padding-left: 10px;
    border-radius: 2px;
    border-color: #3083eb;
    outline: none;
}

.ztree li a:hover .demoIcon {
    display: none;
}

.ztree li a.curSelectedNode {
    height: 45px;
    background-color: transparent !important;
    border: none;
}

.ztree li a.curSelectedNode .demoIcon {
    display: none;
}

.ztree li a.curSelectedNode .node_name {
    color: #3083eb;
}

.ztree li a.curSelectedNode_Edit {
    height: 45px;
}

.ztree li a.curSelectedNode_Edit .node_name {
    max-width: 120px;
    padding-top: 7px;
}

.ztree li span.button {
    width: 30px;
    height: 45px;
    background-image: url("../img/ztree.png");
    *background-image: url("../img/ztree.gif");
}

.ztree li span.button.switch {
    width: 24px;
    height: 45px;
    position: absolute;
    z-index: 1;
}

.ztree li span.button.root_open {
    background-position: -68px -176px;
}

.ztree li span.button.root_close {
    background-position: -42px -176px;
}

.ztree li span.button.roots_open {
    background-position: -68px -7px;
}

.ztree li span.button.roots_close {
    background-position: -42px -7px;
}

.ztree li span.button.center_open {
    background-position: -68px -52px;
}

.ztree li span.button.center_close {
    background-position: -42px -52px;
}

.ztree li span.button.bottom_open {
    background-position: -68px -97px;
}

.ztree li span.button.bottom_close {
    background-position: -42px -97px;
}

.ztree li span.button.roots_docu {
    background-position: -16px -7px;
}

.ztree li span.button.center_docu {
    background-position: -16px -52px;
}

.ztree li span.button.bottom_docu {
    background-position: -16px -97px;
}

.ztree li span.button.ico_open {
    background-position: -92px -53px;
}

.ztree li span.button.ico_close {
    background-position: -92px -7px;
}

.ztree li span.button.ico_docu {
    background-position: -89px -98px;
}

.ztree li span.button.ico_loading {
    background-position: 7px 15px;
}

.ztree li span.button.remove {
    width: 11px;
    background-position: -138px -92px;
    float: right;
    margin: 0 5px 0 5px;
}

.ztree li span.button.edit {
    width: 15px;
    background-position: -166px -132px;
    float: right;
    margin: 0 5px 0 5px;
}

.ztree li span.button.add {
    width: 14px;
    background-position: -130px -52px;
    float: right;
    margin: 0 5px 0 5px;
}

.libray-list {
    margin-top: 20px;
}

.libray-list .libray-item {
    margin-bottom: 10px;
    padding: 10px;
    border: solid 2px #e6e6e6;
}

.libray-list .libray-item .description {
    font-size: 10px;
}

.libray-list .libray-item .number {
    color: #ff5500;
}

.libray-list .libray-item .date {
    font-size: 10px;
}

.libray-list .libray-item .bottom-p {
    margin-top: 40px;
}

.libray-list .libray-item .btn-group {
    margin-top: -30px;
}

.es-section {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
}

.question-list img {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
}

.question-list .media .pull-left {
    padding-right: 0;
}

.question-list .media .media-body {
    display: block;
    width: auto;
    word-wrap: break-word;
    margin-left: 25px;
}

.question-list li {
    list-style-type: none;
}

.question-list table {
    border: 1px solid #ddd;
}

.question-list table > thead {
    background-color: #f5f5f5;
}

.question-list table > thead > tr > th {
    color: #333;
    font-weight: bolder;
    padding: 19px 10px;
    border-bottom: 0;
    text-align: left;
}

.question-list table > tbody > tr > td {
    padding: 14px 10px;
    vertical-align: middle;
    text-align: left;
    border-top: none;
    border-bottom: 1px solid #eee;
}

.question-list table.table-hover > tbody > tr:hover {
    background-color: #edf5ff;
}

.question-list table > thead > tr > th,.question-list table > tbody > tr > th,.question-list table > tfoot > tr > th,.question-list table > thead > tr > td,.question-list table > tbody > tr > td,.question-list table > tfoot > tr > td {
    border: 1px solid #ddd;
}

.question-list table > thead > tr > th,.question-list table > thead > tr > td {
    border-bottom-width: 2px;
}

.question-list table > tbody > tr > td {
    padding: 7px 10px;
    line-height: 20px;
}

.question-list {
    padding: 0 32px 0 16px;
}

.question-list .question-body {
    list-style-type: none;
    padding: 24px 0;
    border-bottom: 1px solid #eee;
}

.question-list .question-body:hover .question-detail {
    display: inline;
}

.question-list .question-body .question-detail {
    display: none;
    font-size: 12px;
    margin-right: 16px;
}

.question-list .question-body .question-detail i {
    font-size: 12px;
    line-height: 1;
}

.question-list .question-body .question-detail .up {
    display: none;
}

.question-list .question-body .question-detail .down {
    display: inline;
}

.question-list .question-body .question-detail.open .up {
    display: inline;
}

.question-list .question-body .question-detail.open .down {
    display: none;
}

.question-list .question-info {
    position: relative;
    margin-bottom: 16px;
    color: #333;
    padding-right: 70px;
    line-height: 22px;
}

.question-list .question-info .question-info-sqe {
    float: left;
}

.question-list .question-info .question-info-title {
    margin-left: 70px;
}

.question-list .question-info .question-info-title .question-title-short {
    max-width: 50%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: inline-block;
}

.question-list .question-info .question-info-title .question-title-long {
    display: inline;
}

.question-list .question-info .operation {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
}

.question-list .question-info .operation .dropdown {
    display: inline-block;
    cursor: pointer;
}

.question-list .question-info .operation .dropdown:hover {
    color: #3083eb;
}

.question-list .question-meta {
    margin-left: 70px;
    font-size: 12px;
    color: #999;
}

.question-list .drop-down-content {
    margin-left: 70px;
    display: none;
    margin-bottom: 16px;
}

.question-list .question-content .question-ul {
    padding-left: 0;
}

.question-list .question-content .question-ul li {
    position: relative;
    list-style-type: none;
    margin-bottom: 16px;
}

.question-list .question-content .question-ul .choice-content {
    padding: 8px;
    border: 1px solid #e3e3e3;
}

.question-list .question-content .question-ul .choice-content i {
    line-height: 1;
    vertical-align: middle;
}

.question-list .question-content .question-ul .icon-radio-checked,.question-list .question-content .question-ul .icon-checked {
    color: #3083eb;
}

.question-list .question-content .question-ul .icon-radio,.question-list .question-content .question-ul .icon-check {
    color: #aaaaaa;
}

.question-list .question-content .question-ul .fill-answer {
    margin-right: 20px;
}

.question-list .question-bottom {
    font-size: 12px;
    color: #999;
}

.question-list .question-analysis {
    margin-left: 70px;
    margin-top: 16px;
    font-size: 12px;
    color: #999;
}

.question-list .subQuestion-container {
    padding-left: 0;
    padding-right: 32px;
    background-color: #FAFAFA;
    margin-bottom: 16px;
}

.question-list .subQuestion-container .question-info .question-info-sqe {
    width: 50px;
}

.question-list .subQuestion-container .question-info .question-info-title {
    margin-left: 50px;
}

.question-list .subQuestion-container .drop-down-content,.question-list .subQuestion-container .question-analysis,.question-list .subQuestion-container .question-meta {
    margin-left: 50px;
}

.question-header {
    padding: 14px 0px;
}

.question-header .question-icon {
    display: inline-block;
    padding: 0px 6px;
}

.create-question-container {
    padding: 0;
    width: 1160px;
    margin: 0 auto;
}

.create-question-container .panel-heading {
    border-bottom: 1px solid #eee;
}

.question-create-section .question-section-title {
    padding: 20px 0px;
}

.question-create-section .question-section-body {
    padding: 20px 0px;
    background: #f5f5f5;
}

.question-create-section .question-section-body .question-delete {
    margin-left: 20px;
}

.question-create-section .question-section-body .question-delete a {
    text-align: center;
    width: 38px;
    height: 40px;
    position: relative;
    border-radius: 2px;
}

.question-create-section .question-section-body .question-delete a i {
    position: absolute;
    left: 11px;
    top: 9px;
    text-align: center;
}

.question-create-section .question-section-body .list-title-media {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.question-create-section .question-section-body .list-title-media li div {
    padding-right: 15px;
    float: left;
}

.question-create-section .question-distance {
    margin-bottom: 40px;
}

.question-create-section .knowledgepoint-assos {
    display: inline-block;
}

.question-create-section .assoc-point {
    color: #f5625e;
    margin-right: 20px;
}

.template-container .template {
    display: none;
}

.template-container .template-bottom {
    padding: 10px 0px;
}

.template-container .active.template {
    display: block;
}

.form-meta {
    margin-bottom: 30px;
}

.form-meta label {
    margin-bottom: 0;
    max-width: none;
}

.form-meta .create-radio-inline {
    padding: 8px 22px 8px 0 !important;
    margin-bottom: 0;
}

.form-meta .create-radio-inline input[type="radio"],.form-meta .create-radio-inline input[type="checkbox"] {
    margin-top: 2px;
    margin-right: 8px;
}

.form-meta .create-label {
    width: 90px;
    margin-right: 10px;
    float: left;
    text-align: right;
    padding: 8px 0;
}

.form-meta .base-select {
    width: 200px;
}

.form-meta .question-radio-result {
    padding: 8px 20px !important;
}

.form-meta .question-radio-result input {
    margin-top: 2px;
}

.form-meta .question-checkbox-result {
    padding: 8px 20px 0px 0px !important;
}

.form-meta .judge-question label {
    padding: 6px 20px 6px 0px;
}

.create-bottom {
    padding: 20px 0px;
}

.material-warp .material-header a {
    width: 150px;
    margin-right: 10px;
}

.material-warp .material-body {
    margin-top: 20px;
}

.material-warp .material-list {
    padding: 15px 20px;
    margin-top: 20px;
}

.material-warp .material-list .question-list {
    padding: 0px 20px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 15px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    margin-bottom: 24px;
}

.import-container {
    color: #4a89dc;
}

.import-container.disable {
    pointer-events: none;
    color: #ccc;
}

.import-container .upload-btn {
    height: 180px;
    text-align: center;
    cursor: pointer;
    background-color: #f7f9fc;
}

.import-container .upload-btn input[type="file"] {
    display: none;
}

.import-container .upload-btn .upload-icon {
    margin-top: 25px;
    font-size: 80px;
}

.import-container .upload-btn p {
    margin: 0;
    font-size: 14px;
}

.import-container .upload-btn:hover {
    background-color: #edeff2;
}

.import-container .download-link {
    padding: 10px;
    text-align: center;
}

.import-container .download-link a {
    padding: 0 10px;
}

.import-container .progress {
    margin: 0;
    visibility: hidden;
}

.import-container .progress .progress-bar {
    background-color: #3d8cfd;
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}

.import-error {
    height: 180px;
    padding: 15px;
    background-color: #fddddd;
}

.import-error p {
    margin-bttom: 15px;
}

.import-error .title {
    color: #cd605e;
    font-size: 18px;
    font-weight: 500;
}

.import-error .desc {
    color: #cd605e;
    font-size: 13px;
}

.testpaper-modal {
    padding: 10px;
    height: 100%;
    overflow: hidden;
}

.testpaper-modal .modal-tree {
    position: relative;
    float: left;
    width: 18%;
    height: 100%;
    border-right: 1px solid #CCD1D9;
    background: #f6fafd;
    overflow-y: auto;
}

.testpaper-modal .modal-tree .test-item .title {
    background: #e3f0fc;
    color: #3c4866;
    padding: 7px 10px 11px 20px;
}

.testpaper-modal .modal-main {
    float: left;
    position: relative;
    background-color: #fff;
    width: 64%;
    height: 100%;
    padding-bottom: 60px;
}

.testpaper-modal .modal-main .modal-main-body {
    height: 100%;
    overflow: auto;
}

.testpaper-modal .modal-main .modal-main-title {
    min-height: 40px;
    line-height: 40px;
    padding: 0px 20px;
}

.testpaper-modal .modal-main .modal-main-title i {
    font-size: 10px;
}

.testpaper-modal .modal-main .modal-main-bar {
    min-height: 50px;
    border-top: 1px solid #CCD1D9;
    border-bottom: 1px solid #CCD1D9;
}

.testpaper-modal .modal-main .modal-main-bar .bar {
    float: left;
    border-right: 1px solid #CCD1D9;
}

.testpaper-modal .modal-main .modal-main-bar .bar input {
    margin: 18px 20px;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter {
    float: right;
    position: relative;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .btn-filter .modal-main-screen {
    margin: 7.5px 20px;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .mask {
    position: absolute;
    top: 42px;
    width: 370px;
    right: 19px;
    border: 1px solid #dcdcdc!important;
    padding-bottom: 15px;
    z-index: 1;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .mask:before,.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .mask:after {
    top: -17px;
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    left: 45px;
    border: 9px solid transparent;
    border-bottom-color: #dcdcdc;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .mask:after {
    top: -17px;
    border-bottom-color: #fff;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .mask a {
    color: #999;
    padding: 5px 11px;
    display: inline-block;
    margin-right: 10px;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .mask a:hover {
    background: #f5f7fa;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .mask a.active {
    background: #3083eb;
    color: #fff;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .panel-heading {
    color: #666;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .operate-search {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 20px;
    margin-top: 6.5px;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .operate-search i {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #999;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .operate-search i:hover {
    cursor: pointer;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .operate-search input {
    width: 256px;
    padding-left: 30px;
}

.testpaper-modal .modal-main .modal-main-bar .modal-main-filter .operate-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.testpaper-modal .modal-main .question-paging {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.testpaper-modal .modal-main .question-paging .pagination {
    margin: 10px 0;
}

.testpaper-modal .question-census-wrap {
    background-color: #fff;
    float: left;
    height: 100%;
    width: 18%;
    position: relative;
    border-left: 1px solid #CCD1D9;
}

.testpaper-modal .question-census-wrap .question-census-header {
    height: 90px;
    line-height: 90px;
    font-size: 18px;
    text-align: center;
    background-color: #f6fafd;
}

.testpaper-modal .question-census-wrap .question-census-body {
    border-top: 1px solid #CCD1D9;
}

.testpaper-modal .question-census-wrap .question-census-body .question-census-list {
    padding: 10px;
}

.testpaper-modal .question-census-wrap .question-census-body .question-census-list ul {
    padding: 0px;
}

.testpaper-modal .question-census-wrap .question-census-body .question-census-list ul li {
    list-style: none;
}

.testpaper-modal .question-census-wrap .question-census-body .question-census-list ul li:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

.testpaper-modal .question-census-wrap .question-census-body .question-census-list ul li span {
    font-size: 13px;
    line-height: 30px;
    display: inline-block;
    padding: 0 20px;
}

.testpaper-modal .question-census-wrap .question-census-body .question-census-list ul li .question-type {
    float: left;
    color: #AAB2BD;
    display: inline-block;
}

.testpaper-modal .question-census-wrap .question-census-body .question-census-list ul li .count-item {
    float: right;
    color: #F9690E;
    text-align: right;
}

.testpaper-modal .question-census-wrap .question-census-content .question-line {
    position: absolute;
    bottom: 60px;
    min-height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}

.testpaper-modal .question-census-wrap .question-census-content .question-line .question-count {
    color: #F9690E;
}

.testpaper-modal .question-census-wrap .question-census-bottom {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.testpaper-modal .question-census-wrap .question-census-bottom .question-btn {
    background-color: #f6fafd;
    border-top: 1px solid #CCD1D9;
}

.testpaper-modal .question-census-wrap .question-census-bottom .question-btn button {
    margin: 10px 10px;
}

.testpaper-list-header {
    padding: 0px 30px;
    padding: 24px 0;
}

.testpaper-list-header .dropdown-menu {
    right: 0;
    min-width: auto;
}

.testpaper-list-header .form-control {
    min-width: 150px;
    width: auto;
}

.testpaper-list-body {
    margin: 0px auto;
}

.testpaper-list-body .testpaper-sum {
    margin-bottom: 16px;
}

.testpaper-list-body .testpaper-sum span {
    padding: 0 4px;
}

.testpaper-list-body .testpaper-list {
    margin: 0px;
    padding: 10px 0px 10px 30px;
    border-bottom: 1px solid #eeeeee;
}

.testpaper-list-body .testpaper-list:hover {
    background: #f5f5f5;
}

.testpaper-list-body .testpaper-list .testpaper-list-left {
    color: #333;
}

.testpaper-list-body .testpaper-list .testpaper-list-left:hover {
    color: #3083eb;
}

.testpaper-list-body .testpaper-list .testpaper-list-left > div {
    float: left;
    height: 60px;
}

.testpaper-list-body .testpaper-list .testpaper-list-left .check-box {
    padding: 19px 18px;
}

.testpaper-list-body .testpaper-list .testpaper-list-left .testpaper-file {
    width: 60px;
    margin-left: 20px;
}

.testpaper-list-body .testpaper-list .testpaper-list-left .testpaper-file img {
    height: 100%;
}

.testpaper-list-body .testpaper-list .testpaper-list-left .testpaper-title {
    max-width: 550px;
    line-height: 60px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.testpaper-list-body .testpaper-list .testpaper-list-right > div {
    float: right;
    line-height: 60px;
    text-align: center;
}

.testpaper-list-body .testpaper-list .testpaper-list-right .testpaper-time {
    width: 150px;
    color: #aaaaaa;
}

.testpaper-list-body .testpaper-list .testpaper-list-right .btn-group {
    margin: 13.5px 20px;
    line-height: none;
}

.testpaper-list-body .testpaper-list .testpaper-list-right .testpaper-status {
    width: 120px;
}

.testpaper-list-body .testpaper-list .testpaper-list-right .testpaper-score {
    text-align: right;
    width: 60px;
    color: #aaaaaa;
}

.testpaper-list-body .testpaper-list .testpaper-list-right .testpaper-score span {
    font-size: 18px;
    color: #FFA400;
}

.testpaper-list-body .testpaper-list .testpaper-list-right .testpaper-num {
    width: 60px;
    color: #aaaaaa;
    text-align: right;
}

.testpaper-list-body .testpaper-list .testpaper-list-right .testpaper-num span {
    font-size: 18px;
    color: #FFA400;
}

.testpaper-list-body .es-icon {
    font-size: 13px;
}

.testpaper-create-form {
    margin: 15px auto;
}

.testpaper-base {
    padding: 20px 0px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2px;
}

.testpaper-base .testpaper-choice {
    width: 30%;
}

.testpaper-base .testpaper-choice div {
    width: 40%;
}

.testpaper-base .testpaper-choice .testpaper-library {
    margin-left: 10%;
}

.testpaper-base:hover {
    border: 1px solid #3083eb;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.section-part .part-question-toolbar {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 2px solid #eeeeee;
}

.section-part .part-question-toolbar .toolbar-left > div {
    float: left;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-input {
    padding: 6px 15px 6px 10px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-select {
    line-height: 34px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-select span {
    font-size: 12px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-select .toolbar-text {
    margin-left: 10px;
    color: #AAB2BD;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn {
    position: relative;
    border-top: 1px solid #ccd1d9;
    border-left: 1px solid #ccd1d9;
    border-bottom: 1px solid #ccd1d9;
    min-width: 140px;
    margin-left: 10px;
    font-size: 10px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative > div {
    float: left;
    width: 50%;
    border-right: 1px solid #ccd1d9;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .set-score {
    background-color: #fff;
    padding: 6px 4px;
    text-align: center;
    cursor: pointer;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .set-score:hover {
    background: #e6e6e6;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .set-score span {
    font-size: 10px;
    height: 100%;
    margin-top: 3px;
    display: inline-block;
    text-align: right;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .set-score i {
    font-size: 8px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .toolbar-select-btn {
    background-color: #fff;
    padding: 5px 12px;
    text-align: center;
    cursor: pointer;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .toolbar-select-btn:hover {
    background: #e6e6e6;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .toolbar-select-btn i {
    font-size: 12px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .toolbar-select-btn span {
    margin-top: 5px;
    display: inline-block;
    text-align: center;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .toolbar-select-move {
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 5px 6px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-relative .toolbar-select-move:hover {
    background: #e6e6e6;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-absolute {
    position: absolute;
    width: 350px;
    top: 34px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-absolute .toolbar-absolute-batch {
    width: 60%;
    background-color: #FFF;
    border: 1px solid #CCD1D9;
    border-radius: 2px;
    padding: 0px 5px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-absolute .toolbar-absolute-batch > div {
    float: left;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-absolute .toolbar-absolute-batch .batch-text {
    width: 19%;
    line-height: 20px;
    padding: 10px 0px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-absolute .toolbar-absolute-batch .batch-score {
    width: 25%;
    padding: 7px 0px;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-absolute .toolbar-absolute-batch .batch-score input {
    width: 100%;
    height: 24px;
    border: 1px solid #3083eb;
}

.section-part .part-question-toolbar .toolbar-left .toolbar-fn .toolbar-absolute .toolbar-absolute-batch .batch-a {
    width: 30%;
    padding: 5px 0px;
}

.section-part .part-question-toolbar .toolbar-right > div {
    float: left;
}

.section-part .part-question-toolbar .toolbar-right .toolbar-right-text {
    line-height: 32px;
    font-size: 12px;
    margin-left: 20px;
}

.section-part .part-question-toolbar .toolbar-right .toolbar-right-text span {
    width: 25px;
    font-size: 14px;
}

.section-part .part-question-toolbar .toolbar-right .btn-add-question {
    margin-left: 20px;
}

.section-part .part-question-toolbar .toolbar-right .btn-add-question a {
    margin: 1px auto;
}

.section-part .part-question {
    padding: 20px 0px;
}

.testpaper-spacing {
    margin: 0px 30px;
}

.testpaer-line {
    border-bottom: 1px solid #eeeeee;
}

.checkbox-off {
    padding: 5px 37px 5px 25px;
}

.testpaper-total {
    min-height: 50px;
    line-height: 50px;
    background: #fff;
    padding-left: 15px;
}

.padding-clear {
    padding: 0px;
}

.auto-testpaper-content {
    margin-top: 14px;
}

.section-part {
    padding: 30px 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2px;
}

.section-part .part-header {
    margin-bottom: 20px;
}

.section-part .part-header .part-name {
    font-size: 18px;
    font-weight: 400;
}

.section-part .part-header input {
    width: 77%;
    display: inline;
}

.section-part .part-header a i {
    padding: 0px;
}

.section-part .part-question-type {
    padding: 20px;
    background-color: #f8f8f8;
    border-top: 1px solid #eeeeee;
}

.section-part .part-question-type span {
    padding: 5px;
}

.section-part .part-question-type .type-btn {
    cursor: pointer;
    margin-right: 15px;
}

.section-part .part-question-type .type-btn:hover {
    background-color: #e6e6e6;
}

.section-part .part-question-type .type-btn.active {
    background-color: #3083eb;
    color: #ffffff;
}

.section-part .part-question-type .text-num {
    color: #ffaa00;
}

.section-part .question-line {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.testpaper-knowledge {
    background: #fff;
    border: 1px solid #eee;
    padding: 5px 25px 58px;
}

.testpaper-knowledge .panel {
    border: 1px solid #ddd!important;
    border-radius: 0;
    margin: 20px 0;
}

.testpaper-knowledge .checkbox-all {
    color: #666;
}

.testpaper-knowledge input[type="checkbox"] {
    margin-right: 15px;
}

.testpaper-knowledge .text-center {
    margin: 30px auto;
}

.testpaper-knowledge .child-know {
    background: #f8f8f8;
    width: 180px;
    padding: 14px 28px;
    border-top: 1px solid #fff;
    height: 184px;
    overflow-y: auto;
    overflow-x: hidden;
}

.testpaper-knowledge .child-know li {
    margin-right: 0;
    width: 124px;
    margin-bottom: 15px;
    height: 19px;
    overflow: hidden;
}

.testpaper-knowledge .child-know li:last-child {
    margin-bottom: 0;
}

.testpaper-knowledge .parent-know {
    background: #efefef;
    padding: 10px 14px;
}

.testpaper-knowledge li {
    list-style-type: none;
    float: left;
    width: 180px;
    margin-right: 42px;
    color: #666;
}

.testpaper-knowledge li:last-child {
    margin-right: 0;
}

.testpaper-container {
    padding: 0;
    width: 1160px;
    margin: 0 auto;
}

.testpaper-breadcrumb {
    padding: 15px;
}

.testpaper-breadcrumb span i {
    font-size: 13px;
}

.testpaper-left {
    background-color: #fff;
    position: fixed;
    padding: 15px 20px;
    border: 1px solid #eeeeee;
    width: 280px;
    font-size: 13px;
}

.testpaper-left ul {
    padding: 0;
    margin-bottom: 5px;
}

.testpaper-left ul li {
    list-style: none;
    margin-bottom: 5px;
}

.testpaper-left ul li.active a {
    background-color: #3083eb;
    border: 1px solid #3083eb;
    color: #fff;
}

.testpaper-left ul li.active a:hover {
    background-color: #3083eb;
    border: 1px solid #3083eb;
    color: #fff;
}

.testpaper-left ul li a {
    padding: 0;
    line-height: 38px;
    height: 38px;
    border-color: transparent;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
    transition: background-color 0.15s ease-in-out 0s;
    -webkit-transition: background-color 0.15s ease-in-out 0s;
    width: 240px;
    background-color: #6ea8f1;
    border: 1px solid #6ea8f1;
    color: #fff;
}

.testpaper-left ul li a:hover {
    background-color: #6ea8f1;
    border: 1px solid #6ea8f1;
    color: #fff;
}

.testpaper-left .testpaper-left-tips {
    margin-top: 20px;
}

.testpaper-left .testpaper-left-tips p {
    margin-bottom: 10px;
}

.testpaper-left .testpaper-left-tips .text-num {
    font-size: 18px;
    line-height: 18px;
    color: #ffaa00;
}

.testpaper-left .testpaper-left-bottom {
    margin-top: 20px;
}

.testpaper-left .testpaper-left-bottom .btn-next {
    width: 100%;
}

.testpaper-left .testpaper-left-bottom .btn-submit {
    width: 120px;
    text-align: center;
}

.testpaper-left .testpaper-left-bottom .testpaper-edit {
    width: 120px;
    text-align: center;
}

.testpaper-left .testpaper-left-bottom .btn-cancel {
    color: #666666 !important;
}

.testpaper-left .testpaper-left-bottom .btn-cancel:hover {
    color: #fff !important;
}

.testpaper-left .btn-add-part a {
    color: #3083eb;
    background: #fff;
    border: 1px dotted #3083eb;
}

.testpaper-body {
    display: inline-block;
    padding-left: 300px;
    width: 100%;
}

.testpaper-body p {
    display: inline;
    margin-bottom: 0;
}

.testpaper-body img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.testpaper-body .info-part {
    padding: 20px;
}

.testpaper-body .info-part .testpaper-name {
    border: 2px dashed #eee;
    margin-bottom: 10px;
}

.testpaper-body .info-part .testpaper-desc {
    border: 2px dashed #eee;
    min-height: 100px;
}

.testpaper-body .info-part .testpaper-input {
    margin-bottom: 15px;
}

.testpaper-body .info-part .testpaper-select {
    margin-bottom: 15px;
    display: inline-block;
    width: 300px;
}

.testpaper-body .info-part .testpaper-generate-mode > label {
    margin-left: 20px;
    cursor: pointer;
    font-weight: normal;
}

.testpaper-body .paper-part .part-info {
    padding: 10px;
}

.testpaper-body .paper-part .part-info .part-index {
    font-size: 18px;
    font-weight: 700;
}

.testpaper-body .paper-part .part-info .part-name {
    font-size: 16px;
}

.testpaper-body .paper-part .part-info .part-tip {
    font-size: 12px;
    padding-left: 10px;
    margin-top: 5px;
    color: #bbbbbb;
}

.testpaper-body .paper-part .part-info .text-num {
    color: #ffaa00;
}

.testpaper-body .section-part {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2px;
}

.testpaper-body .section-part:hover,.testpaper-body .section-part.active {
    border: 1px solid #3083eb;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.testpaper-body .section-part .part-bottom {
    border: 1px solid #eeeeee;
    border-radius: 2px;
    margin: 0px 80px 20px;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar {
    height: 40px;
    background-color: #f1f9f7;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar ul {
    padding-left: 10px;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar ul li {
    float: left;
    list-style: none;
    line-height: 39px;
    margin-left: 10px;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar ul li input {
    margin-top: 12px;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar ul .small {
    color: #AAB2BD;
    font-size: 12px;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar ul .button {
    width: 80px;
    background: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #eeeeee;
    margin-top: 5px;
    text-align: center;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar ul .btn-select {
    height: 30px;
    text-align: center;
    line-height: 30px;
    width: 80px;
    margin-right: 20px;
    margin-top: 5px;
    border-radius: 2px;
    margin-left: 20px;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar ul .btn-select:hover {
    cursor: pointer;
}

.testpaper-body .section-part .part-bottom .part-questions-toolbar ul .btn-select i {
    font-size: 10px;
    margin-right: 5px;
}

.testpaper-body .section-part .part-bottom .question-data table .first-td input {
    margin-left: 10px;
}

.testpaper-body .section-part .part-bottom .question-data table td input {
    width: 20px;
}

.testpaper-body .section-part .part-bottom .question-data table .td-input {
    height: 20px;
    text-align: center;
}

.testpaper-number-input {
    width: 60px;
    height: 28px;
    text-align: center;
    color: #ffaa00;
    border: 1px solid #cccccc;
}

.category-content {
    margin-top: 24px;
}

.category-content .form-control {
    max-width: 150px;
    display: inline-block;
}

.category-content .item-name {
    height: 36px;
    padding: 7px 12px;
}

.category-content .form-control[disabled] {
    background-color: transparent;
    cursor: default;
    border-color: transparent;
}

.past-list {
    margin: 32px -10px;
    padding-bottom: 300px;
}

.past-list .add-past-item {
    display: block;
    border: 1px dashed #ccc;
    height: 160px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    color: #999;
}

.past-list .add-past-item .add-img {
    display: block;
    font-size: 60px;
    line-height: 1;
    margin: 32px 0 16px;
}

.past-list .add-past-item:hover {
    background-color: #eee;
    border-color: #3083eb;
}

.past-list .past-col {
    float: left;
    padding: 0 10px;
    width: 16.66666667%;
}

@media (max-width: 1700px) and (min-width:1301px) {
    .past-list .past-col {
        width:20%;
    }
}

@media (max-width: 1300px) and (min-width:993px) {
    .past-list .past-col {
        width:25%;
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .past-list .past-col {
        width:33.33333333%;
    }
}

@media (max-width: 767px) and (min-width:480px) {
    .past-list .past-col {
        width:50%;
    }
}

@media (max-width: 480px) {
    .past-list .past-col {
        width:100%;
    }
}

.past-list .past-item {
    height: 160px;
    position: relative;
    margin-bottom: 48px;
    border: 2px solid #eee;
    border-bottom: 3px transparent;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.past-list .past-item:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 4px 8px 0 #ccc;
    -moz-box-shadow: 0 4px 8px 0 #ccc;
    box-shadow: 0 4px 8px 0 #ccc;
}

.past-list .past-item .arrow-dropdown {
    position: absolute;
    top: 14px;
    right: 0;
    cursor: pointer;
    color: #999;
    width: 40px;
    height: 20px;
    padding-right: 10px;
    line-height: 20px;
    text-align: right;
    z-index: 1;
}

.past-list .past-item .arrow-dropdown:hover {
    color: #ffaa00;
}

.past-list .past-item .user-metas {
    position: absolute;
    bottom: 17px;
    right: 9px;
    cursor: default;
    font-size: 14px;
}

.past-list .past-item .past-link {
    border-bottom: 3px solid #ffaa00;
    display: block;
    padding: 16px 8px;
}

.past-list .past-item .past-link .title {
    position: relative;
    margin-right: 60px;
    line-height: 1;
    color: #333;
    margin-bottom: 8px;
}

.past-list .past-item .past-link .title span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: inline-block;
    max-width: 100%;
}

.past-list .past-item .past-link .title span:hover {
    text-decoration: underline;
    color: #3083eb;
}

.past-list .past-item .past-link .time {
    font-size: 12px;
    color: #999;
    margin-bottom: 64px;
}

.exam-description {
    min-width: 200px;
}

.exam-description .title {
    padding-bottom: 8px;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    margin-bottom: 16px;
}

.exam-description .subtitle {
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    color: #999;
}

.exam-description .table > thead > tr > th {
    padding: 6px 10px;
    border-bottom: none;
    background-color: #f5f7fa;
    color: #666;
    font-weight: normal;
    text-align: center;
    font-size: 13px;
}

.exam-description .table > thead > tr > th:last-child {
    text-align: right;
}

.exam-description .table > thead > tr > th:first-child {
    text-align: left;
}

.exam-description .table > tbody > tr > td {
    font-size: 12px;
    padding: 13px 10px 2px;
    border-top: none;
    color: #999;
    border-bottom: 1px solid #ececec;
    text-align: center;
}

.exam-description .table > tbody > tr > td:last-child {
    text-align: right;
}

.exam-description .table > tbody > tr > td:first-child {
    text-align: left;
}

.exam-model {
    padding: 5px;
}

.exam-model .form-group {
    margin-bottom: 30px;
}

.exam-model .form-group:last-child {
    margin-bottom: 0;
}

.exam-model.panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin-bottom: 0;
}

.exam-storage-body {
    height: 100%;
}

.exam-side {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 60;
    padding-top: 60px;
    height: 100%;
    overflow: hidden;
    width: 300px;
}

.exam-test-list {
    background: #f6fafd;
    width: 300px;
    padding: 10px;
    border-right: 1px solid #e5ebf1;
    position: relative;
    overflow-y: auto;
    height: 100%;
}

.exam-test-list .exam-test-item {
    margin-bottom: 2px;
}

.exam-test-list .exam-test-item .content .btn {
    background: #eee;
    color: #999;
    padding: 10.5px 19px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.exam-test-list .exam-test-item .down {
    display: inline-block;
}

.exam-test-list .exam-test-item .up {
    display: none;
}

.exam-test-list .exam-test-item .open .down {
    display: none;
}

.exam-test-list .exam-test-item .open .up {
    display: inline-block;
}

.exam-test-list .exam-test-item .title {
    cursor: pointer;
    background: #e3f0fc;
    color: #333366;
    padding: 12px 10px 11px 20px;
    margin-bottom: 2px;
}

.exam-test-list .content.js-show {
    display: block;
}

.exam-test-list .batch-list-ul {
    padding: 0;
    cursor: pointer;
    list-style-type: none;
    margin-bottom: 2px;
}

.exam-test-list .batch-list-ul li {
    padding: 10px 0 10px 10px;
}

.exam-test-list .batch-list-ul li span {
    color: #333366;
}

.exam-test-list .batch-list-ul li i {
    color: #70a7e2;
    padding: 0 4px;
}

.exam-test-list .batch-list-ul li i:hover {
    color: #3083eb;
}

.exam-test-list .batch-list-ul li:hover {
    background: #d5eafc;
}

.exam-test-list .batch-list-ul li .batch-name {
    display: inline-block;
    max-width: 90px;
    vertical-align: middle;
}

.exam-test-list .batch-list-ul li.active {
    background-color: #d5eafc;
}

.question-list-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 1140px;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    overflow: hidden;
}

.question-list-container .question-list-main {
    position: relative;
    padding-left: 300px;
    overflow-y: auto;
    height: 100%;
}

.question-list-container .header-left {
    display: inline-block;
}

.question-list-container .operate-search {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 30px;
    cursor: pointer;
}

.question-list-container .operate-search i {
    position: absolute;
    top: 4px;
    left: 10px;
    color: #999;
}

.question-list-container .operate-search input {
    border: 1px solid #dcdde1;
    text-indent: 30px;
    width: 256px;
}

.question-list-container .operate-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.question-list-container .header-right {
    position: relative;
}

.question-list-container .header-right .btn-filter {
    display: inline-block;
}

.question-list-container .header-right .mask {
    position: absolute;
    top: 36px;
    width: 370px;
    border: 1px solid #dcdcdc!important;
    z-index: 2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-bottom: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.question-list-container .header-right .mask:before,.question-list-container .header-right .mask:after {
    content: "";
    position: absolute;
    top: -19px;
    left: 60px;
    width: 0px;
    height: 0px;
    border: 9px solid transparent;
    border-bottom-color: #dcdcdc;
}

.question-list-container .header-right .mask:after {
    top: -17px;
    border-bottom-color: #fff;
}

.question-list-container .header-right .mask a {
    color: #999;
    padding: 5px 11px;
    display: inline-block;
    margin-right: 10px;
}

.question-list-container .header-right .mask a:hover {
    background: #f5f7fa;
}

.question-list-container .header-right .mask a.active {
    background: #3083eb;
    color: #fff;
}

.question-list-container .header-right .panel-heading {
    color: #666;
}

.exam-user-header {
    padding: 24px 0;
}

.exam-user-table {
    padding: 40px 0;
}

.question-list-header {
    border-bottom: 1px solid #eeeeee;
    padding: 16px 16px;
}

.question-list-header .checkbox-all {
    display: inline-block;
}

.question-list-header .operate-search {
    margin: 0;
}

.help-block {
    margin-bottom: 0;
}

.page-header {
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #eeeeee;
}

.system-site {
    margin-top: 30px;
}

.system-site .system-content {
    margin-left: 20px;
}

.system-site .system-content .webuploader-pick {
    height: 100%;
    width: 100%;
    padding: 0 0;
}

.system-site .system-content .webuploader-pick:hover,.system-site .system-content .webuploader-pick:active,.system-site .system-content .webuploader-pick:focus {
    background: #e6e6e6;
    border-color: #adadad;
}

.system-site .system-content .control-group .btn-upload {
    margin-top: 5px;
}

.system-site .system-content .control-group .btn-upload:first-child {
    margin-right: 20px;
}

.system-site .form-horizontal .form-group {
    margin-bottom: 24px;
}

.system-site .form-horizontal .form-group img {
    max-width: 100%;
}

.system-site .list-group {
    list-style-type: none;
}

.system-site .list-group li {
    border-bottom: 1px solid #eee;
    padding-left: 5px;
    position: relative;
}

.system-site .list-group-item {
    border: 0;
    color: #333;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 18px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 0;
}

.system-site .list-group-item:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 1px;
    bottom: 1px;
    width: 5px;
    background-color: #dedede;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.system-site .list-group-item:hover {
    background-color: #f3f3f3;
    color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.system-site .list-group-item.active {
    background-color: transparent;
    color: #333;
}

.system-site .list-group-item.active:before {
    background-color: #3083eb;
}

.system-site .list-group-item.active:hover,.system-site .list-group-item.active:focus {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #f3f3f3;
    color: #333;
}

.system-site .list-group-item:first-child {
    border-radius: 0;
}

.system-site .list-group-item:last-child {
    border-radius: 0;
}

.system-site .list-group-icon {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 12px;
    color: #999;
    z-index: 11;
}

.btn-upload {
    position: relative;
    height: 29px;
    width: 66px;
    line-height: 29px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.btn-upload input {
    opacity: 0;
    filter: alpha(opacity=0);
}

.short-long-text .short-text {
    cursor: pointer;
    word-break: break-all;
}

.short-long-text .long-text {
    cursor: pointer;
    display: none;
    word-break: break-all;
}

.short-long-text .short-text:hover .trigger,.short-long-text .long-text:hover .trigger {
    visibility: visible;
    font-size: 12px;
    color: #999;
}

.short-long-text .trigger {
    visibility: hidden;
    _visibility: visible;
}

.login-body {
    position: relative;
    height: 100%;
}

.login-body .loginbg-img {
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.login-section {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -212px;
    margin-left: -200px;
    padding: 0;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
}

.login-section.register-section {
    margin-top: -257px;
}

@media (max-width: 480px) {
    .login-section {
        width:300px;
        margin-left: -150px;
    }
}

.login-section .login-logo {
    text-align: center;
}

.login-section .login-logo img {
    width: 280px;
}

.login-section .logon-header h4 {
    text-align: center;
    font-weight: 200;
    padding: 18px 20px;
    color: #333;
    margin: 0;
    border-bottom: 1px solid #ccc;
}

.login-section .login-main {
    padding: 20px 15px 32px;
}

.login-section .login-main .help-block {
    margin-top: 8px;
}

.login-section .login-main .control-label {
    margin-bottom: 8px;
}

.login-section .login-main .form-control {
    background-color: #fbfbfb;
}

.login-section .login-main .form-group.form-group-spacelg {
}

.login-section .login-main .form-group.has-error {
    margin-bottom: 8px;
}

.login-section .login-main .form-group.has-error.form-group-spacelg {
    margin-bottom: 16px;
}

.login-section .login-main .form-group.has-error .control-label {
    color: #333;
}

.login-section .login-main .btn {
    margin-bottom: 16px;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.login-section .login-main .has-feedback .form-control {
    padding-right: 15.5px;
}

.login-section .login-content {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 #58a7dc;
    -moz-box-shadow: 0 2px 6px 0 #58a7dc;
    box-shadow: 0 2px 6px 0 #58a7dc;
    background-color: #fff;
}

html {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",'微软雅黑',Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #616161;
}

a:hover,a:focus,a.active {
    text-decoration: none;
}