@charset "UTF-8";
@import url(fonts/iconfont.css);
@import url(images/icons.css);
.personal-edit:before, .row:before, .row-fix:before, .page-wrap:before, .page-main:before, .page-main .main-box:before, .list-opt:before, .filter-tabs ul:before, .tabs2:before, .file-uploading:before, .file-uploaded:before, .box:before, .searchbar-pop:before, .p-tabs:before, .tabs:before, .c-tabs dl:before, .w-nav .user-card:before, .w-menu ul:before, .w-albumlist ul:before, .w-courselist ul:before, .w-albumlist .item-opts .wrap:before, .w-courselist .item-opts .wrap:before, .w-courselist .opts-list .wrap:before, .w-courselist .info:before, .w-courselist .list-grid-template:before, .define-template .btn-uploadfile:before, .w-selCourse:before, .w-selCourse .opts:before, .w-res-play .viewInfo:before, .w-res-play .header:before, .w-msg-list li:before, .w-msg-list .header:before, .w-selres .selres:before, .w-courses > ul > li:before, .w-courses .text:before, .study-course:before, .w-activity .header:before, .w-work .header:before, .w-activity .text:before, .w-work .infos-author:before, .w-ac-panel:before, .w-ac-list .header:before, .w-actilist .lists > li:before, .w-actilist .sec:before, .w-mmsg .msgheader:before, .w-mmsg li:before, .w-fb-study .study-tabs-list .item:before, .w-fb-study .study-tabs-list .item .user:before, .w-fb-count .counts .item .answer ul:before, .w-poprec .list-wrapper:before, .w-data-study .list-wrapper li:before, .w-data-study .list-wrapper li .head:before, .w-data-study .list-wrapper li .foot:before, .w-data-detail .head:before, .w-data-detail .head .inform:before, .w-data-detail .list-opt:before, .w-popDetail .header .inform:before, .teacher-work-count .count-filter:before, .teacher-work-count .line-map:before, .personal-edit:after, .row:after, .row-fix:after, .page-wrap:after, .page-main:after, .page-main .main-box:after, .list-opt:after, .filter-tabs ul:after, .tabs2:after, .file-uploading:after, .file-uploaded:after, .box:after, .searchbar-pop:after, .p-tabs:after, .tabs:after, .c-tabs dl:after, .w-nav .user-card:after, .w-menu ul:after, .w-albumlist ul:after, .w-courselist ul:after, .w-albumlist .item-opts .wrap:after, .w-courselist .item-opts .wrap:after, .w-courselist .opts-list .wrap:after, .w-courselist .info:after, .w-courselist .list-grid-template:after, .define-template .btn-uploadfile:after, .w-selCourse:after, .w-selCourse .opts:after, .w-res-play .viewInfo:after, .w-res-play .header:after, .w-msg-list li:after, .w-msg-list .header:after, .w-selres .selres:after, .w-courses > ul > li:after, .w-courses .text:after, .study-course:after, .w-activity .header:after, .w-work .header:after, .w-activity .text:after, .w-work .infos-author:after, .w-ac-panel:after, .w-ac-list .header:after, .w-actilist .lists > li:after, .w-actilist .sec:after, .w-mmsg .msgheader:after, .w-mmsg li:after, .w-fb-study .study-tabs-list .item:after, .w-fb-study .study-tabs-list .item .user:after, .w-fb-count .counts .item .answer ul:after, .w-poprec .list-wrapper:after, .w-data-study .list-wrapper li:after, .w-data-study .list-wrapper li .head:after, .w-data-study .list-wrapper li .foot:after, .w-data-detail .head:after, .w-data-detail .head .inform:after, .w-data-detail .list-opt:after, .w-popDetail .header .inform:after, .teacher-work-count .count-filter:after, .teacher-work-count .line-map:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.personal-edit:after, .row:after, .row-fix:after, .page-wrap:after, .page-main:after, .page-main .main-box:after, .list-opt:after, .filter-tabs ul:after, .tabs2:after, .file-uploading:after, .file-uploaded:after, .box:after, .searchbar-pop:after, .p-tabs:after, .tabs:after, .c-tabs dl:after, .w-nav .user-card:after, .w-menu ul:after, .w-albumlist ul:after, .w-courselist ul:after, .w-albumlist .item-opts .wrap:after, .w-courselist .item-opts .wrap:after, .w-courselist .opts-list .wrap:after, .w-courselist .info:after, .w-courselist .list-grid-template:after, .define-template .btn-uploadfile:after, .w-selCourse:after, .w-selCourse .opts:after, .w-res-play .viewInfo:after, .w-res-play .header:after, .w-msg-list li:after, .w-msg-list .header:after, .w-selres .selres:after, .w-courses > ul > li:after, .w-courses .text:after, .study-course:after, .w-activity .header:after, .w-work .header:after, .w-activity .text:after, .w-work .infos-author:after, .w-ac-panel:after, .w-ac-list .header:after, .w-actilist .lists > li:after, .w-actilist .sec:after, .w-mmsg .msgheader:after, .w-mmsg li:after, .w-fb-study .study-tabs-list .item:after, .w-fb-study .study-tabs-list .item .user:after, .w-fb-count .counts .item .answer ul:after, .w-poprec .list-wrapper:after, .w-data-study .list-wrapper li:after, .w-data-study .list-wrapper li .head:after, .w-data-study .list-wrapper li .foot:after, .w-data-detail .head:after, .w-data-detail .head .inform:after, .w-data-detail .list-opt:after, .w-popDetail .header .inform:after, .teacher-work-count .count-filter:after, .teacher-work-count .line-map:after {
  clear: both; }

.vcenter {
  width: 100%;
  height: 100%;
  text-align: center; }
  .vcenter > * {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle; }
  .vcenter:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle; }

