/*====================
      *基本默认值
====================*/
* {
  padding: 0;
  margin: 0;

}

img {
  border: none;
  outline: none;
}

li {
  list-style: none;
}

a {
  text-decoration: none;

}

.main {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  background: #f7f7f7;
  backdrop-filter: blur(8px);
  overflow: hidden;
}

.cd-modal-open .main {
  backdrop-filter: unset;
}

.cd-btn.cd-btn-primary,
.cd-radio.checked:before {
  background: #00aeef;
  border-color: #00aeef;
}

.cd-btn.cd-btn-primary:hover {
  box-shadow: 0 6px 6px 0 rgba(0, 174, 239, 0.3);
}

.cd-btn.cd-btn-link-primary {
  color: #00aeef;
}

.cd-btn.cd-btn-link-primary:hover {
  background: #e8f9ff;
}

.cd-btn.cd-btn-ghost-primary {
  color: #00aeef;
  border-color: #00aeef;
}

.cd-btn.cd-btn-ghost-primary:hover,
.cd-btn.cd-btn-ghost-primary:focus {
  border-color: #00aeef;
  box-shadow: 0 6px 6px 0 rgba(0, 174, 239, 0.3);
}

.btn-primary,
.btn-primary:hover {
  background: #00aeef;
  border-color: #00aeef;
}

.select2-drop-active,
.select2-dropdown-open .select2-choice,
.select2-container-active .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice {
  border-color: #00aeef !important;
}

.select2-container-multi.select2-container-active .select2-choices {
  border-color: #00aeef !important;
}

.select2-results .select2-highlighted {
  background: #00aeef !important;
}

.form-control:focus {
  border-color: #00aeef;
}

.tabs-wrapper .tabs-group .content>li.active>a,
.tabs-wrapper .tabs-group .content>li:focus>a,
.tabs-wrapper .tabs-group .content>li:hover>a {
  color: #00aeef;
}

.new-v2-style .cd-loading .loading-content>div,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active {
  background: #00aeef;
}

.main_left {
  flex-shrink: 0;
  width: 208px;
  height: 100%;
  background: #fff;
  backdrop-filter: blur(8px);
  overflow: auto;
}

.main_left .logo {
  width: 100%;
  padding: 34px 44px 30px;
}

.main_left .logo img {
  width: 100%;
  height: auto;
}

.main_left .menu_list {
  padding: 19px 13px 20px;
  border-top: 1px solid #f4f4f4;
}

.main_left .menu_list>li {
  font-size: 16px;
  line-height: 44px;
  color: #333;
}

.main_left .menu_list>li:not(:nth-of-type(1)) {
  margin-top: 8px;
}

.main_left .menu_list>li:has(.menu_group) {
  background: #f7fdff;
  border-radius: 8px;
}

.main_left .menu_list>li.active .menu_sb,
.main_left .menu_list>li:hover .menu_sb {
  color: #fff;
  background: #00aeef;
  border-radius: 8px;
  box-shadow: 0px 1px 8px 5px #baecff;
}

.main_left .menu_list a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: inherit;
}

.main_left .menu_list .menu_sb {
  margin: 0;
}

.main_left .menu_list .menu_sb a {
  padding: 0 24px;
}

.main_left .menu_list .menu_group {
  padding: 8px 13px 8px 34px;
  font-size: 14px;
  line-height: 35px;
  color: #888;
}

.main_left .menu_list .menu_group a {
  padding-left: 19px;
}

.main_left .menu_list .menu_group li:not(:first-of-type) {
  margin-top: 5px;
}

.main_left .menu_list .menu_group li:hover,
.main_left .menu_list .menu_group li.active {
  color: #00aeef;
  background: #e8f9ff;
  border-radius: 8px;
}

.main_left .unread {
  font-size: min(12px, calc(10000px - var(--num) * 100px));
  position: absolute;
  top: 2px;
  left: 80px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-weight: normal;
  color: white;
  text-align: center;
  background: #f81706;
  border-radius: 50%;
}

.main_left .unread::before {
  content: '99+';
  font-size: min(12px, calc(var(--num) * 100px - 9900px));
}

.main_right {
  flex: 1;
  max-width: calc(100% - 222px);
  margin-left: 14px;
}

.main_right .main_right_header {
  display: flex;
  justify-content: space-between;
  padding: 0 57px 0 27px;
  background: #fff;
}

.main_right .header-title {
  line-height: 64px;
}

.main_right .header-title a {
  color: #999;
}

.main_right .header-title span {
  color: #333;
}

.main_right .header-user-info {
  display: flex;
  align-items: center;
}

.main_right .user-info-wrap {
  margin-right: 12px;
}

.main_right .user-nickname {
  margin: 0;
  color: #333;
  font-weight: 500;
}

.main_right .user-org-name {
  margin: 0;
  margin-top: 2px;
  font-size: 12px;
  line-height: 17px;
  color: #888;
}

.main_right .user-head-portrait {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #dbe3ff;
  box-shadow: 0px 2px 4px 0px rgba(216, 216, 216, 0.5);
}

.main_right .user-menu {
  position: relative;
  display: block;
  width: 8px;
  height: 34px;
  margin-left: 10px;
  cursor: pointer;
}

.main_right .user-menu::before,
.main_right .user-menu::after {
  content: '';
  position: absolute;
  left: 2px;
  width: 4px;
  height: 4px;
  background: #333;
  border-radius: 50%;
}

.main_right .user-menu::before {
  top: 11px;
}

.main_right .user-menu::after {
  bottom: 11px;
}

.main_right .user-menu+.dropdown-menu {
  top: unset;
  bottom: -15px;
  transform: translateY(100%);
}

.main_right .user-menu+.dropdown-menu a:hover {
  background: #00aeef;
}

.main_right .main_right_content {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
  height: calc(100% - 100px);
  overflow: hidden;
}

.main_right .activity-plan-content {
  flex-flow: row;
}

.main_right .activity-plan-content .main-content-right-wrapper {
  flex-shrink: 0;
  margin-top: 15px;
  margin-right: 15px;
  padding: 24px 22px;
  width: 300px;
  height: calc(100% - 15px);
  background: #fff;
  border-radius: 12px;
  overflow: auto;
}

.main_right .activity-plan-content .datetimepicker-inline,
.main_right .activity-plan-content .datetimepicker-inline table {
  width: 100%;
}

.main_right .activity-plan-content .datetimepicker-calendar {
  height: 220px;
}

.main_right .activity-plan-content .type-change-title {
  font-size: 16px;
}

.main_right .activity-plan-content .type-change-list {
  line-height: 20px;
}

.main_right .activity-plan-content .type-change-list li {
  margin-top: 5px;
}

.main_right .activity-plan-content .type-change-list i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: text-bottom;
  border-radius: 4px;
}

