@charset "UTF-8";

/* 常量定义及公共函数 */

body {
  min-width: 1100px;
  margin: 0 auto;
  padding: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: #d9d9d8;
  font-size: 14px;
}

@media (max-width: 480px) {
  body {
    background: white;
    min-width: initial;
    margin: 0;
  }
}

.main-wrap {
  min-width: 1100px;
  max-width: 1400px;
  margin: auto;
  background: #f4f5f8;
  min-height: calc(100vh - 54px - 90px);
}

@media (max-width: 480px) {
  .main-wrap {
    min-width: initial;
    max-width: initial;
    min-height: initial;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.main {
  padding: 1.25em;
}

@media (max-width: 480px) {
  .main {
    padding: 0;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

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

.op-zone .btn {
  margin: 1em 1.5em;
}

.opable:hover {
  cursor: pointer;
}

.error {
  color: red;
}

.label {
  padding: .2em .3em;
}

.flex-row {
  display: flex;
}

.color-light {
  color: #c3c3c3;
}

.tip {
  color: #c3c3c3;
  text-align: left;
  margin: 0;
}

.btn .glyphicon {
  margin-right: .5em;
}

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

.mr20 {
  margin-right: 20px;
}

.pagination2-wrapper {
  text-align: center;
}

@media (max-width: 480px) {
  .pagination2-wrapper {
    display: flex;
    flex-direction: column;
  }

  .pagination2-wrapper:nth-child(2) and :nth-child(3) {
    overflow-x: scroll;
  }
}

.pagination2-wrapper .total {
  margin: 20px 10px;
  float: right;
  color: #888;
}

.code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.text-nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table.align-middle tbody > tr > td {
  vertical-align: middle;
}

.classes-checkbox .el-checkbox {
  margin-right: 15px;
}

.classes-checkbox .el-checkbox:last-child {
  margin-right: 0;
}

.classes-checkbox .el-checkbox + .el-checkbox {
  margin-left: 0;
}

.contextual-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.contextual-success,
button.contextual-success {
  color: #3c763d;
}

a.contextual-success:hover,
a.contextual-success:focus,
button.contextual-success:hover,
button.contextual-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.contextual-success.active,
button.contextual-success.active {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.contextual-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.contextual-info,
button.contextual-info {
  color: #31708f;
}

a.contextual-info:hover,
a.contextual-info:focus,
button.contextual-info:hover,
button.contextual-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.contextual-info.active,
button.contextual-info.active {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.contextual-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.contextual-warning,
button.contextual-warning {
  color: #8a6d3b;
}

a.contextual-warning:hover,
a.contextual-warning:focus,
button.contextual-warning:hover,
button.contextual-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.contextual-warning.active,
button.contextual-warning.active {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.contextual-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.contextual-danger,
button.contextual-danger {
  color: #a94442;
}

a.contextual-danger:hover,
a.contextual-danger:focus,
button.contextual-danger:hover,
button.contextual-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.contextual-danger.active,
button.contextual-danger.active {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}

.modal-dialog.loading .modal-body {
  position: relative;
}

.modal-dialog.loading .loading-mask {
  display: block !important;
  position: absolute;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .3s;
}

.modal-dialog.loading .loading-mask .loading-text {
  margin: 3px 0;
  font-size: 14px;
  line-height: 1.5em;
}

.modal-dialog.loading .loading-mask .loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}

.modal-dialog.loading .loading-mask .loading-spinner .circular {
  height: 42px;
  width: 42px;
  animation: loading-rotate 2s linear infinite;
}

.modal-dialog.loading .loading-mask .loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #409eff;
  stroke-linecap: round;
}

.el-checkbox,
.el-checkbox__input {
  cursor: pointer;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

.el-checkbox__input {
  line-height: 1;
  vertical-align: middle;
  outline: 0px;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #20a0ff;
  border-color: #0190fe;
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  background-color: white;
  z-index: 1;
  border-width: 1px;
  border-style: solid;
  border-color: #bfcbd9;
  border-image: initial;
  border-radius: 4px;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46) 0s, background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46) 0s;
}

.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  height: 8px;
  left: 5px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 4px;
  transform-origin: center center;
  border-width: 0px 2px 2px 0px;
  border-style: solid solid;
  border-color: white white;
  border-image: initial;
  border-left: 0px;
  border-top: 0px;
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
}

.el-checkbox__original {
  opacity: 0;
  position: absolute;
  width: 0px;
  height: 0px;
  left: -999px;
  outline: 0px;
  margin: 0px;
}

.el-checkbox {
  color: #1f2d3d;
  user-select: none;
  margin-bottom: 0;
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}

.icon-del {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFGRjNBODlEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFGRjNBOEFEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MUZGM0E4N0QxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MUZGM0E4OEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpT9R38AAACfSURBVHjarFPbDYAgDBTjAqBfOigrwKB+KTICtgaSSkDro8l9lFyu7eUQIYSGlrX2/JCV1lrQvuOQrsSFMeZy4m3hCQgQmgFT6mtADnJT3xKtFTAwZvYAlxoqsAHUbwLUsMw8GblFAcnYAIf4koCP63FOKG6wPBBYv5ioahv4rwInE2mcs2jLmomOGaShlgP3JkhddsJ4950J96hdgAEAbZBcgTz4Y+4AAAAASUVORK5CYII=) !important;
  width: 16px;
  height: 16px;
}

.icon-del:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEFFMUI4MTJEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEFFMUI4MTNEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QUUxQjgxMEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QUUxQjgxMUQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu9B4VoAAACWSURBVHjaYrRq/M+ABjAE0AAjMoeFGEX4DGfBYSM+V6DIMUFtA+FnQCyDxMeFZaBqwXwmJMPeALEIA2EgDMRvkV0AA++AWIiaBvzHwRaEqsVqgCARLgBZ8h6bAe+hziPGC1hd8JoEA95QEohCuFzwnlID0AOREQdbEFcgviUyIYngSgdvyUlILGhekCIiOzMghwFAgAEAMQMj4vCuojgAAAAASUVORK5CYII=) !important;
}

.icon-more {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAANCAYAAABsItTPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFGRjNBODVEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFGRjNBODZEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MUZGM0E4M0QxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MUZGM0E4NEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtpRpWcAAAAgSURBVHjaYjxz5sx/BihgYkACKBwWIGbEKUMPAwACDADGywWFPQytCAAAAABJRU5ErkJggg==) !important;
  width: 3px;
  height: 13px;
}

.icon-more:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAANCAYAAABsItTPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFGRjNBODFEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFGRjNBODJEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzdBOUJDOEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MUZGM0E4MEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlMB/ScAAAAgSURBVHjaYrRq/P+fAQqYGJAACocFiBlxytDDAIAAAwBXIATbHSQUrgAAAABJRU5ErkJggg==) !important;
}

#home-module-portals {
  margin: 6em auto 0;
  max-width: 800px;
  text-align: center;
}

@media (max-width: 480px) {
  #home-module-portals {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    margin: 0;
  }
}

#home-module-portals .module-portal {
  display: inline-block;
  width: 8em;
  height: 6em;
  margin: 1em;
  border-radius: 2em;
  color: #fff;
  background-color: orange;
  font-size: 1.5em;
  line-height: 6em;
  text-align: center;
  vertical-align: middle;
  transition: transform .1s;
}

#home-module-portals .module-portal:hover {
  transform: scale(1.1, 1.1);
}

@media (max-width: 480px) {
  #home-module-portals .module-portal {
    width: 6em;
    height: 6em;
  }
}

#page-header,
#page-sub-header {
  background-color: #fff;
  width: 100%;
  color: #555;
}

@media (max-width: 480px) {
  #page-header,
  #page-sub-header {
    display: none;
  }
}

#page-header .navbar,
#page-sub-header .navbar {
  margin-bottom: 0em;
}

#page-header .navbar-default,
#page-sub-header .navbar-default {
  background-color: #fff;
  border-color: #fff;
  min-width: 1100px;
  max-width: 1400px;
  margin: 0 auto;
}

#page-header .navbar-brand,
#page-sub-header .navbar-brand {
  display: block;
  margin-left: 0;
  padding: 10px 20px 10px 0;
  font-size: 24px;
  color: #666;
}

#page-header .navbar-brand > img,
#page-sub-header .navbar-brand > img {
  display: inline-block;
  width: 112px;
}

#page-header .navbar-nav li,
#page-sub-header .navbar-nav li {
  color: #fff;
  min-width: 6em;
}

#page-header .navbar-nav a,
#page-sub-header .navbar-nav a {
  padding-left: 2px;
  padding-right: 2px;
}

#page-header .navbar-nav .active a,
#page-sub-header .navbar-nav .active a {
  padding-bottom: 11px;
  border-bottom: 4px solid #4d77ee;
  background-color: #fff;
  color: #4d77ee;
}

#page-header .navbar-nav li a,
#page-sub-header .navbar-nav li a {
  color: #555;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
}

#page-header .user-avatar::before,
#page-sub-header .user-avatar::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzc3MzYxRkY1Qzc2MTFFNkE4RDhDQzJEOTU5NDk3RTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzc3MzYyMDA1Qzc2MTFFNkE4RDhDQzJEOTU5NDk3RTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzczNjFGRDVDNzYxMUU2QThEOENDMkQ5NTk0OTdFMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzczNjFGRTVDNzYxMUU2QThEOENDMkQ5NTk0OTdFMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PslEUpcAAAInSURBVHjanJXPSxtREMdfNjFRYxKTqGlsFGlL8SDWi54Ej1awh/Zm/wq9qOBZoXjQm39B21tPheq5t/ZU60FBUEQNKo2aEGNiBb/f17dhXWbzowMfsrsz882+2XnzfB+/7ioPi4MZMAWGwRNQAcdgH3wDn8GllBwQnrWCOTAPOl2+IBg0TINlsArWQMkZaLkSB8BPsCKIStZpxH+YXFE4A76DIdW8DZncjLsUXP4Xp8O2WKRVpZIRFW4L6vtiqaLO/hTUdeHWHZoxGhMsi/3Gs2DUHdnbE1Uv+rtUJBxSluXT8JrP6BNs1GjpUiTAovSm6e6o59rpY4xgC9S0TEvF3F4uv555xFBrhsKTkrfd1LSW1Yh5TeER9Z/m83a9onBK8tyUKnWFi94xKQqXJQ9bqp7ViqFwVnKwT7MXec9E+oRerv4nN8geeCl5T8/zKMmd6kl2NLJBnPaLwlvgjVfEVaGkadI2A2b0LUu9zF2WiLXr32CLXz+r3N2rQrGsctc3+leqIjUpnAMfzET7NzhCAdWfjmtBt4WCAU1XPKyFj7KX6rb81xlCrZw9K9bBb/stB5+lRFFpRa7YHaNVHZss4ju86enzvqTyW76Gi8lY5iD3BLdv7YHvnMf7A08T436/tdPsl2IOc82R9XjQR7EctNQBLsfAEhuiAc0rEzuG3MOoo3zVMy+Or+8oCz/kBnjPgWIO07S9N8A2Wwp8ch6m1MibTnkQYAB85I7SbJClmAAAAABJRU5ErkJggg==);
  display: inline-block;
  margin-top: 1em;
}

#page-header .user-email i,
#page-sub-header .user-email i {
  display: inline-block;
  height: .8em;
  border-right: 1px solid #eaeaef;
  padding-left: 1.28em;
  padding-right: 1.28em;
}

#page-header .nav-dropdown,
#page-sub-header .nav-dropdown {
  float: right;
}

#page-header .nav-dropdown button,
#page-sub-header .nav-dropdown button {
  border: 0;
  padding: 1px 12px;
}

#page-header .nav-dropdown button .navbar-nav,
#page-sub-header .nav-dropdown button .navbar-nav {
  padding-right: 1em;
}

#page-header .nav-dropdown button .user-avatar,
#page-sub-header .nav-dropdown button .user-avatar {
  min-width: 2.5em;
}

#page-header .nav-dropdown .dropdown-menu,
#page-sub-header .nav-dropdown .dropdown-menu {
  text-align: center;
  right: 0;
  left: auto;
}

#page-header .nav-dropdown .dropdown-menu li:not(.divider) a,
#page-sub-header .nav-dropdown .dropdown-menu li:not(.divider) a {
  padding: 6px 0;
}

#mobile-page-header {
  display: none;
}

