@charset "utf-8";
.worktable-collect-block {
  width: 100%;
  padding: 0 15px;
}
.work-application-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  margin: 0 0 -10px;
  padding: 10px 0 0;
}
.work-application-list .application-item {
  position: relative;
  float: left;
  width: calc(100% / 11 - 0.01px);
  padding: 0 10px 17px;
  height: 120px;
  cursor: pointer;
}
.work-application-list .application-item .drag-area {
  display: none;
  position: absolute;
  top: 10px;
  width: 14px;
  left: 10px;
  cursor: pointer;
}
.work-application-list .application-item .drag-area > span {
  display: block;
}
.work-application-list .application-item .drag-area > span::before {
  content: "";
  float: left;
  display: block;
  width: 5px;
  height: 5px;
  margin: 0 4px 3px 0;
  background-color: #adafb1;
  border-radius: 3px;
}
.work-application-list .application-item .drag-area > span::after {
  content: "";
  float: right;
  display: block;
  width: 5px;
  height: 5px;
  margin: 0 0 3px ;
  background-color: #adafb1;
  border-radius: 3px;
}
.work-application-list .application-item .icon-box {
  position: relative;
  width: 100%;
  height: 50px;
  margin: 0 0 13px;
  text-align: center;
}
.work-application-list .application-item .icon-box > img {
  max-width: 50px;
  max-height: 50px;
  overflow: hidden;
  border-radius: 10px;
}
.work-application-list .application-item .icon-box .collect-star {
  opacity: 0;
  position: absolute;
  top: -4px;
  left: calc(50% + 25px);
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAACT0lEQVQ4jY2UT2sUMRiHnySzszvdXWmZ6lLBW0HwVgS/geB30JOI4lkEz4K9CPbiRS+iN79AL6L2VEQvevHUQ62WUrB06Y67M9NJ4mGSNbtuq4GQSTJ58nv/5BV7a5zUhB9bGQt5h0PABvt2xhnkKTABqGTAIynVz2TAs1bGZUAF+/8FHMPiEWeFUg/i5Us0li7cEpa7QOTOnQoUQZdAA2hJzX21kCKUQp6ZR8TxzeaQK0DslEqm1EbBRAIyybgNLFtYlFLdUGmvvlEporSH3fv+NMn4DGxZeJN3+AQYx7Bib218Q5Rk3FPz6apoNGtV7S4ijsfmWK2xxwV2NMIeF5gsQxfDa3mHd4AGbOTVxSNSIdVqlPYmIBPOVQqh5qA1B4Bu9TE/tu8AG06lHfugTBgYox+WO1vYspwJDJs+6lPubq8byUv+RH4iKDLv8FxX5ZN/QR3svVG8Ltp8COKApE5Qn6SiaPPKVOW6+TU4EWiO+hjFRpnwcXrPK7TOBwawwrIi290TgSKOEZbzwRnjRU0DtapIhFRLKFVvaI0+PCBULBpNhKUHVK6PgT7Khjrsx0DtPK3RR32qg320LjeFJVVJ92K0eK5OHfjm/tUB0EbuQ7jFSkfsm0I/Lra+XreSL1XM26rJLmAb+WBF7wyuWsFm1eQFUEwrFEG1iaifVAK0ga77blKnhXUWFEDm+hDI3boJTQ7NLoP5kMnnqZ2i3IE9aFzKQqANgB4umaxIPng+GN5/E2aGzQRjxewS5fPWBONMoJet3Tiz3k39+9f8N/XCAJh1vReyAAAAAElFTkSuQmCC);
}
.work-application-list .application-item .icon-box .remove-btn {
  opacity: 0;
  display: flex;
  align-items: center;
  position: absolute;
  top: -9px;
  left: calc(100% - 10px);
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.work-application-list .application-item .icon-box .remove-btn > a {
  font-size: 1.4rem;
  color: #666;
}
.work-application-list .application-item .icon-box .add-app-to-school {
  opacity: 0;
  font-size: 1.4rem;
  position: absolute;
  top: -4px;
  left: calc(50% + 25px);
  display: block;
  width: 20px;
  height: 20px;
}
.work-application-list .application-item .icon-box .add-app-to-school .img-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.work-application-list .application-item .icon-box .add-app-to-school .lock-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAyElEQVQokZXSsU4CQRSF4W8nVBi1MkGJJiY+gFEqO97HysKHsPV97Ewolt6SoEhjBaGUpWA3GdZRxpNM85+cOXNzp3D/ItIR+uhGbIVPLBoQWoGrVgAOan7YgE5k9lHgC1NUNb/ASe2/tZuaho8oALOo8UfTb/rGOAYdnNan0fUfF1SYBfRsZ8lRgbNgd64chWSgfByonodeH27SqRS8Pd+u5O7yOD+0930pOH5fgtFkkbLTexo8lf9v2qdg98vkaB0wxzo3gPkGfMMiBbofmg4AAAAASUVORK5CYII=);
}
.work-application-list .application-item .icon-box .hover-info {
  display: none;
  position: absolute;
  top: -7px;
  left: calc(50% + 50px);
  z-index: 12;
  width: 115px;
}
.work-application-list .application-item .icon-box .hover-info .hover-info-inside {
  position: relative;
  float: left;
  padding: 0 10px;
  line-height: 26px;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #666;
  font-size: 1.3rem;
  background-color: #fff;
}
.work-application-list .application-item .icon-box .hover-info .hover-info-inside::before {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: 6px;
  border-width: 7px 6px 7px 0;
  border-style: solid;
  border-color: transparent #ddd transparent;
}
.work-application-list .application-item .icon-box .hover-info .hover-info-inside::after {
  content: "";
  display: block;
  position: absolute;
  left: -5px;
  top: 9px;
  border-width: 4px 5px 4px 0;
  border-style: solid;
  border-color: transparent #fff transparent;
}
.work-application-list .application-item .icon-box .hidden-btn {
  width: 100%;
  height: 22px;
  border-radius: 6px;
  position: absolute;
  top: 14px;
  z-index: 10;
  display: none;
}
.work-application-list .application-item .icon-box .hidden-btn > a {
  display: block;
  margin: 0 auto;
  height: 22px;
  width: 40px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 22px;
  text-align: center;
  border-radius: 6px;
}
.work-application-list .application-item .icon-box .app-icon {
  max-height: 50px;
}
.work-application-list .application-item .add-icon-box {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 12px;
  border: 1px dashed;
  border-radius: 12px;
  line-height: 24px;
  text-align: center;
}
.work-application-list .application-item .app-name {
  width: 100%;
  font-size: 1.4rem;
  color: #666;
  line-height: 20px;
  text-align: center;
}
.work-application-list .application-item.collect .icon-box .collect-star {
  opacity: 0.5;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAABYElEQVQokXWSv0pcURDGf3PODhoTLQ4RUidFICAsWoiFD5BGMJAqKUI6G8EnSGGbJp2PECF9tPEZxNrORjBciBt2L5l7ZlKsysXsTjfnm2/+fOeTOP/ErLDG3gMvgW9atH2MD+aQNkgcSxYJiyXgy+OaNHMcHOYnWfLTDHBgjT2fO9EaWwJeAVuS5G1amPZMi2nZW/9qjR0Bl1r0F4D8PfvwAviJMJQkSBbSQkJUAAgPfOyEB1EDghvg8wBYlyzDwcoA5P+dJQn5WX7I67iueus7CTiNGt+7Px3EnIvvwieOt34JHCYtWoGPYXHUjeaT67hSJ/UC2NaiVwlAi1YtuhddNBGzmdEFwL4WvYbed1hjqwhFUu/QXg/JAvD6Pu8bYHgH4ub4ZKpkXsxTlafY2n1x3wCBQ3fbUUf1Irp4h7NWx/XYfpu7OfR0l75XrbFdoAVOtGj03t8Am8APLToC+AfnP5c5azaoagAAAABJRU5ErkJggg==);
}
.work-application-list .application-item.unused-app .app-name {
  opacity: 0.5;
}
.work-application-list .application-item.unused-app .alert-text {
  position: absolute;
  top: 0;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  padding: 13px 0;
  line-height: 22px;
  color: rgba(1, 1, 1, 0.3);
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(221, 221, 221, 0.85);
  border-radius: 12px;
}
.work-application-list .application-item.used-app .add-app-to-school,
.work-application-list .application-item.used-app .hover-info,
.work-application-list .application-item.used-app .alert-text {
  display: none;
}
.work-application-list .application-item:hover .remove-btn {
  opacity: 1;
}
.work-application-list .application-item:hover .drag-area {
  display: block;
  z-index: 50;
}
.work-application-list .application-item:hover .hover-info {
  display: block;
}
.work-application-list .application-item:hover .icon-box .collect-star,
.work-application-list .application-item:hover .icon-box .add-app-to-school {
  opacity: 1;
}
.work-application-list .application-item:hover.collect .icon-box .collect-star {
  opacity: 1;
}
.work-application-list .application-item:hover.used-app .add-app-to-school,
.work-application-list .application-item:hover.used-app .hover-info,
.work-application-list .application-item:hover.used-app .alert-text {
  display: none;
}
.work-application-list .application-item:hover .hidden-btn {
  display: block;
}
.work-application-list .application-item:nth-child(11n) .icon-box .hover-info {
  left: auto;
  right: 30%;
}
.work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside {
  float: right;
}
.work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside::before {
  left: auto;
  right: -6px;
  border-width: 7px 0 7px 6px;
  border-color: transparent #ddd transparent;
}
.work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside::after {
  left: auto;
  right: -5px;
  border-width: 4px 0 4px 5px;
  border-color: transparent #fff transparent;
}
.work-application-list .application-item.folder .icon-box,
.work-application-list .application-item.tem-folder .icon-box {
  width: 50px;
  height: 50px;
  margin: 30px calc(50% - 25px) 21px;
}
.work-application-list .application-item.folder .icon-box > img,
.work-application-list .application-item.tem-folder .icon-box > img {
  width: 20px;
}
.work-application-list .application-item.folder .icon-box .collect-star,
.work-application-list .application-item.tem-folder .icon-box .collect-star,
.work-application-list .application-item.folder .icon-box .hover-info,
.work-application-list .application-item.tem-folder .icon-box .hover-info {
  display: none!important;
}
.work-application-list .application-item.folder .drag-area,
.work-application-list .application-item.tem-folder .drag-area {
  display: none;
}
.work-application-list .application-item.draging .drag-area {
  display: block;
}
.work-application-list.inside-folder .application-item .drag-area {
  display: none;
}
.editing-mod .work-application-list .application-item .drag-area {
  display: block;
  z-index: 50;
}
.editing-mod .work-application-list .application-item .icon-box .lock-mark {
  display: none;
}
.editing-mod .work-application-list .application-item .icon-box .hover-info {
  display: none!important;
}
.editing-mod .work-application-list .application-item .icon-box .hover-info .hover-info-inside {
  display: none;
}
.editing-mod .work-application-list .application-item .icon-box .fa-minus-circle {
  display: block;
  position: absolute;
  top: 22px;
  left: calc(50% + 20px);
  color: #999;
  z-index: 11;
}
.editing-mod .inter-editing-mod,
.editing-mod .folder-name-title,
.editing-mod .back-prev {
  display: none;
}
.editing-mod .out-editing-mod {
  display: inline;
}
.editing-mod .save-editing-mod {
  display: inline;
}
.editing-mod .sp-line-box,
.editing-mod .input-folder-name-con {
  display: inline-block;
}
.editing .work-application-list .application-item:hover .fa-minus-circle {
  display: block;
}
.sp-line-box {
  display: inline-block;
  width: 1px;
  height: 14px;
  border-right: 1px solid #ddd;
  margin: 0 5px 0;
  transform: translateY(3px);
}
.out-editing-mod,
.save-editing-mod,
.sp-line-box,
.input-folder-name-con,
.fa-minus-circle {
  display: none;
}
.work-application-all {
  padding: 5px 0 0;
}
.work-application-all .work-application-list .application-item {
  width: calc(100% / 8 - 0.01px);
}
.work-application-all .work-application-list .application-item:nth-child(8n) .icon-box .hover-info {
  left: auto;
  right: 30%;
}
.work-application-all .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside {
  float: right;
}
.work-application-all .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside::before {
  left: auto;
  right: -6px;
  border-width: 7px 0 7px 6px;
}
.work-application-all .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside::after {
  left: auto;
  right: -5px;
  border-width: 4px 0 4px 5px;
}
.collect-work-application {
  width: 100%;
}
.collect-work-application .work-application-list .application-item .icon-box .collect-star {
  opacity: 0;
}
.collect-work-application .work-application-list .application-item:hover .hover-info {
  display: none;
}
.collect-work-application .work-application-list .application-item:hover.collect .icon-box .collect-star {
  opacity: 1;
}
.collect-work-application .work-application-list .application-item:hover.collect .hover-info {
  display: block;
}
.application-type-list {
  width: 100%;
  padding: 7px 0 0;
}
.application-type-list .application-type-row {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 20px;
}
.application-type-list .application-type-row .application-type-title {
  display: table-cell;
  width: 100px;
  border-radius: 6px 0 0 6px;
  vertical-align: middle;
}
.application-type-list .application-type-row .application-type-title .type-tit-info {
  width: 100%;
}
.application-type-list .application-type-row .application-type-title .type-tit-info .type-icon {
  width: 100%;
  margin: 0 0 7px;
  text-align: center;
  padding: 0 15px;
  font-size: 2.8rem;
  line-height: 32px;
}
.application-type-list .application-type-row .application-type-title .type-tit-info .type-name {
  width: 100%;
  text-align: center;
  padding: 0 15px;
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: -1px;
}
.application-type-list .application-type-row .work-application-outside {
  display: table-cell;
}
.application-type-list .application-type-row .work-application-outside .work-application-list {
  float: left;
  width: 100%;
  margin: 0 0 -10px;
  padding: 10px 0 0;
}
.application-type-list .application-type-row .work-application-outside .work-application-list .application-item {
  width: calc(100% / 7 - 0.01px);
}
.application-type-list .application-type-row:last-child {
  margin: 0 0 10px;
}
.folder-name-title {
  color: #333;
}
.input-folder-name-con {
  position: relative;
  width: 212px;
  height: 38px;
  margin: -10px 0 -11px;
  border: 1px solid #ddd;
  background-color: #fafafa;
  border-radius: 8px;
  overflow: hidden;
}
.input-folder-name-con .input-folder-name {
  width: 100%;
  height: 36px;
  padding: 5px 10px;
  line-height: 24px;
  background-color: rgba(255, 255, 255, 0);
}
.input-folder-name-con > .fa-times-circle {
  position: absolute;
  top: 11px;
  right: 10px;
  color: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 1460px) {
  .application-type-list .application-type-row .work-application-outside .work-application-list .application-item {
    width: calc(100% / 8 - 0.01px);
  }
  .work-application-all .work-application-list .application-item {
    width: calc(100% / 9 - 0.01px);
  }
  .work-application-all .work-application-list .application-item:nth-child(8n) .icon-box .hover-info {
    left: calc(50% + 50px);
    right: auto;
  }
  .work-application-all .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside {
    float: left;
  }
  .work-application-all .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside::before {
    right: auto;
    left: -6px;
    border-width: 7px 0 7px 6px;
  }
  .work-application-all .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside::after {
    right: auto;
    left: -5px;
    border-width: 4px 0 4px 5px;
  }
  .work-application-all .work-application-list .application-item:nth-child(9n) .icon-box .hover-info {
    left: calc(50% - 100px);
  }
  .work-application-all .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside {
    float: right;
  }
  .work-application-all .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside::before {
    left: auto;
    right: -6px;
    border-width: 7px 0 7px 6px;
  }
  .work-application-all .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside::after {
    left: auto;
    right: -5px;
    border-width: 4px 0 4px 5px;
  }
}
@media only screen and (max-width: 1280px) {
  .application-type-list .application-type-row .work-application-outside .work-application-list .application-item {
    width: calc(100% / 5 - 0.01px);
  }
  .collect-work-application .work-application-list .application-item {
    width: calc(100% / 9 - 0.01px);
  }
  .collect-work-application .work-application-list .application-item:nth-child(11n) .icon-box .hover-info {
    left: calc(50% + 50px);
    right: auto;
  }
  .collect-work-application .work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside {
    float: left;
  }
  .collect-work-application .work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside::before {
    right: auto;
    left: -6px;
    border-width: 7px 0 7px 6px;
  }
  .collect-work-application .work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside::after {
    right: auto;
    left: -5px;
    border-width: 4px 0 4px 5px;
  }
  .collect-work-application .work-application-list .application-item:nth-child(9n) .icon-box .hover-info {
    left: auto;
    right: 30%;
  }
  .collect-work-application .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside {
    float: right;
  }
  .collect-work-application .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside::before {
    left: auto;
    right: -6px;
    border-width: 7px 0 7px 6px;
  }
  .collect-work-application .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside::after {
    left: auto;
    right: -5px;
    border-width: 4px 0 4px 5px;
  }
  .work-application-all .work-application-list .application-item {
    width: calc(100% / 6 - 0.01px);
  }
  .work-application-all .work-application-list .application-item:nth-child(6n) .icon-box .hover-info {
    left: auto;
    right: 30%;
  }
  .work-application-all .work-application-list .application-item:nth-child(6n) .icon-box .hover-info .hover-info-inside {
    float: right;
  }
  .work-application-all .work-application-list .application-item:nth-child(6n) .icon-box .hover-info .hover-info-inside::before {
    left: auto;
    right: -6px;
    border-width: 7px 0 7px 6px;
  }
  .work-application-all .work-application-list .application-item:nth-child(6n) .icon-box .hover-info .hover-info-inside::after {
    left: auto;
    right: -5px;
    border-width: 4px 0 4px 5px;
  }
}
@media only screen and (max-width: 1180px) {
  .application-type-list .application-type-row .application-type-title {
    width: 90px;
  }
  .application-type-list .application-type-row .work-application-outside .work-application-list .application-item {
    width: calc(100% / 4 - 0.01px);
  }
  .collect-work-application .work-application-list .application-item {
    width: calc(100% / 8 - 0.01px);
  }
  .collect-work-application .work-application-list .application-item:nth-child(11n) .icon-box .hover-info {
    left: calc(50% + 50px);
    right: auto;
  }
  .collect-work-application .work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside {
    float: left;
  }
  .collect-work-application .work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside::before {
    right: auto;
    left: -6px;
    border-width: 7px 0 7px 6px;
  }
  .collect-work-application .work-application-list .application-item:nth-child(11n) .icon-box .hover-info .hover-info-inside::after {
    right: auto;
    left: -5px;
    border-width: 4px 0 4px 5px;
  }
  .collect-work-application .work-application-list .application-item:nth-child(9n) .icon-box .hover-info {
    left: calc(50% + 50px);
    right: auto;
  }
  .collect-work-application .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside {
    float: left;
  }
  .collect-work-application .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside::before {
    right: auto;
    left: -6px;
    border-width: 7px 0 7px 6px;
  }
  .collect-work-application .work-application-list .application-item:nth-child(9n) .icon-box .hover-info .hover-info-inside::after {
    right: auto;
    left: -5px;
    border-width: 4px 0 4px 5px;
  }
  .collect-work-application .work-application-list .application-item:nth-child(8n) .icon-box .hover-info {
    left: auto;
    right: 30%;
  }
  .collect-work-application .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside {
    float: right;
  }
  .collect-work-application .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside::before {
    left: auto;
    right: -6px;
    border-width: 7px 0 7px 6px;
  }
  .collect-work-application .work-application-list .application-item:nth-child(8n) .icon-box .hover-info .hover-info-inside::after {
    left: auto;
    right: -5px;
    border-width: 4px 0 4px 5px;
  }
  .work-application-all .work-application-list .application-item {
    width: calc(100% / 4 - 0.01px);
  }
}
.worktable-tab-row {
  position: relative;
  width: 100%;
  display: flex;
  padding: 0 15px 10px 5px;
  margin: 0 0 20px;
}
.worktable-tab-row .tab-btn {
  line-height: 30px;
  white-space: nowrap;
}
.worktable-tab-row::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 1px;
  width: calc(100% - 30px);
  margin: 0 5px;
  border-bottom: 1px solid #ddd;
}
.worktable-panel-container {
  width: 100%;
}
.worktable-panel-container .worktable-panel-list {
  width: 50%;
  padding: 0 15px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 145px;
  margin: 0 0 30px;
  border-radius: 6px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.bg-color-fff {
  background-color: #fff;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-panel-item-inside {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 145px;
  border-radius: 6px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info {
  position: relative;
  min-width: 120px;
  width: 120px;
  padding: 20px 10px 0;
  border-radius: 6px 0 0 6px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .worktable-item-info-inside {
  width: 100%;
  opacity: 1;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .icon-box {
  width: 100%;
  height: 50px;
  margin: 0 0 15px;
  display: flex;
  justify-content: center;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .icon-box .icon-box-inside {
  display: flex;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .icon-box .bg-header-05 {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 10px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .title-box {
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .title-box .bg-header-05 {
  float: left;
  display: inline-block;
  width: 62%;
  height: 14px;
  margin: 6px 19%;
  border-radius: 10px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .text-box {
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .text-box .bg-header-05 {
  float: left;
  display: inline-block;
  width: 48%;
  height: 10px;
  margin: 6px 26%;
  border-radius: 5px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .block-drag-mark {
  width: 30px;
  height: 30px;
  padding: 0 0;
  margin: -20px 0 -10px -10px;
  border-radius: 10px 0 5px 0;
  text-align: center;
  line-height: 28px;
  cursor: all-scroll;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .edit-row {
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 3px 0 0;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-info .edit-row .edit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.95);
  font-size: 18px;
  color: #666;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.03);
  border-radius: 50%;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app {
  max-width: calc(100% - 120.01px);
  flex: 1;
  position: relative;
  padding: 20px 0 0;
  border-radius: 0 6px 6px 0;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .line-1 {
  display: block;
  width: 1px;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: calc(100% / 3 - 0.01px);
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .line-2 {
  display: block;
  width: 1px;
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: calc(100% / 3 - 0.01px);
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside {
  width: 100%;
  height: 108px;
  overflow: hidden;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name,
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name {
  position: relative;
  float: left;
  width: calc(100% / 3 - 0.01px);
  margin: 0;
  height: 36px;
  padding: 5px 20px;
  line-height: 26px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name > i,
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name > i {
  color: #999;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.add-btn,
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.add-btn {
  display: none;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name > span,
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name > span {
  width: calc(100% - 20px);
  display: block;
  float: left;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name > span.before-mark,
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name > span.before-mark {
  display: none;
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name > span.after-mark,
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name > span.after-mark {
  display: none;
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  left: 50%;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name > span .point,
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name > span .point {
  font-weight: normal;
  display: inline-block;
  height: 16px;
  padding: 0 4px;
  margin: 0 0 0 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  background-color: #dd2432;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside span.app-name {
  float: left;
  width: calc(100% / 3 - 0.01px);
  height: 36px;
  padding: 11px 20px;
  cursor: pointer;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside span.app-name > font {
  display: block;
  height: 14px;
  width: 48%;
  border-radius: 4px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .folditem-btn {
  position: absolute;
  top: 91px;
  right: 0;
  height: 36px;
  width: calc(100% / 3 - 0.01px);
  display: flex;
  align-items: cetner;
  justify-content: center;
  background-color: #fff;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .folditem-btn .open {
  display: block;
  height: 36px;
  width: 100%;
  font-size: 14px;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .folditem-btn .open > font {
  display: block;
  height: 36px;
  width: 100%;
  line-height: 26px;
  padding: 5px 20px;
  box-sizing: border-box;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .folditem-btn .close {
  display: none;
  height: 36px;
  width: 100%;
  font-size: 14px;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item .worktable-item-app .folditem-btn .close > font {
  display: block;
  height: 36px;
  width: 100%;
  line-height: 26px;
  padding: 5px 20px;
  box-sizing: border-box;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.unfold .worktable-item-app .line-1,
.worktable-panel-container .worktable-panel-list .worktable-panel-item.unfold .worktable-item-app .line-2 {
  bottom: 52px;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.unfold .worktable-item-app .item-app-inside {
  height: auto!important;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.unfold .worktable-item-app .folditem-btn {
  position: relative;
  top: auto!important;
  width: 100%!important;
  height: 36px;
  margin: 8px 0;
  display: flex;
  align-items: cetner;
  justify-content: center;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.unfold .worktable-item-app .folditem-btn .open {
  display: none;
  height: 36px;
  padding: 0;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.unfold .worktable-item-app .folditem-btn .open > font {
  display: block;
  height: 36px;
  text-align: center;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.unfold .worktable-item-app .folditem-btn .close {
  display: block;
  height: 36px;
  padding: 0;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.unfold .worktable-item-app .folditem-btn .close > font {
  display: block;
  height: 36px;
  text-align: center;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item > span.block-before-mark {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: -40%;
  bottom: 50%;
  right: 0;
  z-index: 100;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item > span.block-after-mark {
  display: none;
  position: absolute;
  width: 100%;
  right: 0;
  top: 50%;
  bottom: -40%;
  left: 0;
  z-index: 100;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.active > span.block-before-mark {
  display: none!important;
}
.worktable-panel-container .worktable-panel-list .worktable-panel-item.active > span.block-after-mark {
  display: none!important;
}
.worktable-panel-container .worktable-panel-list.setting-mod .worktable-panel-item:hover .icon-box {
  margin: 0 0 5px;
}
.worktable-panel-container .worktable-panel-list.setting-mod .worktable-panel-item:hover .text-box {
  display: none;
}
.worktable-panel-container .worktable-panel-list.setting-mod .worktable-panel-item:hover .worktable-item-info .edit-row {
  display: flex;
}
.worktable-panel-container .worktable-panel-list.setting-mod .worktable-panel-item .worktable-item-app .item-app-inside {
  height: auto!important;
  padding-bottom: 15px;
}
.worktable-panel-container .worktable-panel-list.setting-mod .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.add-btn {
  display: block;
}
.worktable-panel-container .worktable-panel-list.setting-mod .worktable-panel-item .worktable-item-app .folditem-btn {
  display: none;
}
.worktable-panel-container .worktable-panel-list.type-en .worktable-panel-item .worktable-item-info .title-box {
  height: 32px;
  line-height: 16px;
  font-size: 12px;
  overflow: hidden;
}
.worktable-panel-container.inside-two-col {
  margin: 0 0 -10px;
}
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item {
  min-height: 181px;
  margin: 0 0 20px;
}
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item .worktable-item-info {
  padding: 30px 10px 0;
}
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item .worktable-item-app .line-1 {
  left: calc(100% / 2 - 0.01px);
}
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item .worktable-item-app .line-2 {
  display: none;
}
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside {
  height: 140px;
}
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name,
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name,
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside span.app-name {
  width: calc(100% / 2 - 0.01px);
}
.worktable-panel-container.inside-two-col .worktable-panel-list .worktable-panel-item .worktable-item-app .folditem-btn {
  width: calc(100% / 2 - 1.01px);
  top: 127px;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .text-inside,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .text-inside,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .text-inside,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .text-inside {
  display: block;
  width: calc(100% - 15px);
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .fa,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .fa {
  width: auto;
  position: absolute;
  right: 20px;
  top: 0;
  height: 36px;
  line-height: 36px;
  margin: 0 0;
  color: #FFC107;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .fa.fa-star-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .fa.fa-star-o,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .fa.fa-star-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .fa.fa-star-o {
  display: none;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .fa.fa-star,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .fa.fa-star,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .fa.fa-star,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .fa.fa-star {
  display: block;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .star-icon-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .star-icon-o,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .star-icon-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .star-icon-o {
  float: right;
  display: none;
  width: 15px;
  height: 26px;
  background-position: center 5px;
  background-repeat: no-repeat;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .star-icon-o.fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .star-icon-o.fa,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .star-icon-o.fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .star-icon-o.fa {
  background: none;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .star-icon,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .star-icon,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .star-icon,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .star-icon {
  float: right;
  display: block;
  width: 15px;
  height: 26px;
  background-position: center 5px;
  background-repeat: no-repeat;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .star-icon.fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name .star-icon.fa,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .star-icon.fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name .star-icon.fa {
  background: none;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover {
  background-color: rgba(255, 255, 255, 0.7);
  width: calc(100% / 2 - 20.01px);
  margin: 5px 10px;
  padding: 0 10px;
  height: 26px;
  border-radius: 6px;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .fa,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .fa {
  right: 10px;
  top: 0px;
  height: 26px;
  line-height: 26px;
  background-color: rgba(255, 255, 255, 0.7);
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .fa.fa-star-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .fa.fa-star-o,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .fa.fa-star-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .fa.fa-star-o {
  display: block;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .star-icon.fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .star-icon.fa,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .star-icon.fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .star-icon.fa {
  background: none;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .star-icon-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .star-icon-o,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .star-icon-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .star-icon-o {
  display: block;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .star-icon-o.fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .star-icon-o.fa,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .star-icon-o.fa,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .star-icon-o.fa {
  background: none;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .star-icon-o.fa.fa-star-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover .star-icon-o.fa.fa-star-o,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .star-icon-o.fa.fa-star-o,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover .star-icon-o.fa.fa-star-o {
  color: #999;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.type-1 .text-inside,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.type-1 .text-inside,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.type-1 .text-inside,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.type-1 .text-inside {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.type-2 .text-inside,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.type-2 .text-inside,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.type-2 .text-inside,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.type-2 .text-inside {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.has-point-lock .text-inside,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.has-point-lock .text-inside,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.has-point-lock .text-inside,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.has-point-lock .text-inside {
  width: auto;
  max-width: calc(100% - 45px);
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.has-point-lock .inside-number-box,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.has-point-lock .inside-number-box,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.has-point-lock .inside-number-box,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.has-point-lock .inside-number-box {
  display: block;
  margin: 5px 0 4px 5px;
  width: 17px;
  min-width: 17px;
  padding: 0 3px;
  border: 1px solid #fff;
  background-color: #fe4330;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 14px;
}
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.has-point-lock .lock-btn,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name.has-point-lock .lock-btn,
.worktable-panel-container.has-hover-star .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.has-point-lock .lock-btn,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name.has-point-lock .lock-btn {
  display: block;
  width: 15px;
  height: 26px;
  margin: 0 0 0 5px;
  background-position: center;
  background-repeat: no-repeat;
}
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside a.app-name:hover,
.worktable-panel-container.has-hover-star-nobg .worktable-panel-list .worktable-panel-item .worktable-item-app .item-app-inside p.app-name:hover {
  background-color: rgba(255, 255, 255, 0);
  width: calc(100% / 2 - 20.01px);
  margin: 5px 10px;
  padding: 0 10px;
  height: 26px;
  border-radius: 6px;
}
.service-select-container {
  width: 100%;
  padding: 5px 0 10px;
}
.service-select-container .service-select-section {
  width: 100%;
  padding: 5px 0 10px;
  margin: 0 0 20px;
  border-radius: 16px;
}
.service-select-container .service-select-section .service-section-title {
  height: 35px;
  padding: 0 20px 5px;
  font-size: 15px;
  font-weight: bold;
  line-height: 35px;
  color: #333;
}
.service-select-container .service-select-section .service-select-list {
  display: flex;
  flex-wrap: wrap;
}
.service-select-container .service-select-section .service-select-list .service-item {
  cursor: pointer;
  float: left;
  height: 24px;
  padding: 0 10px;
  margin: 0 10px 5px;
  font-size: 13px;
  line-height: 24px;
  color: #333;
  border-radius: 6px;
}
.service-select-container .service-select-section .service-select-list .service-item.bg-theme-100 {
  color: #fff;
}
.service-select-container .service-select-section .service-select-list .service-item:hover {
  color: #333;
}
.type-se .worktable-tab-row {
  padding: 0 10px 10px 0 5px;
}
.type-se .worktable-tab-row::before {
  width:  calc(100% - 20px);
}
.type-se .worktable-panel-container .worktable-panel-list {
  padding: 0 10px;
}
.worktable-search-row {
  padding: 10px;
}
.worktable-search-row .search-container {
  float: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  height: 36px;
  padding: 0 0 0 40px;
  background-color: #f2f7fd;
  border-radius: 6px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: inset 0 3px 7px rgba(11, 113, 234, 0.06);
}
.worktable-search-row .search-container .remove-btn {
  display: none;
  width: 40px;
  text-align: center;
  color: #999;
  cursor: pointer;
}
.worktable-search-row .search-container .search-input {
  background: none;
  font-size: 14px;
  flex: 1;
}
.worktable-search-row .search-container .search-input::-webkit-input-placeholder {
  color: rgba(39, 79, 158, 0.4);
}
.worktable-search-row .search-container .search-input::-moz-placeholder {
  color: rgba(39, 79, 158, 0.4);
}
.worktable-search-row .search-container .search-input:-moz-placeholder {
  color: rgba(39, 79, 158, 0.4);
}
.worktable-search-row .search-container .search-input:-ms-input-placeholder {
  color: rgba(39, 79, 158, 0.4);
}
.worktable-search-row .search-container .search-input:focus + .remove-btn {
  display: block;
}
.worktable-search-row .search-container > a.btn {
  height: 36px;
  border-radius: 0 5px 5px 0;
  line-height: 24px;
}
.worktable-search-row .search-container:hover .remove-btn {
  display: block;
}
.worktable-search-row .search-history {
  float: left;
  display: flex;
  align-items: center;
  width: 50%;
  height: 36px;
  padding: 0 15px;
}
.worktable-search-row .search-history .title-box {
  font-size: 14px;
  line-height: 36px;
  color: #666;
  min-width: 72px;
}
.worktable-search-row .search-history .detail-box > a {
  font-size: 14px;
  line-height: 36px;
  margin: 0 10px 0 0;
}
.worktable-password {
  padding: 0 5px;
}
.worktable-password .worktable-password-item {
  width: 100%;
  display: flex;
}
.worktable-password .worktable-password-item .title-box {
  white-space: nowrap;
  font-size: 14px;
  color: #333;
  line-height: 36px;
}
.worktable-password .worktable-password-item .form-item {
  height: 36px;
  display: flex;
  align-items: center;
}
.worktable-password .worktable-password-item .form-item input[type="radio"],
.worktable-password .worktable-password-item .form-item input[type="checkbox"] {
  border: 1px solid #ddd;
  margin: 0 10px 0 0;
  outline: none;
}
.worktable-password .worktable-password-item .form-item > span {
  font-size: 14px;
  color: #333;
}
.worktable-password .worktable-password-info {
  line-height: 30px;
  font-size: 14px;
  color: #333;
}
.worktable-password .worktable-password-input {
  width: 100%;
  height: 36px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.worktable-password .worktable-password-input .password-input {
  width: 100%;
  border: none;
  background-color: #fff;
  border-radius: 6px;
  height: 34px;
  color: #333;
  padding: 5px 10px;
  line-height: 24px;
  font-size: 14px;
}
.collect-page-search-row {
  width: 100%;
  padding: 0 15px;
}
.collect-page-search-row .collect-page-search {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: 36px;
  padding: 0 15px;
  border-radius: 6px;
  background-color: #f2f7fd;
}
.collect-page-search-row .collect-page-search > i {
  color: #94a7b8;
  font-size: 18px;
}
.collect-page-search-row .collect-page-search > input {
  flex: 1;
  height: 36px;
  padding: 0 10px;
  line-height: 36px;
  outline: none;
  background-color: rgba(255, 255, 255, 0);
  font-size: 14px;
}
.collect-page-search-row .collect-page-search > input::-webkit-input-placeholder {
  color: rgba(0, 108, 190, 0.4);
}
.collect-page-search-row .collect-page-search > input::-moz-placeholder {
  color: rgba(0, 108, 190, 0.4);
}
.collect-page-search-row .collect-page-search > input:-moz-placeholder {
  color: rgba(0, 108, 190, 0.4);
}
.collect-page-search-row .collect-page-search > input:-ms-input-placeholder {
  color: rgba(0, 108, 190, 0.4);
}
.collect-page-title {
  width: calc(100% - 30px);
  margin: 0 15px;
  height: 56px;
  padding: 15px 0;
  line-height: 25px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #ddd;
}
.collect-page-list-outside {
  width: 100%;
}
.collect-page-list-outside .collect-page-list {
  width: 100%;
  padding: 0 15px;
  margin: 0 0 20px;
}
.collect-page-list-outside .collect-page-list .collect-page-item {
  display: flex;
  width: 100%;
  min-height: 89px;
  border-bottom: 1px solid #eee;
}
.collect-page-list-outside .collect-page-list .collect-page-item .collect-details-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.collect-page-list-outside .collect-page-list .collect-page-item .collect-details-box .title-box {
  width: 100%;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}
.collect-page-list-outside .collect-page-list .collect-page-item .collect-details-box .info-box {
  width: 100%;
  font-size: 13px;
  color: #666;
  line-height: 24px;
}
.collect-page-list-outside .collect-page-list .collect-page-item .collect-details-box .info-box > span {
  margin: 0 8px 0 0;
}
.collect-page-list-outside .collect-page-list .collect-page-item .collect-btn-box {
  display: none;
  width: 75px;
  align-items: center;
}
.collect-page-list-outside .collect-page-list .collect-page-item .collect-btn-box .collect-btn {
  font-size: 12px;
  color: #333;
  padding: 0 0 0 23px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 19px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAACT0lEQVQ4jY2UT2sUMRiHnySzszvdXWmZ6lLBW0HwVgS/geB30JOI4lkEz4K9CPbiRS+iN79AL6L2VEQvevHUQ62WUrB06Y67M9NJ4mGSNbtuq4GQSTJ58nv/5BV7a5zUhB9bGQt5h0PABvt2xhnkKTABqGTAIynVz2TAs1bGZUAF+/8FHMPiEWeFUg/i5Us0li7cEpa7QOTOnQoUQZdAA2hJzX21kCKUQp6ZR8TxzeaQK0DslEqm1EbBRAIyybgNLFtYlFLdUGmvvlEporSH3fv+NMn4DGxZeJN3+AQYx7Bib218Q5Rk3FPz6apoNGtV7S4ijsfmWK2xxwV2NMIeF5gsQxfDa3mHd4AGbOTVxSNSIdVqlPYmIBPOVQqh5qA1B4Bu9TE/tu8AG06lHfugTBgYox+WO1vYspwJDJs+6lPubq8byUv+RH4iKDLv8FxX5ZN/QR3svVG8Ltp8COKApE5Qn6SiaPPKVOW6+TU4EWiO+hjFRpnwcXrPK7TOBwawwrIi290TgSKOEZbzwRnjRU0DtapIhFRLKFVvaI0+PCBULBpNhKUHVK6PgT7Khjrsx0DtPK3RR32qg320LjeFJVVJ92K0eK5OHfjm/tUB0EbuQ7jFSkfsm0I/Lra+XreSL1XM26rJLmAb+WBF7wyuWsFm1eQFUEwrFEG1iaifVAK0ga77blKnhXUWFEDm+hDI3boJTQ7NLoP5kMnnqZ2i3IE9aFzKQqANgB4umaxIPng+GN5/E2aGzQRjxewS5fPWBONMoJet3Tiz3k39+9f8N/XCAJh1vReyAAAAAElFTkSuQmCC);
}
.collect-page-list-outside .collect-page-list .collect-page-item .collect-btn-box .collect-btn .fa-star {
  display: none;
}
.collect-page-list-outside .collect-page-list .collect-page-item:hover .collect-btn-box {
  display: flex;
}
.page-box {
  padding: 0 15px;
}
.page-box + .collect-page-title {
  margin: -6px 15px 0;
}
.search-container {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAQlBMVEUAAACUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUp7iUH8bqAAAAFXRSTlMA+veIzCbe1A+VZiAbLhO6l5JwUkt1iRl/AAAAeUlEQVQY022PCwrEIAxEM7Fqbev2O/e/6hq0W1j7QAZeMGSksLgIRLfIzaQkQOrUxEGmLJI38hDDA2cdnVBvmeik4ZgsAufbzAwWUPmh6M37r63b7IGrigvw9WRi92Wyg+HztFB7kYOp2lS1NB2Hph5MjZ1a5U+t+Qv/cQTQTzdJYQAAAABJRU5ErkJggg==);
}
.star-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAACT0lEQVQ4jY2UT2sUMRiHnySzszvdXWmZ6lLBW0HwVgS/geB30JOI4lkEz4K9CPbiRS+iN79AL6L2VEQvevHUQ62WUrB06Y67M9NJ4mGSNbtuq4GQSTJ58nv/5BV7a5zUhB9bGQt5h0PABvt2xhnkKTABqGTAIynVz2TAs1bGZUAF+/8FHMPiEWeFUg/i5Us0li7cEpa7QOTOnQoUQZdAA2hJzX21kCKUQp6ZR8TxzeaQK0DslEqm1EbBRAIyybgNLFtYlFLdUGmvvlEporSH3fv+NMn4DGxZeJN3+AQYx7Bib218Q5Rk3FPz6apoNGtV7S4ijsfmWK2xxwV2NMIeF5gsQxfDa3mHd4AGbOTVxSNSIdVqlPYmIBPOVQqh5qA1B4Bu9TE/tu8AG06lHfugTBgYox+WO1vYspwJDJs+6lPubq8byUv+RH4iKDLv8FxX5ZN/QR3svVG8Ltp8COKApE5Qn6SiaPPKVOW6+TU4EWiO+hjFRpnwcXrPK7TOBwawwrIi290TgSKOEZbzwRnjRU0DtapIhFRLKFVvaI0+PCBULBpNhKUHVK6PgT7Khjrsx0DtPK3RR32qg320LjeFJVVJ92K0eK5OHfjm/tUB0EbuQ7jFSkfsm0I/Lra+XreSL1XM26rJLmAb+WBF7wyuWsFm1eQFUEwrFEG1iaifVAK0ga77blKnhXUWFEDm+hDI3boJTQ7NLoP5kMnnqZ2i3IE9aFzKQqANgB4umaxIPng+GN5/E2aGzQRjxewS5fPWBONMoJet3Tiz3k39+9f8N/XCAJh1vReyAAAAAElFTkSuQmCC);
}
.star-icon-o {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAaVBMVEUAAACIiIiIiIiCgoLe3t739/fy8vJCQkITExODg4MmJiYcHByIiIjMzMxtbW0JCQmIiIjj4+MQEBAdHR0PDw/o6OgMDAxDQ0OIiIgcHBzu7u7V1dXAwMCysrKioqKKioosLCxfX1/6+vpSAf2NAAAAInRSTlMABgoMrfHkQRwQIQ4Ikk4hFLsvKSXJKyAdF9aghXdpXC4hiZ5uswAAAJBJREFUGNOVzscOAiEUhWHKpUpxYKpd3v8hJbmgZhYm/ssvZ3HIr7SKhx1RJSDuZ76I8D3cdFSiFJij7qwvZ5ClFHECf0ekqkJvGNsuyA+1HbMdh7y5ZiYD2nXhaISZ1HbecormTH0iYKpvRtaMciUhPNJt8vZtzKb8XNdltqZSR26ONcMdGiLjNYbUESN/9QI86wtu03C5/AAAAABJRU5ErkJggg==);
}
.app-name.type-1 .text-inside {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAzFBMVEUAAAAmwvchqfIenu8Yeugdl+4mxfcfn/AenO8XeOcdlO0YfOgcku0mw/cmw/cgpvEgo/AYeugYeej///8Zf+kbiusemu/W5/sfofAahusZg+okufX1+v7r9P3X7v0lv/YlvPUjtvQjs/QisfMirvIhqfIdle0cku0cjuzW6vzA2fi01/ip1PggpvEYfOnL4Pmd0Pdyx/YmwfaBwPRiu/Th7/zM6fvL5fq14Pq13fl0z/ip0fdkyfdRwPVyvfRQuPSbwfOOvvM7sfNMnu5j1tqfAAAAE3RSTlMA8/Tv7q0qKCUi8PDutLOyraqp7U0v6gAAALJJREFUCNc9zte2wQAQheEdjnJ0dgpSkCJB9N7b+7+TEZa5+9b+Lwb4b/xN1HZL06JSJi8UfRj29XQe9YRDYyrUmzUUk9Ug32ymoKoWf7cKoLZvEtvkaLCNHz4ktmlIH8vse2hpT9nEF3LmudCiO7kckIHFTc9EFA5lsMm9Q8vsIuzbXI8s0tmRpw4K+jFejqV3z45zUJCRL8bBdT7vmd3OooxcWuh7bkIlC+SqqS+VShYvCyIYonlK2/0AAAAASUVORK5CYII=);
}
.app-name.type-2 .text-inside {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAxlBMVEXyggAAAADsZQD4nwD0iwDziADxewD4ogD4oQDwegDyggDxgADweAD4oAD4oQDsZADsZADrYwDrYwD////4xaP849T7zaP4nQD3mQDwdgDtagDsZwD85dT2lgDvcwDucAD969/61Lz3wKP2kwD0jADyfwDubQD5yaP0oWf3pD/0jwD0jgDziQD98er96NT959T5yKP5x6P3rWfzkz/zhgDwegD+9/X838j738j717z70aP0tJb1sIf0rYfzpXj5uWfvhD/wfiTqsw0sAAAAE3RSTlMnAO/19LCtKvDw7+7utLOqqSMiQhF8RwAAALlJREFUCNctyldywjAARdFn09LbkyXLknsnkAQI6aHsf1Mghvt3Zi68xwffRFGTJvpmDA9PvjlTr+tr4N78FkWx+SuEEIvVCL75IBlkdC2HMNGO3OuO8wXtrELU/DPrVh2DN9pqiibN3Z8z+2bWl0jTOXMGPCVLJElA4eavlq9xjEQL55atPDqEXgvmtJ+Uki+hwmUtSFp7shpgXNfvs+p5Kfv+Z6tugSvHaRmHoVIXE3gYDc8c3E28A2PtGCcLD2JeAAAAAElFTkSuQmCC);
}
.lock-btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQBAMAAAA/jegKAAAAHlBMVEUAbL4AAAD///8AbL7J4fIAbL4AbL4AbL4AbL4AbL74xrx4AAAACnRSTlNmAGZiZlExPBwbd96FEgAAAERJREFUCNdjEJQIYIgQFGAQnMDAwDARSAcUChYEAmkGQUEBRggNZDEkMwABcwKDAYgGkgjAogKhmZRgNFwcE8D0w8wDAIZbB4ZFsQuvAAAAAElFTkSuQmCC);
}