.main_right .activity-plan-content .type-change-list input {
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

.main_right .main-content {
  margin-top: 15px;
  margin-right: 15px;
  padding: 24px 22px;
  height: calc(100% - 15px);
  background: #fff;
  border-radius: 12px;
}

/* .main_right .main-content.activity-plan {
  height: calc(100% - 58px);
} */

.main_right .main-content-header {
  display: flex;
  justify-content: space-between;
}

.main_right .time-change {
  display: flex;
  height: 30px;
  font-size: 16px;
  line-height: 28px;
}

.main_right .time-change>* {
  border: 1px solid #dfe7e9;
}

.main_right .time-change i.cd-icon {
  width: 24px;
  color: #666;
  line-height: inherit;
  text-align: center;
  cursor: pointer;
}

.main_right .time-change span {
  width: 110px;
  text-align: center;
}

.main_right .time-change .cd-icon-arrow-left {
  border-radius: 8px 0 0 8px;
  border-right: none;
}

.main_right .time-change .cd-icon-arrow-right {
  border-radius: 0 8px 8px 0;
  border-left: none;
}

.main_right .time-change .es-icon-eventnote {
  width: 30px;
  height: 30px;
  margin-left: 16px;
  line-height: 30px;
  color: #00aeef;
  text-align: center;
  background: #f3fcff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.main_right .today-btn {
  margin-left: 16px;
  padding: 5px 18px;
  color: #00aeef;
  line-height: 20px;
  background: #f3fcff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

/* .main_right .date-course-picker {
  display: flex;
}

.main_right .date-picker-wrap {
  display: flex;
  line-height: 28px;
  color: #333;
  border: 1px solid #dfe7e9;
  border-radius: 8px;
}

.main_right .date-picker-btn {
  width: 60px;
  text-align: center;
  cursor: pointer;
}

.main_right .date-picker-btn.active {
  color: #fff;
  background: #00aeef;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px rgba(239,239,239,0.5);
} */

.main_right .course-picker {
  /* margin-left: 56px; */
  display: block;
  padding: 0 9px;
  line-height: 30px;
  color: #fff;
  background: #00aeef;
  border-radius: 4px;
  cursor: pointer;
}

.main_right .course-picker i {
  display: inline-block;
  vertical-align: text-bottom;
  transform: rotateX(180deg) rotateZ(90deg);
}

.main_right .course-picker+.dropdown-menu {
  width: 400px;
  max-height: 400px;
  padding: 8px 4px;
  overflow: auto;
}

.main_right .course-form-content {
  display: flex;
}

.main_right .course-form-item {
  padding: 0 4px;
  width: 50%;
}

.main_right .course-form-label {
  margin: 0;
  width: 100%;
  font-weight: normal;
  color: #666;
  text-align: center;
}

.main_right .course-input-block input {
  display: none;
}

.main_right .course-input-block .checkbox-wrap {
  position: relative;
  margin-top: 8px;
  cursor: pointer;
}

.main_right .course-input-block .checkbox-wrap span {
  display: inline-block;
  padding: 0 40px 0 10px;
  width: 100%;
  line-height: 30px;
  color: #fff;
  vertical-align: bottom;
  background: #d2d2d2;
  border-radius: 2px 0 0 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main_right .course-input-block .checkbox-wrap.checkbox-checked span {
  background: #00aeef;
}

.main_right .course-input-block .checkbox-wrap i {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 24px;
  color: #c2c2c2;
  text-align: center;
  background: #fff;
  border: 1px solid #c2c2c2;
  border-left: none;
  border-radius: 0 2px 2px 0;
}

.main_right .course-input-block .checkbox-wrap.checkbox-checked i {
  color: #00aeef;
}

.main_right .header-text {
  font-weight: 500;
  line-height: 30px;
  color: #333;
}

.main_right .feature-btn-group {
  display: flex;
}

.main_right .feature-btn {
  margin-left: 8px;
  width: 84px;
  font-size: 12px;
  line-height: 30px;
  color: #00aeef;
  text-align: center;
  background: rgba(0, 174, 239, 0.14);
  border-radius: 4px;
  cursor: pointer;
}

.main_right .feature-btn img {
  margin-right: 4px;
  vertical-align: text-top;
}

.main_right .save-plan-style img {
  vertical-align: baseline;
}

.main_right .calendar-plan {
  color: #fff;
  background: #8dc63f;
  box-shadow: 0px 2px 6px 0px #bbe77e;
}

.main_right .print,
.main_right .print-plan {
  color: #fff;
  background: #ffc20e;
}

.main_right .save-plan {
  color: #fff;
  background: #00aeef;
}

.main_right .comment-cancel {
  color: #666;
  line-height: 28px;
  border: 1px solid #999;
  background: #fff;
}

.main_right .comment-finished {
  line-height: 28px;
  border: 1px solid #00aeef;
  background: #fff;
}

.main_right .comment-passed {
  color: #8dc63f;
  line-height: 28px;
  border: 1px solid #8dc63f;
  background: #fff;

}

.main_right .main-tabs {
  display: flex;
  margin-top: 20px;
}

.main_right .main-tabs a {
  margin-right: 5px;
  padding: 0 30px;
  font-weight: 500;
  line-height: 50px;
  color: #666;
}

.main_right .main-tabs a:hover,
.main_right .main-tabs a.active {
  color: #00aeef;
  background: #fff;
  border-radius: 8px 8px 0 0;
}

.main_right .target-library-content,
.main_right .activity-library-content,
.main_right .course-library-content {
  margin-top: 0;
  height: calc(100% - 70px);
}

.main_right .main-content.is-first-active {
  border-top-left-radius: 0;
}

.target-library-content .main-content-header .title {
  margin-right: 20px;
  font-weight: 500;
  color: #666;
  line-height: 30px;
}

.target-library-content .main-content-header .content {
  display: flex;
  flex: 1;
}

.target-library-content .main-content-header .content li {
  margin-right: 5px;
  color: #919191;
}

.target-library-content .main-content-header .content li:hover,
.target-library-content .main-content-header .content li.active {
  color: #fff;
  background: #00aeef;
  border-radius: 4px;
}

.target-library-content .main-content-header .content a {
  display: inline-block;
  padding: 0 10px;
  color: inherit;
  line-height: 30px;
}

.target-library-content .main-content-header form input {
  padding: 0 12px !important;
  height: 30px;
  text-indent: 0;
  color: #999;
  border-color: #00aeef;
  vertical-align: baseline;
}

.target-library-content .main-content-header form input:focus {
  border-color: #00aeef;
}

.target-library-content .main-content-header .cd-btn {
  height: 30px;
  padding: 0 12px;
  line-height: 30px;
  vertical-align: bottom;
  border: none;
}

.target-library-content .target-library-list {
  position: relative;
  margin-top: 20px;
  height: calc(100% - 50px);
  overflow: auto;
}

.activity-library-content form,
.course-library-content form {
  display: inline-block;
  width: 80%;
}

.activity-library-content .form-group,
.course-library-content .form-group {
  width: calc((100% - 8px) / 3);
}

.activity-library-content .form-group:nth-of-type(n + 4),
.course-library-content .form-group:nth-of-type(n + 4) {
  margin-top: 17px;
}

.activity-library-content .form-group label,
.course-library-content .form-group label {
  margin-right: 8px;
  margin-bottom: 0;
  width: 48px;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  color: #58606c;
  vertical-align: bottom;
}

.activity-library-content .form-group>input,
.activity-library-content .form-group>select,
.course-library-content .form-group>input,
.course-library-content .form-group>select {
  width: 230px;
  height: 30px;
  padding: 0 10px !important;
  line-height: 28px;
  text-indent: 0;
  color: #333;
  border-color: #d8d8d8;
  vertical-align: bottom;
}

.activity-library-content .form-group input:focus,
.activity-library-content .form-group select:focus,
.course-library-content .form-group input:focus,
.course-library-content .form-group select:focus {
  border-color: #00aeef;
}

.activity-library-content form button,
.course-library-content form button {
  padding: 0 17px;
  font-size: 12px;
  line-height: 30px;
  border: none;
}

.activity-library-content form button i,
.course-library-content form button i {
  font-size: 12px;
}

.activity-library-content .create-activity-btn,
.course-library-content .create-course-btn {
  padding: 0 9px;
  font-size: 12px;
  line-height: 30px;
  color: #fff;
  border-radius: 4px;
  background: #00aeef;
}

.activity-library-content .create-activity-btn i,
.course-library-content .create-course-btn i {
  margin-right: 8px;
  font-size: 12px;
}

.main_right .course-library-right-content {
  flex-direction: row;
}

.main_right .main-content-left {
  width: 200px;
  height: 100%;
  padding-top: 20px;
}

.main_right .main-content-left ul {
  padding: 20px 12px 20px 0;
  height: 100%;
  background: #fff;
  border-radius: 12px;
  overflow: auto;
}

.main_right .main-content-left ul li a {
  display: block;
  margin: 11px 0;
  padding-left: 36px;
  font-size: 12px;
  line-height: 38px;
  color: #333;
  cursor: pointer;
}

.main_right .main-content-left ul li a:hover,
.main_right .main-content-left ul li a.active {
  position: relative;
  background: linear-gradient(270deg, #FFFFFF 0%, #F0FAFF 100%);

  &::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #00aeef;
    border-radius: 2px;
  }
}

.main_right .main-content-right {
  flex: 1;
  height: 100%;
  margin-left: 10px;
}

.main_right .activity-edit input,
.main_right .activity-edit textarea,
.main_right .activity-edit .js-ckedior-apply,
.main_right .course-library-course-content input,
.main_right .course-library-course-content textarea,
.main_right .course-library-course-content .js-ckedior-apply {
  background: #fcfcfc;
  border-color: #ececec;
  border-radius: 8px;
}

.main_right .course-library-course-content {
  overflow: auto;
}

.main_right .course-library-course-content .work-record-body {
  margin: 0;
  padding: 0;
  min-height: unset;
}

.main_right .course-library-course-content form {
  display: block;
  width: 100%;
}

.main_right .course-library-course-content .form-group {
  width: unset;
}

.main_right .course-library-course-content .cd-radio:before {
  top: 8px;
}

.main_right .course-library-course-content .cd-radio::after {
  top: 12px;
}

.main_right .course-library-course-content .control-label {
  text-align: left;
}

.main_right .course-library-course-content .form-group label:not(.cd-radio) {
  width: 100%;
  margin-right: 0;
}

.main_right .course-library-course-content .form-group .checkboxs label {
  width: unset;
}

.tables>div {
  display: none;
}

.tables>div.active {
  display: block;
}


.main_search {
  float: left;
  width: 300px;
  height: 48px;
  background: #D1C1FF;
  border-radius: 8px;
  border: 1px solid #A287F6;
}

.main_search .icon_search {
  width: 16px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 20px;
  background: url("../img/icon_search.png") no-repeat;

}

.main_search input {
  max-width: 200px;
  height: 30px;
  line-height: 30px;
  padding: 9px 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  color: #755BC8;
  outline: none;
  border: none;
  background: none;
}

.main_search input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #755BC8 !important;
}

.main_search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #755BC8 !important;
}

.main_search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #755BC8 !important;
}