@media (max-width: 480px) {
  #mobile-page-header {
    display: block;
    width: 100vw;
    font-size: 20px;
    color: black;
    padding: .3em .5em;
  }

  #mobile-page-header .page-nav {
    display: flex;
    list-style: none;
    text-decoration: none;
    justify-content: space-between;
    width: 100%;
    padding: 0;
  }

  #mobile-page-header .page-nav li a {
    color: black;
  }

  #mobile-page-header .top-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  #mobile-page-header .top-nav .logo-nav {
    display: flex;
    align-items: center;
  }

  #mobile-page-header .top-nav .logo-nav a {
    color: black;
    font-weight: 600;
    font-size: 30px;
  }

  #mobile-page-header .top-nav .mobile-list {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  #mobile-page-header nav {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
  }

  #mobile-page-header button div[class="user-avatar"] {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzc3MzYxRkY1Qzc2MTFFNkE4RDhDQzJEOTU5NDk3RTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzc3MzYyMDA1Qzc2MTFFNkE4RDhDQzJEOTU5NDk3RTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzczNjFGRDVDNzYxMUU2QThEOENDMkQ5NTk0OTdFMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzczNjFGRTVDNzYxMUU2QThEOENDMkQ5NTk0OTdFMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PslEUpcAAAInSURBVHjanJXPSxtREMdfNjFRYxKTqGlsFGlL8SDWi54Ej1awh/Zm/wq9qOBZoXjQm39B21tPheq5t/ZU60FBUEQNKo2aEGNiBb/f17dhXWbzowMfsrsz882+2XnzfB+/7ioPi4MZMAWGwRNQAcdgH3wDn8GllBwQnrWCOTAPOl2+IBg0TINlsArWQMkZaLkSB8BPsCKIStZpxH+YXFE4A76DIdW8DZncjLsUXP4Xp8O2WKRVpZIRFW4L6vtiqaLO/hTUdeHWHZoxGhMsi/3Gs2DUHdnbE1Uv+rtUJBxSluXT8JrP6BNs1GjpUiTAovSm6e6o59rpY4xgC9S0TEvF3F4uv555xFBrhsKTkrfd1LSW1Yh5TeER9Z/m83a9onBK8tyUKnWFi94xKQqXJQ9bqp7ViqFwVnKwT7MXec9E+oRerv4nN8geeCl5T8/zKMmd6kl2NLJBnPaLwlvgjVfEVaGkadI2A2b0LUu9zF2WiLXr32CLXz+r3N2rQrGsctc3+leqIjUpnAMfzET7NzhCAdWfjmtBt4WCAU1XPKyFj7KX6rb81xlCrZw9K9bBb/stB5+lRFFpRa7YHaNVHZss4ju86enzvqTyW76Gi8lY5iD3BLdv7YHvnMf7A08T436/tdPsl2IOc82R9XjQR7EctNQBLsfAEhuiAc0rEzuG3MOoo3zVMy+Or+8oCz/kBnjPgWIO07S9N8A2Wwp8ch6m1MibTnkQYAB85I7SbJClmAAAAABJRU5ErkJggg==);
    display: inline-block;
    background-color: transparent;
  }

  #mobile-page-header ul[class="dropdown-menu"] {
    transform: translateX(-75%);
  }
}

#page-sub-header {
  background-color: transparent;
}

#page-sub-header .navbar-default.sub-nav {
  min-height: 0;
  border-radius: 0;
  border-width: 0;
}

#page-sub-header .navbar-default.sub-nav .container-fluid,
#page-sub-header .navbar-default.sub-nav .navbar-collapse {
  padding: 0;
}

#page-sub-header .navbar-default.sub-nav .navbar-nav li a {
  font-weight: normal;
  font-size: 14px;
}

#page-footer {
  text-align: center;
  bottom: 0px;
  height: 90px;
  background-color: #fff;
  width: 100%;
  color: #555;
  z-index: 999;
  padding-top: 2em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 2rem;
  font-size: 1.5rem;
  font-weight: 500;
}

#page-footer .logo-img {
  background-image: url(/static/img/logo.796756a6.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 230px;
  height: 50px;
}

@media print {
  #page-footer {
    display: none;
  }
}

@media (max-width: 480px) {
  #page-footer {
    display: flex;
    height: 0;
    justify-content: space-between;
    width: 100vw;
    padding: 1.25rem;
    font-size: 12px;
    font-weight: 540;
    flex-wrap: wrap;
    align-items: center;
  }

  #page-footer .logo-img {
    background-image: url(/static/img/logo.796756a6.png);
    background-size: cover;
    width: 90px;
    height: 20px;
  }
}

#page-footer p {
  margin: 0;
}

#site-version-info {
  color: #aaa;
  font-size: .8em;
}

@media print {
  #site-version-info {
    display: none;
  }
}

#alerts-manager {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

#alerts-manager .alert {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  min-width: 10em;
  text-align: center;
  padding: .5em;
  margin-bottom: 0;
  border-radius: 0 0 5px 5px;
}

#alerts-manager .glyphicon {
  margin-right: .5em;
}

#dialog-root .modal-dialog {
  margin-top: 60px;
}

#dialog-root .modal-dialog.modal-big {
  width: 90%;
  max-width: 1400px;
  margin: 5em auto;
}

#dialog-root .modal-body {
  overflow-y: auto;
}

#dialog-root .modal-footer {
  text-align: center;
}

#dialog-root .modal-header {
  overflow: hidden;
  padding: 20px;
  border-bottom: 1px solid #eaeaef;
  background-color: #f6f6f6;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-weight: bold;
}

#dialog-root .modal-header .modal-title {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 22px;
}

#dialog-root .modal-header .modal-btn {
  float: right;
}

#dialog-root .modal-header .header-btn-group {
  margin: 0 auto;
}

#dialog-root .modal-header.header-paging {
  color: #555;
  display: flex;
  justify-content: space-between;
  background-color: #f6f6f6;
}

#dialog-root .modal-header.header-paging .modal-btn {
  float: right;
}

#dialog-root .modal-header.header-paging .modal-header-close {
  margin: 7px;
}

#dialog-root .modal-header.header-paging .tip {
  display: inline-block;
  padding: 0 20px;
}

#dialog-root .modal-header.header-paging + .modal-body {
  height: 320px;
  padding: 0;
}

/* 常量定义及公共函数 */

#additem-modal {
  width: 900px !important;
}

#additem-modal .modal-body {
  padding: 0;
  margin: 0;
  overflow-y: hidden;
}

#additem-modal .modal-container {
  padding: 30px 1em 1em 1em;
  height: 75vh;
  overflow-y: auto;
}

#additem-modal .btn-group {
  display: none;
  position: absolute;
  top: -28px;
  right: -1px;
  border: 1px solid #3a81ff;
  border-bottom: none;
}

#additem-modal .btn-group .btn-a {
  color: #3a81ff;
  line-height: 26px;
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
}

#additem-modal .btn-group .btn-a:hover {
  background: #3a81ff;
  color: #fff;
}

#additem-modal .btn-group .btn-a.hidden {
  display: none;
}

#additem-modal .btn-group .btn-a + .btn-a {
  border-left: 1px solid #3a81ff;
}

#additem-modal .modal-page {
  display: flex;
  margin-bottom: 30px;
  position: relative;
  border: 1px solid #fff;
}

#additem-modal .modal-page:hover {
  border: 1px solid #3a81ff;
}

#additem-modal .modal-page:hover .btn-group {
  display: block;
}

#additem-modal .modal-page .item-display {
  width: 100%;
}

#additem-modal .modal-page .num {
  padding: 5px;
}

#additem-modal .modal-page .item-display-wrap {
  flex: 1 1 auto;
}

#additem-modal dl {
  display: flex;
  margin: 1em 0 0 1em;
}

#additem-modal dl dt {
  flex: 0 0 4em;
  line-height: 34px;
}

#additem-modal dl dd {
  flex: 1 1 auto;
}

/* 常量定义及公共函数 */

.difficulty-container .star {
  margin-right: 4px;
  vertical-align: -2px;
}

.difficulty-container.enabled .star {
  cursor: pointer;
}

.difficulty-container .op-clear {
  margin-left: 8px;
  color: #3a81ff;
  cursor: pointer;
}

#kt-modal {
  width: 900px;
  min-height: 550px;
  height: 80vh;
}

#kt-modal .modal-content,
#kt-modal .modal-body {
  height: 100%;
}

#kt-modal .modal-body {
  padding: 20px;
}

#kt-modal .btn {
  margin-right: 10px;
}

#kt-modal .selected-panel {
  display: flex;
  margin-bottom: 1em;
}

#kt-modal .selected-panel .selected-kt-wrapper {
  width: 70%;
  height: 104px;
  overflow-y: auto;
  margin-right: 30px;
}

#kt-modal .selected-panel li {
  line-height: 2.3em;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  border-radius: 4px;
  margin-bottom: .5em;
  padding-left: 1em;
  position: relative;
}

#kt-modal .selected-panel .tool-icon-wrapper {
  position: absolute;
  cursor: pointer;
  right: 1em;
}

#kt-modal .selected-panel .glyphicon-remove {
  color: #a94442;
}

#kt-modal .kt-panel-wrapper {
  height: calc(100% - 104px - 1em);
}

/**
 * jQuery Lined Textarea Plugin
 *   http://alan.blog-city.com/jquerylinedtextarea.htm
 *
 * Copyright (c) 2010 Alan Williamson
 *
 * Released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * Usage:
 *   Displays a line number count column to the left of the textarea
 *   
 *   Class up your textarea with a given class, or target it directly
 *   with JQuery Selectors
 *   
 *   $(".lined").linedtextarea({
 *   	selectedLine: 10,
 *    selectedClass: 'lineselect'
 *   });
 *
 */

.linedwrap {
  border: 1px solid #c0c0c0;
  padding: 3px;
}

.linedtextarea {
  padding: 0px;
  margin: 0px;
}

.linedtextarea textarea,
.linedwrap .codelines .lineno {
  font-size: 10pt;
  font-family: monospace;
  line-height: normal !important;
}

.linedtextarea textarea {
  padding-right: 0.3em;
  padding-top: 0.3em;
  border: 0;
}

.linedwrap .lines {
  margin-top: 0px;
  width: 50px;
  float: left;
  overflow: hidden;
  border-right: 1px solid #c0c0c0;
  margin-right: 10px;
}

.linedwrap .codelines {
  padding-top: 5px;
}

.linedwrap .codelines .lineno {
  color: #AAAAAA;
  padding-right: 0.5em;
  padding-top: 0.0em;
  text-align: right;
  white-space: nowrap;
}

.linedwrap .codelines .lineselect {
  color: red;
}

.dropdown-input-widget {
  display: inline-block;
  width: fit-content;
  position: relative;
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: white;
  vertical-align: middle;
  border-radius: 4px;
  line-height: .42857143;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
}

.dropdown-input-widget .dropdown-input-header {
  min-width: 80px;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  width: 80px;
}

.dropdown-input-widget .dropdown-input-header .dropdown-input-header-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.dropdown-input-widget .dropdown-input-header .dropdown-input-header-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.dropdown-input-widget .dropdown-input-header .dropdown-input-header-list > * {
  padding: 4px 6px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #ccc;
}

.dropdown-input-widget .dropdown-input-content {
  position: absolute;
  z-index: 9999;
  list-style-type: none;
  padding: .5rem;
  display: flex;
  flex-direction: column;
  max-height: 10vh;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  transition: all .5s;
  transform: scaleY(0);
  margin-top: 10px;
  margin-left: -8px;
  transform-origin: 50% 0;
  width: 100%;
  background-color: white;
  border: black solid 1px;
  border-radius: 8px;
  width: 100%;
}

.dropdown-input-widget .dropdown-input-content .dropdown-input-item {
  padding: .5em .2em;
}

.dropdown-input-widget .dropdown-input-content .dropdown-input-item-selected {
  background: gray;
}

.dropdown-input-widget .dropdown-input-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.dropdown-input-widget .dropdown-input-content-open {
  transform: scaleY(1);
}

#create-book {
  display: flex;
}

#create-book .preview-container {
  width: 50%;
}

#create-book .input-container {
  width: 50%;
}

.input-container {
  margin-left: 20px;
}

.input-container .textarea-wrapper {
  width: 100%;
}

.input-container textarea {
  width: 100%;
  height: 350px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 6px 12px;
}

.errors-wrapper ul {
  list-style: none;
  padding-left: 0px;
}

.errors-wrapper .alert {
  padding: 8px 15px;
  margin-bottom: 5px;
}

.tool-wrapper {
  text-align: center;
}

.tool-wrapper button {
  margin-left: 10px;
}

.tree {
  width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 400px;
}

.m-node.placeholder {
  border: 1px dashed #1385e5;
}

.m-node .inner {
  color: #9da5b4;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  padding-left: 10px;
}

.m-node .node {
  display: inline-block;
  width: 100%;
  max-width: 100px;
  padding: 4px 5px;
}

.m-node .node.is-active {
  background-color: #ddd;
  border-radius: 2px;
}

.m-node .collapse {
  position: absolute;
  left: 0;
  cursor: pointer;
  display: block;
}

.m-node .caret-right:before {
  content: '\25B8';
}

.m-node .caret-down:before {
  content: '\25BE';
}

.m-tree {
  position: relative;
  overflow: hidden;
  user-select: none;
}

.m-draggable {
  position: absolute;
  opacity: .8;
}

#edit-book {
  position: relative;
}

#edit-book .edit-container {
  display: flex;
}

#edit-book .edit-container > .tree-wrapper {
  width: 30%;
}

#edit-book .edit-container > .item-wrapper {
  width: 70%;
}

