@charset "utf-8";
.icon {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
}
.icon.icon-size-16 {
  width: 16px;
  height: 16px;
  background-image: url(../images/icon_size_16.png);
}
.icon.icon-size-16.icon-slide-right {
  background-position: -42px -142px;
}
.icon.icon-size-16.icon-slide-right:hover,
*:hover > .icon.icon-size-16.icon-slide-right {
  background-position: -142px -142px;
}
.icon.icon-size-16.icon-slide-right.normal,
*.normal > .icon.icon-size-16.icon-slide-right {
  background-position: -42px -142px;
}
.icon.icon-size-16.icon-slide-right.checked,
*.checked > .icon.icon-size-16.icon-slide-right {
  background-position: -242px -142px;
}
.icon.icon-size-16.icon-slide-right.disabled,
*.disabled > .icon.icon-size-16.icon-slide-right {
  background-position: -342px -142px;
}
.icon.icon-size-16.icon-radio {
  background-position: -42px -242px;
}
.icon.icon-size-16.icon-radio:hover,
*:hover > .icon.icon-size-16.icon-radio {
  background-position: -142px -242px;
}
.icon.icon-size-16.icon-radio.normal,
*.normal > .icon.icon-size-16.icon-radio {
  background-position: -42px -242px;
}
.icon.icon-size-16.icon-radio.checked,
*.checked > .icon.icon-size-16.icon-radio {
  background-position: -242px -242px;
}
.icon.icon-size-16.icon-radio.disabled,
*.disabled > .icon.icon-size-16.icon-radio {
  background-position: -342px -242px;
}
.icon.icon-size-16.icon-checkbox {
  background-position: -42px -342px;
}
.icon.icon-size-16.icon-checkbox:hover,
*:hover > .icon.icon-size-16.icon-checkbox {
  background-position: -142px -342px;
}
.icon.icon-size-16.icon-checkbox.normal,
*.normal > .icon.icon-size-16.icon-checkbox {
  background-position: -42px -342px;
}
.icon.icon-size-16.icon-checkbox.checked,
*.checked > .icon.icon-size-16.icon-checkbox {
  background-position: -242px -342px;
}
.icon.icon-size-16.icon-checkbox.disabled,
*.disabled > .icon.icon-size-16.icon-checkbox {
  background-position: -342px -342px;
}
.icon.icon-size-16.icon-plus {
  background-position: -42px -442px;
}
.icon.icon-size-16.icon-plus:hover,
*:hover > .icon.icon-size-16.icon-plus {
  background-position: -142px -442px;
}
.icon.icon-size-16.icon-plus.normal,
*.normal > .icon.icon-size-16.icon-plus {
  background-position: -42px -442px;
}
.icon.icon-size-16.icon-plus.checked,
*.checked > .icon.icon-size-16.icon-plus {
  background-position: -242px -442px;
}
.icon.icon-size-16.icon-plus.disabled,
*.disabled > .icon.icon-size-16.icon-plus {
  background-position: -342px -442px;
}
.icon.icon-size-16.icon-less {
  background-position: -42px -542px;
}
.icon.icon-size-16.icon-less:hover,
*:hover > .icon.icon-size-16.icon-less {
  background-position: -142px -542px;
}
.icon.icon-size-16.icon-less.normal,
*.normal > .icon.icon-size-16.icon-less {
  background-position: -42px -542px;
}
.icon.icon-size-16.icon-less.checked,
*.checked > .icon.icon-size-16.icon-less {
  background-position: -242px -542px;
}
.icon.icon-size-16.icon-less.disabled,
*.disabled > .icon.icon-size-16.icon-less {
  background-position: -342px -542px;
}
.icon.icon-size-16.icon-remove {
  background-position: -42px -642px;
}
.icon.icon-size-16.icon-remove:hover,
*:hover > .icon.icon-size-16.icon-remove {
  background-position: -142px -642px;
}
.icon.icon-size-16.icon-remove.normal,
*.normal > .icon.icon-size-16.icon-remove {
  background-position: -42px -642px;
}
.icon.icon-size-16.icon-remove.checked,
*.checked > .icon.icon-size-16.icon-remove {
  background-position: -242px -642px;
}
.icon.icon-size-16.icon-remove.disabled,
*.disabled > .icon.icon-size-16.icon-remove {
  background-position: -342px -642px;
}
.icon.icon-size-16.icon-edit {
  background-position: -42px -742px;
}
.icon.icon-size-16.icon-edit:hover,
*:hover > .icon.icon-size-16.icon-edit {
  background-position: -142px -742px;
}
.icon.icon-size-16.icon-edit.normal,
*.normal > .icon.icon-size-16.icon-edit {
  background-position: -42px -742px;
}
.icon.icon-size-16.icon-edit.checked,
*.checked > .icon.icon-size-16.icon-edit {
  background-position: -242px -742px;
}
.icon.icon-size-16.icon-edit.disabled,
*.disabled > .icon.icon-size-16.icon-edit {
  background-position: -342px -742px;
}
.icon.icon-size-16.icon-folder {
  background-position: -42px -842px;
}
.icon.icon-size-16.icon-folder:hover,
*:hover > .icon.icon-size-16.icon-folder {
  background-position: -142px -842px;
}
.icon.icon-size-16.icon-folder.normal,
*.normal > .icon.icon-size-16.icon-folder {
  background-position: -42px -842px;
}
.icon.icon-size-16.icon-folder.checked,
*.checked > .icon.icon-size-16.icon-folder {
  background-position: -242px -842px;
}
.icon.icon-size-16.icon-folder.disabled,
*.disabled > .icon.icon-size-16.icon-folder {
  background-position: -342px -842px;
}
.icon.icon-size-20 {
  width: 20px;
  height: 20px;
  background-image: url(../images/icon_size_20.png);
}
.icon.icon-size-20.icon-ring {
  background-position: -40px -140px;
}
.icon.icon-size-20.icon-ring:hover,
*:hover > .icon.icon-size-20.icon-ring {
  background-position: -140px -140px;
}
.icon.icon-size-20.icon-ring.normal,
*.normal > .icon.icon-size-20.icon-ring {
  background-position: -40px -140px;
}
.icon.icon-size-20.icon-ring.checked,
*.checked > .icon.icon-size-20.icon-ring {
  background-position: -240px -140px;
}
.icon.icon-size-20.icon-ring.disabled,
*.disabled > .icon.icon-size-20.icon-ring {
  background-position: -340px -140px;
}
.icon.icon-size-20.icon-set {
  background-position: -40px -240px;
}
.icon.icon-size-20.icon-set:hover,
*:hover > .icon.icon-size-20.icon-set {
  background-position: -140px -240px;
}
.icon.icon-size-20.icon-set.normal,
*.normal > .icon.icon-size-20.icon-set {
  background-position: -40px -240px;
}
.icon.icon-size-20.icon-set.checked,
*.checked > .icon.icon-size-20.icon-set {
  background-position: -240px -240px;
}
.icon.icon-size-20.icon-set.disabled,
*.disabled > .icon.icon-size-20.icon-set {
  background-position: -340px -240px;
}
.icon.icon-size-20.icon-key {
  background-position: -40px -340px;
}
.icon.icon-size-20.icon-key:hover,
*:hover > .icon.icon-size-20.icon-key {
  background-position: -140px -340px;
}
.icon.icon-size-20.icon-key.normal,
*.normal > .icon.icon-size-20.icon-key {
  background-position: -40px -340px;
}
.icon.icon-size-20.icon-key.checked,
*.checked > .icon.icon-size-20.icon-key {
  background-position: -240px -340px;
}
.icon.icon-size-20.icon-key.disabled,
*.disabled > .icon.icon-size-20.icon-key {
  background-position: -340px -340px;
}
.icon.icon-size-20.icon-switch {
  background-position: -40px -440px;
}
.icon.icon-size-20.icon-switch:hover,
*:hover > .icon.icon-size-20.icon-switch {
  background-position: -140px -440px;
}
.icon.icon-size-20.icon-switch.normal,
*.normal > .icon.icon-size-20.icon-switch {
  background-position: -40px -440px;
}
.icon.icon-size-20.icon-switch.checked,
*.checked > .icon.icon-size-20.icon-switch {
  background-position: -240px -440px;
}
.icon.icon-size-20.icon-switch.disabled,
*.disabled > .icon.icon-size-20.icon-switch {
  background-position: -340px -440px;
}
.icon.icon-size-20.icon-teacher {
  background-position: -40px -540px;
}
.icon.icon-size-20.icon-teacher:hover,
*:hover > .icon.icon-size-20.icon-teacher {
  background-position: -140px -540px;
}
.icon.icon-size-20.icon-teacher.normal,
*.normal > .icon.icon-size-20.icon-teacher {
  background-position: -40px -540px;
}
.icon.icon-size-20.icon-teacher.checked,
*.checked > .icon.icon-size-20.icon-teacher {
  background-position: -240px -540px;
}
.icon.icon-size-20.icon-teacher.disabled,
*.disabled > .icon.icon-size-20.icon-teacher {
  background-position: -340px -540px;
}
.icon.icon-size-20.icon-student {
  background-position: -40px -640px;
}
.icon.icon-size-20.icon-student:hover,
*:hover > .icon.icon-size-20.icon-student {
  background-position: -140px -640px;
}
.icon.icon-size-20.icon-student.normal,
*.normal > .icon.icon-size-20.icon-student {
  background-position: -40px -640px;
}
.icon.icon-size-20.icon-student.checked,
*.checked > .icon.icon-size-20.icon-student {
  background-position: -240px -640px;
}
.icon.icon-size-20.icon-student.disabled,
*.disabled > .icon.icon-size-20.icon-student {
  background-position: -340px -640px;
}
.icon.icon-size-20.icon-arrowball-primary {
  background-position: -40px -740px;
}
.icon.icon-size-20.icon-arrowball-primary:hover,
*:hover > .icon.icon-size-20.icon-arrowball-primary {
  background-position: -140px -740px;
}
.icon.icon-size-20.icon-arrowball-primary.normal,
*.normal > .icon.icon-size-20.icon-arrowball-primary {
  background-position: -40px -740px;
}
.icon.icon-size-20.icon-arrowball-primary.checked,
*.checked > .icon.icon-size-20.icon-arrowball-primary {
  background-position: -240px -740px;
}
.icon.icon-size-20.icon-arrowball-primary.disabled,
*.disabled > .icon.icon-size-20.icon-arrowball-primary {
  background-position: -340px -740px;
}
.icon.icon-size-20.icon-arrowball-warning {
  background-position: -40px -840px;
}
.icon.icon-size-20.icon-arrowball-warning:hover,
*:hover > .icon.icon-size-20.icon-arrowball-warning {
  background-position: -140px -840px;
}
.icon.icon-size-20.icon-arrowball-warning.normal,
*.normal > .icon.icon-size-20.icon-arrowball-warning {
  background-position: -40px -840px;
}
.icon.icon-size-20.icon-arrowball-warning.checked,
*.checked > .icon.icon-size-20.icon-arrowball-warning {
  background-position: -240px -840px;
}
.icon.icon-size-20.icon-arrowball-warning.disabled,
*.disabled > .icon.icon-size-20.icon-arrowball-warning {
  background-position: -340px -840px;
}
.icon.icon-size-20.icon-arrowball-danger {
  background-position: -40px -940px;
}
.icon.icon-size-20.icon-arrowball-danger:hover,
*:hover > .icon.icon-size-20.icon-arrowball-danger {
  background-position: -140px -940px;
}
.icon.icon-size-20.icon-arrowball-danger.normal,
*.normal > .icon.icon-size-20.icon-arrowball-danger {
  background-position: -40px -940px;
}
.icon.icon-size-20.icon-arrowball-danger.checked,
*.checked > .icon.icon-size-20.icon-arrowball-danger {
  background-position: -240px -940px;
}
.icon.icon-size-20.icon-arrowball-danger.disabled,
*.disabled > .icon.icon-size-20.icon-arrowball-danger {
  background-position: -340px -940px;
}
.icon.icon-size-20.icon-disabled {
  background-position: -40px -1040px;
}
.icon.icon-size-20.icon-disabled:hover,
*:hover > .icon.icon-size-20.icon-disabled {
  background-position: -140px -1040px;
}
.icon.icon-size-20.icon-disabled.normal,
*.normal > .icon.icon-size-20.icon-disabled {
  background-position: -40px -1040px;
}
.icon.icon-size-20.icon-disabled.checked,
*.checked > .icon.icon-size-20.icon-disabled {
  background-position: -240px -1040px;
}
.icon.icon-size-20.icon-disabled.disabled,
*.disabled > .icon.icon-size-20.icon-disabled {
  background-position: -340px -1040px;
}
.icon.icon-size-20.icon-pencil {
  background-position: -40px -1140px;
}
.icon.icon-size-20.icon-pencil:hover,
*:hover > .icon.icon-size-20.icon-pencil {
  background-position: -140px -1140px;
}
.icon.icon-size-20.icon-pencil.normal,
*.normal > .icon.icon-size-20.icon-pencil {
  background-position: -40px -1140px;
}
.icon.icon-size-20.icon-pencil.checked,
*.checked > .icon.icon-size-20.icon-pencil {
  background-position: -240px -1140px;
}
.icon.icon-size-20.icon-pencil.disabled,
*.disabled > .icon.icon-size-20.icon-pencil {
  background-position: -340px -1140px;
}
.icon.icon-size-20.icon-info-danger {
  background-position: -40px -1240px;
}
.icon.icon-size-20.icon-info-danger:hover,
*:hover > .icon.icon-size-20.icon-info-danger {
  background-position: -140px -1240px;
}
.icon.icon-size-20.icon-info-danger.normal,
*.normal > .icon.icon-size-20.icon-info-danger {
  background-position: -40px -1240px;
}
.icon.icon-size-20.icon-info-danger.checked,
*.checked > .icon.icon-size-20.icon-info-danger {
  background-position: -240px -1240px;
}
.icon.icon-size-20.icon-info-danger.disabled,
*.disabled > .icon.icon-size-20.icon-info-danger {
  background-position: -340px -1240px;
}
.icon.icon-size-20.icon-asterisk:before {
  content: '*';
  font-size: 20px;
  color: #e24242;
}
.icon.icon-size-20.icon-delete {
  background-position: -40px -1340px;
}
.icon.icon-size-20.icon-delete:hover,
*:hover > .icon.icon-size-20.icon-delete {
  background-position: -140px -1340px;
}
.icon.icon-size-20.icon-delete.normal,
*.normal > .icon.icon-size-20.icon-delete {
  background-position: -40px -1340px;
}
.icon.icon-size-20.icon-delete.checked,
*.checked > .icon.icon-size-20.icon-delete {
  background-position: -240px -1340px;
}
.icon.icon-size-20.icon-delete.disabled,
*.disabled > .icon.icon-size-20.icon-delete {
  background-position: -340px -1340px;
}
.icon.icon-size-20.icon-arrowball-left-default {
  background-position: -40px -1440px;
}
.icon.icon-size-20.icon-arrowball-left-default:hover,
*:hover > .icon.icon-size-20.icon-arrowball-left-default {
  background-position: -140px -1440px;
}
.icon.icon-size-20.icon-arrowball-left-default.normal,
*.normal > .icon.icon-size-20.icon-arrowball-left-default {
  background-position: -40px -1440px;
}
.icon.icon-size-20.icon-arrowball-left-default.checked,
*.checked > .icon.icon-size-20.icon-arrowball-left-default {
  background-position: -240px -1440px;
}
.icon.icon-size-20.icon-arrowball-left-default.disabled,
*.disabled > .icon.icon-size-20.icon-arrowball-left-default {
  background-position: -340px -1440px;
}
.icon.icon-size-20.icon-folder {
  background-position: -40px -1540px;
}
.icon.icon-size-20.icon-folder:hover,
*:hover > .icon.icon-size-20.icon-folder {
  background-position: -140px -1540px;
}
.icon.icon-size-20.icon-folder.normal,
*.normal > .icon.icon-size-20.icon-folder {
  background-position: -40px -1540px;
}
.icon.icon-size-20.icon-folder.checked,
*.checked > .icon.icon-size-20.icon-folder {
  background-position: -240px -1540px;
}
.icon.icon-size-20.icon-folder.disabled,
*.disabled > .icon.icon-size-20.icon-folder {
  background-position: -340px -1540px;
}
.icon.icon-size-30 {
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_size_30.png);
}
.icon.icon-size-30.icon-calendar {
  background-position: -35px -135px;
}
.icon.icon-size-30.icon-calendar:hover,
*:hover > .icon.icon-size-30.icon-calendar {
  background-position: -135px -135px;
}
.icon.icon-size-30.icon-calendar.normal,
*.normal > .icon.icon-size-30.icon-calendar {
  background-position: -35px -135px;
}
.icon.icon-size-30.icon-calendar.checked,
*.checked > .icon.icon-size-30.icon-calendar {
  background-position: -235px -135px;
}
.icon.icon-size-30.icon-calendar.disabled,
*.disabled > .icon.icon-size-30.icon-calendar {
  background-position: -335px -135px;
}
.icon.icon-size-30.icon-addball {
  background-position: -35px -235px;
}
.icon.icon-size-30.icon-addball:hover,
*:hover > .icon.icon-size-30.icon-addball {
  background-position: -135px -235px;
}
.icon.icon-size-30.icon-addball.normal,
*.normal > .icon.icon-size-30.icon-addball {
  background-position: -35px -235px;
}
.icon.icon-size-30.icon-addball.checked,
*.checked > .icon.icon-size-30.icon-addball {
  background-position: -235px -235px;
}
.icon.icon-size-30.icon-addball.disabled,
*.disabled > .icon.icon-size-30.icon-addball {
  background-position: -335px -235px;
}
.icon.icon-size-30.icon-formprogress-set {
  background-position: -35px -335px;
}
.icon.icon-size-30.icon-formprogress-set:hover,
*:hover > .icon.icon-size-30.icon-formprogress-set {
  background-position: -135px -335px;
}
.icon.icon-size-30.icon-formprogress-set.normal,
*.normal > .icon.icon-size-30.icon-formprogress-set {
  background-position: -35px -335px;
}
.icon.icon-size-30.icon-formprogress-set.checked,
*.checked > .icon.icon-size-30.icon-formprogress-set {
  background-position: -235px -335px;
}
.icon.icon-size-30.icon-formprogress-set.disabled,
*.disabled > .icon.icon-size-30.icon-formprogress-set {
  background-position: -335px -335px;
}
.icon.icon-size-30.icon-formprogress-edit {
  background-position: -35px -435px;
}
.icon.icon-size-30.icon-formprogress-edit:hover,
*:hover > .icon.icon-size-30.icon-formprogress-edit {
  background-position: -135px -435px;
}
.icon.icon-size-30.icon-formprogress-edit.normal,
*.normal > .icon.icon-size-30.icon-formprogress-edit {
  background-position: -35px -435px;
}
.icon.icon-size-30.icon-formprogress-edit.checked,
*.checked > .icon.icon-size-30.icon-formprogress-edit {
  background-position: -235px -435px;
}
.icon.icon-size-30.icon-formprogress-edit.disabled,
*.disabled > .icon.icon-size-30.icon-formprogress-edit {
  background-position: -335px -435px;
}
.icon.icon-size-30.icon-formprogress-complete {
  background-position: -35px -535px;
}
.icon.icon-size-30.icon-formprogress-complete:hover,
*:hover > .icon.icon-size-30.icon-formprogress-complete {
  background-position: -135px -535px;
}
.icon.icon-size-30.icon-formprogress-complete.normal,
*.normal > .icon.icon-size-30.icon-formprogress-complete {
  background-position: -35px -535px;
}
.icon.icon-size-30.icon-formprogress-complete.checked,
*.checked > .icon.icon-size-30.icon-formprogress-complete {
  background-position: -235px -535px;
}
.icon.icon-size-30.icon-formprogress-complete.disabled,
*.disabled > .icon.icon-size-30.icon-formprogress-complete {
  background-position: -335px -535px;
}
.icon.icon-size-30.icon-frame-primary {
  background-position: -35px -635px;
}
.icon.icon-size-30.icon-frame-primary:hover,
*:hover > .icon.icon-size-30.icon-frame-primary {
  background-position: -135px -635px;
}
.icon.icon-size-30.icon-frame-primary.normal,
*.normal > .icon.icon-size-30.icon-frame-primary {
  background-position: -35px -635px;
}
.icon.icon-size-30.icon-frame-primary.checked,
*.checked > .icon.icon-size-30.icon-frame-primary {
  background-position: -235px -635px;
}
.icon.icon-size-30.icon-frame-primary.disabled,
*.disabled > .icon.icon-size-30.icon-frame-primary {
  background-position: -335px -635px;
}
.icon.icon-size-30.icon-video-primary {
  background-position: -35px -735px;
}
.icon.icon-size-30.icon-video-primary:hover,
*:hover > .icon.icon-size-30.icon-video-primary {
  background-position: -135px -735px;
}
.icon.icon-size-30.icon-video-primary.normal,
*.normal > .icon.icon-size-30.icon-video-primary {
  background-position: -35px -735px;
}
.icon.icon-size-30.icon-video-primary.checked,
*.checked > .icon.icon-size-30.icon-video-primary {
  background-position: -235px -735px;
}
.icon.icon-size-30.icon-video-primary.disabled,
*.disabled > .icon.icon-size-30.icon-video-primary {
  background-position: -335px -735px;
}
.icon.icon-size-30.icon-lock-primary {
  background-position: -35px -835px;
}
.icon.icon-size-30.icon-lock-primary:hover,
*:hover > .icon.icon-size-30.icon-lock-primary {
  background-position: -135px -835px;
}
.icon.icon-size-30.icon-lock-primary.normal,
*.normal > .icon.icon-size-30.icon-lock-primary {
  background-position: -35px -835px;
}
.icon.icon-size-30.icon-lock-primary.checked,
*.checked > .icon.icon-size-30.icon-lock-primary {
  background-position: -235px -835px;
}
.icon.icon-size-30.icon-lock-primary.disabled,
*.disabled > .icon.icon-size-30.icon-lock-primary {
  background-position: -335px -835px;
}
.icon.icon-size-30.icon-cloud-primary {
  background-position: -35px -935px;
}
.icon.icon-size-30.icon-cloud-primary:hover,
*:hover > .icon.icon-size-30.icon-cloud-primary {
  background-position: -135px -935px;
}
.icon.icon-size-30.icon-cloud-primary.normal,
*.normal > .icon.icon-size-30.icon-cloud-primary {
  background-position: -35px -935px;
}
.icon.icon-size-30.icon-cloud-primary.checked,
*.checked > .icon.icon-size-30.icon-cloud-primary {
  background-position: -235px -935px;
}
.icon.icon-size-30.icon-cloud-primary.disabled,
*.disabled > .icon.icon-size-30.icon-cloud-primary {
  background-position: -335px -935px;
}
.icon.icon-size-30.icon-teacher-primary {
  background-position: -35px -1035px;
}
.icon.icon-size-30.icon-teacher-primary:hover,
*:hover > .icon.icon-size-30.icon-teacher-primary {
  background-position: -135px -1035px;
}
.icon.icon-size-30.icon-teacher-primary.normal,
*.normal > .icon.icon-size-30.icon-teacher-primary {
  background-position: -35px -1035px;
}
.icon.icon-size-30.icon-teacher-primary.checked,
*.checked > .icon.icon-size-30.icon-teacher-primary {
  background-position: -235px -1035px;
}
.icon.icon-size-30.icon-teacher-primary.disabled,
*.disabled > .icon.icon-size-30.icon-teacher-primary {
  background-position: -335px -1035px;
}
.icon.icon-size-30.icon-student-primary {
  background-position: -35px -1135px;
}
.icon.icon-size-30.icon-student-primary:hover,
*:hover > .icon.icon-size-30.icon-student-primary {
  background-position: -135px -1135px;
}
.icon.icon-size-30.icon-student-primary.normal,
*.normal > .icon.icon-size-30.icon-student-primary {
  background-position: -35px -1135px;
}
.icon.icon-size-30.icon-student-primary.checked,
*.checked > .icon.icon-size-30.icon-student-primary {
  background-position: -235px -1135px;
}
.icon.icon-size-30.icon-student-primary.disabled,
*.disabled > .icon.icon-size-30.icon-student-primary {
  background-position: -335px -1135px;
}
.icon.icon-size-30.icon-ballNum {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-family: arial;
  color: #999;
  background-position: -35px -1235px;
}
.icon.icon-size-30.icon-ballNum:hover,
*:hover > .icon.icon-size-30.icon-ballNum {
  color: #fff;
}
.icon.icon-size-30.icon-ballNum.normal,
*.normal > .icon.icon-size-30.icon-ballNum {
  color: #999;
}
.icon.icon-size-30.icon-ballNum.checked,
*.checked > .icon.icon-size-30.icon-ballNum {
  color: #fff;
}
.icon.icon-size-30.icon-ballNum.disabled,
*.disabled > .icon.icon-size-30.icon-ballNum {
  color: #fff;
}
.icon.icon-size-30.icon-ballNum:hover,
*:hover > .icon.icon-size-30.icon-ballNum {
  background-position: -135px -1235px;
}
.icon.icon-size-30.icon-ballNum.normal,
*.normal > .icon.icon-size-30.icon-ballNum {
  background-position: -35px -1235px;
}
.icon.icon-size-30.icon-ballNum.checked,
*.checked > .icon.icon-size-30.icon-ballNum {
  background-position: -235px -1235px;
}
.icon.icon-size-30.icon-ballNum.disabled,
*.disabled > .icon.icon-size-30.icon-ballNum {
  background-position: -335px -1235px;
}
.icon.icon-size-40 {
  width: 40px;
  height: 40px;
  background-image: url(../images/icon_size_40.png);
}
.icon.icon-size-40.icon-share {
  background-position: -30px -130px;
}
.icon.icon-size-40.icon-share:hover,
*:hover > .icon.icon-size-40.icon-share {
  background-position: -130px -130px;
}
.icon.icon-size-40.icon-share.normal,
*.normal > .icon.icon-size-40.icon-share {
  background-position: -30px -130px;
}
.icon.icon-size-40.icon-share.checked,
*.checked > .icon.icon-size-40.icon-share {
  background-position: -230px -130px;
}
.icon.icon-size-40.icon-share.disabled,
*.disabled > .icon.icon-size-40.icon-share {
  background-position: -330px -130px;
}
.icon.icon-size-60 {
  width: 60px;
  height: 60px;
  background-image: url(../images/icon_size_60.png);
}
.icon.icon-size-60.icon-addupload {
  background-position: -20px -120px;
}
.icon.icon-size-60.icon-addupload:hover,
*:hover > .icon.icon-size-60.icon-addupload {
  background-position: -120px -120px;
}
.icon.icon-size-60.icon-addupload.normal,
*.normal > .icon.icon-size-60.icon-addupload {
  background-position: -20px -120px;
}
.icon.icon-size-60.icon-addupload.checked,
*.checked > .icon.icon-size-60.icon-addupload {
  background-position: -220px -120px;
}
.icon.icon-size-60.icon-addupload.disabled,
*.disabled > .icon.icon-size-60.icon-addupload {
  background-position: -320px -120px;
}
.icon.icon-size-60.icon-corner-right-top {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 5px;
  padding-right: 5px;
  text-align: right;
  background-position: -20px -220px;
}
.icon.icon-size-60.icon-corner-right-top:hover,
*:hover > .icon.icon-size-60.icon-corner-right-top {
  background-position: -120px -220px;
}
.icon.icon-size-60.icon-corner-right-top.normal,
*.normal > .icon.icon-size-60.icon-corner-right-top {
  background-position: -20px -220px;
}
.icon.icon-size-60.icon-corner-right-top.checked,
*.checked > .icon.icon-size-60.icon-corner-right-top {
  background-position: -220px -220px;
}
.icon.icon-size-60.icon-corner-right-top.disabled,
*.disabled > .icon.icon-size-60.icon-corner-right-top {
  background-position: -320px -220px;
}
.icon.icon-size-80 {
  width: 80px;
  height: 80px;
  background-image: url(../images/icon_size_80.png);
}
.icon.icon-size-80.icon-warning {
  background-position: -10px -110px;
}
.icon.icon-size-80.icon-warning:hover,
*:hover > .icon.icon-size-80.icon-warning {
  background-position: -110px -110px;
}
.icon.icon-size-80.icon-warning.normal,
*.normal > .icon.icon-size-80.icon-warning {
  background-position: -10px -110px;
}
.icon.icon-size-80.icon-warning.checked,
*.checked > .icon.icon-size-80.icon-warning {
  background-position: -210px -110px;
}
.icon.icon-size-80.icon-warning.disabled,
*.disabled > .icon.icon-size-80.icon-warning {
  background-position: -310px -110px;
}
.icon.icon-size-80 {
  width: 80px;
  height: 80px;
}
.icon.icon-avatar {
  background-image: url(../images/icon_avatar.png);
  background-repeat: no-repeat;
  border-radius: 50%;
}
.icon.icon-avatar img {
  border-radius: 50%;
}
.icon.icon-avatar.icon-size-40 {
  width: 40px;
  height: 40px;
  background-position: 0 0;
}
.icon.icon-avatar.icon-size-40 img {
  width: 40px;
  height: 40px;
}
.icon.icon-avatar.icon-size-80 {
  background-position: 0 -40px;
}
.icon.icon-avatar.icon-size-80 img {
  width: 80px;
  height: 80px;
}
.icon.icon-certification.icon-size-80 {
  background-image: url(../images/icon_certification.png);
  background-repeat: no-repeat;
}
.icon.icon-certification.icon-size-80.teacher-normal {
  background-position: -10px -10px;
}
.icon.icon-certification.icon-size-80.teacher-normal:hover,
*:hover > .icon.icon-certification.icon-size-80.teacher-normal {
  background-position: -110px -10px;
}
.icon.icon-certification.icon-size-80.teacher-normal.normal,
*.normal > .icon.icon-certification.icon-size-80.teacher-normal {
  background-position: -10px -10px;
}
.icon.icon-certification.icon-size-80.teacher-normal.checked,
*.checked > .icon.icon-certification.icon-size-80.teacher-normal {
  background-position: -210px -10px;
}
.icon.icon-certification.icon-size-80.teacher-normal.disabled,
*.disabled > .icon.icon-certification.icon-size-80.teacher-normal {
  background-position: -310px -10px;
}
.icon.icon-certification.icon-size-80.teacher-disabled {
  background-position: -10px -110px;
}
.icon.icon-certification.icon-size-80.teacher-disabled:hover,
*:hover > .icon.icon-certification.icon-size-80.teacher-disabled {
  background-position: -110px -110px;
}
.icon.icon-certification.icon-size-80.teacher-disabled.normal,
*.normal > .icon.icon-certification.icon-size-80.teacher-disabled {
  background-position: -10px -110px;
}
.icon.icon-certification.icon-size-80.teacher-disabled.checked,
*.checked > .icon.icon-certification.icon-size-80.teacher-disabled {
  background-position: -210px -110px;
}
.icon.icon-certification.icon-size-80.teacher-disabled.disabled,
*.disabled > .icon.icon-certification.icon-size-80.teacher-disabled {
  background-position: -310px -110px;
}
.icon.icon-certification.icon-size-80.teacher-primary {
  background-position: -10px -210px;
}
.icon.icon-certification.icon-size-80.teacher-primary:hover,
*:hover > .icon.icon-certification.icon-size-80.teacher-primary {
  background-position: -110px -210px;
}
.icon.icon-certification.icon-size-80.teacher-primary.normal,
*.normal > .icon.icon-certification.icon-size-80.teacher-primary {
  background-position: -10px -210px;
}
.icon.icon-certification.icon-size-80.teacher-primary.checked,
*.checked > .icon.icon-certification.icon-size-80.teacher-primary {
  background-position: -210px -210px;
}
.icon.icon-certification.icon-size-80.teacher-primary.disabled,
*.disabled > .icon.icon-certification.icon-size-80.teacher-primary {
  background-position: -310px -210px;
}
.icon.icon-certification.icon-size-80.teacher-danger {
  background-position: -10px -310px;
}
.icon.icon-certification.icon-size-80.teacher-danger:hover,
*:hover > .icon.icon-certification.icon-size-80.teacher-danger {
  background-position: -110px -310px;
}
.icon.icon-certification.icon-size-80.teacher-danger.normal,
*.normal > .icon.icon-certification.icon-size-80.teacher-danger {
  background-position: -10px -310px;
}
.icon.icon-certification.icon-size-80.teacher-danger.checked,
*.checked > .icon.icon-certification.icon-size-80.teacher-danger {
  background-position: -210px -310px;
}
.icon.icon-certification.icon-size-80.teacher-danger.disabled,
*.disabled > .icon.icon-certification.icon-size-80.teacher-danger {
  background-position: -310px -310px;
}
.icon.icon-certification.icon-size-80.institutions-normal {
  background-position: -10px -410px;
}
.icon.icon-certification.icon-size-80.institutions-normal:hover,
*:hover > .icon.icon-certification.icon-size-80.institutions-normal {
  background-position: -110px -410px;
}
.icon.icon-certification.icon-size-80.institutions-normal.normal,
*.normal > .icon.icon-certification.icon-size-80.institutions-normal {
  background-position: -10px -410px;
}
.icon.icon-certification.icon-size-80.institutions-normal.checked,
*.checked > .icon.icon-certification.icon-size-80.institutions-normal {
  background-position: -210px -410px;
}
.icon.icon-certification.icon-size-80.institutions-normal.disabled,
*.disabled > .icon.icon-certification.icon-size-80.institutions-normal {
  background-position: -310px -410px;
}
.icon.icon-certification.icon-size-80.institutions-disabled {
  background-position: -10px -510px;
}
.icon.icon-certification.icon-size-80.institutions-disabled:hover,
*:hover > .icon.icon-certification.icon-size-80.institutions-disabled {
  background-position: -110px -510px;
}
.icon.icon-certification.icon-size-80.institutions-disabled.normal,
*.normal > .icon.icon-certification.icon-size-80.institutions-disabled {
  background-position: -10px -510px;
}
.icon.icon-certification.icon-size-80.institutions-disabled.checked,
*.checked > .icon.icon-certification.icon-size-80.institutions-disabled {
  background-position: -210px -510px;
}
.icon.icon-certification.icon-size-80.institutions-disabled.disabled,
*.disabled > .icon.icon-certification.icon-size-80.institutions-disabled {
  background-position: -310px -510px;
}
.icon.icon-certification.icon-size-80.institutions-primary {
  background-position: -10px -610px;
}
.icon.icon-certification.icon-size-80.institutions-primary:hover,
*:hover > .icon.icon-certification.icon-size-80.institutions-primary {
  background-position: -110px -610px;
}
.icon.icon-certification.icon-size-80.institutions-primary.normal,
*.normal > .icon.icon-certification.icon-size-80.institutions-primary {
  background-position: -10px -610px;
}
.icon.icon-certification.icon-size-80.institutions-primary.checked,
*.checked > .icon.icon-certification.icon-size-80.institutions-primary {
  background-position: -210px -610px;
}
.icon.icon-certification.icon-size-80.institutions-primary.disabled,
*.disabled > .icon.icon-certification.icon-size-80.institutions-primary {
  background-position: -310px -610px;
}
.icon.icon-certification.icon-size-80.institutions-danger {
  background-position: -10px -710px;
}
.icon.icon-certification.icon-size-80.institutions-danger:hover,
*:hover > .icon.icon-certification.icon-size-80.institutions-danger {
  background-position: -110px -710px;
}
.icon.icon-certification.icon-size-80.institutions-danger.normal,
*.normal > .icon.icon-certification.icon-size-80.institutions-danger {
  background-position: -10px -710px;
}
.icon.icon-certification.icon-size-80.institutions-danger.checked,
*.checked > .icon.icon-certification.icon-size-80.institutions-danger {
  background-position: -210px -710px;
}
.icon.icon-certification.icon-size-80.institutions-danger.disabled,
*.disabled > .icon.icon-certification.icon-size-80.institutions-danger {
  background-position: -310px -710px;
}
.icon.icon-radio,
.icon.icon-checkbox {
  position: relative;
  overflow: hidden;
}
.icon.icon-radio input[type="checkbox"],
.icon.icon-checkbox input[type="checkbox"] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.icon.icon-loading {
  width: 205px;
  height: 140px;
  background-image: url(../images/loading.gif);
}
.icon.icon-uploadimg {
  background-image: url(../images/icon_uploadimg.png);
  background-position: center center;
  background-repeat: no-repeat;
  border: 2px dashed #37af62;
}
.text-ellipsis,
.textEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-center {
  text-align: center;
}
.text-input {
  border: 1px solid transparent;
}
.text-input:hover {
  border: 1px solid #eee;
}
.text-input:focus {
  border: 1px dashed #cccccc;
}
.text-sm {
  font-size: 12px;
}
.text-size-12 {
  font-size: 12px;
}
.text-default {
  color: #999;
}
.text-primary {
  color: #37af62;
}
.text-primary-deep {
  color: #107935;
}
.text-warning {
  color: #f3b414;
}
.text-danger {
  color: #f74d3b;
}
.number-lg {
  font-size: 20px;
}
.link-default {
  color: #999;
  text-decoration: underline;
}
.link-default:hover {
  text-decoration: underline;
}
.link-primary {
  color: #37af62;
  text-decoration: underline;
}
.link-primary:hover {
  text-decoration: underline;
}
.btn-primary {
  background-color: #37af62;
  color: #fff;
}
.btn-primary.btn-inverse {
  color: #37af62;
  background-color: #fff;
}
.btn-border-primary {
  border: 1px solid #37af62;
}
.btn-warning {
  background-color: #f3b414;
  color: #fff;
}
.btn-warning.btn-inverse {
  color: #fff;
  background-color: #f3b414;
}
.btn-disabled {
  background-color: #999;
  color: #fff;
}
.btn-disabled.btn-inverse {
  color: #999;
  background-color: #fff;
}
.btnGroup .btn {
  background-color: #eee;
}
.btnGroup .btn:nth-child(1) {
  border-radius: 2px 0 0 2px;
}
.btnGroup .btn:nth-last-child(1) {
  border-radius: 0 2px 2px 0;
}
.btnGroup .btn.checked {
  background-color: #37af62;
  color: #fff;
}
.btnGroup .btn.checked.btn-inverse {
  color: #37af62;
  background-color: #fff;
}
.btnGroup.followLine {
  border-bottom: 1px solid #eee;
}
.btnGroup.followLine .btn {
  padding: 16px;
  background-color: transparent;
}
.btnGroup.followLine .btn:nth-child(1) {
  border-radius: 0;
}
.btnGroup.followLine .btn:nth-last-child(1) {
  border-radius: 0;
}
.btnGroup.followLine .btn:hover {
  color: #37af62;
}
.btnGroup.followLine .btn.checked {
  padding-bottom: 12px;
  border-bottom: 4px solid #37af62;
  color: #37af62;
}
body {
  min-width: 1200px;
  min-height: 700px;
  background-color: #ccc;
  line-height: 1.5;
  color: #333333;
}
.site-page {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #f7f8fa;
}
.site-page .site-header {
  height: 64px;
  background-color: #343544;
}
.site-page .site-header .headerLogo {
  height: 64px;
}
.site-page .site-header .userInfo {
  position: relative;
  height: 64px;
  padding-top: 12px;
  padding-right: 76px;
}
.site-page .site-header .userInfo .userName {
  font-size: 14px;
  color: #e7e2e2;
  white-space: nowrap;
}
.site-page .site-header .userInfo .userStatus {
  margin: auto;
  border-radius: 100px;
  font-size: 12px;
  text-align: center;
}
.site-page .site-header .userInfo .userStatus.primary {
  background-color: #37af62;
  color: #fff;
}
.site-page .site-header .userInfo .userAvatar {
  position: absolute;
  width: 64px;
  height: 64px;
  padding: 12px;
  right: 12px;
  top: 0;
}
.site-page .site-header .userInfo .userAvatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
}
.site-page .site-header .userInfo .userCenterMenu {
  position: absolute;
  display: none;
  z-index: 1;
  left: 0;
  top: 64px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: 0;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
.site-page .site-header .userInfo .userCenterMenu .menuBtnList .menuBtn .icon {
  margin-right: 10px;
}
.site-page .site-header .userInfo .userCenterMenu .menuBtnList .menuBtn a {
  display: block;
  padding: 8px 16px;
}
.site-page .site-header .userInfo .userCenterMenu .menuBtnList .menuBtn a:hover {
  background-color: #f6f6f6;
}
.site-page .site-header .userInfo:hover .userCenterMenu {
  display: block;
}
.site-page .site-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  top: 64px;
  bottom: 0;
}
.site-page .site-wrapper .site-sidebar {
  position: absolute;
  width: 220px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #e4e8f2;
}
.site-page .site-wrapper .site-sidebar .accountSwitch {
  position: relative;
  height: 66px;
  padding: 15px 0px 0px 15px;
  border-bottom: 1px solid #e0e1e3;
}
.site-page .site-wrapper .site-sidebar .accountSwitch .logo {
  overflow: hidden;
  display: inline-block;
  width: 88px;
  height: 32px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.site-page .site-wrapper .site-sidebar .accountSwitch .logo img {
  width: 86px;
  height: 30px;
}
.site-page .site-wrapper .site-sidebar .accountSwitch .avatar {
  overflow: hidden;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.site-page .site-wrapper .site-sidebar .accountSwitch .avatar img {
  width: 30px;
  height: 30px;
}
.site-page .site-wrapper .site-sidebar .accountSwitch .username {
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-page .site-wrapper .site-sidebar .accountSwitch .switchBtn {
  position: absolute;
  right: 10px;
  line-height: 32px;
  color: #737487;
}
.site-page .site-wrapper .site-sidebar .site-navigation {
  position: absolute;
  width: 100%;
  left: 0;
  top: 68px;
  bottom: 68px;
  overflow: auto;
}
.site-page .site-wrapper .site-sidebar .site-sidefooter {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.site-page .site-wrapper .site-content {
  position: absolute;
  height: 100%;
  left: 220px;
  right: 0;
  top: 0;
}
.site-page .site-wrapper .site-content .site-titlebar {
  height: 66px;
  padding: 0 20px;
  border-bottom: 1px solid #e0e1e3;
}
.site-page .site-wrapper .site-content .site-titlebar .site-titleText {
  display: inline-block;
  font-size: 18px;
  line-height: 64px;
  color: #444;
}
.site-page .site-wrapper .site-content .site-titlebar .site-titleText a {
  color: #444;
}
.site-page .site-wrapper .site-content .site-titlebar .site-subTitleText {
  display: inline-block;
  font-size: 18px;
  line-height: 64px;
  color: #999;
}
.site-page .site-wrapper .site-content .site-titlebar .site-subTitleText:before {
  content: '＼ ';
}
.site-page .site-wrapper .site-content .site-titlebar .site-normalText {
  display: inline-block;
  line-height: 64px;
  color: #4c4c4c;
}
.site-page .site-wrapper .site-content .site-titlebar .site-navText {
  display: inline-block;
  width: 115px;
  font-size: 16px;
  text-align: center;
  line-height: 64px;
}
.site-page .site-wrapper .site-content .site-titlebar .site-navText.checked {
  border-bottom: 3px solid #37af62;
}
.site-page .site-wrapper .site-content .site-titlebar .site-navText.checked a {
  color: #37af62;
}
.site-page .site-wrapper .site-content .site-main {
  position: absolute;
  width: 100%;
  left: 0;
  top: 66px;
  bottom: 0;
  overflow: auto;
}
.site-page .site-wrapper .site-content .site-main .renzhen-info,
.site-page .site-wrapper .site-content .site-main .renzhen-info,
.site-page .site-wrapper .site-content .site-main .renzhen-info {
  display: none;
}
.site-page .site-wrapper .site-content .site-main .renzhen-info.checked,
.site-page .site-wrapper .site-content .site-main .renzhen-info.checked,
.site-page .site-wrapper .site-content .site-main .renzhen-info.checked {
  display: block;
}
.site-wrapper .navListBox .navList .navBtn {
  display: block;
  line-height: 64px;
  padding-left: 40px;
}
.site-wrapper .navListBox .navList .navBtn .icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-image: url(../images/icon_site-sidebar.png);
}
.site-wrapper .navListBox .navList .navBtn:hover {
  background-color: #737487;
  color: #e4e8f2;
}
.site-wrapper .navListBox .navList .navBtn.checked {
  background-color: #4e4f66;
  color: #e4e8f2;
}
.site-wrapper .navList .navBtn .icon.icon-tips {
  background-position: -35px -35px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-tips {
  background-position: -135px -35px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-tips {
  background-position: -235px -35px;
}
.site-wrapper .navList .navBtn .icon.icon-frame {
  background-position: -35px -135px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-frame {
  background-position: -135px -135px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-frame {
  background-position: -235px -135px;
}
.site-wrapper .navList .navBtn .icon.icon-teacher {
  background-position: -35px -235px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-teacher {
  background-position: -135px -235px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-teacher {
  background-position: -235px -235px;
}
.site-wrapper .navList .navBtn .icon.icon-student {
  background-position: -35px -335px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-student {
  background-position: -135px -335px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-student {
  background-position: -235px -335px;
}
.site-wrapper .navList .navBtn .icon.icon-lock {
  background-position: -35px -435px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-lock {
  background-position: -135px -435px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-lock {
  background-position: -235px -435px;
}
.site-wrapper .navList .navBtn .icon.icon-cloud {
  background-position: -35px -535px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-cloud {
  background-position: -135px -535px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-cloud {
  background-position: -235px -535px;
}
.site-wrapper .navList .navBtn .icon.icon-video {
  background-position: -35px -635px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-video {
  background-position: -135px -635px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-video {
  background-position: -235px -635px;
}
.site-wrapper .navList .navBtn .icon.icon-calendar {
  background-position: -35px -735px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-calendar {
  background-position: -135px -735px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-calendar {
  background-position: -235px -735px;
}
.site-wrapper .navList .navBtn .icon.icon-badge {
  background-position: -35px -835px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-badge {
  background-position: -135px -835px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-badge {
  background-position: -235px -835px;
}
.site-wrapper .navList .navBtn .icon.icon-record {
  background-position: -35px -935px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-record {
  background-position: -135px -935px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-record {
  background-position: -235px -935px;
}
.site-wrapper .navList .navBtn .icon.icon-statistic {
  background-position: -35px -1035px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-statistic {
  background-position: -135px -1035px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-statistic {
  background-position: -235px -1035px;
}
.site-wrapper .navList .navBtn .icon.icon-mark {
  background-position: -35px -1135px;
}
.site-wrapper .navList .navBtn:hover .icon.icon-mark {
  background-position: -135px -1135px;
}
.site-wrapper .navList .navBtn.checked .icon.icon-mark {
  background-position: -235px -1135px;
}
.pageNumberList {
  text-align: center;
}
.pageNumberList .pageNumber {
  display: inline-block;
  vertical-align: middle;
}
.pageNumberList .pageNumber .prev,
.pageNumberList .pageNumber .next {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-color: #94959e;
  background-image: url(../images/icon_page.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  border-radius: 2px;
}
.pageNumberList .pageNumber .prev:hover,
.pageNumberList .pageNumber .next:hover {
  background-color: #37af62;
}
.pageNumberList .pageNumber .next {
  background-position: 0 -30px;
}
.pageNumberList .pageNumber .num {
  display: inline-block;
  vertical-align: middle;
  padding: 20px;
  font-size: 16px;
}
.pageNumberList .pageNumber .num:hover {
  color: #37af62;
  text-decoration: underline;
}
.pageNumberList .pageNumber .num.checked {
  color: #37af62;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}
.pageNumberList .pageNumber .disabled {
  opacity: .2;
}
.pageNumberList .pageNumber .jump {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #ccc;
}
.site-guide {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  background-image: url(../images/modules/bg_black_alpha50.png);
}
.site-mainlist:after {
  content: '';
  display: block;
  clear: both;
}
.site-mainlist .plusCard {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../images/icon_plus_size100.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.site-mainlist .plusCard .text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: 60px;
  text-align: center;
}
.site-mainlist.courseList {
  padding-left: 24px;
  padding-top: 24px;
  text-align: left;
  overflow: hidden;
}
.site-mainlist.courseList .course {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 250px;
  height: 270px;
  margin: 0px 12px 24px 12px;
  background-color: #fff;
  border: 1px solid #e3e6ed;
  border-radius: 2px;
  text-align: left;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.site-mainlist.courseList .course .title {
  padding: 16px 10px;
  border-bottom: 1px solid #e4e4e4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-mainlist.courseList .course .title a {
  color: #000;
}
.site-mainlist.courseList .course .classInMode {
  float: left;
  margin-left: 10px;
  line-height: 30px;
}
.site-mainlist.courseList .course .courseType {
  float: right;
  padding: 0px 8px;
  margin-right: 10px;
  margin-top: 6px;
  border-radius: 50px;
  font-size: 12px;
}
.site-mainlist.courseList .course .courseType.yellow {
  background-color: #f3b414;
  color: #fff;
}
.site-mainlist.courseList .course .tr {
  clear: both;
  padding: 10px;
}
.site-mainlist.courseList .course .tr.teacherInfo .icon-teacher,
.site-mainlist.courseList .course .tr.studentInfo .icon-teacher,
.site-mainlist.courseList .course .tr.teacherInfo .icon-student,
.site-mainlist.courseList .course .tr.studentInfo .icon-student {
  margin-right: 10px;
}
.site-mainlist.courseList .course .editBtnList {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 0 0 2px 2px;
  overflow: hidden;
}
.site-mainlist.courseList .course .editBtnList .editBtn {
  float: left;
  width: 50%;
  padding: 10px;
  background-color: #e4e8f2;
  text-align: center;
}
.site-mainlist.courseList .course .editBtnList .editBtn:hover {
  background-color: #37af62;
}
.site-mainlist.courseList .course .editBtnList.danger .editBtn {
  background-color: #e24242;
}
.site-mainlist.courseList .course .editBtnList.danger .editBtn:hover {
  background-color: #cd3232;
}
.site-mainlist.courseList .course .sharBtn {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
}
.site-mainlist.courseList .course:hover .sharBtn {
  display: block;
}
.formProgressBar {
  padding: 24px 0;
  text-align: center;
}
.formProgressBar .spaceLine {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 4px;
  margin: 0 24px;
  background-color: #e4e8f2;
}
.formProgressBar .spaceLine.checked {
  background-color: #37af62;
}
.formProgressBar .stepTitle {
  display: inline-block;
  color: #999;
}
.formProgressBar .stepTitle.checked {
  color: #37af62;
}
.formTable .formTr {
  padding: 20px 0;
}
.formTable .formTr .formTh,
.formTable .formTr .formTd {
  display: inline-block;
  vertical-align: middle;
}
.formTable .formTr .formTh {
  width: 200px;
  text-align: right;
  color: #999;
}
.formTable .formTr .formTh .subText {
  font-size: 12px;
  color: #bbb;
}
.formTable .formTr .formTd {
  margin-left: 30px;
}
.formTable .uploadTips {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
}
.formTable .uploadTips li {
  line-height: 20px;
  color: #999;
}
.coverUploadTools {
  padding: 10px;
}
.coverUploadTools .coverImgList {
  width: 600px;
  height: 360px;
}
.coverUploadTools .coverImgList .coverImg {
  float: left;
  width: 120px;
  height: 120px;
  padding: 10px;
}
.coverUploadTools .coverImgList .coverImg img {
  width: 100%;
  height: 100%;
  opacity: .6;
}
.coverUploadTools .coverImgList .coverImg:hover img {
  opacity: 1;
}
.coverUploadTools .coverImgList .coverImg.checked img {
  box-sizing: border-box;
  border: 1px solid #006600;
}
.coverUploadTools .historyUploadTips {
  color: #999;
  padding-bottom: 10px;
}
.coverUploadTools .submitBtnList {
  padding: 10px;
  margin: 0px -10px -10px -10px;
  background-color: #f7f8fa;
}
.coverUploadTools .submitBtnList:after {
  content: '';
  display: block;
  clear: both;
}
.coverUploadTools .submitBtnList .checkBtn {
  float: left;
}
.coverUploadTools .submitBtnList .deleteBtn {
  float: left;
}
.coverUploadTools .submitBtnList .useCoverBtn {
  float: right;
  width: 120px;
  height: 30px;
  background-color: #37af62;
  border-radius: 100px;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
}
.hourBtnList {
  width: 50px;
  height: 160px;
  margin: -6px;
  overflow: auto;
  background-color: #fff;
}
.hourBtnList:after {
  content: '';
  display: block;
  clear: both;
}
.hourBtnList li {
  height: 20px;
  font-size: 12px;
  text-align: center;
}
.hourBtnList li:hover {
  background-color: #f0f0f0;
}
.copyCourseList {
  padding: 16px;
}
.copyCourseList .copyCourse {
  padding: 20px 0px;
  border-bottom: 1px solid #f3f3f3;
}
.copyCourseList .copyCourse .copyCourseInfo {
  position: relative;
}
.copyCourseList .copyCourse .copyCourseInfo:after {
  content: '';
  display: block;
  clear: both;
}
.copyCourseList .copyCourse .copyCourseInfo .title {
  float: left;
}
.copyCourseList .copyCourse .copyCourseInfo .lessonNumber {
  float: right;
}
.addContactTools {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.addContactTools .infoBar {
  height: 55px;
  padding: 10px;
}
.addContactTools .infoBar .checkedInfo {
  float: left;
  line-height: 33px;
}
.addContactTools .infoBar .btnGroup {
  float: left;
}
.addContactTools .infoBar .invite-btn {
  display: inline-block;
  vertical-align: middle;
  float: right;
  padding: 6px 16px;
  margin-left: 10px;
  border-radius: 50px;
}
.addContactTools .infoBar [data-type="searchbar"] {
  float: right;
}
.addContactTools .contactList {
  position: absolute;
  overflow: auto;
  left: 22px;
  top: 55px;
  right: 200px;
  bottom: 0;
  border-right: 1px solid #ddd;
}
.addContactTools .contactList .initialsLine {
  padding: 2px 8px;
  margin-top: 20px;
  background-color: #e4e8f2;
  color: #999;
  text-transform: uppercase;
}
.addContactTools .contactList .initialsLine:nth-child(1) {
  margin-top: 0;
}
.addContactTools .contactList .contact,
.addContactTools .contactList .groupContact {
  position: relative;
  padding: 8px;
  border-bottom: 1px solid #f3f3f3;
}
.addContactTools .contactList .contact .name,
.addContactTools .contactList .groupContact .name,
.addContactTools .contactList .contact .phone,
.addContactTools .contactList .groupContact .phone {
  display: inline-block;
  vertical-align: middle;
}
.addContactTools .contactList .contact .icon-avatar,
.addContactTools .contactList .groupContact .icon-avatar {
  margin-right: 10px;
}
.addContactTools .contactList .contact .pinyin,
.addContactTools .contactList .groupContact .pinyin {
  display: none;
}
.addContactTools .contactList .contact .phone,
.addContactTools .contactList .groupContact .phone {
  color: #999;
}
.addContactTools .contactList .contact .phone:before,
.addContactTools .contactList .groupContact .phone:before {
  content: '(';
}
.addContactTools .contactList .contact .phone:after,
.addContactTools .contactList .groupContact .phone:after {
  content: ')';
}
.addContactTools .contactList .contact .busy,
.addContactTools .contactList .groupContact .busy {
  position: absolute;
  right: 50px;
  top: 8px;
  line-height: 40px;
  color: #f74d3b;
}
.addContactTools .contactList .contact .icon-checkbox,
.addContactTools .contactList .groupContact .icon-checkbox {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -8px;
}
.addContactTools .contactList .contact.show,
.addContactTools .contactList .groupContact.show {
  display: block;
  margin-left: 50px;
  border-bottom: 0;
}
.addContactTools .contactList .groupContact {
  display: none;
  margin-left: 50px;
  border-bottom: 0;
}
.addContactTools .contactList .groupLine {
  position: relative;
  padding: 8px;
  border-top: 1px solid #f3f3f3;
}
.addContactTools .contactList .groupLine .icon-plus {
  cursor: pointer;
}
.addContactTools .contactList .groupLine .name {
  display: inline-block;
  vertical-align: middle;
}
.addContactTools .contactList .groupLine .icon-avatar {
  margin-right: 10px;
}
.addContactTools .contactList .groupLine .icon-checkbox {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -8px;
}
.addContactTools .contactInfo {
  position: absolute;
  overflow: auto;
  width: 200px;
  top: 55px;
  right: 0px;
  bottom: 0;
  padding: 0 10px;
}
.addContactTools .contactInfo .infoTitle {
  color: #999;
  padding-bottom: 16px;
}
.addContactTools .contactInfo .profile:after {
  content: '';
  display: block;
  clear: both;
}
.addContactTools .contactInfo .profile .icon-avatar {
  float: left;
  margin-right: 10px;
}
.addContactTools .contactInfo .profile .textInfo {
  float: left;
}
.addContactTools .contactInfo .profile .busyTips {
  clear: both;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e4e8f2;
}
.addContactTools .contactInfo .busyInfo {
  font-size: 12px;
  padding-bottom: 16px;
}
.addContactTools .contactInfo .timeRangeList .timeRange {
  position: relative;
  padding-left: 50px;
}
.addContactTools .contactInfo .timeRangeList .timeRange .dayName {
  position: absolute;
  width: 48px;
  left: 0;
  top: 8px;
  text-align: justify;
}
.addContactTools .contactInfo .timeRangeList .timeRange .time {
  line-height: 36px;
}
.addContactTools .checkedContactList {
  position: absolute;
  overflow: auto;
  width: 200px;
  top: 55px;
  right: 0px;
  bottom: 0;
  padding: 0 10px;
}
.addContactTools .checkedContactList .title {
  padding-bottom: 10px;
}
.addContactTools .checkedContactList .title:after {
  content: '';
  display: block;
  clear: both;
}
.addContactTools .checkedContactList .title .text {
  float: left;
}
.addContactTools .checkedContactList .title .ratio {
  float: right;
}
.addContactTools .checkedContactList .checkedContact {
  position: relative;
  margin-bottom: 10px;
}
.addContactTools .checkedContactList .checkedContact .icon-avatar {
  margin-right: 10px;
}
.addContactTools .checkedContactList .checkedContact .infoText {
  display: inline-block;
  vertical-align: middle;
}
.addContactTools .checkedContactList .checkedContact .icon-delete {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.chosenContactList .addContact {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
  text-align: center;
}
.chosenContactList .addContact .icon {
  width: 44px;
  height: 44px;
  background-image: url(../images/icon_addcontact.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.chosenContactList .addContact .num {
  text-align: center;
  color: #37af62;
}
.chosenContactList .chosenContact {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
  text-align: center;
}
.chosenContactList .chosenContact .name {
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inviteUserTools {
  padding: 40px;
}
.inviteUserTools .inviteMsg {
  display: block;
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
}
.inviteUserTools .phoneInputList {
  margin: 0 -10px;
}
.inviteUserTools .phoneInputList .phoneInput,
.inviteUserTools .phoneInputList .phoneListAddBtn {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
}
.inviteUserTools .phoneInputList .phoneInput {
  position: relative;
}
.inviteUserTools .phoneInputList .phoneInput .icon-remove {
  position: absolute;
  right: 5px;
  top: 5px;
}
.inviteUserTools .phoneInputList .phoneListAddBtn {
  cursor: pointer;
}
.inviteUserTools .inviteNumberTips {
  padding-top: 15px;
  border-top: 1px solid #ccc;
  color: #999;
  text-align: right;
}
.loginBanner .bannerLogo {
  position: absolute;
  width: 160px;
  height: 100px;
  left: 50%;
  top: 0;
  margin-left: -500px;
}
.loginBanner .bannerPageList {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 600px;
}
.loginBanner .bannerPageList .bannerPage {
  position: absolute;
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.loginBanner .bannerPageList .bannerPage .bannerImg {
  position: absolute;
  width: 1920px;
  height: 600px;
  left: 50%;
  top: 0;
  margin-left: -960px;
}
.loginFormBox {
  position: relative;
  width: 280px;
  padding: 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.loginFormBox .titleBar {
  height: 70px;
  padding: 10px;
  margin: -30px -30px 0px -30px;
}
.loginFormBox .logoBox {
  width: 220px;
  padding: 16px 0px;
  margin-bottom: 25px;
}
.loginFormBox .logoBox img {
  width: 220px;
  height: 76px;
}
.loginFormBox .input-group {
  margin-bottom: 25px;
}
.loginFormBox .input-group .btn-sendmsg {
  border-radius: 100px;
  font-size: 12px;
  position: absolute;
  right: 6px;
  top: 50%;
  padding: 2px 8px;
  margin-top: -11px;
}
.loginFormBox .btn-submit {
  display: block;
  padding: 12px;
  margin: 0 -30px -30px -30px;
  background-color: #37af62;
  border-radius: 0px 0px 2px 2px;
  font-size: 16px;
  color: #107935;
}
.avatarUploadTools .mainContentBox {
  position: relative;
  height: 500px;
}
.avatarUploadTools .mainContentBox .imgSelectorBox {
  float: left;
  width: 440px;
  height: 500px;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .avatarImgList {
  padding-left: 20px;
  padding-top: 20px;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .avatarImgList .avatarImg {
  position: relative;
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .avatarImgList .avatarImg img {
  width: 100%;
  height: 100%;
  opacity: .6;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .avatarImgList .avatarImg .icon-radio {
  position: absolute;
  display: none;
  right: 4px;
  top: 4px;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .avatarImgList .avatarImg:hover img {
  opacity: 1;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .avatarImgList .avatarImg.checked img {
  box-sizing: border-box;
  border: 1px solid #006600;
  opacity: 1;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .avatarImgList .avatarImg.checked .icon-radio {
  display: block;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .artworkCropBox {
  position: relative;
  width: 400px;
  height: 300px;
  margin: 40px auto;
  background-color: #ccc;
  text-align: center;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .artworkCropBox .artworkAvatar {
  position: absolute;
  left: 50%;
  top: 50%;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .artworkCropBox .text {
  display: block;
  padding-top: 200px;
  text-align: center;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .artworkCropBox.crop {
  background-color: #000;
  background-image: none;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .artworkUploadBtn {
  display: block;
  width: 160px;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
.avatarUploadTools .mainContentBox .imgSelectorBox .artworkUploadTips {
  font-size: 12px;
  text-align: center;
  color: #999;
}
.avatarUploadTools .mainContentBox .previewBox {
  float: right;
  width: 200px;
  height: 500px;
  border-left: 1px solid #eee;
}
.avatarUploadTools .mainContentBox .previewBox .title {
  padding: 20px;
}
.avatarUploadTools .mainContentBox .previewBox .viewer {
  margin-bottom: 20px;
}
.avatarUploadTools .mainContentBox .previewBox .viewer .imgBox {
  position: relative;
  display: block;
  overflow: hidden;
  margin: auto;
  background-color: #ccc;
  border-radius: 50%;
}
.avatarUploadTools .mainContentBox .previewBox .viewer .imgBox img {
  position: absolute;
}
.avatarUploadTools .mainContentBox .previewBox .viewer .typename {
  line-height: 36px;
  text-align: center;
}
.avatarUploadTools .mainContentBox .previewBox .viewer.viewer-lg .imgBox {
  width: 120px;
  height: 120px;
}
.avatarUploadTools .mainContentBox .previewBox .viewer.viewer-lg .imgBox img {
  width: 120px;
  height: 120px;
}
.avatarUploadTools .mainContentBox .previewBox .viewer.viewer-md .imgBox {
  width: 80px;
  height: 80px;
}
.avatarUploadTools .mainContentBox .previewBox .viewer.viewer-md .imgBox img {
  width: 80px;
  height: 80px;
}
.avatarUploadTools .mainContentBox .previewBox .viewer.viewer-sm .imgBox {
  width: 40px;
  height: 40px;
}
.avatarUploadTools .mainContentBox .previewBox .viewer.viewer-sm .imgBox img {
  width: 40px;
  height: 40px;
}
[data-type="uploadimg-button"] {
  display: block;
}
.imgUploadTools .mainContentBox {
  position: relative;
}
.imgUploadTools .mainContentBox .imgSelectorBox {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
}
.imgUploadTools .mainContentBox .imgSelectorBox .artworkCropBox {
  position: relative;
  width: 400px;
  height: 300px;
  margin: 40px auto;
  background-color: #ccc;
  text-align: center;
}
.imgUploadTools .mainContentBox .imgSelectorBox .artworkCropBox .artworkAvatar {
  position: absolute;
  left: 50%;
  top: 50%;
}
.imgUploadTools .mainContentBox .imgSelectorBox .artworkCropBox .text {
  display: block;
  padding-top: 200px;
  text-align: center;
}
.imgUploadTools .mainContentBox .imgSelectorBox .artworkCropBox.crop {
  background-color: #000;
  background-image: none;
}
.imgUploadTools .mainContentBox .previewBox {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  border-left: 1px solid #eee;
}
.imgUploadTools .mainContentBox .previewBox .title {
  padding: 20px;
}
.imgUploadTools .mainContentBox .previewBox .viewer {
  margin-bottom: 20px;
}
.imgUploadTools .mainContentBox .previewBox .viewer .imgBox {
  position: relative;
  display: block;
  overflow: hidden;
  margin: auto;
  background-color: #ccc;
}
.imgUploadTools .mainContentBox .previewBox .viewer .imgBox img {
  position: absolute;
}
.imgUploadTools .mainContentBox .previewBox .viewer .typename {
  line-height: 36px;
  text-align: center;
}
.imgUploadTools .mainContentBox .previewBox .artworkUploadBtn {
  display: block;
  width: 160px;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
.imgUploadTools .mainContentBox .previewBox .artworkUploadTips {
  font-size: 12px;
  text-align: center;
  color: #999;
}
.table.lessonEditorList {
  border-collapse: collapse;
}
.table.lessonEditorList .tr .th,
.table.lessonEditorList .tr .td {
  padding: 10px;
}
.table.lessonEditorList .tr.lessonEditor {
  margin: 10px;
  border: 1px solid #f0f0f0;
  border-bottom: 2px solid #ddd;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0px #000000;
}
.table.lessonEditorList .tr.lessonEditor .td {
  padding: 10px 0px;
  background-color: #fff;
}
.table.lessonEditorList .tr.lessonEditor .td .icon {
  margin: 2px;
}
.table.lessonEditorList .tr.lessonEditor .td input.text-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table.lessonEditorList .tr.lessonEditor .td .fullsize {
  width: 100%;
}
.table.lessonEditorList .tr.lessonEditor .td textarea {
  font-size: 12px;
  resize: none;
}
.table.lessonEditorList .tr.lessonEditor .td [data-type="date-input"] {
  padding: 0;
  background-image: none;
  text-align: center;
}
.table.lessonEditorList .tr.lessonEditor .td [data-type="hour-input"] {
  width: 24px;
  text-align: right;
}
.table.lessonEditorList .tr.lessonEditor .td [data-type="minute-input"] {
  width: 24px;
  text-align: left;
}
.table.lessonEditorList .tr.lessonEditor .td.datetime,
.table.lessonEditorList .tr.lessonEditor .td.classfolder {
  white-space: nowrap;
}
.table.lessonEditorList .tr.lessonEditor .td.classfolder input {
  text-align: center;
}
.table.lessonEditorList .tr.trMargin {
  height: 10px;
}
.cloudDisk {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.cloudDisk .cloudSelector {
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px solid #ccc;
}
.cloudDisk .cloudSelector .folderSelector {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  left: 0;
  top: 0;
  overflow: auto;
}
.cloudDisk .cloudSelector .folderSelector .folderList {
  float: left;
  min-width: 100%;
}
.cloudDisk .cloudSelector .folderSelector .folderList .folder .folderName {
  height: 30px;
  border: 1px solid transparent;
  line-height: 30px;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: default;
}
.cloudDisk .cloudSelector .folderSelector .folderList .folder .folderName .icon-folder {
  margin-right: 5px;
}
.cloudDisk .cloudSelector .folderSelector .folderList .folder .folderName:hover {
  background-color: #e5f3ff;
}
.cloudDisk .cloudSelector .folderSelector .folderList .folder .folderName.expanded {
  background-color: #cce8ff;
  border-color: #99d1ff;
}
.cloudDisk .cloudSelector .folderSelector .folderList .folder .subFolderList {
  display: none;
}
.test {
  margin: 0;
}
.statTable {
  width: 1130px;
  margin: 0 auto;
  padding: 20px;
}
.statTable .shadow {
  border: 1px solid #e3e6ed;
  border-radius: 2px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.statTable .detail {
  display: inline-block;
  padding: 6px;
  color: #999999;
  font-size: 12px;
}
.statTable .detail-2 {
  margin-top: 36px;
}
.statTable span.icon.icon-size-30 + span {
  padding-left: 6px;
  font-weight: bold;
}
.statTable .stat-one:after {
  display: block;
  content: '';
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.statTable .stat-one .stat-left {
  float: left;
}
.statTable .stat-one .stat-left:after {
  display: block;
  content: '';
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.statTable .stat-one .stat-left .stat-course {
  padding-right: 15px;
  width: 732px;
}
.statTable .stat-one .stat-left .stat-course .course-content {
  height: 400px;
  padding: 6px 6px 10px 6px;
  margin-top: 17px;
  background-color: #ffffff;
}
.statTable .stat-one .stat-left .stat-course .course-content > div {
  float: left;
  width: 351px;
}
.statTable .stat-one .stat-left .stat-course .course-content > div:first-child {
  border-right: 1px solid #e4e8f2;
}
.statTable .stat-one .stat-left .stat-course .course-content > div .by-course-1,
.statTable .stat-one .stat-left .stat-course .course-content > div .by-course-2 {
  height: 320px;
}
.statTable .stat-one .stat-left .stat-course .course-content .title {
  display: block;
  padding: 6px;
  font-weight: bold;
}
.statTable .stat-one .stat-left .stat-authority,
.statTable .stat-one .stat-left .stat-cloud {
  float: left;
  width: 358px;
  padding-top: 42px;
}
.statTable .stat-one .stat-left .stat-authority > div,
.statTable .stat-one .stat-left .stat-cloud > div {
  padding: 6px 6px 10px 6px;
  margin-top: 17px;
  background-color: #ffffff;
}
.statTable .stat-one .stat-left .stat-authority > div > div,
.statTable .stat-one .stat-left .stat-cloud > div > div {
  height: 234px;
}
.statTable .stat-one .stat-left .stat-authority {
  padding-right: 15px;
}
.statTable .stat-one .stat-left .stat-cloud {
  padding-left: 15px;
}
.statTable .stat-one .stat-left .stat-cloud .capacity {
  float: right;
  width: 150px;
  height: 8px;
  position: relative;
  top: 5px;
  border-radius: 4px;
  background-color: #fff;
}
.statTable .stat-one .stat-left .stat-cloud .capacity .actual {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 8px;
  border-radius: 4px;
  background-color: #37af62;
}
.statTable .stat-one .stat-left .stat-cloud .capacity .detail {
  position: absolute;
  top: 8px;
}
.statTable .stat-one .stat-right {
  float: left;
}
.statTable .stat-one .stat-right .stat-public {
  width: 358px;
  padding-left: 15px;
}
.statTable .stat-one .stat-right .stat-public .public-content {
  height: 769px;
  padding: 6px 6px 10px 6px;
  margin-top: 17px;
  background-color: #ffffff;
}
.statTable .stat-one .stat-right .stat-public .public-content > div {
  padding-bottom: 12px;
}
.statTable .stat-one .stat-right .stat-public .public-content > div:first-child {
  border-bottom: 1px solid #e4e8f2;
}
.statTable .stat-one .stat-right .stat-public .public-content > div .by-public-1 {
  height: 320px;
}
.statTable .stat-one .stat-right .stat-public .public-content > div .by-public-2 {
  height: 294px;
}
.statTable .stat-one .stat-right .stat-public .public-content .title {
  display: block;
  padding: 6px;
  font-weight: bold;
}
.statTable .stat-two:after {
  display: block;
  content: '';
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.statTable .stat-two .stat-teacher {
  float: left;
  width: 358px;
  padding-top: 42px;
  padding-right: 15px;
}
.statTable .stat-two .stat-teacher .teacher-content {
  height: 400px;
  padding: 6px 6px 10px 6px;
  margin-top: 17px;
  background-color: #ffffff;
}
.statTable .stat-two .stat-teacher .teacher-content > div {
  float: left;
  width: 351px;
}
.statTable .stat-two .stat-teacher .teacher-content > div.by-teacher {
  height: 351px;
}
.statTable .stat-two .stat-student {
  float: left;
  width: 732px;
  padding-top: 42px;
  padding-left: 15px;
}
.statTable .stat-two .stat-student .student-content {
  height: 400px;
  padding: 6px 6px 10px 6px;
  margin-top: 17px;
  background-color: #ffffff;
}
.statTable .stat-two .stat-student .student-content > div {
  float: left;
  width: 351px;
}
.statTable .stat-two .stat-student .student-content > div:first-child {
  border-right: 1px solid #e4e8f2;
}
.statTable .stat-two .stat-student .student-content > div .by-student-1,
.statTable .stat-two .stat-student .student-content > div .by-student-2 {
  height: 351px;
}
.stat-manage {
  width: 1130px;
  padding: 28px 20px 48px 20px;
  margin: 0 auto;
}
.stat-manage .shadow {
  border: 1px solid #e3e6ed;
  border-radius: 4px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.stat-manage .manage-container {
  padding-bottom: 20px;
}
.stat-manage .manage-container .header {
  height: 60px;
  padding: 0 20px;
  color: #fff;
  background-color: #37af62;
  border-radius: 4px 4px 0 0;
}
.stat-manage .manage-container .header > span {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
}
.stat-manage .manage-container .header ul {
  float: right;
}
.stat-manage .manage-container .header ul li {
  float: left;
  padding: 3px 10px;
  margin: 17px 5px;
  border: 1px solid #fff;
  border-radius: 2px;
  cursor: pointer;
}
.stat-manage .manage-container .header ul li.checked {
  color: #37af62;
  background-color: #fff;
}
.stat-manage .manage-container .course-status {
  padding: 0 20px;
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}
.stat-manage .manage-container .course-status .course-detail {
  line-height: 40px;
}
.stat-manage .manage-container .course-status .course-more {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.stat-manage .manage-container .course-status .course-more:after {
  display: block;
  content: '';
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.stat-manage .manage-container .course-status .course-more .info {
  float: left;
  height: 40px;
  line-height: 40px;
  width: 345px;
}
.stat-manage .manage-container .course-status .course-more .info span {
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #37af62;
}
.stat-manage .manage-container .course-status .course-more .info span.other {
  color: #000;
  font-size: 14px;
  font-weight: normal;
}
.stat-manage .manage-container .course-status .address {
  padding: 22px 0;
  border-bottom: 1px solid #ddd;
}
.stat-manage .manage-container .course-status .address .other {
  font-size: 12px;
  margin-right: 10px;
}
.stat-manage .manage-container .course-status .address > input {
  width: 300px;
  height: 35px;
  padding: 5px;
  margin: 0 10px;
  outline: none;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.stat-manage .manage-container .course-status .teacher {
  padding: 22px 0;
  border-bottom: 1px solid #ddd;
}
.stat-manage .manage-container .course-status .teacher .right-space {
  margin-right: 30px;
}
.stat-manage .manage-container .student {
  padding: 0 20px;
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}
.stat-manage .manage-container .student .student-stat {
  border-bottom: 1px solid #ddd;
}
.stat-manage .manage-container .student .student-stat > span {
  display: inline-block;
  line-height: 30px;
  width: 120px;
}
.stat-manage .manage-container .student .student-stat .title {
  display: block;
}
.stat-manage .manage-container .student .student-stat .by-student-detail {
  height: 300px;
}
.stat-manage .manage-container .student .student-list .info-detail {
  margin-top: 24px;
}
.stat-manage .manage-container .student .student-list .info-detail:after {
  content: '';
  display: block;
  clear: both;
}
.stat-manage .manage-container .student .student-list .info-detail .pos {
  float: left;
  margin: 0 8px;
  font-size: 12px;
}
.stat-manage .manage-container .student .student-list .table-student {
  width: 1000px;
  margin: 0 auto;
  border-collapse: collapse;
  text-align: center;
}
.stat-manage .manage-container .student .student-list .table-student tr {
  border-top: 1px solid #ddd;
}
.stat-manage .manage-container .student .student-list .table-student tr:first-child {
  border-top: none;
}
.stat-manage .manage-container .student .student-list .table-student tr:first-child > td {
  color: #999999;
}
.stat-manage .manage-container .student .student-list .table-student tr td {
  padding: 20px 0;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.stat-manage .manage-container .student .student-list .table-student tr td.td-1 {
  width: 150px;
  max-width: 150px;
}
.stat-manage .manage-container .student .student-list .table-student tr td.td-2 {
  width: 100px;
  padding-right: 60px;
}
.stat-manage .manage-container .student .student-list .table-student tr td.td-2 span {
  display: none;
}
.stat-manage .manage-container .student .student-list .table-student tr td.td-3 {
  width: 240px;
  max-width: 240px;
}
.stat-manage .manage-container .student .student-list .table-student tr td.td-4 {
  width: 140px;
  max-width: 140px;
}
.stat-manage .manage-container .student .student-list .table-student tr td.td-5 {
  width: 150px;
  max-width: 150px;
}
.stat-manage .manage-container .student .student-list .table-student tr td.td-6 {
  width: 80px;
}
.stat-manage .manage-container .student .student-list .table-student tr td.td-7 {
  width: 80px;
}
.stat-manage .manage-container .student .student-list .table-student tr td.register {
  position: relative;
}
.stat-manage .manage-container .student .student-list .table-student tr td.register .pos {
  display: block;
  position: absolute;
  top: 20px;
  left: 90px;
}
.stat-manage .manage-container .course-total .course-list .list {
  width: 1000px;
  margin: 15px auto;
}
.stat-manage .manage-container .course-total .course-list .list .title {
  height: 32px;
  background-color: #e4e8f2;
}
.stat-manage .manage-container .course-total .course-list .list .title .info {
  display: inline-block;
  padding: 6px;
}
.stat-manage .manage-container .course-total .course-list .list .title .seeMore {
  margin: 8px;
}
.stat-manage .manage-container .course-total .course-list .list .detail li {
  display: inline-block;
  width: 170px;
  margin-top: 25px;
  color: #999;
  text-align: center;
}
.authorize-info {
  padding: 30px;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
}
.authorize-info .authorizeTips {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-left: 16px;
}
.authorize-info .authorizeTips li {
  height: 25px;
  line-height: 25px;
}
.authorize-info .authorizeTips .important {
  color: red;
}
.teacher-authorize {
  padding: 20px;
  color: #999;
}
.teacher-authorize .formTable-2 .formTr .formTd .pos {
  margin-right: 10px;
}
.teacher-authorize .formTable-2 .identify .formTd {
  position: relative;
}
.teacher-authorize .formTable-2 .identify .formTd .imgTips span {
  display: inline-block;
  position: absolute;
  bottom: -145px;
  width: 220px;
  height: 138px;
  margin-right: 30px;
  cursor: pointer;
}
.teacher-authorize .formTable-2 .identify .formTd .imgTips .front-tip {
  left: 0;
  background: url(../images/identity-front.png) 0 0 no-repeat;
}
.teacher-authorize .formTable-2 .identify .formTd .imgTips .back-tip {
  left: 250px;
  background: url(../images/identity-back.png) 0 0 no-repeat;
}
.teacher-authorize .formTable-2 .weixin {
  margin-top: 140px;
}
.teacher-authorize .formTable-2 .dateselect .teach {
  position: relative;
}
.teacher-authorize .formTable-2 .dateselect .teach [data-type="teach-list"] {
  margin-top: 15px;
}
.teacher-authorize .formTable-2 .dateselect .teach .addbtn {
  position: absolute;
  left: 0;
  bottom: -40px;
}
.teacher-authorize .formTable-2 .personInfo {
  margin-top: 20px;
}
.teacher-authorize .formTable-2 .changeInfo {
  text-align: center;
}
.teacher-authorize .formTable-2 .changeInfo .show {
  margin-top: 20px;
}
.teacher-authorize .formTable-2 .changeInfo .noshow {
  visibility: hidden;
}
.teacher-authorize .setColor .formTd {
  color: #000;
}