.main_search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #755BC8 !important;
}

.main_select {
  float: left;
  width: 124px;
  height: 48px;
  background: #D1C1FF;
  border-radius: 8px;
  border: 1px solid #A287F6;
  margin-left: 20px;
  color: #755BC8;
  font-size: 16px;
  font-weight: normal;
}

.main_select:hover .drop_list {
  display: block;
}


.drop_list {
  width: 124px;
  height: auto;
  overflow: hidden;
  background: #D1C1FF;
  border-radius: 8px;
  border: 1px solid #A287F6;
  display: none;
  margin-top: 1px;
  z-index: 8;
}

.drop_list ul {
  padding: 10px 0;
}

.drop_list li {
  width: 105px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  padding-left: 20px;
  cursor: pointer;
}

.drop_list li.active {
  background: #A287F6;
  border-radius: 8px;
  color: #ffffff;
}

.icon_gou {
  width: 17px;
  height: 14px;
  background: url("../img/icon_gou.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 3px 10px;

}

.icon_drop {
  width: 12px;
  height: 7px;
  background: url("../img/icon_drop.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 30px;
}

.select_text {
  text-align: center;
  padding: 0 20px;
}

.add_course {
  width: 124px;
  height: 48px;
  line-height: 48px;
  background: linear-gradient(270deg, #1BA5FF 0%, #97E8FE 100%);
  border-radius: 8px;
  border: 1px solid #5FC9FE;
  float: left;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  color: #0072D3;
  margin-left: 20px;
}

.main_table {
  margin-top: 20px;
  /*height: 760px;*/
  padding: 15px;
  background: #F3F4FF;
  border-radius: 40px 40px 24px 24px;
  position: relative;
  z-index: 1;
}

.table_header {
  height: 80px;
  background: #17DB9A;
  border-radius: 23px 23px 0px 0px;
  text-align: center;
  color: #FFFFFF;
  font-size: 20px;
  overflow: hidden;
}

.table_body {
  overflow: auto;
  background: #FEFCF4;
  border-radius: 0px 0px 23px 23px;
  position: absolute;
  top: 95px;
  left: 15px;
  z-index: 2;
  background-image: url("../img/course_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  font-size: 16px;
  color: #566570;
  text-align: center;
}

.table_body li {
  height: 80px;
  line-height: 80px;
  overflow: hidden;
}

.table_plan {
  overflow: auto;
  /*background: #FEFCF4;*/
  border-radius: 0px 0px 23px 23px;
  position: absolute;
  top: 0px;
  right: 15px;
  left: 15px;
  z-index: 2;
  bottom: 23px;
  background-image: url("../img/table_plan.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  font-size: 16px;
  color: #566570;
  text-align: center;
}

.table_plan .fc-button-group button {
  background: #FEFCF4;
}

.main_table>*>ul>li>p {
  float: left;
  line-height: 80px;
}

.tb_1 {
  width: 460px;
  text-align: left;
  padding-left: 40px;
}

.tb_2 {
  width: 180px;
}

.tb_3 {
  width: 200px;
}

.tb_4 {
  width: 300px;
}


.tb_5 {
  width: 320px;
}

.tb_6 {
  width: 150px;
}


.table_body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.table_body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.table_body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}

.class_edit::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.class_edit::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.class_edit::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}


.implement-hidden-box .cd-panel {
  background: none;
}

.implement-hidden-box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.implement-hidden-box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.implement-hidden-box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}

.edit_box::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.edit_box::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.edit_box::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}

.icon_more {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon_more.png") no-repeat;
  background-size: 12px;
  -webkit-background-size: 12px;
  -moz-background-size: 12px;
  margin: 0 0 2px 5px;
}

.tb_operation2 a {
  font-size: 14px;
  font-weight: 400;
  color: #23B0F0;
  display: inline-block;
  margin: 0 5px;
}

#activity-update-form input:focus,
#activity-update-form select:focus,
#project-apply-form input:focus,
#project-apply-form select:focus,
#activity-clone-form input:focus {
  border-color: #00aeef;
}