#edit-book .btn {
  margin-right: 1em;
}

#edit-book .item-html-pane {
  margin-top: 20px;
  border: 1px dotted #ddd;
  padding: 20px;
}

#edit-book .hide-item {
  max-height: 200px;
  overflow: hidden;
}

#edit-book .search-modal-wrapper {
  position: absolute;
  top: -20px;
  z-index: 99;
  background: #ebebeb;
  width: 100%;
  min-height: 100%;
}

#edit-book .parse-modal-wrapper {
  position: absolute;
  top: -20px;
  z-index: 99;
  background: #ebebeb;
  width: 100%;
  min-height: 100%;
}

#edit-book .parse-modal-wrapper .parse-panel {
  padding-top: 20px;
}

.menu-wrapper {
  position: absolute;
  z-index: 99;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 7px;
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.menu-wrapper ul {
  list-style: none;
  padding-left: 5px;
}

.menu-wrapper li {
  cursor: pointer;
}

.modal-wrapper {
  position: absolute;
  top: 150px;
  left: 25%;
  width: 350px;
  z-index: 99;
}

.mask {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

#books-list .btn {
  margin-right: 5px;
}

/* 题目基础样式，各模块自定义样式放到自己的scss里 */

q,
stem,
subqs,
subq,
opts {
  display: block;
}

opt,
nn,
nng,
wn,
lwn,
rwn,
un,
sn,
case,
sol {
  display: inline-block;
}

q {
  font-size: 16px;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'STSong', '\5B8B\4F53', sans-serif;
  color: #000;
  line-height: 1.5;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  display: none;
}

subq {
  margin-bottom: 5px;
}

opt {
  font-weight: normal;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

nn {
  font-weight: bold;
  padding: 0 5px;
  border-bottom: 1px solid #555;
  margin: 0 2px;
  line-height: 11px;
  min-width: 50px;
}

nng {
  font-weight: bold;
  padding: 0 5px;
  border-bottom: 1px solid #555;
}

un {
  font-weight: bold;
  border-bottom: 1px solid #555;
}

wn,
rwn,
lwn {
  text-align: center;
  border-bottom: 1px solid #555;
  line-height: 11px;
}

wn {
  padding: 0 25px;
  line-height: 15px;
}

rwn,
lwn {
  line-height: 25px;
}

rwn {
  float: right;
  height: 27px;
  clear: both;
  border-bottom: 0px;
  text-align: right;
}

lwn {
  height: 27px;
  border-bottom: 0px;
  text-align: left;
}

rwn > nn {
  border-bottom: 1px solid #555;
}

lwn > nn {
  border-bottom: 1px solid #555;
}

sn {
  height: 27px;
}

case,
sol {
  font-weight: bold;
  margin-right: 16px;
}

case {
  color: green;
}

sol {
  color: #337ab7;
}

q ol {
  margin: 0;
  padding-left: 1.5em;
}

q ul {
  margin: 0 0 0 0px;
}

opt.col-xs-3,
opt.col-xs-6,
opt.col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

opt.col-xs-3 {
  width: 25%;
  float: none;
}

opt.col-xs-6 {
  width: 50%;
  float: none;
}

opt.col-xs-12 {
  width: 100%;
  float: none;
}

.without-auxiliary .auxiliary {
  display: none;
}

.auxiliary .difficulty,
.auxiliary .origins,
.auxiliary .tagging,
.auxiliary .answer,
.auxiliary .ans,
.auxiliary .exp,
.auxiliary .step,
.auxiliary .remark {
  display: flex;
}

.auxiliary .dt {
  flex: 0 0 auto;
  font-weight: normal;
  font-size: 16px;
  padding: 5px 0;
  color: #08b5c9;
}

.auxiliary .dd {
  flex: 1 1 auto;
  padding: 5px;
}

.exp .dd,
.remark .dd {
  font-family: STKaiti, '\534E\6587\6977\4F53', Kaiti, '\6977\4F53', serif;
}

wiki {
  display: inline-block;
  color: #080;
  cursor: pointer;
}

.img-responsive {
  max-width: 100%;
  display: block;
  margin: auto;
}

opt .img-responsive {
  vertical-align: top;
  display: inline;
  margin: initial;
}

.ktags {
  list-style: none;
  padding-left: 0;
}

.ktag .ktag-path {
  display: inline-block;
  font-weight: bold;
}

.ktag .ktag-id {
  color: #c3c3c3;
}

.ktag.primary {
  color: #42a904;
}

.ktag.sub {
  color: #62c924;
}

.ktag .ktag-sep {
  margin: auto .5em;
}

.article-container .ktag.primary {
  color: #ffa500;
}

.article-container .ktag.sub {
  color: #fbc155;
}

.item-display {
  position: relative;
  word-break: break-all;
  overflow-wrap: break-word;
}

.item-display q {
  margin-right: 3em;
  max-width: 989px;
  /* same as a4 print */
}

.item-display .general-info {
  margin-bottom: .5em;
}

.item-display.without-auxiliary .general-info {
  display: none;
}

.item-display .auxiliary-toggler {
  position: absolute;
  top: .4em;
  right: .6em;
}

@media print {
  .item-display .auxiliary-toggler,
  .item-display .difficulty,
  .item-display .tagging {
    display: none;
  }
}

.item-display .ktag {
  cursor: pointer;
}

.MathJax_SVG svg {
  max-width: 100%;
}

@media print {
  .no-print {
    display: none;
  }

  .page {
    page-break-before: always;
  }
}

.circle .circle-auxiliary {
  display: flex;
}

.circle .circle-auxiliary .title {
  flex: 0 0 auto;
  font-weight: normal;
  font-size: 16px;
  padding: 5px 0;
  color: #08b5c9;
  width: 3em;
}

.circle .circle-auxiliary .content {
  font-family: STKaiti, '\534E\6587\6977\4F53', Kaiti, '\6977\4F53', serif;
  flex: 1 1 auto;
  font-size: 16px;
  padding: 5px;
}

.circle ol {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
}

.circle li.q {
  position: relative;
  margin: 0 0 6px 2em;
  margin-left: 1.3em;
  padding: 4px 8px;
  list-style: none;
  background: #f6f6f6;
}

.circle li.q::before {
  content: "(" counter(li) ")";
  counter-increment: li;
  position: absolute;
  top: -3px;
  left: -2em;
  box-sizing: border-box;
  width: 2em;
  padding: 4px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}

.circle .ktag {
  cursor: pointer;
}

.tag-desc {
  line-height: 1.5;
  word-break: break-all;
  overflow-wrap: break-word;
}

.tag-desc img {
  max-width: 100%;
  display: block;
  margin: auto;
}

.tag-desc ul {
  margin: 0;
  padding-left: 16px;
}

.tag-desc ul li {
  margin-bottom: 12px;
}

.tag-desc .skillname {
  color: #31708f;
  background-color: #d9edf7;
}

.tag-desc .theorem {
  margin: 1em 0;
  border: 2px solid #d0e9c6;
  border-radius: 5px;
}

.tag-desc .theorem-name {
  margin: 0;
  padding: 10px 1em;
  background-color: #dff0d8;
  border-bottom: 2px solid #d0e9c6;
}

.tag-desc .theorem-body {
  padding: 10px 1em;
  background-color: #dff0d8;
  border-bottom: 2px dashed #d0e9c6;
}

.tag-desc .theorem-proof {
  padding: 10px 1em;
}

.tag-desc .theorem-proof label {
  color: #3c763d;
  margin-right: 1em;
}

.tag-desc .skillremark label {
  color: #3c763d;
  margin-right: 1em;
}

.tag-desc .keypoint {
  color: #a94442;
  background-color: #f2dede;
  text-decoration: underline;
}

#itemList .list-op-zone {
  top: 300px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  text-align: center;
}

#itemList .list-op-zone .btn-group {
  margin: .5em 0;
}

#item-parsing {
  display: flex;
}

@media (max-width: 480px) {
  #item-parsing {
    flex-direction: column;
  }
}

#item-parsing stem,
#item-parsing opt,
#item-parsing .auxiliary {
  border: 1px dashed grey;
}

#item-parsing .item-preview-pane {
  flex: 1 1 50%;
  margin-right: 2em;
}

@media (max-width: 480px) {
  #item-parsing .item-preview-pane {
    margin-right: 0;
    overflow: auto;
  }
}

#item-parsing .item-input-pane {
  flex: 1 1 50%;
}

#item-parsing .item-input-pane textarea {
  width: 100%;
}

#item-parsing .item-input-pane .item-input-wrapper {
  margin: 1em auto;
}

#item-parsing .item-extra-switcher {
  margin: 0 auto .5em auto;
}

#item-parsing .item-extra-switcher .btn.active {
  background-color: #337ab7;
}

#item-parsing .btn[data-action="parse"] .glyphicon-ok {
  color: green;
}

#item-parsing opts {
  min-height: 36px;
}

#item-parsing .parsing-note {
  margin: 1em auto 2em auto;
  color: #ababab;
}

#item-typesetting {
  display: flex;
  overflow: hidden;
}

@media (max-width: 480px) {
  #item-typesetting {
    flex-direction: column;
  }
}

#item-typesetting .flow-info {
  display: table;
  border: 1px solid #468847;
  width: 100%;
  padding: 4px;
  margin-bottom: 10px;
}

#item-typesetting .flow-info .flow-progress {
  display: table-cell;
  width: 50%;
  text-align: right;
  padding-right: 5px;
}

#item-typesetting .item-preview-pane {
  flex: 1 1 50%;
  margin-right: 2em;
}

#item-typesetting .item-typeset-pane {
  flex: 1 1 50%;
}

#item-typesetting .nn {
  font-weight: bold;
  color: blue;
}

#item-typesetting .nng {
  font-weight: bold;
  color: red;
}

#item-typesetting .qs-editors-list {
  padding-left: 1em;
}

#item-typesetting .editor-title {
  margin: .25em auto;
}

#item-typesetting .item-meta-zone {
  margin: .5em auto;
}

#item-typesetting .item-meta {
  font-size: 1.1em;
  margin-right: 1em;
}

#item-typesetting .typesetting-op-zone {
  position: fixed;
  top: 200px;
  right: 5px;
  display: flex;
  flex-direction: column;
}

#item-typesetting .typesetting-op-zone .btn {
  display: block;
  margin: .5em;
}

#item-typesetting .root-item {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1em;
}

#item-typesetting .root-item-label {
  font-size: 1.3em;
  display: table-cell;
  width: 10%;
}

#item-typesetting .root-item-id {
  display: table-cell;
  width: 80%;
}

#item-typesetting .root-item-btn {
  margin-left: 20px;
  display: table-cell;
  width: 10%;
}

/* icons */

