@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

ul, li {
  list-style: none;
}

html, body {
  width: 100%;
  height: 100%;
}

.group-task {
  width: 100%;
  height: 100%;
  background: #f0f1f3;
  overflow: auto;
}

.group-task .task-header {
  width: 100%;
  height: 38px;
  /*min-width: 1200px;*/
}

.group-task .task-content {
  width: 100%;
  max-width: 1200px;
  /*height: calc(100% - 88px);*/
  margin: 0 auto;
  margin-bottom: -28px;
  padding-bottom: 1px;
}

.group-task .task-content .operate-task {
  width: 100%;
  height: 36px;
}

.group-task .task-content .operate-task a {
  float: right;
}

.group-task .task-content .operate-task a:nth-child(2n) {
  margin-right: 30px;
}

.group-task .task-content .content-wrapper {
  width: 100%;
  margin-top: 18px;
  overflow: hidden;
  margin-bottom: 30px;
}

.group-task .task-content .content-wrapper > div {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.group-task .task-content .content-wrapper .task-left-part {
  width: calc(100% - 378px);
  float: left;
  background: #FFFFFF;
  box-shadow: 0 2px 17px 0 rgba(239, 239, 239, 0.5);
  border-radius: 4px;
  min-height: 700px;
}

.group-task .task-content .content-wrapper .task-left-part .input-title {
  width: calc(100% - 80px);
  height: 40px;
  margin: 30px 40px 20px 40px;
  border: 1px solid #E1E1E5;
  border-radius: 4px;
}

.group-task .task-content .content-wrapper .task-left-part .input-title input {
  display: inline-block;
  width: calc(100% - 14px);
  margin-left: 14px;
  line-height: 40px;
  height: 40px;
  border: none;
  outline: none;
}

.group-task .task-content .content-wrapper .task-left-part .input-title input[placeholder] {
  font-size: 14px;
  color: #181E33;
  caret-color: #3A8BFF;
}

.group-task .task-content .content-wrapper .task-left-part .task-input-part {
  width: calc(100% - 80px);
  min-height: 420px;
  border: 1px solid #E1E1E5;
  border-radius: 4px;
  background: white;
  margin-left: 40px;
  /*overflow: auto;*/
  box-sizing: border-box;
}

.group-task .task-content .content-wrapper .task-left-part .task-input-part .editor-details {
  width: 100%;
  height: 100%;
}

.group-task .task-content .content-wrapper .task-right-part {
  width: 364px;
  float: right;
  background: #FFFFFF;
  box-shadow: 0 2px 17px 0 rgba(239, 239, 239, 0.5);
  border-radius: 4px;
  overflow: auto;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper {
  width: calc(100% - 60px);
  margin: 30px 0 30px 30px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .ipt-radio {
  width: 18px;
  height: 18px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .recent-wrapper,
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .comment-recent-wrapper {
  width: 100%;
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .recent-wrapper .recent-groups,
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .comment-recent-wrapper .recent-groups {
  font-size: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .recent-wrapper .recent-groups .operate-list-group,
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .comment-recent-wrapper .recent-groups .operate-list-group {
  margin-left: 8px;
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .recent-wrapper .recent-groups .operate-list-manage-look,
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .comment-recent-wrapper .recent-groups .operate-list-manage-look {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin-left: 20px;
  font-size: 12px;
  color: #3A8BFF;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .recent-wrapper .recent-time,
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .comment-recent-wrapper .recent-time {
  font-size: 12px;
  color: #A8A8B3;
  width: 100px;
  margin-left: 30px;
  line-height: 17px;
  margin-top: 4px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .recent-wrapper .recent-txt,
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .comment-recent-wrapper .recent-txt {
  font-size: 12px;
  color: #A8A8B3;
  margin-left: 28px;
  line-height: 17px;
  margin-top: 4px;
  max-width: 254px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .select-wrap {
  color: #3A8BFF;
  vertical-align: middle;
  /*margin-left: 10px;*/
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .select-wrap .select-inp {
  font-size: 14px;
  width: 124px;
  padding-left: 0;
  padding-right: 40px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  color: #3A8BFF;
  border: none!important;
  box-shadow: none;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .select-wrap .select-inp.expanded, .group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .select-wrap .select-inp:hover {
  border: none !important;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .select-wrap .select-inp:disabled {
  opacity: 0.4;
}
.disabled-opt {
  opacity: 0.4;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .select-wrap .icon {
  color: #3A8BFF;
  right: 14px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .gray-box {
  margin-top: 10px;
  background: #F7F8FA;
  border-radius: 4px;
  padding: 12px 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .gray-box > li + li {
  margin-top: 10px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .gray-box .mg-l-10 {
  margin-left: 10px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .gray-box .mg-l-20 {
  margin-left: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .gray-box .fs14 {
  font-size: 14px !important;
}
.select-group-lists {
  width: 124px !important;
}


.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .operate-btn {
  cursor: pointer;
  /*margin-right: 30px;*/
  display: inline-block;
  vertical-align: top;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .operate-btn i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  font-size: 16px;
  color: #6B89B3;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-new .operate-btn .operate-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  color: #6B89B3;
}


.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group {
  width: 100%;
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group:nth-child(2) {
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .title {
  font-size: 14px;
  color: #131b26;
  font-weight: bolder;
  width: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .title .blue-txt {
  color: #3A8BFF;
  font-size: 12px;
  font-weight: 400;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .title .tip-box {
  display: inline-block;
  position: relative;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .title .tip-box:hover .icon-tip {
  background: url(../../images/questionBank/saying-blue.png) no-repeat;
  background-size: 100% 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .title .tip-box:hover .bubble {
  display: block;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .title .tip-box .icon-tip {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../images/questionBank/saying-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .title .tip-box .bubble {
  white-space: nowrap;
  line-height: 1;
  position: absolute;
  top: -45px;
  right: -30px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .title .tip-box .bubble:after {
  left: auto;
  right: 32px;
  margin-left: 4px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .second-title {
  font-size: 12px;
  color: #A8A8B3;
  line-height: 17px;
  margin-top: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .second-txt {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #474C59;
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .second-txt .left-txt {
  margin-right: 20px;
}



.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .add-gauge-button {
  margin-top: 20px;
  padding-bottom: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .add-gauge-button .add-button {
  width: 304px;
  height: 40px;
  background: #F4F8FF;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  border: none;
  color: #3A8BFF;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .add-gauge-button .add-button i {
  font-size: 12px;
  margin-right: 4px;
  color: #3A8BFF;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .gauge-box-inner {
  margin: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #F7F8FA;
  border: 1px solid #E5E5E5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 10px 10px 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .gauge-box-inner .icon-gugue {
  color: #3A8BFF;
  font-size: 14px;
  margin-right: 4px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .gauge-box-inner span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #3A8BFF;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .gauge-box-inner .icon-close {
  font-size: 12px;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  color: #CAD5E6;
  margin-left: auto;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .second-title span {
  color: #f33f34;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting {
  width: 100%;
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list {
  width: 100%;
  overflow: hidden;
  margin-top: 16px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list:first-child {
  margin-top: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-list-wrapper {
  width: 100%;
  height: 34px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-setting-txt {
  margin: 4px 0 0 10px;
  overflow: hidden;
  color: #8A8B99;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .unName-comment {
  width: calc(100% - 16px);
  margin-left: 16px;
  height: 20px;
  margin-top: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .unName-comment:first-child{
  width: calc(100% - 16px);
  margin-left: 16px;
  height: 20px;
  margin-top: 0px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .unName-comment li {
  float: left;
  margin-left: 10px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .unName-comment .name {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #646873;
  width: auto;
  margin-right: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .unName-comment .show-or-not {
  width: 38px;
  height: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .teacher-comment {
  font-size: 14px;
  color: #646873;
  letter-spacing: 0;
  line-height: 34px;
  float: left;
  font-weight: bold;
  min-width: 70px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-input {
  width: 60px;
  height: 32px;
  float: left;
  margin-left: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-input input {
  font-size: 14px;
  color: #181E33;
  outline: none;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0 14px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  caret-color: #3A8BFF;
  box-sizing: border-box;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .percent {
  width: 14px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  color: #4A4A4A;
  float: left;
  margin-left: 10px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .setting-btn {
  cursor: pointer;
  float: left;
  margin-left: 10px;
  color: #3A8BFF;
  font-size: 12px;
  line-height: 34px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input {
  width: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists {
  background: #f7f8fa;
  border-radius: 4px;
  padding: 0 20px;
  padding-top: 2px;
  line-height: 20px;
  font-size: 14px;
  box-sizing: border-box;
  margin-top: 16px;
  margin-bottom: 14px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists .divide-input-list {
  padding: 12px 0 10px 0;
  border-bottom: 1px solid #E5E5E5;
  min-height: 44px;
  box-sizing: border-box;
  font-size: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists .divide-input-list .delete-img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: top;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists .divide-input-list .grade-txt {
  width: 164px;
  background: none;
  display: inline-block;
  overflow-y: hidden;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #444;
  box-sizing: border-box;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists .divide-input-list .grade-num {
  width: 35px;
  text-align: center;
  background: none;
  border-bottom: 1px solid #646873;
  padding-bottom: 1px;
  vertical-align: top;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists .divide-input-list .grade-unit {
  vertical-align: top;
  color: #646873;
  font-size: 14px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists .divide-input-add {
  padding: 12px 0;
  color: #CCCCCC;
  height: 44px;
  box-sizing: border-box;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists .divide-input-add .add-icon {
  vertical-align: middle;
  margin-right: 10px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .divide-input-lists .divide-input-add .add-txt {
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .three-title {
  font-size: 12px;
  color: #A8A8B3;
  line-height: 17px;
  margin-bottom: 14px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .three-title .colorred {
  color: #F33F34;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .comment-common-step {
  position: relative;
  color: #646873;
  overflow: hidden;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .comment-common-step .common-check {
  float: left;
  line-height: 18px;
  vertical-align: top;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: url("../../images/dx_check.png") no-repeat;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .comment-setting .comment-list .comment-divide-input .comment-common-step .common-check[type='checkbox']:checked {
  background: url("../../images/dx_checked.png") no-repeat;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group:last-child {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group.group-leader {
  overflow: visible;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group.group-facetoface {
  overflow: visible;
}


.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .operate-list-choose {
  width: 18px;
  height: 18px;
  border: 1px solid #C5CFDB;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .operate-list-choose .inner-circle {
  width: 9px;
  height: 9px;
  background: #3A8BFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: none;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .circl-choosed .inner-circle {
  display: block;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .operate-list-group {
  display: inline-block;
  vertical-align: middle;
  line-height: 21px;
  margin-left: 8px;
  font-size: 14px;
  color: #474C59;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .operate-list-manage {
  display: inline-block;
  vertical-align: middle;
  line-height: 21px;
  margin-left: 10px;
  font-size: 12px;
  color: #3A8BFF;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .operate-list-accumulate {
  width: 100px;
  height: 24px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .unit {
  font-size: 14px;
  color: #646873;
  line-height: 24px;
  padding-left: 2px;
  vertical-align: middle;
}


.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box:hover .icon-tip {
  background: url(../../images/questionBank/saying-blue.png) no-repeat;
  background-size: 100% 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box:hover .bubble {
  display: block;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box .icon-tip {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../images/questionBank/saying-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box .bubble {
  width: 176px;
  line-height: 1;
  position: absolute;
  bottom:20px;
  top:auto;
  left: -134px;

}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box .bubble:after {
  left: 76%;
  margin-left: 4px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .max-group {
  width: 290px;
  height: 48px;
  background: #F5F7FA;
  border-radius: 4px;
  margin: 16px 0 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .max-group .operate-list-group {
  line-height: 48px;
  margin-left: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .max-group .unit {
  line-height: 48px;
  padding-left: 2px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .recent-use {
  width: 100%;
  margin-top: 30px;
  height: 210px;
  overflow: hidden;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .recent-use .title {
  font-size: 14px;
  color: #A8A8B3;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .recent-use .recent-wrapper {
  width: 100%;
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .recent-use .recent-wrapper .recent-groups .operate-list-choose {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #C5CFDB;
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .recent-use .recent-wrapper .recent-groups .operate-list-choose .inner-circle {
  width: 9px;
  height: 9px;
  background: #3A8BFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: none;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .recent-use .recent-wrapper .recent-groups .operate-list-group {
  margin-left: 8px;
  font-size: 14px;
  color: #646873;
  display: inline-block;
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .recent-use .recent-wrapper .recent-groups .operate-list-manage-look {
  display: inline-block;
  vertical-align: middle;
  line-height: 21px;
  margin-left: 20px;
  font-size: 12px;
  color: #3A8BFF;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .recent-use .recent-wrapper .recent-time {
  font-size: 12px;
  color: #A8A8B3;
  width: 100px;
  margin-left: 30px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .fold-more {
  width: 70%;
  height: 17px;
  font-size: 12px;
  color: #91A0B5;
  text-align: center;
  cursor: pointer;
  padding-bottom: 10px;
  border-bottom: 1px solid #F2F2F2;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .fold-more .more-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../../images/arrowDown.png") no-repeat;
  background-size: 100% 100%;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box:hover .icon-tip {
  background: url(../../images/questionBank/saying-blue.png) no-repeat;
  background-size: 100% 100%;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box .icon-tip {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../images/questionBank/saying-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  cursor: pointer;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box:hover .bubble {
  display: block;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box .bubble {
  width: 176px;
  line-height: 1.1rem;
  position: absolute;
  bottom: 20px;
  top: auto;
  left: -134px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .group .tip-box .bubble:after {
  left: 76%;
  margin-left: 4px;
}


.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long {
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 30px;
  border-top: 1px solid #F2F2F2;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .task-title {
  font-size: 14px;
  color: #181E33;
  font-weight: bolder;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  height: 25px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose {
  width: 100%;
  height: 26px;
  margin-top: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose.more-setting {
  background-color: #f7f8fa;
  border-radius: 4px;
  padding: 20px;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: #474c59;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose.more-setting .select {
  margin: 0 10px;
}


.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose li {
  display: inline-block;
  vertical-align: top;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose .select {
  width: 60px;
  height: 26px;
  border: 1px solid #E1E1E5;
  border-radius: 2px;
  box-sizing: border-box;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose .select .select-wrap {
  width: 100%;
  height: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose .select .select-wrap .select-inp {
  width: 100%;
  height: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose .select .select-wrap .icon-triangle-down {
  right: 8px;
  top: 56%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose .times {
  font-size: 14px;
  color: #646873;
  line-height: 26px;
  padding: 0 3px 0 3px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .time-choose .select-item {
  width: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over {
  width: 100%;
  height: 20px;
  margin-top: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over.more-time-setting {
  background-color: #f7f8fa;
  border-radius: 4px;
  padding: 20px;
  height: 74px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over li {
  float: left;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over .handle {
  font-size: 14px;
  color: #131b26;
  line-height: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over .handle2 {
  font-size: 14px;
  color: #646873;
  line-height: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over .over {
  margin-left: 20px;
}

/* 修复：英文下 "Publish time" 标签 + 日期输入框总宽度超出容器(264px)导致换行。
   改用 flex 布局，标签 flex-shrink:0 不压缩，日期输入框 flex:1 自适应剩余空间。 */
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over.more-time-setting {
  display: flex;
  align-items: center;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over.more-time-setting .handle2 {
  flex-shrink: 0;
  white-space: nowrap;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over.more-time-setting .over {
  flex: 1;
  min-width: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over.more-time-setting .over .date-box {
  width: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over.more-time-setting .over .date-box .date-inp-box {
  width: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .task-long .handle-over.more-time-setting .over .date-box .date {
  width: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting {
  padding-bottom: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .task-title {
  cursor: pointer;
  display: block;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .task-title i {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  font-size: 12px;
  color: #8A8B99;
  margin-left: 8px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting.active .task-title i {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list {
  display: none;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .split-group-eval-time {
  border-top: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .split-group-view-works {
  border-top: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .task-long {
  padding-bottom: 0;
  border-top: 0;
  padding-top: 0;
}
/*互看作品隐私设置 start */
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting {
    background-color: #F7F8FA;
    border-radius: 4px;
    padding: 20px;
    margin-top: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item {
    display: flex;
    align-items: center;
    gap: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item:not(:first-child) {
    margin-top: 16px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-label {
    font-size: 14px;
    color: #474C59;
    line-height: 20px;
    flex-shrink: 0;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .ipt-radio {
    display: inline-block;
    position: relative;
    flex-shrink: 0;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .ipt-radio input[type="radio"] {
    width: 18px;
    height: 18px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 2;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .ipt-radio input[type="radio"]:checked + .icon-radio {
    background-color: #3A8BFF;
    border-color: #3A8BFF;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .ipt-radio .icon-radio {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #C3CCD9;
    border-radius: 50%;
    background-color: #FFFFFF;
    position: relative;
    transition: all 0.2s ease;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .operate-list-group {
    font-size: 14px;
    color: #474C59;
    line-height: 20px;
    white-space: wrap;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .comment-common-step {
    position: relative;
    color: #474C59;
    overflow: hidden;
    cursor: pointer;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .comment-common-step .common-check {
    float: left;
    line-height: 18px;
    vertical-align: top;
    margin-right: 6px;
    width: 18px;
    height: 18px;
    background: url("../../images/dx_check.png") no-repeat;
    cursor: pointer;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .comment-common-step .common-check[type='checkbox']:checked {
    background: url("../../images/dx_checked.png") no-repeat;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .item .comment-common-step .checkbox-text {
    display: inline-block;
    font-size: 14px;
    color: #474C59;
    line-height: 18px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .view-works-setting .view-works-setting-item .setting-options .clear {
    clear: both;
}
/*互看作品隐私设置 end */

/*多班发放新样式*/
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .more-class-setting {
    display: block;
    max-height: 500px;
    overflow: hidden;
    margin-top: 14px;
    padding: 16px;
    border-radius: 8px;
    background: #F6F7FA;
    transition: max-height 0.35s ease, margin-top 0.35s ease, padding 0.35s ease, opacity 0.35s ease;
    opacity: 1;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .more-class-setting.is-hidden {
    max-height: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .more-class-setting li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #474C59;
    cursor: pointer;
    margin-bottom: 14px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .more-class-setting li:last-child {
    margin-bottom: 0;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .more-class-setting li span {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #474C59;
    line-height: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .more-class-setting li a {
    font-size: 14px;
    color: #8A8B99;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .more-setting .more-setting-list .more-class-setting li a .icon {
    font-size: 12px;
    color: #8A8B99;
    margin-left: 6px;
}



.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper {
  width: 100%;
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper .pj-type-groups {
  font-size: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper .pj-type-groups .operate-list-group {
  margin-left: 8px;
  vertical-align: middle;
  color: #474C59;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper .evaluate-tip {
  font-size: 12px;
  color: #8A8B99;
  margin-left: 30px;
  line-height: 17px;
  margin-top: 4px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper .evaluate-tip.warning {
  color: #F28C24;
  margin-left: 26px;
}

.icon-com {
  flex: none;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper .evaluate-tip.warning i.warning-tips {
  width: 16px;
  height: 16px;
  background-image: url("../../images/renwu/warning-tips.png");
  margin-right: 6px;
  vertical-align: sub;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper .star-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper .star-box img {
  width: 16px;
  height: 16px;
  margin-right: 1px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .pj-type-wrapper .star-set-btn {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin-left: 10px;
  font-size: 12px;
  color: #3A8BFF;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box {
  display: none;
  /*border-bottom: 1px solid #F2F2F2;*/
  padding-bottom: 30px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input {
  width: 300px;
  margin-left: 14px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists {
  border-radius: 4px;
  padding-top: 2px;
  line-height: 20px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 16px;
  margin-bottom: 14px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists .divide-input-list {
  padding: 12px 0 10px 0;
  border-bottom: 1px solid #E5E5E5;
  min-height: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists .divide-input-list .delete-img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: top;
  margin-top: 3px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists .divide-input-list .grade-txt {
  width: 274px;
  background: none;
  display: inline-block;
  overflow-y: hidden;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #444;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists .divide-input-list .grade-num {
  width: 40px;
  text-align: center;
  background: none;
  border-bottom: 1px solid #646873;
  padding-bottom: 1px;
  vertical-align: top;
  margin-left: 14px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists .divide-input-list .grade-unit {
  vertical-align: top;
  color: #646873;
  font-size: 14px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists .divide-input-add1 {
  padding: 12px 0;
  color: #3A8BFF;
  height: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists .divide-input-add1 .add-icon {
  vertical-align: middle;
  margin-right: 4px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .divide-input-lists .divide-input-add1 .add-txt {
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .three-title {
  font-size: 12px;
  color: #A8A8B3;
  line-height: 17px;
  margin-bottom: 14px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .three-title .colorred {
  color: #F33F34;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-common-step {
  position: relative;
  color: #474C59;
  font-size: 14px;
  overflow: hidden;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-common-step .common-check {
  float: left;
  line-height: 18px;
  vertical-align: top;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: url("../../images/dx_check.png") no-repeat;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-common-step .common-check[type='checkbox']:checked {
  background: url("../../images/dx_checked.png") no-repeat;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .checked-next-box {
  margin-top: 10px;
  display: none;
  background-color: #f7f8fa;
  border-radius: 4px;
  padding: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #474C59;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .select {
  width: 80px;
  height: 30px;
  border: 1px solid #E1E1E5;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -4px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .select .select-wrap {
  width: 100%;
  height: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .select .select-wrap .select-inp {
  width: 100%;
  height: 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .select .select-wrap .icon-triangle-down {
  right: 8px;
  top: 56%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .tip-box {
  display: inline-block;
  position: relative;
  margin-top: 3px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .tip-box:hover .icon-tip {
  background: url(../../images/questionBank/saying-blue.png) no-repeat;
  background-size: 100% 100%;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .tip-box:hover .bubble {
  display: block;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .tip-box .icon-tip {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../images/questionBank/saying-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  cursor: pointer;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .tip-box .bubble {
  width: 176px;
  line-height: 1;
  position: absolute;
  top: -55px;
  left: -90px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .star-pj-box .comment-divide-input .comment-list .tip-box .bubble:after {
  left: 50%;
  margin-left: 4px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .mg-t-20 {
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .lab {
  font-size: 14px;
  color: #131B26;
  line-height: 20px;
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap {
  color: #3A8BFF;
  vertical-align: middle;
  margin-left: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .select-inp {
  font-size: 14px;
  width: 155px;
  padding-left: 0;
  padding-right: 33px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  color: #3A8BFF;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .select-inp.expanded, .group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .select-inp:hover {
  border: none !important;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .icon {
  color: #3A8BFF;
  right: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box {
  margin-top: 10px;
  background: #F7F8FA;
  border-radius: 4px;
  padding: 12px 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .label {
  font-size: 14px;
  color: #474C59;
  margin-right: 10px;
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .more-time-setting .date-inp-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .more-time-setting .date-inp-box .date {
  height: 100%;
  width: 100%;
  padding: 0 47px 0 14px;
  border: 1px solid #D4D6D9;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .more-time-setting .date-inp-box .icon-bg {
  font-size: 18px;
  color: #ACB4BF;
  position: absolute;
  top: 8px;
  right: 14px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .mg-t-20 {
  margin-top: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .lab {
  font-size: 14px;
  color: #131B26;
  line-height: 20px;
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap {
  color: #3A8BFF;
  vertical-align: middle;
  margin-left: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .select-inp {
  font-size: 14px;
  width: 155px;
  padding-left: 0;
  padding-right: 33px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  color: #3A8BFF;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .select-inp:focus {
  box-shadow: none;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .select-inp.expanded, .group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .select-inp:hover {
  border: none !important;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .select-wrap .icon {
  color: #3A8BFF;
  right: 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box {
  margin-top: 10px;
  background: #F7F8FA;
  border-radius: 4px;
  padding: 12px 20px;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .label {
  font-size: 14px;
  color: #474C59;
  margin-right: 10px;
  vertical-align: middle;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .more-time-setting .date-inp-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .more-time-setting .date-inp-box .date {
  height: 100%;
  width: 100%;
  padding: 0 47px 0 14px;
  border: 1px solid #D4D6D9;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .item-select-set .gray-box .more-time-setting .date-inp-box .icon-bg {
  font-size: 18px;
  color: #ACB4BF;
  position: absolute;
  top: 8px;
  right: 14px;
}



.group-task .manage-group {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.group-task .manage-group .manage-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
  opacity: 0.76;
  background: #101A29;
}

.group-task .manage-group .manage-wrapper {
  width: 640px;
  height: 480px;
  background: white;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.group-task .manage-group .manage-wrapper .manage-title {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  border-bottom: 1px solid  #F2F2F2;
}

.group-task .manage-group .manage-wrapper .manage-title .title-name {
  font-size: 18px;
  color: #364152;
  float: left;
  margin-left: 30px;
  line-height: 60px;
}

.group-task .manage-group .manage-wrapper .manage-title .title-icon {
  width: 17px;
  height: 17px;
  float: right;
  margin: 22px 30px 0 0;
  background: url("../../xinfany/images/popClose.png") no-repeat;
  background-size: 100% 100%;
}

.group-task .manage-group .manage-wrapper .manage-content {
  width: 100%;
  height: 350px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part {
  width: 240px;
  height: 100%;
  border-right: 1px solid #F2F2F2;
  padding-top: 10px;
  float: left;
  box-sizing: border-box;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #F2F2F2;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups {
  width: calc(100% - 4px);
  margin-left: 2px;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups:hover {
  background: #F5F8FB;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content {
  width: 100%;
  position: relative;
  padding: 11px 0;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-name {
  display: inline-block;
  padding-left: 28px;
  font-size: 14px;
  color: #646873;
  letter-spacing: 0.27px;
  width: 136px;
  max-height: 42px;
  overflow: hidden;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .sum-people {
  font-size: 14px;
  color: #A8A8B3;
  letter-spacing: 0.27px;
  display: inline-block;
  float: right;
  padding-right: 40px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-activate {
  color: #3A8BFF;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-name-activate {
  color: #3A8BFF;
  font-weight: bolder;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-icon {
  width: 14px;
  height: 16px;
  position: absolute;
  right: 12px;
  top: 13px;
  background: url("../../images/activate/class/dian.png") no-repeat;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-icon:hover .operate-list {
  display: block;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-icon .operate-list {
  width: 90px;
  height: 92px;
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
  border-radius: 6px;
  position: absolute;
  top: 14px;
  left: -20px;
  z-index: 5;
  display: none;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-icon .operate-list li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-icon .operate-list li span {
  font-size: 14px;
  color: #646873;
  padding-left: 20px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-icon .operate-list li:nth-child(1) {
  margin-top: 6px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .group-icon .operate-list li:hover {
  color: #3B90FF;
  background: #F5F8FB;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-content .icon-activate {
  background: url("../../images/activate/class/dian_hover.png");
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-rename {
  width: calc(100% - 22px);
  margin-left: 10px;
  height: 24px;
  padding-top: 8px;
  display: none;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-rename .input-name {
  display: inline-block;
  vertical-align: top;
  width: 132px;
  height: 100%;
  box-shadow: 0 0 7px 1px #227FFF;
  margin-right: 14px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-rename .input-name input {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-rename .yes-icon {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  background: url(../../images/data/rename_ico.png) 0 0 no-repeat;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .left-part-groups .list-rename .no-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../images/data/rename_ico.png) -30px 0 no-repeat;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .new-build-group {
  width: calc(100% - 4px);
  margin-left: 2px;
  height: 40px;
  display: none;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .new-build-group .list-rename {
  width: calc(100% - 22px);
  margin-left: 10px;
  height: 24px;
  padding-top: 8px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .new-build-group .list-rename .input-name {
  display: inline-block;
  vertical-align: top;
  width: 132px;
  height: 100%;
  box-shadow: 0 0 7px 1px #227FFF;
  margin-right: 14px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .new-build-group .list-rename .input-name input {
  display: inline-block;
  width: calc(100% - 10px);
  height: 100%;
  margin-left: 10px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .new-build-group .list-rename .yes-icon {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  background: url(../../images/data/rename_ico.png) 0 0 no-repeat;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .left-part-wrapper .new-build-group .list-rename .no-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../images/data/rename_ico.png) -30px 0 no-repeat;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .no-groups {
  width: 100%;
  height: 40px;
  display: table;
  margin-top: 10px;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .no-groups .no-group-name {
  font-size: 14px;
  color: #646873;
  line-height: 40px;
  letter-spacing: 0.27px;
  display: table-cell;
  padding-left: 30px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .no-groups .no-group-sum {
  display: table-cell;
  font-size: 14px;
  color: #A8A8B3;
  line-height: 40px;
  letter-spacing: 0.27px;
  text-align: center;
  padding-right: 29px;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .no-group-activate {
  background: #F0F6FF;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .no-group-activate .no-group-name {
  color: #3A8BFF;
  font-weight: bolder;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .no-group-activate .no-group-sum {
  color: #3A8BFF;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .part-activate-bg {
  background: #F0F6FF;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .part-activate-bg .group-name {
  color: #3A8BFF !important;
  font-weight: bolder;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .part-activate-bg .sum-people {
  color: #3A8BFF !important;
}

.group-task .manage-group .manage-wrapper .manage-content .left-part .blueBg {
  background: #F0F6FF;
  color: #3A8BFF;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part {
  width: 399px;
  height: 100%;
  float: right;
  overflow: auto;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area {
  height: 54px;
  padding: 0 30px 0 20px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .choose {
  float: left;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .choose .check-box-all {
  width: 16px;
  height: 16px;
  margin-top: 19px;
  border: 1px solid #C5CFDB;
  border-radius: 3px;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .choose .choose-all {
  font-size: 14px;
  color: #A8A8B3;
  letter-spacing: 0.27px;
  line-height: 52px;
  float: left;
  margin-left: 15px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .remove-wrapper {
  float: right;
  position: relative;
  z-index: 0;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .remove-wrapper .unactivate-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0.3;
  background: white;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .remove-wrapper div {
  height: 28px;
  margin-top: 13px;
  float: right;
  z-index: -1;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .remove-wrapper div a {
  height: 28px;
  width: 60px;
  line-height: 28px;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .remove-wrapper .one-key {
  width: 80px;
  margin-right: 20px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .remove-wrapper .remove-all {
  margin-right: 20px;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .opetate-area .use-one-key {
  display: none;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper {
  padding: 0 30px 0 20px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper:hover {
  background: #F5F8FB;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper:hover .set-headman {
  display: block;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .choose {
  display: inline-block;
  vertical-align: top;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .choose .check-box {
  width: 16px;
  height: 16px;
  margin-top: 19px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #C5CFDB;
  float: left;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .person-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: url("../../images/noBody.png")center center no-repeat;
  background-size: 36px 36px;
  display: inline-block;
  vertical-align: top;
  margin: 11px 0 0 15px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .person-avatar img {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .name-code {
  height: 39px;
  display: inline-block;
  vertical-align: top;
  margin: 9px 0 0 10px;
  width: 50%;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .name-code .name {
  height: 20px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .name-code .name .real-name {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #646873;
  letter-spacing: 0.27px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .name-code .name .hnadman {
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 18px;
  font-size: 10px;
  color: #FAAF43;
  border: 1px solid #FAAF43;
  border-radius: 9px;
  text-align: center;
  line-height: 16px;
  margin-left: 6px;
  margin-top: 1px;
  box-sizing: border-box;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .name-code .code {
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: #A8A8B3;
  letter-spacing: 0.23px;
  margin-top: 2px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .set-headman {
  font-size: 12px;
  color: #3B90FF;
  line-height: 58px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  padding-right: 20px;
  float: right;
  cursor: pointer;
  display: none;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .quit-headman {
  font-size: 12px;
  color: #3B90FF;
  line-height: 58px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  padding-right: 20px;
  float: right;
  cursor: pointer;
  display: none;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon {
  width: 14px;
  height: 36px;
  margin-top: 22px;
  background: url("../../images/activate/class/dian.png") no-repeat;
  display: inline-block;
  float: right;
  position: relative;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon:hover {
  background: url("../../images/activate/class/dian_hover.png") no-repeat;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon:hover .list-operate {
  display: block;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon .list-operate {
  width: 90px;
  height: 92px;
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
  border-radius: 6px;
  position: absolute;
  top: 16px;
  left: -48px;
  z-index: 5;
  display: none;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon .list-operate li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon .list-operate li:hover {
  background: #F5F8FB;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon .list-operate li:hover span {
  color: #3B90FF;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon .list-operate li span {
  font-size: 14px;
  color: #646873;
  padding-left: 20px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper .operate-icon .list-operate li:nth-child(1) {
  margin-top: 6px;
}

.group-task .manage-group .manage-wrapper .manage-content .right-part .person-list-wrapper-activate {
  background: #F0F6FF;
}

.group-task .manage-group .manage-wrapper .manage-footer {
  width: 100%;
  height: 69px;
  border-top: 1px solid  #F2F2F2;
  position: relative;
}

.group-task .manage-group .manage-wrapper .manage-footer .new-build {
  width: 106px;
  height: 20px;
  position: absolute;
  top: 24px;
  left: 30px;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .manage-footer .new-build .build-icon {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  float: left;
  background: url("../../images/activate/class/add.png") no-repeat;
  background-size: 100% 100%;
}

.group-task .manage-group .manage-wrapper .manage-footer .new-build .build-name {
  font-size: 14px;
  color: #3A8BFF;
  letter-spacing: 0.27px;
  margin-left: 4px;
  float: left;
}

.group-task .manage-group .manage-wrapper .manage-footer .operate {
  float: right;
  height: 36px;
  margin-top: 16px;
}

.group-task .manage-group .manage-wrapper .manage-footer .operate a {
  margin-right: 30px;
}

.group-task .manage-group .manage-wrapper .choose-group-bg {
  width: 100%;
  height: 100%;
  opacity: 0.76;
  background: #101A29;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.group-task .manage-group .manage-wrapper .choose-group-content {
  width: 440px;
  height: 360px;
  position: absolute;
  left: 100px;
  top: 60px;
  background: white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: none;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-title {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #F2F2F2;
  display: table;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-title .group-title-name {
  display: table-cell;
  text-align: left;
  line-height: 60px;
  font-size: 18px;
  color: #181E33;
  padding-left: 30px;
  padding-right: 290px;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-title .group-title-icon {
  width: 17px;
  height: 17px;
  background: url("../../xinfany/images/popClose.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 30px;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper {
  width: 100%;
  height: 230px;
  overflow: auto;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .group-list {
  width: 100%;
  height: 48px;
  display: table;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .group-list:hover {
  background: #F7FAFC;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .group-list:nth-child(1) {
  margin-top: 10px;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .group-list .group-name {
  line-height: 48px;
  display: table-cell;
  font-size: 14px;
  color: #646873;
  letter-spacing: 0.27px;
  padding-left: 28px;
  text-align: left;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .group-list .group-sum {
  display: table-cell;
  line-height: 48px;
  font-size: 14px;
  color: #A8A8B3;
  letter-spacing: 0.27px;
  text-align: right;
  padding-right: 40px;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .new-build-gp {
  width: 100%;
  height: 48px;
  padding-top: 8px;
  display: none;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .new-build-gp .input-name {
  display: inline-block;
  vertical-align: top;
  width: 216px;
  height: 30px;
  margin-top: 9px;
  box-shadow: 0 0 7px 1px #227FFF;
  margin-left: 30px;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .new-build-gp .input-name input {
  display: inline-block;
  width: calc(100% - 10px);
  height: 100%;
  margin-left: 10px;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .new-build-gp .yes-icon {
  display: inline-block;
  margin-left: 14px;
  width: 24px;
  height: 24px;
  margin-top: 12px;
  background: url(../../images/data/rename_ico.png) 0 0 no-repeat;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .new-build-gp .no-icon {
  display: inline-block;
  margin-left: 14px;
  width: 24px;
  height: 24px;
  margin-top: 12px;
  background: url(../../images/data/rename_ico.png) -30px 0 no-repeat;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .group-list-activated {
  background: #F0F6FF;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .group-list-activated .group-name {
  color: #3a8bff;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-wrapper .group-list-activated .group-sum {
  color: #3a8bff;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-footer {
  width: 100%;
  height: 70px;
  display: table;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-footer .group-new-build {
  display: table-cell;
  line-height: 70px;
  text-align: left;
  padding-left: 30px;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-footer .group-new-build .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../../images/activate/new-group.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-footer .group-new-build .name {
  font-size: 14px;
  color: #3A8BFF;
  padding-left: 4px;
  cursor: pointer;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-footer .group-quit {
  width: 92px;
  height: 36px;
  display: table-cell;
  padding-right: 30px;
  position: relative;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-footer .group-quit a {
  position: absolute;
  top: 17px;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-footer .group-confirm {
  width: 92px;
  height: 36px;
  display: table-cell;
  padding-right: 30px;
  position: relative;
}

.group-task .manage-group .manage-wrapper .choose-group-content .group-content-footer .group-confirm a {
  position: absolute;
  top: 17px;
}

.group-task .group-detail {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.group-task .group-detail .group-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
  opacity: 0.76;
  background: #101A29;
}

.group-task .group-detail .group-wrapper {
  width: 640px;
  height: 480px;
  background: white;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.group-task .group-detail .group-wrapper .manage-title {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  border-bottom: 1px solid  #F2F2F2;
}

.group-task .group-detail .group-wrapper .manage-title .title-name {
  font-size: 18px;
  color: #364152;
  float: left;
  margin-left: 30px;
  line-height: 60px;
}

.group-task .group-detail .group-wrapper .manage-title .title-icon {
  width: 17px;
  height: 17px;
  float: right;
  margin: 22px 30px 0 0;
  background: url("../../xinfany/images/popClose.png") no-repeat;
  background-size: 100% 100%;
}

.group-task .group-detail .group-wrapper .manage-content {
  width: 100%;
  height: 350px;
}

.group-task .group-detail .group-wrapper .manage-content .left-part {
  width: 240px;
  height: 100%;
  border-right: 1px solid #F2F2F2;
  padding-top: 10px;
  float: left;
  box-sizing: border-box;
}

.group-task .group-detail .group-wrapper .manage-content .left-part .left-part-groups {
  width: 100%;
  height: 40px;
  position: relative;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .manage-content .left-part .left-part-groups:hover {
  background: #F0F6FF;
}

.group-task .group-detail .group-wrapper .manage-content .left-part .left-part-groups:hover div {
  color: #3A8BFF;
}

.group-task .group-detail .group-wrapper .manage-content .left-part .left-part-groups .group-name {
  position: absolute;
  left: 28px;
  line-height: 40px;
  font-size: 14px;
  color: #646873;
  letter-spacing: 0.27px;
}

.group-task .group-detail .group-wrapper .manage-content .left-part .left-part-groups .sum-people {
  line-height: 40px;
  font-size: 14px;
  color: #A8A8B3;
  letter-spacing: 0.27px;
  position: absolute;
  right: 40px;
}

.group-task .group-detail .group-wrapper .manage-content .left-part .blueBg {
  background: #F0F6FF;
  color: #3A8BFF;
}

.group-task .group-detail .group-wrapper .manage-content .right-part {
  width: 399px;
  height: 100%;
  float: right;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area {
  height: 54px;
  padding: 0 30px 0 20px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area .choose {
  float: left;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area .choose .check-box-all {
  width: 16px;
  height: 16px;
  margin-top: 19px;
  border: 1px solid #C5CFDB;
  border-radius: 3px;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area .choose .choose-all {
  font-size: 14px;
  color: #A8A8B3;
  letter-spacing: 0.27px;
  line-height: 52px;
  float: left;
  margin-left: 15px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area .remove-wrapper {
  float: right;
  position: relative;
  z-index: 0;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area .remove-wrapper .unactivate-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0.3;
  background: white;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area .remove-wrapper div {
  height: 28px;
  margin-top: 13px;
  float: right;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area .remove-wrapper div a {
  height: 28px;
  width: 60px;
  line-height: 28px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .opetate-area .remove-wrapper .remove-all {
  margin-right: 20px;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper {
  width: 100%;
  height: calc(100% - 54px);
  overflow: auto;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper {
  padding: 0 30px 0 20px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper:before {
  display: block;
  content: " ";
  clear: both;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .choose {
  display: inline-block;
  vertical-align: top;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .choose .check-box {
  width: 16px;
  height: 16px;
  margin-top: 19px;
  border: 1px solid #C5CFDB;
  border-radius: 3px;
  box-sizing: border-box;
  float: left;
  box-sizing: border-box;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .person-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: red;
  display: inline-block;
  vertical-align: top;
  margin: 11px 0 0 15px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .person-avatar img {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .name-code {
  height: 39px;
  display: inline-block;
  vertical-align: top;
  margin: 9px 0 0 10px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .name-code .name {
  width: 170px;
  line-height: 20px;
  height: auto;
  font-size: 14px;
  color: #646873;
  letter-spacing: 0.27px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .name-code .code {
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: #A8A8B3;
  letter-spacing: 0.23px;
  margin-top: 2px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon {
  width: 14px;
  height: 44px;
  background: url("../../images/activate/class/dian.png") no-repeat;
  display: inline-block;
  vertical-align: top;
  margin-top: 22px;
  position: relative;
  float: right;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon:hover {
  background: url("../../images/activate/class/dian_hover.png") no-repeat;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon:hover .list-operate {
  display: block;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon .list-operate {
  width: 90px;
  height: 92px;
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
  border-radius: 6px;
  position: absolute;
  top: 16px;
  left: -48px;
  z-index: 5;
  display: none;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon .list-operate li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon .list-operate li:nth-child(1) {
  margin-top: 6px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon .list-operate li:hover {
  background: #F5F8FB;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon .list-operate li:hover span {
  color: #3B90FF;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .operate-icon .list-operate li span {
  font-size: 14px;
  color: #646873;
  padding-left: 20px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .scores {
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
  margin-top: 18px;
  padding-bottom: 10px;
  cursor: pointer;
  float: right;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .scores:hover .score-icon .score-list {
  display: block;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .scores .score-num {
  font-size: 14px;
  color: #3A8BFF;
  letter-spacing: 0.27px;
}

.group-task .group-detail .group-wrapper .manage-content .right-part .right-content-wrapper .person-list-wrapper .scores .score-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../../images/common/arrow-down.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.group-task .group-detail .group-wrapper .manage-footer {
  width: 100%;
  height: 69px;
  border-top: 1px solid  #F2F2F2;
  position: relative;
}

.group-task .group-detail .group-wrapper .manage-footer .operate {
  float: right;
  height: 36px;
  margin-top: 16px;
}

.group-task .group-detail .group-wrapper .manage-footer .operate a {
  margin-right: 30px;
}

.group-task .group-detail .group-wrapper .choose-group-bg {
  width: 100%;
  height: 100%;
  opacity: 0.76;
  background: #101A29;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.group-task .group-detail .group-wrapper .choose-group-content {
  width: 440px;
  height: 360px;
  position: absolute;
  left: 100px;
  top: 60px;
  background: white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: none;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-title {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #F2F2F2;
  display: table;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-title .group-title-name {
  display: table-cell;
  text-align: left;
  line-height: 60px;
  font-size: 18px;
  color: #181E33;
  padding-left: 30px;
  padding-right: 290px;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-title .group-title-icon {
  width: 17px;
  height: 17px;
  background: url("../../xinfany/images/popClose.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 30px;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper {
  width: 100%;
  height: 230px;
  overflow: auto;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .group-list {
  width: 100%;
  height: 48px;
  display: table;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .group-list:hover {
  background: #F7FAFC;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .group-list:nth-child(1) {
  margin-top: 10px;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .group-list .group-name {
  line-height: 48px;
  display: table-cell;
  font-size: 14px;
  color: #646873;
  letter-spacing: 0.27px;
  padding-left: 28px;
  text-align: left;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .group-list .group-sum {
  display: table-cell;
  line-height: 48px;
  font-size: 14px;
  color: #A8A8B3;
  letter-spacing: 0.27px;
  text-align: right;
  padding-right: 40px;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .new-build-gp {
  width: 100%;
  height: 48px;
  padding-top: 8px;
  display: none;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .new-build-gp .input-name {
  display: inline-block;
  vertical-align: top;
  width: 216px;
  height: 30px;
  margin-top: 9px;
  box-shadow: 0 0 7px 1px #227FFF;
  margin-left: 30px;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .new-build-gp .input-name input {
  display: inline-block;
  width: calc(100% - 10px);
  height: 100%;
  margin-left: 10px;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .new-build-gp .yes-icon {
  display: inline-block;
  margin-left: 14px;
  width: 24px;
  height: 24px;
  margin-top: 12px;
  background: url(../../images/data/rename_ico.png) 0 0 no-repeat;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .new-build-gp .no-icon {
  display: inline-block;
  margin-left: 14px;
  width: 24px;
  height: 24px;
  margin-top: 12px;
  background: url(../../images/data/rename_ico.png) -30px 0 no-repeat;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-wrapper .group-list-activated {
  background: #F0F6FF;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-footer {
  width: 100%;
  height: 70px;
  display: table;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-footer .group-new-build {
  display: table-cell;
  line-height: 70px;
  text-align: left;
  padding-left: 30px;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-footer .group-new-build .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../../images/activate/new-group.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-footer .group-new-build .name {
  font-size: 14px;
  color: #3A8BFF;
  padding-left: 4px;
  cursor: pointer;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-footer .group-quit {
  width: 92px;
  height: 36px;
  display: table-cell;
  padding-right: 30px;
  position: relative;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-footer .group-quit a {
  position: absolute;
  top: 17px;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-footer .group-confirm {
  width: 92px;
  height: 36px;
  display: table-cell;
  padding-right: 30px;
  position: relative;
}

.group-task .group-detail .group-wrapper .choose-group-content .group-content-footer .group-confirm a {
  position: absolute;
  top: 17px;
}

.group-task .activate-check-box {
  background: url("../../images/dx_checked.png") no-repeat;
  background-size: 100% 100%;
}

.group-task .noneState {
  display: none;
}

.group-task .borderNode {
  border: none !important;
}

.popClose {
  margin-top: 19px;
}


.group-task .star-set-pop {
  display: none;
}

.group-task .star-set-pop .center-content {
  height: 420px;
  padding: 24px 30px 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
}

.group-task .star-set-pop .center-content .star-type-box label {
  margin-right: 20px;
}

.group-task .star-set-pop .center-content .star-type-box .radio-list {
  display: inline-block;
  margin-right: 30px;
}

.group-task .star-set-pop .center-content .table-box {
  margin-top: 20px;
}

.group-task .star-set-pop .center-content .table-box .table-tr {
  overflow: hidden;
  border: 1px solid #DEE0E3;
}

.group-task .star-set-pop .center-content .table-box .table-tr .table-td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
}

.group-task .star-set-pop .center-content .table-box .table-tr .table-td:first-child {
  width: 23%;
  text-align: center;
  padding: 15px 0;
  font-size: 0;
  background: #FAFBFC;
  border-bottom: 1px solid #DEE0E3;
  border-right: 1px solid #DEE0E3;
}

.group-task .star-set-pop .center-content .table-box .table-tr .table-td:nth-of-type(2) {
  width: 77%;
  padding: 15px 20px;
}

.group-task .star-set-pop .center-content .table-box .table-tr .star-box {
  height: 18px;
}

.group-task .star-set-pop .center-content .table-box .table-tr .star-box img {
  width: 18px;
  height: 18px;
  margin-right: 2px;
  display: inline-block;
}

.group-task .star-set-pop .center-content .table-box .table-tr .star-box img:last-child {
  margin-right: 0;
}

.group-task .star-set-pop .center-content .table-box .table-tr .td-input {
  width: 100%;
  line-height: 20px;
}


.choosedTab {
  background: #F0F6FF;
}
#edui1 {
  z-index: 0 !important;
}
.circl-choosed {
  border: 1px solid #3A8BFF !important;
}

.circl-unchoosed {
  border: 1px solid #C5CFDB !important;
}

.circl-disabled .group .operate-list-choose {
  opacity: 0.4;
}

.activate-bread {
  width: 100%;
  max-width: 1200px;
  float: left;
  margin-top: 19px;
}

.view {
  height: 379px !important;
}

.detail-activate-bg {
  background: #F0F6FF;
}

.detail-activate-bg .group-name {
  color: #3A8BFF !important;
  font-weight: bolder;
}

.detail-activate-bg .sum-people {
  color: #3A8BFF !important;
}

.btnBlue {
  cursor: pointer;
}

.jb_btn {
  cursor: pointer;
}

.mui-switch {
  cursor: pointer;
}

/*分数列表的样式*/
.score-list {
  width: 57px;
  max-height: 252px;
  top: 16px;
  left: -40px;
  padding: 6px 0;
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(175, 187, 204, 0.75);
  border-radius: 6px;
  overflow: auto;
  position: absolute;
  display: none;
  z-index: 100;
  box-sizing: border-box;
}

.score-list li {
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #646873;
  line-height: 40px;
  cursor: pointer;
}

.score-list li span {
  padding-left: 20px;
}

.score-list li:hover {
  background: #F5F8FB;
  color: #3A8BFF;
}


textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #CCCCCC;
}

textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #CCCCCC;
}

textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #CCCCCC;
}

textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #CCCCCC;
}
.bg-clock{
  width: 18px;
  height: 18px;
  background: url("../../images/time_ic.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.icon-bg {
  position: relative;
  right: 30px;
}

.popMove{
  width: 480px;
}
.per-set-container {
  padding: 26px 0 46px 30px;
  text-align: left;
  height:200px ;
}

.per-set-container li {
  overflow: hidden;
  margin-bottom: 22px;
}

.per-set-container li:last-child {
  margin-bottom: 0;
}

.per-set-container li .ipt-radio {
  margin-right: 10px;
  position: relative;
  top: 2px;
  cursor: pointer;
}

.per-set-container li h3 {
  font-size: 14px;
  color: #181E33;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 4px;
}

.per-set-container li p {
  font-size: 12px;
  color: #A8A8B3;
}
.markRecent{
  float: right;
  font-weight: normal;
  color: #3A8BFF;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.markRecentTips{
  color: #8A8B99;
  font-size: 12px;
  font-weight: 400;
  padding: 24px 30px 0;
}
.tips{position:relative;/*margin: 2px 0 0 4px;*/}
.tipsIc{display:inline-block;width:16px;height:16px;background:url(../../images/questionBank/saying-gray.png) no-repeat;background-size:100%;}
.tipsIc:hover{background:url(../../images/questionBank/saying-blue.png) no-repeat;background-size:100%;}
.tipsCon{position:absolute;right: -20px;top: -46px;width: 166px;height:auto;background: rgba(24,30,51,0.80);border-radius: 4px;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.1s 1s, visibility 0s 0.3s;transition: opacity 0.1s 1s, visibility 0s 0.3s;text-align:center;line-height:27px;color:#fff;font-size:12px;}
.tipsCon i{display:block;width:0px;height:0px;border:solid rgba(24,30,51,0.80) 4px;position:absolute;right: 24px;top:37px;bottom:auto;border-color:rgba(24,30,51,0.80) transparent transparent transparent;}
.tipsCon i.active{ display:block; width:0px; height:0px; border:solid rgba(24,30,51,0.80) 4px; position:absolute; left:50%; margin-left:-4px; bottom:40px; top:auto; border-color:transparent transparent rgba(24,30,51,0.80) transparent;}
.tips:hover .tipsCon{ display:block; opacity:1; visibility:visible; 	-webkit-transition:opacity 0.3s 0.1s, visibility 0.3s 0.1s; 	transition:opacity 0.3s 0.1s, visibility 0.3s 0.1s;}
/*评价时间相关*/
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time {
  width: 100%;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .task-long {
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #F2F2F2;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .task-long .task-title {
  font-size: 14px;
  color: #181E33;
  font-weight: bolder;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .task-long .handle-over {
  width: 100%;
  height: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .task-long .handle-over li {
  float: left;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .item {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .item:last-child {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .item .operate-list-choose {
  width: 18px;
  height: 18px;
  border: 1px solid #C5CFDB;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .item .operate-list-choose .inner-circle {
  width: 9px;
  height: 9px;
  background: #3A8BFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: none;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .item .operate-list-group {
  display: inline-block;
  vertical-align: middle;
  line-height: 21px;
  margin-left: 8px;
  font-size: 14px;
  color: #646873;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-eval-time .item .circl-choosed .inner-circle {
  display: block;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .split-group-eval-time .task-long .time {
  font-size: 14px;
  margin-top: 20px;
  color: #646873;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .split-group-eval-time .task-long .handle-over.start-time {
  padding: 0 20px 20px;
  background: #F7F8FA;
  border-radius: 4px;
  margin-top: 10px;
}

/*互看小组作品开关相关*/
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works {
  width: 100%;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .task-long {
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #F2F2F2;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .task-long .task-title {
  font-size: 14px;
  color: #181E33;
  font-weight: bolder;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .task-long .handle-over {
  width: 100%;
  height: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .task-long .handle-over li {
  float: left;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .item {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .item:last-child {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 20px;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .item .operate-list-choose {
  width: 18px;
  height: 18px;
  border: 1px solid #C5CFDB;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .item .operate-list-choose .inner-circle {
  width: 9px;
  height: 9px;
  background: #3A8BFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: none;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .item .operate-list-group {
  display: inline-block;
  vertical-align: middle;
  line-height: 21px;
  margin-left: 8px;
  font-size: 14px;
  color: #646873;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group-view-works .item .circl-choosed .inner-circle {
  display: block;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .split-group-view-works .task-long .time {
  font-size: 14px;
  margin-top: 20px;
  color: #131B26;
}
.group-task .task-content .content-wrapper .task-right-part .task-right-wrapper .split-group .split-group-view-works .task-long .handle-over.start-time {
  padding: 0 20px 20px;
  background: #F7F8FA;
  border-radius: 4px;
  margin-top: 10px;
}

.choose-group-dialog {
  font-size: 0;
}

.choose-group-dialog .popDiv {
  max-height: none;
}

.choose-group-dialog .left-group {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  height: 100%;
  -webkit-box-shadow: 1px 0px 0px #F2F2F2;
  box-shadow: 1px 0px 0px #F2F2F2;
}

.choose-group-dialog .left-group .ipt-box {
  margin: 20px 30px 10px;
  height: 36px;
  padding: 7px 13px;
  background: #FFFFFF;
  border: 1px solid #D4D6D9;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.choose-group-dialog .left-group .ipt-box input {
  display: inline-block;
  vertical-align: top;
  width: 186px;
  font-size: 14px;
  line-height: 20px;
  color: #131B26;
}

.choose-group-dialog .left-group .ipt-box i {
  cursor: pointer;
  margin-left: 8px;
  font-size: 18px;
  color: #E1E1E5;
}

.choose-group-dialog .left-group .group-list .gl-item {
  padding: 10px 20px 10px 30px;
  font-size: 0;
  display: flex;
  align-items: center;
}

.choose-group-dialog .left-group .group-list .gl-item .ipt-radio {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  flex-grow: 0;
  flex-shrink: 0;
}

.choose-group-dialog .left-group .group-list .gl-item .gl-txt {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 28px);
  font-size: 14px;
  line-height: 20px;
  color: #474C59;
}

.choose-group-dialog .left-group .group-list .gl-item .gl-txt span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.choose-group-dialog .right-group {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 300px);
  height: 474px;
}

.choose-group-dialog .right-group .group-people-list {
  padding: 12px 20px;
}

.choose-group-dialog .right-group .group-people-list.active .gp-group-name > i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.choose-group-dialog .right-group .group-people-list.active .gp-group-msg {
  display: block;
}

.choose-group-dialog .right-group .group-people-list .gp-group-name {
  cursor: pointer;
}

.choose-group-dialog .right-group .group-people-list .gp-group-name > i {
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 12px;
  color: #ACB4BF;
}

.choose-group-dialog .right-group .group-people-list .gp-group-name > span {
  margin-left: 6px;
  font-size: 16px;
  line-height: 22px;
  color: #131B26;
}

.choose-group-dialog .right-group .group-people-list .gp-group-msg {
  display: none;
  margin-top: 18px;
  margin-left: 20px;
}

.choose-group-dialog .right-group .group-people-list .gp-group-msg .gp-item-msg {
  margin-bottom: 10px;
}

.choose-group-dialog .right-group .group-people-list .gp-group-msg .gp-item-msg:last-child {
  margin-bottom: 0;
}

.choose-group-dialog .right-group .group-people-list .gp-group-msg .gp-item-msg .gp-tx {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}

.choose-group-dialog .right-group .group-people-list .gp-group-msg .gp-item-msg .gp-name {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  color: #474C59;
}

.choose-group-dialog .bottom-btns {
  margin-top: 8px;
  margin-left: 30px;
  font-size: 0;
}

.choose-group-dialog .bottom-btns .operate-btn {
  cursor: pointer;
  margin-right: 30px;
  display: inline-block;
  vertical-align: top;
}

.choose-group-dialog .bottom-btns .operate-btn i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  font-size: 16px;
  color: #3A8BFF;
}

.choose-group-dialog .bottom-btns .operate-btn .operate-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  color: #3A8BFF;
}

.het474 {
  height: 474px;
}


/*签到多班发放*/

.more-grades-publish {
  display: none;
  margin-top: 14px;
  font-size: 0;
}

.more-grades-publish .grade-item {
  position: relative;
  margin: 0 20px 14px 0;
  display: inline-block;
  vertical-align: top;
  padding: 0px 10px;
  height: 26px;
  background: #F2F4F7;
  border-radius: 30px;
  cursor: pointer;
}

.more-grades-publish .grade-item em {
  max-width: 200px;
  font-size: 14px;
  line-height: 26px;
  color: #474C59;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.more-grades-publish .grade-item i {
  cursor: pointer;
  display: none;
  position: absolute;
  font-size: 14px;
  top: -7px;
  right: -7px;
}

.more-grades-publish .grade-item:hover i {
  display: inline-block;
}

.more-grades-publish .add-grade {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 0px 10px;
  height: 26px;
  border: 1px dashed #D5E2F1;
  border-radius: 34px;
  font-size: 14px;
  line-height: 24px;
  color: #131B26;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.more-grades-publish .add-grade i {
  position: relative;
  top: 1px;
  margin-right: 4px;
  font-size: 14px;
  color: #1B1F26;
}
.hei350 {
  height: 350px;
}

.comment-recent-pop-new .popDiv {
  overflow: visible;
}

.comment-recent-pop-new .popHead {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.comment-recent-pop-new .popBottom {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.comment-recent-pop-new .comment-list-content {
  padding: 10px 0;
  height: 308px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.comment-recent-pop-new .comment-list-content .comment-item-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 30px;
  min-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.comment-recent-pop-new .comment-list-content .comment-item-box.edit .left-cont .show-comment {
  display: none;
}

.comment-recent-pop-new .comment-list-content .comment-item-box.edit .left-cont .add-comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .show-comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .ipt-radio {
  margin-top: 1px;
  width: 18px;
  height: 18px;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .desc-box {
  margin-left: 10px;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .desc-box .desc-title {
  font-size: 14px;
  line-height: 20px;
  color: #131B26;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .desc-box .desc-intro {
  margin-top: 2px;
  font-size: 12px;
  line-height: 17px;
  color: #8A8B99;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .add-comment {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .add-comment:hover {
  background: none;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .add-comment .ipt-comment-box {
  padding: 7px 9px;
  width: 216px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #3A8BFF;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .add-comment .ipt-comment-box input {
  font-size: 14px;
  line-height: 20px;
  color: #181E33;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .add-comment .sure-comment-btn,
.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .add-comment .del-comment-btn {
  cursor: pointer;
  margin-left: 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .add-comment .sure-comment-btn {
  margin-left: 14px;
  background: url("../../images/activate/sure.png") no-repeat center center;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .left-cont .add-comment .del-comment-btn {
  background: url("../../images/activate/del.png") no-repeat center center;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont .time {
  margin-right: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #8A8B99;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont i {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  color: #ACB4BF;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont i:hover {
  color: #3A8BFF;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont i:hover .down-operates {
  display: block;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont i .down-operates {
  display: none;
  position: absolute;
  top: 16px;
  right: -20px;
  padding: 6px 0;
  width: 90px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 12px rgba(0, 37, 89, 0.2);
  box-shadow: 0px 2px 12px rgba(0, 37, 89, 0.2);
  border-radius: 6px;
  z-index: 2;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont i .down-operates .operate-rename,
.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont i .down-operates .operate-delete {
  padding: 10px 28px 10px 20px;
  height: 40px;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: #474C59;
}

.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont i .down-operates .operate-rename:hover,
.comment-recent-pop-new .comment-list-content .comment-item-box .right-cont i .down-operates .operate-delete:hover {
  background: #F0F6FF;
  color: #474C59;
}

.group-task .comment-recent-pop,
.group-task .comment-mutual-pop {
  display: none;
}
.group-task .comment-recent-pop .het420,
.group-task .comment-mutual-pop .het420 {
  height: 420px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.group-task .comment-recent-pop .comment-lists,
.group-task .comment-mutual-pop .comment-lists {
  height: 100%;
  padding: 30px 30px 0 37px;
  box-sizing: border-box;
}
.group-task .comment-recent-pop .comment-lists .manage-wrapper,
.group-task .comment-mutual-pop .comment-lists .manage-wrapper {
  line-height: 20px;
  padding-left: 14px;
}
.group-task .comment-recent-pop .comment-lists .manage-wrapper .title,
.group-task .comment-mutual-pop .comment-lists .manage-wrapper .title {
  line-height: 21px;
  margin-left: -14px;
  margin-bottom: 20px;
}
.group-task .comment-recent-pop .comment-lists .manage-wrapper .switch-con,
.group-task .comment-mutual-pop .comment-lists .manage-wrapper .switch-con {
  line-height: 20px;
  height: 20px;
  font-size: 0;
}
.group-task .comment-recent-pop .comment-lists .manage-wrapper .switch-con .mui-switch-animbg,
.group-task .comment-mutual-pop .comment-lists .manage-wrapper .switch-con .mui-switch-animbg {
  opacity: 0.4;
  margin-left: 20px;
}
.group-task .comment-recent-pop .comment-lists .tea-comment-lists,
.group-task .comment-mutual-pop .comment-lists .tea-comment-lists {
  background: #F7F8FA;
  border-radius: 4px;
  margin-top: 14px;
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.group-task .comment-recent-pop .comment-lists .tea-comment-lists .list,
.group-task .comment-mutual-pop .comment-lists .tea-comment-lists .list {
  position: relative;
  padding: 13px 0;
  border-bottom: 1px solid #F2F2F2;
}
.group-task .comment-recent-pop .comment-lists .tea-comment-lists .list:last-child,
.group-task .comment-mutual-pop .comment-lists .tea-comment-lists .list:last-child {
  border-bottom: 0;
}
.group-task .comment-recent-pop .comment-lists .tea-comment-lists .list .txt,
.group-task .comment-mutual-pop .comment-lists .tea-comment-lists .list .txt {
  max-height: 40px;
  overflow: hidden;
  max-width: 459px;
}
.group-task .comment-recent-pop .comment-lists .tea-comment-lists .list .grade-num,
.group-task .comment-mutual-pop .comment-lists .tea-comment-lists .list .grade-num {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.group-task .comment-mutual-pop .het60 {
  height: 60px;
}
.group-task .comment-mutual-pop .hetauto {
  height: auto !important;
  height: 200px;
  min-height: 200px;
  margin-bottom: 70px;
}
.group-task .comment-mutual-pop .hetauto .comment-lists {
  padding: 30px 30px 10px;
}
.group-task .comment-mutual-pop .hetauto .comment-lists .manage-wrapper {
  padding: 0;
}
.group-task .comment-mutual-pop .hetauto .comment-lists .manage-wrapper .switch-con .mui-switch-animbg {
  opacity: 1;
}
.group-task .comment-mutual-pop .popBottom {
  border-top: 1px solid #F2F2F2;
}
.group-task .leader-group-assign-pop {
  display: none;
  z-index: 11;
}
.group-task .leader-group-assign-pop .popDiv .popHead {
  border-bottom: 1px solid #F2F2F2;
}
.group-task .leader-group-assign-pop .popDiv .het60 {
  height: 60px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto {
  height: 350px !important;
  margin-bottom: 70px;
  overflow-y: auto;
  background: #F2F4F7;
}

.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists {
  padding: 10px 10px 0 10px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists:last-child  {
  padding: 10px 10px 10px 10px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item {
  min-height: 116px;
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item > p {
  text-align: center;
  line-height: 76px;
  font-size: 12px;
  color: #ACB4BF;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .tit-name {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 16px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .tit-name > img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .tit-name .leadname {
  font-size: 14px;
  font-weight: 500;
  color: #131B26;
  margin-right: 6px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .tit-name .tips {
  font-size: 14px;
  color: #8A8B99;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group {
  display: block;
  font-size: 0;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .group-name {
  display: inline-block;
  font-size: 14px;
  color: #131B26;
  height: 30px;
  line-height: 30px;
  background: #F2F4F7;
  border-radius: 4px;
  padding: 0 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .group-name .close-group {
  display: none;
  width: 14px;
  height: 14px;
  background: url("../../images/renwu/del2.png") no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  position: absolute;
  right: -6px;
  top: -4px;
  z-index: 2;
  cursor: pointer;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .group-name:hover .close-group {
  display: block;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group {
  position: relative;
  display: inline-block;
  width: 30px;
  vertical-align: top;
  margin-bottom: 10px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-btn {
  display: block;
  width: 30px;
  height: 30px;
  background: url("../../images/renwu/add2.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  text-indent: -9999px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box {
  display: none;
  width: 400px;
  height: auto !important;
  height: 186px;
  min-height: 186px;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 2px 12px 0px rgba(0, 37, 89, 0.2);
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 10;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box > p {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #8A8B99;
  line-height: 20px;
  text-align: left;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box .group-list {
  overflow-y: auto;
  height: 126px;
  padding: 16px 0 0;
  box-sizing: border-box;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box .group-list .groupname {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #131B26;
  background: #F2F4F7;
  border-radius: 4px;
  padding: 0 6px 0 10px;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box .group-list .groupname p {
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box .group-list .groupname i {
  display: inline-block;
  color: #8A8B99;
  vertical-align: middle;
  margin-left: 6px;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box .group-list .groupname:hover, .group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box .group-list .groupname.active {
  color: #3A8BFF;
  background: #F0F6FF;
}
.group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box .group-list .groupname:hover i, .group-task .leader-group-assign-pop .popDiv .hetauto .comment-lists .leader-assign-item .group .add-group .add-box .group-list .groupname.active i {
  color: #3A8BFF;
}

.group-task .leader-group-assign-pop .popDiv .popBottom {
  border-top: 1px solid #F2F2F2;
}
.group-task .leader-group-assign-pop .popDiv .popBottom .group-operate {
  position: absolute;
  bottom: 25px;
  left: 30px;
}
.group-task .leader-group-assign-pop .popDiv .popBottom .group-operate a {
  font-size: 14px;
  color: #3A8BFF;
  margin-right: 30px;
  padding-left: 22px;
  box-sizing: border-box;
}
.group-task .leader-group-assign-pop .popDiv .popBottom .group-operate a.group-manage {
  background: url("../../images/renwu/group2.png") no-repeat left center;
  background-size: 16px 16px;
}
.group-task .leader-group-assign-pop .popDiv .popBottom .group-operate a.group-refresh {
  background: url("../../images/renwu/reset2.png") no-repeat left center;
  background-size: 16px 16px;
}



.evaluate-pop .evaluate-content {
  padding: 30px;
  min-height: 170px;
  max-height: 360px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.evaluate-pop .evaluate-content .itemized-scoring {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #474C59;
  font-size: 14px;
}

.evaluate-pop .evaluate-content .itemized-scoring .mui-switch {
  margin-left: 20px;
}

.evaluate-pop .evaluate-content .itemized-scoring .tips {
  margin-left: 10px;
  color: #8A8B99;
  font-size: 14px;
}

.evaluate-pop .evaluate-content .itemized-scoring .tips span {
  color: #F33131;
}


.evaluate-pop .evaluate-content .itemized-scoring .select {
  margin: 0 10px 0 20px;
  width: 80px;
  height: 26px;
  border: 1px solid #E1E1E5;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.evaluate-pop .evaluate-content .itemized-scoring .select .select-inp {
  width: 78px;
  height: 24px;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box:hover .icon-warning {
  color: #3A8BFF;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box:hover .bubbleBig {
  display: block;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box .icon-warning {
  display: inline-block;
  font-size: 14px;
  color: #ACB4BF;
  vertical-align: middle;
  cursor: pointer;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box .bubbleBig {
  width: 300px;
  line-height: 17px;
  position: absolute;
  top: -128px;
  right: auto !important;
  left: -31px;
  display: none;
  padding: 10px 16px;
  box-sizing: border-box;
  background-color: rgba(24, 30, 51, 0.8);
  color: white;
  font-size: 12px;
  border-radius: 4px;
  z-index: 1000;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box .bubbleBig:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 31px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 6px solid rgba(24, 30, 51, 0.8);
}
.evaluate-pop .evaluate-content .divide-input-lists {
  margin-top: 14px;
  padding: 20px;
  border-radius: 4px;
  background: #F7F8FA;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list:nth-child(n+2) {
  margin-top: 20px;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list .score-desc {
  padding: 10px 14px;
  width: 380px;
  /*min-height: 34px;*/
  border-radius: 4px;
  border: 1px solid #D4D6D9;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list .score-desc .grade-txt {
  display: block;
  width: 100%;
  color: #131B26;
  font-size: 14px;
  line-height: 1.5;
  height: 20px;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list .score-desc:focus-within {
  border: 1px solid #3A8BFF;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list .score-number {
  margin-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #474C59;
  font-size: 14px;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list .score-number .grade-num {
  margin: 0 10px;
  width: 60px;
  height: 34px;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #D4D6D9;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list .score-number .grade-num:focus {
  border: 1px solid #3A8BFF;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list:hover .delete-btn {
  display: inline-block;
}

.evaluate-pop .evaluate-content .divide-input-lists .divide-input-list .delete-btn {
  display: none;
  cursor: pointer;
  margin-left: 10px;
  font-size: 14px;
  color: #ACB4BF;
  line-height: 34px;
}

/*新的具有评价维度的模式 start   */
.evaluate-pop .evaluate-content .score-detail-list {
  margin-top: 14px;
  padding: 20px;
  border-radius: 4px;
  background: #F7F8FA;
  position: relative;
}
.evaluate-pop .evaluate-content .score-detail-list .tips {
  color: #8A8B99;
  font-size: 14px;
}
.evaluate-pop .evaluate-content .score-detail-list .tips span {
  color: #F33131;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list {
  margin-top: 16px;
  /*padding-bottom: 20px;*/
  /*border-bottom: 1px solid #EDEDED;*/
  position: relative;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title {
  display: flex;
  align-items: center;
  width: 100%;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  flex: 1;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .score-text {
  max-width: 447px;
  font-size: 15px;
  font-weight: 500;
  color: #131B26;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  outline: none;
  cursor: text;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .score-text.has-content {
  color: #131B26;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .score-text.editing {
  display: block;
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: visible;
  cursor: text;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .icon-edit2 {
  font-size: 16px;
  color: #A3B9D9;
  margin-left: 6px;
  cursor: pointer;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .icon-edit2:hover {
  color: #3A8BFF;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .rename-box {
  display: none;
  position: relative;
  align-items: center;
  z-index: 3;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .rename-box .rename-input {
  flex: 1;
  width: 344px;
  display: inline-block;
  height: 34px;
  padding: 0 14px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 32px;
  color: #131b26;
  border: 1px solid #d4d6d9;
  border-radius: 6px;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .rename-box .rename-input:focus {
  border: 1px solid #3a8bff;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .rename-box .rename-confirm {
  cursor: pointer;
  margin-left: 12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../images/activate/sure.png) no-repeat center center;
  background-size: contain;
  background-color: #fff;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-title .rename-status .rename-box .rename-cancel {
  cursor: pointer;
  margin-left: 12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../images/activate/del.png) no-repeat center center;
  background-size: contain;
  background-color: #fff;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .recycle-bin {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #6B89B3;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .recycle-bin i {
  font-size: 16px;
  color: #A3B9D9;
  margin-right: 6px;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .recycle-bin:hover {
  /*color: #3A8BFF;*/
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item {
  display: flex;
  align-items: center;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item:nth-child(n+2) {
  margin-top: 16px;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .score-desc {
  padding: 5px 14px;
  width: 370px;
  height: 34px;
  min-height: 34px;
  line-height: 22px;
  /*max-height: 250px;*/
  border-radius: 4px;
  border: 1px solid #D4D6D9;
  background: #FFF;
  box-sizing: border-box;
  z-index: 2;
  overflow-y: hidden;
  resize: none;
  font-family: "SF Pro Display", "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .score-desc .grade-txt {
  display: block;
  width: 100%;
  color: #131B26;
  font-size: 14px;
  line-height: 1.5;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .score-desc textarea {
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .score-desc:focus-within {
  border: 1px solid #3A8BFF;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .score-desc:focus {
  border: 1px solid #3A8BFF;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .score-number {
  margin-left: 20px;
  display: flex;
  align-items: center;
  color: #474C59;
  font-size: 14px;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .score-number .score-ipt {
  margin: 0 10px;
  width: 60px;
  height: 34px;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #D4D6D9;
  background: #FFF;
  box-sizing: border-box;
  text-align: center;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .score-number .score-ipt:focus {
  border: 1px solid #3A8BFF;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item:hover .icon-add {
  /*display: inline-block;*/
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item:hover.can-delete .icon-del {
  display: inline-block;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .score-item .icon-del {
  display: none;
  font-family: none !important;
  font-size: 0;
  cursor: pointer;
  margin-left: 16px;
  width: 16px;
  height: 16px;
  background: url(../../images/renwu/icon-del.png) no-repeat center center;
  background-size: contain;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .add-score-standard {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  cursor: pointer;
  color: #6B89B3;
  font-size: 14px;
  line-height: 20px;
  transition: all 0.2s ease;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .add-score-standard i {
  font-size: 14px;
  color: inherit;
}
.evaluate-pop .evaluate-content .score-detail-list .score-item-list .add-score-standard span {
  color: inherit;
  font-weight: 400;
}
.evaluate-pop .evaluate-content .add-score-item2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border: 1px dashed #3A8BFF;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 20px;
  color: #3A8BFF;
  font-size: 14px;
  letter-spacing: 0.266px;
}
.evaluate-pop .evaluate-content .add-score-item2 i {
  margin-right: 6px;
}

/*新的具有评价维度的模式 end   */

.evaluate-pop .evaluate-content .add-score-item {
  cursor: pointer;
  margin-top: 20px;
  color: #3A8BFF;
  font-size: 14px;
  letter-spacing: 0.266px;
  width: 200px;
}

.evaluate-pop .evaluate-content .add-score-item i {
  margin-right: 6px;
}

.evaluate-pop .evaluate-content .operate-other {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
    gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-top: 20px;
  color: #3A8BFF;
  font-size: 14px;
  letter-spacing: 0.266px;
}

.evaluate-pop .evaluate-content .operate-other p {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 6px; }
.evaluate-pop .evaluate-content .operate-other p i {
    font-size: 14px; }
.evaluate-pop .evaluate-content .leader-comment-box {
  /*display: none;*/
  overflow: hidden;
  opacity: 0;
  margin-top: 10px;
  transform: translateY(-8px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.evaluate-pop .evaluate-content .leader-comment-box.leader-comment-visible {
  opacity: 1;
  transform: translateY(0);
}
.evaluate-pop .evaluate-content .leader-comment-box.sliding-down {
  opacity: 1;
  transform: translateY(0);
}
.evaluate-pop .evaluate-content .leader-comment-box.sliding-up {
  opacity: 0;
  transform: translateY(-8px);
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item {
  display: flex;
  align-items: center;
  justify-content: start;
  /*margin-bottom: 20px;*/
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item.background {
  padding: 20px;
  border-radius: 4px;
  background: #F7F8FA;
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item .ipt-radio {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item .leader-comment-item-name {
  font-size: 14px;
  color: #181E33;
  margin-right: 20px;
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item .leader-comment-item-edit {
  /*display: none;*/
  font-size: 12px;
  color: #3A8BFF;
  cursor: pointer;
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item .leader-comment-item-edit:hover {
  color: #2578ff;
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item .leader-choose {
  display: block;
  width: 100%;
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item .leader-choose li {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #474C59;
  margin-right: 20px;
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item .leader-choose li.leader-select {
  width: 80px;
  border: 1px solid #D4D6D9;
  border-radius: 4px;
  margin-right: 10px;
}
.evaluate-pop .evaluate-content .leader-comment-box .leader-comment-item .leader-choose li.leader-select .select-inp {
  width: 100%;
  height: 26px;
}
.evaluate-pop .popBottom {
  border-top: 1px solid #F2F2F2;
}

.mt20 {
  margin-top: 20px;
}


.evaluate-pop .evaluate-content .itemized-scoring .tip-box {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box:hover .icon-tip {
  background: url(../../images/questionBank/saying-blue.png) no-repeat;
  background-size: 100% 100%;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box .icon-tip {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../images/questionBank/saying-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  cursor: pointer;
}
.evaluate-pop .evaluate-content .itemized-scoring .tip-box:hover .bubble {
  display: block;
}

.evaluate-pop .evaluate-content .itemized-scoring .tip-box .bubble {
  width: 176px;
  line-height: 1.1rem;
  position: absolute;
  bottom: 20px;
  top: auto;
  left: -134px;
}

.evaluate-pop .evaluate-content .itemized-scoring .tip-box .bubble:after {
  left: 76%;
  margin-left: 4px;
}

/**时间选择器样式**/
.date-box{width: fit-content}
.inlineBlock {display: inline-block;}
.icon-bg {  display: inline-block;  vertical-align: middle;}
.bg-clock {  width: 18px;  height: 18px;  background: url("../../images/time_ic.png") no-repeat;
  -webkit-background-size: 100% 100%;  background-size: 100% 100%;}
.date-box .date-inp-box {  position: relative;  background-color: #fff;}
.date-box .date-inp-box .icon-bg {  position: absolute;  top: 8px;  right: 14px;}
.date-box .date {position: relative;  padding: 0 14px;height: 34px;  width: 178px;  background:#fff;;border: 1px solid #E1E1E5;  border-radius: 4px;  box-sizing: border-box;  z-index: 0;  color: #181E33;}
.date-box .cut-off {  display: inline-block;  margin: 0 4px;  vertical-align: middle;  width: 16px;  border-top: 1px solid #E5E5E5;}
.sp74{display:inline-block;width: 74px;line-height:34px;color:#646873;font-size:14px;}

/*分组任务存储最近使用相关*/
.save-recent-use {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.save-recent-use .sr-txt {
  margin: 0 10px;
  color: #474C59;
  font-size: 14px;
}

.save-recent-use .tip-box {
  display: inline-block;
  position: relative;
}

.save-recent-use .tip-box:hover .icon-tip {
  background: url(../../images/questionBank/saying-blue.png) no-repeat;
  background-size: 100% 100%;
}

.save-recent-use .tip-box:hover .bubble {
  display: block;
}

.save-recent-use .tip-box .icon-tip {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../images/questionBank/saying-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  cursor: pointer;
}

.save-recent-use .tip-box .bubble {
  width: 240px;
  line-height: 1;
  position: absolute;
  top: -68px;
  right: auto !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 17px;
}

.save-recent-use .tip-box .bubble:after {
  margin-left: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.conceal-setting-box {
  margin-top: 4px;
}

.conceal-setting-box p {
  font-size: 12px;
  line-height: 17px;
  color: #8a8b99;
}

.conceal-setting-box .conceal-all-setting {
  margin-top: 10px;
  padding: 20px;
  background-color: #f7f8fa;
  border-radius: 4px;
}

.conceal-setting-box .conceal-all-setting label {
  margin-right: 20px;
  cursor: pointer;
  line-height: 20px;
  font-size: 0;
}

.conceal-setting-box .conceal-all-setting label .ipt-checkbox {
  vertical-align: top;
  top: 1px;
}

.conceal-setting-box .conceal-all-setting label .check-label {
  position: relative;
  margin-left: 10px;
  color: #181e33;
  font-size: 14px;
  display: inline-block;
}

.conceal-setting-box .conceal-all-setting .conceal-all-setting-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  color: #181E33;
}
.conceal-setting-box .conceal-all-setting .conceal-all-setting-item:last-of-type {
  margin-bottom: 20px;
}
.conceal-setting-box .conceal-all-setting .conceal-all-setting-item span {
  margin-right: 10px;
  white-space: nowrap;
}
.conceal-setting-box .conceal-all-setting .conceal-all-setting-item .score-ipt {
  width: 60px;
  height: 26px;
  padding: 0 8px;
  box-sizing: border-box;
  border: 1px solid #D4D6D9;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  margin-right: 10px;
}
.conceal-setting-box .conceal-all-setting .conceal-all-setting-item .score-ipt:focus {
  border-color: #3A8BFF;
  outline: none;
}
.conceal-setting-box .conceal-all-setting .conceal-all-setting-item .icon-del {
  display: none;
  font-family: none !important;
  cursor: pointer;
  margin-left: 20px;
  width: 16px;
  height: 16px;
  background: url(../../images/renwu/icon-del.png) no-repeat center center;
  background-size: contain;
  font-size: 0;
}
.conceal-setting-box .conceal-all-setting .conceal-all-setting-item.can-delete:hover .icon-del {
  display: inline-block;
}
.conceal-setting-box .conceal-all-setting .conceal-all-setting-item .delete-ratio-item {
  color: #FF4444;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 2px;
  transition: all 0.2s ease;
}
.conceal-setting-box .conceal-all-setting .conceal-all-setting-item .delete-ratio-item:hover {
  background-color: #FF4444;
  color: white;
}
.conceal-setting-box .conceal-all-setting .add-ratio-item {
  color: #3A8BFF;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.conceal-setting-box .conceal-all-setting .add-ratio-item:hover {
  color: #2578FF;
}
.conceal-setting-box .conceal-all-setting .add-ratio-item i {
  margin-right: 6px;
  font-size: 12px;
}

.conceal-txt {
  margin-top: 4px;
  font-size: 12px;
  line-height: 17px;
  color: #8a8b99;
}

.time-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 0;
  padding: 4px 12px;
  border-radius: 20px;
  background-color: #f7f8fa;
  font-size: 12px;
  line-height: 17px;
  color: #8a8b99;
  font-weight: 400;
}

.time-box i {
  margin-right: 4px;
  font-size: 14px;
  color: #8a8b99;
}

.edit-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 5;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #3a4357;
  -webkit-box-shadow: 0px 2px 17px 0px rgba(211, 211, 211, 0.5);
  box-shadow: 0px 2px 17px 0px rgba(211, 211, 211, 0.5);
  padding-left: 31px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #a8a8b3;
}

.edit-header .center-title {
  cursor: pointer;
  font-size: 16px;
  color: #acb4bf;
}

.edit-header .center-title i {
  margin-left: 4px;
  position: relative;
  top: 2px;
}

.edit-header .go-back {
  line-height: 40px;
  font-size: 14px;
  color: #878996;
  cursor: pointer;
}

.edit-header .go-back i {
  color: #777b89;
  margin-right: 7px;
}

.edit-header .btn {
  width: 92px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  cursor: pointer;
}

.edit-header .btn.confirm {
  background: #3a8bff;
}

.edit-header .btn.cancle {
  -webkit-box-shadow: 1px 0px 0px 0px #2d3f59 inset;
  box-shadow: 1px 0px 0px 0px #2d3f59 inset;
  border-right: 1px solid #313a4c;
}

.date-box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.inlineBlock {
  display: inline-block;
}

.icon-bg {
  display: inline-block;
  vertical-align: middle;
}

.bg-clock {
  width: 18px;
  height: 18px;
  background: url("../../images/time_ic.png") no-repeat;
  background-size: 100% 100%;
}

.date-box .date-inp-box {
  position: relative;
  background-color: #fff;
}

.date-box .date-inp-box .icon-bg {
  position: absolute;
  top: 8px;
  right: 14px;
}

.date-box .date {
  position: relative;
  padding: 0 14px;
  height: 34px;
  width: 178px;
  background: #fff;
  border: 1px solid #E1E1E5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
  color: #181E33;
}

.date-box .cut-off {
  display: inline-block;
  margin: 0 4px;
  vertical-align: middle;
  width: 16px;
  border-top: 1px solid #E5E5E5;
}

.sp74 {
  display: inline-block;
  width: 74px;
  line-height: 34px;
  color: #646873;
  font-size: 14px;
}

/*知识图谱样式*/
.add-relevancy {
  display: flex;
  align-items: center;
  width: 90%;
  font-size: 0;
  margin: 20px 0 0 42px;
}
.add-relevancy label {
  display: inline-block;
  /* width: 56px; */
  line-height: 28px;
  font-size: 14px;
  color: #646873;
  margin-right: 10px;
  white-space: nowrap
}

.add-relevancy .add-box {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 56px);
  font-size: 0;
  color: #8A8B99;
}
.add-relevancy .add-box .add-btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 14px 0 26px;
  border: 1px dashed #DADFE5;
  border-radius: 4px;
  background: #fff url(../../images/ppt/icon-add2.png) 10px center no-repeat;
  background-size: 12px 12px;
  margin-right: 10px ;
  font-size: 12px;
  color: #8A8B99;
}
.add-relevancy .add-box .add-btn:hover {
  color: #3A8BFF;
  border: 1px dashed #3A8BFF;
}
.add-relevancy .add-box .list-item {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  border: 1px solid #DADFE5;
  border-radius: 4px;
  background: #fff;
  font-size: 12px;
  color: #8A8B99;
  margin-right: 10px ;
  position: relative;
}
.add-relevancy .add-box .list-item .item-close {
  display: none;
  position: absolute;
  right: -5px;
  top: -4px;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: url(../../images/ppt/icon-delete2.png) center center no-repeat;
  background-size: 16px 16px;
}
.add-relevancy .add-box .list-item:hover {
  border: 1px solid #3A8BFF;
  color: #3A8BFF;
  cursor: pointer;
}
.add-relevancy .add-box .list-item:hover .item-close {
  display: block;
}
/*知识点悬浮窗*/
.Vector-pop {
  display: none;
  height: fit-content;
  flex-direction: row;
  align-items: flex-start;
  padding: 10px 16px;
  background: #3C4660;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
}

.Vector-pop span {
  width: max-content;
  max-width: 220px;
  height: fit-content;
  color: #ffffff;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.Vector-pop .triangle-container {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -20px;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
}

.Vector-pop.bottom .triangle-container {
  bottom: unset;
  top: -20px;
}

.Vector-pop .triangle-container>.triangle {
  width: 0;
  height: 0;
  border-top: 6px solid #3C4660;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.Vector-pop.bottom .triangle-container>.triangle {
  border-top: none;
  border-bottom: 6px solid #3C4660;
  top: unset;
  bottom: 0;
}

.Vector-pop.left .triangle-container>.triangle {
  right: unset;
  left: 10px;
}

.Vector-pop.right .triangle-container>.triangle {
  left: unset;
  right: 10px;
}

/*选择部分参与人相关开始*/
.grade-range-li {
    margin-top: 20px;
}

.grade-range-li .grade-range-head {
    display: flex;
    align-items: center;
}

.grade-range-li .grade-range-head .mui-switch {
    margin-left: 22px;
}

.grade-range-li .grade-range-label {
    vertical-align: middle;
    font-size: 14px;
    color: #131b26;
    line-height: 20px;
}

.grade-range-li .grade-range-list {
    display: none;
    background: #F6F7FA;
    border-radius: 8px;
    padding: 16px;
    margin-top: 14px;
}

.grade-range-li .grade-range-list .grade-range-items > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.4;
}

.grade-range-li .grade-range-list .grade-range-items > li:last-child {
    margin-bottom: 0;
}

.grade-range-li .grade-range-list .grade-range-items > li .range-class-name {
    flex: 1;
    color: #474C59;
}

.grade-range-li .grade-range-list .grade-range-items > li .range-class-info {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    cursor: pointer;
}

.grade-range-li .grade-range-list .grade-range-items > li .range-class-info .range-count {
    color: #8A8B99;
    font-size: 14px;
}

.grade-range-li .grade-range-list .grade-range-items > li .range-class-info .icon-arrow-right {
    display: inline-block;
    font-size: 12px;
    color: #acb4bf;
    cursor: pointer;
}
/*选择部分参与人相关结束*/

/*指标库弹窗*/
/* ========== 指标库弹窗 ========== */
.indicator-lib-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center; }

.indicator-lib-dialog {
    background: #fff;
    border-radius: 8px;
    width: 640px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    overflow: hidden; }

.indicator-lib-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0; }

.indicator-lib-title {
    font-size: 16px;
    font-weight: 600;
    color: #181E33; }

.indicator-lib-close {
    font-size: 16px;
    color: #9b9fa8;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s; }
.indicator-lib-close:hover {
    color: #181E33;
    background: #f5f6f8; }

.indicator-lib-body {
    flex: 1;
    overflow-y: auto;
    max-height: 515px;
    padding: 8px 20px;
    background: #F7F8FA; }
.indicator-lib-body::-webkit-scrollbar {
    width: 4px; }
.indicator-lib-body::-webkit-scrollbar-thumb {
    background: #e1e1e5;
    border-radius: 2px; }

/* 单个指标模块 */
.indicator-module {
    border-radius: 12px;
    margin-top: 10px;
    background: #fff; }

.indicator-module-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 20px 16px; }

.indicator-module-name {
    font-size: 15px;
    font-weight: 500;
    color: #131B26;
    flex: 1;
    word-break: break-all; }

.indicator-module-name-input {
    flex: 1;
    height: 34px;
    border: 1px solid #D4D6D9;
    border-radius: 4px;
    padding: 0 14px;
    font-size: 14px;
    color: #181E33;
    outline: none;
    box-sizing: border-box; }
.indicator-module-name-input.is-error {
    border-color: #F33131; }
.indicator-module-name-input:focus {
    border-color: #3A8BFF; }

.indicator-module-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    position: relative; }

.indicator-action-btn {
    font-size: 16px;
    color: #ACB4BF;
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s; }
.indicator-action-btn:hover {
    color: #3A8BFF; }

/* 引用按钮tooltip */
.indicator-action-btn--quote {
    position: relative; }
.indicator-action-btn--quote .quote-tooltip {
    position: absolute;
    bottom: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(24, 30, 51, 0.8);
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    padding: 10px 16px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.18s;
    z-index: 10; }
.indicator-action-btn--quote .quote-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(24, 30, 51, 0.8); }
.indicator-action-btn--quote:hover .quote-tooltip {
    opacity: 1; }

/* 指标项列表 */
.indicator-items {
    padding: 0 20px 20px; }

.indicator-item {
    display: flex;
    align-items: center;
    padding: 0 0 16px;
    gap: 16px; }
.indicator-item:last-child {
    padding-bottom: 0; }
.indicator-item:hover .indicator-item-del-btn {
    opacity: 1;
    pointer-events: auto; }

.indicator-item-name {
    flex: 1;
    font-size: 14px;
    color: #131B26;
    word-break: break-all; }

.indicator-item-name-input {
    flex: 1;
    height: 34px;
    border: 1px solid #D4D6D9;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 13px;
    color: #364152;
    outline: none;
    box-sizing: border-box; }
.indicator-item-name-input:focus {
    border-color: #3A8BFF; }
.indicator-item-name-input.is-error {
    border-color: #F33131; }

.indicator-item-score {
    font-size: 14px;
    color: #8A8B99;
    flex-shrink: 0;
    white-space: nowrap; }

.indicator-item-score-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    font-size: 14px;
    color: #474C59;
    white-space: nowrap; }
.indicator-item-score-wrap .score-input {
    width: 60px;
    height: 34px;
    border: 1px solid #D4D6D9;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
    outline: none;
    box-sizing: border-box; }
.indicator-item-score-wrap .score-input:focus {
    border-color: #3A8BFF; }
.indicator-item-score-wrap .score-input.is-error {
    border-color: #F33131; }

.indicator-item-del-btn {
    font-size: 16px;
    color: #c8cad0;
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: color 0.2s, opacity 0.15s;
    opacity: 0;
    pointer-events: none; }
.indicator-item-del-btn:hover {
    color: #F33131; }

/* 编辑模式操作区 */
.indicator-module-edit-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px 20px; }

.indicator-add-standard-btn {
    font-size: 14px;
    color: #6B89B3;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: opacity 0.2s; }
.indicator-add-standard-btn:hover {
    opacity: 0.8; }

.indicator-edit-actions {
    display: flex;
    align-items: center;
    gap: 12px; }

.indicator-cancel-btn {
    font-size: 14px;
    color: #3A8BFF;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    transition: color 0.2s; }
.indicator-cancel-btn:hover {
    color: #181E33; }

.indicator-save-btn {
    font-size: 14px;
    color: #3A8BFF;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    transition: color 0.2s; }
.indicator-save-btn:hover {
    color: #1a6fd4; }

/* 底部添加按钮 */
.indicator-lib-footer {
    flex-shrink: 0;
    padding: 12px 24px 16px;
    border-top: 1px solid #f0f0f0; }

.indicator-lib-add-btn {
    width: 100%;
    height: 40px;
    background: none;
    border: 1.5px dashed #d0d3db;
    border-radius: 6px;
    font-size: 14px;
    color: #3A8BFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: border-color 0.2s, background 0.2s; }
.indicator-lib-add-btn:hover {
    border-color: #3A8BFF;
    background: #f0f6ff; }

/* 错误提示文字 */
/* 校验 toast 提示 */
.indicator-error-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(79, 87, 98, 0.98);
    color: #fff;
    font-size: 14px;
    padding: 14px 22px;
    border-radius: 8px;
    z-index: 10100;
    pointer-events: none;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.18s; }
.indicator-error-toast.is-visible {
    opacity: 1; }
.indicator-error-toast .icon-cancel {
    color: #F36161;
    font-size: 20px;
    flex-shrink: 0; }

/* 空状态 */
.indicator-lib-empty {
    text-align: center;
    color: #9b9fa8;
    font-size: 13px;
    padding: 32px 0; }