.table_botton {
  border-radius: 0px 0px 23px 23px;
  overflow: auto;
  background: #FEFCF4;
  border-radius: 0px 0px 23px 23px;
  background: #fcedcd;
  z-index: 1;
  position: absolute;
}

i.icon_menu {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 15px;
}

.icon_menu1 {
  background: url("../img/icon_title1.png") no-repeat;
  background-size: 18px;
}

a.active .icon_menu1,
.main_left .menu_list>li:hover .icon_menu1 {
  background-image: url("../img/icon_title1_active.png");
}

.icon_menu2 {
  background: url("../img/icon_title2.png") no-repeat;
  background-size: 18px;
}

a.active .icon_menu2,
.main_left .menu_list>li:hover .icon_menu2 {
  background-image: url("../img/icon_title2_active.png");
}

.icon_menu3 {
  background: url("../img/icon_title3.png") no-repeat;
  background-size: 18px;
}

a.active .icon_menu3,
.main_left .menu_list>li:hover .icon_menu3 {
  background-image: url("../img/icon_title3_active.png");
}

.icon_menu4 {
  background: url("../img/icon_title4.png") no-repeat;
  background-size: 18px;
}

a.active .icon_menu4,
.main_left .menu_list>li:hover .icon_menu4 {
  background-image: url("../img/icon_title4_active.png");
}

.menu_logo {
  width: 230px;
  height: 400px;
  background: url("../img/menu_logo.png") no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
}

.logo_bottm {
  position: absolute;
  left: 30px;
  bottom: 0;


}

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

.logo_info img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-bottom: 10px;
}

.logo_info h1 {
  font-size: 16px;
  color: #FFFFFF;
  margin: 0;
  font-weight: normal;
}

.logo_info p {
  font-size: 12px;
  color: #FFFFFF;
  font-weight: normal;
  padding-top: 5px;
  margin: 0;
}

.logo_exit {
  width: 170px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #152939;
}

/*登录 注册*/
.login {
  min-height: unset;
}

.login .login-container {
  display: flex;
  min-height: 100vh;
  margin: 0;
}

.register .login-container {
  display: flex;
  min-height: 100vh;
  margin: 0;
}

.login-bg-container {
  position: relative;
  width: calc((858 / 1440) * 100vw);
  background: url('../img/login_bg1.png') 0 0 / 100% 100%;
}

.login-bg-container img {
  position: absolute;
  width: calc(748 / 1440 * 100vw);
  height: calc(704 / 820 * 100vh);
  left: calc(48 / 1440 * 100vw);
  bottom: 0;
}

.login-container .content-container {
  flex: 1;
  padding: calc(92 / 820 * 100vh) calc(104 / 1440 * 100vw) 0 calc(82 / 1440 * 100vw);
}

.login-container .login-logo {
  width: calc(180 / 1440 * 100vw);
  height: auto;
  max-height: unset;
}

.login-container .login-title {
  margin-top: 90px;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  color: #333;
}

.login-container .login-register {
  margin: 9px 0 24px 2px;
  font-size: 14px;
  line-height: 20px;
  color: #999;
}

.login-container .login-register a {
  display: inline-block;
  margin-left: 4px;
  color: #00b1f5;
}

.login-container .form-group {
  position: relative;
  margin: 0;
}

.login-container .form-group.has-error {
  margin: 0;
}

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

.login-container .form-group-mb {
  margin-bottom: 20px;
}

.login-container .form-error-message {
  margin-left: 14px;
  font-size: 12px;
}

.login-container .form-group i {
  position: absolute;
  top: 23px;
  right: 14px;
  width: 14px;
  height: 14px;
  font-size: 14px;
  cursor: pointer;
}

.login-container .form-group .cd-icon {
  color: #fff;
  background: #ccc;
  border-radius: 50%;
}

.login-container .form-group .es-icon {
  color: #ccc;
}

.login-container .form-group .not-show::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 2px;
  width: 16px;
  height: 1px;
  background: #ccc;
  transform: rotate(45deg);
  transform-origin: left top;
}

.login-container .form-group input {
  padding: 19px 30px 19px 14px !important;
  height: 60px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #333;
  text-indent: 0;
  border-radius: 8px;
}

.login-container .form-group input::placeholder {
  color: #999;
  font-weight: normal;
}

.login-container .form-group input:focus {
  padding: 18px 29px 18px 13px !important;
  background: #f1fbff;
  border: 2px solid #00aeef;
}

.login-container .login-btn {
  margin-top: 50px;
  width: 100%;
  height: 58px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 58px;
  background: #92e1ff;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 10px 5px rgba(255, 255, 255, 0.5);
}

.login-container .login-select-wrap {
  display: flex;
  margin-top: 26px;
  justify-content: space-between;
  font-size: 12px;
  line-height: 18px;
  color: #00aeef;
}

.login-container .login-select-wrap input {
  margin: 0 5px 0 0;
  width: 14px;
  height: 14px;
  vertical-align: sub;
}

.login-container .login-select-wrap a {
  color: #00aeef;
}

.login-container .form-group {
  display: flex;
}

.login-container .controls {
  flex: 1;
}

.login-container .control-label {
  width: 60px;
  margin-right: 10px;
  margin-bottom: 0;
  line-height: 60px;
}

.login-container input[type=number] {
  -moz-appearance: textfield;
}

.login-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.login-container input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

#password-reset-form input {
  text-indent: 2em;
}

/*编辑*/
.class_edit {
  right: 224px;
  bottom: 50px;
  background: #FEFCF4;
  border-radius: 23px;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  font-size: 16px;
  color: #566570;
  text-align: center;
  overflow: auto;
}

.class_botton {
  border-radius: 0px 0px 23px 23px;
  bottom: 90px;
  overflow: auto;
  background: #FEFCF4;
  border-radius: 23px;
  background: #fcedcd;
  z-index: 1;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 230px;
}

.class_btn a {
  line-height: 48px;
  display: block;
  font-size: 16px;
  float: left;
  font-weight: 600;
  text-align: center;
  margin-right: 10px;
}

.release_btn {
  width: 124px;
  height: 48px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid #5FC9FE;
  color: #0072D3;
  background: linear-gradient(270deg, #1BA5FF 0%, #97E8FE 100%);
}

.release_btn:hover {
  color: #0072D3;
}

.save_btn {
  width: 124px;
  height: 48px;
  background: #00aeef;
  border-radius: 4px;
  border: 1px solid #00aeef;
  color: #fff;
}

.save_btn:hover {
  color: #fff;
}

.back_btn {
  width: 124px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #99A2A9;
  color: #566570;
}

.back_btn:hover {
  color: #566570;
}

.edit_screen_r {
  float: right;
  height: 34px;
  background: #D1C1FF;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #755BC7;
}

.edit_screen_r li {
  width: 94px;
  height: 28px;
  line-height: 28px;
  float: left;
  padding: 0 5px;
  margin: 3px 0 0 5px;
  text-align: center;
  cursor: pointer;
}

.edit_screen_r li a {
  color: #755BC7;
}

.edit_screen_r li.active {
  color: #ffffff;
  background: #A287F6;
  border-radius: 8px;

}

.edit_screen_r li.active a {
  color: #ffffff;
}

.edit_tool {
  position: fixed;
  top: 130px;
  right: 30px;
  width: 224px;
  height: auto;
  overflow: auto;
  z-index: 99;
  bottom: 130px;
}

.edit_tool::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.edit_tool::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.edit_tool::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}