.ke-icon-opts,
.ke-icon-nn,
.ke-icon-wn,
.ke-icon-lwn,
.ke-icon-rwn,
.ke-icon-sn,
.ke-icon-period,
.ke-icon-comma,
.ke-icon-chinesecomma,
.ke-icon-colon,
.ke-icon-semicolon,
.ke-icon-parethesis,
.ke-icon-mathbf,
.ke-icon-mathrm,
.ke-icon-inlineequation,
.ke-icon-multilineequation,
.ke-icon-split,
.ke-icon-cases,
.ke-icon-because,
.ke-icon-therefore,
.ke-icon-circlenum,
.ke-icon-image {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlEAAAAbCAMAAABr/irPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNjgwMTE3NDA3MjA2ODExODA4Mzg1QTI1NEYxQkY5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENTRGODc3NEQzNkExMUUzOTBDMzkxMDhCRkNCOEU3MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENTRGODc3M0QzNkExMUUzOTBDMzkxMDhCRkNCOEU3MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkE3RjExNzQwNzIwNjgxMTgwODNGNUYyNjM5MUZFMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDY4MDExNzQwNzIwNjgxMTgwODM4NUEyNTRGMUJGOUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ahrdjAAADAFBMVEVSp7O02O/89PtBQUG52/KIu+H99fLq9P+k03Hc7fzK6apRuGVzvABruACPyDep09npmpft+f80pkUdkCny+P2DzIuAgICp0e241r2jzuvA3PPD3MU0mKf09f9qqttgq2pxcXE3rTJ2xnvG5sbS6/zk8v59wQVkwG9hYWHw+Pn///+Tyxl5vgBSrwDv7+/v+fIlmziDwwJDqVqR05m326z/+fR/ueL//vldsQD/+f8RERH39/fV4/8hISHg7/zE4fbl8uWTxedQUFDg8P7r8exKrTSdy+qIxxm43ZT++fPL3NQxMTF5wyX5///d8P3m9v/6+Pbi7thFr0j18vCezOqu1e6ZyOj2/v7J59Hz+fLW5drV7OSWxujz8exIqwDx8fFXtC///P/L5fdeuEjJ5vnl9/TW7v/7/frr6+vS6Pj6+fkmngDk8P6SwOTj9f/o9vHj8fqox65Ci8oXiZoDAwPZU8/0ZynMAMy/v78AUwZBAJnZU09xqNczZrv6s5Tf39//aAQCmhjQ4vKvr6+fn5/Pz8+Pj4/sqafF4eYqoyrjfnv11PMmkKDjftv82clutcCLxM3T6ezeadX1ekT94tfAwMD2hFHxvu34oHr66fm32t/qn+Ti8PKXx+j43973jV9Oks2Zy9PbXtJ9vcagoKCQkJBCn63sqef1cTb+7OTus7Lgc3Dxvr3bXlreaWXn8Pj66enzyfDb6fXQ0NBamtHgc9j3l2ywsLCv3bHus+r5qof43/ahxeXliYb11NP8z7z6vKHnlOHzycjlid4SoCbg8uJBs1J9r9uszOih16Gg2ahful/X7tfh8P3i8P37xq6e0UZnu0La7+ez3oJmuTXg8NPx+NHi8v/U6cvL6ehpvJmj0R5dtBiPzWOq1lud16/t+uORyADk5eY2ogBHsEq15rrI327z+v8ipzU1qy91wmlwuw76/fen06rj8+2l0OzQ4NXU7d7Z5N+KxACg02DG5L2s0+38//6BxUve8dGVzVrH5Png8//b6N4AAAD///9vp3QzAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAACeZJREFUeNrsmwt8U9Udx9NeaC0klNL0orVghqa2lxJaHpu9LMVWVsUoFSw4dJtUmcp0qCT3LpquWWlTSlv6ppRCoRQoTwFBHjJ5qeh8RLfp5t7Pz8bG3lNxD3fvziP3kdyT2LRNmvrp75NPcnLuPTe5J9/7P7/zvyc6cVSfWu1r3Bf9D9WN9vunVQmdPF8RqYP/5u65CxeCB9JcWIZPCxMeGS6iNtd/O0b63en0aOqSdboWXGq222tHKlGd/N7IEXXXPStv0GplCTNMRG3u5faImzlu0/D3uyBQmjqFo5FIVGPn9tPwtf1cReSIWvjQ1M9qNTVuuIjawLWC5z1c7+ZYJWpHNixkN9ntTV1bRxRQFTzPb5eKkSPq47Hd3d3LlnXLgsWx8z+nIuokRRVF6aQ34egU38ttGIKjHS1X9OoLa8Nq664RBLaIdqvruvrsUBnJ4k47VvNIck97ef58+9AT5fa3B3M/LiwtLi0uLi5dVljYXYzLxYV+RFEOh2NjdM66FYUoGKS4+sEfbe0aP5Ub+9+0WvBJhVSyDyP7DhCg7A26Brs9eRgJ+QZQWGMez3cq4UpNlKeIoqWyJYvKsmjaqvfwk4W2ChTFCkVOGdzVX7oGqfjK/FVjukvxm8IHVES5AVCOrGiFqOdRIZ4jBqlTabPJDY/sr6urm3g2NFFrvq4x36xgc5OOVwVYsppMVsGm1G0FGPW1iC077V2g1ARjli57WKNO2ERVkImygrOt9pWzQFn7Y6v38O9AK6quogSTRFRJ8d8mQy2bf6fRvGpyKXrTvVJFlMnhsDoclmh00XGOi8elCxynnfPNrqysHE9qd/AZF9LE0EStCQxSLOgo4oBOAaDgGVc5/UMUNk47QOkTWXI6Y4yo9qAxCsZiWjlzgn9U7+F34cF45oHegJY4BEQtBQhdKY17y1xgTlmUPnnp0qWTr1mkIop1WHc5HLujMdHjuONKtNqi2f4KIKqS0O5FANOBdWc0SGGiykHpO5iotYSOosiuXNuBzTJHzTJbQVUFruoYI0rk+TYyUSZgGd2q6FylaareQ+WgWNR5RYIT7YKbJaSke9PHjEl/YFVigddbkJJ0JS7uSnrSpbtkogBNJgsIU1Eg6nkFIwBXq2b7NADUJEK7Qy7XQfCyDUSqI2SixHIiUdB9O4MQpSEt2TfWgdEOjn8hg5RbYGOPqDaeJxMlepwWldEm+QD1HrKyBFBJgWsH9aEVI3L3nd5Er/mtgkRzASDK+5h5ftyYuKTEFIUo4MvdYlZUvPkWyUYBcRyn2T5z2ivjL2qbbXO56lBhv8u1jkzUURyjDms7imijwGUnCIEGNRs4cbsOJaEyoDNvlpmqpoGZqKHVbNZYMFFPA4U8528BaWufAhpyorYrRDVWNA7+57KggY4G3tyJo1sVJirpFrPZ/BgMUF7ve7cYD38+/b8lSQpRwJcDd3oyKt58g2qGt6H/sz0A0qE6qAMSWn5E9ZSXP7dGiVb9khOOhyxt0QQpwFSLKLZAuOwNOyQuBcFTJbCWgDCHXz+BKMgUqTYCRLUpo96QyIlJAtYLv2KjAIjyylo0hfnnk0/enj/lIYUo4Mt3wZAWDW8+QKLWuRTVhXDmPYfDyB6wiCl/R1HbJyWhsnFCSprrmQQQ+6tEKeNAxSJRb3cM9c08WhD9iKIohSg44HkLkph7r5uUmjrrutvzU74mEcVilEzR8OYDJ6punU8HgxM11hjOd7FkIThMAV4qA+WjYC4B5qTsO307swgjp0+eWCSK5/mOBGmG/3bF+X2RIwoYqPcSE42XVjPXpqbmzpqVm5p6NSMRBXw5SwHZouHNAUXPDmzUOxMiw9nTg16eOxpuLhgxFWjcYeagAZXQ0CcHKc0EKdaIajwhZw/a9wK8+HOD/blqBIsfUTaJKLPxUuIT931427h7U3OXLLn4j0lLclP/V+YjCubLJUXcm+/huD0qZx7fz2bAmeM53ot1Ewkxqtz4atiDnm/oI2X7YOqgVvZVtXKMsomxPeqJYge/1xeitp8TO/mOwfuoajVRbuyjvswkPvHhVRNuzdTf9PufpD644gcM88UvPJg7Ph4TBXw5SyMVBfHmbnp32Abr5jfeeJNU/yzHvRQqexBMdS7XgW2iePYZnEXQzPWMPWEac0k2QhKhVuZIKRUJJqtQE/VRL0yp5nqAKvUbfFn4z1ZJtWhSq0oQU2qiaAGdd/yv/pOnNxj0+pycOZff/d6/GQYi9e6KazFRwD75nITFQfbmLJoLEnWMpslh7bX169efItTHKxgBuC5oswfXz05LIwUpmDI/cAg+kTOcvgRnujZw01XhEgVjVDIa7JqkUc8J5nnVwzDXC1N+c719UsCSRRHGeP9aOiDxS+MtmCiLj6+ycTMMgKacHP2Ev2R+96/MpYeXZzM//lfe1ZgowMsxKUVD9uZwOAxyBqAxS0z3LL8MkJpG2PCSfO/lgspSyUoLkuEUtx3CM70zCWSixKnYShkJaacaYsq7xuLLISibW+y6rmwxGbinPnvDzq7aJjnjWQ25DLzCaTrWiOL5E8qbCuWWjJLVJdxpCXWHxmJlPTJRkpvKH3eTHskwYc4dP/1hSdqf77v80fcn5OEYtUsVgE5ib05R/letLThRIbzXa2Sk6uWkeS9p0LsREPU6+YBnwTxv/xGiMy9XZn0vELqLeBfGCleyQGeuCjzSChZ7g04q9fXjTjEm6ulA9Y+opwIl4jUHWvmafVMj+Yjt6uwBMOeNg45RooeVbjm4bdKd5LJxv52B9ZU5H2Tm/elWZvWM6Tl5d/wdEUWp4xKL+NAAZAua+6SCD4jiKYDUbNJsrxf58U3EVZx/qKx8eWYYF6XqLsxYYtLcps0P4P6RPDarWvnTlYExymjZ2oQznE39WXoA4EGPUEQRoALwoMfQEaVee5DQwZ8WB+2jQEdRQhaIzx4Ty0pbyn736B8/g/ToL28zZOp/zZT8LOd9w8+nYKIoShm2aIrapY1Rux1sUGe+McTs8FSwIIVme62kEDUThKgbwwnzeMUdWsNixOvuAoKUu4gyEb+920Sh9Sz+g3YLTEfhdeZb++x2cWQJxKi2BBmoE0OVOC+CK12oGrkbLfc8/lWsx7Nv1htypjPGFe/rDQvK+rkq+JiDPTawr/Lm9csJtVtQkNpETEa9Doi6GLUfwElyFTqZI92IIwreKW477csjdCRE6lMsjEqLMw05v/jAYMj5ETOvn0RZNg7tzZn448BJxbcSlrJAG/VymjhK1MCDVJtvnfl5HqkxIp9yv5oo5qN3phv0099ZzjAPD+f/9eLr64e//z0UpV212FI7Yv9ShVIGjWideWMFUmT+BPrIPLXy8xcsXrwgP3/evPtH/wE6qiHW/wUYAHI9MXKXstGbAAAAAElFTkSuQmCC) !important;
  width: 27px;
  height: 27px;
}

.ke-icon-opts {
  background-position: 0px 0px;
}

.ke-icon-nn {
  background-position: -432px 0px;
}

.ke-icon-wn {
  background-position: -405px 0px;
}

.ke-icon-lwn {
  background-position: -324px 0px;
}

.ke-icon-rwn {
  background-position: -378px 0px;
}

.ke-icon-sn {
  background-position: -351px 0px;
}

.ke-icon-period {
  background-position: -54px 0px;
}

.ke-icon-comma {
  background-position: -27px 0px;
}

.ke-icon-chinesecomma {
  background-position: -81px 0px;
}

.ke-icon-colon {
  background-position: -216px 0px;
}

.ke-icon-semicolon {
  background-position: -135px 0px;
}

.ke-icon-parethesis {
  background-position: -108px 0px;
}

.ke-icon-mathbf {
  background-position: -189px 0px;
}

.ke-icon-mathrm {
  background-position: -162px 0px;
}

.ke-icon-inlineequation {
  background-position: -243px 0px;
}

.ke-icon-multilineequation {
  background-position: -270px 0px;
}

.ke-icon-split {
  background-position: -297px 0px;
}

.ke-icon-cases {
  background-position: -459px 0px;
}

.ke-icon-because {
  background-position: -486px 0px;
}

.ke-icon-therefore {
  background-position: -513px 0px;
}

.ke-icon-circlenum {
  background-position: -540px 0px;
}

.ke-icon-addshu {
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAbABsDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9OKKK5LxbPJH4y8Dokjokl7ch1ViA4FpMQCO/IB/CgTdjraKKKBhXM+JtLur3xX4QuoITJb2d3PJcOCMRq1rKgJ+rMB+NdNRQJq4UUUUDP//Z) !important;
  background-position: 0 0;
  width: 27px;
  height: 27px;
}

.ke-icon-wiki {
  background-image: url(data:image/png;base64,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) !important;
  width: 27px;
  height: 27px;
}

.ke-icon-sol {
  background-image: url(data:image/png;base64,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) !important;
  width: 27px;
  height: 27px;
}

.ke-icon-case {
  background-image: url(data:image/png;base64,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) !important;
  width: 27px;
  height: 27px;
}

.ke-icon-image {
  background-position: -567px 0px !important;
  width: 27px !important;
  height: 27px !important;
}

.kt-tree {
  position: relative;
}

.kt-tree .v-line {
  position: absolute;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: #595959;
  width: 1px;
}

.kt-tree .level-line {
  position: absolute;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #595959;
  width: 145px;
  height: 1px;
}

.kt-tree .h-line {
  position: absolute;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #595959;
  width: 25px;
  height: 1px;
}

.kt-content-wrapper {
  position: absolute;
  z-index: 99;
  background: #ebebeb;
  cursor: pointer;
}

.kt-content-wrapper a {
  color: #595959;
  white-space: nowrap;
}

.has-child a {
  color: #337ab7;
}

.kt-nav li {
  display: inline-block;
  cursor: pointer;
}

.kt-nav.nav-tabs > li.active > a {
  background: #ccc;
}

.kt-panel {
  position: relative;
  height: 100%;
}

.kt-panel .kt-tree-wrapper {
  position: relative;
  padding-top: 30px;
  min-height: 400px;
  overflow: auto;
  height: calc(100% - 83px);
}

.kt-panel .search-box {
  margin: 0 0 .5em 0;
  position: relative;
}

.kt-panel .search-box .btn {
  margin: 0 0 0 -1px !important;
}

.kt-panel .search-box .candidates {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 999;
  width: calc(100% - 6px);
  margin: 0 3px 0 3px;
  padding: .5em 0 1em 1.5em;
  border-radius: 4px;
  box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.4);
  background-color: white;
}

.kt-panel .search-box .candidate-item {
  font-size: 1.1em;
  line-height: 2.5;
  cursor: pointer;
  border-bottom: 1px solid #eaeaef;
}