.text-ellipsis, .file-uploading .file-title, .file-uploaded .file-title, .dir-tree .node, .dir-tree .active, .c-tabs dl dd a, .list-table.simple td, .w-nav .user-name, .w-nav .user-group, .w-usergroup .node, .w-userlist td, .w-courselist .title .text, .w-courselist .info .author, .w-courselist .info .num, .w-albumlist .title, .w-res-play .title, .w-res-play .user-name, .w-class-dir .dir-tree .node, .w-class-dir .dir-tree .active, .w-courses .text > a, .w-adduser .list-group a, .w-ac-list .title, .w-ac-list .text, .w-actipub .title, .w-actilist .title, .w-fb-detail td, .w-fb-list td, .w-feedback-list .group, .w-manager .list-table td, .w-manager .dir-tree .name, .w-manager .select-tree .name, .w-manager .dir-tree .code, .w-manager .select-tree .code, .w-manager .dir-tree .node, .w-manager .dir-tree .the-node, .w-manager .dir-tree .active, .w-manager .select-tree .node, .w-manager .select-tree .the-node, .w-manager .select-tree .active, .w-manager table .checkbox span, .form-sub .node-src .src-items .src-item span.filename, .w-poprec table tbody td, .w-application .list-table td, .w-data-study .list-wrapper li .head .title, .w-data-detail .head .inform .content .name, .w-data-detail .list-table table td, .w-popDetail .list-table table td, .select-tree.school .opts, .select-tree.school p.text .tree-node, .teacher-work-count .count-list table th, .teacher-work-count .count-list table td {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.file-uploading .icon-pragclip, .file-uploading .file-title, .file-uploaded .icon-pragclip, .file-uploaded .file-title, .w-work .portrait, .w-work .name {
  display: inline-block;
  vertical-align: middle; }

/* hover */
:focus {
  outline: none; }

a:hover .icon-cedit:before {
  content: "\e660"; }

a:hover .icon-cplay:before {
  content: "\e663"; }

a:hover .icon-csend:before {
  content: "\e665"; }

/* fix font */
.icon-add, .icon-pubac {
  font-size: 15px; }

.btn .icon-refresh {
  vertical-align: -2px; }

.icon-refresh {
  vertical-align: -2px;
  margin-left: -3px; }

.icon-orderbyletter {
  font-size: 17px; }

.icon-topub,
.icon-cancelpub {
  font-size: 15px; }

.icon-comment {
  font-size: 18px;
  vertical-align: -1px; }

.icon-gerenzhongxin, .icon-anquanzhongxin {
  font-size: 24px;
  vertical-align: -3px; }

.icon-setting {
  margin-left: 7px;
  vertical-align: -2px; }

.icon-good {
  font-size: 17px; }

.icon-feedback1 {
  font-size: 24px; }

.icon-additem {
  font-size: 17px; }

.layui-layer-ico3 {
  font-size: 25px;
  color: #10b6f2; }

.icon-book:before {
  margin-right: 8px; }

.icon-dept, .icon-class, .icon-param, .icon-vip, .icon-classrec, .icon-mycourserec, .icon-inforec, .icon-colume, .icon-classmanager, .icon-work, .icon-interactive, .icon-homework, .icon-question, .icon-work1 {
  font-size: 24px;
  vertical-align: -4px; }

.icon-member, .icon-memberreview {
  font-size: 24px; }

.icon-baseinfo {
  font-size: 19px;
  vertical-align: -2px; }

.icon-banner {
  font-size: 22px;
  vertical-align: -2px; }

.icon-vip {
  vertical-align: -2px; }

.icon-assign {
  font-size: 18px; }

.icon-permision {
  font-size: 13px; }

.icon-xiaoxi {
  font-size: 20px;
  vertical-align: -2px;
  margin-left: 3px;
  margin-right: 2px; }

.icon-custom {
  font-size: 27px;
  vertical-align: -4px; }

.icon-set {
  font-size: 24px;
  vertical-align: -4px; }

body {
  font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif, "iconfont" !important;
  color: #556073;
  background-color: #e9f0f3; }

li, ul {
  list-style: none;
  padding: 0;
  margin: 0; }

a:focus, a:hover {
  color: #10b6f2; }

.circle-avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
  .circle-avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.personal-edit .edit-avatar {
  float: left;
  width: 120px;
  height: 120px;
  display: inline-block;
  position: relative;
  left: 30px;
  top: 0;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
  .personal-edit .edit-avatar .mask {
    display: none;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .personal-edit .edit-avatar .text {
    cursor: pointer;
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 50%;
    margin-top: -11px;
    color: #fff;
    text-align: center; }
    .personal-edit .edit-avatar .text i {
      margin-right: 5px; }
  .personal-edit .edit-avatar:hover .mask, .personal-edit .edit-avatar:hover .text {
    display: block; }
  .personal-edit .edit-avatar .avatar {
    float: left;
    width: 120px;
    height: 120px; }
    .personal-edit .edit-avatar .avatar img {
      width: 100%;
      height: 100%; }

.personal-edit .edit-option {
  float: right;
  width: 600px; }
  .personal-edit .edit-option .col-xs-2 {
    width: 150px; }

html, body {
  height: 100%; }

.row-fix, .page-wrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.page-wrap {
  margin: 20px auto 80px;
  background-color: #fff; }
  .page-wrap.flus {
    width: 1162px; }
  .page-wrap.wide {
    width: 100%;
    min-width: 1000px;
    margin: 0 auto; }

.page-header {
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  z-index: 97; }

.page-main {
  position: relative;
  width: 790px;
  float: right;
  margin-left: -3px;
  background-color: #fff;
  border-left: 1px solid #e5e5e5; }
  .page-main > .side {
    float: left;
    height: 100%;
    width: 211px;
    background-color: #ccc;
    margin-right: -211px;
    display: none; }
  .page-main > .main {
    width: 100%;
    float: left; }
  .page-main .main-box {
    min-height: 300px;
    padding: 0 32px; }
  .page-main.has-side .side {
    display: block; }
  .page-main.has-side .main-box {
    margin-left: 211px; }

.page-side {
  float: left;
  width: 211px;
  border-right: 1px solid #e5e5e5;
  background-color: #fff;
  left: 0; }

body.fix-header {
  padding-top: 130px; }
  body.fix-header .page-header {
    position: fixed;
    width: 100%;
    top: -80px; }

.checkbox-inline input[type="checkbox"], .checkbox input[type="checkbox"] {
  display: none;
  display: inline-block\9; }

.checkbox-inline label, .checkbox label {
  cursor: pointer; }

.checkbox-inline span, .checkbox-inline strong, .checkbox span, .checkbox strong {
  position: relative;
  color: #556073; }
  .checkbox-inline span:before, .checkbox-inline strong:before, .checkbox span:before, .checkbox strong:before {
    font-weight: 400;
    top: -1px;
    left: -20px;
    position: absolute;
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e63d";
    color: #999;
    display: none\9; }

.checkbox-inline input[type="checkbox"]:checked ~ span,
.checkbox-inline input[type="checkbox"]:checked ~ strong, .checkbox input[type="checkbox"]:checked ~ span,
.checkbox input[type="checkbox"]:checked ~ strong {
  color: #10b6f2; }
  .checkbox-inline input[type="checkbox"]:checked ~ span:before,
  .checkbox-inline input[type="checkbox"]:checked ~ strong:before, .checkbox input[type="checkbox"]:checked ~ span:before,
  .checkbox input[type="checkbox"]:checked ~ strong:before {
    color: #10b6f2;
    content: "\e634"; }

.radiolist {
  padding-top: 4px; }
  .radiolist label {
    padding-left: 2px;
    cursor: pointer; }
    .radiolist label input[type="radio"], .radiolist label span {
      vertical-align: middle; }
    .radiolist label span {
      padding-left: 8px; }

.radiolist > label + label {
  margin-left: 15px; }

.radio-inline input[type="radio"], .radio input[type="radio"] {
  display: none;
  display: inline-block\9; }

.radio-inline label, .radio label {
  cursor: pointer; }

.radio-inline span, .radio-inline strong, .radio span, .radio strong {
  position: relative; }
  .radio-inline span:before, .radio-inline strong:before, .radio span:before, .radio strong:before {
    font-weight: 400;
    top: -1px;
    left: -20px;
    position: absolute;
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e682";
    color: #999;
    display: none\9; }

.radio-inline input[type="radio"]:checked ~ span,
.radio-inline input[type="radio"]:checked ~ strong, .radio input[type="radio"]:checked ~ span,
.radio input[type="radio"]:checked ~ strong {
  color: #10b6f2; }
  .radio-inline input[type="radio"]:checked ~ span:before,
  .radio-inline input[type="radio"]:checked ~ strong:before, .radio input[type="radio"]:checked ~ span:before,
  .radio input[type="radio"]:checked ~ strong:before {
    color: #10b6f2;
    content: "\e688"; }

.radio-inline input[type="radio"]:disabled ~ span,
.radio-inline input[type="radio"]:disabled ~ strong, .radio input[type="radio"]:disabled ~ span,
.radio input[type="radio"]:disabled ~ strong {
  color: #b3b3b3; }
  .radio-inline input[type="radio"]:disabled ~ span:before,
  .radio-inline input[type="radio"]:disabled ~ strong:before, .radio input[type="radio"]:disabled ~ span:before,
  .radio input[type="radio"]:disabled ~ strong:before {
    color: #b3b3b3;
    content: "\e682"; }

.radio-inline input[type="radio"]:checked:disabled ~ span,
.radio-inline input[type="radio"]:checked:disabled ~ strong, .radio input[type="radio"]:checked:disabled ~ span,
.radio input[type="radio"]:checked:disabled ~ strong {
  color: #b3b3b3; }
  .radio-inline input[type="radio"]:checked:disabled ~ span:before,
  .radio-inline input[type="radio"]:checked:disabled ~ strong:before, .radio input[type="radio"]:checked:disabled ~ span:before,
  .radio input[type="radio"]:checked:disabled ~ strong:before {
    color: #b3b3b3;
    content: "\e682"; }

.help-text {
  color: #999999;
  display: inline-block;
  line-height: 24px;
  margin-left: 10px;
  vertical-align: 1px; }

.form-control {
  padding: 5px 10px;
  font-size: 12px; }
  .form-control:focus {
    border-color: #10b6f2; }

.form-info {
  float: left;
  text-align: left; }

textarea.form-control {
  white-space: pre-wrap; }

::-moz-placeholder {
  color: #ccc; }

::-webkit-input-placeholder {
  color: #ccc; }

:-ms-input-placeholder {
  color: #ccc; }

.dir-tree input[type="text"]::-webkit-input-placeholder {
  color: #8997a5; }

.dir-tree input[type="text"]::-moz-placeholder {
  color: #8997a5; }

.dir-tree input[type="text"]:-ms-input-placeholder {
  color: #8997a5; }

.dir-tree input[type="text"]:-moz-placeholder {
  color: #8997a5; }

.dir-tree input[type="text"]::placeholder {
  color: #8997a5; }

.btn-7, .btn-8 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 88px; }

input[type="text"][readonly] {
  background-color: #eceeef;
  border: 1px solid #dfdfdf; }

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

iframe {
  display: block;
  border: 0; }

img {
  max-width: 100%;
  max-height: 100%; }

.pagination-wrapper {
  text-align: center; }
  .pagination-wrapper .pagination {
    margin: 20px 0; }
  .pagination-wrapper span.count {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 3px; }

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

.container {
  max-width: 1140px; }

form.container {
  margin-top: 20px; }

.pop-form, form.container.pop-form {
  margin: 25px 0 0; }

.pop-form {
  text-align: left; }

form.container.pop-form.pop-form-1 {
  margin: 5px 20px; }
  form.container.pop-form.pop-form-1 .checkbox {
    margin-bottom: 8px; }

/************/
.p-title {
  line-height: 22px;
  font-size: 14px;
  color: #556073;
  padding: 15px 0;
  margin-bottom: 0;
  /*
  .iconfont {
      font-size: 23px;
      margin-right: 10px;
      vertical-align: middle;
  }
  .icon {
      margin-right: 8px;
      vertical-align: -9px;
  }
  .icon-cuser {
      color: #408ded;
  }
  .icon-cpsw {}
  .icon-book {
      color: #10b6f2;
  }*/ }
  .p-title .divisible {
    margin: 0 7px;
    color: #556073;
    font-family: "宋体"; }
  .p-title a {
    font-size: 14px;
    color: #556073; }
  .p-title b {
    color: #10b6f2;
    font-weight: 400; }

.p-title-2 {
  margin: 15px 20px;
  padding: 0 20px;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #10b6f2;
  color: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: 400; }
  .p-title-2 .iconfont {
    margin-right: 10px;
    vertical-align: -1px; }

.page-wrap > .p-header > .p-title {
  padding-left: 15px; }

/************/
.dropdownSel {
  position: relative; }
  .dropdownSel .curSel {
    display: inline-block;
    padding: 0 10px;
    line-height: 24px;
    margin: 12px 0;
    vertical-align: middle; }
    .dropdownSel .curSel > * {
      vertical-align: middle;
      display: inline-block; }
  .dropdownSel .dropdown {
    display: none;
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    min-width: 110px;
    border-bottom: 1px solid #ebebeb; }
    .dropdownSel .dropdown li {
      border: 1px solid #ebebeb;
      border-bottom: 0; }
    .dropdownSel .dropdown a {
      display: block;
      line-height: 16px;
      padding: 10px 15px;
      font-size: 12px;
      color: #666666;
      white-space: nowrap; }
      .dropdownSel .dropdown a .iconfont {
        margin-right: 11px;
        vertical-align: middle; }
      .dropdownSel .dropdown a:hover {
        color: #10b6f2;
        text-decoration: none; }
  .dropdownSel:hover .curSel {
    border: 1px solid #ebebeb;
    margin: 0;
    padding: 12px 9px;
    border-bottom: 0;
    border-top: 0; }
  .dropdownSel:hover .dropdown {
    display: block;
    background-color: #fff; }

/************/
.searchbar {
  width: 211px;
  float: left; }
  .searchbar .form-control {
    border: 1px solid #45a7e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 16px;
    font-size: 12px;
    padding: 6px;
    height: 30px;
    z-index: 10;
    position: relative; }
  .searchbar .btn {
    background-color: #10b6f2;
    border: 1px solid #45a7e4;
    border-left: 0;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 18px;
    height: 30px;
    padding: 5px; }
    .searchbar .btn .iconfont {
      margin: 0 2px; }
    .searchbar .btn:hover {
      background-color: #10b6f2;
      border-color: #45a7e4;
      color: #fff; }

/************/
.list-opt {
  position: relative;
  z-index: 2;
  margin-bottom: 15px; }
  .list-opt .opt-tabs {
    position: absolute;
    top: 0;
    left: 0; }
    .list-opt .opt-tabs a {
      margin: 4px 0;
      line-height: 20px;
      padding: 0 15px;
      border-left: 1px solid #DDD;
      display: inline-block;
      color: #999;
      font-size: 14px; }
      .list-opt .opt-tabs a:first-child {
        border: none;
        padding-left: 0; }
      .list-opt .opt-tabs a.active {
        color: #10b6f2; }
  .list-opt .title {
    line-height: 30px;
    color: #10b6f2; }
  .list-opt .btns {
    font-size: 0;
    float: left; }
    .list-opt .btns .btn + .btn {
      margin-left: 10px; }
  .list-opt .btn-12 {
    color: #10b6f2;
    background-color: #fff;
    border-color: #10b6f2;
    padding: 4px 10px;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    min-width: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .list-opt .btn-12:hover {
      color: #fff;
      background: #10b6f2; }
  .list-opt .icon-return, .list-opt .icon-pubac {
    vertical-align: -2px; }

/************/
.order-type {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px; }
  .order-type a {
    color: #666; }
  .order-type .iconfont {
    margin-right: 11px; }
  .order-type .icon-arrowdown {
    font-size: 12px;
    margin: 0; }
  .order-type.dropdownSel .curSel {
    padding: 0;
    margin: 10px 0;
    line-height: 16px;
    color: #10b6f2; }
  .order-type.dropdownSel:hover {
    margin: 0  -15px;
    border-top: 1px solid #ebebeb; }
    .order-type.dropdownSel:hover .curSel {
      margin: 0;
      padding: 9px 14px 10px; }
  .order-type.dropdownSel .dropdown {
    top: 36px;
    background-color: #fff; }

/************/
.view-type {
  display: inline-block;
  vertical-align: -2px; }
  .view-type a {
    color: #666;
    margin-left: 16px;
    font-size: 14px; }
    .view-type a:hover, .view-type a.active {
      color: #10b6f2; }
  .view-type .iconfont {
    font-size: 14px; }

/************/
/************/
.result-keyword {
  padding: 20px 30px; }
  .result-keyword label, .result-keyword strong {
    font-size: 16px;
    color: #556073; }
  .result-keyword strong {
    font-weight: 400;
    margin: 0 5px; }
  .result-keyword p {
    color: #999;
    padding: 5px 0;
    margin: 0; }
    .result-keyword p b {
      color: #10b6f2;
      font-weight: 400;
      margin: 0 3px; }
  .result-keyword.inline p {
    display: inline-block;
    margin-left: 10px; }

.main-box .result-keyword {
  padding: 0; }

/************/
.filter-tabs {
  margin: 0 -15px; }
  .filter-tabs li {
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    line-height: 1;
    line-height: 16px;
    float: left;
    margin: 7px 0 0; }
    .filter-tabs li + li {
      border-left: 1px solid #e5e5e5; }
    .filter-tabs li.active {
      font-size: 14px; }
      .filter-tabs li.active a {
        color: #10b6f2; }
  .filter-tabs a {
    vertical-align: bottom;
    color: #999999; }
    .filter-tabs a:hover {
      text-decoration: none;
      color: #10b6f2; }

/************/
.break-word, td {
  word-wrap: break-word;
  word-break: break-all; }

td.opts a + a {
  margin-left: 15px; }

td input[type="text"] {
  width: 65%;
  padding: 0 10px;
  border: 1px solid #DDD;
  text-align: center; }

td .fancy-select {
  width: 70%;
  margin: 0 auto; }

.table {
  font-size: 14px; }

.table-bordered tr {
  border: 1px solid transparent;
  border-bottom: 1px solid #eeeeee; }

.table-bordered tbody tr:hover {
  border: 1px solid #55b7f6; }
  .table-bordered tbody tr:hover td {
    border-top: 1px solid #55b7f6;
    border-bottom: 1px solid #55b7f6; }

.table-bordered td, .table-bordered th {
  padding: 10px 0 10px 10px; }

.noHeader tr {
  border-bottom: 0; }

.noHeader th {
  border: 0;
  padding: 0 0 0 10px;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/************/
.steps {
  margin: 20px 0; }
  .steps ul {
    display: inline-block;
    position: relative;
    text-align: center; }
    .steps ul:before {
      position: absolute;
      left: 21px;
      right: 21px;
      top: 20px;
      height: 2px;
      background-color: #55b7f6;
      content: " ";
      display: block;
      z-index: 1; }
  .steps li {
    position: relative;
    z-index: 2;
    display: inline-block;
    text-align: center; }
    .steps li + li {
      margin-left: 96px; }
  .steps .num {
    line-height: 42px;
    display: inline-block;
    width: 42px;
    font-size: 14px;
    color: #75809c;
    height: 42px;
    background: url(images/bg/bg-step.png) 0 -42px; }
  .steps .text {
    font-size: 12px;
    color: #75809c;
    margin: 0 -30px; }
  .steps li.over .num {
    color: #fff;
    background: url(images/bg/bg-step.png) 0 0; }
  .steps li.over .text {
    color: #10b6f2; }

/************/
.tabs {
  /*
  border-bottom: 1px solid #ebebeb;

  ul {
      @extend %clearfix;
  }

  a {
      color: #75809c;

      &:hover {
          color: #55b7f6;
      }
  }

  li {
      float: left;
      padding: 10px 26px;
      line-height: 20px;
      margin-bottom: -1px;
      position: relative;
      z-index: 1;
      border: 1px solid;
      border-top: 2px solid;
      border-color: #fff #fff #ebebeb #fff;

      &.active {
          border-color: #55b7f6 #ebebeb #fff #ebebeb;

          a {
              color: #55b7f6;
          }
      }
  }
  */ }

.tabcon {
  display: none;
  padding-top: 10px; }
  .tabcon.active {
    display: block; }

/************/
.tabcon .list-opt {
  margin: 15px 0; }

/************/
.tabs2 {
  padding-top: 10px;
  border-bottom: 1px solid #dddddd; }
  .tabs2 li {
    float: left;
    position: relative; }
    .tabs2 li + li:before {
      height: 14px;
      display: block;
      content: " ";
      position: absolute;
      left: 0px;
      top: 4px;
      background-color: #e5e5e5;
      width: 1px; }
  .tabs2 a {
    font-size: 14px;
    color: #999;
    display: block;
    padding: 0 32px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 1;
    bottom: -1px;
    line-height: 1;
    height: 33px; }
    .tabs2 a:hover {
      color: #10b6f2; }
  .tabs2 b {
    font-weight: 400;
    margin: 0 5px; }
  .tabs2 .iconfont {
    margin-right: 8px; }
  .tabs2 .icon-cir {
    margin-right: 0;
    position: absolute;
    top: -7px;
    right: 28px;
    color: #ff001e; }
  .tabs2 li.active a {
    border-bottom: 2px solid #10b6f2;
    padding-bottom: 14px;
    color: #10b6f2; }

.tabcon2 {
  display: none; }
  .tabcon2.active {
    display: block; }

.main-box .tabs2, .main-box .tabcon2 {
  margin: 0 -32px; }

/************/
.empty-content {
  text-align: center; }
  .empty-content .inner {
    padding: 40px 0;
    display: inline-block; }
  .empty-content .message {
    margin-top: 2px;
    font-size: 16px;
    color: #999; }
    .empty-content .message a {
      margin: 0 5px; }

/************/
.hide {
  display: none; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

/************/
.study-hard, .study-easy, .study-normal {
  height: 24px;
  padding: 0 13px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  color: #fff; }

.study-hard {
  background-color: #ff7200; }

.study-easy {
  background-color: #77ce3f; }

.study-normal {
  background-color: #55b7f6; }

/************/
.file-upload {
  padding: 5px 0;
  display: inline-block; }

.file-uploading, .file-uploaded {
  padding: 1px 30px 1px 7px;
  border: 1px solid #dfdfdf;
  position: relative; }
  .file-uploading .col-1, .file-uploaded .col-1 {
    float: left; }
  .file-uploading .col-2, .file-uploaded .col-2 {
    line-height: 27px; }
  .file-uploading .col-3, .file-uploaded .col-3 {
    position: absolute;
    bottom: 2px;
    right: 10px; }
  .file-uploading .iconfont, .file-uploading .file-title, .file-uploaded .iconfont, .file-uploaded .file-title {
    color: #10b6f2; }
  .file-uploading .icon-pragclip, .file-uploaded .icon-pragclip {
    margin-right: 5px;
    font-size: 18px; }
  .file-uploading .file-title, .file-uploaded .file-title {
    max-width: 300px;
    margin-right: 8px; }
  .file-uploading .progress-bar, .file-uploaded .progress-bar {
    margin-right: 10px; }

.file-uploading .progress-bar-opt {
  float: left; }

.file-uploading .progress-bar {
  width: 85%;
  height: 8px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #dedede;
  display: inline-block; }

.file-uploading .bar {
  width: 50%;
  height: 100%;
  background-color: #10b6f2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.file-uploaded .state {
  margin-right: 12px; }

.img-upload {
  border: 1px solid #e5e5e5;
  min-height: 150px;
  width: 212px;
  height: 151px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  float: left; }
  .img-upload .cover {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20);
    z-index: 1; }
  .img-upload img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    z-index: 0; }
  .img-upload span.text {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    padding-top: 35px;
    display: block;
    color: #ccc;
    text-align: center;
    font-size: 14px; }
  .img-upload i {
    background: url(images/icons/icon-add-upload.png) 50% 50% no-repeat;
    font-style: normal;
    font-size: 0;
    line-height: 1;
    display: block;
    font-family: "宋体";
    height: 50px;
    margin: 0 0 10px; }

/************/
.btn-dropdownSel {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  color: #10b6f2; }
  .btn-dropdownSel > i.iconfont:before {
    font-size: 15px;
    content: "\e607"; }
  .btn-dropdownSel .dropdown {
    left: -25px;
    top: 35px;
    display: none;
    position: absolute;
    border: 1px solid #10b6f2; }
  .btn-dropdownSel ul {
    margin: 0;
    position: relative; }
    .btn-dropdownSel ul:before {
      display: inline-block;
      position: absolute;
      content: " ";
      background: url(images/icons/icon-ddarr.png);
      width: 14px;
      height: 8px;
      left: 50%;
      margin-left: -7px;
      top: -8px; }
  .btn-dropdownSel li {
    text-align: left;
    float: none !important;
    background-color: #fff;
    border: 0;
    margin: 0;
    line-height: 20px;
    padding: 4px 12px;
    font-size: 12px; }
    .btn-dropdownSel li .iconfont {
      vertical-align: -2px; }
    .btn-dropdownSel li a {
      color: #10b6f2; }
    .btn-dropdownSel li:hover {
      color: #fff;
      background-color: #10b6f2; }
      .btn-dropdownSel li:hover a {
        color: #fff; }
  .btn-dropdownSel.active {
    z-index: 999; }
    .btn-dropdownSel.active > i.iconfont:before {
      content: "\e60d"; }
    .btn-dropdownSel.active .dropdown {
      display: block; }

/************/
.box-border {
  margin-bottom: 24px;
  border: 1px solid #eeeeee;
  padding: 10px 15px;
  color: #666; }
  .box-border select {
    color: #10b6f2;
    font-weight: 700; }
  .box-border .form-control {
    width: auto; }
  .box-border .text {
    padding-top: 5px; }
  .box-border .time, .box-border .total {
    display: inline-block;
    margin-right: 10px;
    line-height: 20px; }
  .box-border .total {
    font-weight: 700; }
    .box-border .total span {
      color: #ff7534; }

/************/
.warning-tip {
  max-width: 140px;
  position: absolute;
  padding: 5px 9px;
  line-height: 1.5;
  font-size: 12px;
  border: 1px solid #ff7534;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 99;
  background-color: #fff; }
  .warning-tip:before {
    display: inline-block;
    position: absolute;
    background: url(images/icons/icon-wtarr.png);
    width: 11px;
    height: 9px;
    top: -9px;
    z-index: 1;
    left: 20px;
    content: " "; }

/************/
.searchbar-pop {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ebebeb;
  width: 190px;
  height: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  padding-left: 20px; }
  .searchbar-pop .btn {
    padding: 0;
    margin: 0 3px 0 10px;
    height: 28px;
    width: 24px;
    float: left;
    color: #999999;
    font-size: 17px;
    background: none;
    border: 0; }
    .searchbar-pop .btn:hover, .searchbar-pop .btn:focus {
      outline: 0;
      color: #333; }
  .searchbar-pop .txt {
    margin: 4px 0;
    float: left;
    border: 0;
    background-color: #ebebeb;
    width: 126px;
    line-height: 20px;
    height: 20px;
    font-size: 14px; }
    .searchbar-pop .txt:hover, .searchbar-pop .txt:focus {
      outline: 0; }
    .searchbar-pop .txt::-webkit-input-placeholder {
      color: #999;
      opacity: 1; }
    .searchbar-pop .txt::-moz-placeholder {
      color: #999;
      opacity: 1; }
    .searchbar-pop .txt:-ms-input-placeholder {
      color: #999;
      opacity: 1; }
    .searchbar-pop .txt:-moz-placeholder {
      color: #999;
      opacity: 1; }
    .searchbar-pop .txt::placeholder {
      color: #999;
      opacity: 1; }

/************/
.dir-tree .node, .dir-tree .active {
  line-height: 20px;
  padding: 8px 0;
  display: block;
  border-left: 3px solid #fff;
  cursor: pointer; }

.dir-tree .active {
  color: #10b6f2; }

.dir-tree .tree-1 > li .node {
  padding-left: 32px;
  color: #556073; }
  .dir-tree .tree-1 > li .node.active {
    color: #10b6f2; }

.dir-tree .tree-1 > li.private > .node {
  color: #ff7534; }

.dir-tree .tree-2 > li {
  display: none; }
  .dir-tree .tree-2 > li .node {
    padding-left: 46px;
    color: #999; }

.dir-tree .tree-3 > li {
  display: none; }
  .dir-tree .tree-3 > li .node {
    padding-left: 60px;
    color: #999; }

.dir-tree .tree-4 > li {
  display: none; }
  .dir-tree .tree-4 > li .node {
    padding-left: 74px;
    color: #999; }

.dir-tree .tree-5 > li {
  display: none; }
  .dir-tree .tree-5 > li .node {
    padding-left: 88px;
    color: #999; }

.dir-tree .tree-6 > li {
  display: none; }
  .dir-tree .tree-6 > li .node {
    padding-left: 102px;
    color: #999; }

.dir-tree .tree-7 > li {
  display: none; }
  .dir-tree .tree-7 > li .node {
    padding-left: 116px;
    color: #999; }

.dir-tree .tree-8 > li {
  display: none; }
  .dir-tree .tree-8 > li .node {
    padding-left: 130px;
    color: #999; }

.dir-tree .tree-9 > li {
  display: none; }
  .dir-tree .tree-9 > li .node {
    padding-left: 144px;
    color: #999; }

.dir-tree .tree-10 > li {
  display: none; }
  .dir-tree .tree-10 > li .node {
    padding-left: 158px;
    color: #999; }

.dir-tree .tree-11 > li {
  display: none; }
  .dir-tree .tree-11 > li .node {
    padding-left: 172px;
    color: #999; }

.dir-tree .tree-12 > li {
  display: none; }
  .dir-tree .tree-12 > li .node {
    padding-left: 186px;
    color: #999; }

.dir-tree .tree-13 > li {
  display: none; }
  .dir-tree .tree-13 > li .node {
    padding-left: 200px;
    color: #999; }

.dir-tree .tree-14 > li {
  display: none; }
  .dir-tree .tree-14 > li .node {
    padding-left: 214px;
    color: #999; }

.dir-tree .tree-15 > li {
  display: none; }
  .dir-tree .tree-15 > li .node {
    padding-left: 228px;
    color: #999; }

.dir-tree .tree-16 > li {
  display: none; }
  .dir-tree .tree-16 > li .node {
    padding-left: 242px;
    color: #999; }

.dir-tree .tree-17 > li {
  display: none; }
  .dir-tree .tree-17 > li .node {
    padding-left: 256px;
    color: #999; }

.dir-tree .tree-18 > li {
  display: none; }
  .dir-tree .tree-18 > li .node {
    padding-left: 270px;
    color: #999; }

.dir-tree .tree-19 > li {
  display: none; }
  .dir-tree .tree-19 > li .node {
    padding-left: 284px;
    color: #999; }

.dir-tree .node ~ ul, .dir-tree .active ~ ul {
  position: relative; }
  .dir-tree .node ~ ul:before, .dir-tree .active ~ ul:before {
    display: inline-block;
    height: 0;
    width: 0;
    border: 4px solid;
    cursor: pointer;
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 5px solid #999;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    content: "　";
    top: -22px;
    left: 20px; }
  .dir-tree .node ~ ul.tree-3:before, .dir-tree .active ~ ul.tree-3:before {
    left: 34px; }
  .dir-tree .node ~ ul.tree-3:before, .dir-tree .active ~ ul.tree-3:before {
    left: 34px; }
  .dir-tree .node ~ ul.tree-4:before, .dir-tree .active ~ ul.tree-4:before {
    left: 48px; }
  .dir-tree .node ~ ul.tree-5:before, .dir-tree .active ~ ul.tree-5:before {
    left: 62px; }
  .dir-tree .node ~ ul.tree-6:before, .dir-tree .active ~ ul.tree-6:before {
    left: 76px; }
  .dir-tree .node ~ ul.tree-7:before, .dir-tree .active ~ ul.tree-7:before {
    left: 90px; }
  .dir-tree .node ~ ul.tree-8:before, .dir-tree .active ~ ul.tree-8:before {
    left: 104px; }
  .dir-tree .node ~ ul.tree-9:before, .dir-tree .active ~ ul.tree-9:before {
    left: 118px; }
  .dir-tree .node ~ ul.tree-10:before, .dir-tree .active ~ ul.tree-10:before {
    left: 132px; }
  .dir-tree .node ~ ul.tree-11:before, .dir-tree .active ~ ul.tree-11:before {
    left: 146px; }
  .dir-tree .node ~ ul.tree-12:before, .dir-tree .active ~ ul.tree-12:before {
    left: 160px; }
  .dir-tree .node ~ ul.tree-13:before, .dir-tree .active ~ ul.tree-13:before {
    left: 174px; }
  .dir-tree .node ~ ul.tree-14:before, .dir-tree .active ~ ul.tree-14:before {
    left: 188px; }
  .dir-tree .node ~ ul.tree-15:before, .dir-tree .active ~ ul.tree-15:before {
    left: 202px; }
  .dir-tree .node ~ ul.tree-16:before, .dir-tree .active ~ ul.tree-16:before {
    left: 216px; }
  .dir-tree .node ~ ul.tree-17:before, .dir-tree .active ~ ul.tree-17:before {
    left: 230px; }
  .dir-tree .node ~ ul.tree-18:before, .dir-tree .active ~ ul.tree-18:before {
    left: 244px; }
  .dir-tree .node ~ ul.tree-19:before, .dir-tree .active ~ ul.tree-19:before {
    left: 258px; }

.dir-tree .node:hover ~ ul:before {
  width: 0;
  height: 0;
  display: inline-block;
  border-left: 5px solid #10b6f2;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent; }

.dir-tree li.private .node:hover ~ ul:before {
  width: 0;
  height: 0;
  display: inline-block;
  border-left: 5px solid #999;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent; }

.dir-tree .open > .node ~ ul {
  display: block; }
  .dir-tree .open > .node ~ ul > li {
    display: block; }
  .dir-tree .open > .node ~ ul:before {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 5px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: -20px;
    left: 18px; }
  .dir-tree .open > .node ~ ul.tree-1:before {
    left: 4px; }
  .dir-tree .open > .node ~ ul.tree-2:before {
    left: 18px; }
  .dir-tree .open > .node ~ ul.tree-3:before {
    left: 32px; }
  .dir-tree .open > .node ~ ul.tree-4:before {
    left: 46px; }
  .dir-tree .open > .node ~ ul.tree-5:before {
    left: 60px; }
  .dir-tree .open > .node ~ ul.tree-6:before {
    left: 74px; }
  .dir-tree .open > .node ~ ul.tree-7:before {
    left: 88px; }
  .dir-tree .open > .node ~ ul.tree-8:before {
    left: 102px; }
  .dir-tree .open > .node ~ ul.tree-9:before {
    left: 116px; }
  .dir-tree .open > .node ~ ul.tree-10:before {
    left: 130px; }
  .dir-tree .open > .node ~ ul.tree-11:before {
    left: 144px; }
  .dir-tree .open > .node ~ ul.tree-12:before {
    left: 158px; }
  .dir-tree .open > .node ~ ul.tree-13:before {
    left: 172px; }
  .dir-tree .open > .node ~ ul.tree-14:before {
    left: 186px; }
  .dir-tree .open > .node ~ ul.tree-15:before {
    left: 200px; }
  .dir-tree .open > .node ~ ul.tree-16:before {
    left: 214px; }
  .dir-tree .open > .node ~ ul.tree-17:before {
    left: 228px; }
  .dir-tree .open > .node ~ ul.tree-18:before {
    left: 242px; }
  .dir-tree .open > .node ~ ul.tree-19:before {
    left: 256px; }
  .dir-tree .open > .node ~ ul.tree-3:before {
    left: 32px; }

.dir-tree .open > .node:hover ~ ul:before {
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 5px solid #10b6f2;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.dir-tree .opts {
  display: none;
  position: absolute;
  top: 6px;
  right: 0; }
  .dir-tree .opts a {
    margin-right: 10px;
    color: #999; }
    .dir-tree .opts a:hover {
      color: #10b6f2; }

.dir-tree li .active, .dir-tree li .node:hover {
  border-left: 3px solid #10b6f2;
  color: #10b6f2;
  position: relative; }
  .dir-tree li .active ~ ul:before, .dir-tree li .node:hover ~ ul:before {
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 5px solid #10b6f2;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent; }

.dir-tree li .node:hover {
  border-left: 3px solid #e7f8fe;
  background-color: #f7f9fa; }
  .dir-tree li .node:hover .opts {
    display: block; }
  .dir-tree li .node:hover.active {
    color: #10b6f2;
    border-left: 3px solid #10b6f2; }

.dir-tree li .active, .dir-tree li .active:hover {
  background-color: #e7f8fe;
  color: #10b6f2; }

.dir-tree li.open > .node.active ~ ul:before {
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 5px solid #10b6f2;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.dir-tree.edit .node, .dir-tree.edit .active {
  padding-right: 55px; }

.dir-tree input[type="text"] {
  border: 0;
  background: none;
  width: 100%;
  outline: medium;
  color: #8997a5; }

.dir-tree::-webkit-input-placeholder {
  color: #8997a5; }

.dir-tree::-moz-placeholder {
  color: #8997a5; }

.dir-tree:-ms-input-placeholder {
  color: #8997a5; }

.dir-tree:-moz-placeholder {
  color: #8997a5; }

.dir-tree::placeholder {
  color: #8997a5; }

/************/
.p-tabs, .tabs {
  border-bottom: 1px solid #eee; }
  .p-tabs li, .tabs li {
    float: left;
    border-top: 3px solid #fff;
    font-size: 16px;
    padding: 13px 30px;
    line-height: 20px; }
    .p-tabs li a, .tabs li a {
      color: #999; }
    .p-tabs li:hover a, .tabs li:hover a {
      color: #10b6f2; }
    .p-tabs li.active, .tabs li.active {
      border-top: 3px solid #10b6f2; }
      .p-tabs li.active a, .tabs li.active a {
        color: #10b6f2; }
  .p-tabs .btns, .tabs .btns {
    margin: 10px 30px 0 0; }

.p-tabcon {
  display: none;
  padding-top: 10px; }
  .p-tabcon.active {
    display: block; }
  .p-tabcon .list-opt {
    padding-left: 30px;
    padding-right: 30px; }
    .p-tabcon .list-opt .filter-tabs {
      margin-bottom: 0; }

.c-tabs {
  padding-top: 20px;
  border-bottom: 1px solid #e2e2e2; }
  .c-tabs dl {
    margin: 0; }
    .c-tabs dl dt {
      overflow: hidden;
      float: left;
      margin: 0 15px 0 30px; }
    .c-tabs dl dd {
      font-size: 0;
      margin: 0;
      padding-right: 20px; }
      .c-tabs dl dd a {
        font-size: 14px;
        display: inline-block;
        padding: 0;
        line-height: 22px;
        color: #999999;
        min-width: 62px;
        text-align: center;
        margin: 0 5px 20px;
        max-width: 150px; }
        .c-tabs dl dd a:hover {
          color: #10b6f2; }
        .c-tabs dl dd a.active {
          color: #fff;
          background-color: #10b6f2; }

.dropdown-tree .trigger {
  max-width: 100%; }

.dropdown-tree .options {
  display: none;
  list-style: none;
  margin: 0;
  position: absolute;
  left: 0;
  overflow: auto;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  z-index: 100; }
  .dropdown-tree .options .dir-tree, .dropdown-tree .options .select-tree {
    overflow: auto; }
    .dropdown-tree .options .dir-tree ul.tree-1, .dropdown-tree .options .select-tree ul.tree-1 {
      float: left; }
  .dropdown-tree .options .select-tree > ul {
    float: left;
    min-width: 100%; }
  .dropdown-tree .options.open {
    display: block; }

.page-main div.fancy-select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .page-main div.fancy-select .trigger {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 29px; }
  .page-main div.fancy-select ul.options.open, .page-main div.fancy-select ul.options {
    max-height: 198px; }

.commonSelect div.fancy-select ul.options {
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  -webkit-transition: none; }
  .commonSelect div.fancy-select ul.options.open {
    -o-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-transition: none; }

/** table **/
.list-table.simple .table-hover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  table-layout: fixed; }
  .list-table.simple .table-hover td, .list-table.simple .table-hover th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 0 15px; }

.list-table.simple th:first-child, .list-table.simple td:first-child {
  padding-left: 10px; }
  .list-table.simple th:first-child.text-center, .list-table.simple td:first-child.text-center {
    padding-left: 0; }

.list-table.simple thead tr {
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.list-table.simple th {
  font-weight: 400;
  color: #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5; }

.list-table.simple td {
  color: #556073;
  word-break: normal;
  word-wrap: normal;
  vertical-align: middle; }
  .list-table.simple td img {
    margin: 0 5px;
    width: 100%;
    max-height: 64px; }
  .list-table.simple td.wrap {
    white-space: normal; }
  .list-table.simple td.select {
    overflow: visible; }

/************/
@media screen and (max-width: 1200px) {
  .file-uploading .file-title, .file-uploaded .file-title {
    max-width: 90%; } }

.w-nav {
  text-align: center;
  position: relative; }
  .w-nav .btn-uploadCourse {
    width: auto;
    margin: 18px 0 0; }
  .w-nav .btn-userEdit {
    position: absolute;
    right: 54px;
    top: 135px; }
  .w-nav .user-head {
    display: block;
    border: 2px solid #e8e8e8;
    width: 116px;
    height: 116px;
    margin: 45px auto  16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden; }
    .w-nav .user-head img {
      width: 116px;
      height: 116px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .w-nav .user-info {
    text-align: center; }
  .w-nav .user-name, .w-nav .user-group {
    display: block;
    max-width: 200px;
    text-align: center;
    margin: 3px auto 0; }
  .w-nav .user-name {
    margin-top: 0;
    font-size: 16px;
    color: #556073; }
  .w-nav .user-group {
    font-size: 12px;
    color: #999999; }
  .w-nav .nav {
    margin-top: 30px; }
    .w-nav .nav li:last-child {
      padding-bottom: 22px; }
    .w-nav .nav.school a {
      padding-left: 28px; }
  .w-nav li {
    text-align: left; }
    .w-nav li a {
      padding: 18px 10px 18px 50px;
      display: block;
      color: #999999;
      font-size: 16px;
      line-height: 24px;
      border-left: 4px solid #fff; }
      .w-nav li a .icon {
        vertical-align: middle; }
      .w-nav li a span {
        margin-left: 7px;
        display: inline-block; }
    .w-nav li .icon-inforec {
      font-size: 22px; }
    .w-nav li .icon-classrec {
      font-size: 26px; }
    .w-nav li .icon-comment {
      font-size: 25px;
      vertical-align: -5px; }
    .w-nav li .icon-count, .w-nav li .icon-teacher, .w-nav li .icon-student, .w-nav li .icon-trend {
      font-size: 24px; }
    .w-nav li:first-child {
      border-top: 1px solid #e9f0f3; }
    .w-nav li.active a, .w-nav li:hover a {
      color: #10b6f2;
      background-color: #e7f8fe;
      border-color: #e7f8fe; }
    .w-nav li.active a {
      border-color: #10b6f2; }

.w-nav .nav .icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  vertical-align: top; }
  .w-nav .nav .icon:before {
    display: none; }

.w-nav .icon-feedback {
  background-position: 0 -32px; }

.w-nav .icon-students {
  background-position: 0 -64px; }

.w-nav .icon-school {
  background-position: 0 -96px; }

.w-classInfo .icon-additem {
  margin-right: 5px; }

.w-org {
  height: 60px;
  margin: 10px 0;
  overflow: hidden;
  width: 210px;
  margin-right: 33px;
  white-space: nowrap; }
  .w-org a {
    font-size: 22px;
    max-width: 210px;
    line-height: 60px;
    height: 60px;
    margin-right: 20px;
    display: inline-block; }

.w-umenu {
  padding-top: 30px;
  font-size: 14px; }
  .w-umenu a {
    vertical-align: -2px;
    color: #666; }
  .w-umenu a:hover {
    text-decoration: none;
    color: #10b6f2; }
  .w-umenu .umessage, .w-umenu .logout {
    vertical-align: middle;
    position: relative; }
    .w-umenu .umessage .icon-message, .w-umenu .umessage .icon-loginout, .w-umenu .umessage .icon-logout, .w-umenu .logout .icon-message, .w-umenu .logout .icon-loginout, .w-umenu .logout .icon-logout {
      color: #999999;
      margin-right: 7px;
      vertical-align: baseline;
      font-size: 15px; }
    .w-umenu .umessage .icon-cir, .w-umenu .logout .icon-cir {
      position: absolute;
      top: -12px;
      left: 7px;
      color: #ff001e;
      font-size: 18px; }
  .w-umenu span.div {
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: #999999;
    margin: 0 10px;
    vertical-align: middle; }

.w-menu {
  clear: both;
  float: none;
  background-color: #0b8cd0;
  height: 50px; }
  .w-menu ul {
    width: 1200px;
    margin: 0 auto;
    display: block; }
  .w-menu li {
    float: left;
    font-size: 16px;
    padding: 15px 26px;
    line-height: 20px; }
    .w-menu li a {
      color: #fff;
      text-decoration: none; }
    .w-menu li:hover {
      background-color: #10b6f2; }
    .w-menu li.active {
      background-color: #10b6f2; }
    .w-menu li:first-child {
      padding-left: 0;
      margin-left: 100px; }
      .w-menu li:first-child:hover {
        background: none; }
      .w-menu li:first-child a:hover {
        background: none; }

.w-search {
  border: 2px solid #10b6f2;
  margin: 20px 0 0 32px; }
  .w-search select {
    border: 0;
    float: left;
    margin: 8px 0 8px 8px;
    height: 20px;
    font-size: 12px; }
    .w-search select:focus {
      outline: 0; }
  .w-search .searchbar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 342px;
    padding-right: 65px; }
    .w-search .searchbar .form-control {
      border: 0;
      min-width: 200px;
      border-left: 1px solid #eee;
      height: 24px;
      margin: 6px 2px 6px 6px; }
    .w-search .searchbar .btn {
      background-color: #10b6f2;
      border: 0;
      width: 58px;
      height: 36px; }
      .w-search .searchbar .btn:focus, .w-search .searchbar .btn:active {
        outline: 0; }
    .w-search .searchbar .icon-search {
      font-size: 19px; }
  .w-search .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    width: 58px;
    text-align: center;
    background-color: #10b6f2; }
  .w-search .fancy-select {
    display: inline-block;
    float: left;
    border: 0; }
  .w-search div.fancy-select div.trigger {
    display: inline-block;
    border: 0;
    margin-top: 4px; }
    .w-search div.fancy-select div.trigger:before {
      display: none; }
  .w-search div.fancy-select ul.options {
    top: 40px; }

.w-usergroup .title, .w-usergroup li {
  padding: 15px 10px 13px 5px;
  line-height: 21px;
  font-size: 14px; }
  .w-usergroup .title .iconfont, .w-usergroup li .iconfont {
    font-weight: 400;
    margin-right: 10px;
    font-size: 16px;
    color: #10b6f2;
    vertical-align: -2px; }
    .w-usergroup .title .iconfont + .iconfont, .w-usergroup li .iconfont + .iconfont {
      margin-right: 0; }

.w-usergroup .title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-right: 0px;
  border-right: none;
  border-bottom: 1px solid #e5e5e5;
  color: #999;
  font-weight: 400;
  height: 51px; }
  .w-usergroup .title .iconfont {
    font-size: 18px; }

.w-usergroup .icon-cir {
  color: #10b6f2; }

.w-usergroup li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 0 16px 6px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  height: 50px; }
  .w-usergroup li:hover {
    background-color: #f7f9fa; }
  .w-usergroup li.active {
    background-color: #e7f8fe; }
    .w-usergroup li.active:hover {
      background-color: #e7f8fe; }
  .w-usergroup li:hover .opts {
    display: inline-block; }
  .w-usergroup li.active .node .text {
    color: #10b6f2; }

.w-usergroup .node {
  margin-right: 54px; }

.w-usergroup .opts {
  display: none;
  position: absolute;
  top: 14px;
  right: 0; }
  .w-usergroup .opts a {
    color: #666; }
    .w-usergroup .opts a:hover {
      text-decoration: none;
      color: #10b6f2; }

.w-userlist {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .w-userlist .table-hover {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed; }
    .w-userlist .table-hover td, .w-userlist .table-hover th {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 14px 0 15px 10px; }
  .w-userlist thead tr {
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .w-userlist th {
    font-weight: 400;
    color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5; }
  .w-userlist td {
    color: #556073;
    word-break: normal;
    word-wrap: normal; }
    .w-userlist td:first-child {
      border-left: 1px solid #e5e5e5; }

.w-adduser .container.pop-form {
  margin-right: 46px; }

.w-adduser .col-xs-5 {
  margin-right: 10px;
  width: 48%; }

.w-adduser .w-manager {
  margin-bottom: 20px; }

.tiptab {
  font-size: 12px;
  color: #fff;
  display: inline-block;
  padding: 0 5px;
  vertical-align: 0;
  margin-right: 4px;
  cursor: pointer;
  line-height: 16px; }
  .tiptab.pub {
    background-color: #10b6f2; }
  .tiptab.off {
    background-color: #ff7534; }
  .tiptab.return {
    background-color: #ffb301; }
  .tiptab.warn {
    padding: 0;
    width: 16px; }
    .tiptab.warn:before {
      content: "\e642";
      font-size: 17px;
      color: #ff0000;
      margin-right: 6px;
      font-weight: 400;
      line-height: 1;
      vertical-align: -1px;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px; }

.w-albumlist, .w-courselist {
  color: #4d4d4d;
  font-size: 14px; }
  .w-albumlist li, .w-courselist li {
    cursor: pointer;
    float: left; }
    .w-albumlist li:hover .item-opts, .w-albumlist li.active .item-opts, .w-albumlist li:active .item-opts, .w-courselist li:hover .item-opts, .w-courselist li.active .item-opts, .w-courselist li:active .item-opts {
      visibility: visible; }
  .w-albumlist a, .w-courselist a {
    text-decoration: none; }
  .w-albumlist .vcenter, .w-courselist .vcenter {
    position: relative;
    display: block; }
  .w-albumlist .item-opts, .w-courselist .item-opts {
    margin: 4px 0 9px;
    padding-right: 0;
    text-align: right;
    visibility: hidden; }
    .w-albumlist .item-opts .wrap, .w-courselist .item-opts .wrap {
      display: inline-block; }
    .w-albumlist .item-opts .btn-text, .w-courselist .item-opts .btn-text {
      display: inline-block; }
    .w-albumlist .item-opts .iconfont, .w-courselist .item-opts .iconfont {
      margin-right: 2px;
      font-size: 16px;
      vertical-align: -1px; }
    .w-albumlist .item-opts .btn, .w-courselist .item-opts .btn {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      white-space: normal; }
  .w-albumlist .btn-icon-text, .w-courselist .btn-icon-text {
    height: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    line-height: 20px;
    margin-left: 9px;
    border: 1px solid transparent;
    color: #999;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    max-width: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .w-albumlist .btn-icon-text .btn-text, .w-courselist .btn-icon-text .btn-text {
      margin-left: 1px;
      font-size: 12px;
      white-space: nowrap;
      display: inline-block; }
    .w-albumlist .btn-icon-text:hover, .w-courselist .btn-icon-text:hover {
      border: 1px solid #10b6f2;
      color: #10b6f2;
      padding: 0 5px;
      max-width: 100px; }
  .w-albumlist .mask, .w-courselist .mask {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    top: 0;
    left: 0; }

.w-courselist ul {
  margin: 0 -20px 0 -10px; }

.w-courselist .list-table {
  padding-left: 22px; }
  .w-courselist .list-table .title {
    font-size: 16px; }
  .w-courselist .list-table .info .time {
    font-size: 12px; }
  .w-courselist .list-table .btn-link {
    color: #10b6f2; }
    .w-courselist .list-table .btn-link span {
      display: none; }
    .w-courselist .list-table .btn-link:hover span {
      display: inline-block; }

.w-courselist .file-icon img {
  width: 80px;
  height: 80px; }

.w-courselist .list-grid {
  padding-left: 16px; }
  .w-courselist .list-grid > ul > li {
    margin: 0 0 7px 7px; }

.w-courselist .list-grid > ul > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 238px;
  padding: 14px 13px 0;
  border: 1px solid #fff;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s, -moz-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s, -moz-box-shadow 0.2s; }
  .w-courselist .list-grid > ul > li.sortable-placeholder {
    width: 238px;
    height: 225px;
    border: 1px dotted #eee;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18); }
  .w-courselist .list-grid > ul > li:hover, .w-courselist .list-grid > ul > li.active {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    border: 1px solid #eee; }
    .w-courselist .list-grid > ul > li:hover .opts-list, .w-courselist .list-grid > ul > li.active .opts-list {
      display: block; }
    .w-courselist .list-grid > ul > li:hover .mask, .w-courselist .list-grid > ul > li.active .mask {
      display: block; }

.w-courselist .tiptab {
  vertical-align: 2px; }

.w-courselist .edit .tiptab {
  vertical-align: 0; }

.w-courselist .list-grid .tiptab {
  vertical-align: 0; }

.w-courselist .box {
  height: 150px;
  position: relative; }

.w-courselist .opts-list {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 1; }
  .w-courselist .opts-list .wrap {
    margin-top: 40px;
    display: inline-block; }
  .w-courselist .opts-list a {
    color: #fff;
    float: left;
    font-size: 12px;
    width: 50px; }
    .w-courselist .opts-list a:hover {
      color: #fff; }
  .w-courselist .opts-list .iconfont {
    font-size: 32px;
    color: #fff; }
    .w-courselist .opts-list .iconfont.icon-digg, .w-courselist .opts-list .iconfont.icon-undigg {
      display: inline-block;
      width: 32px;
      height: 32px;
      line-height: 31px;
      margin: 8px 0;
      font-size: 16px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #FFF;
      -webkit-box-shadow: 0 0 0 0.5px #FFF;
      -moz-box-shadow: 0 0 0 0.5px #FFF;
      box-shadow: 0 0 0 0.5px #FFF; }
  .w-courselist .opts-list a:hover .icon-digg, .w-courselist .opts-list a:hover .icon-undigg {
    background: #FFF;
    color: #000; }

.w-courselist .title {
  text-align: left; }
  .w-courselist .title .text {
    width: 100%;
    margin-right: 4px;
    padding: 5px 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #556073;
    display: block; }
    .w-courselist .title .text + .text {
      margin-bottom: 13px;
      color: #999; }
    .w-courselist .title .text a {
      color: #556073; }
    .w-courselist .title .text:hover {
      color: #10b6f2; }
      .w-courselist .title .text:hover a {
        color: #10b6f2; }
  .w-courselist .title input[type="text"] {
    display: none;
    width: 100%;
    height: 29px;
    border: 1px solid #cbcbcb;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
    .w-courselist .title input[type="text"].active {
      border: 1px solid #83cfff; }
  .w-courselist .title.edit .text, .w-courselist .title.edit .tiptab {
    display: none; }
  .w-courselist .title.edit input[type="text"] {
    display: block; }

.w-courselist .item-info {
  padding: 0 8px 4px;
  font-size: 14px;
  color: #999; }

.w-courselist .info {
  padding: 0 0 12px;
  color: #999; }
  .w-courselist .info .author {
    float: left;
    max-width: 45%; }
  .w-courselist .info .num {
    float: right;
    max-width: 53%; }
    .w-courselist .info .num .icon-comment {
      font-size: 15px; }
    .w-courselist .info .num a {
      color: #999; }
      .w-courselist .info .num a .iconfont {
        margin-right: 3px; }
      .w-courselist .info .num a + a {
        margin-left: 10px; }

.w-albumlist ul {
  margin-left: -10px;
  margin-right: -10px; }

.w-albumlist li {
  width: 238px;
  height: 232px;
  margin: 0 10px 10px;
  position: relative;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(images/bg/bg-img-1.png) no-repeat 50% 6px; }
  .w-albumlist li:hover, .w-albumlist li:active, .w-albumlist li.active {
    background: none;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
    .w-albumlist li:hover:before, .w-albumlist li:active:before, .w-albumlist li.active:before {
      left: 0;
      top: 151px;
      content: " ";
      z-index: 9;
      position: absolute;
      width: 236px;
      height: 11px;
      background: url(images/bg/bg-album.png) no-repeat; }

.w-albumlist .box {
  width: 210px;
  height: 149px;
  margin: 13px 13px 0;
  overflow: hidden; }
  .w-albumlist .box img {
    min-width: 210px; }

.w-albumlist .vcenter {
  display: block;
  width: 264px;
  height: 100%;
  margin-left: -27px; }
  .w-albumlist .vcenter > .vcenter {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0; }
  .w-albumlist .vcenter .iconfont {
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 84px; }
  .w-albumlist .vcenter .icon-book,
  .w-albumlist .vcenter .icon-examination,
  .w-albumlist .vcenter .icon-school {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url(images/iconfont.png) 0 -128px; }
    .w-albumlist .vcenter .icon-book:before,
    .w-albumlist .vcenter .icon-examination:before,
    .w-albumlist .vcenter .icon-school:before {
      display: none; }
  .w-albumlist .vcenter .icon-examination {
    background-position: 0 -218px; }
  .w-albumlist .vcenter .icon-school {
    background-position: 0 -308px; }

.w-albumlist .title {
  color: #556073;
  display: block;
  padding: 7px 13px 0; }

.w-albumlist .mask {
  background-color: #10b6f2; }

.w-albumlist .item-opts {
  padding-right: 13px; }

.main-box .w-courselist .list-grid > ul {
  margin-left: -49px; }

.main-box .w-courselist .list-grid > ul > li {
  margin-left: 19px; }

.main-box .w-albumlist .list-grid > ul {
  margin-left: -31px;
  margin-right: -20px; }

.main-box .w-albumlist .list-grid > ul > li {
  margin-left: 18px;
  margin-right: 0; }

.w-courselist .list-table {
  margin: 0 -32px; }
  .w-courselist .list-table .btns {
    margin-right: 16px; }

.w-courselist .list-grid .whether-show {
  height: 40px;
  position: relative;
  left: -15px; }
  .w-courselist .list-grid .whether-show .checkbox {
    padding: 0;
    margin-left: 0; }

.w-courselist .list-grid-template .template {
  float: left;
  margin: 10px 40px;
  width: 276px;
  height: 203px;
  border: 1px solid #e5e5e5;
  position: relative; }
  .w-courselist .list-grid-template .template .template-title {
    height: 43px;
    line-height: 43px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #556073;
    font-size: 16px;
    vertical-align: middle; }
    .w-courselist .list-grid-template .template .template-title span {
      vertical-align: middle;
      width: 22px;
      height: 22px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      line-height: 22px;
      display: inline-block;
      text-align: center;
      background: #10b6f2;
      margin-right: 4px;
      margin-top: -3px;
      color: #FFF; }
  .w-courselist .list-grid-template .template .template-content {
    line-height: 25px;
    text-indent: 28px;
    padding: 14px 20px;
    color: #999999; }
  .w-courselist .list-grid-template .template .template-opts {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 56px;
    line-height: 56px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
    .w-courselist .list-grid-template .template .template-opts a {
      display: inline-block;
      padding: 0 8px;
      color: #999; }
      .w-courselist .list-grid-template .template .template-opts a i {
        vertical-align: middle;
        padding: 0 4px;
        display: inline-block;
        margin-top: -2px; }
  .w-courselist .list-grid-template .template:hover {
    -webkit-box-shadow: 0 0 5px 3px #DDD;
    -moz-box-shadow: 0 0 5px 3px #DDD;
    box-shadow: 0 0 5px 3px #DDD;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s, -moz-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s, -moz-box-shadow 0.3s; }
    .w-courselist .list-grid-template .template:hover .template-opts a {
      color: #10b6f2; }

.define-template {
  padding: 20px 20px 0 0; }
  .define-template .btn-uploadfile {
    position: relative;
    height: 30px; }
    .define-template .btn-uploadfile .text {
      float: left;
      background: #FFF;
      height: 30px;
      line-height: 28px;
      padding: 0 8px;
      color: #10b6f2;
      border: 1px solid #e5e5e5;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
      .define-template .btn-uploadfile .text i {
        vertical-align: middle; }

.template-preview {
  padding: 15px 40px; }
  .template-preview .template-title {
    color: #556073;
    font-size: 16px;
    text-align: left; }
  .template-preview .template-content p {
    display: block;
    text-align: left;
    padding: 5px 0;
    width: 100%;
    line-height: 1.8;
    color: #999; }
    .template-preview .template-content p img {
      display: block;
      max-width: 100%;
      margin: 0 auto; }

.w-reslist .list-grid {
  padding-left: 16px; }
  .w-reslist .list-grid > ul > li {
    margin: 0 0 7px 7px; }

.w-reslist .list-opt {
  padding: 15px 27px 5px 30px; }
  .w-reslist .list-opt .checkbox-inline {
    margin-right: 29px; }

.w-uploadPop {
  padding: 20px 20px 0;
  text-align: left; }
  .w-uploadPop .uploadInfo {
    margin-top: 10px;
    border: 1px solid #eeeeee;
    padding: 10px;
    line-height: 1.5;
    font-size: 14px;
    color: #999;
    height: 130px;
    overflow: auto; }

.w-selCourse .dir-tree {
  text-align: left;
  width: 160px;
  height: 390px;
  overflow: hidden;
  overflow-y: auto;
  float: left;
  border-bottom: 1px solid #e2e2e2; }

.w-selCourse .course-list {
  width: 400px;
  height: 390px;
  border-left: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  overflow: hidden;
  overflow-y: auto;
  text-align: left; }

.w-selCourse .opts {
  padding: 10px 20px 0 39px; }

.w-selCourse table {
  margin-bottom: 0; }

.w-selCourse th, .w-selCourse td {
  color: #999;
  font-weight: 400;
  padding: 7px 0;
  line-height: 21px; }
  .w-selCourse th .checkbox-inline, .w-selCourse td .checkbox-inline {
    padding-top: 0;
    padding-left: 39px; }
    .w-selCourse th .checkbox-inline span, .w-selCourse td .checkbox-inline span {
      color: #999; }
      .w-selCourse th .checkbox-inline span:before, .w-selCourse td .checkbox-inline span:before {
        top: 0; }

.w-selCourse tr:hover td, .w-selCourse tr.selected td {
  background-color: #e7f8fe; }

.w-selCourse tr.selected td, .w-selCourse tr.selected .checkbox-inline {
  color: #10b6f2; }
  .w-selCourse tr.selected td .checkbox-inline span, .w-selCourse tr.selected .checkbox-inline .checkbox-inline span {
    color: #10b6f2; }

.w-classInfo .btns {
  margin-top: -10px;
  padding: 0 10px 15px; }
  .w-classInfo .btns .btn-1 {
    padding: 4px 8px; }
    .w-classInfo .btns .btn-1 + .btn-1 {
      margin-left: 8px; }
    .w-classInfo .btns .btn-1 ｂ {
      font-size: 15px; }

.w-classInfo .dir-tree {
  border-top: 1px solid #e2e2e2; }

.w-classInfo .p-title {
  padding-left: 20px; }

.w-res-play {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 775px;
  height: 715px;
  border-right: 1px solid #e5e5e5;
  padding: 10px 20px 20px; }
  .w-res-play .title {
    padding: 7px 0;
    line-height: 20px;
    font-size: 16px; }
  .w-res-play .view {
    height: 550px;
    overflow: hidden;
    text-align: center;
    line-height: 550px; }
    .w-res-play .view > img {
      vertical-align: middle;
      max-width: 100%;
      max-height: 100%; }
  .w-res-play iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block; }
  .w-res-play .viewInfo {
    padding: 20px 0; }
  .w-res-play .baseinfo {
    float: left; }
  .w-res-play .btns {
    float: right; }
  .w-res-play .user-head {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 16px; }
    .w-res-play .user-head img {
      width: 60px;
      height: 60px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .w-res-play .con {
    float: left; }
  .w-res-play .user-name {
    float: left;
    color: #556073;
    max-width: 150px;
    font-weight: bold; }
  .w-res-play .header {
    padding-top: 7px; }
  .w-res-play .time {
    float: left;
    margin-left: 20px;
    color: #999; }
  .w-res-play .info {
    padding-top: 5px;
    color: #999; }
    .w-res-play .info span {
      margin-right: 20px; }
    .w-res-play .info b {
      font-weight: 400;
      color: #10b6f2;
      vertical-align: -1px; }
    .w-res-play .info #comment_count {
      vertical-align: -1px; }
  .w-res-play .btns {
    padding-top: 15px; }
    .w-res-play .btns .btn {
      margin-left: 20px; }

.w-res-msg {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: 384px;
  padding: 10px 0 20px; }

.w-msg-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 20px; }
  .w-msg-input .header {
    line-height: 20px;
    font-size: 16px;
    padding: 7px 0; }
    .w-msg-input .header b {
      font-weight: 400; }
  .w-msg-input .form-control {
    font-size: 14px;
    line-height: 1.5;
    height: 97px; }
    .w-msg-input .form-control :focus {
      border-color: #10b6f2; }

.w-msg-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 480px;
  overflow: hidden;
  overflow-y: auto; }
  .w-msg-list .more {
    padding: 20px;
    text-align: right; }
    .w-msg-list .more a {
      font-size: 12px;
      color: #999; }
      .w-msg-list .more a:hover {
        color: #10b6f2; }
  .w-msg-list li {
    padding: 25px 20px; }
    .w-msg-list li + li {
      border-top: 1px solid #e5e5e5; }
  .w-msg-list .user-head {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 15px; }
    .w-msg-list .user-head img {
      width: 100%;
      height: 100%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .w-msg-list .body {
    overflow: hidden; }
  .w-msg-list .header {
    padding-top: 7px; }
  .w-msg-list .user-name {
    float: left;
    color: #556073;
    font-weight: bold; }
  .w-msg-list .time {
    float: right;
    color: #999; }
  .w-msg-list .con {
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    padding-top: 5px; }

.w-class-info {
  overflow: hidden;
  margin: 0 15px; }
  .w-class-info .cover {
    float: left;
    width: 210px;
    height: 149px;
    margin-right: 20px; }
    .w-class-info .cover img {
      width: 100%;
      height: 100%; }
  .w-class-info .title {
    color: #10b6f2;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    line-height: 1; }
  .w-class-info .body {
    overflow: hidden;
    line-height: 24px; }
    .w-class-info .body p {
      margin: 0;
      padding: 0; }

.w-class-dir {
  margin-top: 15px;
  padding-bottom: 60px; }
  .w-class-dir .title {
    padding: 15px;
    font-size: 16px;
    color: #10b6f2;
    line-height: 20px; }
    .w-class-dir .title .iconfont {
      margin-right: 8px; }
  .w-class-dir .dir-tree {
    border-top: 1px solid #eee; }
    .w-class-dir .dir-tree li {
      position: relative; }
    .w-class-dir .dir-tree .node, .w-class-dir .dir-tree .active {
      padding-top: 15px;
      padding-bottom: 15px;
      padding-right: 55%;
      border-left-width: 4px !important; }
    .w-class-dir .dir-tree .node ~ ul:before, .w-class-dir .dir-tree .active ~ ul:before {
      top: -29px; }
    .w-class-dir .dir-tree .open .node ~ ul:before {
      top: -27px; }
    .w-class-dir .dir-tree .src {
      position: absolute;
      top: 9px;
      right: 18px; }
      .w-class-dir .dir-tree .src a {
        display: inline-block;
        margin: 0 1px; }

.w-selres .fancy-select {
  width: 200px; }

.w-selres .selres {
  margin: 29px 0 9px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }
  .w-selres .selres .dir-tree {
    float: left;
    width: 220px;
    height: 140px;
    overflow: hidden;
    overflow-y: auto; }
  .w-selres .selres .icon-fileopen, .w-selres .selres .icon-fileclose {
    margin-right: 10px; }
  .w-selres .selres .course-list {
    width: 340px;
    height: 140px;
    float: left;
    border-left: 1px solid #e5e5e5;
    margin-left: -1px;
    overflow: hidden;
    overflow-y: auto; }
    .w-selres .selres .course-list .selected {
      background-color: #e7f8fe; }
  .w-selres .selres .checkbox {
    margin: 0;
    padding: 7px 39px 8px; }

.w-courses > ul > li {
  width: 729px;
  border: 1px solid #e5e5e5;
  padding: 12px;
  margin-bottom: 17px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .w-courses > ul > li:hover {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18); }

.w-courses .col {
  float: left; }

.w-courses .opts {
  text-align: right; }

.w-courses .btn-1 {
  width: 60px; }

.w-courses .cover {
  width: 140px;
  height: 100px; }

.w-courses .col2 {
  margin-left: 18px;
  width: 516px; }

.w-courses .status {
  color: #999;
  font-size: 14px;
  margin-top: 4px; }

.w-courses .opts {
  margin-top: 23px; }
  .w-courses .opts .btn {
    margin-right: 16px; }

.w-courses .learned {
  margin-left: 39px; }

.w-courses .tiptab {
  padding: 1px 5px; }

.w-courses .text {
  position: relative; }
  .w-courses .text > span, .w-courses .text > a {
    float: left; }
  .w-courses .text > a {
    line-height: 17px;
    width: 386px;
    color: #556073; }
  .w-courses .text > span {
    margin-right: 7px; }
  .w-courses .text .opts-menu {
    position: absolute;
    z-index: 2;
    top: 4px;
    cursor: pointer;
    right: -10px;
    color: #556073;
    font-size: 14px;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .w-courses .text .opts-menu span {
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -50%;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px; }
      .w-courses .text .opts-menu span i {
        -webkit-text-stroke-width: 0;
        color: #999; }
    .w-courses .text .opts-menu .sub-opts {
      display: none;
      position: relative;
      top: 25px;
      left: 50%;
      width: 96px;
      margin-left: -49px;
      border: 1px solid #10b6f2;
      padding: 4px 0;
      background: #FFF; }
      .w-courses .text .opts-menu .sub-opts:before {
        position: absolute;
        top: -4px;
        width: 5px;
        height: 5px;
        left: 50%;
        margin-left: -2px;
        display: block;
        content: '';
        background: #FFF;
        border-left: 1px solid #10b6f2;
        border-top: 1px solid #10b6f2;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .w-courses .text .opts-menu .sub-opts a {
        display: block;
        width: 100%;
        line-height: 28px;
        padding-left: 10px;
        color: #999; }
        .w-courses .text .opts-menu .sub-opts a i {
          padding-right: 4px;
          font-size: 18px;
          -webkit-text-stroke-width: 0;
          position: relative;
          top: 1px; }
        .w-courses .text .opts-menu .sub-opts a:hover {
          color: #10b6f2; }
    .w-courses .text .opts-menu:hover span i {
      color: #10b6f2; }
    .w-courses .text .opts-menu:hover .sub-opts {
      display: block; }

.w-courses .btn-dropdownSel {
  float: right;
  margin-top: -3px;
  padding: 0; }
  .w-courses .btn-dropdownSel ul {
    margin: -3px 0 0 -4px; }

.w-courses .desc {
  color: #999;
  font-size: 14px;
  margin-top: 7px;
  line-height: 1.8;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 47px; }

.w-courses .author {
  display: block;
  margin-top: 5px; }

.w-courses .avatar {
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle; }
  .w-courses .avatar img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.w-courses .name {
  font-size: 12px;
  color: #999;
  display: inline-block;
  vertical-align: middle; }

.w-classpub .file-upload {
  border: 1px solid #e5e5e5;
  padding: 5px 10px; }

.w-classpub .radio-inline span:before {
  left: -22px; }

.w-classpub .help-1 {
  margin-top: 60px; }

.w-classpub textarea {
  height: 150px; }

.w-classpub input.date {
  width: 153px; }

.study-course .cover {
  width: 140px;
  height: 100px;
  float: left; }
  .study-course .cover img {
    width: 100%;
    height: 100%; }

.study-course .detail {
  float: left;
  margin-top: -4px; }
  .study-course .detail .title {
    color: #556073;
    font-size: 16px; }
  .study-course .detail .study-count {
    margin-top: 8px; }
    .study-course .detail .study-count .item {
      color: #999;
      font-size: 0;
      margin: 4px auto; }
      .study-course .detail .study-count .item span, .study-course .detail .study-count .item i {
        font-size: 14px;
        vertical-align: middle;
        font-style: normal;
        padding-right: 4px;
        display: inline-block; }
      .study-course .detail .study-count .item i.iconfont {
        font-size: 16px; }

.list-opt.study-filter {
  margin-top: 10px !important; }

.w-adduser .list-group {
  border: 1px solid #ddd;
  height: 200px;
  overflow: auto;
  text-align: left; }
  .w-adduser .list-group a:hover {
    background-color: #f1f1f1;
    text-decoration: none; }
  .w-adduser .list-group a.active:hover {
    background-color: #10b6f2; }

.w-adduser .list-ctrl .btn {
  font-family: "宋体";
  color: #999;
  font-weight: 700; }
  .w-adduser .list-ctrl .btn:hover {
    color: #333; }

.w-adduser .list-ctrl .btn + .btn {
  margin-top: 5px; }

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

.w-adduser input[type="text"].form-control {
  height: 30px; }

.w-userstudy {
  padding: 20px 0px;
  text-align: left; }
  .w-userstudy .list-opt {
    padding: 0px 30px; }
    .w-userstudy .list-opt .text {
      font-size: 14px;
      padding-bottom: 24px; }
      .w-userstudy .list-opt .text span {
        font-size: 16px;
        color: #10b6f2; }
    .w-userstudy .list-opt .filter-tabs {
      padding-left: 0; }
  .w-userstudy th:first-child {
    width: 84px; }

.wgt-message .title {
  font-size: 16px;
  margin: 10px 0; }

.wgt-message p {
  padding: 0 20px 0 21px;
  text-align: left;
  overflow: auto;
  height: 188px; }

.wgt-message .form-btns span {
  font-family: "SimSun"; }

.wgt-message .form-btns a {
  padding: 0 20px; }

.list-table {
  color: #75809c;
  position: relative; }
  .list-table .img {
    width: 142px;
    height: 80px; }
  .list-table .num {
    color: #ff4545;
    font-size: 18px;
    font-weight: 700;
    margin: 0 6px; }
  .list-table .title {
    display: block;
    color: #10b6f2;
    font-size: 18px;
    margin-bottom: 4px;
    padding: 0;
    margin-top: -4px; }
    .list-table .title a {
      color: #4d4d4d;
      display: inline-block;
      max-width: 100%; }
    .list-table .title input[type="text"] {
      display: none; }
    .list-table .title.edit a {
      display: none; }
    .list-table .title.edit .tiptab {
      display: inline-block; }
    .list-table .title.edit input[type="text"] {
      display: inline-block;
      width: 50%; }
  .list-table .time {
    display: inline-block;
    color: #999; }
  .list-table .more {
    text-align: right; }
    .list-table .more .iconfont {
      margin-right: 7px; }
  .list-table .group {
    color: #999;
    display: inline-block;
    margin-left: 15px; }
    .list-table .group b {
      font-weight: 400;
      margin-right: 15px; }
  .list-table .icon-group {
    font-size: 15px;
    margin-right: 3px; }
  .list-table tr:hover .title, .list-table tr:hover .info, .list-table tr:hover .num {
    color: #10b6f2; }
  .list-table tr:hover .title a {
    color: #10b6f2; }
  .list-table tr:hover .btn-5 {
    background-color: #54b7f5;
    border-color: #54b7f5;
    color: #fff; }
  .list-table .btn-link {
    color: #54b7f5; }
    .list-table .btn-link:hover {
      color: #10b6f2;
      text-decoration: none; }
  .list-table .btns .btn-link {
    padding: 8px 10px; }

.w-ac-list td {
  padding-top: 20px;
  padding-bottom: 20px; }

.w-activity, .w-work {
  color: #4d4d4d;
  font-size: 16px;
  margin-bottom: 20px; }
  .w-activity .header, .w-work .header {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding: 15px; }
    .w-activity .header .opts, .w-work .header .opts {
      float: right; }
  .w-activity .doc img, .w-work .doc img {
    width: 100%;
    max-width: 100%;
    max-height: 450px; }
  .w-activity .doc iframe, .w-work .doc iframe {
    width: 100%;
    height: 450px;
    border: none;
    display: block; }
  .w-activity .text, .w-work .text {
    font-size: 16px;
    line-height: 30px; }

.w-activity-img {
  width: 100%;
  max-height: 450px; }

.w-activity {
  margin: 0 auto;
  width: 640px; }
  .w-activity .header {
    text-align: center;
    border-bottom: 0;
    margin-bottom: 0; }
  .w-activity .title {
    color: #10b6f2;
    font-size: 18px; }
  .w-activity .text {
    line-height: 28px;
    font-size: 14px;
    color: #556073; }
  .w-activity .doc {
    margin: 20px 0 40px;
    overflow: auto; }

.w-work {
  background-color: #f4f7f9;
  padding: 0 20px 20px;
  margin-bottom: 0; }
  .w-work .title {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px; }
  .w-work .header {
    padding: 20px 0 0 0;
    left: 0;
    right: 0;
    border-bottom: 0; }
  .w-work .doc {
    margin: 0 auto;
    width: 640px;
    padding: 0;
    text-align: center;
    min-height: 450px; }
    .w-work .doc iframe {
      width: 100%;
      min-height: 450px;
      border: 0;
      display: block; }
  .w-work .scroll-pane {
    outline: none; }
  .w-work .infos-author {
    color: #666;
    padding: 15px 0px;
    font-size: 14px;
    color: #10b6f2; }
  .w-work .infos {
    float: left; }
  .w-work .portrait {
    margin-right: 6px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .w-work .portrait img {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .w-work .date {
    line-height: 30px;
    float: right; }
  .w-work .text {
    margin-top: 0;
    font-size: 14px;
    line-height: 24px; }
    .w-work .text p {
      text-indent: 2em; }
  .w-work .opts a.btn {
    color: #fff; }
  .w-work .warning {
    display: inline-block;
    padding-top: 5px;
    font-size: 14px;
    color: #ff0000; }
    .w-work .warning .iconfont {
      margin-right: 10px;
      vertical-align: -2px; }

.w-ac-panel {
  background: url(images/bg/bg-color.png);
  color: #fff; }
  .w-ac-panel .inner {
    width: 1000px;
    padding: 0 30px;
    height: 159px;
    margin: 0 auto;
    background: url(images/bg/bg-dot.png) 50% 50% no-repeat; }
  .w-ac-panel .icon-activity {
    margin: 42px 26px 0 0;
    float: left; }
  .w-ac-panel .baseinfo {
    float: left; }
    .w-ac-panel .baseinfo .title {
      margin-top: 50px;
      line-height: 1.5;
      font-size: 20px;
      font-weight: 700; }
    .w-ac-panel .baseinfo .time {
      margin-top: 8px;
      font-size: 14px; }
  .w-ac-panel .total {
    text-align: right;
    margin-top: 50px;
    font-size: 14px;
    padding-bottom: 5px; }
    .w-ac-panel .total b {
      font-size: 16px; }
    .w-ac-panel .total span > span {
      margin: 0 3px; }

.w-ac-list {
  margin: 0 -32px; }
  .w-ac-list .title {
    line-height: 27px; }
  .w-ac-list li {
    padding: 25px 132px 25px 32px;
    position: relative; }
    .w-ac-list li:hover {
      background-color: #e7f8fe; }
  .w-ac-list .title {
    max-width: 70%;
    color: #10b6f2;
    font-size: 16px;
    float: left; }
  .w-ac-list .opts-menu {
    position: absolute;
    z-index: 2;
    top: 20px;
    cursor: pointer;
    right: 30px;
    color: #556073;
    font-size: 14px;
    width: 20px;
    height: 20px; }
    .w-ac-list .opts-menu span {
      display: block;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px; }
      .w-ac-list .opts-menu span i {
        -webkit-text-stroke-width: 0;
        color: #999; }
    .w-ac-list .opts-menu .sub-opts {
      display: none;
      position: absolute;
      top: 25px;
      left: 50%;
      width: 106px;
      margin-left: -53px;
      border: 1px solid #10b6f2;
      padding: 4px 0;
      background: #FFF; }
      .w-ac-list .opts-menu .sub-opts:before {
        position: absolute;
        top: -4px;
        width: 5px;
        height: 5px;
        left: 50%;
        margin-left: -2px;
        display: block;
        content: '';
        background: #FFF;
        border-left: 1px solid #10b6f2;
        border-top: 1px solid #10b6f2;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .w-ac-list .opts-menu .sub-opts a {
        display: inline-block;
        width: 100%;
        text-align: center;
        line-height: 28px;
        color: #999; }
        .w-ac-list .opts-menu .sub-opts a i {
          padding-right: 4px;
          font-size: 18px;
          -webkit-text-stroke-width: 0;
          position: relative;
          top: 1px; }
        .w-ac-list .opts-menu .sub-opts a:hover {
          color: #10b6f2; }
    .w-ac-list .opts-menu:hover span {
      color: #10b6f2; }
    .w-ac-list .opts-menu:hover .sub-opts {
      display: block; }
  .w-ac-list .info {
    padding: 10px 0 0;
    color: #999;
    font-size: 14px; }
    .w-ac-list .info span {
      padding-right: 20px; }
      .w-ac-list .info span:last-child {
        padding-left: 40px; }
    .w-ac-list .info i {
      color: #10b6f2;
      padding: 0 4px;
      font-style: normal;
      font-size: 16px; }
  .w-ac-list .text {
    color: #556073;
    padding: 10px 110px 0 0; }
  .w-ac-list .more {
    text-align: right;
    position: absolute;
    z-index: 1;
    width: 90px;
    right: 30px;
    top: 60px; }
    .w-ac-list .more a {
      color: #10b6f2;
      display: inline-block;
      width: 100%;
      line-height: 30px; }
    .w-ac-list .more .icon-viewac {
      margin-right: 5px; }

.w-actipub .items {
  margin-left: 17px;
  overflow: hidden;
  font-size: 16px; }

.w-actipub .item {
  width: 279px;
  height: 184px;
  border: 1px solid #e5e5e5;
  float: left;
  margin: 0 17px 17px 17px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .w-actipub .item:hover {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18); }
  .w-actipub .item .radio-inline {
    width: 1.25rem;
    height: 1.25rem;
    margin: 9px auto 0 auto;
    display: block; }

.w-actipub .title {
  font-size: 16px;
  height: 41px;
  line-height: 41px;
  padding: 0 16px;
  border-bottom: 1px solid #e5e5e5;
  display: block;
  color: #556073; }

.w-actipub .desc {
  color: #999;
  padding: 19px 16px 10px 16px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 92px; }

.w-actipub .num {
  font-size: 16px;
  color: #fff;
  width: 22px;
  height: 22px;
  background: #10b6f2;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px; }

.w-actipub .date {
  width: 150px; }

.w-actilist {
  overflow: hidden; }
  .w-actilist .btn-dropdownSel {
    z-index: 1; }
    .w-actilist .btn-dropdownSel li a, .w-actilist .btn-dropdownSel li i {
      color: #999; }
    .w-actilist .btn-dropdownSel li:hover {
      background: #fff; }
      .w-actilist .btn-dropdownSel li:hover a, .w-actilist .btn-dropdownSel li:hover i {
        color: #10b6f2; }
  .w-actilist .c-title {
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 25px 20px;
    margin-bottom: 15px; }
    .w-actilist .c-title .time {
      color: #999;
      padding: 3px 0 0 15px; }
  .w-actilist .d-title {
    color: #10b6f2;
    padding-left: 20px;
    font-size: 16px; }
    .w-actilist .d-title i {
      margin-right: 2px; }
  .w-actilist .title {
    color: #10b6f2;
    font-size: 16px;
    width: 400px; }
  .w-actilist .item {
    float: left;
    margin: 0 26px; }
    .w-actilist .item i {
      margin-right: 2px; }
  .w-actilist .num, .w-actilist i {
    color: #10b6f2; }
  .w-actilist .num {
    font-size: 14px; }
  .w-actilist .items {
    overflow: hidden; }
  .w-actilist .page-side {
    width: 340px;
    padding-bottom: 80px; }
  .w-actilist .page-main {
    width: 661px; }
  .w-actilist .col {
    float: left; }
  .w-actilist .col1 {
    width: 70px;
    height: 70px; }
  .w-actilist .col2 {
    width: 492px;
    margin-left: 17px; }
  .w-actilist .lists > li {
    width: 611px;
    padding: 17px 13px 17px 17px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 20px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; }
    .w-actilist .lists > li:hover {
      -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
      -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18); }
  .w-actilist .lists .btn-dropdownSel {
    float: right;
    padding: 0;
    margin-top: -8px; }
  .w-actilist .lists .dropdown {
    padding: 5px 0;
    left: -41px;
    top: 28px; }
    .w-actilist .lists .dropdown li {
      padding: 2px 9px; }
  .w-actilist .lists-2 {
    padding-left: 33px;
    border-left: 1px solid #b7e9fb;
    float: left;
    margin: 0;
    padding-bottom: 20px; }
    .w-actilist .lists-2 > li {
      width: 505px; }
      .w-actilist .lists-2 > li .col2 {
        width: 385px; }
  .w-actilist .sec {
    position: relative; }
    .w-actilist .sec .time {
      float: left;
      width: 57px;
      padding-right: 12px;
      text-align: right;
      position: relative;
      margin-top: 44px; }
      .w-actilist .sec .time:after {
        content: '';
        position: absolute;
        width: 9px;
        height: 9px;
        background: #10b6f2;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        right: -5px;
        top: 6px; }
  .w-actilist .opts a {
    font-size: 14px;
    color: #10b6f2;
    margin: 0 20px; }
  .w-actilist .a-title > a {
    font-size: 16px; }
  .w-actilist .status {
    font-size: 14px;
    color: #999;
    margin-top: 1px; }
  .w-actilist .line3 {
    margin-top: 3px;
    overflow: hidden; }
    .w-actilist .line3 .num {
      margin: 0 1px; }
  .w-actilist .dir-tree {
    margin-top: 20px; }
  .w-actilist .dir-tree .tree-1 > li .node {
    padding-left: 60px; }
  .w-actilist .dir-tree .tree-2 > li .node {
    padding-left: 72px; }
  .w-actilist .dir-tree .tree-3 > li .node {
    padding-left: 82px; }
  .w-actilist .dir-tree .node ~ ul:before, .w-actilist .dir-tree .active ~ ul:before {
    top: -28px;
    left: 57px; }
  .w-actilist .dir-tree .open > .node ~ ul.tree-2:before {
    top: -24px;
    left: 44px; }
  .w-actilist .dir-tree .open > .node ~ ul.tree-3:before {
    top: -24px;
    left: 57px; }
  .w-actilist .dir-tree li, .w-actilist .dir-tree .node {
    position: relative;
    overflow: visible; }
  .w-actilist .dir-tree .node {
    padding: 12px 0; }
    .w-actilist .dir-tree .node:hover .btn-dropdownSel {
      display: block; }
  .w-actilist .dir-tree .btn-dropdownSel {
    display: none;
    position: absolute;
    top: 11px;
    left: 19px;
    overflow: visible;
    background: transparent;
    padding: 0; }
    .w-actilist .dir-tree .btn-dropdownSel ul:before {
      left: 13px; }
    .w-actilist .dir-tree .btn-dropdownSel .dropdown {
      left: -8px;
      top: 28px;
      padding: 5px 0 7px 0;
      background: #fff; }
    .w-actilist .dir-tree .btn-dropdownSel > i.iconfont:before,
    .w-actilist .dir-tree .btn-dropdownSel.active > i.iconfont:before {
      font-size: 15px;
      content: "\e68b"; }
    .w-actilist .dir-tree .btn-dropdownSel.active {
      border: none;
      padding: 0;
      position: absolute;
      background: transparent;
      color: #999; }
      .w-actilist .dir-tree .btn-dropdownSel.active:hover li {
        color: #999; }
    .w-actilist .dir-tree .btn-dropdownSel li {
      padding: 2px 28px 2px 16px;
      font-size: 14px; }
      .w-actilist .dir-tree .btn-dropdownSel li:hover {
        background: #fff; }
        .w-actilist .dir-tree .btn-dropdownSel li:hover span {
          color: #10b6f2; }
  .w-actilist .n-num {
    background: #f6bc41;
    width: 18px;
    height: 19px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 11px;
    right: 16px; }
  .w-actilist .radio-inline span:before {
    top: 0px;
    left: -23px;
    font-size: 17px; }

.w-fb-detail .table-hover td, .w-fb-detail .table-hover th, .w-fb-total .table-hover td, .w-fb-total .table-hover th, .w-mmsg .table-hover td, .w-mmsg .table-hover th, .w-fb-list .table-hover td, .w-fb-list .table-hover th {
  padding: 9px 30px 9px 30px; }

.w-fb-detail th, .w-fb-total th, .w-mmsg th, .w-fb-list th {
  font-weight: 400;
  color: #999; }

.w-fb-detail td, .w-fb-total td, .w-mmsg td, .w-fb-list td {
  color: #556073; }

.w-mmsg {
  padding: 0; }
  .w-mmsg th {
    background-color: #f4f7f9; }

.w-fb-detail th, .w-fb-total th, .w-fb-list th {
  background-color: #f4f7f9; }

.w-fb-detail, .w-fb-list {
  padding: 0; }
  .w-fb-detail .table-hover, .w-fb-list .table-hover {
    table-layout: fixed; }
    .w-fb-detail .table-hover td, .w-fb-detail .table-hover th, .w-fb-list .table-hover td, .w-fb-list .table-hover th {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 9px 10px 9px 32px; }
  .w-fb-detail th, .w-fb-list th {
    background-color: #f4f7f9;
    color: #999; }
  .w-fb-detail td, .w-fb-list td {
    color: #556073;
    word-break: normal;
    word-wrap: normal; }
    .w-fb-detail td:last-child, .w-fb-list td:last-child {
      padding-right: 54px; }

.w-fb-total th {
  background-color: #f4f7f9; }

.w-fb-total .table-hover td, .w-fb-total .table-hover th {
  padding: 15px 30px 15px 30px; }

.w-fb-total .iconfont {
  margin-right: 5px;
  vertical-align: -2px;
  color: #10b6f2; }

.w-fb-total .type {
  color: #10b6f2;
  margin-right: 3px; }

.w-fb-total a {
  color: #556073; }

.w-fb-total tr:hover a {
  color: #10b6f2; }

.w-fb-total b {
  margin: 0 5px;
  color: #10b6f2; }

.w-mmsg .table-hover tbody tr:hover td {
  color: #999; }

.w-mmsg .table-hover tbody tr:hover .icon-good {
  color: #10b6f2; }

.w-mmsg .msgbody {
  color: #999; }

.w-mmsg .msgtime {
  color: #999;
  font-size: 12px; }

.w-mmsg .unread {
  color: #333; }
  .w-mmsg .unread .msgtime {
    color: #999; }

.w-mmsg .user-head {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 40px;
  height: 40px; }
  .w-mmsg .user-head img {
    width: 100%;
    height: 100%; }

.w-mmsg .msgcon {
  padding-top: 8px;
  line-height: 24px;
  padding-left: 25px;
  position: relative;
  word-break: break-all;
  color: #999; }
  .w-mmsg .msgcon:before {
    font-family: "iconfont" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e60c";
    position: absolute;
    top: 9px;
    left: 0; }

.w-mmsg .msgheader {
  margin-top: 10px; }

.w-mmsg .msgbody {
  overflow: hidden;
  color: #556073; }
  .w-mmsg .msgbody span {
    margin-right: 10px; }
  .w-mmsg .msgbody span.msg-opt {
    color: #10b6f2; }
  .w-mmsg .msgbody a {
    color: #10b6f2;
    margin-left: -5px; }
  .w-mmsg .msgbody .icon-good {
    font-size: 19px; }

.w-mmsg .msgtitle {
  float: left; }

.w-mmsg li {
  padding: 15px 32px; }
  .w-mmsg li .msgbody {
    position: relative; }
  .w-mmsg li .user-head {
    float: left; }
  .w-mmsg li .msgtime {
    float: right; }
  .w-mmsg li:hover {
    background-color: #e7f8ff; }
    .w-mmsg li:hover .msgcon {
      color: #10b6f2; }
  .w-mmsg li.read .msgtitle, .w-mmsg li.read .msgtime, .w-mmsg li.read .msgcon {
    color: #556073;
    font-weight: 600; }
  .w-mmsg li.read .msgcon {
    position: relative; }
    .w-mmsg li.read .msgcon p {
      width: 90%;
      word-break: break-all; }
    .w-mmsg li.read .msgcon .msgmark {
      position: absolute;
      right: 0;
      top: 8px;
      font-weight: 400; }

.w-mmsg td.bell {
  width: 25px;
  color: #5fbcf6;
  padding: 10px 10px 0 30px; }
  .w-mmsg td.bell .icon-bell {
    position: relative;
    top: -2px; }
  .w-mmsg td.bell + td {
    padding-left: 0 !important; }

.w-mmsg .empty-content .inner {
  padding-top: 122px; }

.w-mmsg .empty-content .message {
  color: #b9b9b9; }

.w-mmsg .msg-inform span.msg-content {
  margin-left: 10px; }

.w-mmsg .msg-inform .msg-wrap {
  width: 730px;
  margin: 19px 0 13px; }
  .w-mmsg .msg-inform .msg-wrap span {
    float: right;
    color: #999;
    font-size: 12px; }
    .w-mmsg .msg-inform .msg-wrap span:first-child {
      color: #10b6f2;
      float: none; }
  .w-mmsg .msg-inform .msg-wrap .msg-type {
    color: #10b6f2; }

.w-mmsg .msg-inform .icon-bell {
  vertical-align: -2px; }

.w-mmsg .msg-inform.read .msg-content, .w-mmsg .msg-inform.read .msg-wrap {
  font-weight: 600; }

.w-mmsg .msg-inform.read .msg-wrap span {
  color: #556073; }
  .w-mmsg .msg-inform.read .msg-wrap span:first-child {
    color: #10b6f2; }

.w-mmsg .msg-inform.read .msgmark {
  float: right; }

.w-feedback-list {
  margin: 0 -32px; }
  .w-feedback-list .img {
    margin-left: 22px;
    width: 140px;
    height: 100px; }
    .w-feedback-list .img img {
      width: 140px;
      height: 100px; }
  .w-feedback-list .title {
    margin: 0 auto 8px auto;
    line-height: 17px; }
    .w-feedback-list .title a {
      font-size: 16px; }
  .w-feedback-list .table {
    width: 100%;
    display: block; }
    .w-feedback-list .table tbody {
      padding: 0 35px;
      width: 100%;
      display: block; }
      .w-feedback-list .table tbody tr {
        width: 100%;
        display: block;
        margin: 0 auto 22px auto;
        border: 1px solid #DDD;
        position: relative; }
        .w-feedback-list .table tbody tr:hover {
          background: none;
          -webkit-box-shadow: 0 0 8px 2px #DDD;
          -moz-box-shadow: 0 0 8px 2px #DDD;
          box-shadow: 0 0 8px 2px #DDD; }
    .w-feedback-list .table td, .w-feedback-list .table th {
      padding-top: 15px;
      padding-bottom: 15px; }
    .w-feedback-list .table td {
      padding-left: 0; }
  .w-feedback-list .time {
    font-size: 14px;
    margin: 15px auto; }
  .w-feedback-list .group {
    display: block;
    width: 400px;
    margin-left: 0;
    color: #556073;
    font-size: 12px; }
  .w-feedback-list .text-middle {
    position: relative;
    width: 180px; }
    .w-feedback-list .text-middle .rate {
      position: absolute;
      width: 100%;
      top: 20px;
      left: 0;
      text-align: center; }
      .w-feedback-list .text-middle .rate span {
        font-size: 18px;
        color: #10b6f2; }
    .w-feedback-list .text-middle .more {
      position: absolute;
      right: 15px;
      bottom: 12px; }
      .w-feedback-list .text-middle .more a {
        font-size: 12px;
        height: 30px;
        padding: 0 20px;
        line-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px; }
        .w-feedback-list .text-middle .more a i {
          font-size: 12px; }

.w-fb-study {
  padding: 10px 30px; }
  .w-fb-study .study-tabs {
    height: 40px; }
    .w-fb-study .study-tabs span {
      display: inline-block;
      line-height: 20px;
      margin: 10px auto;
      padding: 0 20px;
      font-size: 14px;
      color: #999;
      border-left: 1px solid #DDD;
      cursor: pointer; }
      .w-fb-study .study-tabs span.active {
        color: #10b6f2; }
      .w-fb-study .study-tabs span:first-child {
        padding-left: 0;
        border: none; }
      .w-fb-study .study-tabs span i {
        font-style: normal; }
  .w-fb-study .study-tabs-list .item {
    margin: 10px auto 20px auto; }
    .w-fb-study .study-tabs-list .item .user {
      float: left;
      width: 185px;
      position: relative;
      padding-left: 60px; }
      .w-fb-study .study-tabs-list .item .user .avatar {
        position: absolute;
        left: 0;
        top: 0;
        width: 42px;
        height: 42px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
        .w-fb-study .study-tabs-list .item .user .avatar img {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          width: 100%;
          height: 100%; }
      .w-fb-study .study-tabs-list .item .user .time {
        color: #999999;
        font-size: 12px;
        line-height: 2; }
    .w-fb-study .study-tabs-list .item .info {
      float: right;
      width: 720px;
      border: 1px solid #e5e5e5;
      background: #f1f5f7;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      padding: 4px 12px;
      position: relative; }
      .w-fb-study .study-tabs-list .item .info .arrow {
        width: 0;
        height: 0;
        border-width: 8px;
        border-style: solid;
        border-color: transparent #e5e5e5 transparent transparent;
        border-right-width: 16px;
        position: absolute;
        left: -24px;
        top: 8px; }
      .w-fb-study .study-tabs-list .item .info:before {
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-width: 8px;
        border-style: solid;
        border-color: transparent #f1f5f7 transparent transparent;
        border-right-width: 16px;
        position: absolute;
        top: 8px;
        left: -22px; }
      .w-fb-study .study-tabs-list .item .info .msg {
        color: #999;
        font-size: 14px;
        line-height: 1.4; }
      .w-fb-study .study-tabs-list .item .info .level {
        padding: 4px 0; }
        .w-fb-study .study-tabs-list .item .info .level span {
          color: #556073;
          display: inline-block;
          line-height: 20px; }
          .w-fb-study .study-tabs-list .item .info .level span.difficult, .w-fb-study .study-tabs-list .item .info .level span.normal, .w-fb-study .study-tabs-list .item .info .level span.easy {
            width: 40px;
            height: 20px;
            text-align: center;
            color: #FFF;
            font-size: 12px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px; }
          .w-fb-study .study-tabs-list .item .info .level span.difficult {
            background: #fc6b00; }
          .w-fb-study .study-tabs-list .item .info .level span.normal {
            background: #10b6f2; }
          .w-fb-study .study-tabs-list .item .info .level span.easy {
            background: #76ca3e; }
          .w-fb-study .study-tabs-list .item .info .level span:last-child {
            margin-left: 15px; }
            .w-fb-study .study-tabs-list .item .info .level span:last-child i {
              color: #00a0e9;
              font-style: normal; }

.w-fb-count {
  padding: 20px 35px; }
  .w-fb-count .export a {
    color: #FFF; }
  .w-fb-count .counts .item {
    font-size: 14px;
    margin: 15px auto; }
    .w-fb-count .counts .item .title {
      line-height: 24px;
      font-size: 0; }
      .w-fb-count .counts .item .title i, .w-fb-count .counts .item .title span {
        display: inline-block;
        font-size: 14px;
        color: #10b6f2;
        line-height: 24px;
        vertical-align: top; }
      .w-fb-count .counts .item .title span.des {
        color: #556073; }
      .w-fb-count .counts .item .title i.iconfont {
        width: 30px;
        line-height: 28px;
        font-size: 16px; }
    .w-fb-count .counts .item .answer {
      font-size: 14px;
      padding-left: 30px; }
      .w-fb-count .counts .item .answer .rate {
        margin: 5px auto; }
        .w-fb-count .counts .item .answer .rate span {
          padding-right: 20px;
          color: #556073; }
          .w-fb-count .counts .item .answer .rate span i {
            font-style: normal;
            color: #fc6b00; }
      .w-fb-count .counts .item .answer ul li {
        float: left;
        padding-right: 20px; }
        .w-fb-count .counts .item .answer ul li span {
          display: inline-block;
          line-height: 20px;
          height: 20px;
          margin: 10px 0; }
          .w-fb-count .counts .item .answer ul li span i {
            color: #fc6b00;
            font-style: normal; }
          .w-fb-count .counts .item .answer ul li span.correct {
            text-align: center;
            width: 40px;
            background: #76ca3e;
            color: #FFF;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            margin-right: 4px; }

.distance {
  height: 20px;
  background: #e9f0f3; }

.w-fb-list th:first-child {
  width: 107px; }

.w-fb-list td:first-child {
  color: #10b6f2; }

.w-fb-list .text-center {
  padding-left: 0 !important;
  padding-right: 230px !important; }

.tooltip {
  margin: 30px 0 0 auto;
  padding-top: 12px;
  width: 217px;
  height: 80px;
  background: url("images/bg/bg-tooltip.png");
  -moz-background-size: 217px 80px;
  -o-background-size: 217px 80px;
  background-size: 217px 80px; }
  .tooltip p {
    padding-left: 20px;
    font-size: 14px;
    color: #10b6f2; }
    .tooltip p:first-child {
      color: #79cd41; }

p.title {
  margin-bottom: 0;
  font-size: 16px;
  color: #556073;
  padding-left: 50px; }

span.y-title {
  font-size: 16px;
  color: #556073;
  position: absolute;
  left: 9%;
  top: 32%; }

i.y-arrow {
  position: absolute;
  left: 69px;
  top: 48px;
  color: #999; }

i.x-arrow {
  position: absolute;
  right: 14%;
  top: 72%;
  color: #999; }

.btn-link {
  padding-top: 4px; }

.p-title-3 {
  margin: 0 -32px;
  padding: 21px 0 18px 30px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  color: #556073; }

.w-bindtel .col-xs-5 label {
  color: #999;
  font-size: 16px; }

.w-manager {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px; }
  .w-manager.w-adduser {
    width: 583px; }
  .w-manager .form-group.row label {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: right; }
    .w-manager .form-group.row label span {
      line-height: 24px;
      line-height: 20px \9;
      font-weight: normal; }
  .w-manager .form-group.row .form-opt {
    margin-left: 10px;
    margin-top: 1px; }
    .w-manager .form-group.row .form-opt .iconfont {
      font-size: 18px; }
    .w-manager .form-group.row .form-opt .icon-save {
      color: #10b6f2; }
  .w-manager .form-group.row .btn {
    margin-left: 5px;
    display: inline-block; }
  .w-manager .form-group.row .form-text strong {
    font-weight: 400;
    font-size: 26px;
    color: #44a1f0;
    letter-spacing: 3px;
    font-style: italic; }
  .w-manager .form-group.row .form-text span {
    color: #9e9e9e; }
  .w-manager .form-group.row .form-text.code {
    line-height: 20px; }
  .w-manager .list-table .table-hover {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed; }
    .w-manager .list-table .table-hover td, .w-manager .list-table .table-hover th {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 14px 0 15px; }
  .w-manager .list-table th:first-child, .w-manager .list-table td:first-child {
    padding-left: 10px; }
    .w-manager .list-table th:first-child.text-center, .w-manager .list-table td:first-child.text-center {
      padding-left: 0; }
  .w-manager .list-table thead tr {
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .w-manager .list-table th {
    font-weight: 400;
    color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5; }
  .w-manager .list-table td {
    color: #556073;
    word-break: normal;
    word-wrap: normal;
    vertical-align: middle; }
    .w-manager .list-table td img {
      margin: 0 5px;
      width: 100%;
      max-height: 64px; }
    .w-manager .list-table td.wrap {
      white-space: normal; }
    .w-manager .list-table td.select {
      overflow: visible; }
  .w-manager .filter-tabs {
    margin-bottom: 10px; }
    .w-manager .filter-tabs ul {
      display: inline-block; }
    .w-manager .filter-tabs .btns a {
      color: #fff; }
    .w-manager .filter-tabs .fancy-select li {
      float: none;
      display: block;
      margin: 0;
      border: none; }
  .w-manager .title {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-right: 0;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    color: #999;
    font-weight: 400;
    height: 51px;
    padding: 15px 10px 13px 9px;
    line-height: 21px;
    font-size: 14px; }
    .w-manager .title .title-1 {
      float: left;
      padding-left: 25px; }
    .w-manager .title .title-4 {
      display: inline-block; }
    .w-manager .title .title-2 {
      display: inline-block;
      position: absolute;
      left: 45%;
      text-align: center;
      width: 260px; }
    .w-manager .title .title-3 {
      float: right; }
  .w-manager .dir-tree .open > .node ~ ul:before, .w-manager .select-tree .open > .node ~ ul:before {
    top: -25px; }
  .w-manager .dir-tree .node ~ ul:before, .w-manager .dir-tree .dir-tree .active ~ ul:before, .w-manager .select-tree .node ~ ul:before, .w-manager .select-tree .dir-tree .active ~ ul:before {
    top: -27px; }
  .w-manager .dir-tree span.node, .w-manager .select-tree span.node {
    position: relative; }
    .w-manager .dir-tree span.node .node-center, .w-manager .select-tree span.node .node-center {
      position: absolute;
      left: 51%; }
  .w-manager .dir-tree .name, .w-manager .select-tree .name {
    width: 266px;
    display: inline-block; }
  .w-manager .dir-tree .code, .w-manager .select-tree .code {
    position: absolute;
    left: 50%;
    text-align: center;
    width: 184px; }
  .w-manager .dir-tree p.text, .w-manager .select-tree p.text {
    display: inline-block;
    margin: 0;
    height: 22px; }
    .w-manager .dir-tree p.text b, .w-manager .select-tree p.text b {
      vertical-align: top;
      color: red;
      font-weight: 400; }
  .w-manager .dir-tree .the-node, .w-manager .select-tree .the-node {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
  .w-manager .dir-tree .icon-dir-node, .w-manager .select-tree .icon-dir-node {
    position: absolute;
    height: 0;
    width: 0;
    background: none;
    border: 5px solid transparent;
    border-color: transparent;
    border-left-color: #999;
    top: 34%; }
  .w-manager .dir-tree .open > .the-node > .icon-dir-node, .w-manager .select-tree .open > .the-node > .icon-dir-node {
    border-left-color: transparent;
    border-top-color: #a7a7a7;
    top: 42%; }
  .w-manager .dir-tree .node, .w-manager .dir-tree .the-node, .w-manager .dir-tree .active, .w-manager .select-tree .node, .w-manager .select-tree .the-node, .w-manager .select-tree .active {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    padding: 8px 0;
    display: block;
    border-left: 3px solid #fff;
    cursor: pointer; }
  .w-manager .dir-tree .active, .w-manager .select-tree .active {
    color: #10b6f2; }
  .w-manager .dir-tree ul li .the-node, .w-manager .select-tree ul li .the-node {
    color: #999; }
    .w-manager .dir-tree ul li .the-node.active, .w-manager .select-tree ul li .the-node.active {
      color: #10b6f2; }
  .w-manager .dir-tree ul li .node-1, .w-manager .select-tree ul li .node-1 {
    color: #556073; }
  .w-manager .dir-tree .node ~ ul, .w-manager .dir-tree .the-node ~ ul, .w-manager .dir-tree .active ~ ul, .w-manager .select-tree .node ~ ul, .w-manager .select-tree .the-node ~ ul, .w-manager .select-tree .active ~ ul {
    position: relative; }
    .w-manager .dir-tree .node ~ ul:before, .w-manager .dir-tree .the-node ~ ul:before, .w-manager .dir-tree .active ~ ul:before, .w-manager .select-tree .node ~ ul:before, .w-manager .select-tree .the-node ~ ul:before, .w-manager .select-tree .active ~ ul:before {
      display: inline-block;
      height: 0;
      width: 0;
      border: 4px solid;
      cursor: pointer;
      width: 0;
      height: 0;
      display: inline-block;
      border-left: 5px solid #999;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 5px solid transparent;
      position: absolute;
      top: -22px;
      left: 20px; }
    .w-manager .dir-tree .node ~ ul.tree-3:before, .w-manager .dir-tree .the-node ~ ul.tree-3:before, .w-manager .dir-tree .active ~ ul.tree-3:before, .w-manager .select-tree .node ~ ul.tree-3:before, .w-manager .select-tree .the-node ~ ul.tree-3:before, .w-manager .select-tree .active ~ ul.tree-3:before {
      left: 34px; }
  .w-manager .dir-tree .the-node:hover ~ ul:before, .w-manager .dir-tree .node:hover ~ ul:before, .w-manager .select-tree .the-node:hover ~ ul:before, .w-manager .select-tree .node:hover ~ ul:before {
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 5px solid #10b6f2;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent; }
  .w-manager .dir-tree .open > .node ~ ul, .w-manager .dir-tree .open > .the-node ~ ul, .w-manager .select-tree .open > .node ~ ul, .w-manager .select-tree .open > .the-node ~ ul {
    display: block; }
    .w-manager .dir-tree .open > .node ~ ul > li, .w-manager .dir-tree .open > .the-node ~ ul > li, .w-manager .select-tree .open > .node ~ ul > li, .w-manager .select-tree .open > .the-node ~ ul > li {
      display: block; }
    .w-manager .dir-tree .open > .node ~ ul:before, .w-manager .dir-tree .open > .the-node ~ ul:before, .w-manager .select-tree .open > .node ~ ul:before, .w-manager .select-tree .open > .the-node ~ ul:before {
      width: 0;
      height: 0;
      display: inline-block;
      border-top: 5px solid #999;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid transparent;
      top: -20px;
      left: 18px; }
    .w-manager .dir-tree .open > .node ~ ul.tree-3:before, .w-manager .dir-tree .open > .the-node ~ ul.tree-3:before, .w-manager .select-tree .open > .node ~ ul.tree-3:before, .w-manager .select-tree .open > .the-node ~ ul.tree-3:before {
      left: 32px; }
  .w-manager .dir-tree .open > .the-node:hover ~ ul:before, .w-manager .select-tree .open > .the-node:hover ~ ul:before {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 5px solid #10b6f2;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent; }
  .w-manager .dir-tree .select-tree, .w-manager .select-tree .select-tree {
    position: relative;
    overflow: auto;
    border-right: solid 1px #eee; }
    .w-manager .dir-tree .select-tree .tree-1, .w-manager .select-tree .select-tree .tree-1 {
      float: left;
      min-width: 100%; }
    .w-manager .dir-tree .select-tree > ul > li > .the-node, .w-manager .select-tree .select-tree > ul > li > .the-node {
      padding-left: 35px; }
  .w-manager .dir-tree .opts, .w-manager .select-tree .opts {
    display: none;
    vertical-align: -2px; }
    .w-manager .dir-tree .opts a, .w-manager .select-tree .opts a {
      margin-right: 10px;
      color: #999; }
      .w-manager .dir-tree .opts a:hover, .w-manager .select-tree .opts a:hover {
        color: #10b6f2; }
  .w-manager .dir-tree li .active, .w-manager .dir-tree li .node:hover, .w-manager .dir-tree li .the-node:hover, .w-manager .select-tree li .active, .w-manager .select-tree li .node:hover, .w-manager .select-tree li .the-node:hover {
    border-left: 3px solid #10b6f2;
    color: #10b6f2;
    position: relative; }
    .w-manager .dir-tree li .active ~ ul:before, .w-manager .dir-tree li .node:hover ~ ul:before, .w-manager .dir-tree li .the-node:hover ~ ul:before, .w-manager .select-tree li .active ~ ul:before, .w-manager .select-tree li .node:hover ~ ul:before, .w-manager .select-tree li .the-node:hover ~ ul:before {
      width: 0;
      height: 0;
      display: inline-block;
      border-left: 5px solid #10b6f2;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 5px solid transparent; }
  .w-manager .dir-tree li .node:hover, .w-manager .dir-tree li .the-node:hover, .w-manager .select-tree li .node:hover, .w-manager .select-tree li .the-node:hover {
    border-left: 3px solid #e7f8fe;
    background-color: #f7f9fa; }
    .w-manager .dir-tree li .node:hover .opts, .w-manager .dir-tree li .the-node:hover .opts, .w-manager .select-tree li .node:hover .opts, .w-manager .select-tree li .the-node:hover .opts {
      display: inline-block;
      margin-left: 10px; }
    .w-manager .dir-tree li .node:hover.active, .w-manager .dir-tree li .the-node:hover.active, .w-manager .select-tree li .node:hover.active, .w-manager .select-tree li .the-node:hover.active {
      color: #10b6f2;
      border-left: 3px solid #10b6f2; }
  .w-manager .dir-tree li .active, .w-manager .dir-tree li .active:hover, .w-manager .select-tree li .active, .w-manager .select-tree li .active:hover {
    background-color: #e7f8fe;
    color: #10b6f2; }
  .w-manager .dir-tree li.open > .node.active ~ ul:before, .w-manager .select-tree li.open > .node.active ~ ul:before {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 5px solid #10b6f2;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent; }
  .w-manager .dir-tree.edit .node, .w-manager .dir-tree.edit .active, .w-manager .select-tree.edit .node, .w-manager .select-tree.edit .active {
    padding-right: 55px; }
  .w-manager .dir-tree input[type="text"], .w-manager .select-tree input[type="text"] {
    border: 0;
    background: none;
    width: 100%;
    outline: medium;
    color: #8997a5; }
  .w-manager .dir-tree::-webkit-input-placeholder, .w-manager .select-tree::-webkit-input-placeholder {
    color: #8997a5; }
  .w-manager .dir-tree::-moz-placeholder, .w-manager .select-tree::-moz-placeholder {
    color: #8997a5; }
  .w-manager .dir-tree:-ms-input-placeholder, .w-manager .select-tree:-ms-input-placeholder {
    color: #8997a5; }
  .w-manager .dir-tree:-moz-placeholder, .w-manager .select-tree:-moz-placeholder {
    color: #8997a5; }
  .w-manager .dir-tree::placeholder, .w-manager .select-tree::placeholder {
    color: #8997a5; }

.w-manager .checkbox {
  margin-left: 10px; }

.w-manager table .checkbox {
  margin: 0;
  padding: 0; }
  .w-manager table .checkbox input[type="checkbox"]:checked ~ span {
    color: #999; }
  .w-manager table .checkbox span {
    padding-left: 5px;
    color: #999; }

.w-manager .w-mgroup .dir-tree {
  overflow: auto;
  border-right: 1px solid #e5e5e5; }
  .w-manager .w-mgroup .dir-tree ul {
    float: left; }

.w-manager .w-mgroup h3.title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  margin-right: 0px;
  border-right: none;
  border-bottom: 1px solid #e5e5e5;
  color: #999;
  font-weight: 400;
  height: 51px; }
  .w-manager .w-mgroup h3.title .iconfont {
    font-weight: 400;
    margin-right: 10px;
    font-size: 16px;
    color: #10b6f2;
    vertical-align: -2px; }

.w-manager .w-userlist td:first-child {
  border-left: none; }

.w-manager .w-userlist .opts {
  text-align: center; }

.w-manager .w-banner .img-upload {
  width: 519px;
  height: 216px;
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .w-manager .w-banner .img-upload .inner {
    display: block;
    position: relative;
    z-index: 2;
    height: 100%; }
    .w-manager .w-banner .img-upload .inner img {
      max-height: 100%;
      max-width: 100%;
      min-height: 0;
      vertical-align: middle;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
    .w-manager .w-banner .img-upload .inner .text {
      padding-top: 0;
      top: 70px;
      color: #fff;
      font-size: 18px; }
      .w-manager .w-banner .img-upload .inner .text i {
        background-image: url(images/icons/icon-add-upload-wt.png);
        height: 65px;
        margin-bottom: 18px; }

.w-manager .w-banner .col-xs-3 {
  width: 20%; }

.w-manager .w-banner .help-text {
  font-size: 13px; }

.w-manager .w-logo .img-upload img {
  min-height: 84px;
  height: 84px;
  top: 0;
  bottom: 0;
  margin: auto; }

.w-manager .w-watermark .img-upload img {
  min-height: 140px;
  height: 140px;
  top: 0;
  bottom: 0;
  margin: auto; }

.w-manager .select-tree {
  overflow: auto; }
  .w-manager .select-tree .the-node {
    height: 39px; }

.w-manager .select-tree > ul {
  float: left;
  min-width: 100%; }

.w-manager .select-tree > ul > li > .the-node {
  padding-left: 35px;
  color: #556073; }
  .w-manager .select-tree > ul > li > .the-node > .icon-dir-node {
    left: 20px; }

.w-manager .select-tree > ul > li > ul > li .the-node {
  padding-left: 50px; }

.form-tab .interval {
  margin-left: 20px; }

.form-tab .form-input {
  display: inline-block;
  width: 166px; }

.list-opt .filter-tabs {
  padding-left: 5px;
  margin: 0 -15px 20px; }

.w-manager .form-tab {
  width: 71%; }
  .w-manager .form-tab .col-xs-4 {
    width: 28%; }

.w-mgdept .the-node .text {
  float: left; }

.w-mgdept .the-node .opts {
  float: right;
  display: inline-block;
  line-height: 23px; }
  .w-mgdept .the-node .opts a {
    color: #10b6f2; }
  .w-mgdept .the-node .opts .checkbox-inline span {
    position: static; }

.w-mgdept .the-node:active {
  background-color: #e7f8fe !important; }

.dropdown-tree .trigger {
  max-width: 100%; }
  .dropdown-tree .trigger[readonly], .dropdown-tree .trigger:disabled {
    background: none; }

.w-rec-edit .form-group label {
  color: #999;
  text-align: right;
  font-size: 14px;
  width: auto; }

.w-rec-edit .form-group.row.title {
  margin: 0 -33px;
  border-bottom: 1px solid #e5e5e5; }
  .w-rec-edit .form-group.row.title label {
    margin-left: 33px;
    padding: 0px 5px 10px; }

.form-sub {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .form-sub .node-src .src-items {
    display: inline-block;
    min-height: 300px; }
    .form-sub .node-src .src-items .icon-delete {
      display: none;
      color: #a7a7a7;
      font-size: 20px;
      position: absolute;
      right: -6px;
      top: -8px; }
      .form-sub .node-src .src-items .icon-delete:hover {
        color: #10b6f2; }
    .form-sub .node-src .src-items .src-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: 20px 40px 20px 0;
      cursor: pointer;
      width: 105px;
      float: left;
      text-align: center;
      position: relative;
      border: 1px solid transparent;
      padding: 9px 0 4px; }
      .form-sub .node-src .src-items .src-item:hover {
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
        .form-sub .node-src .src-items .src-item:hover .icon-delete {
          display: inline-block; }
      .form-sub .node-src .src-items .src-item span.filename {
        display: block;
        text-align: center;
        margin: 0 8px; }
    .form-sub .node-src .src-items .src-opts {
      display: inline-block;
      margin: 32px 40px 20px 15px;
      cursor: pointer;
      width: 76px;
      float: left;
      text-align: center;
      position: relative;
      padding: 9px 0 4px;
      border: 1px dashed #999;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      height: 76px; }
      .form-sub .node-src .src-items .src-opts .btn-src-add {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -25px;
        margin-left: -17px; }
      .form-sub .node-src .src-items .src-opts .icon-addsrc {
        font-size: 34px;
        color: #999; }

.w-poprec .tab {
  margin: 10px 0;
  padding: 0 10px;
  height: 30px; }
  .w-poprec .tab.w-manager label {
    text-align: left;
    vertical-align: middle; }
  .w-poprec .tab.w-manager .commonSelect {
    width: 210px; }
    .w-poprec .tab.w-manager .commonSelect div.fancy-select div.trigger {
      text-align: left;
      padding-left: 12px; }
    .w-poprec .tab.w-manager .commonSelect div.fancy-select ul.options li {
      text-align: left; }
  .w-poprec .tab.w-manager .searchbar-pop .txt {
    width: 120px; }
  .w-poprec .tab.w-manager .dropdown-tree {
    width: 197px; }
    .w-poprec .tab.w-manager .dropdown-tree .select-tree > ul > li > .the-node {
      padding-left: 73px; }
    .w-poprec .tab.w-manager .dropdown-tree .select-tree > ul > li > ul > li > .the-node {
      padding-left: 88px; }
    .w-poprec .tab.w-manager .dropdown-tree .select-tree > ul > li > .the-node > .icon-dir-node {
      left: 54px; }
    .w-poprec .tab.w-manager .dropdown-tree .the-node .text {
      text-align: left; }

.w-poprec .checkbox {
  margin: 0;
  padding: 0; }
  .w-poprec .checkbox span {
    padding-left: 5px; }

.w-poprec .list-wrapper {
  margin: 20px 10px 10px;
  border: 1px solid #eee; }

.w-poprec .list-table {
  height: 251px; }

.w-poprec table {
  margin: 0;
  table-layout: fixed; }
  .w-poprec table thead {
    border-bottom: 1px solid #eee; }
    .w-poprec table thead th {
      color: #556073; }
  .w-poprec table tbody td {
    text-align: left;
    color: #999; }

.vip-filter {
  height: 50px;
  clear: both; }
  .vip-filter label {
    color: #999; }
  .vip-filter .name {
    width: 160px;
    height: 30px; }
    .vip-filter .name label {
      padding-top: 2px; }
      .vip-filter .name label input {
        border: 1px solid #DDD;
        height: 28px;
        padding: 0 4px; }
  .vip-filter .date-control {
    width: 330px; }
    .vip-filter .date-control .btn-dataSetting {
      width: 120px;
      height: 28px;
      float: left; }
      .vip-filter .date-control .btn-dataSetting input {
        width: 90px; }
      .vip-filter .date-control .btn-dataSetting i {
        margin-left: 7px; }
    .vip-filter .date-control label {
      float: left; }
  .vip-filter .commonSelect {
    width: 120px; }
    .vip-filter .commonSelect label {
      float: left; }

.w-dept .dropdown-tree .trigger {
  min-height: 29px;
  color: #556073; }

.w-dept .help-tip {
  margin: 2px 0 0 10px; }
  .w-dept .help-tip::before {
    content: ''; }

.w-manager.msg .form-group label {
  font-weight: 400; }

.w-manager.msg .checkbox-inline {
  margin-right: 26px;
  margin-left: 0;
  padding-top: 0; }
  .w-manager.msg .checkbox-inline:last-child, .w-manager.msg .checkbox-inline .remind {
    margin-top: 10px; }

.w-manager.msg .form-btns {
  padding-top: 40px; }

.w-manager.set td .icon-edit {
  margin-left: 5px; }

.w-manager.set td i {
  cursor: pointer; }

.w-pt-edit li {
  float: left;
  margin-right: 20px;
  padding: 5px 0; }

.w-pt-edit .radio {
  padding: 0;
  width: 100%;
  text-align: center; }
  .w-pt-edit .radio label {
    padding: 0;
    text-align: center; }
    .w-pt-edit .radio label input {
      width: 100%;
      display: none; }
    .w-pt-edit .radio label span {
      display: inline-block;
      width: 100%;
      height: 20px;
      text-align: center; }
    .w-pt-edit .radio label span:before {
      top: 8px;
      display: inline-block;
      left: 50%;
      margin-left: -8px; }

.w-pt-edit .cover {
  width: 120px;
  height: 80px;
  -webkit-box-shadow: 0 3px 6px #e0e0e0;
  -moz-box-shadow: 0 3px 6px #e0e0e0;
  box-shadow: 0 3px 6px #e0e0e0; }

.w-pt-edit .column-1 {
  background: url("images/bg/bg-column-1.png") center center no-repeat #f3f9fb; }

.w-pt-edit .column-2 {
  background: url("images/bg/bg-column-2.png") center center no-repeat #f3f9fb; }

.w-pt-edit .column-3 {
  background: url("images/bg/bg-column-3.png") center center no-repeat #f3f9fb; }

.w-pt-edit .form-sub {
  min-height: 380px;
  background: #f3f9fb;
  margin: 0 -32px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }
  .w-pt-edit .form-sub .src-items {
    padding-left: 24px;
    width: 819px; }
  .w-pt-edit .form-sub .node-src .src-item {
    padding-top: 10px;
    padding-bottom: 0;
    margin: 10px 54px 0 0; }
    .w-pt-edit .form-sub .node-src .src-item .filename {
      padding-bottom: 4px; }
  .w-pt-edit .form-sub .node-src .sortable-placeholder {
    width: 105px;
    height: 116px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 0;
    margin: 10px 54px 0 0;
    border: 2px dashed #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left; }
  .w-pt-edit .form-sub .node-src .src-opts {
    margin-top: 20px; }
  .w-pt-edit .form-sub .list-opt {
    padding: 20px 32px 0 0; }

.w-popEditColumn .form-sub .node-src {
  text-align: left; }
  .w-popEditColumn .form-sub .node-src .src-item {
    width: 94px;
    margin: 5px 25px 0 0;
    padding: 10px 5px 0; }
    .w-popEditColumn .form-sub .node-src .src-item span.filename {
      margin: 0; }
  .w-popEditColumn .form-sub .node-src .sortable-placeholder {
    width: 94px;
    height: 112px;
    margin: 0 25px 0 0;
    padding: 10px 5px 0;
    border: 2px dashed #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left; }
  .w-popEditColumn .form-sub .node-src .src-opts {
    margin: 15px 25px 20px 0; }

.w-popEditColumn .form-sub .list-opt {
  padding: 20px 32px 0 0; }

.w-addColumn {
  padding-top: 18px; }
  .w-addColumn .form-group {
    color: #999;
    margin: 0; }
  .w-addColumn .radio {
    margin-bottom: 30px; }

.w-poprec .addSource {
  max-height: 438px;
  height: auto;
  min-height: 251px; }

.w-application .list-table .table-hover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  table-layout: fixed; }
  .w-application .list-table .table-hover td, .w-application .list-table .table-hover th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 0 15px; }
  .w-application .list-table .table-hover tr > td, .w-application .list-table .table-hover tr > th {
    padding-left: 10px; }

.w-application .list-table thead tr {
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.w-application .list-table th {
  font-weight: 400;
  color: #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5; }

.w-application .list-table td {
  color: #556073;
  word-break: normal;
  word-wrap: normal; }

.w-application .form-tab {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .w-application .form-tab .col-xs-2.commonSelect {
    width: 106px; }
  .w-application .form-tab .btn-dataSetting.col-xs-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 124px;
    width: 124px\9; }
    .w-application .form-tab .btn-dataSetting.col-xs-4 .date {
      height: 25px\9;
      width: 102px;
      width: 98px\9;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-right: 1px solid #e5e5e5 \9; }
    .w-application .form-tab .btn-dataSetting.col-xs-4 i {
      padding-left: 4px\9;
      margin-right: 0\9; }
  .w-application .form-tab .col-xs-9.date-control {
    width: 495px; }
    .w-application .form-tab .col-xs-9.date-control .btn {
      margin-left: 10px; }
      .w-application .form-tab .col-xs-9.date-control .btn i {
        margin-right: 7px; }
  .w-application .form-tab .col-xs-10 {
    width: 618px; }

.w-application .filter-tabs {
  margin-bottom: 5px; }
  .w-application .filter-tabs ul {
    max-width: 494px; }

.w-application .list-wrapper {
  float: left;
  margin-bottom: 10px; }
  .w-application .list-wrapper .list-course {
    float: left; }
    .w-application .list-wrapper .list-course ul {
      float: left;
      margin-bottom: 10px; }
      .w-application .list-wrapper .list-course ul.bank li .cover {
        background: #cdf174; }
      .w-application .list-wrapper .list-course ul.bank li:hover .cover {
        background: #ade523; }
      .w-application .list-wrapper .list-course ul.course {
        margin-top: 4px; }
        .w-application .list-wrapper .list-course ul.course li .cover {
          background: #90e3ff; }
        .w-application .list-wrapper .list-course ul.course li:hover .cover {
          background: #10baf2; }
      .w-application .list-wrapper .list-course ul li {
        float: left;
        position: relative;
        width: 728px;
        height: 106px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #e5e5e5;
        margin-bottom: 10px; }
        .w-application .list-wrapper .list-course ul li .cover {
          float: left; }
        .w-application .list-wrapper .list-course ul li .content .title, .w-application .list-wrapper .list-course ul li .content .name {
          font-size: 16px;
          color: #556073; }
          .w-application .list-wrapper .list-course ul li .content .title span, .w-application .list-wrapper .list-course ul li .content .name span {
            padding-left: 18px; }
        .w-application .list-wrapper .list-course ul li .content .title {
          padding: 20px 0; }
        .w-application .list-wrapper .list-course ul li .content .name {
          padding: 13px 0 0; }
        .w-application .list-wrapper .list-course ul li .content .info {
          color: #999; }
          .w-application .list-wrapper .list-course ul li .content .info span {
            margin: 5px 0;
            padding-left: 122px;
            display: block; }
        .w-application .list-wrapper .list-course ul li .content .time {
          line-height: 12px;
          color: #999;
          font-size: 12px; }
        .w-application .list-wrapper .list-course ul li .content .time > span {
          padding-left: 18px; }
        .w-application .list-wrapper .list-course ul li .btns {
          position: absolute;
          top: 49px;
          right: 19px; }
          .w-application .list-wrapper .list-course ul li .btns .btn-3:hover {
            color: #10b6f2;
            background-color: #e7f8fe;
            border-color: #10b6f2; }
        .w-application .list-wrapper .list-course ul li:hover {
          -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
          -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18); }
          .w-application .list-wrapper .list-course ul li:hover .name, .w-application .list-wrapper .list-course ul li:hover .title {
            color: #10b6f2; }
          .w-application .list-wrapper .list-course ul li:hover .btn-3 {
            color: #10b6f2;
            background: #e7f8fe; }
        .w-application .list-wrapper .list-course ul li .tag, .w-application .list-wrapper .list-course ul li .tag-end, .w-application .list-wrapper .list-course ul li .tag-new {
          -moz-background-size: 66px 24px;
          -o-background-size: 66px 24px;
          background-size: 66px 24px;
          width: 66px;
          height: 24px;
          display: inline-block;
          text-align: center;
          color: #fff;
          padding-left: 6px;
          font-size: 12px;
          position: absolute;
          right: -6px;
          top: 10px; }
        .w-application .list-wrapper .list-course ul li .tag {
          background: url(../upload/application/tag.png) no-repeat center; }
        .w-application .list-wrapper .list-course ul li .tag-end {
          background: url(../upload/application/tag-end.png) no-repeat center; }
        .w-application .list-wrapper .list-course ul li .tag-new {
          background: url(../upload/application/tag-new.png) no-repeat center; }
        .w-application .list-wrapper .list-course ul li .opts {
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -12px; }
          .w-application .list-wrapper .list-course ul li .opts a {
            margin-right: 20px; }
          .w-application .list-wrapper .list-course ul li .opts i {
            margin-right: 10px;
            vertical-align: -1px; }

.w-addCourse .form-control-label {
  width: 144px; }

.w-addCourse .commonSelect {
  width: 226px; }

.w-addCourse .btn-dataSetting .date {
  width: 204px; }

.w-addCourse .fancy-select .trigger, .w-addCourse .fancy-select .options li {
  color: #556073; }

.w-addBank .form-control-label {
  width: 110px; }

.w-addBank .col-xs-7 {
  width: 228px; }

.w-addBank .col-xs-2 {
  margin-top: 3px;
  width: 18%; }
  .w-addBank .col-xs-2 a {
    padding: 0 10px; }

.w-homework .form-tab > .col-xs-2 + .col-xs-2 {
  margin-left: 20px; }

.w-homework .form-tab .searchbar-pop {
  width: 176px;
  margin-right: 20px; }
  .w-homework .form-tab .searchbar-pop input {
    width: 119px; }

.w-application .list-wrapper .list-homework {
  float: left;
  margin-top: 4px; }
  .w-application .list-wrapper .list-homework ul {
    float: left;
    margin-bottom: 22px; }
    .w-application .list-wrapper .list-homework ul li {
      float: left;
      position: relative;
      width: 728px;
      height: 140px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #e5e5e5;
      margin-bottom: 10px; }
      .w-application .list-wrapper .list-homework ul li:hover {
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18); }
      .w-application .list-wrapper .list-homework ul li .title {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 18px;
        border-bottom: #e5e5e5 1px solid; }
        .w-application .list-wrapper .list-homework ul li .title .name {
          line-height: 16px;
          color: #10b6f2;
          font-size: 16px;
          display: inline-block; }
        .w-application .list-wrapper .list-homework ul li .title .createTime {
          line-height: 22px;
          font-size: 14px;
          color: #999;
          float: right; }
      .w-application .list-wrapper .list-homework ul li .desc {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 18px 8px 6px; }
        .w-application .list-wrapper .list-homework ul li .desc .time {
          display: inline-block;
          font-size: 14px;
          color: #999;
          height: 27px; }
          .w-application .list-wrapper .list-homework ul li .desc .time span {
            vertical-align: middle;
            padding: 0 14px; }
            .w-application .list-wrapper .list-homework ul li .desc .time span:first-child {
              border-right: 1px solid #e2e2e2; }
        .w-application .list-wrapper .list-homework ul li .desc .display {
          display: inline-block;
          float: right; }
          .w-application .list-wrapper .list-homework ul li .desc .display span {
            font-size: 14px;
            color: #556073; }
          .w-application .list-wrapper .list-homework ul li .desc .display strong {
            color: #10b6f2;
            font-size: 18px;
            font-weight: normal; }
      .w-application .list-wrapper .list-homework ul li .info {
        padding: 0px 18px; }
        .w-application .list-wrapper .list-homework ul li .info .group {
          color: #556073;
          display: inline-block; }
          .w-application .list-wrapper .list-homework ul li .info .group span {
            margin-right: 10px; }
            .w-application .list-wrapper .list-homework ul li .info .group span .icon-group {
              margin-right: 5px; }
        .w-application .list-wrapper .list-homework ul li .info .opts {
          float: right; }
          .w-application .list-wrapper .list-homework ul li .info .opts a {
            margin-left: 22px; }
            .w-application .list-wrapper .list-homework ul li .info .opts a i {
              margin-right: 5px;
              vertical-align: -1px; }

.w-application .filter-tabs {
  padding-left: 0; }
  .w-application .filter-tabs ul {
    display: inline-block; }
  .w-application .filter-tabs .btns a {
    color: #fff; }

.w-application .date-control label {
  color: #999; }

.w-application .date-control label.col-xs-2 {
  width: 103px; }

.w-data-study .form-tab .col-xs-3 {
  width: 160px;
  margin-right: 20px; }

.w-data-study .form-tab .col-xs-6 {
  width: 106px; }

.w-data-study .form-tab .searchbar-pop {
  width: 220px; }
  .w-data-study .form-tab .searchbar-pop input[type="text"] {
    width: 163px; }

.w-data-study .list-wrapper ul {
  max-height: 460px;
  margin-bottom: 28px;
  margin-top: 2px; }
  .w-data-study .list-wrapper ul li {
    padding: 12px 20px 12px 12px;
    border: 1px solid #e5e5e5; }

.w-data-study .list-wrapper li {
  position: relative;
  margin-bottom: 12px; }
  .w-data-study .list-wrapper li .cover {
    width: 140px;
    height: 100px;
    float: left; }
    .w-data-study .list-wrapper li .cover img {
      width: 100%;
      height: 100%; }
  .w-data-study .list-wrapper li .content {
    float: left;
    padding-left: 20px; }
  .w-data-study .list-wrapper li .head .tag {
    float: left;
    width: 42px;
    padding: 3px 0;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    margin-right: 6px; }
    .w-data-study .list-wrapper li .head .tag.class {
      background: #ff7316; }
    .w-data-study .list-wrapper li .head .tag.course {
      background: #10b6f2; }
  .w-data-study .list-wrapper li .head .title {
    float: left;
    width: 388px;
    font-size: 16px;
    line-height: 16px;
    color: #556073; }
  .w-data-study .list-wrapper li .time {
    font-size: 14px;
    color: #999;
    line-height: 14px;
    margin: 20px auto; }
  .w-data-study .list-wrapper li .detail {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -18px; }
  .w-data-study .list-wrapper li .foot {
    margin-top: 10px; }
    .w-data-study .list-wrapper li .foot .avater {
      display: inline-block;
      width: 26px;
      height: 26px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      margin-right: 5px; }
      .w-data-study .list-wrapper li .foot .avater img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
    .w-data-study .list-wrapper li .foot .name, .w-data-study .list-wrapper li .foot .count {
      float: left; }
    .w-data-study .list-wrapper li .foot .name span {
      font-size: 12px;
      color: #999;
      vertical-align: middle; }
    .w-data-study .list-wrapper li .foot .count {
      color: #556073;
      line-height: 26px;
      margin-left: 25px; }
  .w-data-study .list-wrapper li:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18); }

.w-data-detail .head {
  margin-top: 4px; }
  .w-data-detail .head .inform, .w-data-detail .head .detail {
    float: left; }

.w-data-detail .head .inform .cover {
  width: 140px;
  height: 80px;
  float: left; }
  .w-data-detail .head .inform .cover img {
    width: 100%;
    height: 100%; }

.w-data-detail .head .inform .content {
  margin-top: 10px;
  padding-left: 20px;
  float: left; }
  .w-data-detail .head .inform .content .name {
    font-size: 16px;
    line-height: 16px;
    width: 252px; }
  .w-data-detail .head .inform .content .author {
    margin-top: 16px;
    float: left; }
    .w-data-detail .head .inform .content .author .avater {
      float: left;
      width: 26px;
      height: 26px; }
      .w-data-detail .head .inform .content .author .avater img {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }
    .w-data-detail .head .inform .content .author span {
      vertical-align: middle;
      color: #999;
      font-size: 12px; }
  .w-data-detail .head .inform .content .count {
    float: left;
    margin-top: 16px;
    margin-left: 60px;
    line-height: 26px; }
    .w-data-detail .head .inform .content .count span {
      color: #10b6f2; }

.w-data-detail .head.course .name {
  width: 500px; }

.w-data-detail .head.class .inform {
  border-right: 1px solid #e2e2e2; }

.w-data-detail .head .detail {
  padding-left: 20px; }
  .w-data-detail .head .detail .row {
    padding: 12px 0;
    line-height: 16px; }
  .w-data-detail .head .detail i {
    vertical-align: middle;
    color: #10b6f2;
    margin-right: 5px; }
  .w-data-detail .head .detail .content {
    display: inline-block; }
  .w-data-detail .head .detail .teacher, .w-data-detail .head .detail .student {
    display: inline-block; }
    .w-data-detail .head .detail .teacher span, .w-data-detail .head .detail .student span {
      color: #10b6f2; }
  .w-data-detail .head .detail .student {
    margin-left: 28px; }

.w-data-detail .list-opt {
  margin-top: 40px; }
  .w-data-detail .list-opt .filter-tabs {
    float: left;
    margin: 0; }
  .w-data-detail .list-opt .query {
    width: 456px; }
    .w-data-detail .list-opt .query input[type="text"] {
      font-size: 14px; }
    .w-data-detail .list-opt .query .btn {
      margin-left: 10px; }
    .w-data-detail .list-opt .query .col-xs-4 {
      width: 180px; }
    .w-data-detail .list-opt .query .col-xs-7 {
      width: 276px; }
    .w-data-detail .list-opt .query label {
      width: 66px; }
    .w-data-detail .list-opt .query .commonSelect {
      width: 105px; }

.w-data-detail .list-table {
  min-height: 294px;
  margin-bottom: 30px; }
  .w-data-detail .list-table table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed; }
    .w-data-detail .list-table table td {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      word-break: normal;
      word-wrap: normal; }
    .w-data-detail .list-table table tr {
      height: 42px; }
  .w-data-detail .list-table thead {
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    font-weight: 400; }
    .w-data-detail .list-table thead tr th {
      font-weight: 400;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .w-data-detail .list-table thead tr th:first-child {
      padding-left: 22px; }
  .w-data-detail .list-table tbody {
    color: #556073; }

.w-popDetail {
  padding: 14px 20px 20px; }
  .w-popDetail .header {
    position: relative; }
    .w-popDetail .header .inform {
      padding-left: 10px; }
      .w-popDetail .header .inform .avater {
        float: left;
        width: 44px;
        height: 44px; }
        .w-popDetail .header .inform .avater img {
          width: 100%;
          height: 100%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%; }
      .w-popDetail .header .inform .content {
        float: left;
        padding-left: 10px; }
      .w-popDetail .header .inform .name {
        text-align: left;
        font-size: 16px; }
      .w-popDetail .header .inform .group {
        color: #999; }
        .w-popDetail .header .inform .group .status {
          margin-left: 35px;
          display: inline-block;
          color: #10b6f2; }
          .w-popDetail .header .inform .group .status i {
            vertical-align: -1px;
            margin-right: 5px; }
    .w-popDetail .header .time {
      line-height: 14px;
      position: absolute;
      top: 24px;
      right: 0; }
  .w-popDetail .tab {
    margin-top: 18px;
    margin-bottom: 12px; }
    .w-popDetail .tab label.col-xs-2 {
      width: 72px; }
    .w-popDetail .tab .col-xs-4 {
      width: 160px; }
    .w-popDetail .tab .col-xs-1 {
      width: 24px; }
    .w-popDetail .tab .btn-dataSetting input[type="text"] {
      width: 134px;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .w-popDetail .tab .btn-dataSetting i {
      float: right; }
  .w-popDetail .list-wrapper {
    border: 1px solid #eee;
    margin-bottom: 20px; }
  .w-popDetail .list-table {
    min-height: 254px; }
    .w-popDetail .list-table table {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      table-layout: fixed;
      margin: 0; }
      .w-popDetail .list-table table td {
        text-align: left;
        word-break: normal;
        word-wrap: normal;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .w-popDetail .list-table table tr {
        height: 42px; }
    .w-popDetail .list-table thead {
      border-bottom: 1px solid #eee;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-weight: 400; }
      .w-popDetail .list-table thead tr th {
        font-weight: 400;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .w-popDetail .list-table tbody {
      color: #999; }
      .w-popDetail .list-table tbody tr:hover {
        background: #fff; }

.w-school .form-input .edui-editor {
  max-width: 100%;
  height: 450px; }

.w-school .w-manager {
  margin: 0; }

.w-school .form-group label {
  font-weight: 700; }

.w-school .w-logo img {
  min-height: 112px;
  height: 112px;
  top: 0;
  bottom: 0;
  margin: auto; }

.w-school .form-tab .col-xs-3 {
  width: 18%; }

.w-school .form-tab .col-xs-6 {
  width: 46%; }

.w-setAuthority .select-tree {
  margin: 0 10px; }

.w-setAuthority .w-manager {
  margin: 0;
  height: 266px;
  overflow: auto; }

.w-setAuthority input[type="checkbox"] {
  position: static; }

.select-tree.school .opts {
  margin-left: 10px; }
  .select-tree.school .opts.link {
    width: 175px; }
  .select-tree.school .opts.show {
    width: 30px; }

.select-tree.school p.text .tree-node {
  display: inline-block;
  max-width: 120px; }

.w-school .title .title-2 {
  left: 45%;
  width: auto; }

.w-school .title .title-4 {
  float: right;
  text-align: center; }

.w-school .form-tab {
  width: 54%; }
  .w-school .form-tab .col-xs-2 {
    width: 14.66667%; }
  .w-school .form-tab .col-xs-4 {
    width: 28.3%; }
  .w-school .form-tab input[type="text"] {
    margin-left: 12px; }

.w-changeColumn label {
  padding: 5px 0; }

.w-changeColumn b {
  color: #10b6f2;
  font-weight: 400;
  padding: 0 5px; }

.w-changeColumn .w-manager {
  margin-right: 5px;
  margin-bottom: 0; }

.w-changeColumn .col-xs-5 {
  width: 38.6%; }

.teacher-work-count {
  color: #556073; }
  .teacher-work-count .title {
    font-size: 14px;
    padding: 15px 0; }
  .teacher-work-count .count-title {
    text-align: center;
    font-size: 0; }
    .teacher-work-count .count-title .item {
      margin: 0 30px;
      display: inline-block;
      font-size: 18px;
      color: #999;
      width: 300px;
      height: 50px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #10b6f2; }
      .teacher-work-count .count-title .item i, .teacher-work-count .count-title .item span {
        display: inline-block;
        font-style: normal;
        font-size: 18px;
        line-height: 48px;
        vertical-align: middle; }
      .teacher-work-count .count-title .item i {
        color: #10b6f2;
        padding: 0 4px; }
        .teacher-work-count .count-title .item i.iconfont {
          font-size: 20px; }
  .teacher-work-count .count-filter {
    position: relative;
    z-index: 10; }
    .teacher-work-count .count-filter .choose-radio {
      float: left; }
    .teacher-work-count .count-filter .date {
      float: right; }
      .teacher-work-count .count-filter .date .date-control {
        width: 330px; }
        .teacher-work-count .count-filter .date .date-control .btn-dataSetting {
          width: 120px;
          height: 28px;
          float: left; }
          .teacher-work-count .count-filter .date .date-control .btn-dataSetting input {
            width: 90px;
            float: left; }
          .teacher-work-count .count-filter .date .date-control .btn-dataSetting i {
            float: right;
            margin-left: 7px; }
        .teacher-work-count .count-filter .date .date-control label {
          float: left; }
  .teacher-work-count .count-list table {
    width: 100%;
    table-layout: fixed; }
    .teacher-work-count .count-list table thead {
      border-bottom: 1px solid #DDD; }
    .teacher-work-count .count-list table tr {
      display: table-row; }
    .teacher-work-count .count-list table th, .teacher-work-count .count-list table td {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 2.5;
      text-align: center;
      font-weight: normal;
      vertical-align: middle; }
  .teacher-work-count .line-map {
    overflow: hidden;
    margin-bottom: -10px; }
    .teacher-work-count .line-map .data-map {
      position: relative;
      top: 0;
      z-index: 0;
      overflow: hidden; }
    .teacher-work-count .line-map .circle-map {
      width: 100%;
      float: left; }

/*# sourceMappingURL=app-ui.css.map */