.edit_tool_topl {
  width: 24px;
  height: 24px;
  background: url("../img/edit_tool_topl.png") no-repeat;
  margin-left: 15px;
}

.edit_tool_text {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #F3F4FF;
  padding: 30px 0 30px 0;
  border-radius: 0 25px 25px 0;
  -webkit-border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;

}

.edit_tool_text li {
  width: 202px;
  height: auto;
  overflow: hidden;
  cursor: pointer;
}

.edit_tool_text li.active span {
  background: #FEFCF4;
  height: 50px;
  line-height: 50px;
}

.edit_tool_text li.active i {
  display: block;
}

.edit_tool_text li i {
  display: none;
}

.edit_tool_text li span {
  height: auto;
  overflow: hidden;
  padding-bottom: 20px;
  display: block;
  border-radius: 0 25px 25px 0;
  padding-left: 30px;
}

.r_topl {
  width: 24px;
  height: 24px;
  background: url("../img/r_topl.png") no-repeat;
}

.r_bottoml {
  width: 24px;
  height: 24px;
  background: url("../img/r_bottoml.png") no-repeat;
}

.edit_tool_bottoml {
  width: 24px;
  height: 24px;
  background: url("../img/edit_tool_bottoml.png") no-repeat;
  margin-left: 15px;
}

.edit_box {
  padding: 0 30px 50px 30px;
  height: auto;
  overflow: auto;
  text-align: left;
  font-size: 16px;
}

.theme_itmes input::-webkit-input-placeholder {
  color: #909AA2;
}

.theme_itmes textarea::-webkit-input-placeholder {
  color: #909AA2;
}

.theme_itmes {
  padding-top: 20px;
  height: auto;
  overflow: hidden;
  padding-left: 120px;
}

.theme_box {
  padding-top: 35px;
  height: auto;
  overflow: hidden;
  padding-left: 0px;
}

.theme_name {
  width: 110px;
  font-size: 16px;
  font-weight: 400;
  color: #152939;
  float: left;
  line-height: 38px;
  margin-left: -120px;

}

.theme_title {
  font-size: 16px;
  color: #152939;
}

.theme_name_edit {
  width: 100%;
  height: 38px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #A287F6;
  float: left;
  display: block;
  font-size: 16px;
  color: #152939;
  padding: 0 10px;
  outline: none;
}

.theme_age {
  float: left;
  max-width: 1150px;
  padding-top: 10px;
}

.theme_age label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  font-weight: normal;
}

/*.theme_age label input {*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    margin: 0 5px 3px 0;*/
/*    width: 18px;*/
/*    height: 18px;*/
/*}*/

.theme_soure {
  font-size: 20px;
  font-weight: 600;
  color: #152939;
}

.theme_soure_edit {
  width: 1079px;
  height: 96px;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #A287F6;
  outline: none;
  margin-top: 10px;
  color: #152939;
}

.textarea_h1 {
  height: 192px;
}

.theme_target {
  font-size: 20px;
  font-weight: 600;
  color: #152939;
  padding-top: 20px;
}

.theme_target span {
  color: #99A2A9;
  font-size: 14px;
}

.theme_weight {
  font-weight: normal;
}

.theme_table {
  width: 1099px;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #17DB9A;
  margin-top: 10px;
}


.icon_edit {
  margin: 0 10px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon_edit.png") no-repeat;
}

.icon_dele {
  margin: 0 10px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon_dele.png") no-repeat;
}


.themeT_head {
  height: 50px;
  line-height: 50px;
  background: #17DB9A;
  color: #ffffff;
  border-radius: 8px 8px 0px 0px;
}

.themeT_head li {
  float: left;
  padding: 0 20px;
}

.themeT_body {
  height: auto;
  overflow: hidden;
}

.themeT_body ul {
  height: auto;
  overflow: hidden;
  border-bottom: #DDE7EA solid 1px;
}

.themeT_body ul:last-child {
  border: none;
}

.themeT_body li {
  float: left;
  padding: 20px;
}

.theme_td50 {
  width: 50%
}

.theme_td10 {
  width: 10%
}

.theme_td45 {
  width: 45%
}

.theme_td20 {
  width: 20%
}

.theme_td25 {
  width: 25%
}

.theme_td30 {
  width: 30%
}

.theme_td60 {
  width: 60%
}

.theme_td15 {
  width: 15%
}

.theme_td40 {
  width: 40%
}

.theme_td55 {
  width: 55%
}

.mb h1,
.mb p {
  padding: 0;
  margin: 5px;
  line-height: normal !important;
}

.mb h1 {
  font-size: 16px;
  font-weight: 600;
}

.themeT_body li.theme_top {
  padding-top: 45px;
}

.theme_center {
  text-align: center;
}

.themeT_add {
  width: 1079px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #A287F6;
  border-radius: 8px;
  color: #ffffff;
  margin-top: 10px;
  display: block;
}

.themeT_add:hover {
  color: #ffffff;
}

.icon_add {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon_add.png") no-repeat;
  background-size: 26px;
  -webkit-background-size: 26px;
  margin: 0 0 3px 0;
}

.icon_add:hover {
  color: #ffffff;
}

.frame_btn {
  margin-top: 5px;
  height: auto;
  overflow: hidden;
}

.frame_btn a {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
  background: #A287F6;
  border-radius: 8px;
  color: #ffffff;
  font-size: 16px;
}