.kt-panel .search-box .candidate-item:hover {
  background-color: #f8f8f8;
}

.kt-panel .search-box .candidate-item.active {
  background-color: #f8f8f8;
}

.last-click-tags {
  margin: 12px 0;
}

.last-click-tags .kt-content-wrapper {
  position: unset;
  cursor: default;
  display: inline-block;
}

.last-click-tags .kt-content-wrapper span {
  margin-right: 4px;
}

.last-click-tags .kt-content-wrapper.has-child {
  cursor: pointer;
}

#tag-panel {
  display: flex;
  height: calc(100vh - 54px - 90px - 35px);
}

@media (max-width: 480px) {
  #tag-panel {
    height: 100%;
    width: 100vw;
    flex-direction: column;
  }
}

#tag-panel .tag-view {
  flex: 0 0 540px;
  max-height: 100%;
  background-color: #f5f5f5;
  overflow-y: auto;
}

@media (max-width: 480px) {
  #tag-panel .tag-view {
    width: 100vw;
  }
}

#tag-panel .ktag-op-zone {
  top: 200px;
  right: 5px;
  display: flex;
  flex-direction: column;
}

#tag-panel .ktag-op-zone .btn {
  text-align: center;
  display: block;
  margin: .5em;
}

#tag-panel .tag-controller {
  flex: 1 1 auto;
  max-height: 100%;
  overflow-y: auto;
  padding: 12px;
}

#tag-panel .tag-controller .tech-target {
  margin-left: 56px;
}

@media (max-width: 480px) {
  #tag-panel .tag-controller .tech-target {
    margin-left: 0;
  }
}

#tag-panel .tag-controller .ktag-desc {
  margin-left: 4em;
}

@media (max-width: 480px) {
  #tag-panel .tag-controller .ktag-desc {
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  #tag-panel .tag-controller div[class="form-group"] {
    margin-left: 0;
    margin-right: 0;
  }
}

#tag-panel .related-wiki::after {
  content: "\E014";
  font-family: 'Glyphicons Halflings';
  color: red;
  float: right;
}

#tag-panel .related-wiki {
  margin-top: 1em;
}

#tag-panel .kt-items li {
  position: static;
}

#tag-panel #autocomplete-1 {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#tag-panel .mutli-line {
  height: initial;
  min-height: 34px;
}

.inner .node {
  max-width: 50%;
}

#ktag-desc-edit-modal .preview-zone,
#ktag-desc-edit-modal .input-zone {
  flex: 1 1 50%;
  padding: 0 1em;
  height: calc(100vh - 310px);
  overflow-y: auto;
}

#ktag-desc-edit-modal .editor-content {
  position: relative;
  height: 100%;
}

#ktag-desc-edit-modal .editor-content .shortcut-key {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #F0F0EE;
  padding: 2px 5px;
  text-align: left;
  overflow: hidden;
  zoom: 1;
}

#ktag-desc-edit-modal .editor-content .shortcut-key .ke-outline {
  border: 1px solid #F0F0EE;
  margin: 1px;
  padding: 1px 2px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  float: left;
}

#ktag-desc-edit-modal .editor-content .shortcut-key .ke-outline .shortcut-key-case {
  padding: 0 4px;
  font-size: 16px;
  font-weight: 400;
  display: block;
  line-height: 27px;
  text-align: center;
  background-color: #fff;
}

#ktag-desc-edit-modal .editor-content .btn + .btn {
  margin-left: 12px;
}

#ktag-desc-edit-modal textarea {
  height: 100%;
  padding-top: 40px;
}

#ktag-desc-edit-modal .modal-footer {
  text-align: right;
}

#ktag-desc-edit-modal .modal-footer .btn {
  min-width: 8em;
  margin-right: 4em;
}

#ktag-desc-edit-modal .modal-footer .tip {
  margin-top: 6px;
}

#ktag-desc-edit-modal .preview img {
  display: block;
  margin: auto;
}

.stars-group-wrapper ul {
  display: inline-block;
  color: gray;
  padding-left: 1em;
}

.stars-group-wrapper .star {
  color: #fff;
  cursor: pointer;
  font-size: 15px;
}

.stars-group-wrapper .star.selected {
  color: green;
}

.stars-group-wrapper > span {
  padding-left: .2em;
}

#item-tagging {
  display: flex;
  height: calc(100vh - 52px - 90px - 36px);
}

.item-pane {
  width: 50%;
  max-height: 100%;
  overflow-y: auto;
}

.item-pane .flow-info {
  display: table;
  border: 1px solid #468847;
  width: 100%;
  padding: 4px;
  margin-bottom: 10px;
}

.item-pane .flow-info .duplicate-item {
  display: table-cell;
  color: red;
  width: 50%;
  text-align: left;
  padding-left: 5px;
}

.item-pane .flow-info .flow-progress {
  display: table-cell;
  width: 50%;
  text-align: right;
  padding-right: 5px;
}

.kt-panel-pane {
  width: 50%;
  margin-left: 20px;
  height: 100%;
}

.abilities-wrapper > ul {
  padding-left: 0px;
}

.abilities-wrapper .ability-item {
  display: inline-block;
  margin-right: 10px;
}

.item-section {
  padding: 9px;
  border-radius: 3px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  cursor: pointer;
}

.current-section {
  border: 1px solid #468847;
  background: #e0f0e0;
  box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.075);
}

.ktagginginfo-group {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.ktagginginfo-group ul {
  list-style: none;
  padding-left: 0px;
}

.ktagginginfo-group li {
  margin-top: 5px;
}

.ktagginginfo-group .primary-ktag {
  font-weight: bold;
}

.ktagginginfo-wrapper {
  color: #62c924;
  margin-left: 10px;
}

.ktagginginfo-wrapper button {
  margin-right: 5px;
}

.qs-sections-wrapper {
  max-height: 500px;
  overflow: auto;
  margin-bottom: 30px;
}

.qs-sections-wrapper :last-child {
  margin-bottom: 0px;
}

.categories-wrapper {
  display: inline-block;
  margin-left: 30px;
}

.categories-wrapper label {
  margin-right: 20px;
}

.stem-editor.hidden {
  display: none;
}

#item-view {
  display: flex;
}

@media (max-width: 480px) {
  #item-view {
    padding: .5em 2rem;
    flex-direction: column;
  }
}

#item-view .item-display-wrapper {
  flex: 1 1 50%;
  margin-right: 2em;
}

#item-view .item-info {
  flex: 1 1 50%;
}

#item-view .item-info .btn {
  min-width: 4em;
}

#item-view .form-control {
  display: inline;
  width: 80%;
}

#item-view hr {
  border-color: #ccc;
}

@media (max-width: 480px) {
  .my-papers {
    width: 100vw;
    overflow: auto;
  }
}

#super-cluster-page .global-ops {
  top: 200px;
  right: 20px;
  display: flex;
  flex-direction: column;
}

#super-cluster-page .global-ops .btn {
  text-align: center;
  display: block;
  margin: .5em;
}

#super-cluster-page .field {
  display: flex;
}

#super-cluster-page .super-cluster {
  display: flex;
}

@media (max-width: 480px) {
  #super-cluster-page .super-cluster {
    flex-direction: column;
  }
}

#super-cluster-page .circles {
  height: calc(100vh - 54px - 90px - 35px);
  overflow-y: scroll;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

@media (max-width: 480px) {
  #super-cluster-page .circles {
    width: 100%;
    margin: 0;
  }
}

#super-cluster-page .circles > div {
  margin-bottom: 14px;
}

#super-cluster-page .circle {
  padding: 7px;
  border: thin dotted red;
  border-radius: 5px;
}

#super-cluster-page .circle > div {
  margin-bottom: 7px;
}

#super-cluster-page .deleted {
  background-color: #9da5b4;
}

#super-cluster-page .circle-operations .btn {
  margin-right: 20px;
}

#super-cluster-page .item {
  display: inline-block;
  text-align: center;
  padding: 7px;
  margin: 7px;
  border-radius: 4px;
  border: 1px solid #3fd0c9;
}

#super-cluster-page .item .content {
  cursor: pointer;
}

#super-cluster-page .item .btn {
  margin-left: 5px;
  min-width: 3em;
}

#super-cluster-page .item .btn .glyphicon {
  margin: 0;
}

#super-cluster-page .item.current {
  border-left: 4px solid orange;
  padding-left: 4px;
}

#super-cluster-page .item.in-same-hydra {
  border-left: 4px solid blue;
  padding-left: 4px;
}

#item-search {
  margin: 10px;
  padding: 10px;
  display: flex;
  position: relative;
}

@media (max-width: 480px) {
  #item-search {
    padding: 0;
    flex-direction: column;
  }

  #item-search .nav-justified {
    display: flex;
  }
}

#item-search .op-zone {
  flex: 0 0 26em;
}

#item-search .result-zone {
  flex: 1 1 auto;
  overflow: auto;
}

#item-search .tools-wrapper {
  margin: 1em 0em .5em 1em;
  overflow: auto;
}

#item-search .tools-wrapper .btn {
  margin-right: 1em;
}

#item-search .paperinfo-wrapper {
  overflow: hidden;
  margin-top: 2px;
}

#item-search .paperinfo-wrapper span.label {
  margin-right: 1em;
}

.search-panel dl {
  display: flex;
  line-height: 2.5em;
  margin-bottom: .5em;
}

.search-panel dt {
  width: 6em;
  text-align: right;
  margin-right: .5em;
  height: 2.5em;
  line-height: 2.5em;
}

.search-panel dd {
  width: 100%;
}

.search-btn-wrapper {
  text-align: center;
}

.item-type-selector {
  width: 18em;
}

.item-type-selector .btn {
  margin: 2px 2px;
}

.source-wrapper dd label {
  line-height: 2.5em;
  margin-right: .8em;
}

.keyword-wrapper dd input {
  border: 0px;
  line-height: 2em;
  border-bottom: 1px solid #ddd;
  background-color: #ebebeb;
  outline: 0;
  width: 18em;
}

.item-kt-wrapper .kt-tools {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.stars-group {
  padding-left: 0px;
  line-height: 2.5em;
}

.edu-tab-wrapper {
  margin-bottom: 1.5em;
}

.edu-tab-wrapper li {
  height: 1.5em;
  width: 10em;
}

.edu-tab-wrapper li a {
  padding: 5px 10px;
  cursor: pointer;
}

.kt-modal {
  position: fixed;
  width: 900px;
  min-height: 550px;
  height: 80vh;
  left: 50%;
  top: 10vh;
  transform: translateX(-50%);
  background-color: #ebebeb;
  border: 1px solid #ddd;
  z-index: 99;
  box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.5);
}

.kt-modal .btn {
  margin-right: 10px;
}

.kt-modal .body {
  padding: 20px;
  height: 100%;
}

.kt-modal .selected-panel {
  display: flex;
  margin-bottom: 1em;
}

.kt-modal .kt-panel-wrapper {
  height: calc(100% - 104px - 1em);
}

.kt-modal .selected-kt-wrapper {
  width: 70%;
  height: 104px;
  overflow-y: auto;
}

.kt-items {
  list-style: none;
  padding-left: 0px;
  margin-right: 1em;
}

.kt-items li {
  line-height: 2.3em;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  border-radius: 4px;
  margin-bottom: .5em;
  padding-left: 1em;
  position: relative;
}

.kt-items .tool-icon-wrapper {
  position: absolute;
  cursor: pointer;
  right: 1em;
}

.kt-items .glyphicon-remove {
  color: #a94442;
}

.items-wrapper {
  list-style: decimal;
}

.items-wrapper > li {
  position: relative;
  border-top: 1px dotted #ccc;
}

.items-wrapper .item-html-wrapper {
  cursor: pointer;
}

.show-auxiliary .auxiliary,
.show-auxiliary .tools-wrapper {
  display: block;
}

.hide-auxiliary .auxiliary,
.hide-auxiliary .tools-wrapper {
  display: none;
}

.star {
  cursor: pointer;
}

.star.selected {
  color: green;
}

#circle-modal,
#hydra-modal,
#super-cluster-modal {
  width: 800px;
}

#hydra-modal .circle .answer,
#hydra-modal .circle .explanation {
  display: none;
}

#hydra-page {
  max-width: 800px;
}

#hydra-page .item-wrapper {
  border: 1px solid #ccc;
  padding-left: 10px;
  border-radius: 5px;
}

#hydra-page .item-wrapper + .item-wrapper {
  margin-top: 1em;
}

#hydra-page .item-wrapper .op-zone {
  border-top: 1px solid #ccc;
}

#hydra-page .item-wrapper.current {
  border-left: 4px solid orange;
  padding-left: 7px;
}

#batchTagging .item-kt-wrapper .kt-tools {
  text-align: left;
}

#batchTagging .item-kt-wrapper li {
  display: inline-block;
  margin-right: 12px;
  padding: 0 26px 0 10px;
  text-align: center;
}

#batchTagging .item-kt-wrapper li .tool-icon-wrapper {
  right: 8px;
}

#batchTagging .item-kt-wrapper li.no-style {
  background-color: transparent;
  border: none;
  padding: 0;
}