.frame_btn a i {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.frame_btn a:hover {
  color: #ffffff;
}

.icon_fj {
  background: url("../img/icon_fj.png") no-repeat;
}

.icon_file {
  background: url("../img/icon_file.png") no-repeat;
}

.theme_eva {
  font-size: 16px;
}

.theme_type {
  font-size: 14px;
  font-weight: 400;
  color: #99A2A9;
}

.icon_type {
  width: 13px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/cbCheckbox_active.png") no-repeat;
  margin: 0 5px 2px 5px;
}

.type_box {
  width: 1099px;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #17DB9A;
  margin-top: 5px;
}

.type_box li {
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #566570;
  padding: 0 20px;
  font-weight: normal;
  cursor: pointer;
  border-bottom: 1px solid #DDE7EA;
}

.type_box li:last-child {
  border: none;
}

.type_box li i {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 3px 0;
  background: #D1C1FF;
  border-radius: 4px;
  border: 1px solid #A287F6;
}

.type_box li.active i {
  background-image: url("../img/cbCheckbox_active.png");
  background-repeat: no-repeat;
  background-position: center;
}

.textarea_table {
  width: 480px;
  height: 92px;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #A287F6;
}

.theme_process {
  width: 500px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #A287F6;
  display: block;
  font-size: 16px;
  color: #152939;
  padding: 0 10px;
  outline: none;
}

.theme_top2 {
  padding: 10px !important;
}

.theme_top2_l {
  padding: 25px 10px 10px 10px !important;
}


/*增加样式*/


/*模块选择*/
.sys_List {
  height: auto;
  overflow: hidden;
}

.sys_List ul {
  margin-left: -32px;
}

.sys_List li {
  width: 560px;
  height: 400px;
  float: left;
  cursor: pointer;
  margin: 50px 0 0 50px;
  position: relative;
}

.sys_1 {
  background: url("../img/sys_1.png") no-repeat;
}

.sys_2 {
  background: url("../img/sys_2.png") no-repeat;
}

.sys_3 {
  background: url("../img/sys_3.png") no-repeat;
}

.sys_4 {
  background: url("../img/sys_4.png") no-repeat;
}

.sysbx_text {
  position: absolute;
  width: 400px;
  height: auto;
  overflow: hidden;
  left: 70px;
  top: 70px;
  color: #FFFFFF;
}

.sysbx_text h1 {
  font-size: 50px;
  font-weight: 600;
}

.sysbx_text p {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  opacity: 0.2;
  padding-top: 15px;
}

.class_choice {
  position: relative;
  height: auto;
  overflow: hidden;

}

.class_choice ul {
  margin-left: -35px;
}

.class_choice li {
  width: 373px;
  height: 680px;
  float: left;
  margin: 130px 0 0 38px;
  position: relative;
}

.class_bg1 {
  background: url("../img/class_bg1.png") no-repeat;
}

.class_bg2 {
  background: url("../img/class_bg2.png") no-repeat;
}

.class_bg3 {
  background: url("../img/class_bg3.png") no-repeat;
}

.class_choiceText {
  position: absolute;
  left: 30px;
  top: 200px;
  width: 300px;
  height: auto;
  overflow: hidden;
  color: #ffffff;
}

.class_choiceText h1 {
  font-size: 60px;
  font-weight: 600;
}

.class_choiceText p {
  font-size: 40px;
  font-weight: 600;
  opacity: 0.2;
  padding-top: 10px;
}

.class_choiceText font {
  font-size: 16px;
  padding-top: 100px;
  display: block;
}

.class_choiceText span {
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px;
  display: block;
}

/*目标库*/
.field_tab {
  padding: 12px 15px 15px 30px;
  height: auto;
  overflow: hidden;
  font-size: 20px;
  font-weight: 400;
  color: #4944A8;
}

.field_tab span {
  display: inline-block;
  max-width: 120px;
}

.field_tab p {
  display: inline-block;
  max-width: 1000px;
}

.field_tab p a {
  display: inline-block;
  margin: 0 10px;
  padding: 5px 10px;
  color: #99A2A9;
}

.field_tab p a.active {
  background: #4944A8;
  color: #ffffff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.field_table {
  position: absolute;
  left: 15px;
  top: 164px;
  right: 15px;
  bottom: 23px;
  overflow: auto;
  background: #FEFCF4;
  border-radius: 0px 0px 23px 23px;
}


.field_table::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.field_table::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.field_table::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}

.field_bottom {
  position: absolute;
  left: 15px;
  top: 164px;
  right: 15px;
  bottom: 15px;
  overflow: auto;
  background: #fcedcd;
  border-radius: 0px 0px 23px 23px;
}

.tb_7 {
  width: 400px;
  text-align: left;
  padding-left: 30px;
}

.tb_down {
  width: 30px;
}

.field_tb {
  padding: 0 30px;
  overflow: hidden;
  height: 68px;
  line-height: 68px;
  border-bottom: 1px solid #DDE7EA;
  font-size: 20px;
  font-weight: 400;
  color: #152939;
}

.field_last {
  border: none;
}

.field_tb_l {
  float: left;
}

.field_tb_r {
  float: right;
  background: url("../img/icon_tb_down.png") no-repeat center;
  height: 68px;
  width: 38px;
  cursor: pointer;
}

.icon_tb_up {
  background: url("../img/icon_tb_up.png") no-repeat center;
}

.field_mk {
  background: #FFF6D2;
  margin: 20px 3px;
  padding: 15px 10px 10px 10px;
  line-height: 1.8em !important;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.field_table li.active .field_nr {
  display: block;
}

.field_table li.active .field_tb_l {
  font-weight: 600;
}

.field_mk strong {
  background: #EDE7FF;
  border-radius: 6px;
  padding: 5px 10px;
  font-weight: normal;
}

.field_mk b {
  display: block;
  font-weight: normal;
  padding-top: 5px;

}

.field_nr {
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #DDE7EA;
  display: none;
}

.field_nr:last-child {
  border: none;
}


/*主题资源*/
.resources_tab {
  position: relative;
  height: auto;
  overflow: hidden;
}

.resources_add {
  width: 156px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: linear-gradient(270deg, #1BA5FF 0%, #97E8FE 100%);
  border-radius: 8px;
  border: 1px solid #5FC9FE;
  font-size: 16px;
  color: #ffffff;
  display: block;
  position: absolute;
  right: 0;
  bottom: 15px;
}

.resources_add:hover {
  color: #ffffff;
}

.resources_add i {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon_add.png") no-repeat center;
  background-size: 20px;
  -webkit-background-size: 20px;
  margin: 0 3px 3px 0;
}

.resources_table {
  position: absolute;
  left: 15px;
  top: 233px;
  right: 15px;
  bottom: 23px;
  overflow: auto;
  background: #FEFCF4;
  border-radius: 0px 0px 23px 23px;
  background-image: url(../img/course_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
}


.resources_table::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.resources_table::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.resources_table::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}

.resources_bottom {
  position: absolute;
  left: 15px;
  top: 233px;
  right: 15px;
  bottom: 15px;
  overflow: auto;
  background: #fcedcd;
  border-radius: 0px 0px 23px 23px;
}

.tb_8 {
  width: 350px;
  text-align: left;
  padding-left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resources_table li {
  height: 80px;
  line-height: 80px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
}


/*主题实施*/
.implement {
  padding: 12px 15px 15px 30px;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  color: #4944A8;
}

.implement_back {
  width: 124px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid #99A2A9;
  display: block;
  color: #566570;
  ;
  float: left;
  font-size: 16px;
}

.implement_jd {
  float: left;
  max-width: 500px;
  margin-left: 30px;
  text-align: center;
  margin-top: 8px;
}

.implement_jd a {
  width: 95px;
  height: 34px;
  line-height: 34px;
  background: #4944A8;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #ffffff;
  display: inline-block;
  margin-left: 30px;
  font-size: 16px;
}

.implement_add {
  float: left;
  font-size: 16px;
  color: #755BC7;
  margin-left: 30px;
  display: block;
  margin-top: 15px;
  font-weight: bold;
}

.implement_add:hover {
  color: #755BC7;
}

.implement_add font {}

.implement_table {
  position: absolute;
  left: 15px;
  top: 95px;
  right: 15px;
  bottom: 100px;
  overflow: auto;
  background: #FEFCF4;
  border-radius: 23px;
  z-index: 99;
}


.implement_table::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.implement_table::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.implement_table::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}

.implement_bottom {
  position: absolute;
  left: 15px;
  top: 95px;
  right: 15px;
  bottom: 90px;
  overflow: auto;
  background: #fcedcd;
  border-radius: 23px;
}

.implement_form {
  padding: 0 30px 30px 30px;
  height: auto;
  overflow: hidden;
}

.implement_itmes {
  height: auto;
  overflow: hidden;
  margin-top: 30px;
}

.implement_left {
  width: 140px;
  height: auto;
  overflow: hidden;
  float: left;
  font-size: 20px;
  color: #152939;
  padding-top: 12px;
  text-align: right;
}

.implement_top {
  padding-top: 45px;
}

.implement_right {
  margin-left: 150px;
  height: auto;
  overflow: hidden;
}

.implement_right {}

.implement_right input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #99A2A9 !important;
}

.implement_right input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #99A2A9 !important;
}

.implement_right input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #99A2A9 !important;
}

.implement_right input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #99A2A9 !important;
}

.implement_right textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #99A2A9 !important;
}

.implement_right textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #99A2A9 !important;
}

.implement_right textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #99A2A9 !important;
}

.implement_right textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #99A2A9 !important;
}

.eva_txt textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #99A2A9 !important;
}

.eva_txt textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #99A2A9 !important;
}

.eva_txt textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #99A2A9 !important;
}

.eva_txt textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #99A2A9 !important;
}


.implement_input {
  width: 910px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #A287F6;
  display: block;
  font-size: 16px;
  color: #152939;
  padding: 0 10px;
  outline: none;

}

.implement_text {
  width: 910px;
  height: 170px;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #A287F6;
  outline: none;
  color: #152939;
}

.implement_text2 {
  height: 76px;
}

.implement_title {
  width: 930px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #152939;
  padding-bottom: 10px;
}

.implement_check {
  color: #152939;
  font-size: 16px;
  margin-top: 10px;
}

.implement_check label {
  margin-right: 20px;
}

.implement_check label.active i {
  background-image: url("../img/cbCheckbox_active.png");
  background-repeat: no-repeat;
  background-position: center;
}

.implement_check i {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  background: #D1C1FF;
  border-radius: 4px;
  border: 1px solid #A287F6;
  margin: 0 3px 2px 0;
}

.implement_check input {
  display: none;
}

.implement_check i.cbCheckbox_active {
  background-image: url("../img/cbCheckbox_active.png");
  background-repeat: no-repeat;
  background-position: center;
}

/*弹窗*/
.pop {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
  z-index: 999;
}

.target_box {
  width: 760px;
  height: 555px;
  background: #FFFFFF;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -380px;
  margin-top: -277px;
}

.target_title {
  height: auto;
  overflow: hidden;
  font-size: 20px;
  font-weight: 600;
  color: #152939;
  position: relative;
  margin: 30px 0 0 30px;
}

.target_title:after {
  content: "";
  clear: both;
  display: block;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 6px;
  background: #64D2EB;
  border-radius: 3px;
  margin-top: 10px;
}

.target_close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 30px;
  display: block;
  background: url("../img/icon_close.png") no-repeat center;
  cursor: pointer;
}

.target_main {
  margin: 10px 80px 0 30px;
  height: auto;
  overflow: hidden;
}

.target_itmes {
  height: auto;
  overflow: hidden;
  margin-top: 30px;
}

.target_left {
  width: 100px;
  float: left;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  color: #152939;
  padding-top: 10px;
}

.target_right {
  margin-left: 120px;
}

.select_w1 {
  width: 200px;
  float: left;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  background: #F8F5FF;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  outline: none;
}

.select_w2 {
  width: 300px;
  float: left;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  background: #F8F5FF;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  outline: none;
  margin-left: 10px;
}

.prick {
  width: 510px;
  height: 90px;
  overflow: auto;
  background: #F8F5FF;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 5px;
  border: 1px solid #A287F6;
}

.prick p {
  display: inline-block;
  padding: 3px 8px;
  background: #EDE7FF;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  margin: 10px 0 0 10px;
}

.icon_close {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/icon_close.png") no-repeat;
  background-size: 12px;
  -webkit-background-size: 12px;
  cursor: pointer;
}

.prick_input {
  width: 480px;
  background: #F8F5FF;
  float: left;
}

.prick_dele {
  width: 16px;
  height: 18px;
  float: left;
  background: url("../img/icon_dele2.png") no-repeat;
  margin: 12px 0 0 15px;
  display: block;
}

.prick_target {
  height: auto;
  overflow: hidden;
}

.prick_add {
  width: 510px;
  font-size: 16px;
}

.prick_add:hover {
  color: #ffffff;
}

.prick_btn {
  width: 510px;
  height: auto;
  overflow: hidden;
  margin-top: 60px;
  text-align: center;
}

.prick_btn a {
  display: inline-block;
  text-align: center;
  margin: 0 20px;
  font-size: 16px;

}

.prick_btn a.btn_cancle {
  width: 124px;
  height: 48px;
  line-height: 48px;
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 5px;
  border: 1px solid #64D2EB;
  color: #23B0F0;
}

.prick_btn a.btn_ok {
  width: 124px;
  height: 48px;
  line-height: 48px;
  background: linear-gradient(270deg, #1E8EE7 0%, #61E7FE 100%);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 5px;
  color: #FFFFFF;
}

.course_box {
  width: 630px;
  height: 390px;
  background: #FFFFFF;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -315px;
  margin-top: -195px;
}

.course_main {
  width: 510px;
  margin: 10px auto 0 auto;
  height: auto;
  overflow: hidden;
}

.course_w {
  width: 380px;
  float: none;
}

.course_btn {
  width: 400px;
  text-align: left;
}

/*课程评价*/
.eva_table {
  margin-top: 20px;
  /*height: 760px;*/
  padding: 15px 30px;
  background: #F3F4FF;
  border-radius: 40px 40px 24px 24px;
  position: relative;
  z-index: 1;
}

.eva_theme {
  padding: 0 20px;
  height: auto;
  overflow: hidden;
  color: #4944A8;
}

.eva_theme h1 {
  font-size: 20px;
  font-weight: 600;

}

.eva_theme p {
  font-size: 14px;
  padding-top: 10px;
}

.eva_theme ul {
  text-align: left;
  margin-left: -100px;
}

.eva_theme li {
  display: inline-block;
  margin-left: 100px;
  padding-top: 10px;
}

.eva_form {
  width: 100%;
  height: 290px;
  position: relative;
  margin-top: 30px;
}

.eva_form_bg1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 282px;
  background: #FEFCF4;
  border-radius: 24px;
  z-index: 2;
}

.eva_form_bg2 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 290px;
  background: #fcedcd;
  border-radius: 24px;
  z-index: 1;
}

.eva_list {
  position: absolute;
  left: 30px;
  top: 470px;
  right: 30px;
  bottom: 20px;
}

.eva_list_bg1 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 68px;
  background: #FEFCF4;
  border-radius: 24px;
  z-index: 2;
  overflow: auto;
}

.eva_list_bg1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.eva_list_bg1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background: #CBEFE3;
}

.eva_list_bg1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 6px;
  background: #ffffff;
}

.eva_list_bg2 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 60px;
  background: #fcedcd;
  border-radius: 24px;
  z-index: 1;
}