#batchTagging .stars-group li {
  color: #ccc;
}

#batchTagging .stars-group-wrapper {
  margin-bottom: 0;
}

#batchTagging .stars-group-wrapper ul {
  margin: 0;
  line-height: unset;
}

#batchTagging .stars-group-wrapper .star.selected {
  color: green;
}

#batchTagging .auto-batch-tagging .stars-group-wrapper .star.selected {
  color: orange;
}

#batchTagging p:last-child {
  margin-bottom: 0;
}

#batchTagging td {
  vertical-align: middle;
}

#batchTagging .text-nowrap2 {
  word-break: break-all;
  overflow-wrap: break-word;
}

#batchTagging .text-nowrap2 img {
  display: none;
}

#batchTagging .hide-panel {
  display: none;
}

#batchTagging .hidden-item .has-tag {
  display: none;
}

#paper-view .paper-header {
  display: flex;
}

@media (max-width: 480px) {
  #paper-view .paper-header {
    flex-direction: column;
  }

  #paper-view .paper-header .form-group {
    margin: 0;
  }
}

#paper-view .paper-item-ids {
  flex: 0 0 22em;
  margin-right: 2em;
}

#paper-view .paper-metas {
  flex: 1 1 auto;
}

@media (max-width: 480px) {
  #paper-view .paper-metas {
    overflow: hidden;
    padding: 2px;
  }
}

#paper-view .paper-metas .province-select {
  height: 20em;
}

#paper-view .movable-op-zone {
  top: 110px;
  font-size: 8px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  text-align: center;
}

#paper-view .movable-op-zone .btn-group {
  margin: .5em 0;
}

#paper-view .big-modal {
  width: 90%;
  margin: 5em auto;
}

#paper-view #modal-container .op-zone {
  text-align: left;
}

#paper-view h1 {
  text-align: center;
}

@media print {
  #paper-view .item-display wiki,
  #paper-view .item-display .general-info,
  #paper-view .item-display .tagging,
  #paper-view .item-display .difficulty {
    display: none !important;
  }
}

#paper-view .paper-items .op-zone .btn {
  margin: .2em .5em;
  min-width: 6em;
}

@media (max-width: 480px) {
  #paper-view .paper-items tbody tr {
    display: flex;
    flex-direction: column;
  }
}

.omega-bt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-left: 16px;
}

.textbook-content {
  width: 100%;
}

.textbook-content label {
  position: relative;
  font-weight: normal;
  cursor: pointer;
}

.textbook-content .used {
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background-color: #d9d9d9;
  color: #767676;
  font-weight: bolder;
  vertical-align: middle;
  text-align: center;
  line-height: 18px;
  position: absolute;
  font-size: 12px;
  z-index: 1000;
}

.textbook-content .textbook-header {
  background-color: #f8f8f8;
  border: 1px solid #eaeaef;
  padding: 12px 20px;
  margin: 10px 0;
}

.textbook-content .textbook-header label {
  line-height: 24px;
  margin-right: 40px;
}

.textbook-content .textbook-header label:hover,
.textbook-content .textbook-header label.active {
  color: #3a81ff;
}

.textbook-content .textbook-header .used {
  right: -15px;
  top: -6px;
}

.textbook-content .chapter-container {
  width: 270px;
  min-height: 220px;
}

.textbook-content .chapter-container label {
  padding: 12px 20px 12px;
  width: 100%;
  margin: 0;
  display: flex;
  min-height: 38px;
}

.textbook-content .chapter-container label::after {
  display: inline-block;
  flex: 0 0 11px;
  content: ' ';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALCAYAAABcUvyWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjJDMzk3MDBCQUIxMTFFNjhDQjk4MEIwMjZCQzUxQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDMzk3MDFCQUIxMTFFNjhDQjk4MEIwMjZCQzUxQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkMzOTZGRUJBQjExMUU2OENCOTgwQjAyNkJDNTFBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkMzOTZGRkJBQjExMUU2OENCOTgwQjAyNkJDNTFBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpsGx38AAAA1SURBVHjaYggNDf0PBAzoGExgk4Qz0CVRVCFLYpgNk2TAZjFIkjgdWO3A6iqs/sDlc4AAAwBQQbpGIQCGxAAAAABJRU5ErkJggg==) no-repeat center center;
}

.textbook-content .chapter-container label:hover,
.textbook-content .chapter-container label.active {
  color: #3a81ff;
  background-color: #f8f8f8;
}

.textbook-content .chapter-container label:hover::after,
.textbook-content .chapter-container label.active::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALCAYAAABcUvyWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDMxNkNBMjNCQUIxMTFFNjhDQjk4MEIwMjZCQzUxQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDMxNkNBMjRCQUIxMTFFNjhDQjk4MEIwMjZCQzUxQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMzE2Q0EyMUJBQjExMUU2OENCOTgwQjAyNkJDNTFBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMzE2Q0EyMkJBQjExMUU2OENCOTgwQjAyNkJDNTFBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgIEYlgAAAA3SURBVHjaYrBq/A8CDOgYTGCThDPQJVFUIUtimA2TZATLogHrJob/OHUQtgOrq7D6A5fPAQIMALVTtV9gvGIpAAAAAElFTkSuQmCC) no-repeat center center;
}

.textbook-content .chapter-container .title {
  display: inline-block;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.textbook-content .chapter-container .used {
  right: 0;
  top: 0;
}

.textbook-content .textbook-tree {
  border: 1px solid #eaeaef;
  display: flex;
}

.textbook-content .textbook-tree .leaf-container {
  width: 100%;
  flex: 0 1 auto;
  border-left: 1px solid #eaeaef;
  background-color: #f8f8f8;
  position: relative;
}

.textbook-content .textbook-tree .leaf-container p {
  margin: 10px 20px;
  cursor: pointer;
}

.textbook-content .textbook-tree .leaf-container input {
  margin-right: 6px;
}

.textbook-content .textbook-tree .leaf-container .chapter-select {
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
  z-index: 1000;
}

.textbook-progress select {
  font-size: 14px;
  padding: 10px 37px 10px 20px;
  margin-right: 10px;
  cursor: pointer;
  appearance: none;
  border: 1px solid #eaeaef;
  border-radius: 4px;
}

#omega-paper-input-page {
  display: flex;
}

#omega-paper-input-page stem,
#omega-paper-input-page opt,
#omega-paper-input-page .auxiliary {
  border: 1px dashed grey;
}

#omega-paper-input-page .omega-paper-preview-pane {
  flex: 1 1 50%;
  margin-right: 2em;
  max-height: calc(100vh - 54px - 90px - 35px);
  overflow-y: auto;
}

#omega-paper-input-page .omega-paper-input-pane {
  flex: 1 1 50%;
  max-height: calc(100vh - 54px - 90px - 35px);
  overflow-y: auto;
}

#omega-paper-input-page .item-input-pane .item-input-wrapper {
  margin: 2em auto;
}

#omega-paper-input-page .item-extra-switcher {
  margin: 1em auto;
}

#omega-paper-input-page .item-extra-switcher .btn.active {
  background-color: #337ab7;
}

#omega-paper-input-page .op-zone {
  top: 200px;
  right: 5px;
  display: flex;
  flex-direction: column;
}

#omega-paper-input-page .op-zone .btn {
  display: block;
  margin: .5em;
}

#paper-list-page th {
  line-height: 30px;
}

#paper-list-page .clearfix {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#paper-list-page .clearfix::after {
  content: none;
}

#paper-list-page .clearfix::before {
  content: none;
}

#paper-list-page .clearfix .opt-btn {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}

@media (max-width: 480px) {
  #paper-list-page {
    overflow-x: auto;
  }

  #paper-list-page .clearfix {
    display: flex;
    align-items: center;
    gap: 4px;
  }
}

/* 常量定义及公共函数 */

#prepare-paper {
  width: 900px;
  margin: 0 auto;
}

@media (max-width: 480px) {
  #prepare-paper {
    margin-top: 20px;
    width: 80%;
  }
}

#prepare-paper .info-icon {
  display: inline-block;
  padding: 0 5px;
  cursor: pointer;
}

#prepare-paper .table {
  margin-bottom: 0;
}

#prepare-paper .table thead,
#prepare-paper .table tbody,
#prepare-paper .table td {
  border: none;
}

#prepare-paper .table tr {
  margin-top: 1px;
  border-top: 1px solid #eaeaef;
  border-bottom: 1px solid #eaeaef;
}

#prepare-paper .table tr:first-child {
  border: none;
}

#prepare-paper .table td {
  vertical-align: middle;
}

#prepare-paper .table td .form-control {
  display: inline-block;
  width: 60px;
}

#prepare-paper .item-class-switcher {
  display: inline-block;
}

/* 常量定义及公共函数 */

#paper-page {
  width: 900px;
  margin: 0 auto;
}

#paper-page .block {
  padding: 30px 30px 1px;
  background-color: white;
}

#paper-page .auxiliary {
  background-color: #f8f8f8;
  display: none;
}

#paper-page .section + .section {
  margin-top: 30px;
}

#paper-page ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#paper-page .switch-a {
  display: inline-block;
  width: 140px;
  border: 1px solid #eaeaef;
  color: #888;
  border-radius: 4px;
  line-height: 34px;
  overflow: hidden;
  margin-right: 10px;
  background: #fff;
  z-index: 99;
}

#paper-page .switch-a a {
  width: 50%;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

#paper-page .switch-a a.active {
  color: #fff;
  background-color: #3a81ff;
}

#paper-page .switch-a a + a {
  border-left: 1px solid #eaeaef;
}

#paper-page .switch-a .print-icon {
  margin-right: 6px;
}

#paper-page .paper-name-container {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: relative;
}

#paper-page .paper-name-container:hover .input-paper-name-normal {
  display: block;
}

#paper-page .paper-name-container .input-paper-name-normal,
#paper-page .paper-name-container .input-paper-name-edit {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 14px;
  text-align: center;
  left: 0;
  top: 0;
  border: 1px solid #9dc0fd;
  color: #9dc0fd;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  cursor: pointer;
}

#paper-page .paper-name-container .input-paper-name-edit {
  background-color: #fff;
  color: #555;
  display: block;
}

#paper-page .tag-container + .tag-container {
  margin-top: 20px;
}

#paper-page .s-title {
  font-weight: bold;
  margin: 0 0 20px -10px;
  border-left: 4px solid #3a81ff;
  padding-left: 5px;
}

#paper-page .papers-nav {
  display: flex;
}

#paper-page .papers-nav > a {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#paper-page .papers-nav > a:hover {
  color: #3a81ff;
}

#paper-page .s-body {
  margin-top: 20px;
  padding: 0;
}

#paper-page .s-body.planning a,
#paper-page .s-body.planning span {
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  background-color: #fafafa;
  text-align: center;
  color: #888;
  border-radius: 20px;
}

#paper-page .s-body.planning a.active,
#paper-page .s-body.planning span.active {
  color: #555;
  background-color: #f3f3f3;
}

#paper-page .s-body.eps {
  border: 1px solid #eaeaef;
  padding-top: 20px;
}

@media print {
  #paper-page .s-body.eps {
    border: none;
  }
}

#paper-page .paper-name,
#paper-page .paper-grade {
  margin: 40px 0 30px 0;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}

@media print {
  #paper-page .paper-name,
  #paper-page .paper-grade {
    margin: 1em 0;
  }
}

#paper-page table th {
  padding: 7px 7px 7px 20px;
  line-height: 24px;
  background-color: #f8f8f8;
}

#paper-page table tr {
  cursor: default;
}

#paper-page table tr:hover {
  background-color: #fff;
}

#paper-page table td {
  padding: 7px 7px 7px 20px;
  line-height: 24px;
}

#paper-page table td pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  line-height: 26px;
  margin: 0;
  padding: 0;
  background: initial;
  border: none;
}

#paper-page .part-item-list {
  margin-top: 20px;
  padding-left: 40px;
}

#paper-page .part-item-list > li {
  padding-bottom: 32px;
  border: 1px solid #fff;
}

#paper-page .paper-border {
  border: 1px solid #fff;
}

#paper-page .item-wrap {
  border: 1px solid #fff;
}

#paper-page .item-wrap.edit {
  cursor: pointer;
}

#paper-page .item-wrap.edit:hover {
  border: 1px solid #9cc0ff;
}

#paper-page .item-wrap.edit.active {
  border: 1px solid #3a81ff !important;
}

#paper-page .item-wrap.edit.active .auxiliary {
  display: block;
}

#paper-page .setting {
  margin-top: 12px;
  border-radius: 4px;
  border: 1px solid #eaeaef;
}

#paper-page .setting .desc-wrap {
  border-bottom: 1px solid #eaeaef;
  padding: 12px 20px;
}

#paper-page .setting .btns {
  right: 9px;
  bottom: 10px;
  line-height: 40px;
  text-align: right;
  background-color: #f8f8f8;
  padding: 0 20px;
}

#paper-page .setting .btns button {
  text-align: center;
  width: 74px;
  line-height: 18px;
  padding-left: 8px;
  border-radius: 2px;
  margin-left: 8px;
}

#paper-page .setting .btns button.btn-frist {
  background: #fff;
  border: 1px solid #3a81ff;
  color: #3a81ff;
}

#paper-page .setting .item-tag-wrap {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

#paper-page .setting .item-tag-wrap > span {
  flex-grow: 0;
  line-height: 30px;
}

#paper-page .setting .add-tags {
  display: inline-block;
  color: #3a81ff;
  padding-left: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM3QTlCQzJEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM3QTlCQzNEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzdBOUJDMEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzdBOUJDMUQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PszJD0AAAAAnSURBVHjaYrRq/M+ABGAcRpgAEwMBQFABC5Kx2KwizgRG2joSIMAAR0wFzTNfX/YAAAAASUVORK5CYII=) no-repeat left;
  cursor: pointer;
}

#paper-page .setting .add-tags:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM3QTlCQzZEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM3QTlCQzdEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzdBOUJDNEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzdBOUJDNUQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiA1aJgAAAAoSURBVHjaYpSLfMeABP5DaUaYABMDAUBQAQuSsdisIs4ERto6EiDAAPA0BXjPYmadAAAAAElFTkSuQmCC);
  text-decoration: underline;
}

#paper-page .setting .difficulty-container {
  display: inline-block;
  margin-left: 0;
}

#paper-page .setting .ktag-results-ul {
  flex: 1;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

#paper-page .setting .ktag-results-ul li {
  margin-right: 16px;
}

#paper-page .setting .ktag-results-li {
  list-style: none;
  position: relative;
  display: inline-block;
  background-color: #f8f8f8;
  padding-left: 8px;
  line-height: 28px;
  border: 1px solid #eaeaef;
  width: 199px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #888;
}

#paper-page .setting .ktag-results-li .selected-tag-del {
  color: red;
  height: 30px;
  line-height: 30px;
  float: right;
  cursor: pointer;
  top: 0;
}

#paper-page .btn-up,
#paper-page .btn-down {
  border: 1px solid #eaeaef;
  color: #888;
  padding: 4px 0;
  background-color: transparent;
  font-size: 14px;
  cursor: pointer;
}

#paper-page .btn-up:hover,
#paper-page .btn-down:hover {
  background-color: #eaeaef;
}

#paper-page .btn-up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjZCQzBBNUZFNUZFMTFFNkI4RTM5NDRBOThBMDU2MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjZCQzBBNjBFNUZFMTFFNkI4RTM5NDRBOThBMDU2MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNkJDMEE1REU1RkUxMUU2QjhFMzk0NEE5OEEwNTYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNkJDMEE1RUU1RkUxMUU2QjhFMzk0NEE5OEEwNTYwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoMKpAoAAABfSURBVHjaYvz//z8DCHR2dloAqeNAbFVeXg6iGZiQJFYyQMAKIN8SxGDm5OS0hEpEAnEyEHuCFBw9evQkSGceSAJo1DGQaqiREWBxkJ0w3NHR8R+Zz8SABwwtSYAAAwCqJy03dbIZfQAAAABJRU5ErkJggg==) no-repeat 15px 6px;
}

#paper-page .btn-down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjZCQzBBNUJFNUZFMTFFNkI4RTM5NDRBOThBMDU2MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjZCQzBBNUNFNUZFMTFFNkI4RTM5NDRBOThBMDU2MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNkJDMEE1OUU1RkUxMUU2QjhFMzk0NEE5OEEwNTYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNkJDMEE1QUU1RkUxMUU2QjhFMzk0NEE5OEEwNTYwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkwNS2wAAABgSURBVHjaYvj//z8DDHd0dPxH5jMx4AFDS5Kls7NzGZCeXF5efhwmCBSzAFL5jECPWwIZK4A4EoiPAjGIvxLEZwSFBFTlKiCWBeLHQBwBNOkYWBLJKJDR1iAJkBhAgAEAXAwxqTkZXuMAAAAASUVORK5CYII=) no-repeat 15px 6px;
}

#paper-page .part-name {
  border-left: 2px solid #3a81ff;
  background-color: rgba(58, 129, 155, 0.1);
  border-top-right-radius: 4px;
  padding: 10px 20px;
  color: #3a81ff;
  font-weight: bold;
  display: inline-block;
  margin-left: -4px;
}

#paper-page .tag-info {
  padding: 20px 60px 0 16px;
}

#paper-page .tag-desc-container {
  display: flex;
}

#paper-page .tag-desc-title {
  font-weight: bold;
  line-height: 1.5;
  flex: 0 0 4em;
}

#paper-page .tag-desc {
  flex: 1 1 auto;
}

#paper-page .border {
  border: 1px solid #eaeaef;
}

#paper-page.teacher .auxiliary {
  display: block;
}

#paper-page.student .tagging {
  display: none;
}

#paper-page.student .answer,
#paper-page.student .explanation {
  display: none;
}

#paper-page.student .only-answer .question {
  display: none;
}

#paper-page.student .only-answer .answer {
  display: block;
  margin-top: -2em;
}

#paper-page.student .only-answer .item-link {
  display: none;
}

@media print {
  #paper-page.student .eps .paper-item {
    padding-bottom: 15em;
  }
}

#paper-page .paper-op-zone {
  position: fixed;
  top: 16%;
  right: 5px;
  width: 250px;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 1em 0;
  display: block;
}

@media (max-width: 480px) {
  #paper-page .paper-op-zone {
    display: none;
  }
}

#paper-page .paper-op-zone .btn-group {
  margin: .5em 0;
}

#paper-page .flex .btn-group {
  display: flex;
  justify-content: center;
}

.plans-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plans-nav div:nth-child(1) {
  display: flex;
  gap: 20px;
}

.plans-nav div:nth-child(1) .checkbox-inline + .checkbox-inline,
.plans-nav div:nth-child(1) .radio-inline + .radio-inline {
  margin: 0;
}

.plans-nav div:nth-child(2) {
  display: flex;
  gap: 1em;
  align-items: center;
}

#paper-wrap {
  padding: 12px 12px 0 12px;
}

#paper-wrap .col-666 {
  color: #666;
}

#paper-wrap .fleft {
  float: left;
}

#paper-wrap .fright {
  float: right;
}

#paper-wrap .text-overflow {
  width: 170px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

#paper-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#paper-wrap .ex-parts {
  padding: 12px 0;
  max-height: 480px;
  overflow-y: auto;
}

#paper-wrap .ex-parts .ktag-item {
  padding: 0 12px;
  border-radius: 6px;
}

#paper-wrap .ex-parts .clearfix {
  display: flex;
}

#paper-wrap .ex-parts .clearfix::before {
  display: none;
}

#paper-wrap .ex-parts .clearfix .fright {
  display: flex;
  align-items: center;
}

#paper-wrap .sortable-chosen {
  background-color: #f8f8f8;
  border: 1px solid #eaeaef;
}

#paper-wrap .paper-items {
  min-height: 40px;
  margin-top: 10px;
  display: flex;
  flex-flow: wrap;
  align-items: center;
}

#paper-wrap .paper-items li {
  float: left;
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #008afb;
  border-radius: 3px;
  background-color: #fff;
  color: #008afb;
  margin-right: 9px;
  margin-bottom: 10px;
}

#paper-wrap .glyphicon-trash {
  color: #666;
  cursor: pointer;
}

#paper-wrap .glyphicon-trash:hover {
  color: #f00;
}

#paper-wrap .paper-sort {
  margin-left: 16px;
  position: relative;
}

#paper-wrap .paper-sort:hover {
  color: #337ab7;
}

#paper-wrap .paper-sort:hover ul {
  display: block;
}

#paper-wrap .paper-sort ul {
  display: none;
  border: 1px solid #dadada;
  border-radius: 3px;
  width: 100px;
  position: absolute;
  right: 0;
  bottom: -50px;
  background-color: #fff;
  z-index: 2;
}

#paper-wrap .paper-sort ul li {
  cursor: pointer;
  color: #666;
  border-bottom: 1px solid #dadada;
  padding: 2px 6px;
}

#users-list {
  background: #fff;
  border: 1px solid #eaeaef;
  border-radius: 4px;
  padding: 0em;
}

#users-list .table {
  border: 1px solid #eaeaef;
  background: #fff;
  border-radius: 4px;
  margin-top: 0em;
}

#users-list .table > thead > tr > th {
  border-bottom: 1px solid #eaeaef;
  height: 3.85em;
  vertical-align: middle;
  color: #555;
  font-weight: normal;
}

#users-list .table > tbody > tr > td {
  color: #555;
  border-width: 0px;
  height: 4em;
  vertical-align: middle;
}

#users-list .table thead > tr > th:first-child {
  padding-left: 2.57em;
}

#users-list .table tbody > tr > td:first-child {
  padding-left: 2.57em;
}

#users-list .table tbody tr:nth-child(even) {
  background: #f8f8fa;
}

#users-list .glyphicon-user {
  margin-right: 10px;
}

#users-list .userlist-container table a {
  color: #333;
}

#users-list .userlist-container table .permissions-container span {
  margin-right: 6px;
}

#users-list .btn {
  background: #4d77ee;
  border-color: #3559be;
  width: 5.71em;
  margin: 1em;
}

#users-list .btn:hover {
  background: #325ccf;
  border-color: #3250a4;
}

#users-list .table {
  margin-bottom: 0em;
}

#users-list .text-left {
  text-align: left !important;
}

#recent-op-logs {
  width: 100vw;
  overflow: hidden;
}

#user-statistics {
  text-align: left;
}

@media (max-width: 480px) {
  #user-statistics {
    width: 100vw;
    overflow: hidden;
  }
}

#user-statistics .date-range-form .form-group {
  margin-right: 2em;
}

#user-statistics .search-bar-wrapper {
  margin: 20px 0;
}

#user-statistics .search-bar-wrapper + div {
  overflow-y: auto;
}

#user-statistics .search-bar-wrapper button {
  margin-left: 20px;
}

@media (max-width: 480px) {
  #user-statistics .search-bar-wrapper button {
    margin-left: 0;
  }
}

#user-statistics .search-bar-wrapper form[class="form-inline date-range-form"] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 480px) {
  #user-statistics .search-bar-wrapper form[class="form-inline date-range-form"] div[class="form-group"] {
    width: 90vw;
  }
}

#my-recent-op-logs,
#user-recent-op-logs {
  width: 1100px;
  margin: auto;
}

#userinfo-form {
  background: #fff;
  border: 1px solid #eaeaef;
  border-radius: 4px;
  padding: 2.57em 0em;
}

#userinfo-form .text-left {
  text-align: left;
}

#userinfo-form .btn {
  background: #4d77ee;
  border-color: #3559be;
  width: 5.71em;
}

#userinfo-form .btn:hover {
  background: #325ccf;
  border-color: #3250a4;
}

#userinfo-form .btn.disabled {
  background: #acacac;
  border-color: #c4c4c4;
}

#login-form {
  max-width: 21.42em;
  margin: 3.3em auto 0 auto;
  color: #555;
}

#login-form .form-row {
  margin: .71em auto;
}

#login-form .form-controls {
  text-align: right;
}

#login-form .btn {
  width: 100%;
  background: #4d77ee;
  border-color: #3559be;
  font-size: 14px;
  height: 2.71em;
  margin-top: 1em;
}

#login-form .btn:hover {
  background: #325ccf;
  border-color: #3250a4;
}

#login-form .form-control {
  height: 2.71em;
}

#login-form input[type="password"] {
  color: #bebebe;
}

#login-form .forget-pass {
  margin-top: 1.3em;
  text-align: right;
}

#login-page .login-header {
  height: 25em;
  background-color: #315ea3;
  background-image: url(/static/img/pc_banner.f24949e4.jpg);
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#login-page .logo-wrapper {
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  color: white;
}

#login-page .sys-name-wrapper {
  position: relative;
  text-align: center;
  color: white;
  font-size: 48px;
  font-weight: bold;
}

#login-page .login-body {
  padding-top: 1.75em;
  height: 40%;
}

@media (max-width: 480px) {
  #login-page .login-body {
    padding-top: 40px;
  }
}

@media (max-width: 480px) {
  #login-page .login-header {
    background-image: url(/static/img/mobile_banner.2b54217f.jpg);
    background-repeat: no-repeat;
    background-color: #315ea3;
    height: 19.85em;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  #login-page .logo-wrapper {
    text-align: center;
    font-size: 36px;
    font-weight: 540;
    color: white;
  }

  #login-page .sys-name-wrapper {
    text-align: center;
    color: white;
    font-size: 36px;
    font-weight: 540;
  }
}

.login-main {
  min-width: 100%;
  max-width: 100%;
  margin: auto;
  height: calc(100vh - 90px);
  min-height: 687px;
  background: #f4f5f8;
}

@media (max-width: 480px) {
  .login-main {
    min-height: 0px;
    height: 95vh;
  }
}

#feedbacks-page .feedback {
  max-width: 1024px;
  margin: auto;
  line-height: 2;
}