.eva_box {
  padding: 20px 30px;
  height: auto;
  overflow: hidden;
}

.eva_title {
  font-size: 20px;
  font-weight: 600;
  color: #152939;
}

.eva_info {
  height: auto;
  overflow: hidden;
}

.eva_info li {
  height: auto;
  overflow: hidden;
  padding: 15px;
  background: #FFF6D2;
  border-radius: 8px;
  margin-top: 10px;
}

.info_left {
  float: left;
  max-width: 700px;
  height: auto;
  overflow: hidden;
  color: #152939;
}

.info_right {
  float: right;
  text-align: right;
  padding-top: 5px;
}

.info_head {
  font-weight: 600;

}

.info_head img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 3px 0;
}

.info_text {
  padding-top: 5px;
}

.info_star2 {
  display: inline-block;
  font-size: 16px;

}

.info_star i {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 4px 0;
}

.icon_active {
  background: url("../img/icon_active.png") no-repeat;
}

.icon_half {
  background: url("../img/icon_half.png") no-repeat;
}

.icon_defalt {
  background: url("../img/icon_defalt.png") no-repeat;
}


.info_star span {
  color: #152939;
}

.info_date {
  color: #949FA6;
  font-size: 14px;
  padding-top: 5px;
}

.eva_page {
  position: absolute;
  left: 30px;
  bottom: 0;
  right: 30px;
  text-align: center;
  height: 70px;
  line-height: 70px;
}

.eva_page a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #D4DCE2;
  color: #566570;
}

.eva_page a:hover {
  color: #566570;
}

.eva_page a.active {
  background: linear-gradient(270deg, #1BA5FF 0%, #97E8FE 100%);
  border: 1px solid #5FC9FE;
  color: #ffffff;
}

.eva_txt {
  width: 1080px;
  height: 157px;
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid #A287F6;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  font-size: 16px;
}

.eva_txt textarea {
  padding: 10px;
  width: 100%;
  height: 70px;
  outline: none;
  border: none;
}

.eva_file {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #D1C1FF;
  border-radius: 8px;
  border: 1px solid #A287F6;
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: block;
  color: #A287F6;
  font-size: 20px;
}

.eva_file input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.eva_file:hover {
  color: #A287F6;
}

.anonymous {
  height: auto;
  overflow: hidden;
  padding-top: 10px;
}

.anonymous_l {
  float: left;
  padding-top: 5px;
}

.anonymous_r {
  float: right;
  width: 120px;
  height: 38px;
  line-height: 38px;
  color: #ffffff;
  text-align: center;
  background: #A287F6;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}

.anonymous_l label {
  font-weight: normal;
}

.anonymous_l label input {
  display: none;
}

.anonymous_l i {
  width: 16px;
  height: 16px;
  background: #D1C1FF;
  border-radius: 4px;
  border: 1px solid #A287F6;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 2px 0;
}

.anonymous_l i.cbCheckbox_active {
  background-image: url("../img/cbCheckbox_active.png");
  background-repeat: no-repeat;
  background-position: center;
}

.main_table {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 85px;
}

.table_body {
  right: 15px;
  bottom: 23px;
}

.menu_admin a {
  width: 170px;
  text-align: center;
  display: block;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  background: #fff;
  color: #000;
  border-radius: 16px 16px 0px 0px;
  margin-bottom: 2px;
}

.logo_exit_admin {
  border-radius: 0 0 16px 16px;
}

.menu_List {
  position: relative;
  z-index: 99;
}

.logo_exit a {
  color: #152939;
}

.table_body .tb_1.tb_5 .checkbox-inline input[type=checkbox] {
  position: relative;
}

.login .login-container .alert-danger-position {
  margin: 0 0 0 14px;
  line-height: 20px;
}

body {
  background: none !important;
}

.checkbox-inline,
.radio-inline {
  padding-left: 0 !important;
}

.form-control {
  padding: 3px 0px !important;
  text-indent: 10px;
}

.prl {
  padding: 0 0 0 7px !important;
}

.cd-btn {
  font-size: 14px;
  /*padding: 6px 10px;*/
}

/*.fs-wrap{ height: 28px !important;}*/
.new-v2-j-i-img {
  width: 150px !important;
}

.new-v2-j-i-content {
  margin-left: 150px !important;
  padding-left: 20px !important;
}

.new-v2-j-i-content>span {
  font-size: 16px !important;
}

.item {
  font-size: 14px;
}

.item h3 {
  font-size: 14px;
}

.cd-btn.cd-btn-sm {
  padding: 3.5px 12px !important;
}

.h4,
h4 {
  font-size: 14px;
}

.work-record-body legend {
  font-size: 14px !important;
}

.arrangement-section .arrangement-time .week-day .weekday-num {
  font-size: 14px !important;
}

.fc-toolbar .fc-right {
  margin-top: -17px;
}

.tabs-wrapper .tabs-group .content>li>a {
  font-size: 12px !important;
  padding: 2px 10px !important;
}

/*.study-center .course-filtrate { padding: 5px 10px !important; font-size: 12px;}*/
/*.type-select { padding: 4px 10px !important; font-size: 12px;}*/
.class_edit .edit_box {
  padding: 0 10px !important;
}

.table_body .text-center {
  position: absolute;
  width: 100%;
  bottom: -20px;
}

.form-group prl {
  font-size: 14px;
}

/*.new-v2-style .main_table{top: 100px !important;}*/

/*#project-implement-form .col-md-1{ width: 16.6666%;}*/
/*#project-implement-form .col-md-11{width: 83.33337%;}*/
/*#project-deploy-form .col-md-1{ width: 10%;}*/
/*#project-deploy-form .col-md-11{width: 90%;}*/
.cd-pagination>li>a {
  min-width: 24px !important;
  line-height: 24px !important;
}

.es-footer .copyright {
  font-size: 12px !important;
}

.ct-mbl {
  margin-bottom: 0;
}

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

.btn.btn-sm,
.btn.btn-sm>i {
  margin-bottom: 7px;
}

/*.form-control{ background: none !important;}*/


/*增加*/
#activity-library {
  overflow: hidden;
}

#activity-library #activity-list-manage-ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 40px;
  overflow: auto;
}

#activity-list-manage>nav {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  /*height: 90px;*/
}


#activity-library #activity-list-manage-ul::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}

#activity-library #activity-list-manage-ul::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #CBEFE3;
}

#activity-library #activity-list-manage-ul::-webkit-scrollbar-track {
  border-radius: 6px;
  background: #ffffff;
}


#project-implement-form .form-control {
  height: auto !important;
}

.select2-container .select2-choice {
  /*border: none !important;*/
  box-shadow: none !important;
}

#s2id_unionProjectId {
  border: none !important;
}

.work-record-body .form-group .col-md-1 {
  text-align: left;
}

.work-record-body .table-responsive .cd-panel {
  margin: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.new-v2-style .work-record-body input.form-control {
  padding: 0 10px !important;
  height: 30px;
  line-height: 28px;
  text-indent: 0;
}

.new-v2-style .work-record-body .form-control:not(input) {
  padding: 10px !important;
}

.new-v2-style .work-record-body .form-control.select2-container {
  padding: 0 !important;
}

/*.main_table .class_btn{ width: 60px; height: 28px; line-height: 28px;}*/