#feedbacks-page .feedback + .feedback {
  margin-top: 1em;
}

#feedbacks-page .feedback .panel .feedback-header,
#feedbacks-page .feedback .panel .feedback-desc,
#feedbacks-page .feedback .panel .feedback-reply {
  padding: .5em 0;
}

#feedbacks-page .feedback .feedback-header {
  color: #555;
}

#feedbacks-page .feedback .feedback-header,
#feedbacks-page .feedback .feedback-desc {
  border-bottom: 1px solid #ccc;
}

#feedbacks-page .feedback .field {
  display: inline-block;
  min-width: 20em;
}

#feedbacks-page .feedback .feedback-reply .op-zone {
  text-align: right;
}

#plan-list-page th {
  line-height: 30px;
}

@media (max-width: 480px) {
  #plan-list-page {
    overflow-x: scroll;
  }
}

/* 常量定义及公共函数 */

#prepare-plan {
  width: 900px;
  margin: 0 auto;
}

#prepare-plan .info-icon {
  display: inline-block;
  padding: 0 5px;
  cursor: pointer;
}

#prepare-plan .table {
  margin-bottom: 0;
}

#prepare-plan .table thead,
#prepare-plan .table tbody,
#prepare-plan .table td {
  border: none;
}

#prepare-plan .table tr {
  margin-top: 1px;
  border-top: 1px solid #eaeaef;
  border-bottom: 1px solid #eaeaef;
}

#prepare-plan .table tr:first-child {
  border: none;
}

#prepare-plan .table td {
  vertical-align: middle;
}

#prepare-plan .table td .form-control {
  display: inline-block;
  width: 60px;
}

#prepare-plan .item-class-switcher {
  display: inline-block;
}

#item-setting-modal .table td {
  vertical-align: middle;
}

#item-setting-modal .table td .form-control {
  display: inline-block;
  width: 60px;
}

/* 常量定义及公共函数 */

#omega-plan {
  width: 900px;
  margin: 0 auto;
}

#omega-plan .block {
  padding: 30px 30px 1px;
  background-color: white;
}

#omega-plan .auxiliary {
  background-color: #f8f8f8;
  display: none;
}

#omega-plan .section + .section {
  margin-top: 30px;
}

#omega-plan .switch-a {
  display: inline-block;
  width: 140px;
  border: 1px solid #eaeaef;
  color: #888;
  border-radius: 4px;
  line-height: 34px;
  overflow: hidden;
  margin-right: 10px;
  background: #fff;
  z-index: 99;
}

#omega-plan .switch-a a {
  width: 50%;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

#omega-plan .switch-a a.active {
  color: #fff;
  background-color: #3a81ff;
}

#omega-plan .switch-a a + a {
  border-left: 1px solid #eaeaef;
}

#omega-plan .switch-a .print-icon {
  margin-right: 6px;
}

#omega-plan .plan-name-container {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: relative;
}

#omega-plan .plan-name-container:hover .input-plan-name-normal {
  display: block;
}

#omega-plan .plan-name-container .input-plan-name-normal,
#omega-plan .plan-name-container .input-plan-name-edit {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 14px;
  text-align: center;
  left: 0;
  top: 0;
  border: 1px solid #9dc0fd;
  color: #9dc0fd;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  cursor: pointer;
}

#omega-plan .plan-name-container .input-plan-name-edit {
  background-color: #fff;
  color: #555;
  display: block;
}

#omega-plan .tag-container + .tag-container {
  margin-top: 20px;
}

#omega-plan .s-title {
  font-weight: bold;
  margin: 0 0 20px -10px;
  border-left: 4px solid #3a81ff;
  padding-left: 5px;
}

#omega-plan .plans-nav {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 480px) {
  #omega-plan .plans-nav {
    width: 400vw;
  }
}

#omega-plan .plans-nav > a {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#omega-plan .plans-nav > a:hover {
  color: #3a81ff;
}

#omega-plan .s-body {
  margin-top: 20px;
  padding: 0;
}

#omega-plan .s-body.planning a,
#omega-plan .s-body.planning span {
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  background-color: #fafafa;
  text-align: center;
  color: #888;
  border-radius: 20px;
}

#omega-plan .s-body.planning a.active,
#omega-plan .s-body.planning span.active {
  color: #555;
  background-color: #f3f3f3;
}

#omega-plan .s-body.eps {
  border: 1px solid #eaeaef;
  padding-top: 20px;
}

@media print {
  #omega-plan .s-body.eps {
    border: none;
  }
}

#omega-plan .plan-name,
#omega-plan .plan-grade {
  margin: 40px 0 30px 0;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}

@media print {
  #omega-plan .plan-name,
  #omega-plan .plan-grade {
    margin: 1em 0;
  }
}

#omega-plan table th {
  padding: 7px 7px 7px 20px;
  line-height: 24px;
  background-color: #f8f8f8;
}

#omega-plan table tr {
  cursor: default;
}

#omega-plan table tr:hover {
  background-color: #fff;
}

#omega-plan table td {
  padding: 7px 7px 7px 20px;
  line-height: 24px;
}

#omega-plan table td pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  line-height: 26px;
  margin: 0;
  padding: 0;
  background: initial;
  border: none;
}

#omega-plan .part-body {
  margin-top: 20px;
  padding-left: 40px;
}

#omega-plan .part-body > li {
  padding-bottom: 32px;
  border: 1px solid #fff;
}

#omega-plan .paper-border {
  border: 1px solid #fff;
}

#omega-plan .item-wrap {
  border: 1px solid #fff;
}

#omega-plan .item-wrap.edit {
  cursor: pointer;
}

#omega-plan .item-wrap.edit:hover {
  border: 1px solid #9cc0ff;
}

#omega-plan .item-wrap.edit.active {
  border: 1px solid #3a81ff !important;
}

#omega-plan .item-wrap.edit.active .auxiliary {
  display: block;
}

#omega-plan .setting {
  margin-top: 12px;
  border-radius: 4px;
  border: 1px solid #eaeaef;
}

#omega-plan .setting .desc-wrap {
  border-bottom: 1px solid #eaeaef;
  padding: 12px 20px;
}

#omega-plan .setting .btns {
  right: 9px;
  bottom: 10px;
  line-height: 40px;
  text-align: right;
  background-color: #f8f8f8;
  padding: 0 20px;
}

#omega-plan .setting .btns button {
  text-align: center;
  width: 74px;
  line-height: 18px;
  padding-left: 8px;
  border-radius: 2px;
  margin-left: 8px;
}

#omega-plan .setting .btns button.btn-frist {
  background: #fff;
  border: 1px solid #3a81ff;
  color: #3a81ff;
}

#omega-plan .setting .item-tag-wrap {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

#omega-plan .setting .item-tag-wrap > span {
  flex-grow: 0;
  line-height: 30px;
}

#omega-plan .setting .add-tags {
  display: inline-block;
  color: #3a81ff;
  padding-left: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM3QTlCQzJEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM3QTlCQzNEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzdBOUJDMEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzdBOUJDMUQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PszJD0AAAAAnSURBVHjaYrRq/M+ABGAcRpgAEwMBQFABC5Kx2KwizgRG2joSIMAAR0wFzTNfX/YAAAAASUVORK5CYII=) no-repeat left;
  cursor: pointer;
}

#omega-plan .setting .add-tags:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM3QTlCQzZEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM3QTlCQzdEMTUyMTFFNkIxMkJFNUM2MzIwQjU4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzdBOUJDNEQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzdBOUJDNUQxNTIxMUU2QjEyQkU1QzYzMjBCNTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiA1aJgAAAAoSURBVHjaYpSLfMeABP5DaUaYABMDAUBQAQuSsdisIs4ERto6EiDAAPA0BXjPYmadAAAAAElFTkSuQmCC);
  text-decoration: underline;
}

#omega-plan .setting .difficulty-container {
  display: inline-block;
  margin-left: 0;
}

#omega-plan .setting .ktag-results-ul {
  flex: 1;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

#omega-plan .setting .ktag-results-ul li {
  margin-right: 16px;
}

#omega-plan .setting .ktag-results-li {
  list-style: none;
  position: relative;
  display: inline-block;
  background-color: #f8f8f8;
  padding-left: 8px;
  line-height: 28px;
  border: 1px solid #eaeaef;
  width: 199px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #888;
}

#omega-plan .setting .ktag-results-li .selected-tag-del {
  color: red;
  height: 30px;
  line-height: 30px;
  float: right;
  cursor: pointer;
  top: 0;
}

#omega-plan .btn-up,
#omega-plan .btn-down {
  border: 1px solid #eaeaef;
  color: #888;
  padding: 4px 0;
  background-color: transparent;
  font-size: 14px;
  cursor: pointer;
}

#omega-plan .btn-up:hover,
#omega-plan .btn-down:hover {
  background-color: #eaeaef;
}

#omega-plan .btn-up {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjZCQzBBNUZFNUZFMTFFNkI4RTM5NDRBOThBMDU2MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjZCQzBBNjBFNUZFMTFFNkI4RTM5NDRBOThBMDU2MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNkJDMEE1REU1RkUxMUU2QjhFMzk0NEE5OEEwNTYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNkJDMEE1RUU1RkUxMUU2QjhFMzk0NEE5OEEwNTYwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoMKpAoAAABfSURBVHjaYvz//z8DCHR2dloAqeNAbFVeXg6iGZiQJFYyQMAKIN8SxGDm5OS0hEpEAnEyEHuCFBw9evQkSGceSAJo1DGQaqiREWBxkJ0w3NHR8R+Zz8SABwwtSYAAAwCqJy03dbIZfQAAAABJRU5ErkJggg==) no-repeat 15px 6px;
}

#omega-plan .btn-down {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjZCQzBBNUJFNUZFMTFFNkI4RTM5NDRBOThBMDU2MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjZCQzBBNUNFNUZFMTFFNkI4RTM5NDRBOThBMDU2MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNkJDMEE1OUU1RkUxMUU2QjhFMzk0NEE5OEEwNTYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNkJDMEE1QUU1RkUxMUU2QjhFMzk0NEE5OEEwNTYwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkwNS2wAAABgSURBVHjaYvj//z8DDHd0dPxH5jMx4AFDS5Kls7NzGZCeXF5efhwmCBSzAFL5jECPWwIZK4A4EoiPAjGIvxLEZwSFBFTlKiCWBeLHQBwBNOkYWBLJKJDR1iAJkBhAgAEAXAwxqTkZXuMAAAAASUVORK5CYII=) no-repeat 15px 6px;
}

#omega-plan .tag-name {
  border-left: 2px solid #3a81ff;
  background-color: rgba(58, 129, 155, 0.1);
  border-top-right-radius: 4px;
  padding: 10px 20px;
  color: #3a81ff;
  font-weight: bold;
  display: inline-block;
  margin-left: -4px;
}

#omega-plan .tag-info {
  padding: 20px 60px 0 16px;
}

#omega-plan .tag-desc-container {
  display: flex;
}

#omega-plan .tag-desc-title {
  font-weight: bold;
  line-height: 1.5;
  flex: 0 0 4em;
}

#omega-plan .tag-desc {
  flex: 1 1 auto;
}

#omega-plan .border {
  border: 1px solid #eaeaef;
}

#omega-plan.teacher .auxiliary {
  display: block;
}

#omega-plan.student .tagging {
  display: none;
}

#omega-plan.student .answer,
#omega-plan.student .explanation {
  display: none;
}

#omega-plan .plan-op-zone {
  position: fixed;
  top: 16%;
  right: 5px;
  width: 200px;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 1em 0;
}

#omega-plan .plan-op-zone .btn-group {
  margin: .5em 0;
}

#omega-plan .flex .btn-group {
  display: flex;
  justify-content: center;
}

#plan-collection-view .collection-header {
  display: flex;
}

#plan-collection-view .plan-ids {
  flex: 0 0 22em;
  margin-right: 2em;
}

#plan-collection-view .collection-metas {
  flex: 1 1 auto;
}

#plan-collection-view .movable-op-zone {
  top: 200px;
  right: 5px;
  min-width: 10em;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  text-align: center;
}

#plan-collection-view .movable-op-zone .btn-group {
  margin: .5em 0;
}

#plan-collection-view h1 {
  text-align: center;
}

#plan-collection-view .plan-row .op-zone .btn {
  margin: .2em .5em;
  min-width: 6em;
}

#error-page .container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

#error-page .container .code {
  font-size: 45px;
  color: #e6e6e6;
  margin-top: 44px;
  margin-bottom: 13px;
}

#error-page .container .hint {
  font-size: 17px;
  color: #888;
}

#error-page .container .create-item {
  margin-top: 38px;
}

#error-page .container .actions {
  width: 337px;
  display: flex;
  margin: 38px 0 63px 0;
  justify-content: space-between;
}

#error-page .container button {
  margin-left: 6px;
  border: 1px solid #5796ff;
  border-radius: 4px;
  color: #5796ff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 200px;
}


/*# sourceMappingURL=commons.css.map*/